:root{
    --accent:#A87F35;
    --accent-soft:rgba(201,169,97,0.14);
    --accent-mid:rgba(201,169,97,0.28);
    --accent-glow:rgba(201,169,97,0.34);
    --paper:#FAF8F3;
    --paper-2:#F1EEE6;
    --paper-3:#E6E2D7;
    --ink:#0C1F2E;
    --ink-2:#12293A;
    --ink-3:#1A3A52;
    --line:rgba(0,0,0,0.08);
    --line-dark:rgba(255,255,255,0.08);
    --text:#12222E;
    --text-dim:rgba(0,0,0,0.55);
    --text-dim-dark:rgba(255,255,255,0.55);
    --warn:#B45309;
    --warn-soft:rgba(180,83,9,0.08);
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    font-family:'Inter',system-ui,sans-serif;background:var(--paper);color:var(--text);
    -webkit-font-smoothing:antialiased;overflow-x:hidden;
  }
  .serif{font-family:'Instrument Serif',serif;font-weight:400;letter-spacing:-0.02em;line-height:0.95}
  .mono{font-family:'Geist Mono',ui-monospace,monospace}
  .mono-label{font-family:'Geist Mono',monospace;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:0.12em;color:var(--text-dim)}
  .container{max-width:1280px;margin:0 auto;padding:0 24px}

  .grain{position:relative}
  .grain::before{
    content:"";position:absolute;inset:0;pointer-events:none;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.05 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
    opacity:0.5;mix-blend-mode:multiply;z-index:0;
  }
  .grain > *{position:relative;z-index:1}

  /* NAV */
  nav.top{
    position:fixed;top:0;left:0;right:0;z-index:50;
    backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);
    background:rgba(250,248,243,0.78);border-bottom:1px solid var(--line);
  }
  nav.top .row{display:flex;align-items:center;justify-content:space-between;height:64px}
  nav.top .brand{display:flex;align-items:center;gap:14px;font-size:15px}
  nav.top .logo-sk{font-weight:700;letter-spacing:-0.01em}
  nav.top .logo-sk em{font-style:normal;color:var(--accent)}
  nav.top .x{color:var(--text-dim);font-size:13px}
  nav.top .logo-charm{font-weight:600;letter-spacing:-0.01em}
  nav.top .links{display:flex;gap:24px;align-items:center}
  nav.top .links a{font-size:13px;color:var(--text-dim);text-decoration:none;font-weight:500}
  nav.top .links a:hover{color:var(--text)}
  nav.top .cta{font-size:13px;padding:10px 18px;background:var(--accent);color:#fff;border-radius:999px;text-decoration:none;font-weight:600;transition:transform .2s}
  nav.top .cta:hover{transform:scale(1.03)}

  /* TOGGLE BAR */
  .toggle-bar{
    position:fixed;top:64px;left:0;right:0;z-index:49;
    background:rgba(250,248,243,0.78);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
    border-bottom:1px solid var(--line);height:48px;display:flex;align-items:center;
  }
  .toggle-bar .row{display:flex;gap:6px;align-items:center}
  .toggle-bar button{
    font-family:'Geist Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:0.1em;
    background:transparent;border:1px solid transparent;padding:6px 12px;border-radius:999px;cursor:pointer;
    color:var(--text-dim);
  }
  .toggle-bar button.active{background:var(--ink);color:var(--paper)}
  .toggle-bar .scope{color:var(--text-dim);font-size:11px;margin-right:auto;font-family:'Geist Mono',monospace;text-transform:uppercase;letter-spacing:0.1em}

  /* SECTION COMMON */
  section{padding:96px 0;position:relative;overflow:hidden}
  section.dark{background:var(--ink);color:var(--paper)}
  section.dark .mono-label{color:var(--text-dim-dark)}
  section.dark .section-head h2{color:var(--paper)}
  .section-head{margin-bottom:48px;display:flex;align-items:end;justify-content:space-between;gap:32px;flex-wrap:wrap}
  .section-head h2{font-family:'Instrument Serif',serif;font-size:clamp(40px,5vw,72px);line-height:0.98;letter-spacing:-0.025em;font-weight:400;max-width:780px}
  .section-head h2 em{font-style:italic;color:var(--accent)}
  .section-head .head-num{display:block;margin-bottom:8px}

  /* GRID + TILES */
  .bento{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
  .tile{
    background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;
    position:relative;overflow:hidden;
    display:flex;flex-direction:column;
    transition:transform .35s cubic-bezier(.2,.8,.2,1), border-color .35s;
  }
  .tile:hover{transform:translateY(-2px)}
  section.dark .tile{background:var(--ink-2);border-color:var(--line-dark)}
  section.dark .tile:hover{border-color:var(--accent)}
  .tile h3{font-family:'Instrument Serif',serif;font-size:28px;line-height:1.1;letter-spacing:-0.015em;font-weight:400;margin-bottom:12px}
  .tile p{font-size:14px;line-height:1.55;color:var(--text-dim)}
  section.dark .tile p{color:var(--text-dim-dark)}
  .tile .accent-rule{display:block;width:32px;height:2px;background:var(--accent);margin-bottom:14px}
  .tile.sm{grid-column:span 4;min-height:240px}
  .tile.md{grid-column:span 6;min-height:300px}
  .tile.lg{grid-column:span 8;min-height:320px}
  .tile.xl{grid-column:span 12;min-height:260px}

  /* HERO */
  section.hero{padding:120px 0 48px}
  .hero-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;align-items:start}
  .hero-title{
    grid-column:span 12;
    font-size:clamp(56px,7.5vw,116px);
    line-height:0.95;letter-spacing:-0.035em;
    font-family:'Instrument Serif',serif;font-weight:400;
    text-align:center;
  }
  .hero-title em{font-style:italic;color:var(--accent)}
  .hero-title .rule{display:none}
  .hero-meta{
    grid-column:span 12;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line);
    text-align:center;
  }
  .hero-meta div{font-size:13px}
  .hero-meta > div .mono-label{justify-self:center}
  .hero-counter{
    grid-column:span 4;align-self:start;
    background:var(--ink);color:var(--paper);
    border-radius:24px;padding:28px;min-height:380px;
    display:flex;flex-direction:column;justify-content:space-between;
    position:relative;overflow:hidden;
  }
  .hero-counter::after{
    content:"";position:absolute;inset:0;
    background:radial-gradient(circle at 85% 15%, var(--accent-glow), transparent 55%);pointer-events:none;
  }
  .hero-counter > *{position:relative;z-index:1}
  .hero-counter .num{font-family:'Instrument Serif',serif;font-size:108px;line-height:1;letter-spacing:-0.03em}
  .hero-counter .num em{font-style:normal;color:var(--accent);font-size:0.55em;vertical-align:top}
  .hero-counter .cap{font-size:13px;color:rgba(255,255,255,0.6)}

  .hero-product{
    grid-column:span 12;margin-top:48px;
    border-radius:32px;overflow:hidden;
    position:relative;background:var(--ink);
    aspect-ratio:21/9;max-height:560px;
    box-shadow:0 40px 100px -40px rgba(0,0,0,0.4);
  }
  .hero-product img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.6s cubic-bezier(.2,.8,.2,1)}
  .hero-product:hover img{transform:scale(1.04)}
  .hero-product-caption{
    position:absolute;left:0;right:0;bottom:0;padding:32px 36px 28px;
    background:linear-gradient(to top, rgba(0,0,0,0.78), rgba(0,0,0,0.0) 70%);
    color:var(--paper);display:flex;align-items:end;justify-content:space-between;gap:24px;flex-wrap:wrap;
  }
  .hero-product-caption .left{display:flex;flex-direction:column;gap:6px}
  .hero-product-caption .mono-label{color:rgba(255,255,255,0.7)}
  .hero-product-caption .headline{font-family:'Instrument Serif',serif;font-size:clamp(22px,2.4vw,32px);line-height:1.15;letter-spacing:-0.01em;max-width:560px}
  .hero-product-caption .headline em{font-style:italic;color:var(--accent)}
  .hero-product-caption .right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:13px;color:rgba(255,255,255,0.7);text-align:right}
  .hero-product-caption .right strong{color:var(--paper);font-weight:500}

  /* SITUATION */
  .sit-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
  .col-win{grid-column:span 6;display:flex;flex-direction:column;gap:16px}
  .col-way{grid-column:span 6;display:flex;flex-direction:column;gap:16px}
  .col-quotes{grid-column:span 12;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}
  .panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;flex:1;display:flex;flex-direction:column;gap:18px}
  .panel.win{background:#fff}
  .panel.way{background:#FFFBF5;border-color:rgba(180,83,9,0.18)}
  .panel-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}
  .panel-head .dot{width:10px;height:10px;border-radius:50%;background:var(--accent)}
  .panel.way .panel-head .dot{background:var(--warn)}
  .panel-head h3{font-family:'Instrument Serif',serif;font-size:32px;font-weight:400;letter-spacing:-0.02em}
  .item{display:flex;gap:16px;align-items:flex-start}
  .item .n{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;font-family:'Geist Mono',monospace;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center}
  .panel.way .item .n{background:var(--warn)}
  .item h4{font-weight:600;font-size:16px;letter-spacing:-0.01em;margin-bottom:4px}
  .item p{font-size:14px;line-height:1.55;color:var(--text-dim)}

  .quote-tile{
    background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;
    display:flex;flex-direction:column;gap:16px;
    position:relative;overflow:hidden;
  }
  .quote-tile::before{
    content:"\\201C";font-family:'Instrument Serif',serif;font-size:160px;line-height:1;
    color:var(--accent-soft);position:absolute;top:-30px;left:14px;pointer-events:none;
  }
  .quote-tile blockquote{
    font-family:'Instrument Serif',serif;font-size:22px;line-height:1.25;letter-spacing:-0.01em;
    color:var(--text);position:relative;z-index:1;font-style:italic;
  }
  .quote-tile blockquote em{font-style:italic;color:var(--accent);background:linear-gradient(transparent 65%, var(--accent-soft) 65%);padding:0 2px}
  .quote-tile .attribution{display:flex;justify-content:space-between;align-items:flex-end;padding-top:12px;border-top:1px solid var(--line);margin-top:auto;font-size:12px}
  .quote-tile .speaker{font-weight:600}
  .quote-tile .meeting{color:var(--text-dim);font-family:'Geist Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:0.08em}
  .quote-tile a.timestamp{font-family:'Geist Mono',monospace;font-size:11px;color:var(--accent);text-decoration:none}

  /* APPROACH */
  section.approach{background:var(--paper-2)}
  .approach-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;align-items:start}
  .approach-lead{grid-column:span 7;font-family:'Instrument Serif',serif;font-size:clamp(28px,3.5vw,56px);line-height:1.05;letter-spacing:-0.025em;font-weight:400}
  .approach-lead em{font-style:italic;color:var(--accent)}
  .approach-body{grid-column:span 5;display:flex;flex-direction:column;gap:20px}
  .approach-body p{font-size:16px;line-height:1.55;color:var(--text-dim)}
  .approach-body p strong{color:var(--text);font-weight:600}
  .approach-body p em.accent{font-style:normal;color:var(--accent);font-weight:600}

  /* OUTBOUND */
  section.outbound{background:var(--ink);color:var(--paper)}
  .out-tile{
    grid-column:span 12;background:var(--ink-2);border:1px solid var(--line-dark);border-radius:28px;
    padding:48px;display:grid;grid-template-columns:1fr 2fr;gap:48px;align-items:start;
  }
  .out-tile .num{font-family:'Instrument Serif',serif;font-size:96px;line-height:0.9;color:var(--accent);font-weight:400}
  .out-tile h3{font-family:'Instrument Serif',serif;font-size:40px;line-height:1.05;letter-spacing:-0.02em;font-weight:400;margin:8px 0 18px}
  .out-tile p{font-size:15px;line-height:1.6;color:var(--text-dim-dark)}
  .out-tile p strong{color:var(--paper);font-weight:600}
  .out-tile .meta{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid var(--line-dark);margin-top:24px}
  .out-tile .meta span{font-family:'Geist Mono',monospace;font-size:12px;color:var(--text-dim-dark)}

  /* TOOLS */
  section.tools{background:var(--ink);color:var(--paper)}
  .tools-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}
  .tool{grid-column:span 3;background:var(--ink-2);border:1px solid var(--line-dark);border-radius:18px;padding:20px;min-height:130px;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s}
  .tool:hover{border-color:var(--accent);transform:translateY(-2px)}
  .tool .tn{font-weight:600;font-size:15px;letter-spacing:-0.01em}
  .tool .td{font-family:'Geist Mono',monospace;font-size:11px;color:var(--text-dim-dark);margin-top:4px;text-transform:uppercase;letter-spacing:0.05em}
  .tool .tp{font-family:'Geist Mono',monospace;font-size:12px;color:var(--accent);margin-top:8px}
  .tool.wide{grid-column:span 6}
  .tool.cat{background:transparent;border-color:transparent;color:var(--text-dim-dark);min-height:auto;padding:8px 0 4px;grid-column:span 12}
  .tool.cat .mono-label{color:var(--paper)}
  .tool.cat .rule{display:inline-block;width:32px;height:1px;background:var(--accent);margin-right:12px;vertical-align:middle}

  /* TIMELINE */
  section.timeline{background:var(--paper)}
  .timeline-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
  .week{
    background:var(--paper-2);border:1px solid var(--line);border-radius:24px;padding:24px;min-height:260px;
    display:flex;flex-direction:column;justify-content:space-between;transition:all .3s;
  }
  .week:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
  .week:hover p{color:var(--text-dim-dark)}
  .week .w{font-family:'Instrument Serif',serif;font-size:72px;line-height:1;letter-spacing:-0.03em;color:var(--accent)}
  .week h4{font-weight:600;font-size:18px;letter-spacing:-0.01em;margin-bottom:8px}
  .week p{font-size:13px;line-height:1.55;color:var(--text-dim)}

  /* IDEAS · full campaigns */
  section.campaigns{background:var(--paper)}
  .camp-tile{
    grid-column:span 12;background:#fff;border:1px solid var(--line);border-radius:28px;padding:32px;
    transition:all .3s;
  }
  .camp-tile:hover{border-color:var(--accent)}
  .camp-tile .meta{display:flex;align-items:center;gap:12px;margin-bottom:14px;color:var(--text-dim)}
  .camp-tile .meta .idx{font-family:'Geist Mono',monospace;color:var(--text);font-weight:600}
  .camp-tile .meta .dot{width:4px;height:4px;background:var(--text-dim);border-radius:50%}
  .camp-tile h3{font-family:'Instrument Serif',serif;font-size:34px;line-height:1.05;letter-spacing:-0.02em;font-weight:400;margin-bottom:12px}
  .camp-tile h3 em{font-style:italic;color:var(--accent)}
  .camp-tile p.sub{font-size:15px;line-height:1.55;color:var(--text-dim);max-width:680px;margin-bottom:18px}
  .camp-tile .chips{display:flex;gap:8px;flex-wrap:wrap}
  .camp-tile .chip{font-family:'Geist Mono',monospace;font-size:11px;padding:6px 12px;background:var(--paper-2);border:1px solid var(--line);border-radius:999px;text-transform:uppercase;letter-spacing:0.05em}
  .camp-tile .score{align-self:center;text-align:right;padding-left:32px;border-left:1px solid var(--line)}
  .camp-tile .score .v{font-family:'Instrument Serif',serif;font-size:64px;line-height:1;letter-spacing:-0.03em;color:var(--accent)}
  .camp-tile .score .l{font-family:'Geist Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-dim);margin-top:4px}

  /* Creative ideas · bento */
  section.ideas{background:var(--paper-2);padding-top:64px}
  .idea-tile{
    background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;
    display:flex;flex-direction:column;gap:14px;min-height:220px;transition:all .3s;
  }
  .idea-tile:hover{border-color:var(--accent)}
  .idea-tile.sm{grid-column:span 4}
  .idea-tile.md{grid-column:span 6}
  .idea-tile h4{font-family:'Instrument Serif',serif;font-size:24px;font-weight:400;letter-spacing:-0.01em;line-height:1.1}
  .idea-tile p{font-size:14px;line-height:1.55;color:var(--text-dim);margin-top:auto}

  /* CASE STUDIES */
  section.cases{background:var(--paper)}
  .case-card{
    background:#fff;border:1px solid var(--line);border-radius:28px;padding:40px;margin-bottom:16px;
    display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;
  }
  .case-card .head{display:flex;align-items:center;gap:16px;margin-bottom:20px}
  .case-card .logo{width:48px;height:48px;background:var(--paper-2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:'Geist Mono',monospace;font-size:11px;color:var(--text-dim);font-weight:600}
  .case-card h3{font-family:'Instrument Serif',serif;font-size:36px;font-weight:400;letter-spacing:-0.02em;line-height:1}
  .case-card .descline{color:var(--text-dim);font-size:13px;margin-top:4px}
  .case-card h5{font-family:'Geist Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:0.12em;color:var(--text-dim);margin-bottom:8px;margin-top:18px}
  .case-card p{font-size:14px;line-height:1.6;color:var(--text-dim)}
  .case-card .metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}
  .case-card .metric{background:var(--paper-2);border-radius:16px;padding:16px;border:1px solid var(--line)}
  .case-card .metric .v{font-family:'Instrument Serif',serif;font-size:36px;line-height:1;color:var(--accent);letter-spacing:-0.02em;font-weight:400}
  .case-card .metric .l{font-family:'Geist Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-dim);margin-top:6px}

  /* PRICING */
  section.pricing{background:var(--paper-2)}
  .price-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:1000px;margin:0 auto}
  .plan{background:#fff;border:1px solid var(--line);border-radius:28px;padding:32px;min-height:440px;display:flex;flex-direction:column;transition:all .3s}
  .plan.rec{background:var(--ink);color:var(--paper);border-color:var(--ink);transform:scale(1.02)}
  .plan.rec .price{color:var(--accent)}
  .plan.rec p, .plan.rec li{color:var(--text-dim-dark)}
  .plan h4{font-family:'Instrument Serif',serif;font-size:32px;line-height:1.05;font-weight:400;letter-spacing:-0.02em;margin-bottom:8px}
  .plan .price{font-family:'Instrument Serif',serif;font-size:64px;line-height:1;letter-spacing:-0.03em;color:var(--accent);margin:16px 0}
  .plan .price em{font-style:normal;font-size:0.3em;color:var(--text-dim);vertical-align:middle;margin-left:6px}
  .plan.rec .price em{color:var(--text-dim-dark)}
  .plan ul{list-style:none;margin:16px 0;display:flex;flex-direction:column;gap:10px}
  .plan li{font-size:14px;line-height:1.5;display:flex;gap:12px}
  .plan li::before{content:"+";color:var(--accent);font-weight:600;flex-shrink:0}
  .plan .cta-btn{margin-top:auto;padding:14px;border-radius:999px;text-align:center;background:var(--ink);color:var(--paper);text-decoration:none;font-weight:500;font-size:14px;transition:transform .2s}
  .plan.rec .cta-btn{background:var(--accent);color:var(--paper)}
  .plan .cta-btn:hover{transform:scale(1.02)}

  /* ROI GUARANTEE */
  section.guarantee{background:var(--paper);padding:64px 0}
  .guarantee-tile{
    background:var(--ink);color:var(--paper);border-radius:28px;padding:64px;
    display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;
    position:relative;overflow:hidden;
  }
  .guarantee-tile::after{
    content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;
    background:radial-gradient(circle, var(--accent-glow), transparent 60%);pointer-events:none;
  }
  .guarantee-tile > *{position:relative;z-index:1}
  .guarantee-tile h2{font-family:'Instrument Serif',serif;font-size:clamp(40px,5vw,72px);line-height:0.98;letter-spacing:-0.025em;font-weight:400}
  .guarantee-tile h2 em{font-style:italic;color:var(--accent)}
  .guarantee-tile p{font-size:16px;line-height:1.6;color:var(--text-dim-dark);margin-top:24px}
  .guarantee-tile .seal{
    display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;
    padding:8px 14px;border-radius:999px;font-family:'Geist Mono',monospace;font-size:11px;
    text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin-bottom:20px;
  }
  .guarantee-tile .cta{display:inline-flex;align-items:center;gap:8px;background:var(--paper);color:var(--ink);padding:14px 24px;border-radius:999px;text-decoration:none;font-weight:600;font-size:14px;margin-top:24px}

  /* SIGN TODAY */
  section.sign{background:var(--paper-2)}
  .sign-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  .step{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;min-height:240px;display:flex;flex-direction:column;justify-content:space-between}
  .step .n{font-family:'Instrument Serif',serif;font-size:72px;line-height:1;color:var(--accent);letter-spacing:-0.03em}
  .step h4{font-weight:600;font-size:18px;letter-spacing:-0.01em;margin-bottom:8px}
  .step p{font-size:13px;line-height:1.55;color:var(--text-dim)}

  /* TEAM */
  section.team{background:var(--paper)}
  .team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  .person{background:var(--paper-2);border:1px solid var(--line);border-radius:24px;padding:32px;display:flex;flex-direction:column;gap:16px}
  .person .avatar{width:88px;height:88px;border-radius:50%;overflow:hidden;background:var(--paper-3);display:flex;align-items:center;justify-content:center;font-family:'Geist Mono',monospace;color:var(--text-dim);font-size:14px}
  .person h4{font-family:'Instrument Serif',serif;font-size:28px;font-weight:400;letter-spacing:-0.02em;line-height:1}
  .person .title{font-family:'Geist Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:0.1em;color:var(--accent);font-weight:600}
  .person p{font-size:14px;line-height:1.55;color:var(--text-dim)}

  /* FINAL CTA */
  section.final-cta{background:var(--ink);color:var(--paper);padding:120px 0;position:relative;overflow:hidden}
  section.final-cta::after{
    content:"";position:absolute;top:-200px;right:-200px;width:700px;height:700px;
    background:radial-gradient(circle, var(--accent-glow), transparent 60%);pointer-events:none;
  }
  .final-cta .container{position:relative;z-index:1}
  .final-cta h2{font-family:'Instrument Serif',serif;font-size:clamp(56px,8vw,128px);line-height:0.95;letter-spacing:-0.035em;font-weight:400;max-width:920px}
  .final-cta h2 em{font-style:italic;color:var(--accent)}
  .final-cta p{font-size:18px;line-height:1.55;color:var(--text-dim-dark);max-width:560px;margin-top:24px}
  .final-cta .cta{display:inline-flex;align-items:center;gap:10px;background:var(--paper);color:var(--ink);padding:18px 32px;border-radius:999px;text-decoration:none;font-weight:600;font-size:15px;margin-top:32px;transition:transform .2s}
  .final-cta .cta:hover{transform:scale(1.04)}

  /* TRUST STRIP */
  section.trust{padding:32px 0 16px;background:var(--paper)}
  .trust-strip{display:flex;flex-direction:column;gap:24px;align-items:center;padding:32px 32px;background:#fff;border:1px solid var(--line);border-radius:24px}
  .trust-strip .label{font-family:'Geist Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:0.12em;color:var(--text-dim);white-space:nowrap}
  .trust-strip .logos{display:flex;align-items:center;gap:28px;flex-wrap:nowrap;justify-content:center;width:100%}
  .trust-strip .logos img{height:26px;max-width:96px;width:auto;object-fit:contain;opacity:0.55;filter:grayscale(1);transition:opacity .3s, filter .3s;flex-shrink:0}
  .trust-strip .logos img:hover{opacity:1;filter:none}
  .trust-strip .logos .wordmark{font-family:'Instrument Serif',serif;font-size:22px;letter-spacing:-0.02em;color:var(--ink);opacity:0.55;transition:opacity .3s;line-height:1;flex-shrink:0;white-space:nowrap}
  .trust-strip .logos .wordmark:hover{opacity:1}
  .trust-strip .logos .and-others{font-family:'Geist Mono',monospace;font-size:12px;text-transform:uppercase;letter-spacing:0.12em;color:var(--text-dim);opacity:0.7;flex-shrink:0;white-space:nowrap}

  /* LOGO USAGE */
  nav.top .nav-logo{height:24px;width:auto}
  .hero-counter .trust-mini{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,0.1)}
  .hero-counter .trust-mini img{height:18px;opacity:0.55;filter:brightness(0) invert(1);}
  .tool .tlogo{height:24px;width:auto;object-fit:contain;margin-bottom:auto}
  .tool .tlogo-wrap{display:flex;align-items:center;justify-content:flex-start;height:36px}
  .case-card .logo{background:#fff;border:1px solid var(--line);width:64px;height:64px;padding:8px;border-radius:14px;display:flex;align-items:center;justify-content:center}
  .case-card .logo img{max-width:100%;max-height:100%;object-fit:contain}
  .person .avatar{width:96px;height:96px}
  .person .avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}

  /* EMAIL MOCKUP */
  .email-mock{
    grid-column:span 12;background:#fff;border:1px solid var(--line);border-radius:28px;padding:0;
    overflow:hidden;display:grid;grid-template-columns:1fr 1.3fr;gap:0;min-height:480px;
  }
  .email-mock .left{padding:40px;display:flex;flex-direction:column;justify-content:center;gap:20px;background:var(--paper-2)}
  .email-mock .left .mono-label{color:var(--text-dim)}
  .email-mock .left h3{font-family:'Instrument Serif',serif;font-size:40px;line-height:1.05;font-weight:400;letter-spacing:-0.02em}
  .email-mock .left h3 em{font-style:italic;color:var(--accent)}
  .email-mock .left p{font-size:14px;line-height:1.6;color:var(--text-dim)}
  .email-mock .right{background:#fff;border-left:1px solid var(--line);padding:0;position:relative;overflow:hidden;display:flex;flex-direction:column}
  .email-mock .chrome{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--paper-2)}
  .email-mock .chrome .dot{width:11px;height:11px;border-radius:50%;background:#e0e0db}
  .email-mock .chrome .dot.r{background:#ED6A5E}
  .email-mock .chrome .dot.y{background:#F5BF4F}
  .email-mock .chrome .dot.g{background:#62C554}
  .email-mock .chrome .url{margin-left:auto;font-family:'Geist Mono',monospace;font-size:11px;color:var(--text-dim);background:#fff;padding:4px 10px;border-radius:6px;border:1px solid var(--line)}
  .email-mock .head{padding:18px 22px;border-bottom:1px solid var(--line)}
  .email-mock .head .subject{font-weight:600;font-size:15px;color:var(--text);margin-bottom:8px}
  .email-mock .head .from{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-dim)}
  .email-mock .head .from .av{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;font-family:'Geist Mono',monospace}
  .email-mock .head .from strong{color:var(--text);font-weight:600}
  .email-mock .body{padding:22px;font-size:14px;line-height:1.65;color:var(--text);flex:1}
  .email-mock .body p{margin-bottom:14px;color:var(--text)}
  .email-mock .body .highlight{background:var(--accent-soft);padding:0 2px}
  .email-mock .body .sig{font-size:13px;color:var(--text-dim);margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}

  /* WORKFLOW SVG */
  .workflow-tile{
    grid-column:span 12;background:var(--ink-3);border:1px solid var(--line-dark);border-radius:28px;
    padding:40px;position:relative;overflow:hidden;
  }
  .workflow-tile .head{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px;gap:24px;flex-wrap:wrap}
  .workflow-tile h3{font-family:'Instrument Serif',serif;font-size:32px;font-weight:400;letter-spacing:-0.02em;line-height:1.1}
  .workflow-tile h3 em{font-style:italic;color:var(--accent)}
  .workflow{display:grid;grid-template-columns:repeat(6,1fr);gap:0;align-items:center;position:relative}
  .wf-node{
    display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;
    padding:20px 8px;position:relative;z-index:2;
  }
  .wf-node .ring{
    width:72px;height:72px;border-radius:50%;background:var(--ink-2);border:1px solid var(--accent);
    display:flex;align-items:center;justify-content:center;color:var(--accent);font-family:'Geist Mono',monospace;font-size:12px;font-weight:600;
    box-shadow:0 0 0 6px rgba(0,102,204,0.08);
  }
  .wf-node .ttl{font-weight:600;font-size:13px;letter-spacing:-0.01em}
  .wf-node .sub{font-family:'Geist Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:0.08em;color:var(--text-dim-dark)}
  .wf-line{position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent 4%, var(--accent-mid) 12%, var(--accent-mid) 88%, transparent 96%);z-index:1;transform:translateY(-30px)}

  /* PIPELINE BAR */
  .pipe-tile{
    grid-column:span 4;background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;
    min-height:280px;display:flex;flex-direction:column;gap:16px;
  }
  .pipe-tile h4{font-family:'Instrument Serif',serif;font-size:22px;font-weight:400;letter-spacing:-0.01em}
  .pipe-bars{display:flex;flex-direction:column;gap:10px;margin-top:auto}
  .pipe-row{display:flex;align-items:center;gap:10px;font-size:12px}
  .pipe-row .name{width:80px;color:var(--text-dim);font-family:'Geist Mono',monospace;text-transform:uppercase;letter-spacing:0.05em}
  .pipe-row .bar{flex:1;height:6px;background:var(--paper-2);border-radius:99px;overflow:hidden;position:relative}
  .pipe-row .bar .fill{position:absolute;left:0;top:0;bottom:0;background:var(--accent);border-radius:99px}
  .pipe-row .val{font-family:'Geist Mono',monospace;font-size:11px;color:var(--text);font-weight:600;min-width:48px;text-align:right}

  /* FOOTER */
  footer{padding:32px 0;background:var(--paper);border-top:1px solid var(--line);font-size:12px;color:var(--text-dim)}
  footer .row{display:flex;justify-content:space-between;align-items:center}

  /* === SCROLL REVEALS === */
  [data-reveal]{
    opacity:0;transform:translateY(28px);
    transition:opacity .9s cubic-bezier(.2,.8,.2,1), transform .9s cubic-bezier(.2,.8,.2,1);
    transition-delay:var(--reveal-delay, 0ms);
    will-change:opacity, transform;
  }
  [data-reveal].revealed{opacity:1;transform:translateY(0)}
  [data-reveal-scale]{
    opacity:0;transform:scale(.97);
    transition:opacity 1.1s cubic-bezier(.2,.8,.2,1), transform 1.1s cubic-bezier(.2,.8,.2,1);
    will-change:opacity, transform;
  }
  [data-reveal-scale].revealed{opacity:1;transform:scale(1)}

  /* === HERO LOAD === */
  .hero-title{opacity:0;transform:translateY(24px);animation:heroFade 1s cubic-bezier(.2,.8,.2,1) .15s forwards}
  .hero-title em{display:inline-block;opacity:0;transform:translateY(24px);animation:heroFade 1s cubic-bezier(.2,.8,.2,1) .45s forwards}
  .hero-vsl-wrap{opacity:0;transform:translateY(32px);animation:heroFade 1.1s cubic-bezier(.2,.8,.2,1) .65s forwards}
  .hero-meta{opacity:0;animation:heroFade .9s ease 1s forwards}
  @keyframes heroFade{to{opacity:1;transform:translateY(0)}}

  /* === WORKFLOW SEQUENCE === */
  .workflow-tile .wf-node{opacity:0;transform:scale(.85);transition:opacity .55s ease, transform .55s cubic-bezier(.2,.8,.2,1)}
  .workflow-tile.revealed .wf-node{opacity:1;transform:scale(1)}
  .workflow-tile.revealed .wf-node:nth-child(2){transition-delay:120ms}
  .workflow-tile.revealed .wf-node:nth-child(3){transition-delay:240ms}
  .workflow-tile.revealed .wf-node:nth-child(4){transition-delay:360ms}
  .workflow-tile.revealed .wf-node:nth-child(5){transition-delay:480ms}
  .workflow-tile.revealed .wf-node:nth-child(6){transition-delay:600ms}
  .workflow-tile.revealed .wf-node:nth-child(7){transition-delay:720ms}
  .workflow-tile .wf-line{transform:scaleX(0);transform-origin:left center;transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
  .workflow-tile.revealed .wf-line{transform:scaleX(1);transition-delay:280ms}

  /* === REDUCED MOTION === */
  @media (prefers-reduced-motion: reduce){
    *, *::before, *::after{animation:none !important;transition:none !important}
    [data-reveal], [data-reveal-scale], .hero-title, .hero-title em, .hero-vsl-wrap, .hero-meta, .wf-node, .wf-line{
      opacity:1 !important;transform:none !important;
    }
  }

  /* Mobile */
  @media (max-width: 900px) {
    .hero-title, .hero-meta, .hero-counter, .hero-product, .col-win, .col-way{grid-column:span 12}
    .hero-meta{grid-template-columns:1fr}
    .col-quotes, .approach-grid, .timeline-rail, .price-grid, .sign-grid, .team-grid, .tools-bento{grid-template-columns:1fr}
    .approach-lead, .approach-body{grid-column:span 12}
    .out-tile, .case-card, .guarantee-tile{grid-template-columns:1fr;padding:32px;gap:24px}
    .camp-tile{grid-template-columns:1fr}
    .camp-tile .score{padding-left:0;border-left:none;border-top:1px solid var(--line);padding-top:16px;text-align:left}
    .tool{grid-column:span 6}
    .tool.wide{grid-column:span 12}
    .idea-tile.sm, .idea-tile.md{grid-column:span 12}
    section{padding:64px 0}
  }

  /* 2514 — brighter gold on dark surfaces (contrast) */
  section.dark, section.outbound, section.tools, section.final-cta,
  .hero-counter, .plan.rec, .guarantee-tile, .week:hover{
    --accent:#C9A961;
    --accent-soft:rgba(201,169,97,0.16);
    --accent-glow:rgba(201,169,97,0.38);
  }
  .plan.rec .price{color:#C9A961}
  .badge-rec{position:absolute;top:20px;right:24px;font-family:'Geist Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:0.12em;background:#C9A961;color:#0C1F2E;padding:5px 10px;border-radius:999px;font-weight:600}
  .plan{position:relative}
  /* signal play cards */
  .play{grid-column:span 6;background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:14px;transition:all .3s}
  .play:hover{border-color:var(--accent);transform:translateY(-2px)}
  .play.lead{grid-column:span 12;background:var(--ink);color:var(--paper);border-color:var(--ink)}
  .play.lead p{color:var(--text-dim-dark)}
  .play.lead .mono-label{color:rgba(255,255,255,0.6)}
  .play .ptop{display:flex;align-items:center;justify-content:space-between;gap:16px}
  .play h3{font-family:'Instrument Serif',serif;font-size:30px;font-weight:400;letter-spacing:-0.02em;line-height:1.05}
  .play .rec-pill{font-family:'Geist Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:0.12em;background:var(--accent);color:#0C1F2E;padding:5px 10px;border-radius:999px;font-weight:600;white-space:nowrap}
  .play .sig{background:var(--paper-2);border:1px solid var(--line);border-radius:14px;padding:14px 16px}
  .play.lead .sig{background:rgba(255,255,255,0.05);border-color:var(--line-dark)}
  .play .sig .k{font-family:'Geist Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:0.12em;color:var(--text-dim);display:block;margin-bottom:6px}
  .play.lead .sig .k{color:rgba(255,255,255,0.55)}
  .play .sig .v{font-size:14px;line-height:1.5}
  .play .subject{font-family:'Geist Mono',monospace;font-size:13px;line-height:1.5;color:var(--accent);border-left:2px solid var(--accent);padding-left:12px}
  .play .chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:6px}
  .play .chip{font-family:'Geist Mono',monospace;font-size:10px;padding:5px 10px;background:var(--paper-2);border:1px solid var(--line);border-radius:999px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-dim)}
  .play.lead .chip{background:rgba(255,255,255,0.06);border-color:var(--line-dark);color:rgba(255,255,255,0.7)}
  /* lifecycle rail */
  .life{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px}
  .life .stage{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:10px;min-height:200px}
  .life .stage .ev{font-family:'Geist Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:0.12em;color:var(--accent);font-weight:600}
  .life .stage h4{font-family:'Instrument Serif',serif;font-size:24px;font-weight:400;line-height:1.05;letter-spacing:-0.015em}
  .life .stage p{font-size:13px;line-height:1.55;color:var(--text-dim)}
  .life .stage .rec{margin-top:auto;font-family:'Geist Mono',monospace;font-size:11px;color:var(--text-dim);padding-top:10px;border-top:1px solid var(--line)}
  /* open questions */
  .q{grid-column:span 6;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;display:flex;gap:16px;align-items:flex-start}
  .q .qn{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;font-family:'Geist Mono',monospace;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center}
  .q h4{font-weight:600;font-size:15px;margin-bottom:5px;letter-spacing:-0.01em}
  .q p{font-size:13px;line-height:1.55;color:var(--text-dim)}
  @media(max-width:900px){
    .play,.play.lead,.q{grid-column:span 12}
    .life{grid-template-columns:1fr 1fr}
  }