:root{--primary:#3c8cf0;--p-rgb:60, 140, 240}.app{--onPrimary:#fff;--primaryContainer:rgba(var(--p-rgb), .14);--bg:color-mix(in oklab, #f3f4f8 97%, var(--primary));--onBg:#15171c;--surface:#fff;--onSurface:#15171c;--surfaceVariant:color-mix(in oklab, #e8eaf0 96%, var(--primary));--onSurfaceVariant:#5b606c;--scHigh:color-mix(in oklab, #f0f1f5 97%, var(--primary));--secondaryContainer:#e4f0ff;--outline:#d5d8de;--error:#c62828;--green:#22a06b;--statusGreen:#34c759;--playKey:color-mix(in oklab, #fff 30%, var(--primary))}.app .row{flex-direction:row;align-items:center;display:flex}.app .col{flex-direction:column;display:flex}.app .center{justify-content:center;align-items:center;display:flex}.app .ic{flex:none;display:block}.app .t-display{font-variation-settings:"opsz" 40}.app .headlineMedium{font-variation-settings:"opsz" 40;font-size:30px;font-weight:600;line-height:39px}.app .headlineSmall{font-variation-settings:"opsz" 40;font-size:28px;font-weight:600;line-height:36.4px}.app .titleLarge{font-size:26px;font-weight:500;line-height:33.8px}.app .titleMedium{font-size:24px;font-weight:500;line-height:31.2px}.app .titleSmall{font-size:22px;font-weight:500;line-height:28.6px}.app .bodyLarge{font-size:24px;font-weight:400;line-height:31.2px}.app .bodyMedium{font-size:22px;font-weight:400;line-height:28.6px}.app .labelLarge{font-size:22px;font-weight:500;line-height:28.6px}.app .muted{color:var(--onSurfaceVariant)}.app .accent{color:var(--primary)}.app .nowrap{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@font-face{font-family:Google Sans;src:url(/fonts/gsf.woff2)format("woff2");font-weight:400 800;font-display:swap}@font-face{font-family:GSF;src:url(/fonts/gsf.woff2)format("woff2");font-weight:400 800;font-display:swap}:root{--ink:#0b1220;--ink2:#1d2939;--slate:#475467;--slate2:#667085;--line:#e1e9f5;--page:#f7faff;--tint:#eef4ff;--brand:#3c8cf0;--brand-m:#2f7be8;--brand-d:#1b52c4;--grad:linear-gradient(160deg, #4f9bfa 0%, #2f7be8 40%, #1b52c4 100%);--soft:0 1px 2px #10285a0d, 0 8px 24px #193ca012;--lifted:0 10px 18px #193ca01a, 0 30px 50px #193ca024;--wrap:1200px;--gut:24px;color-scheme:light}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:84px;overflow-x:hidden}body{color:var(--ink);background:var(--page);-webkit-font-smoothing:antialiased;font-family:Google Sans,GSF,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:18px;line-height:1.6;overflow-x:hidden}@supports (overflow:clip){body{overflow-x:clip}}img{max-width:100%;height:auto;display:block}a{color:inherit}button{font:inherit;color:inherit}h1,h2,h3,h4{letter-spacing:-.025em;color:var(--ink);font-weight:600;line-height:1.08}:focus-visible{outline:3px solid var(--brand-d);outline-offset:3px;border-radius:8px}.wrap{width:100%;max-width:calc(var(--wrap) + 2 * var(--gut));padding:0 var(--gut);margin:0 auto}.narrow{max-width:calc(860px + 2 * var(--gut))}.skip{z-index:100;background:#fff;border-radius:10px;padding:10px 16px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--primary,var(--brand-m));margin-bottom:14px;font-size:18px;font-weight:600}.eyebrow.on-blue{color:#cfe3ff}.sub{color:var(--slate);font-size:19px;line-height:1.6}.fine{color:var(--slate2);font-size:18px;line-height:1.5}.hl{color:var(--brand-m);background:linear-gradient(100deg,#3c8cf0 0%,#2f7be8 45%,#1b52c4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hl-pale{color:#cfe3ff}.head{max-width:720px;margin-bottom:52px}.head h2{margin-bottom:16px;font-size:clamp(34px,4.6vw,56px)}.section{padding:104px 0}.btn{white-space:nowrap;background:var(--brand-m);color:#fff;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:0 24px;font-size:18px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex}a.btn:hover{transform:translateY(-2px)}.btn-play{background:var(--grad);box-shadow:0 10px 24px #2f7be84d,inset 0 1px #ffffff40}.btn-ghost{color:var(--ink);box-shadow:var(--soft);background:#fff;border-color:#d6e2f5}.btn-ghost:hover{border-color:#b8cdee}.btn-white{color:var(--brand-d);background:#fff;box-shadow:0 10px 26px #081e6438}.btn-line{color:#fff;background:0 0;border-color:#ffffff8c}.btn-line:hover{background:#ffffff1f}.btn-sm{gap:10px;min-height:44px;padding:0 20px;font-size:18px;box-shadow:0 6px 16px #2f7be847}.btn-nav-cta{color:var(--ink);background:#fff;border:1.5px solid #2f7be840;gap:10px;font-weight:500;box-shadow:0 4px 14px #2f7be81a}.btn-nav-cta:hover{border-color:var(--brand-m);color:var(--brand-d);background:#f8fafc;box-shadow:0 6px 20px #2f7be82e}.btn-play-ic{flex:none;width:20px;height:22px;display:block}.hero-watch-btn{min-height:58px;color:var(--ink);cursor:pointer;background:#fff;border:1.5px solid #2f7be838;border-radius:999px;align-items:center;gap:12px;padding:0 24px 0 10px;font-family:inherit;font-size:19px;font-weight:500;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex;box-shadow:0 4px 16px #0f172a0d}.hero-watch-btn:hover{border-color:var(--brand-m);color:var(--brand-d);transform:translateY(-2px);box-shadow:0 8px 24px #2f7be829}.watch-play-ic{width:40px;height:40px;color:var(--brand-m);background:#2f7be81a;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:background-color .2s,color .2s;display:flex}.watch-play-ic svg{margin-left:2px}.hero-watch-btn:hover .watch-play-ic{background:var(--brand-m);color:#fff}.cta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cta.center{justify-content:center}.nav{z-index:50;backdrop-filter:saturate(1.6)blur(14px);background:#ffffffc7;border-bottom:1px solid #0000;transition:box-shadow .25s,border-color .25s;position:sticky;top:0}.nav.scrolled{border-color:#0f285a12;box-shadow:0 6px 24px #193ca00f}.nav-in{align-items:center;gap:28px;height:68px;display:flex}.brand img{width:42px;height:42px}.nav-links{gap:26px;margin-left:auto;display:flex}.nav-links a{color:var(--slate);font-size:18px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--ink)}.nav-menu{margin-left:auto;display:none;position:relative}.nav-menu summary{cursor:pointer;width:44px;height:44px;color:var(--ink);border-radius:12px;place-items:center;list-style:none;display:grid}.nav-menu summary::-webkit-details-marker{display:none}.nav-menu[open] summary{background:var(--tint)}.nav-menu nav{width:220px;box-shadow:var(--lifted);background:#fff;border-radius:18px;padding:8px;display:grid;position:absolute;top:52px;right:0}.nav-menu nav a{border-radius:12px;padding:12px 14px;font-weight:500;text-decoration:none}.nav-menu nav a:hover{background:var(--tint)}.panel-blue,.panel-light{isolation:isolate;position:relative;overflow:hidden}.panel-blue{color:#fff;background:radial-gradient(900px 700px at 92% 0%, #ffffff4d, #fff0 62%), radial-gradient(900px 700px at 0% 100%, #0824826b, #08248200 70%), var(--grad)}.panel-light{background:radial-gradient(700px 500px at 85% 0,#fff,#fff0 65%),linear-gradient(160deg,#eaf2ff 0%,#d6e7ff 100%)}.rings{pointer-events:none;z-index:-1;position:absolute;inset:0}.rings i{border:2px solid #ffffff29;border-radius:50%;position:absolute}.panel-light .rings i{border-color:#3c8cf029}.rings i:first-child{aspect-ratio:1;width:140%;top:34%;right:-70%}.rings i:nth-child(2){aspect-ratio:1;width:95%;top:48%;right:-44%}.rings i:nth-child(3){aspect-ratio:1;background:#ffffff12;border:0;width:70%;top:-30%;left:-38%}.panel-light .rings i:nth-child(3){background:#ffffff8c}.stage3d{--s:.7;--top:48px;--cx:50%;--rx:16deg;--ry:-18deg;--rz:3deg;--px:0deg;--py:0deg;perspective:calc(1160px * var(--s));perspective-origin:50% 60%;position:absolute;inset:0}.stage3d.side-L{--ry:18deg;--rz:-3deg}.stage3d.side-F{--rx:8deg;--ry:-12deg;--rz:1deg}.phone{left:var(--cx);top:calc(var(--top) + 455.2px * var(--s));width:430.6px;height:910.4px;transform-style:preserve-3d;transform:scale(var(--s)) rotateX(calc(var(--rx) + var(--px))) rotateY(calc(var(--ry) + var(--py))) rotateZ(var(--rz));letter-spacing:normal;text-align:left;color:#15171c;-webkit-user-select:none;user-select:none;background:#0d1015;border-radius:53.2px;margin:-455.2px 0 0 -215.3px;padding:9.3px;font-size:18px;font-weight:400;line-height:normal;position:absolute;box-shadow:inset 0 0 0 2px #2b313c,0 0 0 1.3px #ffffff1a,0 53px 80px #0516506b,0 20px 33px #05165042}.panel-light .phone,.demo .phone{box-shadow:inset 0 0 0 2px #2b313c,0 50px 80px #193ca03d,0 18px 30px #193ca029}.phone:before,.phone:after{content:"";background:#1a1f28;border-radius:0 3px 3px 0;width:4px;position:absolute;right:-3.3px}.phone:before{height:73px;top:199px}.phone:after{height:126px;top:306px}.screen-clip{background:#eef1f8;border-radius:43.9px;width:412px;height:892px;position:relative;overflow:hidden}.screen{background:radial-gradient(474px circle at 206px -18px, rgba(var(--p-rgb), .11), rgba(var(--p-rgb), 0)), var(--bg);width:412px;height:892px;color:var(--onBg);transition:background-color .3s;position:absolute;top:0;left:0;overflow:hidden}.sheen{pointer-events:none;background:linear-gradient(115deg,#ffffff29 0%,#fff0 32%);border-radius:43.9px;position:absolute;inset:0}.lift{transition:transform 1.1s cubic-bezier(.2, .75, .25, 1) var(--d,0s), box-shadow 1.1s ease var(--d,0s), filter 1.1s ease var(--d,0s);position:absolute;transform:translateZ(0)}.pop{color:var(--onBg);overflow:hidden;box-shadow:0 0 #193ca000}.is-lifted .pop{transform:translate(var(--dx), var(--dy)) translateZ(var(--z)) scale(var(--sc));box-shadow:var(--sh)}.wedge{pointer-events:none;filter:drop-shadow(0 0 #193ca000)}.is-lifted .wedge{transform:translateZ(var(--z)) scale(var(--sc));filter:drop-shadow(0 4px 4px #193ca024)drop-shadow(0 17px 20px #193ca033)}.is-lifted .wedge-ok{filter:drop-shadow(0 4px 5px #193ca038)drop-shadow(0 15px 17px #193ca038)}.wedge-in{pointer-events:auto;cursor:pointer;position:absolute;inset:0}.wedge .tint{background:rgba(var(--p-rgb), .3);opacity:0;transition:opacity .12s;position:absolute;inset:0}.wedge-ok .tint{background:#ffffff3d}.wedge.down .tint{opacity:1}.settled .lift{transition-duration:.16s;transition-delay:0s}.is-lifted .wedge.down{transform:translateZ(calc(var(--z) * .3)) scale(var(--sc))}.app .k{cursor:pointer;transition:transform .14s,filter .14s}.app .k.down{filter:brightness(.96);transform:scale(.9)}.tp-glow{background:radial-gradient(closest-side, rgba(var(--p-rgb), .34), rgba(var(--p-rgb), 0));pointer-events:none;border-radius:50%;width:300px;height:300px;margin:-150px 0 0 -150px;animation:7s ease-in-out infinite swipe;position:absolute;top:0;left:0}@keyframes swipe{0%{opacity:0;transform:translate(110px,300px)scale(.6)}8%{opacity:1;transform:translate(110px,300px)scale(1)}26%{opacity:1;transform:translate(280px,300px)scale(1)}32%{opacity:0;transform:translate(290px,300px)scale(.7)}46%{opacity:0;transform:translate(230px,420px)scale(.6)}52%{opacity:1;transform:translate(230px,420px)scale(1)}70%{opacity:1;transform:translate(230px,170px)scale(1)}76%{opacity:0;transform:translate(230px,160px)scale(.7)}to{opacity:0;transform:translate(110px,300px)scale(.6)}}.caret{vertical-align:-5px;background:var(--primary);width:2px;height:26px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.hits{z-index:7;position:absolute;inset:0}.hit{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;transition:background-color .12s;position:absolute}.hit.round{border-radius:50%}.hit:not(.round):not(.zone){border-radius:28px}.hit:focus-visible{outline:3px solid var(--brand-d);outline-offset:2px}.hit.zone:focus-visible{background:rgba(var(--p-rgb), .16);outline:0}.hit.zone.down{background:rgba(var(--p-rgb), .3)}.hit.okz.down{background:#ffffff47}.hero{box-sizing:border-box;align-items:center;min-height:calc(100vh - 68px);padding:clamp(16px,2.8vh,44px) 0;display:flex;position:relative}.hero-bg{z-index:-1;background:radial-gradient(900px 620px at 78% -8%, #d9e8ff, #d9e8ff00 70%), radial-gradient(700px 520px at -5% 35%, #eaf2ff, #eaf2ff00 70%), linear-gradient(#fff, var(--page));position:absolute;inset:0}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,4vw,52px);width:100%;display:grid}.hero-copy{flex-direction:column;justify-content:center;display:flex}.hero-pill{backdrop-filter:blur(16px)saturate(1.8);color:var(--brand-d);background:#ffffffb3;border:1px solid #ffffffe6;border-radius:999px;align-self:flex-start;align-items:center;gap:10px;margin-bottom:clamp(10px,1.8vh,18px);padding:6px 18px 6px 14px;font-size:18px;font-weight:500;line-height:1.3;display:inline-flex;box-shadow:0 4px 16px -2px #1b52c414,0 1px 2px #0000000a,inset 0 1px 1.5px #fff}.hero-pill-ic{flex:none;width:22px;height:22px;display:block}.hero h1{letter-spacing:-.04em;margin-bottom:clamp(12px,2vh,22px);font-size:clamp(38px,4.4vw,76px);line-height:.98}.hero h1 .hl{padding-bottom:.06em;display:inline-block}.lead{color:var(--slate);max-width:520px;margin-bottom:clamp(16px,2.4vh,30px);font-size:clamp(18px,1.35vw,21px);line-height:1.45}.hero .cta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero-rating{color:var(--slate);align-items:center;gap:10px;margin-top:clamp(12px,1.8vh,20px);font-size:18px;line-height:1.4;display:flex}.rating-stars{color:#f59e0b;align-items:center;gap:3px;display:inline-flex}.rating-text strong{color:var(--ink);font-weight:500}.works{color:var(--slate);margin-top:clamp(12px,1.8vh,22px);font-size:18px;line-height:1.5}.works strong{color:var(--ink2);font-weight:600}.hero-art{border-radius:clamp(24px,3vw,40px);height:clamp(440px,100vh - 160px,640px);max-height:640px;position:relative;overflow:hidden;box-shadow:0 30px 70px #1b52c429}.st-hero{--s:.8;--top:50px;--cx:52%}.hint{z-index:3;letter-spacing:.04em;color:#ffffffe6;flex-direction:row-reverse;align-items:center;gap:6px;font-size:18px;font-weight:600;display:flex;position:absolute;top:26px;right:26px}.hint svg{transform:scaleX(-1)rotate(30deg)translateY(6px)}section[id]{scroll-margin-top:96px}.tv-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.tv-card{border:1px solid var(--line);box-shadow:var(--soft);background:#fff;border-radius:26px;flex-direction:column;padding:26px 24px 24px;transition:transform .3s,box-shadow .3s;display:flex}.tv-card:hover{box-shadow:var(--lifted);transform:translateY(-4px)}.tile-ic{background:var(--grad);border-radius:16px;place-items:center;width:52px;height:52px;margin-bottom:20px;display:grid;box-shadow:0 8px 18px #2f7be847}.tv-card h3{margin-bottom:8px;font-size:22px}.who{color:var(--slate);margin-bottom:18px;font-size:18px;line-height:1.5}.pair{color:var(--ink2);border-top:1px solid var(--line);align-items:flex-start;gap:8px;margin-top:auto;padding-top:16px;font-size:18px;line-height:1.45;display:flex}.pair svg{margin-top:1px}.tv-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;margin-top:28px;display:flex}.nope{color:var(--slate);align-items:flex-start;gap:10px;font-size:18px;display:flex}.nope svg{margin-top:3px}.nope strong{color:var(--ink2)}.try{background:linear-gradient(#fff, var(--tint))}.demo{border-radius:32px;grid-template-columns:1fr 330px;align-items:center;gap:40px;display:grid;position:relative}.demo:focus-visible{outline-offset:12px}.demo-note{text-align:center;color:var(--slate2);grid-column:1/-1;font-size:18px}.demo-phone{height:604.448px;position:relative}.st-try{--s:.62;--top:16px}.tv{position:relative;container-type:inline-size}.tv-screen{aspect-ratio:16/9;background:radial-gradient(70% 90% at 15% 0%, color-mix(in oklab, var(--a,#3c8cf0) 55%, transparent), transparent 70%), linear-gradient(180deg, #111a2e 0%, #0b1220 100%);color:#fff;border:1.1cqw solid #0b1220;border-radius:2cqw;font-size:2cqw;transition:background .4s;position:relative;overflow:hidden;box-shadow:0 40px 70px #193ca038,0 12px 24px #193ca01f,inset 0 0 0 1px #ffffff0d}.tv-stand{background:linear-gradient(#c7d3e6,#aebfd8);border-radius:0 0 1.2cqw 1.2cqw;width:24%;height:1.6cqw;margin:0 auto}.tv-ui{flex-direction:column;padding:4cqw 4.4cqw;display:flex;position:absolute;inset:0}.tv-top{opacity:.8;justify-content:flex-end;font-size:1.8cqw;font-weight:500;display:flex}.tv-hero{align-items:center;gap:2.4cqw;margin-top:2.4cqw;display:flex}.tv-hero-ic{background:linear-gradient(150deg, var(--a,#3c8cf0), var(--b,#1b52c4));border-radius:2cqw;place-items:center;width:9cqw;height:9cqw;display:grid;box-shadow:0 1cqw 2.4cqw #0000004d}.tv-hero-ic svg{width:5cqw;height:5cqw}.tv-hero-t{letter-spacing:-.02em;font-size:4.6cqw;font-weight:600;line-height:1.05}.tv-hero-s{opacity:.7;margin-top:.6cqw;font-size:1.8cqw}.tv-rows{grid-template-columns:repeat(5,1fr);gap:1.8cqw;margin-top:auto;display:grid}.tv-tile{aspect-ratio:16/10;background:linear-gradient(150deg, var(--a), var(--b));opacity:.78;border-radius:1.4cqw;place-items:center;transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .22s,box-shadow .22s;display:grid;transform:scale(.96)}.tv-tile svg{width:3.4cqw;height:3.4cqw}.tv-tile.on{opacity:1;transform:scale(1.08);box-shadow:0 0 0 .45cqw #fff,0 1.4cqw 3cqw #00000073}.tv-tile.nudge{animation:.3s nudge}@keyframes nudge{30%{transform:scale(1.08)translate(-.6cqw)}70%{transform:scale(1.08)translate(.6cqw)}}.tv-open{background:radial-gradient(80% 80% at 50% 30%, var(--a), var(--b));opacity:0;pointer-events:none;place-content:center;justify-items:center;gap:1.6cqw;transition:opacity .3s,transform .3s;display:grid;position:absolute;inset:0;transform:scale(1.04)}.tv-open.show{opacity:1;transform:none}.tv-open-ic svg{width:12cqw;height:12cqw}.tv-open p{font-size:4cqw;font-weight:600}.tv-play{display:flex;position:absolute;bottom:3.4cqw;left:4cqw}.tv-play svg{width:4cqw;height:4cqw}.tv-hud{backdrop-filter:blur(6px);opacity:0;background:#0b1220b8;border-radius:99cqw;align-items:center;gap:1.4cqw;padding:1.2cqw 2cqw;font-size:1.9cqw;font-weight:600;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:3cqw;right:3cqw;transform:translateY(-1cqw)}.tv-hud.show{opacity:1;transform:none}.hud-ic svg{width:3cqw;height:3cqw}.hud-bar{background:#ffffff38;border-radius:1cqw;width:16cqw;height:.8cqw;display:none;overflow:hidden}.tv-hud.bar .hud-bar{display:block}.hud-bar i{border-radius:inherit;background:#fff;width:40%;height:100%;transition:width .15s;display:block}.tv-off{opacity:0;pointer-events:none;background:#05070c;transition:opacity .45s;position:absolute;inset:0}.tv.is-off .tv-off{opacity:1}.features{padding-top:112px}.feature{grid-template-columns:1.05fr 1fr;align-items:center;gap:72px;margin-bottom:104px;display:grid}.feature.flip .media{order:2}.media{border-radius:36px;height:640px}.media.panel-blue{box-shadow:0 34px 70px #1b52c429}.st-feat{--s:.9;--top:72px}.stage3d.st-typing{--top:calc(100% - 850px * var(--s))}.st-touchpad{--top:54px}.feature-copy h3{margin-bottom:18px;font-size:clamp(32px,3.6vw,46px)}.feature-copy .sub{max-width:500px}.points{gap:12px;margin-top:26px;list-style:none;display:grid}.points li{color:var(--ink2);align-items:center;gap:12px;font-size:18px;display:flex}.points svg{flex:none}.feature-copy .fine{margin-top:22px}.swatches{gap:14px;margin-top:24px;display:flex}.swatch{cursor:pointer;background:var(--c);border:0;border-radius:50%;width:48px;height:48px;transition:transform .2s,box-shadow .2s;box-shadow:0 6px 14px #193ca029}.swatch:hover{transform:translateY(-3px)}.swatch[aria-pressed=true]{box-shadow:0 0 0 3px #fff, 0 0 0 6px var(--c), 0 8px 18px #193ca033}#themes .feature-copy .eyebrow{transition:color .3s}.basics{margin-top:8px}.basics-title{margin-bottom:28px;font-size:clamp(28px,3vw,38px)}.basics-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.basic{border:1px solid var(--line);box-shadow:var(--soft);background:#fff;border-radius:22px;padding:22px}.mini-ic{background:#3c8cf01f;border-radius:14px;place-items:center;width:44px;height:44px;margin-bottom:14px;display:grid}.basic h4{letter-spacing:-.01em;margin-bottom:6px;font-size:18px}.basic p{color:var(--slate);font-size:18px;line-height:1.5}.how{background:linear-gradient(var(--tint), #fff)}.steps{grid-template-columns:repeat(3,1fr);gap:28px;list-style:none;display:grid;position:relative}.steps:before{content:"";background:repeating-linear-gradient(90deg,#3c8cf059 0 8px,#0000 8px 16px);height:2px;position:absolute;top:38px;left:16%;right:16%}.step{text-align:center;padding:0 12px;position:relative}.step-ic{background:var(--grad);border-radius:24px;place-items:center;width:76px;height:76px;margin:0 auto 22px;display:grid;position:relative;box-shadow:0 14px 28px #2f7be84d,0 0 0 8px #f3f7ff}.step-n{width:28px;height:28px;color:var(--brand-d);background:#fff;border-radius:50%;place-items:center;font-size:18px;font-weight:600;display:grid;position:absolute;top:-8px;right:-8px;box-shadow:0 4px 10px #193ca02e}.step h3{margin-bottom:8px;font-size:22px}.step p{color:var(--slate);max-width:300px;margin:0 auto;font-size:18px}.privacy{border-radius:40px;grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;padding:80px 72px;display:grid;box-shadow:0 40px 80px #1b52c42e}.privacy h2{color:#fff;margin-bottom:20px;font-size:clamp(34px,4.4vw,54px)}.privacy .sub{color:#ffffffe6;margin-bottom:30px}.badges{perspective:1200px;height:430px;position:relative}.badge{width:200px;color:var(--ink);letter-spacing:-.01em;background:#fff;border-radius:44px;flex-direction:column;align-items:center;gap:10px;padding:26px 0 22px;font-size:19px;font-weight:600;animation:6s ease-in-out infinite bob;display:flex;position:absolute;box-shadow:0 10px 18px #081e641f,0 32px 54px #081e6433,0 70px 100px #081e641f}.badge svg{width:92px;height:92px}.b1{--r:-5deg;top:22px;left:2%}.b2{--r:4deg;animation-delay:-2s;top:196px;left:32%}.b3{--r:-2deg;animation-delay:-4s;top:0;right:0}@keyframes bob{0%,to{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-12px) rotate(var(--r))}}.faq{gap:12px;display:grid}.faq details{border:1px solid var(--line);box-shadow:var(--soft);background:#fff;border-radius:20px;transition:box-shadow .25s}.faq details[open]{box-shadow:var(--lifted)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;font-size:18.5px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.plus{background:var(--tint);border-radius:50%;flex:none;width:32px;height:32px;position:relative}.plus:before,.plus:after{content:"";background:var(--brand-m);border-radius:2px;width:13px;height:2.2px;margin:-1.1px 0 0 -6.5px;transition:transform .25s;position:absolute;top:50%;left:50%}.plus:after{transform:rotate(90deg)}.faq details[open] .plus:after{transform:rotate(0)}.faq details p{color:var(--slate);padding:0 24px 22px;font-size:18px}.final{padding-top:40px}.final-card{text-align:center;border-radius:40px;padding:84px 32px;box-shadow:0 40px 80px #1b52c42e}.final-mark{filter:drop-shadow(0 12px 22px #081e6440);width:88px;height:88px;margin:0 auto 26px}.final-card h2{color:#fff;margin-bottom:18px;font-size:clamp(36px,5vw,64px)}.final-card .sub{color:#ffffffe6;max-width:560px;margin:0 auto 34px}.footer{border-top:1px solid var(--line);background:#fff;padding:56px 0 48px}.foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 32px;margin-bottom:22px;display:flex}.foot nav{flex-wrap:wrap;gap:8px 24px;display:flex}.foot nav a{color:var(--slate);font-size:18px;text-decoration:none}.foot nav a:hover{color:var(--ink)}.legal{color:var(--slate2);max-width:880px;font-size:18px;line-height:1.6}.page-head{padding-top:64px}.prose{max-width:760px;padding-bottom:96px}.prose-card{border:1px solid var(--line);box-shadow:var(--soft);background:#fff;border-radius:28px;padding:48px 52px}.prose h1{margin-bottom:10px;font-size:clamp(36px,5vw,56px)}.prose .meta{color:var(--slate2);font-size:18px}.prose h2{letter-spacing:-.015em;margin:36px 0 10px;font-size:23px}.prose p,.prose li{color:var(--ink2);font-size:18px}.prose p+p{margin-top:12px}.prose ul{gap:6px;margin-top:8px;padding-left:22px;display:grid}.prose li::marker{color:var(--brand)}.prose a{color:var(--brand-d)}.prose .tldr{background:var(--tint);color:var(--ink2);border-radius:18px;margin-top:22px;padding:20px 22px}.nf{text-align:center;padding-top:72px;padding-bottom:120px;position:relative}.nf-pad{width:236px;height:236px;margin:0 auto 36px;display:block;position:relative;transform:rotate(-8deg)}.nf-pad>.app{--r:-8deg;border-radius:50%;font-size:18px;line-height:normal;animation:6s ease-in-out infinite bob;position:absolute;inset:0;box-shadow:0 20px 34px #193ca029,0 50px 80px #193ca024}.nf h1{margin-bottom:14px;font-size:clamp(38px,6vw,64px)}.nf .sub{margin-bottom:30px}.nf .cta{justify-content:center}html.js .rv{opacity:0;transition:opacity .75s ease var(--d,0s), transform .85s cubic-bezier(.2, .7, .2, 1) var(--d,0s);transform:translateY(22px)}html.js .rv.in{opacity:1;transform:none}@media (width<=1080px){.tv-grid,.basics-grid{grid-template-columns:repeat(2,1fr)}.feature{gap:48px}.privacy{padding:64px 48px}}@media (width<=900px){:root{--gut:20px}.nav-links,.nav-in>.btn-sm{display:none}.nav-menu{display:block}.section{padding:76px 0}.head{margin-bottom:36px}.hero{min-height:auto;padding:20px 0 56px}.hero-grid{grid-template-columns:1fr;gap:32px}.hero-art{border-radius:30px;order:-1;height:clamp(380px,52vh,480px)}.st-hero{--s:.62;--top:36px;--cx:50%}.demo{grid-template-columns:1fr;gap:28px}.demo-phone{height:558.032px}.st-try{--s:.58;--top:10px}.feature,.feature.flip{grid-template-columns:1fr;gap:30px;margin-bottom:76px}.feature.flip .media{order:0}.media{border-radius:30px;height:470px}.st-feat{--s:.6;--top:50px}.st-touchpad{--top:36px}.steps{grid-template-columns:1fr;gap:36px}.steps:before{display:none}.privacy{border-radius:32px;grid-template-columns:1fr;gap:30px;padding:52px 26px 40px}.badges{perspective:none;grid-template-columns:repeat(3,1fr);gap:10px;height:auto;display:grid}.badge{text-align:center;white-space:nowrap;border-radius:26px;gap:6px;width:auto;padding:18px 4px 14px;font-size:18px;position:relative;top:auto;left:auto;right:auto}.badge svg{width:54px;height:54px}.b2{top:18px}.final-card{border-radius:32px;padding:64px 22px}.prose-card{border-radius:22px;padding:30px 22px}}@media (width<=560px){body{font-size:18px}.hero h1{font-size:46px}.lead{font-size:18.5px}.sub{font-size:18px}.cta .btn{width:100%}.hero-art{height:440px}.st-hero{--s:.56;--top:40px}.tv-grid,.basics-grid{grid-template-columns:1fr}.basics-grid{grid-template-columns:1fr 1fr;gap:12px}.basic{padding:18px 16px}.media{height:430px}.st-feat{--s:.54;--top:44px}.hint{display:none}.faq summary{padding:18px;font-size:18px}.faq details p{padding:0 18px 18px;font-size:18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}html.js .rv{opacity:1;transform:none}}.hit.zone{pointer-events:none}.hit.padhit{border-radius:50%}.play-badge{border-radius:10px;line-height:0;transition:transform .2s;display:inline-block}.play-badge img{width:auto;height:60px}.play-badge:hover{transform:translateY(-2px)}html{-webkit-tap-highlight-color:#3c8cf01f}a,button,summary,.hit{touch-action:manipulation}.sticky-cta{display:none}@media (width<=900px){.eyebrow,.badge{font-size:18px}.foot nav{gap:0 8px}.foot nav a{align-items:center;min-height:44px;margin-left:-8px;padding:0 8px;display:inline-flex}.nav-menu nav{width:min(280px, calc(100vw - 2 * var(--gut)))}.nav-menu nav a{align-items:center;min-height:48px;font-size:18px;display:flex}.section{padding:64px 0}.feature,.feature.flip{margin-bottom:56px}.footer{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.sticky-cta{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:40;-webkit-backdrop-filter:blur(16px);opacity:0;pointer-events:none;background:#ffffffeb;border-radius:22px;justify-content:space-between;align-items:center;gap:12px;padding:8px 8px 8px 18px;transition:transform .4s cubic-bezier(.2,.7,.2,1),opacity .3s;display:flex;position:fixed;transform:translateY(140%);box-shadow:0 10px 34px #193ca038,0 0 0 1px #193ca014}.sticky-cta.show{opacity:1;pointer-events:auto;transform:none}.sticky-cta span{color:var(--ink2);font-size:18px;font-weight:600;line-height:1.25}.sticky-cta a{flex:none;line-height:0;display:block}.sticky-cta img{width:auto;height:44px}.nav-menu[open]:before{content:"";z-index:-1;position:fixed;inset:0}}@media (width<=400px){:root{--gut:16px}.hero h1{font-size:40px}.lead{font-size:18px}.head h2,.privacy h2,.final-card h2{font-size:31px}.hero-art{height:400px}.st-hero{--s:.5;--top:36px}.media{height:400px}.st-feat{--s:.5;--top:40px}.play-badge img{height:56px}.sticky-cta span{font-size:18px}.sticky-cta img{height:40px}}@media (width>=901px){.sticky-cta{display:none!important}}.brand{min-height:44px;color:var(--ink);align-items:center;gap:11px;text-decoration:none;display:inline-flex}.brand .brand-mark{border-radius:9px;flex:none;width:42px;height:42px;display:block}.brand-text{flex-direction:column;justify-content:center;line-height:1;display:inline-flex}.brand .brand-word{letter-spacing:-.02em;color:var(--ink);font-size:24px;font-weight:500;line-height:1.1}.brand .brand-ver{color:var(--slate2);letter-spacing:.01em;margin-top:1px;font-size:18px;font-weight:400;line-height:1.1}.footer .brand .brand-mark{border-radius:8px;width:38px;height:38px}.footer .brand .brand-word{font-size:22px;font-weight:500}.footer .brand .brand-ver{color:var(--slate2);font-size:18px;font-weight:400}@media (width<=900px){.nav-in{gap:10px;height:72px}.brand .brand-mark{border-radius:9px;width:42px;height:42px}.brand .brand-word{font-size:24px;font-weight:500}.brand .brand-ver{font-size:18px}.nav-in>.btn-sm{min-height:44px;margin-left:auto;padding:0 20px;font-size:18px;display:inline-flex}.nav-menu{margin-left:0}.nav-menu summary{border-radius:14px;width:48px;height:48px}.nav-menu nav{top:58px}.hero{padding:12px 0 56px}.hero-copy{text-align:center}.hero-pill{align-self:center;margin-left:auto;margin-right:auto}.hero-copy .lead{margin-bottom:26px;margin-left:auto;margin-right:auto}.hero .cta{flex-direction:column;align-items:center;gap:14px}.hero .cta .btn{width:100%;max-width:360px}.hero-rating{text-align:center;flex-direction:column;align-items:center;gap:6px}.play-badge img{height:72px}.works{margin-top:26px;font-size:18px}.final-card .cta{flex-direction:column;align-items:center}.final-card .cta .btn{width:100%;max-width:360px}.head,.head h2,.head .sub{text-align:left}}@media (width<=480px){.nav-in>.btn-sm{justify-content:center;width:44px;min-width:44px;padding:0}.nav-in>.btn-sm span{display:none}.nav-in>.btn-sm .btn-play-ic{margin:0}}@media (width<=400px){.brand .brand-mark{border-radius:8px;width:38px;height:38px}.brand .brand-word{font-size:22px}.brand .brand-ver{font-size:18px}.play-badge img{height:68px}}@media (width<=900px){.sticky-cta{padding:8px 8px 8px 16px}.sticky-cta img{height:50px}.sticky-cta span{font-size:18px;font-weight:600}}@media (width<=400px){.sticky-cta img{height:46px}.sticky-cta span{font-size:18px}}@media (width<=380px){.nav-in,.brand{gap:8px}.brand .brand-mark{border-radius:8px;width:36px;height:36px}.brand .brand-word{font-size:20px}.brand .brand-ver{font-size:18px}.nav-menu summary{width:44px;height:44px}.nav-menu nav{top:54px}}@media (width<=345px){.nav-in>.btn-sm{display:none}.nav-menu{margin-left:auto}}.stage3d:not(.st-themes):not(.st-typing){pointer-events:none}.stage3d:not(.st-themes):not(.st-typing) *{cursor:default}@media (width<=900px){.hero .cta .play-badge,.final-card .cta .play-badge{width:100%;max-width:360px}.hero .cta .play-badge img,.final-card .cta .play-badge img{width:100%;height:auto}}.video-modal{z-index:1000;opacity:0;visibility:hidden;justify-content:center;align-items:center;padding:20px;transition:opacity .28s,visibility .28s;display:flex;position:fixed;inset:0}.video-modal.is-open{opacity:1;visibility:visible}.video-backdrop{backdrop-filter:blur(14px);background:#0b1220c7;position:absolute;inset:0}.video-container{z-index:2;flex-direction:column;align-items:center;max-height:90vh;transition:transform .28s cubic-bezier(.16,1,.3,1);display:flex;position:relative;transform:scale(.94)}.video-modal.is-open .video-container{transform:scale(1)}.video-close{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s,transform .2s;display:flex;position:absolute;top:-46px;right:-4px}.video-close:hover{background:#ffffff47;transform:scale(1.08)}.video-frame{aspect-ratio:9/16;background:#000;border:2px solid #ffffff26;border-radius:28px;width:auto;max-width:420px;height:calc(90vh - 50px);max-height:740px;display:flex;overflow:hidden;box-shadow:0 25px 65px -12px #000000a6,0 0 0 1px #0006}.video-frame video{object-fit:cover;outline:none;width:100%;height:100%;display:block}@media (width<=500px){.video-frame{border-radius:22px;width:90vw;height:auto;max-height:80vh}.video-close{top:-42px;right:0}}.blog-hero{text-align:center;padding:56px 0 36px}.blog-hero h1{letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(38px,5.5vw,64px)}.blog-hero .sub{max-width:620px;margin:0 auto 32px;font-size:19.5px}.cat-nav{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:48px;display:flex}.cat-pill{border:1px solid var(--line);color:var(--slate);cursor:pointer;user-select:none;background:#fff;border-radius:999px;padding:8px 18px;font-size:18px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.cat-pill:hover,.cat-pill.active{background:var(--brand-d);color:#fff;border-color:var(--brand-d);box-shadow:0 4px 12px #1b52c433}.blog-grid{grid-template-columns:repeat(3,1fr);gap:28px;padding-bottom:96px;display:grid}@media (width<=960px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (width<=640px){.blog-grid{grid-template-columns:1fr}}.post-card{border:1px solid var(--line);box-shadow:var(--soft);background:#fff;border-radius:22px;flex-direction:column;padding:28px 26px 24px;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex}.post-card:hover{box-shadow:var(--lifted);border-color:#bed8fc;transform:translateY(-4px)}.post-card-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.post-badge{background:var(--tint);color:var(--brand-d);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:4px 12px;font-size:18px;font-weight:600;display:inline-block}.post-time{color:var(--slate2);font-size:18px;font-weight:500}.post-card h2{color:var(--ink);margin-bottom:12px;font-size:21px;line-height:1.32;transition:color .2s}.post-card:hover h2{color:var(--brand-d)}.post-card p{color:var(--slate);flex:1;margin-bottom:20px;font-size:18px;line-height:1.6}.post-card-foot{color:var(--slate2);border-top:1px solid #f0f4fa;justify-content:space-between;align-items:center;padding-top:14px;font-size:18px;display:flex}.read-more{color:var(--brand-m);align-items:center;gap:4px;font-size:18px;font-weight:600;display:inline-flex}.post-article-wrap{max-width:820px;padding:40px var(--gut) 96px;margin:0 auto}.breadcrumbs{color:var(--slate2);align-items:center;gap:8px;margin-bottom:24px;font-size:18px;display:flex}.breadcrumbs a{color:var(--slate);text-decoration:none;transition:color .2s}.breadcrumbs a:hover{color:var(--brand-d)}.post-header{margin-bottom:32px}.post-header-top{align-items:center;gap:12px;margin-bottom:16px;display:flex}.post-header h1{letter-spacing:-.025em;margin-bottom:20px;font-size:clamp(32px,4.8vw,50px);line-height:1.14}.post-author-bar{border:1px solid var(--line);color:var(--slate);background:#fff;border-radius:14px;align-items:center;gap:14px;padding:14px 18px;font-size:18px;display:flex}.author-avatar{object-fit:cover;border-radius:50%;flex:none;width:38px;height:38px;display:block;box-shadow:0 2px 6px #1b52c42e}.tldr-box{border:1px solid #bfd9fe;border-left:5px solid var(--brand-m);background:#f0f6ff;border-radius:16px;margin:28px 0 36px;padding:22px 26px}.tldr-title{text-transform:uppercase;letter-spacing:.08em;color:var(--brand-d);align-items:center;gap:8px;margin-bottom:10px;font-size:18px;font-weight:600;display:flex}.tldr-box p{color:var(--ink2);margin:0;font-size:18px;line-height:1.65}.article-body{color:var(--ink2);font-size:18px;line-height:1.75}.article-body h2{color:var(--ink);letter-spacing:-.015em;margin:44px 0 16px;padding-top:10px;font-size:26px;line-height:1.25}.article-body h3{color:var(--ink);margin:30px 0 12px;font-size:21px;line-height:1.35}.article-body p{margin-bottom:20px}.article-body ul,.article-body ol{gap:10px;margin:16px 0 24px 24px;display:grid}.article-body li{padding-left:4px}.article-body strong{color:var(--ink)}.article-body a{color:var(--brand-d);text-underline-offset:3px;text-decoration:underline}.article-body a:hover{color:var(--brand-m)}.article-callout{border:1px solid var(--line);box-shadow:var(--soft);background:#fff;border-radius:18px;margin:28px 0;padding:22px 24px}.article-callout.tip{border-left:4px solid #22a06b}.article-callout.note{border-left:4px solid var(--brand)}.article-callout.warning{border-left:4px solid #f08a24}.callout-head{align-items:center;gap:8px;margin-bottom:8px;font-size:18px;font-weight:600;display:flex}.article-body code{color:#1a365d;background:#eaeef5;border-radius:6px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:18px}.article-body pre code{color:inherit;background:0 0;padding:0}.article-body pre{color:#f8fafc;background:#0e1726;border-radius:14px;margin:24px 0;padding:18px 22px;font-size:18px;line-height:1.6;overflow-x:auto}.article-diagram{border:1px solid var(--line);text-align:center;box-shadow:var(--soft);background:#fff;border-radius:20px;margin:32px 0;padding:24px}.article-diagram svg{max-width:100%;height:auto;margin:0 auto}.diagram-caption{color:var(--slate2);margin-top:12px;font-size:18px;font-style:italic}.post-cta{color:#fff;text-align:center;background:linear-gradient(135deg,#1b52c4 0%,#2f7be8 100%);border-radius:24px;margin:48px 0;padding:36px 32px;box-shadow:0 16px 36px #1b52c438}.post-cta h3{color:#fff;margin-bottom:12px;font-size:clamp(24px,3.5vw,32px)}.post-cta p{color:#ffffffe6;max-width:520px;margin:0 auto 24px;font-size:18px}.post-cta-buttons{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.post-cta .btn-white{color:var(--brand-d);background:#fff;border-radius:999px;padding:12px 24px;font-weight:600;text-decoration:none;transition:transform .2s;box-shadow:0 4px 12px #0000001f}.post-cta .btn-white:hover{transform:translateY(-2px)}.post-cta .btn-outline{color:#fff;background:0 0;border:1.5px solid #ffffffb3;border-radius:999px;padding:12px 24px;font-weight:600;text-decoration:none;transition:background .2s}.post-cta .btn-outline:hover{background:#ffffff1f}.related-posts{border-top:1px solid var(--line);margin-top:56px;padding-top:56px}.related-posts h2{text-align:center;margin-bottom:24px;font-size:26px}.post-featured-media{box-shadow:var(--soft);border:1px solid var(--line);background:#fff;border-radius:20px;margin:28px 0 0;overflow:hidden}.post-featured-media img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.post-card-thumb{aspect-ratio:16/9;background:var(--tint);border-radius:20px 20px 0 0;margin:-28px -26px 18px;overflow:hidden}.post-card-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.post-card:hover .post-card-thumb img{transform:scale(1.03)}