.marketing-shell{color:var(--text-primary);background:var(--surface-canvas);min-height:100dvh}.marketing-header,.marketing-footer,.landing-hero,.marketing-section,.guide-page{width:min(100% - 48px,1080px);margin-inline:auto}.marketing-header{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;gap:16px;min-height:88px;display:flex}.marketing-brand{color:var(--text-primary);align-items:center;gap:10px;font-size:20px;font-weight:800;text-decoration:none;display:inline-flex}.marketing-mark{object-fit:contain;width:36px;height:36px}.marketing-header nav,.marketing-footer nav{align-items:center;gap:20px;display:flex}.marketing-header nav>a:not([data-slot]),.marketing-footer nav a{min-height:44px;color:var(--text-secondary);align-items:center;font-size:14px;text-decoration:none;display:inline-flex}.marketing-shell a:focus-visible{outline:2px solid var(--text-primary);outline-offset:4px}.marketing-shell a:hover{text-decoration-color:currentColor}.landing-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:72px;padding-block:72px 88px;display:grid}.marketing-eyebrow{color:var(--text-secondary);letter-spacing:.04em;margin:0 0 16px;font-size:12px;font-weight:700}.landing-intro h1,.guide-heading h1{letter-spacing:-.04em;word-break:keep-all;margin:0;font-size:32px;font-weight:800;line-height:1.35}.landing-intro h1 em{color:var(--accent-text);font-style:normal}.landing-description{color:var(--text-secondary);word-break:keep-all;margin-block:24px;font-size:16px;line-height:1.8}.marketing-actions{flex-wrap:wrap;gap:12px;display:flex}.landing-caption{color:var(--text-secondary);margin-top:16px;font-size:12px}.landing-example{justify-self:center;width:100%;min-width:0;max-width:390px}.landing-example-label{color:var(--text-secondary);justify-content:space-between;margin-bottom:12px;font-size:12px;display:flex}.landing-profile{border:1px solid var(--border-default);background:var(--public-bg);color:var(--public-text);box-shadow:var(--elevation-panel);border-radius:24px;padding:24px}.landing-profile-identity{text-align:center;padding-block:0 24px}.landing-initial{background:var(--public-accent);width:48px;height:48px;color:var(--neutral-950);border-radius:50%;place-items:center;margin:0 auto 12px;font-size:20px;font-weight:800;display:grid}.landing-profile h2{color:inherit;margin:0 0 8px;font-size:18px}.landing-profile-identity p{color:var(--public-muted);margin:0;font-size:13px}.landing-example-signature{text-align:center;color:var(--public-muted);margin-top:24px;font-size:11px;display:block}.landing-theme-options{margin:16px auto 0}.marketing-section{border-top:1px solid var(--border-default);padding-block:64px}.marketing-section h2,.landing-final h2,.guide-section h2{letter-spacing:-.03em;word-break:keep-all;margin:0 0 24px;font-size:24px;font-weight:700;line-height:1.4}.landing-features{grid-template-columns:repeat(3,1fr);gap:32px;margin-top:32px;display:grid}.landing-features article>svg{width:24px;height:24px;color:var(--accent-text);margin-bottom:16px}.landing-features h3,.landing-start h3{margin:0 0 12px;font-size:16px;font-weight:700}.landing-features p,.landing-start p{color:var(--text-secondary);word-break:keep-all;margin:0;font-size:14px;line-height:1.8}.landing-start{grid-template-columns:1fr 1fr;gap:64px;display:grid}.landing-start>div>a{margin-top:24px}.landing-start ol{gap:32px;margin:0;padding:0;list-style:none;display:grid}.landing-start li{align-items:flex-start;gap:20px;display:flex}.landing-start li>span{border:1px solid var(--border-default);background:var(--surface-raised);border-radius:12px;flex:0 0 36px;place-items:center;height:36px;font-size:14px;font-weight:700;display:grid}.landing-final{text-align:center;background:var(--surface-sunken);border-block:1px solid var(--border-default);padding:64px 24px}.landing-final h2{margin-bottom:12px}.landing-final p{color:var(--text-secondary);word-break:keep-all;margin:0 0 24px;font-size:14px}.marketing-footer{flex-wrap:wrap;align-items:center;gap:24px;padding-block:32px;display:flex}.marketing-footer p{color:var(--text-secondary);flex:1;font-size:12px}.guide-heading{padding-block:64px 48px}.guide-heading>p:last-child{color:var(--text-secondary);margin-top:20px;font-size:15px}.guide-layout{grid-template-columns:248px minmax(0,1fr);gap:64px;padding-bottom:64px;display:grid}.guide-index{align-self:start;gap:4px;display:grid;position:sticky;top:24px}.guide-index strong{margin-bottom:12px;font-size:13px}.guide-index a{min-height:44px;color:var(--text-secondary);align-items:center;gap:12px;font-size:13px;text-decoration:none;display:flex}.guide-index a span{color:var(--text-secondary);font-size:11px}.guide-index a:hover{color:var(--text-primary);text-underline-offset:4px;text-decoration:underline}.guide-sections{min-width:0}.guide-section{border-bottom:1px solid var(--border-default);margin-bottom:40px;padding-block:0 40px;scroll-margin-top:24px}.guide-section h2{margin-block:12px 20px;font-size:20px}.guide-section ol{word-break:keep-all;gap:16px;padding-left:20px;font-size:15px;line-height:1.8;list-style:decimal;display:grid}.guide-section li{padding-left:8px}.guide-section li::marker{color:var(--text-secondary)}.guide-note{border-left:2px solid var(--accent-text);background:var(--surface-sunken);color:var(--text-secondary);word-break:keep-all;border-radius:0 12px 12px 0;margin:24px 0;padding:16px;font-size:13px;line-height:1.8}@media (max-width:767px){.marketing-header,.marketing-footer,.landing-hero,.marketing-section,.guide-page{width:calc(100% - 40px)}.marketing-header{gap:8px;min-height:72px}.marketing-header nav{gap:4px}.marketing-header nav>a:not([data-slot]){font-size:12px}.marketing-brand{gap:6px;font-size:18px}.marketing-mark{width:28px;height:28px}.landing-hero{grid-template-columns:1fr;gap:40px;padding-block:40px 48px}.landing-intro h1,.guide-heading h1{font-size:28px}.landing-description{margin-block:20px;font-size:15px}.desktop-break{display:none}.landing-example{max-width:390px}.landing-profile{padding:20px}.marketing-section{padding-block:40px}.landing-features{grid-template-columns:1fr;gap:32px}.landing-features article>svg{margin-bottom:12px}.landing-start{grid-template-columns:1fr;gap:32px}.landing-final{padding-block:40px}.marketing-section h2,.landing-final h2{font-size:22px}.marketing-footer{gap:12px;padding-block:24px}.marketing-footer p{flex-basis:60%}.marketing-footer nav{gap:24px;width:100%}.guide-heading{padding-block:40px 32px}.guide-layout{grid-template-columns:1fr;gap:32px;padding-bottom:0}.guide-index{border-bottom:1px solid var(--border-default);grid-template-columns:1fr 1fr;gap:4px 12px;padding-bottom:24px;position:static}.guide-index strong{grid-column:1/-1}.guide-index a{gap:8px;font-size:12px}}