*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--surface-page);min-width:320px;color:var(--text-strong);font-family:var(--font-body);line-height:var(--leading-normal);margin:0}a{color:inherit}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;display:block}code,pre{font-family:var(--font-mono)}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid color-mix(in srgb, var(--tool-accent) 58%, transparent);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{inset:var(--space-6) auto auto var(--space-6);z-index:20;padding:.65rem var(--space-5);border-radius:var(--tool-radius);background:var(--text-strong);color:var(--surface-page);font-weight:var(--weight-bold);position:fixed;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.section-shell{width:min(var(--shell-width), calc(100% - var(--shell-gutter)));margin-inline:auto}.site-header{z-index:10;border-bottom:var(--border-width) solid color-mix(in srgb, var(--border-default) 78%, transparent);background:color-mix(in srgb, var(--surface-page) 94%, transparent);backdrop-filter:var(--blur-nav);position:sticky;top:0}.site-nav{justify-content:space-between;align-items:center;gap:var(--space-6);width:min(var(--shell-width), calc(100% - var(--shell-gutter)));min-height:var(--nav-height);margin-inline:auto;display:flex}.site-nav__brand,.site-nav__links,.site-nav__actions,.site-footer__inner,.site-footer nav,.hero__brand-line,.hero__actions,.badge-row,.command-card__header{align-items:center;display:flex}.site-nav__brand{gap:var(--space-4);font-family:var(--font-display);font-size:1.25rem;font-weight:var(--weight-heavy);text-decoration:none}.site-nav__brand img{width:36px;height:36px}.site-nav__links{gap:.35rem}.site-nav__link,.mobile-nav__link,.site-footer a{border-radius:var(--tool-radius);color:var(--text-body);font-weight:var(--weight-bold);transition:color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);text-decoration:none}.site-nav__link{padding:var(--space-3) var(--space-4)}.site-nav__link:hover,.mobile-nav__link:hover,.site-footer a:hover{color:var(--text-strong);background:var(--accent-tint-10)}.site-nav__actions{gap:var(--space-3)}.site-nav__toggle{border:var(--border-hairline);border-radius:var(--tool-radius);background:var(--surface-card);width:42px;height:42px;color:var(--text-strong);cursor:pointer;place-items:center;display:none}.site-nav__toggle:hover{background:var(--accent-tint-10)}.site-nav__toggle svg{width:22px;height:22px}.mobile-nav{width:min(var(--shell-width), calc(100% - var(--shell-gutter)));margin:0 auto var(--space-6);padding:var(--space-2);border:var(--border-hairline);border-radius:var(--tool-radius);background:var(--surface-card);box-shadow:var(--shadow-card)}.mobile-nav__link{min-height:var(--hit-min);padding:var(--space-5);display:block}.theme-toggle{border:var(--border-hairline);border-radius:var(--tool-radius);background:var(--surface-card);align-items:center;gap:2px;padding:3px;display:inline-flex}.theme-toggle button{border-radius:calc(var(--tool-radius) - 3px);width:34px;height:30px;color:var(--text-body);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.theme-toggle button:hover{background:var(--accent-tint-10)}.theme-toggle button[aria-checked=true]{background:var(--accent-tint-18);color:var(--text-accent)}.theme-toggle svg{width:17px;height:17px}.button{justify-content:center;align-items:center;gap:var(--space-3);min-height:var(--hit-min);padding:.75rem var(--space-6);border:var(--border-width) solid transparent;border-radius:var(--tool-radius);font-weight:var(--weight-heavy);transition:background var(--duration-base) var(--ease-standard), border-color var(--duration-base) var(--ease-standard);text-decoration:none;display:inline-flex}.button--sm{min-height:38px;padding:var(--space-3) var(--space-5);font-size:var(--text-sm)}.button--primary{background:var(--surface-accent);color:var(--text-on-accent)}.button--primary:hover{background:color-mix(in srgb, var(--tool-accent) 88%, #000)}.button--secondary,.button--ghost{border-color:var(--border-default);color:var(--text-strong)}.button--secondary{background:var(--surface-card)}.button--ghost{background:0 0}.button--secondary:hover,.button--ghost:hover{background:var(--accent-tint-10)}.button__icon{width:18px;height:18px}.hero{isolation:isolate;gap:clamp(var(--space-10), 6vw, 6rem);min-height:700px;padding-block:var(--hero-pad);border-bottom:var(--border-hairline);grid-template-columns:minmax(0,1fr) minmax(320px,.74fr);align-items:center;display:grid;position:relative;overflow:hidden}.hero.section-shell{width:100%;max-width:none;padding-inline:max(calc(var(--shell-gutter) / 2), calc((100vw - var(--shell-width)) / 2))}.hero:before,.hero:after{content:"";z-index:0;pointer-events:none;position:absolute;inset:0}.hero:before{background:linear-gradient(90deg, color-mix(in srgb, var(--_lt-surface) 98%, transparent) 0%, color-mix(in srgb, var(--_lt-surface) 86%, transparent) 39%, color-mix(in srgb, var(--_lt-surface) 24%, transparent) 70%), var(--harbor-hero-light) right center / cover no-repeat;opacity:.96}.hero:after{background:linear-gradient(90deg, color-mix(in srgb, var(--_dk-surface) 98%, transparent) 0%, color-mix(in srgb, var(--_dk-surface) 82%, transparent) 39%, color-mix(in srgb, var(--_dk-surface) 14%, transparent) 70%), var(--harbor-hero-dark) right center / cover no-repeat;opacity:0}:root[data-theme=dark] .hero:before{opacity:0}:root[data-theme=dark] .hero:after{opacity:.96}.hero>*{z-index:1;position:relative}.hero__copy{min-width:0}.eyebrow{color:var(--text-accent);font-size:var(--text-eyebrow);font-weight:var(--weight-heavy);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;margin:0 0 .75rem}.hero__brand-line{gap:var(--space-6);margin-bottom:var(--space-6)}.hero__brand-line img{width:clamp(48px,7vw,68px);height:clamp(48px,7vw,68px)}.hero h1{color:var(--text-strong);font-family:var(--font-display);font-size:var(--text-hero);font-weight:var(--weight-heavy);letter-spacing:-.02em;line-height:var(--leading-display);margin:0}.hero__lede{max-width:15ch;color:var(--text-strong);font-size:var(--text-lede);font-weight:var(--weight-bold);margin:0;line-height:1.08}.hero__body{max-width:66ch;color:var(--text-body);font-size:var(--text-body-lg);margin:1.1rem 0 0}.badge-row{gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap}.badge{padding:var(--space-2) .62rem;border:var(--border-hairline);border-radius:var(--radius-pill);background:var(--surface-card);color:var(--text-body);font-size:var(--text-xs);font-weight:var(--weight-heavy)}.hero__actions{margin-top:var(--space-10);flex-wrap:wrap;gap:.8rem}.command-card,.feature-card,.doc-card,.scope-panel{border:var(--border-hairline);border-radius:var(--tool-radius);background:color-mix(in srgb, var(--surface-card) 94%, transparent)}.command-card,.feature-card{box-shadow:var(--shadow-card)}.command-card{padding:clamp(var(--space-6), 3vw, 1.35rem);position:relative;overflow:hidden}.command-card:before{content:"";background:linear-gradient(135deg, var(--accent-tint-20), transparent 40%), linear-gradient(315deg, color-mix(in srgb, var(--tool-accent-2) 16%, transparent), transparent 48%);pointer-events:none;position:absolute;inset:0}.command-card>*{position:relative}.command-card__header{justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-6)}.command-card__header h2{color:var(--text-strong);font-family:var(--font-display);font-size:var(--text-lg);margin:0}.command-card__header span{color:var(--text-body);font-family:var(--font-mono);font-size:var(--text-mono-sm)}.command-card__body{border:var(--border-hairline);border-radius:var(--tool-radius);background:var(--surface-code);min-height:196px;color:var(--text-on-code);font-size:clamp(var(--text-mono-sm), 2vw, .98rem);line-height:var(--leading-code);white-space:pre-wrap;margin:0;padding:1.1rem;overflow-x:auto}.command-card--compact .command-card__body{min-height:0}.copy-button{min-height:40px;padding:var(--space-3) .75rem;border:var(--border-hairline);border-radius:var(--tool-radius);background:var(--surface-card);color:var(--text-strong);font:inherit;font-weight:var(--weight-heavy);cursor:pointer;transition:background var(--duration-base) var(--ease-standard);align-items:center;gap:.45rem;margin-top:.9rem;display:inline-flex}.copy-button:hover{background:var(--accent-tint-10)}.copy-button svg{width:18px;height:18px}.section,.docs-preview{padding-block:var(--section-pad)}.section--muted{border-block:var(--border-hairline);background:color-mix(in srgb, var(--surface-card) 45%, transparent)}.section-heading{max-width:760px;margin-bottom:var(--space-8)}.section-heading h2{color:var(--text-strong);font-family:var(--font-display);font-size:var(--text-display);font-weight:var(--weight-heavy);line-height:var(--leading-tight);margin:0}.section-heading p:not(.eyebrow){max-width:42rem;color:var(--text-body);font-size:var(--text-body-lg)}.feature-grid,.docs-grid{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.feature-card,.doc-card{padding:var(--space-7)}.feature-card__index{width:2.2rem;height:2.2rem;margin-bottom:var(--space-8);border-radius:var(--tool-radius);background:var(--text-strong);color:var(--surface-page);font-family:var(--font-mono);font-weight:var(--weight-heavy);justify-content:center;align-items:center;display:inline-flex}.feature-card__eyebrow{margin:0 0 var(--space-2);color:var(--text-body);font-size:var(--text-mono-sm);font-weight:var(--weight-heavy)}.feature-card h3,.doc-card h3{color:var(--text-strong);font-family:var(--font-display);font-size:var(--text-h3);margin:0}.feature-card p:not(.feature-card__eyebrow),.doc-card p{color:var(--text-body)}.text-link{color:var(--text-accent);font-weight:var(--weight-heavy);text-decoration:none}.text-link:hover{text-decoration:underline}.doc-card,.scope-panel{box-shadow:var(--shadow-none)}.scope-strip{padding-block-start:0}.scope-panel{gap:clamp(var(--space-8), 4vw, var(--space-12));padding:clamp(1.25rem, 4vw, var(--space-10));background:color-mix(in srgb, var(--surface-wash) 54%, var(--surface-card));grid-template-columns:1fr 1fr;display:grid}.scope-panel h2{color:var(--text-strong);font-family:var(--font-display);font-size:clamp(1.55rem,4vw,2.25rem);line-height:var(--leading-snug);margin:0}.scope-panel p{color:var(--text-body);margin:0}.scope-panel__label{font-weight:var(--weight-heavy);margin-bottom:var(--space-3)!important;color:var(--text-strong)!important}.install-strip__inner{gap:clamp(var(--space-8), 5vw, 4rem);grid-template-columns:minmax(0,.72fr) minmax(320px,.28fr);align-items:end;display:grid}.site-footer{border-top:var(--border-hairline);padding-block:var(--space-10);color:var(--text-body)}.site-footer__inner{justify-content:space-between;gap:var(--space-6)}.site-footer p{margin:0}.site-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:.35rem}.site-footer a{padding:.45rem var(--space-3)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hero:before{opacity:0}:root:not([data-theme=light]) .hero:after{opacity:.96}}@media (width<=860px){.site-nav__links,.site-nav__actions>.button{display:none}.site-nav__toggle{display:grid}.hero,.feature-grid,.docs-grid,.scope-panel,.install-strip__inner{grid-template-columns:1fr}.hero{min-height:auto;padding-block:clamp(3.5rem,10vw,5rem)}.hero:before{background:linear-gradient(180deg, color-mix(in srgb, var(--_lt-surface) 98%, transparent) 0%, color-mix(in srgb, var(--_lt-surface) 84%, transparent) 56%, color-mix(in srgb, var(--_lt-surface) 44%, transparent) 100%), var(--harbor-hero-light) 62% bottom / auto 72% no-repeat}.hero:after{background:linear-gradient(180deg, color-mix(in srgb, var(--_dk-surface) 98%, transparent) 0%, color-mix(in srgb, var(--_dk-surface) 78%, transparent) 56%, color-mix(in srgb, var(--_dk-surface) 34%, transparent) 100%), var(--harbor-hero-dark) 62% bottom / auto 72% no-repeat}.hero__lede{max-width:100%}.site-footer__inner{flex-direction:column;align-items:flex-start}.site-footer nav{justify-content:flex-start}}@media (prefers-color-scheme:dark) and (width<=860px){:root:not([data-theme=light]) .hero:before{opacity:0}:root:not([data-theme=light]) .hero:after{opacity:.96}}:root[data-theme-transition] body,:root[data-theme-transition] body *,:root[data-theme-transition] body :before,:root[data-theme-transition] body :after{transition-property:color,background-color,border-color,box-shadow,fill,stroke,outline-color,text-decoration-color;transition-duration:var(--duration-theme);transition-timing-function:var(--ease-standard)}:root[data-theme-transition] .hero:before,:root[data-theme-transition] .hero:after{transition-property:opacity;transition-duration:var(--duration-theme-hero)}:root[data-theme-view-transition] .hero:before,:root[data-theme-view-transition] .hero:after{transition:none}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--duration-theme);animation-timing-function:var(--ease-standard)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}::view-transition-old(root),::view-transition-new(root){animation-duration:.01ms!important}}
