/*
 * Enterprise Claw page (page-enterprise-claw.php). Loaded after assets/home.css,
 * whose buttons, hero pill and closing cards this page reuses.
 */
.kicker{font-family:var(--mono);font-size:12.5px;letter-spacing:.02em;color:var(--amber)}
.p-head{display:flex;flex-direction:column;gap:10px;max-width:860px;margin-bottom:48px}
.p-head .h2{font-size:clamp(28px,3.1vw,42px)}
.p-sub{font-family:var(--display);font-weight:600;font-size:clamp(18px,1.7vw,22px);line-height:1.35;color:var(--amber);letter-spacing:-.01em;text-wrap:balance}
.p-sec{padding-block:96px;border-top:1px solid var(--border);background:var(--bg)}
.p-sec.is-tint{background:radial-gradient(900px 420px at 80% 0%,rgba(217,119,6,.06),transparent 70%),var(--surface)}

/* hero: the deck's cover — ink ground, an amber block stack on the right */
.p-hero{background:radial-gradient(760px 420px at 20% 100%,rgba(217,119,6,.14),transparent 70%),var(--ink);color:var(--ink-txt);overflow:hidden}
.p-hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:48px;align-items:stretch;min-height:520px}
.p-hero-copy{padding-block:96px;display:flex;flex-direction:column;justify-content:center}
.hero-pill.is-dark{background:rgba(239,174,87,.1);border-color:rgba(239,174,87,.3);color:var(--amber-soft);align-self:flex-start}
.hero-pill.is-dark i{background:var(--amber-soft)}
.p-hero h1{margin-top:26px;font-family:var(--display);font-weight:700;font-size:clamp(36px,4.4vw,60px);line-height:1.04;letter-spacing:-.035em;color:var(--ink-txt);text-wrap:balance}
.p-hero h1 em{font-style:normal;color:var(--amber-soft)}
.p-hero-lede{margin-top:22px;font-size:19px;line-height:1.55;color:var(--ink-mute);max-width:46ch}
.btn-ghost.is-dark{color:var(--ink-txt);border-color:var(--ink-line)}
.btn-ghost.is-dark:hover{color:var(--ink-txt);border-color:var(--ink-mute)}
.p-hero-sig{margin-top:40px;font-family:var(--mono);font-size:12px;color:#6E6E88}
.p-hero-blocks{display:grid;grid-template-rows:5fr 3fr 2fr;margin-right:calc(-1 * clamp(0px,(100vw - var(--max))/2 + var(--gut),400px))}
.blk{display:flex;align-items:flex-end;padding:18px 22px}
.blk span{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.blk-a{background:#C8601F}
.blk-b{background:var(--amber-hi)}
.blk-c{background:var(--amber-soft)}
.blk-c span{color:rgba(12,12,15,.62)}

/* the premise */
.premise{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.pm-card{border-radius:16px;padding:28px 28px 30px;background:var(--paper);border:1px solid var(--border);box-shadow:0 18px 36px -30px rgba(12,12,15,.35)}
.pm-card.is-true{background:linear-gradient(160deg,var(--paper) 20%,rgba(251,230,196,.55));border-color:var(--amber-bd)}
.pm-card h3{font-family:var(--display);font-size:19px;font-weight:600;color:var(--txt2)}
.pm-card.is-true h3{color:var(--amber-deep)}
.pm-card ul{list-style:none;margin-top:18px;display:flex;flex-direction:column;gap:12px}
.pm-card li{position:relative;padding-left:20px;font-size:16px;line-height:1.5;color:var(--txt)}
.pm-card li::before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--amber-hi)}
.pm-card.is-cost{background:var(--ink);border-color:var(--ink);display:flex;flex-direction:column;justify-content:center}
.pm-card.is-cost h3{color:var(--ink-mute)}
.pm-card.is-cost p{margin-top:18px;font-family:var(--display);font-weight:700;font-size:clamp(24px,2.3vw,30px);line-height:1.2;letter-spacing:-.02em;color:var(--ink-txt);text-wrap:balance}

/* the difference */
.diff-q{text-align:center;font-family:var(--display);font-weight:700;font-size:clamp(22px,2.4vw,30px);letter-spacing:-.02em;margin-bottom:32px}
.diff-q span{font-family:var(--body);font-style:italic;font-weight:400;font-size:16px;color:var(--txt3);letter-spacing:0;margin-right:6px}
.diff{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;position:relative}
.diff-card{display:flex;flex-direction:column;gap:12px;border-radius:16px;padding:30px;background:var(--surface2);border:1px solid var(--border)}
.diff-card.is-claw{background:var(--paper);border:1.5px solid var(--amber);box-shadow:0 26px 50px -34px rgba(180,83,9,.55)}
.diff-who{font-family:var(--display);font-weight:600;font-size:20px;color:var(--txt3)}
.is-claw .diff-who{color:var(--txt)}
.diff-src{font-size:14.5px;font-style:italic;color:var(--txt3);line-height:1.5}
.diff-src b{font-style:normal;color:var(--amber)}
.diff-a{margin-top:6px;font-family:var(--display);font-weight:700;font-size:clamp(20px,1.9vw,24px);line-height:1.35;letter-spacing:-.015em;color:var(--txt2)}
.is-claw .diff-a{color:var(--txt)}
.diff-a .risk{color:var(--amber)}
.diff-how{margin-top:auto;font-size:13.5px;border-radius:8px;padding:10px 14px;background:rgba(12,12,15,.05);color:var(--txt2)}
.is-claw .diff-how{background:var(--amber-lo);color:var(--amber-deep);font-weight:500}

/* overview: connect → understand → act */
.cua{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.cua-step{position:relative;border-radius:16px;padding:32px 30px 34px;color:var(--ink-txt);min-height:260px;display:flex;flex-direction:column}
.cua-step.is-connect{background:#1E1E26}
.cua-step.is-understand{background:#C8601F}
.cua-step.is-act{background:#3A3A46}
.cua-step:not(:last-child)::after{content:"";position:absolute;top:50%;right:-31px;width:22px;height:2px;background:var(--txt3)}
.cua-step:not(:last-child)::before{content:"";position:absolute;top:calc(50% - 5px);right:-33px;border:6px solid transparent;border-left-color:var(--txt3)}
.cua-n{font-family:var(--mono);font-size:12px;color:rgba(255,255,255,.6)}
.cua-step h3{margin-top:auto;font-family:var(--display);font-weight:700;font-size:28px;letter-spacing:-.02em;color:#fff}
.cua-step p{margin-top:10px;font-size:15.5px;line-height:1.55;color:rgba(255,255,255,.82)}

/* diagrams */
.dgm{margin:0}
.dgm-scroll{overflow-x:auto;background:var(--paper);border:1px solid var(--border);border-radius:18px;padding:24px;box-shadow:0 20px 40px -34px rgba(12,12,15,.35)}
.dgm-svg{display:block;width:100%;min-width:760px;height:auto;color:var(--txt)}
.dgm figcaption{margin-top:14px;font-size:14.5px;font-style:italic;color:var(--txt3)}
.d-cloud{fill:none;stroke:var(--txt2);stroke-width:1.4}
.d-space{fill:rgba(180,83,9,.025);stroke:var(--txt3);stroke-width:1.3;stroke-dasharray:6 5}
.d-box{fill:var(--paper);stroke:var(--border);stroke-width:1.4}
.d-box.is-soft{fill:var(--surface);stroke:var(--border)}
.d-box.is-you{stroke:var(--txt2)}
.d-ghost{fill:var(--paper);stroke:var(--border);stroke-width:1.2}
.d-dark{fill:#1E1E26;stroke:#1E1E26}
.d-brain{fill:rgba(251,230,196,.6);stroke:var(--amber-soft);stroke-width:1.4}
.d-id{fill:var(--paper);stroke:var(--amber);stroke-width:1.6}
.d-ext{fill:none;stroke:var(--txt3);stroke-width:1.3;stroke-dasharray:6 5}
.d-t{font-family:var(--display);font-weight:600;font-size:17px;fill:var(--txt)}
.d-t.sm{font-size:14px}
.d-t.lg{font-size:19px}
.d-t.on-dark{fill:#fff}
.d-t.is-amber{fill:var(--amber)}
.d-t.muted{fill:var(--txt2)}
.d-s{font-family:var(--body);font-size:12.5px;fill:var(--txt2)}
.d-s.on-dark{fill:rgba(255,255,255,.72)}
.d-l{font-family:var(--body);font-size:12px;fill:var(--txt3)}
.d-cap{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;fill:var(--txt3)}
.d-ln{fill:none;stroke:var(--txt3);stroke-width:1.5}
.d-ln.is-amber{stroke:var(--amber)}
.d-ln.is-dash{stroke-dasharray:5 5}
.d-loop{fill:none;stroke:var(--amber);stroke-width:1.6}
.ah{fill:var(--txt3)} .ah-a{fill:var(--amber)}

/* components */
.comps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.comp{border-radius:14px;padding:26px 26px 28px;background:#26262E;color:var(--ink-txt);transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out)}
.comp:nth-child(2),.comp:nth-child(4){background:#1E1E26}
.comp:nth-child(3),.comp:nth-child(5){background:#33333D}
.comp:nth-child(6){background:#43434E}
.comp.is-brain{background:#C8601F}
.comp-ic{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.comp-ic svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.comp h3{margin-top:22px;font-family:var(--display);font-weight:700;font-size:21px;letter-spacing:-.015em;color:#fff}
.comp p{margin-top:8px;font-size:15px;line-height:1.55;color:rgba(255,255,255,.78)}
@media (hover:hover) and (pointer:fine){ .comp:hover{transform:translateY(-3px);box-shadow:0 20px 40px -26px rgba(12,12,15,.6)} }

/* case studies */
.cs-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:10px;background:var(--surface2);margin-bottom:28px}
.cs-tabs button{border:0;background:transparent;padding:9px 16px;border-radius:7px;font-family:var(--display);font-weight:600;font-size:14px;color:var(--txt2);transition:background-color .15s ease,color .15s ease}
.cs-tabs button[aria-selected="true"]{background:var(--paper);color:var(--txt);box-shadow:0 1px 3px rgba(12,12,15,.12)}
.cs-h{font-family:var(--display);font-weight:700;font-size:clamp(20px,2vw,26px);letter-spacing:-.015em;margin-bottom:24px}
.cs-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,2fr) minmax(0,6fr);gap:0;align-items:center}
.cs-platform{background:var(--paper);border:1px solid var(--border);border-radius:16px;padding:22px}
.cs-cap{font-family:var(--mono);font-size:11.5px;color:var(--txt3);margin-bottom:16px}
.cs-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cs-tile{min-height:72px;border-radius:10px;background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px;font-family:var(--display);font-weight:600;font-size:14px;color:var(--txt3)}
.cs-tile small{display:block;margin-top:2px;font-family:var(--body);font-weight:500;font-size:11.5px;color:var(--txt2)}
.cs-plugin{position:relative;margin-left:-14px;z-index:1;aspect-ratio:1;max-width:100%;border-radius:14px;border:2.5px solid #C8601F;background:#FCEBDD;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px;box-shadow:0 20px 40px -26px rgba(180,83,9,.6)}
.cs-plugin::before{content:"";position:absolute;left:-26px;top:50%;width:40px;height:56px;transform:translateY(-50%);border:2.5px solid #C8601F;border-right:0;border-radius:28px 0 0 28px;background:#FCEBDD}
.cs-plugin b{position:relative;font-family:var(--display);font-size:19px;color:var(--amber-deep)}
.cs-plugin span{position:relative;margin-top:4px;font-size:12.5px;font-style:italic;color:var(--txt2)}
.cs-brings{position:absolute;right:-50px;top:50%;transform:translateY(-50%);font-size:12px;font-style:italic;color:var(--amber);padding-right:14px}
.cs-brings::after{content:"";position:absolute;right:0;top:50%;width:10px;height:1.5px;background:var(--amber)}
.cs-out{padding-left:64px;display:flex;flex-direction:column;gap:18px}
.cs-gl{font-family:var(--display);font-weight:600;font-size:14px;color:var(--txt2);margin-bottom:8px}
.cs-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cs-row.is-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cs-card{border-radius:10px;padding:12px 14px;background:var(--paper);text-align:center}
.cs-card.is-amber{border:1.5px solid #C8601F}
.cs-card.is-ink{border:1.5px solid #3A3A46}
.cs-card b{display:block;font-family:var(--display);font-size:15.5px;color:var(--txt)}
.cs-card span{display:block;margin-top:2px;font-size:12.5px;color:var(--txt2)}
.cs-note{margin-top:22px;font-size:15px;font-style:italic;color:var(--txt3)}
.cs-note b{color:var(--amber-deep)}

@media (max-width:1100px){
  .cs-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .cs-plugin{margin:0;aspect-ratio:auto;min-height:120px}
  .cs-out{grid-column:1 / -1;padding-left:0;margin-top:24px}
  .cs-brings{display:none}
}
@media (max-width:880px){
  .p-hero-grid{grid-template-columns:minmax(0,1fr);min-height:0}
  .p-hero-copy{padding-block:64px 32px}
  .p-hero-blocks{grid-template-rows:none;grid-template-columns:5fr 3fr 2fr;height:96px;margin:0 calc(-1 * var(--gut))}
  .premise,.diff,.cua,.comps{grid-template-columns:minmax(0,1fr)}
  .cua{gap:36px}
  .cua-step{min-height:0}
  .cua-step:not(:last-child)::after{top:auto;bottom:-22px;right:50%;width:2px;height:14px}
  .cua-step:not(:last-child)::before{top:auto;bottom:-33px;right:calc(50% - 5px);border:6px solid transparent;border-top-color:var(--txt3)}
  .p-sec{padding-block:72px}
  .cs-grid{grid-template-columns:minmax(0,1fr)}
  .cs-plugin{margin-top:18px}
  .cs-plugin::before{display:none}
  .cs-row.is-3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:560px){
  .cs-row,.cs-row.is-3{grid-template-columns:minmax(0,1fr)}
  .dgm-scroll{padding:14px}
}
@supports (animation-timeline:view()){
@media (prefers-reduced-motion:no-preference){
  .p-head,.premise > *,.diff-card,.cua-step,.dgm,.comp,.cs-grid{animation:reveal var(--ease-out) both;animation-timeline:view();animation-range:entry 0% entry 55%}
  .premise > :nth-child(2),.diff-card:nth-child(2),.cua-step:nth-child(2),.comp:nth-child(3n+2){animation-range:entry 8% entry 63%}
  .premise > :nth-child(3),.cua-step:nth-child(3),.comp:nth-child(3n){animation-range:entry 16% entry 71%}
}}