:root{--ink:#15171c;--muted:#686c75;--blue:#087bef;--line:#e8e9ed;--ease:cubic-bezier(.16,1,.3,1);color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0}a{color:inherit;text-decoration:none}button,summary,a{-webkit-tap-highlight-color:transparent}a,summary{touch-action:manipulation}img{max-width:100%;display:block}svg{display:block}h1,h2,h3,p,figure{margin:0}h1,h2{letter-spacing:-.04em;text-wrap:balance}p{line-height:1.6}::selection{background:#c8e4ff;color:#10233c}:focus-visible{outline:3px solid var(--blue);outline-offset:6px;border-radius:5px}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-160%);background:#fff;padding:14px;z-index:100}.skip-link:focus{transform:none}.site-header{position:fixed;top:24px;left:0;right:0;z-index:30;padding:0 20px;pointer-events:none}.nav-pill{pointer-events:auto;display:flex;align-items:center;gap:42px;width:max-content;max-width:100%;margin:auto;padding:9px 10px 9px 22px;border:1px solid #ffffffb3;border-radius:100px;background:#ffffffd9;box-shadow:0 5px 28px #26325b0c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.brand{display:inline-flex;gap:9px;align-items:center;font-weight:720;font-size:19px;letter-spacing:-.6px}.brand img{width:28px;height:28px;border-radius:7px}.nav-links{display:flex;gap:25px;align-items:center}.nav-links a{font-size:13px;color:#50535b;padding:13px 0;transition:color .2s}.nav-links a:hover,.site-footer a:hover{color:var(--blue)}.nav-download{background:#17191e;color:white;padding:12px 17px;border-radius:30px;display:flex;align-items:center;gap:15px;font-size:13px;font-weight:600;white-space:nowrap;transition:background .2s,transform .3s var(--ease)}.nav-download svg{width:15px;height:15px}.nav-download:hover{background:#343943;transform:translateY(-1px)}
.hero{position:relative;overflow:clip;padding-top:144px;text-align:center;background:radial-gradient(ellipse 52% 310px at 14% 0,#ffe0c4b0,transparent),radial-gradient(ellipse 55% 330px at 85% 0,#ffb9a084,transparent),#fff}.hero-copy{position:relative;z-index:2;padding:0 24px}.app-icon{margin:0 auto;border-radius:22%;box-shadow:0 10px 25px #1b325225}.hero h1{font-size:clamp(44px,6.3vw,82px);font-weight:650;line-height:1.08;margin:28px auto 19px}.hero h1 span{color:#db4325}.hero-copy>p:not(.free-note){font-size:19px;color:#5b606b;letter-spacing:-.25px;max-width:600px;margin:0 auto 25px}.store-button{display:inline-flex;align-items:center;gap:10px;background:#111318;color:#fff;text-align:left;border:1px solid #34363a;border-radius:12px;padding:10px 18px 10px 15px;box-shadow:0 4px 9px #18203612;min-height:55px;transition:transform .4s var(--ease),box-shadow .4s var(--ease),background .2s}.store-button svg{width:25px;height:29px}.store-button small{display:block;font-size:10px;line-height:1.2;letter-spacing:.15px}.store-button strong{font-size:22px;line-height:1.12;font-weight:550;letter-spacing:-.45px}.store-button:hover{transform:translateY(-3px);background:#272b33;box-shadow:0 9px 18px #18203622}.store-button:active{transform:translateY(0) scale(.98)}.free-note{font-size:12px!important;color:#6c7078!important;margin-top:13px!important;line-height:1.5}.hero-visual{position:relative;width:min(1040px,100%);margin:48px auto 0;transform-origin:center bottom}.hero-photo{width:100%;height:auto}.hero-live-screen{position:absolute;left:34.9%;top:2.8%;width:30.2%;height:91.8%;border-radius:10.5% / 5%;object-fit:fill}.hero-example{font-size:11px;color:#6c727c;margin:14px 0 22px}.movement-strip{display:flex;justify-content:center;align-items:center;gap:65px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 24px}.movement-strip p{color:#727680;font-size:13px}.movement-strip>div{display:flex;gap:48px;font-size:18px;letter-spacing:-.4px;font-weight:600}.section{max-width:1120px;margin:auto;padding:140px 36px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.section h2{font-size:clamp(40px,4.8vw,62px);line-height:1.06;font-weight:650}.muted{color:#777d88}.section-copy>p{max-width:430px;font-size:17px;color:var(--muted);margin-top:27px}.steps{list-style:none;padding:0;margin:36px 0 33px}.steps li{display:flex;gap:17px;margin-bottom:24px;align-items:flex-start}.step-number{border:1px solid #dcdfe5;display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;font-size:12px;color:#676c76;font-variant-numeric:tabular-nums;margin-top:2px}.steps h3{font-size:17px;line-height:1.5;letter-spacing:-.3px;font-weight:600}.steps p{font-size:14px;line-height:1.6;color:var(--muted);margin-top:5px;max-width:340px}.text-link{display:inline-flex;gap:10px;align-items:center;color:#086ccf;font-size:15px;font-weight:550;min-height:44px}.text-link svg{width:19px;height:19px;transition:transform .3s var(--ease)}.text-link:hover svg{transform:translateX(4px)}.text-link:hover{text-decoration:underline;text-underline-offset:5px}/* Physical device stage. The real screen remains as a no-WebGL fallback. */
.report-stage{position:relative;padding:0 0 14px;isolation:isolate;min-width:0;background:radial-gradient(ellipse at 52% 44%,#edf2f780,transparent 67%)}
.device{position:relative;width:100%;max-width:360px;aspect-ratio:27/50;margin:0 auto;isolation:isolate}
.device:after{content:"";position:absolute;width:58%;height:3.5%;left:22%;bottom:1.5%;border-radius:50%;background:#1d263d36;filter:blur(13px);z-index:-1;pointer-events:none}
.device canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.device .device-fallback{position:absolute;left:16%;top:6.5%;width:68%;height:87%;object-fit:contain;border:6px solid #101114;outline:2px solid #9c9fa5;border-radius:35px;box-shadow:7px 4px 0 #555960,12px 14px 24px #17233822;transition:none}
.device-ready .device-fallback{opacity:0}
.report-device{max-width:420px}
.report-stage figcaption{text-align:center;font-size:11px;color:#6c727c;margin-top:15px}
.inside-section{background:#101115;color:#f7f8fb;padding:110px 32px 45px;overflow:clip}.section-heading{text-align:center;max-width:860px;margin:0 auto 64px}.section-heading h2{font-size:clamp(40px,5.4vw,70px);font-weight:600;line-height:1.07}.section-heading h2 span{color:#a0a6b2}.section-heading>p{font-size:17px;color:#a3a8b3;margin-top:25px}.app-showcase{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.app-feature{background:linear-gradient(160deg,#1e2026,#17181d);border:1px solid #30323a;border-radius:28px;padding:30px 20px 22px;overflow:hidden}.feature-copy{min-height:145px;padding:0 5px}.feature-copy h3{font-size:21px;font-weight:550;letter-spacing:-.65px;line-height:1.2;max-width:260px}.feature-copy p{color:#b2b6c0;font-size:14px;line-height:1.55;max-width:260px;margin-top:12px}.app-feature .device{max-width:320px}.app-feature .device:after{background:#0009;filter:blur(12px)}.sample-note{text-align:center;font-size:11px;color:#969ba6;margin:27px 0 0}.privacy-section{padding-top:130px;padding-bottom:110px}.privacy-section .section-copy>p{margin-bottom:15px}.privacy-art{display:grid;place-items:center;height:330px;background:radial-gradient(ellipse at center,#ddebf980 0,transparent 65%)}.privacy-disc{width:192px;height:192px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fafcfe,#e6edf7);box-shadow:0 18px 44px #24446817,inset 0 2px 1px #fff;border:1px solid #e1e8f0;color:#418bd6}.privacy-disc svg{width:72px;height:84px}.faq-section{border-top:1px solid var(--line);padding-top:95px;padding-bottom:125px;align-items:start;gap:65px}.faq-section h2{font-size:46px}.faq-section .section-copy>p{font-size:15px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;cursor:pointer;font-size:16px;font-weight:550;line-height:1.5}summary::-webkit-details-marker{display:none}.faq-toggle{height:16px;width:16px;flex-shrink:0;position:relative}.faq-toggle:before,.faq-toggle:after{content:"";position:absolute;width:12px;height:1.5px;background:#6b717b;top:7px;left:2px;transition:transform .25s var(--ease)}.faq-toggle:after{transform:rotate(90deg)}details[open] .faq-toggle:after{transform:rotate(0)}.faq-answer{padding:0 24px 24px 0;color:#626874;font-size:14px;line-height:1.7}.closing{padding:90px 24px 100px;text-align:center;background:radial-gradient(ellipse at 10% 100%,#ffe3c8a3,transparent 55%),radial-gradient(ellipse at 90% 100%,#ffd0c3ba,transparent 55%),#f7f9fc;border-top:1px solid #edf0f4}.closing h2{font-size:clamp(48px,6.5vw,82px);font-weight:650;line-height:1.04;margin-top:28px}.closing>p:not(.free-note){font-size:17px;color:var(--muted);margin:23px 0 26px}.site-footer{padding:36px max(28px,calc((100vw - 1048px)/2));background:#fafbfc}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-top nav{display:flex;gap:25px;font-size:12px;color:#616773}.footer-top>span{font-size:11px;color:#777d86}.disclaimer{font-size:11px;color:#717783;max-width:760px;line-height:1.7;margin-top:27px}
@media(min-width:1500px){.hero{padding-top:155px}.hero-visual{width:1120px}}@media(max-width:1000px){.section{gap:48px;padding:100px 32px}.report-stage{padding:0 0 14px}.app-feature{padding:25px 12px 20px}.app-showcase{gap:16px}.feature-copy{min-height:170px}.feature-copy h3{font-size:19px}.section-heading{margin-bottom:48px}.faq-section h2{font-size:39px}.inside-section{padding-left:24px;padding-right:24px}.device .device-fallback{border-radius:26px}}
@media(max-width:700px){html{scroll-padding-top:95px}.site-header{top:16px;padding:0 14px}.nav-pill{width:100%;padding:7px 8px 7px 15px;gap:16px;justify-content:space-between}.nav-links{gap:16px;margin-left:auto}.nav-links a{font-size:12px}.nav-links a:first-child{display:none}.brand{font-size:17px}.brand img{width:25px;height:25px}.nav-download{padding:11px 12px;font-size:12px;gap:7px}.hero{padding-top:121px;background:radial-gradient(ellipse 90% 220px at 0 0, #ffdcc5,transparent),radial-gradient(ellipse 95% 220px at 100% 0,#ffd3bf,transparent),#fff}.app-icon{width:61px;height:61px}.hero h1{font-size:clamp(38px,7.5vw,51px);margin-top:24px;line-height:1.1}.hero-copy{padding:0 18px}.hero-copy>p:not(.free-note){font-size:16px;max-width:370px;line-height:1.6;margin-bottom:23px}.desktop-break{display:none}.hero-visual{width:170%;max-width:none;margin-left:-35%;margin-top:36px}.movement-strip{padding:26px 20px;flex-direction:column;gap:14px}.movement-strip>div{gap:35px;font-size:17px}.movement-strip p{font-size:12px}.section{display:flex;flex-direction:column;padding:78px 25px;gap:42px;align-items:stretch}.section h2{font-size:46px}.section-copy>p{font-size:16px;margin-top:22px}.steps{margin-top:29px}.report-stage{max-width:460px;width:100%;margin:0 auto;padding:0 0 14px}.report-device{max-width:390px}.inside-section{padding:75px 20px 35px}.section-heading h2{font-size:42px}.section-heading>p{font-size:15px}.section-heading{margin-bottom:36px}.app-showcase{display:flex;flex-direction:column;gap:22px}.app-feature{padding:28px 20px 22px;max-width:460px;width:100%;margin:0 auto}.feature-copy{min-height:120px}.feature-copy h3{font-size:23px;max-width:none}.feature-copy p{max-width:320px;font-size:15px}.app-feature .device{max-width:330px}.privacy-section{gap:20px}.privacy-art{height:210px;order:1}.privacy-disc{width:150px;height:150px}.privacy-disc svg{width:60px;height:70px}.privacy-section .section-copy{order:0}.faq-section{gap:30px;padding-top:62px;padding-bottom:72px}.faq-section h2{font-size:39px}.faq-section .section-copy>p{margin-top:20px}summary{font-size:15px;padding:22px 0}.closing{padding:70px 22px 77px}.closing h2{font-size:58px}.closing>p:not(.free-note){font-size:15px}.footer-top{flex-wrap:wrap;gap:25px}.footer-top nav{order:2;width:100%;gap:25px}.site-footer{padding:30px 25px}.disclaimer{margin-top:23px}.sample-note{font-size:10px;max-width:280px;margin:25px auto 0}}
@media(max-width:360px){.nav-links{display:none}.hero h1{font-size:37px}.section h2{font-size:41px}.movement-strip>div{gap:28px}}
/* Animate the container from first paint; leave the button transform to hover. */
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:hero-arrive .8s var(--ease) both}@keyframes hero-arrive{from{opacity:.75;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-visual,.report-device,.app-feature .device{transform:none!important}.hero-visual{transform-origin:initial}}

/* The closing icon follows intent while native details stays open for the exit. */
.faq-list details[data-closing] .faq-toggle:after{transform:rotate(90deg)}