:root {
      --white: #fff;
      --silver: #d5d5d5;
      --muted: #9a9a9a;
      --orange: #ff5a1f;
      --charcoal: #2b2b2b;
      --black: #000;
      --display: "Archivo Black", sans-serif;
      --sans: "Manrope", sans-serif;
      --mono: "DM Mono", monospace;
    }

    * { box-sizing: border-box; }
    html { background: var(--black); scroll-behavior: smooth; }
    body { min-height: 100vh; margin: 0; color: var(--white); background: var(--black); font-family: var(--sans); overflow-x: hidden; }
    a { color: inherit; text-decoration: none; }
    button, input { font: inherit; }
    .grain { position: fixed; inset: 0; z-index: 100; pointer-events: none; opacity: .05; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E"); }
    .page-nav { position: fixed; top: 0; left: 0; right: 0; z-index: 30; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 24px 4vw; mix-blend-mode: difference; }
    .brand { font: 400 .95rem var(--display); text-transform: uppercase; letter-spacing: -.04em; }
    .brand i { color: var(--orange); font-style: normal; }
    .page-nav nav { display: flex; gap: clamp(10px, 2.2vw, 30px); align-items: center; justify-content: flex-end; flex-wrap: wrap; font: .68rem var(--mono); text-transform: uppercase; }
    .page-nav nav a:hover, .page-nav .active { color: var(--orange); }
    .shader-canvas { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .68; }
    .shader-overlay { position: absolute; inset: 0; background: radial-gradient(circle at 32% 42%, transparent, #000 74%); }
    .eyebrow { margin: 0; font: .7rem var(--mono); text-transform: uppercase; letter-spacing: .08em; }
    h1 { max-width: 11ch; margin: 20px 0 22px; font: 400 clamp(3rem, 7.6vw, 8.1rem)/.9 var(--display); letter-spacing: -.055em; text-wrap: balance; overflow-wrap: normal; }
    h1 em { color: var(--orange); font-style: normal; }
    .booking-page { min-height: 100vh; position: relative; padding: 138px 4vw 70px; overflow: hidden; }
    .booking-content { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: start; gap: 48px; width: min(1320px, 100%); margin: 0 auto; }
    .booking-header { max-width: 980px; margin-bottom: 42px; }
    .booking-header h1 { max-width: 12ch; font-size: clamp(3rem, 5.4vw, 5.5rem); }
    .booking-header p:not(.eyebrow) { max-width: 800px; color: var(--silver); font-size: clamp(1.05rem, 1.6vw, 1.45rem); line-height: 1.65; }
    .embed-grid { display: grid; gap: 18px; min-width: 0; }
    .embed-box { min-height: 640px; padding: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.2); background: rgba(43,43,43,.78); }
    .calendly-inline-widget { width: 100%; min-width: 320px; height: 760px; }
    .calendly-fallback { display: inline-flex; justify-content: center; align-items: center; min-height: 52px; margin: 18px 28px 28px; padding: 0 22px; color: var(--black); background: var(--orange); border: 1px solid var(--orange); font: .72rem var(--mono); text-transform: uppercase; transition: color .2s ease, background .2s ease; }
    .calendly-fallback:hover { color: var(--white); background: transparent; }
    .page-footer { position: relative; z-index: 2; display: flex; justify-content: space-between; gap: 18px; padding: 28px 4vw; border-top: 1px solid rgba(255,255,255,.2); font: .65rem var(--mono); text-transform: uppercase; }
    .booking-email a { text-decoration: underline; text-underline-offset: 4px; }
    a:focus-visible { outline: 2px solid var(--orange); outline-offset: 5px; }
    .legal-links { display: flex; gap: 14px; flex-wrap: wrap; justify-content: center; }

    @media (max-width: 900px) {
      .page-nav { align-items: flex-start; padding: 16px; mix-blend-mode: normal; background: rgba(0,0,0,.82); backdrop-filter: blur(12px); }
      .brand { flex: 0 0 auto; max-width: 110px; font-size: .72rem; line-height: 1.1; }
      .page-nav nav { flex: 1 1 220px; justify-content: flex-end; gap: 6px 12px; font-size: .56rem; }
      .booking-page { padding: 132px 20px 50px; }
      .booking-content { grid-template-columns: 1fr; gap: 12px; }
      h1, .booking-header h1 { max-width: 100%; }
      .page-footer { flex-wrap: wrap; padding-inline: 20px; }
    }

    @media (max-width: 460px) {
      h1, .booking-header h1 { font-size: clamp(2.45rem, 13vw, 4.2rem); }
      .embed-box { min-height: 660px; }
      .calendly-inline-widget { min-width: 100%; height: 660px; }
    }