:root{--night:#02050d;--deep:#081329;--tide:#11213d;--ink:#e9eefb;--muted:#93a3c2;--lede:#c5d0e6;--amber:#ffb547;--amber-soft:#ffd48a;--accent:#ffb547;--rust:#ff5a1f;--line:#e9eefb24;--bg:#02050d;--bg-mid:#050b19;--nav-bg:#02050db8;--title-shadow:0 10px 40px #02050d99;--title-ink:#f4f7fd;--title-accent:#ffb547;--ship-glow:0 0 40px #ffb54773;--spot-light:#ffc87812;--spot-dark:#02050d80;--fog:#96afdc1f;--water-fallback:linear-gradient(#162848, #02050d);--card-a:#142442b8;--card-b:#081020e6;--card-shadow:0 40px 80px -40px #000c;--input-bg:#02050d8c;--input-bg-focus:#02050dcc;--placeholder:#5d6c8a;--error:#ff8a7a;--cable:#93a3c2;--sea-a:#0c1a33;--sea-b:#02050d;--ship-hull:#0d1a30;--display:"Space Grotesk", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--gutter:clamp(16px, 5vw, 72px);--fade:2.6s ease-in-out .7s;color-scheme:dark}html[data-mode=day]{--ink:#0b1b30;--muted:#4b6280;--lede:#22364f;--accent:#c2410c;--line:#0b1b3024;--bg:#eef6fb;--bg-mid:#dcebf5;--nav-bg:#eef6fbc7;--title-shadow:0 1px 0 #ffffff59;--title-ink:#0c2340;--title-accent:#ff6a1f;--ship-glow:none;--spot-light:#ffffff29;--spot-dark:#fff0;--fog:#ffffff59;--water-fallback:linear-gradient(#8cc4e0, #1f5f8b);--card-a:#ffffffd1;--card-b:#ecf5fbeb;--card-shadow:0 40px 80px -40px #143c6459;--input-bg:#ffffffe6;--input-bg-focus:#fff;--placeholder:#8397b0;--error:#c0392b;--cable:#4b6280;--sea-a:#5aa6d3;--sea-b:#1f5f8b;--ship-hull:#f4f8fb;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);transition:background-color var(--fade), color var(--fade);color:var(--ink);font-family:var(--display);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5;overflow-x:hidden}a{color:inherit}::selection{background:var(--amber);color:var(--night)}:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.eyebrow{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin:0 0 1rem;font-size:.78rem}.curtain{background:var(--bg);z-index:50;pointer-events:none;opacity:0;position:fixed;inset:0}.js .curtain{opacity:1}.js [data-intro],.js .hero-title{visibility:hidden}.nav{z-index:20;padding:22px var(--gutter);pointer-events:none;justify-content:space-between;align-items:center;transition:background .4s,padding .4s,backdrop-filter .4s;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding-top:14px;padding-bottom:14px}.nav>*{pointer-events:auto}.brand{letter-spacing:-.04em;color:var(--ink);transition:color var(--fade);font-size:1.45rem;font-weight:700;line-height:1;text-decoration:none}.brand span{color:var(--title-accent);transition:color var(--fade)}.hero{isolation:isolate;height:100svh;min-height:600px;position:relative;overflow:hidden}.scene{z-index:-3;width:100%;height:100%;position:absolute;inset:0}.stars circle{fill:#dfe8ff;animation:4s ease-in-out infinite twinkle}.blink{animation:1.6s step-end infinite blink}.gull{transform-box:fill-box;transform-origin:50%;animation:.9s ease-in-out infinite alternate flap}.water{z-index:-2;background:var(--water-fallback);width:100%;height:30%;display:block;position:absolute;bottom:0;left:0}.fog{z-index:-1;pointer-events:none;height:55%;position:absolute;inset:auto 0 0;overflow:hidden}.fog span{background:radial-gradient(ellipse at 30% 60%, var(--fog), transparent 60%), radial-gradient(ellipse at 75% 50%, var(--fog), transparent 55%);filter:blur(18px);width:200%;height:40%;animation:40s linear infinite alternate drift;position:absolute;bottom:18%;left:-50%}.fog span+span{opacity:.7;animation-duration:60s;animation-direction:alternate-reverse;bottom:30%}.spotlight{z-index:-1;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,40%), var(--spot-light) 0, transparent 180px, var(--spot-dark) 520px);position:absolute;inset:0}.hero-content{height:100%;padding:90px var(--gutter) 30vh;flex-direction:column;justify-content:center;max-width:1200px;display:flex;position:relative}.hero-title{color:var(--title-ink);letter-spacing:-.035em;text-shadow:var(--title-shadow);transition:color var(--fade), text-shadow var(--fade);margin:0;font-size:clamp(2.8rem,7.4vw,7rem);font-weight:700;line-height:.95}.hero-title .line{display:block}.hero-title em{color:var(--title-accent);transition:color var(--fade), text-shadow var(--fade);text-shadow:var(--ship-glow);font-style:normal;position:relative}.word{white-space:nowrap;display:inline-block}.char{will-change:transform;display:inline-block}.actions{flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:2.2rem;display:flex}.btn{--lift:0px;background:var(--amber);color:#1a1204;font:700 1rem/1 var(--display);cursor:pointer;transform:translateY(var(--lift));border:0;border-radius:999px;align-items:center;gap:12px;padding:16px 26px;text-decoration:none;transition:transform .25s,box-shadow .25s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #ffb547b3}.btn:before{content:"";background:linear-gradient(120deg,#0000 30%,#ffffff8c 50%,#0000 70%);transition:transform .7s;position:absolute;inset:0;transform:translate(-120%)}.btn:hover{--lift:-3px;box-shadow:0 18px 40px -12px #ffb547d9}.btn:hover:before{transform:translate(120%)}.btn svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.btn:hover svg{animation:.8s ease-in-out infinite alternate bob}.btn[disabled]{cursor:progress;opacity:.8}.link{font:500 1rem var(--mono);color:var(--ink);cursor:pointer;background:0 0;background-image:linear-gradient(var(--amber), var(--amber));background-position:0 100%;background-repeat:no-repeat;background-size:0% 2px;border:0;padding:0 0 3px;text-decoration:none;transition:background-size .35s,color .2s}.link:hover{color:var(--accent);background-size:100% 2px}.dock{padding:clamp(90px, 8vw, 100px) var(--gutter) 0;background:radial-gradient(ellipse at 80% 0%, #ffb54714, transparent 55%), linear-gradient(var(--bg), var(--bg-mid) 60%, var(--bg));position:relative;overflow:hidden}.dock:before{content:"";top:0;left:var(--gutter);right:var(--gutter);background:repeating-linear-gradient(90deg, var(--line) 0 8px, transparent 8px 14px);height:1px;position:absolute}.stage{max-width:600px;margin:0 auto;position:relative}.manifest{border:1px solid var(--line);background:linear-gradient(160deg, var(--card-a), var(--card-b)), repeating-linear-gradient(0deg, transparent 0 31px, #ffffff06 31px 32px);box-shadow:var(--card-shadow), inset 0 1px 0 #ffffff0f;backdrop-filter:blur(8px);border-radius:18px;padding:clamp(22px,3.5vw,36px);position:relative}.manifest:after{content:"H9";color:#ff5a1f99;width:58px;height:58px;font:700 .9rem var(--mono);pointer-events:none;border:2px solid #ff5a1f80;border-radius:50%;place-items:center;display:grid;position:absolute;top:18px;right:22px;transform:rotate(-14deg)}.manifest-head{font-family:var(--mono);text-transform:uppercase;letter-spacing:.2em;color:var(--accent);border-bottom:1px dashed var(--line);flex-direction:column;gap:2px;margin-bottom:22px;padding-bottom:18px;font-size:.72rem;display:flex}.manifest-head h2{font:inherit;margin:0;font-weight:600}.manifest-no{color:var(--muted)}.field{border:0;min-width:0;margin:0 0 18px;padding:0}.field label,.field legend{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;padding:0;font-size:.72rem;display:block}.field input,.field textarea{border:1px solid var(--line);background:var(--input-bg);width:100%;color:var(--ink);font:1rem var(--display);resize:vertical;border-radius:10px;padding:13px 15px;transition:border-color .2s,box-shadow .2s,background .2s}.field input::placeholder,.field textarea::placeholder{color:var(--placeholder)}.field input:focus,.field textarea:focus{border-color:var(--amber);background:var(--input-bg-focus);outline:none;box-shadow:0 0 0 4px #ffb54724}.field.invalid input,.field.invalid textarea{border-color:#ff6b5a;animation:.4s shake}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.cf-turnstile{margin-bottom:18px}.manifest-foot{flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:6px;display:flex}.form-msg{color:var(--error);margin:0;font-size:.9rem}.voyage{pointer-events:none;visibility:hidden;position:absolute;inset:0 calc(50% - 50vw);overflow:hidden}.cargo{background:repeating-linear-gradient(90deg, #00000038 0 2px, transparent 2px 9px), var(--rust);color:#fff;width:150px;height:58px;font-family:var(--mono);border-radius:3px;justify-content:space-between;align-items:center;margin-left:-75px;padding:0 14px;display:flex;position:absolute;top:34%;left:50%;box-shadow:0 16px 30px -10px #ff5a1f99}.cargo b{font-size:1.3rem}.cargo small{letter-spacing:.1em;opacity:.85;font-size:.62rem}.cable{background:linear-gradient(transparent, var(--cable) 40%);transform-origin:bottom;width:2px;height:900px;margin-left:-1px;position:absolute;bottom:100%;left:50%}.cable:after{content:"";border:3px solid var(--cable);border-top:0;border-radius:0 0 12px 12px;width:20px;height:12px;position:absolute;bottom:-2px;left:-9px}.berth{height:180px;margin:12px calc(50% - 50vw) 0;position:relative}.ship-rig{width:min(320px,80%);margin:0 auto;position:absolute;bottom:54px;left:0;right:0}.ship{width:100%;height:auto;display:block}.sea{background:linear-gradient(#ffb5471f, transparent 30%), linear-gradient(var(--sea-a), var(--sea-b));height:70px;animation:2.2s linear infinite seaRoll;position:absolute;bottom:0;left:0;right:0;-webkit-mask:radial-gradient(14px 8px at 50% 0,#0000 97%,#000) 0 0/28px 100% repeat-x;mask:radial-gradient(14px 8px at 50% 0,#0000 97%,#000) 0 0/28px 100% repeat-x}.success{text-align:center;visibility:hidden;outline:none;padding-top:70px;position:absolute;inset:0 0 auto}.success h3{letter-spacing:-.03em;margin:0 0 .6rem;font-size:clamp(2.2rem,4.5vw,3.4rem);line-height:1}.success p:not(.eyebrow){color:var(--muted);max-width:26rem;margin:0 auto 1.6rem}.success strong{color:var(--accent);font-family:var(--mono);font-weight:600}.footer{padding:28px var(--gutter);border-top:1px solid var(--line);font-family:var(--mono);letter-spacing:.08em;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px 24px;font-size:.75rem;display:flex}.footer a{text-decoration:none}.footer a:hover{color:var(--accent)}.mode-toggle{border:1px solid var(--line);background:var(--nav-bg);width:64px;height:34px;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(8px);border-radius:999px;padding:0;transition:background-color .6s,border-color .6s;position:relative}.mode-toggle .knob{color:#e8eeff;background:#1b2f55;border-radius:50%;place-items:center;width:26px;height:26px;transition:transform .6s cubic-bezier(.6,-.3,.3,1.4),background-color .6s,color .6s;display:grid;position:absolute;top:3px;left:3px}.mode-toggle svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;grid-area:1/1;width:16px;height:16px;transition:opacity .4s,transform .6s}.mode-toggle .i-sun{opacity:0;transform:rotate(-90deg)scale(.5)}html[data-mode=day] .mode-toggle .knob{color:#5a2a00;background:#ffb547;transform:translate(30px)}html[data-mode=day] .mode-toggle .i-sun{opacity:1;transform:none}html[data-mode=day] .mode-toggle .i-moon{opacity:0;transform:rotate(90deg)scale(.5)}.nav-right{align-items:center;gap:18px;display:flex}.night-only,.day-only{transition:opacity var(--fade)}.day-only{opacity:0}html[data-mode=day] .day-only{opacity:1}html[data-mode=day] .night-only,html[data-mode=day] .night-glow{opacity:0}.scene rect,.scene path,.scene polygon,.scene circle,.ship .hull-part{transition:fill var(--fade), stroke var(--fade), opacity var(--fade)}.scene .lamp-glow{transition:none}.scene .box{transition:opacity var(--fade), fill var(--fade)}html[data-mode=day] .skyline{fill:#a9c3d6}html[data-mode=day] .bgship .hull{fill:#3d5470}html[data-mode=day] .bgship .deck-boxes{fill:#c0643f}html[data-mode=day] .rocks{fill:#5f6b7a}html[data-mode=day] .tower{fill:#f5f7fa}html[data-mode=day] .stripe{fill:#d23c2f}html[data-mode=day] .lh-dark{fill:#2c3a4e}html[data-mode=day] .lamp-room{fill:#cfe6f2}html[data-mode=day] .bulb{fill:#e9f2f8}html[data-mode=day] .quay{fill:#6b7a8c}html[data-mode=day] .quay-edge{fill:#a3b2c2}html[data-mode=day] .pole{fill:#4a586b}html[data-mode=day] .scene .box{opacity:1}html[data-mode=day] .scene .containers .box{opacity:.55}.scene .containers .box{opacity:.4}.scene .cs-slot .box{opacity:.85}html[data-mode=day] .scene .cs-slot .box{opacity:1}html[data-mode=day] .crane{fill:#1e5b8c}html[data-mode=day] .crane .rods{stroke:#1e5b8c}html[data-mode=day] .cabin{fill:#eef3f7}html[data-mode=day] .cabin-window{fill:#3c6589}html[data-mode=day] .trolley-body{fill:#173f63}html[data-mode=day] .stars circle{animation:none}html[data-mode=day] .gulls{stroke:#2a3d55;opacity:.8}html[data-mode=day] .ship .hull-part{fill:var(--ship-hull)}.cargo-ship{--hull:#8a2323;--funnel:#e0a526}.cs-hull{fill:var(--hull)}.cs-boot{fill:#3b0f10}.cs-name{fill:#fff;opacity:.75;font:600 9px var(--mono);letter-spacing:2px}.cs-bridge{fill:#e8edf2}.cs-windows{fill:#233349;transition:fill var(--fade)}.cs-funnel{fill:var(--funnel)}.cs-mast{fill:#2b3442}.cs-hull,.cs-boot,.cs-bridge,.cs-funnel,.cs-mast,.cs-name{filter:brightness(.42)saturate(.8);transition:filter var(--fade), fill .6s}html[data-mode=day] .cs-hull,html[data-mode=day] .cs-boot,html[data-mode=day] .cs-bridge,html[data-mode=day] .cs-funnel,html[data-mode=day] .cs-mast,html[data-mode=day] .cs-name{filter:none}html:not([data-mode=day]) .cs-windows{fill:#ffc46b}@keyframes twinkle{0%,to{opacity:.9}50%{opacity:.2}}@keyframes blink{0%,60%{opacity:1}61%,to{opacity:.12}}@keyframes pulse{50%{opacity:.35}}@keyframes flap{to{transform:scaleY(.4)}}@keyframes drift{to{transform:translate(25%)}}@keyframes bob{to{transform:translateY(3px)}}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes seaRoll{to{background-position:0 0;-webkit-mask-position:28px 0;mask-position:28px 0}}@media (width<=860px){.hero-content{padding-bottom:26vh}}@media (width<=520px){.manifest:after{width:46px;height:46px;font-size:.75rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}