:root{--surface:#f3f5f4;--card:#fff;--navy:#09243b;--ink:#102331;--muted:#4a5d69;--brand:#f2c800;--line:#aeb9be;--radius:4px;--space:clamp(4rem,8vw,7rem);--spring-snappy:linear(0,.009,.035 2.1%,.141 4.4%,.723 12.9%,.938 16.7%,1.017 19.4%,1.067 22.5%,1.089 26%,1.079 30.3%,1.049 36%,1.024 42.6%,1.011 50.3%,1.004 59.2%,1.001 69.3%,1);--ease-out:cubic-bezier(.16,1,.3,1);--ease-snap:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--surface);color:var(--ink);font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1rem;line-height:1.65}img{display:block;max-width:100%;height:auto}a{color:#064f7a}main p a,main li a{text-decoration:underline;text-underline-offset:.18em}.skip{position:absolute;inset-inline-start:1rem;top:-5rem;background:var(--brand);color:var(--navy);padding:.75rem 1rem;z-index:10}.skip:focus{top:1rem}.mast{border-bottom:1px solid var(--line)}.mast-inner,.wrap{width:min(1280px,calc(100% - 3rem));margin-inline:auto}.mast-inner{min-height:5.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand img{width:215px;height:auto}.nav{display:flex;align-items:center;gap:1.5rem;list-style:none;margin:0;padding:0}.nav a,footer a{text-decoration:none;color:var(--navy);font-weight:700}.nav a:hover,footer a:hover{color:#49606e}.hero{padding:var(--space) 0}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr);gap:4rem;align-items:center}.eyebrow,.badge{display:inline-flex;width:auto;border-radius:999px;background:var(--brand);color:var(--navy);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:.35rem .65rem}.hero h1{font-size:clamp(2.75rem,7vw,6.25rem);line-height:1;letter-spacing:-.055em;max-width:1024px;margin:1.5rem 0 2.25rem;text-wrap:balance}.hero p{font-size:clamp(1rem,1.4vw,1.25rem);max-width:62ch;margin:0 0 2.25rem}.hero-media{position:relative}.hero-media img{aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius);filter:saturate(.78) contrast(1.08)}.hero-media:after{content:"OPEN NETWORK / FIXED SUPPLY";position:absolute;inset:auto 1rem 1rem;background:var(--brand);color:var(--navy);padding:.8rem 1rem;font-weight:800;border-radius:var(--radius)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.75rem 1rem;border-radius:var(--radius);background:var(--brand);color:var(--navy);font-weight:800;text-decoration:none}.button:hover{background:#d9b400}.button:active{transform:translateY(1px)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:4px solid #0b5b86;outline-offset:4px}.section{padding:var(--space) 0;position:relative}.section:not(.after-hero):before,footer:before{content:"";position:absolute;top:0;inset-inline:0;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}.section-head{max-width:768px;margin-bottom:4rem}.section h2,.page-head h1{font-size:clamp(2.25rem,5vw,4.5rem);line-height:1;letter-spacing:-.045em;margin:0 0 2rem;text-wrap:balance}.section h3,.card h2,.card h3{font-size:1.25rem;line-height:1.25;margin:0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.card{background:var(--card);border:0;border-radius:var(--radius);padding:1.5rem}.card p,.card figure{margin:1rem 0 0}.card img{aspect-ratio:16/10;object-fit:cover;margin-bottom:1.5rem}.card-link{display:inline-block;margin-top:1rem;font-weight:800}.ledger{list-style:none;padding:0;margin:0}.ledger li{display:grid;grid-template-columns:9rem 1fr auto;gap:1.5rem;align-items:center;padding:1.5rem 0;border-bottom:1px solid var(--line)}.ledger a{font-weight:800}.page-head{padding:5rem 0 3rem}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 17rem;gap:5rem;align-items:start}.prose{max-width:70ch;font-family:system-ui,-apple-system,sans-serif;font-size:1.125rem;line-height:1.72}.prose h2{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.1;margin:3rem 0 1rem}.prose img{margin:2rem 0;border-radius:var(--radius)}.rail{position:sticky;top:2rem;background:var(--navy);color:#eef5f7;padding:1.5rem;border-radius:var(--radius)}.rail a{color:#fff}.rail ul{padding-inline-start:1.2rem}.disabled-form{display:grid;gap:1rem}.disabled-form label{font-weight:700}.disabled-form input,.disabled-form textarea{width:100%;margin-top:.4rem;padding:.8rem;background:#e4e8e8;border:0;border-radius:var(--radius);font:inherit}.disabled-form button{min-height:44px;border:0;border-radius:var(--radius);background:#c8cecf;color:#526168;font:inherit;font-weight:800}footer{position:relative;padding:4rem 0 2rem}.foot{display:grid;grid-template-columns:1fr auto;gap:3rem}.foot nav{display:flex;flex-wrap:wrap;gap:1.5rem}@media(max-width:800px){.mast-inner{align-items:flex-start;flex-direction:column;padding-block:1rem}.nav{flex-wrap:wrap}.hero-grid,.article-layout,.cards,.foot{grid-template-columns:1fr}.ledger li{grid-template-columns:1fr;gap:.4rem}.rail{position:static}.hero-media img{aspect-ratio:16/10}.section-head{margin-bottom:4rem}}@media(max-width:380px){.mast-inner,.wrap{width:min(100% - 2rem,1280px)}.nav{gap:1rem}.brand img{width:180px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* VibeCurb hero: one TypeUI-native asymmetric focal composition. */
.hero-rework{position:relative;min-height:calc(100dvh - 5.5rem);padding:clamp(2.5rem,5vh,4.5rem) 0;display:grid;align-items:center;overflow:hidden;background:radial-gradient(ellipse 48% 62% at 80% 46%,rgba(242,200,0,.12),transparent 72%)}
.hero-rework .hero-grid{grid-template-columns:minmax(0,1.18fr) minmax(19rem,.72fr);gap:clamp(3rem,7vw,8rem)}
.hero-copy{position:relative;z-index:2}
.hero-rework h1{font-size:clamp(3.6rem,7.4vw,8rem);line-height:.84;letter-spacing:-.082em;max-width:10.5ch;margin:clamp(1.5rem,3vh,2.5rem) 0;text-wrap:initial}
.hero-rework h1 span{color:var(--navy);text-decoration:underline;text-decoration-color:var(--brand);text-decoration-thickness:.09em;text-underline-offset:.1em}
.hero-rework p{max-width:48ch;color:var(--muted);font-size:clamp(1rem,1.2vw,1.18rem);line-height:1.55;margin-bottom:clamp(1.5rem,3vh,2.25rem)}
.hero-rework .hero-media{isolation:isolate}
.hero-rework .hero-media:before{content:"";position:absolute;inset:-1.25rem 1.25rem 1.25rem -1.25rem;background:var(--navy);z-index:-1}
.hero-rework .hero-media img{width:100%;height:min(64vh,640px);min-height:430px;aspect-ratio:auto;object-fit:cover;object-position:52% center;transition:transform .55s var(--ease-snap),filter .55s var(--ease-snap)}
.hero-rework .hero-media:after{transition:transform .45s var(--ease-snap)}
.hero-button{padding-inline:1.35rem;transition:transform .45s var(--ease-snap),background-color .45s var(--ease-snap),box-shadow .45s var(--ease-snap)}
.hero-button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(9,36,59,.16)}
.hero-button:active{transform:translateY(0) scale(.98)}
.hero-rework .hero-media:hover img{transform:scale(1.018);filter:saturate(.9) contrast(1.1)}
.hero-rework .hero-media:hover:after{transform:translate(-3px,-3px)}

@keyframes hero-enter{from{opacity:0;transform:translateY(24px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes hero-image-enter{from{opacity:0;transform:translateX(28px) scale(.985);filter:blur(5px)}to{opacity:1;transform:translateX(0) scale(1);filter:blur(0)}}
.hero-enter{animation:hero-enter .58s var(--spring-snappy) both}
.hero-enter-1{animation-delay:40ms}.hero-enter-2{animation-delay:120ms}.hero-enter-3{animation-delay:220ms}.hero-enter-4{animation-delay:320ms}
.hero-enter-media{animation:hero-image-enter .68s var(--spring-snappy) 80ms both}

@supports (animation-timeline:view()){
  @keyframes hero-drift{from{transform:translateY(-10px)}to{transform:translateY(18px)}}
  .hero-rework .hero-media{animation:hero-drift 1s var(--ease-out) both;animation-timeline:view();animation-range:exit 0% exit 100%}
}

@media(max-width:800px){
  .hero-rework{min-height:auto;padding:clamp(3rem,9vw,5rem) 0}
  .hero-rework .hero-grid{grid-template-columns:1fr;gap:3.5rem}
  .hero-rework h1{font-size:clamp(3.25rem,15.3vw,6rem);max-width:9.5ch}
  .hero-rework .hero-media{margin-left:1rem}
  .hero-rework .hero-media img{height:clamp(20rem,84vw,32rem);min-height:0;aspect-ratio:4/5}
  @supports (animation-timeline:view()){.hero-rework .hero-media{animation:none}}
}

@media(prefers-reduced-motion:reduce){
  .hero-enter,.hero-enter-media{animation:enter-fade .16s var(--ease-out) both!important;animation-delay:0ms!important;transform:none!important;filter:none!important}
  .hero-rework .hero-media,.hero-rework .hero-media img,.hero-rework .hero-media:after,.hero-button{animation:none!important;transition:none!important;transform:none!important}
}
