:root{color-scheme:dark;--bg:#070d17;--surface:#0c1421;--text:#f3f6fc;--muted:#a9b6c8;--line:#233043;--green:#49c68a;--red:#ff4859;--blue:#76aaff;--amber:#e9b963}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%}.container{width:min(1240px,calc(100% - 80px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link{position:fixed;top:8px;left:8px;padding:12px 20px;background:white;color:#070d17;z-index:100;transform:translateY(-160%)}.skip-link:focus{transform:none}:focus-visible{outline:3px solid #91e7b8;outline-offset:5px;border-radius:4px}.site-header{position:sticky;top:0;z-index:20;background:#070d17f2;border-bottom:1px solid #ffffff0d;backdrop-filter:blur(18px)}.header-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:12px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-name{display:block;font-weight:700;font-size:1.5rem;letter-spacing:-.6px;line-height:1.2;white-space:nowrap}.brand-name strong{color:var(--green);font-weight:700}#navigation{display:flex;gap:24px;align-items:center;font-size:.9375rem;font-weight:500;line-height:1.4}#navigation>a:not(.button){padding:11px 4px;color:#bdc7d6;white-space:nowrap;transition:color .2s}#navigation>a:not(.button):hover{color:white;text-decoration:underline;text-decoration-color:var(--green);text-underline-offset:7px}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;padding:15px 22px;border:1px solid var(--line);border-radius:7px;font-weight:650;font-size:.9375rem;line-height:1.5;transition:background .2s,transform .2s,border-color .2s}.button:hover{transform:translateY(-2px);background:#1b293c;border-color:#8192aa}.button-small{padding:11px 19px;background:#121e2c;border-color:#354358;font-size:inherit;font-weight:600;white-space:nowrap}#navigation>.button:hover{transform:none;background:#1c2b3e}.button-red{background:#e9364a;border-color:#e9364a;color:white;box-shadow:0 8px 30px #f43b4d18}.button-red:hover{background:#c82337;border-color:#ff7282}.button-outline{background:#0a121e}.eyebrow{text-transform:uppercase;letter-spacing:2.3px;font-size:.75rem;font-weight:750;margin:0 0 22px}.red{color:#ff6a77}.green{color:var(--green)}.blue{color:var(--blue)}.amber{color:var(--amber)}.hero{padding:80px 0 0;overflow:hidden;background:radial-gradient(ellipse at 78% 37%,#133d302e,transparent 42%),radial-gradient(ellipse at 0 0,#12254855,transparent 45%)}.hero-grid{display:grid;grid-template-columns:1.13fr 1fr;gap:38px;align-items:center}.hero-copy{position:relative;z-index:2}h1{font-size:clamp(2.7rem,4.25vw,4rem);line-height:1.06;letter-spacing:-2.2px;margin:0 0 27px;font-weight:780}h2{font-size:clamp(2rem,3.25vw,2.9rem);line-height:1.15;letter-spacing:-1.4px;margin:0}h3{line-height:1.25}.intro{font-size:1.125rem;color:#d9e2ed;margin:0 0 12px}.hero-description{font-size:1rem;color:var(--muted);max-width:535px;margin:0}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 20px}.development{font-size:.75rem;color:#96a7b9;display:flex;align-items:center;gap:8px}.development span,.visual-label span{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%}.hero-visual{height:520px;position:relative;isolation:isolate}.orbit{position:absolute;border:1px solid #49c68a14;border-radius:50%;width:570px;height:570px;top:0;left:-5%;z-index:-1}.orbit:after{content:"";position:absolute;inset:40px;border:1px solid #49c68a12;border-radius:50%}.phone{padding:7px;border:1px solid #536071;border-radius:31px;background:#030609;box-shadow:0 25px 70px #0008;overflow:hidden;width:210px;aspect-ratio:1/2;display:flex;position:absolute}.phone img{width:100%;height:auto;border-radius:24px}.phone a{display:flex;align-items:center;flex:1;min-width:0;overflow:hidden;border-radius:24px;background:#070b0c}.phone-back{left:0;top:16px;transform:rotate(-7deg)}.phone-front{right:2px;top:28px;transform:rotate(6deg)}.phone a:hover img{filter:brightness(1.12)}.visual-label{position:absolute;bottom:12px;left:25px;display:flex;align-items:center;gap:10px;font-size:.8125rem;border:1px solid #315044;background:#0b1815;padding:12px 20px;border-radius:6px;box-shadow:0 8px 30px #0005}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-top:1px solid var(--line);margin-top:76px;padding-block:29px}.principles>div{display:flex;gap:15px;align-items:center}.principle-icon{width:42px;height:42px;display:grid;place-items:center;font-size:1.5rem;background:#101924;border:1px solid var(--line);border-radius:10px}.principles p{margin:0}.principles strong{font-size:.875rem;display:block}.principles p span{font-size:.8125rem;color:var(--muted)}.section{padding:100px 0}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:42px}.section-heading>p{color:var(--muted);max-width:390px;margin:0;font-size:1rem}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{--accent:var(--red);padding:28px 23px 25px;background:linear-gradient(145deg,#111b2a,#0b131f);border:1px solid var(--line);border-top:2px solid var(--accent);border-radius:9px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.feature-card:hover{transform:translateY(-5px);border-color:var(--accent)}.accent-green{--accent:var(--green)}.accent-blue{--accent:var(--blue)}.accent-amber{--accent:var(--amber)}.feature-number{font-size:.6875rem;letter-spacing:1.4px;color:var(--accent);font-weight:700}.feature-card h3{font-size:1.25rem;margin:28px 0 14px;letter-spacing:-.5px}.feature-card p{color:var(--muted);font-size:.9375rem;margin:0 0 28px}.feature-tag{display:block;border-top:1px solid var(--line);padding-top:16px;margin-top:auto;font-size:.75rem;color:#c5cfdb}.screens-section{background:#0a111d;border-block:1px solid #ffffff08}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.gallery-card{display:block;min-width:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#0f1827;transition:transform .2s,border-color .2s}.gallery-card:hover{transform:translateY(-5px);border-color:#6b8e86}.gallery-image{height:430px;overflow:hidden;padding:32px 35px 0;background:radial-gradient(ellipse at 50% 60%,#18382955,transparent 75%)}.gallery-card:nth-child(2) .gallery-image{background:radial-gradient(ellipse at 50% 60%,#4d172b55,transparent 75%)}.gallery-card:nth-child(3) .gallery-image{background:radial-gradient(ellipse at 50% 60%,#182f5255,transparent 75%)}.gallery-image img{width:100%;height:auto;border:5px solid #02060c;border-radius:22px;box-shadow:0 10px 40px #0008}.gallery-caption{padding:24px;position:relative;display:flex;justify-content:space-between;gap:10px;align-items:center;background:#0f1827;border-top:1px solid var(--line)}.gallery-caption span:not(.expand){font-size:.6875rem;letter-spacing:1.4px;color:#96a6bb}.gallery-caption h3{font-size:1rem;margin:9px 0 0}.expand{border:1px solid #3d4c60;border-radius:50%;width:34px;height:34px;flex-shrink:0;display:grid;place-items:center}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px}.about-grid p:not(.eyebrow){color:var(--muted);margin:0 0 18px}.about-grid p.large-copy{font-size:1.375rem;color:var(--text);font-weight:600}.mission-signoff{display:block;margin-top:30px;padding-left:16px;border-left:2px solid var(--green);font-size:.9375rem}.contact-section{padding:0 0 90px}.contact-panel{padding:48px 52px;border:1px solid #2c493d;border-radius:12px;background:radial-gradient(ellipse at right,#15352870,transparent 70%),#0c171d;display:flex;justify-content:space-between;gap:50px;align-items:center}.contact-panel p:not(.eyebrow){max-width:555px;color:var(--muted);margin:20px 0 0}.contact-panel .button{flex-shrink:0}footer{border-top:1px solid var(--line);padding:28px 0}.footer-inner{display:flex;justify-content:space-between;gap:25px;align-items:center}.footer-brand .brand-name{font-size:1.125rem}.footer-inner p,.footer-inner>a:last-child{font-size:.75rem;color:var(--muted)}.footer-inner>a:last-child:hover{color:white}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:7px;width:46px;height:46px;color:white;padding:11px}.menu-bars,.menu-bars:before,.menu-bars:after{display:block;height:2px;background:currentColor;position:relative}.menu-bars:before,.menu-bars:after{content:"";position:absolute;width:100%;top:-7px}.menu-bars:after{top:7px}.lightbox{max-width:min(860px,calc(100vw - 32px));width:860px;height:min(94dvh,1100px);padding:0;border:1px solid #4a5c70;border-radius:12px;background:#0b1420;color:var(--text);overflow:hidden}.lightbox[open]{display:flex;flex-direction:column}.lightbox::backdrop{background:#000d;backdrop-filter:blur(7px)}.lightbox-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--line);gap:16px}.lightbox h2{font-size:1.125rem;letter-spacing:0}.icon-button{background:#132033;color:white;border:1px solid #41516a;width:44px;height:44px;border-radius:7px;font-size:1.5rem;flex-shrink:0}.icon-button:hover{background:#263f5b}.lightbox-image{min-height:0;flex:1;display:flex;justify-content:center;padding:18px;overflow:auto}.lightbox-image img{object-fit:contain;max-height:100%;width:auto;height:100%;min-height:0}.lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;border-top:1px solid var(--line)}.lightbox-bottom p{text-align:center;margin:0;font-size:.75rem;color:var(--muted)}#lightbox-counter{display:block;color:var(--text);margin-bottom:3px}body.modal-open{overflow:hidden}
@media(min-width:1450px){.hero{padding-top:100px}.hero-grid{gap:60px}}
@media(max-width:1100px){.container{width:calc(100% - 48px)}.hero-grid{gap:20px}.phone{width:190px}.hero-visual{height:490px}.phone-back{left:-5px;top:5px}.phone-front{right:-8px;top:25px}.visual-label{bottom:15px;left:0}.feature-grid{grid-template-columns:repeat(2,1fr)}.gallery-image{padding:25px 20px 0;height:365px}.section-heading{gap:35px}}
@media(max-width:850px){.hero{padding-top:55px}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:660px}h1{font-size:clamp(2.7rem,6.8vw,3.9rem)}.hero-visual{width:min(490px,100%);height:510px;margin:30px auto 0}.phone{width:205px}.phone-front{right:0;top:25px}.phone-back{left:0;top:10px}.visual-label{bottom:9px;left:20px}.principles{margin-top:55px;gap:20px}.principles>div{align-items:start}.principle-icon{display:none}.section{padding:75px 0}.section-heading{display:block}.section-heading>p{max-width:600px;margin-top:25px}.gallery{gap:15px}.gallery-image{padding:20px 14px 0;height:310px}.gallery-caption{padding:18px 14px}.gallery-caption h3{font-size:.9375rem}.expand{display:none}.about-grid{gap:40px}.contact-panel{padding:35px;display:block}.contact-panel .button{margin-top:28px}.footer-inner{flex-wrap:wrap}.footer-inner p{order:3;width:100%;margin:0}}
@media(max-width:540px){.container{width:calc(100% - 36px)}.eyebrow{font-size:.6875rem;letter-spacing:1.7px}h1{font-size:2.65rem;letter-spacing:-1.4px}.hero{padding-top:40px}.actions{flex-direction:column;align-items:stretch}.hero-visual{height:405px;max-width:350px;margin-top:20px}.phone{width:160px;border-radius:26px;padding:6px}.phone img{border-radius:20px}.phone-back{top:4px}.phone-front{top:20px}.visual-label{font-size:.75rem;padding:10px 13px;left:0;bottom:5px}.orbit{width:400px;height:400px;left:-30px}.principles{grid-template-columns:1fr;gap:20px;padding-block:25px}.principle-icon{display:grid;flex-shrink:0}.principles>div{align-items:center}.feature-grid,.gallery,.about-grid{grid-template-columns:1fr}.feature-card{padding:25px}.feature-card h3{margin-top:18px}.gallery{gap:26px}.gallery-image{height:435px;padding:30px 45px 0}.gallery-caption{padding:22px}.expand{display:grid}.about-grid{gap:28px}.contact-panel{padding:28px 24px}.contact-panel .button{width:100%;gap:12px}.contact-section{padding-bottom:60px}.lightbox-header,.lightbox-bottom{padding:12px}.lightbox-bottom{gap:8px}.lightbox-image{padding:12px}.lightbox-bottom p{font-size:.6875rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Approved symbol with live text for a consistent header at every size. */
.brand-symbol{display:block;position:relative;overflow:hidden;width:46px;aspect-ratio:1;flex-shrink:0}
.brand-symbol img{position:absolute;max-width:none;width:731.4285714%;height:auto;left:-120.4761905%;top:-192.3809524%}
.footer-brand .brand-symbol{width:38px}
.menu-toggle[aria-expanded="true"] .menu-bars{background:transparent}
.menu-toggle[aria-expanded="true"] .menu-bars:before{top:0;transform:rotate(45deg)}
.menu-toggle[aria-expanded="true"] .menu-bars:after{top:0;transform:rotate(-45deg)}
@media(max-width:900px){
  .header-inner{min-height:76px}
  html.js .menu-toggle{display:block;flex-shrink:0;margin-left:auto}
  html.js #navigation{display:none;position:absolute;top:100%;left:0;right:0;padding:16px 24px 24px;background:#0a1320;border-bottom:1px solid var(--line);align-items:stretch;flex-direction:column;gap:4px;max-height:calc(100dvh - 76px);overflow:auto}
  html.js #navigation.is-open{display:flex}
  #navigation>a:not(.button){padding:14px 12px;border-radius:6px}
  #navigation>a:not(.button):hover{background:#121f2e;text-decoration:none}
  #navigation>.button{margin-top:8px;align-self:flex-start}
  html:not(.js) .header-inner{flex-wrap:wrap}
  html:not(.js) #navigation{flex-wrap:wrap;gap:8px}
}
@media(max-width:540px){
  .header-inner{min-height:72px;gap:12px}
  .brand{gap:9px}
  .brand-name{font-size:clamp(1.0625rem,4.8vw,1.25rem);letter-spacing:-.4px}
  .brand-symbol{width:40px}
  html.js #navigation{padding-inline:18px;max-height:calc(100dvh - 72px)}
  .footer-brand .brand-name{font-size:1.125rem}
}

/* Recorded app imagery and the optional, user-controlled walkthrough. */
/* Phone images retain their intrinsic proportions through width:100%;height:auto. */
.video-feature{margin-top:52px;padding-top:42px;border-top:1px solid var(--line)}
.video-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:24px}
.video-heading .eyebrow{margin-bottom:12px}
.video-heading h3{font-size:clamp(1.65rem,3vw,2.2rem);letter-spacing:-.8px;margin:0}

.video-feature video{display:block;width:100%;height:auto;aspect-ratio:16/9;border:1px solid var(--line);border-radius:12px;background:#070d17}





@media(max-width:700px){.video-heading{display:block}.video-feature{margin-top:36px;padding-top:32px}}

/* Tall handset shells; screenshots remain at their intrinsic proportions. */
.phone::before,.phone::after{content:"";position:absolute;left:50%;transform:translateX(-50%);border-radius:99px;pointer-events:none}
.phone::before{top:16px;width:23%;height:4px;background:#252c30}
.phone::after{bottom:15px;width:28%;height:3px;background:#596064}