/* 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:3px;text-decoration-thickness:1px;transition:text-decoration-color .35s cubic-bezier(.6,.05,.1,1)}
.ulink:hover{text-decoration-color:currentColor}
  .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}