:root{--ink:#102522;--teal:#08776f;--teal-dark:#075b56;--mint:#c8f1e9;--cream:#f5faf8;--muted:#5d716e;--line:#d9e6e2;--shadow:0 24px 70px rgba(9,55,51,.13)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fbfdfc;font-family:"DM Sans",sans-serif;line-height:1.65}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
.nl-container{width:min(1160px,calc(100% - 48px));margin-inline:auto}
.skip-link{position:fixed;top:-80px;left:16px;z-index:99;padding:10px 16px;background:var(--mint);border-radius:7px;color:var(--ink);font-weight:700}
.skip-link:focus{top:16px}
.nl-header{position:absolute;inset:0 0 auto;z-index:10}
.nav-inner{height:82px;display:flex;align-items:center;justify-content:space-between}
.back-brand img{width:172px}
.nav-inner nav{display:flex;align-items:center;gap:27px}
.nav-inner nav a{text-decoration:none;color:#526b67;font-size:13px;font-weight:700}
.nav-inner .privacy-link{padding:9px 14px;border:1px solid #c7d9d4;border-radius:999px}
.nl-hero{min-height:790px;padding:145px 0 65px;overflow:hidden;background:radial-gradient(circle at 85% 12%,rgba(24,184,176,.15),transparent 27%),linear-gradient(145deg,#f6faf8,#eef8f5)}
.nl-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center}
.tag{margin:0 0 25px;color:#64817b;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.tag>span{display:inline-block;width:25px;height:2px;margin:0 9px 3px 0;background:var(--teal)}
.title-lockup{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.title-lockup img{width:72px;height:72px;border-radius:18px}
.title-lockup p{margin:0;font:800 19px "Manrope",sans-serif;letter-spacing:.16em}
.title-lockup small{color:#708581;font-size:10px;font-weight:700;letter-spacing:.13em}
.nl-copy h1,.section-title h2,.privacy-card h2,.how h2,.premium-card h2,.faq h2,.launch-card h2{font-family:"Manrope",sans-serif;letter-spacing:-.05em}
.nl-copy h1{margin:0;font-size:clamp(3.45rem,6.1vw,6rem);line-height:.97}
.nl-copy h1 em{font-style:normal;color:var(--teal)}
.lead{max-width:600px;margin:27px 0;color:#526b67;font-size:18px}
.availability-box{display:inline-flex;align-items:center;gap:13px;margin-top:8px;padding:13px 18px;border:1px solid #c8dcda;border-radius:10px;background:rgba(255,255,255,.7)}
.pulse{width:10px;height:10px;flex:0 0 10px;border:3px solid #b9ece8;border-radius:50%;background:var(--teal)}
.availability-box strong,.availability-box small{display:block}
.availability-box strong{font-size:13px}
.availability-box small{color:#718580;font-size:11px}
.hero-points{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:24px;color:#667c77;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.hero-points span+span::before{content:"·";margin-right:16px;color:var(--teal)}
.phone-stage{position:relative;width:100%;max-width:560px;height:590px;justify-self:center}
.glow{position:absolute;inset:10% 0 5%;border-radius:50%;background:radial-gradient(circle,rgba(8,119,111,.2),transparent 68%)}
.phone{position:absolute;width:min(240px,50%);padding:8px;border:5px solid #102a2a;border-radius:31px;background:#102a2a;box-shadow:0 32px 70px rgba(6,48,45,.22);overflow:hidden}
.phone img{width:100%;height:auto;border-radius:20px}
.phone-front{z-index:2;left:50%;top:3%;transform:translateX(-50%) rotate(-3deg)}
.visual-chip{position:absolute;z-index:3;display:grid;gap:2px;max-width:180px;padding:13px 16px;border:1px solid #d3e8e2;border-radius:14px;background:rgba(255,255,255,.92);box-shadow:0 16px 40px rgba(6,48,45,.12)}
.visual-chip span{color:var(--teal);font-size:10px;font-weight:800;letter-spacing:.1em}
.visual-chip strong{font-size:13px;line-height:1.3}
.visual-chip-one{top:24%;left:0}
.visual-chip-two{right:0;bottom:19%}
.promise-strip{background:#0b302e;color:#fff}
.promise-strip .nl-container{min-height:112px;display:flex;align-items:center;justify-content:center;gap:28px}
.promise-strip p{font:600 18px "Manrope",sans-serif}
.promise-strip p:last-child{color:#79dfd3}
.promise-strip span{color:#5c928b}
.features{padding:112px 0}
.section-title{display:grid;grid-template-columns:1fr .8fr;column-gap:70px;align-items:end;margin-bottom:54px}
.section-title .tag{grid-column:1/-1}
.section-title h2,.how h2{margin:0;font-size:clamp(2.5rem,4.6vw,4.1rem);line-height:1.05}
.section-title>p:last-child{margin:0 0 6px;color:var(--muted);font-size:17px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.feature-grid article{position:relative;min-height:270px;padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.feature-grid b{position:absolute;right:25px;top:19px;color:#afc2be;font-size:11px}
.feature-grid .icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#e3f6f2;color:var(--teal);font:800 17px "Manrope",sans-serif}
.feature-grid h3{margin:28px 0 8px;font:700 19px "Manrope",sans-serif;letter-spacing:-.03em}
.feature-grid p{margin:0;color:var(--muted);font-size:14px}
.privacy-section{padding:0 0 100px}
.privacy-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center;padding:52px;border-radius:22px;background:#0b302e;color:#fff}
.privacy-card .tag,.launch-card .tag{color:#94c4bc}
.privacy-card h2{margin:0;font-size:clamp(2.3rem,4vw,3.6rem);line-height:1.08}
.privacy-copy p{margin:0 0 15px;color:#c1d7d2}
.privacy-copy strong{color:#fff}
.privacy-copy a{display:inline-block;margin-top:7px;color:#85e0d5;font-size:14px;font-weight:700;text-underline-offset:4px}
.how{padding:110px 0;background:#f3f2e9}
.how-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}
.how-note{margin-top:25px;color:var(--muted)}
.how ol{margin:0;padding:0;list-style:none;border-top:1px solid #cfd9d4}
.how li{display:grid;grid-template-columns:48px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid #cfd9d4}
.how li>span{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--teal-dark);color:#fff;font-weight:700}
.how h3{margin:0 0 5px;font:700 18px "Manrope",sans-serif}
.how li p{margin:0;color:var(--muted)}
.premium-section{padding:0 0 108px;background:#f3f2e9}
.premium-card{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:30px 36px;border:1px solid #d5e2dc;border-radius:18px;background:rgba(255,255,255,.75)}
.premium-card .tag{margin-bottom:8px}
.premium-card h2{margin:0;font-size:clamp(1.6rem,2.5vw,2.1rem);line-height:1.18}
.premium-card p:last-child{max-width:700px;margin:10px 0 0;color:var(--muted);font-size:14px}
.premium-badge{flex:0 0 auto;padding:8px 12px;border-radius:999px;background:#e5f3ed;color:var(--teal-dark);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.faq{padding:112px 0}
.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}
.faq h2{margin:0;font-size:clamp(2.5rem,4vw,3.5rem);line-height:1.08}
.accordions{border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line)}
summary{display:flex;justify-content:space-between;gap:20px;padding:23px 0;cursor:pointer;list-style:none;font-weight:700}
summary::-webkit-details-marker{display:none}
summary span{color:var(--teal);font-size:20px;transition:transform .2s}
details[open] summary span{transform:rotate(45deg)}
details p{margin:-6px 40px 23px 0;color:var(--muted)}
.launch-section{padding:0 0 105px}
.launch-card{display:grid;grid-template-columns:100px 1fr auto;gap:32px;align-items:center;padding:40px;border-radius:22px;background:linear-gradient(125deg,#092b2a,#0b5550);color:#fff}
.launch-card>img{width:96px;border-radius:22px}
.launch-card .tag{margin-bottom:7px}
.launch-card h2{margin:0;font-size:clamp(1.55rem,2.5vw,2.2rem);line-height:1.12}
.launch-card>div>p:last-child{margin:8px 0 0;color:#bbd4d0;font-size:14px}
.launch-note{display:flex;align-items:center;gap:10px;padding:13px 16px;border:1px solid rgba(255,255,255,.25);border-radius:9px;white-space:nowrap;font-size:13px}
.nl-footer{padding:36px 0;background:#071b1b;color:#91aaa5}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}
.footer-inner>a img{width:150px;filter:brightness(0) invert(1)}
.footer-inner p{font-size:11px}
.footer-inner>div{display:flex;gap:18px}
.footer-inner>div a{font-size:12px}
@media(max-width:950px){.nl-hero-grid{grid-template-columns:1fr;gap:28px}.nl-copy{max-width:700px}.phone-stage{max-width:560px}.section-title,.privacy-card,.how-grid,.faq-grid{grid-template-columns:1fr;gap:32px}.feature-grid{grid-template-columns:repeat(2,1fr)}.launch-card{grid-template-columns:80px 1fr}.launch-card>img{width:76px}.launch-note{grid-column:2;justify-self:start}}
@media(max-width:650px){.nl-container{width:calc(100% - 32px)}.nav-inner{height:68px}.nav-inner nav a:not(.privacy-link){display:none}.nl-hero{padding:108px 0 50px}.nl-copy h1{font-size:clamp(3rem,13.6vw,3.7rem)}.lead{font-size:16px}.title-lockup img{width:62px;height:62px}.title-lockup p{font-size:17px}.title-lockup small{font-size:9px}.hero-points{gap:7px 12px;font-size:9px}.hero-points span+span::before{margin-right:12px}.phone-stage{height:510px;width:100%}.phone{width:min(230px,66%);padding:6px;border-width:4px;border-radius:26px}.phone img{border-radius:18px}.phone-front{left:50%;top:2%}.visual-chip{display:none}.promise-strip .nl-container{min-height:104px;gap:10px;flex-wrap:wrap}.promise-strip p{font-size:14px}.features,.how,.faq{padding:78px 0}.section-title{margin-bottom:35px}.section-title h2,.how h2{font-size:2.45rem}.section-title>p:last-child{font-size:15px}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:auto;padding:28px}.feature-grid h3{margin-top:22px}.privacy-section{padding-bottom:70px}.privacy-card{padding:32px 24px;gap:22px}.privacy-card h2,.faq h2{font-size:2.4rem}.how-grid,.faq-grid{gap:30px}.how li{grid-template-columns:42px 1fr;gap:15px}.premium-section{padding-bottom:70px}.premium-card{align-items:flex-start;flex-direction:column;gap:16px;padding:28px 24px}.launch-section{padding-bottom:70px}.launch-card{grid-template-columns:1fr;padding:30px 24px;gap:18px}.launch-card>img{width:72px}.launch-note{grid-column:auto;justify-self:start;white-space:normal}.footer-inner{align-items:flex-start;flex-direction:column;gap:12px}.footer-inner p{margin:0}.footer-inner>div{flex-direction:column;gap:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{scroll-behavior:auto!important;transition-duration:.01ms!important}}
