@font-face{font-family:Manrope;src:url('manrope-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('manrope-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Newsreader;src:url('newsreader-medium.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Newsreader;src:url('newsreader-semibold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Font Awesome 6 Free';src:url('fa-solid-900.woff2') format('woff2');font-style:normal;font-weight:900;font-display:block}
@font-face{font-family:'Font Awesome 6 Brands';src:url('fa-brands-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:block}
.fa-solid,.fa-brands{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}
.fa-solid{font-family:'Font Awesome 6 Free';font-weight:900}
.fa-brands{font-family:'Font Awesome 6 Brands';font-weight:400}
.fa-apple::before{content:'\f179'}.fa-arrow-right::before{content:'\f061'}.fa-clock::before{content:'\f017'}.fa-chart-line::before{content:'\f201'}.fa-lightbulb::before{content:'\f0eb'}.fa-heart::before{content:'\f004'}.fa-shield-halved::before{content:'\f3ed'}.fa-brain::before{content:'\f5dc'}.fa-arrow-up-right-from-square::before{content:'\f35d'}.fa-envelope::before{content:'\f0e0'}.fa-check::before{content:'\f00c'}.fa-circle-play::before{content:'\f144'}.fa-bars::before{content:'\f0c9'}.fa-xmark::before{content:'\f00d'}.fa-chevron-down::before{content:'\f078'}.fa-mobile-screen::before{content:'\f3cf'}.fa-book-open::before{content:'\f518'}.fa-user-group::before{content:'\f500'}.fa-arrow-trend-up::before{content:'\e098'}
:root{--paper:#f5f3ec;--paper-deep:#ebe6da;--ink:#173632;--ink-soft:#35534e;--teal:#087e79;--teal-deep:#075f5b;--mint:#a8e4d8;--mint-soft:#daf2eb;--apricot:#ef9d75;--apricot-soft:#f8d9c9;--gold:#e4bb61;--white:#fff;--line:rgba(23,54,50,.16);--shadow:0 24px 70px rgba(23,54,50,.14);--radius:28px;--max:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:18px;line-height:1.6;overflow-x:hidden}
body.menu-open{overflow:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}
button,input,textarea,select{font:inherit}
button,a{touch-action:manipulation}
:focus-visible{outline:3px solid var(--apricot);outline-offset:4px;border-radius:6px}
.skip-link{position:fixed;top:12px;left:12px;z-index:1000;padding:10px 16px;background:var(--ink);color:var(--white);transform:translateY(-150%)}
.skip-link:focus{transform:translateY(0)}
.site-header{position:sticky;top:0;z-index:100;background:rgba(245,243,236,.86);backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:border-color .2s ease}
.site-header.scrolled{border-color:var(--line)}
.nav-shell{max-width:1280px;margin:auto;padding:16px 28px;display:flex;align-items:center;gap:30px}
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-weight:700;font-size:20px;letter-spacing:-.03em;white-space:nowrap}
.brand-mark{width:34px;height:34px;position:relative;border-radius:50%;background:var(--ink);box-shadow:inset 0 0 0 8px var(--mint)}
.brand-mark::after{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:var(--apricot);right:-2px;top:3px}
.site-nav{display:flex;align-items:center;gap:24px;margin-left:auto}
.site-nav a{text-decoration:none;font-size:14px;font-weight:700;color:var(--ink-soft);white-space:nowrap}
.site-nav a:hover,.site-nav a[aria-current='page']{color:var(--teal)}
.nav-cta{display:inline-flex;align-items:center;gap:9px;padding:11px 17px;border-radius:999px;background:var(--ink);color:var(--white)!important}
.menu-toggle{display:none;width:48px;height:48px;border:1px solid var(--line);background:var(--paper);border-radius:50%;color:var(--ink);cursor:pointer}
.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}
.narrow{width:min(calc(100% - 48px),820px);margin-inline:auto}
.section{padding:110px 0;position:relative}
.section-sm{padding:72px 0}
.section-dark{background:var(--ink);color:var(--paper)}
.section-mint{background:var(--mint-soft)}
.section-apricot{background:var(--apricot-soft)}
.section-paper-deep{background:var(--paper-deep)}
.eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 18px;color:var(--teal);font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.eyebrow::before{content:'';width:28px;height:2px;background:currentColor}
h1,h2,h3,p{margin-top:0}
h1,h2{font-family:Newsreader,Georgia,serif;font-weight:600;letter-spacing:-.045em;line-height:.98;text-wrap:balance}
h1{font-size:clamp(3.2rem,7vw,6.3rem);margin-bottom:26px}
h2{font-size:clamp(2.55rem,5vw,4.7rem);margin-bottom:24px}
h3{font-size:1.28rem;line-height:1.25;letter-spacing:-.025em}
.lead{font-size:clamp(1.08rem,2vw,1.32rem);line-height:1.55;color:var(--ink-soft);max-width:660px}
.section-dark .lead{color:#cfe2dc}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:32px}
.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:13px 22px;background:var(--teal);color:var(--white);text-decoration:none;font-weight:700;border:1px solid var(--teal);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.button:hover{transform:translateY(-2px);background:var(--teal-deep);box-shadow:0 12px 28px rgba(8,126,121,.24)}
.button-dark{background:var(--ink);border-color:var(--ink)}
.button-light{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.text-link{display:inline-flex;align-items:center;gap:10px;color:var(--teal);font-weight:700;text-decoration:none}
.text-link:hover .fa-arrow-right{transform:translateX(4px)}
.text-link .fa-arrow-right{transition:transform .2s ease}
.microcopy{margin:13px 0 0;color:var(--ink-soft);font-size:14px}
.hero{min-height:calc(100vh - 82px);display:flex;align-items:center;padding:50px 0 70px;position:relative;isolation:isolate;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 78% 30%,rgba(168,228,216,.75),transparent 26%),radial-gradient(circle at 8% 72%,rgba(239,157,117,.28),transparent 20%)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}
.hero-copy{position:relative;z-index:2}
.hero-copy h1 span{display:block;color:var(--teal);font-style:italic}
.hero-visual{min-height:650px;display:grid;place-items:center;position:relative}
.orbit{position:absolute;border:1px solid rgba(23,54,50,.24);border-radius:50%;animation:spin 24s linear infinite}
.orbit-one{width:620px;height:620px}
.orbit-two{width:470px;height:470px;animation-direction:reverse;animation-duration:17s;border-style:dashed}
.orbit::before,.orbit::after{content:'';position:absolute;border-radius:50%}
.orbit-one::before{width:42px;height:42px;background:var(--apricot);top:67px;left:60px;box-shadow:0 0 0 12px var(--paper)}
.orbit-one::after{width:22px;height:22px;background:var(--gold);right:48px;bottom:110px}
.orbit-two::before{width:24px;height:24px;background:var(--teal);top:16px;left:190px}
.orbit-two::after{width:15px;height:15px;background:var(--ink);right:26px;top:200px}
.phone-wrap{width:315px;position:relative;z-index:3;transform:rotate(2deg);filter:drop-shadow(0 30px 38px rgba(23,54,50,.22))}
.phone-wrap img{border-radius:38px}
.sample-label{position:absolute;right:-28px;bottom:96px;padding:12px 17px;border-radius:999px;background:var(--white);font-size:13px;font-weight:700;box-shadow:var(--shadow);transform:rotate(-3deg)}
.hero-note{position:absolute;left:-20px;top:105px;width:150px;padding:20px;border-radius:22px;background:var(--ink);color:var(--white);font-size:14px;line-height:1.35;transform:rotate(-5deg);box-shadow:var(--shadow)}
.hero-note strong{display:block;font-family:Newsreader,Georgia,serif;font-size:31px;color:var(--mint);line-height:1}
.marquee{border-block:1px solid var(--line);overflow:hidden;background:var(--paper-deep)}
.marquee-track{display:flex;width:max-content;animation:marquee 28s linear infinite;padding:18px 0}
.marquee-item{display:flex;align-items:center;gap:24px;padding-right:24px;font-family:Newsreader,Georgia,serif;font-size:24px;white-space:nowrap}
.marquee-dot{width:10px;height:10px;border-radius:50%;background:var(--apricot)}
.intro-grid,.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:46px}
.card{padding:32px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.48);min-height:220px;position:relative;overflow:hidden}
.card::after{content:'';position:absolute;width:110px;height:110px;border-radius:50%;right:-42px;bottom:-48px;background:var(--mint);opacity:.5}
.card-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:var(--ink);color:var(--mint);margin-bottom:38px}
.card p{color:var(--ink-soft);margin-bottom:0}
.numbered-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-top:46px}
.number-card{background:var(--paper);padding:35px;min-height:270px}
.number{font-family:Newsreader,Georgia,serif;color:var(--apricot);font-size:4.6rem;line-height:1;margin-bottom:45px}
.product-showcase{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.screen-cluster{display:flex;align-items:center;justify-content:center;min-height:650px;position:relative}
.screen-cluster img{width:265px;border-radius:30px;box-shadow:var(--shadow)}
.screen-cluster img:first-child{transform:rotate(-7deg) translateX(28px)}
.screen-cluster img:last-child{transform:rotate(7deg) translateX(-28px);margin-top:80px}
.callout-list{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:20px}
.callout-list li{display:grid;grid-template-columns:42px 1fr;gap:15px;align-items:start}
.callout-list span:first-child{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--mint);font-weight:700}
.quote-card{padding:52px;border-radius:var(--radius);background:var(--ink);color:var(--paper);font-family:Newsreader,Georgia,serif;font-size:clamp(1.8rem,4vw,3.5rem);line-height:1.12;letter-spacing:-.03em;position:relative}
.quote-card::before{content:'“';position:absolute;top:12px;right:30px;font-size:8rem;line-height:1;color:var(--apricot);opacity:.8}
.photo-frame{border-radius:38px;overflow:hidden;position:relative}
.photo-frame img{width:100%;aspect-ratio:5/3;object-fit:cover}
.photo-frame::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);border-radius:inherit}
.domain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.domain{padding:26px;border-radius:22px;background:var(--white);border:1px solid var(--line)}
.domain b{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.domain p{font-size:15px;margin:0;color:var(--ink-soft)}
.comparison{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--white);font-size:16px}
.comparison th,.comparison td{padding:18px 20px;text-align:left;border-bottom:1px solid var(--line)}
.comparison tr:last-child td{border-bottom:0}
.comparison th{background:var(--ink);color:var(--white)}
.comparison td:not(:first-child){text-align:center}
.price-note{padding:22px;border-left:4px solid var(--apricot);background:var(--apricot-soft);font-size:15px}
.timeline{margin-top:48px;display:grid;gap:22px;counter-reset:steps}
.timeline-item{display:grid;grid-template-columns:80px 1fr 210px;gap:28px;align-items:center;padding:28px;border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.55);counter-increment:steps}
.timeline-item::before{content:'0' counter(steps);font-family:Newsreader,Georgia,serif;font-size:42px;color:var(--teal)}
.timeline-thumb{height:170px;display:grid;place-items:center;overflow:hidden;border-radius:18px;background:var(--mint-soft)}
.timeline-thumb img{width:84px;border-radius:12px;transform:translateY(35px);box-shadow:0 16px 30px rgba(23,54,50,.18)}
.source-list{display:grid;gap:15px;margin-top:35px}
.source-card{padding:25px;border:1px solid rgba(255,255,255,.18);border-radius:20px;display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center}
.source-card p{margin:7px 0 0;color:#cfe2dc;font-size:15px}
.source-card a{color:var(--mint)}
.layer-stack{display:grid;gap:14px;margin-top:38px}
.layer{padding:30px;border-radius:24px;border:1px solid var(--line);background:var(--white);display:grid;grid-template-columns:170px 1fr;gap:25px;align-items:start}
.layer-label{font-weight:700;color:var(--teal)}
.notice{padding:28px;border-radius:22px;background:var(--apricot-soft);border:1px solid rgba(239,157,117,.5)}
.notice strong{display:block;margin-bottom:7px}
.faq-groups{display:grid;gap:54px;margin-top:48px}
.faq-group h2{font-family:Manrope,Arial,sans-serif;font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-bottom:14px}
details{border-top:1px solid var(--line)}
details:last-child{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;padding:25px 54px 25px 0;font-weight:700;position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:'+';position:absolute;right:10px;top:18px;font-family:Newsreader,Georgia,serif;font-size:34px;color:var(--teal);transition:transform .2s ease}
details[open] summary::after{transform:rotate(45deg)}
.faq-answer{padding:0 65px 25px 0;color:var(--ink-soft);max-width:780px}
.legal-copy h2{font-family:Manrope,Arial,sans-serif;font-size:1.35rem;letter-spacing:-.02em;line-height:1.25;margin:48px 0 14px}
.legal-copy h3{margin:28px 0 10px}
.legal-copy p,.legal-copy li{color:var(--ink-soft)}
.legal-copy a{color:var(--teal)}
.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:44px}
.support-card{padding:34px;border-radius:24px;background:var(--white);border:1px solid var(--line)}
.support-card a{color:var(--teal);font-weight:700}
.cta-panel{padding:70px;border-radius:40px;background:var(--teal);color:var(--white);display:grid;grid-template-columns:1fr auto;align-items:center;gap:50px;position:relative;overflow:hidden}
.cta-panel::after{content:'';position:absolute;width:360px;height:360px;border:75px solid rgba(255,255,255,.1);border-radius:50%;right:-100px;top:-150px}
.cta-panel h2{max-width:720px;margin-bottom:16px}
.cta-panel p{color:#d5f3ed;margin:0;max-width:650px}
.cta-store{position:relative;z-index:2;text-align:center;display:grid;gap:12px;justify-items:center}
.store-badge{width:190px;border-radius:8px}
.qr-card{width:148px;padding:10px;border-radius:18px;background:var(--white);box-shadow:var(--shadow)}
.qr-card img{width:100%}
.qr-card small{display:block;color:var(--ink);font-size:11px;margin-top:6px}
.site-footer{background:var(--ink);color:var(--paper);padding:70px 0 28px}
.footer-top{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;padding-bottom:50px}
.footer-brand p{max-width:410px;color:#bed1cc;font-size:15px;margin-top:18px}
.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 28px}
.footer-links a{color:#dbe8e4;text-decoration:none;font-size:15px}
.footer-links a:hover{color:var(--mint)}
.footer-disclaimer{padding:24px 0;border-block:1px solid rgba(255,255,255,.14);color:#dbe8e4;font-size:14px}
.footer-meta{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;padding-top:24px;font-size:13px;color:#9fb8b1}
.footer-meta span{white-space:nowrap}
.sticky-cta{display:none;position:fixed;z-index:90;bottom:max(12px,env(safe-area-inset-bottom));left:12px;right:12px;transform:translateY(140%);transition:transform .25s ease;background:var(--ink);color:var(--white);border-radius:18px;padding:10px 12px;box-shadow:0 18px 50px rgba(0,0,0,.28);align-items:center;justify-content:space-between;gap:15px}
.sticky-cta.visible{transform:translateY(0)}
.sticky-cta small{display:block;color:#bcd0ca;font-size:11px}
.sticky-cta .button{min-height:46px;padding:10px 16px;white-space:nowrap}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}
.reveal.is-visible{opacity:1;transform:none}
.error-page{min-height:calc(100vh - 82px);display:grid;place-items:center;text-align:center;padding:70px 24px;position:relative}
.error-code{font-family:Newsreader,Georgia,serif;font-size:clamp(9rem,30vw,22rem);line-height:.7;color:var(--mint);letter-spacing:-.08em}
.error-page h1{font-size:clamp(2.7rem,6vw,5.2rem);margin-top:-35px}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes marquee{to{transform:translateX(-50%)}}
@media (max-width:1050px){.site-nav{position:fixed;inset:81px 18px auto;height:calc(100dvh - 100px);background:var(--ink);color:var(--white);border-radius:24px;padding:25px;display:grid;align-content:start;gap:6px;overflow-y:auto;transform:translateY(-15px);opacity:0;visibility:hidden;transition:.2s ease;box-shadow:var(--shadow)}.site-nav.open{transform:none;opacity:1;visibility:visible}.site-nav a{color:var(--white);padding:12px}.nav-cta{background:var(--teal);justify-content:center}.menu-toggle{display:grid;place-items:center;margin-left:auto}.hero-grid{grid-template-columns:1fr .9fr;gap:25px}.hero-visual{min-height:570px}.orbit-one{width:500px;height:500px}.orbit-two{width:390px;height:390px}.phone-wrap{width:270px}.intro-grid,.split,.product-showcase{gap:45px}.section{padding:90px 0}.cta-panel{padding:55px}}
@media (max-width:780px){body{font-size:18px}.container,.narrow{width:min(calc(100% - 32px),var(--max))}.nav-shell{padding:14px 16px}.hero{min-height:auto;padding:38px 0 64px}.hero-grid{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(3.2rem,15vw,5.1rem)}.hero-visual{min-height:470px;margin-top:-25px}.orbit-one{width:430px;height:430px}.orbit-two{width:330px;height:330px}.phone-wrap{width:215px}.hero-note{left:3px;top:62px;width:125px;padding:15px}.hero-note strong{font-size:27px}.sample-label{right:0;bottom:55px}.intro-grid,.split,.product-showcase{grid-template-columns:1fr;gap:35px}.card-grid,.domain-grid{grid-template-columns:1fr}.numbered-grid{grid-template-columns:1fr}.number-card{min-height:auto}.product-showcase .screen-cluster{order:2}.screen-cluster{min-height:470px}.screen-cluster img{width:205px}.timeline-item{grid-template-columns:60px 1fr}.timeline-thumb{grid-column:2;height:140px}.layer{grid-template-columns:1fr;gap:10px}.comparison{font-size:13px}.comparison th,.comparison td{padding:13px 9px}.support-grid{grid-template-columns:1fr}.cta-panel{padding:44px 26px;grid-template-columns:1fr;text-align:left}.cta-store{justify-items:start}.qr-card{display:none}.footer-top{grid-template-columns:1fr;gap:35px}.footer-links{grid-template-columns:1fr 1fr}.sticky-cta{display:flex}.section{padding:76px 0}.section-sm{padding:54px 0}.quote-card{padding:40px 26px}.photo-frame{border-radius:26px}.photo-frame img{aspect-ratio:4/3}.source-card{grid-template-columns:1fr}.footer-meta{display:grid;justify-content:start}.actions{align-items:stretch}.actions .button{width:100%}.actions .text-link{padding:10px 0}}
@media (max-width:420px){.hero-copy .lead{font-size:1rem}.hero-visual{min-height:410px}.orbit-one{width:365px;height:365px}.orbit-two{width:285px;height:285px}.phone-wrap{width:185px}.hero-note{top:50px;width:112px;font-size:12px}.sample-label{font-size:11px}.footer-links{grid-template-columns:1fr}.domain-grid{gap:12px}.screen-cluster img{width:175px}.screen-cluster{min-height:400px}.cta-panel h2{font-size:2.7rem}.sticky-cta>div:first-child{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}