@font-face{font-family:Prompt;src:url('assets/fonts/Prompt-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Prompt;src:url('assets/fonts/Prompt-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Prompt;src:url('assets/fonts/Prompt-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}

:root{
  --ink:#f7f8f6;
  --quiet:#a6adb9;
  --muted:#737c87;
  --canvas:#031018;
  --surface:#09171f;
  --soft:#0d1d25;
  --line:rgba(255,255,255,.15);
  --sage:#63d16d;
  --sage-dark:#092c1a;
  --sage-wash:#0c3d24;
  --violet:#9463f5;
  --yellow:#cbda3b;
  --blue:#3495d2;
  --serif:"Iowan Old Style","Baskerville","Times New Roman",serif;
  --sans:Prompt,"Avenir Next",sans-serif;
  --page:1240px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--canvas)}
body{margin:0;color:var(--ink);background:
  radial-gradient(circle at 82% 9%,rgba(10,99,63,.24),transparent 24rem),
  var(--canvas);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.3;background-image:radial-gradient(circle,rgba(255,255,255,.6) 0 1px,transparent 1.2px);background-size:89px 97px;background-position:17px 31px;mask-image:linear-gradient(to bottom,black,transparent 55%)}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button{font:inherit}
::selection{background:var(--sage);color:var(--sage-dark)}
.skip-link{position:fixed;left:20px;top:12px;z-index:100;transform:translateY(-160%);padding:10px 16px;background:var(--sage);color:var(--sage-dark);border-radius:6px;font-weight:600}
.skip-link:focus{transform:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;width:min(calc(100% - 48px),var(--page));margin:0 auto;padding:20px 0;transition:padding .25s ease,background .25s ease}
.site-header:before{content:"";position:absolute;inset:8px -18px;z-index:-1;border:1px solid transparent;border-radius:18px;background:rgba(3,16,24,0);transition:inherit}
.site-header.scrolled{padding-top:13px;padding-bottom:13px}
.site-header.scrolled:before{border-color:var(--line);background:rgba(3,16,24,.86);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:11px;font-weight:600;letter-spacing:-.02em}
.brand img{border-radius:9px;box-shadow:0 6px 18px rgba(0,0,0,.24)}
.site-nav{display:flex;align-items:center;gap:32px;color:var(--quiet);font-size:.86rem;font-weight:500}
.site-nav a{transition:color .2s ease}
.site-nav a:hover,.site-nav a:focus-visible{color:var(--ink)}
.site-nav .nav-cta{color:var(--sage);padding:9px 14px;border:1px solid rgba(99,209,109,.48);border-radius:10px}
.nav-toggle{display:none;color:var(--ink);border:0;background:none;width:42px;height:42px;padding:9px}
.nav-toggle span:not(.sr-only){display:block;width:22px;height:1px;margin:6px;background:currentColor}

.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(370px,.72fr);align-items:center;gap:8vw;width:min(calc(100% - 48px),var(--page));min-height:calc(100svh - 80px);margin:0 auto;padding:56px 0 98px;overflow:hidden}
.hero-copy{position:relative;z-index:2;padding-bottom:7vh}
.eyebrow,.section-index{margin:0;color:var(--sage);font-size:.72rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase}
.leaf{display:inline-block;font-size:.56rem;transform:rotate(20deg);margin-right:8px}
h1,h2,blockquote{font-family:var(--serif);font-weight:400;letter-spacing:-.055em;line-height:.88}
h1{max-width:760px;margin:30px 0 30px;font-size:clamp(5.3rem,9vw,9.7rem)}
h1 em,h2 em{position:relative;color:var(--ink);font-style:italic;font-weight:400}
h1 em:after{content:"";position:absolute;left:3%;right:-3%;bottom:-.04em;height:5px;background:var(--sage);border-radius:99px;transform:rotate(-2deg)}
.hero-intro{max-width:600px;margin:0;color:var(--quiet);font-size:clamp(1.12rem,1.65vw,1.42rem);line-height:1.7}
.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}
.app-store-status{display:inline-flex;align-items:center;gap:12px;min-width:195px;padding:11px 19px 12px;color:#08110b;background:var(--sage);border:1px solid #91f198;border-radius:13px;box-shadow:0 12px 35px rgba(99,209,109,.16)}
.app-store-status svg{width:27px;height:27px;fill:currentColor;flex:none}
.app-store-status span{font-size:1.04rem;font-weight:600;line-height:1.05;letter-spacing:-.02em}
.app-store-status small{display:block;font-size:.57rem;font-weight:500;letter-spacing:.02em;margin-bottom:3px}
.text-link,.arrow-link{font-size:.9rem;color:var(--quiet);border-bottom:1px solid var(--line);padding-bottom:4px;transition:color .2s ease,border-color .2s ease}
.text-link:hover,.arrow-link:hover{color:var(--ink);border-color:var(--sage)}
.hero-note{margin:20px 0 0;color:var(--muted);font-size:.72rem;letter-spacing:.04em}
.hero-visual{position:relative;z-index:2;width:min(100%,440px);justify-self:end;padding:35px 28px}
.phone-shell{position:relative;margin:auto;padding:10px;border:1px solid rgba(255,255,255,.26);border-radius:58px;background:#000;box-shadow:0 42px 90px rgba(0,0,0,.55),0 0 0 7px #12171b;width:100%;overflow:hidden;transform:rotate(1.2deg)}
.phone-shell:after{content:"";position:absolute;inset:0;border-radius:50px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.13);pointer-events:none}
.phone-shell img{width:100%;border-radius:48px}
.phone-speaker{position:absolute;z-index:2;top:25px;left:50%;width:30%;height:31px;border-radius:99px;background:#000;transform:translateX(-50%)}
.phone-caption{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;color:var(--quiet);font-size:.62rem;letter-spacing:.15em;white-space:nowrap}
.phone-caption span{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(99,209,109,.6);border-radius:50%;color:var(--sage)}
.caption-top{top:0;left:-80px}.caption-bottom{right:-66px;bottom:10px}
.hero-orbit{position:absolute;right:-11vw;top:8%;width:58vw;aspect-ratio:1;pointer-events:none;opacity:.46}
.hero-orbit i,.final-rings i{position:absolute;inset:0;border:1px solid rgba(99,209,109,.18);border-radius:50%}
.hero-orbit i:nth-child(2){inset:12%}.hero-orbit i:nth-child(3){inset:25%;border-color:rgba(52,149,210,.16)}

.section-pad{width:min(calc(100% - 48px),var(--page));margin:0 auto;padding:150px 0}
.manifesto{display:grid;grid-template-columns:1fr 3.1fr;gap:44px;border-top:1px solid var(--line)}
.manifesto blockquote{grid-column:2;margin:0;font-size:clamp(3.6rem,7.2vw,7rem)}
.manifesto blockquote span{color:var(--quiet);font-style:italic}
.manifesto-copy{grid-column:2;max-width:640px;margin:30px 0 0;color:var(--quiet);font-size:1.15rem}
.manifesto-copy strong{color:var(--ink);font-weight:500}

.focus-loop{display:grid;grid-template-columns:.85fr 1.15fr;gap:10vw;border-top:1px solid var(--line)}
.section-heading h2,.feature h2,.privacy-copy h2,.access-section h2{margin:25px 0 0;font-size:clamp(3.7rem,6vw,6.6rem)}
.steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.steps li{display:grid;grid-template-columns:62px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}
.step-number{display:grid;place-items:center;width:38px;height:38px;margin-top:3px;border:1px solid var(--line);border-radius:50%;color:var(--sage);font-size:.69rem;font-weight:600}
.step-done{color:var(--sage-dark);background:var(--sage);border-color:var(--sage)}
.steps h3{margin:0 0 6px;font-family:var(--serif);font-size:1.9rem;font-weight:400;letter-spacing:-.03em}
.steps p{margin:0;color:var(--quiet);font-size:.92rem}

.feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10vw;border-top:1px solid var(--line)}
.feature-copy>p:not(.section-index,.quiet-detail){max-width:550px;margin:30px 0;color:var(--quiet);font-size:1.08rem}
.plain-list{list-style:none;padding:0;margin:34px 0 0;border-top:1px solid var(--line)}
.plain-list li{position:relative;padding:16px 0 16px 27px;border-bottom:1px solid var(--line);font-size:.82rem;color:#c7ccd1}
.plain-list li:before{content:"✓";position:absolute;left:0;color:var(--sage)}
.shield-diagram{display:grid;grid-template-columns:1fr 105px 1fr;align-items:center;min-height:460px;padding:60px 40px;border:1px solid var(--line);background:var(--surface);position:relative;overflow:hidden}
.shield-diagram:before{content:"";position:absolute;width:340px;height:340px;border:1px solid rgba(99,209,109,.13);border-radius:50%;right:-100px;top:-140px}
.waiting-apps{display:flex;flex-direction:column;gap:21px;color:var(--muted);font-size:.66rem;letter-spacing:.13em}
.waiting-apps span{padding-bottom:9px;border-bottom:1px solid var(--line)}
.shield-line{height:1px;background:var(--line);position:relative}
.shield-line:after{content:"";position:absolute;width:46px;height:56px;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--sage);clip-path:polygon(50% 0,92% 15%,87% 70%,50% 100%,13% 70%,8% 15%)}
.shield-line:before{content:"";position:absolute;z-index:2;width:28px;height:37px;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--surface);clip-path:polygon(50% 0,92% 15%,87% 70%,50% 100%,13% 70%,8% 15%)}
.focus-mark{display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.focus-mark span{color:var(--sage);font-size:.63rem;letter-spacing:.15em}.focus-mark strong{font-family:var(--serif);font-size:2.2rem;font-weight:400}.focus-mark small{color:var(--quiet)}

.feature-visible{grid-template-columns:1.1fr .9fr}
.lock-screen-stage{position:relative;min-height:500px;padding:42px;border-radius:50px;border:2px solid rgba(255,255,255,.3);background:linear-gradient(160deg,#183128,#0a1116 68%);box-shadow:0 35px 80px rgba(0,0,0,.35);overflow:hidden}
.lock-screen-stage:before{content:"";position:absolute;inset:0;opacity:.25;background-image:radial-gradient(circle,white 0 1px,transparent 1.2px);background-size:53px 61px}
.lock-screen-stage>p{position:absolute;bottom:32px;left:0;right:0;text-align:center;color:var(--muted);font-size:.72rem}
.lock-time{position:relative;font-family:var(--serif);font-size:5.4rem;text-align:center;letter-spacing:-.07em}
.dynamic-island{position:absolute;top:25px;left:50%;width:120px;height:32px;border-radius:99px;background:#000;transform:translateX(-50%)}
.live-activity{position:absolute;left:32px;right:32px;bottom:88px;display:grid;grid-template-columns:38px 1fr auto;gap:14px;align-items:center;padding:20px;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:rgba(4,8,10,.9)}
.complete-example{width:31px;height:31px;border:2px solid var(--sage);border-radius:50%;background:transparent}
.live-activity div{display:flex;min-width:0;flex-direction:column}.live-activity small{color:var(--sage);font-size:.55rem;letter-spacing:.14em}.live-activity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem}.live-activity time{font-variant-numeric:tabular-nums;color:var(--quiet);font-size:.85rem}
.quiet-detail{margin-top:38px;padding:19px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--quiet);font-size:.88rem}.quiet-detail span{display:block;color:var(--sage);font-weight:600;margin-bottom:4px}

.feature-onboarding{grid-template-columns:.72fr 1.1fr}
.onboarding-shot{position:relative;width:min(100%,350px);margin:auto;padding:8px;border-radius:47px;background:#000;box-shadow:0 35px 80px rgba(0,0,0,.45);transform:rotate(-2deg)}
.onboarding-shot img{border-radius:41px}
.onboarding-shot:after{content:"";position:absolute;inset:-24px;border:1px solid rgba(99,209,109,.16);border-radius:62px;transform:rotate(4deg);pointer-events:none}
.principle-note{max-width:560px;margin-top:46px;padding:22px 0;border-top:1px solid var(--sage)}
.principle-note span{color:var(--sage);font-size:.63rem;letter-spacing:.16em}.principle-note p{margin:8px 0 0!important;color:var(--ink)!important;font-family:var(--serif);font-size:1.65rem!important;line-height:1.35}

.privacy-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;align-items:center;border-top:1px solid var(--line)}
.privacy-emblem{position:relative;display:grid;place-items:center;aspect-ratio:1;max-width:460px}
.privacy-emblem .ring{position:absolute;border-radius:50%;border:34px solid;mix-blend-mode:screen}.ring-a{inset:4%;border-color:rgba(94,181,107,.48)!important}.ring-b{inset:17%;border-color:rgba(203,218,59,.35)!important}.ring-c{inset:29%;border-color:rgba(52,149,210,.45)!important}.privacy-emblem span{z-index:2;text-align:center;color:var(--ink);font-size:.65rem;letter-spacing:.16em;line-height:1.6}
.privacy-copy>p:not(.section-index){max-width:620px;margin:30px 0;color:var(--quiet);font-size:1.08rem}
.arrow-link{display:inline-block;color:var(--sage);border-color:rgba(99,209,109,.4)}

.access-section{display:grid;grid-template-columns:1fr 1fr;gap:10vw;border-top:1px solid var(--line)}
.access-details{align-self:end;border-top:1px solid var(--line)}
.access-details>div{display:grid;grid-template-columns:145px 1fr;gap:24px;padding:27px 0;border-bottom:1px solid var(--line)}
.access-details strong{font-family:var(--serif);font-size:1.45rem;font-weight:400}.access-details p{margin:0;color:var(--quiet);font-size:.88rem}

.final-cta{position:relative;display:flex;min-height:740px;padding:120px 24px;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;border-top:1px solid var(--line);background:radial-gradient(circle at 50% 50%,rgba(12,82,48,.4),transparent 34rem)}
.final-cta>img{border-radius:22px;margin-bottom:28px;box-shadow:0 22px 60px rgba(0,0,0,.38)}
.final-cta h2{position:relative;z-index:2;margin:25px 0 38px;font-family:var(--serif);font-size:clamp(4rem,8vw,8rem);font-weight:400;letter-spacing:-.055em;line-height:.92}
.final-rings{position:absolute;width:min(75vw,780px);aspect-ratio:1}.final-rings i:nth-child(2){inset:14%}.final-rings i:nth-child(3){inset:29%;border-color:rgba(52,149,210,.16)}
.final-cta .app-store-status{position:relative;z-index:2}
.site-footer{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:22px;width:min(calc(100% - 48px),var(--page));margin:auto;padding:48px 0 38px;border-top:1px solid var(--line);font-size:.78rem;color:var(--quiet)}
.site-footer p{margin:0;text-align:center;font-family:var(--serif);font-size:1rem;font-style:italic}.site-footer nav{display:flex;gap:20px}.site-footer nav a:hover{color:var(--ink)}.site-footer small{grid-column:1/-1;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:.64rem}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.delay-1{transition-delay:.12s}.reveal.is-visible{opacity:1;transform:none}

/* Legal and support pages */
.subpage{background:var(--canvas)}
.subpage-main{width:min(calc(100% - 48px),900px);margin:0 auto;padding:110px 0 150px}
.subpage-hero{padding-bottom:66px;border-bottom:1px solid var(--line)}
.subpage-hero h1{max-width:none;margin-bottom:25px;font-size:clamp(4rem,8vw,7.5rem)}
.subpage-hero>p:last-child{max-width:620px;color:var(--quiet);font-size:1.08rem}
.legal-content{display:grid;grid-template-columns:190px 1fr;gap:70px;padding-top:70px}
.legal-nav{position:sticky;top:110px;align-self:start;display:flex;flex-direction:column;gap:10px;color:var(--muted);font-size:.72rem}.legal-nav a:hover{color:var(--sage)}
.prose section{padding:0 0 48px;margin:0 0 48px;border-bottom:1px solid var(--line)}
.prose h2{margin:0 0 20px;font-family:var(--serif);font-size:2.35rem;font-weight:400;letter-spacing:-.04em;line-height:1.08}
.prose h3{margin:28px 0 10px;font-size:.95rem;color:var(--ink)}
.prose p,.prose li{color:var(--quiet);font-size:.92rem}.prose ul{padding-left:1.2em}.prose a{color:var(--sage);border-bottom:1px solid rgba(99,209,109,.35)}
.meta-line{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;color:var(--muted);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}
.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:70px;background:var(--line);border:1px solid var(--line)}
.support-item{padding:36px;background:var(--canvas)}.support-item h2{margin:0 0 14px;font-family:var(--serif);font-size:2rem;font-weight:400}.support-item p{min-height:74px;color:var(--quiet);font-size:.9rem}.support-item a{color:var(--sage);font-size:.82rem}
.faq{margin-top:100px}.faq>h2{font-family:var(--serif);font-size:3.5rem;font-weight:400}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;color:var(--ink);font-weight:500;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:var(--sage)}.faq details[open] summary:after{content:"–"}.faq details p{max-width:680px;color:var(--quiet);font-size:.9rem}

@media (max-width:900px){
  .site-header{width:min(calc(100% - 34px),var(--page))}.nav-toggle{display:block}.site-nav{position:absolute;top:72px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px;border:1px solid var(--line);border-radius:16px;background:rgba(3,16,24,.97);box-shadow:0 24px 50px rgba(0,0,0,.35)}.site-nav.open{display:flex}.site-nav a{padding:13px 12px}.site-nav .nav-cta{margin-top:6px}
  .hero{grid-template-columns:1fr;gap:30px;padding-top:76px}.hero-copy{padding-bottom:0}.hero-visual{justify-self:center;width:min(88vw,430px);margin-top:50px}.caption-top{left:-18px}.caption-bottom{right:-10px}
  .hero-orbit{width:100vw;right:-17px;top:44%}
  .manifesto,.focus-loop,.feature,.privacy-section,.access-section{grid-template-columns:1fr;gap:70px}.manifesto blockquote,.manifesto-copy{grid-column:1}.manifesto{gap:45px}.feature-visible .lock-screen-stage{order:2}.feature-onboarding .onboarding-shot{order:2}.privacy-emblem{max-width:380px;margin:auto}.access-details{align-self:auto}
  .site-footer{grid-template-columns:1fr auto}.site-footer p{display:none}.site-footer small{grid-column:1/-1}
  .legal-content{grid-template-columns:1fr;gap:40px}.legal-nav{position:static;display:none}
}

@media (max-width:600px){
  body{font-size:15px;max-width:100vw}.section-pad{width:calc(100% - 34px);padding:105px 0}.hero{width:calc(100% - 34px);padding-bottom:82px;min-height:auto;overflow:clip}h1{font-size:clamp(3.55rem,16.5vw,4.05rem);margin-top:24px}.hero-copy{min-width:0}.hero-intro{font-size:1rem;overflow-wrap:break-word}.hero-actions{align-items:flex-start;flex-direction:column;gap:19px}.hero-note{line-height:1.7}.hero-visual{padding-left:18px;padding-right:18px}.phone-shell{border-radius:48px}.phone-shell img{border-radius:39px}.phone-speaker{top:20px}.phone-caption{font-size:.52rem}.caption-top{left:0}.caption-bottom{right:0}.manifesto blockquote{font-size:3.5rem}.section-heading h2,.feature h2,.privacy-copy h2,.access-section h2{font-size:3.7rem}.focus-loop{gap:55px}.steps li{grid-template-columns:48px 1fr;gap:12px}.feature{gap:58px}.shield-diagram{min-height:330px;padding:35px 21px;grid-template-columns:1fr 72px 1fr}.shield-line:after{width:38px;height:48px}.shield-line:before{width:23px;height:32px}.focus-mark strong{font-size:1.6rem}.lock-screen-stage{min-height:420px;padding:28px}.lock-time{font-size:4.3rem}.dynamic-island{top:17px;width:98px;height:27px}.live-activity{left:18px;right:18px;bottom:72px;grid-template-columns:30px 1fr auto;padding:15px;gap:10px}.complete-example{width:27px;height:27px}.live-activity strong{font-size:.73rem}.live-activity time{font-size:.72rem}.onboarding-shot{width:78vw}.privacy-emblem{width:82vw}.access-details>div{grid-template-columns:1fr;gap:8px}.final-cta{min-height:650px}.site-footer{width:calc(100% - 34px);grid-template-columns:1fr}.site-footer nav{justify-content:flex-start}.subpage-main{width:calc(100% - 34px);padding-top:75px}.subpage-hero h1{font-size:4.6rem}.support-grid{grid-template-columns:1fr}.support-item p{min-height:auto}.faq>h2{font-size:2.8rem}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none!important}.site-header,.site-header:before{transition:none}}