/* Home page scroll story. Layout and motion only; the text is the approved site content.
   Loaded on the home page only, after site.css. Logical properties keep EN/AR on one layout.
   Stacked cards, scroll scrubbing and reveals need JS (html.js); without it every section renders in its final state. */
:root{--hdr:94px;--ink-2:#536070;--hs-pale-bg:#e2e9fd}
@media(max-width:760px){:root{--hdr:79px}}
.home-story{background:#fff}
.home-story .wrap{width:min(1320px,calc(100% - 112px))}
@media(max-width:1050px){.home-story .wrap{width:calc(100% - 64px)}}
@media(max-width:760px){.home-story .wrap{width:calc(100% - 40px)}}
.home-story h2{text-wrap:balance}
.home-story .section-head{margin:22px 0 40px}
.hs-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4vw,64px);align-items:center}
.hs-split>*{min-width:0}
@media(max-width:900px){.hs-split{grid-template-columns:1fr;gap:28px}}
.hs-media{position:relative;overflow:hidden;border-radius:18px;background:var(--surface-light);aspect-ratio:16/9;box-shadow:0 30px 60px -30px #252b3433}
.hs-media>video,.hs-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hs-bg{position:absolute;inset:0;pointer-events:none}
.hs-bg video,.hs-bg img{width:100%;height:100%;object-fit:cover;display:block}

/* sticky header with the motion control */
.hs-header{position:sticky;top:0;z-index:50;background:#fffffff0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.hs-header .header-wrap{background:transparent}
.hs-motion{font:inherit;font-size:12px;color:var(--brand-graphite);background:#fff;border:1px solid var(--border-light);border-radius:999px;padding:9px 14px;cursor:pointer;white-space:nowrap}
.hs-motion:hover{border-color:var(--brand-cobalt);color:var(--brand-cobalt)}
.hs-motion[aria-pressed=true]{background:var(--accent-soft);border-color:#cfdaff}
@media(max-width:760px){.hs-motion{font-size:11px;padding:8px 10px}}

/* hero */
.hs-hero{position:relative;overflow:hidden;background:#fff}
.hs-hero .hs-bg{inset-inline-start:36%}
.hs-hero .hs-bg video,.hs-hero .hs-bg img{object-position:55% 50%}
.hs-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to right,#fff 0%,#fff 36%,#fff0 50%);pointer-events:none}
[dir=rtl] .hs-hero::after{background:linear-gradient(to left,#fff 0%,#fff 36%,#fff0 50%)}
.hs-hero .wrap{position:relative;z-index:2;min-height:calc(100vh - var(--hdr));min-height:calc(100svh - var(--hdr));display:flex;flex-direction:column;justify-content:center;padding:64px 0 56px}
.hs-hero .hero-copy{max-width:min(560px,42%);display:grid;gap:22px}
.hs-hero .hero-copy h1{margin:0;font-weight:600;font-size:clamp(52px,7.2vw,100px);line-height:1.02;letter-spacing:-.04em}
.hs-hero .hero-word{color:var(--brand-graphite)}
.hs-hero .hero-word.accent{color:var(--brand-cobalt)}
.hs-hero .hero-copy>p{color:var(--ink-2);font-size:clamp(17px,1.5vw,20px);line-height:1.7;max-width:34em}
.hs-hero .hero-actions{margin-top:4px}
.hs-hero .text-link{color:var(--brand-graphite);border-color:var(--brand-graphite)}
.hs-hero .text-link:hover{color:var(--brand-cobalt);border-color:var(--brand-cobalt)}
.hs-hero .hero-note{margin-top:4px!important;color:var(--ink-2)!important}
.hs-hero .hero-note span{background:var(--brand-cobalt)}
[dir=rtl] .hs-hero .hero-copy{max-width:min(600px,46%)}
[dir=rtl] .hs-hero .hero-copy h1{font-size:clamp(40px,4.8vw,66px);line-height:1.45;letter-spacing:0}
.hs-scroll-cue{position:absolute;z-index:3;bottom:24px;inset-inline-end:max(32px,env(safe-area-inset-right,0px));width:34px;height:34px;border-radius:50%;background:#fffd;border:1px solid var(--border-light);display:grid;place-items:center;color:var(--brand-graphite)}
.hs-scroll-cue i{width:9px;height:9px;border-inline-end:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);animation:hs-bob 2.4s ease-in-out infinite}
@keyframes hs-bob{50%{transform:rotate(45deg) translate(1px,1px)}}
@media(max-width:760px){
  /* phones: copy on top, the whole hero scene (16:9, no crop) pinned to the bottom of the first screen */
  .hs-hero{min-height:calc(100vh - var(--hdr));min-height:calc(100svh - var(--hdr));display:flex;flex-direction:column;justify-content:space-between}
  .hs-hero .hs-bg,[dir=rtl] .hs-hero .hs-bg{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/9;order:2}
  .hs-hero .hs-bg video,.hs-hero .hs-bg img,[dir=rtl] .hs-hero .hs-bg video,[dir=rtl] .hs-hero .hs-bg img{object-position:50% 50%}
  .hs-hero::after,[dir=rtl] .hs-hero::after{display:none}
  .hs-hero .wrap{min-height:0;justify-content:flex-start;padding:32px 0 28px;order:1}
  .hs-hero .hero-copy,[dir=rtl] .hs-hero .hero-copy{max-width:100%}
  .hs-hero .hero-copy h1{font-size:clamp(46px,13vw,64px)}
  [dir=rtl] .hs-hero .hero-copy h1{font-size:clamp(34px,9.5vw,44px)}
  .hs-scroll-cue{display:none}
}
}

/* story stages (normal flow; nothing pins the page) */
.hs-stage{padding:clamp(56px,8vw,96px) 0}

/* 1 · agentic diagram */
.hs-agentic{background:radial-gradient(ellipse at 75% 40%,#315bd52a,transparent 55%),var(--brand-graphite);color:var(--text-on-dark)}
.agent-kicker{font-size:11px;letter-spacing:1.9px;text-transform:uppercase;color:var(--accent-on-dark);font-weight:600;display:inline-flex;align-items:center;gap:10px}
.agent-kicker::before{content:"";width:18px;height:2px;background:currentColor}
[dir=rtl] .agent-kicker{letter-spacing:0}
.hs-agentic h2{font-size:clamp(34px,4.6vw,60px);margin:14px 0 0;color:#fff}
.agent-caption{margin-top:22px;font-size:17px;color:var(--text-on-dark);line-height:1.7;max-width:30em}
.hs-agentic .poss-example{display:block;margin-top:12px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted-on-dark)}
[dir=rtl] .hs-agentic .poss-example{letter-spacing:0}
.hs-diagram{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr) minmax(0,1fr);gap:38px;align-items:center}
.hs-diagram>*{min-width:0}
.hs-col{display:grid;gap:14px}
.agent-node{position:relative;display:flex;align-items:center;gap:12px;background:var(--surface-raised);border:1px solid var(--border-dark);border-radius:14px;padding:16px 18px;color:var(--text-on-dark);transition:opacity .5s,transform .5s,border-color .5s}
.js .hs-agentic:not(.done) .agent-node{opacity:.28;transform:translateY(8px)}
.js .hs-agentic:not(.done) .agent-node.on{opacity:1;transform:none}
.agent-node-icon{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border-radius:10px;background:#2b3c66;color:var(--accent-soft)}
.agent-node-icon svg{width:20px;height:20px}
.agent-node-title{font-size:17px;font-weight:500;line-height:1.4;display:block}
.agent-node-sub{font-size:13px;color:var(--muted-on-dark);display:block;line-height:1.4}
.agent-input{flex-wrap:wrap}
.agent-input .agent-node-title{flex:1 1 auto}
.agent-input .agent-node-sub{flex-basis:100%;padding-inline-start:52px;margin-top:-6px}
.agent-output.on{border-color:var(--accent-on-dark)}
.agent-output-icon{width:22px;height:22px;flex-shrink:0;color:var(--accent-on-dark)}
.agent-output-icon svg{width:100%;height:100%}
.agent-output .agent-node-title{flex:1;font-size:16px}
.agent-complete{width:22px;height:22px;border-radius:50%;background:var(--brand-cobalt);color:#fff;display:grid;place-items:center;font-size:12px;flex-shrink:0}
.hs-core{position:relative;background:var(--surface-dark);border:1px solid var(--accent-on-dark);border-radius:20px;padding:16px;display:grid;gap:12px;justify-items:center;box-shadow:0 0 0 8px #a9bdff14,0 30px 60px -30px #000}
/* dashed links from the inputs into the core and out to the results; the dashes drift while the diagram runs */
.hs-core::before,.hs-core::after{content:"";position:absolute;top:50%;width:38px;height:2px;background:repeating-linear-gradient(90deg,var(--accent-on-dark) 0 6px,transparent 6px 12px);opacity:.7}
.hs-core::before{inset-inline-end:100%}
.hs-core::after{inset-inline-start:100%}
.js .hs-agentic:not(.done) .hs-core::before,.js .hs-agentic:not(.done) .hs-core::after{animation:hs-dash 1.2s linear infinite}
[dir=rtl] .js .hs-agentic:not(.done) .hs-core::before,[dir=rtl] .js .hs-agentic:not(.done) .hs-core::after{animation-direction:reverse}
@keyframes hs-dash{to{background-position:12px 0}}
.motion-paused .hs-core::before,.motion-paused .hs-core::after{animation:none}
.hs-core-media{width:100%;border-radius:12px;background:#e6ecfb;box-shadow:none}
.agent-core-name{font-size:19px;font-weight:600;color:var(--accent-soft)}
.agent-core-steps{display:flex;gap:8px}
.agent-core-steps span{font-size:13px;padding:5px 12px;border-radius:999px;border:1px solid var(--border-dark);color:var(--muted-on-dark);transition:background .3s,border-color .3s,color .3s}
.agent-core-steps span.on{background:var(--brand-cobalt);border-color:var(--brand-cobalt);color:#fff}
.hs-agentic .hs-split{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
.hs-agentic .hs-stage{padding:clamp(56px,7vw,84px) 0}
@media(max-width:900px){
  .hs-agentic .hs-split{grid-template-columns:1fr}
  .hs-diagram{grid-template-columns:1fr;gap:14px}
  .hs-diagram .hs-col{grid-template-columns:repeat(3,minmax(0,1fr))}
  .agent-node{padding:10px;gap:8px;border-radius:12px}.agent-node-title{font-size:12px}.agent-node-sub{display:none}.agent-node-icon{width:26px;height:26px}
  .hs-core{padding:10px}.hs-core-media{max-width:260px}
  .hs-core::before,.hs-core::after{display:none}
  .hs-agentic h2{font-size:clamp(30px,8vw,40px)}
}
@media(max-width:520px){.agent-complete{display:none}.agent-output-icon{display:none}}

/* 2 · lead band */
.hs-lead{padding:clamp(56px,8vw,110px) 0;border-bottom:1px solid var(--border-light)}
.hs-lead .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:40px;align-items:center}
.hs-lead h2{font-size:clamp(26px,3vw,40px);line-height:1.2;letter-spacing:.01em;margin:0}
[dir=rtl] .hs-lead h2{line-height:1.5}
.hs-lead .pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border:0;padding:0;margin:0}
.hs-lead .pillar{border:1px solid var(--border-light);border-radius:14px;padding:22px;display:grid;gap:14px;background:#fff;font-size:18px;font-weight:600;letter-spacing:-.2px}
.hs-lead .pillar i{font-style:normal;width:40px;height:40px;border-radius:10px;background:var(--accent-soft);color:var(--brand-cobalt);display:grid;place-items:center;font-size:20px}
@media(max-width:900px){.hs-lead .wrap{grid-template-columns:1fr}.hs-lead .pillars{grid-template-columns:1fr}}

/* 3 · expertise */
.hs-expertise{padding:clamp(72px,9vw,130px) 0 0}
.hs-expertise .content-cards.services{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0}
.hs-expertise .content-card{padding:0;background:#fff;overflow:hidden}
.hs-expertise .content-card>*{margin-inline:22px}
.hs-expertise .content-card>.card-link{margin-bottom:22px}
.hs-expertise .content-card .card-number{margin-top:20px;margin-bottom:12px}
.hs-expertise .content-card h3{font-size:21px;margin-bottom:10px}
.hs-expertise .content-card p{font-size:15px;margin-bottom:18px}
.hs-thumb{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--surface-light);margin:0!important}
.hs-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.content-card:hover .hs-thumb img{transform:scale(1.05)}
@media(max-width:1100px){.hs-expertise .content-cards.services{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.hs-expertise .content-cards.services{grid-template-columns:1fr}}

/* 4 · Arabic + English */
.hs-bilingual{background:var(--surface-light);padding:clamp(72px,9vw,130px) 0;margin-top:clamp(72px,9vw,130px)}
.hs-bilingual .hs-split{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.hs-bilingual h2{font-size:clamp(32px,4vw,54px);margin:14px 0 0}
.hs-bilingual p{color:var(--ink-2);margin-top:18px;max-width:30em;font-size:17px;line-height:1.75}
.hs-bilingual .text-link{margin-top:18px}
.hs-bilingual .workflow-spec{border-radius:18px;padding:22px;box-shadow:0 30px 60px -36px #252b3440}
.hs-bilingual .workflow-spec dl{display:grid;gap:12px;margin:16px 0}
.hs-bilingual .workflow-spec dl>div{display:grid;grid-template-columns:34px 1fr;gap:4px 14px;align-items:center;border:1px solid var(--border-light);border-radius:12px;padding:14px 16px;counter-increment:hs-flow}
.hs-bilingual .workflow-spec dl>div::before{content:counter(hs-flow);grid-row:1/3;width:34px;height:34px;border-radius:50%;background:var(--accent-soft);color:var(--brand-cobalt);display:grid;place-items:center;font-weight:600;font-size:14px}
.hs-bilingual .workflow-spec dl>div:last-child{background:var(--accent-soft);border-color:#cfdaff}
.hs-bilingual .workflow-spec dl>div:last-child::before{background:var(--brand-cobalt);color:#fff}
.hs-bilingual .workflow-spec dt{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--ink-2);margin:0}
[dir=rtl] .hs-bilingual .workflow-spec dt{letter-spacing:0;text-transform:none}
.hs-bilingual .workflow-spec dd{font-size:16px;font-weight:500;line-height:1.5}
.hs-bilingual .workflow-spec{counter-reset:hs-flow}
@media(max-width:900px){.hs-bilingual .hs-split{grid-template-columns:1fr}}

/* 5 · ways to work together */
.hs-engage{padding:clamp(72px,9vw,120px) 0}
.hs-engage .section-head{margin:0 0 32px}
.hs-engage .section-head h2{margin-top:14px}
.hs-engage .engagement-grid{border-bottom:0}
.hs-engage .engagement-grid article{padding:26px 22px 0}
.hs-engage .engagement-grid article:first-child{padding-inline-start:0}
.hs-engage .engagement-grid h3{font-size:24px;margin:14px 0 8px}
.hs-engage .engagement-grid p{font-size:16px}

/* 6 · possibilities (stacked cards) */
.hs-poss{background:#fff;border-top:1px solid var(--border-light)}
.hs-poss-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 48px;align-items:end;margin-bottom:18px}
.hs-poss-head .eyebrow{grid-column:1/-1}
.hs-poss-head h2{font-size:clamp(28px,3vw,42px);margin:0;line-height:1.1}
.hs-poss-head h2 span{color:var(--brand-cobalt)}
.hs-poss-head p{color:var(--ink-2);font-size:15px;line-height:1.7;max-width:36em;margin:0;justify-self:end}
.poss-tabs{display:flex;gap:6px;flex-wrap:wrap;padding-bottom:16px;margin-bottom:22px;border-bottom:1px solid var(--border-light)}
.hs-poss[data-stack] .poss-tabs{position:sticky;top:var(--hdr);z-index:6;background:#fffffff0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding-top:10px;margin-bottom:0}
.poss-tab{font:inherit;font-size:14px;border:1px solid var(--border-light);background:#fff;border-radius:999px;padding:7px 14px;color:var(--ink-2);cursor:pointer;display:inline-flex;gap:8px;align-items:center;white-space:nowrap}
.poss-tab>span{font-variant-numeric:tabular-nums;font-size:12px}
.poss-tab[aria-selected=true]{background:var(--brand-graphite);border-color:var(--brand-graphite);color:#fff}
.poss-tab:hover{border-color:var(--brand-cobalt)}
.hs-panels{position:relative}
.hs-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px clamp(24px,4vw,56px);align-items:center;padding:36px 0;border-top:1px solid var(--border-light)}
.hs-panel>.hs-flow{grid-column:1/-1}
.hs-panel>*{min-width:0}
/* wide screens with JS: each card sticks just under the tabs and the next one slides over it (a stack, never a pinned page) */
.hs-poss[data-stack] .hs-panels{display:grid;gap:clamp(40px,6vh,72px);padding:22px 0 8px}
.hs-poss[data-stack] .hs-panel{position:sticky;top:calc(var(--hdr) + var(--tabs,56px) + 18px + var(--i,0) * 10px);background:#fff;border:1px solid var(--border-light);border-radius:22px;padding:28px 32px;box-shadow:0 36px 70px -34px #252b3466;transform:scale(calc(1 - var(--cover,0) * .05));transform-origin:50% 0;z-index:calc(1 + var(--i,0))}
.hs-poss[data-stack] .hs-panel::after{content:"";position:absolute;inset:0;border-radius:inherit;background:#f3f6fd;opacity:var(--cover,0);pointer-events:none;transition:opacity .15s linear}
.hs-poss[data-stack] .hs-panel.covered{visibility:hidden}
.hs-poss-copy{display:grid;gap:14px;align-content:start}
.poss-case-index{font-size:11px;letter-spacing:1.8px;color:var(--brand-cobalt);font-weight:600}
[dir=rtl] .poss-case-index{letter-spacing:0}
.hs-poss-copy h3{font-size:clamp(26px,2.8vw,38px);line-height:1.15;letter-spacing:-.02em;margin:0}
[dir=rtl] .hs-poss-copy h3{line-height:1.5;letter-spacing:0}
.hs-poss-copy>p{color:var(--ink-2);font-size:17px;line-height:1.7;max-width:30em;margin:0}
.poss-stepper{display:flex;flex-wrap:wrap;gap:6px}
.poss-step{font:inherit;font-size:12px;padding:4px 10px;border-radius:999px;background:var(--surface-light);border:1px solid var(--border-light);color:var(--ink-2);cursor:pointer;display:inline-flex;gap:6px;transition:background .3s,border-color .3s,color .3s}
.poss-step>span{opacity:.6;font-variant-numeric:tabular-nums}
.poss-step.on,.poss-step[aria-current=step]{background:var(--accent-soft);border-color:#cfdaff;color:var(--brand-cobalt)}
.poss-result{border-inline-start:2px solid var(--brand-cobalt);padding-inline-start:14px}
.poss-result>span{display:block;font-size:10px;letter-spacing:1.6px;color:var(--brand-cobalt);margin-bottom:4px}
[dir=rtl] .poss-result>span{letter-spacing:0}
.poss-result p{font-weight:500;line-height:1.55;margin:0}
.hs-poss-copy .text-link{font-size:14px;justify-self:start}
.hs-poss-visual{display:grid}
.hs-poss-media{width:100%;margin-inline-start:auto}
.poss-card-label{font-size:10px;letter-spacing:1.4px;color:var(--ink-2);display:block}
[dir=rtl] .poss-card-label{letter-spacing:0}
.poss-output h4,.poss-input h4{font-size:14px;font-weight:600;margin:0;line-height:1.4}
.poss-output ul,.poss-input ul{list-style:none;padding:0;margin:0;display:grid;gap:5px}
.poss-output li,.poss-input li{font-size:13px;line-height:1.4;display:flex;gap:8px;align-items:center;color:var(--ink-2);transition:color .35s}
.poss-output li.on,.poss-input li.on{color:var(--brand-graphite)}
.poss-output li .poss-check{background:#dfe5f0;color:var(--ink-2);transition:background .35s,color .35s}
.poss-output li.on .poss-check{background:var(--brand-cobalt);color:#fff}
.poss-input li::before{content:'';width:6px;height:6px;border-radius:50%;background:#c5cdda;flex:none;transition:background .35s}
.poss-input li.on::before{background:var(--brand-cobalt)}
.poss-check{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:11px;background:var(--brand-cobalt);color:#fff;flex:none}
.poss-output li.warn.on .poss-check{background:#fff4e0;color:#9a5b00}
.poss-review{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--brand-cobalt);border-top:1px solid var(--border-light);padding-top:8px;margin-top:2px}
.hs-flow{border:1px solid var(--border-light);border-radius:14px;background:var(--surface-light)}
.hs-flow summary{list-style:none;display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:13px;cursor:default}
.hs-flow summary::-webkit-details-marker{display:none}
.poss-live-dot{width:7px;height:7px;border-radius:50%;background:var(--brand-cobalt);box-shadow:0 0 0 4px #315bd522;flex:none}
.hs-trigger{font-weight:500}
.poss-example{margin-inline-start:auto;font-size:10px;letter-spacing:1.3px;color:var(--ink-2);text-transform:uppercase;text-align:end}
[dir=rtl] .poss-example{letter-spacing:0;text-transform:none}
.hs-disclosure{display:none;width:9px;height:9px;border-inline-end:1.5px solid var(--ink-2);border-bottom:1.5px solid var(--ink-2);transform:rotate(45deg);margin:-4px 4px 0;flex:none;transition:transform .3s}
.hs-flow[open] .hs-disclosure{transform:rotate(225deg);margin-top:4px}
.hs-flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 10px 10px}
.poss-input,.poss-agents,.poss-output{background:#fff;border:1px solid var(--border-light);border-radius:12px;padding:10px 12px;display:grid;gap:5px;align-content:start}
.poss-sheet-icon{display:none}
.poss-agent-title{font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;color:var(--brand-graphite)}
.poss-core{color:var(--brand-cobalt)}
.poss-agent{display:flex;gap:8px;align-items:center;font-size:13px;line-height:1.4;padding:4px 8px;border-radius:8px;border:1px solid var(--border-light);color:var(--ink-2);transition:color .35s,border-color .35s,background .35s}
.poss-agent.on{color:var(--brand-graphite);border-color:#cfdaff;background:var(--accent-soft)}
.poss-agent-number{font-size:11px;color:var(--brand-cobalt);font-variant-numeric:tabular-nums}
.poss-agent-dot{width:6px;height:6px;border-radius:50%;background:var(--border-light);margin-inline-start:auto;flex:none}
.poss-agent.on .poss-agent-dot{background:var(--brand-cobalt)}
.poss-agent-note{font-size:11px;color:var(--ink-2);line-height:1.5}
.poss-footnote{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;margin-top:28px;font-size:13px;line-height:1.6;color:var(--ink-2)}
.poss-footnote a{color:var(--brand-cobalt);font-weight:500;text-decoration:underline;text-underline-offset:4px}
/* cards must fit under the tabs: keep them compact on shorter desktop viewports */
.hs-poss[data-stack] .hs-poss-media{width:min(100%,calc((100vh - var(--hdr) - 420px) * 16 / 9));min-width:min(100%,340px)}
@media(max-height:900px) and (min-width:901px){
  .hs-poss[data-stack] .hs-panel{padding:22px 26px}
  .hs-poss[data-stack] .hs-poss-copy{gap:10px}
  .hs-poss[data-stack] .hs-poss-copy h3{font-size:clamp(22px,2.2vw,30px)}
  .hs-poss[data-stack] .hs-poss-copy>p{font-size:14px}
  .hs-poss[data-stack] .poss-stepper{display:none}
  .hs-poss[data-stack] .hs-flow summary{padding:6px 12px;font-size:12px}
  .hs-poss[data-stack] .poss-output li,.hs-poss[data-stack] .poss-input li,.hs-poss[data-stack] .poss-agent{font-size:12px}
  .hs-poss[data-stack] .poss-agent{padding:3px 8px}
}
@media(max-height:800px) and (min-width:901px){
  .hs-poss[data-stack] .hs-poss-media{width:min(100%,calc((100vh - var(--hdr) - 390px) * 16 / 9))}
  .hs-poss[data-stack] .hs-panel{padding:18px 24px;gap:12px clamp(20px,3vw,40px)}
  .hs-poss[data-stack] .hs-poss-copy{gap:8px}
  .hs-poss[data-stack] .hs-poss-copy h3{font-size:clamp(20px,2vw,26px)}
  .hs-poss[data-stack] .hs-poss-copy>p{font-size:13.5px;line-height:1.6}
  .hs-poss[data-stack] .poss-result p{font-size:14px}
  .hs-poss[data-stack] .hs-poss-copy .text-link{font-size:13px}
  .hs-poss[data-stack] .hs-flow summary{padding:4px 10px}
  .hs-poss[data-stack] .hs-flow-grid{padding:0 8px 8px;gap:8px}
  .hs-poss[data-stack] .poss-input,.hs-poss[data-stack] .poss-agents,.hs-poss[data-stack] .poss-output{padding:8px 10px;gap:3px}
  .hs-poss[data-stack] .poss-output h4,.hs-poss[data-stack] .poss-input h4{font-size:13px}
  .hs-poss[data-stack] .poss-output li,.hs-poss[data-stack] .poss-input li,.hs-poss[data-stack] .poss-agent{font-size:11.5px;line-height:1.3}
  .hs-poss[data-stack] .poss-agent{padding:2px 8px}
  .hs-poss[data-stack] .poss-agent-note{display:none}
  .hs-poss[data-stack] .poss-review{font-size:11px;padding-top:5px}
}
@media(max-width:900px){
  .hs-panel{grid-template-columns:1fr;gap:18px}
  .hs-poss-copy{order:2}.hs-poss-visual{order:1}.hs-panel>.hs-flow{order:3}
  .hs-poss-head{grid-template-columns:1fr}.hs-poss-head p{justify-self:start}
  .hs-poss-media{box-shadow:none}
  .hs-flow summary{cursor:pointer}.hs-disclosure{display:block}
  .hs-flow-grid{grid-template-columns:1fr}
  .poss-tabs{border-bottom:0;margin-bottom:8px;flex-wrap:wrap;gap:6px;padding-bottom:4px}
  .poss-stepper{display:none}
}

/* 7 · how we work */
.hs-process.process{padding:clamp(72px,9vw,130px) 0}
.hs-track{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding:34px 0 0;margin:0;list-style:none}
.hs-track::before,.hs-track::after{content:"";position:absolute;top:9px;inset-inline-start:0;height:2px;border-radius:2px}
.hs-track::before{width:100%;background:var(--border-light)}
.hs-track::after{width:calc(var(--hp,1) * 100%);background:var(--brand-cobalt);transition:width .2s linear}
.hs-track li.step{position:relative;padding:0;border:0;display:grid;gap:8px;align-content:start}
.hs-track li::before{content:"";position:absolute;top:-32px;inset-inline-start:0;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--border-light);transition:border-color .3s,background .3s}
.hs-track li.done::before{border-color:var(--brand-cobalt);background:var(--brand-cobalt)}
.hs-track .num{margin:0;font-size:13px;color:var(--brand-cobalt);font-weight:500}
.hs-track h3{font-size:24px;margin:0}
.hs-track p{color:var(--ink-2);font-size:16px;line-height:1.7}
.hs-process .step.reveal-ready{opacity:1;transform:none}
@media(max-width:900px){.hs-track{grid-template-columns:1fr 1fr;row-gap:48px}}
@media(max-width:520px){.hs-track{grid-template-columns:1fr}}

/* 8 · mindset */
.hs-about{background:var(--brand-graphite);color:var(--text-on-dark);padding:clamp(72px,9vw,130px) 0}
.hs-about .eyebrow{color:var(--accent-on-dark)}
.hs-about .eyebrow:before{background:var(--accent-on-dark)}
.hs-about h2{font-size:clamp(34px,4.4vw,58px);margin:14px 0 0;color:#fff}
.hs-about p{color:var(--muted-on-dark);margin-top:20px;max-width:30em;font-size:18px;line-height:1.75}
.hs-about .text-link{color:var(--accent-on-dark);border-color:#536070;margin-top:20px}
.hs-about .text-link:hover{color:#fff;border-color:#fff}
.hs-about-media{background:var(--surface-raised)}

/* 9 · insights */
.hs-insights.home-insights{padding:clamp(72px,9vw,120px) 0;margin:0}
.hs-insights .content-cards.guides{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}
@media(max-width:760px){.hs-insights .content-cards.guides{grid-template-columns:1fr}}

/* 10 · closing over the cast clip */
.cta.hs-cta{position:relative;overflow:hidden;background:var(--hs-pale-bg);color:var(--brand-graphite);padding:0}
.cta.hs-cta:after{display:none}
.cta.hs-cta .hs-bg{inset-inline-end:30%}
.cta.hs-cta .hs-bg video,.cta.hs-cta .hs-bg img{object-position:40% 100%}
.cta.hs-cta::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to right,#e2e9fd00 52%,#e2e9fd 70%);pointer-events:none}
/* the placeholder clip has the cast on the left; in RTL show a narrower slice so it clears the copy */
[dir=rtl] .cta.hs-cta .hs-bg{inset-inline-end:42%}
[dir=rtl] .cta.hs-cta .hs-bg video,[dir=rtl] .cta.hs-cta .hs-bg img{object-position:0% 100%}
[dir=rtl] .cta.hs-cta::before{background:linear-gradient(to left,#e2e9fd00 50%,#e2e9fd 64%)}
.cta.hs-cta .wrap{position:relative;z-index:2;min-height:min(78vh,740px);display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:18px;padding:64px 0}
.cta.hs-cta .wrap>div{width:min(440px,100%)}
.cta.hs-cta .eyebrow{color:var(--brand-cobalt);margin-bottom:14px}
.cta.hs-cta .eyebrow:before{background:var(--brand-cobalt)}
.cta.hs-cta h2{font-size:clamp(30px,3.4vw,46px);color:var(--brand-graphite);letter-spacing:-.02em}
[dir=rtl] .cta.hs-cta h2{font-size:clamp(28px,2.8vw,38px);line-height:1.5;letter-spacing:0}
.cta.hs-cta p{color:var(--ink-2);font-size:18px;max-width:30em;margin-bottom:20px}
.cta.hs-cta .btn.light{background:var(--brand-cobalt);color:#fff;border-color:var(--brand-cobalt)}
.cta.hs-cta .btn.light:hover{background:var(--brand-cobalt-hover);border-color:var(--brand-cobalt-hover)}
@media(max-width:760px){
  /* phones: show the whole cast (no crop), copy below it */
  .cta.hs-cta .hs-bg,[dir=rtl] .cta.hs-cta .hs-bg{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/9}
  .cta.hs-cta .hs-bg video,.cta.hs-cta .hs-bg img,[dir=rtl] .cta.hs-cta .hs-bg video,[dir=rtl] .cta.hs-cta .hs-bg img{object-position:50% 50%}
  .cta.hs-cta::before,[dir=rtl] .cta.hs-cta::before{display:none}
  .cta.hs-cta .wrap{min-height:0;align-items:stretch;padding:24px 0 56px}
  .cta.hs-cta .wrap>div{width:100%}
}

/* scroll reveals (resting state is visible; JS adds .in) */
.js .hs-rv{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.js .in .hs-rv,.js .hs-rv.in{opacity:1;transform:none}
.js .in .hs-rv:nth-child(2){transition-delay:.08s}.js .in .hs-rv:nth-child(3){transition-delay:.16s}.js .in .hs-rv:nth-child(4){transition-delay:.24s}

/* pause motion / reduced motion: posters, no bobbing, every scrubbed element in its final state */
.motion-paused .hs-rv,.motion-paused .hs-rv.in{opacity:1;transform:none;transition:none}
.motion-paused .hs-scroll-cue i{animation:none}
.motion-paused .hs-thumb img{transition:none}
@media(prefers-reduced-motion:reduce){
  .js .hs-rv{opacity:1;transform:none;transition:none}
  .hs-scroll-cue i{animation:none}
}
.motion-paused .hs-poss[data-stack] .hs-panel{transform:none}
.motion-paused .hs-poss[data-stack] .hs-panel::after{display:none}

/* placeholder clips: pick the framing per direction until the AR-safe loops arrive */
[dir=rtl] .hs-hero .hs-bg video,[dir=rtl] .hs-hero .hs-bg img{object-position:72% 50%}
@media(min-width:761px){[dir=rtl] .hs-hero .hero-copy{max-width:min(560px,40%)}}