:root{
  --ink:#101828;
  --ink-soft:#344054;
  --muted:#667085;
  --line:#d9dee8;
  --paper:#f6f8fb;
  --white:#ffffff;
  --blue:#2748ff;
  --blue-dark:#142b96;
  --cyan:#16c7d9;
  --mint:#bdf4dd;
  --coral:#ff826f;
  --yellow:#ffd56a;
  --navy:#0d1b34;
  --deep:#07111f;
  --radius:26px;
  --shadow:0 28px 80px rgba(16,24,40,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--ink);
  background:var(--paper);
  font-family:Arial,Helvetica,sans-serif;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit}
.page-noise{
  position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.018;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='x'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23x)'/%3E%3C/svg%3E");
}
.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(246,248,251,.88);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(16,24,40,.08);
}
.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:11px}
.brand-logo{width:40px;height:40px}
.brand-name{font-size:19px;font-weight:800;letter-spacing:-.5px}.brand-name b{color:var(--blue)}
.desktop-nav{display:flex;gap:28px;align-items:center}
.desktop-nav a{font-size:13px;font-weight:700;color:#475467;transition:.2s}.desktop-nav a:hover{color:var(--blue)}
.header-contact{font-size:12px;font-weight:800;border:1px solid var(--ink);padding:12px 16px;border-radius:999px}
.mobile-toggle{display:none;width:42px;height:42px;border:0;border-radius:50%;background:var(--ink);position:relative}
.mobile-toggle span{position:absolute;left:12px;right:12px;height:2px;background:white;transition:.2s}.mobile-toggle span:first-child{top:16px}.mobile-toggle span:last-child{top:24px}
.mobile-toggle.open span:first-child{transform:rotate(45deg);top:20px}.mobile-toggle.open span:last-child{transform:rotate(-45deg);top:20px}
.mobile-nav{display:none;padding:10px 20px 22px;background:var(--paper);border-top:1px solid var(--line)}.mobile-nav a{display:block;padding:13px 0;font-weight:700;color:var(--ink-soft)}
.hero{position:relative;padding:78px 0 0;overflow:hidden;background:linear-gradient(180deg,#fbfcfe 0%,#f3f6fa 100%)}
.hero:before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;background:#dfe7ff;filter:blur(20px);right:-260px;top:-250px;opacity:.75}
.hero-grid{min-height:690px;display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center;position:relative;z-index:2}
.construction-tag{display:inline-flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid #c8d0df;border-radius:999px;background:white;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.tag-dot{width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 6px rgba(255,130,111,.13)}
h1,h2,h3{margin-top:0}
h1{font-size:clamp(3.5rem,6.4vw,6.6rem);line-height:.94;letter-spacing:-.065em;margin:25px 0 24px}
.headline-accent{display:block;color:var(--blue)}
.hero-lead{font-size:18px;line-height:1.75;color:var(--muted);max-width:650px}
.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin:32px 0 40px}
.button{display:inline-flex;justify-content:center;align-items:center;gap:14px;padding:15px 19px;border-radius:999px;font-size:13px;font-weight:800;transition:.2s}
.button:hover{transform:translateY(-2px)}
.button-dark{color:white;background:var(--ink);box-shadow:0 14px 34px rgba(16,24,40,.18)}
.button-light{background:white;border:1px solid var(--line)}
.button-white{background:white;color:var(--ink)}
.hero-facts{display:flex;gap:34px;padding-top:24px;border-top:1px solid var(--line)}
.hero-facts article{display:grid;gap:4px}.hero-facts strong{font-size:22px}.hero-facts span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.hero-art{min-height:610px;position:relative;display:grid;place-items:center}
.art-backdrop{position:absolute;width:500px;height:500px;border-radius:43% 57% 63% 37%/45% 41% 59% 55%;background:linear-gradient(145deg,#2847ff,#182dae);transform:rotate(-8deg)}
.art-backdrop:after{content:"";position:absolute;inset:26px;border:1px solid rgba(255,255,255,.18);border-radius:inherit}
.main-device{position:relative;z-index:3;width:min(100%,470px);border-radius:28px;background:#fff;padding:20px;box-shadow:0 40px 100px rgba(18,43,150,.28);border:1px solid rgba(255,255,255,.7);transform:rotate(2deg)}
.device-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid #e9edf3}.device-top>div{display:grid;gap:4px}.mini-kicker{font-size:8px;letter-spacing:.16em;color:#98a2b3;font-weight:800}.device-top strong{font-size:13px}.device-status{display:flex;align-items:center;gap:7px;background:#fff4e8;color:#9b5b16;padding:7px 10px;border-radius:999px;font-size:9px;font-weight:800}.device-status i{width:6px;height:6px;background:#f59e0b;border-radius:50%}
.device-score{display:grid;grid-template-columns:180px 1fr;align-items:center;padding:26px 0}
.score-visual{position:relative;width:170px;height:170px}.score-visual svg{transform:rotate(-90deg)}.score-track{fill:none;stroke:#edf0f5;stroke-width:11}.score-value{fill:none;stroke:var(--blue);stroke-width:11;stroke-linecap:round;stroke-dasharray:421;stroke-dashoffset:25}
.score-visual>div{position:absolute;inset:0;display:grid;place-items:center;align-content:center}.score-visual strong{font-size:40px;line-height:1}.score-visual span{font-size:9px;color:var(--muted);margin-top:5px}
.score-copy>span{font-size:9px;font-weight:800;color:var(--blue);letter-spacing:.1em}.score-copy h2{font-size:23px;line-height:1.05;margin:8px 0}.score-copy p{font-size:10px;line-height:1.6;color:var(--muted);margin:0}
.device-panels{display:grid;gap:8px}.device-panels article{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:11px;background:#f7f9fc;border:1px solid #edf0f5;border-radius:13px}.device-panels img{width:22px;height:22px}.device-panels div{display:grid;gap:3px}.device-panels strong{font-size:10px}.device-panels span{font-size:8px;color:var(--muted)}.device-panels b{font-size:9px;color:#98a2b3}
.float-note{position:absolute;z-index:5;display:flex;gap:10px;align-items:center;padding:11px 13px;background:#fff;border-radius:15px;box-shadow:0 18px 40px rgba(16,24,40,.15)}.float-note strong{display:block;font-size:10px}.float-note small{font-size:8px;color:var(--muted)}.note-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#e6fbf3;color:#078455;font-weight:800}.note-one{left:-12px;top:115px}.note-two{right:-18px;bottom:115px}.note-two .note-icon{background:#fff3ee;color:#e65f4f}
.hero-stamp{position:absolute;z-index:2;right:5px;top:30px;width:116px;height:116px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;align-content:center;text-align:center;transform:rotate(9deg);box-shadow:0 14px 30px rgba(16,24,40,.12)}.hero-stamp span{font-size:8px;letter-spacing:.12em}.hero-stamp strong{font-size:15px;line-height:1.05;margin-top:5px}
.hero-marquee{margin-top:45px;background:var(--ink);color:white;overflow:hidden;white-space:nowrap}.hero-marquee div{display:inline-flex;align-items:center;gap:28px;padding:19px 0;animation:marquee 26s linear infinite}.hero-marquee span{font-size:11px;letter-spacing:.16em;font-weight:800}.hero-marquee i{font-style:normal;color:var(--coral)}@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:118px 0}.section-number{font-size:10px;font-weight:800;letter-spacing:.14em;color:#98a2b3;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:45px}.light-number{color:#7f8ba3;border-color:rgba(255,255,255,.14)}
.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--blue);font-weight:800;margin:0 0 17px}.eyebrow.light{color:#7ee8f2}
.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:90px}.about-grid h2,.build-header h2,.audience-head h2,.progress-copy h2,.faq-intro h2{font-size:clamp(2.5rem,5vw,5rem);line-height:1.03;letter-spacing:-.055em;margin-bottom:0}.about-copy{font-size:16px;line-height:1.85;color:var(--muted)}.about-copy p:first-child{margin-top:0}
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:70px}.principles article{padding:27px;border-top:3px solid var(--ink);background:white;min-height:220px}.principles span{font-size:10px;color:var(--blue);font-weight:800}.principles h3{font-size:21px;margin:35px 0 12px}.principles p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}
.build-section{background:var(--navy);color:white}.build-header{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:end}.build-header>p{color:#a9b4c8;line-height:1.8;font-size:15px}
.build-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:55px}.build-card{position:relative;min-height:360px;border-radius:24px;background:#142441;border:1px solid rgba(255,255,255,.08);padding:25px;overflow:hidden}.build-card-large{grid-row:span 2;min-height:738px;background:linear-gradient(180deg,#1c3471,#152342)}.build-card-wide{grid-column:span 2;min-height:300px;display:grid;grid-template-columns:1fr .8fr;gap:30px;align-items:center;background:#0d2534}.build-card-wide img{max-height:235px;margin-left:auto}.card-topline{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.14em;color:#8ea0bd;font-weight:800}.card-illustration{width:90%;max-height:380px;margin:70px auto 50px}.build-card h3{font-size:28px;letter-spacing:-.03em;margin:35px 0 12px}.build-card p{font-size:13px;line-height:1.75;color:#a8b4c8;max-width:520px}.card-icon-wrap{width:66px;height:66px;border-radius:20px;display:grid;place-items:center;margin-top:55px}.card-icon-wrap img{width:34px}.card-icon-wrap.coral{background:#ffb1a5}.card-icon-wrap.mint{background:#bdf4dd}.card-icon-wrap.blue{background:#b9c7ff}
.audience-head{max-width:850px}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.audience-grid>article{background:white;border:1px solid var(--line);border-radius:24px;overflow:hidden}.audience-image{height:265px;position:relative;display:grid;place-items:center;overflow:hidden}.audience-image img{height:78%;max-width:80%}.audience-image span{position:absolute;left:18px;top:18px;background:white;padding:7px 10px;border-radius:999px;font-size:8px;font-weight:800;letter-spacing:.12em}.audience-image.personal{background:#dce5ff}.audience-image.family{background:#ffe8be}.audience-image.business-image{background:#d4f3e9}.audience-body{padding:24px}.audience-body h3{font-size:24px;margin-bottom:11px}.audience-body p{font-size:13px;color:var(--muted);line-height:1.7}.audience-body ul{list-style:none;padding:16px 0 0;margin:16px 0 0;border-top:1px solid var(--line)}.audience-body li{font-size:11px;padding:7px 0;color:var(--ink-soft)}.audience-body li:before{content:"✓";color:var(--blue);font-weight:800;margin-right:9px}
.progress-section{padding:115px 0;background:var(--blue);color:white}.progress-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.progress-copy>p:not(.eyebrow){color:#cbd3ff;line-height:1.8}.timeline{display:grid}.timeline article{display:grid;grid-template-columns:45px 1fr 30px;gap:15px;align-items:center;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.17)}.timeline article>span{font-size:10px;color:#aebcff}.timeline article div{display:grid;gap:5px}.timeline strong{font-size:14px}.timeline small{font-size:9px;color:#b6c0ec}.timeline article>b{width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;font-size:10px}.timeline .done>b{background:white;color:var(--blue)}.timeline .active>b{border-color:white}.timeline .active b i{width:7px;height:7px;background:white;border-radius:50%;box-shadow:0 0 0 6px rgba(255,255,255,.12)}
.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.faq-intro>p:not(.eyebrow){color:var(--muted);line-height:1.7}.faq-intro>a{color:var(--blue);font-weight:800;font-size:13px}.faq-list details{border-bottom:1px solid var(--line);padding:22px 0}.faq-list summary{list-style:none;cursor:pointer;font-weight:800;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:20px;color:var(--blue)}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:13px;line-height:1.75;color:var(--muted);max-width:700px}
.closing{padding:0 0 115px}.closing-card{min-height:500px;border-radius:34px;background:var(--deep);color:white;text-align:center;display:grid;place-items:center;align-content:center;position:relative;overflow:hidden;padding:60px 25px}.closing-card>*:not(.closing-shape){position:relative;z-index:2}.closing-logo{width:72px;margin-bottom:20px}.closing-card h2{font-size:clamp(2.6rem,5.4vw,5.3rem);line-height:1;letter-spacing:-.055em;max-width:900px;margin:0 auto 20px}.closing-card>p:not(.eyebrow){max-width:620px;color:#aab5c8;line-height:1.7}.closing-shape{position:absolute;border-radius:50%;filter:blur(5px)}.shape-a{width:420px;height:420px;background:#1d3aff;left:-220px;top:-160px}.shape-b{width:360px;height:360px;background:#16c7d9;right:-210px;bottom:-180px}
footer{background:white;border-top:1px solid var(--line);padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:60px}.footer-brand{margin-bottom:14px}.footer-grid>div>p{font-size:12px;color:var(--muted)}.footer-links{display:grid;align-content:start;gap:11px}.footer-links strong{font-size:11px;margin-bottom:8px}.footer-links a{font-size:11px;color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px;margin-top:55px;color:#98a2b3;font-size:10px}
@media(max-width:980px){
  .desktop-nav,.header-contact{display:none}.mobile-toggle{display:block}
  .hero-grid{grid-template-columns:1fr;padding-top:35px}.hero-content{text-align:center}.hero-lead{margin-inline:auto}.hero-actions,.hero-facts{justify-content:center}.hero-art{min-height:600px}
  .about-grid,.build-header,.progress-grid,.faq-grid{grid-template-columns:1fr;gap:35px}.principles{grid-template-columns:1fr}.principles article{min-height:auto}.audience-grid{grid-template-columns:1fr}.audience-grid>article{display:grid;grid-template-columns:.8fr 1.2fr}.audience-image{height:auto;min-height:260px}
  .build-card-large{grid-row:auto}.build-card-large,.build-card{min-height:440px}.build-card-wide{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .container{width:min(100% - 28px,1180px)}
  .nav-wrap{height:70px}.brand-logo{width:36px;height:36px}.brand-name{font-size:17px}
  .hero{padding-top:42px}.hero-grid{min-height:auto;gap:35px}.construction-tag{font-size:9px}.hero-lead{font-size:15px}.hero-actions{display:grid}.button{width:100%}.hero-facts{gap:18px}.hero-facts strong{font-size:19px}.hero-facts span{font-size:8px}
  .hero-art{min-height:505px}.art-backdrop{width:390px;height:390px}.main-device{width:94%;padding:14px;border-radius:21px}.device-score{grid-template-columns:130px 1fr;padding:18px 0}.score-visual{width:125px;height:125px}.score-visual svg{width:125px}.score-visual strong{font-size:30px}.score-copy h2{font-size:18px}.float-note{display:none}.hero-stamp{width:88px;height:88px;right:-4px;top:3px}.hero-stamp strong{font-size:11px}
  .section{padding:82px 0}.section-number{margin-bottom:32px}.about-grid h2,.build-header h2,.audience-head h2,.progress-copy h2,.faq-intro h2{font-size:clamp(2.35rem,12vw,3.6rem)}
  .principles{margin-top:45px}.build-grid{grid-template-columns:1fr}.build-card,.build-card-large,.build-card-wide{grid-column:auto;min-height:auto}.build-card{padding:22px}.build-card-large{min-height:590px}.card-illustration{margin:50px auto 35px}.build-card-wide{grid-template-columns:1fr}.build-card-wide img{margin:10px auto 0}
  .audience-grid>article{display:block}.audience-image{height:240px}.progress-section{padding:82px 0}.timeline article{grid-template-columns:36px 1fr 28px}
  .closing{padding-bottom:82px}.closing-card{min-height:470px;border-radius:24px}.footer-grid{grid-template-columns:1fr;gap:35px}.footer-bottom{display:grid}
}