:root{--ink:#f4f7f9;--ink-soft:#9caab5;--paper:#080b10;--paper-2:#0e141c;--surface:#121922d1;--surface-solid:#121922;--surface-raised:#18212c;--line:#dcebf51c;--teal:#42d7c1;--teal-deep:#73e9d7;--signal:#ff8a3d;--signal-deep:#ffac73;--ok:#1f8a5b;--wait:#b7791f;--run:#2b6cb0;--shadow:0 24px 70px #00000061;--radius:22px;--font-display:"Space Grotesk", sans-serif;--font-body:"IBM Plex Sans", sans-serif;--header-h:72px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--ink:#13212b;--ink-soft:#4d606c;--paper:#f3f6f8;--paper-2:#e4ecf1;--surface:#ffffffd6;--surface-solid:#fff;--surface-raised:#f8fafb;--line:#13212b1f;--teal:#0f7a6f;--teal-deep:#0a5c54;--signal:#e36a1a;--signal-deep:#c45512;--shadow:0 20px 60px #13212b21;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(1100px 620px at 85% -10%, color-mix(in srgb, var(--teal) 16%, transparent), transparent 58%), radial-gradient(850px 520px at -10% 22%, color-mix(in srgb, var(--signal) 10%, transparent), transparent 55%), var(--paper);min-height:100vh;margin:0;line-height:1.55;transition:color .25s,background-color .25s}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,.brand-lockup,.logo,.price .amount{font-family:var(--font-display);letter-spacing:-.03em;line-height:1.1}.skip-link{background:var(--ink);color:#fff;z-index:100;padding:.75rem 1rem;position:absolute;top:0;left:-999px}.skip-link:focus{top:1rem;left:1rem}.site-header{z-index:50;height:var(--header-h);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb, var(--paper) 78%, transparent);border-bottom:1px solid var(--line);align-items:center;gap:1.5rem;padding:0 clamp(1rem,4vw,2.5rem);display:flex;position:sticky;top:0}.logo{align-items:center;gap:.55rem;font-size:1.15rem;font-weight:700;display:inline-flex}.logo img{border-radius:9px;width:34px;height:34px;box-shadow:0 5px 18px #3a7bd547}.nav{color:var(--ink-soft);gap:1.25rem;margin-left:auto;font-size:.95rem;display:none}.nav a:hover,.header-actions .btn-ghost:hover{color:var(--ink)}.header-actions{gap:.6rem;margin-left:auto;display:none}.nav-toggle{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;place-content:center;gap:6px;width:42px;height:42px;margin-left:0;display:grid}.nav-toggle span{background:var(--ink);width:18px;height:2px;display:block}.nav-drawer{background:var(--surface-solid);border-bottom:1px solid var(--line);gap:.85rem;padding:1rem clamp(1rem,4vw,2.5rem) 1.25rem;display:grid}.nav-drawer[hidden]{display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.preferences-toggle,.preferences-close{border:1px solid var(--line);color:var(--ink);background:var(--surface);cursor:pointer;place-items:center;display:grid}.preferences-toggle{border-radius:13px;flex:none;width:42px;height:42px;margin-left:auto}.preferences-toggle svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:19px}.preferences-toggle[aria-expanded=true]{color:var(--teal);border-color:color-mix(in srgb, var(--teal) 45%, transparent);background:color-mix(in srgb, var(--teal) 10%, var(--surface))}.preferences-panel{z-index:101;top:calc(var(--header-h) + .75rem);border:1px solid var(--line);width:min(360px,100vw - 1.5rem);color:var(--ink);background:color-mix(in srgb, var(--surface-solid) 94%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:1.15rem;animation:.2s both preferences-in;position:fixed;right:clamp(.75rem,3vw,2rem);box-shadow:0 24px 80px #0000006b}.preferences-panel[hidden],.preferences-backdrop[hidden]{display:none}.preferences-backdrop{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000038;position:fixed;inset:0}.preferences-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.1rem;display:flex}.preferences-head h2{margin:.15rem 0 0;font-size:1.25rem}.eyebrow{color:var(--teal);letter-spacing:.11em;text-transform:uppercase;font-size:.72rem;font-weight:700}.preferences-close{width:34px;height:34px;font:400 1.4rem/1 var(--font-body);border-radius:10px}.preference-group{border:0;margin:0;padding:0}.preference-group legend,.volume-control>span{color:var(--ink-soft);margin-bottom:.45rem;font-size:.78rem;font-weight:600}.theme-options{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 60%, transparent);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:.25rem;padding:.25rem;display:grid}.theme-options button{min-height:38px;color:var(--ink-soft);font:600 .82rem var(--font-body);cursor:pointer;background:0 0;border:0;border-radius:9px}.theme-options button[aria-pressed=true]{color:var(--ink);background:var(--surface-raised);box-shadow:0 3px 12px #0000002e}.preference-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;display:flex}.preference-row div{gap:.1rem;display:grid}.preference-row strong{font-size:.9rem}.preference-row div>span{color:var(--ink-soft);font-size:.76rem}.sound-toggle{background:color-mix(in srgb, var(--ink-soft) 35%, transparent);cursor:pointer;border:0;border-radius:999px;flex:none;width:44px;height:24px;padding:2px;transition:background .2s;position:relative}.sound-toggle>span:first-child{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;display:block;box-shadow:0 2px 6px #0000004d}.sound-toggle[aria-checked=true]{background:var(--teal)}.sound-toggle[aria-checked=true]>span:first-child{transform:translate(20px)}.volume-control{grid-template-columns:1fr auto;align-items:center;margin-top:.9rem;display:grid}.volume-control input{width:100%;accent-color:var(--teal);grid-column:1/-1}.volume-control output{color:var(--ink-soft);font-size:.76rem}.volume-control input:disabled{opacity:.35}@keyframes preferences-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:none}}.btn{min-height:44px;font-family:var(--font-body);cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.4rem;padding:.7rem 1.15rem;font-size:.95rem;font-weight:600;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-lg{min-height:52px;padding-inline:1.35rem;font-size:1rem}.btn-primary{background:var(--teal);color:#061411;box-shadow:0 8px 28px color-mix(in srgb, var(--teal) 22%, transparent)}.btn-primary:hover{background:var(--teal-deep)}.btn-secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn-secondary:hover{border-color:#0f7a6f59}.btn-ghost{color:var(--ink-soft);background:0 0;min-height:40px}.hero{min-height:calc(100svh - var(--header-h));align-items:end;padding:clamp(2rem,5vw,4rem) clamp(1rem,4vw,2.5rem) 0;display:grid;position:relative;overflow:clip}.hero-atmosphere{background:linear-gradient(120deg, color-mix(in srgb, var(--ink) 4%, transparent), transparent 40%), repeating-linear-gradient(90deg, transparent, transparent 47px, color-mix(in srgb, var(--ink) 3.5%, transparent) 48px), radial-gradient(ellipse 80% 55% at 70% 80%, #0f7a6f2e, transparent 60%);pointer-events:none;animation:14s ease-in-out infinite alternate atmosphere-drift;position:absolute;inset:0}@keyframes atmosphere-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(-1.5%,1%)scale(1.03)}}.hero-copy{z-index:2;max-width:36rem;padding-bottom:clamp(1.5rem,4vw,3rem);animation:.9s both rise-in;position:relative}.brand-lockup{color:var(--ink);margin:0 0 .85rem;font-size:clamp(2.4rem,7vw,4.2rem);font-weight:700}.hero h1{max-width:18ch;margin:0;font-size:clamp(1.55rem,3.8vw,2.35rem);font-weight:600}.lede{color:var(--ink-soft);max-width:34ch;margin:1rem 0 1.5rem;font-size:1.08rem}.cta-row{flex-wrap:wrap;gap:.75rem;display:flex}.hero-visual{z-index:1;margin-top:1rem;animation:1.1s .15s both rise-in;position:relative}.hero-carousel{position:relative}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.app-stage{margin:0;width:min(100%,980px);box-shadow:var(--shadow);border:1px solid var(--line);transform-origin:bottom;background:#0b1220;border-bottom:0;border-radius:20px 20px 0 0;margin-inline:auto;overflow:hidden;transform:perspective(1200px)rotateX(4deg)}.hero-slides{aspect-ratio:16/9;background:#0b1220;position:relative;overflow:hidden}.app-chrome{color:#ffffffb8;background:#1a2b35;align-items:center;gap:.4rem;padding:.65rem .9rem;font-size:.78rem;display:flex}.app-chrome span{background:#54707f;border-radius:50%;width:9px;height:9px}.app-chrome span:first-child{background:#e36a1a}.app-chrome span:nth-child(2){background:#d4a017}.app-chrome span:nth-child(3){background:#2f9e7a}.app-chrome strong{margin-left:.6rem;font-weight:500}.app-shot{object-fit:cover;object-position:top center;vertical-align:top;opacity:0;width:100%;height:100%;transition:opacity .45s,transform .7s;display:block;position:absolute;inset:0;transform:scale(1.018)}.app-shot.is-active{opacity:1;z-index:1;transform:scale(1)}.hero-carousel-controls{justify-content:center;align-items:center;gap:.75rem;margin-top:.9rem;display:flex}.hero-carousel-arrow{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);background:var(--surface);cursor:pointer;border-radius:50%;transition:border-color .2s,color .2s,transform .2s}.hero-carousel-arrow:hover{color:var(--teal);border-color:color-mix(in srgb, var(--teal) 55%, transparent);transform:translateY(-1px)}.hero-carousel-dots{align-items:center;gap:.5rem;display:flex}.hero-carousel-dots button{background:color-mix(in srgb, var(--ink-soft) 38%, transparent);cursor:pointer;border:0;border-radius:999px;width:8px;height:8px;padding:0;transition:width .25s,background-color .25s}.hero-carousel-dots button.is-active{background:var(--teal);width:28px}.section{padding:clamp(3.5rem,8vw,6rem) clamp(1rem,4vw,2.5rem)}.section-head{max-width:40rem;margin-bottom:2rem}.section-head h2{margin:0 0 .65rem;font-size:clamp(1.7rem,3.5vw,2.4rem)}.section-head p{color:var(--ink-soft);margin:0;font-size:1.05rem}.feature-grid{grid-template-columns:1fr;gap:1rem;display:grid}.feature{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg, var(--surface), color-mix(in srgb, var(--surface) 75%, transparent));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--ink) 5%, transparent);padding:1.35rem;transition:transform .25s,border-color .25s;position:relative;overflow:hidden}.feature:before{content:"";background:color-mix(in srgb, var(--teal) 12%, transparent);filter:blur(4px);border-radius:50%;width:5rem;height:5rem;position:absolute;top:-2.5rem;right:-2.5rem}.feature:hover{border-color:color-mix(in srgb, var(--teal) 34%, var(--line));transform:translateY(-4px)}.feature h3{margin:0 0 .4rem;font-size:1.2rem}.feature p{color:var(--ink-soft);max-width:36ch;margin:0}.section-captures{background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--teal) 5%, transparent))}.capture-rail{scroll-snap-type:x mandatory;scrollbar-color:#0f7a6f73 transparent;grid-auto-columns:minmax(280px,42vw);grid-auto-flow:column;gap:1rem;padding-bottom:.75rem;display:grid;overflow-x:auto}.capture{scroll-snap-align:start;margin:0}.capture img{aspect-ratio:16/10;object-fit:cover;object-position:top center;border-radius:var(--radius);border:1px solid var(--line);width:100%;height:auto;box-shadow:var(--shadow);background:#0b1220}.capture figcaption{color:var(--ink-soft);margin-top:.7rem;font-size:.92rem}.billing-toggle{border:1px solid var(--line);background:var(--surface-solid);border-radius:12px;gap:.2rem;margin-top:1.25rem;padding:.25rem;display:inline-flex}.billing-btn{min-height:40px;font-family:var(--font-body);color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:0 .95rem;font-weight:600}.billing-btn.is-active{background:var(--teal);color:#061411}.pricing-grid{gap:1rem;display:grid}.plan{border:1px solid var(--line);border-radius:calc(var(--radius) + 2px);background:var(--surface);align-content:start;gap:.35rem;padding:1.4rem 1.25rem 1.35rem;display:grid;position:relative}.plan-featured{border-color:color-mix(in srgb, var(--teal) 48%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--teal) 12%, transparent), var(--surface-solid));box-shadow:0 20px 60px color-mix(in srgb, var(--teal) 8%, transparent)}.plan-tag{color:var(--teal-deep);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.78rem;font-weight:600}.plan h3{margin:0;font-size:1.45rem}.plan-for{color:var(--ink-soft);margin:0;font-size:.95rem}.price{align-items:baseline;gap:.3rem;margin:.7rem 0 .2rem;display:flex}.price .amount{font-size:clamp(2rem,4vw,2.5rem);font-weight:700}.price .per,.price-note{color:var(--ink-soft);font-size:.9rem}.plan ul{color:var(--ink-soft);gap:.35rem;margin:.85rem 0 1.1rem;padding-left:1.1rem;display:grid}.plan .btn{width:100%}.section-access{background:radial-gradient(800px 400px at 80% 50%, color-mix(in srgb, var(--teal) 12%, transparent), transparent), #0d141b;color:#e8eef2}.section-access .access-grid{gap:1.75rem;display:grid}.section-access h2{margin:0 0 .7rem;font-size:clamp(1.7rem,3.5vw,2.3rem)}.section-access p{color:#e8eef2c7;max-width:42ch}.section-access .btn-secondary{color:#fff;background:0 0;border-color:#ffffff47}.install-steps{color:#e8eef2d1;gap:.85rem;margin:0;padding-left:1.15rem;display:grid}.contact-wrap{gap:1.75rem;display:grid}.contact-mail a{color:var(--teal-deep);font-weight:600}.contact-form{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);gap:.85rem;padding:1.25rem;display:grid}.contact-form label{gap:.35rem;font-size:.92rem;font-weight:500;display:grid}.contact-form input,.contact-form textarea{border:1px solid var(--line);width:100%;font:inherit;background:var(--surface-solid);color:var(--ink);border-radius:10px;padding:.75rem .85rem}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--teal);outline:2px solid #0f7a6f59}.form-status{min-height:1.25rem;color:var(--teal-deep);margin:0;font-size:.92rem}.site-footer{border-top:1px solid var(--line);color:var(--ink-soft);gap:.65rem;padding:2rem clamp(1rem,4vw,2.5rem) 2.5rem;font-size:.92rem;display:grid}.btn:focus-visible,.nav-toggle:focus-visible,.preferences-toggle:focus-visible,.preferences-close:focus-visible,.theme-options button:focus-visible,.sound-toggle:focus-visible,a:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.footer-brand{color:var(--ink);align-items:center;gap:.55rem;display:flex}.footer-logo{object-fit:contain;object-position:left center;width:min(220px,58vw);height:48px;display:block}.footer-logo--light,:root[data-theme=light] .footer-logo--dark{display:none}:root[data-theme=light] .footer-logo--light{display:block}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(16px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (width>=720px){.nav,.header-actions{display:flex}.nav-toggle{display:none}.preferences-toggle{margin-left:0}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 2rem}.feature{min-height:180px}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.plan-featured{transform:translateY(-6px)}.access-grid,.contact-wrap{grid-template-columns:1.1fr .9fr;align-items:start;gap:2.5rem}}@media (width>=980px){.hero{grid-template-columns:minmax(300px,.72fr) minmax(0,1.38fr);align-items:center;gap:0;padding-bottom:2rem}.hero-visual{margin-top:0;margin-left:clamp(-5.5rem,-5vw,-2.5rem);margin-right:clamp(-2.5rem,-2vw,-1rem)}.app-stage{border-bottom:1px solid var(--line);border-radius:20px;width:min(980px,69vw);margin-inline:0;transform:perspective(1500px)rotateY(-4deg)rotateX(2deg)}.capture-rail{grid-auto-columns:minmax(340px,380px)}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-atmosphere,.hero-copy,.hero-visual,.reveal{opacity:1;transform:none;transition:none!important;animation:none!important}}