:root{--ground: #f6f1e8;--ink: #172126;--ink-2: #4a5552;--line: #e3dccf;--sea-0: #1a64b0;--sea-1: #114d96;--sea-2: #0b3574;--sea-3: #07214e;--abyss: #040f28;--foam: #f6f1e8;--foam-2: rgba(246, 241, 232, .72);--foam-3: rgba(246, 241, 232, .5);--glass: rgba(246, 241, 232, .06);--glass-line: rgba(246, 241, 232, .14);--board: #fbc82a;--foil: #ee7b24;--reef: #8fe0c4;--warn: #ffd166;--err: #ff9a8a;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Karla", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Fragment Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--wrap: 1160px;--gutter: clamp(20px, 5vw, 64px)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--abyss);color:var(--ink);font:17px/1.65 var(--font-body);font-feature-settings:"kern" 1,"liga" 1}img,svg{display:block;max-width:100%}a{color:inherit;text-underline-offset:3px}:focus-visible{outline:2px solid var(--foil);outline-offset:3px;border-radius:4px}code,pre{font-family:var(--font-mono);font-size:.86em}h1,h2,h3{margin:0;font-weight:500}p{margin:0}.wrap{width:min(100% - 2 * var(--gutter),var(--wrap));margin-inline:auto}.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--foam);padding:8px 14px;z-index:10}.skip:focus{left:8px}.top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:22px;position:relative;z-index:2}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-weight:600;letter-spacing:.02em;font-size:18px}.brand img{border-radius:8px;box-shadow:0 4px 12px #114d9640}.top nav{display:flex;align-items:center;gap:clamp(14px,2.2vw,28px);font-size:15px}.top nav a{text-decoration:none;color:var(--ink-2)}.top nav a:hover{color:var(--ink)}.top nav .gh{color:var(--ink);font-weight:600}.top nav .lang{font-size:13px;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);padding:5px 10px;border-radius:999px}@media(max-width:860px){.top nav a:not(.gh):not(.lang){display:none}}body{background:linear-gradient(var(--ground) 0 600px,var(--abyss) 600px)}.hero{background:var(--ground);position:relative;overflow:hidden;min-height:max(780px,calc(100svh - 76px));padding-bottom:clamp(180px,22vw,330px)}.hero-copy{position:relative;z-index:1;padding-top:clamp(28px,6vw,72px);max-width:var(--wrap)}.hero-copy>*{max-width:620px}.hero-copy>h1{max-width:820px}.eyebrow{font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2)}.hero h1{font-family:var(--font-display);font-size:clamp(52px,8.4vw,112px);line-height:.96;letter-spacing:-.015em;margin-top:18px;color:var(--ink)}.hero h1 span{display:block}.hero h1 em{display:block;font-style:italic;color:var(--sea-1)}.hero .lead{font-size:clamp(17px,1.5vw,19px);color:var(--ink-2);margin-top:26px;max-width:560px}.install{position:relative;margin-top:30px;max-width:600px}.install pre{margin:0;background:var(--ink);color:var(--foam);padding:18px 96px 18px 20px;border-radius:12px;overflow-x:auto;line-height:1.9;box-shadow:0 18px 40px -18px #07214e8c}.install .line{display:block;white-space:pre}.prompt{color:var(--board);user-select:none}.prompt.agent{color:var(--reef)}.copy{position:absolute;top:12px;right:12px;font:600 12px var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--board);border:0;border-radius:8px;padding:9px 12px;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.copy:hover{transform:translateY(-1px)}.copy.is-done{background:var(--reef)}@media(max-width:640px){.install pre{padding:50px 18px 16px}.copy{top:10px;right:10px}}.actions{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;margin-top:22px}.btn{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border-radius:999px;background:var(--sea-1);color:var(--foam);text-decoration:none;font-weight:600;font-size:15px;transition:background-color .2s ease,transform .2s ease}.btn:hover{background:var(--sea-2);transform:translateY(-1px)}.btn.light{background:var(--foam);color:var(--sea-2)}.btn.light:hover{background:#fff}.dive{text-decoration:none;color:var(--ink-2);font-weight:500}.dive span{display:inline-block;animation:nudge 2.4s ease-in-out infinite}.foil-scene{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:auto;aspect-ratio:1600 / 560;z-index:0}@media(max-width:900px){.hero{min-height:0;padding-bottom:0}.foil-scene{position:relative;height:280px;aspect-ratio:auto;margin-top:24px}}.bob{animation:bob 7s ease-in-out infinite;transform-box:fill-box}.swell{animation:drift 14s ease-in-out infinite alternate}.spray circle{animation:spray 3.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.spray circle:nth-child(2){animation-delay:.6s}.spray circle:nth-child(3){animation-delay:1.2s}@keyframes bob{50%{transform:translateY(-7px) rotate(-.4deg)}}@keyframes drift{to{transform:translate(-60px)}}@keyframes spray{50%{opacity:.35;transform:translateY(-4px) scale(.8)}}@keyframes nudge{50%{transform:translateY(4px)}}.hero-copy>*{animation:rise-in .9s cubic-bezier(.2,.7,.2,1) both}.hero-copy>:nth-child(2){animation-delay:.08s}.hero-copy>:nth-child(3){animation-delay:.16s}.hero-copy>:nth-child(4){animation-delay:.24s}.hero-copy>:nth-child(5){animation-delay:.32s}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}}.sea{color:var(--foam);background:linear-gradient(180deg,var(--sea-0) 0%,var(--sea-1) 18%,var(--sea-2) 42%,var(--sea-3) 70%,var(--abyss) 100%);position:relative;overflow:hidden}.sea:before{content:"";position:absolute;top:0;bottom:0;left:max(calc((100% - var(--wrap)) / 2 - 36px),14px);border-left:1px dashed var(--glass-line)}.surface{font-family:var(--font-display);font-style:italic;font-size:clamp(22px,2.6vw,30px);color:var(--foam-2);text-align:center;padding:8px 0 12px}.block{position:relative;padding-block:clamp(64px,9vw,120px)}.depth{position:absolute;left:-64px;top:calc(clamp(64px,9vw,120px) + 10px);font:12px var(--font-mono);color:var(--foam-3);letter-spacing:.06em}.depth:before{content:"";position:absolute;left:-26px;top:50%;width:18px;border-top:1px solid var(--foam-3)}@media(max-width:1320px){.depth{position:static;margin-bottom:14px}.depth:before{display:none}.sea:before{display:none}}.sea h2{font-family:var(--font-display);font-size:clamp(36px,4.6vw,58px);line-height:1.04;letter-spacing:-.01em;color:var(--foam)}.sub{margin-top:18px;font-size:18px;color:var(--foam-2);max-width:640px}.fine{font-size:14px;color:var(--foam-3);margin-top:14px}.sea h3{font-size:18px;font-weight:600;color:var(--foam)}.cmd{font-family:var(--font-mono);font-size:.9em;white-space:nowrap}.cmd-ns{color:var(--foam-3)}.cmd-name{color:var(--board)}.steps{list-style:none;padding:0;margin:48px 0 0;display:grid;grid-template-columns:repeat(5,1fr);gap:0;counter-reset:s}.steps li{padding:22px 22px 6px 0;border-top:1px solid var(--glass-line);position:relative}.steps li:before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--board);box-shadow:0 0 0 4px #fbc82a2e}.steps .n{font:12px var(--font-mono);color:var(--foam-3)}.steps h3{margin:6px 0 8px}.steps p{font-size:15px;color:var(--foam-2)}@media(max-width:900px){.steps{grid-template-columns:1fr}.steps li{padding:18px 0 18px 28px;border-top:0;border-left:1px solid var(--glass-line)}.steps li:before{left:-5px;top:24px}}.pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:56px;align-items:start}@media(max-width:900px){.pair{grid-template-columns:1fr}}figure{margin:0}figcaption{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--foam-3);margin-bottom:12px;display:flex;align-items:center;gap:10px}.term pre{margin:0;padding:20px 22px;border-radius:14px;overflow-x:auto;line-height:1.8}.tree .rows{list-style:none;margin:0;padding:20px 22px;border-radius:14px;background:var(--glass);border:1px solid var(--glass-line);font:14px/2 var(--font-mono)}.tree .rows li{display:grid;grid-template-columns:calc(var(--d) * 20px) minmax(13ch,auto) 1fr;column-gap:14px;align-items:center}.tree .guides{align-self:stretch;background:repeating-linear-gradient(90deg,var(--glass-line) 0 1px,transparent 1px 20px);background-position:6px 0}.tree .path{color:var(--foam-2);white-space:nowrap}.tree .path.dir{color:var(--foam)}.tree .note{color:var(--foam-3);font-family:var(--font-body);font-size:14px}@media(max-width:560px){.tree .rows li{grid-template-columns:calc(var(--d) * 14px) auto}.tree .note{grid-column:2;line-height:1.4;padding-bottom:6px}}.term{background:#06152f;border:1px solid var(--glass-line);border-radius:14px;box-shadow:0 30px 60px -30px #0009}.term figcaption{padding:12px 16px 0;margin:0}.term pre{padding-top:14px}.term .line{display:block;white-space:pre;color:var(--foam-2)}.term .cmdline,.term .agentline{color:var(--foam)}.term .step{color:var(--foam-3)}.term .ok{color:var(--reef)}.term .warn{color:var(--warn)}.term .err{color:var(--err)}.dots{display:inline-flex;gap:6px;margin-right:4px}.dots i{width:9px;height:9px;border-radius:50%;background:var(--glass-line)}.tag{margin-left:auto;font-size:11px;letter-spacing:.08em;border:1px solid var(--glass-line);border-radius:999px;padding:2px 8px;text-transform:none;font-weight:500}.table{overflow-x:auto;margin-top:32px;border-radius:14px;border:1px solid var(--glass-line);background:var(--glass)}table{width:100%;border-collapse:collapse;min-width:640px;font-size:16px}th{text-align:left;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--foam-3);font-weight:600;padding:16px 20px;border-bottom:1px solid var(--glass-line)}td{padding:16px 20px;border-bottom:1px solid var(--glass-line);color:var(--foam-2);vertical-align:top}tr:last-child td{border-bottom:0}td:first-child{color:var(--foam)}.commands{list-style:none;padding:0;margin:44px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.commands li{padding:22px;border-radius:14px;background:var(--glass);border:1px solid var(--glass-line);transition:border-color .25s ease,transform .25s ease,background-color .25s ease}.commands li:hover{border-color:#fbc82a80;background:#f6f1e817;transform:translateY(-2px)}.commands code{font-size:15px}.commands p{margin-top:10px;font-size:15px;color:var(--foam-2)}@media(max-width:960px){.commands{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.commands{grid-template-columns:1fr}}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:52px}.principles .n{font-family:var(--font-display);font-style:italic;font-size:34px;color:var(--foil);line-height:1}.principles h3{font-family:var(--font-display);font-size:28px;font-weight:500;line-height:1.1;margin:12px 0 10px}.principles p{color:var(--foam-2);font-size:16px}@media(max-width:900px){.principles{grid-template-columns:1fr;gap:32px}}.rules ul{list-style:none;padding:0;margin:0;border-radius:14px;border:1px solid var(--glass-line);background:var(--glass)}.rules li{display:grid;grid-template-columns:76px 1fr;gap:2px 14px;padding:14px 18px;border-bottom:1px solid var(--glass-line)}.rules li:last-child{border-bottom:0}.rules .rid{grid-row:span 2;color:var(--board);font-size:13px;padding-top:2px}.rules .rule{color:var(--foam)}.rules .check{color:var(--foam-3);font-size:14px}.timeline{list-style:none;padding:0;margin:0}.timeline li{position:relative;padding:0 0 26px 30px;border-left:1px solid var(--glass-line)}.timeline li:last-child{padding-bottom:0}.timeline li:before{content:"";position:absolute;left:-6px;top:6px;width:11px;height:11px;border-radius:50%;border:2px solid var(--reef);background:var(--sea-3)}.timeline p{color:var(--foam-2);font-size:15px;margin-top:6px}.honest{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:40px}.honest article{padding:24px;border-radius:14px;border:1px solid var(--glass-line)}.honest p{margin-top:8px;color:var(--foam-2);font-size:15px}@media(max-width:760px){.honest{grid-template-columns:1fr}}.why{margin:72px auto 0;max-width:700px;text-align:center}.why h2{font-size:clamp(30px,3.4vw,42px)}.why p{margin-top:18px;font-family:var(--font-display);font-size:clamp(21px,2vw,25px);line-height:1.5;color:var(--foam-2)}.why .sign{font-style:italic;color:var(--board)}.learned{margin-top:64px;font-size:15px;color:var(--foam-3);max-width:760px}.learned strong{color:var(--foam-2);font-weight:600}.try{text-align:left;display:grid;grid-template-columns:1fr auto;align-items:center;gap:48px}.try .depth{grid-column:1 / -1}.try-icon{width:clamp(140px,16vw,200px);border-radius:22%;box-shadow:0 0 0 1px var(--glass-line),0 30px 80px -20px #3f9ce68c;animation:bob 7s ease-in-out infinite}@media(max-width:760px){.try{grid-template-columns:1fr}.try-icon{width:120px;order:-1}}.try .install{margin-top:32px}.try .install pre{background:#020a1c}.seabed{position:relative;padding:72px 0 56px;color:var(--foam-3);font-size:15px}.seabed:before{content:"";position:absolute;inset:0 0 auto;height:60px;background:radial-gradient(60% 100% at 50% 100%,rgba(143,224,196,.08),transparent)}.seabed a{color:var(--foam-2)}.seabed .links{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:14px}.js .rise{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.js .rise.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}.js .rise{opacity:1;transform:none}}