/* ==========================================================================
   MIMIC Interactive
   shifts · console · modes · bento visuals · studio · process · verticals · partnership
   ========================================================================== */

/* ── Why it matters ───────────────────────────────────────────────────── */
.shifts .display{font-size:clamp(2.1rem,5.1vw,4.75rem)}
.shift-list{border-top:1px solid var(--line)}
.shift{display:grid;grid-template-columns:2.5rem minmax(0,.9fr) 2.5rem minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:clamp(.8rem,2vw,1.75rem);padding:clamp(1.5rem,3vw,2.6rem) 0;border-bottom:1px solid var(--line)}
.shift__n{font-size:.75rem;color:var(--text-4)}
.shift__from{font-size:clamp(1.35rem,2.7vw,2.5rem);font-weight:600;letter-spacing:-.035em;line-height:1.1;color:var(--text-4);text-decoration:line-through;text-decoration-thickness:1.5px;text-decoration-color:rgba(255,255,255,.28)}
.shift__arrow{position:relative;display:block;width:2.4rem;height:1px;background:var(--text-3)}
.shift__arrow::after{content:'';position:absolute;right:0;top:50%;width:7px;height:7px;margin-top:-4px;border-top:1px solid var(--text-3);border-right:1px solid var(--text-3);transform:rotate(45deg)}
.shift__to{font-size:clamp(1.7rem,3.7vw,3.5rem);font-weight:600;letter-spacing:-.042em;line-height:1.05}
.shift__d{color:var(--text-3);font-size:var(--fs-small);line-height:1.55;max-width:32ch;justify-self:end}
@media (max-width:900px){
  .shift{grid-template-columns:2rem 1fr;row-gap:.35rem}
  .shift__arrow{display:none}
  .shift__from,.shift__to,.shift__d{grid-column:2}
  .shift__d{justify-self:start;margin-top:.4rem}
}

/* ── Console ──────────────────────────────────────────────────────────── */
.demo{background:radial-gradient(60% 40% at 50% 30%,rgba(var(--accent-rgb),.1),transparent 70%)}
.console{display:grid;grid-template-columns:270px minmax(0,1fr);border-radius:var(--r-xl);overflow:hidden}
.console__side{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;border-right:1px solid var(--line);background:rgba(255,255,255,.02)}
.persona{display:flex;align-items:center;gap:.8rem;padding:.75rem;border-radius:18px;border:1px solid transparent;text-align:left;transition:background-color .25s,border-color .25s}
.persona__face{position:relative;flex:none;width:46px;height:46px;border-radius:50%;overflow:hidden;background:#16203a}
.persona b{display:block;font-weight:650;letter-spacing:-.01em}
.persona small{display:block;font-size:.8125rem;color:var(--text-3)}
.persona:hover{background:rgba(255,255,255,.04)}
.persona.is-on{background:rgba(var(--accent-rgb),.13);border-color:rgba(var(--accent-rgb),.45)}
.console__sample{margin-top:auto;padding:.75rem .75rem 0;font-size:.75rem;color:var(--text-3)}
.console__main{position:relative;display:grid;justify-items:center;gap:1.35rem;padding:clamp(1rem,2.4vw,2rem);text-align:center;background:radial-gradient(60% 46% at 50% 14%,rgba(var(--accent-rgb),.16),transparent 72%)}
/* the star answers in a video window: one feed per persona, the active one is shown */
.console__video{width:100%;aspect-ratio:16/9}
.console__feed{position:absolute;inset:0;opacity:0;transition:opacity .6s var(--ease-soft)}
.console__feed.is-on{opacity:1}
.console__feed.is-on .player--photo{transform-origin:50% 100%;animation:idle 9s ease-in-out infinite}
@keyframes idle{50%{transform:scale(1.014) translate3d(.25%,0,0)}}
.console__hud{position:absolute;left:1.1rem;top:1rem;display:flex;align-items:center;gap:.9rem;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.86)}
.console__hud .vcall__live{font-size:1em}
.console__ai{position:absolute;right:1.1rem;top:.9rem;padding:.3rem .6rem;border-radius:6px;border:1px solid rgba(255,255,255,.32);font-family:var(--font-mono);font-size:.625rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.82)}
.console__cap{position:absolute;left:7%;right:7%;bottom:8%;margin:0;text-align:center;font-size:clamp(1.15rem,2.5vw,2.1rem);line-height:1.15;text-shadow:0 2px 18px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.8);transition:opacity .4s}
.console__cap b{font-weight:400;color:var(--twin)}
.console__cap .caret{display:inline-block;width:.07em;height:.9em;margin-left:.06em;vertical-align:-.08em;background:var(--twin);animation:caret 1s steps(2) infinite}
.console__ask{width:100%;display:grid;gap:.7rem;justify-items:center}
.console__label{font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-4)}
.console__qs,.console__langs{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}
.console__qs button{padding:.72rem 1.15rem;border-radius:999px;border:1px solid var(--line-2);background:rgba(255,255,255,.04);font-size:.9375rem;font-weight:550;transition:background-color .25s,border-color .25s,color .25s,transform .4s var(--ease-out)}
.console__qs button:hover{border-color:rgba(var(--accent-rgb),.7);background:rgba(var(--accent-rgb),.12);transform:translateY(-1px)}
.console__qs button.is-on{background:#fff;border-color:#fff;color:#05070c}
.console__langs button{padding:.42rem .85rem;border-radius:999px;border:1px solid var(--line);font-size:.8125rem;font-weight:550;color:var(--text-2);transition:background-color .25s,border-color .25s,color .25s}
.console__langs button:hover{border-color:var(--line-3);color:#fff}
.console__langs button.is-on{border-color:rgba(var(--accent-rgb),.65);background:rgba(var(--accent-rgb),.16);color:#fff}
.console__more{align-self:center;padding-left:.4rem;font-family:var(--font-mono);font-size:.6875rem;color:var(--text-4)}
.console__live{margin-top:.4rem}
.console__live.is-live{--btn-bg:#3a0d14}
@media (max-width:860px){
  .console{grid-template-columns:1fr}
  .console__side{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:.75rem;scrollbar-width:none}
  .console__side::-webkit-scrollbar{display:none}
  .persona{flex:none}
  .console__sample{display:none}
}

/* ── Modes ────────────────────────────────────────────────────────────── */
.modes__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:center}
.modes__copy{display:grid;gap:1.5rem}
.modes__tabs{display:grid;gap:.6rem;margin-top:.6rem}
.mode{position:relative;display:flex;align-items:flex-start;gap:1rem;padding:1.1rem 1.2rem;border-radius:var(--r-md);border:1px solid var(--line);text-align:left;overflow:hidden;transition:border-color .3s,background-color .3s}
.mode__n{flex:none;width:1.9rem;padding-top:.34rem;font-size:.75rem;color:var(--text-4);transition:color .3s}
.mode b{display:block;font-size:1.125rem;font-weight:650;letter-spacing:-.015em}
.mode small{display:block;margin-top:.15rem;font-size:var(--fs-small);line-height:1.45;color:var(--text-3)}
.mode:hover{border-color:var(--line-3)}
.mode.is-on{border-color:rgba(var(--accent-rgb),.55);background:rgba(var(--accent-rgb),.1)}
.mode.is-on .mode__n{color:var(--accent-t)}
.mode::after{content:'';position:absolute;inset:auto 0 0 0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left}
.is-running .mode.is-on::after{animation:tabprog var(--auto,5.5s) linear forwards}
.modes__stage{position:relative;display:grid;place-items:center;min-height:clamp(560px,66vh,700px)}
.modes__halo{position:absolute;left:50%;top:50%;width:min(100%,600px);aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(var(--accent-rgb),.42),rgba(var(--accent-rgb),.08) 55%,transparent 72%)}
.modes__phone{--pw:clamp(250px,23vw,312px)}
@media (max-width:900px){.modes__grid{grid-template-columns:1fr}.modes__phone{--pw:clamp(240px,64vw,300px)}}

/* avatar call */

/* chat */
.chat{display:flex;flex-direction:column;padding-top:calc(var(--pw)*.17);background:#05070d}
.chat__head{display:flex;align-items:center;gap:.6em;padding:.6em calc(var(--pw)*.06) .8em;border-bottom:1px solid rgba(255,255,255,.08);font-size:calc(var(--pw)*.046);text-align:left}
.chat__face{position:relative;flex:none;width:2.4em;height:2.4em;border-radius:50%;overflow:hidden;background:#16203a}
.chat__head b{display:block;font-weight:650}
.chat__head small{display:block;font-size:.72em;color:rgba(255,255,255,.5)}
.chat__body{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:.55em;padding:1em calc(var(--pw)*.05);font-size:calc(var(--pw)*.044);text-align:left}
.msg{max-width:84%;padding:.65em .9em;border-radius:1.2em;line-height:1.36}
.msg--in{align-self:flex-start;background:rgba(255,255,255,.085);border-bottom-left-radius:.35em}
.msg--out{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:.35em}
.msg b{font-weight:650;color:var(--twin)}
.msg--typing{align-self:flex-start;display:flex;gap:.3em;padding:.85em .9em;border-radius:1.2em;background:rgba(255,255,255,.085)}
.msg--typing i{width:.42em;height:.42em;border-radius:50%;background:rgba(255,255,255,.65);animation:typing 1.2s ease-in-out infinite}
.msg--typing i:nth-child(2){animation-delay:.15s}
.msg--typing i:nth-child(3){animation-delay:.3s}
@keyframes typing{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-.25em);opacity:1}}
.chat.is-on .msg{animation:msgIn .6s var(--ease-out) both}
.chat.is-on .msg:nth-child(2){animation-delay:.5s}
.chat.is-on .msg:nth-child(3){animation-delay:1.3s}
.chat.is-on .msg:nth-child(4){animation-delay:2.1s}
@keyframes msgIn{from{opacity:0;transform:translateY(.8em) scale(.96)}}
.chat__input{display:flex;align-items:center;justify-content:space-between;margin:0 calc(var(--pw)*.05) calc(var(--pw)*.1);padding:.55em .55em .55em 1em;border-radius:999px;background:rgba(255,255,255,.07);font-size:calc(var(--pw)*.044);color:rgba(255,255,255,.4)}
.chat__send{width:2.2em;height:2.2em;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff}
.chat__send::after{content:'';width:.5em;height:.5em;border-top:2px solid #fff;border-left:2px solid #fff;transform:translateY(.14em) rotate(45deg)}

/* ── Bento visuals ────────────────────────────────────────────────────── */
.viz-latency{justify-items:stretch;gap:.8rem;padding-inline:clamp(1rem,3vw,2.5rem)}
.lat{display:grid;grid-template-columns:3.4rem 1fr;align-items:center;gap:.9rem}
.lat__who{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}
.lat__track{position:relative;display:flex;align-items:center;height:52px;padding:0 1rem;border-radius:14px;background:rgba(255,255,255,.035);overflow:hidden}
.lat__fan{color:#e6ecff;height:26px;animation:latFan 6s ease-in-out infinite}
.lat--twin .lat__track{justify-content:flex-end}
.lat__twin{color:var(--accent-t);height:26px;animation:latTwin 6s ease-in-out infinite}
.lat__gap{position:absolute;left:1rem;top:50%;transform:translateY(-50%);padding:.35rem .7rem;border-radius:999px;border:1px dashed rgba(var(--accent-rgb),.6);font-family:var(--font-mono);font-size:.6875rem;color:var(--accent-t);animation:latGap 6s ease-in-out infinite}
@media (max-width:640px){.lat__fan i:nth-child(n+17),.lat__twin i:nth-child(n+13){display:none}.lat__track{padding:0 .7rem}.lat__gap{left:.6rem}}
@keyframes latFan{0%,38%{opacity:1}46%,100%{opacity:.18}}
@keyframes latTwin{0%,48%{opacity:.12}56%,96%{opacity:1}100%{opacity:.12}}
@keyframes latGap{0%,36%{opacity:.25}42%,58%{opacity:1}66%,100%{opacity:.25}}

.viz-lang{text-align:center;gap:1rem}
.viz-lang__line{display:grid;place-items:center;min-height:3.7em;font-size:clamp(1.25rem,1.9vw,1.6rem);line-height:1.2;transition:opacity .3s,filter .3s}
.viz-lang__line.is-swap{opacity:0;filter:blur(6px)}
.viz-lang__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem}
.viz-lang__chips span{padding:.25rem .5rem;border-radius:6px;border:1px solid var(--line);font-family:var(--font-mono);font-size:.625rem;letter-spacing:.06em;color:var(--text-3);transition:all .3s}
.viz-lang__chips span.is-on{border-color:rgba(var(--accent-rgb),.8);background:rgba(var(--accent-rgb),.2);color:#fff}

.browser{width:min(92%,300px);border-radius:14px;border:1px solid var(--line-2);background:#070a12;overflow:hidden;box-shadow:0 24px 50px -24px #000}
.browser__bar{display:flex;align-items:center;gap:.35rem;padding:.6rem .7rem;border-bottom:1px solid var(--line)}
.browser__bar i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.16)}
.browser__bar span{margin-left:.4rem;flex:1;padding:.25rem .6rem;border-radius:999px;background:rgba(255,255,255,.06);font-family:var(--font-mono);font-size:.625rem;color:var(--text-2)}
.browser__body{display:grid;place-items:center;height:104px;background:radial-gradient(60% 80% at 50% 50%,rgba(var(--accent-rgb),.25),transparent 70%)}
.browser__btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;border-radius:999px;background:#fff;color:#05070c;font-size:.8125rem;font-weight:700;animation:mic 2.4s ease-out infinite}
.browser__btn::before{content:'';width:8px;height:8px;border-radius:50%;background:#ff5252}
@keyframes mic{0%{box-shadow:0 0 0 0 rgba(var(--accent-rgb),.6)}80%,100%{box-shadow:0 0 0 16px rgba(var(--accent-rgb),0)}}

.viz-brand{gap:1rem}
.brandui{--c:#ff4d5e;width:min(70%,210px);display:grid;gap:.55rem;padding:1rem;border-radius:16px;border:1px solid var(--line-2);background:#070a12;animation:brand 8s steps(1) infinite}
.brandui__logo{width:30px;height:30px;border-radius:9px;background:var(--c);transition:background-color .5s}
.brandui__l{height:8px;border-radius:4px;background:rgba(255,255,255,.13)}
.brandui__l--s{width:62%}
.brandui__btn{height:28px;width:72%;margin-top:.2rem;border-radius:999px;background:var(--c);transition:background-color .5s}
@keyframes brand{0%{--c:#ff4d5e}25%{--c:#ffb020}50%{--c:#22c98a}75%{--c:#6373ff}}
.swatches{display:flex;gap:.5rem}
.swatches i{width:18px;height:18px;border-radius:50%;background:var(--c);animation:swatch 8s steps(1) infinite}
.swatches i:nth-child(2){animation-delay:-6s}
.swatches i:nth-child(3){animation-delay:-4s}
.swatches i:nth-child(4){animation-delay:-2s}
@keyframes swatch{0%{box-shadow:0 0 0 2px #000,0 0 0 4px #fff}25%,100%{box-shadow:none}}

.viz-mem{justify-items:stretch;gap:.5rem}
.mem{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem .95rem;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.04);font-size:.8125rem;color:var(--text-3)}
.mem b{font-weight:650;color:#fff;text-align:right}

.viz-mod{justify-items:stretch;gap:.45rem}
.modline{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .85rem;border-radius:12px;background:rgba(255,255,255,.04);font-size:.8125rem;color:var(--text-2)}
.modline span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.modline b{flex:none;padding:.2rem .55rem;border-radius:999px;font-family:var(--font-mono);font-size:.5625rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}
.modline .ok{color:#7ee2a8;background:rgba(60,200,120,.12)}
.modline .bad{color:#ff9a9a;background:rgba(255,70,70,.14)}
.modline .warn{color:#ffd27a;background:rgba(255,176,32,.14)}
.modline.is-blocked span{color:var(--text-4);font-style:italic}

.viz-stats{justify-items:stretch;align-content:end;gap:.8rem}
.spark{width:100%;height:92px}
.spark__l{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.2s var(--ease-in-out) .4s}
.is-in .spark__l{stroke-dashoffset:0}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.kpis span{display:grid;font-size:.6875rem;color:var(--text-3)}
.kpis b{font-size:1.25rem;font-weight:600;letter-spacing:-.03em;color:#fff}

.viz-mood{justify-items:stretch;gap:.8rem}
.mood{display:grid;grid-template-columns:4.6rem 1fr 2.8rem;align-items:center;gap:.8rem;font-size:.8125rem;color:var(--text-2)}
.mood i{position:relative;height:8px;border-radius:8px;background:rgba(255,255,255,.08);overflow:hidden}
.mood i::after{content:'';position:absolute;inset:0 auto 0 0;width:0;border-radius:8px;background:var(--grad-deep);transition:width 1.6s var(--ease-out) .3s}
.is-in .mood i::after{width:var(--v)}
.mood b{text-align:right;font-family:var(--font-mono);font-size:.75rem;font-weight:500;color:#fff}

.viz-eu{gap:1.1rem}
/* twelve points in a ring, drawn rather than borrowed */
.eu{position:relative;width:104px;height:104px;display:grid;place-items:center}
.eu i{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;border-radius:50%;background:#7ee2a8;box-shadow:0 0 9px rgba(126,226,168,.75);transform:rotate(var(--a)) translateY(-46px)}
.eu b{font-size:1.5rem;font-weight:650;letter-spacing:-.02em}

/* ── Studio ───────────────────────────────────────────────────────────── */
.control{background:radial-gradient(50% 50% at 100% 50%,rgba(var(--accent-rgb),.12),transparent 70%)}
.control__grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.control__copy{display:grid;gap:1.5rem}
.studio{border-radius:var(--r-lg);overflow:hidden}
.studio__bar{display:flex;align-items:center;gap:.45rem;padding:.8rem 1rem;border-bottom:1px solid var(--line);font-size:.6875rem;color:var(--text-3)}
.studio__bar i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.14)}
.studio__bar .mono{margin-left:.6rem}
.studio__bar .chip{margin-left:auto}
.studio__body{display:grid;grid-template-columns:168px minmax(0,1fr)}
.studio__nav{display:grid;align-content:start;gap:.2rem;padding:1rem .7rem;border-right:1px solid var(--line)}
.studio__nav span{display:flex;align-items:center;gap:.6rem;padding:.6rem .7rem;border-radius:10px;font-size:.875rem;color:var(--text-3)}
.studio__nav .is-on{background:rgba(var(--accent-rgb),.16);color:#fff}
.studio__main{display:grid;grid-template-columns:1.25fr 1fr;gap:1rem;padding:1.1rem}
.spanel{position:relative;padding:1.1rem;border-radius:var(--r-md);border:1px solid var(--line);background:rgba(255,255,255,.025)}
.pick{display:flex;flex-wrap:wrap;gap:.4rem}
.pick input,.sw input{position:absolute;opacity:0;pointer-events:none}
.pick span{display:inline-flex;padding:.45rem .85rem;border-radius:999px;border:1px solid var(--line-2);font-size:.8125rem;font-weight:600;color:var(--text-2);cursor:pointer;transition:all .25s}
.pick input:checked+span{background:#fff;border-color:#fff;color:#05070c}
.pick input:focus-visible+span,.sw input:focus-visible~i{outline:2px solid var(--cyan);outline-offset:2px}
.sw{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem 0;border-top:1px solid var(--line);font-size:.875rem;color:var(--text-2);cursor:pointer}
.sw i{position:relative;flex:none;width:38px;height:22px;border-radius:999px;background:rgba(255,255,255,.13);transition:background-color .3s}
.sw i::after{content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .4s var(--ease-out)}
.sw input:checked~i{background:var(--accent)}
.sw input:checked~i::after{transform:translateX(16px)}
.sw span{transition:color .3s}
.sw input:not(:checked)~i{opacity:.9}
.sw:has(input:not(:checked)) span{color:var(--text-4);text-decoration:line-through;text-decoration-color:rgba(255,255,255,.2)}
.klist li{display:flex;justify-content:space-between;padding:.5rem 0;border-top:1px solid var(--line);font-size:.875rem;color:var(--text-3)}
.klist b{font-weight:650;color:#fff}
.sstats{display:flex;gap:1.4rem}
.sstats span{display:grid;font-size:.75rem;color:var(--text-3)}
.sstats b{font-size:1.5rem;font-weight:600;letter-spacing:-.03em;color:#fff}
.spanel--side .sample{position:static;display:block;margin-top:.9rem}
@media (max-width:1000px){.control__grid{grid-template-columns:1fr}}
@media (max-width:640px){
  .studio__body{grid-template-columns:1fr}
  .studio__nav{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);scrollbar-width:none}
  .studio__nav span{flex:none}
  .studio__main{grid-template-columns:1fr}
  .studio__bar .mono{display:none}
}

/* ── Process ──────────────────────────────────────────────────────────── */
.proc__tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:.9rem}
.proc__tab{position:relative;display:grid;justify-items:start;gap:.15rem;padding:1.1rem 1.2rem 1.35rem;border-radius:var(--r-md);border:1px solid var(--line);background:rgba(255,255,255,.02);text-align:left;overflow:hidden;transition:border-color .3s,background-color .3s}
.proc__n{font-size:.6875rem;color:var(--text-4)}
.proc__tab b{font-size:clamp(1.05rem,1.7vw,1.3rem);font-weight:650;letter-spacing:-.02em}
.proc__tab small{font-size:.625rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}
.proc__tab i{position:absolute;inset:auto 0 0 0;height:2px;background:var(--grad-deep);transform:scaleX(0);transform-origin:left}
.proc__tab:hover{border-color:var(--line-3)}
.proc__tab.is-on{border-color:rgba(var(--accent-rgb),.55);background:rgba(var(--accent-rgb),.09)}
.is-running .proc__tab.is-on i{animation:tabprog var(--auto,7s) linear forwards}
.is-touched .proc__tab.is-on i{transform:scaleX(1)}
.proc__panel{display:none;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(1.5rem,4vw,4rem);padding:clamp(1.5rem,3.5vw,3rem)}
.proc__panel.is-on{display:grid;animation:panelIn .7s var(--ease-out) both}
.proc__lead{display:grid;gap:1rem;align-content:start}
.proc__lead .eyebrow{color:var(--accent-t)}
.proc__lead .h2{font-size:clamp(1.75rem,3.2vw,3rem)}
.proc__cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.25rem,2.5vw,2rem)}
@media (max-width:900px){
  .proc__tabs{grid-template-columns:1fr 1fr}
  .proc__panel{grid-template-columns:1fr}
}
@media (max-width:520px){.proc__cols{grid-template-columns:1fr}}

/* ── Verticals ────────────────────────────────────────────────────────── */
.vert__tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:clamp(2rem,4vw,3.25rem)}
.vert__tab{display:inline-flex;align-items:center;gap:.55rem;padding:.8rem 1.4rem;border-radius:999px;border:1px solid var(--line-2);font-weight:600;color:var(--text-2);transition:all .3s}
.vert__tab:hover{color:#fff;border-color:var(--line-3)}
.vert__tab.is-on{background:#fff;border-color:#fff;color:#05070c}
.vert__panel{display:none;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.vert__panel.is-on{display:grid;animation:panelIn .7s var(--ease-out) both}
.vert__copy{display:grid;gap:1.3rem;justify-items:start}
.vert__cases{display:grid;gap:.75rem}
.vert__cases li{display:grid;grid-template-columns:2.2rem 1fr;column-gap:.6rem;row-gap:.25rem;padding:1.3rem 1.5rem}
.vert__cases .mono{grid-row:span 2;padding-top:.3rem;font-size:.75rem;color:var(--accent-t)}
.vert__cases p{color:var(--text-3);font-size:var(--fs-small);line-height:1.5}
@media (max-width:900px){.vert__panel{grid-template-columns:1fr}}

/* ── Partnership: a profit share ──────────────────────────────────────── */
.deal{background:radial-gradient(60% 30% at 50% 0%,rgba(var(--accent-rgb),.12),transparent 70%)}
.split{display:grid;justify-items:center;gap:1.1rem;max-width:860px;margin-inline:auto;padding:clamp(2rem,5vw,4rem) clamp(1.25rem,4vw,3.5rem);border-radius:var(--r-xl);text-align:center;background:radial-gradient(80% 60% at 50% 0%,rgba(var(--accent-rgb),.2),transparent 70%),rgba(255,255,255,.02)}
.split__label{font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-t)}
.split__n{font-size:clamp(4.5rem,13vw,10rem);font-weight:600;letter-spacing:-.06em;line-height:.9}
.split__n i{font-style:normal;font-weight:300;color:var(--text-4);margin-inline:.08em}
/* the bar fills to the split when it comes into view */
.split__bar{display:flex;gap:6px;width:min(100%,520px);height:8px}
.split__bar i{height:100%;border-radius:8px;transform:scaleX(0);transform-origin:0 50%;transition:transform 1.4s var(--ease-out) .35s}
.split__bar i:first-child{flex:60;background:var(--grad-deep)}
.split__bar i:last-child{flex:40;background:rgba(255,255,255,.22);transition-delay:.75s}
.split.is-in .split__bar i{transform:none}
.split__note{color:var(--text-2);font-size:var(--fs-lead);letter-spacing:-.012em;max-width:30ch}
.split .btn{margin-top:.9rem}
.deal__sub{margin:clamp(3.5rem,7vw,6rem) 0 clamp(1.25rem,2.5vw,2rem);text-align:center}
.streams{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.9rem,1.4vw,1.25rem)}
.stream{display:grid;gap:.7rem;align-content:start;justify-items:start;padding:clamp(1.5rem,2.4vw,2rem)}
.stream__tag{font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-t)}
.stream .h3{font-size:clamp(1.2rem,1.6vw,1.45rem)}
.stream>p{color:var(--text-3);font-size:var(--fs-small);line-height:1.55}
@media (max-width:900px){.streams{grid-template-columns:1fr}}

.extras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.9rem,1.4vw,1.25rem);margin-top:clamp(.9rem,1.4vw,1.25rem)}
.extras span{display:grid;gap:.25rem;align-content:start;padding:1.1rem 1.25rem;border-radius:var(--r-md);border:1px solid var(--line);font-size:.8125rem;line-height:1.45;color:var(--text-3)}
.extras b{font-size:.9375rem;font-weight:650;color:#fff}
.deal__foot{margin-top:2.25rem;text-align:center;font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}
@media (max-width:900px){.extras{grid-template-columns:1fr}}