:root{--ink:#111713;--night:#101512;--night2:#172019;--green:#23db76;--cream:#f3f0e6;--muted:#9ea9a1;--line:rgba(255,255,255,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:#f7f8f3;font-family:"DM Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,p{margin-top:0}h1,h2{font-family:Manrope,Arial,sans-serif;letter-spacing:-.065em}h1 em,h2 em{font-style:normal;color:var(--green)}.shell{width:min(100% - 80px,1260px);margin-inline:auto}.skip-link{position:absolute;left:10px;top:-60px;z-index:20;background:var(--green);color:var(--ink);padding:12px}.skip-link:focus{top:10px}.site-header{position:absolute;z-index:10;top:0;left:0;right:0;border-bottom:1px solid rgba(255,255,255,.1)}.header-inner{height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-size:23px;font-weight:800;letter-spacing:-.06em;white-space:nowrap}.brand-dot{color:var(--green)}.brand-mark{width:33px;height:33px;display:flex;flex-direction:column;justify-content:center;gap:3px;align-items:center;border-radius:50%;background:var(--green);transform:rotate(-11deg)}.brand-mark i{height:2.5px;background:#10321f;border-radius:20px;display:block}.brand-mark i:first-child{width:21px}.brand-mark i:nth-child(2){width:18px}.brand-mark i:nth-child(3){width:14px}.desktop-nav{display:flex;align-items:center;gap:36px;color:#c2cac3;font-size:14px}.desktop-nav a:hover,.site-footer a:hover{color:var(--green)}.nav-cta{border:1px solid rgba(255,255,255,.35);border-radius:100px;padding:13px 20px;font-size:14px;font-weight:700;transition:.2s}.nav-cta:hover{border-color:var(--green);color:var(--green)}.nav-cta span{margin-left:8px}.hero{min-height:815px;position:relative;overflow:hidden;background:radial-gradient(circle at 83% 40%,#235b35 0,#173721 18%,transparent 48%),linear-gradient(124deg,#111814 0%,#111914 56%,#0e2517 100%)}.hero-glow{position:absolute;width:380px;height:380px;border-radius:50%;background:#00dc67;filter:blur(180px);opacity:.14;top:280px;right:10%}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:3%;min-height:770px;padding-top:100px}.hero-copy{position:relative;z-index:2;padding-bottom:25px}.eyebrow,.section-kicker,.step{font-size:12px;letter-spacing:.23em;font-weight:800}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--green);margin-bottom:31px}.eyebrow-line{width:24px;height:1px;background:var(--green);opacity:.8}h1{font-size:clamp(54px,6.4vw,92px);line-height:1.04;margin-bottom:25px}h1 em{display:inline-block}.hero-lede{color:#bac7bd;max-width:530px;font-size:18px;line-height:1.75;margin-bottom:36px}.hero-actions{display:flex;align-items:center;gap:29px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;border-radius:100px;padding:19px 28px;font-size:15px;font-weight:800;transition:transform .2s,background .2s;white-space:nowrap}.button:hover{transform:translateY(-3px)}.button-green{background:var(--green);color:#0d2415}.button-green:hover{background:#6cf2a0}.button span{font-size:20px;line-height:0}.text-link{font-weight:700;font-size:14px;border-bottom:1px solid rgba(255,255,255,.65);padding-bottom:5px}.text-link:hover{color:var(--green);border-color:var(--green)}.text-link span{margin-left:9px}.hero-meta{display:flex;align-items:center;gap:10px;color:#aebcb1;margin-top:40px;font-size:13px}.status-dot{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px rgba(35,219,118,.15)}.meta-separator{height:16px;width:1px;background:#607769;margin-inline:6px}.hero-visual{height:675px;position:relative;display:flex;justify-content:center;align-items:center;isolation:isolate}.orbit{position:absolute;border:1px solid rgba(83,190,120,.24);border-radius:50%;width:600px;height:600px;transform:rotate(-20deg)}.orbit-two{width:760px;height:760px;opacity:.5}.phone{border:8px solid #0b0d0c;background:#111;border-radius:39px;overflow:hidden;box-shadow:0 22px 55px rgba(0,0,0,.42);aspect-ratio:1080/2340}.phone img{width:100%;height:100%;object-fit:cover}.phone-back{height:505px;position:absolute;left:7%;top:55px;transform:rotate(-12deg);opacity:.85}.phone-front{height:580px;position:absolute;right:13%;top:47px;transform:rotate(8deg);box-shadow:0 35px 80px rgba(0,0,0,.52)}.floating-note{position:absolute;right:0;bottom:54px;z-index:4;display:flex;gap:11px;align-items:center;background:#f5f7ee;color:#1c2a20;border-radius:16px;padding:13px 18px;box-shadow:0 18px 50px rgba(0,0,0,.3)}.note-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#c9f7d7;color:#117c3c;font-size:22px}.floating-note strong,.floating-note small{display:block}.floating-note strong{font-size:12px}.floating-note small{font-size:11px;color:#5d6b60;margin-top:2px}.hero-footer{position:relative;display:flex;align-items:center;gap:16px;height:45px;color:#91a999;font-size:10px;letter-spacing:.2em;font-weight:700}.hero-footer .line{height:1px;max-width:90px;flex:1;background:#669073}.section-light{background:var(--cream);color:var(--ink)}.intro{padding:115px 0 130px}.intro-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:end}.section-kicker{color:#4e7357;margin-bottom:25px}.intro h2,.library-section h2{font-size:clamp(45px,5.2vw,76px);line-height:1.08;margin:0}.intro-right p{font-size:21px;line-height:1.7;color:#49564c;margin-bottom:30px;max-width:520px}.underlined-link{display:inline-block;border-bottom:1px solid #26362c;padding-bottom:7px;font-size:14px;font-weight:800}.underlined-link:hover{color:#1eaa5a;border-color:#1eaa5a}.underlined-link span{margin-left:17px}.showcase{padding:125px 0;background:#18221b}.showcase-reverse{background:#202922}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%}.showcase-copy{max-width:470px;padding:35px 0}.step{color:var(--green);display:block;margin-bottom:26px}.showcase h2,.library-section h2,.download-section h2{font-size:clamp(42px,4.4vw,66px);line-height:1.13;margin-bottom:25px}.showcase-copy>p,.library-copy>p{font-size:18px;line-height:1.75;color:#bac7bd;max-width:460px}.feature-rule{height:1px;background:rgba(255,255,255,.16);margin:37px 0 27px}.micro-feature{display:flex;align-items:center;gap:16px}.micro-feature>span{width:43px;height:43px;border:1px solid #558b66;border-radius:50%;display:grid;place-items:center;color:var(--green);font-size:19px}.micro-feature strong,.micro-feature small{display:block}.micro-feature strong{font-size:14px}.micro-feature small{font-size:13px;color:#9cab9e;margin-top:5px}.showcase-display{position:relative;height:625px;border-radius:24px;overflow:hidden;display:flex;justify-content:center;padding-top:75px}.showcase-display.olive{background:radial-gradient(circle at 55% 65%,#5c8066,#314b38 60%,#2a3d2f)}.showcase-display.tan{background:radial-gradient(circle at 55% 65%,#c4a776,#816949 60%,#6f593d)}.display-caption{position:absolute;top:28px;left:31px;right:31px;display:flex;justify-content:space-between;color:#ebf2e9;font-size:10px;letter-spacing:.15em;font-weight:800;z-index:2}.phone-feature{height:630px;border-radius:34px 34px 0 0;box-shadow:0 15px 50px #0005}.library-section{padding:130px 0;overflow:hidden}.library-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.dark-step{color:#378659}.library-copy>p{color:#566258;margin:32px 0}.library-art{height:560px;position:relative;display:flex;justify-content:center;align-items:flex-start}.library-halo{position:absolute;width:520px;height:520px;background:#c8dfc5;border-radius:50%;top:0;left:50%;transform:translateX(-50%)}.library-phone{height:555px;position:relative;z-index:1;transform:rotate(5deg)}.library-tag{position:absolute;z-index:2;right:0;bottom:10px;background:#1b2b20;color:#d7e8d7;padding:15px 18px;border-radius:9px;font-size:10px;letter-spacing:.15em;font-weight:800;transform:rotate(-4deg)}.download-section{overflow:hidden;background:#0f1d14;padding:120px 0;position:relative}.download-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%}.download-section .section-kicker{color:var(--green)}.download-section h2{font-size:clamp(48px,5.3vw,79px);margin-bottom:19px}.download-section p:not(.section-kicker){font-size:18px;color:#b7c7ba;line-height:1.7;max-width:450px;margin-bottom:28px}.download-details{font-size:12px;color:#92aa97;margin-top:22px}.download-disc{justify-self:center;position:relative;width:min(420px,90%);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle at center,#1a281e 0 5px,#253a2a 6px 7px,#162219 8px 11px);box-shadow:0 45px 90px #0007,inset 0 0 0 6px #273a2b;display:grid;place-items:center;transform:rotate(-14deg)}.download-disc:before{content:"";position:absolute;inset:7%;border:1px solid #63896c;border-radius:50%;opacity:.3}.disc-center{width:34%;aspect-ratio:1;border-radius:50%;background:var(--green);color:#112919;display:grid;place-items:center;font-size:64px;box-shadow:0 0 0 6px #192e20}.site-footer{background:#0c120e;padding:32px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.site-footer .brand{font-size:18px}.site-footer .brand-mark{width:27px;height:27px}.site-footer p{font-size:12px;color:#8ca091;max-width:430px;margin:0;line-height:1.5}.site-footer a:last-child{font-size:12px;white-space:nowrap;color:#b7c6b9}
@media(max-width:1100px){.shell{width:min(100% - 50px,1260px)}.phone-back{left:0}.phone-front{right:4%}.showcase-grid,.library-grid{gap:5%}}
@media(max-width:800px){.shell{width:min(100% - 36px,1260px)}.header-inner{height:72px}.brand{font-size:19px}.desktop-nav{display:none}.nav-cta{padding:11px 15px;font-size:12px}.hero{min-height:0}.hero-grid{grid-template-columns:1fr;padding-top:140px;gap:20px}.hero-copy{text-align:center;padding-bottom:0}.eyebrow{justify-content:center}.hero-lede{margin-inline:auto}.hero-actions{justify-content:center}.hero-meta{justify-content:center}.hero-visual{height:590px}.phone-back{height:430px;left:18%;top:90px}.phone-front{height:490px;right:19%;top:60px}.floating-note{right:12%;bottom:20px}.hero-footer{display:none}.intro{padding:80px 0}.intro-grid,.showcase-grid,.library-grid,.download-inner{grid-template-columns:1fr}.intro-grid{gap:30px}.showcase{padding:65px 0}.showcase-copy{max-width:none;order:0}.showcase-display{order:1}.showcase-reverse .showcase-display{order:1}.library-section{padding:80px 0}.library-art{margin-top:45px}.download-inner{gap:45px}.download-disc{width:280px}.footer-inner{flex-wrap:wrap}}
@media(max-width:560px){.header-inner{gap:8px}.brand{font-size:17px;gap:7px}.brand-mark{width:28px;height:28px}.nav-cta{font-size:11px;padding:10px 12px}.nav-cta span{display:none}.hero-grid{padding-top:125px}.eyebrow{font-size:10px;margin-bottom:24px}h1{font-size:clamp(48px,13vw,69px)}.hero-lede{font-size:16px;line-height:1.65}.hero-actions{gap:20px}.hero-visual{height:480px}.phone-back{height:338px;left:7%;top:85px;border-width:5px;border-radius:25px}.phone-front{height:390px;right:9%;top:50px;border-width:5px;border-radius:27px}.orbit{width:370px;height:370px}.orbit-two{width:480px;height:480px}.floating-note{right:0;bottom:18px;padding:9px 11px}.floating-note strong{font-size:10px}.floating-note small{font-size:9px}.note-icon{width:31px;height:31px}.intro h2,.showcase h2,.library-section h2{font-size:42px}.intro-right p{font-size:18px}.showcase-display{height:490px;border-radius:18px}.phone-feature{height:510px}.display-caption{left:20px;right:20px;font-size:9px}.showcase-copy>p,.library-copy>p{font-size:16px}.library-art{height:420px}.library-halo{width:390px;height:390px}.library-phone{height:420px}.download-section{padding:85px 0}.download-section h2{font-size:50px}.footer-inner{display:block}.site-footer p{margin:18px 0}.site-footer a:last-child{display:inline-block;margin-top:3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}