:root{--ink: #15202b;--ink-soft: #4a5a68;--paper: #e7edf2;--paper-deep: #d5dee7;--line: rgba(21, 32, 43, .12);--line-strong: rgba(21, 32, 43, .22);--accent: #1c6b5c;--accent-ink: #0f3f36;--accent-soft: #cfe6df;--warn: #8a5a28;--serif: "Noto Serif SC", "Source Serif 4", "Songti SC", serif;--sans: "Source Sans 3", "Noto Sans SC", "PingFang SC", sans-serif;--mono: "IBM Plex Mono", "SFMono-Regular", ui-monospace, monospace;--max: 1120px;--gutter: clamp(1.25rem, 4vw, 3rem)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:var(--accent-ink)}.site-nav{position:absolute;inset:0 0 auto;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:1.25rem var(--gutter);max-width:calc(var(--max) + 2 * var(--gutter));margin:0 auto;width:100%}.nav-brand{font-family:var(--serif);font-weight:700;font-size:1.35rem;letter-spacing:.04em;text-decoration:none}.nav-links{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0;font-size:.92rem}.nav-links a{text-decoration:none;color:var(--ink-soft)}.nav-links a:hover{color:var(--ink)}.hero{position:relative;min-height:100svh;display:grid;align-items:end;overflow:hidden;color:var(--ink);isolation:isolate}.hero-plane{position:absolute;inset:0;z-index:0;background:linear-gradient(165deg,#e7edf233,#15202b0f 55%,#1c6b5c24),repeating-linear-gradient(0deg,transparent,transparent 47px,rgba(21,32,43,.055) 48px),repeating-linear-gradient(90deg,transparent,transparent 47px,rgba(21,32,43,.055) 48px),radial-gradient(ellipse 80% 60% at 70% 30%,rgba(207,230,223,.55),transparent 60%),var(--paper-deep);animation:plane-drift 28s linear infinite}.hero-plane:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E");opacity:.07;pointer-events:none;mix-blend-mode:multiply}@keyframes plane-drift{0%{background-position:0 0,0 0,0 0,0 0,0 0}to{background-position:0 0,0 48px,48px 0,0 0,0 0}}.hero-inner{position:relative;z-index:1;width:min(100%,calc(var(--max) + 2 * var(--gutter)));margin:0 auto;padding:7rem var(--gutter) 4.5rem}.brand-mark{font-family:var(--serif);font-size:clamp(4.5rem,14vw,9.5rem);font-weight:700;line-height:.9;letter-spacing:-.03em;margin:0 0 1.25rem;opacity:0;transform:translateY(18px);animation:rise .9s cubic-bezier(.22,1,.36,1) .1s forwards}.brand-mark span{display:inline-block;color:var(--accent);font-weight:600;font-size:.28em;letter-spacing:.08em;vertical-align:.55em;margin-left:.35rem}.hero-headline{font-family:var(--serif);font-size:clamp(1.65rem,3.4vw,2.45rem);font-weight:600;line-height:1.25;max-width:16ch;margin:0 0 1rem;opacity:0;transform:translateY(18px);animation:rise .9s cubic-bezier(.22,1,.36,1) .28s forwards}.hero-lead{max-width:34rem;margin:0 0 2rem;color:var(--ink-soft);font-size:1.08rem;opacity:0;transform:translateY(18px);animation:rise .9s cubic-bezier(.22,1,.36,1) .42s forwards}.hero-cta{display:flex;flex-wrap:wrap;gap:.85rem 1.1rem;opacity:0;transform:translateY(18px);animation:rise .9s cubic-bezier(.22,1,.36,1) .56s forwards}@keyframes rise{to{opacity:1;transform:none}}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.65rem 1.35rem;border:1px solid transparent;border-radius:2px;font-family:var(--sans);font-size:.98rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--accent-ink);color:var(--paper)}.btn-ghost{background:transparent;border-color:var(--line-strong);color:var(--ink)}.btn-ghost:hover{border-color:var(--ink);color:var(--ink)}.section{padding:clamp(4rem,9vw,7rem) var(--gutter)}.section-inner{width:min(100%,var(--max));margin:0 auto}.kicker{margin:0 0 .75rem;font-family:var(--mono);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.section h2{font-family:var(--serif);font-size:clamp(1.7rem,3vw,2.35rem);font-weight:600;line-height:1.25;margin:0 0 1rem;max-width:18ch}.section-lead{margin:0;max-width:40rem;color:var(--ink-soft)}.section-contrast{background:#f4f8f6;color:var(--ink)}.section-contrast .kicker{color:var(--accent-ink)}.section-contrast .section-lead{color:var(--ink-soft)}.section-contrast h2{color:var(--ink)}.section-contrast .btn-primary{background:var(--accent-ink);color:#f4f8f6}.section-contrast .btn-primary:hover{background:var(--ink);color:#f4f8f6}.section-contrast .btn-ghost{border-color:var(--line-strong);color:var(--ink)}.section-contrast .btn-ghost:hover{border-color:var(--accent-ink);color:var(--accent-ink)}.rule{height:1px;border:0;background:var(--line-strong);margin:0}.section-contrast+.rule,.rule+.section-contrast{background:var(--line-strong)}.compare{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.25rem,3vw,2rem);margin-top:2.75rem}@media(max-width:760px){.compare{grid-template-columns:1fr}.nav-links{display:none}}.compare-col{padding:1.35rem 1.4rem;border:1px solid var(--line-strong);border-radius:2px;background:#fff}.compare-col h3{font-family:var(--serif);font-size:1.25rem;margin:0 0 .85rem;color:var(--ink)}.compare-col p{margin:0;color:var(--ink-soft);line-height:1.6}.compare-col.muted{background:#eef2f5;border-color:var(--line)}.compare-col.muted h3{color:var(--ink-soft)}.compare-col.accent{background:#fff;border-color:var(--accent);border-width:2px}.compare-col.accent h3{color:var(--accent-ink)}.flow{margin-top:2.75rem;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line-strong)}@media(max-width:860px){.flow{grid-template-columns:1fr 1fr}}@media(max-width:520px){.flow{grid-template-columns:1fr}}.flow-step{padding:1.5rem 1.25rem 1.5rem 0;border-right:1px solid var(--line);opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}.flow-step:last-child{border-right:none}.flow-step.is-in{opacity:1;transform:none}.flow-step:nth-child(2){transition-delay:.08s}.flow-step:nth-child(3){transition-delay:.16s}.flow-step:nth-child(4){transition-delay:.24s}.flow-num{font-family:var(--mono);font-size:.75rem;letter-spacing:.12em;color:var(--accent);margin-bottom:.65rem}.flow-step h3{font-family:var(--serif);font-size:1.2rem;margin:0 0 .45rem}.flow-step p{margin:0;font-size:.95rem;color:var(--ink-soft)}.pair{margin-top:2.75rem;display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,5vw,3.5rem);align-items:start}@media(max-width:760px){.pair{grid-template-columns:1fr}}.pair-item{padding-top:1.25rem;border-top:2px solid var(--ink)}.pair-item .name{font-family:var(--serif);font-size:clamp(2.2rem,5vw,3.2rem);font-weight:700;letter-spacing:-.02em;margin:0 0 .35rem;line-height:1}.pair-item .role{font-family:var(--mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 1rem}.pair-item p{margin:0;color:var(--ink-soft);max-width:28rem}.audience{margin-top:2rem;max-width:36rem}.audience ul{margin:1rem 0 0;padding:0;list-style:none}.audience li{padding:.85rem 0;border-bottom:1px solid var(--line);color:var(--ink-soft)}.audience li strong{color:var(--ink);font-weight:600}.cta-block{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1.5rem 2rem}.cta-block p{margin:.75rem 0 0;max-width:28rem;color:var(--ink-soft)}.site-footer{padding:2rem var(--gutter) 2.5rem;border-top:1px solid var(--line-strong)}.footer-inner{width:min(100%,var(--max));margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:.88rem;color:var(--ink-soft)}.footer-inner strong{color:var(--ink);font-family:var(--serif)}@media(prefers-reduced-motion:reduce){.hero-plane{animation:none}.brand-mark,.hero-headline,.hero-lead,.hero-cta,.flow-step{opacity:1;transform:none;animation:none;transition:none}}