.demo-boot,.demo-root{--demo-primary:var(--color-primary,#3b82f6);--demo-primary-hover:var(--color-primary-hover,#2563eb);--demo-text:#0f172a;--demo-muted:#64748b;--demo-surface:#fff;--demo-soft:#f5f8ff;--demo-line:#e2e8f0}.demo-boot{min-height:100dvh;display:grid;place-items:center;background:var(--demo-soft);color:var(--demo-text);font:15px var(--font-geist-sans),sans-serif}.demo-landing{background:var(--demo-surface);color:var(--demo-text);position:relative;overflow:hidden;font-family:var(--font-geist-sans),sans-serif}.demo-chapters,.demo-footer,.demo-hero,.demo-landing-nav,.demo-partner{position:relative;max-width:1360px;margin:auto;padding-left:64px;padding-right:64px}.demo-landing-nav{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--demo-line)}.demo-wordmark{display:flex;align-items:center;gap:12px;font-weight:650;font-size:29px;letter-spacing:-1px}.demo-wordmark img{width:30px;height:30px}.demo-wordmark span{font-size:11px;letter-spacing:.07em;text-transform:uppercase;font-weight:450;border-left:1px solid var(--demo-line);padding-left:16px;margin-left:8px;color:var(--demo-muted)}.demo-landing-nav>a:last-child{display:flex;align-items:center;gap:9px;font-size:12px}.demo-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;min-height:650px;padding-top:72px;padding-bottom:72px}.demo-kicker{font-size:10px;letter-spacing:.17em;font-weight:650;display:flex;align-items:center;gap:9px;color:var(--demo-primary)}.demo-kicker>span{width:7px;height:7px;background:var(--demo-primary);border-radius:50%}.demo-hero h1{font-size:clamp(44px,4.5vw,66px);line-height:1.08;letter-spacing:-3px;font-weight:500;margin:27px 0 23px}.demo-hero h1 em{font-family:inherit;font-style:normal;font-weight:600;color:var(--demo-primary);letter-spacing:-2px}.demo-hero-copy>p{font-size:16px;line-height:1.8;color:var(--demo-muted);max-width:350px}.demo-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.demo-primary,.demo-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 17px;border-radius:8px;font-size:12px;font-weight:600;transition:background .2s,transform .2s;border:1px solid transparent;cursor:pointer}.demo-primary{color:var(--demo-surface);background:var(--demo-primary)}.demo-primary:hover{background:var(--demo-primary-hover);transform:translateY(-1px)}.demo-secondary{color:var(--demo-primary);background:transparent;border-color:var(--demo-line)}.demo-secondary:hover{background:var(--demo-soft)}.demo-assurance{display:flex;align-items:center;gap:8px;color:var(--demo-muted);font-size:10px;margin-top:18px}.demo-product-preview{margin:0;background:var(--demo-surface);border:1px solid var(--demo-line);border-radius:12px;overflow:hidden;box-shadow:0 12px 32px #0f172a12}.demo-product-preview-heading{display:flex;align-items:center;gap:9px;padding:15px 18px;font-size:12px;font-weight:600;border-bottom:1px solid var(--demo-line)}.demo-product-preview-heading>svg{color:var(--demo-primary)}.demo-product-preview-heading>span{margin-left:auto;color:var(--demo-primary)}.demo-product-preview>img{width:100%;height:auto;display:block}.demo-product-preview figcaption{padding:14px 18px;color:var(--demo-muted);font-size:11px;line-height:1.6;border-top:1px solid var(--demo-line)}.demo-chapters{padding-top:70px;padding-bottom:80px;border-top:1px solid var(--demo-line)}.demo-section-intro{display:grid;grid-template-columns:1fr 1fr;gap:15px}.demo-section-intro>.demo-kicker{grid-column:1/-1}.demo-partner h2,.demo-section-intro h2{font-size:32px;line-height:1.25;letter-spacing:-1px;font-weight:450;margin:10px 0 25px}.demo-section-intro p{max-width:320px;justify-self:end;align-self:center;color:var(--demo-muted);font-size:14px;line-height:1.8}.demo-chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.demo-chapter-grid article{border:1px solid var(--demo-line);border-radius:9px;padding:24px}.demo-chapter-grid article>div{display:flex;justify-content:space-between;color:var(--demo-primary)}.demo-chapter-grid article>div>span{font:10px var(--font-geist-mono),monospace}.demo-chapter-grid h3{font-size:17px;font-weight:500;letter-spacing:-.35px;margin:26px 0 10px}.demo-chapter-grid p{font-size:12px;line-height:1.85;color:var(--demo-muted)}.demo-partner{display:flex;gap:36px;align-items:center;justify-content:space-between;border-top:1px solid var(--demo-line);padding-top:65px;padding-bottom:65px;background:var(--demo-soft)}.demo-partner h2{margin-bottom:18px}.demo-partner p{font-size:13px;line-height:1.8;color:var(--demo-muted);max-width:450px}.demo-partner>button{flex-shrink:0}.demo-footer{display:flex;justify-content:space-between;gap:24px;padding-top:28px;padding-bottom:28px;font-size:10px;color:var(--demo-muted)}.demo-toolbar{position:fixed;top:0;left:0;right:0;height:48px;z-index:110;display:flex;align-items:center;gap:13px;background:var(--demo-primary);color:#fff;padding:0 20px;font-family:var(--font-geist-sans),sans-serif;font-size:11px;box-shadow:0 1px 0 #ffffff16}.demo-toolbar-brand img{width:27px;height:27px;padding:3px;background:#fff;border-radius:5px}.demo-toolbar-badge{font-size:8px;letter-spacing:.1em;background:#ffffff1f;color:#fff;border:1px solid #ffffff4d;border-radius:4px;padding:3px 5px}.demo-toolbar-links{display:flex;gap:18px;margin-left:12px}.demo-toolbar-links a,.demo-toolbar-links button{color:#ffffffe6}.demo-toolbar-links a:hover,.demo-toolbar-links button:hover{color:#fff}.demo-toolbar-right{margin-left:auto;display:flex;gap:16px;align-items:center}.demo-toolbar-right>button{display:flex;gap:5px;align-items:center}.demo-credit-count{color:#fff;font:10px var(--font-geist-mono),monospace}.demo-app{padding-top:48px}.demo-root .demo-app .h-screen{height:calc(100dvh - 48px)}.demo-root .demo-app .min-h-screen{min-height:calc(100dvh - 48px)}.demo-highlight{position:fixed;border:2px solid var(--demo-primary);border-radius:9px;pointer-events:none;z-index:91;box-shadow:0 0 0 4px color-mix(in srgb,var(--demo-primary) 12%,transparent)}.demo-tour{position:fixed;bottom:24px;right:84px;z-index:100;width:330px;padding:21px;border-radius:12px;background:var(--demo-surface);color:var(--demo-text);border:1px solid var(--demo-line);box-shadow:0 12px 50px #0f172a26;font-family:var(--font-geist-sans),sans-serif}.demo-tour-heading{display:flex;align-items:center;justify-content:space-between}.demo-tour-heading>span{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:.1em;color:var(--demo-primary);font-weight:600}.demo-tour-heading>button{color:var(--demo-muted)}.demo-tour-progress{display:flex;gap:4px;margin:18px 0}.demo-tour-progress button{height:4px;flex:1;background:var(--demo-line);border-radius:4px}.demo-tour-progress .is-complete{background:var(--demo-primary)}.demo-tour-step{font:8px var(--font-geist-mono),monospace;color:var(--demo-muted)}.demo-tour h2{font-size:20px;font-weight:550;letter-spacing:-.5px;margin:8px 0 12px}.demo-tour p{font-size:12px;line-height:1.8;color:var(--demo-muted);margin-bottom:20px}.demo-tour-actions{display:flex;justify-content:space-between;align-items:center;gap:8px}.demo-tour-actions .demo-primary{padding:10px 12px;font-size:10px}.demo-tour-back{display:flex;align-items:center;gap:2px;font-size:10px;color:var(--demo-muted)}.demo-tour-back:disabled{opacity:.35}.demo-tour-pause{display:block;text-align:center;margin:16px auto 0;font-size:9px;color:var(--demo-muted);text-decoration:underline;text-underline-offset:3px}.demo-tour-collapsed{width:280px;padding:14px 18px}.demo-simulation-label{position:fixed;bottom:9px;left:50%;transform:translateX(-50%);z-index:90;font:9px var(--font-geist-sans),sans-serif;padding:5px 9px;border-radius:5px;background:#ffffffed;border:1px solid var(--demo-line);color:var(--demo-muted);white-space:nowrap;display:flex;gap:6px;align-items:center;pointer-events:none}.demo-simulation-label>span{width:4px;height:4px;border-radius:50%;background:var(--demo-primary)}.demo-advance{position:fixed;bottom:43px;left:50%;transform:translateX(-50%);z-index:95;display:flex;gap:7px;align-items:center;padding:9px 13px;background:var(--demo-primary);color:#fff;border-radius:7px;font-size:10px;box-shadow:0 3px 18px #0002}.demo-root a:focus-visible,.demo-root button:focus-visible{outline:3px solid var(--demo-primary);outline-offset:3px}@media (min-width:1100px){.demo-partner-tour .demo-app{padding-right:388px}.demo-partner-tour .demo-tour{right:24px}}@media (min-width:1600px){.demo-hero{min-height:760px}.demo-hero h1{font-size:73px}}@media (max-width:1000px){.demo-chapters,.demo-footer,.demo-hero,.demo-landing-nav,.demo-partner{padding-left:30px;padding-right:30px}.demo-hero{gap:25px}.demo-hero h1{font-size:48px}.demo-toolbar-links{gap:12px;margin-left:2px}.demo-toolbar{padding:0 12px;gap:9px}.demo-credit-count{display:none}}@media (max-width:720px){.demo-wordmark span{display:none}.demo-landing-nav{height:76px}.demo-hero{grid-template-columns:1fr;padding-top:42px;gap:40px}.demo-hero h1{font-size:49px;letter-spacing:-2px}.demo-product-preview{max-width:490px;width:100%;justify-self:center}.demo-section-intro{display:block}.demo-partner h2,.demo-section-intro h2{font-size:27px}.demo-section-intro p{max-width:100%;margin-bottom:25px}.demo-chapter-grid{grid-template-columns:1fr}.demo-chapter-grid article{padding:22px}.demo-chapter-grid h3{margin-top:15px}.demo-partner{display:block}.demo-partner>button{margin-top:24px}.demo-footer{flex-direction:column;gap:10px}.demo-toolbar-links{gap:11px;font-size:9px;overflow:auto;white-space:nowrap}.demo-toolbar-badge,.demo-toolbar-brand,.demo-toolbar-links>a:last-of-type{display:none}.demo-toolbar-right{gap:10px}.demo-toolbar-right span{display:none}.demo-tour{bottom:12px;left:12px;right:12px;width:auto;padding:17px}.demo-tour p{font-size:11px;margin-bottom:14px}.demo-tour h2{font-size:18px}.demo-tour-progress{margin:12px 0}.demo-tour-collapsed{left:auto;width:260px}.demo-simulation-label{font-size:8px}.demo-advance{bottom:42px}.demo-hero-actions .demo-primary,.demo-hero-actions .demo-secondary{font-size:11px;padding:12px}.demo-assurance{font-size:9px}}@media (prefers-reduced-motion:reduce){.demo-primary,.demo-secondary{transition:none}.demo-primary:hover{transform:none}}.demo-is-landing .demo-app>div.fixed,.demo-is-landing .demo-simulation-label,.demo-is-landing .demo-toolbar{display:none}.demo-is-landing .demo-app{padding-top:0}body:has([role=dialog][aria-modal=true]) .demo-highlight,body:has([role=dialog][aria-modal=true]) .demo-tour{display:none}.demo-toolbar a:focus-visible,.demo-toolbar button:focus-visible{outline-color:#fff}