:root{
    --bg:#161618;
    --bg-2:#1c1c1f;
    --line:#2a2a2e;
    --text:#f4f2ef;
    --muted:#a9a7a3;
    --dim:#76747a;
    --accent:#e0555a;
    --accent-hover:#ea6a6e;
    --dot:#c04fb0;
    --serif:"Fraunces",Georgia,serif;
    --sans:"Manrope",system-ui,-apple-system,sans-serif;
    --mono:"JetBrains Mono",ui-monospace,monospace;
    --wrap:1200px;
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
  a{color:inherit;text-decoration:none}
  img{max-width:100%;display:block}
  :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
  .wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}

  /* ---------- Nav ---------- */
  .nav{position:sticky;top:0;z-index:20;background:rgba(22,22,24,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
  .nav .wrap{height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}
  .logo{font-family:var(--serif);font-weight:800;font-size:22px;letter-spacing:.14em;text-transform:uppercase}
  .logo span{color:var(--accent)}
  .nav-links{display:flex;align-items:center;gap:36px;font-weight:600;font-size:16px}
  .nav-links a:not(.btn):hover{color:var(--accent)}
  .menu-btn{display:none;background:none;border:1px solid var(--line);color:var(--text);border-radius:10px;width:44px;height:44px;cursor:pointer}

  /* ---------- Buttons ---------- */
  .btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:999px;font-weight:600;font-size:16px;transition:background .15s,border-color .15s}
  .btn-primary{background:var(--accent);color:#fff}
  .btn-primary:hover{background:var(--accent-hover)}
  .btn-ghost{border:1px solid #4a4a50;color:var(--text)}
  .btn-ghost:hover{border-color:var(--text)}
  .btn svg{width:16px;height:16px}

  /* ---------- Hero ---------- */
  .hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
  .hero::before{ /* faint grid texture */
    content:"";position:absolute;inset:0;pointer-events:none;
    background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
    background-size:128px 128px;opacity:.35;
    mask-image:radial-gradient(ellipse at 40% 40%,#000 20%,transparent 75%);
  }
  .hero::after{ /* soft glow behind headline */
    content:"";position:absolute;width:520px;height:520px;left:18%;top:-120px;border-radius:50%;
    background:radial-gradient(circle,rgba(224,85,90,.12),transparent 70%);pointer-events:none;
  }
  .hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;min-height:680px;padding-top:40px;padding-bottom:40px}
  .kicker{display:flex;align-items:center;gap:16px;font-family:var(--mono);font-size:13px;letter-spacing:.22em;color:var(--accent);margin:0 0 20px}
  .kicker::before{content:"";width:120px;height:1px;background:linear-gradient(90deg,transparent,#555)}
  h1{font-family:var(--serif);font-weight:800;font-size:clamp(44px,6vw,72px);line-height:1.02;letter-spacing:-.035em;margin:0 0 28px}
  .hero p.lead{font-size:19px;color:var(--muted);max-width:440px;margin:0 0 36px}
  .hero-ctas{display:flex;flex-wrap:wrap;gap:14px}

  .hero-visual{position:relative;height:600px}
  .dots{position:absolute;left:0;top:20px;width:210px;height:440px;
    background-image:radial-gradient(var(--dot) 1.6px,transparent 2px);background-size:38px 38px;opacity:.85}
  .portrait{position:absolute;right:8%;bottom:0;width:72%;height:95%;
    border-radius:24px 24px 0 0;border:1px dashed #45454b;
    background:linear-gradient(180deg,#232327,#1b1b1e);
    display:flex;align-items:center;justify-content:center;text-align:center;
    font-family:var(--mono);font-size:13px;color:var(--dim);padding:24px}
  /* When you have a real cutout photo, replace the .portrait div with:
     <img class="portrait-img" src="creator.png" alt="Creator name"> */
  .portrait-img{position:absolute;right:6%;bottom:0;height:100%;width:auto;max-width:80%;object-fit:contain;object-position:bottom;
    -webkit-mask-image:linear-gradient(180deg,#000 82%,transparent);mask-image:linear-gradient(180deg,#000 82%,transparent)}
  .creator-card{position:absolute;left:14%;bottom:36px;z-index:2;display:flex;align-items:center;gap:14px;
    padding:14px 20px 14px 14px;border-radius:14px;min-width:250px;
    background:rgba(40,40,44,.85);border:1px solid #4a4a50;backdrop-filter:blur(8px);box-shadow:0 20px 40px rgba(0,0,0,.4)}
  .creator-card .icon{width:40px;height:40px;border-radius:10px;background:#3a1d1f;display:grid;place-items:center}
  .creator-card strong{display:block;font-family:var(--serif);font-size:16px}
  .creator-card small{font-family:var(--mono);font-size:12.5px;color:#cfcdc9}

  /* ---------- Logos ---------- */
  .logos{padding:40px 0 24px;text-align:center}
  .logos h2{font-family:var(--mono);font-weight:500;font-size:12.5px;letter-spacing:.3em;color:var(--dim);margin:0 0 28px;text-transform:uppercase}
  .logo-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:24px 40px}
  .logo-row img{height:30px;width:auto;opacity:.9;transition:opacity .15s}
  .logo-row img.mono{filter:brightness(0) invert(1)}
  .logo-row img:hover{opacity:1}
  .press .logo-row img{height:26px}
  .logo-slot{min-width:110px;height:44px;display:grid;place-items:center;padding:0 16px;border:1px dashed #3a3a40;border-radius:8px;font-family:var(--mono);font-size:12px;color:var(--dim)}
  /* Swap each .logo-slot for: <img src="logo.svg" alt="Brand" style="height:30px;opacity:.6;filter:grayscale(1) brightness(2)"> */

  /* ---------- Showcase ---------- */
  .showcase{position:relative;padding:72px 0 120px;border-bottom:1px solid var(--line);overflow:hidden}
  .showcase .wrap{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:72px}
  .showcase-visual{position:relative;padding:60px 0 20px 80px}
  .showcase-visual .dots{left:0;top:0;width:200px;height:400px}
  .showcase-visual .orb{position:absolute;left:10px;bottom:150px;width:200px;height:200px;border-radius:50%;background:#4b2a7a}
  .showcase-visual .orb-sm{position:absolute;left:-26px;bottom:120px;width:26px;height:26px;border-radius:50%;background:#7a3a8a}
  .showcase-visual img{position:relative;width:100%;height:auto;border-radius:28px}
  .showcase-copy{position:relative}
  .showcase-copy::before{content:"";position:absolute;inset:-180px -120px -120px -32px;z-index:-1;
    background:linear-gradient(135deg,rgba(60,40,70,.35),transparent 60%);pointer-events:none}
  .showcase h2{font-family:var(--serif);font-weight:600;font-size:clamp(34px,3.4vw,46px);line-height:1.18;letter-spacing:-.02em;margin:0 0 28px}
  .showcase h2 em{font-style:normal;color:var(--accent)}
  .showcase p{color:var(--muted);font-size:18px;line-height:1.65;margin:0 0 32px;max-width:520px}
  .btn-deep{background:#c7383d;color:#fff}
  .btn-deep:hover{background:var(--accent)}

  /* ---------- Featured in ---------- */
  .featured{padding:96px 0 40px;text-align:center}
  .featured h2{font-family:var(--serif);font-weight:800;font-size:clamp(34px,3.4vw,46px);letter-spacing:-.02em;margin:0 0 44px}
  .press-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:40px 44px;max-width:1120px;margin:0 auto}
  .press-row img{height:32px;width:auto;opacity:.8;transition:opacity .15s}
  .press-row .break{flex-basis:100%;height:0}
  .press-row img:hover{opacity:1}
  .press-row .press-wide{height:40px}

  /* ---------- Matchmaking ---------- */
  .match{position:relative;padding:112px 0 120px;text-align:center;overflow:hidden}
  .match::before{content:"";position:absolute;left:-180px;top:40px;width:340px;height:340px;border:1px solid var(--line);transform:rotate(45deg);pointer-events:none}
  .match h2{font-family:var(--serif);font-weight:600;font-size:clamp(34px,3.6vw,48px);letter-spacing:-.02em;line-height:1.15;margin:0 0 20px}
  .match h2 em{font-style:normal;color:var(--accent)}
  .match-lead{font-size:19px;color:#c9c7c3;max-width:640px;margin:0 auto 14px}
  .match-note{font-size:13.5px;color:var(--dim);max-width:640px;margin:0 auto 56px}
  .match img{width:100%;max-width:1000px;height:auto;margin:0 auto}

  /* ---------- Testimonials ---------- */
  .testimonial{position:relative;overflow:hidden;padding:88px 0 96px;text-align:center;
    background:radial-gradient(ellipse at 20% 30%,#2a2022,transparent 60%),linear-gradient(180deg,#221c1d,#1e1a1b)}
  .testimonial::after{content:"";position:absolute;right:23%;top:32%;width:210px;height:210px;border:1px solid #33292b;transform:rotate(4deg);pointer-events:none}
  .testimonial.alt::after{right:4%;top:40%;width:80px;height:80px;border:0;transform:none;
    background-image:radial-gradient(#3a3033 1.4px,transparent 1.8px);background-size:22px 22px}
  .testimonial blockquote{position:relative;z-index:1;margin:0 auto;max-width:920px;font-style:italic;font-weight:400;
    font-size:clamp(22px,2.2vw,29px);line-height:1.55;color:#e9e6e2}
  .testimonial figcaption{position:relative;z-index:1;margin-top:36px;display:flex;flex-direction:column;align-items:center;gap:16px}
  .t-person{display:flex;align-items:center;gap:14px;font-weight:600;font-size:15px;color:#cfccc8}
  .t-person img{width:58px;height:58px;border-radius:50%;object-fit:cover}
  .t-logo{height:40px;width:auto}
  .t-logo.white{filter:brightness(0) invert(1)}
  .client-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg)}
  .client-band .wrap{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;justify-items:center;gap:24px;padding-top:36px;padding-bottom:36px}
  .client-band img{height:34px;width:auto;max-width:100%}
  .client-band img.mono{filter:brightness(0) invert(1)}

  /* ---------- Brand grid ---------- */
  .brands{padding:112px 0 120px;text-align:center}
  .brands h2{font-family:var(--serif);font-weight:600;font-size:clamp(34px,3.6vw,50px);letter-spacing:-.02em;line-height:1.15;margin:0 0 22px}
  .brands h2 em{font-style:normal;color:var(--accent)}
  .brands-lead{font-size:19px;color:#c9c7c3;max-width:760px;margin:0 auto 28px}
  .brands-link{color:var(--accent);font-weight:600;font-size:16px}
  .brands-link:hover{color:var(--accent-hover)}
  .brand-grid{list-style:none;margin:56px auto 0;padding:40px 48px;max-width:920px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
    background:#212123;border:1px solid #333337;border-radius:22px;box-shadow:0 40px 80px rgba(0,0,0,.35)}
  .brand-cell{height:100px;display:grid;place-items:center;padding:0 16px}
  .brand-cell img{max-height:44px;max-width:150px;width:auto;height:auto;opacity:.92;transition:opacity .45s ease}
  .brand-cell img.fade{opacity:0}
  .brand-cell:hover img{opacity:1}
  .brands-count{margin-top:20px;font-size:14px;color:var(--dim)}

  /* ---------- Founder note ---------- */
  .founder{padding:40px 0 120px}
  .founder h2{font-family:var(--serif);font-weight:800;font-size:clamp(36px,3.8vw,50px);letter-spacing:-.035em;text-align:center;margin:0 0 48px}
  .founder h2 span{color:var(--accent)}
  .founder-grid{display:grid;grid-template-columns:minmax(0,420px) minmax(0,450px);justify-content:center;gap:80px;align-items:start}
  .founder-photo{position:relative}
  .founder-photo .dots{position:absolute;left:-42px;top:-44px;width:200px;height:480px}
  .founder-photo::before{content:"";position:absolute;left:-58px;top:290px;width:110px;height:100px;border:1px solid #2f2f33;transform:rotate(8deg)}
  .founder-frame{position:relative;aspect-ratio:403/558;border-radius:14px;overflow:hidden;background:#1a1a1c}
  .founder-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 18%}
  .founder-text p{margin:0 0 18px;font-size:17px;line-height:1.6;color:#d6d3cf}
  .founder-sign{margin-top:36px}
  .founder-sign strong{display:block;font-size:15px;color:var(--text)}
  .founder-sign small{font-family:var(--mono);font-size:13px;color:var(--dim)}

  /* ---------- FAQ ---------- */
  .faq{position:relative;overflow:hidden;padding:112px 0 96px}
  .faq::after{content:"";position:absolute;right:-60px;bottom:-40px;width:420px;height:420px;border-radius:50%;
    background:radial-gradient(circle,rgba(40,40,70,.35),transparent 70%);pointer-events:none}
  .faq h2{font-family:var(--serif);font-weight:800;font-size:clamp(36px,3.8vw,50px);letter-spacing:-.035em;text-align:center;margin:0 0 56px}
  .faq-list{position:relative;z-index:1;max-width:820px;margin:0 auto}
  .faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;
    padding:24px 4px;font-family:var(--serif);font-weight:800;font-size:22px;letter-spacing:-.02em;line-height:1.3}
  .faq-item summary::-webkit-details-marker{display:none}
  .faq-item summary:hover{color:#fff}
  .faq-item .chev{flex:none;width:20px;height:20px;fill:none;stroke:var(--accent);stroke-width:2.2;transition:transform .2s}
  .faq-item[open] .chev{transform:rotate(180deg)}
  .faq-item p{margin:0;padding:0 44px 24px 4px;color:var(--muted);font-size:17px;line-height:1.65;max-width:700px}

  /* ---------- Sections ---------- */

  /* ---------- Footer ---------- */
  .site-footer{border-top:1px solid var(--line);padding:72px 0 40px;background:#18181a}
  .footer-top{display:grid;grid-template-columns:200px 1fr 330px;gap:48px;align-items:start}
  .footer-logo{font-size:18px}
  .footer-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
  .footer-col{display:flex;flex-direction:column;gap:14px}
  .footer-col h3,.footer-news h3{margin:0 0 6px;font-size:16px;font-weight:700;color:var(--text)}
  .footer-col a{font-size:14.5px;font-weight:600;color:var(--muted)}
  .footer-col a:hover{color:var(--text)}
  .footer-news{border-left:1px solid var(--line);padding-left:36px}
  .news-kicker{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
  .footer-news h3{font-size:18px}
  .news-lead{margin:0 0 22px;font-size:14.5px;color:var(--muted);line-height:1.55}
  .news-row{display:flex;gap:8px}
  .news-row input{flex:1;min-width:0;height:40px;padding:0 12px;border-radius:8px;border:1px solid #3a3a40;background:#232326;color:var(--text);font:inherit;font-size:14px}
  .news-row input::placeholder{color:#8a8890}
  .news-row button{height:40px;padding:0 16px;border:0;border-radius:8px;background:#c7383d;color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
  .news-row button:disabled{background:#5a2628;color:#b9a3a4;cursor:not-allowed}
  .news-consent{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-size:12.5px;line-height:1.55;color:var(--muted)}
  .news-consent input{margin-top:3px;accent-color:var(--accent)}
  .news-consent a{color:var(--text);font-weight:700;text-decoration:underline}
  .news-status{margin:10px 0 0;font-size:13px;color:var(--muted)}
  .news-status.is-ok{color:#7dca8c}
  .news-status.is-err{color:#e07a7a}
  .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .footer-bottom{margin-top:56px;padding-top:32px;border-top:1px solid var(--line);text-align:center;font-size:14px;color:var(--muted)}
  .footer-bottom nav{display:flex;justify-content:center;gap:24px;font-weight:600;margin-bottom:18px}
  .footer-bottom nav a:hover{color:var(--text)}
  .footer-bottom p{margin:0}

  /* ---------- Responsive ---------- */
  @media (max-width:960px){
    .nav-links{display:none;position:absolute;top:80px;left:0;right:0;flex-direction:column;align-items:flex-start;gap:20px;padding:24px;background:var(--bg);border-bottom:1px solid var(--line)}
    .nav-links.open{display:flex}
    .menu-btn{display:grid;place-items:center}
    .hero .wrap{grid-template-columns:1fr;min-height:0;padding-top:64px}
    .hero-visual{height:480px}
    .showcase .wrap{grid-template-columns:1fr;gap:48px}
    .showcase-visual{padding:40px 0 0 40px}
    .press-row img{height:30px}
    .client-band .wrap{grid-template-columns:repeat(3,minmax(0,1fr))}
    .brand-grid{padding:24px 16px}
    .brand-cell{height:84px;padding:0 8px}
    .brand-cell img{max-height:34px}
    .founder-grid{grid-template-columns:1fr;gap:48px;padding:0 20px}
    .faq-item summary{font-size:19px}
    .footer-top{grid-template-columns:1fr}
    .footer-news{border-left:0;padding-left:0}
    }
  @media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ================= YouTube platform page ================= */
.nav-links a[aria-current="page"]{color:var(--accent)}
.yt-hero{position:relative;overflow:hidden;border-bottom:0}
.yt-hero::before{content:"";position:absolute;right:0;top:80px;width:48%;height:640px;pointer-events:none;
  background:linear-gradient(135deg,rgba(60,36,64,.45),transparent 65%)}
.yt-hero .wrap{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;padding-top:96px;padding-bottom:96px}
.yt-hero-copy .yt-kicker{margin:0 0 20px;font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.yt-hero h1{font-family:var(--serif);font-weight:600;font-size:clamp(44px,5.2vw,68px);line-height:1.18;letter-spacing:-.02em;margin:0 0 32px}
.yt-hero-copy p{font-size:18.5px;line-height:1.65;color:var(--muted);margin:0 0 18px;max-width:520px}
.yt-hero-copy .btn{margin-top:18px}
.yt-hero-visual{position:relative;display:flex;justify-content:center}
.yt-photo{width:100%;max-width:370px;aspect-ratio:370/486;border-radius:14px;border:1px dashed #45454b;background:#232327;
  display:grid;place-items:center;text-align:center;font-family:var(--mono);font-size:13px;color:var(--dim);padding:24px}
.yt-photo img{width:100%;height:100%;object-fit:cover;border-radius:14px}
.yt-photo-wrap{position:relative;width:100%;max-width:370px}
.yt-art{width:100%;max-width:440px;height:auto;display:block}
.yt-card{left:-36px;bottom:36px;min-width:0;width:max-content;white-space:nowrap}

.yt-quote{text-align:center;padding:72px 0 88px}
.yt-quote h2{font-family:var(--serif);font-weight:600;font-size:clamp(28px,2.6vw,36px);letter-spacing:-.01em;margin:0 0 28px}
.yt-quote blockquote{font-size:clamp(20px,1.9vw,24px)}
.yt-cite{margin:28px 0 0;font-size:15px;font-weight:600;color:#cfccc8}
.yt-closing .btn{margin-top:32px}
.yt-closing::after,.yt-quote::after{display:none}

.yt-section{padding:104px 0}
.yt-center{text-align:center}
.yt-section h2{font-family:var(--serif);font-weight:600;font-size:clamp(34px,3.6vw,48px);letter-spacing:-.02em;line-height:1.15;margin:0 0 28px}
.yt-lead{max-width:800px;margin:0 auto}
.yt-lead p{font-size:18px;line-height:1.55;color:var(--muted);margin:0 0 22px}
.yt-logos{margin-top:56px;justify-content:space-between;max-width:1000px;margin-left:auto;margin-right:auto}
.yt-sub{font-size:18px;color:var(--muted);margin:0 0 56px}
.yt-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;text-align:center}
.yt-cardbox{background:#212123;border:1px solid #333337;border-radius:10px;padding:36px 32px 40px;display:flex;flex-direction:column;align-items:center;gap:24px}
.yt-ico{width:44px;height:44px;fill:none;stroke:#9b6bff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.yt-cardbox h3{margin:0;font-family:var(--serif);font-weight:700;font-size:17px;line-height:1.5;color:var(--text)}

.yt-diff{position:relative;overflow:hidden;padding-top:72px}
.yt-diff::after{content:"";position:absolute;right:5%;top:120px;width:200px;height:210px;border:1px solid #2f2f33;transform:rotate(9deg);pointer-events:none}
.yt-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:56px}
.yt-check{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e55fd8;margin-bottom:22px}
.yt-check svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.yt-cols h3{margin:0 0 16px;font-family:var(--serif);font-weight:800;font-size:22px;letter-spacing:-.02em}
.yt-cols p{margin:0;font-size:15px;line-height:1.6;color:var(--muted)}

@media (max-width:960px){
  .yt-hero .wrap{grid-template-columns:1fr;gap:48px;padding-top:64px}
  .yt-card{left:12px}
  .yt-cards,.yt-cols{grid-template-columns:1fr}
  .yt-logos{justify-content:center}
}

/* ================= Brand Studio / clients page ================= */
.clients-hero{position:relative;overflow:hidden;text-align:center;padding:104px 0 88px}
.clients-hero::before{content:"";position:absolute;left:50%;top:16px;width:50%;height:340px;pointer-events:none;
  background:linear-gradient(135deg,rgba(60,36,64,.35),transparent 70%)}
.clients-hero .wrap{position:relative}
.clients-kicker{margin:0 0 20px;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.clients-hero h1{font-family:var(--serif);font-weight:600;font-size:clamp(40px,5vw,64px);letter-spacing:-.02em;line-height:1.1;margin:0 0 32px}
.clients-lead{max-width:780px;margin:0 auto;font-size:19px;line-height:1.5;color:var(--muted)}
.clients-grid-wrap{padding:24px 0 96px}
.clients-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.client-card{background:#fff;border-radius:10px;height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:20px 28px;
  transition:transform .2s}
.client-card:hover{transform:translateY(-3px)}
.client-card img{width:100%;max-width:196px;height:60px;object-fit:contain}
.client-card span{position:relative;font-size:14px;font-weight:500;color:#1b1b1d;padding-bottom:10px}
.client-card span::after{content:"";position:absolute;left:50%;bottom:0;width:44px;height:2px;margin-left:-22px;background:#c7383d}
@media (max-width:960px){ .clients-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .client-card{height:150px;padding:16px} .client-card img{height:46px} }
@media (prefers-reduced-motion:reduce){ .client-card:hover{transform:none} }

/* ================= Our Story page ================= */
.story-hero{position:relative;overflow:hidden;text-align:center;padding:104px 0 96px}
.story-hero h1{font-family:var(--serif);font-weight:600;font-size:clamp(38px,4.6vw,62px);line-height:1.25;letter-spacing:-.02em;margin:0 0 36px}
.story-hero h1 span{color:var(--accent)}
.story-lead{max-width:800px;margin:0 auto;font-size:18.5px;line-height:1.5;color:var(--muted)}
.story-block{padding:72px 0 88px}
.story-narrow{max-width:810px;margin:0 auto;padding:0 24px}
.story-narrow h2{font-family:var(--serif);font-weight:600;font-size:clamp(32px,3.2vw,42px);line-height:1.3;letter-spacing:-.01em;margin:0 0 36px}
.story-narrow .story-h2-lg{font-size:clamp(32px,3.2vw,42px)}
.story-narrow h3{font-family:var(--serif);font-weight:600;font-size:28px;margin:40px 0 24px}
.story-narrow p{font-size:18px;line-height:1.45;color:var(--muted);margin:0 0 22px}
.story-narrow p a{color:var(--accent)}
.story-narrow p a:hover{color:var(--accent-hover)}
.story-narrow .story-strong{color:var(--text);font-weight:600;margin-top:28px}
.story-kicker{text-align:left;margin-bottom:22px}
.story-btn{margin-top:40px}
.story-trusted{text-align:center;padding:120px 0 96px}
.story-trusted h2{font-family:var(--serif);font-weight:600;font-size:clamp(32px,3.2vw,44px);letter-spacing:-.01em;margin:0 0 8px}
.story-link{display:inline-block;margin-top:44px;color:var(--accent);font-weight:600;font-size:15px}
.story-values{position:relative;padding:96px 0 120px;text-align:center}
.story-values h2{font-family:var(--serif);font-weight:600;font-size:clamp(34px,3.4vw,46px);letter-spacing:-.01em;margin:0 0 24px}
.story-values-lead{max-width:820px;margin:0 auto 60px;font-size:18px;line-height:1.45;color:var(--muted)}
.values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;text-align:left}
.value-card{background:#212123;border:1px solid #333337;border-radius:8px;padding:36px 28px 40px}
.value-card h3{margin:0 0 14px;font-size:19px;font-weight:700;line-height:1.35}
.value-card p{margin:0;font-size:15px;line-height:1.5;color:var(--muted)}
.story-team{position:relative;overflow:hidden;padding:88px 0 96px;text-align:center}
.story-team::after{content:"";position:absolute;right:2%;top:30%;width:210px;height:210px;border:1px solid #2f2f33;transform:rotate(35deg);pointer-events:none}
.story-team h2{font-family:var(--serif);font-weight:600;font-size:clamp(34px,3.4vw,46px);letter-spacing:-.01em;margin:0 0 60px}
.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 48px}
.team-photo{width:174px;height:174px;margin:0 auto 26px;border-radius:50%;border:1px dashed #45454b;background:#232327;
  display:grid;place-items:center;font-family:var(--mono);font-size:12px;color:var(--dim);overflow:hidden}
.team-photo img{width:100%;height:100%;object-fit:cover;object-position:center 18%}
.team-photo:has(img){border-style:solid;border-color:#333337}
.team-member h3{margin:0 0 10px;font-family:var(--serif);font-weight:800;font-size:22px;letter-spacing:-.02em}
.team-role{margin:0 0 20px;color:var(--accent);font-weight:600;font-size:15px}
.team-member p:last-child{margin:0 auto;max-width:520px;font-size:15px;line-height:1.5;color:var(--muted)}
.story-covered{text-align:left;padding:96px 0 88px}
.story-covered h2{margin-bottom:44px}
.story-covered p{margin:0 0 24px;font-size:18px;color:var(--muted)}
.story-covered p strong{color:var(--text)}
.story-final{margin-top:40px!important;color:var(--text)!important;font-weight:600;font-size:21px!important;line-height:1.45}
.story-final span{color:var(--accent)}
.story-pick{position:relative;overflow:hidden;text-align:center;padding:112px 0 96px}
.story-pick::before{content:"";position:absolute;left:60px;top:0;width:110px;height:240px;
  background-image:radial-gradient(#34343a 1.2px,transparent 1.6px);background-size:21px 21px}
.story-pick::after{content:"";position:absolute;right:-60px;top:60px;width:280px;height:280px;border-radius:50%;background:#34214e;
  box-shadow:-190px 250px 0 -120px #4c2a4f}
.story-pick .wrap{position:relative;z-index:1}
.story-pick h2{font-family:var(--serif);font-weight:600;font-size:clamp(34px,3.4vw,46px);line-height:1.2;letter-spacing:-.01em;margin:0 0 44px}
.story-pick h2 span{color:var(--accent)}
@media (max-width:960px){
  .values-grid,.team-grid{grid-template-columns:1fr}
  .story-pick::after{display:none}
}
/* nav fit with more links */
.nav-links{gap:28px;font-size:15px}
.story-narrow p.story-kicker{color:var(--accent);font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.story-covered::after{display:none}

/* ================= Overview page ================= */
.ov h2{font-family:var(--serif);font-weight:600;font-size:clamp(34px,3.4vw,46px);line-height:1.2;letter-spacing:-.01em;margin:0 0 16px}
.ov-sub{margin:0;font-size:17px;color:var(--muted)}
.ov-center{text-align:center}
.ov-hero{position:relative;overflow:hidden;text-align:center;padding:104px 0 88px;border-bottom:1px solid var(--line)}
.ov-hero::before{content:"";position:absolute;left:32%;top:-40px;width:360px;height:360px;border-radius:50%;
  background:radial-gradient(circle,rgba(224,85,90,.08),transparent 70%);pointer-events:none}
.ov-kicker{position:relative;margin:0 0 24px;font-family:var(--mono);font-size:13px;letter-spacing:.14em;color:var(--accent)}
.ov-hero h1{position:relative;font-family:var(--serif);font-weight:600;font-size:clamp(40px,4.8vw,64px);line-height:1.25;letter-spacing:-.02em;margin:0 0 32px}
.ov-hero h1 span,.ov-cta h2 span{color:var(--accent)}
.ov-lead{position:relative;max-width:680px;margin:0 auto 36px;font-size:18.5px;line-height:1.45;color:var(--muted)}
.ov-ctas{position:relative;display:flex;justify-content:center;flex-wrap:wrap;gap:14px}
.ov-four{position:relative;overflow:hidden;padding:104px 0 88px}
.ov-four::before{content:"";position:absolute;left:47%;top:-20px;width:170px;height:190px;border:1px solid #2c2c30;transform:rotate(8deg);pointer-events:none}
.ov-four .ov-sub{margin-bottom:52px}
.ov-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.ov-card{background:#1d1d20;border:1px solid #333337;border-radius:14px;padding:24px 22px 26px}
.ov-num{display:block;font-family:var(--mono);font-size:12px;color:var(--accent);margin-bottom:18px}
.ov-card h3{margin:0 0 14px;font-family:var(--serif);font-weight:800;font-size:17px;letter-spacing:-.02em}
.ov-card p{margin:0;font-size:14px;line-height:1.5;color:var(--muted)}
.ov-steps-sec{position:relative;overflow:hidden;background:#1c1c1e;padding:96px 0 96px}
.ov-steps-sec h2{text-align:center}
.ov-steps-sec::before{content:"";position:absolute;left:23%;top:200px;width:230px;height:240px;border:1px solid #2b2b2f;transform:rotate(-12deg);pointer-events:none}
.ov-steps{list-style:none;margin:72px 0 0;padding:0;position:relative}
.ov-step{display:flex;gap:28px;align-items:flex-start;padding:28px 0 36px;border-bottom:1px solid #333337}
.ov-step:last-child{border-bottom:0}
.ov-circle{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid #45454b;display:grid;place-items:center;font-size:12px;color:var(--accent);margin-top:2px}
.ov-step h3{margin:0 0 16px;font-family:var(--serif);font-weight:700;font-size:22px;letter-spacing:-.01em}
.ov-step p{margin:0;font-size:16.5px;line-height:1.6;color:var(--muted)}
.ov-quote{text-align:center;padding:72px 0 88px}
.ov-qmark{display:block;font-family:var(--serif);font-size:30px;line-height:1;color:var(--accent);margin-bottom:28px}
.ov-quote blockquote{max-width:700px;margin:0 auto;font-style:italic;font-size:clamp(20px,1.9vw,24px);line-height:1.5;color:#e0ddd9}
.ov-person{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:40px;text-align:left}
.ov-avatar{width:44px;height:44px;border-radius:50%;border:1px dashed #45454b;background:#232327}
.ov-person strong{display:block;font-size:14px}
.ov-person small{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--dim)}
.ov-faq{background:#1c1c1e;padding:96px 0 88px}
.ov-faq-inner{max-width:740px;margin:0 auto;padding:0 24px}
.ov-faq h2{font-size:clamp(30px,2.8vw,36px);margin-bottom:12px}
.ov-faq .ov-sub{font-size:15px;color:var(--dim);margin-bottom:56px}
.ov-faq-item{border-bottom:1px solid #333337}
.ov-faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-size:17px;font-weight:600}
.ov-faq-item summary::-webkit-details-marker{display:none}
.ov-plus{flex:none;width:16px;height:16px;fill:none;stroke:var(--accent);stroke-width:2;transition:transform .2s}
.ov-faq-item[open] .ov-plus{transform:rotate(45deg)}
.ov-faq-item p{margin:0;padding:0 36px 22px 0;font-size:15.5px;line-height:1.6;color:var(--muted)}
.ov-cta{text-align:center;padding:120px 0 112px}
.ov-cta h2{font-size:clamp(40px,4.2vw,56px);line-height:1.2;margin-bottom:28px}
.ov-cta .ov-sub{margin-bottom:40px}
@media (max-width:960px){ .ov-cards{grid-template-columns:repeat(2,minmax(0,1fr))} .ov h2 br{display:none} }
@media (max-width:560px){ .ov-cards{grid-template-columns:1fr} }
/* nav: 8 links */
.nav-links{gap:24px}
.nav-links a{white-space:nowrap}

.footer-col .footer-plain{font-size:14.5px;font-weight:600;color:var(--muted)}

/* ================= Contact page ================= */
.ct-hero{position:relative;overflow:hidden;text-align:center;padding:104px 0 128px}
.ct-hero::before{content:"";position:absolute;left:50%;top:14px;width:50%;height:520px;pointer-events:none;
  background:linear-gradient(135deg,rgba(60,36,64,.32),transparent 70%)}
.ct-hero .wrap{position:relative}
.ct-hero h1{font-family:var(--serif);font-weight:600;font-size:clamp(40px,4.8vw,64px);letter-spacing:-.02em;line-height:1.12;margin:0 0 36px}
.ct-lead{max-width:800px;margin:0 auto 56px;font-size:18.5px;line-height:1.6;color:var(--muted)}
.ct-which{margin:0 0 18px;font-size:15px;font-weight:600;color:#d6d3cf}
.ct-choices{display:flex;justify-content:center;flex-wrap:wrap;gap:14px}
.ct-band .wrap{grid-template-columns:repeat(6,minmax(0,1fr))}
.ct-band img{height:34px;max-width:150px;object-fit:contain}
.ct-wall{padding:104px 0 112px}
.ct-wall h2{font-family:var(--serif);font-weight:600;font-size:clamp(32px,3.2vw,42px);letter-spacing:-.01em;margin:0 0 14px;text-align:center}
.ct-wall h2{margin-bottom:48px}
.ct-wall-frame{border-radius:14px;overflow:hidden;background:#2f2566;box-shadow:0 40px 80px -40px rgba(0,0,0,.8)}
.ct-wall-frame img{display:block;width:100%;height:auto}
@media (max-width:960px){ .ct-band .wrap{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:640px){ .ct-choices .btn{width:100%;justify-content:center} }

/* ================= Creator Hub page ================= */
.ch-hero{position:relative;overflow:hidden;padding:88px 0 72px}
.ch-hero::before{content:"";position:absolute;right:0;top:60px;width:48%;height:640px;pointer-events:none;
  background:linear-gradient(135deg,rgba(60,36,64,.4),transparent 65%)}
.ch-hero .wrap{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}
.ch-hero-copy .clients-kicker{text-align:left}
.ch-hero h1{font-family:var(--serif);font-weight:800;font-size:clamp(44px,5.4vw,72px);line-height:1.05;letter-spacing:-.03em;margin:0 0 28px}
.ch-hero-copy p{font-size:18.5px;line-height:1.6;color:var(--muted);max-width:520px;margin:0 0 32px}
.ch-hero-visual{display:flex;justify-content:center}
.ch-hero-visual .yt-art{max-width:440px}
.ch-band .wrap{grid-template-columns:repeat(5,minmax(0,1fr))}
.ch-band img{height:32px;max-width:150px;object-fit:contain}

.ch-callout-sec{padding:72px 0}
.ch-callout{max-width:820px;margin:0 auto;text-align:center;padding:48px 40px;border-radius:18px;
  background:linear-gradient(180deg,#2a1618,#201012);border:1px solid #3a2226}
.ch-callout h2{font-family:var(--serif);font-weight:800;font-size:clamp(28px,3vw,38px);letter-spacing:-.02em;margin:0 0 16px}
.ch-callout p{font-size:17px;line-height:1.6;color:var(--muted);max-width:620px;margin:0 auto 28px}

.ch-built{padding:80px 0}
.ch-built h2{font-family:var(--serif);font-weight:800;font-size:clamp(32px,3.6vw,46px);letter-spacing:-.02em;line-height:1.15;margin:0 0 44px;max-width:760px}
.ch-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:26px;max-width:820px}
.ch-points li{display:flex;gap:16px;align-items:flex-start}
.ch-points p{margin:0;font-size:17px;line-height:1.55;color:var(--muted)}
.ch-check{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e55fd8;margin-top:2px}
.ch-check svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.ch-quote::after,.ch-quote::before{display:none}

.ch-cols-sec{padding:72px 0}
.ch-cols{display:grid;grid-template-columns:1fr 1fr;gap:56px;max-width:1000px;margin:0 auto}
.ch-cols h3{font-family:var(--serif);font-weight:800;font-size:26px;letter-spacing:-.02em;margin:0 0 26px}
.ch-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
.ch-list li{display:flex;gap:12px;align-items:center;font-size:16px;color:var(--muted)}
.ch-dot{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e55fd8}
.ch-dot svg{width:12px;height:12px;fill:none;stroke:#fff;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}

.ch-who h2{margin-bottom:32px}
.ch-why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:8px}
.ch-why-grid > div{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}
.ch-why-grid p{margin:0;font-size:16px;font-weight:600;color:var(--text)}
.ch-steps{max-width:820px}
.ch-steps .ov-step p{margin:0;font-size:17px;color:var(--muted)}
.ch-cta{padding:96px 0 112px}

@media (max-width:960px){
  .ch-hero .wrap{grid-template-columns:1fr;gap:40px}
  .ch-hero-visual{order:-1}
  .ch-band .wrap{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
  .ch-cols{grid-template-columns:1fr;gap:36px}
  .ch-why-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
}

/* ---------- Legal (privacy / terms) ---------- */
.legal{padding:56px 0 96px}
.legal-wrap{max-width:720px;margin:0 auto;padding:0 24px}
.legal h1{font-family:var(--serif);font-weight:800;font-size:clamp(42px,5.2vw,52px);letter-spacing:-.03em;line-height:1.05;margin:0 0 8px;color:var(--text)}
.legal-dates{margin:0 0 28px;font-size:13.5px;color:var(--dim);font-weight:500}
.legal-toc{background:#242428;border:0;border-radius:18px;padding:26px 32px 28px;margin:0 0 40px}
.legal-toc strong{display:block;font-size:15px;font-weight:700;color:var(--text);margin:0 0 16px}
.legal-toc ol{margin:0;padding:0;list-style:none}
.legal-toc li{margin:0;padding:3px 0;color:var(--muted);font-size:14.5px;line-height:1.55}
.legal-toc a{color:var(--muted)}
.legal-toc a:hover{color:var(--accent)}
.legal h2{font-family:var(--serif);font-weight:800;font-size:22px;letter-spacing:-.02em;margin:44px 0 14px;color:var(--text)}
.legal h3{font-size:16px;font-weight:700;margin:28px 0 10px;color:var(--text)}
.legal p,.legal li{font-size:15.5px;line-height:1.65;color:var(--muted)}
.legal p{margin:0 0 16px}
.legal p strong{color:var(--text);font-weight:700}
.legal ul{margin:0 0 16px;padding:0 0 0 22px}
.legal li{margin:0 0 6px}
.legal em,.legal .legal-label{font-style:italic;color:var(--muted)}
.legal a{color:var(--accent);font-weight:600}
.legal a:hover{color:var(--accent-hover)}
.legal-lead{color:var(--muted)}
.legal-contact{background:#242428;border:0;border-radius:18px;padding:22px 26px;margin:8px 0 0}
.legal-contact p{margin:0 0 6px;font-size:15px}
.legal-contact p:last-child{margin:0}
.legal-contact strong{color:var(--text);font-weight:700}