@charset "UTF-8";
:root{color-scheme:dark;--bg:#061b2d;--panel:#0b2b43;--mint:#43ecc0;--cyan:#79f1f5;--coral:#ff6b7a;--text:#edfaff;--muted:#acc5d5;--line:#79f1f529}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}::selection{background:var(--mint);color:var(--bg)}.wrap{width:min(1240px,100% - 96px);margin:auto}.header{height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:27px;font-weight:800;letter-spacing:-1px}.brand img{width:42px;height:42px;border-radius:12px}.header nav{display:flex;gap:30px;color:var(--muted);font-size:13px}.header nav a:hover,.footer a:hover{color:var(--mint)}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:17px 26px;min-height:56px;border-radius:13px;border:1px solid var(--line);font-size:15px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--mint);color:#05352d;border-color:#a9ffe7;box-shadow:0 4px 0 #167764}.button.primary:hover{background:#91ffdc}.button.compact{min-height:44px;padding:11px 18px;font-size:13px;background:#0c3049}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:700;color:var(--cyan);display:flex;align-items:center;gap:10px;line-height:1.6}.live-dot{width:6px;height:6px;background:var(--mint);border-radius:50%;box-shadow:0 0 13px #43ecc090}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:30px;padding-top:54px;padding-bottom:52px;min-height:660px}.hero h1{font-size:clamp(60px,6.5vw,90px);line-height:.99;letter-spacing:-5px;margin:27px 0}.hero h1 span,h2 span{color:var(--mint)}.hero h1 .demo-reset{color:inherit;cursor:text}.intro{font-size:19px;line-height:1.65;max-width:445px;color:var(--muted);margin:24px 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.micro{color:var(--muted);font-size:12px;line-height:1.6;margin:20px 0}.hero-art{position:relative;isolation:isolate}.hero-art:before{content:'';position:absolute;inset:12%;z-index:-1;background:#14cace22;filter:blur(60px);border-radius:50%}.hero-image{width:100%;border-radius:32px;mask-image:linear-gradient(#000 83%,transparent)}.art-label{position:absolute;left:18px;top:18px;font-size:9px;letter-spacing:1.5px;border:1px solid var(--line);border-radius:30px;padding:9px 12px;background:#061b2dc9}.hero-badge{position:absolute;right:0;bottom:28px;display:flex;gap:12px;align-items:center;padding:14px 20px;background:#0b2b43ed;border:1px solid #79f1f55c;border-radius:16px;box-shadow:0 16px 35px #0003;font-size:12px;color:var(--muted)}.hero-badge img{width:44px;height:44px;border-radius:50%}.hero-badge strong{display:block;color:var(--text);font-size:16px;margin-bottom:5px}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0a263d}.strip .wrap{display:flex;justify-content:space-between;gap:22px;padding-top:23px;padding-bottom:23px;font-size:11px;letter-spacing:1.8px;color:var(--muted)}.strip b{color:var(--mint);margin-right:10px;font-size:16px}section.content{padding-top:96px;padding-bottom:35px}h2{font-size:clamp(34px,4.5vw,60px);line-height:1.09;letter-spacing:-2.6px;margin:25px 0 38px}.section-top{display:flex;justify-content:space-between;align-items:start;gap:25px}.section-note{font-size:12px;line-height:1.7;color:var(--muted);max-width:290px;margin:0}.reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.reasons article{background:linear-gradient(145deg,#10364f,#0a263d);border:1px solid var(--line);border-radius:20px;padding:28px}.reason-icon{height:55px;font-size:30px;font-weight:700;color:var(--mint)}.reasons h3,.step h3{font-size:21px;letter-spacing:-.5px;margin:15px 0 12px}.reasons p,.step p,.story p{font-size:14px;color:var(--muted);line-height:1.75;margin:0}.playground{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-top:80px;padding-bottom:80px}.playground-copy>p{color:var(--muted);line-height:1.75;font-size:16px;max-width:400px}.demo-widget{width:100%;max-width:410px;justify-self:center}.demo-hud{display:flex;justify-content:space-between;padding:0 8px 22px;font-size:18px;font-weight:700}.demo-hud [data-lives]{color:var(--coral);letter-spacing:5px}.demo-hud [data-time]{color:var(--mint);font-variant-numeric:tabular-nums}.board{position:relative;border:2px solid #79f1f5b0;border-radius:26px;background-color:#0b2e43;background-image:linear-gradient(#79f1f50c 1px,transparent 1px),linear-gradient(90deg,#79f1f50c 1px,transparent 1px);background-size:26px 26px;aspect-ratio:1;transform:none;box-shadow:0 0 0 5px #79f1f511,0 25px 55px #0003;touch-action:none!important;user-select:none;cursor:grab}.board:active{cursor:grabbing}.board canvas{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:24px}.demo-message{font-size:12px;line-height:1.7;color:var(--muted);height:62px;margin:24px 4px 0}.demo-widget[data-state=playing] .board{border-color:var(--mint)}.demo-widget[data-state=exhausted] canvas{opacity:.4}.finger-hint{position:absolute;width:34px;height:46px;pointer-events:none;fill:#edfaff;fill-opacity:.65;stroke:#edfaff;stroke-width:1.5;overflow:visible;animation:finger-guide 2.8s ease-in-out infinite}.finger-arrow{fill:none;stroke-width:2}@keyframes finger-guide{50%{translate:12px -9px}}.field-result{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#061b2d85;border-radius:24px}.result-card{background:#061b2df5;border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;align-items:center;flex-direction:column;gap:15px;max-width:92%;box-shadow:0 10px 40px #0006}.result-label{font-size:12px;color:var(--muted)}.result-score{font-size:36px;color:var(--mint);font-variant-numeric:tabular-nums}.result-card .button{font-size:13px;padding:13px 18px;min-height:45px}.steps{display:flex;flex-direction:column;gap:24px;margin-top:30px}.step{display:flex;gap:20px}.step>span{color:var(--cyan);font-size:12px;padding-top:18px}.step h3{margin:10px 0 7px;font-size:18px}.screens{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center}.screen-copy>p{font-size:16px;color:var(--muted);line-height:1.75;max-width:365px}.screen-note{font-size:11px!important;padding-top:20px;border-top:1px solid var(--line)}.screen-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.screen-pair figure{margin:0}.screen-pair figure:nth-child(2){margin-top:56px}.phone-frame{background:#02111e;border:5px solid #153d53;padding:4px;border-radius:26px;box-shadow:0 22px 40px #0005}.phone-frame img{width:100%;border-radius:17px}.screen-pair figcaption{font-size:10px;color:var(--muted);line-height:1.6;padding:15px 3px}.stories{display:grid;grid-template-columns:1.15fr 1fr;gap:26px}.story{overflow:hidden;border-radius:24px;border:1px solid var(--line);background:#0a263d}.story .photo{aspect-ratio:1.15;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 75%,#145873,var(--bg) 75%)}.story .photo img{width:100%;height:100%;object-fit:contain}.story:first-child .photo img{object-fit:cover;object-position:50% 63%}.story-copy{padding:28px 30px 32px}.story-index{color:var(--cyan);font-size:10px;letter-spacing:1.5px}.story h3{font-size:26px;letter-spacing:-.8px;margin:16px 0 12px}.rest-banner{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#0a263d;align-items:center}.rest-banner img{width:100%;height:290px;object-fit:cover}.rest-banner>div{padding:35px 45px}.rest-banner h3{font-size:28px;letter-spacing:-1px;margin:15px 0}.rest-banner p{color:var(--muted);font-size:14px;line-height:1.75}.abilities{display:flex;gap:18px;margin-top:25px}.abilities span{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted)}.abilities img{width:34px;height:34px}.faq{display:grid;grid-template-columns:1fr 1.15fr;gap:80px;padding-top:90px;padding-bottom:60px}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;padding:24px 35px 24px 0;position:relative;cursor:pointer;font-size:16px;line-height:1.5}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:0;color:var(--mint);font-size:24px;top:18px}.faq details[open] summary:after{content:'−'}.faq details p{color:var(--muted);font-size:14px;line-height:1.75;margin:0 25px 24px 0}.final-cta{margin-top:25px;margin-bottom:75px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:radial-gradient(ellipse at 50% 110%,#125d70,#082238 65%);padding:55px;text-align:center}.final-cta .eyebrow{justify-content:center}.final-cta h2{font-size:clamp(48px,6vw,78px);margin:22px 0;color:var(--mint)}.final-cta p{color:var(--muted);font-size:15px;line-height:1.7;margin-bottom:27px}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:28px;padding-bottom:35px;border-top:1px solid var(--line)}.footer .brand{font-size:22px}.footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.skip{position:fixed;z-index:20;top:8px;left:8px;background:var(--mint);color:var(--bg);padding:15px;transform:translateY(-160%)}.skip:focus{transform:none}[hidden]{display:none!important}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.header nav{gap:18px}.hero{min-height:570px;gap:20px}.hero h1{font-size:66px;letter-spacing:-4px}.intro{font-size:16px}.hero-badge{padding:12px;font-size:10px}.hero-badge strong{font-size:13px}.hero-badge img{width:32px;height:32px}.playground{gap:50px}.screens{gap:30px}.reasons article{padding:22px}.reasons h3{font-size:19px}.rest-banner>div{padding:25px}.faq{gap:40px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:78px;gap:12px}.header nav{display:none}.brand{font-size:24px;gap:9px}.brand img{width:34px;height:34px;border-radius:9px}.header .button{padding:10px 13px;font-size:12px}.hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:30px;gap:10px}.hero h1{font-size:clamp(58px,14vw,76px);letter-spacing:-3.5px;margin:23px 0}.intro{font-size:16px;max-width:400px;margin:20px 0 24px}.hero-art{width:min(420px,100%);justify-self:center;margin-top:16px}.hero-image{border-radius:23px}.hero-badge{bottom:20px;right:6px}.hero-actions .button{font-size:13px;padding:14px 18px;min-height:50px;gap:12px}.micro{font-size:11px}.eyebrow{font-size:9px;letter-spacing:1.7px}.strip .wrap{flex-wrap:wrap;justify-content:center;gap:16px 23px;font-size:9px;padding:18px 0}.strip b{font-size:12px;margin-right:6px}section.content{padding-top:60px;padding-bottom:20px}.section-top{display:block}.section-note{margin-top:16px}h2{font-size:38px;letter-spacing:-1.7px;margin:22px 0 30px}.reasons{grid-template-columns:1fr;gap:12px}.reasons article{padding:23px}.reason-icon{height:35px;font-size:25px}.reasons h3{font-size:20px;margin-top:11px}.playground{grid-template-columns:1fr;gap:35px;padding-top:55px;padding-bottom:35px}.playground h2{margin-bottom:22px}.playground-copy>p{font-size:14px}.demo-widget{width:calc(100% - 12px)}.demo-hud{font-size:16px}.board{border-radius:22px}.demo-message{font-size:11px}.screens{grid-template-columns:1fr;gap:22px}.screen-copy>p{font-size:14px;max-width:100%}.screen-pair{gap:12px}.screen-pair figure:nth-child(2){margin-top:30px}.phone-frame{border-width:3px;padding:3px;border-radius:20px}.phone-frame img{border-radius:13px}.screen-pair figcaption{font-size:9px}.stories{grid-template-columns:1fr;gap:18px}.story-copy{padding:24px}.story h3{font-size:25px}.rest-banner{grid-template-columns:1fr;margin-top:18px}.rest-banner img{height:260px}.rest-banner>div{padding:24px}.rest-banner h3{font-size:26px}.faq{grid-template-columns:1fr;gap:5px;padding-top:60px;padding-bottom:25px}.faq summary{font-size:14px;padding-top:21px;padding-bottom:21px}.final-cta{padding:35px 18px;margin-bottom:40px;border-radius:22px}.final-cta h2{font-size:48px;letter-spacing:-2px}.final-cta .eyebrow{font-size:8px}.footer{flex-direction:column;align-items:flex-start;gap:20px}.footer-links{gap:14px;font-size:10px}.art-label{font-size:8px;left:13px;top:13px}.abilities{gap:12px}.abilities span{font-size:11px}}
.rest-banner img{object-position:center top}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}