*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-background);color:var(--color-text);font-family:var(--type-font-family);font-size:var(--type-size-base);line-height:var(--type-line-body);text-rendering:optimizeLegibility}button,code{font:inherit}a{color:var(--color-accent);text-underline-offset:var(--space-1)}a:hover{color:var(--color-primary)}:focus-visible{outline:var(--space-1) solid var(--color-focus);outline-offset:var(--space-1)}.skip-link{position:fixed;z-index:20;inset-block-start:var(--space-3);inset-inline-start:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--color-text);color:var(--color-background);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-shell{width:min(100% - var(--space-6),var(--layout-content));margin-inline:auto}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(18rem,.95fr);gap:var(--space-7);min-height:80vh;align-items:center;padding-block:var(--space-8)}.hero__copy{max-width:var(--layout-reading)}.eyebrow,.feature-card__label{margin:0 0 var(--space-3);color:var(--color-accent);font-size:var(--type-size-xs);font-weight:var(--type-weight-bold);letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{margin-block-start:0}h1,h2,h3{line-height:var(--type-line-heading);letter-spacing:-.025em}h1{max-width:11ch;margin-block-end:var(--space-5);font-size:var(--type-size-3xl);line-height:var(--type-line-tight)}h2{margin-block-end:var(--space-4);font-size:var(--type-size-2xl)}h3{margin-block-end:var(--space-3);font-size:var(--type-size-lg)}.hero__summary{max-width:42rem;margin-block-end:var(--space-6);color:var(--color-text-muted);font-size:var(--type-size-lg)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;padding:var(--space-3) var(--space-5);border:1px solid var(--color-primary);border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-background);font-weight:var(--type-weight-bold);text-decoration:none}.button:hover{background:var(--color-primary-strong);color:var(--color-background)}.button--secondary{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.hero__media{min-width:0}.hero__media img{display:block;width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-media, none)}.media-placeholder{position:relative;overflow:hidden;min-height:28rem;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:0 var(--space-5) var(--space-8) color-mix(in srgb,var(--color-text) 12%,var(--color-background))}.media-placeholder:before{position:absolute;width:18rem;height:18rem;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-primary) 35%,var(--color-surface));content:"";inset-block-start:-7rem;inset-inline-end:-5rem}.media-placeholder__label{position:relative;color:var(--color-text-muted);font-size:var(--type-size-sm)}.key-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-block-start:var(--space-8)}.key{min-height:5rem;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-strong);box-shadow:inset 0 calc(var(--space-1) * -1) 0 color-mix(in srgb,var(--color-border) 75%,var(--color-surface));color:var(--color-text);font-weight:var(--type-weight-bold)}.key--accent{border-color:var(--color-accent);background:var(--color-accent-soft)}.install-block{display:grid;grid-template-columns:minmax(12rem,.6fr) minmax(20rem,1.4fr);gap:var(--space-6);align-items:center;margin-block:0 var(--space-9);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.install-block h2{margin:0}.install-command{display:flex;min-width:0;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background)}.install-command code{min-width:0;flex:1;overflow-x:auto;color:var(--color-text);font-family:var(--type-font-mono);font-size:var(--type-size-sm);white-space:nowrap}.install-command button{padding:var(--space-2) var(--space-4);border:1px solid var(--color-primary);border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-background);cursor:pointer;font-weight:var(--type-weight-bold)}.copy-status{grid-column:2;min-height:1.5em;margin:calc(var(--space-5) * -1) 0 0;color:var(--color-text-muted);font-size:var(--type-size-sm)}.section{padding-block:var(--space-8)}.section--reading{max-width:var(--layout-reading);margin-inline:auto}.section__heading{max-width:var(--layout-reading);margin-block-end:var(--space-6)}.section__heading>p,.feature-card>p,.faq-item>p,.story-panel>p{color:var(--color-text-muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.feature-card,.faq-item,.story-panel{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.feature-card>:last-child,.faq-item>:last-child,.story-panel>:last-child{margin-block-end:0}.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.faq-list{display:grid;gap:var(--space-4)}.table-scroll{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}table{width:100%;min-width:42rem;border-collapse:collapse;background:var(--color-surface)}th,td{padding:var(--space-4);border-block-end:1px solid var(--color-border);text-align:left;vertical-align:top}thead th{background:var(--color-surface-strong);font-size:var(--type-size-sm)}tbody th{width:22%}tbody tr:last-child>*{border-block-end:0}.site-footer{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--space-6);align-items:start;margin-block-start:var(--space-8);padding-block:var(--space-7);border-block-start:1px solid var(--color-border);color:var(--color-text-muted)}.site-footer p{margin-block-end:var(--space-2)}.footer-links{display:flex;flex-wrap:wrap;gap:var(--space-4)}@media(max-width:52rem){.hero,.install-block,.site-footer{grid-template-columns:1fr}.hero{min-height:auto;padding-block:var(--space-7)}.feature-grid{grid-template-columns:1fr}.copy-status{grid-column:1;margin-block-start:calc(var(--space-5) * -1)}}@media(max-width:36rem){.site-shell{width:min(100% - var(--space-5),var(--layout-content))}.story-grid,.key-grid{grid-template-columns:1fr}.media-placeholder{min-height:auto}.install-command{align-items:stretch;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.ocean{overflow-x:clip}.ocean .section{width:min(100% - var(--space-6),var(--layout-content));margin-inline:auto}.ocean-hero{position:relative;min-height:100svh;display:grid;align-items:center;background-image:url(/hero-ocean.jpg);background-size:cover;background-position:76% 28%;background-repeat:no-repeat}.ocean-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,transparent 62%,var(--color-background) 97%),linear-gradient(105deg,var(--color-background) 0%,transparent 42%);opacity:.9}.ocean-hero__content{position:relative;z-index:1;width:min(100% - var(--space-6),var(--layout-content));margin-inline:auto;max-width:none}.ocean-hero__inner{max-width:36rem;text-shadow:0 2px 28px var(--color-background)}.ocean-hero__lede{font-size:var(--type-size-lg);line-height:var(--type-line-body);color:var(--color-text);margin-block:var(--space-5)}.ocean-hero__actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-5)}.ocean-hero__brewhint{color:var(--color-text-muted);font-size:var(--type-size-sm)}.install-strip{display:grid;gap:var(--space-5);padding-block-start:var(--space-6)}.install-strip .install-block{margin:0}.ocean-hero__channels,.install-strip__channels{color:var(--color-text-muted);font-size:var(--type-size-sm);line-height:var(--type-line-body);max-width:40rem}.steps__list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-7);max-width:var(--layout-reading)}.steps__item{display:grid;grid-template-columns:auto 1fr;gap:var(--space-5);align-items:start}.steps__number{font-size:var(--type-size-3xl);font-weight:var(--type-weight-bold);color:var(--color-primary);line-height:var(--type-line-tight);min-width:3.5rem;opacity:.85}.steps__item h3{margin:0 0 var(--space-2);font-size:var(--type-size-xl)}.steps__item p{margin:0;color:var(--color-text-muted);max-width:38rem}.deep-story{text-align:center;padding-block:var(--space-9)}.deep-story p{font-size:var(--type-size-lg);line-height:var(--type-line-body);color:var(--color-text);max-width:var(--layout-reading);margin-inline:auto}.eyebrow--glow{color:var(--color-focus);letter-spacing:.12em}@media(max-width:48rem){.ocean-hero{align-items:end;background-position:72% top}.ocean-hero__inner{padding-block:55svh var(--space-7);max-width:none}.ocean-hero:after{background:linear-gradient(to bottom,transparent 30%,var(--color-background) 78%)}}.ocean .site-footer{width:min(100% - var(--space-6),var(--layout-content));margin-inline:auto}