:root{
    --white:#FAFBFF;      /* Primary 01 */
    --gold:#C5AA7C;       /* Primary 02 */
    --ink:#232323;        /* Primary 03 */
    --tan:#D8C5A5;        /* Primary 04 */
    --ink-70:rgba(35,35,35,.70);
    --ink-45:rgba(35,35,35,.45);
    --rule:rgba(35,35,35,.14);
    --rule-dk:rgba(250,251,255,.18);
    --f:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  }
  *{box-sizing:border-box}
  html{-webkit-text-size-adjust:100%;overflow-x:hidden;overflow-x:clip;scroll-behavior:smooth}
  body{
    margin:0;overflow-x:hidden;overflow-x:clip;
    background:var(--white);color:var(--ink);
    font-family:var(--f);font-size:17px;font-weight:400;line-height:1.65;
    -webkit-font-smoothing:antialiased;
  }
  .wrap{max-width:1140px;margin:0 auto;padding:0 30px}
  img,svg,video{max-width:100%;display:block}

  h1,h2,h3{font-weight:800;letter-spacing:-.03em;margin:0;line-height:1.06}
  h1{font-size:clamp(2.5rem,6vw,4.4rem)}
  h2{font-size:clamp(1.85rem,3.7vw,3rem);margin-bottom:20px}
  h3{font-size:1.18rem;font-weight:700;letter-spacing:-.015em;margin-bottom:8px;line-height:1.3}
  p{margin:0 0 18px;max-width:62ch}
  .lead{font-size:1.2rem;font-weight:400;color:var(--ink-70);max-width:52ch}
  .g{color:var(--gold)}

  .kick{
    font-size:11.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
    color:var(--ink-45);margin:0 0 16px
  }
  .kick .dot{color:var(--gold)}

  /* ══ TOP BAR ══ */
  .topbar{
    position:sticky;top:0;z-index:50;background:rgba(250,251,255,.92);
    backdrop-filter:saturate(1.6) blur(8px);border-bottom:1px solid var(--rule)
  }
  .topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:15px;padding-bottom:15px}
  .topbar img{width:212px}
  .navlinks{display:flex;align-items:center;gap:26px}
  .navlinks a{
    font-size:13.5px;font-weight:600;color:var(--ink-70);text-decoration:none;letter-spacing:-.01em
  }
  .navlinks a:hover{color:var(--ink)}
  .navlinks a.btn{
    background:var(--ink);color:var(--white);padding:11px 22px;border-radius:2px;font-weight:700
  }
  .navlinks a.btn:hover{background:var(--gold);color:var(--ink)}
  @media(max-width:800px){.navlinks a:not(.btn){display:none}.topbar img{width:166px}}

  /* ══ HERO ══ */
  .hero{background:var(--ink);color:var(--white);position:relative;overflow:hidden}
  .hero .wrap{
    display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;
    padding-top:clamp(64px,8vw,104px);padding-bottom:clamp(64px,8vw,104px)
  }
  .hero .kick{color:rgba(250,251,255,.5)}
  .hero h1{color:var(--white)}
  .hero .lead{color:rgba(250,251,255,.76);margin-top:26px}
  .heroactions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
  .btn-gold,.btn-ghost{
    display:inline-block;text-decoration:none;font-size:14px;font-weight:700;
    padding:15px 30px;border-radius:2px;letter-spacing:-.01em
  }
  .btn-gold{background:var(--gold);color:var(--ink)}
  .btn-gold:hover{background:var(--tan)}
  .btn-ghost{border:1px solid var(--rule-dk);color:var(--white)}
  .btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
  .herovid{border:1px solid rgba(197,170,124,.45);background:#fff;padding:6px}
  .vidcrop{overflow:hidden;aspect-ratio:16/10}
  .herovid video{width:100%;height:100%;object-fit:cover;transform:scale(2.15)}
  .herovid figcaption{
    font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
    color:var(--ink-45);padding:12px 10px 8px;text-align:center
  }
  @media(max-width:900px){
    .hero .wrap{grid-template-columns:1fr;gap:40px}
    .herovid{order:-1}
  }

  /* ══ TRUST STRIP ══ */
  .strip{background:var(--tan);color:var(--ink)}
  .strip .wrap{
    display:flex;flex-wrap:wrap;gap:14px 44px;justify-content:space-between;
    padding-top:20px;padding-bottom:20px
  }
  .strip span{font-size:12.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}

  section{padding:clamp(64px,8.5vw,110px) 0}
  .band{background:#fff;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
  .split{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px}
  @media(max-width:900px){.split{grid-template-columns:1fr;gap:26px}}

  /* numbered steps */
  ol.steps{list-style:none;margin:0;padding:0;counter-reset:s}
  ol.steps li{
    counter-increment:s;position:relative;padding:24px 0 24px 70px;border-top:1px solid var(--rule)
  }
  ol.steps li:first-child{border-top:0;padding-top:4px}
  ol.steps li::before{
    content:counter(s,decimal-leading-zero);position:absolute;left:0;top:24px;
    font-size:1.6rem;font-weight:800;color:var(--gold);letter-spacing:-.04em
  }
  ol.steps li:first-child::before{top:4px}
  ol.steps p{margin:0;color:var(--ink-70)}

  /* quote band */
  .quote{background:var(--ink);color:var(--white)}
  .quote .kick{color:rgba(250,251,255,.5)}
  .quote blockquote{
    margin:0 0 24px;font-size:clamp(1.7rem,3.7vw,2.7rem);font-weight:800;
    letter-spacing:-.03em;line-height:1.12;max-width:19ch
  }
  .quote p{color:rgba(250,251,255,.76)}
  .quote .by{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0}

  /* credentials */
  dl.facts{margin:0;padding:0}
  dl.facts>div{display:flex;gap:24px;padding:16px 0;border-top:1px solid var(--rule);flex-wrap:wrap}
  dl.facts dt{
    font-size:11.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
    color:var(--ink-45);min-width:186px;margin:0;padding-top:4px
  }
  dl.facts dd{margin:0;flex:1;min-width:230px;font-weight:500}

  /* ══ WATCH / SOCIAL ══ */
  .chan{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
  @media(max-width:820px){.chan{grid-template-columns:1fr}}
  .chan a{
    display:block;text-decoration:none;color:var(--ink);background:var(--white);
    border:1px solid var(--rule);padding:26px;transition:border-color .16s,transform .16s
  }
  .chan a:hover{border-color:var(--gold);transform:translateY(-2px)}
  .chan .plat{font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0 0 10px}
  .chan .handle{font-size:1.05rem;font-weight:800;letter-spacing:-.02em;margin:0 0 6px}
  .chan .what{font-size:14px;color:var(--ink-70);margin:0}

  /* ══ CTA ══ */
  .cta{background:var(--gold);color:var(--ink)}
  .cta h2{max-width:16ch}
  .cta p{color:rgba(35,35,35,.78)}
  .cta .btn-ink{
    display:inline-block;background:var(--ink);color:var(--white);text-decoration:none;
    font-size:14px;font-weight:700;padding:16px 34px;border-radius:2px;margin-top:8px
  }
  .cta .btn-ink:hover{background:#000}
  .ctagrid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:end}
  @media(max-width:900px){.ctagrid{grid-template-columns:1fr;gap:30px;align-items:start}}
  .reach p{margin:0 0 9px;font-weight:600}
  .reach a{color:var(--ink);text-decoration:none;border-bottom:1.5px solid rgba(35,35,35,.35)}
  .reach a:hover{border-bottom-color:var(--ink)}

  /* ══ FOOTER ══ */
  footer{background:var(--ink);color:rgba(250,251,255,.62);padding:56px 0 46px}
  footer img{width:236px;margin-bottom:26px}
  .fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
  @media(max-width:820px){.fgrid{grid-template-columns:1fr;gap:28px}}
  footer h4{
    font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
    color:var(--white);margin:0 0 14px
  }
  footer p{font-size:14px;line-height:1.75;margin:0 0 10px;max-width:40ch}
  footer a{color:rgba(250,251,255,.62);text-decoration:none}
  footer a:hover{color:var(--gold)}
  .flist{list-style:none;margin:0;padding:0;font-size:14px;line-height:2.1}
  .legal{
    margin-top:40px;padding-top:24px;border-top:1px solid var(--rule-dk);
    font-size:12.5px;line-height:1.7;color:rgba(250,251,255,.42);max-width:none
  }

/* ══ LANGUAGE TOGGLE ══ */
.lang{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;letter-spacing:.06em}
.lang a{color:var(--ink-45);text-decoration:none}
.lang a:hover{color:var(--ink)}
.lang a[aria-current="true"]{color:var(--ink)}
.lang .sep{color:var(--rule);font-weight:400}

/* ══ VIDEO EMBED ══ */
.embed{margin-top:36px;border:1px solid var(--rule);background:#000;aspect-ratio:16/9}
.embed iframe{width:100%;height:100%;border:0;display:block}
.embedcap{
  font-size:13px;color:var(--ink-45);margin:12px 0 0;font-weight:500
}