/* Original logo and banner, sharing the site-wide design tokens. */
.brand-logo { display: inline-flex; align-items: center; gap: 14px; flex-shrink: 0; text-decoration: none; color: inherit; }
.brand-logo svg { display: block; width: 36px; height: 36px; }
.brand-logo > span { font: 400 20px/1 var(--font-display); letter-spacing: .14em; }
.lg-body { fill: currentColor; }.lg-star { fill: var(--maroon); }
.footer .brand-logo { color: var(--ground); margin-right: 24px; }.footer .brand-logo svg { width: 32px; height: 32px; }.footer .brand-logo > span { font-size: 16px; }
/* Original grey-sky banner: typography, flock and branching product introductions. */
.landing{position:relative;isolation:isolate;min-height:min(88vh,900px);background:var(--ground);color:var(--ink);border-bottom:1px solid var(--hairline);overflow:clip}
.landing .banner-wrap{position:relative;z-index:2;width:100%;max-width:1240px;padding:clamp(170px,28vh,260px) 40px 300px;margin:0 auto}
.landing h1{display:inline-block;white-space:nowrap;font-family:var(--font-sans);text-transform:uppercase;font-size:clamp(18px,4.6vw,76px);line-height:1;letter-spacing:.1em;font-weight:500}.landing h1 b{font-weight:700}.landing .sub{margin-top:24px;font-family:var(--font-sans);font-size:clamp(19px,2vw,26px);line-height:1.35;max-width:30em}.landing .term{font:inherit;font-weight:700;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline dotted var(--maroon);text-decoration-thickness:2px;text-underline-offset:6px}.landing .term:hover,.landing .term[aria-expanded=true]{color:var(--maroon)}.landing :focus-visible,.header :focus-visible,.mobile-nav :focus-visible{outline-color:var(--maroon)}
.landing .godwit-flock{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;overflow:hidden;z-index:0}.landing .godwit-flock path{fill:none;stroke:var(--maroon);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.landing .rise{animation:banner-rise 2s cubic-bezier(.16,.7,.2,1) both}.landing .rise.d1{animation-delay:.4s}.landing .rise.d2{animation-delay:2.1s}@keyframes banner-rise{from{opacity:0;transform:translateY(48px)}to{opacity:1;transform:none}}
.landing .tree{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:3;transition:opacity .25s}.landing .tree path{fill:none;stroke:var(--maroon);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.landing .tree circle{fill:var(--maroon)}
.landing .tip{position:absolute;z-index:4;width:min(340px,calc(100% - 32px));background:var(--surface);border:1px solid var(--hairline);border-radius:6px;padding:24px;display:flex;flex-direction:column;gap:8px;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .35s,transform .35s;color:var(--ink)}.landing .tip.on{opacity:1;transform:none;pointer-events:auto}.landing .tip .label{font:600 10px/1.5 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}.landing .tip h3{font-size:24px;line-height:28px;font-family:var(--font-display);letter-spacing:0}.landing .tip p{font:400 15px/23px var(--font-sans);color:var(--ink-muted)}.landing .tlink{font:500 14px/1.5 var(--font-sans);text-decoration:underline;text-decoration-color:var(--maroon);text-underline-offset:4px;text-decoration-thickness:1px;width:fit-content;padding-top:6px}.landing .tlink:hover{color:var(--maroon);text-decoration-thickness:2px}
.bird-motion{position:absolute;z-index:5;top:24px;right:var(--gutter);display:inline-flex;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--hairline);border-radius:999px;background:var(--ground);color:var(--ink-muted);font:400 9px/1.4 var(--font-mono);letter-spacing:1px;text-transform:uppercase}.bird-motion:hover{border-color:var(--maroon);color:var(--maroon)}.bird-motion-icon{width:8px;height:10px;display:inline-block;border-left:2px solid currentColor;border-right:2px solid currentColor}.bird-motion[data-paused=true] .bird-motion-icon{width:0;height:0;border-left:7px solid currentColor;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:0}

@media(max-width:1100px) {
  .brand-logo > span { font-size: 17px; }.footer .brand-logo { margin-right: 0; }
}
@media(max-width:760px) {
  .header .brand-logo { gap: 10px; }.header .brand-logo svg { width: 34px; height: 34px; }.header .brand-logo > span { font-size: 17px; letter-spacing: .1em; }
  .landing { min-height: 88svh; }.landing .banner-wrap { padding: clamp(130px,21vh,180px) 22px 330px; }
  .landing h1 { font-size: clamp(18px,4.6vw,35px); letter-spacing: .08em; }.landing .sub { font-size: 20px; line-height: 1.4; margin-top: 24px; }
  .landing .tip { padding: 20px; }.landing .tip p { font-size: 14px; line-height: 21px; }.landing .godwit-flock path { stroke-width: 1.3; }
  .bird-motion { top: 18px; right: 22px; font-size: 8px; padding: 7px 8px; }.footer .brand-logo { width: fit-content; }.footer .brand-logo svg { width: 30px; height: 30px; }
}
@media(max-width:370px) {
  .header .brand-logo > span { font-size: 15px; }.landing .sub { font-size: 18px; }.landing .banner-wrap { padding-bottom: 350px; }
}
@media(prefers-reduced-motion:reduce) {
  .landing .rise { animation: none; }.landing .tree,.landing .tree path,.landing .tip { transition: none !important; }
}