:root{
    --slate:#3B5166;
    --near-black:#0E1419;
    --cyan:#40B3E7;
    --off-white:#F4F1EB;
    --mid-grey:#6B7682;

    --slate-card:#334657;
    --nb-card:#141C23;
    --text:#F4F1EB;
    --text-dim:rgba(244,241,235,.70);
    --text-faint:rgba(244,241,235,.46);
    --line:rgba(244,241,235,.12);
    --line-strong:rgba(244,241,235,.20);
    --cyan-tint:rgba(64,179,231,.14);

    --display:'Archivo',system-ui,-apple-system,sans-serif;
    --body:'Manrope',system-ui,-apple-system,sans-serif;
    --maxw:1120px;
    --gutter:clamp(22px,5vw,72px);
  }

  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
  body{margin:0;background:var(--near-black);color:var(--text);font-family:var(--body);font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
  img{max-width:100%;display:block}
  a{color:inherit}
  .wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--gutter)}

  h1,h2,h3{font-family:var(--display);margin:0;letter-spacing:-.015em}
  h1{font-weight:800;font-size:clamp(33px,5.6vw,58px);line-height:1.0;letter-spacing:-.02em}
  h2{font-weight:700;font-size:clamp(26px,3.8vw,42px);line-height:1.02}
  h3{font-weight:700;font-size:clamp(18px,2vw,21px);line-height:1.15;letter-spacing:-.01em}
  .statement{font-family:var(--display);font-weight:800;font-size:clamp(28px,4.6vw,52px);line-height:1.03;letter-spacing:-.02em;max-width:20ch}
  p{margin:0 0 1rem}

  .eyebrow{font-family:var(--body);font-weight:600;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);margin:0 0 18px;display:block}
  .lead{font-size:clamp(17px,2vw,20px);line-height:1.55;color:var(--text-dim);max-width:60ch}
  .tag{display:inline-block;font-family:var(--body);font-weight:600;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--cyan);background:var(--cyan-tint);padding:7px 12px;border-radius:4px;margin-bottom:22px}

  .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--body);font-weight:600;font-size:14px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;padding:16px 26px;border-radius:4px;border:1px solid transparent;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}
  .btn-primary{background:var(--cyan);color:var(--near-black)}
  .btn-primary:hover{background:#5cc0ea}
  .btn-ghost{background:transparent;color:var(--text);border-color:var(--line-strong)}
  .btn-ghost:hover{border-color:var(--cyan);color:var(--cyan)}
  .btn:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}

  .topbar{position:sticky;top:0;z-index:30;background:rgba(14,20,25,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
  .topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:72px}
  .logo{display:inline-flex;align-items:center;text-decoration:none}
  .logo-img{height:46px;width:auto;display:block}
  .topbar .btn{padding:10px 17px;font-size:12px}
  @media(max-width:560px){.topbar .btn{display:none}}

  section{padding-block:clamp(60px,8vw,104px)}
  .bg-slate{background:var(--slate)}
  .bg-nb{background:var(--near-black)}
  .section-head{max-width:62ch;margin-bottom:clamp(30px,4vw,48px)}
  .section-head h2{margin:0}

  /* ---------- photo hero ---------- */
  .photo-hero{position:relative;background:var(--near-black);min-height:clamp(580px,84vh,780px);display:flex;align-items:flex-end;overflow:hidden}
  .photo-hero .hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
  .photo-hero .ramp{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,20,25,.35) 0%,rgba(14,20,25,.28) 38%,rgba(14,20,25,.86) 82%,rgba(14,20,25,.97) 100%)}
  .hero-content{position:relative;z-index:2;padding-block:clamp(40px,6vw,72px);max-width:660px}
  .hero-content .positioning{font-family:var(--body);font-weight:500;font-size:14px;letter-spacing:.02em;color:var(--text-dim);margin:0 0 18px}
  .hero-content h1{margin:0 0 20px}
  .hero-content .lead{color:var(--off-white);opacity:.9}
  .hero-cta{display:flex;flex-wrap:wrap;gap:13px;margin-top:28px}
  .trustline{margin-top:22px;font-size:13.5px;color:var(--text-faint)}
  .trustline b{color:var(--text-dim);font-weight:600}

  /* ---------- video ---------- */
  .video-section{text-align:center}
  .video-section .eyebrow{text-align:center}
  .video-section h2{margin:0 auto 30px;max-width:20ch}
  .video{position:relative;max-width:900px;margin:0 auto;border:1px solid var(--line-strong);border-radius:8px;overflow:hidden;background:#0a0f13;aspect-ratio:16/9}
  .video-poster{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;text-align:center;padding:26px;background:linear-gradient(180deg,rgba(14,20,25,0) 40%,rgba(14,20,25,.85) 100%),#16212a}
  .play{width:64px;height:64px;border-radius:50%;background:var(--cyan);display:flex;align-items:center;justify-content:center}
  .play svg{width:21px;height:21px;margin-left:3px;fill:var(--near-black)}
  .video-label{font-family:var(--body);font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}
  .video-hint{font-size:12px;color:var(--text-faint);max-width:34ch;line-height:1.5}
  .video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

  ul.brand-list{list-style:none;margin:0;padding:0;display:grid;gap:16px}
  ul.brand-list li{position:relative;padding-left:34px;font-size:clamp(16px,1.9vw,18.5px);line-height:1.5;color:var(--text)}
  ul.brand-list li::before{position:absolute;left:0;top:.05em;font-size:19px;color:var(--cyan);font-weight:700}
  ul.arrow-list li::before{content:"\2192"}
  ul.tick-list li::before{content:"\2713";font-size:16px;top:.12em}

  /* ---------- photo statement band ---------- */
  .photo-statement{position:relative;min-height:clamp(440px,62vh,640px);display:flex;align-items:flex-end;overflow:hidden;background:var(--near-black)}
  .photo-statement .band-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%}
  .photo-statement .ramp{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,20,25,.30) 0%,rgba(14,20,25,.30) 30%,rgba(14,20,25,.9) 88%,rgba(14,20,25,.97) 100%)}
  .ps-content{position:relative;z-index:2;padding-block:clamp(40px,6vw,64px);max-width:640px}
  .ps-content .statement-sub{margin-top:20px;font-size:clamp(16px,1.9vw,19px);color:var(--text-dim);max-width:50ch}

  .statement-wrap{padding-block:clamp(64px,9vw,120px)}
  .statement-sub{margin-top:22px;font-size:clamp(16px,1.9vw,19px);color:var(--text-dim);max-width:52ch}

  .cards{display:grid;gap:16px}
  @media(min-width:720px){.cards{grid-template-columns:1fr 1fr}}
  .card{background:var(--nb-card);border:1px solid var(--line);border-radius:6px;padding:28px}
  .card h3{margin:0 0 11px}
  .card p{margin:0;color:var(--text-dim);font-size:16px;line-height:1.55}

  .quotes{display:grid;gap:16px}
  @media(min-width:760px){.quotes{grid-template-columns:1fr 1fr}}
  .quote{background:var(--slate-card);border:1px solid var(--line);border-radius:6px;padding:28px;display:flex;flex-direction:column}
  .quote p{font-size:16px;line-height:1.55;color:var(--text);margin:0 0 20px}
  .cite{margin-top:auto;display:flex;align-items:center;gap:12px}
  .cite .avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--line)}
  .cite .name{font-family:var(--display);font-weight:700;font-size:15px}
  .cite .role{font-family:var(--body);font-weight:600;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--cyan);margin-top:4px}

  .pathway{counter-reset:step;border-top:1px solid var(--line)}
  .step{display:grid;grid-template-columns:auto 1fr;gap:clamp(18px,3vw,32px);padding:24px 0;border-bottom:1px solid var(--line);align-items:start}
  .step .num{counter-increment:step;font-family:var(--display);font-weight:800;font-size:14px;color:var(--cyan);letter-spacing:.08em;padding-top:5px}
  .step .num::before{content:"0" counter(step)}
  .step h3{margin:0 0 6px}
  .step p{margin:0;color:var(--text-dim);font-size:16px}

  .founder{display:grid;gap:clamp(26px,4vw,48px)}
  @media(min-width:840px){.founder{grid-template-columns:.85fr 1.15fr;align-items:start}}
  .portrait{position:relative;border:1px solid var(--line);border-radius:6px;aspect-ratio:4/5;overflow:hidden;background:#16212a}
  .portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%}
  .founder p{color:var(--text-dim)}
  .founder p strong{color:var(--text);font-weight:600}
  .stat-row{display:flex;flex-wrap:wrap;gap:32px;margin-top:26px;padding-top:26px;border-top:1px solid var(--line)}
  .stat b{font-family:var(--display);font-weight:800;font-size:30px;display:block;line-height:1;color:var(--text)}
  .stat span{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint);margin-top:7px;display:block}

  .assure{display:grid;gap:clamp(24px,4vw,44px)}
  @media(min-width:820px){.assure{grid-template-columns:1fr 1fr;align-items:center}}

  details{border:1px solid var(--line);border-radius:6px;background:var(--slate-card);margin-bottom:12px;overflow:hidden}
  summary{list-style:none;cursor:pointer;padding:22px 24px;font-family:var(--display);font-weight:700;font-size:17px;display:flex;justify-content:space-between;gap:18px;align-items:center}
  summary::-webkit-details-marker{display:none}
  summary::after{content:"+";color:var(--cyan);font-size:24px;font-weight:600;line-height:1;transition:transform .2s ease}
  details[open] summary::after{transform:rotate(45deg)}
  details .answer{padding:0 24px 22px;color:var(--text-dim);max-width:72ch;font-size:16px}

  .final{text-align:center}
  .final .wrap{max-width:740px}
  .final .statement{margin:0 auto 22px;max-width:24ch}
  .final .lead{margin:0 auto 30px}
  .final .hero-cta{justify-content:center}
  .final .trustline{text-align:center}

  footer{background:var(--near-black);border-top:1px solid var(--line);padding-block:34px;color:var(--text-faint);font-size:13px}
  footer .wrap{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center}
  footer a{color:var(--text-dim);text-decoration:none}
  footer a:hover{color:var(--cyan)}

  .reveal{opacity:0;transform:translateY(12px);transition:opacity .55s ease,transform .55s ease}
  .reveal.in{opacity:1;transform:none}
  @media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

  /* ---------- site nav (multi-page) ---------- */
  .nav-links{display:flex;gap:26px;align-items:center}
  .nav-links a{font-family:var(--body);font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--text-dim);transition:color .16s ease}
  .nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--cyan)}
  @media(max-width:760px){.nav-links{display:none}}
  .nav-toggle{display:none;background:none;border:1px solid var(--line-strong);border-radius:4px;color:var(--text);padding:8px 12px;font-family:var(--body);font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
  @media(max-width:760px){.nav-toggle{display:block}}
  .mobile-nav{display:none;border-top:1px solid var(--line);background:rgba(14,20,25,.98)}
  .mobile-nav.open{display:block}
  .mobile-nav a{display:block;padding:16px var(--gutter);font-family:var(--body);font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--text-dim);border-bottom:1px solid var(--line)}
  .mobile-nav a:hover{color:var(--cyan)}

  /* ---------- footer (site-wide) ---------- */
  .footer-grid{display:grid;gap:32px;padding-bottom:26px}
  @media(min-width:760px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr;align-items:start}}
  .footer-logo{height:40px;width:auto;margin-bottom:14px}
  .footer-brand p{margin:0;font-size:13.5px;line-height:1.6;color:var(--text-faint);max-width:34ch}
  .footer-nav,.footer-social{display:flex;flex-direction:column;gap:11px}
  .footer-nav a,.footer-social a{font-size:13.5px;text-decoration:none;color:var(--text-dim)}
  .footer-nav a:hover,.footer-social a:hover{color:var(--cyan)}
  .footer-legal{border-top:1px solid var(--line);padding-top:22px;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;font-size:12.5px;color:var(--text-faint)}

  /* ---------- audience split (home) ---------- */
  .split{display:grid;gap:18px}
  @media(min-width:760px){.split{grid-template-columns:1fr 1fr}}
  .split-card{display:flex;flex-direction:column;background:var(--nb-card);border:1px solid var(--line);border-radius:6px;padding:clamp(28px,4vw,40px);text-decoration:none;transition:border-color .16s ease}
  .split-card:hover{border-color:var(--cyan)}
  .split-card .tag{margin-bottom:16px}
  .split-card h3{font-size:clamp(21px,2.6vw,26px);margin-bottom:12px}
  .split-card p{color:var(--text-dim);font-size:16px;line-height:1.55;margin:0 0 22px}
  .split-card .go{margin-top:auto;font-family:var(--body);font-weight:600;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}

  /* ---------- forms (contact) ---------- */
  .form-grid{display:grid;gap:18px;max-width:640px}
  label{font-family:var(--body);font-weight:600;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);display:block;margin-bottom:8px}
  input,textarea,select{width:100%;background:var(--nb-card);border:1px solid var(--line-strong);border-radius:4px;color:var(--text);font-family:var(--body);font-size:16px;padding:14px 16px;box-sizing:border-box}
  input:focus,textarea:focus,select:focus{outline:2px solid var(--cyan);outline-offset:1px;border-color:var(--cyan)}
  textarea{min-height:150px;resize:vertical}
  .hp-field{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}

  /* ---------- blog ---------- */
  .blog-grid{display:grid;gap:18px;margin-top:clamp(26px,4vw,40px)}
  @media(min-width:760px){.blog-grid{grid-template-columns:1fr 1fr}}
  @media(min-width:1060px){.blog-grid{grid-template-columns:1fr 1fr 1fr}}
  .post-card{display:flex;flex-direction:column;background:var(--nb-card);border:1px solid var(--line);border-radius:6px;padding:clamp(24px,3vw,32px);text-decoration:none;transition:border-color .16s ease}
  .post-card:hover{border-color:var(--cyan)}
  .post-card.featured{grid-column:1/-1;background:var(--slate-card)}
  .post-card .meta{font-family:var(--body);font-weight:600;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);margin-bottom:14px}
  .post-card h2{font-size:clamp(24px,3vw,34px);margin-bottom:12px}
  .post-card h3{font-size:clamp(18px,2vw,21px);margin-bottom:10px}
  .post-card p{color:var(--text-dim);font-size:15.5px;line-height:1.55;margin:0 0 20px}
  .post-card .read{margin-top:auto;font-family:var(--body);font-weight:600;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}

  .post-header{max-width:820px}
  .post-header h1{font-size:clamp(30px,4.5vw,50px);margin:0 0 16px}
  .post-byline{font-size:14px;color:var(--text-faint);margin:0}
  .post-body{max-width:72ch;font-size:17px;line-height:1.7;color:var(--text-dim)}
  .post-body h2{font-size:clamp(21px,2.6vw,27px);color:var(--text);margin:38px 0 14px}
  .post-body h3{margin:30px 0 10px;color:var(--text)}
  .post-body p{margin:0 0 1.1rem}
  .post-body strong{color:var(--text);font-weight:600}
  .post-body a{color:var(--cyan);text-decoration:none;border-bottom:1px solid rgba(64,179,231,.35)}
  .post-body a:hover{border-bottom-color:var(--cyan)}
  .post-body img{border-radius:6px;margin:26px 0;border:1px solid var(--line)}
  .post-body ul.brand-list{margin:18px 0 22px}
  .post-cta{border-top:1px solid var(--line)}


  /* ---------- hero readability ---------- */
  .photo-hero .ramp{background:linear-gradient(180deg,rgba(14,20,25,.55) 0%,rgba(14,20,25,.48) 38%,rgba(14,20,25,.92) 82%,rgba(14,20,25,.98) 100%)}
  .photo-hero h1{line-height:1.14;letter-spacing:-.012em;margin:0 0 24px}

  /* ---------- cyan glow on hover ---------- */
  .btn-primary:hover{box-shadow:0 0 22px rgba(64,179,231,.45)}
  .btn-ghost:hover{box-shadow:0 0 18px rgba(64,179,231,.28)}
  .split-card:hover{box-shadow:0 0 26px rgba(64,179,231,.18)}
  .post-card:hover{box-shadow:0 0 22px rgba(64,179,231,.14)}

  /* ---------- testimonial carousel ---------- */
  .quote-carousel{position:relative;max-width:800px}
  .quote-slide{display:none;background:var(--nb-card);border:1px solid var(--line-strong);border-left:3px solid var(--cyan);border-radius:6px;padding:clamp(28px,4vw,44px)}
  .quote-slide.active{display:block;animation:quoteIn .55s ease}
  @keyframes quoteIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
  @media (prefers-reduced-motion:reduce){.quote-slide.active{animation:none}}
  .quote-slide p{font-family:var(--display);font-weight:600;font-size:clamp(18px,2.4vw,23px);line-height:1.45;color:var(--off-white);margin:0 0 24px}
  .quote-slide .name{font-family:var(--display);font-weight:700;font-size:15px;color:var(--off-white)}
  .quote-slide .role{font-family:var(--body);font-weight:600;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--cyan);margin-top:4px}
  .carousel-dots{display:flex;gap:10px;margin-top:22px}
  .carousel-dots button{width:10px;height:10px;border-radius:50%;border:0;background:rgba(244,241,235,.25);cursor:pointer;padding:0;transition:background .16s ease}
  .carousel-dots button.active{background:var(--cyan)}

  /* ---------- breathing room pass ---------- */
  h1{line-height:1.12;letter-spacing:-.012em}
  h2{line-height:1.16;letter-spacing:-.008em}
  h3{letter-spacing:-.004em}
  .statement{line-height:1.12;letter-spacing:-.01em}
  .lead{line-height:1.62}
  .section-head{margin-bottom:clamp(34px,4.5vw,56px)}
  .post-header h1{line-height:1.14}

  /* ---------- horizontal spread pass ---------- */
  h1{letter-spacing:-.005em}
  h2{letter-spacing:-.002em}
  h3{letter-spacing:0}
  .statement{letter-spacing:-.004em}
  .lead{max-width:68ch}
  .section-head{max-width:72ch}
  .hero-content{max-width:740px}
  .post-body{max-width:78ch}
  ul.brand-list li{max-width:78ch}
  .post-header{max-width:880px}

  /* ---------- topbar CTA: gradient + orbiting glow ---------- */
  @property --orbit{syntax:'<angle>';initial-value:0deg;inherits:false}
  .topbar .btn-primary,.btn-glow{position:relative;background:linear-gradient(135deg,#5ec2eb 0%,#40B3E7 45%,#2b9cd4 100%);z-index:0}
  .topbar .btn-primary::before,.btn-glow::before{content:"";position:absolute;inset:-3px;border-radius:7px;z-index:-1;
    background:conic-gradient(from var(--orbit),rgba(64,179,231,0) 0deg,rgba(64,179,231,0) 240deg,rgba(122,208,243,.95) 310deg,rgba(64,179,231,0) 360deg);
    filter:blur(5px);animation:orbit 3.6s linear infinite}
  @keyframes orbit{to{--orbit:360deg}}
  @media (prefers-reduced-motion:reduce){.topbar .btn-primary::before,.btn-glow::before{animation:none;opacity:.5}}
  .topbar .btn-primary:hover,.btn-glow:hover{background:linear-gradient(135deg,#74cbee 0%,#54bde9 45%,#3aa8dd 100%)}

  /* ---------- wider pass 2 ---------- */
  :root{--maxw:1200px}
  .lead{max-width:76ch}
  .section-head{max-width:80ch}
  .hero-content{max-width:880px}
  .hero-content h1{font-size:clamp(30px,5vw,54px)}
  .final .wrap{max-width:960px}
  .final .statement{max-width:none;font-size:clamp(26px,4.2vw,48px)}
  .post-body{max-width:84ch}
  ul.brand-list li{max-width:84ch}

  /* ---------- review marquee (FCP-style) ---------- */
  .review-wall{overflow:hidden;position:relative;margin-top:8px;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
  .review-track{display:flex;gap:16px;width:max-content;animation:marquee 45s linear infinite}
  .review-wall:hover .review-track{animation-play-state:paused}
  @keyframes marquee{to{transform:translateX(-50%)}}
  @media (prefers-reduced-motion:reduce){.review-track{animation:none}}
  .review-card{width:min(360px,80vw);flex-shrink:0;background:var(--nb-card);border:1px solid var(--line-strong);border-radius:6px;padding:26px;display:flex;flex-direction:column}
  .review-card .stars{color:var(--cyan);font-size:14px;letter-spacing:4px;margin-bottom:12px}
  .review-card p{font-size:15px;line-height:1.55;color:var(--off-white);margin:0 0 18px}
  .review-card .name{font-family:var(--display);font-weight:700;font-size:14px;color:var(--off-white)}
  .review-card .role{font-family:var(--body);font-weight:600;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--cyan);margin-top:3px}

  /* ---------- review cards: FCP reference pass ---------- */
  .review-wall{-webkit-mask-image:none;mask-image:none}
  .review-track{gap:22px}
  .review-card{width:min(460px,85vw);min-height:420px;border-radius:14px;padding:clamp(30px,3.5vw,42px);background:#12191f;border-color:rgba(244,241,235,.09)}
  .review-card .stars{font-size:17px;letter-spacing:6px;margin-bottom:22px}
  .review-card p{font-size:17px;line-height:1.65;color:var(--off-white)}
  .review-card .cite{margin-top:auto}
  .review-card .name{font-size:15px}
  .review-card .role{color:var(--text-faint)}

  /* ---------- subtle background depth ---------- */
  .bg-slate{background:linear-gradient(180deg,#40566f 0%,#3B5166 48%,#36495c 100%)}
  .bg-nb{background:radial-gradient(130% 100% at 18% 0%,#141c24 0%,#0E1419 55%,#0b0f13 100%)}
  .final.bg-nb{background:radial-gradient(120% 120% at 50% 100%,#151d25 0%,#0E1419 60%)}

  /* ---------- paper-grain texture on slate ---------- */
  .bg-slate{position:relative}
  .bg-slate::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27240%27%20height%3D%27240%27%3E%3Cfilter%20id%3D%27n%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.8%27%20numOctaves%3D%272%27%20stitchTiles%3D%27stitch%27%2F%3E%3CfeColorMatrix%20type%3D%27saturate%27%20values%3D%270%27%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%27240%27%20height%3D%27240%27%20filter%3D%27url%28%23n%29%27%2F%3E%3C%2Fsvg%3E");background-size:240px 240px;opacity:.035;pointer-events:none}
  .bg-slate>.wrap{position:relative;z-index:1}

  /* ---------- marquee: soft fade into the ether ---------- */
  .review-wall{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%)}

  /* ---------- bolder buttons ---------- */
  .btn{font-weight:800}

  /* ---------- hero copy sits higher ---------- */
  .photo-hero{align-items:center}
  .photo-hero .ramp{background:linear-gradient(180deg,rgba(14,20,25,.62) 0%,rgba(14,20,25,.55) 45%,rgba(14,20,25,.9) 100%)}

  /* ---------- statement bands: fewer lines, wider ---------- */
  .ps-content{max-width:900px}
  .photo-statement .statement{max-width:none}
  .statement-sub{max-width:74ch}
  .photo-statement{align-items:center}

  /* ---------- founder mini portrait ---------- */
  .founder-mini{width:min(200px,45vw);aspect-ratio:1/1;object-fit:cover;object-position:center 20%;border-radius:12px;border:1px solid var(--line-strong);margin-bottom:20px}

  /* ---------- stats strip ---------- */
  .stats-strip{display:flex;flex-wrap:wrap;gap:clamp(20px,4vw,54px);justify-content:center;padding-block:6px}
  .stats-strip .stat b{font-size:24px}

  /* ---------- contact page ---------- */
  .contact-grid{display:grid;gap:24px;margin-top:clamp(26px,4vw,40px)}
  @media(min-width:880px){.contact-grid{grid-template-columns:1.5fr 1fr;align-items:start}}
  .form-card{background:var(--nb-card);border:1px solid rgba(64,179,231,.4);border-radius:14px;padding:clamp(26px,4vw,42px);box-shadow:0 0 40px rgba(64,179,231,.15)}
  .contact-side{display:grid;gap:22px}
  .side-card{background:var(--nb-card);border:1px solid var(--line-strong);border-radius:14px;padding:28px}
  .side-card h3{margin:0 0 10px}
  .side-card p{color:var(--text-dim);font-size:15px;line-height:1.55;margin:0 0 14px}
  .side-card a{color:var(--cyan);text-decoration:none;font-weight:700}
  .side-links{list-style:none;padding:0;margin:0;display:grid;gap:12px}
  .side-links a{display:flex;justify-content:space-between;border:1px solid var(--line);border-radius:8px;padding:12px 16px;transition:border-color .16s ease}
  .side-links a:hover{border-color:var(--cyan);box-shadow:0 0 16px rgba(64,179,231,.18)}

  /* ---------- slate: stronger grain + white sheen ---------- */
  .bg-slate{background:
    radial-gradient(120% 90% at 12% 0%, rgba(255,255,255,.09) 0%, rgba(255,255,255,0) 55%),
    linear-gradient(180deg,#40566f 0%,#3B5166 48%,#36495c 100%)}
  .bg-slate::before{opacity:.06}

  /* ---------- outcome cards hover ---------- */
  .card{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
  .card:hover{border-color:var(--cyan);box-shadow:0 0 28px rgba(64,179,231,.28);transform:translateY(-2px)}

  /* ---------- bolder background gradients ---------- */
  .bg-slate{background:
    radial-gradient(120% 90% at 12% 0%, rgba(255,255,255,.14) 0%, rgba(255,255,255,0) 52%),
    linear-gradient(165deg,#465e7a 0%,#3B5166 45%,#2f4254 100%)}
  .bg-nb{background:radial-gradient(130% 100% at 18% 0%,#1a242e 0%,#0E1419 52%,#090d10 100%)}
  .final.bg-nb{background:radial-gradient(120% 120% at 50% 100%,#1a242e 0%,#0E1419 58%)}

  /* ---------- contact card hovers ---------- */
  .side-card{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
  .side-card:hover{border-color:var(--cyan);box-shadow:0 0 26px rgba(64,179,231,.24);transform:translateY(-2px)}
  .form-card{transition:box-shadow .18s ease,border-color .18s ease}
  .form-card:hover{border-color:rgba(64,179,231,.7);box-shadow:0 0 52px rgba(64,179,231,.22)}

  /* ---------- slate: brighter gradient ---------- */
  .bg-slate{background:
    radial-gradient(130% 95% at 10% 0%, rgba(255,255,255,.22) 0%, rgba(255,255,255,.05) 40%, rgba(255,255,255,0) 62%),
    linear-gradient(160deg,#50698a 0%,#3F566E 42%,#2e4052 100%)}

  /* ---------- orbiting glow on every Book a Discovery Call ---------- */
  :where(a.btn-primary[href*="thetrainingstimulus.as.me"]){position:relative;z-index:0}
  :where(a.btn-primary[href*="thetrainingstimulus.as.me"])::before{content:"";position:absolute;inset:-3px;border-radius:7px;z-index:-1;
    background:conic-gradient(from var(--orbit),rgba(64,179,231,0) 0deg,rgba(64,179,231,0) 255deg,rgba(122,208,243,.65) 315deg,rgba(64,179,231,0) 360deg);
    filter:blur(5px);animation:orbit 4.5s linear infinite}
  @media (prefers-reduced-motion:reduce){:where(a.btn-primary[href*="thetrainingstimulus.as.me"])::before{animation:none;opacity:.4}}

  /* ---------- final CTA: explicit centering (belt and braces) ---------- */
  .final .eyebrow{display:block;text-align:center}
  .final .statement{margin-left:auto;margin-right:auto}
  .final .hero-cta{justify-content:center}

  /* ---------- contact: faint assessment backdrop ---------- */
  .contact-bg{position:relative;overflow:hidden}
  .contact-bg::before{content:"";position:absolute;inset:0;background:url("/assets/band-coaching.jpg") center 30%/cover no-repeat;opacity:.08;pointer-events:none}
  .contact-bg>.wrap{position:relative;z-index:1}

  /* ---------- slower testimonial scroll ---------- */
  .review-track{animation-duration:80s}

  /* ---------- tag pills: more pronounced ---------- */
  .tag{font-size:13px;font-weight:700;color:#7ad0f3;background:rgba(64,179,231,.22);border:1px solid rgba(64,179,231,.45);padding:8px 14px}

  /* ---------- homepage: staggered fade-up for banner copy ---------- */
  body.home .reveal{opacity:1;transform:none;transition:none}
  body.home .reveal>*{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}
  body.home .reveal.in>*{opacity:1;transform:translateY(0)}
  body.home .reveal.in>*:nth-child(2){transition-delay:.12s}
  body.home .reveal.in>*:nth-child(3){transition-delay:.24s}
  body.home .reveal.in>*:nth-child(4){transition-delay:.36s}
  body.home .reveal.in>*:nth-child(5){transition-delay:.48s}
  @media (prefers-reduced-motion:reduce){
    body.home .reveal>*{opacity:1;transform:none;transition:none}
  }

  /* ---------- ghost buttons on photo heroes: stronger presence ---------- */
  .photo-hero .btn-ghost{background:rgba(14,20,25,.55);border:1.5px solid rgba(244,241,235,.75);color:var(--off-white);backdrop-filter:blur(4px)}
  .photo-hero .btn-ghost:hover{border-color:var(--cyan);color:var(--cyan);background:rgba(14,20,25,.75)}

  /* ---------- solid light button (opaque partner to cyan) ---------- */
  .btn-light{background:var(--off-white);color:var(--near-black);border-color:transparent}
  .btn-light:hover{background:#ffffff;color:var(--near-black);box-shadow:0 0 22px rgba(64,179,231,.35)}

  /* ---------- photo band: stronger scrim behind text ---------- */
  .photo-statement .ramp{background:
    linear-gradient(90deg,rgba(14,20,25,.86) 0%,rgba(14,20,25,.66) 48%,rgba(14,20,25,.28) 100%),
    linear-gradient(180deg,rgba(14,20,25,.25) 0%,rgba(14,20,25,.45) 100%)}
  .ps-content .eyebrow{color:#7ad0f3;font-size:13.5px}

  /* ---------- hero positioning line: bright cyan eyebrow style ---------- */
  .hero-content .positioning{font-weight:700;font-size:13.5px;letter-spacing:.16em;text-transform:uppercase;color:#7ad0f3;margin:0 0 16px}

  /* ---------- controlled line breaks: wrap freely on small screens ---------- */
  .nb{white-space:nowrap}
  @media(max-width:620px){.nb{white-space:normal}}
  .footer-legal a{color:var(--text-faint)}
  .footer-legal a:hover{color:var(--text-dim)}

  /* ---------- video CTA: same glow as topbar, gentle lift ---------- */
  .video-cta{display:flex;justify-content:center;margin-top:28px}
  .video-cta .btn-glow{transition:background .16s ease,transform .2s ease,box-shadow .2s ease}
  .video-cta .btn-glow:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(64,179,231,.4)}

  /* ---------- testimonial wall arrows ---------- */
  .wall-nav{display:flex;justify-content:center;gap:12px;margin-top:22px}
  .wall-arrow{width:46px;height:46px;border-radius:50%;border:1px solid var(--line-strong);background:var(--nb-card);color:var(--off-white);font-size:18px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:border-color .16s ease,color .16s ease,transform .2s ease,box-shadow .2s ease}
  .wall-arrow:hover{border-color:var(--cyan);color:var(--cyan);transform:translateY(-2px);box-shadow:0 4px 16px rgba(64,179,231,.25)}
  .wall-arrow:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}