@font-face { font-family: 'Google Sans'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(fonts/google-sans-latin-ext-27ec17df.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Google Sans'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(fonts/google-sans-latin-10cbfa35.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Google Sans Flex'; font-style: normal; font-weight: 1 1000; font-stretch: 25% 151%; font-display: swap; src: url(fonts/google-sans-flex-latin-ext-o96-82cebaa7.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Google Sans Flex'; font-style: normal; font-weight: 1 1000; font-stretch: 25% 151%; font-display: swap; src: url(fonts/google-sans-flex-latin-o96-5848e667.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* Layout: enterprise editorial. IBM-style white masthead with mega panels over a cinematic photo hero,
   tall photo story cards, a typographic capabilities index, photo industry rail. Committed single look. */
:root{
  color-scheme:dark;
  --night:#05060A; --night-2:#0E1018; --night-line:#22263A;
  --paper:#F5F2EE; --paper-line:#D6D6D2; --ink:#0B0C10; --ink-2:#4B4E58;
  --white:#FFFFFF; --g10:#F4F4F4; --g20:#E0E0E0; --g70:#525252;
  --fg:#F4F5F8; --fg-2:#A3A8B8;
  --blue:#FF5B1A; --blue-hi:#FFA77F; --orange:#FF5B1A; --orange-ink:#C2410C; --sand:#E9DFD3;
  --f-flex:"Google Sans Flex","Google Sans",Arial,sans-serif;
  --f-sans:"Google Sans",Arial,sans-serif;
  --f-body:"Google Sans",Arial,sans-serif;
  --f-code:"Google Sans",Arial,sans-serif;
  --max:1440px; --hh:56px;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{background:var(--night);color:var(--fg);font:400 17px/1.6 var(--f-body);margin:0;-webkit-font-smoothing:antialiased}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:clamp(16px,4vw,48px)}
h1,h2,h3,h4{margin:0;text-wrap:balance}
p{margin:0}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.label{font:500 12px/1 var(--f-code);letter-spacing:.12em;text-transform:uppercase}
.slash{color:var(--orange);font-weight:300;display:inline-block}
.arrow-link{display:inline-flex;align-items:center;gap:12px;font:500 15px var(--f-sans)}
.arrow-link i{width:32px;height:32px;display:grid;place-items:center;background:var(--blue);color:#fff;font-style:normal;transition:transform .25s}
.arrow-link:hover i{transform:translateX(4px)}
.display{font-family:var(--f-flex);font-variation-settings:"opsz" 144;text-transform:uppercase;letter-spacing:-.035em}

/* ───────── IBM-style masthead ───────── */
.mast{position:fixed;inset:0 0 auto;z-index:50;padding-top:env(safe-area-inset-top,0px);background:var(--white);color:var(--ink);border-bottom:1px solid var(--g20);font-family:var(--f-sans)}
.mbar{display:flex;align-items:stretch;height:var(--hh)}
.mlogo{display:flex;align-items:baseline;align-self:center;padding-right:28px;font:600 24px/1 var(--f-flex);font-stretch:108%;letter-spacing:-.045em;color:var(--ink)}
.mlogo .sl{font-style:normal;color:var(--orange);font-weight:300;font-stretch:40%;margin:0 .02em 0 .01em;display:inline-block;transform:translateY(.06em) scaleY(1.22)}
.mnav{display:flex;list-style:none;margin:0;padding:0}
.mnav>li{display:flex}
.mnav>li>button,.mnav>li>a{display:flex;align-items:center;gap:8px;padding:0 16px;border:0;background:none;font:400 14px var(--f-sans);color:var(--g70);position:relative;white-space:nowrap}
.mnav>li>button:hover,.mnav>li>a:hover{background:var(--g10);color:var(--ink)}
.mnav>li>button svg{transition:transform .2s}
.mnav>li>button[aria-expanded="true"]{background:var(--g10);color:var(--ink)}
.mnav>li>button[aria-expanded="true"] svg{transform:rotate(180deg)}
.mnav>li>button[aria-expanded="true"]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--orange)}
.mtools{margin-left:auto;display:flex;align-items:stretch}
.icon-btn{width:var(--hh);display:grid;place-items:center;border:0;background:none;color:var(--ink)}
.icon-btn:hover{background:var(--g10)}
.ask{display:flex;align-items:center;gap:10px;padding:0 18px;font:500 14px var(--f-sans);color:var(--ink)}
.ask:hover{background:var(--g10)}
.ask b{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(255,91,26,.2);animation:pulse 2s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(255,91,26,0)}}
.mcta{display:flex;align-items:center;padding:0 22px;background:var(--orange);color:#fff;font:500 14px var(--f-sans)}
.mcta:hover{background:#E84A0C}
.burger{display:none}
@media (max-width:1100px){.mnav{display:none}.burger{display:grid}.ask span{display:none}}
@media (max-width:560px){.mcta{display:none}.mlogo{padding-right:0}}

/* dark masthead: same components, dark tokens */
.mast,.mob{--white:#0B0C10;--g10:#161821;--g20:#262A36;--g70:#B4B8C6;--ink:#F4F5F8}
.mast{border-bottom-color:#1C1F2A}
.mega{box-shadow:0 30px 50px -20px rgba(0,0,0,.7)}
.mmain h3{color:var(--blue-hi)!important}
.mfeat .label{color:var(--blue-hi)!important}
.mgrid a:hover b{color:var(--blue-hi)!important}
.mob-head,.mob-back{color:var(--blue-hi)!important}
/* mega panel */
.mega{position:absolute;left:0;right:0;top:100%;background:var(--white);border-bottom:1px solid var(--g20);box-shadow:0 24px 40px -24px rgba(0,0,0,.35);color:var(--ink)}
.mega-in{display:grid;grid-template-columns:300px 1fr;min-height:400px}
.mside{background:var(--g10);display:flex;flex-direction:column;border-right:1px solid var(--g20)}
.mside ul{list-style:none;margin:0;padding:12px 0;flex:1}
.mside li button{width:100%;text-align:left;border:0;background:none;padding:12px 24px;font:400 14px var(--f-sans);color:var(--g70);border-left:3px solid transparent}
.mside li button:hover{background:var(--g20);color:var(--ink)}
.mside li button[aria-selected="true"]{background:var(--white);color:var(--ink);font-weight:500;border-left-color:var(--orange)}
.mside .all{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--orange);color:#fff;font:500 14px var(--f-sans)}
.mside .all:hover{background:#E84A0C}
.mmain{padding:28px 40px 36px;display:grid;grid-template-columns:1fr 280px;gap:40px}
.mmain h3{font:400 28px/1.2 var(--f-sans);color:var(--blue);margin-bottom:6px}
.mmain h3 a:hover{text-decoration:underline}
.mmain .intro{color:var(--g70);font:400 14.5px/1.5 var(--f-body);max-width:56ch;margin-bottom:24px}
.mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 32px}
.mgrid a{display:grid;gap:4px}
.mgrid b{font:500 15px var(--f-sans);color:var(--ink)}
.mgrid a:hover b{color:var(--blue);text-decoration:underline}
.mgrid span{font:400 13.5px/1.45 var(--f-body);color:var(--g70)}
.mfeat{background:var(--g10);display:flex;flex-direction:column}
.mfeat .ph{aspect-ratio:16/10;max-width:100%;background:center/cover no-repeat}
.mfeat div.t{padding:16px 18px;display:grid;gap:8px}
.mfeat .label{color:var(--blue)}
.mfeat b{font:500 16px/1.35 var(--f-sans)}
@media (max-width:1280px){.mmain{grid-template-columns:1fr}.mfeat{display:none}}

/* mobile drill-down */
.mob{position:fixed;inset:0;z-index:60;background:var(--white);color:var(--ink);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);font-family:var(--f-sans)}
.mob-top{display:flex;align-items:center;height:var(--hh);border-bottom:1px solid var(--g20);padding-left:16px}
.mob-top .mlogo{margin-right:auto}
.mob-body{overflow-y:auto;flex:1}
.mob-body ul{list-style:none;margin:0;padding:0}
.mob-body li>button,.mob-body li>a{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px;border:0;border-bottom:1px solid var(--g20);background:none;font:400 16px var(--f-sans);text-align:left;color:var(--ink)}
.mob-body li>button:hover,.mob-body li>a:hover{background:var(--g10)}
.mob-back{color:var(--blue)!important;justify-content:flex-start!important;gap:10px;font-weight:500!important}
.mob-head{display:block;padding:20px 16px 12px;font:400 24px var(--f-sans);color:var(--blue);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.12)}.mob-head small{display:block;margin-top:4px;font-size:14px;opacity:.7}
.mob-body li small{display:block;color:var(--g70);font:400 13px var(--f-body);margin-top:2px}

/* ───────── hero ───────── */
.hero{background:var(--night);position:relative;min-height:clamp(600px,86vh,880px);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;isolation:isolate;padding-top:var(--hh)}
@keyframes drift{from{transform:scale(1.04)}to{transform:scale(1.12) translate(-1.5%,1%)}}
.hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:
  linear-gradient(180deg,rgba(5,6,10,.6) 0%,rgba(5,6,10,0) 30%,rgba(5,6,10,0) 85%,var(--night) 100%)}
.hero-grid{flex:1;display:grid;grid-template-columns:1fr 360px;gap:56px;align-items:center;align-content:center;padding-block:72px}
.hero-main{display:grid;gap:28px;justify-items:start}
.pill{display:inline-flex;align-items:center;gap:12px;padding:6px 16px 6px 6px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.04);font:400 14px var(--f-sans);color:#D5D7DE;transition:border-color .2s}
.pill:hover{border-color:var(--orange)}
.pill b{background:var(--orange);color:#fff;font-weight:500;font-size:12px;padding:5px 10px;border-radius:999px}
.pill span{color:var(--orange)}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.hbtn{display:inline-flex;align-items:center;gap:10px;padding:15px 24px;font:500 15px var(--f-sans);background:var(--orange);color:#fff}
.hbtn:hover{background:#E84A0C}
.hbtn.ghost{background:transparent;border:1px solid rgba(255,255,255,.22);color:#fff}
.hbtn.ghost:hover{border-color:#fff}
.hero h1{font-family:var(--f-flex);font-variation-settings:"opsz" 96;font-weight:450;font-stretch:100%;font-size:clamp(42px,6.2vw,100px);line-height:1.02;letter-spacing:-.045em;color:#C9CBD3}
.hero h1 .l1{display:block}
.hero h1 .row2{display:flex;align-items:baseline;font-weight:700;color:#fff;white-space:nowrap;min-height:1.1em}
.hero h1 .slash{color:var(--orange);font-weight:300;font-stretch:50%;transform:translateY(.05em) scaleY(1.2);display:inline-block;margin-right:.04em}
.hero h1 .caret{display:inline-block;width:.06em;height:.82em;background:var(--orange);margin-left:.06em;align-self:center;animation:caret 1s steps(1) infinite}
@keyframes caret{50%{opacity:0}}
.hero-side{display:grid;gap:20px;padding-top:20px;border-top:2px solid var(--orange);background:rgba(5,6,10,.45);backdrop-filter:blur(6px);padding:22px}
.hero-side h2{font:500 20px/1.3 var(--f-sans)}
.hero-side .arrow-link i{background:var(--orange)}
.hero-side p{color:#C9CDDA;font-size:15.5px}
.hero-foot{display:flex;align-items:center;gap:24px;border-top:1px solid rgba(255,255,255,.14);padding-block:18px;color:var(--fg-2)}
.hero-foot .label{color:var(--fg);flex:none}
.ticker{overflow:hidden;flex:1;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ticker div{display:flex;gap:40px;width:max-content;animation:tick 45s linear infinite;font:500 12px var(--f-code);letter-spacing:.12em;text-transform:uppercase}
.ticker span::before{content:"/";color:var(--blue-hi);margin-right:14px}
.halo{position:absolute;z-index:0;pointer-events:none;opacity:.82;width:min(66vh,600px);aspect-ratio:1;left:66%;top:47%;transform:translate(-50%,-50%)}
.halo::before{content:"";position:absolute;inset:-35%;border-radius:50%;background:radial-gradient(circle,rgba(255,120,50,.16) 0%,rgba(200,110,60,.08) 35%,transparent 65%)}
.halo i,.halo b{position:absolute;inset:0;border-radius:50%;
  -webkit-mask:radial-gradient(circle,transparent 50%,#000 57%,#000 66%,transparent 74%);mask:radial-gradient(circle,transparent 50%,#000 57%,#000 66%,transparent 74%)}
.halo i{background:conic-gradient(from 0deg,rgba(255,130,60,0) 0%,rgba(255,140,70,.95) 16%,rgba(255,130,60,0) 34%,rgba(214,128,80,.55) 52%,rgba(255,130,60,0) 66%,rgba(255,170,110,.85) 84%,rgba(255,130,60,0) 100%);filter:blur(26px);animation:spin 26s linear infinite}
.halo b{background:conic-gradient(from 120deg,rgba(255,200,160,0) 0%,rgba(255,210,170,.5) 10%,rgba(255,200,160,0) 24%,rgba(255,200,160,0) 100%);filter:blur(10px);animation:spin 14s linear infinite reverse;opacity:.8}
@keyframes spin{to{transform:rotate(1turn)}}
.hero.paused .halo i,.hero.paused .halo b{animation-play-state:paused}
@media (max-width:900px){.halo{left:50%;top:34%;width:min(80vw,420px)}}
#field{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.hero-grid,.hero-foot{position:relative;z-index:1;width:100%}
.pause{display:flex;align-items:center;gap:10px;background:none;border:0;color:var(--fg-2);font:500 12px var(--f-code);letter-spacing:.1em;text-transform:uppercase;flex:none}
.pause:hover{color:var(--fg)}
@keyframes tick{to{transform:translateX(-50%)}}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr;padding-top:90px}.hero h1 .row2{padding-left:0}.hero-foot .label{display:none}}

/* ───────── story cards ───────── */
.stories{padding-block:28px 120px}
.stories .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.story{position:relative;min-height:540px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;isolation:isolate;color:#fff;background:var(--night-2);border:1px solid var(--night-line)}
.story .ph{position:absolute;inset:0;z-index:-2;background:center/cover no-repeat;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.story::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,6,10,.15) 0%,rgba(5,6,10,.25) 35%,rgba(5,6,10,.92) 78%,rgba(5,6,10,.97) 100%);transition:background .4s}
.story:hover .ph{transform:scale(1.06)}
.story .top{padding:28px;display:grid;gap:14px;position:relative}
.story .top::before{content:"";position:absolute;left:28px;top:0;width:40px;height:2px;background:var(--orange);transition:width .45s cubic-bezier(.2,.8,.2,1)}
.story:hover .top::before{width:calc(100% - 56px)}
.story .label{display:inline-block;justify-self:start;margin-top:18px;color:var(--orange)!important}
.story h3{font:500 clamp(22px,1.9vw,27px)/1.22 var(--f-sans);letter-spacing:-.01em;color:#fff}
.story .more{position:absolute;right:22px;top:22px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:rgba(5,6,10,.55);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.25);color:#fff;transition:all .3s}
.story:hover .more{background:var(--orange);border-color:var(--orange);transform:rotate(-45deg)}
.c-sub,.c-paper,.c-dark{color:#fff}
@media (max-width:980px){.stories .grid{grid-template-columns:1fr 1fr}.story:last-child{grid-column:span 2;min-height:460px}}
@media (max-width:640px){.stories .grid{grid-template-columns:1fr}.story:last-child{grid-column:auto}.story{min-height:440px}}

/* ───────── paper sections ───────── */
.paper{background:var(--paper);color:var(--ink)}
.paper .label{color:var(--orange-ink)}
.sec{padding-block:clamp(80px,10vw,140px)}
.sec-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:64px}
.sec-head h2{font-weight:800;font-stretch:118%;font-size:clamp(40px,6vw,92px);line-height:.9;margin-top:18px}
.sec-head p{font-size:19px;color:var(--ink-2);max-width:30em;justify-self:end}
@media (max-width:900px){.sec-head{grid-template-columns:1fr}.sec-head p{justify-self:start}}

.caps{border-top:2px solid var(--ink)}
.cap{border-bottom:1px solid var(--paper-line)}
.cap summary{list-style:none;display:grid;grid-template-columns:1fr minmax(0,420px) 56px;gap:32px;align-items:center;padding-block:28px;cursor:pointer;position:relative}
.cap summary::-webkit-details-marker{display:none}
.cap summary::before{content:"";position:absolute;inset:0 calc(-1 * clamp(16px,4vw,48px));background:var(--ink);transform:scaleY(0);transform-origin:bottom;transition:transform .35s cubic-bezier(.2,.8,.2,1);z-index:0}
.cap summary>*{position:relative;z-index:1;transition:color .25s}
.cap summary:hover::before,.cap[open] summary::before{transform:scaleY(1)}
.cap summary:hover>*,.cap[open] summary>*{color:var(--paper)}
.cap h3{font-family:var(--f-flex);font-variation-settings:"opsz" 144;font-weight:700;font-stretch:120%;font-size:clamp(30px,4.6vw,68px);line-height:1;letter-spacing:-.03em;text-transform:uppercase}
.cap .d{color:var(--ink-2);font-size:16px}
.cap .pl{width:56px;height:56px;border-radius:50%;border:1px solid currentColor;display:grid;place-items:center;font:300 26px/1 var(--f-sans);transition:transform .3s}
.cap[open] .pl{transform:rotate(45deg);background:var(--blue);border-color:var(--blue)}
.cap .body{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--paper-line);margin-block:0 36px;border:1px solid var(--paper-line)}
.cap .body div{background:var(--paper);padding:20px;display:grid;gap:6px;align-content:start}
.cap .body b{font:500 16px var(--f-sans)}
.cap .body span{color:var(--ink-2);font-size:14.5px}
@media (max-width:900px){.cap summary{grid-template-columns:1fr 48px}.cap .d{display:none}.cap .pl{width:48px;height:48px}.cap .body{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.cap .body{grid-template-columns:1fr}}

/* manifesto */
.manifesto{padding-block:clamp(90px,12vw,170px)}
.manifesto p{font:500 clamp(30px,4.4vw,62px)/1.14 var(--f-sans);letter-spacing:-.02em;max-width:22ch;color:#3E4254}
.manifesto p em{font-style:normal;color:var(--fg)}
.manifesto p .b{color:var(--blue-hi)}
.manifesto .sig{margin-top:44px;display:flex;gap:16px;align-items:center;color:var(--fg-2);font-size:15px}
.manifesto .sig i{width:48px;height:2px;background:var(--blue)}

/* AI studio */
.studio{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,5vw,80px);align-items:center;padding-bottom:clamp(90px,12vw,160px)}
.studio h2{font-weight:800;font-stretch:118%;font-size:clamp(40px,5.4vw,84px);line-height:.9;margin-top:18px}
.studio .lead{color:var(--fg-2);font-size:18px;margin-top:24px;max-width:30em}
.studio ul{list-style:none;margin:32px 0 36px;padding:0;border-top:1px solid var(--night-line)}
.studio li{padding-block:14px;border-bottom:1px solid var(--night-line);display:flex;justify-content:space-between;gap:16px;font:500 16px var(--f-sans)}
.studio li span{font:500 12px var(--f-code);color:var(--fg-2);letter-spacing:.08em;text-transform:uppercase}
.console{background:linear-gradient(160deg,rgba(14,18,40,.88),rgba(5,6,10,.94)),url(img/studio.jpg) center/cover;border:1px solid var(--night-line);padding:26px;min-height:500px;display:flex;flex-direction:column;gap:16px;min-width:0}
.console .hd{display:flex;justify-content:space-between;align-items:center}
.console .hd .label{color:var(--blue-hi)}
.console .hd small{font:500 11px var(--f-code);color:var(--fg-2)}
.log{display:flex;flex-direction:column;gap:12px;flex:1}
.q{align-self:flex-end;background:var(--fg);color:var(--night);padding:12px 16px;max-width:82%;font:500 15px var(--f-sans)}
.a{background:rgba(255,255,255,.07);border:1px solid var(--night-line);padding:16px 18px;max-width:92%;font-size:15px;color:#D9DCE8}
.a b{color:#fff;font-weight:500}
.a .src{display:block;margin-top:10px;font:500 11px var(--f-code);color:var(--fg-2);letter-spacing:.04em}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips button{background:rgba(5,6,10,.5);border:1px solid var(--night-line);padding:9px 14px;font:400 13.5px var(--f-sans);border-radius:999px;color:var(--fg-2)}
.chips button:hover,.chips button[aria-pressed="true"]{border-color:var(--blue-hi);color:#fff}
.typing{display:inline-flex;gap:4px}.typing i{width:6px;height:6px;border-radius:50%;background:var(--fg-2);animation:blink 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes blink{50%{opacity:.2}}
@media (max-width:980px){.studio{grid-template-columns:1fr}}

/* industries rail */
.rail-head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:40px}
.rail-head h2{font-weight:800;font-stretch:118%;font-size:clamp(40px,6vw,92px);line-height:.9;margin-top:18px}
.rail-ctl{display:flex;gap:10px}
.rail-ctl button{width:52px;height:52px;border-radius:50%;border:1px solid var(--ink);background:none;color:var(--ink);font-size:20px}
.rail-ctl button:hover{background:var(--ink);color:var(--paper)}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(260px,26vw,340px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:thin}
.ind{scroll-snap-align:start;height:460px;position:relative;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;isolation:isolate}
.ind .ph{position:absolute;inset:0;z-index:-2;background:center/cover no-repeat;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.ind:hover .ph{transform:scale(1.07)}
.ind::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,transparent 30%,rgba(0,0,0,.82) 100%)}
.ind h3{font:500 28px/1.1 var(--f-sans);letter-spacing:-.01em}
.ind p{font-size:14.5px;opacity:.88;margin-top:8px}
.ind .label{position:absolute;top:24px;left:24px}
.ind .go{margin-top:16px;display:inline-flex;gap:8px;align-items:center;font:500 14px var(--f-sans);opacity:0;transform:translateY(6px);transition:all .3s}
.ind:hover .go,.ind:focus-visible .go{opacity:1;transform:none}

/* featured */
.feature{display:grid;grid-template-columns:1.25fr .75fr;min-height:640px}
.feature .vis{position:relative;overflow:hidden;background:url(img/feat.jpg) center/cover no-repeat}
.feature .txt{background:var(--blue);color:#fff;padding:clamp(28px,4vw,56px);display:flex;flex-direction:column;gap:22px}
.feature .txt h2{font:500 clamp(30px,3.2vw,48px)/1.08 var(--f-sans);letter-spacing:-.02em}
.feature .txt p{font-size:17px;opacity:.92}
.kpis{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.25);margin-top:auto;border:1px solid rgba(255,255,255,.25)}
.kpis div{background:var(--blue);padding:18px}
.kpis b{display:block;font:700 30px/1 var(--f-flex);font-stretch:115%}
.kpis span{font-size:13px;opacity:.88}
.demo-tag{position:absolute;top:22px;left:22px;font:500 11px var(--f-code);letter-spacing:.12em;background:#fff;color:var(--ink);padding:7px 10px}
@media (max-width:900px){.feature{grid-template-columns:1fr}.feature .vis{min-height:380px}}

/* approach */
.approach{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--ink)}
.approach div{padding:28px 28px 8px 0;border-right:1px solid var(--paper-line);display:grid;gap:14px;align-content:start}
.approach div+div{padding-left:28px}
.approach div:last-child{border-right:0}
.approach .n{font:200 64px/1 var(--f-flex);font-stretch:60%;color:var(--blue)}
.approach h3{font:500 26px var(--f-sans)}
.approach p{color:var(--ink-2);font-size:15.5px}
@media (max-width:900px){.approach{grid-template-columns:1fr 1fr}.approach div{border-right:0;padding-left:0!important;border-bottom:1px solid var(--paper-line);padding-bottom:28px}}
@media (max-width:520px){.approach{grid-template-columns:1fr}}

/* insights */
.ins{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px}
.post{display:flex;flex-direction:column;gap:16px}
.post .img{aspect-ratio:4/3;max-width:100%;overflow:hidden}
.post:first-child .img{aspect-ratio:16/10}
.post .img div{width:100%;height:100%;background:center/cover no-repeat;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.post:hover .img div{transform:scale(1.05)}
.post h3{font:500 clamp(20px,1.8vw,25px)/1.22 var(--f-sans);letter-spacing:-.01em}
.post:first-child h3{font-size:clamp(26px,2.5vw,36px)}
.post:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.post .meta{font-size:13.5px;color:var(--ink-2)}
@media (max-width:900px){.ins{grid-template-columns:1fr 1fr}.post:first-child{grid-column:span 2}}
@media (max-width:560px){.ins{grid-template-columns:1fr}.post:first-child{grid-column:auto}}

/* CTA */
.cta{position:relative;overflow:hidden;padding-block:clamp(100px,14vw,200px);isolation:isolate}
.cta::before{content:"";position:absolute;width:900px;height:900px;left:50%;top:50%;transform:translate(-30%,-40%);background:radial-gradient(circle,rgba(255,91,26,.38),transparent 60%);z-index:-1}
.cta h2{font-weight:800;font-stretch:125%;font-size:clamp(46px,8.6vw,146px);line-height:.88}
.cta .row{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:48px}
.btn-xl{display:inline-flex;align-items:center;gap:14px;background:var(--blue);color:#fff;padding:20px 28px;font:500 17px var(--f-sans)}
.btn-xl:hover{background:#E84A0C}
.btn-out{display:inline-flex;align-items:center;gap:12px;border:1px solid var(--night-line);padding:19px 26px;font:400 17px var(--f-sans)}

/* footer */
footer{border-top:1px solid var(--night-line);padding-block:72px 28px}
.fcols{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:32px}
footer h4,footer .fh{font:500 12px var(--f-code);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-2);margin:0 0 18px}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;font:400 15px var(--f-sans)}
footer ul a:hover{color:var(--blue-hi)}
footer .mlogo{color:var(--fg)}
footer .about{color:var(--fg-2);font-size:15px;max-width:24em;margin-top:16px}
.wordmark{font:900 clamp(64px,17vw,280px)/.8 var(--f-flex);font-stretch:130%;letter-spacing:-.05em;margin-top:80px;color:var(--night-2);-webkit-text-stroke:1px #2A2F45;user-select:none;white-space:nowrap;overflow:hidden}
.legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:24px;font-size:13px;color:var(--fg-2)}
.legal div{display:flex;gap:22px;flex-wrap:wrap}
.credit{margin-top:14px;font-size:12px;color:#80859A}
@media (max-width:900px){.fcols{grid-template-columns:1fr 1fr}.fcols>div:first-child{grid-column:span 2}}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* ── live demo cards + cursor glow ── */
.dgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.dcard{position:relative;display:flex;flex-direction:column;background:#0D0F16;border:1px solid var(--night-line);min-height:540px;overflow:hidden;color:#fff;isolation:isolate}
.dcard::before{content:"";position:absolute;inset:-1px;padding:1px;z-index:2;pointer-events:none;background:radial-gradient(280px circle at var(--mx,-999px) var(--my,-999px),rgba(255,91,26,.95),transparent 60%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.dcard::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(420px circle at var(--mx,-999px) var(--my,-999px),rgba(255,91,26,.10),transparent 60%)}
.dcard .stage{flex:1;margin:22px 22px 0;min-height:290px;border:1px solid #1E2230;background:linear-gradient(180deg,#121521,#0B0D14);position:relative;overflow:hidden;font-family:var(--f-sans)}
.dcard .txt{padding:22px 28px 28px;display:grid;gap:12px;position:relative}
.dcard .txt::before{content:"";width:40px;height:2px;background:var(--orange);transition:width .45s cubic-bezier(.2,.8,.2,1)}
.dcard:hover .txt::before{width:100%}
.dcard .label{color:var(--orange)!important}
.dcard h3{font:500 clamp(20px,1.7vw,24px)/1.25 var(--f-sans);letter-spacing:-.01em}
.dcard .more{position:absolute;right:22px;bottom:26px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.22);transition:all .3s}
.dcard:hover .more{background:var(--orange);border-color:var(--orange);transform:rotate(-45deg)}
.dcard .txt h3{padding-right:52px}
/* chat */
.chat .bar{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #1E2230;font-size:13px;color:#C9CBD3}
.chat .bar i{width:22px;height:22px;border-radius:50%;background:var(--orange)}
.chat .bar em{margin-left:auto;font-style:normal;font-size:11.5px;color:#3FD39B}
.chat .msgs{display:flex;flex-direction:column;gap:9px;padding:14px}
.chat .m{max-width:82%;padding:9px 12px;font-size:13.5px;line-height:1.4;border-radius:12px;animation:pop .35s cubic-bezier(.2,.8,.2,1) both}
.chat .u{align-self:flex-end;background:#2A2E3B;border-bottom-right-radius:3px}
.chat .a{align-self:flex-start;background:rgba(255,91,26,.14);border:1px solid rgba(255,91,26,.35);border-bottom-left-radius:3px}
.chat .dots{display:inline-flex;gap:4px}.chat .dots i{width:6px;height:6px;border-radius:50%;background:#FFA77F;animation:blink 1s infinite}.chat .dots i:nth-child(2){animation-delay:.15s}.chat .dots i:nth-child(3){animation-delay:.3s}
@keyframes pop{from{opacity:0;transform:translateY(8px) scale(.97)}}
/* race */
.race{padding:18px;display:flex;flex-direction:column;gap:16px}
.lane{display:grid;gap:8px}
.lh{display:flex;justify-content:space-between;font-size:13px;color:#A3A8B8}
.lh b{font-weight:600;color:#fff;font-variant-numeric:tabular-nums}
.me .lh span{color:#fff}
.track{height:6px;background:#1E2230;border-radius:3px;overflow:hidden}
.track i{display:block;height:100%;width:0;background:#5B6070;border-radius:3px}
.me .track i{background:var(--orange)}
.pg{display:grid;grid-template-columns:2fr 1fr 1fr;gap:6px;height:46px;opacity:.15;transition:opacity .4s}
.pg u{background:#2A2E3B;border-radius:4px;text-decoration:none}
.me .pg u:first-child{background:linear-gradient(135deg,rgba(255,91,26,.6),rgba(255,91,26,.2))}
.pg.on{opacity:1}
.race small{margin-top:auto;font-size:11px;color:#5D6275}
/* shop */
.shop{padding:16px;display:flex;flex-direction:column;gap:12px}
.prods{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pd{background:#161925;border:1px solid #232736;padding:8px;display:grid;gap:4px;font-size:11.5px;color:#A3A8B8;position:relative;transition:all .4s}
.pd s{display:block;aspect-ratio:1;background:linear-gradient(135deg,#2A2E3B,#1A1D28);text-decoration:none}
.pd b{color:#fff;font-weight:600}
.pd em{position:absolute;top:-9px;left:6px;font-style:normal;font-size:10px;background:var(--orange);color:#fff;padding:3px 7px;border-radius:999px;opacity:0;transform:translateY(4px);transition:all .35s}
.shop.s1 .rec{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange),0 10px 30px -10px rgba(255,91,26,.6);transform:translateY(-3px)}
.shop.s1 .rec em{opacity:1;transform:none}
.shop.s1 .rec s{background:linear-gradient(135deg,rgba(255,91,26,.55),rgba(255,91,26,.15))}
.hint{font-size:12.5px;color:#FFA77F;opacity:0;transform:translateY(6px);transition:all .4s}
.shop.s2 .hint{opacity:1;transform:none}
.toast{margin-top:auto;align-self:flex-start;font-size:13px;background:#0F3328;color:#3FD39B;border:1px solid #1B5C47;padding:8px 12px;opacity:0;transform:translateY(10px);transition:all .4s}
.shop.s3 .toast{opacity:1;transform:none}
@media (max-width:980px){.dgrid{grid-template-columns:1fr 1fr}.dcard:last-child{grid-column:span 2}}
@media (max-width:640px){.dgrid{grid-template-columns:1fr}.dcard:last-child{grid-column:auto}}

/* ── services: hover to preview ── */
.svx{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,64px);align-items:start;border-top:2px solid var(--ink)}
.svx-list{list-style:none;margin:0;padding:0;counter-reset:sv}
.svx-list li{border-bottom:1px solid var(--paper-line)}
.svx-list button{width:100%;display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;text-align:left;background:none;border:0;padding:22px 0;color:var(--ink);position:relative}
.svx-list button::before{counter-increment:sv;content:"0" counter(sv);font:500 13px var(--f-sans);color:#9A968E;transition:color .3s}
.svx-list b{font-family:var(--f-flex);font-variation-settings:"opsz" 96;font-weight:600;font-size:clamp(26px,3vw,44px);line-height:1.05;letter-spacing:-.035em;color:#B3AEA5;transition:color .3s,transform .4s cubic-bezier(.2,.8,.2,1)}
.svx-list span.ar{font-size:22px;color:var(--orange);opacity:0;transform:translateX(-10px);transition:all .35s}
.svx-list button::after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--orange);transition:width .5s cubic-bezier(.2,.8,.2,1)}
.svx-list button[aria-selected="true"] b{color:var(--ink);transform:translateX(6px)}
.svx-list button[aria-selected="true"]::before{color:var(--orange)}
.svx-list button[aria-selected="true"] span.ar{opacity:1;transform:none}
.svx-list button[aria-selected="true"]::after{width:100%}
.svx-panel{position:sticky;top:calc(var(--hh) + 24px);display:grid;gap:22px;padding-top:22px}
.svx-stage{aspect-ratio:16/10;max-width:100%;background:#0D0F16;border:1px solid #1E2230;position:relative;overflow:hidden;color:#fff;font-family:var(--f-sans)}
.svx-info p{display:none}
.svx-info ul{list-style:none;margin:16px 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.svx-info li{font:400 13.5px var(--f-sans);padding:7px 12px;border:1px solid var(--paper-line);background:#fff;color:var(--ink)}
@media (max-width:900px){.svx{grid-template-columns:1fr}.svx-panel{position:static;order:-1}}
/* stage animations */
.st-in>*{animation:stIn .5s cubic-bezier(.2,.8,.2,1) both}
@keyframes stIn{from{opacity:0;transform:translateY(10px)}}
.wf{position:absolute;inset:8%}
.wf svg{width:100%;height:100%}
.wf rect,.wf line{fill:none;stroke:#3A3F52;stroke-width:1.5;stroke-dasharray:600;stroke-dashoffset:600;animation:draw 1.4s ease forwards}
.wf .acc{stroke:var(--orange)}
.wf .fill{fill:rgba(255,91,26,.22);stroke:var(--orange);animation:draw 1.4s ease forwards,fillin .6s 1.6s forwards;fill-opacity:0}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes fillin{to{fill-opacity:1}}
.cart{position:absolute;inset:0;display:grid;grid-template-columns:1fr 150px;gap:18px;padding:7%}
.cart .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-content:start}
.cart .p{aspect-ratio:3/4;background:linear-gradient(135deg,#232736,#161925);border:1px solid #2A2E3B;position:relative}
.cart .p.go{animation:fly 1s cubic-bezier(.6,0,.3,1) forwards}
@keyframes fly{40%{transform:translateY(-8px)}100%{transform:translate(160px,40px) scale(.2);opacity:0}}
.cart .bag{align-self:center;border:1px solid #2A2E3B;background:#121521;padding:16px;display:grid;gap:10px;text-align:center}
.cart .bag big{font:700 44px/1 var(--f-flex);color:var(--orange)}
.cart .bag small{color:#A3A8B8;font-size:12.5px}
.cart .bag em{font-style:normal;font-size:13px;background:var(--orange);padding:8px;color:#fff}
.code{position:absolute;inset:0;display:grid;grid-template-columns:1.1fr .9fr}
.code pre{margin:0;padding:6% 5%;font:400 12.5px/1.7 "Google Sans",Arial,sans-serif;color:#9AA0B4;white-space:pre-wrap;border-right:1px solid #1E2230}
.code pre b{color:#FFA77F;font-weight:500}
.code .dash{padding:7% 8%;display:grid;gap:10px;align-content:end}
.code .dash i{display:block;height:12px;background:#2A2E3B;transform-origin:left;animation:grow 1s cubic-bezier(.2,.8,.2,1) both}
.code .dash i.o{background:var(--orange)}
@keyframes grow{from{transform:scaleX(0)}}
.flow{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-around;padding:0 4%}
.flow .n{display:grid;justify-items:center;gap:10px;font-size:12.5px;color:#A3A8B8;position:relative;z-index:1}
.flow .n i{width:58px;height:58px;border-radius:50%;border:1px solid #2A2E3B;background:#121521;display:grid;place-items:center;font-style:normal;font-size:22px;transition:all .3s}
.flow .n.on i{border-color:var(--orange);background:rgba(255,91,26,.15);box-shadow:0 0 30px rgba(255,91,26,.45)}
.flow .n.on{color:#fff}
.flow .wire{position:absolute;left:12%;right:12%;top:calc(50% - 14px);height:2px;background:#2A2E3B;overflow:hidden}
.flow .wire u{position:absolute;inset:0;background:var(--orange);transform-origin:left;transform:scaleX(0);transition:transform .5s linear}
.serp{position:absolute;inset:0;padding:6% 8%;display:flex;flex-direction:column;gap:8px}
.serp .q{border:1px solid #2A2E3B;border-radius:999px;padding:9px 16px;font-size:13px;color:#C9CBD3;margin-bottom:6px}
.serp .r{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center;padding:8px 10px;font-size:13px;color:#7C8296;transition:transform .9s cubic-bezier(.2,.8,.2,1),background .4s}
.serp .r em{font-style:normal;font-size:12px;color:#5D6275}
.serp .r s{display:block;height:8px;background:#232736;text-decoration:none}
.serp .r.me{background:rgba(255,91,26,.12);border:1px solid rgba(255,91,26,.4);color:#fff}
.serp .r.me s{background:rgba(255,91,26,.5)}
.health{position:absolute;inset:0;padding:7% 9%;display:grid;gap:12px;align-content:center}
.health .row{display:grid;grid-template-columns:1fr auto;align-items:center;padding:12px 14px;border:1px solid #232736;background:#121521;font-size:14px;color:#C9CBD3}
.health .row b{font-weight:500;font-size:13px;color:#5D6275}
.health .row.ok b{color:#3FD39B}
.health .row.ok{border-color:#1B5C47}

/* ── services intro: journey line ── */
.jr{justify-self:stretch;display:grid;gap:14px;max-width:560px;margin-left:auto;width:100%}
.jr-row{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:end}
.jr-end{display:grid;gap:2px;line-height:1.1}
.jr-end small{font:400 14px var(--f-sans);color:var(--ink-2)}
.jr-end b{font:600 clamp(20px,2vw,28px)/1.1 var(--f-flex);letter-spacing:-.03em;color:var(--ink);white-space:nowrap}
.jr-end.r{text-align:right}
.jr-end.r b{color:var(--orange-ink)}
#jrNum{font-variant-numeric:tabular-nums}
.jr-line{position:relative;height:2px;background:var(--paper-line);margin-bottom:10px}
.jr-line i{position:absolute;inset:0 auto 0 0;width:100%;background:var(--orange)}
.jr-line em{position:absolute;top:50%;left:100%;width:12px;height:12px;border-radius:50%;background:var(--orange);transform:translate(-50%,-50%);box-shadow:0 0 0 6px rgba(255,91,26,.18)}
.jr-line u{position:absolute;top:50%;width:6px;height:6px;border-radius:50%;background:var(--paper);border:1.5px solid var(--orange);transform:translate(-50%,-50%)}
.jr-steps{display:grid;grid-template-columns:repeat(4,1fr);padding-inline:calc(min(8vw,110px)) calc(min(7vw,100px));font:500 12px var(--f-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);text-align:center}
.jr p{font-size:17px;color:var(--ink-2);margin-top:4px}
@media (max-width:900px){.jr{margin-left:0}.jr-steps{display:none}}
/* ── services list: solid text, brand slash, auto-advancing progress ── */
.svx-list b{color:var(--ink)!important;font-weight:500!important;transition:transform .4s cubic-bezier(.2,.8,.2,1),font-weight .3s}
.svx-list button{grid-template-columns:44px 1fr auto!important;padding:20px 0!important}
.svx-list .tt{display:grid;gap:6px}
.svx-list .sl{display:inline-block;color:var(--orange);font-weight:300;font-stretch:50%;width:0;overflow:hidden;opacity:0;transform:translateX(-12px) scaleY(1.15);transition:all .4s cubic-bezier(.2,.8,.2,1);vertical-align:baseline}
.svx-list .ds{font:400 15px var(--f-sans);color:var(--ink-2);max-height:0;opacity:0;overflow:hidden;transition:max-height .45s ease,opacity .35s}
.svx-list button[aria-selected="true"] b{font-weight:700!important;transform:none!important}
.svx-list button[aria-selected="true"] .sl{width:.45em;opacity:1;transform:scaleY(1.15)}
.svx-list button[aria-selected="true"] .ds{max-height:3em;opacity:1}
.svx-list button::after{width:0!important;transition:none!important}
.svx-list button[aria-selected="true"]::after{animation:svProg var(--dur,6s) linear forwards}
.svx.hold .svx-list button[aria-selected="true"]::after{animation-play-state:paused}
@keyframes svProg{from{width:0}to{width:100%}}
.svx-list button:not([aria-selected="true"]):hover b{color:var(--orange-ink)!important}

/* 1: selected name fills with orange as its timer runs */
.svx-list button[aria-selected="true"]::after{animation:none!important}
.svx-list button[aria-selected="true"] b{color:transparent!important;-webkit-background-clip:text;background-clip:text;
  background-image:linear-gradient(var(--orange),var(--orange)),linear-gradient(var(--ink),var(--ink));background-repeat:no-repeat;background-position:left;
  background-size:0% 100%,100% 100%;animation:svFill var(--dur,6s) linear forwards}
.svx-list button[aria-selected="true"] b .sl{color:var(--orange)}
.svx.hold .svx-list button[aria-selected="true"] b{animation-play-state:paused}
@keyframes svFill{to{background-size:100% 100%,100% 100%}}
@media (prefers-reduced-motion:reduce){.svx-list button[aria-selected="true"] b{animation:none;background-size:100% 100%,100% 100%}}
/* 2: large outlined number behind the selected row */
.svx-list li{position:relative;overflow:hidden}
.svx-list li::before{content:attr(data-n);position:absolute;right:56px;top:50%;transform:translateY(-40%);font:800 clamp(90px,10vw,150px)/1 var(--f-flex);font-stretch:110%;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px rgba(194,65,12,.22);opacity:0;transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.svx-list li.act::before{opacity:1;transform:translateY(-50%)}
.svx-list li.act{background:linear-gradient(90deg,rgba(255,91,26,.05),transparent 70%)}
/* 5: quick facts */
.svx-list button[aria-selected="true"] .ds{max-height:6em}
.svx-list .qf{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;font:500 13px var(--f-sans);color:var(--ink)}
.svx-list .qf em{font-style:normal;color:var(--orange-ink);font-weight:500}
.svx-list .qf i{width:4px;height:4px;border-radius:50%;background:var(--ink-2)}
.svx-list .ds{display:block}

/* ── "Six practices. One team." — six dots come together into one ── */
.sec-head h2.sp{font-family:var(--f-flex);font-variation-settings:"opsz" 96;text-transform:none;font-stretch:100%;font-size:clamp(46px,6vw,96px);line-height:1;letter-spacing:-.045em;margin-top:18px}
.sp-a{display:block;font-weight:400;color:#8F8A80}
.sp-a em{font-style:normal;color:var(--orange-ink);font-weight:500}
.sp-b{display:flex;align-items:center;font-weight:700;color:var(--ink)}
.unity{position:relative;display:inline-block;width:.78em;height:.78em;margin-left:.16em;flex:none}
.unity i{position:absolute;left:50%;top:50%;width:.15em;height:.15em;margin:-.075em 0 0 -.075em;border-radius:50%;background:var(--orange);
  transform:rotate(calc(var(--k)*60deg)) translateX(.3em);animation:unite 7s cubic-bezier(.65,0,.25,1) infinite}
@keyframes unite{
  0%,14%{transform:rotate(calc(var(--k)*60deg)) translateX(.3em) scale(1)}
  42%,78%{transform:rotate(calc(var(--k)*60deg + 180deg)) translateX(0) scale(2.1)}
  100%{transform:rotate(calc(var(--k)*60deg + 360deg)) translateX(.3em) scale(1)}}
.unity::after{content:"";position:absolute;inset:18%;border-radius:50%;border:1.5px solid rgba(255,91,26,.35);animation:ring 7s ease-in-out infinite;opacity:0}
@keyframes ring{42%{opacity:0;transform:scale(.4)}55%{opacity:1;transform:scale(1)}78%{opacity:0;transform:scale(1.4)}}
@media (prefers-reduced-motion:reduce){.unity i{animation:none;transform:translateX(0) scale(2.1)}.unity::after{display:none}}

/* "practices": a wave of light runs through the letters, then the dots unite */
.wv{display:inline-block;white-space:nowrap}
.wv span{display:inline-block;animation:wave 7s cubic-bezier(.3,0,.2,1) infinite;animation-delay:calc(var(--i)*.07s)}
@keyframes wave{0%,2%{transform:none;color:#8F8A80}
  7%{transform:translateY(-.12em);color:var(--orange)}
  13%,100%{transform:none;color:#8F8A80}}
@media (prefers-reduced-motion:reduce){.wv span{animation:none}}
/* smaller outlined number, kept clear of the text */
.svx-list li::before{font-size:clamp(44px,4.2vw,64px)!important;right:54px!important;top:20px!important;transform:translateY(6px)!important;-webkit-text-stroke:1.2px rgba(194,65,12,.25)!important}
.svx-list li.act::before{transform:none!important}
.svx-list .tt{padding-right:92px}
/* option A: words light up as you scroll */
.mfa{height:200vh;position:relative}
.mfa-pin{position:sticky;top:var(--hh);min-height:calc(100vh - var(--hh));display:flex;align-items:center;padding-block:60px}
.mfa-pin>.wrap{width:100%}
.mfa-text{margin-top:28px;font:500 clamp(30px,4.4vw,64px)/1.14 var(--f-sans);letter-spacing:-.025em;max-width:22ch}
.mfa-text .w{color:#666B7C;transition:color .35s ease}
.mfa-text .w.on{color:var(--fg)}
.mfa-text .w.k.on{color:var(--orange)}
.mfa-sig{margin-top:44px;display:flex;gap:16px;align-items:center;color:var(--fg-2);font-size:15px}
.mfa-sig i{display:block;width:0;height:2px;background:var(--orange);transition:width .2s}
@media (prefers-reduced-motion:reduce){.mfa{height:auto}.mfa-pin{position:static;min-height:0;padding-block:120px}.mfa-text .w{color:var(--fg)}}
/* option B: split statement */
.mfb{padding-block:0 clamp(90px,11vw,150px)}
.mfb-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);align-items:center}
.mfb-left h2{font:500 clamp(42px,5.4vw,80px)/1 var(--f-sans);letter-spacing:-.04em;margin-top:22px}
.mfb-left h2 em{font-style:normal;color:var(--orange)}
.mfb-left p{margin-top:24px;font-size:19px;color:var(--fg-2);max-width:32em}
.mfb-cards{display:grid;gap:14px}
.pc{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:24px 26px;background:#0E1018;border:1px solid var(--night-line);transition:border-color .3s,transform .5s cubic-bezier(.2,.8,.2,1),opacity .6s}
.pc:hover{border-color:var(--orange);transform:translateX(-6px)}
.pc .sl{font:300 48px/1 var(--f-flex);font-stretch:50%;color:var(--orange)}
.pc h3{font:500 20px/1.2 var(--f-sans)}
.pc p{margin-top:6px;font-size:15px;color:var(--fg-2)}
.pc b{font:700 22px/1 var(--f-flex);color:#fff;white-space:nowrap}
.pc.pre{opacity:0;transform:translateX(40px)}
.mfb-head{margin-bottom:22px}
.mfb-cards{grid-template-columns:repeat(3,1fr)!important}
.pc{grid-template-columns:1fr!important;align-content:start;gap:14px!important;padding:28px!important}
.pc b{font-size:34px!important;color:var(--orange)!important;order:-1}
.pc .sl{display:none}
.pc:hover{transform:translateY(-6px)!important}
.pc.pre{transform:translateY(30px)!important}
@media (max-width:900px){.mfb-cards{grid-template-columns:1fr!important}.pc b{display:block!important}}

.optbar{background:var(--orange);color:#fff;font:500 14px var(--f-sans);padding:12px clamp(16px,4vw,48px);display:flex;gap:14px;align-items:center}
.optbar span{background:#fff;color:var(--orange);font-weight:700;padding:4px 10px;border-radius:999px;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.ait{font-family:var(--f-flex);font-variation-settings:"opsz" 96;font-size:clamp(40px,5vw,78px);line-height:1.02;letter-spacing:-.045em;margin-top:18px;text-transform:none}
.ait span{display:block;font-weight:400;color:#6E7286}
.ait b{display:block;font-weight:700;color:#fff}
/* option A: working assistant */
.ask-box{background:#0D0F16;border:1px solid var(--night-line);display:flex;flex-direction:column;height:560px;min-width:0;position:relative}
.ab-hd{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--night-line)}
.ab-av{width:38px;height:38px;border-radius:50%;background:#C2410C;display:grid;place-items:center;font:700 15px var(--f-flex);letter-spacing:-.05em}
.ab-hd b{display:block;font:500 15px var(--f-sans)}
.ab-hd small{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#3FD39B}
.ab-hd small i{width:7px;height:7px;border-radius:50%;background:#3FD39B}
.ab-hd em{margin-left:auto;font-style:normal;font-size:11.5px;color:var(--fg-2);border:1px solid var(--night-line);padding:4px 8px}
.ab-log{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}
.ab-m{max-width:84%;padding:11px 14px;font-size:15px;line-height:1.5;animation:pop .3s cubic-bezier(.2,.8,.2,1) both}
.ab-m.u{align-self:flex-end;background:var(--fg);color:var(--night)}
.ab-m.a{align-self:flex-start;background:rgba(255,255,255,.06);border:1px solid var(--night-line);color:#E2E4EC}
.ab-m.a b{color:#fff;font-weight:500}
.ab-lead{display:flex;gap:8px;margin-top:10px}
.ab-lead input{flex:1;min-width:0;background:#0A0B10;border:1px solid var(--night-line);color:#fff;padding:9px 10px;font:400 14px var(--f-sans)}
.ab-lead button{background:var(--orange);border:0;color:#fff;padding:0 14px;font:500 14px var(--f-sans)}
.ab-chips{display:flex;gap:8px;padding:0 18px 12px;flex-wrap:wrap}
.ab-chips button{background:transparent;border:1px solid var(--night-line);border-radius:999px;padding:7px 12px;font:400 13px var(--f-sans);color:var(--fg-2)}
.ab-chips button:hover{border-color:var(--orange);color:#fff}
.ab-form{display:flex;border-top:1px solid var(--night-line)}
.ab-form input{flex:1;min-width:0;background:transparent;border:0;padding:16px 18px;color:#fff;font:400 15px var(--f-sans);outline:none}
.ab-form button{width:56px;background:var(--orange);border:0;color:#fff;font-size:20px}
.ab-form:focus-within{box-shadow:inset 0 0 0 1px var(--orange)}
@keyframes pop{from{opacity:0;transform:translateY(8px)}}
/* option B: before and after */
.ba{padding-block:0 clamp(80px,10vw,140px)}
.ba-head{margin-bottom:40px}
.ba-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ba-col{background:#0D0F16;border:1px solid var(--night-line);display:flex;flex-direction:column;min-height:440px}
.ba-col.fast{border-color:rgba(255,91,26,.45);box-shadow:0 30px 60px -40px rgba(255,91,26,.5)}
.ba-top{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--night-line);font:500 15px var(--f-sans)}
.ba-col.fast .ba-top span{color:var(--orange)}
.ba-clock{font:600 22px var(--f-flex);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.ba-chat{flex:1;padding:20px;display:flex;flex-direction:column;gap:12px}
.ba-m{max-width:86%;padding:11px 14px;font-size:14.5px;line-height:1.45;animation:pop .3s both}
.ba-m.u{align-self:flex-end;background:#2A2E3B}
.ba-m.a{align-self:flex-start;background:rgba(255,91,26,.12);border:1px solid rgba(255,91,26,.35)}
.ba-m.h{align-self:flex-start;background:rgba(255,255,255,.05);border:1px solid var(--night-line)}
.ba-m small{display:block;margin-top:4px;font-size:11.5px;color:#8C91A0}
.ba-note{align-self:center;font-size:12.5px;color:var(--fg-2);padding:6px 12px;border:1px dashed var(--night-line)}
.ba-res{margin:0 20px 20px;padding:12px 14px;font:500 14px var(--f-sans);opacity:0;transform:translateY(8px);transition:all .4s}
.ba-res.on{opacity:1;transform:none}
.ba-res.bad{background:rgba(217,45,32,.12);color:#F97066;border:1px solid rgba(217,45,32,.4)}
.ba-res.good{background:#0F3328;color:#3FD39B;border:1px solid #1B5C47}
@media (max-width:900px){.ba-grid{grid-template-columns:1fr}.ask-box{height:520px}}

/* calmer section headings (no oversized capitals) */
h2.h2s{font-family:var(--f-flex);font-variation-settings:"opsz" 96;text-transform:none!important;font-stretch:100%!important;font-size:clamp(38px,4.6vw,72px)!important;line-height:1.02!important;letter-spacing:-.045em!important;margin-top:18px}
h2.h2s span{display:block;font-weight:400;color:#8F8A80}
h2.h2s b{display:block;font-weight:700;color:var(--ink)}
.band h2.h2s span,.cta h2.h2s span,#insights.dark h2.h2s span{color:#6E7286}
.cta h2.h2s b{color:#fff}
.cta h2.h2s{font-size:clamp(44px,5.6vw,92px)!important}
.cta h2.h2s .slash{color:var(--orange);font-weight:300;font-stretch:50%;display:inline-block;transform:scaleY(1.15);margin-left:.04em}
.ait{font-family:var(--f-flex);font-variation-settings:"opsz" 96;font-size:clamp(38px,4.6vw,72px);line-height:1.02;letter-spacing:-.045em;margin-top:18px;text-transform:none}
.ait span{display:block;font-weight:400;color:#6E7286}
.ait b{display:block;font-weight:700;color:#fff}
.wordmark{font-size:clamp(56px,12vw,190px)!important;font-stretch:100%!important;letter-spacing:-.05em!important}

.studio h2.ait,h2.ait{font-size:clamp(34px,4vw,60px)!important;font-stretch:100%!important;font-weight:400!important;text-transform:none!important;line-height:1.04!important}
h2.h2s{font-size:clamp(34px,4vw,60px)!important}
.cta h2.h2s{font-size:clamp(40px,4.8vw,76px)!important}

.optbar{background:var(--orange);color:#fff;font:500 14px var(--f-sans);padding:12px clamp(16px,4vw,48px);display:flex;gap:14px;align-items:center}
.optbar span{background:#fff;color:var(--orange);font-weight:700;padding:4px 10px;border-radius:999px;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.isw-note{color:var(--ink-2);font-size:17px}
/* option A: switcher */
.isw{display:grid;grid-template-columns:260px 1fr;gap:clamp(24px,4vw,56px);border-top:2px solid var(--ink);padding-top:24px}
.isw-list{list-style:none;margin:0;padding:0;display:grid;gap:2px;align-content:start}
.isw-list button{width:100%;text-align:left;background:none;border:0;padding:13px 16px;font:500 17px var(--f-sans);color:var(--ink-2);display:flex;justify-content:space-between;align-items:center;border-left:2px solid transparent;transition:all .25s}
.isw-list button:hover{color:var(--ink);background:rgba(0,0,0,.03)}
.isw-list button[aria-selected="true"]{color:var(--ink);background:#fff;border-left-color:var(--orange)}
.isw-list button[aria-selected="true"]::after{content:"→";color:var(--orange)}
.isw-view{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(20px,3vw,40px);align-items:start;min-width:0}
.mock{background:#fff;border:1px solid var(--paper-line);box-shadow:0 30px 60px -35px rgba(0,0,0,.35);overflow:hidden;min-width:0}
.mk-bar{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#EEECE7;border-bottom:1px solid var(--paper-line)}
.mk-bar i{width:9px;height:9px;border-radius:50%;background:#D3D0C6}
.mk-bar span{margin-left:10px;flex:1;background:#fff;padding:4px 10px;font:400 12px var(--f-sans);color:var(--ink-2)}
.mk-nav{display:flex;align-items:center;gap:14px;padding:12px 16px;font:700 15px var(--f-sans)}
.mk-nav span{width:44px;height:6px;background:#E7E5DE}
.mk-nav span:first-of-type{margin-left:auto}
.mk-nav em{font-style:normal;font:500 12px var(--f-sans);background:#C2410C;color:#fff;padding:6px 10px}
.mk-hero{aspect-ratio:16/8;max-width:100%;background:center/cover no-repeat;position:relative;display:flex;align-items:flex-end;padding:18px;transition:background-image .3s}
.mk-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.1))}
.mk-hero>div{position:relative;color:#fff;max-width:70%;display:grid;gap:6px;animation:stIn .5s both}
.mk-hero small{font:500 11px var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:#FFA77F}
.mk-hero h4{margin:0;font:600 clamp(18px,1.8vw,24px)/1.15 var(--f-sans)}
.mk-hero u{justify-self:start;text-decoration:none;font:500 12px var(--f-sans);background:#fff;color:var(--ink);padding:6px 10px;margin-top:4px}
.mk-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px 16px 18px}
.mk-row s{height:46px;background:#F1EFEA;text-decoration:none}
.isw-feat h3{font:600 26px/1.15 var(--f-sans);letter-spacing:-.02em}
.isw-feat p{color:var(--ink-2);margin-top:8px}
.isw-feat ul{list-style:none;margin:18px 0 22px;padding:0;display:grid;gap:10px}
.isw-feat li{display:flex;gap:10px;align-items:baseline;font:400 15.5px var(--f-sans);opacity:0;transform:translateX(-8px);animation:isTick .4s cubic-bezier(.2,.8,.2,1) forwards}
.isw-feat li::before{content:"✓";color:#fff;background:var(--orange);width:18px;height:18px;border-radius:50%;display:inline-grid;place-items:center;font-size:11px;flex:none;transform:translateY(2px)}
.isw-feat li small{color:var(--ink-2);font-size:13.5px}
@keyframes isTick{to{opacity:1;transform:none}}
@keyframes stIn{from{opacity:0;transform:translateY(10px)}}
@media (max-width:1100px){.isw-view{grid-template-columns:1fr}}
@media (max-width:760px){.isw{grid-template-columns:1fr}.isw-list{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto}.isw-list button{border-left:0;border-bottom:2px solid transparent}.isw-list button[aria-selected="true"]{border-bottom-color:var(--orange)}.isw-list button::after{display:none}}
@media (prefers-reduced-motion:reduce){.isw-feat li{animation:none;opacity:1;transform:none}}
/* option B: expanding panels */
.xp{display:flex;gap:8px;height:520px;border-top:2px solid var(--ink);padding-top:24px}
.xp a{position:relative;flex:1;min-width:0;overflow:hidden;color:#fff;isolation:isolate;transition:flex .7s cubic-bezier(.2,.8,.2,1)}
.xp a.on{flex:5}
.xp .ph{position:absolute;inset:0;z-index:-2;background:center/cover no-repeat;transition:transform .9s}
.xp a::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,6,10,.25),rgba(5,6,10,.85));transition:background .5s}
.xp a.on::after{background:linear-gradient(180deg,rgba(5,6,10,0) 30%,rgba(5,6,10,.88))}
.xp .vt{position:absolute;left:50%;bottom:24px;transform:translateX(-50%) rotate(180deg);writing-mode:vertical-rl;font:500 17px var(--f-sans);white-space:nowrap;transition:opacity .3s}
.xp .vt small{color:var(--orange);margin-bottom:10px}
.xp a.on .vt{opacity:0}
.xp .bd{position:absolute;left:28px;right:28px;bottom:28px;display:grid;gap:10px;opacity:0;transform:translateY(14px);transition:all .45s .15s}
.xp a.on .bd{opacity:1;transform:none}
.xp .bd small{color:#FFA77F;font:500 12px var(--f-sans);letter-spacing:.12em;text-transform:uppercase}
.xp .bd h3{font:600 30px/1.1 var(--f-sans);letter-spacing:-.02em}
.xp .bd p{color:#D5D7DE;max-width:36ch}
.xp .bd ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.xp .bd li{font:400 12.5px var(--f-sans);padding:5px 10px;border:1px solid rgba(255,255,255,.3);background:rgba(5,6,10,.35);backdrop-filter:blur(4px)}
@media (max-width:760px){.xp{flex-direction:column;height:auto}.xp a{flex:none;height:76px}.xp a.on{height:360px}.xp .vt{writing-mode:horizontal-tb;transform:translateX(-50%);bottom:auto;top:26px;left:24px;transform:none}}
.isw-h{font:500 clamp(22px,2vw,30px)/1.2 var(--f-sans);letter-spacing:-.02em;margin-top:12px;color:var(--ink)}

/* illustrations in the industry panels and the mock site */
.xp a{background:radial-gradient(120% 70% at 50% 30%,#1A1410 0%,#0B0C10 60%)}
.xp a.on{background:radial-gradient(90% 60% at 50% 32%,rgba(255,91,26,.22) 0%,#0B0C10 65%)}
.xp .ill{position:absolute;left:50%;top:14%;width:min(300px,80%);aspect-ratio:1;transform:translateX(-50%);z-index:-1;opacity:.55;transition:opacity .5s,transform .8s cubic-bezier(.2,.8,.2,1)}
.xp a.on .ill{opacity:1;transform:translateX(-50%) scale(1.06)}
.xp .ill svg{width:100%;height:100%}
.xp a::after{background:linear-gradient(180deg,transparent 45%,rgba(5,6,10,.7))!important}
.xp a:not(.on) .ill{width:160px;top:24%}
.mk-hero{background:radial-gradient(90% 90% at 78% 40%,rgba(255,91,26,.25),#0D0F16 70%)!important}
.mk-hero::before{background:linear-gradient(90deg,rgba(13,15,22,.85),rgba(13,15,22,0) 70%)!important}
.mk-art{position:absolute;right:6%;top:50%;width:46%;max-width:240px;aspect-ratio:1;transform:translateY(-50%);animation:stIn .5s both}
.mk-art svg{width:100%;height:100%}

/* industries v2: light panels, the open one turns black */
.xp a{background:#fff!important;color:var(--ink)!important;border:1px solid var(--paper-line);transition:flex .7s cubic-bezier(.2,.8,.2,1),background .4s}
.xp a::after{display:none!important}
.xp a .ill{color:var(--ink);opacity:.85!important}
.xp a .vt{color:var(--ink)}
.xp a:not(.on):hover{background:#FBFAF8!important}
.xp a.on{background:var(--ink)!important;border-color:var(--ink);color:#fff!important;
  background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px)!important;background-size:18px 18px!important}
.xp a.on .ill{color:#fff;opacity:1!important}
.xp a.on .bd p{color:#C9CBD3}
.xp a.on .bd li{border-color:rgba(255,255,255,.25);background:transparent}
/* mock website banner: light, with ink lines */
.mk-hero{background:#F7F5F1!important;background-image:radial-gradient(rgba(11,12,16,.08) 1px,transparent 1px)!important;background-size:16px 16px!important}
.mk-hero::before{display:none!important}
.mk-hero>div{color:var(--ink)!important}
.mk-hero small{color:var(--orange-ink)!important}
.mk-hero u{background:var(--ink)!important;color:#fff!important}
.mk-art{color:var(--ink)}

/* keep the illustration clear of the text in the open panel */
.xp{height:580px!important}
.xp a.on .ill{top:30px!important;width:min(210px,52%)!important;transform:translateX(-50%)!important}
.xp a:not(.on) .ill{width:120px!important;top:40px!important}
.xp .bd{left:26px;right:26px;bottom:26px}
.xp .bd h3{font-size:26px!important}
.xp .bd p{font-size:15px}

.optbar{background:var(--orange);color:#fff;font:500 14px var(--f-sans);padding:12px clamp(16px,4vw,48px);display:flex;gap:14px;align-items:center}
.optbar span{background:#fff;color:var(--orange);font-weight:700;padding:4px 10px;border-radius:999px;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
/* option A: timeline */
.tl{position:relative;padding-top:8px}
.tl-rail{position:absolute;left:0;right:0;top:15px;height:2px;background:var(--paper-line)}
.tl-rail i{position:absolute;inset:0 auto 0 0;width:0;background:var(--orange);transition:width .15s linear}
.tl-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:24px;position:relative}
.tl-step{padding-top:34px;position:relative;opacity:.72;transition:opacity .4s}
.tl-step.on{opacity:1}
.tl-dot{position:absolute;top:0;left:0;width:16px;height:16px;border-radius:50%;background:var(--paper);border:2px solid var(--paper-line);transition:all .3s}
.tl-step.on .tl-dot{background:var(--orange);border-color:var(--orange);box-shadow:0 0 0 6px rgba(255,91,26,.15)}
.tl-step small{font:500 12px var(--f-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--orange-ink)}
.tl-step h3{font:600 24px/1.2 var(--f-sans);margin-top:6px;letter-spacing:-.02em}
.tl-step p{font-size:15px;color:var(--ink-2);margin-top:8px}
.tl-step ul{list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--paper-line);display:grid;gap:8px}
.tl-step ul li{font:400 14px var(--f-sans);display:flex;gap:8px;align-items:baseline}
.tl-step ul li::before{content:"✓";color:var(--orange);font-weight:700}
@media (max-width:980px){.tl-steps{grid-template-columns:1fr;gap:28px}.tl-rail{left:7px;right:auto;top:0;bottom:0;width:2px;height:auto}.tl-rail i{width:100%!important;height:var(--h,0%)}.tl-step{padding:0 0 0 36px}.tl-dot{left:0;top:4px}}
/* option B: live tracker */
.pt-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,72px);align-items:center}
.pt-lead{font-size:18px;color:var(--ink-2);margin-top:22px;max-width:32em}
.pt-points{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px}
.pt-points li{display:flex;gap:10px;font:500 16px var(--f-sans)}
.pt-points li::before{content:"/";color:var(--orange);font-weight:300;font-size:22px;line-height:.9}
.pt{background:#0D0F16;color:#fff;border:1px solid #1E2230;padding:22px;display:grid;gap:18px;box-shadow:0 40px 70px -40px rgba(0,0,0,.5);min-width:0}
.pt-top{display:flex;justify-content:space-between;align-items:center;gap:16px}
.pt-top small{display:block;font:500 11px var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:#7C8296}
.pt-top b{font:500 18px var(--f-sans)}
.pt-ring{position:relative;width:58px;height:58px;flex:none}
.pt-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.pt-ring circle{fill:none;stroke:#232736;stroke-width:4}
.pt-ring #ptArc{stroke:var(--orange);stroke-linecap:round;transition:stroke-dasharray .8s ease}
.pt-ring em{position:absolute;inset:0;display:grid;place-items:center;font:600 13px var(--f-sans);font-style:normal}
.pt-stages{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.pt-stages>li{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;padding:12px;background:#121521;border:1px solid transparent;transition:all .4s}
.pt-stages b{font:500 15px var(--f-sans)}
.pt-stages small{display:block;font-size:12px;color:#7C8296}
.pt-stages .st{width:18px;height:18px;border-radius:50%;border:2px solid #2E3344;display:grid;place-items:center;font-size:10px}
.pt-stages em{font-style:normal;font:500 12px var(--f-sans);color:#7C8296}
.pt-stages li.done .st{background:#0F3328;border-color:#3FD39B;color:#3FD39B}
.pt-stages li.done .st::after{content:"✓"}
.pt-stages li.done em{color:#3FD39B}
.pt-stages li.now{border-color:rgba(255,91,26,.5);background:rgba(255,91,26,.08)}
.pt-stages li.now .st{border-color:var(--orange);box-shadow:0 0 0 4px rgba(255,91,26,.2);animation:pulse2 1.6s infinite}
.pt-stages li.now em{color:var(--orange)}
@keyframes pulse2{50%{box-shadow:0 0 0 8px rgba(255,91,26,0)}}
.pt-feed small{font:500 11px var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:#7C8296}
#ptFeed{margin-top:10px;display:grid;gap:8px;min-height:96px}
#ptFeed div{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;color:#C9CBD3;padding:9px 12px;border-left:2px solid var(--orange);background:#121521;animation:pop .35s both}
#ptFeed div span{color:#7C8296;white-space:nowrap}
@keyframes pop{from{opacity:0;transform:translateY(8px)}}
@media (max-width:900px){.pt-grid{grid-template-columns:1fr}}
.pt-h{font:500 clamp(24px,2.4vw,34px)/1.2 var(--f-sans);letter-spacing:-.02em;margin-top:12px}
#approach{padding-bottom:clamp(60px,7vw,100px)}

/* tighter rhythm between sections (no !important on .sec, so inline padding-top:0 on follow-on sections still wins) */
section{padding-block:48px}
.sec{padding-block:clamp(44px,4.5vw,64px)}
.stories{padding-block:24px clamp(40px,4vw,56px)!important}
.sec-head{margin-bottom:32px!important}
.rail-head{margin-bottom:24px!important}
.mfa{height:135vh!important}
.mfa-pin{min-height:0!important;padding-block:clamp(56px,7vw,96px) 32px!important}
.mfb{padding-block:0 clamp(44px,4.5vw,64px)!important}
#studio{padding-block:clamp(44px,4.5vw,64px) 32px}
.studio{padding-bottom:0!important}
.ba{padding-block:32px clamp(44px,4.5vw,64px)!important}
#industries{padding-bottom:24px}
#approach{padding-bottom:32px}
.cta{padding-block:clamp(56px,6vw,96px)!important}
footer{padding-block:48px 24px!important}
.wordmark{margin-top:40px!important}
/* shared cover art: ink panel, dot grid, one big orange glyph per topic */
.cov{position:relative;background:var(--ink);background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:18px 18px;overflow:hidden;color:#fff}
.cov .gl{position:absolute;right:6%;top:50%;transform:translateY(-50%);font:300 clamp(120px,14vw,220px)/1 var(--f-flex);color:var(--orange);opacity:.95;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
/* option A: magazine */
.mg-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:24px}
.mg-tabs button{border:1px solid var(--paper-line);background:#fff;padding:9px 16px;font:500 14px var(--f-sans);color:var(--ink-2);border-radius:999px}
.mg-tabs button:hover{border-color:var(--ink);color:var(--ink)}
.mg-tabs button[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.mg-tabs button b{font-weight:500;color:var(--orange);margin-left:6px}
.mg{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(24px,3vw,48px);border-top:2px solid var(--ink);padding-top:24px}
.mg-lead{display:grid;gap:16px;align-content:start;animation:stIn .5s both}
.mg-lead .cov{aspect-ratio:16/9;max-width:100%}
.mg-lead:hover .gl{transform:translateY(-50%) scale(1.08) rotate(-4deg)}
.mg-lead .cov small{position:absolute;left:22px;top:20px;font:500 12px var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:#FFA77F}
.mg-lead h3{font:600 clamp(24px,2.4vw,34px)/1.18 var(--f-sans);letter-spacing:-.02em}
.mg-lead:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.mg-lead p{color:var(--ink-2);font-size:16.5px}
.mg-meta{font:500 13px var(--f-sans);color:var(--ink-2);display:flex;gap:10px;align-items:center}
.mg-meta em{font-style:normal;color:var(--orange-ink)}
.mg-list{list-style:none;margin:0;padding:0;counter-reset:mg}
.mg-list li{border-bottom:1px solid var(--paper-line);animation:stIn .4s both}
.mg-list a{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:baseline;padding:18px 0}
.mg-list a::before{counter-increment:mg;content:"0" counter(mg);font:500 13px var(--f-sans);color:#9A968E}
.mg-list b{font:500 18px/1.3 var(--f-sans);color:var(--ink);transition:color .2s}
.mg-list a:hover b{color:var(--orange-ink)}
.mg-list small{display:block;margin-top:6px;font:500 12.5px var(--f-sans);color:var(--ink-2)}
.mg-list small em{font-style:normal;color:var(--orange-ink)}
.mg-list span.ar{color:var(--orange);opacity:0;transform:translateX(-6px);transition:all .25s}
.mg-list a:hover span.ar{opacity:1;transform:none}
@keyframes stIn{from{opacity:0;transform:translateY(10px)}}
@media (max-width:900px){.mg{grid-template-columns:1fr}}
/* option B: topic tiles */
.tt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;border-top:2px solid var(--ink);padding-top:24px}
.ttile{display:flex;flex-direction:column;min-height:400px;background:#fff;border:1px solid var(--paper-line);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
.ttile:hover{transform:translateY(-6px);box-shadow:0 30px 50px -30px rgba(0,0,0,.35)}
.ttile .cov{height:170px}
.ttile .cov .gl{font-size:130px;right:14px}
.ttile:hover .gl{transform:translateY(-50%) scale(1.1) rotate(-6deg)}
.ttile .cov b{position:absolute;left:18px;bottom:16px;font:700 40px/1 var(--f-flex);letter-spacing:-.03em}
.ttile .cov b small{display:block;font:500 12px var(--f-sans);letter-spacing:.1em;text-transform:uppercase;color:#C9CBD3;margin-top:6px}
.tt-body{padding:20px;display:grid;gap:10px;flex:1;align-content:start}
.tt-body h3{font:600 22px var(--f-sans);letter-spacing:-.02em}
.tt-body p{font-size:14.5px;color:var(--ink-2)}
.tt-body ul{list-style:none;margin:6px 0 0;padding:12px 0 0;border-top:1px solid var(--paper-line);display:grid;gap:8px}
.tt-body li{font:400 14px/1.35 var(--f-sans);display:flex;gap:8px}
.tt-body li::before{content:"/";color:var(--orange)}
.tt-go{margin-top:auto;padding:14px 20px;border-top:1px solid var(--paper-line);font:500 14px var(--f-sans);display:flex;justify-content:space-between}
.tt-go span{color:var(--orange)}
.ttile:hover .tt-go{background:var(--ink);color:#fff}
@media (max-width:1000px){.tt-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.tt-grid{grid-template-columns:1fr}}

/* insights covers: type only, no decorative symbols */
.cov .gl{display:none}
.mg-lead .cov.tx{aspect-ratio:auto;min-height:300px;display:flex;flex-direction:column;justify-content:flex-end;gap:18px;padding:26px}
.mg-lead .cov.tx small{position:static}
.mg-lead .cov.tx strong{font:600 clamp(24px,2.5vw,36px)/1.18 var(--f-sans);letter-spacing:-.02em;max-width:22ch}
.mg-lead .cov.tx .rt{font:500 14px var(--f-sans);color:var(--orange)}
.mg-lead .cov.tx::before{content:"";position:absolute;left:26px;top:26px;width:40px;height:2px;background:var(--orange);transition:width .45s cubic-bezier(.2,.8,.2,1)}
.mg-lead:hover .cov.tx::before{width:calc(100% - 52px)}
.mg-lead:hover h3{text-decoration:none}
.ttile .cov{height:120px}
.ttile .cov b{font-size:46px}

/* lead article autoplay: progress line, counter and arrows */
.mg-lead .cov.tx::before{display:none}
.mg-prog{position:absolute;left:26px;top:26px;height:2px;width:0;background:var(--orange);animation:mgProg 6s linear forwards}
.mg-prog::before{content:"";position:absolute;left:0;top:0;height:2px;width:calc(100% * 0);}
@keyframes mgProg{from{width:0}to{width:calc(100% - 52px)}}
.mg-lead .cov.tx{padding-top:56px}
.mg-nav{position:absolute;right:20px;top:14px;display:flex;align-items:center;gap:10px;font:500 13px var(--f-sans);color:#C9CBD3;font-variant-numeric:tabular-nums}
.mg-nav button{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;font-size:15px}
.mg-nav button:hover{background:var(--orange);border-color:var(--orange)}
.mg-list a[data-i]{cursor:pointer}

/* ── start a project: steps on the left, quick starter on the right ── */
.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);align-items:center}
.cta-lead{margin-top:20px;font-size:18px;color:var(--fg-2);max-width:30em}
.next{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:0;border-top:1px solid var(--night-line)}
.next li{display:grid;grid-template-columns:36px 1fr;gap:14px;align-items:start;padding:16px 0;border-bottom:1px solid var(--night-line)}
.next b{width:30px;height:30px;border-radius:50%;border:1px solid var(--orange);color:var(--orange);display:grid;place-items:center;font:600 13px var(--f-sans)}
.next strong{display:block;font:500 17px var(--f-sans)}
.next span{display:block;font-size:14.5px;color:var(--fg-2);margin-top:2px}
.qs{background:#0E1018;border:1px solid var(--night-line);padding:28px;position:relative;min-height:440px;display:flex;flex-direction:column;gap:20px;box-shadow:0 40px 80px -40px rgba(255,91,26,.35)}
.qs-top{display:grid;gap:10px}
.qs-top span{font:500 12px var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--orange)}
.qs-bar{height:3px;background:#22263A}
.qs-bar i{display:block;height:100%;width:25%;background:var(--orange);transition:width .5s cubic-bezier(.2,.8,.2,1)}
.qs-p{border:0;margin:0;padding:0;display:none;gap:14px}
.qs-p.on{display:grid;animation:stIn .45s both}
.qs-p legend{font:500 clamp(22px,2vw,28px)/1.2 var(--f-sans);letter-spacing:-.02em;margin-bottom:18px;padding:0}
.qs-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.qs-opts button{text-align:left;padding:15px 16px;background:#141722;border:1px solid #262A38;color:#E2E4EC;font:500 15px var(--f-sans);transition:all .2s}
.qs-opts button:hover{border-color:var(--orange);background:rgba(255,91,26,.08)}
.qs-opts button.sel{border-color:var(--orange);background:var(--orange);color:#fff}
.qs-p label{display:grid;gap:6px;font:500 14px var(--f-sans);color:var(--fg-2)}
.qs-p input{background:#141722;border:1px solid #262A38;color:#fff;padding:14px;font:400 15px var(--f-sans)}
.qs-p input:focus{outline:none;border-color:var(--orange)}
.qs-sum{display:flex;flex-wrap:wrap;gap:6px}
.qs-sum span{font:500 12.5px var(--f-sans);padding:6px 10px;border:1px solid rgba(255,91,26,.45);color:#FFA77F}
.qs-go{margin-top:4px;background:var(--orange);color:#fff;border:0;padding:16px;font:500 16px var(--f-sans)}
.qs-go:hover{background:#E84A0C}
.qs-fine{font-size:13px;color:#7C8296}
.qs-back{position:absolute;right:24px;top:22px;background:none;border:0;color:var(--fg-2);font:500 13px var(--f-sans)}
.qs-back:hover{color:#fff}
.qs-done{display:grid;gap:12px;align-content:center;flex:1;text-align:center;justify-items:center;animation:stIn .5s both}
.qs-done span{width:64px;height:64px;border-radius:50%;background:#0F3328;color:#3FD39B;display:grid;place-items:center;font-size:28px}
.qs-done h3{font:600 26px var(--f-sans)}
.qs-done p{color:var(--fg-2);max-width:30em}
@keyframes stIn{from{opacity:0;transform:translateY(10px)}}
@media (max-width:900px){.cta-grid{grid-template-columns:1fr}}
@media (max-width:480px){.qs-opts{grid-template-columns:1fr}}

/* ── footer wordmark: outlined "web/crea"; a torchlight fills it where the mouse is (drifts on its own otherwise) ── */
.wordmark{display:none}
.wm{position:relative;margin-top:40px;font:800 clamp(52px,14vw,220px)/.86 var(--f-flex);letter-spacing:-.05em;user-select:none;white-space:nowrap;overflow:hidden;padding-bottom:.06em;--x:30%;--y:50%}
.wm span{display:block}
.wm i{font-style:normal;font-weight:200;font-stretch:50%;display:inline-block;transform:scaleY(1.12);margin:0 .02em;color:var(--orange);-webkit-text-stroke:0;
  text-shadow:0 0 18px rgba(255,91,26,.75),0 0 60px rgba(255,91,26,.45);animation:wmGlow 3s ease-in-out infinite}
@keyframes wmGlow{50%{text-shadow:0 0 8px rgba(255,91,26,.5),0 0 28px rgba(255,91,26,.25)}}
.wm-o{color:transparent;-webkit-text-stroke:1px #2E3346}
.wm-f{position:absolute;inset:0;color:#F4F5F8;
  -webkit-mask-image:radial-gradient(circle clamp(120px,16vw,260px) at var(--x) var(--y),#000 0%,rgba(0,0,0,.55) 40%,transparent 72%);
          mask-image:radial-gradient(circle clamp(120px,16vw,260px) at var(--x) var(--y),#000 0%,rgba(0,0,0,.55) 40%,transparent 72%)}
.wm-f i{color:var(--orange)}
@media (prefers-reduced-motion:reduce){.wm i{animation:none}}

/* footer slash = a small copy of the banner beam: glowing core, breathing haze, pulses travelling up */
.wm .wm-beam{position:relative;display:inline-block;width:.055em;height:.98em;margin:0 .09em 0 .07em;vertical-align:-.12em;transform:skewX(-10deg);
  background:linear-gradient(180deg,rgba(255,91,26,0) 0%,#FF7A45 14%,#FFD9C6 50%,#FF7A45 86%,rgba(255,91,26,0) 100%);
  box-shadow:0 0 12px 2px rgba(255,91,26,.75),0 0 40px 10px rgba(255,91,26,.35),0 0 90px 30px rgba(255,91,26,.15);
  animation:wmBreathe 3.2s ease-in-out infinite;text-shadow:none;color:transparent;-webkit-text-stroke:0}
@keyframes wmBreathe{50%{box-shadow:0 0 8px 1px rgba(255,91,26,.55),0 0 26px 6px rgba(255,91,26,.25),0 0 60px 18px rgba(255,91,26,.1)}}
.wm .wm-beam b{position:absolute;left:50%;width:.12em;height:.12em;margin-left:-.06em;border-radius:50%;background:#FFF1E8;
  box-shadow:0 0 10px 4px rgba(255,170,120,.9),0 0 24px 8px rgba(255,91,26,.5);opacity:0;animation:wmPulse 2.8s linear infinite}
.wm .wm-beam b:nth-child(2){animation-delay:.7s;animation-duration:3.4s}
.wm .wm-beam b:nth-child(3){animation-delay:1.5s;animation-duration:2.4s}
.wm .wm-beam b:nth-child(4){animation-delay:2.1s;animation-duration:3.1s}
@keyframes wmPulse{0%{top:105%;opacity:0}10%{opacity:1}85%{opacity:1}100%{top:-8%;opacity:0}}
.wm .wm-gap{display:inline-block;width:.055em;margin:0 .09em 0 .07em}
@media (prefers-reduced-motion:reduce){.wm .wm-beam,.wm .wm-beam b{animation:none}.wm .wm-beam b{display:none}}

/* softer beam glow (no boxy shadow) and smaller pulses */
.wm .wm-beam{box-shadow:0 0 6px 1px rgba(255,91,26,.8),0 0 18px 2px rgba(255,91,26,.45)!important;animation:none!important}
.wm .wm-beam::before{content:"";position:absolute;top:-10%;bottom:-10%;left:-500%;right:-500%;background:radial-gradient(closest-side,rgba(255,91,26,.28),rgba(255,91,26,.08) 60%,transparent);pointer-events:none;animation:wmHaze 3.2s ease-in-out infinite}
@keyframes wmHaze{50%{opacity:.55}}
.wm .wm-beam b{width:.055em!important;height:.055em!important;margin-left:-.0275em!important;box-shadow:0 0 6px 2px rgba(255,190,150,.95),0 0 14px 4px rgba(255,91,26,.55)!important}

/* both layers share identical glyph metrics; only the outline layer shows the beam */
.wm-f .wm-beam{visibility:hidden}
.wm-o,.wm-f{font:inherit;letter-spacing:inherit;line-height:inherit}
.wm-f{top:0;left:0;right:0;bottom:0}
.wm{text-align:center}
.wm span.wm-o,.wm span.wm-f{text-align:center}

/* ── services on phones: swipeable buttons above the animation, nothing wider than the screen ── */
.sec-head>*,.svx>*,.jr,.jr-row>*{min-width:0}
@media (max-width:900px){
  .svx{grid-template-columns:minmax(0,1fr)!important;border-top:0}
  .svx-panel{order:0!important;padding-top:12px}
  .svx-list{display:flex;gap:8px;overflow-x:auto;padding:4px 0 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .svx-list::-webkit-scrollbar{display:none}
  .svx-list li{flex:none;border:0!important;background:none!important;overflow:visible}
  .svx-list li::before{display:none!important}
  .svx-list button{display:block!important;padding:10px 16px!important;border:1px solid var(--paper-line)!important;border-radius:999px;background:#fff!important}
  .svx-list button::before,.svx-list button::after,.svx-list .ar,.svx-list .ds,.svx-list .sl{display:none!important}
  .svx-list .tt{padding:0!important}
  .svx-list b{font:500 15px var(--f-sans)!important;letter-spacing:0!important;white-space:nowrap}
  .svx-list button[aria-selected="true"]{background:var(--ink)!important;border-color:var(--ink)!important}
  .svx-list button[aria-selected="true"] b{color:#fff!important;background:none!important;-webkit-background-clip:border-box;background-clip:border-box}
  .jr-row{grid-template-columns:auto minmax(40px,1fr) auto}
  .jr-end b{font-size:18px}
  .jr-end small{font-size:12.5px}
}

/* ═════════ inner pages (pg-*) ═════════ */
.pg-hero{position:relative;background:var(--night);color:var(--fg);overflow:hidden;isolation:isolate;padding:calc(var(--hh) + clamp(40px,6vw,80px)) 0 clamp(48px,6vw,80px)}
.pg-hero #field{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.pg-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(5,6,10,.55) 0%,rgba(5,6,10,0) 35%,rgba(5,6,10,0) 75%,var(--night) 100%)}
.pg-hero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,72px);align-items:center}
.pg-hero-in.solo{grid-template-columns:minmax(0,860px)}
.pg-hero-in>*{min-width:0}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font:400 13.5px var(--f-sans);color:#8E93A6;margin-bottom:22px}
.crumbs a{color:#C9CBD3}.crumbs a:hover{color:var(--orange)}
.crumbs span{color:#555B6E}
.pg-h1{font-family:var(--f-flex);font-variation-settings:"opsz" 96;font-size:clamp(38px,4.8vw,70px);line-height:1.02;letter-spacing:-.045em;margin-top:16px;font-weight:400}
.pg-h1 span{display:block;color:#8E93A6}
.pg-h1 b{display:block;font-weight:700;color:#fff}
.pg-h1 b .slash{color:var(--orange);font-weight:300;font-stretch:50%;display:inline-block;transform:scaleY(1.15);margin-left:.04em}
.pg-lede{margin-top:22px;font-size:clamp(17px,1.4vw,19px);color:#C9CBD3;max-width:36em}
.pg-hero .hero-ctas{margin-top:30px}
.pg-vis{position:relative}
.pg-vis .svx-stage{box-shadow:0 40px 80px -40px rgba(255,91,26,.35)}
.pg-facts{background:var(--night);border-top:1px solid var(--night-line);border-bottom:1px solid var(--night-line)}
.pg-facts .wrap{display:grid;grid-template-columns:repeat(3,1fr)}
.pg-facts div.f{padding:22px 24px;border-left:1px solid var(--night-line);min-width:0}
.pg-facts div.f:first-child{border-left:0;padding-left:0}
.pg-facts small{display:block;font:500 12px var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--orange)}
.pg-facts strong{display:block;margin-top:6px;font:500 17px var(--f-sans);color:#fff}
@media (max-width:900px){.pg-hero-in{grid-template-columns:minmax(0,1fr)}.pg-facts .wrap{grid-template-columns:1fr}.pg-facts div.f{border-left:0;padding-left:0;border-top:1px solid var(--night-line)}.pg-facts div.f:first-child{border-top:0}}

.pg-sec{padding-block:clamp(52px,6vw,84px)}
.pg-sec.tight{padding-top:0}
.pg-dark{background:var(--night);color:var(--fg)}
.pg-head{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end;margin-bottom:32px}
.pg-head>*{min-width:0}
.pg-head p{color:var(--ink-2);font-size:17.5px;max-width:34em;justify-self:end}
.pg-dark .pg-head p{color:var(--fg-2)}
.pg-dark h2.h2s span{color:#6E7286}.pg-dark h2.h2s b{color:#fff}
@media (max-width:900px){.pg-head{grid-template-columns:1fr}.pg-head p{justify-self:start}}

/* problems the client recognises */
.pg-pains{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:pn}
.pg-pains article{background:#fff;border:1px solid var(--paper-line);padding:26px;display:grid;gap:10px;align-content:start;position:relative}
.pg-pains article::before{counter-increment:pn;content:"0" counter(pn);font:500 13px var(--f-sans);color:var(--orange-ink)}
.pg-pains h3{font:600 20px/1.25 var(--f-sans);letter-spacing:-.01em}
.pg-pains p{color:var(--ink-2);font-size:15.5px}
.pg-answer{margin-top:22px;display:flex;gap:14px;align-items:center;font:500 18px var(--f-sans)}
.pg-answer i{font-style:normal;color:var(--orange);font-size:28px;font-weight:300}
@media (max-width:900px){.pg-pains{grid-template-columns:1fr}}

/* what's included */
.pg-subs{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--paper-line);border:1px solid var(--paper-line)}
.pg-subs div{background:var(--paper);padding:22px;display:grid;gap:8px;align-content:start;transition:background .25s}
.pg-subs div:hover{background:#fff}
.pg-subs b{font:600 16.5px var(--f-sans);display:flex;gap:8px}
.pg-subs b::before{content:"/";color:var(--orange);font-weight:300}
.pg-subs span{color:var(--ink-2);font-size:14.5px}
.pg-dark .pg-subs{background:var(--night-line);border-color:var(--night-line)}
.pg-dark .pg-subs div{background:#0D0F16}.pg-dark .pg-subs div:hover{background:#121521}
.pg-dark .pg-subs span{color:var(--fg-2)}
@media (max-width:1000px){.pg-subs{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.pg-subs{grid-template-columns:1fr}}

/* deliverables + tools */
.pg-two{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,4vw,64px);align-items:start}
.pg-two>*{min-width:0}
.pg-check{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}
.pg-check li{display:flex;gap:10px;align-items:baseline;font:400 16px var(--f-sans);padding:12px 0;border-bottom:1px solid var(--paper-line)}
.pg-check li::before{content:"✓";flex:none;width:20px;height:20px;border-radius:50%;background:var(--orange);color:#fff;display:inline-grid;place-items:center;font-size:11px;transform:translateY(3px)}
.pg-chips{display:flex;flex-wrap:wrap;gap:8px}
.pg-chips span,.pg-chips a{font:500 14px var(--f-sans);padding:9px 14px;border:1px solid var(--paper-line);background:#fff}
.pg-chips a:hover{border-color:var(--orange);color:var(--orange-ink)}
.pg-sub-h{font:600 15px var(--f-sans);margin:0 0 14px;display:block}
.pg-sub-h+.pg-chips{margin-bottom:28px}
@media (max-width:900px){.pg-two{grid-template-columns:1fr}.pg-check{grid-template-columns:1fr}}

/* link cards (related services, industries) */
.pg-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pg-card{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--paper-line);padding:24px;min-height:200px;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;position:relative}
.pg-card:hover{transform:translateY(-4px);box-shadow:0 26px 44px -30px rgba(0,0,0,.35)}
.pg-card small{font:500 12px var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--orange-ink)}
.pg-card h3{font:600 21px/1.2 var(--f-sans);letter-spacing:-.01em}
.pg-card p{color:var(--ink-2);font-size:15px}
.pg-card .go{margin-top:auto;font:500 14px var(--f-sans);color:var(--ink);display:flex;justify-content:space-between}
.pg-card .go i{font-style:normal;color:var(--orange)}
.pg-card .ill{width:72px;height:72px;color:var(--ink)}
.pg-card .ill svg{width:100%;height:100%}
.pg-dark .pg-card{background:#0D0F16;border-color:var(--night-line);color:#fff}
.pg-dark .pg-card p{color:var(--fg-2)}.pg-dark .pg-card .go{color:#fff}.pg-dark .pg-card small{color:var(--blue-hi)}
@media (max-width:1000px){.pg-cards{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.pg-cards{grid-template-columns:1fr}}

/* big service cards on the services overview */
.pg-big{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.pg-big a{display:grid;grid-template-columns:1fr auto;gap:10px 24px;background:#fff;border:1px solid var(--paper-line);padding:30px;transition:all .35s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}
.pg-big a::before{content:"";position:absolute;left:0;top:0;height:3px;width:40px;background:var(--orange);transition:width .45s cubic-bezier(.2,.8,.2,1)}
.pg-big a:hover::before{width:100%}
.pg-big a:hover{box-shadow:0 30px 50px -34px rgba(0,0,0,.35);transform:translateY(-4px)}
.pg-big .n{font:500 13px var(--f-sans);color:var(--orange-ink)}
.pg-big h3{grid-column:1/-1;font-family:var(--f-flex);font-variation-settings:"opsz" 96;font-weight:700;font-size:clamp(26px,2.4vw,36px);letter-spacing:-.035em;line-height:1.05}
.pg-big p{grid-column:1/-1;color:var(--ink-2)}
.pg-big .meta{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 18px;font:500 13.5px var(--f-sans);color:var(--ink)}
.pg-big .meta em{font-style:normal;color:var(--orange-ink)}
.pg-big .chips{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.pg-big .chips span{font:400 13px var(--f-sans);padding:6px 10px;border:1px solid var(--paper-line)}
.pg-big .go{grid-column:1/-1;margin-top:8px;font:500 14.5px var(--f-sans);display:flex;justify-content:space-between;border-top:1px solid var(--paper-line);padding-top:14px}
.pg-big .go i{font-style:normal;color:var(--orange)}
@media (max-width:900px){.pg-big{grid-template-columns:1fr}}

/* principles / numbered points */
.pg-points{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:2px solid var(--ink)}
.pg-points div{padding:26px 26px 26px 0;border-bottom:1px solid var(--paper-line);display:grid;gap:8px;align-content:start}
.pg-points div:not(:nth-child(3n+1)){padding-left:26px;border-left:1px solid var(--paper-line)}
.pg-points b{font:600 20px/1.25 var(--f-sans);display:flex;gap:10px}
.pg-points b::before{content:"/";color:var(--orange);font-weight:300}
.pg-points p{color:var(--ink-2);font-size:15.5px}
.pg-dark .pg-points{border-top-color:#fff}.pg-dark .pg-points div{border-color:var(--night-line)}.pg-dark .pg-points p{color:var(--fg-2)}
@media (max-width:900px){.pg-points{grid-template-columns:1fr}.pg-points div{padding-left:0!important;border-left:0!important}}

/* FAQ */
.pg-faq{border-top:2px solid var(--ink);max-width:980px}
.pg-faq details{border-bottom:1px solid var(--paper-line)}
.pg-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:20px 0;font:500 18px/1.35 var(--f-sans)}
.pg-faq summary::-webkit-details-marker{display:none}
.pg-faq summary::after{content:"+";flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--paper-line);display:grid;place-items:center;font:300 20px/1 var(--f-sans);color:var(--orange-ink);transition:transform .3s}
.pg-faq details[open] summary::after{transform:rotate(45deg);background:var(--orange);color:#fff;border-color:var(--orange)}
.pg-faq details p{padding:0 0 22px;color:var(--ink-2);max-width:62ch}

/* article reading */
.art-hero .pg-hero-in{grid-template-columns:minmax(0,900px)}
.art-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;font:500 14px var(--f-sans);color:#C9CBD3}
.art-meta em{font-style:normal;color:var(--orange)}
.art{display:grid;grid-template-columns:240px minmax(0,720px);gap:clamp(28px,5vw,72px);justify-content:center}
.art aside{position:sticky;top:calc(var(--hh) + 24px);align-self:start}
.art aside small{display:block;font:500 12px var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--orange-ink);margin-bottom:12px}
.art aside ol{list-style:none;margin:0;padding:0;display:grid;gap:2px;border-left:2px solid var(--paper-line)}
.art aside a{display:block;padding:7px 0 7px 14px;margin-left:-2px;border-left:2px solid transparent;font:400 14px/1.35 var(--f-sans);color:var(--ink-2)}
.art aside a:hover,.art aside a.on{color:var(--ink);border-left-color:var(--orange)}
.prose{font:400 18px/1.75 var(--f-body);color:#23262F}
.prose h2{font:600 clamp(24px,2.2vw,30px)/1.2 var(--f-sans);letter-spacing:-.02em;margin:48px 0 14px;color:var(--ink);scroll-margin-top:90px}
.prose h3{font:600 20px/1.3 var(--f-sans);margin:32px 0 10px;color:var(--ink)}
.prose p{margin:0 0 18px}
.prose ul,.prose ol{margin:0 0 20px;padding-left:22px}
.prose li{margin:6px 0}
.prose li::marker{color:var(--orange)}
.prose strong{color:var(--ink);font-weight:600}
.prose>p:first-child{font-size:20px;color:var(--ink)}
@media (max-width:980px){.art{grid-template-columns:minmax(0,1fr)}.art aside{position:static}}

/* contact details */
.pg-contact{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pg-contact div{background:#fff;border:1px solid var(--paper-line);padding:22px;display:grid;gap:6px}
.pg-contact small{font:500 12px var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--orange-ink)}
.pg-contact b{font:500 18px var(--f-sans)}
.pg-contact span{color:var(--ink-2);font-size:14.5px}
@media (max-width:900px){.pg-contact{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.pg-contact{grid-template-columns:1fr}}

.pg-note{border-left:3px solid var(--orange);background:#fff;padding:14px 18px;font-size:15px;color:var(--ink-2);margin-bottom:28px}
.mnav a.on,.mnav button.on{color:var(--ink)!important}
.mnav>li>a.on::after{content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:2px;background:var(--orange)}
.mk-art[data-ill]{color:var(--ink)}
.pg-hero .ask-box{height:520px}
.pg-hero .pt{box-shadow:0 40px 80px -40px rgba(255,91,26,.3)}

.tl-steps{grid-template-columns:repeat(var(--n,5),minmax(0,1fr))}
@media (max-width:980px){.tl-steps{grid-template-columns:1fr}}

/* the hero visual sits beside the beam, not on top of it */
.pg-vis .svx-stage{background:rgba(13,15,22,.72);backdrop-filter:blur(2px)}

/* ═════════ homepage-style components for inner pages (cx-*) ═════════ */
/* typing word after the slash, same as the homepage headline */
.pg-h1 .cx-rot{display:inline-flex;align-items:baseline;white-space:nowrap;min-height:1.05em}
.pg-h1 .cx-rot .slash{color:var(--orange);font-weight:300;font-stretch:50%;display:inline-block;transform:translateY(.05em) scaleY(1.2);margin-right:.04em}
.pg-h1 .cx-rot i{display:inline-block;width:.06em;height:.8em;background:var(--orange);margin-left:.06em;align-self:center;animation:cxCaret 1s steps(1) infinite}
@keyframes cxCaret{50%{opacity:0}}

/* phone mock */
.cx-phone{position:relative;width:min(300px,78vw);aspect-ratio:9/18.5;margin-inline:auto;border-radius:38px;background:#0B0C10;padding:11px;box-shadow:0 0 0 1px #262A36,0 50px 90px -40px rgba(255,91,26,.45)}
.cx-phone::before{content:"";position:absolute;top:18px;left:50%;width:84px;height:22px;border-radius:12px;background:#0B0C10;transform:translateX(-50%);z-index:3}
.cx-screen{position:relative;height:100%;border-radius:28px;background:#F7F5F1;overflow:hidden;color:#0B0C10;font:400 13px/1.4 var(--f-sans)}
.cx-scr{position:absolute;inset:0;padding:44px 14px 14px;display:flex;flex-direction:column;gap:10px;opacity:0;transform:translateY(10px);transition:opacity .45s,transform .45s}
.cx-scr.on{opacity:1;transform:none}
.cx-bar{display:flex;justify-content:space-between;align-items:center;font:600 13px var(--f-sans)}
.cx-bar em{font-style:normal;font-weight:500;font-size:11px;color:#C2410C}
.cx-q{background:#fff;border:1px solid #E2DED6;border-radius:999px;padding:9px 12px;font-size:12.5px;color:#4B4E58}
.cx-res{background:#fff;border:1px solid #E2DED6;border-radius:10px;padding:10px;display:grid;gap:3px}
.cx-res small{color:#0E9F6E;font-size:11px}
.cx-res b{font-weight:600;font-size:13px;color:#1A0DAB}
.cx-res span{font-size:11.5px;color:#4B4E58}
.cx-res.me{border-color:#FF5B1A;box-shadow:0 0 0 1px #FF5B1A}
.cx-res s{display:block;height:7px;background:#ECE8E1;border-radius:4px;text-decoration:none}
.cx-chips{display:flex;gap:6px;flex-wrap:wrap}
.cx-chips span{font-size:11px;padding:5px 9px;border-radius:999px;border:1px solid #E2DED6;background:#fff}
.cx-chips span.on{background:#0B0C10;color:#fff;border-color:#0B0C10}
.cx-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cx-tile{background:#fff;border:1px solid #E2DED6;border-radius:10px;padding:6px;display:grid;gap:3px;font-size:11px}
.cx-tile i{display:block;aspect-ratio:1;border-radius:7px;background:linear-gradient(135deg,#ECE8E1,#DDD8CF)}
.cx-tile.o i{background:linear-gradient(135deg,rgba(255,91,26,.55),rgba(255,91,26,.15))}
.cx-tile b{font-weight:600}
.cx-img{height:150px;border-radius:12px;background:linear-gradient(135deg,rgba(255,91,26,.6),rgba(255,91,26,.15))}
.cx-ttl{font:600 15px var(--f-sans)}
.cx-price{font:700 18px var(--f-sans)}
.cx-stars{color:#C2410C;font-size:12px}
.cx-ai{background:#0B0C10;color:#fff;border-radius:10px;padding:9px 10px;font-size:11.5px}
.cx-ai b{color:#FFA77F;font-weight:500}
.cx-btn{margin-top:auto;background:#FF5B1A;color:#fff;border-radius:10px;padding:12px;text-align:center;font:600 13.5px var(--f-sans)}
.cx-btn.dark{background:#0B0C10}
.cx-pay{display:grid;gap:6px}
.cx-pay div{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #E2DED6;border-radius:10px;padding:10px;font-size:12.5px}
.cx-pay div.on{border-color:#FF5B1A;box-shadow:0 0 0 1px #FF5B1A}
.cx-pay div i{width:14px;height:14px;border-radius:50%;border:2px solid #C9C4BA}
.cx-pay div.on i{border-color:#FF5B1A;background:radial-gradient(#FF5B1A 45%,transparent 50%)}
.cx-sum{display:flex;justify-content:space-between;font-size:12.5px;padding:8px 2px;border-bottom:1px dashed #DDD8CF}
.cx-ok{position:absolute;inset:0;background:rgba(247,245,241,.96);display:grid;place-content:center;justify-items:center;gap:8px;opacity:0;transition:opacity .4s}
.cx-ok.on{opacity:1}
.cx-ok span{width:56px;height:56px;border-radius:50%;background:#0E9F6E;color:#fff;display:grid;place-items:center;font-size:26px}
.cx-ok b{font:600 15px var(--f-sans)}
.cx-wa{margin:-44px -14px 0;padding:44px 14px 10px;background:#0E6B4F;color:#fff;font:600 13px var(--f-sans)}
.cx-wa small{display:block;font-weight:400;opacity:.8;font-size:11px}
.cx-msg{align-self:flex-start;max-width:88%;background:#fff;border-radius:10px 10px 10px 2px;padding:8px 10px;font-size:12px;box-shadow:0 1px 0 #E2DED6}
.cx-msg small{display:block;text-align:right;color:#8E93A6;font-size:10px;margin-top:2px}
.cx-track{display:flex;gap:4px;margin-top:4px}
.cx-track i{flex:1;height:5px;border-radius:3px;background:#DDD8CF}
.cx-track i.on{background:#0E9F6E}
.cx-coupon{border:2px dashed #FF5B1A;border-radius:12px;padding:14px;text-align:center;display:grid;gap:4px}
.cx-coupon b{font:700 22px var(--f-sans);color:#C2410C}

/* journey: steps on the left autoplay, the phone shows each one */
.cx-jr{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,80px);align-items:center}
.cx-jr>*{min-width:0}
.cx-steps{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink);counter-reset:jr}
.cx-steps li{border-bottom:1px solid var(--paper-line)}
.cx-steps button{width:100%;text-align:left;background:none;border:0;padding:18px 0;display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:baseline;position:relative;color:var(--ink)}
.cx-steps button::before{counter-increment:jr;content:"0" counter(jr);font:500 13px var(--f-sans);color:#9A968E}
.cx-steps b{font:500 clamp(20px,1.9vw,26px)/1.2 var(--f-sans);letter-spacing:-.02em}
.cx-steps p{grid-column:2;font-size:15px;color:var(--ink-2);max-height:0;opacity:0;overflow:hidden;transition:max-height .4s,opacity .3s}
.cx-steps button::after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--orange)}
.cx-steps button[aria-selected="true"]::before{color:var(--orange-ink)}
.cx-steps button[aria-selected="true"] b{font-weight:700}
.cx-steps button[aria-selected="true"] p{max-height:5em;opacity:1}
.cx-steps button[aria-selected="true"]::after{animation:cxFill 5s linear forwards}
.cx-jr.hold .cx-steps button[aria-selected="true"]::after{animation-play-state:paused}
@keyframes cxFill{to{width:100%}}
@media (max-width:900px){.cx-jr{grid-template-columns:minmax(0,1fr)}.cx-jr .cx-phone{order:-1}}

/* compare: the same shopper, two stores */
.cx-cmp{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.cx-col{background:#0D0F16;border:1px solid var(--night-line);display:flex;flex-direction:column;min-height:420px}
.cx-col.good{border-color:rgba(255,91,26,.45);box-shadow:0 30px 60px -40px rgba(255,91,26,.5)}
.cx-top{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--night-line);font:500 15px var(--f-sans)}
.cx-col.good .cx-top span{color:var(--orange)}
.cx-top b{font:600 22px var(--f-flex);font-variant-numeric:tabular-nums}
.cx-feed{flex:1;padding:18px 20px;display:flex;flex-direction:column;gap:10px}
.cx-line{display:flex;gap:10px;align-items:baseline;font-size:15px;color:#D5D7DE;animation:cxIn .35s both}
.cx-line::before{content:"/";color:#5D6275}
.cx-col.good .cx-line::before{color:var(--orange)}
.cx-line small{margin-left:auto;color:#7C8296;font-size:12.5px;white-space:nowrap}
@keyframes cxIn{from{opacity:0;transform:translateY(8px)}}
.cx-res2{margin:0 20px 20px;padding:12px 14px;font:500 14px var(--f-sans);opacity:0;transform:translateY(8px);transition:all .4s}
.cx-res2.on{opacity:1;transform:none}
.cx-res2.bad{background:rgba(217,45,32,.12);color:#F97066;border:1px solid rgba(217,45,32,.4)}
.cx-res2.ok{background:#0F3328;color:#3FD39B;border:1px solid #1B5C47}
.cx-load{height:4px;background:#22263A;margin:0 20px}
.cx-load i{display:block;height:100%;width:0;background:#5B6070}
.cx-col.good .cx-load i{background:var(--orange)}
@media (max-width:900px){.cx-cmp{grid-template-columns:1fr}}

/* statement that lights up as you scroll */
.cx-say{padding-block:clamp(64px,8vw,110px)}
.cx-say p{font:500 clamp(28px,3.8vw,54px)/1.16 var(--f-sans);letter-spacing:-.025em;max-width:24ch;margin-top:22px}
.cx-say .w{color:#2C303D;transition:color .35s}
.cx-say .w.on{color:var(--fg)}
.cx-say .w.k.on{color:var(--orange)}

/* deliverables that tick themselves off */
.cx-box{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,72px);align-items:center}
.cx-box>*{min-width:0}
.cx-ticks{background:#0D0F16;border:1px solid var(--night-line);padding:10px 22px}
.cx-ticks div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--night-line);font:400 15.5px var(--f-sans);color:#C9CBD3}
.cx-ticks div:last-child{border-bottom:0}
.cx-ticks div b{flex:none;font:500 12.5px var(--f-sans);color:#5D6275;transition:color .3s}
.cx-ticks div.ok{color:#fff}
.cx-ticks div.ok b{color:#3FD39B}
@media (max-width:900px){.cx-box{grid-template-columns:1fr}}

/* tools ticker */
.cx-tools{border-top:1px solid var(--night-line);border-bottom:1px solid var(--night-line);background:var(--night);color:#C9CBD3;padding-block:16px;overflow:hidden}
.cx-tools .row2{display:flex;gap:44px;width:max-content;animation:cxTick 40s linear infinite;font:500 13px var(--f-sans);letter-spacing:.1em;text-transform:uppercase}
.cx-tools .row2 span::before{content:"/";color:var(--orange);margin-right:14px}
@keyframes cxTick{to{transform:translateX(-50%)}}

/* other practices as a quiet link list */
.cx-more{display:grid;grid-template-columns:repeat(5,1fr);border-top:2px solid var(--ink)}
.cx-more a{padding:20px 18px 20px 0;border-bottom:1px solid var(--paper-line);display:grid;gap:4px}
.cx-more a+a{padding-left:18px;border-left:1px solid var(--paper-line)}
.cx-more b{font:600 17px var(--f-sans);display:flex;justify-content:space-between}
.cx-more b i{font-style:normal;color:var(--orange);opacity:0;transform:translateX(-6px);transition:all .25s}
.cx-more a:hover b i{opacity:1;transform:none}
.cx-more span{font-size:14px;color:var(--ink-2)}
@media (max-width:1000px){.cx-more{grid-template-columns:1fr 1fr}.cx-more a{padding-left:0!important;border-left:0!important}}
@media (prefers-reduced-motion:reduce){.cx-tools .row2,.pg-h1 .cx-rot i{animation:none}}
.cx-phone{aspect-ratio:9/17}
.paper .cx-phone{box-shadow:0 0 0 1px #262A36,0 40px 70px -40px rgba(11,12,16,.45)}
@media (max-width:600px){.cx-phone{width:min(250px,70vw)}}

/* ── journey v2: scroll-driven, the phone stays pinned while steps change ── */
.cx-pin{position:relative;height:calc(var(--n,6) * 62vh + 40vh)}
.cx-pin-in{position:sticky;top:var(--hh);height:calc(100vh - var(--hh));display:flex;align-items:center;overflow:hidden}
.cx-pin-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,80px);align-items:center;width:100%}
.cx-pin-grid>*{min-width:0}
.cx-pin-count{display:flex;align-items:baseline;gap:8px;margin-top:26px;font:500 15px var(--f-sans);color:#7C8296}
.cx-pin-count b{font:700 clamp(44px,5vw,68px)/1 var(--f-flex);letter-spacing:-.04em;color:var(--orange);font-variant-numeric:tabular-nums}
.cx-pin-steps{position:relative;min-height:150px;margin-top:10px}
.cx-pin-steps div{position:absolute;inset:0 0 auto 0;opacity:0;transform:translateY(16px);transition:opacity .45s,transform .45s}
.cx-pin-steps div.on{opacity:1;transform:none}
.cx-pin-steps h3{font:600 clamp(26px,2.6vw,38px)/1.12 var(--f-sans);letter-spacing:-.025em;color:#fff}
.cx-pin-steps p{margin-top:12px;font-size:17px;color:var(--fg-2);max-width:30em}
.cx-pin-bar{height:2px;background:#22263A;margin-top:18px;max-width:420px}
.cx-pin-bar i{display:block;height:100%;width:0;background:var(--orange);transition:width .2s linear}
.cx-pin-dots{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.cx-pin-dots span{font:500 12px var(--f-sans);letter-spacing:.06em;text-transform:uppercase;color:#5D6275;transition:color .3s}
.cx-pin-dots span.on{color:#fff}
.cx-pin-dots span.done{color:#9AA0B4}
.cx-pin .cx-phone{box-shadow:0 0 0 1px #262A36,0 50px 90px -40px rgba(255,91,26,.45)}
@media (max-width:900px){.cx-pin-grid{grid-template-columns:minmax(0,1fr);gap:18px}.cx-pin .cx-phone{width:min(210px,58vw);order:2}.cx-pin-steps{min-height:120px}.cx-pin-steps p{font-size:15px}.cx-pin-count{margin-top:12px}}
@media (prefers-reduced-motion:reduce){.cx-pin{height:auto}.cx-pin-in{position:static;height:auto;padding-block:72px}}

/* ── questions v2: ask-before-you-buy chat ── */
.cx-faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,72px);align-items:start}
.cx-faq>*{min-width:0}
.cx-qlist{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:8px}
.cx-qlist button{width:100%;text-align:left;display:flex;justify-content:space-between;gap:14px;align-items:center;background:#fff;border:1px solid var(--paper-line);padding:14px 16px;font:500 15.5px var(--f-sans);color:var(--ink);transition:all .2s}
.cx-qlist button::after{content:"→";color:var(--orange);opacity:.5;transition:all .2s}
.cx-qlist button:hover,.cx-qlist button.asked{border-color:var(--ink)}
.cx-qlist button:hover::after{opacity:1;transform:translateX(3px)}
.cx-qlist button.asked{background:var(--ink);color:#fff}
.cx-faq .ask-box{height:520px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:900px){.cx-faq{grid-template-columns:1fr}.cx-faq .ask-box{height:460px}}

/* ── insights v2: dark editorial covers ── */
.cx-read{display:grid;grid-template-columns:1fr 1fr auto;gap:16px}
.cx-cover{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:14px;min-height:340px;padding:28px;background:var(--ink);background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:18px 18px;color:#fff;overflow:hidden;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.cx-cover:hover{transform:translateY(-6px)}
.cx-cover::before{content:"";position:absolute;left:28px;top:28px;width:40px;height:2px;background:var(--orange);transition:width .5s cubic-bezier(.2,.8,.2,1)}
.cx-cover:hover::before{width:calc(100% - 56px)}
.cx-cover small{font:500 12px var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:#FFA77F}
.cx-cover strong{font:600 clamp(22px,2vw,30px)/1.18 var(--f-sans);letter-spacing:-.02em;max-width:20ch}
.cx-cover p{color:#9AA0B4;font-size:15px;max-width:40ch}
.cx-cover em{font-style:normal;font:500 14px var(--f-sans);color:var(--orange)}
.cx-all{display:grid;place-items:center;align-content:center;gap:10px;min-width:150px;border:1px solid var(--paper-line);background:#fff;padding:24px;font:500 15px var(--f-sans);text-align:center;transition:all .25s}
.cx-all i{font-style:normal;width:48px;height:48px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:20px;transition:transform .25s}
.cx-all:hover{border-color:var(--ink)}.cx-all:hover i{transform:rotate(-45deg)}
@media (max-width:900px){.cx-read{grid-template-columns:1fr}.cx-all{min-height:120px}}
.cx-faq .ask-box{color:#fff}

/* ── header logo animation: slash draws in, words slide in, a light pulse runs up the slash ── */
.mast .mlogo,.mob .mlogo{position:relative}
.mast .mlogo>span,.mob .mlogo>span{display:inline-block;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.mast .mlogo>span:first-child{animation:lgWeb .7s .35s cubic-bezier(.2,.8,.2,1) both}
.mast .mlogo>span:last-child{animation:lgCrea .7s .35s cubic-bezier(.2,.8,.2,1) both}
.mast .mlogo .sl,.mob .mlogo .sl{
  background:linear-gradient(180deg,#FF5B1A 0%,#FF5B1A 38%,#FFE7DA 50%,#FF5B1A 62%,#FF5B1A 100%);background-size:100% 320%;background-position:0 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 0 rgba(255,91,26,0));
  animation:lgDraw .55s cubic-bezier(.2,.8,.2,1) both,lgPulse 4.2s 1.4s ease-in-out infinite;transition:filter .3s}
@keyframes lgDraw{from{transform:translateY(.06em) scaleY(0);opacity:0}to{transform:translateY(.06em) scaleY(1.22);opacity:1}}
@keyframes lgWeb{from{transform:translateX(.5em);opacity:0}to{transform:none;opacity:1}}
@keyframes lgCrea{from{transform:translateX(-.5em);opacity:0}to{transform:none;opacity:1}}
@keyframes lgPulse{0%,55%{background-position:0 100%;filter:drop-shadow(0 0 0 rgba(255,91,26,0))}
  70%{filter:drop-shadow(0 0 5px rgba(255,91,26,.85))}
  85%{background-position:0 0;filter:drop-shadow(0 0 2px rgba(255,91,26,.4))}
  100%{background-position:0 0;filter:drop-shadow(0 0 0 rgba(255,91,26,0))}}
.mast .mlogo:hover .sl{filter:drop-shadow(0 0 6px rgba(255,91,26,.9));transform:translateY(.06em) scaleY(1.22) rotate(6deg)}
.mast .mlogo:hover>span:first-child{transform:translateX(-2px)}
.mast .mlogo:hover>span:last-child{transform:translateX(2px)}
@media (prefers-reduced-motion:reduce){.mast .mlogo>span,.mast .mlogo .sl,.mob .mlogo .sl{animation:none!important}}

/* words stay still; only the slash animates */
.mast .mlogo>span,.mob .mlogo>span{animation:none!important;transform:none!important;opacity:1!important}

/* slash: clearly visible light sweep + breathing glow (v2) */
.mast .mlogo .sl,.mob .mlogo .sl{
  background:linear-gradient(180deg,#FF5B1A 0%,#FF5B1A 30%,#FFFFFF 46%,#FFFFFF 54%,#FF5B1A 70%,#FF5B1A 100%)!important;background-size:100% 260%!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
  animation:lgDraw .55s cubic-bezier(.2,.8,.2,1) both,lgSweep 2.6s .8s linear infinite,lgGlow 2.6s .8s ease-in-out infinite!important}
@keyframes lgSweep{0%{background-position:0 100%}60%,100%{background-position:0 0}}
@keyframes lgGlow{0%,100%{filter:drop-shadow(0 0 1px rgba(255,91,26,.35))}30%{filter:drop-shadow(0 0 7px rgba(255,91,26,1)) drop-shadow(0 0 2px rgba(255,200,170,.9))}60%{filter:drop-shadow(0 0 2px rgba(255,91,26,.5))}}
@media (prefers-reduced-motion:reduce){.mast .mlogo .sl,.mob .mlogo .sl{animation:none!important;background:none!important;color:var(--orange)!important}}

/* slash v3 (works in every browser): solid orange, breathing glow, a spark of light travels up it */
.mast .mlogo .sl,.mob .mlogo .sl{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:var(--orange)!important;filter:none!important;position:relative;
  animation:lgDraw .55s cubic-bezier(.2,.8,.2,1) both,lgGlow3 2.8s .8s ease-in-out infinite!important}
@keyframes lgGlow3{0%,100%{text-shadow:0 0 0 rgba(255,91,26,0)}40%{text-shadow:0 0 6px rgba(255,91,26,1),0 0 16px rgba(255,91,26,.6)}}
.mast .mlogo .sl::after,.mob .mlogo .sl::after{content:"";position:absolute;left:50%;top:0;width:3px;height:.38em;margin-left:-1.5px;border-radius:3px;
  background:linear-gradient(to top,rgba(255,255,255,0),#fff 55%,rgba(255,255,255,0));box-shadow:0 0 6px 1px rgba(255,200,160,.9);
  opacity:0;animation:lgSpark 2.8s .8s ease-in-out infinite;pointer-events:none}
@keyframes lgSpark{0%{opacity:0;transform:translate(-.13em,.62em) rotate(14deg)}12%{opacity:1}58%{opacity:1}72%,100%{opacity:0;transform:translate(.1em,-.02em) rotate(14deg)}}
@media (prefers-reduced-motion:reduce){.mast .mlogo .sl::after,.mob .mlogo .sl::after{display:none}.mast .mlogo .sl,.mob .mlogo .sl{animation:none!important}}

/* slash v4: continuous, no pauses */
.mast .mlogo .sl,.mob .mlogo .sl{animation:lgDraw .55s cubic-bezier(.2,.8,.2,1) both,lgGlow4 1.8s ease-in-out infinite!important}
@keyframes lgGlow4{0%,100%{text-shadow:0 0 2px rgba(255,91,26,.5)}50%{text-shadow:0 0 7px rgba(255,91,26,1),0 0 16px rgba(255,91,26,.55)}}
.mast .mlogo .sl::after,.mob .mlogo .sl::after{animation:lgSpark4 1.8s linear infinite!important}
@keyframes lgSpark4{0%{opacity:0;transform:translate(-.13em,.62em) rotate(14deg)}12%{opacity:1}88%{opacity:1}100%{opacity:0;transform:translate(.1em,-.02em) rotate(14deg)}}

/* ── browser-window mock (same screen logic as the phone) ── */
.cx-phone.cx-web{width:100%;max-width:560px;aspect-ratio:16/11;border-radius:12px;padding:0;background:#EEECE7;overflow:hidden}
.cx-phone.cx-web::before{content:"";position:absolute;top:0;left:0;right:0;height:30px;width:auto;border-radius:0;transform:none;background:#E4E1DA;z-index:2}
.cx-phone.cx-web::after{content:"● ● ●";position:absolute;top:7px;left:12px;font-size:9px;letter-spacing:2px;color:#C9C4BA;z-index:3}
.cx-web .cx-screen{border-radius:0;margin-top:30px;height:calc(100% - 30px)}
.cx-web .cx-scr{padding:16px 18px}
.pg-dark .cx-phone.cx-web,.pg-hero .cx-phone.cx-web{box-shadow:0 0 0 1px #262A36,0 50px 90px -40px rgba(255,91,26,.45)}
/* widgets inside screens */
.cx-list{display:grid;gap:6px}
.cx-list div{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#fff;border:1px solid #E2DED6;border-radius:9px;padding:9px 10px;font-size:12px}
.cx-list div b{font-weight:600}
.cx-tag{font:600 10px var(--f-sans);padding:3px 7px;border-radius:999px;background:#ECE8E1;color:#4B4E58;white-space:nowrap}
.cx-tag.o{background:rgba(255,91,26,.15);color:#C2410C}
.cx-tag.g{background:#DDF5EA;color:#0E6B4F}
.cx-chart{display:flex;align-items:flex-end;gap:6px;height:110px;padding:8px;background:#fff;border:1px solid #E2DED6;border-radius:10px}
.cx-chart i{flex:1;border-radius:4px 4px 0 0;background:#DDD8CF;transform-origin:bottom;animation:cxGrow .9s cubic-bezier(.2,.8,.2,1) both}
.cx-chart i.o{background:#FF5B1A}
@keyframes cxGrow{from{transform:scaleY(.05)}}
.cx-kpis{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.cx-kpis div{background:#fff;border:1px solid #E2DED6;border-radius:9px;padding:8px 10px;font-size:11px;color:#4B4E58}
.cx-kpis b{display:block;font:700 18px var(--f-sans);color:#0B0C10}
.cx-kpis b.o{color:#C2410C}
.cx-cal{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.cx-cal span{background:#fff;border:1px solid #E2DED6;border-radius:7px;padding:7px 0;text-align:center;font-size:11px}
.cx-cal span.on{background:#FF5B1A;color:#fff;border-color:#FF5B1A}
.cx-cal span.x{color:#C9C4BA;text-decoration:line-through}
.cx-map{position:relative;height:120px;border-radius:10px;background:#E9E5DD;background-image:linear-gradient(90deg,rgba(255,255,255,.6) 2px,transparent 2px),linear-gradient(rgba(255,255,255,.6) 2px,transparent 2px);background-size:34px 34px;overflow:hidden}
.cx-map i{position:absolute;width:12px;height:12px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#9A968E}
.cx-map i.o{background:#FF5B1A;width:16px;height:16px;box-shadow:0 0 0 6px rgba(255,91,26,.2)}
.cx-dial{display:grid;place-items:center;gap:4px;padding:6px 0}
.cx-dial svg{width:96px;height:96px;transform:rotate(-90deg)}
.cx-dial circle{fill:none;stroke-width:9}
.cx-dial .tr{stroke:#DDF5EA}.cx-dial .ar{stroke:#0E9F6E;stroke-linecap:round;stroke-dasharray:283;animation:cxDial 1.4s cubic-bezier(.2,.8,.2,1) both}
@keyframes cxDial{from{stroke-dashoffset:283}}
.cx-dial b{font:700 22px var(--f-sans);color:#0E9F6E;margin-top:-66px;margin-bottom:34px}
.cx-swatch{display:flex;gap:6px}.cx-swatch i{flex:1;height:38px;border-radius:8px}
.cx-wire{display:grid;gap:6px}.cx-wire i{display:block;height:12px;border-radius:4px;border:1.5px dashed #C9C4BA}
.cx-wire i.big{height:60px}.cx-wire i.o{border-color:#FF5B1A}
.cx-note{font-size:11.5px;color:#4B4E58}
.cx-h{font:600 14px var(--f-sans)}
.cx-pin .cx-phone.cx-web{width:100%}

/* services overview: six live cards */
.cx-svcs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cx-svc{display:flex;flex-direction:column;background:#fff;border:1px solid var(--paper-line);overflow:hidden;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
.cx-svc:hover{transform:translateY(-6px);box-shadow:0 30px 50px -34px rgba(0,0,0,.4)}
.cx-svc .svx-stage{aspect-ratio:16/10;max-width:100%;border:0}
.cx-svc-t{padding:22px;display:grid;gap:8px;position:relative}
.cx-svc-t::before{content:"";position:absolute;left:22px;top:0;width:40px;height:2px;background:var(--orange);transition:width .45s}
.cx-svc:hover .cx-svc-t::before{width:calc(100% - 44px)}
.cx-svc-t small{font:500 12px var(--f-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--orange-ink);margin-top:10px}
.cx-svc-t h3{font-family:var(--f-flex);font-variation-settings:"opsz" 96;font-weight:700;font-size:26px;letter-spacing:-.03em}
.cx-svc-t p{color:var(--ink-2);font-size:15px}
.cx-svc-t span{font:500 14px var(--f-sans);margin-top:6px}.cx-svc-t span i{font-style:normal;color:var(--orange)}
@media (max-width:1000px){.cx-svcs{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.cx-svcs{grid-template-columns:1fr}}
/* insights index grid */
.cx-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cx-grid3 .cx-cover{min-height:320px}
.cx-grid3 .cx-cover[hidden]{display:none}
@media (max-width:1000px){.cx-grid3{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.cx-grid3{grid-template-columns:1fr}}
/* article reading progress */
.cx-readbar{position:fixed;left:0;right:0;top:calc(var(--hh) + env(safe-area-inset-top,0px));height:3px;z-index:49;pointer-events:none}
.cx-readbar i{display:block;height:100%;width:0;background:var(--orange)}
.pg-hero .ask-box{color:#fff}
.ba.pg-dark .ait span{color:#6E7286}

.mob .mlogo .sl{animation:lgGlow4 1.8s ease-in-out infinite!important;transform:translateY(.06em) scaleY(1.22)!important;opacity:1!important}

/* ═════════ signature widgets ═════════ */
.wcard{background:#0D0F16;border:1px solid #232736;color:#E9EDF7;font:400 14px/1.45 var(--f-sans);position:relative;box-shadow:0 50px 90px -45px rgba(255,91,26,.45);min-width:0}
.wcard-hd{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #232736;font:500 13px var(--f-sans);color:#C9CBD3}
.wcard-hd em{font-style:normal;font-size:11.5px;color:#FFA77F;border:1px solid rgba(255,91,26,.35);padding:3px 8px}
.wcard-bd{padding:18px}
.w-mute{color:#7C8296;font-size:13px}
.w-btn{background:var(--orange);color:#fff;border:0;padding:12px 16px;font:500 14px var(--f-sans);cursor:pointer}
.w-btn:hover{background:#E84A0C}.w-btn:disabled{opacity:.4;cursor:default}
.w-btn.ghost{background:transparent;border:1px solid #2E3344;color:#fff}
.w-chip{border:1px solid #2E3344;background:#141722;color:#C9CBD3;padding:8px 12px;font:500 13px var(--f-sans);cursor:pointer}
.w-chip.on,.w-chip.sel,.w-chip[aria-selected="true"]{background:var(--orange);border-color:var(--orange);color:#fff}
.w-ok{background:#0F3328;color:#3FD39B;border:1px solid #1B5C47;padding:12px;font:500 14px var(--f-sans)}
.w-range{width:100%;accent-color:var(--orange)}
.w-label{display:flex;justify-content:space-between;font:500 12px var(--f-sans);letter-spacing:.08em;text-transform:uppercase;color:#7C8296;margin-bottom:6px}
.w-label b{color:#fff;letter-spacing:0;text-transform:none;font-size:14px}

/* before/after */
.w-ba{--p:50%;position:relative;aspect-ratio:16/11;overflow:hidden;user-select:none}
.w-ba-a,.w-ba-b{position:absolute;inset:0;padding:18px;display:grid;gap:10px;align-content:start}
.w-ba-a{background:#E8E4D8;color:#333;font-family:"Times New Roman",serif}
.w-ba-b{background:#F7F5F1;color:#0B0C10;clip-path:inset(0 0 0 var(--p))}
.w-ba-a .bar{background:#3B5998;color:#ff0;padding:6px;font:700 15px "Comic Sans MS",cursive;text-align:center}
.w-ba-a .mq{background:#fffbcc;border:2px dashed #c00;padding:6px;font-size:12px;color:#c00}
.w-ba-a .grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px}.w-ba-a .grid i{height:42px;background:#b9b29c;border:2px outset #ddd}
.w-ba-a p{font-size:12px}
.w-ba-b .nav{display:flex;justify-content:space-between;font:600 13px var(--f-sans)}.w-ba-b .nav span{color:#C2410C}
.w-ba-b h4{margin:6px 0 0;font:700 22px/1.1 var(--f-flex);letter-spacing:-.03em}
.w-ba-b p{font-size:12.5px;color:#4B4E58}
.w-ba-b .btn{justify-self:start;background:#FF5B1A;color:#fff;padding:8px 12px;font:500 12px var(--f-sans)}
.w-ba-b .cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.w-ba-b .cards i{height:46px;border-radius:8px;background:#ECE8E1}.w-ba-b .cards i:first-child{background:rgba(255,91,26,.3)}
.w-ba-h{position:absolute;top:0;bottom:0;left:var(--p);width:2px;background:var(--orange);pointer-events:none}
.w-ba-h::after{content:"⇆";position:absolute;top:50%;left:50%;width:34px;height:34px;transform:translate(-50%,-50%);border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:14px}
.w-ba-r{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.w-ba-tag{position:absolute;top:10px;font:500 11px var(--f-sans);padding:4px 8px;background:#0B0C10;color:#fff;z-index:2}
.w-ba-tag.l{left:10px}.w-ba-tag.r{right:10px;background:var(--orange)}

/* configurator */
.w-cfg{display:grid;grid-template-columns:200px 1fr;gap:0}
.w-cfg-l{border-right:1px solid #232736;padding:16px;display:grid;gap:8px;align-content:start}
.w-cfg-l label{display:flex;gap:10px;align-items:center;font:500 13.5px var(--f-sans);cursor:pointer;padding:6px 0}
.w-cfg-l input{accent-color:var(--orange);width:16px;height:16px}
.w-cfg-l small{margin-left:auto;color:#7C8296;font-size:11.5px}
.w-cfg-m{padding:14px;display:grid;gap:8px;align-content:start;background:#F7F5F1;color:#0B0C10;min-height:300px}
.w-cfg-m .top{display:flex;justify-content:space-between;font:600 13px var(--f-sans)}
.w-cfg-m [data-show]{opacity:.12;filter:grayscale(1);transition:all .4s;transform:scale(.98)}
.w-cfg-m [data-show].on{opacity:1;filter:none;transform:none}
.w-mk{background:#fff;border:1px solid #E2DED6;border-radius:9px;padding:9px 10px;font-size:12px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.w-mk b{font-weight:600}.w-mk .t{font:600 10px var(--f-sans);padding:3px 7px;border-radius:999px;background:rgba(255,91,26,.15);color:#C2410C}
.w-mk.g .t{background:#DDF5EA;color:#0E6B4F}
.w-mkrow{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.w-cfg-f{grid-column:1/-1;border-top:1px solid #232736;padding:14px 16px;display:flex;align-items:center;gap:16px}
.w-cfg-f b{font:700 26px var(--f-flex);color:var(--orange)}
.w-cfg-bar{flex:1;height:6px;background:#22263A}.w-cfg-bar i{display:block;height:100%;width:0;background:var(--orange);transition:width .4s}
@media (max-width:560px){.w-cfg{grid-template-columns:1fr}.w-cfg-l{border-right:0;border-bottom:1px solid #232736;grid-template-columns:1fr 1fr}}

/* workflow */
.w-wf-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid #232736}
.w-wf-chain{padding:22px 18px;display:grid;gap:10px}
.w-node{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;padding:12px 14px;border:1px solid #232736;background:#121521;opacity:.35;transform:translateX(-6px);transition:all .45s}
.w-node.on{opacity:1;transform:none;border-color:rgba(255,91,26,.45)}
.w-node i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-style:normal;background:#1A1D28;color:var(--orange);font-size:16px}
.w-node.on i{background:var(--orange);color:#fff;box-shadow:0 0 22px rgba(255,91,26,.55)}
.w-node b{display:block;font:500 14.5px var(--f-sans);color:#fff}.w-node span{font-size:12.5px;color:#9AA0B4}
.w-wf-chain .w-arrow{margin-left:19px;width:2px;height:12px;background:#2E3344}

/* document reader */
.w-doc{display:grid;grid-template-columns:1fr 1fr;gap:0}
.w-doc-pg{position:relative;background:#F7F5F1;color:#0B0C10;padding:16px;font-size:11.5px;display:grid;gap:6px;align-content:start;overflow:hidden;min-height:300px}
.w-doc-pg h5{margin:0;font:700 14px var(--f-sans)}.w-doc-pg .ln{height:7px;background:#E2DED6;border-radius:3px}
.w-doc-pg .row{display:flex;justify-content:space-between;border-bottom:1px dashed #DDD8CF;padding:4px 0}
.w-doc-pg.scan::after{content:"";position:absolute;left:0;right:0;height:40px;background:linear-gradient(transparent,rgba(255,91,26,.35),transparent);animation:wScan 1.2s linear infinite}
@keyframes wScan{from{top:-40px}to{top:100%}}
.w-doc-r{padding:16px;display:grid;gap:8px;align-content:start}
.w-doc-f{display:flex;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid #232736;background:#121521;font-size:12.5px;color:#9AA0B4}
.w-doc-f b{color:#fff;font-weight:500}.w-doc-f.ok{border-color:#1B5C47}.w-doc-f.ok b::after{content:" ✓";color:#3FD39B}
.w-doc-f.warn{border-color:rgba(255,91,26,.6)}.w-doc-f.warn b{color:#FFA77F}
.w-doc-st{font:500 13px var(--f-sans);color:#FFA77F}
@media (max-width:560px){.w-doc{grid-template-columns:1fr}}

/* search simulator */
.w-serp-in{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;padding:14px 18px;border-bottom:1px solid #232736}
.w-serp-in input{background:#141722;border:1px solid #2E3344;color:#fff;padding:10px 12px;font:400 14px var(--f-sans);min-width:0}
.w-serp-pg{background:#fff;color:#202124;padding:14px 16px;min-height:300px}
.w-serp-q{border:1px solid #DFE1E5;border-radius:999px;padding:9px 14px;font-size:13px;margin-bottom:10px}
.w-serp-list{display:flex;flex-direction:column;gap:6px}
.w-serp-r{display:grid;grid-template-columns:28px 1fr;gap:8px;padding:8px;border-radius:8px;transition:background .3s}
.w-serp-r em{font-style:normal;font-size:11px;color:#70757A}
.w-serp-r s{display:block;height:7px;margin:4px 0;background:#ECEDEF;border-radius:4px;text-decoration:none}
.w-serp-me{background:#FFF4EE;outline:1px solid rgba(255,91,26,.5)}
.w-serp-me small{font-size:11px;color:#188038}.w-serp-me b{display:block;color:#1A0DAB;font:500 14px var(--f-sans)}.w-serp-me span{font-size:12px;color:#4D5156}
.w-serp-list.up .w-serp-me{box-shadow:0 10px 30px -12px rgba(255,91,26,.55)}
@media (max-width:560px){.w-serp-in{grid-template-columns:1fr 1fr}.w-serp-in .w-btn{grid-column:1/-1}}

/* status board */
.w-stat-top{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #232736}
.w-stat-top div{padding:14px 16px;border-right:1px solid #232736}.w-stat-top div:last-child{border-right:0}
.w-stat-top small{display:block;font:500 11px var(--f-sans);letter-spacing:.08em;text-transform:uppercase;color:#7C8296}
.w-stat-top b{font:700 20px var(--f-flex);color:#fff}
.w-stat-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#3FD39B;box-shadow:0 0 0 4px rgba(63,211,155,.2);margin-right:8px;animation:wPulse 1.6s infinite}
.w-stat-dot.bad{background:#F97066;box-shadow:0 0 0 4px rgba(249,112,102,.25)}
@keyframes wPulse{50%{box-shadow:0 0 0 8px rgba(63,211,155,0)}}
.w-stat-st{font:500 14px var(--f-sans)}
.w-stat-log{padding:12px 16px;display:grid;gap:6px;min-height:220px;align-content:start}
.w-stat-l{display:flex;gap:12px;font-size:13px;color:#C9CBD3;animation:wIn .3s both}
.w-stat-l span{color:#5D6275;font-variant-numeric:tabular-nums}
.w-stat-l.ok::before{content:"●";color:#3FD39B}.w-stat-l.warn::before{content:"●";color:#FFB238}.w-stat-l.bad::before{content:"●";color:#F97066}
.w-stat.down{box-shadow:0 0 0 1px rgba(249,112,102,.6),0 50px 90px -45px rgba(249,112,102,.5)}
.w-stat-f{padding:12px 16px;border-top:1px solid #232736;display:flex;justify-content:space-between;align-items:center;gap:12px}
@keyframes wIn{from{opacity:0;transform:translateY(6px)}}

/* listing filter */
.w-fg-ctl{padding:14px 18px;border-bottom:1px solid #232736;display:grid;gap:12px}
.w-fg-chips{display:flex;gap:6px;flex-wrap:wrap}
.w-fg-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 18px}
.w-fg-card{background:#F7F5F1;color:#0B0C10;padding:10px;display:grid;gap:3px;transition:all .35s}
.w-fg-card i{display:block;height:54px;background:linear-gradient(135deg,#DDD8CF,#ECE8E1);margin-bottom:4px}
.w-fg-card:nth-child(3n+1) i{background:linear-gradient(135deg,rgba(255,91,26,.45),rgba(255,91,26,.12))}
.w-fg-card b{font:600 13px var(--f-sans)}.w-fg-card span{font-size:11.5px;color:#4B4E58}.w-fg-card em{font-style:normal;font:700 13px var(--f-sans);color:#C2410C}
.w-fg-card.off{opacity:.12;transform:scale(.96);filter:grayscale(1)}
.w-fg-n{font:500 13px var(--f-sans);color:#FFA77F}

/* booker */
.w-book-dots{display:flex;gap:6px}.w-book-dots i{width:22px;height:4px;background:#2E3344}.w-book-dots i.on{background:var(--orange)}
.w-book-p{display:none;padding:18px;gap:12px}.w-book-p.on{display:grid;animation:wIn .35s both}
.w-book-p h5{margin:0;font:500 17px var(--f-sans);color:#fff}
.w-book-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.w-book-opts button{text-align:left;padding:12px;background:#141722;border:1px solid #262A38;color:#E2E4EC;font:500 13.5px var(--f-sans);cursor:pointer}
.w-book-opts button small{display:block;color:#7C8296;font-weight:400;font-size:12px}
.w-book-opts button:hover{border-color:var(--orange)}.w-book-opts button.sel{background:var(--orange);border-color:var(--orange)}
.w-book-opts.slots{grid-template-columns:repeat(4,1fr)}.w-book-opts .x{opacity:.3;pointer-events:none;text-decoration:line-through}
.w-book-sum{font:500 13px var(--f-sans);color:#FFA77F;min-height:18px}
.w-book-done{text-align:center;justify-items:center}.w-book-done span{width:56px;height:56px;border-radius:50%;background:#0F3328;color:#3FD39B;display:grid;place-items:center;font-size:24px}

/* calculators */
.w-calc{display:grid;grid-template-columns:1fr 1fr}
.w-calc-in{padding:18px;display:grid;gap:16px;border-right:1px solid #232736;align-content:start}
.w-calc-in select{background:#141722;border:1px solid #2E3344;color:#fff;padding:9px;font:400 14px var(--f-sans);width:100%}
.w-calc-out{padding:18px;display:grid;gap:14px;align-content:center;background:linear-gradient(160deg,rgba(255,91,26,.12),transparent 60%)}
.w-calc-out small{display:block;font:500 11.5px var(--f-sans);letter-spacing:.08em;text-transform:uppercase;color:#9AA0B4}
.w-calc-out b{display:block;font:700 clamp(26px,3vw,38px)/1.05 var(--f-flex);letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}
.w-calc-out b.o{color:var(--orange)}
.w-calc-out p{font-size:12.5px;color:#7C8296}
@media (max-width:620px){.w-calc{grid-template-columns:1fr}.w-calc-in{border-right:0;border-bottom:1px solid #232736}}

/* product configurator */
.w-prod{display:grid;grid-template-columns:1fr 1fr}
.w-prod-img{--c:#2B3A67;position:relative;min-height:320px;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--c) 70%,#fff),var(--c));transition:background .5s;display:grid;place-items:center}
.w-prod-img svg{width:58%;height:auto;filter:drop-shadow(0 20px 30px rgba(0,0,0,.35))}
.w-prod-r{padding:18px;display:grid;gap:12px;align-content:start}
.w-prod-name{font:600 18px var(--f-sans);color:#fff}.w-prod-price{font:700 24px var(--f-flex);color:#fff}
.w-sws,.w-szs{display:flex;gap:8px;flex-wrap:wrap}
.w-sw{width:30px;height:30px;border-radius:50%;border:2px solid #0D0F16;outline:1px solid #2E3344;cursor:pointer}.w-sw.sel{outline:2px solid var(--orange)}
.w-sz{min-width:40px;padding:7px 10px;background:#141722;border:1px solid #2E3344;color:#C9CBD3;font:500 13px var(--f-sans);cursor:pointer}.w-sz.sel{background:#fff;color:#0B0C10}
.w-prod-ai{background:#141722;border-left:2px solid var(--orange);padding:10px 12px;font-size:13px;color:#C9CBD3}
.w-prod-ai::before{content:"✦ AI: ";color:#FFA77F}
.w-prod-cart{position:absolute;top:12px;right:12px;background:#0B0C10;color:#fff;padding:6px 10px;font:500 12px var(--f-sans)}
.w-prod-cnt{display:inline-block;background:var(--orange);border-radius:999px;padding:0 7px;margin-left:4px}.w-prod-cnt.pop{animation:wPop .4s}
@keyframes wPop{50%{transform:scale(1.4)}}
@media (max-width:560px){.w-prod{grid-template-columns:1fr}.w-prod-img{min-height:220px}}

/* spec search */
.w-spec-ctl{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 18px;border-bottom:1px solid #232736}
.w-spec-ctl select{background:#141722;border:1px solid #2E3344;color:#fff;padding:9px;font:400 13.5px var(--f-sans)}
.w-spec-tbl{padding:8px 18px;display:grid;gap:6px;max-height:210px;overflow:auto}
.w-spec-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:9px 10px;border:1px solid #232736;background:#121521;font-size:13px}
.w-spec-row small{color:#7C8296}.w-spec-row button{background:none;border:1px solid #2E3344;color:#fff;padding:5px 9px;font:500 12px var(--f-sans);cursor:pointer}
.w-spec-row button:hover{border-color:var(--orange);color:var(--orange)}
.w-spec-foot{border-top:1px solid #232736;padding:14px 18px;display:grid;gap:10px}
.w-spec-rfq{display:grid;gap:5px}.w-spec-rfq div{display:flex;justify-content:space-between;font-size:13px}

/* week scrubber */
.w-week{--p:0%}
.w-week-track{position:relative;padding:22px 18px 8px}
.w-week-track input{width:100%;accent-color:var(--orange)}
.w-week-ticks{display:flex;justify-content:space-between;padding:0 18px;font:500 12px var(--f-sans);color:#7C8296}
.w-week-lab{display:inline-block;font:700 28px var(--f-flex);color:var(--orange)}
.w-week-p{display:none;padding:12px 18px 20px;gap:12px}.w-week-p.on{display:grid;animation:wIn .35s both}
.w-week-p h5{margin:0;font:600 20px var(--f-sans);color:#fff}
.w-week-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.w-week-cols div{border:1px solid #232736;background:#121521;padding:12px}
.w-week-cols small{display:block;font:500 11px var(--f-sans);letter-spacing:.08em;text-transform:uppercase;color:#FFA77F;margin-bottom:6px}
.w-week-cols ul{margin:0;padding-left:16px;color:#C9CBD3;font-size:13px}

/* recommender */
.w-rec{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(24px,4vw,56px)}
.w-rec>*{min-width:0}
.w-rec-q{display:grid;gap:10px;margin-bottom:24px}
.w-rec-q h4{margin:0;font:500 18px var(--f-sans)}
.w-rec-q div{display:flex;flex-wrap:wrap;gap:8px}
.w-rec-q button{border:1px solid var(--paper-line);background:#fff;padding:10px 14px;font:500 14px var(--f-sans);cursor:pointer}
.w-rec-q button.sel{background:var(--ink);color:#fff;border-color:var(--ink)}
.w-rec-out{font:600 18px var(--f-sans);color:var(--orange-ink)}
.w-rec-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.w-rec-card{display:grid;gap:6px;background:#fff;border:1px solid var(--paper-line);padding:20px;transition:all .35s;position:relative}
.w-rec-card small{font:500 12px var(--f-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--orange-ink)}
.w-rec-card h3{font:700 22px var(--f-flex);letter-spacing:-.03em}.w-rec-card p{font-size:14.5px;color:var(--ink-2)}
.w-rec-card span{font:500 14px var(--f-sans)}.w-rec-card span i{font-style:normal;color:var(--orange)}
.w-rec-card.hit{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange),0 26px 40px -30px rgba(255,91,26,.6);transform:translateY(-3px)}
.w-rec-card.hit::after{content:"Recommended";position:absolute;top:14px;right:14px;font:500 11px var(--f-sans);background:var(--orange);color:#fff;padding:4px 8px}
.w-rec-card.dim{opacity:.4}
@media (max-width:900px){.w-rec{grid-template-columns:1fr}.w-rec-cards{grid-template-columns:1fr}}

/* industry finder */
.w-find-in{display:flex;gap:10px;align-items:center;border:2px solid var(--ink);background:#fff;padding:6px 6px 6px 16px;max-width:640px}
.w-find-in input{flex:1;border:0;outline:0;font:500 18px var(--f-sans);padding:10px 0;background:transparent;min-width:0}
.w-find-try{border:1px solid var(--paper-line);background:#fff;padding:6px 10px;font:500 13px var(--f-sans);cursor:pointer}
.w-find-msg{margin:14px 0 22px;color:var(--ink-2)}
.w-find-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.w-find-card{display:grid;gap:8px;background:#fff;border:1px solid var(--paper-line);padding:20px;transition:all .3s}
.w-find-card:hover{border-color:var(--ink);transform:translateY(-3px)}
.w-find-card .ill{width:64px;height:64px;color:var(--ink)}.w-find-card .ill svg{width:100%;height:100%}
.w-find-card h3{font:600 19px var(--f-sans)}.w-find-card p{font-size:14px;color:var(--ink-2)}
.w-find-card em{font-style:normal;font:500 13px var(--f-sans);color:var(--orange-ink)}
.w-find-card.off{display:none}
@media (max-width:1000px){.w-find-grid{grid-template-columns:1fr 1fr}}@media (max-width:520px){.w-find-grid{grid-template-columns:1fr}}

/* AI does / people do */
.w-ai-t{display:inline-flex;border:1px solid #2E3344;margin-bottom:18px}
.w-ai-t button{background:none;border:0;color:#9AA0B4;padding:10px 18px;font:500 14px var(--f-sans);cursor:pointer}
.w-ai-t button[aria-selected="true"]{background:var(--orange);color:#fff}
.w-ai-g{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.w-ai-i{border:1px solid #232736;background:#0D0F16;padding:16px;display:grid;gap:6px;opacity:.3;transition:all .4s}
.w-ai-i.hit{opacity:1;border-color:rgba(255,91,26,.5)}
.w-ai-i b{font:500 16px var(--f-sans);color:#fff}.w-ai-i span{font-size:13.5px;color:#9AA0B4}
.w-ai-i small{font:500 11px var(--f-sans);letter-spacing:.08em;text-transform:uppercase;color:#FFA77F}
@media (max-width:900px){.w-ai-g{grid-template-columns:1fr 1fr}}@media (max-width:520px){.w-ai-g{grid-template-columns:1fr}}

/* flip cards */
.w-flips{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.w-flip{perspective:1200px;height:240px;cursor:pointer;outline:none}
.w-flip-in{position:relative;height:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}
.w-flip.flip .w-flip-in{transform:rotateY(180deg)}
.w-flip-f,.w-flip-b{position:absolute;inset:0;backface-visibility:hidden;padding:22px;display:grid;align-content:space-between;border:1px solid var(--paper-line)}
.w-flip-f{background:#fff}.w-flip-b{background:var(--ink);color:#fff;transform:rotateY(180deg);border-color:var(--ink)}
.w-flip-f h3{font:700 24px var(--f-flex);letter-spacing:-.03em}.w-flip-f small{color:var(--orange-ink);font:500 13px var(--f-sans)}
.w-flip-b ul{margin:0;padding-left:18px;font-size:14px;color:#C9CBD3}.w-flip-b b{color:#FFA77F;font:500 13px var(--f-sans)}
.w-flip:focus-visible .w-flip-f{outline:2px solid var(--orange)}
@media (max-width:900px){.w-flips{grid-template-columns:1fr 1fr}}@media (max-width:560px){.w-flips{grid-template-columns:1fr}}

/* tracker */
.w-trk-ss{display:grid;gap:6px;padding:16px 18px}
.w-trk-s{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid #232736;background:#121521;font-size:13.5px;color:#9AA0B4;transition:all .35s}
.w-trk-s i{width:18px;height:18px;border-radius:50%;border:2px solid #2E3344}
.w-trk-s.done{color:#C9CBD3}.w-trk-s.done i{background:#0F3328;border-color:#3FD39B}.w-trk-s.done em::before{content:"Done";color:#3FD39B}
.w-trk-s.now{border-color:rgba(255,91,26,.55);color:#fff;background:rgba(255,91,26,.08)}.w-trk-s.now i{border-color:var(--orange);box-shadow:0 0 0 4px rgba(255,91,26,.2)}.w-trk-s.now em::before{content:"In progress";color:var(--orange)}
.w-trk-s em{font-style:normal;font-size:12px}
.w-trk-msg{padding:0 18px 16px;font-size:13px;color:#FFA77F;min-height:20px}

/* portal */
.w-portal-list{padding:14px 18px;display:grid;gap:6px;min-height:240px;align-content:start}
.w-portal-f{display:grid;grid-template-columns:1fr 90px auto;gap:10px;align-items:center;padding:9px 10px;border:1px solid #232736;background:#121521;font-size:13px;animation:wIn .3s both}
.w-portal-f i{height:4px;background:#22263A}.w-portal-f u{display:block;height:100%;width:0;background:var(--orange);transition:width .1s}
.w-portal-f b{font:500 12px var(--f-sans);color:#9AA0B4}.w-portal-f.ok b{color:#3FD39B}.w-portal-f.ok u{background:#3FD39B}

/* explorer */
.w-ex{display:grid;grid-template-columns:.9fr 1.1fr;border-top:2px solid var(--ink)}
.w-ex-l{list-style:none;margin:0;padding:0}
.w-ex-l button{width:100%;text-align:left;display:flex;justify-content:space-between;gap:10px;padding:15px 0;border:0;border-bottom:1px solid var(--paper-line);background:none;font:500 17px var(--f-sans);color:var(--ink-2);cursor:pointer}
.w-ex-l button::after{content:"→";color:var(--orange);opacity:0;transition:all .25s}
.w-ex-l button[aria-selected="true"]{color:var(--ink);font-weight:600}.w-ex-l button[aria-selected="true"]::after{opacity:1}
.w-ex-r{position:relative;margin-left:clamp(20px,4vw,56px);margin-top:16px}
.w-ex-p{display:none;background:#fff;border:1px solid var(--paper-line);padding:28px;gap:12px}.w-ex-p.on{display:grid;animation:wIn .35s both}
.w-ex-p small{font:500 12px var(--f-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--orange-ink)}
.w-ex-p h3{font:700 28px var(--f-flex);letter-spacing:-.03em}.w-ex-p p{color:var(--ink-2)}
.w-ex-p ul{margin:4px 0 0;padding-left:18px;color:var(--ink);font-size:15px;display:grid;gap:4px}
@media (max-width:900px){.w-ex{grid-template-columns:1fr}.w-ex-r{margin-left:0}}

/* process stepper */
.w-proc-b{display:flex;gap:0;border-top:2px solid var(--ink);overflow-x:auto}
.w-proc-b button{flex:1;min-width:120px;text-align:left;padding:16px 14px 16px 0;border:0;background:none;cursor:pointer;display:grid;gap:4px;border-bottom:3px solid transparent}
.w-proc-b button small{font:500 12px var(--f-sans);color:#9A968E}.w-proc-b button b{font:600 17px var(--f-sans);color:var(--ink-2)}
.w-proc-b button[aria-selected="true"]{border-bottom-color:var(--orange)}.w-proc-b button[aria-selected="true"] b{color:var(--ink)}
.w-proc-b button.past b{color:var(--ink)}.w-proc-b button.past small::after{content:" ✓";color:var(--orange-ink)}
.w-proc-p{display:none;grid-template-columns:1fr 1fr;gap:24px;padding:26px 0 0}.w-proc-p.on{display:grid;animation:wIn .35s both}
.w-proc-p p{font-size:18px;color:var(--ink)}.w-proc-p ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.w-proc-p li{display:flex;gap:10px;font-size:15.5px}.w-proc-p li::before{content:"✓";color:#fff;background:var(--orange);width:20px;height:20px;border-radius:50%;display:inline-grid;place-items:center;font-size:11px;flex:none}
@media (max-width:760px){.w-proc-p{grid-template-columns:1fr}}

/* page-specific closing band (no repeated starter form) */
.pcta{background:var(--night);color:#fff;padding-block:clamp(56px,7vw,96px);position:relative;overflow:hidden;isolation:isolate}
.pcta::before{content:"";position:absolute;width:700px;height:700px;right:-200px;top:-260px;background:radial-gradient(circle,rgba(255,91,26,.28),transparent 60%);z-index:-1}
.pcta .wrap{display:grid;grid-template-columns:1.3fr .7fr;gap:32px;align-items:end}
.pcta h2{font:500 clamp(30px,3.6vw,52px)/1.08 var(--f-sans);letter-spacing:-.03em}
.pcta h2 b{color:var(--orange);font-weight:600}
.pcta p{color:#9AA0B4;margin-top:14px;max-width:34em}
.pcta .acts{display:grid;gap:10px;justify-items:stretch}
.pcta .acts a{display:flex;justify-content:space-between;padding:16px 18px;font:500 15px var(--f-sans);background:var(--orange);color:#fff}
.pcta .acts a.g{background:transparent;border:1px solid #2E3344}
@media (max-width:860px){.pcta .wrap{grid-template-columns:1fr}}

/* section intro for the signature piece */
.sig{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,72px);align-items:center}
.sig>*{min-width:0}
.sig h2{font:500 clamp(28px,3vw,42px)/1.1 var(--f-sans);letter-spacing:-.025em}
.sig p{color:var(--ink-2);margin-top:14px}
.pg-dark .sig p{color:var(--fg-2)}
@media (max-width:900px){.sig{grid-template-columns:1fr}}
.stat3{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:2px solid var(--ink)}
.stat3 div{padding:22px 22px 22px 0;border-right:1px solid var(--paper-line)}.stat3 div+div{padding-left:22px}.stat3 div:last-child{border-right:0}
.stat3 b{display:block;font:700 clamp(30px,3.4vw,46px)/1 var(--f-flex);letter-spacing:-.04em;color:var(--orange-ink)}
.stat3 span{font-size:14.5px;color:var(--ink-2)}
@media (max-width:760px){.stat3{grid-template-columns:1fr}.stat3 div{border-right:0;padding-left:0!important;border-bottom:1px solid var(--paper-line)}}
/* contact form */
.cf{display:grid;gap:14px;background:#fff;border:1px solid var(--paper-line);padding:26px}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cf label{display:grid;gap:6px;font:500 14px var(--f-sans);color:var(--ink)}
.cf input,.cf select,.cf textarea{border:1px solid var(--paper-line);background:var(--paper);padding:12px;font:400 15px var(--f-sans);color:var(--ink);width:100%}
.cf input:focus,.cf select:focus,.cf textarea:focus{outline:2px solid var(--orange);outline-offset:-1px}
.cf-chk{display:flex!important;gap:10px;align-items:center;font-weight:400!important}.cf-chk input{width:auto;accent-color:var(--orange)}
.cf-ok{background:#DDF5EA;color:#0E6B4F;padding:12px;font:500 14px var(--f-sans)}
@media (max-width:620px){.cf-row{grid-template-columns:1fr}}
.pg-vis .wcard{width:100%}

/* ═════════ v3: homepage-scale sections for inner pages (x-*) ═════════ */
.xs{padding-block:clamp(64px,8vw,120px);position:relative}
.xs.dark{background:var(--night);color:var(--fg)}
.xs.paper{background:var(--paper);color:var(--ink)}
.xs.tight{padding-top:0}
.xh{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,64px);align-items:end;margin-bottom:clamp(32px,4vw,56px)}
.xh>*{min-width:0}
.xh h2{font-family:var(--f-flex);font-variation-settings:"opsz" 96;font-size:clamp(36px,4.4vw,66px);line-height:1.02;letter-spacing:-.045em;margin-top:14px;font-weight:400}
.xh h2 span{display:block;color:#8F8A80}.xh h2 b{display:block;font-weight:700;color:var(--ink)}
.dark .xh h2 span{color:#6E7286}.dark .xh h2 b{color:#fff}
.xh p{font-size:clamp(16.5px,1.25vw,19px);color:var(--ink-2);max-width:34em;justify-self:end}
.dark .xh p{color:var(--fg-2)}
.xs .label{color:var(--orange-ink)}.xs.dark .label{color:var(--blue-hi)}
@media (max-width:900px){.xh{grid-template-columns:1fr}.xh p{justify-self:start}}

/* hero tuning: a bigger interactive piece */
.pg-hero{padding-bottom:clamp(56px,7vw,96px)}
.pg-hero-in{grid-template-columns:.92fr 1.08fr}
.pg-hero .wcard{font-size:15px}
.pg-hero .wcard-hd{font-size:14px;padding:16px 20px}
.pg-hero .w-cfg-m,.pg-hero .w-doc-pg,.pg-hero .w-serp-pg{min-height:340px}
.pg-hero .w-stat-log{min-height:260px}
.pg-hero .w-portal-list{min-height:280px}
.hint{display:flex;align-items:center;gap:10px;margin-top:14px;font:500 13.5px var(--f-sans);color:#C9CBD3}
.hint i{font-style:normal;width:26px;height:26px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:13px;animation:xBob 1.6s ease-in-out infinite}
@keyframes xBob{50%{transform:translateY(-3px)}}

/* quick answers strip */
.xa{background:var(--night);border-top:1px solid var(--night-line);border-bottom:1px solid var(--night-line);color:#fff}
.xa .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.xa div.c{padding:26px 24px;border-left:1px solid var(--night-line);min-width:0}
.xa div.c:first-child{border-left:0;padding-left:0}
.xa small{display:block;font:500 12px var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--orange)}
.xa b{display:block;margin-top:8px;font:500 clamp(17px,1.4vw,21px)/1.3 var(--f-sans);letter-spacing:-.01em}
@media (max-width:900px){.xa .wrap{grid-template-columns:1fr 1fr}.xa div.c{border-left:0;padding-left:0;border-top:1px solid var(--night-line)}.xa div.c:nth-child(-n+2){border-top:0}}

/* is this for you? */
.x-aud-chips{display:flex;flex-wrap:wrap;gap:10px}
.x-aud-chips button{border:1px solid #2E3344;background:transparent;color:#C9CBD3;padding:14px 20px;font:500 clamp(15px,1.2vw,18px) var(--f-sans);cursor:pointer;transition:all .25s}
.x-aud-chips button:hover{border-color:#fff;color:#fff}
.x-aud-chips button[aria-selected="true"]{background:var(--orange);border-color:var(--orange);color:#fff}
.x-aud-out{margin-top:clamp(28px,4vw,48px);min-height:3.4em;font:500 clamp(26px,3.2vw,48px)/1.15 var(--f-sans);letter-spacing:-.025em;max-width:24ch;color:#fff}
.x-aud-out::before{content:"/";color:var(--orange);font-weight:300;margin-right:.2em}
.x-aud-out i{display:inline-block;width:.06em;height:.8em;background:var(--orange);margin-left:.08em;vertical-align:-.05em;animation:cxCaret 1s steps(1) infinite}

/* problems that flip to what changes */
.x-pa-sw{display:inline-flex;border:1px solid var(--paper-line);background:#fff;margin-bottom:22px}
.x-pa-sw button{border:0;background:none;padding:12px 20px;font:500 15px var(--f-sans);cursor:pointer;color:var(--ink-2)}
.x-pa-sw button[aria-selected="true"]{background:var(--ink);color:#fff}
.x-pa{border-top:2px solid var(--ink)}
.x-pa-r{display:grid;grid-template-columns:70px 1fr 1fr;gap:clamp(16px,3vw,40px);align-items:center;padding:clamp(20px,2.4vw,30px) 0;border-bottom:1px solid var(--paper-line);cursor:pointer;position:relative}
.x-pa-r small{font:500 13px var(--f-sans);color:#9A968E}
.x-pa-r h3{font:500 clamp(21px,2.1vw,31px)/1.15 var(--f-sans);letter-spacing:-.02em;transition:color .4s}
.x-pa-r .t{position:relative;min-height:3.2em}
.x-pa-r .t p{position:absolute;inset:0 0 auto 0;font-size:clamp(15.5px,1.2vw,17.5px);color:var(--ink-2);transition:opacity .45s,transform .45s}
.x-pa-r .t p.af{opacity:0;transform:translateY(10px);color:var(--ink)}
.x-pa-r .t p.af::before{content:"→ ";color:var(--orange-ink);font-weight:600}
.x-pa-r.on .t p.bf{opacity:0;transform:translateY(-10px)}
.x-pa-r.on .t p.af{opacity:1;transform:none}
.x-pa-r.on h3{color:#9A968E;text-decoration:line-through;text-decoration-color:var(--orange);text-decoration-thickness:2px}
.x-pa-r.on small{color:var(--orange-ink)}
.x-pa-r::after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--orange);transition:width .6s cubic-bezier(.2,.8,.2,1)}
.x-pa-r.on::after{width:100%}
@media (max-width:760px){.x-pa-r{grid-template-columns:44px 1fr}.x-pa-r .t{grid-column:2;min-height:4.8em}}

/* included: an expanding grid */
.x-inc{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.x-inc-c{background:#fff;border:1px solid var(--paper-line);padding:24px;display:grid;gap:10px;align-content:start;cursor:pointer;transition:all .35s cubic-bezier(.2,.8,.2,1);position:relative;min-height:190px}
.x-inc-c:hover{border-color:var(--ink)}
.x-inc-c small{font:500 12.5px var(--f-sans);color:var(--orange-ink)}
.x-inc-c h3{font:600 clamp(19px,1.5vw,22px)/1.2 var(--f-sans);letter-spacing:-.01em}
.x-inc-c p{font-size:15px;color:var(--ink-2)}
.x-inc-c .more{display:none;gap:10px;padding-top:12px;border-top:1px solid var(--paper-line)}
.x-inc-c .more b{font:500 12px var(--f-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--orange-ink)}
.x-inc-c .more span{font-size:15px;color:var(--ink)}
.x-inc-c .pl{position:absolute;right:18px;top:18px;width:28px;height:28px;border-radius:50%;border:1px solid var(--paper-line);display:grid;place-items:center;font:300 18px/1 var(--f-sans);color:var(--orange-ink);transition:transform .3s}
.x-inc-c.open{grid-column:span 2;background:var(--ink);color:#fff;border-color:var(--ink)}
.x-inc-c.open p{color:#C9CBD3}.x-inc-c.open .more{display:grid;border-color:#2E3344}.x-inc-c.open .more span{color:#fff}.x-inc-c.open .more b{color:#FFA77F}
.x-inc-c.open .pl{transform:rotate(45deg);background:var(--orange);border-color:var(--orange);color:#fff}
@media (max-width:1000px){.x-inc{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.x-inc{grid-template-columns:1fr}.x-inc-c.open{grid-column:auto}}

/* process: big stepper with three lanes */
.x-pr-tabs{display:grid;grid-template-columns:repeat(var(--n,5),1fr);border-top:1px solid #2E3344;position:relative}
.x-pr-tabs::before{content:"";position:absolute;left:0;top:-1px;height:2px;width:var(--p,20%);background:var(--orange);transition:width .5s cubic-bezier(.2,.8,.2,1)}
.x-pr-tabs button{background:none;border:0;text-align:left;padding:18px 12px 18px 0;cursor:pointer;display:grid;gap:4px;color:#7C8296}
.x-pr-tabs button small{font:500 12.5px var(--f-sans);letter-spacing:.06em;text-transform:uppercase}
.x-pr-tabs button b{font:500 clamp(17px,1.5vw,22px) var(--f-sans)}
.x-pr-tabs button[aria-selected="true"]{color:#fff}.x-pr-tabs button[aria-selected="true"] small{color:var(--orange)}
.x-pr-tabs button.past{color:#C9CBD3}
.x-pr-p{display:none;grid-template-columns:1.2fr 1fr 1fr;gap:clamp(16px,3vw,40px);padding-top:clamp(24px,3vw,40px)}
.x-pr-p.on{display:grid;animation:wIn .4s both}
.x-pr-p>div{min-width:0}
.x-pr-p h3{font:500 clamp(22px,2.2vw,32px)/1.2 var(--f-sans);letter-spacing:-.02em;color:#fff}
.x-pr-p small{display:block;font:500 12px var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--orange);margin-bottom:10px}
.x-pr-p p{color:#C9CBD3;font-size:16px}
.x-pr-p ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.x-pr-p li{display:flex;gap:10px;color:#fff;font-size:15.5px}.x-pr-p li::before{content:"✓";color:#3FD39B}
.x-pr-nav{display:flex;gap:10px;margin-top:28px}
@media (max-width:900px){.x-pr-tabs{grid-template-columns:repeat(var(--n,5),minmax(120px,1fr));overflow-x:auto}.x-pr-p{grid-template-columns:1fr}}

/* what affects your quote */
.x-cost{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(20px,3vw,48px);align-items:start}
.x-cost>*{min-width:0}
.x-cost-rows{border-top:2px solid var(--ink)}
.x-cost-r{display:grid;grid-template-columns:1fr auto;gap:10px 24px;align-items:center;padding:20px 0;border-bottom:1px solid var(--paper-line)}
.x-cost-r h3{font:600 18px var(--f-sans)}
.x-cost-r p{grid-column:1/-1;font-size:15px;color:var(--ink-2);min-height:2.6em}
.x-cost-sw{display:inline-flex;border:1px solid var(--paper-line);background:#fff}
.x-cost-sw button{border:0;background:none;padding:9px 14px;font:500 13.5px var(--f-sans);cursor:pointer;color:var(--ink-2)}
.x-cost-sw button[aria-selected="true"]{background:var(--ink);color:#fff}
.x-cost-out{position:sticky;top:calc(var(--hh) + 24px);background:var(--ink);color:#fff;padding:28px;display:grid;gap:16px}
.x-cost-out small{font:500 12px var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:#FFA77F}
.x-cost-out b{font:700 clamp(40px,4vw,60px)/1 var(--f-flex);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.x-cost-out .size{font:500 18px var(--f-sans)}
.x-cost-meter{height:8px;background:#22263A}.x-cost-meter i{display:block;height:100%;width:0;background:var(--orange);transition:width .5s cubic-bezier(.2,.8,.2,1)}
.x-cost-out p{font-size:14px;color:#9AA0B4}
.x-cost-out a{display:flex;justify-content:space-between;background:var(--orange);color:#fff;padding:14px 16px;font:500 15px var(--f-sans)}
@media (max-width:900px){.x-cost{grid-template-columns:1fr}.x-cost-out{position:static}}

/* ready to start checklist */
.x-need{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(20px,3vw,56px);align-items:center}
.x-need>*{min-width:0}
.x-need-l{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.x-need-l label{display:flex;gap:14px;align-items:flex-start;padding:18px;background:#fff;border:1px solid var(--paper-line);cursor:pointer;font:500 15.5px/1.35 var(--f-sans);transition:all .25s}
.x-need-l label small{display:block;font:400 13.5px var(--f-sans);color:var(--ink-2);margin-top:4px}
.x-need-l input{appearance:none;flex:none;width:22px;height:22px;border:2px solid #C9C4BA;border-radius:50%;margin:1px 0 0;cursor:pointer;display:grid;place-items:center}
.x-need-l input:checked{background:var(--orange);border-color:var(--orange)}
.x-need-l input:checked::after{content:"✓";color:#fff;font-size:12px}
.x-need-l label:has(input:checked){border-color:var(--ink)}
.x-need-o{display:grid;justify-items:center;text-align:center;gap:14px}
.x-need-o svg{width:180px;height:180px;transform:rotate(-90deg)}
.x-need-o circle{fill:none;stroke-width:10}.x-need-o .tr{stroke:var(--paper-line)}.x-need-o .ar{stroke:var(--orange);stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:283;transition:stroke-dashoffset .6s cubic-bezier(.2,.8,.2,1)}
.x-need-o .n{font:700 46px/1 var(--f-flex);margin-top:-122px;margin-bottom:60px;letter-spacing:-.04em}
.x-need-o p{font:500 18px var(--f-sans);max-width:20ch}
.x-need-o a{background:var(--orange);color:#fff;padding:13px 18px;font:500 15px var(--f-sans);opacity:.35;pointer-events:none;transition:opacity .3s}
.x-need.ready .x-need-o a{opacity:1;pointer-events:auto}
@media (max-width:900px){.x-need{grid-template-columns:1fr}.x-need-l{grid-template-columns:1fr}}

/* commitments */
.x-com{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#22263A;border:1px solid #22263A}
.x-com div{background:var(--night);padding:clamp(22px,2.4vw,34px);display:grid;gap:10px;align-content:start;transition:background .3s;counter-increment:xc}
.x-com{counter-reset:xc}
.x-com div::before{content:"/0" counter(xc);font:500 13px var(--f-sans);color:var(--orange)}
.x-com div:hover{background:#0E1018}
.x-com b{font:500 clamp(19px,1.6vw,23px)/1.25 var(--f-sans);color:#fff}
.x-com span{color:#9AA0B4;font-size:15px}
@media (max-width:900px){.x-com{grid-template-columns:1fr 1fr}}@media (max-width:560px){.x-com{grid-template-columns:1fr}}

/* their customer's journey (industries) */
.x-jr-rail{display:grid;grid-template-columns:repeat(6,1fr);position:relative;border-top:2px solid #2E3344}
.x-jr-rail::before{content:"";position:absolute;left:0;top:-2px;height:2px;width:var(--p,0%);background:var(--orange);transition:width .6s cubic-bezier(.2,.8,.2,1)}
.x-jr-rail button{background:none;border:0;text-align:left;padding:18px 14px 0 0;cursor:pointer;color:#7C8296;display:grid;gap:8px;position:relative}
.x-jr-rail button::before{content:"";position:absolute;top:-8px;left:0;width:14px;height:14px;border-radius:50%;background:var(--night);border:2px solid #2E3344;transition:all .3s}
.x-jr-rail button.past::before,.x-jr-rail button[aria-selected="true"]::before{background:var(--orange);border-color:var(--orange)}
.x-jr-rail button[aria-selected="true"]::before{box-shadow:0 0 0 6px rgba(255,91,26,.2)}
.x-jr-rail small{font:500 12px var(--f-sans);letter-spacing:.1em;text-transform:uppercase}
.x-jr-rail b{font:500 15px/1.35 var(--f-sans)}
.x-jr-rail button[aria-selected="true"]{color:#fff}
.x-jr-stage{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,3vw,40px);margin-top:clamp(28px,3vw,44px)}
.x-jr-stage>div{border:1px solid #232736;background:#0D0F16;padding:clamp(20px,2.4vw,32px);min-height:170px;display:grid;align-content:start;gap:10px}
.x-jr-stage small{font:500 12px var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:#9AA0B4}
.x-jr-stage .c small{color:var(--orange)}
.x-jr-stage p{font:500 clamp(20px,1.9vw,28px)/1.25 var(--f-sans);letter-spacing:-.02em;color:#fff;animation:wIn .4s both}
.x-jr-stage .c{border-color:rgba(255,91,26,.45);background:linear-gradient(160deg,rgba(255,91,26,.12),transparent 60%)}
@media (max-width:900px){.x-jr-rail{grid-template-columns:repeat(6,minmax(130px,1fr));overflow-x:auto}.x-jr-stage{grid-template-columns:1fr}}

/* must-haves */
.x-must{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:2px solid var(--ink)}
.x-must div{padding:24px 24px 24px 0;border-bottom:1px solid var(--paper-line);display:grid;gap:8px}
.x-must div:not(:nth-child(3n+1)){padding-left:24px;border-left:1px solid var(--paper-line)}
.x-must b{font:600 19px var(--f-sans);display:flex;gap:10px;align-items:baseline}.x-must b::before{content:"✓";color:#fff;background:var(--orange);width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;font-size:12px;flex:none}
.x-must p{color:var(--ink-2);font-size:15px}
@media (max-width:900px){.x-must{grid-template-columns:1fr}.x-must div{padding-left:0!important;border-left:0!important}}
.x-rule{margin-top:28px;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;background:#fff;border:1px solid var(--paper-line);border-left:3px solid var(--orange);padding:20px 22px}
.x-rule b{font:600 15px var(--f-sans)}.x-rule p{color:var(--ink-2)}

/* searchable FAQ */
.x-faq-top{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:20px}
.x-faq-s{flex:1;min-width:240px;display:flex;align-items:center;gap:10px;border:2px solid var(--ink);background:#fff;padding:4px 14px}
.x-faq-s input{flex:1;border:0;outline:0;background:none;font:500 17px var(--f-sans);padding:10px 0;min-width:0}
.x-faq-c{display:flex;gap:6px;flex-wrap:wrap}
.x-faq-c button{border:1px solid var(--paper-line);background:#fff;padding:9px 14px;font:500 14px var(--f-sans);cursor:pointer}
.x-faq-c button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.x-faq-n{font:500 14px var(--f-sans);color:var(--ink-2);margin-bottom:8px}
.x-faq details{border-bottom:1px solid var(--paper-line)}
.x-faq details[hidden]{display:none}
.x-faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:110px 1fr 32px;gap:16px;align-items:center;padding:20px 0;font:500 clamp(17px,1.4vw,20px)/1.35 var(--f-sans)}
.x-faq summary::-webkit-details-marker{display:none}
.x-faq summary small{font:500 12px var(--f-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--orange-ink)}
.x-faq summary::after{content:"+";width:32px;height:32px;border-radius:50%;border:1px solid var(--paper-line);display:grid;place-items:center;font:300 20px/1 var(--f-sans);color:var(--orange-ink);transition:transform .3s}
.x-faq details[open] summary::after{transform:rotate(45deg);background:var(--orange);border-color:var(--orange);color:#fff}
.x-faq details p{padding:0 0 22px 126px;color:var(--ink-2);max-width:70ch;font-size:16.5px}
.x-faq mark{background:rgba(255,91,26,.2);color:inherit}
@media (max-width:700px){.x-faq summary{grid-template-columns:1fr 32px}.x-faq summary small{grid-column:1/-1}.x-faq details p{padding-left:0}}

/* myths (AI Studio): tap to reveal the truth */
.x-myth{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.x-myth button{text-align:left;background:#0D0F16;border:1px solid #232736;color:#fff;padding:22px;min-height:240px;cursor:pointer;display:grid;align-content:space-between;gap:14px;transition:all .35s}
.x-myth button small{font:500 12px var(--f-sans);letter-spacing:.1em;text-transform:uppercase;color:#F97066}
.x-myth button b{font:500 18px/1.3 var(--f-sans)}
.x-myth button span{font-size:14.5px;color:#C9CBD3;display:none}
.x-myth button em{font-style:normal;font:500 13px var(--f-sans);color:#9AA0B4}
.x-myth button.on{background:linear-gradient(160deg,rgba(255,91,26,.18),#0D0F16 70%);border-color:rgba(255,91,26,.5)}
.x-myth button.on small{color:#3FD39B}.x-myth button.on b{display:none}.x-myth button.on span{display:block;font-size:16px;color:#fff}.x-myth button.on em{display:none}
@media (max-width:1100px){.x-myth{grid-template-columns:1fr 1fr}}@media (max-width:560px){.x-myth{grid-template-columns:1fr}}

/* use cases grid (AI Studio) */
.x-uses{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(20px,3vw,56px)}
.x-uses>*{min-width:0}
.x-uses-l{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.x-uses-l button{width:100%;display:grid;grid-template-columns:40px 1fr;gap:10px;text-align:left;padding:16px 0;border:0;border-bottom:1px solid var(--paper-line);background:none;cursor:pointer;font:500 clamp(18px,1.5vw,22px) var(--f-sans);color:var(--ink-2)}
.x-uses-l button small{font:500 13px var(--f-sans);color:#9A968E;padding-top:4px}
.x-uses-l button[aria-selected="true"]{color:var(--ink);font-weight:600}.x-uses-l button[aria-selected="true"] small{color:var(--orange-ink)}
.x-uses-p{display:none;background:var(--ink);color:#fff;padding:clamp(24px,3vw,40px);gap:18px;position:sticky;top:calc(var(--hh) + 24px)}
.x-uses-p.on{display:grid;animation:wIn .4s both}
.x-uses-p h3{font:700 clamp(26px,2.6vw,38px)/1.1 var(--f-flex);letter-spacing:-.035em}
.x-uses-p small{display:block;font:500 12px var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:#FFA77F;margin-bottom:6px}
.x-uses-p p{color:#C9CBD3;font-size:16px}
.x-uses-p .sg{border-top:1px solid #2E3344;padding-top:14px}
@media (max-width:900px){.x-uses{grid-template-columns:1fr}.x-uses-p{position:static}}

/* roles (careers): open a role */
.x-roles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.x-role{background:#fff;border:1px solid var(--paper-line);padding:24px;cursor:pointer;display:grid;gap:10px;align-content:start;min-height:180px;transition:all .35s}
.x-role small{font:500 12.5px var(--f-sans);color:var(--orange-ink)}
.x-role h3{font:700 clamp(22px,2vw,28px) var(--f-flex);letter-spacing:-.03em}
.x-role .d{display:none;grid-template-columns:1fr 1fr;gap:16px}
.x-role .d b{display:block;font:500 12px var(--f-sans);letter-spacing:.1em;text-transform:uppercase;color:#FFA77F;margin-bottom:6px}
.x-role .d ul{margin:0;padding-left:16px;font-size:14.5px;color:#C9CBD3;display:grid;gap:4px}
.x-role.open{grid-column:span 2;background:var(--ink);color:#fff;border-color:var(--ink)}.x-role.open .d{display:grid}
.x-role em{font-style:normal;font:500 13.5px var(--f-sans);color:var(--ink-2)}.x-role.open em{display:none}
@media (max-width:900px){.x-roles{grid-template-columns:1fr 1fr}}@media (max-width:560px){.x-roles{grid-template-columns:1fr}.x-role.open{grid-column:auto}.x-role .d{grid-template-columns:1fr}}

/* combos (services index) */
.x-combo{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.x-combo div{background:#0D0F16;border:1px solid #232736;padding:24px;display:grid;gap:12px;align-content:start}
.x-combo h3{font:600 20px var(--f-sans);color:#fff}
.x-combo .s{display:flex;flex-wrap:wrap;gap:6px}.x-combo .s span{font:500 12.5px var(--f-sans);padding:5px 9px;border:1px solid rgba(255,91,26,.45);color:#FFA77F}
.x-combo p{color:#9AA0B4;font-size:14.5px}
@media (max-width:1000px){.x-combo{grid-template-columns:1fr 1fr}}@media (max-width:560px){.x-combo{grid-template-columns:1fr}}

/* after you send (contact) */
.x-after{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid #2E3344;position:relative}
.x-after div{padding:22px 20px 0 0;display:grid;gap:8px;position:relative}
.x-after div::before{content:"";position:absolute;top:-8px;left:0;width:14px;height:14px;border-radius:50%;background:var(--orange)}
.x-after small{font:500 12px var(--f-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--orange)}
.x-after b{font:500 18px var(--f-sans);color:#fff}
@media (max-width:900px){.x-after{grid-template-columns:1fr 1fr;row-gap:28px}}
.x-inc-c.open{grid-column:auto!important}
.x-pr-p h3{font-size:clamp(19px,1.6vw,24px)!important;line-height:1.35!important}
.xs.dark h2.h2s span{color:#6E7286}.xs.dark h2.h2s b{color:#fff}
.xs.dark .sig p,.xs.dark .cx-box .pg-lede{color:var(--fg-2)}
.x-aud-out{min-height:0}
.x-aud .wrap{min-height:clamp(420px,46vw,560px)}
@media (max-width:900px){.pg-hero-in,.pg-hero-in.solo{grid-template-columns:minmax(0,1fr)!important}.pg-vis{margin-top:8px}}
@media (max-width:560px){.w-fg-grid{grid-template-columns:1fr 1fr}.w-book-opts.slots{grid-template-columns:repeat(2,1fr)}.w-stat-top{grid-template-columns:1fr}.w-stat-top div{border-right:0;border-bottom:1px solid #232736}}
@media (max-width:700px){.crumbs{gap:4px 6px;align-items:center}.crumbs a{display:inline-flex;align-items:center;min-height:32px;padding:0 2px}}
/* Q3: insight articles - TOC/body start at the site gutter so they line up with the hero and FAQ */
@media (min-width:981px){.art{justify-content:start;grid-template-columns:240px minmax(0,760px)}}
/* Q3: two-digit list numbers ("10.") stay inside the text column instead of hanging into the gutter */
.prose ol{padding-left:30px}
/* hero headline: the typed phrase may wrap so it never runs into the beam */
.pg-h1 b.cx-rot{display:block;white-space:normal;max-width:100%}
.pg-h1 .cx-rot>b{display:inline}
.pg-h1 .cx-rot i{vertical-align:-.08em}
.pg-hero-in>div:first-child{min-width:0}
/* wider gutter between hero text and banner so the slanted beam clears both */
@media (min-width:900px){.pg-hero-in,.pg-hero-in.solo{column-gap:clamp(124px,10.5vw,170px)!important}.pg-hero .pg-lede{max-width:min(560px,100%)}}
/* inner-page headline one step smaller; the typed phrase is fitted to its column by JS */
.pg-h1{font-size:clamp(34px,4vw,60px)}
.pg-h1 b.cx-rot{white-space:nowrap}
.pg-h1 b.cx-rot.wrap{white-space:normal}
/* widths pass (W3): related-article covers whose text fills the card ran into the orange top rule; reserve room below it */
.cx-cover{padding-top:52px}
/* free AI visibility check promo band (search, AI pages) */
.avp{background:#0B0C12;border-top:1px solid #1C2030;padding:clamp(28px,4vw,44px) 0;color:#fff}
.avp-in{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(18px,3vw,36px);align-items:center}
.avp-grid{display:grid;grid-template-columns:repeat(3,22px);gap:5px}
.avp-grid i{width:22px;height:22px;background:#1C2030;border:1px solid #2A2F44;animation:avpBlink 3.6s infinite}
.avp-grid i:nth-child(2n){animation-delay:.4s}.avp-grid i:nth-child(3n){animation-delay:.9s}
.avp-grid i.avp-you{animation:avpYou 3.6s infinite}
@keyframes avpBlink{0%,100%{background:#1C2030}50%{background:#2A2F44}}
@keyframes avpYou{0%,30%{background:#1C2030;border-color:#2A2F44}45%,100%{background:#FF5B1A;border-color:#FF5B1A}}
.avp-k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#FFA77F}
.avp h2{font-size:clamp(22px,2.4vw,30px);font-weight:600;letter-spacing:-.02em;margin:6px 0 6px;color:#fff}
.avp p{color:#A3A8B8;font-size:15px;line-height:1.55;max-width:620px;margin:0}
.avp-go{display:inline-flex;gap:10px;align-items:center;background:#FF5B1A;color:#fff;padding:14px 20px;font-weight:500;white-space:nowrap;text-decoration:none}
.avp-go:hover{background:#C2410C}
@media (max-width:760px){.avp-in{grid-template-columns:1fr}.avp-grid{display:none}.avp-go{justify-content:center}}
@media (prefers-reduced-motion:reduce){.avp-grid i{animation:none}.avp-grid i.avp-you{background:#FF5B1A;border-color:#FF5B1A}}

/* platforms we build on */
.wcp{background:#F5F2EE;color:#0B0C12;padding:clamp(48px,6vw,84px) 0 clamp(8px,1.5vw,20px)}
.wcp-h{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px;align-items:end;margin-bottom:26px}
.wcp-k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#C2410C}
.wcp h2{font-size:clamp(28px,3.4vw,48px);line-height:1.05;letter-spacing:-.03em;margin:10px 0 0;font-weight:400}
.wcp h2 span{color:#767B8E;display:block}.wcp h2 b{font-weight:700;display:block}
.wcp-h p{color:#4A4F5E;font-size:15.5px;line-height:1.6;margin:0;max-width:520px;justify-self:end}
.wcp-cats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.wcp-cat{font:inherit;font-size:14px;border:1px solid #CFCBC4;background:transparent;color:#0B0C12;padding:9px 14px;cursor:pointer}
.wcp-cat small{color:#8E93A6;margin-left:4px}
.wcp-cat[aria-pressed=true]{background:#0B0C12;color:#fff;border-color:#0B0C12}.wcp-cat[aria-pressed=true] small{color:#FFA77F}
.wcp-cat:focus-visible,.wcp-t:focus-visible{outline:2px solid #FF5B1A;outline-offset:2px}
.wcp-g{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n,6),minmax(0,1fr));gap:10px}
.wcp-g[hidden]{display:none}
.wcp-t{position:relative;background:#fff;border:1px solid #E2DED7;padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;transition:border-color .3s,box-shadow .3s,transform .3s;animation:wcpIn .45s both}
.wcp-top{display:flex;align-items:center;gap:10px;min-width:0}
.wcp-m{flex:none;width:36px;height:36px;display:grid;place-items:center;background:#0B0C12;color:#fff;font-weight:600;font-size:13px;letter-spacing:.02em;transition:background .3s}
.wcp-t b{font-size:15px;font-weight:600;line-height:1.25}
.wcp-u{font-size:13px;color:#6E7286;line-height:1.45}
.wcp-t em{position:absolute;top:8px;right:8px;font-style:normal;font-size:11px;background:#FF5B1A;color:#fff;padding:2px 6px}
.wcp-t.wcp-lit,.wcp-t:hover,.wcp-t:focus-visible{border-color:#FF5B1A;box-shadow:0 14px 30px -18px rgba(255,91,26,.6);transform:translateY(-2px)}
.wcp-t.wcp-lit .wcp-m,.wcp-t:hover .wcp-m{background:#FF5B1A}
.wcp-note{margin:16px 0 0;font-size:12px;color:#5F6475}
@keyframes wcpIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (max-width:1100px){.wcp-g{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.wcp-h{grid-template-columns:1fr}.wcp-h p{justify-self:start}.wcp-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.wcp-g{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.wcp-t{animation:none;transition:none}}

/* ── lead forms: off-screen honeypot (bots tick it, people never see it) ── */
.wc-hp{position:absolute!important;left:-9999px!important;top:auto;width:1px;height:1px;overflow:hidden}