:root{
    --navy:#0B2340;
    --navy-deep:#081729;
    --cream:#F7F4EC;
    --cream-2:#EFEADD;
    --blue:#2E9CCD;
    --gold:#785D42;
    --ink:#14181F;
    --paper:#FFFDF8;
    --line: rgba(11,35,64,0.14);
    --line-light: rgba(247,244,236,0.18);
    --serif: 'Fraunces', serif;
    --sans: 'Inter', sans-serif;
    --mono: 'IBM Plex Mono', monospace;
  }

  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  #approach, #services, #audit, #about, #final, #growth, #ads-system, #case-study { scroll-margin-top: 88px; }
  body{
    background:var(--cream);
    color:var(--ink);
    font-family:var(--sans);
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  img{display:block;max-width:100%;}
  a{color:inherit;text-decoration:none;}
  .wrap{max-width:1180px;margin:0 auto;padding:0 32px;}

  /* ---------- editorial photos ---------- */
  .photo{
    position:relative;
    overflow:hidden;
    background:var(--navy-deep);
  }
  .photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
    display:block;
    transition:transform .8s ease;
  }
  .photo:hover img{ transform:scale(1.045); }
  .photo::after{
    content:"";
    position:absolute; inset:0;
    background:linear-gradient(180deg, transparent 58%, rgba(8,23,41,0.32) 100%);
    pointer-events:none;
  }
  .photo-portrait{ aspect-ratio:3/4; }
  .photo-landscape{ aspect-ratio:4/3; }
  .photo-offset{
    box-shadow:
      0 24px 50px rgba(11,35,64,0.16),
      14px 14px 0 0 var(--cream),
      14px 14px 0 1px var(--gold);
  }

  @media (prefers-reduced-motion: reduce){
    *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; scroll-behavior:auto !important;}
  }

  ::selection{background:var(--gold); color:var(--cream);}

  /* ---------- eyebrow / labels ---------- */
  .eyebrow{
    font-family:var(--mono);
    font-size:12.5px;
    letter-spacing:0.14em;
    text-transform:uppercase;
    color:var(--blue);
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:18px;
  }
  .eyebrow::before{
    content:"";
    width:26px;height:1px;
    background:var(--gold);
    display:inline-block;
  }
  .eyebrow.on-dark{ color:#8FD3F0; }

  /* ---------- nav ---------- */
  header.site-nav{
    position:fixed; top:0; left:0; right:0; z-index:200;
    background:rgba(247,244,236,0.86);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
    transition:background .3s ease;
  }
  .nav-inner{
    position:relative;
    max-width:1180px; margin:0 auto; padding:18px 32px;
    display:flex; align-items:center; justify-content:space-between;
  }
  .brand-mark{
    font-family:var(--serif);
    font-weight:600;
    font-size:20px;
    letter-spacing:0.01em;
  }
  .brand-mark span{ color:var(--blue); font-style:italic; }
  .nav-links{ display:flex; gap:26px; align-items:center; }
  .nav-links a{
    font-family:var(--mono);
    font-size:12px;
    letter-spacing:0.08em;
    text-transform:uppercase;
    color:var(--navy);
    opacity:0.75;
    transition:opacity .2s ease;
  }
  .nav-links a:hover{ opacity:1; }
  .nav-cta{
    font-family:var(--mono) !important;
    font-size:12px !important;
    padding:10px 18px;
    background:var(--navy);
    color:var(--cream) !important;
    border-radius:2px;
    opacity:1 !important;
    letter-spacing:0.08em;
  }
  .nav-cta:hover{ background:var(--blue); }
  .nav-toggle{ display:none; }

  /* ---------- buttons ---------- */
  .btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-family:var(--mono);
    font-size:13px;
    letter-spacing:0.06em;
    text-transform:uppercase;
    padding:16px 26px;
    border-radius:2px;
    border:1px solid transparent;
    cursor:pointer;
    transition:transform .25s ease, background .25s ease, color .25s ease, border-color .25s ease;
  }
  .btn:hover{ transform:translateY(-2px); }
  .btn-primary{ background:var(--gold); color:var(--cream); box-shadow:0 10px 24px rgba(120,93,66,0.28); }
  .btn-primary:hover{ background:#8F7051; }
  .btn-outline-dark{ border-color:rgba(247,244,236,0.4); color:var(--cream); }
  .btn-outline-dark:hover{ border-color:var(--gold); color:var(--gold); }
  .btn-outline-light{ border-color:rgba(11,35,64,0.3); color:var(--navy); }
  .btn-outline-light:hover{ border-color:var(--navy); background:var(--navy); color:var(--cream); }
  .btn-block{ width:100%; justify-content:center; }
  .btn-arrow{ transition:transform .25s ease; }
  .btn:hover .btn-arrow{ transform:translateX(4px); }

  .visually-hidden{
    position:absolute !important;
    width:1px; height:1px;
    padding:0; margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
  }

  /* ================= HERO ================= */
  .hero{
    --hero-gold:#c4a06a;
    --hero-stripe:15.6%;
    position:relative;
    background:#07090c;
    color:#fff;
    padding-top:74px;
    padding-bottom:0;
  }
  .hero-stage{
    position:relative;
    width:100%;
    aspect-ratio:16 / 9;
    min-height:520px;
    max-height:min(90vh, 880px);
    overflow:hidden;
    background:#07090c;
    container-type:size;
  }
  .hero-photo{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:72% 18%;
    display:block;
  }
  .hero-shade{
    position:absolute;
    inset:0;
    background:
      linear-gradient(90deg, rgba(7,9,12,0.42) 0%, rgba(7,9,12,0.58) 16%, rgba(7,9,12,0.38) 30%, rgba(7,9,12,0.12) 44%, transparent 58%),
      linear-gradient(180deg, rgba(7,9,12,0.22) 0%, transparent 18%, transparent 76%, rgba(7,9,12,0.28) 100%);
    pointer-events:none;
  }
  .hero-ui{
    position:absolute;
    inset:0;
    z-index:2;
    display:flex;
    align-items:stretch;
  }
  .hero-inner{
    display:grid;
    grid-template-columns:var(--hero-stripe) minmax(0, 1fr);
    width:100%;
    height:100%;
    align-self:stretch;
  }
  .hero-stripe{
    position:relative;
    overflow:hidden;
    height:100%;
    align-self:stretch;
  }
  .hero-samira{
    position:absolute;
    left:50%;
    top:50%;
    font-family:var(--serif);
    font-weight:500;
    font-size:clamp(52px, 12cqh, 17.8cqh);
    letter-spacing:0.04em;
    line-height:1;
    white-space:nowrap;
    color:#fff;
    transform:translate(-50%, -50%) rotate(-90deg);
    transform-origin:center;
  }
  .hero-samira .is-gold{
    color:transparent;
    -webkit-text-stroke:1.5px var(--hero-gold);
  }
  .hero-copy{
    padding:clamp(28px, 6cqh, 56px) clamp(22px, 3.2vw, 48px) clamp(36px, 8cqh, 72px) 10px;
    max-width:34rem;
    display:flex;
    flex-direction:column;
    justify-content:center;
    color:#fff;
  }
  .hero-kicker{
    font-family:var(--mono);
    font-size:11px;
    font-weight:500;
    letter-spacing:0.22em;
    text-transform:uppercase;
    color:var(--hero-gold);
    margin:0 0 16px;
  }
  .hero-name{
    display:flex;
    align-items:flex-start;
    margin:0 0 18px;
    line-height:0.86;
  }
  .hero-nur{
    position:relative;
    font-family:var(--serif);
    font-weight:500;
    font-size:clamp(56px, 7.4vw, 96px);
    letter-spacing:0.07em;
    padding-bottom:14px;
    text-shadow:0 10px 28px rgba(0,0,0,0.28);
  }
  .hero-nur::before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:2px;
    height:16px;
    background:#fff;
  }
  .hero-nur::after{
    content:"";
    position:absolute;
    left:0;
    width:min(280px, 22vw);
    bottom:0;
    height:1.5px;
    background:linear-gradient(90deg, #fff 0%, var(--hero-gold) 72%, transparent);
  }
  .hero-headline{
    font-family:var(--serif);
    font-weight:600;
    font-size:clamp(22px, 2.45vw, 32px);
    line-height:1.2;
    letter-spacing:-0.02em;
    color:#fff;
    max-width:16ch;
    text-shadow:0 8px 22px rgba(0,0,0,0.22);
  }
  .hero-sub{
    font-family:var(--serif);
    font-style:italic;
    font-weight:500;
    font-size:clamp(17px, 1.7vw, 22px);
    color:rgba(255,255,255,0.92);
    margin-top:14px;
    line-height:1.35;
  }
  .hero-desc{
    margin-top:14px;
    color:rgba(255,255,255,0.86);
    font-size:clamp(15px, 1.12vw, 16.5px);
    line-height:1.6;
    max-width:38ch;
  }
  .hero-actions{
    margin-top:28px;
    display:flex;
    align-items:center;
    gap:22px;
    flex-wrap:wrap;
  }
  .btn-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    font-family:var(--sans);
    font-size:14px;
    font-weight:600;
    letter-spacing:0.02em;
    color:#fff;
    border:1.5px solid rgba(255,255,255,0.92);
    border-radius:999px;
    padding:11px 26px;
    transition:background .2s ease, color .2s ease, border-color .2s ease;
  }
  .btn-pill:hover{ background:#fff; color:#111; }
  .btn-pill:focus-visible,
  .hero-try:focus-visible{
    outline:2px solid var(--hero-gold);
    outline-offset:3px;
  }
  .hero-try{
    font-family:var(--serif);
    font-style:italic;
    font-size:clamp(17px, 1.5vw, 20px);
    color:#fff;
    border-bottom:1.5px solid var(--hero-gold);
    padding-bottom:3px;
  }
  .hero-try:hover{ color:var(--hero-gold); }
  .about-visual .photo-about{
    aspect-ratio:819 / 1024;
    background:#eae7e1;
  }
  .about-visual .photo-about img{
    object-fit:contain;
    object-position:center;
  }

  /* ================= FUNNEL STRIP (signature element) ================= */
  .funnel{
    background:var(--paper);
    border-bottom:1px solid var(--line);
    border-top:1px solid var(--line);
    padding:22px 0;
  }
  .funnel-inner{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:0;
    font-family:var(--mono);
    font-size:12.5px;
    letter-spacing:0.04em;
    text-transform:uppercase;
  }
  .funnel-step{
    display:flex; align-items:center; gap:10px;
    padding:6px 18px;
    color:var(--navy);
    opacity:0.55;
  }
  .funnel-step .dot{
    width:7px;height:7px;border-radius:50%;
    background:var(--navy);
    opacity:0.5;
  }
  .funnel-step.active{ opacity:1; }
  .funnel-step.active .dot{ background:var(--gold); opacity:1; }
  .funnel-arrow{ color:var(--gold); opacity:0.6; font-size:14px; }

  /* ================= SECTION BASICS ================= */
  section{ padding:120px 0; position:relative; }
  .section-head{ max-width:700px; margin-bottom:64px; }
  .section-head.center{ margin-left:auto; margin-right:auto; text-align:center; }
  h2.head{
    font-family:var(--serif);
    font-weight:600;
    font-size:clamp(30px, 3.6vw, 46px);
    line-height:1.1;
    letter-spacing:-0.01em;
  }
  h2.head em{ font-style:italic; color:var(--blue); font-weight:500; }
  .lede{
    margin-top:20px;
    font-size:17px;
    line-height:1.75;
    color:rgba(20,24,31,0.68);
  }

  /* ---------- PROBLEM / INTRO ---------- */
  .problem{ background:var(--cream); }
  .problem-grid{
    display:grid;
    grid-template-columns:0.9fr 1.1fr;
    gap:70px;
    align-items:center;
  }
  .problem-visual{ position:relative; max-width:460px; }
  .problem-visual .photo{ width:100%; }
  .problem-visual .photo-problem{
    aspect-ratio:819 / 1024;
    background:#1a2744;
  }
  .problem-visual .photo-problem img{
    object-fit:contain;
    object-position:center;
  }
  .problem-visual .cap{
    margin-top:16px;
    font-family:var(--mono);
    font-size:11.5px;
    letter-spacing:0.06em;
    text-transform:uppercase;
    color:rgba(20,24,31,0.45);
    display:flex; justify-content:space-between;
  }
  .problem-copy .big-line{
    font-family:var(--serif);
    font-size:clamp(26px, 3vw, 38px);
    line-height:1.25;
    font-weight:500;
  }
  .problem-copy .big-line em{ font-style:italic; color:var(--gold); background:none; }
  .problem-copy .body-text{
    margin-top:26px;
    font-size:16px;
    line-height:1.8;
    color:rgba(20,24,31,0.7);
  }
  .problem-copy .body-text strong{ color:var(--navy); font-weight:600; }
  .flow-line{
    margin-top:34px;
    font-family:var(--mono);
    font-size:13px;
    letter-spacing:0.03em;
    color:var(--navy);
    padding:16px 20px;
    background:var(--paper);
    border-left:2px solid var(--gold);
  }

  /* ---------- WHAT I LOOK AT ---------- */
  /* ---------- ADS GROWTH SYSTEM ---------- */
  .ads-system{
    --ads-orange:#ff7a2e;
    --ads-blue:#4db2ff;
    --ads-ink:#2c2118;
    --ads-muted:#8a6f55;
    background:linear-gradient(180deg, #f7f4ec 0%, #efe8dc 100%);
    padding:90px 0 100px;
  }
  .ads-system-head{
    max-width:760px;
    margin:0 auto 48px;
    text-align:center;
  }
  .ads-system-head--mid{ margin-top:72px; }
  .ads-system-eyebrow{
    margin:0 0 14px;
    font-family:var(--mono);
    font-size:12px;
    letter-spacing:0.16em;
    text-transform:uppercase;
    color:var(--ads-muted);
  }
  .ads-system-title{
    margin:0 0 18px;
    font-family:var(--serif);
    font-weight:600;
    font-size:clamp(30px, 4.2vw, 48px);
    line-height:1.15;
    color:var(--ads-ink);
  }
  .ads-system-lede{
    margin:0 auto;
    max-width:620px;
    font-family:var(--serif);
    font-style:italic;
    font-size:clamp(17px, 1.7vw, 21px);
    line-height:1.55;
    color:#c47a45;
  }
  .ads-panel{
    display:grid;
    grid-template-columns:1.05fr 1fr;
    gap:0;
    min-height:420px;
    margin-bottom:28px;
    border-radius:22px;
    overflow:hidden;
    background:#0c1018;
    box-shadow:0 28px 60px rgba(20,24,31,0.18);
    transition:transform 0.35s ease, box-shadow 0.35s ease;
  }
  .ads-panel:hover{
    transform:translateY(-4px);
    box-shadow:0 34px 70px rgba(20,24,31,0.24);
  }
  .ads-panel-copy{
    position:relative;
    z-index:1;
    padding:42px 40px 36px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:
      linear-gradient(120deg, rgba(8,12,20,0.96) 0%, rgba(8,12,20,0.88) 70%, rgba(8,12,20,0.55) 100%);
  }
  .ads-panel-label{
    margin:0 0 14px;
    font-family:var(--sans);
    font-size:11px;
    font-weight:700;
    letter-spacing:0.18em;
    text-transform:uppercase;
    color:rgba(255,255,255,0.7);
  }
  .ads-panel-label::after{
    content:"";
    display:block;
    width:42px;
    height:2px;
    margin-top:10px;
    background:var(--ads-orange);
  }
  .ads-panel--interest .ads-panel-label::after{ background:var(--ads-blue); }
  .ads-panel-heading{
    margin:0 0 14px;
    font-family:var(--sans);
    font-weight:800;
    font-size:clamp(28px, 3.4vw, 42px);
    line-height:1.05;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:0.01em;
  }
  .ads-panel-heading span{ display:block; }
  .ads-accent--orange{
    background:linear-gradient(180deg, #fff 10%, var(--ads-orange) 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }
  .ads-accent--blue{
    background:linear-gradient(180deg, #fff 15%, var(--ads-blue) 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
  }
  .ads-panel-text{
    margin:0 0 26px;
    max-width:340px;
    font-size:15px;
    line-height:1.6;
    color:rgba(255,255,255,0.78);
  }
  .ads-feature-list{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:16px;
  }
  .ads-feature-list li{
    display:flex;
    align-items:center;
    gap:14px;
  }
  .ads-feature-icon{
    flex:0 0 42px;
    width:42px;
    height:42px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,0.08);
    color:#fff;
    border:1px solid rgba(255,255,255,0.12);
  }
  .ads-feature-icon--yt{ background:#ff0000; border-color:#ff0000; border-radius:12px; }
  .ads-feature-icon--display{ background:#6d28d9; border-color:#6d28d9; border-radius:12px; }
  .ads-feature-icon--remark{ background:#0d9488; border-color:#0d9488; border-radius:12px; }
  .ads-feature-list strong{
    display:block;
    font-size:14px;
    font-weight:700;
    color:#fff;
  }
  .ads-feature-list small{
    display:block;
    margin-top:2px;
    font-size:12.5px;
    color:rgba(255,255,255,0.62);
  }
  .ads-script{
    margin:28px 0 0;
    font-family:'Caveat', cursive;
    font-size:clamp(24px, 2.4vw, 30px);
    font-weight:600;
    line-height:1.1;
    transform:rotate(-3deg);
    transform-origin:left center;
  }
  .ads-script--orange{ color:var(--ads-orange); }
  .ads-script--blue{ color:var(--ads-blue); }
  .ads-script::after{
    content:"";
    display:block;
    width:72%;
    height:2px;
    margin-top:4px;
    background:currentColor;
    opacity:0.75;
  }
  .ads-panel-visual{
    position:relative;
    min-height:100%;
    background:#05070c;
  }
  .ads-panel-visual img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:right center;
    display:block;
    min-height:420px;
  }
  .ads-conversion-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
  }
  .ads-conv{
    margin:0;
    border-radius:20px;
    overflow:hidden;
    background:#0c1018;
    box-shadow:0 24px 50px rgba(20,24,31,0.16);
    transition:transform 0.35s ease, box-shadow 0.35s ease;
  }
  .ads-conv:hover{
    transform:translateY(-4px);
    box-shadow:0 30px 60px rgba(20,24,31,0.22);
  }
  .ads-conv img{
    width:100%;
    height:auto;
    display:block;
  }

  @media (max-width:900px){
    .ads-panel{
      grid-template-columns:1fr;
    }
    .ads-panel-visual{ order:-1; }
    .ads-panel-visual img{ min-height:260px; max-height:320px; }
    .ads-panel-copy{ padding:28px 24px 30px; }
    .ads-conversion-grid{ grid-template-columns:1fr; }
    .ads-system{ padding:64px 0 72px; }
    .ads-system-head--mid{ margin-top:48px; }
  }

  .look-at{ background:var(--navy-deep); color:var(--cream); }
  .look-at .section-head .lede{ color:rgba(247,244,236,0.65); }
  .look-cards{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1px;
    background:rgba(247,244,236,0.14);
    border:1px solid rgba(247,244,236,0.14);
  }
  .look-card{
    background:var(--navy-deep);
    padding:40px 32px;
    position:relative;
    transition:background .3s ease, transform .3s ease;
  }
  .look-card:hover{ background:#0E2C4E; transform:translateY(-3px); }
  .look-num{
    font-family:var(--mono);
    font-size:12px;
    color:var(--gold);
    letter-spacing:0.08em;
    margin-bottom:22px;
    display:block;
  }
  .look-card h3{
    font-family:var(--serif);
    font-size:22px;
    font-weight:600;
    margin-bottom:16px;
  }
  .look-card p.desc{
    font-size:14.5px;
    color:rgba(247,244,236,0.6);
    line-height:1.7;
    margin-bottom:22px;
  }
  .look-list{ list-style:none; display:flex; flex-direction:column; gap:9px; }
  .look-list li{
    font-family:var(--mono);
    font-size:12.5px;
    color:rgba(247,244,236,0.75);
    padding-left:16px;
    position:relative;
  }
  .look-list li::before{
    content:"—";
    position:absolute; left:0; color:var(--blue);
  }

  /* ---------- STAT / LOSING SECTION with photo ---------- */
  .stat-section{
    background:var(--cream-2);
  }
  .stat-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
  }
  .stat-section .photo-offset{
    box-shadow:
      0 24px 50px rgba(11,35,64,0.16),
      14px 14px 0 0 var(--cream-2),
      14px 14px 0 1px var(--gold);
  }
  .approach .photo-offset{
    box-shadow:
      0 24px 50px rgba(11,35,64,0.16),
      14px 14px 0 0 var(--paper),
      14px 14px 0 1px var(--gold);
  }
  .stat-copy .big-stat-line{
    font-family:var(--serif);
    font-size:clamp(24px, 2.8vw, 34px);
    line-height:1.35;
  }
  .stat-copy .big-stat-line .num{
    font-family:var(--mono);
    font-weight:600;
    color:var(--navy);
    background:linear-gradient(180deg, transparent 62%, rgba(120,97,69,0.28) 62%);
    padding:0 2px;
  }
  .metric-row{
    margin-top:38px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:1px;
    background:var(--line);
    border:1px solid var(--line);
  }
  .metric{
    background:var(--paper);
    padding:18px 14px;
    text-align:center;
  }
  .metric .label{
    font-family:var(--mono);
    font-size:10.5px;
    letter-spacing:0.06em;
    text-transform:uppercase;
    color:rgba(20,24,31,0.5);
    margin-bottom:8px;
  }
  .metric .val{
    font-family:var(--mono);
    font-weight:600;
    font-size:18px;
  }
  .metric.clicks .val{ color:var(--blue); }
  .metric.conv .val{ color:#C0533F; }
  .metric.impr .val{ color:var(--gold); }
  .metric.cost .val{ color:#3E8F6C; }
  .stat-tagline{
    margin-top:30px;
    font-family:var(--serif);
    font-style:italic;
    font-size:20px;
    color:var(--navy);
  }

  /* ---------- APPROACH (5 steps) ---------- */
  .approach{ background:var(--paper); }
  .approach-inner{
    display:grid;
    grid-template-columns:0.85fr 1.15fr;
    gap:70px;
  }
  .approach-visual{ position:sticky; top:110px; align-self:start; }
  .approach-visual .photo{ width:100%; max-width:420px; }
  .approach-visual .photo-approach{
    aspect-ratio:819 / 1024;
    background:#e8e2d8;
  }
  .approach-visual .photo-approach img{
    object-fit:contain;
    object-position:center;
  }
  .approach-visual .quote{
    margin-top:22px;
    font-family:var(--serif);
    font-style:italic;
    font-size:19px;
    line-height:1.5;
    color:var(--navy);
    border-left:2px solid var(--gold);
    padding-left:18px;
  }
  .steps{ display:flex; flex-direction:column; }
  .step{
    display:grid;
    grid-template-columns:80px 1fr;
    gap:24px;
    padding:30px 0;
    border-top:1px solid var(--line);
  }
  .step:last-child{ border-bottom:1px solid var(--line); }
  .step-index{
    font-family:var(--mono);
    font-size:13px;
    color:var(--gold);
    padding-top:4px;
  }
  .step h4{
    font-family:var(--serif);
    font-size:21px;
    font-weight:600;
    margin-bottom:8px;
  }
  .step p{
    color:rgba(20,24,31,0.68);
    font-size:15px;
    line-height:1.7;
    max-width:520px;
  }
  .step .measure-q{
    margin-top:10px;
    font-family:var(--serif);
    font-style:italic;
    color:var(--blue);
    font-size:16px;
  }

  /* ---------- SERVICES ---------- */
  .services{ background:var(--navy-deep); color:var(--cream); }
  .services .section-head .lede{ color:rgba(247,244,236,0.65); }
  .service-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:1px;
    background:rgba(247,244,236,0.12);
    border:1px solid rgba(247,244,236,0.12);
  }
  .service-item{
    background:var(--navy-deep);
    padding:34px 36px;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:24px;
    transition:background .25s ease;
  }
  .service-item:hover{ background:#0E2C4E; }
  .service-item h4{
    font-family:var(--serif);
    font-size:19px;
    font-weight:600;
    margin-bottom:8px;
  }
  .service-item p{
    font-size:14px;
    color:rgba(247,244,236,0.58);
    line-height:1.65;
    max-width:360px;
  }
  .service-item .si-mark{
    font-family:var(--mono);
    font-size:11px;
    color:var(--gold);
    white-space:nowrap;
    padding-top:6px;
  }

  /* ---------- AUDIT / TRIAL CTA with photo ---------- */
  .audit{
    background:var(--gold);
    color:var(--navy-deep);
  }
  .audit-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0;
    align-items:stretch;
    border:1px solid rgba(11,35,64,0.2);
  }
  .audit-visual{ position:relative; overflow:hidden; min-height:520px; background:#f3f1ec; }
  .audit-visual img{
    position:absolute; inset:0;
    width:100%; height:100%;
    object-fit:cover;
    object-position:center top;
  }
  .audit-copy{
    background:var(--navy-deep);
    color:var(--cream);
    padding:56px 52px;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  .audit-copy .eyebrow{ color:var(--gold); }
  .audit-copy h3{
    font-family:var(--serif);
    font-size:clamp(26px,3vw,36px);
    font-weight:600;
    line-height:1.2;
    margin-bottom:20px;
  }
  .audit-copy h3 em{ color:var(--gold); font-style:italic; font-weight:500; }
  .audit-copy p{
    color:rgba(247,244,236,0.72);
    font-size:15.5px;
    line-height:1.8;
    margin-bottom:14px;
  }
  .audit-includes{
    margin-top:8px;
    margin-bottom:28px;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
  }
  .audit-includes span{
    font-family:var(--mono);
    font-size:11.5px;
    letter-spacing:0.03em;
    padding:8px 14px;
    border:1px solid rgba(247,244,236,0.25);
    color:rgba(247,244,236,0.85);
  }
  .audit-actions{ display:flex; gap:14px; flex-wrap:wrap; }

  /* ---------- TOOLS I USE ---------- */
  .tools{
    background:var(--cream);
    padding:0 0 80px;
  }
  .tools .wrap{ max-width:1180px; }
  .tools-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0;
    align-items:stretch;
    border:1px solid var(--line);
    overflow:hidden;
    background:#f7f4ec;
  }
  .tools-visual{
    position:relative;
    min-height:560px;
    background:#4a4a4a;
    overflow:hidden;
  }
  .tools-visual img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
  }
  .tools-list{
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:18px;
    padding:48px 56px;
    background:#f3f0ea;
  }
  .tools-item{
    display:flex;
    align-items:center;
    gap:16px;
  }
  .tools-icon{
    flex:0 0 36px;
    width:36px;
    height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
  .tools-icon svg,
  .tools-icon img{
    display:block;
    width:28px;
    height:28px;
    object-fit:contain;
  }
  .tools-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:8px 28px;
    border:1.5px solid #c4a06a;
    border-radius:999px;
    font-family:var(--serif);
    font-size:15px;
    font-weight:500;
    letter-spacing:0.08em;
    text-transform:uppercase;
    color:#2a2a2a;
    background:transparent;
  }

  /* ---------- TRIAL DETAILS ---------- */
  .trial{ background:var(--cream); }
  .trial-top{
    display:flex; justify-content:space-between; align-items:flex-end;
    flex-wrap:wrap; gap:24px;
    margin-bottom:60px;
    border-bottom:1px solid var(--line);
    padding-bottom:36px;
  }
  .trial-price{
    font-family:var(--serif);
    font-size:clamp(48px,7vw,84px);
    font-weight:600;
    line-height:0.9;
    color:var(--navy);
  }
  .trial-price sup{ font-size:0.35em; top:-1.2em; color:var(--gold); }
  .trial-price small{
    display:block;
    font-family:var(--mono);
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:0.08em;
    color:rgba(20,24,31,0.55);
    margin-top:12px;
  }
  .trial-terms{
    display:flex; gap:36px; flex-wrap:wrap;
  }
  .trial-terms .term{ text-align:right; }
  .trial-terms .term .t-label{
    font-family:var(--mono); font-size:11px; letter-spacing:0.06em;
    color:rgba(20,24,31,0.5); text-transform:uppercase;
  }
  .trial-terms .term .t-val{
    font-family:var(--serif); font-size:19px; font-weight:600; color:var(--navy); margin-top:4px;
  }
  .included-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
  }
  .included-card{
    background:var(--paper);
    border:1px solid var(--line);
    padding:30px 26px;
    transition:transform .25s ease, border-color .25s ease;
  }
  .included-card:hover{ transform:translateY(-4px); border-color:var(--gold); }
  .included-card .ic-icon{
    font-family:var(--mono);
    font-size:11px;
    color:var(--blue);
    letter-spacing:0.06em;
    margin-bottom:16px;
    text-transform:uppercase;
  }
  .included-card h4{
    font-family:var(--serif);
    font-size:18px;
    font-weight:600;
    margin-bottom:10px;
  }
  .included-card p{
    font-size:14px;
    color:rgba(20,24,31,0.65);
    line-height:1.65;
  }

  /* ---------- WHY $50 ---------- */
  .why{ background:var(--paper); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
  .why-inner{
    max-width:760px; margin:0 auto; text-align:center;
  }
  .why-inner .head{ margin-bottom:22px; }
  .why-inner p{ font-size:17px; line-height:1.85; color:rgba(20,24,31,0.7); }
  .why-inner p + p{ margin-top:16px; }

  /* ---------- WHO IS THIS FOR ---------- */
  .who{ background:var(--cream); }
  .who-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
  }
  .who-visual .photo{ width:100%; max-width:460px; }
  .tag-cloud{
    display:flex; flex-wrap:wrap; gap:10px;
    margin-top:28px;
  }
  .tag-cloud span{
    font-family:var(--mono);
    font-size:12.5px;
    padding:10px 16px;
    border:1px solid var(--line);
    color:var(--navy);
    background:var(--paper);
    transition:border-color .2s ease, background .2s ease, color .2s ease;
  }
  .tag-cloud span:hover{
    border-color:var(--gold);
    background:var(--navy);
    color:var(--cream);
  }

  /* ---------- ABOUT ---------- */
  .about{ background:var(--navy-deep); color:var(--cream); }
  .about-grid{
    display:grid;
    grid-template-columns:0.9fr 1.1fr;
    gap:70px;
    align-items:center;
  }
  .about-visual .photo{
    width:100%;
    max-width:460px;
    box-shadow:0 28px 60px rgba(0,0,0,0.35);
  }
  .about-copy .eyebrow{ color:#8FD3F0; }
  .about-copy h2.head{ margin-bottom:24px; }
  .about-copy p{
    font-size:16px;
    line-height:1.85;
    color:rgba(247,244,236,0.72);
    margin-bottom:18px;
  }
  .about-copy .philosophy{
    margin-top:30px;
    padding:24px 26px;
    border-left:2px solid var(--gold);
    background:rgba(247,244,236,0.04);
  }
  .about-copy .philosophy .p-title{
    font-family:var(--mono);
    font-size:11.5px;
    letter-spacing:0.08em;
    text-transform:uppercase;
    color:var(--gold);
    margin-bottom:10px;
  }
  .about-copy .philosophy .p-body{
    font-family:var(--serif);
    font-style:italic;
    font-size:19px;
    line-height:1.5;
    color:var(--cream);
  }
  .journey-line{
    margin-top:26px;
    font-family:var(--mono);
    font-size:13px;
    color:#8FD3F0;
    letter-spacing:0.02em;
  }

  /* ---------- GET YOUR FREE AUDIT ---------- */
  .get-audit{ background:#000; }
  .get-audit-visual{
    background:#f3f0ea;
    line-height:0;
  }
  .get-audit-visual img{
    width:100%;
    height:auto;
    max-width:none;
  }
  .get-audit-cta{
    background:#000;
    color:#fff;
    text-align:center;
    padding:72px 0 80px;
  }
  .get-audit-cta .wrap{ max-width:820px; }
  .get-audit-eyebrow{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    margin-bottom:28px;
    font-family:var(--sans);
    font-size:12px;
    font-weight:500;
    letter-spacing:0.14em;
    text-transform:uppercase;
    color:rgba(255,255,255,0.92);
  }
  .get-audit-eyebrow::before,
  .get-audit-eyebrow::after{
    content:"";
    width:56px;
    height:1px;
    background:rgba(255,255,255,0.55);
  }
  .get-audit-head{
    font-family:var(--serif);
    font-weight:500;
    font-size:clamp(32px, 4.6vw, 52px);
    line-height:1.15;
    color:#fff;
    margin:0 0 28px;
  }
  .get-audit-head em{
    display:inline;
    font-style:italic;
    font-weight:500;
    color:#c4a484;
  }
  .get-audit-lead{
    max-width:640px;
    margin:0 auto 36px;
    font-family:var(--serif);
    font-size:clamp(16px, 1.5vw, 18px);
    line-height:1.7;
    color:rgba(255,255,255,0.88);
  }
  .get-audit-banner{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:min(100%, 640px);
    padding:18px 28px;
    border:1px solid rgba(255,255,255,0.85);
    background:#c4a484;
    color:#14181F;
    font-family:var(--sans);
    font-size:clamp(12px, 1.4vw, 15px);
    font-weight:600;
    letter-spacing:0.08em;
    text-transform:uppercase;
    transition:background 0.2s ease, color 0.2s ease;
  }
  .get-audit-banner:hover{
    background:#d2b496;
    color:#000;
  }

  @media (max-width:720px){
    .get-audit-cta{ padding:52px 0 60px; }
    .get-audit-eyebrow{ gap:12px; font-size:11px; letter-spacing:0.1em; }
    .get-audit-eyebrow::before,
    .get-audit-eyebrow::after{ width:28px; }
    .get-audit-banner{ padding:16px 18px; letter-spacing:0.05em; }
  }

  /* ---------- GROWTH SYSTEM ---------- */
  .growth-system{
    --gs-cyan:#00e5ff;
    --gs-blue:#1e6fff;
    --gs-orange:#ff8a1f;
    --gs-orange-hot:#ff5a1f;
    --gs-beige:#c9b299;
    position:relative;
    background:#000;
    padding:80px 0 88px;
    overflow:hidden;
  }
  .growth-system::before,
  .growth-system::after{
    content:"";
    position:absolute;
    border-radius:50%;
    pointer-events:none;
    filter:blur(60px);
    z-index:0;
  }
  .growth-system::before{
    width:min(720px, 80vw);
    height:min(520px, 60vw);
    left:50%;
    top:18%;
    transform:translateX(-62%);
    background:radial-gradient(circle, rgba(30,111,255,0.55) 0%, rgba(0,180,255,0.18) 42%, transparent 70%);
  }
  .growth-system::after{
    width:min(640px, 70vw);
    height:min(480px, 55vw);
    left:50%;
    top:22%;
    transform:translateX(8%);
    background:radial-gradient(circle, rgba(255,106,20,0.5) 0%, rgba(255,80,20,0.18) 40%, transparent 70%);
  }
  .gs-wrap{
    position:relative;
    z-index:1;
    width:min(1180px, calc(100% - 40px));
    margin:0 auto;
  }
  .gs-stage{
    position:relative;
    min-height:640px;
    margin-bottom:72px;
    perspective:1400px;
  }

  /* Cards */
  .gs-card{
    position:absolute;
    width:min(236px, 21vw);
    padding:10px 10px 14px;
    border-radius:18px;
    background:linear-gradient(160deg, rgba(12,22,40,0.92), rgba(4,8,16,0.94));
    border:1px solid transparent;
    background-clip:padding-box;
    box-shadow:
      0 0 0 1px rgba(0,229,255,0.35),
      0 18px 40px rgba(0,0,0,0.6),
      0 0 32px rgba(0,229,255,0.22);
    backdrop-filter:blur(12px);
    opacity:0;
    transform:translate3d(0,40px,0) scale(0.86);
    transition:
      opacity 0.7s cubic-bezier(.22,1,.36,1),
      transform 0.7s cubic-bezier(.22,1,.36,1),
      box-shadow 0.3s ease;
    transition-delay:calc(var(--i, 0) * 80ms);
    z-index:2;
    will-change:transform;
  }
  .gs-card--l2,
  .gs-card--r1,
  .gs-card--r3{
    box-shadow:
      0 0 0 1px rgba(255,138,31,0.45),
      0 18px 40px rgba(0,0,0,0.6),
      0 0 34px rgba(255,106,20,0.28);
  }
  .gs-stage.in .gs-card{
    opacity:1;
    animation:gs-float 5.5s ease-in-out infinite;
    animation-delay:calc(var(--i, 0) * 0.35s + 0.8s);
  }
  .gs-card:hover{
    z-index:6;
    box-shadow:
      0 0 0 1px rgba(0,229,255,0.7),
      0 22px 50px rgba(0,0,0,0.65),
      0 0 48px rgba(0,229,255,0.4);
  }
  .gs-card--l2:hover,
  .gs-card--r1:hover,
  .gs-card--r3:hover{
    box-shadow:
      0 0 0 1px rgba(255,138,31,0.75),
      0 22px 50px rgba(0,0,0,0.65),
      0 0 48px rgba(255,106,20,0.42);
  }
  .gs-card-media{
    position:relative;
    height:112px;
    border-radius:12px;
    overflow:hidden;
    margin-bottom:12px;
    background:#0b1220;
  }
  .gs-card-title{
    margin:0 0 10px;
    font-family:var(--sans);
    font-size:14px;
    font-weight:700;
    line-height:1.25;
    color:#fff;
  }
  .gs-card-title em{
    font-style:normal;
    color:var(--gs-cyan);
  }
  .gs-card--l2 .gs-card-title,
  .gs-card--r1 .gs-card-title{
    color:var(--gs-cyan);
  }
  .gs-card--l2 .gs-card-title em,
  .gs-card--r1 .gs-card-title em{
    color:var(--gs-cyan);
  }
  .gs-card-tag{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    max-width:100%;
    padding:8px 12px;
    border-radius:999px;
    background:var(--gs-cyan);
    color:#041018;
    font-family:var(--sans);
    font-size:9.5px;
    font-weight:800;
    letter-spacing:0.03em;
    text-transform:uppercase;
    line-height:1.2;
    box-shadow:0 0 18px rgba(0,229,255,0.35);
  }

  /* Card positions — tight fan hugging the laptop (match reference) */
  .gs-card--l1{ left:6%; top:0%; z-index:2; }
  .gs-card--l2{ left:11%; top:27%; z-index:4; }
  .gs-card--l3{ left:5%; top:55%; z-index:3; }
  .gs-card--r1{ right:6%; top:-2%; z-index:2; }
  .gs-card--r2{ right:11%; top:27%; z-index:4; }
  .gs-card--r3{ right:5%; top:55%; z-index:3; }

  .gs-stage.in .gs-card--l1{
    transform:rotate(-11deg) translate3d(var(--gs-px, 0px), var(--gs-py, 0px), 0);
  }
  .gs-stage.in .gs-card--l2{
    transform:rotate(-7deg) translate3d(calc(18px + var(--gs-px, 0px)), calc(4px + var(--gs-py, 0px)), 0);
  }
  .gs-stage.in .gs-card--l3{
    transform:rotate(-13deg) translate3d(calc(-4px + var(--gs-px, 0px)), var(--gs-py, 0px), 0);
  }
  .gs-stage.in .gs-card--r1{
    transform:rotate(11deg) translate3d(var(--gs-px, 0px), var(--gs-py, 0px), 0);
  }
  .gs-stage.in .gs-card--r2{
    transform:rotate(7deg) translate3d(calc(-18px + var(--gs-px, 0px)), calc(4px + var(--gs-py, 0px)), 0);
  }
  .gs-stage.in .gs-card--r3{
    transform:rotate(13deg) translate3d(calc(4px + var(--gs-px, 0px)), var(--gs-py, 0px), 0);
  }

  @keyframes gs-float{
    0%,100%{ translate:0 0; }
    50%{ translate:0 -10px; }
  }

  /* Card media variants */
  .gs-media-auto{
    background:
      radial-gradient(circle at 30% 70%, rgba(255,255,255,0.35), transparent 28%),
      radial-gradient(circle at 70% 65%, rgba(255,200,120,0.25), transparent 22%),
      linear-gradient(160deg, #05070d 0%, #1a1020 35%, #0a1428 70%, #05070d 100%);
  }
  .gs-media-auto::after{
    content:"";
    position:absolute;
    inset:auto -10% -30% -10%;
    height:70%;
    background:linear-gradient(90deg, transparent, rgba(40,80,160,0.85), transparent);
    border-radius:50% 50% 0 0;
    filter:blur(1px);
  }
  .gs-search-pill{
    position:absolute;
    left:10px; right:10px; top:14px;
    z-index:1;
    display:flex;
    align-items:center;
    gap:8px;
    padding:7px 10px;
    border-radius:999px;
    background:#fff;
    color:#1a73e8;
    font-size:11px;
    font-weight:600;
    box-shadow:0 8px 20px rgba(0,0,0,0.35);
  }
  .gs-gads{
    width:14px; height:14px;
    border-radius:3px;
    background:
      linear-gradient(135deg, #4285f4 0 33%, #ea4335 33% 55%, #fbbc05 55% 78%, #34a853 78%);
    flex:0 0 auto;
  }
  .gs-media-chart{
    background:linear-gradient(180deg, #101a2e, #070b14);
    display:flex;
    align-items:flex-end;
    padding:10px;
  }
  .gs-chart{ width:100%; height:56px; }
  .gs-leads-pop{
    position:absolute;
    top:10px; right:10px;
    padding:6px 8px;
    border-radius:8px;
    background:#fff;
    color:#0b1220;
    font-size:10px;
    line-height:1.2;
    box-shadow:0 8px 18px rgba(0,0,0,0.35);
    animation:gs-pop 2.8s ease-in-out infinite;
  }
  .gs-leads-pop strong{
    display:block;
    color:#16a34a;
    font-size:13px;
  }
  @keyframes gs-pop{
    0%,100%{ transform:translateY(0); }
    50%{ transform:translateY(-4px); }
  }
  .gs-media-detail{
    background:
      radial-gradient(circle at 60% 40%, rgba(255,255,255,0.22), transparent 35%),
      linear-gradient(145deg, #243040, #0c1018 55%, #1a2838);
  }
  .gs-media-detail::before{
    content:"";
    position:absolute;
    width:70px; height:70px;
    left:18%; top:20%;
    border-radius:50%;
    border:10px solid rgba(210,220,230,0.4);
    box-shadow:0 0 24px rgba(0,229,255,0.25);
  }
  .gs-media-shop{
    background:linear-gradient(160deg, #1e293b, #0f172a);
    display:grid;
    place-items:center;
    padding:8px;
  }
  .gs-shop-card{
    width:100%;
    display:grid;
    grid-template-columns:56px 1fr;
    gap:8px;
    padding:8px;
    border-radius:8px;
    background:#fff;
    color:#0b1220;
  }
  .gs-shop-img{
    border-radius:6px;
    background:
      radial-gradient(circle at 50% 40%, #60a5fa, #1d4ed8 55%, #0f172a 56%);
  }
  .gs-stars{ color:#fbbc05; font-size:9px; letter-spacing:1px; }
  .gs-price{ font-size:12px; font-weight:700; }
  .gs-shop-btn{
    display:inline-block;
    margin-top:4px;
    padding:3px 8px;
    border-radius:4px;
    background:#1a73e8;
    color:#fff;
    font-size:9px;
    font-weight:700;
  }
  .gs-media-phone{
    background:linear-gradient(160deg, #111827, #020617);
    display:grid;
    place-items:center;
  }
  .gs-phone{
    width:42px;
    height:78px;
    border-radius:10px;
    border:2px solid rgba(255,255,255,0.25);
    padding:4px;
    background:#0b1220;
    box-shadow:0 10px 24px rgba(0,0,0,0.45);
  }
  .gs-phone-screen{
    height:100%;
    border-radius:6px;
    background:
      linear-gradient(180deg, rgba(0,229,255,0.2), transparent 40%),
      linear-gradient(135deg, #1e293b, #334155);
  }
  .gs-media-flow{
    display:grid;
    place-items:center;
    background:radial-gradient(circle at 50% 50%, #152238, #070b14);
  }
  .gs-flow{ width:90%; height:70px; }

  /* Laptop */
  .gs-laptop{
    position:absolute;
    left:50%;
    top:50%;
    width:min(460px, 50vw);
    transform:translate(-50%, -48%) scale(0.92);
    opacity:0;
    z-index:3;
    transition:opacity 0.8s ease, transform 0.8s cubic-bezier(.22,1,.36,1);
    transition-delay:0.15s;
  }
  .gs-stage.in .gs-laptop{
    opacity:1;
    transform:translate(calc(-50% + var(--gs-px, 0px)), calc(-48% + var(--gs-py, 0px))) scale(1);
  }
  .gs-laptop-glow{
    position:absolute;
    inset:-28% -20% -12%;
    background:
      radial-gradient(circle at 32% 45%, rgba(30,111,255,0.7), transparent 48%),
      radial-gradient(circle at 72% 48%, rgba(255,106,20,0.65), transparent 46%);
    filter:blur(28px);
    animation:gs-glow 4s ease-in-out infinite;
    pointer-events:none;
  }
  @keyframes gs-glow{
    0%,100%{ opacity:0.75; transform:scale(1); }
    50%{ opacity:1; transform:scale(1.05); }
  }
  .gs-laptop-screen{
    position:relative;
    border-radius:16px 16px 8px 8px;
    padding:36px 30px 30px;
    text-align:center;
    background:
      linear-gradient(180deg, rgba(0,0,0,0.28) 0%, rgba(0,0,0,0.12) 45%, rgba(0,0,0,0.35) 100%),
      url("../images/growth-system/laptop-screen-bg.webp") center / cover no-repeat,
      url("../images/growth-system/laptop-screen-bg.jpg") center / cover no-repeat,
      #05070f;
    border:2px solid rgba(170,200,230,0.4);
    box-shadow:
      0 0 0 1px rgba(0,0,0,0.55) inset,
      0 0 40px rgba(30,111,255,0.25),
      0 0 40px rgba(255,106,20,0.2),
      0 34px 70px rgba(0,0,0,0.65);
    overflow:hidden;
  }
  .gs-laptop-screen::before{
    content:none;
  }
  .gs-laptop-kicker,
  .gs-laptop-brand,
  .gs-laptop-title,
  .gs-laptop-pill,
  .gs-laptop-meta{
    position:relative;
    z-index:1;
  }
  .gs-laptop-kicker{
    margin:0 0 8px;
    font-size:12px;
    letter-spacing:0.24em;
    text-transform:uppercase;
    color:rgba(255,255,255,0.92);
    font-weight:600;
  }
  .gs-laptop-brand{
    margin:0;
    font-family:var(--sans);
    font-size:clamp(24px, 3.2vw, 34px);
    font-weight:800;
    line-height:1;
  }
  .gs-laptop-brand .g,.gs-laptop-brand .g2{ color:#4285f4; }
  .gs-laptop-brand .o1{ color:#ea4335; }
  .gs-laptop-brand .o2{ color:#fbbc05; }
  .gs-laptop-brand .l{ color:#4285f4; }
  .gs-laptop-brand .e{ color:#34a853; }
  .gs-laptop-brand .ads{ color:#fff; margin-left:8px; }
  .gs-laptop-title{
    margin:8px 0 18px;
    font-family:var(--sans);
    font-size:clamp(28px, 3.6vw, 40px);
    font-weight:800;
    letter-spacing:0.01em;
    text-transform:uppercase;
    color:#fff;
    text-shadow:0 0 24px rgba(255,255,255,0.15);
  }
  .gs-laptop-pill{
    display:inline-flex;
    padding:10px 18px;
    border-radius:999px;
    background:var(--gs-cyan);
    color:#041018;
    font-size:11px;
    font-weight:800;
    letter-spacing:0.04em;
    text-transform:uppercase;
    box-shadow:0 0 24px rgba(0,229,255,0.45);
  }
  .gs-laptop-meta{
    margin:18px 0 0;
    font-size:10px;
    letter-spacing:0.16em;
    text-transform:uppercase;
    color:rgba(255,255,255,0.88);
    font-weight:500;
  }
  .gs-laptop-base{
    height:14px;
    margin:0 auto;
    width:110%;
    margin-left:-5%;
    border-radius:0 0 12px 12px;
    background:linear-gradient(180deg, #3a4558, #151a24 55%, #0a0d12);
    box-shadow:
      0 18px 36px rgba(0,0,0,0.55),
      0 0 24px rgba(30,111,255,0.15);
  }

  /* Offer bar */
  .gs-offer{
    display:grid;
    grid-template-columns:auto 1fr auto;
    gap:28px;
    align-items:center;
    margin-top:24px;
    padding:22px 26px;
    border:1px solid rgba(0,229,255,0.35);
    border-radius:12px;
    background:rgba(6,10,18,0.92);
    box-shadow:
      0 0 30px rgba(30,111,255,0.18),
      0 0 24px rgba(255,106,20,0.1);
  }
  .gs-price-row{
    display:flex;
    align-items:baseline;
    gap:12px;
  }
  .gs-now{
    font-family:var(--sans);
    font-size:clamp(40px, 5vw, 56px);
    font-weight:800;
    line-height:1;
    color:#fff;
  }
  .gs-was{
    font-size:22px;
    font-weight:600;
    color:var(--gs-beige);
    text-decoration:line-through;
  }
  .gs-price-label{
    margin:6px 0 0;
    font-size:15px;
    color:#fff;
    border-bottom:1px solid rgba(255,255,255,0.55);
    display:inline-block;
    padding-bottom:2px;
  }
  .gs-price-label em{
    font-style:normal;
    color:var(--gs-orange);
  }
  .gs-offer-lead{
    margin:0 0 8px;
    font-family:var(--serif);
    font-style:italic;
    font-size:clamp(16px, 1.7vw, 20px);
    color:var(--gs-beige);
    line-height:1.35;
  }
  .gs-offer-sub{
    margin:0;
    font-size:13px;
    color:rgba(255,255,255,0.75);
  }
  .gs-offer-sub span{ color:var(--gs-cyan); }
  .gs-offer-action{ text-align:center; }
  .gs-cta{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:240px;
    padding:16px 28px;
    border-radius:10px;
    background:linear-gradient(90deg, #1e6fff 0%, #ff8a1f 100%);
    background-size:160% 100%;
    color:#fff;
    font-family:var(--sans);
    font-size:14px;
    font-weight:800;
    letter-spacing:0.06em;
    text-transform:uppercase;
    box-shadow:0 12px 30px rgba(30,111,255,0.35);
    transition:background-position 0.35s ease, transform 0.25s ease, box-shadow 0.25s ease;
    overflow:visible;
  }
  .gs-cta-label{
    position:relative;
    z-index:1;
    display:inline-flex;
    align-items:center;
    gap:10px;
  }
  .gs-cta-trace{
    position:absolute;
    inset:-4px;
    width:calc(100% + 8px);
    height:calc(100% + 8px);
    overflow:visible;
    pointer-events:none;
    z-index:2;
  }
  .gs-cta-trace-path{
    fill:none;
    stroke:#ff2b2b;
    stroke-width:2.4;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-dasharray:22 78;
    stroke-dashoffset:0;
    filter:drop-shadow(0 0 4px rgba(255,40,40,0.85));
    animation:gs-border-trace 1.6s linear infinite;
  }
  .gs-cta:hover{
    background-position:100% 0;
    transform:translateY(-2px);
    box-shadow:0 16px 36px rgba(255,138,31,0.35);
  }
  @keyframes gs-border-trace{
    to{ stroke-dashoffset:-100; }
  }
  .gs-cta-arrow{
    display:inline-block;
    transition:transform 0.25s ease;
  }
  .gs-cta:hover .gs-cta-arrow{ transform:translateX(4px); }
  .gs-cta-note{
    margin:10px 0 0;
    font-size:12px;
    color:rgba(255,255,255,0.85);
  }
  .gs-bolt{
    display:inline-block;
    animation:gs-bolt 1.4s ease-in-out infinite;
  }
  @keyframes gs-bolt{
    0%,100%{ opacity:1; transform:scale(1); }
    50%{ opacity:0.55; transform:scale(1.15); }
  }

  @media (max-width:980px){
    .gs-stage{
      min-height:0;
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:14px;
      perspective:none;
      margin-bottom:56px;
    }
    .gs-laptop{
      position:relative;
      left:auto; top:auto;
      width:100%;
      grid-column:1 / -1;
      order:-1;
      transform:none;
      margin-bottom:8px;
    }
    .gs-stage.in .gs-laptop{ transform:none; }
    .gs-card{
      position:relative;
      left:auto !important;
      right:auto !important;
      top:auto !important;
      width:100%;
      animation:none !important;
      transform:none !important;
    }
    .gs-stage.in .gs-card{
      opacity:1;
      transform:none !important;
    }
    .gs-offer{
      grid-template-columns:1fr;
      text-align:center;
      gap:18px;
    }
    .gs-offer-price,
    .gs-offer-action{ justify-self:center; }
    .gs-price-row{ justify-content:center; }
  }

  @media (max-width:560px){
    .growth-system{ padding:48px 0 56px; }
    .gs-stage{ grid-template-columns:1fr; }
    .gs-card-media{ height:120px; }
  }

  /* ---------- CASE STUDY ---------- */
  .case-study{
    --cs-tan:#c9b299;
    --cs-ink:#f5f0e8;
    background:#050505;
    color:var(--cs-ink);
    padding:96px 0 100px;
  }
  .case-study-inner{ max-width:1100px; }
  .case-study-head{
    text-align:center;
    margin-bottom:56px;
  }
  .case-study-eyebrow{
    margin:0 0 18px;
    font-family:var(--sans);
    font-size:12px;
    font-weight:600;
    letter-spacing:0.16em;
    text-transform:uppercase;
    color:rgba(245,240,232,0.72);
  }
  .case-study-title{
    margin:0 0 18px;
    font-family:var(--sans);
    font-weight:800;
    font-size:clamp(28px, 4.4vw, 46px);
    line-height:1.15;
    color:#fff;
    letter-spacing:-0.02em;
  }
  .case-study-title em{
    font-style:normal;
    color:var(--cs-tan);
  }
  .case-study-lede{
    margin:0 auto 28px;
    max-width:640px;
    font-family:var(--serif);
    font-style:italic;
    font-size:clamp(16px, 1.6vw, 19px);
    line-height:1.6;
    color:rgba(245,240,232,0.7);
  }
  .case-study-meta{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:18px 28px;
  }
  .case-study-meta li{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-family:var(--sans);
    font-size:11.5px;
    font-weight:600;
    letter-spacing:0.08em;
    text-transform:uppercase;
    color:rgba(245,240,232,0.82);
  }
  .case-meta-icon{
    width:18px;
    height:18px;
    display:inline-block;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
  }
  .case-meta-icon--pin{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e53935'%3E%3Cpath d='M12 2C8.1 2 5 5.1 5 9c0 5.2 7 13 7 13s7-7.8 7-13c0-3.9-3.1-7-7-7zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5z'/%3E%3C/svg%3E");
  }
  .case-meta-icon--car{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c9b299'%3E%3Cpath d='M5 11l1.5-4.5A2 2 0 0 1 8.4 5h7.2a2 2 0 0 1 1.9 1.5L19 11h1a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-1.1a2.5 2.5 0 0 1-4.8 0H9.9a2.5 2.5 0 0 1-4.8 0H4a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h1zm2.5 5a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm9 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2zM7.2 11h9.6l-1.1-3.2a.5.5 0 0 0-.5-.3H8.8a.5.5 0 0 0-.5.3L7.2 11z'/%3E%3C/svg%3E");
  }
  .case-meta-icon--chart{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M4 19h16v2H4v-2zm2-2V9h2v8H6zm5 0V5h2v12h-2zm5 0v-6h2v6h-2z'/%3E%3C/svg%3E");
  }

  .case-pair{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
    margin-bottom:18px;
    align-items:stretch;
  }
  .case-pair-item{
    display:flex;
    flex-direction:column;
    gap:12px;
    min-width:0;
  }
  .case-label{
    font-family:var(--serif);
    font-style:italic;
    font-size:clamp(24px, 2.6vw, 32px);
    font-weight:500;
    color:var(--cs-tan);
    line-height:1;
  }
  .case-media{
    position:relative;
    border-radius:14px;
    overflow:hidden;
    background:#111;
    flex:1;
  }
  .case-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
    display:block;
    min-height:220px;
    aspect-ratio:16 / 10;
  }
  .case-media--glow-blue{
    box-shadow:0 0 0 1px rgba(80,170,255,0.18), 0 0 48px rgba(56,140,255,0.28);
  }
  .case-media--frame{
    border:1px solid rgba(255,255,255,0.1);
    box-shadow:0 20px 50px rgba(0,0,0,0.45);
  }
  .case-copy{
    margin:0 auto 48px;
    max-width:720px;
    text-align:center;
    font-family:var(--serif);
    font-size:16px;
    line-height:1.7;
    color:rgba(245,240,232,0.72);
  }

  .case-proof{
    margin-top:20px;
    text-align:center;
  }
  .case-proof-media{
    max-width:720px;
    margin:0 auto 28px;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 0 0 1px rgba(201,178,153,0.25), 0 0 50px rgba(201,178,153,0.28);
  }
  .case-proof-media img{
    width:100%;
    height:auto;
    display:block;
  }
  .case-proof-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:min(100%, 420px);
    padding:16px 28px;
    border-radius:6px;
    background:var(--cs-tan);
    color:#1a140f;
    font-family:var(--sans);
    font-size:13px;
    font-weight:800;
    letter-spacing:0.08em;
    text-transform:uppercase;
    transition:background 0.2s ease, transform 0.2s ease;
  }
  .case-proof-btn:hover{
    background:#d8c4aa;
    transform:translateY(-2px);
  }
  .case-proof-link{
    display:inline-block;
    margin-top:16px;
    font-family:var(--sans);
    font-size:12px;
    font-weight:600;
    letter-spacing:0.1em;
    text-transform:uppercase;
    color:rgba(245,240,232,0.7);
    border-bottom:1px solid rgba(245,240,232,0.45);
    padding-bottom:2px;
  }
  .case-proof-link:hover{ color:#fff; border-bottom-color:#fff; }

  @media (max-width:720px){
    .case-study{ padding:64px 0 72px; }
    .case-pair{
      grid-template-columns:1fr;
      gap:28px;
      margin-bottom:14px;
    }
    .case-copy{ margin-bottom:40px; text-align:left; }
    .case-study-meta{ gap:12px 18px; }
  }

  /* ---------- FOOTER ---------- */
  footer{
    background:var(--navy-deep);
    color:rgba(247,244,236,0.55);
    padding:50px 0 34px;
  }
  .footer-inner{
    display:flex; justify-content:space-between; align-items:center;
    flex-wrap:wrap; gap:20px;
    border-bottom:1px solid rgba(247,244,236,0.12);
    padding-bottom:30px;
    margin-bottom:24px;
  }
  .footer-brand-row{
    display:flex;
    align-items:center;
    gap:14px;
  }
  .footer-brand{
    font-family:var(--serif);
    font-size:22px;
    font-weight:600;
    color:var(--cream);
  }
  .footer-brand span{ color:var(--gold); font-style:italic; }
  .footer-social{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    border-radius:8px;
    color:var(--cream);
    opacity:0.75;
    border:1px solid rgba(247,244,236,0.18);
    transition:opacity .2s ease, color .2s ease, border-color .2s ease, background .2s ease;
  }
  .footer-social:hover{
    opacity:1;
    color:var(--gold);
    border-color:rgba(196,160,106,0.55);
    background:rgba(247,244,236,0.06);
  }
  .footer-links{ display:flex; gap:28px; flex-wrap:wrap; }
  .footer-links a{
    font-family:var(--mono);
    font-size:12px;
    letter-spacing:0.06em;
    text-transform:uppercase;
    opacity:0.75;
  }
  .footer-links a:hover{ opacity:1; color:var(--gold); }
  .footer-bottom{
    display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px;
    font-family:var(--mono); font-size:11px; letter-spacing:0.04em;
  }

  /* ---------- reveal on scroll ---------- */
  .reveal{ opacity:0; transform:translateY(24px); transition:opacity .7s ease, transform .7s ease; }
  .reveal.in{ opacity:1; transform:translateY(0); }

  /* ---------- RESPONSIVE ---------- */
  @media (max-height: 740px) and (min-width: 1025px){
    .hero-stage{ min-height:460px; }
    .hero-copy{ padding-top:20px; padding-bottom:28px; }
    .hero-kicker{ margin-bottom:10px; }
    .hero-name{ margin-bottom:12px; }
    .hero-desc{ font-size:15px; margin-top:10px; }
    .hero-actions{ margin-top:18px; }
  }
  @media (max-width: 1024px){
    .hero-stage{
      aspect-ratio:4 / 5;
      min-height:560px;
      max-height:none;
      height:auto;
      overflow:hidden;
      container-type:size;
      display:block;
    }
    .hero-photo{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      min-height:0;
      object-position:center 10%;
    }
    .hero-shade{
      position:absolute;
      inset:0;
      height:auto;
      min-height:0;
      background:
        linear-gradient(180deg, rgba(7,9,12,0.16) 0%, transparent 24%, rgba(7,9,12,0.32) 58%, rgba(7,9,12,0.8) 100%),
        linear-gradient(90deg, rgba(7,9,12,0.5) 0%, rgba(7,9,12,0.22) 40%, transparent 70%);
    }
    .hero-ui{
      position:absolute;
      inset:0;
      min-height:0;
      height:100%;
      align-items:stretch;
      background:transparent;
    }
    .hero-inner{
      grid-template-columns:84px minmax(0, 1fr);
      height:100%;
    }
    .hero-stripe{
      overflow:hidden;
      height:100%;
    }
    .hero-samira{
      left:50%;
      top:56%;
      font-size:clamp(44px, 7.2vh, 64px);
    }
    .hero-nur{
      font-size:clamp(42px, 8vw, 68px);
    }
    .hero-nur::after{ width:min(240px, 48vw); }
    .hero-copy{
      max-width:28rem;
      justify-content:flex-end;
      padding:24px 22px 32px 8px;
      position:relative;
      z-index:3;
    }
    .hero-headline{ max-width:16ch; }
    .hero-desc{ max-width:42ch; font-size:15px; }
  }
  @media (max-width: 900px){
    .hero-stage{
      aspect-ratio:3 / 4;
      min-height:calc(100svh - 74px);
      max-height:calc(100svh - 74px);
    }
    .hero-photo{
      object-position:center 8%;
    }
    .hero-shade{
      background:
        linear-gradient(180deg, rgba(7,9,12,0.18) 0%, transparent 22%, rgba(7,9,12,0.28) 52%, rgba(7,9,12,0.82) 100%),
        linear-gradient(90deg, rgba(7,9,12,0.55) 0%, rgba(7,9,12,0.28) 42%, transparent 72%);
    }
    .hero-ui{
      height:100%;
    }
    .hero-inner{
      grid-template-columns:64px minmax(0, 1fr);
      height:100%;
    }
    .hero-samira{
      top:58%;
      font-size:clamp(40px, 6.8vh, 56px);
    }
    .hero-copy{ padding:20px 18px 24px 6px; }
    .hero-desc{ display:none; }
    .hero-actions{ margin-top:16px; }
    .problem-visual, .who-visual .photo, .approach-visual .photo, .about-visual .photo{
      max-width:420px; margin:0 auto;
    }
    .problem-grid, .stat-grid, .approach-inner, .audit-grid, .tools-grid, .who-grid, .about-grid{
      grid-template-columns:1fr;
    }
    .approach-visual{ position:relative; top:0; }
    .look-cards{ grid-template-columns:1fr; }
    .service-grid{ grid-template-columns:1fr; }
    .included-grid{ grid-template-columns:1fr; }
    .metric-row{ grid-template-columns:repeat(2,1fr); }
    .nav-toggle{
      display:inline-flex;
      align-items:center;
      background:transparent;
      border:1px solid var(--navy);
      color:var(--navy);
      font-family:var(--mono);
      font-size:11px;
      letter-spacing:0.08em;
      text-transform:uppercase;
      padding:8px 12px;
      cursor:pointer;
    }
    .nav-links{
      display:none;
      position:absolute;
      top:100%;
      left:0;
      right:0;
      background:var(--cream);
      flex-direction:column;
      gap:0;
      padding:8px 32px 20px;
      border-bottom:1px solid var(--line);
    }
    .nav-links.open{ display:flex; }
    .nav-links a{ padding:12px 0; }
    section{ padding:80px 0; }
    .audit-visual{ min-height:320px; }
    .tools-visual{ min-height:420px; }
    .tools-list{ padding:36px 24px; gap:14px; }
    .tools-pill{ font-size:13px; padding:8px 20px; min-height:38px; }
    .trial-top{ flex-direction:column; align-items:flex-start; }
    .trial-terms{ gap:24px; }
    .trial-terms .term{ text-align:left; }
    .funnel-inner{ font-size:10.5px; }
    .funnel-step{ padding:6px 10px; }
  }
  @media (max-width: 560px){
    .hero-stage{
      aspect-ratio:3 / 4;
      height:calc(100svh - 74px);
      min-height:calc(100svh - 74px);
      max-height:calc(100svh - 74px);
    }
    .hero-photo{ object-position:center 6%; }
    .hero-ui{
      height:100%;
    }
    .hero-inner{
      grid-template-columns:52px minmax(0, 1fr);
      height:100%;
    }
    .hero-samira{
      left:50%;
      top:58%;
      font-size:clamp(38px, 6.4vh, 48px);
    }
    .hero-copy{ padding:16px 16px 24px 4px; }
    .hero-kicker{ margin-bottom:10px; font-size:10px; }
    .hero-nur{ font-size:clamp(34px, 11vw, 46px); }
    .hero-headline{ font-size:20px; }
    .hero-sub{ font-size:16px; margin-top:8px; }
    .hero-desc{ display:none; }
    .hero-actions{
      flex-direction:column;
      align-items:flex-start;
      gap:12px;
      margin-top:16px;
    }
    .btn-pill{ min-width:160px; }
  }

  /* ---------- floating actions ---------- */
  .float-actions{
    position:fixed;
    right:22px;
    bottom:22px;
    z-index:90;
    display:flex;
    flex-direction:column-reverse;
    align-items:center;
    gap:12px;
  }
  .float-btn{
    width:52px;
    height:52px;
    border:0;
    border-radius:14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    color:#fff;
    box-shadow:0 10px 28px rgba(8,23,41,0.22);
    transition:transform .2s ease, box-shadow .2s ease, opacity .2s ease;
  }
  .float-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 32px rgba(8,23,41,0.28);
  }
  .float-btn:focus-visible{
    outline:2px solid var(--navy);
    outline-offset:3px;
  }
  .float-btn-wa{
    background:#25D366;
  }
  .float-btn-wa:hover{ background:#1ebe57; }
  .float-btn-up{
    background:var(--navy);
    opacity:0;
    pointer-events:none;
    transform:translateY(8px);
    max-height:0;
    margin:0;
    overflow:hidden;
    box-shadow:none;
  }
  .float-btn-up.is-visible{
    opacity:1;
    pointer-events:auto;
    transform:translateY(0);
    max-height:52px;
    box-shadow:0 10px 28px rgba(8,23,41,0.22);
  }

  @media (max-width:640px){
    .float-actions{ right:16px; bottom:16px; gap:10px; }
    .float-btn{ width:48px; height:48px; border-radius:12px; }
    .float-btn-up.is-visible{ max-height:48px; }
  }