:root{color-scheme:dark;--bg:#070b14;--surface:#0e1526;--surface-2:#141d33;--border:#22304d;--text:#e8eef8;--text-muted:#94a3bf;--primary:#2dd4bf;--on-primary:#04201c;--brass:#e7b75f;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--info:#60a5fa;--brand-teal:#2dd4bf;--brand-gold:#e7b75f;--on-brand:#04201c}@media (prefers-color-scheme:light){:root{color-scheme:light;--bg:#f6f8fb;--surface:#ffffff;--surface-2:#eef2f8;--border:#d6deea;--text:#0b1324;--text-muted:#4a5872;--primary:#0b7c70;--on-primary:#ffffff;--brass:#8a6414;--success:#047857;--warning:#b05108;--danger:#b91c1c;--info:#1d4ed8;--brand-teal:#2dd4bf;--brand-gold:#e7b75f;--on-brand:#04201c}}@font-face{font-family:'Inter Variable';font-style:normal;font-display:optional;font-weight:100 900;src:url('/assets/inter-latin-3100e775e8.woff2') format('woff2-variations');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}:root{--ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1)}@keyframes page-in{from{opacity: 0;transform: translateY(8px)}}.page-in{animation: page-in 200ms var(--ease-standard) backwards}.stagger-item{animation: page-in 200ms var(--ease-standard) backwards;animation-delay: calc(var(--i, 0) * 30ms)}@keyframes rope-draw{from{stroke-dashoffset: 1}}.hero-rope{stroke-dasharray: 1 2;animation: rope-draw 700ms var(--ease-standard) backwards;animation-delay: calc(300ms + var(--i, 0) * 140ms)}@keyframes wave-drift{to{transform: translateX(var(--wave-shift))}}.hero-wave{animation: wave-drift var(--wave-duration) linear infinite}[data-offscreen='true'] .hero-wave{animation-play-state: paused}.digit-roll{transition: transform 400ms var(--ease-standard)}@media (prefers-reduced-motion: reduce){.page-in, .stagger-item, .hero-rope, .hero-wave{animation: none}.hero-rope{stroke-dasharray: none}.digit-roll{transition: none}}.wave-back{--wave-shift:-720px;--wave-duration:120s}.wave-mid{--wave-shift:480px;--wave-duration:40s}.wave-front{--wave-shift:-360px;--wave-duration:18s}.rope-0{--i:0}.rope-1{--i:1}.rope-2{--i:2}*, *::before, *::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%}body{margin: 0;background-color: var(--bg);color: var(--text);font-family: 'Inter Variable', ui-sans-serif, system-ui, sans-serif;font-size: 1rem;line-height: 1.6;-webkit-font-smoothing: antialiased}h1, h2, h3, p, ul, ol{margin: 0}h1, h2, h3{letter-spacing: -0.02em;font-weight: 600}ul, ol{padding: 0;list-style: none}a{color: var(--text);text-underline-offset: 4px}:focus-visible{outline: 2px solid var(--primary);outline-offset: 2px}main:focus{outline: none}.sr-only{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip-path: inset(50%);white-space: nowrap;border: 0}.skip{position: absolute;top: -4rem;left: 1rem;z-index: 10;padding: 0.75rem 1rem;border: 1px solid var(--border);border-radius: 10px;background: var(--surface);font-weight: 600}.skip:focus{top: 1rem}.wrap{max-width: 72rem;margin-inline: auto;padding-inline: 1rem}@media (min-width: 40rem){.wrap{padding-inline: 1.5rem}}.top{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 1rem 1.5rem;padding-block: 1.25rem}.logo{display: block;color: var(--text)}.logo .mast{fill: var(--primary)}.logo .rope{stroke: var(--brass)}.logo-link{display: inline-block}.page-title{margin-top: 0;font-size: 2.25rem}.hero{position: relative;isolation: isolate;overflow: hidden}.hero-inner{position: relative;z-index: 1;padding-block: 1.5rem}.hero-text{max-width: 36rem}.hero-scene{position: relative;height: 19rem}.hero-frame{max-width: 1440px;height: 100%;margin-inline: auto}.hero-svg{display: block;width: 100%;height: 100%;overflow: visible}@media (min-width: 40rem){.hero-inner{padding-block: 2.5rem 1.5rem}.hero-scene{height: 23rem}}@media (min-width: 64rem){.hero-inner{display: flex;align-items: center;min-height: 40rem;padding-block: 2.5rem 9rem}.hero-scene{position: absolute;inset: 0;height: auto}}.glow-from{stop-color: var(--brand-teal);stop-opacity: 0.3}.glow-to{stop-color: var(--brand-teal);stop-opacity: 0}.ring{stroke: var(--border);stroke-width: 1.5}.ring-dotted{stroke-dasharray: 3 9;stroke-linecap: round}.hero-mast{fill: var(--brand-teal)}.hero-rope{stroke: var(--brand-gold)}.fill-back{fill: var(--brand-teal);fill-opacity: 0.1}.fill-mid{fill: var(--brand-teal);fill-opacity: 0.2}.line-mid{stroke: var(--brand-teal);stroke-opacity: 0.4;stroke-width: 2}.fill-front{fill: var(--bg)}.line-front{stroke: var(--brand-teal);stroke-opacity: 0.6;stroke-width: 2}.badge{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.25rem 0.75rem;border: 1px solid var(--border);border-radius: 999px;background: var(--surface);color: var(--brass);font-size: 0.875rem;font-weight: 600}.badge::before{content: '';width: 0.5rem;height: 0.5rem;border-radius: 50%;background: var(--brand-gold)}h1{margin-top: 1.5rem;font-size: 2.25rem;line-height: 1.08}@media (min-width: 40rem){h1{font-size: 3rem}}.accent-line{color: var(--primary)}@media (prefers-color-scheme: light){.accent-line{color: var(--text);background: linear-gradient( transparent 62%, var(--brand-teal) 62%, var(--brand-teal) 92%, transparent 92% );box-decoration-break: clone;-webkit-box-decoration-break: clone}}.block{padding-block: 2.5rem}@media (min-width: 40rem){.block{padding-block: 3.5rem}}h2{font-size: 1.875rem;line-height: 1.2}@media (min-width: 40rem){h2{font-size: 2.25rem}}.lead{max-width: 68ch;margin-top: 1rem;color: var(--text-muted);font-size: 1.125rem}.cards, .steps{display: grid;gap: 1rem;margin-top: 2rem}@media (min-width: 40rem){.cards{grid-template-columns: 1fr 1fr}}@media (min-width: 48rem){.steps{grid-template-columns: repeat(3, 1fr)}}.card{padding: 1.25rem;border: 1px solid var(--border);border-radius: 16px;background: var(--surface)}@media (min-width: 40rem){.card{padding: 1.5rem}}.card h3{font-size: 1.25rem;line-height: 1.3}.card p{margin-top: 0.5rem;color: var(--text-muted)}.cards .card::before{content: '';display: block;width: 2.5rem;height: 4px;margin-bottom: 1rem;border-radius: 2px;background: var(--brand-teal)}.steps{counter-reset: step}.steps .card{counter-increment: step}.steps .card::before{content: counter(step);display: flex;align-items: center;justify-content: center;width: 2.5rem;height: 2.5rem;margin-bottom: 1rem;border-radius: 10px;background: var(--surface-2);color: var(--text);font-weight: 600}.points{display: grid;gap: 0.75rem;max-width: 44rem;margin-top: 2rem;font-size: 1.125rem}.points li{position: relative;padding-left: 2.25rem}.points li::before{content: '';position: absolute;left: 0.25rem;top: 0.45em;width: 1rem;height: 0.55rem;border-bottom: 3px solid var(--primary);border-left: 3px solid var(--primary);transform: rotate(-45deg)}.follow{display: flex;align-items: center;gap: 0.75rem 1rem;width: 100%}.follow-label{font-size: 1.25rem;font-weight: 600;letter-spacing: -0.01em;line-height: 1.2}.follow .actions{margin-top: 0}@media (min-width: 40rem){.follow{width: auto;margin-left: auto}}.icon-link{display: inline-flex;align-items: center;justify-content: center;width: 2.75rem;height: 2.75rem;border: 1px solid var(--border);border-radius: 10px;background: var(--surface-2);color: var(--text);transition: border-color 120ms ease-out}.icon-link:hover{border-color: var(--primary)}.icon{width: 1.5rem;height: 1.5rem;fill: currentColor}.actions{display: flex;flex-wrap: wrap;gap: 0.75rem;margin-top: 1.5rem}.btn{display: inline-flex;align-items: center;justify-content: center;min-height: 2.75rem;padding: 0 1.25rem;border-radius: 10px;font-size: 0.875rem;font-weight: 600;text-decoration: none;transition: opacity 120ms ease-out}.btn:hover{opacity: 0.9}.btn-primary{background: var(--brand-teal);color: var(--on-brand)}.notice-block{padding-bottom: 4rem}.notice{padding: 1.25rem;border: 1px solid var(--border);border-left: 4px solid var(--info);border-radius: 16px;background: var(--surface)}@media (min-width: 40rem){.notice{padding: 1.5rem}}.notice h2{font-size: 1.25rem}.notice-lines{display: grid;gap: 0.25rem;margin-top: 0.75rem;color: var(--text-muted)}.foot{border-top: 1px solid var(--border);padding-block: 2rem 3rem;color: var(--text-muted);font-size: 0.875rem}.foot .wrap{display: grid;gap: 0.5rem}.foot a{display: inline-flex;align-items: center;min-height: 2rem}.foot-line{display: flex;flex-wrap: wrap;gap: 0.25rem 1.5rem}@media (prefers-reduced-motion: reduce){*, *::before, *::after{animation: none !important;transition: none !important}}