/* ── HERO ── */
    .ap-hero {
      min-height:60vh; display:flex; align-items:center;
      padding:130px 56px 88px; position:relative; overflow:hidden;
      border-bottom:1px solid var(--gold-rule);
    }
    .ap-hero::before {
      content:''; position:absolute; inset:0; pointer-events:none;
      background-image:
        repeating-linear-gradient(-60deg,transparent,transparent 80px,rgba(199,174,106,0.012) 80px,rgba(199,174,106,0.012) 81px);
    }
    .ap-hero-inner {
      max-width:1100px; margin:0 auto; width:100%;
      display:grid; grid-template-columns:1fr 420px; gap:80px; align-items:center;
      position:relative; z-index:2;
    }
    .ap-hero-eyebrow {
      display:flex; align-items:center; gap:14px; margin-bottom:22px;
      font-family:'Syne',sans-serif; font-size:10px; font-weight:700;
      letter-spacing:0.32em; text-transform:uppercase; color:var(--gold);
    }
    .ap-hero-eyebrow::before { content:''; display:block; width:24px; height:1px; background:var(--gold); }
    .ap-hero h1 {
      font-family:'Syne',sans-serif;
      font-size:clamp(38px,5.2vw,60px); font-weight:700;
      line-height:1.02; letter-spacing:-0.02em;
      color:var(--off-white); margin-bottom:22px;
    }
    .ap-hero h1 em { font-style:normal; color:var(--gold); }
    .ap-hero-sub {
      font-size:16px; line-height:1.7; color:var(--steel-light); max-width:440px;
    }
    /* Lane corridor SVG panel */
    .ap-hero-visual {
      background:var(--charcoal); border:1px solid var(--gold-rule);
      padding:28px 24px; display:flex; flex-direction:column; gap:16px;
    }
    .ahv-label {
      font-family:'Syne',sans-serif; font-size:9px; font-weight:700;
      letter-spacing:0.28em; text-transform:uppercase; color:var(--gold); opacity:0.6;
    }

    /* ── PHILOSOPHY ── */
    .philosophy {
      padding:80px 0; border-bottom:1px solid var(--gold-rule);
      background:var(--charcoal);
    }
    .philosophy-inner {
      max-width:1100px; margin:0 auto; padding:0 56px;
      display:grid; grid-template-columns:280px 1fr; gap:80px; align-items:start;
    }
    .phil-left { padding-top:6px; }
    .phil-headline {
      font-family:'Syne',sans-serif;
      font-size:clamp(22px,2.4vw,32px); font-weight:700;
      line-height:1.1; letter-spacing:-0.01em; color:var(--off-white);
    }
    .phil-headline em { font-style:normal; color:var(--gold); }
    .phil-body {
      font-size:15px; line-height:1.7; color:var(--steel-light);
    }
    .phil-body p + p { margin-top:20px; }
    .phil-axiom {
      display:inline-block; margin-top:28px;
      padding:16px 24px; border-left:2px solid rgba(199,174,106,0.4);
      background:rgba(199,174,106,0.04);
      font-family:'Syne',sans-serif; font-size:14px; font-weight:700;
      letter-spacing:0.02em; color:var(--off-white); line-height:1.5;
    }

    /* ── PILLARS ── */
    .pillars { padding:0; }
    .pillar {
      padding:72px 0; border-bottom:1px solid var(--gold-rule);
      position:relative; overflow:hidden;
    }
    .pillar:nth-child(even) { background:var(--charcoal); }
    .pillar-ghost {
      position:absolute; top:-.15em; right:5%;
      font-family:'Syne',sans-serif; font-weight:800;
      font-size:clamp(140px,20vw,240px); line-height:1;
      color:var(--gold); opacity:.04; pointer-events:none;
      user-select:none; z-index:0;
    }
    .pillar-ghost.pillar-ghost-left { right:auto; left:5%; }
    .pillar-inner {
      max-width:1100px; margin:0 auto; padding:0 56px;
      display:grid; gap:64px; align-items:start;
      position:relative; z-index:1;
    }
    .pillar-inner.layout-left  { grid-template-columns:1fr 1.1fr; }
    .pillar-inner.layout-right { grid-template-columns:1.1fr 1fr; direction:rtl; }
    .pillar-inner.layout-right > * { direction:ltr; }
    .pillar-num {
      font-family:'Syne',sans-serif; font-size:9px; font-weight:700;
      letter-spacing:0.24em; text-transform:uppercase; color:var(--gold); opacity:0.6;
      margin-bottom:14px;
    }
    .pillar-title {
      font-family:'Syne',sans-serif;
      font-size:clamp(22px,2.4vw,32px); font-weight:700;
      letter-spacing:-0.01em; line-height:1.1;
      color:var(--off-white); margin-bottom:16px;
    }
    .pillar-body {
      font-size:14px; line-height:1.7; color:var(--steel-light); margin-bottom:20px; max-width:480px;
    }
    .pillar-callout {
      padding:14px 20px; border-left:2px solid rgba(199,174,106,0.35);
      background:rgba(199,174,106,0.03);
      font-family:'Syne',sans-serif; font-size:13px; font-weight:600;
      letter-spacing:0.02em; color:var(--off-white); line-height:1.6;
    }
    .pillar-callout em { font-style:normal; color:var(--gold); }
    .svc-cta-inline{
      align-items:center; gap:8px; margin-top:4px;
      font-family:'Syne',sans-serif; font-size:11px; font-weight:700;
      letter-spacing:.1em; text-transform:uppercase; color:var(--gold);
      text-decoration:none; border-bottom:1px solid rgba(199,174,106,.25);
      padding-bottom:2px; transition:border-color .2s;
    }
    .svc-cta-inline:hover{ border-color:var(--gold); }
    /* Pillar visual side */
    .pillar-visual {
      display:flex; flex-direction:column; gap:0;
      border:1px solid var(--gold-rule); background:var(--black);
    }
    .pv-header {
      padding:10px 18px; background:#0A0A0A; border-bottom:1px solid var(--gold-rule);
      font-family:'Syne',sans-serif; font-size:8px; font-weight:700;
      letter-spacing:0.24em; text-transform:uppercase; color:var(--gold); opacity:0.55;
    }
    .pv-row {
      display:flex; align-items:center; gap:14px; padding:14px 18px;
      border-bottom:1px solid rgba(199,174,106,0.05);
    }
    .pv-row:last-child { border-bottom:none; }
    .pv-dot { width:6px; height:6px; border-radius:50%; flex-shrink:0; }
    .pv-dot.active { background:#4ade80; }
    .pv-dot.idle   { background:rgba(107,114,128,0.35); }
    .pv-lane {
      font-family:'Syne',sans-serif; font-size:12px; font-weight:700;
      letter-spacing:0.02em; color:var(--off-white);
    }
    .pv-detail { font-family:'Syne',sans-serif; font-size:10px; color:var(--steel); margin-left:auto; letter-spacing:0.02em; }
    .pv-badge {
      font-family:'Syne',sans-serif; font-size:8px; font-weight:700;
      letter-spacing:0.1em; text-transform:uppercase; padding:2px 8px;
      background:rgba(199,174,106,0.08); color:var(--gold);
      border:1px solid rgba(199,174,106,0.18); border-radius:1px; flex-shrink:0;
    }

    /* ── SHARED SECTION HEADLINE (How We Work / Standard) ── */
    .how-h2 {
      font-family:'Syne',sans-serif; font-size:clamp(26px,3vw,38px);
      font-weight:700; letter-spacing:-0.01em; color:var(--off-white); line-height:1.08;
    }

    /* ── HOW WE WORK ── */
    .how { padding:88px 0; border-bottom:1px solid var(--gold-rule); }
    .how-grid {
      display:grid; grid-template-columns:repeat(3,1fr);
      gap:1px; background:var(--gold-rule); margin-top:48px;
    }
    .how-grid-4 { grid-template-columns:repeat(4,1fr); }
    .how-step {
      background:var(--black); padding:32px 28px; position:relative;
      border-top:2px solid transparent;
      transition:border-top-color .25s, background .2s, transform .2s;
    }
    .how-step:hover {
      border-top-color:var(--gold);
      background:var(--charcoal-2);
      transform:translateY(-3px);
    }
    .how-step:hover .how-step-num { opacity:.3; }
    .how-step:hover .how-step-title { color:var(--gold); }
    .how-step-num {
      font-family:'Syne',sans-serif; font-size:32px; font-weight:800;
      letter-spacing:-0.02em; color:var(--gold); opacity:0.15;
      line-height:1; margin-bottom:14px;
      transition:opacity .25s;
    }
    .how-step-title {
      font-family:'Syne',sans-serif; font-size:14px; font-weight:700;
      letter-spacing:0.02em; color:var(--off-white);
      margin-bottom:10px;
      transition:color .25s;
    }
    .how-step-body { font-size:13px; line-height:1.65; color:var(--steel); }
    .how-step-tag {
      display:inline-block; margin-top:14px;
      font-family:'Syne',sans-serif; font-size:8px; font-weight:700;
      letter-spacing:0.14em; text-transform:uppercase;
      padding:2px 9px; border-radius:1px;
    }
    .how-step-tag.system { background:rgba(199,174,106,0.1); color:var(--gold); border:1px solid rgba(199,174,106,0.2); }
    .how-step-tag.team   { background:rgba(156,163,175,0.08); color:var(--steel-light); border:1px solid rgba(156,163,175,0.18); }

    /* SWAP BUTTON — matches home's exact GSAP-driven implementation */
    /* SCRAMBLE HOVER — card titles scramble + turn gold on hover, revert after */
    .scramble-hover{transition:color .3s ease;}
    .scramble-hover.is-scrambling{color:var(--gold) !important;}
    .cta-btn-wrap{
      display:inline-flex;align-items:center;gap:12px;
      overflow:visible;position:relative;
      perspective:800px;transform-style:preserve-3d;
    }
    .cta-plus-btn{
      display:inline-flex;align-items:center;justify-content:center;
      width:52px;align-self:stretch;
      background:var(--gold);color:var(--black);font-size:20px;
      transform-style:preserve-3d;backface-visibility:hidden;
      text-decoration:none;cursor:pointer;
    }
    .cta-plus-btn:hover{background:var(--gold-light);}
    .cta-btn-text{display:inline-block;white-space:nowrap;overflow:hidden;}
    .cta-main-btn{white-space:nowrap;overflow:hidden;}

    /* ── CTA — matches the homepage's final CTA exactly (grid, glow, wipe reveal) ── */
    .cta-sec {
      padding: 140px 56px;
      text-align: center;
      position: relative;
      overflow: hidden;
      border-bottom: 1px solid var(--gold-rule);
      background-color: var(--black);
    }
    .cta-sec::before {
      content: '';
      position: absolute;
      inset: 0;
      background: rgba(10,10,10,0.92);
      z-index: 0;
    }
    .cta-sec > * { position: relative; z-index: 1; }
    .cta-grid {
      position: absolute;
      inset: 0;
      pointer-events: none;
      overflow: hidden;
      opacity: 0.04;
      background-image:
        linear-gradient(rgba(199,174,106,1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(199,174,106,1) 1px, transparent 1px);
      background-size: 60px 60px;
      mask-image: radial-gradient(ellipse 70% 70% at 50% 50%, black 0%, transparent 100%);
      -webkit-mask-image: radial-gradient(ellipse 70% 70% at 50% 50%, black 0%, transparent 100%);
    }
    .cta-glow {
      position: absolute;
      top: 50%; left: 50%;
      transform: translate(-50%,-50%);
      width: 800px; height: 600px;
      background: radial-gradient(ellipse, rgba(199,174,106,0.07) 0%, transparent 65%);
      pointer-events: none;
      animation: ctaPulse 6s ease-in-out infinite alternate;
    }
    @keyframes ctaPulse {
      from { transform: translate(-50%,-50%) scale(1); opacity: 0.7; }
      to   { transform: translate(-50%,-50%) scale(1.15); opacity: 1; }
    }
    .cta-sec .sec-label { justify-content: center; margin-bottom: 20px; }
    .cta-sec .sec-label::before { display: none; }
    .cta-h2 {
      font-family: 'Syne', sans-serif;
      font-size: clamp(32px, 4.4vw, 56px);
      font-weight: 300;
      line-height: 1.1;
      letter-spacing: -0.02em;
      color: var(--off-white);
      margin-bottom: 24px;
      max-width: 820px; margin-left:auto; margin-right:auto;
    }
    .cta-h2 em { font-style: italic; color: var(--gold); }
    .cta-sub {
      font-size: 15px;
      line-height: 1.8;
      color: var(--steel-light);
      max-width: 440px;
      margin: 0 auto 36px;
    }

    /* FOOTER — matches home.css's override */
    footer{background:var(--charcoal-3);border-top:1px solid var(--gold-rule);padding:20px 56px 12px;}
    .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px;margin-bottom:8px;}
    .f-brand-name{font-family:'Syne',sans-serif;font-size:15px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;}
    .f-brand-sub{font-size:13px;color:var(--steel);line-height:1.6;max-width:240px;margin-bottom:10px;}
    .f-contact-line{font-size:13px;color:var(--steel-light);text-decoration:none;transition:color .2s;display:block;}
    .f-contact-line:hover{color:var(--gold);}
    .f-col h5{font-family:'Syne',sans-serif;font-size:9px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--steel);margin-bottom:8px;}
    .f-col ul{list-style:none;display:flex;flex-direction:column;gap:5px;}
    .f-col a{font-size:11px;color:var(--steel-light);text-decoration:none;transition:color .2s;}
    .f-col a:hover{color:var(--gold);}
    .footer-bottom{border-top:1px solid rgba(199,174,106,0.08);padding-top:12px;display:flex;justify-content:space-between;align-items:center;}
    .footer-copy{font-family:'Syne',sans-serif;font-size:10px;letter-spacing:.1em;color:var(--steel);}
    .footer-vet{font-family:'Syne',sans-serif;font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);opacity:.55;}

    /* ── MOBILE ── */
    @media(max-width:900px) {
      .pillar-header-toggle{cursor:pointer;position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
      .pillar-toggle-icon{
        width:24px;height:24px;flex-shrink:0;border:1px solid rgba(199,174,106,.3);
        display:flex;align-items:center;justify-content:center;position:relative;
        transition:transform .3s ease;margin-top:4px;
      }
      .pillar-toggle-icon::before,.pillar-toggle-icon::after{
        content:'';position:absolute;background:var(--gold);transition:transform .3s ease;
      }
      .pillar-toggle-icon::before{width:9px;height:1px;}
      .pillar-toggle-icon::after{width:1px;height:9px;}
      .pillar.is-open .pillar-toggle-icon{transform:rotate(45deg);}
      .pillar-collapse{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease,margin-top .3s ease;}
      .pillar.is-open .pillar-collapse{max-height:300px;opacity:1;margin-top:16px;}

      .how-step-header{cursor:pointer;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
      .how-step-toggle-icon{
        width:20px;height:20px;flex-shrink:0;border:1px solid rgba(199,174,106,.3);
        display:flex;align-items:center;justify-content:center;position:relative;
        transition:transform .3s ease;margin-top:2px;
      }
      .how-step-toggle-icon::before,.how-step-toggle-icon::after{
        content:'';position:absolute;background:var(--gold);transition:transform .3s ease;
      }
      .how-step-toggle-icon::before{width:8px;height:1px;}
      .how-step-toggle-icon::after{width:1px;height:8px;}
      .how-step.is-open .how-step-toggle-icon{transform:rotate(45deg);}
      .how-step-collapse{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease,margin-top .3s ease;}
      .how-step.is-open .how-step-collapse{max-height:200px;opacity:1;margin-top:12px;}

      .ap-hero { padding:100px 20px 56px; min-height:auto; }
      .ap-hero-inner { grid-template-columns:1fr; gap:32px; }
      .ap-hero-visual { display:none; }
      .container,.philosophy-inner { padding:0 20px; }
      .philosophy { padding:56px 0; }
      .philosophy-inner { grid-template-columns:1fr; gap:28px; }
      .pillar { padding:52px 0; }
      .pillar-inner { padding:0 20px; grid-template-columns:1fr; gap:28px; direction:ltr !important; }
      .pillar-ghost { font-size:clamp(90px,26vw,140px); right:2%; }
      .pillar-ghost.pillar-ghost-left { left:2%; right:auto; }
      .pillar-visual { display:none; }
      .phil-axiom { padding:14px 18px; font-size:13px; }
      .how { padding:56px 0; }
      .how .container { padding:0 20px; }
      .how-grid { grid-template-columns:1fr; }
      .how-grid-4 { grid-template-columns:1fr; }
      .how-step { padding:24px 20px; }
      .how-step-num { font-size:24px; margin-bottom:10px; }
      .cta-sec { padding:64px 20px; }
      .cta-h2 { font-size:clamp(26px,7vw,38px); line-height:1.1; }
      .cta-sub { font-size:14px; }
      .cta-btn-wrap { flex-direction:row; }
      footer{padding:32px 20px 16px;}
      .footer-grid{grid-template-columns:1fr;gap:20px;margin-bottom:16px;}
      .footer-bottom{flex-direction:column;align-items:flex-start;gap:6px;}
      body { overflow-x: hidden; }
      nav { width: 100vw; max-width: 100vw; box-sizing: border-box; }
      .ap-hero-visual svg { max-width:100%; }
    }