:root{color-scheme:dark;--bg:#080e1b;--panel:#101c30;--text:#f4f7ff;--muted:#a7b8d2;--blue:#8ab7ff;--line:#263956;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:radial-gradient(ellipse at 90% 4%,#162c53 0,transparent 34rem),var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-underline-offset:4px}button,input,summary{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #c5dcff;outline-offset:5px}img{max-width:100%}.wrap{width:min(1280px,calc(100% - 80px));margin-inline:auto}.nav{border-bottom:1px solid #ffffff0c;background:#080e1be8;backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.nav-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:750;font-size:18px;text-decoration:none;letter-spacing:-.5px}.nav nav{display:flex;gap:27px;align-items:center;font-size:13px}.nav nav>a:not(.button){color:#b7c7df;text-decoration:none}.nav nav>a:hover{color:white}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:52px;border:1px solid #91baff;border-radius:9px;padding:12px 21px;background:#8ab7ff;color:#091933;font-size:14px;font-weight:750;text-decoration:none;box-shadow:0 5px 26px #65a3ff17;transition:background .18s,transform .18s}.button:hover{background:#b4d1ff;transform:translateY(-2px)}.button.secondary{background:#14223a;border-color:#3a5276;color:#dce9fd;box-shadow:none}.button.secondary:hover{background:#1d3150}.button.small{min-height:39px;padding:8px 15px;font-size:12px}.skip{position:absolute;top:-100px;left:20px;z-index:100;background:white;color:#102340;padding:10px}.skip:focus{top:10px}.hero{display:grid;grid-template-columns:1fr 1.04fr;gap:28px;align-items:center;min-height:770px;padding-block:80px 100px}.eyebrow{margin:0 0 24px;color:#a7c8ff;font-size:11px;font-weight:750;letter-spacing:2.4px;text-transform:uppercase;line-height:1.5}.hero .eyebrow{display:flex;align-items:center;gap:11px}.hero .eyebrow span{width:7px;height:7px;border-radius:50%;background:#9bc0ff;box-shadow:0 0 0 5px #7fa9ff19}h1,h2,h3,p{overflow-wrap:break-word}h1{font-size:clamp(66px,7.5vw,108px);line-height:.99;letter-spacing:-6.8px;margin:0;font-weight:780}em{font-style:normal;color:var(--blue)}.lead{max-width:490px;margin:28px 0;color:#b4c4dc;font-size:18px;line-height:1.65}.actions{display:flex;gap:11px;flex-wrap:wrap}.small-facts{font-size:11px;margin:20px 0 2px;color:#a7b8d2}.chromium{font-size:11px;color:#a7b8d2}.hero-stage{position:relative;min-width:0;height:540px;isolation:isolate}.hero-stage:before{content:'';position:absolute;inset:-10% -1% 0;background:radial-gradient(ellipse,#2962bb50,transparent 65%);z-index:-1}.video-window{position:absolute;left:0;top:76px;width:100%;overflow:hidden;border:1px solid #6684b0;border-radius:15px;background:#111e33;box-shadow:0 34px 100px #0009;transform:perspective(1200px) rotateY(-5deg) rotateZ(-3deg)}.window-bar{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:10px;color:#b6c7df}.window-bar>span:first-child{font-size:11px;letter-spacing:3px;color:#6383af}.hero-frame{display:block;width:100%;height:auto}.video-strip{height:36px;display:flex;align-items:center;gap:16px;padding:0 14px;font-size:8px;font-weight:750;letter-spacing:1px;color:#b4d0fc}.play{font-size:12px}.progress{height:3px;background:#354764;flex:1}.progress i{display:block;width:39%;height:100%;background:#8cb6fc}.floating-control{position:absolute;right:-5px;bottom:-5px;width:302px;padding:15px;border:1px solid #5c7eac;border-radius:15px;background:#101d32f8;box-shadow:0 20px 60px #000a;transform:rotate(3deg)}.mini-brand{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:750;margin-bottom:12px}.active-label{margin-left:auto;border:1px solid #3b5f90;padding:3px 7px;border-radius:20px;color:#a8cfff;font-size:9px}.mini-image{padding:13px;border:1px solid #5b80b7;border-radius:9px;background:#1c3352}.mini-image small{color:#b4d0ff;font-size:8px;letter-spacing:1px;font-weight:750}.mini-image strong{display:block;font-size:17px;margin:2px 0 12px;letter-spacing:-.5px}.mode-row{display:flex;gap:5px;font-size:9px;color:#c0d0e7}.mode-row>*{flex:1;text-align:center;padding:8px 3px;border:1px solid #49688e;border-radius:5px;background:#182b44}.mode-row b{background:#41648f;border-color:#b8d4ff;color:white}.fake-slider{margin-top:19px;display:flex;gap:10px;align-items:center;font-size:8px}.fake-slider i{flex:1;height:5px;background:linear-gradient(90deg,#91b6ff 85%,#405f86 85%);border-radius:5px}.mini-motion{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:12px;border:1px solid #3c526f;border-radius:9px;font-size:11px;font-weight:700}.mini-motion small{display:block;font-size:9px;font-weight:400;color:#b0bfd4;margin-top:3px}.toggle{background:#3d72b6;border:1px solid #a5c8ff;border-radius:20px;width:35px;height:20px}.toggle:after{content:'';display:block;width:14px;height:14px;border-radius:50%;background:white;margin:2px 0 0 16px}.preview-note{display:block;text-align:center;font-size:8px;color:#a5b8d2;margin-top:7px}.float-badge{position:absolute;left:4%;bottom:22px;display:flex;align-items:center;gap:11px;border:1px solid #426499;border-radius:10px;padding:13px 20px;background:#0f1e36ed;transform:rotate(-3deg)}.float-badge b{color:#b9d4ff;font-size:39px;letter-spacing:-2px;line-height:1}.float-badge span{font-size:8px;letter-spacing:1.2px;line-height:1.8;color:#c2d8f8}.promise-strip{background:#0d182b;border-block:1px solid #243650}.promise-strip .wrap{display:flex;justify-content:space-between;gap:20px;padding-block:22px;color:#d2e0f5;font-size:13px}.promise-strip b{color:#7f9bc4;font-size:10px;margin-right:18px;font-variant-numeric:tabular-nums}.feature,.setup-section{padding-block:130px;display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}h2{font-size:clamp(38px,4.6vw,62px);line-height:1.08;letter-spacing:-2.8px;margin:0}.feature-copy>p:not(.eyebrow),.setup-copy>p:not(.eyebrow){font-size:16px;color:var(--muted);margin:25px 0 32px}.feature-list{display:grid;gap:21px}.feature-list div{padding-left:18px;border-left:2px solid #3a5b88}.feature-list b{display:block;font-size:13px}.feature-list span{display:block;font-size:12px;color:var(--muted);margin-top:4px}.feature-visual{margin:0;min-width:0;border:1px solid #4b658c;border-radius:13px;overflow:hidden;box-shadow:0 25px 70px #0005;transform:rotate(1.5deg)}.feature-visual img{display:block;width:100%;height:auto}.feature-visual figcaption{display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:9px;padding:13px;color:#b4c8e5;background:#121f34}.image-tag{color:#d3e5ff;border:1px solid #48648c;padding:4px 7px;border-radius:4px;white-space:nowrap}.motion-section{padding:100px 0;background:linear-gradient(135deg,#112747 0,#0b1629 65%);border-block:1px solid #2e4261}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end;margin-bottom:42px}.section-heading>p{color:var(--muted);font-size:16px;max-width:485px;margin:0 0 5px}.fps-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.fps-grid article{border-top:1px solid #4a668c;padding:28px 0 12px}.fps-grid article:nth-child(2){padding-left:35px;border-left:1px solid #2d4463}.fps-grid .eyebrow{font-size:10px}.fps{display:flex;gap:22px;align-items:center;font-size:clamp(55px,7.5vw,112px);line-height:1.15;letter-spacing:-5px;font-weight:700}.fps>span{color:#99acc6}.fps i{font-size:40px;letter-spacing:0;font-style:normal;color:#547cba}.fps strong{color:#b3d1ff}.fps-grid p{font-size:12px;color:#b0c4e0;margin:15px 0 0}.performance-note{font-size:11px;color:#b2c4dd;margin:30px 0 0}.motion-footer{display:flex;gap:30px;flex-wrap:wrap;margin-top:35px;font-size:11px;color:#cae0ff}.motion-footer span:before{content:'✓';margin-right:8px;color:#9ec6ff}.examples-section{padding-block:130px}.sample-picker{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.sample-picker button{background:#111e32;border:1px solid #344c6b;padding:10px 16px;border-radius:7px;color:#bed0e9;font-size:12px;min-height:41px}.sample-picker button[aria-pressed=true]{border-color:#90b8f6;color:#eff6ff;background:#2b4b78}.sample-picker button:hover{border-color:#afcfff}.comparison{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid #6684aa;border-radius:13px;background:#101d30}.comparison>img{display:block;width:100%;height:100%;object-fit:cover}.comparison .original-image{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.comparison-labels{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;gap:16px;pointer-events:none;font-size:11px}.comparison-labels span{background:#08101ce6;border:1px solid #557099;padding:7px 12px;border-radius:5px;color:#ecf4ff}.divider{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:#d5e7ff;transform:translateX(-1px);pointer-events:none;box-shadow:0 0 20px #001b3e}.divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:41px;height:41px;border:1px solid #7599c8;border-radius:50%;background:#eff6ff;color:#12315c;font-size:25px}.comparison input{position:absolute;inset:0;margin:0;width:100%;height:100%;opacity:0;cursor:ew-resize;touch-action:pan-y}.comparison:focus-within{outline:3px solid #c5dcff;outline-offset:5px}.comparison-caption{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin-top:14px;font-size:11px;color:#aabfdd}.comparison-caption p{margin:0}.comparison-caption a{white-space:nowrap}.media-note{max-width:950px;font-size:10px;color:#92a7c5;margin-top:14px}.setup-section{padding-top:0;grid-template-columns:1fr 1fr}.setup-copy ol{list-style:none;padding:0;margin:35px 0 0;display:grid;gap:28px}.setup-copy li{display:flex;gap:18px;align-items:flex-start}.setup-copy li>span{display:grid;place-items:center;border:1px solid #46638e;border-radius:8px;background:#172943;color:#a8caff;width:31px;height:31px;font-size:12px;flex:none}.setup-copy li b{font-size:14px}.setup-copy li p{color:var(--muted);font-size:12px;margin:4px 0 0}.popup-preview{margin:0;justify-self:center;position:relative;padding:24px 0 0}.popup-preview:before{content:'';position:absolute;inset:0 -50%;background:radial-gradient(ellipse,#1d4d934a,transparent 60%);z-index:-1}.popup-preview img{display:block;width:300px;height:auto;border:1px solid #53739d;border-radius:13px;box-shadow:0 25px 75px #0009;transform:rotate(2deg)}.popup-preview figcaption{text-align:center;color:#98b0d0;font-size:10px;margin-top:19px}.privacy{border-block:1px solid #354b6c;padding-block:65px;display:grid;grid-template-columns:1fr 1fr;gap:90px}.privacy p:not(.eyebrow){font-size:16px;color:var(--muted);margin:0 0 20px}.privacy h2{font-size:43px}.privacy a{color:#b9d5ff;font-size:12px}.privacy-facts{display:flex;flex-wrap:wrap;gap:15px 25px;font-size:11px;color:#d1e3ff;margin-bottom:25px}.privacy-facts span:before{content:'✓';margin-right:8px}.faq{max-width:950px;padding-block:110px}.faq h2{margin-bottom:35px;font-size:42px}.faq details{border-bottom:1px solid #304563;padding:18px 0}.faq summary{cursor:pointer;font-size:14px;font-weight:600;list-style:none;padding-right:24px;position:relative}.faq summary:after{content:'+';position:absolute;right:4px;color:#a8caff}.faq details[open] summary:after{content:'−'}.faq details p{color:#a7bbd7;font-size:13px;max-width:780px;line-height:1.8;margin:16px 0 3px}.cta{text-align:center;padding:75px 25px 85px;border:1px solid #385d91;border-radius:18px;background:radial-gradient(ellipse at 50% 100%,#1d4681 0,transparent 80%),#10213a}.cta h2{font-size:clamp(40px,5vw,67px)}.cta p:not(.eyebrow){color:#b7cce9;font-size:15px;margin:26px 0}.cta .actions{justify-content:center}.cta small{display:block;margin-top:20px;color:#a0b8d9;font-size:10px}footer{padding-block:65px;display:flex;align-items:center;justify-content:space-between;gap:30px}footer .brand{font-size:14px}footer>div{display:flex;gap:25px;font-size:11px;color:#a9bddb}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){.hero-stage{height:560px}.floating-control{bottom:0}.video-window{top:70px}}
@media(max-width:1100px){.wrap{width:calc(100% - 52px)}.hero{gap:20px}h1{font-size:82px;letter-spacing:-5px}.hero-stage{height:520px}.floating-control{width:270px;right:0}.float-badge{left:0;bottom:42px;padding:12px}.float-badge span{font-size:7px}.float-badge b{font-size:32px}.feature,.setup-section,.section-heading,.privacy{gap:50px}.nav nav{gap:18px}.lead{font-size:16px}.actions .button{font-size:12px;padding-inline:14px}}
@media(max-width:850px){.nav nav>a:not(.button){display:none}.hero{grid-template-columns:1fr;max-width:700px;padding:65px 0 75px;gap:35px}.hero-copy{max-width:560px}.hero h1{font-size:88px}.hero .lead{max-width:540px}.hero-stage{height:490px;width:100%;max-width:650px;margin-inline:auto}.video-window{top:25px;width:94%}.floating-control{width:285px;bottom:0}.float-badge{bottom:40px;left:6%}.feature,.setup-section{grid-template-columns:1fr;padding-block:85px;gap:45px}.feature-visual{max-width:680px}.section-heading{grid-template-columns:1fr;gap:24px}.section-heading>p{max-width:650px}.examples-section{padding-block:85px}.setup-section{padding-top:0}.popup-preview{padding-top:0}.privacy{gap:35px}.privacy h2{font-size:35px}.privacy p:not(.eyebrow){font-size:14px}.promise-strip .wrap{font-size:11px}.promise-strip b{margin-right:8px}.fps{font-size:85px;gap:15px}.fps-grid article:nth-child(2){padding-left:25px}.motion-section{padding:75px 0}.popup-preview:before{inset:0 -15%}.cta{width:calc(100% - 52px)}}
@media(max-width:520px){.wrap{width:calc(100% - 36px)}.nav-inner{min-height:65px;gap:10px}.brand{font-size:15px;gap:8px}.brand img{width:28px;height:28px}.nav .button{min-height:35px;padding:7px 10px;font-size:10px;gap:6px}.hero{padding:48px 0 65px;gap:28px}.hero .eyebrow{font-size:9px;letter-spacing:1.8px}.hero h1{font-size:76px;letter-spacing:-4.5px}.lead{font-size:15px;line-height:1.7}.hero .actions .button{min-height:48px;font-size:12px;padding:12px 14px}.hero .actions .button:first-child{width:100%}.hero .actions .button.secondary{width:100%}.hero-stage{height:410px}.video-window{width:100%;top:18px;transform:rotate(-2deg)}.floating-control{bottom:0;width:239px;padding:12px;right:0;transform:rotate(2deg)}.mini-brand{font-size:10px}.mini-image{padding:10px}.mini-image strong{font-size:15px}.mode-row{font-size:8px}.fake-slider{margin-top:14px;gap:6px}.mini-motion{font-size:9px;padding:9px}.float-badge{bottom:8px;left:0;gap:5px;padding:9px 7px;max-width:91px}.float-badge b{font-size:24px}.float-badge span{font-size:5px;letter-spacing:.5px}.promise-strip .wrap{gap:15px;font-size:10px;padding-block:17px}.promise-strip span{flex:1}.promise-strip b{display:block;margin-bottom:5px}.feature,.setup-section{padding-block:65px;gap:32px}.eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:19px}h2{font-size:38px;letter-spacing:-1.8px}.feature-copy>p:not(.eyebrow),.setup-copy>p:not(.eyebrow){font-size:14px}.feature-visual figcaption{font-size:8px;padding:10px;gap:5px}.image-tag{font-size:7px}.fps-grid{grid-template-columns:1fr;gap:15px}.fps-grid article:nth-child(2){padding:25px 0 8px;border-left:0}.fps{font-size:85px;gap:25px}.fps-grid p{font-size:11px}.motion-footer{gap:12px;flex-direction:column}.performance-note{font-size:10px;line-height:1.8}.sample-picker{gap:6px}.sample-picker button{padding:8px 11px;font-size:10px;min-height:36px}.comparison-labels{top:10px;left:10px;right:10px;font-size:8px;gap:5px}.comparison-labels span{padding:5px 7px}.divider span{width:31px;height:31px;font-size:20px}.comparison-caption{display:block;font-size:10px}.comparison-caption a{display:inline-block;margin-top:9px}.media-note{font-size:9px}.setup-section{padding-top:0}.popup-preview img{width:270px}.privacy{grid-template-columns:1fr;padding-block:40px;gap:27px}.privacy h2{font-size:36px}.faq{padding-block:65px}.faq summary{font-size:12px}.faq details p{font-size:12px}.faq h2{font-size:35px}.cta{padding:50px 19px}.cta h2{font-size:35px;letter-spacing:-1.8px}.cta .button{width:100%;font-size:12px}.cta p:not(.eyebrow){font-size:13px}footer{padding-block:40px;flex-direction:column;gap:20px}footer>div{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.hero{min-height:710px;padding-block:65px 80px}.video-window{border-radius:10px;transform:perspective(1200px) rotateY(-3deg) rotateZ(-1deg)}.floating-control{border-radius:11px;transform:rotate(1deg)}.feature-visual{border-radius:7px;transform:none}.comparison{border-radius:7px}.popup-preview img{transform:none;border-radius:10px}.cta{border-radius:10px}
@media(max-width:850px){.hero{min-height:0;padding-block:60px 75px}}@media(max-width:360px){.hero h1{font-size:64px;letter-spacing:-3px}.hero-stage{height:410px}}

.popup-preview:before{inset:0}

@media(max-width:520px){.fps{font-size:clamp(60px,20vw,85px);gap:18px}.fps-grid article{min-width:0}}

.feed-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center;padding:0 0 130px}.feed-copy>p:not(.eyebrow){max-width:420px;color:var(--muted);font-size:16px;margin:25px 0}.feed-copy>small{display:block;max-width:420px;color:#96adcd;font-size:10px;margin-top:25px}.feed-platforms{display:flex;gap:20px;color:#c4d9fa;font-size:12px}.feed-phones{display:flex;align-items:center;gap:14px;min-width:0;height:420px}.feed-phones figure{position:relative;width:33.33%;min-width:0;aspect-ratio:9/19;margin:0;border:1px solid #4d6485;border-radius:20px;overflow:hidden;background:#0b111b}.feed-phones figure:nth-child(2){margin-top:45px}.feed-phones figure:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#000b)}.feed-phones img{width:100%;height:100%;object-fit:cover}.feed-player-name{position:absolute;top:12px;left:10px;right:10px;font-size:10px;color:white;font-weight:700;text-shadow:0 1px 4px #000;z-index:2}.feed-tools{position:absolute;right:9px;bottom:72px;font-size:19px;z-index:2;color:white;line-height:1.8;text-shadow:0 1px 5px black}.feed-phones figcaption{position:absolute;bottom:16px;left:10px;right:30px;color:white;font-size:10px;z-index:2;text-shadow:0 1px 4px #000}
@media(max-width:850px){.feed-section{grid-template-columns:1fr;gap:25px;padding-bottom:85px}.feed-phones{max-width:610px;width:100%;height:auto;padding-bottom:30px}.feed-phones figure{max-height:420px}.feed-copy>p:not(.eyebrow){max-width:600px}}@media(max-width:520px){.feed-section{padding-bottom:65px}.feed-phones{gap:8px}.feed-phones figure{border-radius:12px}.feed-player-name{font-size:8px;left:7px;right:6px;top:9px}.feed-tools{font-size:14px;right:7px;bottom:48px}.feed-phones figcaption{font-size:8px;left:7px;bottom:12px;right:15px}.feed-copy>p:not(.eyebrow){font-size:14px}.feed-platforms{font-size:11px}}
