.live-lab{padding-bottom:68px}.live-lab h2>span{display:block}.lab-workspace{background:#10131b;border:1px solid #ffffff29;border-radius:20px;grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr);display:grid;overflow:hidden;box-shadow:0 28px 105px #0007}.lab-editor{border-right:1px solid var(--line);background:linear-gradient(145deg,#171a25,#10131b 62%);min-width:0}.lab-toolbar{border-bottom:1px solid var(--line);color:#c5cede;min-height:62px;font:11px var(--mono);justify-content:space-between;align-items:center;gap:14px;padding:12px 27px;display:flex}.lab-toolbar>span{align-items:center;gap:9px;display:flex}.lab-toolbar svg{color:var(--pink)}.lab-web-label{color:#97a4bb;text-align:right;font-size:9px}.lab-web-label svg{color:var(--cyan)}.lab-presets{border:0;border-bottom:1px solid var(--line);margin:0;padding:22px 27px 23px}.lab-controls fieldset{border:0;margin:0;padding:0}.lab-presets legend,.lab-controls legend,.lab-controls>label{color:#c5cede;letter-spacing:.02em;font-size:11px}.lab-presets legend{font-family:var(--mono);color:var(--cyan)}.lab-control-hint{color:#8d99ad;margin-top:5px;font-size:10px;display:block}.lab-preset-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px;display:grid}.lab-preset{color:#bdc5d4;text-align:left;background:#ffffff03;border:1px solid #ffffff19;border-radius:9px;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:52px;padding:9px 8px;font-size:10px;line-height:1.2;display:grid;position:relative}.lab-preset:hover{background:#ffffff08;border-color:#ffffff48}.lab-preset[aria-pressed=true]{border-color:var(--preset-accent);background:color-mix(in srgb,var(--preset-accent) 11%,transparent);color:#fff}.lab-preset-mark{background:var(--preset-accent);border-radius:7px;height:30px;box-shadow:inset -5px -5px #00000018}.lab-preset small{color:#8993a7;font:9px var(--mono)}.lab-controls{grid-template-columns:1fr 1fr;gap:21px 24px;padding:25px 27px;display:grid}.lab-palette{min-width:0}.lab-swatch-row{gap:7px;margin-top:10px;display:flex}.lab-color-value{color:var(--lab-accent);font:9px var(--mono);margin-top:7px;display:block}.lab-swatch{background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:relative}.lab-swatch span{background:var(--swatch);border-radius:50%;position:absolute;inset:6px}.lab-swatch svg{color:#11131a;opacity:0;position:relative}.lab-swatch[aria-pressed=true]{border-color:var(--swatch)}.lab-swatch[aria-pressed=true] svg{opacity:1}.lab-swatch:hover{transform:scale(1.09)}.lab-choice-row{gap:5px;margin-top:9px;display:flex}.lab-choice-row button{color:#aab4c7;white-space:nowrap;background:#0b0e15;border:1px solid #ffffff1b;border-radius:6px;flex:1;min-height:44px;padding:7px 8px;font-size:10px}.lab-choice-row button:hover{color:#fff;border-color:#ffffff54}.lab-choice-row button[aria-pressed=true]{border-color:var(--cyan);color:var(--cyan);background:#57e5ef12}.lab-text{grid-column:span 1;gap:8px;display:grid}.lab-text input{min-width:0;min-height:44px;color:var(--text);font:13px var(--body);background:#0b0e15;border:1px solid #ffffff28;border-radius:7px;padding:11px 12px}.lab-text input:focus{border-color:var(--cyan);outline:0}.lab-range{gap:7px;display:grid}.lab-range>span{align-items:center;gap:10px;min-height:26px;display:flex}.lab-range input{width:100%;min-width:0;accent-color:var(--lab-accent)}.lab-range output{color:#aebbd2;min-width:35px;font:10px var(--mono);text-align:right}.lab-motion{grid-column:1/-1}.lab-motion-row{grid-template-columns:repeat(4,1fr);display:grid}.lab-run-row{align-items:center;gap:10px;padding:0 27px 26px;display:flex}.lab-run,.lab-action{border-radius:7px;min-height:44px;font-size:11px;font-weight:650}.lab-run{background:var(--cyan);color:#102028;align-items:center;gap:9px;padding:11px 15px;display:flex}.lab-run>span{font-size:16px;line-height:1}.lab-run:hover{background:#a7f7fb;transform:translateY(-2px)}.lab-action{color:#c0c8d8;background:0 0;border:1px solid #ffffff27;padding:10px 12px}.lab-action:hover{border-color:var(--cyan);color:var(--cyan)}.lab-status{color:#97a4ba;text-align:right;margin-left:auto;font-size:10px}.lab-result{background-color:#0b0f17;background-image:radial-gradient(#8eabc226 1px,#0000 1px),radial-gradient(at 80% 15%,#57e5ef16,#0000 45%),radial-gradient(at 15% 95%,#ff65d51a,#0000 42%);background-size:18px 18px,auto,auto;flex-direction:column;min-width:0;min-height:560px;display:flex;position:relative;overflow:hidden}.lab-preview-top{justify-content:space-between;align-items:center;gap:10px;padding:22px 22px 0;display:flex}.lab-preview-label{color:#b9c4d6;font:10px var(--mono);align-items:center;gap:8px;display:flex}.lab-device-picker{background:#0d1119;border:1px solid #ffffff18;border-radius:7px;padding:3px;display:flex}.lab-device-picker button{color:#9aa6bb;background:0 0;border-radius:4px;align-items:center;gap:5px;min-height:34px;padding:6px 8px;font-size:9px;display:flex}.lab-device-picker button[aria-pressed=true]{color:#fff;background:#ffffff12}.lab-device-picker svg{color:var(--cyan)}.lab-preview-stage{flex:1;place-items:center;padding:30px 30px 48px;display:grid}.lab-preview-card{background:var(--lab-accent);border-radius:var(--lab-radius);color:#171421;width:min(320px,100%);min-height:382px;box-shadow:18px 25px 0 #0004,0 0 80px color-mix(in srgb,var(--lab-accent) 20%,transparent);transform:rotate(var(--lab-rotation)) scale(var(--lab-scale));transform-origin:50%;flex-direction:column;padding:20px;transition:background .35s,border-radius .35s,box-shadow .35s;display:flex}.motion-enabled .lab-preview-card[data-motion=float]{animation:4.8s ease-in-out infinite lab-float}.motion-enabled .lab-preview-card[data-motion=orbit]{animation:5.4s cubic-bezier(.45,.05,.3,1) infinite lab-orbit}.motion-enabled .lab-preview-card[data-motion=pulse]{animation:3.2s ease-in-out infinite lab-pulse}.motion-enabled .lab-preview-card.lab-fired{animation:.62s cubic-bezier(.2,.7,.3,1) lab-respond!important}.motion-paused .lab-preview-card,.lab-preview-card[data-motion=off]{animation:none!important}.lab-card-top,.lab-card-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.lab-card-wordmark{font:650 24px var(--display);letter-spacing:-.075em}.lab-card-live{font:8px var(--mono);align-items:center;gap:5px;display:flex}.lab-card-live i{background:#171421;border-radius:50%;width:6px;height:6px}.lab-card-body{flex-direction:column;flex:1;justify-content:flex-end;min-height:255px;display:flex;position:relative}.lab-mascot-wrap{place-items:center;width:176px;height:183px;display:grid;position:absolute;top:1px;right:0;overflow:visible}.lab-mascot-wrap img{filter:drop-shadow(0 16px 10px #1510292d);width:184px;max-width:none;transform:rotate(11deg)}.lab-card-copy{z-index:1;max-width:235px;position:relative}.lab-card-kicker{font:8px var(--mono);letter-spacing:.13em;display:block}.lab-card-title{font:600 clamp(31px,3.4vw,38px)/.98 var(--display);letter-spacing:-.07em;overflow-wrap:anywhere;margin-top:10px}.lab-card-subtitle{overflow-wrap:anywhere;max-width:190px;margin-top:9px;font-size:10px;line-height:1.45}.lab-card-footer{font:8px var(--mono);letter-spacing:.04em;border-top:1px solid #17142131;margin-top:17px;padding-top:11px}.lab-card-footer>span:last-child{font-size:21px;line-height:.7}.lab-app-list,.lab-launch-orbit{display:none}.lab-preview-card[data-layout=app]{border-radius:var(--lab-radius);padding:18px}.lab-preview-card[data-layout=app] .lab-card-body{justify-content:flex-start;padding-top:25px}.lab-preview-card[data-layout=app] .lab-mascot-wrap{width:100px;height:100px;top:9px;right:-5px}.lab-preview-card[data-layout=app] .lab-mascot-wrap img{width:115px;transform:rotate(15deg)}.lab-preview-card[data-layout=app] .lab-card-copy{max-width:185px}.lab-preview-card[data-layout=app] .lab-card-title{font-size:29px}.lab-preview-card[data-layout=app] .lab-card-subtitle{max-width:145px}.lab-preview-card[data-layout=app] .lab-app-list{gap:8px;margin:19px 0 0;padding:0;list-style:none;display:grid}.lab-app-list li{background:#ffffff32;border:1px solid #1714212c;border-radius:7px;grid-template-columns:8px 1fr auto;align-items:center;gap:8px;min-height:36px;padding:8px 9px;display:grid}.lab-app-list i{background:#171421;border-radius:50%;height:8px}.lab-app-list span{background:#17142162;border-radius:10px;height:5px}.lab-app-list li:nth-child(2) span{width:74%}.lab-app-list li:nth-child(3) span{width:54%}.lab-app-list b{font-size:12px;font-weight:400}.lab-preview-card[data-layout=launch]{padding:21px}.lab-preview-card[data-layout=launch] .lab-card-body{text-align:center;justify-content:center;align-items:center;padding-bottom:12px}.lab-preview-card[data-layout=launch] .lab-mascot-wrap{width:156px;height:150px;top:13px;right:calc(50% - 78px)}.lab-preview-card[data-layout=launch] .lab-mascot-wrap img{width:161px;transform:rotate(9deg)}.lab-preview-card[data-layout=launch] .lab-card-copy{max-width:270px;margin-top:145px}.lab-preview-card[data-layout=launch] .lab-card-subtitle{max-width:220px;margin-inline:auto}.lab-preview-card[data-layout=launch] .lab-launch-orbit{aspect-ratio:1;border:1px solid #17142137;border-radius:50%;width:136px;display:block;position:absolute;top:17px;left:50%;transform:translate(-50%)}.lab-launch-orbit i{background:#171421;border-radius:50%;width:8px;height:8px;position:absolute}.lab-launch-orbit i:first-child{top:4px;left:17px}.lab-launch-orbit i:nth-child(2){top:46%;right:-3px}.lab-launch-orbit i:nth-child(3){bottom:-3px;left:36px}.lab-coordinate{color:#8997ae;letter-spacing:.12em;text-align:center;font-size:9px;position:absolute;bottom:18px;left:22px;right:22px}.lab-code-dock{border-top:1px solid var(--line);background:#0c0f16;grid-column:1/-1}.lab-code-head{color:#9da8bc;justify-content:space-between;gap:20px;padding:14px 22px 12px;font-size:9px;display:flex}.lab-code-head>span:first-child{color:#c8d1df;font:10px var(--mono);align-items:center;gap:8px;display:flex}.lab-code-head svg{color:var(--pink)}.lab-code-tabs{border-bottom:1px solid #ffffff16;align-items:center;gap:4px;padding:0 12px;display:flex}.lab-code-tabs [role=tab]{color:#9ca8bd;min-height:40px;font:10px var(--mono);background:0 0;border-bottom:2px solid #0000;padding:9px 12px}.lab-code-tabs [role=tab][aria-selected=true]{border-bottom-color:var(--lab-accent);color:#fff}.lab-copy{color:#b5c1d6;background:0 0;align-items:center;gap:6px;min-height:40px;margin-left:auto;padding:8px 10px;font-size:10px;display:flex}.lab-copy:hover{color:var(--cyan)}.lab-code{color:#c3cfdf;min-height:164px;max-height:230px;font:11px/1.7 var(--mono);tab-size:2;white-space:pre-wrap;word-break:break-word;background:#090c12;margin:0;padding:18px 22px;overflow:auto}.lab-footnote{color:var(--muted);justify-content:space-between;align-items:center;gap:25px;margin-top:18px;font-size:10px;display:flex}.lab-footnote p{max-width:720px}.lab-footnote>a{min-height:44px;color:var(--cyan);white-space:nowrap;align-items:center;gap:10px;display:flex}@keyframes lab-float{0%,to{transform:translateY(0) rotate(var(--lab-rotation)) scale(var(--lab-scale))}50%{transform:translateY(-11px) rotate(calc(var(--lab-rotation) + 1deg)) scale(var(--lab-scale))}}@keyframes lab-orbit{0%,to{transform:translate(0) rotate(var(--lab-rotation)) scale(var(--lab-scale))}25%{transform:translate(8px,-8px) rotate(calc(var(--lab-rotation) + 3deg)) scale(var(--lab-scale))}50%{transform:translate(0,-13px) rotate(var(--lab-rotation)) scale(var(--lab-scale))}75%{transform:translate(-8px,-7px) rotate(calc(var(--lab-rotation) - 3deg)) scale(var(--lab-scale))}}@keyframes lab-pulse{0%,to{transform:rotate(var(--lab-rotation)) scale(var(--lab-scale));box-shadow:18px 25px 0 #0004,0 0 55px color-mix(in srgb,var(--lab-accent) 16%,transparent)}50%{transform:rotate(var(--lab-rotation)) scale(calc(var(--lab-scale) + .035));box-shadow:18px 25px 0 #0004,0 0 95px color-mix(in srgb,var(--lab-accent) 38%,transparent)}}@keyframes lab-respond{0%{filter:brightness()}35%{filter:brightness(1.16);box-shadow:18px 25px 0 #0004,0 0 115px color-mix(in srgb,var(--lab-accent) 52%,transparent)}to{filter:brightness()}}@media (width>=701px){.lab-workspace[data-device=phone] .lab-preview-card{width:min(265px,100%);min-height:403px}.lab-workspace[data-device=phone] .lab-preview-stage{padding-inline:45px}.lab-workspace[data-device=phone] .lab-preview-card[data-layout=app] .lab-card-body,.lab-workspace[data-device=phone] .lab-preview-card[data-layout=launch] .lab-card-body{min-height:273px}}@media (width<=1050px){.lab-workspace{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr)}.lab-toolbar,.lab-presets{padding-inline:21px}.lab-controls{gap:19px;padding-inline:21px}.lab-run-row{padding-inline:21px}.lab-preset{grid-template-columns:7px minmax(0,1fr)}.lab-preset small{display:none}.lab-preview-stage{padding-inline:18px}.lab-device-picker span{display:none}.lab-device-picker button{justify-content:center;min-width:36px}.lab-preview-card{width:min(290px,100%)}.lab-code-head,.lab-code{padding-inline:18px}}@media (width<=700px){.live-lab{padding-bottom:40px}.lab-workspace{border-radius:14px;grid-template-columns:1fr}.lab-editor{border-right:0}.lab-toolbar{min-height:55px;padding-inline:18px}.lab-web-label{max-width:150px}.lab-presets{padding:20px 18px}.lab-preset-grid{gap:6px}.lab-preset{grid-template-columns:1fr;gap:5px;min-height:66px;padding:8px;font-size:11px}.lab-preset-mark{border-radius:10px;width:24px;height:8px}.lab-controls{grid-template-columns:1fr;gap:19px;padding:22px 18px}.lab-text,.lab-motion{grid-column:auto}.lab-motion-row{grid-template-columns:repeat(2,1fr)}.lab-run-row{flex-wrap:wrap;padding:0 18px 22px}.lab-status{text-align:left;flex-basis:100%;order:3;margin-left:0}.lab-result{border-top:1px solid var(--line);min-height:480px}.lab-preview-top{padding:18px 18px 0}.lab-preview-stage{padding:19px 30px 46px}.lab-preview-card{width:min(304px,100%);min-height:356px}.lab-card-body{min-height:234px}.lab-mascot-wrap{width:160px;height:167px}.lab-mascot-wrap img{width:170px}.lab-preview-card[data-layout=app] .lab-card-body{padding-top:20px}.lab-preview-card[data-layout=app] .lab-app-list{gap:6px;margin-top:13px}.lab-preview-card[data-layout=launch] .lab-card-copy{margin-top:130px}.lab-code-head{padding:12px 15px;font-size:8px}.lab-code-head>span:last-child{text-align:right;max-width:150px}.lab-code-tabs{padding-inline:7px}.lab-code{min-height:150px;padding:15px;font-size:10px}.lab-footnote{flex-direction:column;align-items:flex-start;gap:8px}.lab-footnote>a{min-height:36px}}@media (width<=390px){.lab-web-label{display:none}.lab-preset-grid{grid-template-columns:repeat(3,1fr)}.lab-preset{font-size:11px}.lab-preview-stage{padding-inline:22px}.lab-preview-card{min-height:344px}.lab-card-title{font-size:31px}.lab-device-picker button{padding-inline:7px}.lab-run{padding-inline:12px}.lab-action{padding-inline:10px}}@media (prefers-reduced-motion:reduce){.lab-preview-card,.lab-run,.lab-action,.lab-swatch,.lab-preset{transition:none!important;animation:none!important}}@media (width<=700px){.lab-text input{font-size:16px}.lab-controls legend,.lab-controls>label,.lab-choice-row button{font-size:12px}}.contact-section{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:100px;display:grid}.contact-intro h2{max-width:550px;margin-top:22px;font-size:clamp(34px,4vw,54px)}.contact-intro h2>span{display:block}.contact-description{color:var(--muted);max-width:355px;margin-top:24px;font-size:15px}.contact-help{border-top:1px solid var(--line);align-items:center;gap:16px;max-width:350px;margin-top:39px;padding-top:28px;display:flex}.contact-help>svg{color:var(--pink)}.contact-help>div>span{color:var(--muted);margin-bottom:8px;font-size:11px;display:block}.contact-help a{align-items:center;gap:13px;font-size:14px;display:flex}.contact-help a:hover{color:var(--cyan)}.contact-issue{color:var(--muted);align-items:center;gap:9px;margin-top:23px;font-size:11px;display:flex}.contact-issue:hover{color:var(--cyan)}.contact-monogram{font-family:var(--display);letter-spacing:-.085em;color:#77708b;user-select:none;margin-top:40px;font-size:125px;line-height:1}.contact-monogram span{color:#9e5b93}.contact-form{border:1px solid var(--line);background:#12151d;border-radius:15px;min-width:0;padding:30px;position:relative}.contact-required{color:var(--muted);margin-bottom:21px;font-size:10px}.contact-fields{grid-template-columns:1fr 1fr;gap:17px;display:grid}.contact-form label{color:#d1d6e1;gap:10px;margin-bottom:22px;font-size:12px;display:grid}.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{width:100%;min-width:0;font:14px var(--body);color:var(--text);background:#0d1017;border:1px solid #ffffff26;border-radius:6px;min-height:45px;padding:12px;transition:border-color .2s}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--cyan)}.contact-form textarea{resize:vertical;min-height:140px;line-height:1.6}.contact-form textarea::placeholder{color:#8995aa}.contact-form .field-hint{color:#97a4b9;font-size:10px}.contact-form .contact-consent{align-items:flex-start;gap:11px;margin-bottom:14px;font-size:11px;line-height:1.65;display:flex}.contact-consent input{accent-color:var(--cyan);flex:none;width:16px;height:16px;margin:3px 0 0}.contact-privacy{color:#96a1b7;margin-bottom:21px;font-size:10px;line-height:1.8}.contact-submit{justify-content:space-between;width:100%;font-size:12px}.contact-submit:disabled{color:#b9c2d5;box-shadow:none;cursor:not-allowed;background:#313746;transform:none}.contact-status{min-height:0;margin-top:15px;font-size:12px;line-height:1.8}.contact-status:empty{display:none}.contact-status[data-state=error]{color:#ffb4c0}.contact-status[data-state=success]{color:var(--cyan)}.contact-availability{color:#c4cbda;border-left:2px solid var(--pink);margin:0 0 20px;padding:0 0 0 12px;font-size:11px;line-height:1.7}.contact-honey{clip-path:inset(50%);white-space:nowrap;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=1000px){.contact-section{gap:45px}.contact-form{padding:24px}.contact-fields{grid-template-columns:1fr;gap:0}.contact-monogram{font-size:100px}}@media (width<=700px){.contact-section{grid-template-columns:1fr;gap:32px}.contact-intro h2{font-size:38px}.contact-description{font-size:14px}.contact-monogram{display:none}.contact-help{margin-top:27px;padding-top:23px}.contact-form{padding:23px 20px}.contact-fields{grid-template-columns:1fr 1fr;gap:12px}.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{font-size:16px}.contact-issue,.contact-availability{font-size:11px}}@media (width<=390px){.contact-fields{grid-template-columns:1fr;gap:0}}.reading-progress{background:linear-gradient(90deg,var(--pink),var(--cyan));height:2px;transform:scaleX(var(--page-progress,0));transform-origin:0;z-index:90;pointer-events:none;position:fixed;inset:0 0 auto}.motion-toggle{backdrop-filter:blur(14px);min-height:36px;font:10px var(--mono);color:#bdc9db;z-index:40;background:#171b26ed;border:1px solid #ffffff2d;border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:9px 13px;display:flex;position:fixed;bottom:19px;right:20px;box-shadow:0 4px 20px #0005}.motion-toggle:hover{border-color:var(--cyan);color:var(--text)}.motion-toggle:disabled{cursor:default}.motion-glyph{font-family:var(--body);color:var(--cyan);font-size:14px;line-height:1}.hero-art{transform:perspective(900px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.7,.3,1)}.motion-enabled .mascot{will-change:transform;animation:7s ease-in-out infinite odete-orbit}.motion-enabled .art-halo{background:radial-gradient(at 25% 70%,#e02ab640,#0000 65%),radial-gradient(at 80% 20%,#00d8ef30,#0000 65%);width:92%;animation:7s ease-in-out infinite odete-atmosphere}.motion-enabled .art-tag{animation:7s ease-in-out infinite odete-tag}.motion-enabled .hero-copy>*{animation:.9s cubic-bezier(.15,.75,.3,1) both odete-reveal}.motion-enabled .hero-copy h1{animation-delay:80ms}.motion-enabled .hero-description{animation-delay:.18s}.motion-enabled .hero-actions{animation-delay:.28s}.motion-enabled .hero-note{animation-delay:.38s}.motion-enabled .hero-accent{background:linear-gradient(100deg,#ff65d5 15%,#ffa4e8 38%,#77e5ed 54%,#ff65d5 78%) 0 0/230% 100%;-webkit-background-clip:text;background-clip:text;animation:12s ease-in-out infinite odete-spectrum;color:#0000!important}.motion-enabled .motion-seen{animation:.85s cubic-bezier(.18,.7,.25,1) both odete-reveal;animation-delay:var(--reveal-delay,0s)}.motion-enabled .screen-panel:not([hidden]){animation:.5s cubic-bezier(.2,.7,.3,1) both odete-panel}.feature{transition:background .3s,transform .3s;position:relative}.feature:after{content:"";background:linear-gradient(90deg,var(--pink),var(--cyan));transform-origin:0;height:2px;transition:transform .35s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.feature:hover{background:#ffffff03;transform:translateY(-5px)}.feature:hover:after{transform:scaleX(1)}.feature-top svg{transition:transform .35s}.feature:hover .feature-top svg{transform:rotate(-8deg)scale(1.14)}.viewer-tab[aria-selected=true]{box-shadow:inset 0 -2px var(--pink),0 2px 5px #0004}.motion-paused *,.motion-paused :before,.motion-paused :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.motion-paused .hero-art{transform:none}@keyframes odete-orbit{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-23px)rotate(2deg)}}@keyframes odete-tag{0%,to{transform:translateY(0)}50%{transform:translateY(9px)}}@keyframes odete-atmosphere{0%,to{opacity:.6;transform:scale(.88)rotate(-10deg)}50%{opacity:1;transform:scale(1.12)rotate(12deg)}}@keyframes odete-spectrum{0%,to{background-position:100%}50%{background-position:0}}@keyframes odete-reveal{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes odete-panel{0%{opacity:.25;translate:0 16px}to{opacity:1;translate:0}}@media (width<=600px){.motion-toggle{min-height:33px;padding:8px 11px;font-size:8px;bottom:12px;right:11px}.motion-enabled .mascot{animation-name:odete-orbit-mobile}@keyframes odete-orbit-mobile{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-13px)rotate(2deg)}}}@media (prefers-reduced-motion:reduce){.hero-art{transform:none}.motion-toggle{backdrop-filter:none}*,:before,:after{transition:none!important;animation:none!important}}.capability-strip{--ribbon-pink:#ff65d5;--ribbon-cyan:#57e5ef;background:linear-gradient(#0e1017,#0b0d12);border-block:1px solid #ffffff13;padding:27px 0;position:relative}.capability-viewport{overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 34px calc(100% - 34px),#0000)}.capability-track{width:100%;display:flex}.capability-group{flex:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;width:min(1280px,100% - 80px);margin:0 auto;padding:0;list-style:none;display:grid}.capability-group[aria-hidden=true]{display:none}.capability-card{--tile-accent:var(--ribbon-pink);background:linear-gradient(145deg,#1a1d28,#101219 72%);border:1px solid #ffffff14;border-radius:14px;min-width:0;transition:border-color .3s,transform .3s;position:relative;overflow:hidden;box-shadow:0 6px 12px #0003}.capability-card:nth-child(2n){--tile-accent:var(--ribbon-cyan)}.capability-card:hover{border-color:color-mix(in srgb,var(--tile-accent) 55%,transparent);transform:translateY(-3px)}.capability-scene{align-items:center;height:123px;padding:12px 19px 0;display:grid;position:relative;overflow:hidden}.capability-caption{color:#e4e7ef;min-height:53px;font:500 14px/1.35 var(--display);letter-spacing:-.025em;background:#0b0d125c;border-top:1px solid #ffffff09;align-items:center;gap:10px;padding:10px 17px;display:flex}.capability-icon{color:var(--tile-accent);flex:none;place-items:center;display:grid}.capability-scene em,.capability-scene b{font-style:normal;font-weight:400}.capability-scene em{color:var(--ribbon-pink)}.capability-scene b{color:var(--ribbon-cyan)}.capability-file{font:10px var(--mono);color:#a0a9bc;align-items:center;gap:7px;margin-bottom:15px;display:flex}.capability-file svg{color:var(--tile-accent)}.capability-file-dot{background:var(--ribbon-pink);border-radius:50%;width:5px;height:5px;margin-left:auto;box-shadow:0 0 9px #ff65d559}.capability-editor-window{transform-origin:0;width:100%;transform:rotate(-2deg)}.capability-code-line{white-space:nowrap;min-height:20px;font:10px var(--mono);color:#d7dce9;align-items:center;gap:13px;display:flex}.capability-code-line small{font:8px var(--mono);color:#677088}.capability-code-active{background:linear-gradient(90deg,#ff65d511,#0000);border-left:1px solid #ff65d588;margin-left:-6px;padding-left:5px}.capability-caret{background:var(--ribbon-cyan);vertical-align:-2px;width:5px;height:12px;margin-left:4px;display:inline-block}.capability-branches{align-self:stretch;margin:0 -5px;position:relative}.capability-branches svg{width:100%;height:100%;overflow:visible}.capability-branches path{stroke-width:1.6px;stroke-linecap:round}.branch-main{stroke:var(--ribbon-cyan)}.branch-feature{stroke:var(--ribbon-pink)}.capability-branches circle{stroke:var(--ribbon-cyan);stroke-width:1.8px;fill:#141720}.capability-branches circle.branch-node-feature{stroke:var(--ribbon-pink)}.capability-branches circle.branch-signal{fill:#57e5ef10;stroke:#57e5ef50;transform-origin:84.3% 69.4%}.branch-label-main,.branch-label-feature{font:9px var(--mono);position:absolute}.branch-label-main{color:var(--ribbon-cyan);bottom:1px;left:3%}.branch-label-feature{color:var(--ribbon-pink);top:1px;left:37%}.capability-terminal-window{font:11px var(--mono);transform:rotate(1deg)}.capability-terminal-path{color:#8b96ab;justify-content:space-between;margin-bottom:12px;font-size:9px;display:flex}.capability-terminal-path>span{color:var(--ribbon-pink);font-size:15px}.capability-command{color:#e6eaf2;gap:10px;display:flex}.capability-terminal-output{color:var(--ribbon-cyan);margin:8px 0 7px 21px;font-size:10px}.capability-terminal-output>span{color:#68768e;margin-right:5px}.capability-prompt{align-items:center;gap:4px;height:15px;display:flex}.capability-browser{transform-origin:bottom;background:#10151f;border:1px solid #ffffff30;border-radius:8px 8px 0 0;align-self:end;width:90%;margin:auto auto -1px;transform:rotate(-3deg);box-shadow:8px 4px 20px #0004}.capability-browser-bar{border-bottom:1px solid #ffffff15;align-items:center;gap:3px;height:23px;padding:0 9px;display:flex}.capability-browser-bar>i{background:#68778d;border-radius:50%;width:3px;height:3px}.capability-browser-bar>span{font:7px var(--mono);color:#a5b1c5;margin:auto}.capability-browser-bar>svg{color:var(--ribbon-cyan)}.capability-mini-page{background:linear-gradient(120deg,#1b2134,#292034);grid-template-columns:1fr 76px;align-items:center;gap:8px;height:84px;padding:13px 11px;display:grid}.capability-page-lines{flex-direction:column;gap:6px;display:flex}.capability-page-lines>i{background:#d6dce88f;border-radius:2px;height:4px}.capability-page-lines>i:nth-child(2){width:72%}.capability-page-lines>i:nth-child(3){background:#91a1bc66;width:50%;height:2px}.capability-page-lines>span{background:var(--ribbon-cyan);border-radius:3px;width:29px;height:11px;margin-top:3px}.capability-preview-art{background:#ff65d5;border-radius:15px;place-items:center;width:69px;height:61px;display:grid}.capability-preview-art img{width:77px;max-width:none;height:77px;transform:rotate(8deg)}.capability-patch-window{transform:rotate(2deg)}.capability-diff-count{color:var(--ribbon-cyan);margin-left:auto;font-size:9px}.capability-patch-window .capability-file{margin-bottom:11px}.capability-diff-old,.capability-diff-new{min-height:24px;font:10px var(--mono);border-radius:3px;align-items:center;gap:10px;padding:0 9px;display:flex}.capability-diff-old{color:#e5a8d5;background:#ff65d510}.capability-diff-old>b{color:var(--ribbon-pink)}.capability-diff-new{color:#a4eaf0;background:#57e5ef14;margin-top:4px}.capability-diff-new>svg{color:var(--ribbon-cyan);margin-left:auto}.capability-diff-tail{gap:6px;margin:10px 0 0 11px;display:flex}.capability-diff-tail>i{background:#64708955;width:48px;height:2px}.capability-diff-tail>i:last-child{width:28px}.motion-enabled .capability-group{gap:18px;width:auto;margin:0;padding:0 18px 0 0;display:flex}.motion-enabled .capability-card{flex:0 0 274px;width:274px}.motion-enabled .capability-group[aria-hidden=true]{display:flex}.motion-enabled .capability-track{will-change:transform;width:max-content;animation:48s linear infinite capability-travel}.motion-enabled .capability-caret{animation:1.6s step-end infinite capability-cursor}.motion-enabled .branch-signal{animation:3s ease-in-out infinite capability-signal}.motion-enabled .capability-terminal-output{animation:6s ease-in-out infinite capability-output}.motion-enabled .capability-preview-art{animation:7s ease-in-out infinite capability-preview}.motion-enabled .capability-diff-new{animation:5s ease-in-out infinite capability-diff}@media (hover:hover){.capability-strip:hover .capability-track,.capability-strip:hover .capability-scene *{animation-play-state:paused}}@keyframes capability-travel{to{transform:translate(-50%)}}@keyframes capability-cursor{0%,64%{opacity:1}65%,to{opacity:.2}}@keyframes capability-signal{0%,to{opacity:.45;transform:scale(.75)}50%{opacity:1;transform:scale(1.45)}}@keyframes capability-output{0%,12%{opacity:.3;transform:translateY(3px)}25%,to{opacity:1;transform:translateY(0)}}@keyframes capability-preview{0%,to{background:#ff65d5;border-radius:15px;transform:rotate(-4deg)}50%{background:#57e5ef;border-radius:25px;transform:rotate(5deg)}}@keyframes capability-diff{0%,to{background:#57e5ef14}50%{background:#57e5ef2b}}@media (width>=1800px){.motion-enabled .capability-card{flex-basis:320px;width:320px}.motion-enabled .capability-group{gap:24px;padding-right:24px}}@media (width<=1100px){.capability-group{grid-template-columns:repeat(3,minmax(0,1fr));width:calc(100% - 72px)}.capability-group .capability-card:last-child{grid-column:auto}}@media (width<=600px){.capability-strip{padding-block:20px}.capability-viewport{mask-image:linear-gradient(90deg,#0000,#000 15px calc(100% - 15px),#0000)}.capability-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:calc(100% - 40px)}.capability-scene{height:108px;padding-inline:10px}.capability-caption{gap:7px;min-height:49px;padding:10px;font-size:12px}.capability-code-line{gap:6px;font-size:8px}.capability-mini-page{grid-template-columns:1fr 62px;gap:4px;padding-inline:7px}.capability-preview-art{width:57px;height:57px}.capability-preview-art img{width:67px;height:67px}.capability-diff-old,.capability-diff-new{gap:5px;padding-inline:5px;font-size:8px}.capability-terminal-window{font-size:10px}.capability-terminal-output{margin-left:12px;font-size:8px}.capability-terminal-path{font-size:8px}.branch-label-feature{font-size:7px;left:27%}.motion-enabled .capability-card{flex-basis:244px;width:244px}.motion-enabled .capability-group{gap:14px;padding-right:14px}.motion-enabled .capability-scene{height:117px;padding-inline:17px}.motion-enabled .capability-caption{padding-inline:17px;font-size:14px}.motion-enabled .capability-code-line,.motion-enabled .capability-diff-old,.motion-enabled .capability-diff-new,.motion-enabled .capability-terminal-output{font-size:10px}.motion-enabled .branch-label-feature{font-size:9px}}@media (prefers-reduced-motion:reduce){.capability-strip *{transition:none!important;animation:none!important}}.docs-teaser{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:100px;display:grid}.docs-teaser h2{margin-top:20px;font-size:clamp(35px,4vw,54px)}.docs-teaser h2>span{display:block}.docs-teaser>div>p:not(.eyebrow){color:var(--muted);max-width:410px;margin-top:23px;font-size:14px}.docs-teaser .button{margin-top:29px}.docs-teaser-links{align-self:center}.docs-teaser-links>.mono{color:var(--muted);letter-spacing:.07em;margin-bottom:24px;font-size:10px;display:block}.docs-teaser-links>a{border-top:1px solid var(--line);font-family:var(--display);letter-spacing:-.03em;align-items:center;gap:23px;padding:25px 6px;font-size:23px;display:flex}.docs-teaser-links>a:last-child{border-bottom:1px solid var(--line)}.docs-teaser-links>a>svg:first-child{color:var(--pink);flex:none}.docs-teaser-links>a>svg:last-child{color:#8e9bb2;margin-left:auto;transition:transform .25s}.docs-teaser-links>a:hover{color:var(--cyan);background:#ffffff03;padding-left:15px}.docs-teaser-links>a:hover>svg:last-child{transform:translate(3px,-3px)}@media (width<=1050px){.desktop-nav{gap:22px;margin-right:0}.nav-actions{gap:18px}.docs-teaser{gap:45px}.docs-teaser-links>a{font-size:21px}}@media (width<=820px) and (width>=601px){.mobile-menu{display:block}.mobile-menu>summary{flex-direction:column;justify-content:center;gap:6px;min-width:30px;min-height:44px;display:flex}.mobile-menu>summary span{background:var(--text);width:22px;height:1px;display:block}.mobile-menu>nav{background:var(--surface);border-bottom:1px solid var(--line);flex-direction:column;padding:15px 36px 22px;display:flex;position:absolute;top:87px;left:0;right:0;box-shadow:0 20px 30px #0005}.mobile-menu>nav a{padding:13px 0;font-size:15px}}@media (width<=700px){.docs-teaser{grid-template-columns:1fr;gap:38px}.docs-teaser h2{font-size:38px}.docs-teaser-links>a{padding-block:22px;font-size:22px}.docs-teaser-links>.mono{margin-bottom:17px}.docs-teaser .button{min-height:48px;font-size:12px}.footer-bottom{padding-bottom:63px}}.site-header{z-index:70;backdrop-filter:blur(18px);background:#090a0eee;position:sticky;top:0;box-shadow:0 5px 24px #0002}.phone-panel{grid-template-columns:.95fr 1.35fr;align-items:center;height:560px;min-height:0;max-height:none;padding-top:0;position:relative}.phone-panel .screen-story{z-index:2;align-self:center;position:relative}.phone-stage{align-self:stretch;min-width:0;height:100%;position:relative}.phone-stage:before{content:"";pointer-events:none;background:radial-gradient(#57e5ef0d,#0000 65%);position:absolute;inset:25% -20% -15%}.phone-stage .phone-frame{border-width:4px;border-radius:57px;width:430px;max-width:none;margin:0;padding:12px;position:absolute;top:55px;left:50%;transform:translate(-50%)rotate(7deg);box-shadow:-20px 10px 65px #0008,10px 0 #242733}.phone-stage .phone-frame img{border-radius:40px}@media (width<=1100px){.phone-panel{height:520px}.phone-stage .phone-frame{border-radius:48px;width:clamp(300px,36vw,390px);padding:10px;top:48px}.phone-stage .phone-frame img{border-radius:34px}}@media (width<=600px){.phone-panel{gap:26px;height:720px;min-height:0;max-height:none;padding:28px 22px 0}.phone-stage{flex:1 0 390px;align-self:stretch;width:100%;height:470px}.phone-stage .phone-frame{border-width:3px;border-radius:43px;width:min(310px,78vw);padding:9px;top:5px;transform:translate(-50%)rotate(6deg)}.phone-stage .phone-frame img{border-radius:30px}}