/* Generated from track.html <style> by build-wp-page.py */

  :root{--paper:#F3EEE1;--paper-raise:#FAF5EA;--ink:#17140F;--ink-soft:#6F6353;--gold:#B08D3E;--gold-bright:#CDA85A;--fig:#5A2330;--pistachio:#7C8A4E;--hairline:rgba(23,20,15,.12)}
  *{box-sizing:border-box}
  body{margin:0;background:var(--paper);color:var(--ink);font-family:'Hanken Grotesk',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  h1,h2,h3{font-family:'Cormorant',serif;font-weight:600;letter-spacing:-.01em;line-height:1.05;margin:0}
  .wrap{max-width:1280px;margin:0 auto;padding-left:24px;padding-right:24px}@media(min-width:768px){.wrap{padding-left:40px;padding-right:40px}}
  .eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:600}
  .ulink{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;text-decoration-thickness:1px;transition:text-decoration-color .4s cubic-bezier(.22,1,.36,1)}
.ulink:hover{text-decoration-color:var(--gold)}
/* Primary nav: a hairline of gold drawn under the word, not a browser underline.
   It grows from the left on hover and retracts to the right on leave, and the
   current page keeps its own drawn, so "here" and "going here" speak the same
   language instead of two. */
.nav nav a.ulink{position:relative}
.nav nav a.ulink,.nav nav a.ulink:hover{text-decoration-color:transparent}
.nav nav a.ulink::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1.5px;border-radius:2px;
  background:linear-gradient(90deg,var(--gold),var(--gold-bright));
  transform:scaleX(0);transform-origin:right center;
  transition:transform .42s cubic-bezier(.22,1,.36,1)}
.nav nav a.ulink:hover::after,.nav nav a.ulink:focus-visible::after,.nav nav a.ulink.active::after{
  transform:scaleX(1);transform-origin:left center}
.nav nav a.ulink:focus-visible{outline:2px solid var(--fig);outline-offset:6px;border-radius:3px}
@media(prefers-reduced-motion:reduce){
  .nav nav a.ulink::after{transform:scaleX(1);opacity:0;transition:opacity .2s}
  .nav nav a.ulink:hover::after,.nav nav a.ulink:focus-visible::after,.nav nav a.ulink.active::after{opacity:1}}
  .nav{position:sticky;top:0;z-index:50;background:rgba(243,238,225,.85);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--hairline)}
  .grain{position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.4;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E")}
  /* split hero: intro + form share one viewport */
  .track-hero{display:grid;grid-template-columns:1fr;gap:34px;align-items:center;padding:34px 0 40px}
  @media(min-width:1024px){.track-hero{grid-template-columns:1.05fr 0.95fr;gap:64px;min-height:calc(100dvh - 116px);padding:24px 0}}
  .tfeat{display:flex;align-items:center;gap:11px;font-size:14.5px;color:var(--ink);line-height:1.4}
  .tfeat .fi{width:26px;height:26px;flex:none;border-radius:50%;display:grid;place-items:center;background:rgba(124,138,78,.18);color:#556231}
  .tfeat .fi svg{width:13px;height:13px}
  /* track form */
  .tcard{background:var(--paper-raise);border:1px solid var(--hairline);border-radius:18px;padding:clamp(22px,3vw,32px);box-shadow:0 40px 70px -40px rgba(90,35,48,.3)}
  .field label{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:var(--ink-soft);margin-bottom:7px}
  .field input{width:100%;background:var(--paper);border:1px solid var(--hairline);border-radius:11px;padding:13px 15px;font-family:inherit;font-size:15px;color:var(--ink);transition:border-color .25s,box-shadow .25s}
  .field input::placeholder{color:var(--ink-soft);opacity:.7}
  .field input:focus{outline:none;border-color:var(--fig);box-shadow:0 0 0 3px rgba(90,35,48,.14)}
  .tbtn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;width:100%;background:var(--fig);color:#fff;border:0;border-radius:999px;padding:15px 26px;font-weight:600;font-size:14.5px;cursor:pointer;transition:background .3s,color .3s,transform .3s}
  .tbtn:hover{background:var(--gold);color:var(--ink);transform:translateY(-2px)}
  .tbtn:active{transform:translateY(0) scale(.99)}
  /* timeline */
  #result{display:none;opacity:0;transform:translateY(14px);transition:opacity .5s,transform .5s;scroll-margin-top:98px}
  #result.show{opacity:1;transform:none}
  .step{display:grid;grid-template-columns:34px 1fr;gap:16px;padding-bottom:26px;position:relative}
  .step:not(:last-child)::before{content:"";position:absolute;left:16px;top:30px;bottom:-4px;width:2px;background:var(--hairline)}
  .step.done:not(:last-child)::before{background:#7C8A4E}
  .dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--paper);border:2px solid var(--hairline);color:var(--ink-soft);z-index:1}
  .step.done .dot{background:#6E7C42;border-color:#6E7C42;color:#fff}
  .step.current .dot{background:var(--gold);border-color:var(--gold);color:#fff;box-shadow:0 0 0 5px rgba(176,141,62,.2)}
  .step h3{font-family:'Hanken Grotesk',sans-serif;font-size:15.5px;font-weight:600;color:var(--ink)}
  .step.pending h3{color:var(--ink-soft)}
  .step p{font-size:13px;color:var(--ink-soft);margin-top:3px}
  .step.current h3{color:var(--ink)}
  .step.current .when{color:var(--gold);font-weight:600}