@font-face{font-family:Geist Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2")}@font-face{font-family:Geist Mono Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2")}:root{color:var(--site-text);background:var(--site-surface);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--surface-radius:0;--feature-accent:#554ce6;--feature-accent-hover:#463dd2;--feature-accent-soft:#c9c3ff;--ink:#0a0a0a;--paper:#f5f5f5;--mono:"Geist Mono Variable", monospace;font-family:Geist Variable,Arial,sans-serif;font-weight:400}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{min-width:320px;margin:0}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;border:0}button:disabled{cursor:default}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline-offset:5px;outline:2px solid}button{background:0 0}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:500}h1,h2{letter-spacing:-.065em;line-height:1.02}svg{flex-shrink:0}::selection{color:#0a0a0a;background:#b3b3b3}section[id]{scroll-margin-top:74px}.skip-link{z-index:100;color:#000;background:#fff;padding:16px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:10px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:where(button,input,select,textarea,dialog,fieldset){border-radius:var(--surface-radius)}:root{--site-surface:#faf9ff;--site-raised:#fff;--site-hover:#eeedf7;--site-text:#171621;--site-muted:#555565;--site-subtle:#686878;--site-border:#d8d6e5;--site-header:#faf9fff5;--site-accent-text:#5147cd}:root[data-theme=dark]{--site-surface:#0b0b10;--site-raised:#15151e;--site-hover:#242432;--site-text:#f5f5f7;--site-muted:#b7b7c6;--site-subtle:#a1a1b3;--site-border:#353544;--site-header:#0b0b10f5;--site-accent-text:#c9c3ff}.site-header{--nav-control-height:44px;--nav-control-radius:var(--surface-radius);border-bottom:1px solid var(--site-border);background:var(--site-header);z-index:30;justify-content:space-between;align-items:center;height:80px;padding:0 max(5.2%,50vw - 700px);display:flex;position:sticky;top:0}.main-nav{color:var(--site-muted);gap:36px;font-size:12px;display:flex}.main-nav a{padding:12px 0;transition:color .15s}.main-nav a:hover{color:var(--site-text)}.nav-actions{align-items:center;gap:12px;display:flex}.site-header .nav-coffee-button,.site-header .nav-coming-soon,.site-header .theme-switcher{height:var(--nav-control-height);min-height:var(--nav-control-height);border-radius:var(--nav-control-radius)}.site-header .theme-switcher button{height:calc(var(--nav-control-height) - 8px)}.menu-toggle{min-width:44px;min-height:44px;display:none}@media (width<=760px){.site-header{height:66px;padding:0 6%}.wordmark{font-size:23px}.main-nav{gap:22px;font-size:11px}}@media (width<=1000px){.main-nav{background:var(--site-raised);border-bottom:1px solid var(--site-border);gap:15px;padding:20px 6%;font-size:14px;display:none;position:absolute;top:100%;left:0;right:0}.main-nav.is-open{flex-direction:column;display:flex}.main-nav>a{min-height:44px}.menu-toggle{place-items:center;display:grid}.nav-actions{gap:6px}}@media (width<=480px){.site-header .wordmark{gap:6px;font-size:20px}.site-header .mark{width:24px;height:24px}.nav-actions{gap:4px}.menu-toggle{min-width:36px;min-height:38px}}.nav-coming-soon{padding:12px 16px;font-size:12px}@media (width<=760px){.site-header{grid-template-columns:1fr auto;gap:10px 12px;height:auto;min-height:110px;padding-block:10px;display:grid}.site-header>.wordmark{grid-area:1/1}.site-header .nav-actions{display:contents}.site-header .nav-coffee-button{display:none}.nav-coming-soon{grid-area:2/1;justify-self:start;padding:9px 12px;font-size:11px}.site-header .theme-switcher{grid-area:2/2}.site-header .menu-toggle{grid-area:1/2;justify-self:end}}.coming-soon-badge{background:var(--site-text);min-height:46px;color:var(--site-surface);border-radius:var(--surface-radius);white-space:nowrap;justify-content:center;align-items:center;gap:10px;padding:14px 18px;font-size:12px;font-weight:550;line-height:1.5;display:inline-flex}.theme-switcher{border:1px solid var(--site-border);border-radius:var(--surface-radius);background:var(--site-raised);flex-shrink:0;gap:2px;padding:3px;display:inline-flex}.theme-switcher button{border-radius:var(--surface-radius);width:34px;height:34px;color:var(--site-muted);place-items:center;padding:0;display:grid}.theme-switcher button:hover{color:var(--site-text);background:var(--site-hover)}.theme-switcher button[aria-pressed=true]{color:#fff;background:var(--feature-accent)}@media (width<=480px){.theme-switcher button{width:29px;height:30px}}.coffee-button{border-radius:var(--surface-radius);background:#fd0;flex-shrink:0;align-items:center;width:fit-content;height:44px;min-height:44px;display:inline-flex;overflow:hidden}.coffee-button img{width:auto;height:100%;display:block}footer{background:var(--site-raised);color:var(--site-text);justify-content:space-between;align-items:center;gap:30px;padding:38px max(5.2%,50vw - 700px);display:flex}footer .wordmark{font-size:21px}footer .mark{width:25px;height:25px}footer p{color:var(--site-muted);margin-top:13px;font-size:10px}footer nav{gap:26px;font-size:10px;display:flex}footer nav>a,footer nav>button{align-items:center;gap:8px;padding:8px 0;display:flex}footer nav>button{font-size:10px}.footer-signoff{color:var(--site-muted);font-size:6px}@media (width<=1100px){.footer-signoff{display:none}}@media (width<=760px){footer{flex-wrap:wrap;gap:25px;padding:30px 6%}footer nav{gap:25px}footer p{font-size:9px}}@media (width<=480px){footer nav{justify-content:space-between;width:100%;font-size:10px}}.hero-section{background:var(--site-surface);position:relative;overflow:clip}.hero-section .hero-coffee-button{display:none}.hero-grid{pointer-events:none;background-image:linear-gradient(90deg,#0000 calc(100% - 1px),#ffffff04 1px);background-size:25% 100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.hero-content{max-width:1600px;margin:auto;padding:38px 5.2% 0;position:relative}.hero-topline{color:var(--site-muted);justify-content:space-between;align-items:center;display:flex}.edition{font-family:var(--mono);letter-spacing:1px;color:var(--site-muted);font-size:8px}.hero-main{grid-template-columns:1.45fr 1fr;align-items:end;gap:35px;margin:28px 0 38px;display:grid}h1{font-size:clamp(70px,8vw,122px);font-weight:480;line-height:.99;animation:.8s both hero-type-in}h1>span{color:var(--site-muted)}.hero-copy{justify-self:end;max-width:333px;padding-bottom:5px}.hero-copy>p{color:var(--site-muted);max-width:300px;margin-bottom:25px;font-size:14px;line-height:1.75}.hero-secondary{align-items:center;gap:18px;margin-top:14px;display:flex}.hero-secondary a{color:var(--site-muted);padding:5px 0;font-size:10px}.hero-secondary a span{margin-left:9px}.desktop-note{color:var(--site-muted);font-size:9px}.hero-bottom{justify-content:space-between;align-items:center;padding:28px 0 30px;display:flex}.hero-bottom p{color:var(--site-muted);font-size:10px}.hero-bottom p>span{color:var(--site-muted);margin-left:8px}.hero-bottom>a{color:var(--site-muted);align-items:center;gap:22px;font-size:7px;display:flex}.hero-bottom>a>span{font-size:17px}@keyframes hero-type-in{0%{opacity:.5;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.hero-copy{max-width:280px}.hero-copy>p{font-size:13px}.hero-secondary{gap:12px}.desktop-note{font-size:8px}}@media (width<=760px){.hero-section .hero-coffee-button{border-radius:10px;justify-content:center;width:250px;max-width:100%;height:54px;min-height:54px;margin:20px auto 0;display:flex}.hero-content{padding:29px 6% 0}.hero-topline .edition{display:none}.hero-topline .eyebrow{font-size:8px}.hero-main{grid-template-columns:1fr;gap:24px;margin:27px 0 30px}h1{font-size:clamp(64px,12.5vw,100px)}.hero-copy{grid-template-columns:1fr auto;justify-self:start;align-items:center;gap:0 25px;width:100%;max-width:100%;display:grid}.hero-copy>p{grid-row:span 2;max-width:270px;margin:0;font-size:12px}.hero-copy>.coming-soon-badge{gap:8px;min-height:44px;padding:12px;font-size:10px}.hero-copy .button>svg:last-child{margin-left:5px}.hero-secondary{margin-top:7px}.desktop-note{display:none}.hero-secondary a{font-size:9px}.hero-bottom{padding:24px 0}.hero-bottom p{font-size:9px}.hero-bottom>a{gap:12px;font-size:6px}}@media (width<=480px){.hero-main{gap:23px}.hero-copy{display:block}.hero-copy>p{max-width:310px;margin-bottom:20px;font-size:12px}.hero-copy>.coming-soon-badge{gap:12px;min-height:47px;padding:12px 16px;font-size:11px}.hero-secondary{vertical-align:middle;margin:0 0 0 17px;display:inline-flex}.hero-secondary a{font-size:10px}.hero-bottom{padding:21px 0}.hero-bottom p{font-size:8px}.hero-bottom p>span{margin-left:5px}.hero-bottom>a{letter-spacing:.5px;gap:8px;font-size:5px}}.hero-privacy-banner{isolation:isolate;text-align:center;background:linear-gradient(115deg, color-mix(in srgb, var(--feature-accent) 12%, var(--site-raised)), var(--site-raised) 55%, color-mix(in srgb, var(--feature-accent) 8%, var(--site-raised)));border-radius:var(--surface-radius);flex-direction:column;align-items:center;margin-top:25px;padding:27px 32px;animation:.7s ease-out both privacy-banner-enter;display:flex;position:relative;overflow:hidden}.hero-privacy-banner:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(110deg,#0000 25%,#a99fff12 50%,#0000 75%);animation:2.4s ease-in-out .3s 2 privacy-banner-sheen;position:absolute;inset:0;transform:translate(-100%)}.hero-privacy-eyebrow{font-family:var(--mono);letter-spacing:1.3px;color:var(--site-accent-text);margin-bottom:12px;font-size:8px;line-height:1.8}.hero-privacy-copy{min-width:0;max-width:700px}.hero-privacy-copy h2{letter-spacing:-.9px;color:var(--site-text);font-size:clamp(24px,2.5vw,35px);font-weight:550;line-height:1.2}.hero-privacy-copy h2>span{color:var(--site-accent-text)}.hero-privacy-copy>p{color:var(--site-muted);margin-top:12px;font-size:12px;line-height:1.8}.hero-privacy-copy>small{color:var(--site-muted);margin-top:6px;font-size:10px;line-height:1.8;display:block}.hero-privacy-link{color:var(--site-accent-text);justify-content:center;align-items:center;gap:10px;margin-top:9px;padding:8px;font-size:11px;line-height:1.8;display:inline-flex}.hero-privacy-link>svg{transition:transform .2s}.hero-privacy-link:hover>svg{transform:translate(3px)}@keyframes privacy-banner-enter{0%{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes privacy-banner-sheen{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (width<=600px){.hero-privacy-banner{margin-top:22px;padding:24px 20px 19px}.hero-privacy-copy h2{letter-spacing:-.6px;font-size:27px;line-height:1.15}.hero-privacy-copy h2>span{margin-top:4px;display:block}.hero-privacy-copy>p{margin-top:13px;font-size:11px}.hero-privacy-copy>small{margin-top:9px;font-size:9px}.hero-privacy-link{font-size:10px}}@media (prefers-reduced-motion:reduce){.hero-privacy-banner,.hero-privacy-banner:before{animation:none}.hero-privacy-link>svg{transition:none}}.composition-content{grid-template-columns:1.5fr 1fr;align-items:end;gap:65px;margin-top:59px;display:grid}.composition-content h2{font-size:clamp(40px,5.3vw,78px)}.composition-content>div{max-width:310px;padding-bottom:5px}.composition-content p{font-size:14px;line-height:1.8}.composition-content .muted{color:var(--site-muted);margin-top:16px}.fragments{grid-template-columns:repeat(4,1fr);gap:24px;max-width:1060px;margin:65px auto 33px;display:grid;position:relative}.fragment{border-radius:var(--surface-radius);background:var(--site-raised);border:1px solid var(--site-border);min-height:151px;box-shadow:0 4px 0 var(--site-hover);padding:20px;position:relative}.fragment>div{justify-content:space-between;align-items:center;display:flex}.fragment>div>span{font-family:var(--mono);color:var(--site-muted);font-size:8px}.fragment h3{letter-spacing:-.4px;margin:23px 0 9px;font-size:15px}.fragment code{font-family:var(--mono);color:var(--site-muted);font-size:8px}.fragment-baseline{background:var(--site-border);width:106%;height:1px;position:absolute;top:50%;left:-3%}.composition-foot{color:var(--site-muted);justify-content:center;align-items:center;gap:25px;font-size:7px;display:flex}.composition-arrow{color:var(--site-muted);font-size:24px}@media (width<=760px){.composition-content{grid-template-columns:1fr;gap:24px;margin-top:36px}.composition-content h2{font-size:clamp(40px,7.5vw,60px)}.composition-content>div{max-width:360px}.composition-content p{font-size:13px}.composition-content .muted{margin-top:8px}.fragments{gap:10px;margin-top:37px}.fragment{min-height:132px;padding:12px}.fragment h3{margin-top:23px;font-size:12px}.fragment code{font-size:6px}.composition-foot{gap:16px;font-size:6px}}@media (width<=480px){.composition-content h2{font-size:39px}.composition-content p{font-size:12px}.fragments{grid-template-columns:repeat(2,1fr);gap:13px;margin:30px 0 22px}.fragment{min-height:130px;padding:15px}.fragment h3{margin-top:20px;font-size:14px}.fragment code{font-size:7px}.composition-foot{gap:12px;font-size:5px}}.tools-heading{justify-content:space-between;align-items:end;gap:35px;margin:50px 0 43px;display:flex}.tools-heading h2{font-size:clamp(40px,5.3vw,78px)}.tools-heading>p{color:var(--site-muted);max-width:280px;font-size:13px;line-height:1.8}.app-directory-row{border-top:1px solid var(--site-border);grid-template-columns:35px minmax(170px,.7fr) 1.5fr 24px;align-items:center;gap:24px;padding:26px 4px;transition:background .15s;display:grid}.app-directory-row:last-child{border-bottom:1px solid var(--site-border)}.app-directory-row:hover{background:var(--site-hover)}.directory-number{font-family:var(--mono);color:var(--site-muted);font-size:9px}.directory-app-name{align-items:center;gap:15px;display:flex}.directory-app-name h3{letter-spacing:-.5px;font-size:18px}.directory-app-copy>p{margin-bottom:7px;font-size:13px;line-height:1.6}.directory-app-copy>span{color:var(--site-muted);max-width:580px;font-size:12px;line-height:1.8;display:block}.app-directory-row>svg{transition:transform .2s}.app-directory-row:hover>svg{transform:translate(3px,-3px)}.directory-note{font-family:var(--mono);color:var(--site-muted);margin-top:24px;font-size:8px;line-height:1.8}@media (width<=760px){.tools-heading{gap:25px;margin:35px 0 30px}.tools-heading h2{font-size:clamp(40px,7.5vw,60px)}.tools-heading>p{max-width:190px;font-size:11px}.app-directory-row{grid-template-columns:24px minmax(125px,.8fr) 1.3fr 16px;gap:14px;padding:22px 0}.directory-app-name{gap:9px}.directory-app-name h3{font-size:14px}.directory-app-name>svg{width:19px}.directory-app-copy>p{font-size:11px}.directory-app-copy>span{font-size:10px}}@media (width<=480px){.tools-heading{display:block}.tools-heading h2{font-size:39px}.tools-heading>p{max-width:none;margin-top:20px;font-size:12px}.app-directory-row{grid-template-columns:22px 1fr 20px;gap:13px;padding:23px 0}.directory-app-name h3{font-size:18px}.directory-app-name>svg{width:22px}.directory-app-copy{grid-area:2/2}.app-directory-row>svg{grid-area:1/3}.directory-app-copy>p{font-size:12px}.directory-app-copy>span{font-size:11px}.directory-note{font-size:7px}}.principles-section{border-top:1px solid var(--site-border);padding-bottom:80px}.principles-layout{grid-template-columns:1.2fr 1fr;gap:80px;margin-top:53px;display:grid}.principles-layout h2{font-size:clamp(39px,4.6vw,69px)}.principles-layout h2>span{color:var(--site-muted)}.principles-layout>div>p{color:var(--site-muted);margin-top:23px;font-size:13px;line-height:1.8}.data-boundary{max-width:355px;font-family:var(--mono);margin-top:38px}.data-boundary>div:first-child{border-radius:var(--surface-radius);border:1px solid var(--site-border);flex-wrap:wrap;align-items:center;gap:13px;padding:18px;display:flex}.data-boundary strong{letter-spacing:1px;font-size:8px;font-weight:500}.data-boundary>div:first-child>span{width:100%;color:var(--site-muted);margin-left:41px;font-size:8px}.boundary-line{color:var(--site-muted);justify-content:center;align-items:center;gap:15px;padding:13px;font-size:16px;display:flex}.boundary-line>span{letter-spacing:1px;font-size:6px}.boundary-external{color:var(--site-muted);justify-content:space-between;gap:10px;font-size:7px;display:flex}.boundary-external>span{border-radius:var(--surface-radius);border:1px dashed var(--site-border);padding:12px}.principle{border-top:1px solid var(--site-border);gap:20px;padding:24px 0;display:flex}.principle:first-child{border:0;padding-top:6px}.principle>span{font-family:var(--mono);color:var(--site-muted);padding-top:4px;font-size:7px}.principle h3{letter-spacing:-.5px;margin-bottom:11px;font-size:17px}.principle p{color:var(--site-muted);max-width:370px;font-size:12px;line-height:1.8}@media (width<=1100px){.principles-layout{gap:45px}}@media (width<=760px){.principles-layout{grid-template-columns:1fr;gap:33px;margin-top:35px}.principles-layout h2{font-size:clamp(40px,7.5vw,60px)}.principles-layout>div>p{margin-top:20px;font-size:12px}.data-boundary{max-width:420px;margin-top:28px}.principle:first-child{border-top:1px solid var(--site-border);padding-top:23px}.principle p{max-width:100%}}@media (width<=480px){.principles-layout h2{font-size:38px}.principle h3{font-size:16px}.principle p{font-size:11px}}.launch-section{padding-bottom:27px}.launch-section .section-label{border-color:var(--site-border);color:var(--site-muted)}.launch-layout{grid-template-columns:1.5fr 1fr;align-items:center;gap:50px;padding:65px 0 67px;display:grid}.launch-layout h2{font-size:clamp(55px,7.5vw,110px)}.headline-period{color:var(--site-muted)}.launch-layout>div>p{color:var(--site-muted);margin-top:25px;font-size:13px}.launch-panel{border-left:1px solid var(--site-border);padding:8px 0 8px 50px}.launch-panel>.mark{margin-bottom:25px}.launch-panel h3{letter-spacing:-.8px;font-size:24px}.launch-panel>p{margin-bottom:24px;margin-top:10px!important;font-size:11px!important}.launch-panel>.coming-soon-badge{justify-content:center;width:100%;max-width:320px}.launch-bottom{border-top:1px solid var(--site-border);color:var(--site-muted);justify-content:space-between;gap:20px;padding-top:21px;font-size:7px;display:flex}@media (width<=1100px){.launch-panel{padding-left:30px}}@media (width<=760px){.launch-layout{grid-template-columns:1fr;gap:35px;padding:35px 0 40px}.launch-layout h2{font-size:clamp(64px,11vw,88px)}.launch-layout>div>p{margin-top:20px;font-size:12px}.launch-panel{border-left:0;border-top:1px solid var(--site-border);padding:25px 0 0}.launch-panel>.mark{margin:0 0 16px}.launch-panel h3{font-size:22px}.launch-panel>p{font-size:10px!important}.launch-panel>.coming-soon-badge{font-size:11px}.launch-bottom{gap:30px;font-size:6px;line-height:1.8}.launch-bottom>span:last-child{text-align:right;max-width:220px}}@media (width<=480px){.launch-layout h2{font-size:59px}.launch-panel>.coming-soon-badge{min-height:48px;padding:14px 17px;font-size:11px}.launch-bottom{gap:20px;font-size:5px}.launch-bottom>span:last-child{max-width:150px}}.launch-status{color:var(--site-muted);margin-top:16px;font-size:11px;line-height:1.8}.app-feature-spotlight{text-align:left;background:var(--feature-accent);color:#fff;border-radius:var(--surface-radius);border:1px solid #0000;width:100%;margin:20px 0 0;padding:22px;transition:background .15s;display:block}.app-feature-spotlight:hover{background:var(--feature-accent-hover)}.app-feature-spotlight:focus-visible{outline:3px solid var(--site-text);outline-offset:4px}.spotlight-eyebrow{font-family:var(--mono);letter-spacing:.8px;justify-content:space-between;align-items:center;gap:12px;font-size:8px;line-height:1.7;display:flex}.app-feature-spotlight>strong{letter-spacing:-.8px;margin-top:17px;font-size:clamp(24px,2.1vw,32px);font-weight:600;line-height:1.12;display:block}.spotlight-description{margin-top:14px;font-size:12px;line-height:1.75;display:block}.spotlight-action{border-top:1px solid #ffffff70;justify-content:space-between;align-items:center;gap:12px;margin-top:19px;padding-top:13px;font-size:10px;line-height:1.8;display:flex}@media (width>=900px) and (height<=800px){.app-feature-spotlight{margin-top:16px;padding:17px}.app-feature-spotlight>strong{margin-top:12px;font-size:25px}.spotlight-description{margin-top:10px;font-size:10px}.spotlight-action{margin-top:13px;padding-top:10px}}@media (width<=480px){.app-feature-spotlight{padding:20px}.app-feature-spotlight>strong{font-size:28px}.spotlight-description{font-size:12px}}.app-feature-panel{border-radius:var(--surface-radius);background:var(--site-raised);color:var(--site-text);scrollbar-width:thin;scrollbar-color:var(--site-subtle) var(--site-raised);border:1px solid var(--site-border);flex-direction:column;min-width:0;padding:28px;display:flex;overflow:auto}.feature-panel-label{font-family:var(--mono);letter-spacing:.7px;text-transform:uppercase;color:var(--site-muted);align-items:center;gap:14px;font-size:8px;line-height:1.7;display:flex}.feature-panel-label>span:first-child{color:var(--site-muted);font-size:7px}.feature-panel-label>svg{margin-left:auto}.app-feature-panel>h2{letter-spacing:-1.6px;margin:26px 0 19px;font-size:clamp(27px,2.6vw,39px);font-weight:500;line-height:1.08}.feature-panel-intro{color:var(--site-muted);margin-bottom:22px;font-size:12px;line-height:1.85}.app-feature-list{border-top:1px solid var(--site-border)}.app-feature-list>button{text-align:left;border-bottom:1px solid var(--site-border);grid-template-columns:16px minmax(0,1fr) 13px;align-items:start;gap:12px;width:100%;padding:17px 0;transition:background .15s;display:grid}.feature-list-number{font-family:var(--mono);color:var(--site-muted);font-size:7px;line-height:2.3}.app-feature-list>button>span:nth-child(2)>strong{letter-spacing:-.2px;font-size:13px;font-weight:550;line-height:1.5;display:block}.app-feature-list>button>span:nth-child(2)>span{color:var(--site-muted);margin-top:7px;font-size:11px;line-height:1.8;display:block}.app-feature-list>button>svg{color:var(--site-muted);margin-top:3px;transition:transform .2s}.app-feature-list>button:hover>svg{transform:translate(2px,-2px)}.app-feature-list>button[aria-pressed=true]{background:var(--feature-accent);color:#fff;border-color:var(--feature-accent);padding-inline:12px}.app-feature-list>button[aria-pressed=true] .feature-list-number,.app-feature-list>button[aria-pressed=true]>svg,.app-feature-list>button[aria-pressed=true]>span:nth-child(2)>span{color:#fff}.feature-panel-note{font-family:var(--mono);color:var(--site-muted);margin:19px 0 17px;font-size:8px;line-height:1.9}.feature-panel-next{border-top:1px solid var(--site-border);justify-content:space-between;align-items:center;gap:20px;min-height:38px;margin-top:auto;padding:12px 0 0;font-size:11px;line-height:1.8;display:flex}.feature-panel-next>svg{transition:transform .2s}.feature-panel-next:hover>svg{transform:translate(4px)}@media (width<=1200px){.app-feature-panel{padding:24px}.app-feature-panel>h2{letter-spacing:-1.2px;margin:22px 0 15px;font-size:30px}.feature-panel-intro{margin-bottom:20px;font-size:11px}.app-feature-list>button{gap:10px;padding:15px 0}.app-feature-list>button>span:nth-child(2)>strong{font-size:12px}.app-feature-list>button>span:nth-child(2)>span{font-size:10px}}@media (width>=900px) and (height<=800px){.app-feature-panel{padding:21px}.app-feature-panel>h2{margin:18px 0 12px;font-size:28px}.feature-panel-intro{margin-bottom:16px;font-size:10px;line-height:1.75}.app-feature-list>button{padding:12px 0}.app-feature-list>button>span:nth-child(2)>strong{font-size:11px}.app-feature-list>button>span:nth-child(2)>span{margin-top:5px;font-size:9px;line-height:1.75}.feature-panel-note{margin:14px 0;font-size:7px}.feature-panel-next{font-size:10px}}@media (width<=899px){.app-feature-panel{padding:30px;overflow:visible}.app-feature-panel>h2{letter-spacing:-1.5px;max-width:500px;font-size:38px}.feature-panel-intro{max-width:600px;font-size:13px}.app-feature-list>button{gap:15px;padding:20px 0}.app-feature-list>button>span:nth-child(2)>strong{font-size:15px}.app-feature-list>button>span:nth-child(2)>span{max-width:600px;font-size:12px}.feature-panel-note{margin-top:22px;font-size:9px}.feature-panel-next{min-height:44px;margin-top:3px;font-size:12px}}@media (width<=480px){.app-feature-panel{padding:25px 22px}.app-feature-panel>h2{letter-spacing:-1.3px;font-size:32px}.feature-panel-intro{font-size:12px}.feature-panel-label{font-size:7px}.app-feature-list>button{grid-template-columns:14px minmax(0,1fr) 12px;gap:10px;padding:18px 0}.app-feature-list>button>span:nth-child(2)>strong{font-size:13px}.app-feature-list>button>span:nth-child(2)>span{font-size:11px}.feature-panel-note{font-size:8px}}.library-phone-demo{max-width:710px;margin:auto;padding:28px}.library-phone-heading h3{letter-spacing:-1.4px;margin:15px 0 12px;font-size:34px;line-height:1.07}.library-phone-heading>p{color:#aaa;max-width:340px;font-size:11px;line-height:1.8}.library-phone-pairing{justify-content:center;align-items:center;gap:38px;margin-top:27px;display:flex}.library-phone-link{flex:1;min-width:0;max-width:188px}.library-book-scope{border-bottom:1px solid #3b3b3b;align-items:center;gap:9px;margin-bottom:20px;padding-bottom:16px;font-size:11px;display:flex}.library-book-scope>span{flex:1}.library-book-scope small{font-family:var(--mono);color:#aaa;margin-top:5px;font-size:6px;line-height:1.8;display:block}.library-book-scope>svg:last-child{color:#c2b5ff}.library-qr-card{color:#111;aspect-ratio:1;border-radius:var(--surface-radius);background:#fff;place-items:center;width:155px;max-width:100%;padding:15px;display:grid}.library-qr-card>svg{stroke-width:1.4px;width:100%;height:auto;display:block}.library-qr-caption{font-family:var(--mono);color:#aaa;margin:11px 0 18px;font-size:6px;line-height:1.9;display:block}.library-phone-boundary{color:#bbb;align-items:center;gap:8px;margin-top:11px;font-size:9px;display:flex}.library-phone-demo .demo-phone{min-height:378px}.phone-book-contents h4{margin:14px 0 13px;font-size:22px;line-height:1.1}.phone-book-chapter-count{font-family:var(--mono);letter-spacing:.5px;color:#aaa;margin-bottom:11px;font-size:5px;display:block}.phone-book-contents>div>button{text-align:left;color:#ccc;border-top:1px solid #383838;align-items:center;gap:7px;width:100%;min-height:27px;padding:7px 0;font-size:6.5px;line-height:1.6;display:flex}.phone-book-contents>div>button>span:first-child{font-family:var(--mono);color:#aaa;font-size:5px}.phone-book-contents>div>button>span:nth-child(2){flex:1}.phone-book-contents>div>button:hover{color:#e5ddff}.library-phone-session{font-family:var(--mono);color:#aaa;margin-top:13px;font-size:4.5px;line-height:1.9;display:block}.phone-book-page>button{color:#bbb;align-items:center;gap:4px;min-height:32px;padding:12px 0;font-size:7px;display:flex}.phone-book-page>.demo-label{letter-spacing:.6px;margin-top:10px;font-size:5px}.phone-book-page h4{margin-top:13px;font-size:23px;line-height:1.15}.phone-book-page>p{color:#bbb;margin-top:14px;font-size:8px;line-height:1.95}.phone-book-page-nav{font-family:var(--mono);color:#aaa;border-top:1px solid #3b3b3b;justify-content:space-between;align-items:center;margin-top:22px;padding-top:10px;font-size:6px;display:flex}.phone-book-page-nav>button{border-radius:var(--surface-radius);border:1px solid #444;place-items:center;width:28px;min-height:28px;display:grid}.phone-book-page-nav>button:disabled{opacity:.35}.library-demo:has(.library-phone-demo){grid-template-columns:minmax(0,1fr)}@media (width<=1100px){.library-phone-demo{padding:25px}.library-phone-heading h3{font-size:30px}.library-phone-pairing{gap:24px}}@media (width<=480px){.library-phone-demo{padding:23px 14px}.library-phone-heading h3{letter-spacing:-1px;font-size:28px}.library-phone-heading>p{font-size:9px}.library-phone-pairing{align-items:start;gap:14px;margin-top:23px}.library-phone-link{flex-shrink:0;width:65px;max-width:65px;padding-top:19px}.library-book-scope{gap:0;margin-bottom:15px;padding-bottom:12px;font-size:8px;line-height:1.7;display:block}.library-book-scope>svg{display:none}.library-book-scope small{font-size:5px}.library-qr-card{border-radius:var(--surface-radius);padding:7px}.library-qr-caption{margin-top:9px;font-size:5px;line-height:1.8}.library-phone-boundary{align-items:start;gap:4px;font-size:6px;line-height:1.6}.library-phone-boundary>svg{width:10px;height:10px}.library-phone-demo .demo-phone{width:173px;min-width:173px;min-height:379px}.phone-book-contents h4{font-size:21px}.phone-book-contents>div>button{gap:5px;min-height:27px;font-size:6px}}@media (width<=380px){.library-phone-pairing{gap:10px}.library-phone-link{width:55px;max-width:55px}.library-phone-boundary{gap:3px;font-size:5.5px}}@media (width<=340px){.library-phone-pairing{flex-direction:column;align-items:center;gap:18px}.library-phone-link{align-items:center;gap:12px;width:100%;max-width:none;padding-top:0;display:flex}.library-book-scope{border:0;flex:1;margin:0;padding:0}.library-qr-card{flex-shrink:0;width:65px}.library-qr-caption{margin:0;font-size:5px}.library-phone-boundary{display:none}}.library-book-builder{max-width:890px;margin:auto;padding:23px 32px}.book-builder-intro h3{letter-spacing:-1.4px;margin:15px 0 12px;font-size:32px;line-height:1.08}.book-builder-intro>p{color:#aaa;font-size:11px;line-height:1.8}.book-builder-workspace{grid-template-columns:1fr 1.1fr;gap:23px;margin-top:20px;display:grid}.book-topic{border-radius:var(--surface-radius);background:#202020;border:1px solid #484848;align-self:start;padding:18px}.book-topic>div{color:#dedede;align-items:start;gap:10px;margin:18px 0;font-size:14px;line-height:1.6;display:flex}.book-topic>div>svg{color:#b1a4ff;margin-top:3px}.book-topic small{color:#aaa;font-size:8px;line-height:1.8}.outline-header{border-bottom:1px solid #444;justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;display:flex}.outline-header>.demo-label{font-size:6px}.outline-header>span:last-child{font-family:var(--mono);color:#aaa;white-space:nowrap;font-size:6px}.book-outline>div:not(.outline-header){border-bottom:1px solid #333;align-items:center;gap:13px;padding:13px 0;display:flex}.book-outline>div>span:first-child:not(.demo-label){font-family:var(--mono);color:#999;font-size:7px}.book-outline strong{font-size:10px;font-weight:400;line-height:1.7}.book-outline>div>svg{color:#b1a4ff;margin-left:auto}.book-outline>button{color:#d2c9f7;justify-content:space-between;align-items:center;gap:15px;width:100%;min-height:34px;margin-top:12px;padding:10px 0;font-size:10px;display:flex}@media (width<=1100px){.library-book-builder{padding:27px}.book-builder-workspace{gap:18px}.book-topic{padding:15px}.book-topic>div{font-size:12px}.book-outline strong{font-size:9px}}@media (width<=480px){.library-book-builder{padding:23px 17px}.book-builder-intro h3{letter-spacing:-1px;font-size:29px}.book-builder-intro>p{font-size:10px}.book-builder-workspace{grid-template-columns:1fr;gap:19px;margin-top:21px}.book-topic{padding:14px}.book-topic>div{margin:12px 0;font-size:12px}.book-topic small{font-size:7px}.book-outline strong{font-size:10px}.book-outline>div:not(.outline-header){padding:11px 0}.book-outline>button{min-height:40px;font-size:9px}}.library-demo:has(.demo-detail){grid-template-columns:155px minmax(0,1fr) 205px}.reader-pane{min-width:0}.reading-article{max-width:620px;margin:auto;padding:28px 40px 23px}.reader-kicker{font-family:var(--mono);letter-spacing:1px;color:#aaa;font-size:7px}.reading-article h3{letter-spacing:-1.8px;margin:17px 0 14px;font-size:39px;line-height:1.06}.reading-article .reader-intro{color:#b7b7b7;font-size:12px}.reader-rule{background:#3a3a3a;height:1px;margin:23px 0 20px}.reading-article h4{letter-spacing:-.2px;margin-bottom:12px;font-size:14px}.reading-article p{color:#bcbcbc;margin-top:10px;font-size:12px;line-height:1.95}.reading-article mark{color:inherit;background:0 0;transition:background .3s,color .3s}.reading-article mark.passage-highlighted{color:#191425;background:#d8d0f6;box-shadow:3px 0 #d8d0f6,-3px 0 #d8d0f6}.reader-bookmark{color:#c0b4ef;align-items:center;gap:8px;min-height:32px;margin:20px 0 0;padding:5px 0;font-size:9px;display:flex}.reading-progress{font-family:var(--mono);color:#999;border-top:1px solid #333;justify-content:space-between;margin-top:12px;padding-top:15px;font-size:6px;display:flex}@media (width<=1100px){.library-demo:has(.demo-detail){grid-template-columns:125px minmax(0,1fr) 170px}.reading-article{padding:27px 28px}.reading-article h3{font-size:33px}.reading-article p{font-size:11px}}@media (width<=760px){.library-demo:has(.demo-detail){grid-template-columns:minmax(0,1fr)}.reading-article{max-width:500px;padding:26px 27px}.reading-article h3{font-size:35px}.reading-article p{font-size:11px}}@media (width<=480px){.reading-article{padding:24px 17px 19px}.reading-article h3{letter-spacing:-1.2px;font-size:30px}.reading-article p{font-size:10px;line-height:1.9}.reading-article .reader-intro{font-size:10px}.reader-kicker{letter-spacing:.6px;font-size:6px}.reading-article h4{font-size:12px}.reader-rule{margin:20px 0 17px}.reader-bookmark{min-height:36px;font-size:8px}.reading-progress{font-size:5px}}.api-demo-main{min-width:0}.environment-picker{color:#aaa;align-items:center;gap:9px;font-size:8px;display:flex}.environment-picker select{font-family:var(--mono);color:#eee;border-radius:var(--surface-radius);background:#2a2a2a;border:1px solid #444;padding:5px;font-size:8px}.api-request{border-radius:var(--surface-radius);border:1px solid #4a4a4a;align-items:center;min-height:40px;margin:20px 20px 0;display:flex;overflow:hidden}.api-request>b{font-family:var(--mono);border-right:1px solid #444;padding:13px;font-size:10px;font-weight:500}.api-request>code{font-family:var(--mono);white-space:nowrap;text-overflow:ellipsis;padding:0 12px;font-size:10px;overflow:hidden}.api-request>.demo-primary{white-space:nowrap;border-radius:var(--surface-radius);align-self:stretch;margin-left:auto}.environment-table{padding:27px 24px}.environment-table>.demo-label{margin-bottom:18px}.environment-table>div:not(.demo-notice){font-family:var(--mono);border-bottom:1px solid #333;grid-template-columns:.7fr 1fr;gap:20px;padding:16px 0;font-size:10px;display:grid}.environment-table>div:nth-child(2){color:#aaa;padding:10px 0;font-size:7px}.environment-table code{font-family:var(--mono);color:#ccc;overflow-wrap:anywhere;font-size:10px}.response-meta{font-family:var(--mono);color:#aaa;align-items:center;gap:22px;padding:19px 20px 13px;font-size:8px;display:flex}.response-meta>strong{color:#dedede;font-weight:500}.response-meta>span:last-child{margin-left:auto}.api-demo-main>.demo-notice{margin:0 20px 20px}.generated-client{padding:25px 20px}.generated-client>.demo-label{margin-bottom:14px}.generated-client .demo-code{border-radius:var(--surface-radius);border:1px solid #393939}.generated-client .demo-code pre{font-size:10px}@media (width<=480px){.environment-picker{gap:0;font-size:0}.environment-picker select{padding:5px;font-size:7px}.api-request{flex-wrap:wrap;margin:17px 12px 0}.api-request>b{padding:12px;font-size:8px}.api-request>code{flex:1;padding:0 8px;font-size:8px}.api-request>.demo-primary{border-top:1px solid #444;width:100%;min-height:34px;font-size:9px}.environment-table{padding:25px 15px}.environment-table>div:not(.demo-notice){grid-template-columns:.8fr 1.2fr;gap:10px;font-size:8px}.environment-table code{font-size:8px}.response-meta{gap:10px;padding:17px 12px 12px;font-size:6px}.generated-client{padding:23px 12px}.generated-client .demo-code pre{font-size:8px}.api-demo-main>.demo-notice{margin:0 12px 18px}}.playground-packages-demo{max-width:700px;margin:auto;padding:27px}.playground-packages-heading>svg{color:#c5b8ef;margin-bottom:17px}.playground-packages-heading h3{letter-spacing:-1.2px;margin:15px 0 12px;font-size:31px;line-height:1.1}.playground-packages-heading>p{color:#aaa;max-width:390px;font-size:11px;line-height:1.8}.package-install-form{margin:24px 0 18px}.package-install-form>label{font-family:var(--mono);color:#aaa;margin-bottom:10px;font-size:7px;line-height:1.8;display:block}.package-install-form>div{gap:8px;display:flex}.package-install-form input{border-radius:var(--surface-radius);color:#eee;width:100%;min-width:0;font-family:var(--mono);background:#1d1d1d;border:1px solid #494949;flex:1;min-height:39px;padding:11px 12px;font-size:11px}.package-install-form .demo-primary{white-space:nowrap;gap:7px;font-size:9px}.playground-package-row{border-block:1px solid #3d3d3d;align-items:center;gap:12px;min-width:0;margin-bottom:20px;padding:16px 0;display:flex}.playground-package-row>div{flex:1;min-width:0}.playground-package-row strong{overflow-wrap:anywhere;font-size:12px;font-weight:500;line-height:1.7;display:block}.playground-package-row small{font-family:var(--mono);color:#aaa;overflow-wrap:anywhere;margin-top:4px;font-size:7px;line-height:1.8;display:block}.playground-package-row>span{color:#b8abc9;align-items:center;gap:5px;font-size:8px;display:flex}.playground-packages-demo>.demo-code{border-radius:var(--surface-radius);border:1px solid #383838;overflow:hidden}.playground-packages-demo .demo-code pre{font-size:9px}.package-demo-boundary{font-family:var(--mono);color:#aaa;margin-top:17px;font-size:7px;line-height:1.9}@media (width<=760px){.playground-packages-demo{padding:25px}}@media (width<=480px){.playground-packages-demo{padding:23px 15px}.playground-packages-heading h3{letter-spacing:-1px;font-size:27px}.playground-packages-heading>p{font-size:10px}.package-install-form>div{flex-wrap:wrap}.package-install-form input{flex-basis:100%;font-size:10px}.package-install-form .demo-primary{width:100%;min-height:39px;font-size:9px}.playground-package-row{gap:9px}.playground-package-row strong{font-size:11px}.playground-package-row small,.playground-package-row>span{font-size:6px}.playground-package-row>span>svg{width:10px}.playground-packages-demo .demo-code pre{font-size:8px}.package-demo-boundary{font-size:6px}}.playground-columns{grid-template-columns:1.25fr 1fr;min-height:365px;display:grid}.playground-columns>.demo-code{border-right:1px solid #333}.execution-inspector{background:#191919;min-width:0;padding:23px}.execution-inspector>.demo-label{margin-bottom:23px}.console-output{font-family:var(--mono);font-size:11px;line-height:2.1}.console-output>p{color:#ccc;border-bottom:1px solid #292929;padding:4px 0}.console-output .demo-notice{font-family:Geist Variable,sans-serif;font-size:10px}.execution-frame{border-radius:var(--surface-radius);background:#292535;border:1px solid #4a435e;padding:16px}.execution-frame>span,.execution-bindings>span,.queue-lane>span{font-family:var(--mono);letter-spacing:.6px;color:#aaa;font-size:7px;display:block}.execution-frame strong{font-family:var(--mono);margin:13px 0 6px;font-size:13px;font-weight:400;display:block}.execution-frame small{font-family:var(--mono);color:#aaa;font-size:8px}.execution-bindings{margin-top:25px}.execution-bindings>span{margin-bottom:14px}.execution-bindings>div{color:#ccc;border-block:1px solid #333;justify-content:space-between;gap:10px;padding:13px 0;font-size:10px;display:flex}.execution-bindings code{font-family:var(--mono);font-size:9px}.queue-lane{margin-bottom:23px}.queue-lane>span{margin-bottom:12px}.queue-lane>div{border-radius:var(--surface-radius);font-family:var(--mono);background:#292535;border:1px solid #4a435e;align-items:center;gap:9px;padding:13px;font-size:9px;line-height:1.8;display:flex}.queue-lane>strong{font-family:var(--mono);letter-spacing:-1px;font-size:30px;font-weight:400}@media (width<=760px){.playground-columns{grid-template-columns:1fr 1fr}.execution-inspector{padding:19px 17px}.execution-bindings>div{flex-direction:column;gap:5px}.queue-lane>div{padding:10px;font-size:8px}}@media (width<=480px){.playground-columns{grid-template-columns:1fr}.playground-columns>.demo-code{border-right:0}:is(.playground-demo:has(.execution-frame) .playground-columns>.demo-code,.playground-demo:has(.queue-lane) .playground-columns>.demo-code){display:none}.playground-demo:has(.console-output) .playground-columns>.demo-code .code-line:nth-child(n+8){display:none}.execution-inspector{border-top:1px solid #333;padding:21px 17px}.console-output{flex-wrap:wrap;gap:7px;font-size:9px;display:flex}.console-output>.demo-notice{width:100%;margin-top:12px;font-size:8px}.execution-inspector>.demo-label{margin-bottom:15px}:is(.playground-columns:has(.execution-frame),.playground-columns:has(.queue-lane)){min-height:390px}.execution-frame strong{font-size:18px}.execution-bindings>div{flex-direction:row}.queue-lane>div{font-size:10px}.execution-frame>span,.execution-bindings>span,.queue-lane>span{font-size:7px}}.webstudio-main{min-width:0}.project-files{font-family:var(--mono);border-top:1px solid #333;flex-wrap:wrap;align-items:center;gap:13px;padding:14px 17px;font-size:8px;display:flex}.project-files code{font:inherit;color:#aaa}.project-files>button{align-items:center;gap:6px;min-height:32px;margin-left:auto;font-size:8px;display:flex}.webstudio-main>.demo-notice{margin:0 17px 20px}.server-console{padding:27px}.server-console>pre{font-family:var(--mono);color:#c7c7c7;white-space:pre-wrap;overflow-wrap:anywhere;margin:22px 0 26px;font-size:11px;line-height:2}.browser-address{border-radius:var(--surface-radius);border:1px solid #454545;align-items:center;gap:15px;padding:18px;display:flex}.browser-address strong{font-size:11px;font-weight:400;line-height:1.8}.browser-address code{font-family:var(--mono);color:#aaa;margin-top:8px;font-size:9px;display:block}@media (width<=480px){.project-files{gap:9px;padding:13px 12px;font-size:7px}.project-files>button{font-size:7px}.server-console{padding:25px 17px}.server-console>pre{font-size:9px;line-height:2}.browser-address{gap:11px;padding:14px}.browser-address strong{font-size:10px}.browser-address code{font-size:8px}}.webstudio-starter-demo{max-width:750px;margin:auto;padding:27px}.webstudio-starter-demo h3{letter-spacing:-1.2px;margin:16px 0 23px;font-size:33px;line-height:1.08}.webstudio-startup-time{background:var(--feature-accent);border-radius:var(--surface-radius);color:#fff;flex-wrap:wrap;align-items:center;gap:22px;margin-bottom:20px;padding:19px 20px;display:flex}.webstudio-startup-time>strong{letter-spacing:-5px;font-size:79px;font-weight:500;line-height:1}.webstudio-startup-time>strong>span{letter-spacing:-1px;margin-left:7px;font-size:30px}.webstudio-startup-time>div>span{font-family:var(--mono);letter-spacing:.5px;font-size:8px}.webstudio-startup-time small{color:#fff;margin-top:9px;font-size:9px;display:block}.webstudio-starter-demo>p{color:#aaa;max-width:410px;font-size:11px;line-height:1.8}.webstudio-stack-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.webstudio-stack-options button{border-radius:var(--surface-radius);text-align:left;border:1px solid #48414f;flex-direction:column;align-items:start;gap:13px;padding:16px;transition:background .15s;display:flex}.webstudio-stack-options button:hover{background:#302639;border-color:#aa8bc5}.webstudio-stack-options button>svg{color:#d4bafa}.webstudio-stack-options strong{font-size:13px;font-weight:500}.webstudio-stack-options small{color:#aaa;font-size:8px;line-height:1.8}.webstudio-stack-options button>span{color:#d4bafa;justify-content:space-between;align-items:center;gap:5px;width:100%;margin-top:auto;font-size:7px;display:flex}.webstudio-starter-demo>.webstudio-timing-note{font-family:var(--mono);max-width:none;margin-top:20px;font-size:6px;line-height:1.9}.webstudio-demo:has(.webstudio-starter-demo){grid-template-columns:minmax(0,1fr)}@media (width<=600px){.webstudio-stack-options{grid-template-columns:minmax(0,1fr);gap:10px}.webstudio-stack-options button{grid-template-columns:25px minmax(0,1fr);gap:5px 12px;padding:14px;display:grid}.webstudio-stack-options button>svg{grid-row:span 2}.webstudio-stack-options small{grid-column:2}.webstudio-stack-options button>span{grid-column:2;margin-top:7px}}@media (width<=480px){.webstudio-starter-demo{padding:23px 14px}.webstudio-starter-demo h3{font-size:28px}.webstudio-startup-time{gap:17px}.webstudio-startup-time>strong{font-size:65px}.webstudio-startup-time>strong>span{font-size:24px}.webstudio-startup-time>div>span{font-size:6px}.webstudio-startup-time small{font-size:7px}.webstudio-starter-demo>p{font-size:9px}}.clipboard-main{min-width:0}.clipboard-history{padding:23px 25px}.clipboard-search{border-radius:var(--surface-radius);color:#aaa;border:1px solid #494949;align-items:center;gap:10px;margin-bottom:24px;padding:10px 12px;display:flex}.clipboard-search>input{color:#eee;outline-offset:7px;background:0 0;border:0;width:100%;min-width:0;font:11px Geist Variable,sans-serif}.clipboard-search>input::placeholder{color:#aaa}.clipboard-entry{border-bottom:1px solid #333;padding:17px 0}.clipboard-entry>div{align-items:center;gap:9px;display:flex}.clipboard-entry strong{font-size:11px;font-weight:500}.clipboard-entry time{font-family:var(--mono);color:#999;margin-left:auto;font-size:7px}.clipboard-entry>p{font-family:var(--mono);color:#bcbcbc;overflow-wrap:anywhere;margin-top:11px;font-size:10px;line-height:1.9}.clipboard-entry>span{font-family:var(--mono);color:#bbb;border-radius:var(--surface-radius);border:1px solid #454545;margin-top:11px;padding:4px 6px;font-size:6px;display:inline-block}.clipboard-empty{color:#aaa;padding:30px 0;font-size:12px;line-height:1.8}.ocr-workspace{max-width:650px;margin:auto;padding:25px 30px}.sample-image-note{border-radius:var(--surface-radius);color:#161616;background:#e8e8e8;border:5px solid #fff;max-width:370px;margin:18px 0 25px;padding:26px;transform:rotate(-1deg);box-shadow:0 6px 25px #0003}.sample-image-note>span{font-family:var(--mono);letter-spacing:.8px;color:#666;font-size:6px}.sample-image-note>h3{letter-spacing:-1.1px;margin:14px 0;font-size:31px;line-height:1.1}.sample-image-note>p{color:#666;font-size:10px;line-height:1.8}.ocr-result{gap:12px;display:flex}.ocr-result strong{font-size:11px;font-weight:500}.ocr-result p{margin:8px 0;font-size:12px;line-height:1.8}.ocr-result small{color:#aaa;font-size:9px}@media (width<=480px){.clipboard-history{padding:20px 14px}.clipboard-search{gap:7px;padding:11px}.clipboard-search>input{font-size:9px}.clipboard-entry{padding:15px 0}.clipboard-entry strong{font-size:10px}.clipboard-entry time{font-size:6px}.clipboard-entry>p{font-size:9px}.ocr-workspace{padding:24px 17px}.sample-image-note{margin:19px 0 24px;padding:22px}.sample-image-note>h3{font-size:26px}.sample-image-note>p{font-size:9px}.sample-image-note>span{font-size:5px}.ocr-result strong{font-size:10px}.ocr-result p{font-size:11px}.ocr-result small{font-size:8px}}.clipboard-demo:has(.clipboard-sync-demo){grid-template-columns:minmax(0,1fr)}.clipboard-sync-demo{max-width:670px;margin:auto;padding:26px}.clipboard-sync-demo>h3{letter-spacing:-1.2px;margin:15px 0 12px;font-size:32px;line-height:1.1}.clipboard-sync-demo>p{color:#aaa;max-width:390px;font-size:11px;line-height:1.8}.clipboard-sync-devices{justify-content:center;align-items:center;gap:36px;margin:24px 0;display:flex}.clipboard-sync-laptop{flex:1;min-width:0;max-width:235px}.clipboard-sync-qr{aspect-ratio:1;border-radius:var(--surface-radius);color:#111;background:#fff;place-items:center;width:130px;max-width:100%;padding:12px;display:grid}.clipboard-sync-qr svg{stroke-width:1.4px;width:100%;height:auto}.clipboard-sync-laptop>small{font-family:var(--mono);color:#aaa;margin:10px 0 15px;font-size:6px;line-height:1.8;display:block}.clipboard-sync-requirement{color:#bbb;align-items:center;gap:7px;margin-top:10px;font-size:9px;display:flex}.clipboard-machine-text{border-radius:var(--surface-radius);border:1px solid #444;margin-top:21px;padding:13px}.clipboard-machine-text .demo-label{letter-spacing:.5px;align-items:center;gap:6px;font-size:6px;display:flex}.clipboard-machine-text>p{color:#ddd;overflow-wrap:anywhere;margin-top:12px;font-size:10px;line-height:1.8}.clipboard-sync-demo .demo-phone{min-height:380px}.clipboard-sync-demo .phone-content h4{margin:15px 0;font-size:22px;line-height:1.1}.clipboard-sync-toggle{align-items:center;gap:5px;font-size:7px;line-height:1.7;display:flex}.clipboard-sync-toggle input{accent-color:#ad93f5;width:12px;height:12px}.clipboard-phone-copy{text-align:left;border-radius:var(--surface-radius);background:#252525;border:1px solid #444;width:100%;margin-top:14px;padding:11px;display:block}.clipboard-phone-copy small{font-family:var(--mono);color:#aaa;font-size:5px}.clipboard-phone-copy p{color:#ddd;margin:9px 0;font-size:8px;line-height:1.8}.clipboard-phone-copy>span{color:#d4c3ff;align-items:center;gap:5px;font-size:7px;display:flex}.clipboard-phone-send{margin-top:13px}.clipboard-phone-send label{color:#bbb;margin-bottom:6px;font-size:7px;display:block}.clipboard-phone-send textarea{resize:vertical;border-radius:var(--surface-radius);color:#eee;width:100%;min-height:51px;font:inherit;background:#222;border:1px solid #444;padding:7px;font-size:8px;line-height:1.7}.clipboard-phone-send button{color:#d4c3ff;justify-content:space-between;align-items:center;width:100%;min-height:30px;padding:8px 0;font-size:7px;display:flex}.clipboard-phone-send button:disabled{opacity:.4}.clipboard-sync-status{font-family:var(--mono);color:#aaa;margin-top:10px;font-size:5px;line-height:1.9}.clipboard-sync-demo>.clipboard-sync-boundary{font-family:var(--mono);max-width:none;margin-top:15px;font-size:6px}@media (width<=480px){.clipboard-sync-demo{padding:23px 14px}.clipboard-sync-demo>h3{font-size:28px}.clipboard-sync-demo>p{font-size:9px}.clipboard-sync-devices{align-items:start;gap:15px}.clipboard-sync-laptop{max-width:85px;padding-top:16px}.clipboard-sync-qr{width:80px;padding:8px}.clipboard-sync-requirement{gap:4px;font-size:6px;line-height:1.7}.clipboard-sync-requirement svg{flex-shrink:0;width:10px}.clipboard-sync-laptop>small{font-size:5px}.clipboard-machine-text{padding:8px}.clipboard-machine-text .demo-label{flex-wrap:wrap;font-size:5px}.clipboard-machine-text>p{font-size:7px}.clipboard-sync-demo .demo-phone{width:173px;min-width:173px}}@media (width<=340px){.clipboard-sync-devices{flex-direction:column;align-items:center}.clipboard-sync-laptop{flex-wrap:wrap;align-items:center;gap:8px;width:100%;max-width:none;padding:0;display:flex}.clipboard-sync-laptop>small{flex:1}.clipboard-sync-requirement{margin:0}.clipboard-machine-text{width:100%;margin:0}}.showcase-terminal-pane{border-radius:var(--surface-radius);border-right:1px solid #444}.terminal-nested{grid-template-rows:1fr 1fr;min-width:0;display:grid}.terminal-nested>.showcase-terminal-pane:first-child{border-bottom:1px solid #444}.showcase-terminal-pane{background:#111;min-width:0}.terminal-pane-bar{font-family:var(--mono);background:#1c1c1c;border-bottom:1px solid #303030;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:8px;display:flex}.terminal-pane-bar>span:first-child{align-items:center;gap:7px;display:flex}.terminal-pane-bar>span:last-child{color:#aaa;font-size:6px}.terminal-lines{font-family:var(--mono);color:#c2c2c2;overflow-wrap:anywhere;padding:17px;font-size:11px;line-height:2}.terminal-command{color:#eee}.terminal-output{color:#aaa}.static-terminal-cursor{background:#aaa;width:7px;height:13px;margin-top:8px;display:inline-block}.phone-content .showcase-terminal-pane{border:1px solid #333;margin-top:18px}.phone-content .terminal-pane-bar{padding:9px;font-size:6px}.phone-content .terminal-pane-bar>span:last-child{display:none}.phone-content .terminal-pane-bar svg{width:10px}.phone-content .terminal-lines{min-height:167px;padding:13px 10px;font-size:7px}.phone-content .static-terminal-cursor{width:4px;height:9px}.terminal-scene-heading h3{letter-spacing:-1.2px;margin:15px 0 12px;font-size:32px;line-height:1.1}.terminal-scene-heading p{color:#aaa;max-width:410px;font-size:11px;line-height:1.8}.terminal-scene-boundary{font-family:var(--mono);color:#aaa;margin-top:18px;font-size:6px;line-height:1.9}@media (width<=760px){.terminal-lines{padding:15px;font-size:9px}.terminal-pane-bar{padding:10px 12px;font-size:7px}}@media (width<=480px){.terminal-scene-heading h3{font-size:28px}.terminal-scene-heading p{font-size:9px}.terminal-lines{padding:13px 12px;font-size:8px}.terminal-pane-bar>span:last-child{display:none}}.terminal-folder-demo{padding:26px}.terminal-folder-workspace{border-radius:var(--surface-radius);border:1px solid #3b3b3b;grid-template-columns:130px minmax(0,1fr);margin-top:25px;display:grid;overflow:hidden}.terminal-folder-workspace>nav{background:#202020;border-right:1px solid #3b3b3b;padding:17px 10px}.terminal-folder-workspace>nav>.demo-label{margin:0 7px 15px;display:block}.terminal-folder-workspace nav button{text-align:left;color:#bbb;border-radius:var(--surface-radius);align-items:center;gap:7px;width:100%;padding:10px 7px;font-size:10px;display:flex}.terminal-folder-workspace nav button span{flex:1}.terminal-folder-workspace nav button[aria-pressed=true]{color:#e3d5ff;background:#403455}.terminal-folder-workspace nav>small{color:#aaa;font-family:var(--mono);margin:16px 7px 0;font-size:6px;line-height:1.8;display:block}.terminal-current-folder{font-family:var(--mono);color:#d1bfff;overflow-wrap:anywhere;background:#27222d;align-items:center;gap:7px;padding:12px 16px;font-size:8px;display:flex}.terminal-sample-command{border-top:1px solid #383838;padding:15px}.terminal-sample-command label{font-family:var(--mono);color:#aaa;margin-bottom:10px;font-size:7px;display:block}.terminal-sample-command>div{gap:8px;display:flex}.terminal-sample-command select{border-radius:var(--surface-radius);color:#eee;width:100%;min-width:0;font-family:var(--mono);background:#222;border:1px solid #484848;flex:1;padding:9px;font-size:9px}.terminal-sample-command button{border-radius:var(--surface-radius);color:#decfff;white-space:nowrap;border:1px solid #5b4a75;justify-content:center;align-items:center;gap:7px;padding:9px;font-size:8px;display:flex}@media (width<=480px){.terminal-folder-demo{padding:23px 14px}.terminal-folder-workspace{grid-template-columns:minmax(0,1fr)}.terminal-folder-workspace>nav{border-bottom:1px solid #3b3b3b;border-right:0;flex-wrap:wrap;gap:5px;padding:12px;display:flex}.terminal-folder-workspace>nav>.demo-label{width:100%;margin:0 0 6px}.terminal-folder-workspace nav button{flex:1;width:auto;font-size:9px}.terminal-folder-workspace nav button>svg:last-child{display:none}.terminal-folder-workspace nav>small{width:100%;margin:5px 0 0}.terminal-sample-command>div{flex-wrap:wrap}.terminal-sample-command select{flex-basis:100%}.terminal-sample-command button{width:100%}}.terminal-phone-demo{padding:26px}.terminal-phone-devices{justify-content:center;align-items:center;gap:40px;margin-top:25px;display:flex}.terminal-phone-pairing{min-width:0;max-width:180px}.terminal-qr{color:#111;aspect-ratio:1;border-radius:var(--surface-radius);background:#fff;place-items:center;width:140px;max-width:100%;padding:14px;display:grid}.terminal-qr svg{stroke-width:1.4px;width:100%;height:auto;display:block}.terminal-phone-pairing small{color:#aaa;font-family:var(--mono);margin:12px 0 20px;font-size:6px;line-height:1.9;display:block}.terminal-phone-pairing p{color:#bbb;align-items:center;gap:7px;margin-top:11px;font-size:9px;line-height:1.8;display:flex}.terminal-phone-demo .demo-phone{min-height:350px}.terminal-phone-demo h4{margin:16px 0;font-size:21px;line-height:1.1}.terminal-phone-demo .terminal-sample-command{border:0;padding:13px 0 0}.terminal-phone-demo .terminal-sample-command>div{flex-wrap:wrap}.terminal-phone-demo .terminal-sample-command select{flex-basis:100%;font-size:8px}.terminal-phone-demo .terminal-sample-command button{width:100%;font-size:7px}.terminal-phone-demo .terminal-sample-command label{font-size:6px}@media (width<=480px){.terminal-phone-demo{padding:23px 14px}.terminal-phone-devices{align-items:start;gap:15px}.terminal-phone-pairing{max-width:80px;padding-top:22px}.terminal-qr{width:80px;padding:8px}.terminal-phone-pairing p{gap:4px;font-size:6px}.terminal-phone-pairing p svg{flex-shrink:0;width:10px}.terminal-phone-pairing small{font-size:5px}.terminal-phone-demo .demo-phone{width:173px;min-width:173px}}@media (width<=340px){.terminal-phone-devices{flex-direction:column;align-items:center}.terminal-phone-pairing{flex-wrap:wrap;align-items:center;gap:10px;width:100%;max-width:none;padding:0;display:flex}.terminal-phone-pairing small{flex:1;margin:0}.terminal-phone-pairing p{margin:0}}.terminal-git-history-demo{padding:26px}.terminal-context-workspace{border-radius:var(--surface-radius);border:1px solid #3b3b3b;grid-template-columns:minmax(0,1fr) minmax(160px,.75fr);margin-top:25px;display:grid;overflow:hidden}.terminal-context-workspace>div{min-width:0}.terminal-history-list{border-top:1px solid #383838;padding:16px}.terminal-history-list>.demo-label{margin-bottom:12px;display:block}.terminal-history-list>button{text-align:left;color:#bbb;border-top:1px solid #333;align-items:center;gap:7px;width:100%;padding:12px 6px;font-size:8px;display:flex}.terminal-history-list>button[aria-pressed=true]{color:#d6c0ff;background:#29232f}.terminal-history-list code{overflow-wrap:anywhere;flex:1;min-width:0}.terminal-git-panel{background:#212121;border-left:1px solid #3b3b3b;min-width:0;padding:17px 14px}.terminal-git-panel>div:first-child{color:#d7c3ff;align-items:center;gap:7px;margin-bottom:25px;font-size:11px;display:flex}.terminal-git-panel>div:first-child small{color:#aaa;margin-left:auto;font-size:7px}.terminal-git-panel>.demo-label{margin:21px 0 13px;font-size:6px;display:block}.terminal-git-panel>p{font-family:var(--mono);color:#ccc;overflow-wrap:anywhere;gap:9px;margin-top:10px;font-size:8px;line-height:1.8;display:flex}.terminal-git-panel>p span{color:#d0ba80}.terminal-commit{border-top:1px solid #383838;align-items:start;gap:9px;padding:10px 0;display:flex}.terminal-commit>svg{color:#c7b1f1;flex-shrink:0;margin-top:2px}.terminal-commit strong{font-size:8px;font-weight:400;line-height:1.7;display:block}.terminal-commit small{font-family:var(--mono);color:#aaa;margin-top:5px;font-size:6px;display:block}@media (width<=600px){.terminal-context-workspace{grid-template-columns:minmax(0,1fr)}.terminal-git-panel{border-top:1px solid #3b3b3b;border-left:0}}@media (width<=480px){.terminal-git-history-demo{padding:23px 14px}}.platform-chip{border-radius:var(--surface-radius);font-family:var(--mono);letter-spacing:.6px;border:1px solid #444;padding:4px 7px;font-size:7px!important}.remote-scene-heading h3{letter-spacing:-1.2px;margin:15px 0 12px;font-size:33px;line-height:1.1}.remote-scene-heading>p{color:#aaa;max-width:430px;font-size:11px;line-height:1.8}.remote-preview-boundary{font-family:var(--mono);color:#aaa;margin-top:18px;font-size:6px;line-height:1.9}@media (width<=480px){.remote-scene-heading h3{font-size:28px}.remote-scene-heading>p{font-size:9px}.platform-chip{font-size:6px!important}}.remote-pairing-demo{padding:26px}.remote-pairing-devices{justify-content:center;align-items:center;gap:35px;margin:26px 0;display:flex}.remote-pairing-host{flex:1;min-width:0;max-width:235px}.remote-pairing-qr{aspect-ratio:1;color:#111;border-radius:var(--surface-radius);background:#fff;place-items:center;width:140px;max-width:100%;padding:14px;display:grid}.remote-pairing-qr svg{stroke-width:1.4px;width:100%;height:auto;display:block}.remote-pairing-host>small{font-family:var(--mono);color:#aaa;margin-top:10px;font-size:6px;line-height:1.8;display:block}.remote-pairing-requirement{color:#bbb;align-items:center;gap:7px;margin-top:17px;font-size:9px;display:flex}.remote-approval-card{border-radius:var(--surface-radius);background:#222;border:1px solid #444;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;padding:15px;display:flex}.remote-approval-card strong{flex:1;font-size:10px;font-weight:400;line-height:1.7}.remote-approval-card button{justify-content:center;gap:8px;width:100%;min-height:35px;font-size:9px}.remote-pairing-demo .demo-phone{min-height:350px}.remote-phone-waiting{text-align:center;padding-top:55px}.remote-phone-waiting>svg{color:#cbb5f3}.remote-phone-waiting h4{margin:22px 0 15px;font-size:25px;line-height:1.1}.remote-phone-waiting p{color:#aaa;font-size:8px;line-height:1.8}.remote-phone-waiting>span{font-family:var(--mono);color:#aaa;margin-top:23px;font-size:5px;line-height:1.8;display:block}@media (width<=480px){.remote-pairing-demo{padding:23px 14px}.remote-pairing-devices{flex-direction:column;gap:22px}.remote-pairing-host{grid-template-columns:80px minmax(0,1fr);align-items:center;gap:10px 14px;width:100%;max-width:none;display:grid}.remote-pairing-qr{grid-row:span 2;width:80px;padding:8px}.remote-pairing-host>small{margin:0;font-size:5px}.remote-pairing-requirement{margin:0;font-size:7px}.remote-approval-card{grid-column:1/-1;margin-top:5px}.remote-pairing-demo .demo-phone{width:173px;min-width:173px;min-height:330px}}.remote-trackpad-demo{padding:26px}.remote-trackpad-workspace{justify-content:center;align-items:center;gap:30px;margin-top:25px;display:flex}.remote-trackpad-controls{flex:1;min-width:0;max-width:300px}.remote-trackpad-instructions>svg{color:#cbb5f3}.remote-trackpad-instructions h4{letter-spacing:-.7px;margin:18px 0;font-size:25px;line-height:1.1}.remote-trackpad-instructions p{color:#aaa;max-width:220px;font-size:10px;line-height:1.9}.remote-trackpad-instructions>span{color:#ccb8ef;align-items:center;gap:7px;margin-top:23px;font-size:8px;display:flex}.remote-gesture-list button{text-align:left;color:#ccc;border-bottom:1px solid #3c3c3c;align-items:center;gap:11px;width:100%;padding:16px 9px;display:flex}.remote-gesture-list button[aria-pressed=true]{color:#eadfff;background:#30273e}.remote-gesture-list button>span:nth-child(2){flex:1}.remote-gesture-list strong{font-size:10px;font-weight:500;line-height:1.7;display:block}.remote-gesture-list small{color:#aaa;margin-top:4px;font-size:8px;line-height:1.8;display:block}.remote-gesture-fingers{flex-shrink:0;gap:3px;width:29px;display:flex}.remote-gesture-fingers i{border-radius:var(--surface-radius);border:1px solid #cbb5f3;width:6px;height:17px}.remote-trackpad-demo .demo-phone{min-height:368px}.remote-mirror{border-radius:var(--surface-radius);background:#29252f;border:1px solid #4a444f;height:120px;margin-top:18px;padding:10px;position:relative;overflow:hidden}.remote-mirror>span:first-child{font-family:var(--mono);color:#bbb;font-size:5px}.remote-mirror-document{background:#191919;border:1px solid #555;min-height:70px;margin-top:9px;padding:10px}.remote-mirror-document i{background:#504a59;width:85%;height:3px;margin-bottom:7px;display:block}.remote-mirror-document i:nth-child(2n){width:60%}.remote-mirror-cursor{color:#eee;pointer-events:none;position:absolute}.remote-mirror-menu{border-radius:var(--surface-radius);background:#39323f;border:1px solid #6c5d7b;padding:5px 16px 5px 8px;font-size:7px;line-height:2.3;position:absolute;top:41px;right:12px}.remote-mirror-spaces{background:#211b29;align-items:center;gap:5px;padding:6px;display:flex;position:absolute;inset:26px 7px 7px}.remote-mirror-spaces span{text-align:center;background:#514360;border:1px solid #89739f;flex:1;padding:22px 3px;font-size:6px}.remote-mirror-scroll .remote-mirror-document{transform:translateY(-7px)}.remote-mirror-zoom .remote-mirror-document{transform-origin:0 0;transform:scale(1.4)}.remote-live-trackpad,.remote-gesture-pad{border-radius:var(--surface-radius);color:#d4c1f3;background:#27242c;border:1px solid #555;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:100%;height:100px;margin-top:14px;display:flex}.remote-live-trackpad{cursor:crosshair}.remote-live-trackpad>span,.remote-gesture-pad>span{font-family:var(--mono);letter-spacing:.4px;color:#bbb;font-size:5px}.remote-gesture-pad>div{gap:9px;display:flex}.remote-gesture-pad i{border-radius:var(--surface-radius);background:#76608d55;border:1px solid #cbb5f3;width:12px;height:25px;display:block}.remote-phone-shortcuts{justify-content:space-between;align-items:center;gap:6px;margin-top:12px;display:flex}.remote-phone-shortcuts span{border-radius:var(--surface-radius);text-align:center;background:#28252c;border:1px solid #49414e;min-width:27px;padding:6px;font-size:8px}.remote-trackpad-status{font-family:var(--mono);color:#aaa;margin-top:15px;font-size:5px;line-height:1.9}@media (width<=480px){.remote-trackpad-demo{padding:23px 14px}.remote-trackpad-workspace{flex-direction:column;gap:22px}.remote-trackpad-controls{width:100%;max-width:none}.remote-trackpad-instructions{display:none}.remote-gesture-list button{gap:9px;padding:12px 8px}.remote-gesture-list strong{font-size:9px}.remote-gesture-list small{font-size:7px}.remote-trackpad-demo .demo-phone{width:173px;min-width:173px}}.quickshare-main{min-width:0}.quickshare-files{max-width:700px;margin:auto;padding:28px 30px}.quickshare-files h3{letter-spacing:-.8px;margin:17px 0 24px;font-size:26px;line-height:1.2}.transfer-file{border-bottom:1px solid #373737;align-items:center;gap:15px;padding:16px 0;display:flex}.transfer-file>div{flex:1}.transfer-file strong{font-size:11px;font-weight:500;line-height:1.8}.transfer-file small{color:#aaa;margin-top:3px;font-size:8px;display:block}.transfer-file>span{font-family:var(--mono);color:#aaa;font-size:8px}.transfer-file>svg:last-child{color:#b1a4ff}.zip-bundle{border-radius:var(--surface-radius);background:#2a2535;border:1px solid #5b536e;align-items:center;gap:14px;margin-top:21px;padding:15px;display:flex}.zip-bundle>div{flex:1}.zip-bundle strong{font-size:11px;font-weight:500}.zip-bundle small{color:#bdb6cc;margin-top:7px;font-size:8px;display:block}@media (width<=480px){.quickshare-files{padding:25px 17px}.quickshare-files h3{font-size:23px}.transfer-file{gap:9px;padding:16px 0}.transfer-file>svg{width:19px}.transfer-file strong{font-size:9px}.transfer-file small,.transfer-file>span{font-size:7px}.zip-bundle{gap:10px;padding:13px}.zip-bundle strong{font-size:10px}.zip-bundle small{font-size:7px}}.quickshare-pairing-demo{max-width:720px;margin:auto;padding:26px}.quickshare-pairing-demo h3{letter-spacing:-1.4px;margin:15px 0 12px;font-size:36px;line-height:1.08}.quickshare-pairing-demo>p{color:#aaa;max-width:440px;font-size:11px;line-height:1.8}.quickshare-device-options{flex-wrap:wrap;gap:7px;margin:23px 0;display:flex}.quickshare-device-options button{border-radius:var(--surface-radius);color:#bbb;border:1px solid #484848;padding:10px;font-size:9px}.quickshare-device-options button[aria-pressed=true]{color:#e2d2ff;background:#362b46;border-color:#806896}.quickshare-pairing-session{border-radius:var(--surface-radius);border:1px solid #3d3d3d;align-items:center;gap:30px;padding:20px;display:flex}.quickshare-qr-link{flex-shrink:0;width:120px}.quickshare-qr{aspect-ratio:1;color:#111;border-radius:var(--surface-radius);background:#fff;place-items:center;width:120px;max-width:100%;padding:12px;display:grid}.quickshare-qr svg{stroke-width:1.4px;width:100%;height:auto}.quickshare-qr-link>small{font-family:var(--mono);color:#aaa;margin:10px 0 15px;font-size:5.5px;line-height:1.9;display:block}.quickshare-qr-link>span{color:#bbb;align-items:center;gap:6px;font-size:8px;display:flex}.quickshare-sample-handoff{flex:1;min-width:0}.quickshare-device-pair{color:#cfb8ef;justify-content:space-between;align-items:center;gap:9px;margin:8px 0 23px;display:flex}.quickshare-device-pair>div{text-align:center;min-width:0}.quickshare-device-pair>div>span{color:#bbb;margin-top:8px;font-size:8px;line-height:1.8;display:block}.quickshare-sample-file{border-block:1px solid #3d3d3d;align-items:center;gap:10px;padding:15px 0;font-size:10px;display:flex}.quickshare-sample-file>span{overflow-wrap:anywhere;flex:1;min-width:0}.quickshare-sample-file small{color:#aaa;margin-top:5px;font-size:7px;line-height:1.8;display:block}.quickshare-sample-file>svg{flex-shrink:0}.quickshare-sample-file>svg:last-child{color:#cfb8ef}.quickshare-sample-handoff>button{justify-content:center;gap:8px;width:100%;min-height:35px;margin-top:16px;font-size:9px}.quickshare-sample-handoff>button:disabled{opacity:.7;cursor:default}.quickshare-handoff-status{font-family:var(--mono);color:#aaa;margin-top:13px;font-size:6px;line-height:1.9}.quickshare-hub-note{color:#aaa;align-items:start;gap:9px;margin-top:20px;display:flex}.quickshare-hub-note>svg{flex-shrink:0;margin-top:2px}.quickshare-hub-note p{font-size:8px;line-height:1.9}.quickshare-explore-files{color:#d4c0f3;align-items:center;gap:10px;padding:15px 0 0;font-size:9px;display:flex}.quickshare-demo:has(.quickshare-pairing-demo){grid-template-columns:minmax(0,1fr)}@media (width<=480px){.quickshare-pairing-demo{padding:23px 14px}.quickshare-pairing-demo h3{font-size:30px}.quickshare-pairing-demo>p{font-size:9px}.quickshare-device-options{gap:6px}.quickshare-device-options button{flex:1;padding:9px;font-size:8px}.quickshare-pairing-session{flex-direction:column;gap:22px;padding:15px}.quickshare-qr-link{flex-wrap:wrap;align-items:center;gap:10px;width:100%;display:flex}.quickshare-qr{flex-shrink:0;width:80px;padding:8px}.quickshare-qr-link>small{flex:1;margin:0}.quickshare-qr-link>span{width:100%;font-size:7px}.quickshare-sample-handoff{width:100%}.quickshare-device-pair{justify-content:space-around}}.app-showcase{--demo-bg:#151515;--demo-panel:#1b1b1b;--demo-line:#343434;--demo-muted:#aaa;--demo-accent:#b1a4ff;color:#eee;scroll-margin-top:96px}.showcase-split{grid-template-columns:minmax(0,1.9fr) minmax(300px,1fr);align-items:stretch;gap:27px;display:grid}.showcase-product-window{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--demo-bg);border-radius:var(--surface-radius);border:1px solid #424242;flex-direction:column;min-width:0;min-height:640px;display:flex;overflow:hidden;box-shadow:0 24px 80px #0006}.showcase-titlebar{border-bottom:1px solid var(--demo-line);background:#202020;flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;min-height:42px;padding:0 12px;display:flex}.showcase-window-dots{gap:5px;display:flex}.showcase-window-dots>i{border-radius:var(--surface-radius);border:1px solid #777;width:6px;height:6px}.showcase-window-dots>i:first-child{background:#777}.showcase-titlebar>span{font-family:var(--mono);color:#bcbcbc;align-items:center;gap:10px;font-size:8px;display:flex}.showcase-titlebar>span>span{color:#777}.tour-controls{align-items:center;gap:9px;height:41px;display:flex}.tour-position{font-family:var(--mono);color:#ddd;white-space:nowrap;font-size:7px}.tour-position>span{color:#999}.tour-controls button{color:#c8c8c8;border-left:1px solid #3c3c3c;align-items:center;gap:6px;min-height:34px;padding:0 9px;font-size:8px;display:flex}.tour-controls button:disabled{color:#aaa}.tour-controls .tour-next{padding:0 2px 0 8px}.tour-controls button:hover:not(:disabled){color:#fff}.showcase-window{flex:1;grid-template-columns:49px minmax(0,1fr);min-height:0;display:grid}.showcase-activity{border-right:1px solid var(--demo-line);background:#181818;flex-direction:column;align-items:center;gap:15px;min-height:0;padding:18px 0 12px;display:flex}.showcase-activity>.mark{width:24px;height:24px}.showcase-activity>[role=tablist]{scrollbar-width:none;flex-direction:column;flex:1;align-items:center;gap:3px;width:100%;min-height:0;display:flex;overflow:clip auto}.showcase-activity button{border-radius:var(--surface-radius);color:#999;flex-shrink:0;place-items:center;width:37px;min-height:41px;transition:background .15s,color .15s;display:grid;position:relative}.showcase-activity button:hover{color:#eee;background:#252525}.showcase-activity button[aria-selected=true]{color:#c2b5ff;background:#302a46}.showcase-activity button[aria-selected=true]:before{content:"";background:#b1a4ff;width:2px;position:absolute;top:9px;bottom:9px;left:-6px}.activity-tooltip{z-index:5;pointer-events:none;opacity:0;white-space:nowrap;color:#111;border-radius:var(--surface-radius);background:#eee;border:1px solid #ccc;padding:8px 12px;font-size:11px;transition:opacity .15s,transform .15s;position:absolute;left:calc(100% + 8px);transform:translate(-4px)}.showcase-activity button:hover>.activity-tooltip,.showcase-activity button:focus-visible>.activity-tooltip{opacity:1;transform:translate(0)}.activity-local{color:#aaa;place-items:center;margin-top:auto;padding-top:8px;display:grid}.showcase-app{flex-direction:column;min-width:0;min-height:0;display:flex}.showcase-app-header{border-bottom:1px solid #333;flex-shrink:0;align-items:center;gap:12px;padding:18px;display:flex}.showcase-app-icon{border-radius:var(--surface-radius);color:#dedede;border:1px solid #444;flex-shrink:0;place-items:center;width:35px;height:35px;display:grid}.showcase-app-header h3{letter-spacing:-.5px;font-size:17px;font-weight:550;line-height:1.2}.showcase-app-header p{color:#aaa;max-width:410px;margin-top:5px;font-size:10px;line-height:1.7}.app-demo-canvas{scrollbar-width:thin;scrollbar-color:#555 #191919;flex:1;min-height:0;overflow:auto}.showcase-statusbar{border-top:1px solid var(--demo-line);font-family:var(--mono);letter-spacing:.3px;color:#aaa;background:#1d1d1d;flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;padding:9px 11px;font-size:5px;line-height:1.7;display:flex}.showcase-statusbar>span{align-items:center;gap:6px;display:flex}.showcase-statusbar>span:last-child{text-align:right}.tour-progress-track{background:#444;flex-shrink:0;width:35px;height:2px;display:inline-flex}.tour-progress-track>i{background:#b1a4ff;width:0;height:2px}.tour-progress-track>i.is-running{animation:tour-progress var(--tour-duration) linear forwards}@keyframes tour-progress{to{width:100%}}@media (width<=1200px){.showcase-split{grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr);gap:20px}.showcase-titlebar>span{display:none}.showcase-app-header{padding:15px}.showcase-app-header p{font-size:9px}}@media (width<=899px){.showcase-split{grid-template-columns:minmax(0,1fr);gap:20px}.showcase-product-window{height:620px;min-height:0}.showcase-titlebar>span{display:flex}.showcase-app-header{padding:18px}.showcase-app-header p{font-size:11px}.showcase-statusbar{font-size:6px}.showcase-window{grid-template-columns:49px minmax(0,1fr)}}@media (width<=480px){.showcase-product-window{height:600px}.showcase-window{grid-template-columns:43px minmax(0,1fr)}.showcase-titlebar>span{display:none}.showcase-activity{gap:14px;padding-top:16px}.showcase-activity>.mark{width:22px;height:22px}.showcase-activity button{width:34px;min-height:44px}.showcase-activity button[aria-selected=true]:before{left:-4px}.showcase-activity button>svg{width:19px}.showcase-app-header{gap:9px;padding:16px 12px}.showcase-app-header h3{font-size:17px}.showcase-app-header p{max-width:220px;font-size:9px}.showcase-app-icon{display:none}.showcase-statusbar{gap:10px;padding:9px;font-size:4.5px}.showcase-statusbar>span:first-child>svg{display:none}.tour-controls button{min-height:40px}.tour-progress-track{display:none}}.demo-layout{grid-template-columns:155px minmax(0,1fr);min-height:390px;display:grid}.demo-sidebar{background:#191919;border-right:1px solid #333;min-width:0;padding:20px 8px}.demo-label{font-family:var(--mono);letter-spacing:.8px;color:#aaa;font-size:8px;line-height:1.8;display:block}.demo-sidebar>.demo-label{margin-bottom:16px;padding:0 9px}.demo-sidebar-item{color:#aaa;border-radius:var(--surface-radius);overflow-wrap:anywhere;gap:8px;padding:10px 9px;font-size:10px;line-height:1.6;display:flex}.demo-sidebar-item>span{font-family:var(--mono);color:#888;font-size:7px;line-height:2.2}.demo-sidebar-item.is-selected{color:#eee;background:#2d2d2d}.native-toolbar{color:#c9c9c9;border-bottom:1px solid #333;justify-content:space-between;align-items:center;gap:15px;min-height:43px;padding:0 17px;font-size:10px;line-height:1.5;display:flex}.native-toolbar>span,.native-toolbar>span>span{align-items:center;gap:8px;display:flex}.native-toolbar small{color:#aaa;margin-left:6px;font-size:8px}.native-toolbar button{color:#ccc;align-items:center;gap:7px;min-height:34px;padding:6px 0;font-size:9px;display:flex}.native-toolbar button:hover{color:#fff}.native-actions{gap:13px;display:flex}.native-actions>button{justify-content:center;min-width:25px}.demo-primary{color:#111;border-radius:var(--surface-radius);background:#e9e9e9;justify-content:center;align-items:center;gap:9px;min-height:37px;padding:10px 14px;font-size:10px;font-weight:500;transition:background .15s;display:inline-flex}.demo-primary:hover{background:#fff}.demo-notice{color:#b9b9b9;border-top:1px solid #353535;align-items:start;gap:9px;margin-top:21px;padding:14px 0 0;font-size:10px;line-height:1.8;display:flex}.demo-notice>svg{margin-top:2px}.demo-detail{background:#1b1b1b;border-left:1px solid #333;min-width:0;padding:24px 19px}.demo-detail>.demo-label{margin-bottom:24px}.demo-detail>svg{color:#ddd}.demo-detail blockquote{letter-spacing:-.4px;color:#ddd;margin:17px 0 20px;font-size:16px;line-height:1.6}.demo-detail p{color:#aaa;margin-top:16px;font-size:10px;line-height:1.8}.demo-detail small{font-family:var(--mono);color:#aaa;font-size:7px;line-height:1.8;display:block}.demo-code{border-radius:var(--surface-radius);min-width:0}.demo-code-header{font-family:var(--mono);color:#aaa;border-bottom:1px solid #292929;justify-content:space-between;gap:15px;padding:13px 17px;font-size:8px;display:flex}.demo-code-header>span:last-child{color:#888;font-size:7px}.demo-code pre{font-family:var(--mono);tab-size:2;scrollbar-width:thin;scrollbar-color:#555 #1a1a1a;margin:0;padding:16px 0 18px;font-size:11px;line-height:1.9;overflow-x:auto}.code-line{min-height:21px;padding-right:20px;display:flex}.code-line>code{font:inherit;color:#d0d0d0}.code-line-number{text-align:center;color:#777;-webkit-user-select:none;user-select:none;flex:0 0 42px;padding-left:9px;font-size:9px}.code-line.current-line{background:#302b43;border-left:2px solid #b1a4ff}.code-line.current-line>.code-line-number{color:#c7baff;flex-basis:40px}.code-line.current-line>code{color:#eee}.demo-bottomline{font-family:var(--mono);color:#aaa;border-top:1px solid #333;align-items:center;gap:8px;padding:13px 17px;font-size:7px;line-height:1.8;display:flex}.demo-phone{border-radius:var(--surface-radius);color:#ddd;background:#191919;border:3px solid #555;width:183px;min-width:183px;min-height:322px;padding:9px 9px 14px;position:relative;box-shadow:0 10px 40px #0005}.phone-island{border-radius:var(--surface-radius);background:#050505;width:59px;height:13px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.phone-header{color:#aaa;justify-content:space-between;margin-bottom:22px;padding:0 3px;font-size:6px;display:flex}.phone-header>span:last-child{font-size:5px}.phone-content{padding:0 6px}.phone-content>.demo-label{letter-spacing:.5px;font-size:5px}.phone-content h4{letter-spacing:-.8px;margin:15px 0;font-size:22px;line-height:1.15}.phone-home{border-radius:var(--surface-radius);background:#888;width:57px;height:3px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.sample-connection{border-radius:var(--surface-radius);color:#ddd;border:1px solid #454545;align-items:center;gap:10px;margin-top:23px;padding:13px;font-size:10px;display:flex}.sample-connection>svg{color:#b1a4ff}@media (width<=1100px){.demo-layout{grid-template-columns:125px minmax(0,1fr)}.demo-sidebar-item{font-size:9px}.demo-sidebar-item>span{display:none}.demo-detail{padding:20px 15px}.demo-detail blockquote{font-size:14px}.demo-code pre{font-size:10px}}@media (width<=760px){.demo-sidebar{display:none}.demo-layout{grid-template-columns:minmax(0,1fr)}.native-toolbar{padding:0 14px;font-size:9px}.demo-notice{font-size:9px}.demo-code pre{font-size:10px}.demo-detail{display:none}.demo-label{font-size:7px}}@media (width<=480px){.native-toolbar{gap:8px;min-height:39px;padding:0 12px;font-size:8px}.native-toolbar>span{gap:5px}.native-toolbar small{display:none}.native-toolbar button{gap:5px;min-height:39px;font-size:8px}.demo-code pre{font-size:9px;line-height:1.9}.code-line-number{flex-basis:27px;padding-left:0;font-size:7px}.code-line.current-line>.code-line-number{flex-basis:25px}.demo-code-header{padding:12px;font-size:7px}.demo-label{letter-spacing:.6px;font-size:6px}.demo-notice{gap:7px;font-size:8px;line-height:1.8}.demo-notice>svg{width:13px}.demo-primary{min-height:40px;padding:11px 12px;font-size:9px}.sample-connection{padding:11px;font-size:9px}.demo-bottomline{padding:11px 12px;font-size:6px}}.showcase-scroll-region{position:relative}.showcase-zoom-frame{transform-origin:50%;width:100%}.showcase-scroll-region[data-scroll-driven=true]{width:100vw;height:calc(100svh + var(--scene-count) * var(--scene-scroll));margin-left:calc(50% - 50vw)}.showcase-scroll-region[data-scroll-driven=true]>.showcase-sticky-stage{isolation:isolate;width:80vw;margin-inline:auto;position:sticky;top:max(10svh,92px)}.showcase-scroll-region[data-scroll-driven=true] .app-showcase,.showcase-scroll-region[data-scroll-driven=true] .showcase-split{height:100%}.showcase-scroll-region[data-scroll-driven=true] .showcase-zoom-frame{will-change:transform;height:80svh}.showcase-scroll-region[data-scroll-driven=true] .showcase-product-window{height:100%;min-height:0}.scroll-tour-guidance{min-height:29px;font-family:var(--mono);letter-spacing:.7px;color:var(--site-muted);justify-content:space-between;align-items:start;gap:25px;margin-top:15px;font-size:8px;line-height:1.7;display:flex;position:relative}.scroll-tour-guidance>span:first-child{align-items:center;gap:10px;display:flex}.scroll-tour-guidance>span>span{color:var(--site-subtle);margin-left:12px}.scroll-tour-guidance>a{letter-spacing:0;color:var(--site-text);align-items:center;gap:12px;font-size:10px;display:flex}.scroll-tour-track{background:var(--site-border);height:1px;position:absolute;top:-9px;left:0;right:0}.scroll-tour-track>i{transform-origin:0;background:#a698e4;width:100%;height:1px;display:block}.tour-scroll-label{font-family:var(--mono);color:#bbb;border-left:1px solid #3c3c3c;align-items:center;gap:7px;padding-left:10px;font-size:7px;display:flex}@media (height<=800px){.scroll-tour-guidance{margin-top:12px;font-size:7px}}.mark{flex-shrink:0;width:28px;height:28px;display:inline-flex}.mark img{object-fit:contain;width:100%;height:100%;display:block}.wordmark{letter-spacing:-1.3px;align-items:center;gap:10px;font-size:25px;font-weight:620;display:inline-flex}.eyebrow,.section-label,.product-annotation,.product-caption,.hero-bottom>a,.composition-foot,.launch-bottom,.footer-signoff{font-family:var(--mono);letter-spacing:1px;font-size:9px;line-height:1.6}.eyebrow{align-items:center;gap:9px;display:flex}.tiny-square{background:currentColor;width:5px;height:5px}.button{border-radius:var(--surface-radius);justify-content:center;align-items:center;gap:13px;min-height:48px;padding:14px 18px;font-size:12px;font-weight:550;transition:background .15s,transform .15s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}.button-light{color:var(--site-surface);background:var(--site-text)}.button-light:hover{background:var(--site-muted)}.button>svg:last-child{margin-left:16px}.button-outline{border:1px solid var(--site-border);min-height:42px;font-size:11px}.paper-section{background:var(--site-raised);color:var(--site-text)}.section-label{border-bottom:1px solid var(--site-border);color:var(--site-muted);letter-spacing:.8px;justify-content:space-between;align-items:center;gap:20px;padding-bottom:17px;font-size:8px;display:flex}.section-label>span:last-child{text-align:right}.status-dot{border-radius:var(--surface-radius);background:currentColor;flex-shrink:0;width:4px;height:4px;display:inline-block}.composition-section,.tools-section,.principles-section,.launch-section{padding:50px max(5.2%,50vw - 700px) 70px}.hero-product{perspective:1500px;max-width:1240px;margin:0 auto}.product-annotation{color:var(--site-muted);letter-spacing:.7px;justify-content:space-between;gap:20px;margin-bottom:14px;font-size:8px;display:flex}.product-annotation>span,.product-annotation>a{align-items:center;gap:8px;display:flex}.product-caption{color:var(--site-muted);letter-spacing:.6px;justify-content:space-between;gap:20px;margin-top:13px;font-size:7px;display:flex}@media (width<=760px){.composition-section,.tools-section,.principles-section,.launch-section{padding:35px 6% 45px}.section-label{letter-spacing:.5px;padding-bottom:14px;font-size:6px}.product-annotation{font-size:6px}.product-annotation>a{gap:0;font-size:0}.product-caption{letter-spacing:.3px;font-size:6px}}@media (width<=480px){.section-label{letter-spacing:.4px;font-size:5.5px}.product-caption>span{font-size:5px}.product-caption>span:last-child{text-align:right}.hero-product{margin-top:7px}}