:root{--ink:#1e3a2b;--ink-soft:#33513f;--gold:#d9a13b;--gold-soft:#f0c986;--cream:#f5f0e4;--paper:#fffdf8;--white:#fff;--border:#e4dcc8;--text-muted:#5c6b62;--radius:16px;--max-width:1100px;--frame-green:#dcfce7;--font-display:"Instrument Serif", Georgia, serif;--font-body:"Karla", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--frame-green);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55;overflow-x:hidden}img{max-width:100%;display:block}h1,h2,h3{font-family:var(--font-display);color:var(--ink);margin:0 0 .5em;font-weight:400;line-height:1.15}h1{font-size:clamp(2.1rem,4.2vw,3.4rem)}h2{font-size:clamp(1.6rem,2.6vw,2.2rem)}h3{font-size:1.15rem}p{color:var(--ink-soft);margin:0 0 1em}a{color:inherit}.page{background:var(--paper);flex-direction:column;max-width:1320px;min-height:calc(100vh - 2rem);margin:1rem auto;display:flex}main{flex:1}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--gold);margin:0 0 .9em;font-size:.78rem;font-weight:700}.button{cursor:pointer;border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5em;padding:.85em 1.6em;font-size:.98rem;font-weight:600;text-decoration:none;transition:transform .15s,background-color .15s,border-color .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button--primary{background:var(--ink);color:var(--paper)}.button--primary:hover{background:var(--ink-soft)}.button--ghost{border-color:var(--ink);color:var(--ink);background:0 0}.button--ghost:hover{background:var(--ink);color:var(--paper)}.button--large{padding:1em 2.1em;font-size:1.05rem}.nav{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--border);background:#fffdf8eb;position:sticky;top:0}.nav__row{max-width:var(--max-width);justify-content:space-between;align-items:center;gap:1.5rem;margin:0 auto;padding:.9rem 1.5rem;display:flex}.nav__brand{align-items:center;text-decoration:none;display:flex}.nav__links{align-items:center;gap:1.75rem;display:flex}.nav__link{color:var(--ink-soft);font-size:.96rem;font-weight:500;text-decoration:none}.nav__toggle{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;display:none}.nav__toggle span{background:var(--ink);height:2px;margin:0 8px;display:block}.footer{border-top:1px solid var(--border);background:var(--paper);padding:2.5rem 1.5rem 1.5rem}.footer__row{max-width:var(--max-width);flex-wrap:wrap;justify-content:space-between;gap:1.5rem;margin:0 auto;display:flex}.footer__legal{max-width:var(--max-width);color:var(--text-muted);margin:2rem auto 0;font-size:.82rem}.hero{max-width:var(--max-width);grid-template-columns:1.1fr .9fr;align-items:center;gap:3rem;margin:0 auto;padding:clamp(2.5rem,6vw,5rem) 1.5rem;display:grid}.hero__lede{font-size:1.15rem}.hero__subtitle{margin-top:1.8rem;font-size:1.5rem}.hero__visual{justify-content:center;display:flex}.phone-mockup{--w:min(300px, 78vw);--h:calc(var(--w) * 780 / 380);width:var(--w);padding:calc(var(--w) * .0342);border-radius:calc(var(--w) * .158);perspective:1000px;transform-style:preserve-3d;background:linear-gradient(145deg,#3a4145,#17191b 30%,#101214 70%,#2c3236);animation:.8s cubic-bezier(.22,1,.36,1) both phoneMockupIn;position:relative;transform:rotateY(-5deg)rotateX(2deg);box-shadow:inset 0 2px #ffffff24,inset 0 -2px #0009,0 40px 70px -15px #0000008c,0 20px 32px -10px #00000073}@keyframes phoneMockupIn{0%{opacity:0;transform:rotateY(-5deg)rotateX(2deg)translateY(28px)}to{opacity:1;transform:rotateY(-5deg)rotateX(2deg)translateY(0)}}.phone-mockup__btn{width:calc(var(--w) * .0105);background:#232a2d;border-radius:3px;position:absolute;box-shadow:1px 1px 2px #00000080}.phone-mockup__btn--power{right:calc(var(--w) * -.0079);top:calc(var(--h) * .2949);height:calc(var(--h) * .1179)}.phone-mockup__btn--v1{left:calc(var(--w) * -.0079);top:calc(var(--h) * .2564);height:calc(var(--h) * .0718)}.phone-mockup__btn--v2{left:calc(var(--w) * -.0079);top:calc(var(--h) * .3462);height:calc(var(--h) * .0718)}.phone-mockup__screen{width:100%;height:var(--h);border-radius:calc(var(--w) * .124);box-shadow:inset 0 0 calc(var(--w) * .158) #00000073;background:radial-gradient(130% 90% at 75% 8%,#2984658c,#0000 55%),radial-gradient(120% 90% at 15% 90%,#18644e80,#0000 55%),radial-gradient(60% 40% at 78% 78%,#2fa88059,#0000 70%),linear-gradient(168deg,#0d3a31 0%,#0a2b25 45%,#104036 100%);position:relative;overflow:hidden}.phone-mockup__island{top:calc(var(--h) * .0154);width:calc(var(--w) * .295);height:calc(var(--w) * .079);z-index:5;background:#05070a;border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.phone-mockup__statusbar{top:calc(var(--h) * .0282);padding:calc(var(--w) * .0158) calc(var(--w) * .0684) 0 calc(var(--w) * .0895);color:#f4fdf9;font-size:calc(var(--w) * .0447);justify-content:flex-end;align-items:center;font-weight:600;display:flex;position:absolute;left:0;right:0}.phone-mockup__status-right{align-items:center;gap:calc(var(--w) * .0184);display:flex}.phone-mockup__battery{align-items:center;gap:2px;display:flex}.phone-mockup__battery-pill{color:#123128;font-size:calc(var(--w) * .0342);padding:1px calc(var(--w) * .0184);background:#f4fdf9;border-radius:9px;font-weight:700;line-height:1.35}.phone-mockup__lockdate{top:calc(var(--h) * .1);text-align:center;color:#c9f2e4;font-size:calc(var(--w) * .0842);text-shadow:0 2px 12px #00000059;font-weight:600;position:absolute;left:0;right:0}.phone-mockup__clock{top:calc(var(--h) * .135);text-align:center;font-size:calc(var(--w) * .374);letter-spacing:calc(var(--w) * -.0105);color:#96d6c180;text-shadow:0 3px 22px #0000004d;-webkit-user-select:none;user-select:none;font-weight:600;position:absolute;left:0;right:0}.phone-mockup__exit-glow{left:6%;right:6%;bottom:calc(var(--h) * .1923);height:calc(var(--h) * .2051);filter:blur(8px);background:radial-gradient(60% 60%,#78ffd629,#0000 70%);position:absolute}.phone-mockup__home-indicator{bottom:calc(var(--h) * .0115);width:calc(var(--w) * .342);height:calc(var(--h) * .0064);background:#ffffffbf;border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.phone-mockup__popcard{height:calc(var(--h) * .8);opacity:0;animation:.9s cubic-bezier(.22,1,.36,1) .65s both phoneMockupPopcardPop,4.5s ease-in-out 1.6s infinite phoneMockupPopcardBob;position:absolute;top:15%;left:8%;right:-8%}.phone-mockup__popcard-img{border-radius:calc(var(--w) * .06);filter:drop-shadow(0 22px 30px #0a141080);width:auto;height:100%;display:block}@keyframes phoneMockupPopcardPop{0%{opacity:0;filter:blur(8px);transform:translateY(36px)translateZ(-160px)scale(.75)}55%{opacity:1;filter:blur();transform:translateY(-8px)translateZ(30px)scale(1.03)}75%{transform:translateY(2px)translateZ(-4px)scale(.99)}to{opacity:1;filter:blur();transform:translateY(0)translateZ(0)scale(1)}}@keyframes phoneMockupPopcardBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.phone-mockup__spark{background:var(--gold-soft);opacity:0;border-radius:50%;width:6px;height:6px;animation:1.3s ease-out forwards phoneMockupSpark;position:absolute;box-shadow:0 0 8px #d9a13bcc}@keyframes phoneMockupSpark{0%{opacity:0;transform:translateY(10px)scale(.4)}25%{opacity:1}to{opacity:0;transform:translateY(-46px)scale(1.1)}}@media (prefers-reduced-motion:reduce){.phone-mockup,.phone-mockup__popcard,.phone-mockup__spark{opacity:1;animation:none!important}}.reveal{border-radius:var(--radius);border:1.5px solid #0000;transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s cubic-bezier(.22,1,.36,1),border-color .6s cubic-bezier(.22,1,.36,1)}.reveal--active{z-index:1;background-color:var(--cream);position:relative;transform:scale(1.035);box-shadow:0 25px 50px -30px #1e3a2b59}.section{max-width:var(--max-width);margin:0 auto;padding:clamp(1.5rem,1vw,4rem) 1.5rem}.section h2{text-align:center;margin-bottom:1.8rem}.section .timeline-heading{text-align:left;max-width:none;margin-left:0;margin-right:0}.section--alt{max-width:none}.section--alt>*{max-width:var(--max-width);margin-left:auto;margin-right:auto}.page-header{text-align:center;max-width:46em;margin:0 auto;padding:clamp(2.5rem,6vw,4rem) 1.5rem 1rem;scroll-margin-top:5.5rem}.page-header__lede{font-size:1.08rem}.timeline{counter-reset:step;flex-direction:column;gap:1.6rem;max-width:42em;margin:0;padding:0;list-style:none;display:flex}.timeline li{counter-increment:step;padding-left:2.6rem;position:relative}.timeline li:before{content:counter(step);background:var(--gold);width:1.9rem;height:1.9rem;color:var(--ink);font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:400;display:flex;position:absolute;top:.1rem;left:0}.timeline h3{margin-bottom:.3em}.timeline p{margin-bottom:0}.timeline-fallback{max-width:42em;color:var(--text-muted);margin:1.6rem 0 0;font-size:.92rem}.pricing-block{max-width:40em;margin:0 auto 2.8rem}.pricing-block:last-child{margin-bottom:0}.pricing-block__label{font-family:var(--font-display);color:var(--ink);align-items:center;gap:.65em;margin-bottom:.5rem;font-size:1.3rem;display:flex}.pricing-block__label:before{content:"";background:var(--gold);flex-shrink:0;width:.55em;height:.55em}.pricing-block__price{font-family:var(--font-display);color:var(--ink);margin-bottom:.6rem;font-size:1.6rem}.pricing-block__examples{color:var(--text-muted);margin-top:.8rem;font-size:.92rem}.check-list{flex-direction:column;gap:.9rem;max-width:40em;margin:0 auto;padding:0;list-style:none;display:flex}.check-list li{padding-left:1.8rem;position:relative}.check-list li:before{content:"✓";color:var(--gold);font-weight:700;position:absolute;left:0}.faq-list{flex-direction:column;gap:.75rem;max-width:42em;margin:0 auto;display:flex}.faq-item{border:1px solid var(--border);background:var(--paper);border-radius:12px;padding:1rem 1.2rem}.faq-item summary{cursor:pointer;font-weight:600;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";float:right;color:var(--gold);font-weight:700}.faq-item[open] summary:after{content:"−"}.faq-item p{margin:.8rem 0 0;font-size:.95rem}.pilot-section{text-align:center}.pilot-block{max-width:40em;margin:0 auto 2.2rem}.pilot-block h3{margin-bottom:.9rem}.pilot-block .check-list{text-align:left}.pilot-note{color:var(--ink);margin-bottom:1.6rem;font-weight:600}.pilot-followup{max-width:34em;color:var(--text-muted);margin:1.4rem auto 0;font-size:.92rem}@media (width<=860px){.hero{text-align:center;grid-template-columns:1fr}}@media (width<=720px){.page{max-width:none;min-height:100vh;margin:0}.nav__toggle{display:flex}.nav__links{background:var(--paper);border-bottom:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem 1.5rem 1.5rem;display:none;position:absolute;top:100%;left:0;right:0}.nav__links--open{display:flex}}
