@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');:root{--bg:#031329;--panel:#071e3b;--text:#edf7ff;--muted:#9db8d4;--cyan:#12d9ff;--blue:#087cff;--line:#0b6da2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 75% 8%,#063c78 0,transparent 35%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.topbar{height:76px;padding:0 clamp(18px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #0c4772;background:#031329eF;position:sticky;top:0;z-index:5;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;letter-spacing:.4px}.brand-mark{font-size:38px;color:var(--cyan);line-height:1;transform:rotate(-15deg)}.brand small{display:block;font-size:8px;color:#9bb9d4;font-weight:500;letter-spacing:0}.accent,.gradient{color:var(--cyan)}nav{display:flex;gap:clamp(12px,2.5vw,32px);font-size:12px;color:#d3eaff}nav a:hover{color:var(--cyan)}.top-actions{display:flex;align-items:center;gap:12px}.theme-toggle,.login-link{border:1px solid #15558b;border-radius:24px;background:#08264a;color:white;padding:9px 13px}.login-link{background:linear-gradient(110deg,#00c7f4,#087cff);font-size:12px;font-weight:700}.hero{min-height:390px;padding:60px clamp(20px,6vw,90px);display:flex;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid #0a4b7a;background:linear-gradient(100deg,#031329 12%,#042653 65%,#031329)}.hero-copy{max-width:560px;position:relative;z-index:2}.eyebrow{font-size:11px;color:#a8dcff;background:#082d55;border:1px solid #13558a;padding:7px 12px;border-radius:18px}.hero h1{font-size:clamp(32px,5vw,54px);line-height:1.08;letter-spacing:-1.5px;margin:20px 0 14px}.hero-copy>p{font-size:14px;color:#c3d9ee;max-width:490px}.hero-points{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;font-size:10px;color:#cce8ff}.hero-art{position:absolute;right:3%;top:5%;width:43%;height:90%;overflow:hidden;background:radial-gradient(ellipse,#0560bd80,transparent 65%)}.wifi-symbol{position:absolute;right:25%;top:5%;font-size:110px;line-height:1;color:var(--cyan);text-shadow:0 0 22px #00bfff;animation:pulse 3s infinite}.orbit{position:absolute;border:2px solid #078eff;border-radius:50%;width:120%;height:36%;left:-10%;bottom:7%;transform:rotate(-13deg);box-shadow:0 0 22px #007bff80}.orbit-two{bottom:1%;animation:wave 6s ease-in-out infinite}.device{position:absolute;filter:drop-shadow(0 0 18px #007bff80)}.laptop{width:52%;height:39%;right:15%;bottom:19%;transform:skewY(-5deg)}.screen{height:88%;border:5px solid #07111f;border-radius:9px;background:linear-gradient(140deg,#0b65bd,#04152f 65%,#18cfff);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:40px}.screen small{font-size:11px}.keyboard{height:12%;background:linear-gradient(#7bcaff,#173e70);clip-path:polygon(8% 0,92% 0,100% 100%,0 100%)}.phone{right:5%;bottom:18%;width:14%;height:32%;border:4px solid #081526;border-radius:14px;background:linear-gradient(140deg,#0b3671,#031329);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--cyan);font-size:30px}.phone small{font-size:9px}.clock-card{position:absolute;right:5%;bottom:15px;background:#08274bd9;border:1px solid #14558a;border-radius:12px;padding:10px 16px;display:flex;flex-direction:column;min-width:140px;z-index:2}.clock-card span,.clock-card small{font-size:10px;color:#a7c9e7}.clock-card strong{font-size:22px}.section{padding:36px clamp(18px,6vw,90px)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.section h2{font-size:24px;margin:0 0 3px;letter-spacing:-.5px}.section-head p{margin:0;color:var(--muted);font-size:12px}.package-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.package{min-height:158px;text-align:center;border:1px solid var(--edge);border-radius:14px;padding:17px 10px;background:linear-gradient(145deg,var(--tint),#061a33 80%);box-shadow:inset 0 0 22px #0a4c8230;transition:transform .25s,box-shadow .25s}.package:hover{transform:translateY(-5px);box-shadow:0 8px 26px var(--tint)}.cyan{--edge:#0ccdf4;--tint:#006b7a80}.blue{--edge:#087cff;--tint:#003d9c80}.violet{--edge:#735cff;--tint:#35228b80}.pink{--edge:#bb45ff;--tint:#6b168780}.package-icon{margin:0 auto 8px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#0b3d67;color:#7cecff;font-size:28px;animation:pulse 3s infinite}.package h3{font-size:15px;margin:0}.price{font-size:17px;font-weight:800;margin:4px 0}.package small{font-size:10px;color:#a8c6e1}.agent-notice{margin-top:18px;border:1px solid #078acb;border-radius:12px;padding:16px 20px;background:linear-gradient(100deg,#06335b,#06264a);display:flex;align-items:center;gap:16px;box-shadow:0 0 16px #007cff20}.megaphone{font-size:25px;color:var(--cyan)}.agent-notice strong{font-size:12px;color:var(--cyan)}.agent-notice p{font-size:10px;color:#c2d9ee;margin:3px 0 0}.notice-info{margin-left:auto;border-radius:50%;background:#087cff;color:white;width:20px;height:20px;text-align:center;font-size:13px}.faq{padding-top:10px}.faq-list{border:1px solid #104775;border-radius:12px;overflow:hidden}.faq-list details{background:#061a32;border-bottom:1px solid #103758;padding:0 16px}.faq-list details:last-child{border-bottom:0}.faq-list summary{cursor:pointer;list-style:none;padding:12px 0;font-size:12px;font-weight:600;display:flex;justify-content:space-between;gap:12px}.faq-list summary:after{content:'＋';color:var(--cyan);font-size:16px}.faq-list details[open] summary:after{content:'−'}.faq-list details p{margin:0;padding:0 0 13px;color:#b9d0e6;font-size:12px;max-width:900px}.about-strip{min-height:120px;padding:25px clamp(20px,6vw,90px);display:flex;align-items:center;gap:14px;border-top:1px solid #0b4c7b;background:radial-gradient(ellipse at 50% 100%,#064c8c,transparent 70%),#04172d;position:relative;overflow:hidden}.about-strip:after{content:'';position:absolute;left:-10%;right:-10%;bottom:-45px;height:80px;border:2px solid #087cff;border-radius:50%;box-shadow:0 0 22px #078bff;transform:rotate(-3deg);animation:wave 8s infinite}.about-mark{font-size:42px;color:var(--cyan)}.about-strip strong{color:#8deaff}.about-strip p{margin:2px 0;font-size:11px;color:#b8d4ec}.about-strip em{margin-left:auto;text-align:right;color:#91dfff;font-size:13px}footer{padding:22px clamp(20px,6vw,90px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #123553;font-size:11px}footer p{color:#8eabc7;font-size:10px;margin:5px 0}footer nav{font-size:10px}.wa{color:#061a2e;background:linear-gradient(90deg,#1be2c2,#4ee8a1);border-radius:20px;padding:9px 13px;font-weight:800;white-space:nowrap}.light{--bg:#edf7ff;--panel:#fff;--text:#0b2440;--muted:#476781;background:var(--bg);color:var(--text)}.light .topbar{background:#f4faffed}.light .topbar nav{color:#183956}.light .hero{background:linear-gradient(100deg,#e9f7ff,#cceaff)}.light .hero-copy>p,.light .hero-points{color:#254b6d}.light .package{background:linear-gradient(145deg,#fff,#e8f5ff)}.light .faq-list details{background:#f8fcff}.light .faq-list details p{color:#31516e}.light .agent-notice{background:#e0f5ff}.light .agent-notice p{color:#31516e}.light .about-strip{background:#d7efff}.light footer{background:#edf7ff}@keyframes pulse{0%,100%{filter:drop-shadow(0 0 2px #00cfff);transform:scale(1)}50%{filter:drop-shadow(0 0 10px #00cfff);transform:scale(1.04)}}@keyframes wave{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(2deg) translateY(-8px)}}@media(max-width:760px){.topbar{height:auto;min-height:65px;padding:12px 16px;flex-wrap:wrap;gap:12px}.brand{font-size:16px}.brand-mark{font-size:30px}.topbar nav{order:3;width:100%;justify-content:center;gap:22px;padding-top:5px}.topbar nav a{font-size:11px}.top-actions{margin-left:auto}.hero{padding:36px 20px 175px;min-height:520px;align-items:flex-start}.hero h1{font-size:35px}.hero-copy{max-width:100%}.hero-copy>p{font-size:13px;max-width:360px}.hero-art{width:100%;height:48%;right:0;top:auto;bottom:0;opacity:.9}.wifi-symbol{font-size:78px;right:25%}.clock-card{right:14px;bottom:14px;padding:7px 11px;min-width:115px}.clock-card strong{font-size:18px}.hero-points{gap:8px 12px;font-size:9px}.section{padding:30px 16px}.section h2{font-size:22px}.package-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.package{min-height:145px;padding:13px 8px}.package h3{font-size:14px}.price{font-size:17px}.agent-notice{padding:13px;gap:10px}.agent-notice strong{font-size:11px}.agent-notice p{font-size:10px}.faq{padding-top:5px}.faq-list summary{font-size:11px;padding:13px 0}.faq-list details p{font-size:11px}.about-strip{padding:20px 17px;min-height:105px}.about-strip em{font-size:10px}footer{padding:20px 16px;flex-wrap:wrap}footer nav{order:3;width:100%;justify-content:center;gap:18px}.wa{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}