:root{--ink:#17303a;--ink-soft:#3e5964;--teal:#0c7384;--teal-deep:#085e6c;--gold:#b8860b;--red:#c53646;--paper:#f4f7f8;--line:#d5e1e6;--stagger-dur:.56s;--stagger-distance:14px;--stagger-stagger:80ms;--stagger-blur:4px;--stagger-ease:cubic-bezier(.22, 1, .36, 1);--learn-shift:3px;--learn-spread:8deg;--learn-in:.35s;--learn-out:.28s;--learn-ease:cubic-bezier(.22, 1, .36, 1);--tabs-dur:.25s;--tabs-ease:cubic-bezier(.22, 1, .36, 1);--tabs-text-muted:#17303ab8;--tabs-text-active:#17303a;--tabs-bar-bg:#e7eef1;--tabs-pill-bg:#fff}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink);background:radial-gradient(900px 420px at 80% 20%, oklch(93% .03 200/.7), transparent 70%), var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:"Source Sans 3",Segoe UI,sans-serif;font-size:18px;line-height:1.45}::selection{color:var(--ink);background:#b7e3ea}:focus-visible{outline:2px solid var(--teal);outline-offset:3px}a{color:inherit}.shell{min-height:100dvh}.shell.is-hero{height:100dvh;overflow:hidden}.top{justify-content:space-between;align-items:center;gap:20px;padding:18px 28px 8px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-family:Bricolage Grotesque,sans-serif;font-weight:680;text-decoration:none;display:inline-flex}.brand img{background:#fff;border-radius:10px;outline:1px solid oklch(0% 0 0/.1);width:36px;height:36px;box-shadow:0 8px 16px oklch(28% .03 210/.12)}.brand i{color:var(--teal);font-style:normal}.t-tabs{background:var(--tabs-bar-bg);border-radius:48px;align-items:center;gap:3px;padding:3px;display:inline-flex;position:relative}.t-tab{height:34px;color:var(--tabs-text-muted);cursor:pointer;z-index:1;transition:color var(--tabs-dur) var(--tabs-ease);background:0 0;border:0;border-radius:48px;justify-content:center;align-items:center;padding:4px 14px;font:600 .92rem/1 "Source Sans 3",sans-serif;text-decoration:none;display:inline-flex;position:relative}.t-tab:not([aria-selected=true]):hover,.t-tab[aria-selected=true]{color:var(--tabs-text-active)}.t-tabs-pill{background:var(--tabs-pill-bg);width:0;height:34px;transition:transform var(--tabs-dur) var(--tabs-ease), width var(--tabs-dur) var(--tabs-ease);z-index:0;pointer-events:none;border-radius:48px;position:absolute;top:3px;left:0;transform:translate(0);box-shadow:0 1px 2px oklch(20% .02 210/.08)}.stage{animation:rise .56s var(--stagger-ease)}@keyframes rise{0%{opacity:0;filter:blur(4px);transform:translateY(12px)}to{opacity:1;filter:none;transform:none}}.hero{grid-template-columns:minmax(280px,.92fr) minmax(260px,1.08fr);align-items:center;gap:12px;height:calc(100dvh - 72px);padding:0 3vw 36px 6vw;display:grid;position:relative}h1{letter-spacing:-.045em;text-wrap:balance;max-width:11ch;margin:0 0 16px;font-family:Bricolage Grotesque,sans-serif;font-size:clamp(2.7rem,5.2vw,4.8rem);font-weight:680;line-height:.94}.lede{max-width:36ch;color:var(--ink-soft);text-wrap:pretty;margin:0;font-size:1.15rem}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:28px;display:flex}.meta{color:var(--ink-soft);margin:0;font-size:.95rem}.hero-note{color:#6d828c;margin:0;font-size:.8rem;position:absolute;bottom:16px;left:6vw}.hero-stage{background:radial-gradient(520px 420px at 50% 42%,oklch(96% .03 200/.95),#0000 70%),linear-gradient(#e7f0f3 0%,#f7fafb 55%,#e9f1f3 100%);border-radius:32px 0 0 32px;align-self:stretch;place-items:center;height:calc(100% - 12px);margin:0 -3vw 0 0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px oklch(70% .02 210/.35)}.hero-stage:before{content:"";pointer-events:none;background-image:radial-gradient(circle,#c5d4da 1.1px,#0000 1.2px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 46%,#000 20%,#0000 72%);mask-image:radial-gradient(circle at 50% 46%,#000 20%,#0000 72%)}.stage-caption{z-index:2;max-width:28ch;color:var(--ink-soft);margin:0;font-size:.92rem;position:absolute;bottom:18px;left:28px}.vessel{z-index:1;width:min(100%,560px);height:min(94%,760px);position:relative;overflow:visible}.vessel-field path{fill:none;stroke:#d7c2c4;stroke-width:18px;stroke-linecap:round;opacity:.55}.vessel-artery{pointer-events:none}.vessel-center,.vessel-wall,.vessel-ref{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}.vessel-center{stroke:var(--teal);stroke-width:2.2px;opacity:.85}.vessel-wall{stroke:var(--gold);stroke-width:3.4px}.vessel-ref{stroke:var(--red);stroke-width:1.3px;opacity:.55}.vessel-bar{stroke:var(--ink);stroke-width:2.6px;stroke-linecap:round}.vessel-bar.is-locked{stroke:var(--teal);stroke-width:3.4px}.vessel-hub{fill:var(--ink)}.vessel-shoulders{opacity:0;transition:opacity .42s var(--stagger-ease)}.vessel-shoulders.is-on{opacity:1}.vessel-shoulders line{stroke:#00a38a;stroke-width:2.2px;stroke-linecap:round}.vessel-shoulders text{fill:#0c7384;font-family:"Source Sans 3",sans-serif;font-size:16px;font-weight:600}.vessel-tag{opacity:0;transform-box:fill-box;transition:opacity .28s var(--stagger-ease)}.vessel-tag.is-on{opacity:1}.vessel-tag text{fill:var(--ink);font-family:"Source Sans 3",sans-serif;font-size:18px;font-weight:600}.t-stagger-line{opacity:0;transform:translateY(var(--stagger-distance));filter:blur(var(--stagger-blur));transition:opacity var(--stagger-dur) var(--stagger-ease), transform var(--stagger-dur) var(--stagger-ease), filter var(--stagger-dur) var(--stagger-ease);display:block}.t-stagger-line--2{transition-delay:var(--stagger-stagger)}.t-stagger-line--3{transition-delay:calc(var(--stagger-stagger) * 2)}.t-stagger.is-shown .t-stagger-line{opacity:1;filter:none;transform:none}.t-learn{background:var(--teal);color:#f6fcfd;border-radius:999px;align-items:center;gap:10px;min-height:52px;padding:0 22px 0 24px;font:600 1.02rem/1 "Source Sans 3",sans-serif;text-decoration:none;transition:background .18s,transform .12s;display:inline-flex;box-shadow:0 10px 22px oklch(35% .06 200/.22)}.t-learn:hover{background:var(--teal-deep)}.t-learn:active{transform:scale(.96)}.t-learn-chevron{transition:transform var(--learn-out) var(--learn-ease);display:inline-flex;transform:translate(0)}.t-learn-arm{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;transform-box:view-box;transform-origin:10px 8px;transition:transform var(--learn-out) var(--learn-ease)}.t-learn:hover .t-learn-chevron{transform:translateX(var(--learn-shift));transition-duration:var(--learn-in)}.t-learn:hover .t-learn-arm{transition-duration:var(--learn-in)}.t-learn:hover .t-learn-arm-top{transform:rotate(var(--learn-spread))}.t-learn:hover .t-learn-arm-bot{transform:rotate(calc(var(--learn-spread) * -1))}.page{max-width:980px;padding:28px 8vw 80px}.page-lead{margin-bottom:36px}.page h1{max-width:16ch;font-size:clamp(2.4rem,4vw,3.6rem)}.steps,.facts{margin:0;padding:0;list-style:none}.steps li,.facts li{border-top:1px solid var(--line);animation:rise .64s var(--stagger-ease) both;padding:26px 0}.steps h2,.facts h2{letter-spacing:-.03em;margin:0 0 6px;font-family:Bricolage Grotesque,sans-serif;font-size:1.35rem}.steps p,.facts p{max-width:62ch;color:var(--ink-soft);text-wrap:pretty;margin:0}@media (width<=860px){.shell.is-hero{height:auto;overflow:visible}.top{flex-direction:column;align-items:flex-start}.hero{grid-template-columns:1fr;height:auto;padding:12px 22px 48px}.hero-stage{border-radius:24px;order:-1;height:52vh;margin:0}.stage-caption{bottom:12px;left:16px}.hero-note{margin-top:28px;position:static}h1{max-width:14ch}.vessel{height:46vh}}@media (prefers-reduced-motion:reduce){.t-stagger-line,.t-learn-chevron,.t-learn-arm,.t-tabs-pill,.t-tab,.vessel-tag,.vessel-shoulders{transition:none!important}.t-stagger-line{opacity:1;filter:none;transform:none}.stage,.steps li,.facts li{animation:none}.vessel-center,.vessel-wall,.vessel-ref{stroke-dashoffset:0!important}}
