/* Layout: Eedlee brand — dark bands for thesis moments, white editorial body with photo collages; red is the only action colour. Two separate tracks: MVP Studio (dreamers) and ICP Magnet (businesses). */
:root{
  --red:#C1272D; --red-ink:#A31F25; --red-soft:#FBEDEE;
  --ink:#202020; --ink-2:#2F2F2F; --muted:#6B6466; --line:#E7E2E3;
  --bg:#FFFFFF; --bg-2:#F7F5F5; --card:#FFFFFF;
  --band:#1B1A1A; --band-2:#262424; --band-line:#383434; --band-fg:#FFFFFF; --band-muted:#B9B3B4;
  --ok:#1E8A5A;
  --display:'Poppins',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --body:'Roboto',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --red:#E0444A; --red-ink:#F06A6F; --red-soft:#3A1B1D;
  --ink:#F3EFEF; --ink-2:#DCD6D6; --muted:#A9A1A2; --line:#3A3536;
  --bg:#161414; --bg-2:#1E1B1B; --card:#221F1F;
  --band:#0E0D0D; --band-2:#1F1C1C; --band-line:#353131; --band-fg:#FFFFFF; --band-muted:#A9A1A2;
  --ok:#3FBF86; color-scheme:dark}}
:root[data-theme="dark"]{
  --red:#E0444A; --red-ink:#F06A6F; --red-soft:#3A1B1D;
  --ink:#F3EFEF; --ink-2:#DCD6D6; --muted:#A9A1A2; --line:#3A3536;
  --bg:#161414; --bg-2:#1E1B1B; --card:#221F1F;
  --band:#0E0D0D; --band-2:#1F1C1C; --band-line:#353131; --band-fg:#FFFFFF; --band-muted:#A9A1A2;
  --ok:#3FBF86; color-scheme:dark}

*{box-sizing:border-box}
[hidden]{display:none!important}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--band)}
h1,h2,h3,h4{font-family:var(--display);line-height:1.12;margin:0;text-wrap:balance;letter-spacing:-.015em}
p{margin:0}
a{color:inherit}
img{display:block}
:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:6px}
.wrap{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.eyebrow{font-family:var(--display);font-size:.74rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--red)}
.dk .eyebrow{color:#F06A6F}
.lead{font-size:1.1rem;color:var(--muted);max-width:60ch;font-weight:300}
.dk{background:var(--band);color:var(--band-fg)}
.dk .lead{color:var(--band-muted)}
.alt{background:var(--bg-2)}
section{padding-block:4.5rem}
.sec-head{display:grid;gap:.8rem;margin-bottom:2.2rem;max-width:780px}
.sec-head h2{font-size:clamp(1.7rem,3.4vw,2.6rem);font-weight:600}
.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--display);font-weight:600;font-size:.95rem;padding:.85rem 1.45rem;border-radius:999px;border:2px solid var(--red);background:var(--red);color:#fff;text-decoration:none;cursor:pointer;transition:transform .15s,background .15s}
.btn:hover{background:var(--red-ink);border-color:var(--red-ink);transform:translateY(-1px)}
.btn.ghost{background:transparent;color:var(--red)}
.btn.ghost:hover{background:var(--red-soft)}
.btn.light{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.btn.light:hover{border-color:#fff;background:rgba(255,255,255,.07)}
.chip{display:inline-block;font-family:var(--display);font-size:.74rem;font-weight:500;padding:.32rem .75rem;border-radius:999px;background:var(--bg-2);color:var(--ink-2);border:1px solid var(--line)}
.note{font-size:.8rem;color:var(--muted)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* NAV */
header.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--band);color:var(--band-fg)}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.8rem}
.logo{display:flex;align-items:center;text-decoration:none}
.logo img{height:34px;width:auto}
nav.links{display:flex;gap:.2rem;align-items:center}
nav.links a{font-weight:300;font-size:.95rem;text-decoration:none;padding:.45rem .8rem;border-radius:999px;letter-spacing:.02em}
nav.links a:hover{background:rgba(255,255,255,.08)}
nav.links a.on{background:#C1272D}
nav.links a.cta{border:1.5px solid #C1272D;margin-left:.5rem}
nav.links a.cta.on{background:#C1272D}
.menu-btn{display:none;background:none;border:1px solid #444;color:#fff;border-radius:8px;padding:.45rem .75rem;font-family:var(--display);font-size:.85rem;cursor:pointer}
@media (max-width:900px){
  .menu-btn{display:block}
  nav.links{display:none;position:absolute;left:0;right:0;top:100%;background:var(--band);flex-direction:column;align-items:stretch;padding:.5rem max(16px,env(safe-area-inset-right,0px)) 1rem max(16px,env(safe-area-inset-left,0px));border-top:1px solid #333}
  nav.links.open{display:flex}
  nav.links a.cta{margin-left:0;text-align:center}
}
.page{display:none}
.page.on{display:block;animation:fade .4s ease}
@keyframes fade{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:none}}

/* photos */
.ph{border-radius:20px;overflow:hidden;position:relative;background:var(--band-2)}
.ph img{width:100%;height:100%;object-fit:cover}
.float-chip{position:absolute;display:flex;align-items:center;gap:.5rem;background:var(--card);color:var(--ink);border-radius:14px;padding:.6rem .85rem;font-family:var(--display);font-size:.78rem;font-weight:500;box-shadow:0 14px 34px -14px rgba(0,0,0,.45);white-space:nowrap}
.float-chip i{width:9px;height:9px;border-radius:50%;background:var(--ok);flex:none}
.float-chip i.r{background:var(--red)}
.bob{animation:bob 5s ease-in-out infinite}
.bob.d2{animation-delay:-2.5s}
@keyframes bob{50%{transform:translateY(-8px)}}

/* HOME HERO */
.hero{padding-block:4rem 4.5rem;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center}
.hero h1{font-size:clamp(2.3rem,5.4vw,4rem);font-weight:700;letter-spacing:-.03em}
.hero h1 em{font-style:normal;color:#E0444A}
.hero .lead{margin-top:1.2rem}
.hero-ctas{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}
.collage{position:relative;display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:auto auto;gap:14px;max-width:540px;margin-left:auto;width:100%}
.collage .a{grid-row:1/span 2;aspect-ratio:4/5}
.collage .b{aspect-ratio:1/1}
.collage .c{aspect-ratio:1/1}
.collage .fc1{left:-22px;top:18%}
.collage .fc2{right:-10px;bottom:-14px}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.collage{margin:0 auto}.collage .fc1{left:8px}.collage .fc2{right:8px}}

/* DOORS */
.doors{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
.door{position:relative;border-radius:24px;overflow:hidden;min-height:440px;display:flex;align-items:flex-end;text-decoration:none;color:#fff;isolation:isolate}
.door img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s ease}
.door::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,18,18,.05) 20%,rgba(20,18,18,.88) 78%)}
.door:hover img{transform:scale(1.05)}
.door-body{padding:2rem;display:grid;gap:.7rem}
.door .tag{font-family:var(--display);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:#fff;background:#C1272D;justify-self:start;padding:.3rem .7rem;border-radius:999px}
.door h3{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700}
.door p{color:#E3DDDE;max-width:44ch}
.door .go{font-family:var(--display);font-weight:600;display:flex;gap:.5rem;align-items:center}
.door .go span{transition:transform .2s}
.door:hover .go span{transform:translateX(6px)}
@media (max-width:820px){.doors{grid-template-columns:1fr}.door{min-height:380px}}

/* stage picker */
.picker{display:grid;grid-template-columns:1fr 1.1fr;gap:2rem;align-items:center}
.opts{display:grid;gap:.6rem}
.opt{all:unset;cursor:pointer;display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;padding:1rem 1.2rem;border-radius:16px;border:1.5px solid var(--band-line);background:var(--band-2);transition:border-color .15s}
.opt:hover{border-color:#777}
.opt:focus-visible{outline:2px solid #E0444A}
.opt .r{width:20px;height:20px;border-radius:50%;border:2px solid #777;display:grid;place-items:center}
.opt.on{border-color:#C1272D}
.opt.on .r{border-color:#C1272D}
.opt.on .r::after{content:"";width:10px;height:10px;border-radius:50%;background:#C1272D}
.opt b{font-family:var(--display);font-weight:500;display:block}
.opt small{color:var(--band-muted);font-size:.85rem}
.rec{border-radius:22px;overflow:hidden;background:var(--band-2);border:1px solid var(--band-line);display:grid;grid-template-columns:.9fr 1.1fr;min-height:300px}
.rec .ph{border-radius:0}
.rec-body{padding:1.6rem;display:grid;gap:.8rem;align-content:center}
.rec-body h3{font-size:1.5rem;font-weight:600}
.rec-body p{color:var(--band-muted);font-size:.95rem}
@media (max-width:900px){.picker{grid-template-columns:1fr}}
@media (max-width:560px){.rec{grid-template-columns:1fr}.rec .ph{aspect-ratio:16/10}}

/* PRODUCTS */
.prods{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.prod.soon{border-style:dashed}
.prod{border:1px solid var(--line);border-radius:20px;padding:1.6rem;background:var(--card);display:grid;gap:1rem;align-content:start;transition:transform .2s,box-shadow .2s}
.prod:hover{transform:translateY(-4px);box-shadow:0 24px 50px -30px rgba(0,0,0,.35)}
.logo-slot{height:64px;border:1.5px dashed var(--line);border-radius:14px;display:grid;place-items:center;font-family:var(--display);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:var(--bg-2)}
.prod h3{font-size:1.25rem;font-weight:600}
.prod p{color:var(--muted);font-size:.93rem}
.prod a.site{font-family:var(--display);font-weight:600;font-size:.9rem;color:var(--red);text-decoration:none;display:inline-flex;gap:.4rem}
.prod a.site:hover{text-decoration:underline}
@media (max-width:820px){.prods{grid-template-columns:1fr}}

/* PAGE HERO (photo) */
.phero{position:relative;color:#fff;isolation:isolate;overflow:hidden}
.phero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.9)}
.phero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(18,16,16,.92) 0%,rgba(18,16,16,.75) 50%,rgba(18,16,16,.35) 100%)}
.phero .wrap{padding-block:5rem 4.5rem;display:grid;gap:1.1rem}
.phero h1{font-size:clamp(2.1rem,4.8vw,3.5rem);font-weight:700;max-width:18ch;letter-spacing:-.025em}
.phero .lead{color:#DCD5D6}
.phero .eyebrow{color:#F06A6F}

/* MVP BUILDER */
.builder{display:grid;grid-template-columns:.85fr 1.15fr;gap:2rem;align-items:start}
.idea-tabs{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.idea{all:unset;cursor:pointer;border:1.5px solid var(--line);border-radius:16px;padding:1rem;display:grid;gap:.3rem;background:var(--card);transition:border-color .15s,transform .15s}
.idea:hover{transform:translateY(-2px);border-color:var(--muted)}
.idea:focus-visible{outline:2px solid var(--red)}
.idea b{font-family:var(--display);font-weight:600}
.idea small{color:var(--muted);font-size:.82rem;line-height:1.4}
.idea .ic{width:36px;height:36px;border-radius:10px;background:var(--bg-2);display:grid;place-items:center;color:var(--red)}
.idea .ic svg{width:20px;height:20px}
.idea.on{border-color:var(--red);background:var(--red-soft)}
.idea.on .ic{background:var(--red);color:#fff}
.bp{border:1px solid var(--line);border-radius:22px;background:var(--card);overflow:hidden;min-width:0}
.bp-top{background:var(--band);color:#fff;padding:1.3rem 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.bp-top h3{font-size:1.25rem;font-weight:600}
.bp-top small{color:var(--band-muted);font-size:.8rem;display:block}
.bp-body{padding:1.5rem;display:grid;gap:1.4rem}
.feat-list{display:flex;flex-wrap:wrap;gap:.5rem}
.feat{all:unset;cursor:pointer;font-family:var(--display);font-size:.82rem;font-weight:500;padding:.45rem .85rem;border-radius:999px;border:1.5px solid var(--line);display:inline-flex;gap:.4rem;align-items:center}
.feat::before{content:"+";font-weight:700;color:var(--muted)}
.feat.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.feat.on::before{content:"✓";color:#F06A6F}
.feat.fixed{cursor:default}
.feat:focus-visible{outline:2px solid var(--red)}
.gantt{display:grid;gap:.5rem}
.g-row{display:grid;grid-template-columns:96px 1fr;gap:.8rem;align-items:center;font-size:.84rem}
.g-row span{font-family:var(--display);font-weight:500}
.g-track{height:26px;background:var(--bg-2);border-radius:8px;position:relative;border:1px solid var(--line)}
.g-bar{position:absolute;top:3px;bottom:3px;border-radius:6px;background:var(--red);transition:left .5s ease,width .5s ease}
.g-bar.l{background:var(--ink-2)}
.g-scale{display:grid;grid-template-columns:96px 1fr;gap:.8rem;font-size:.72rem;color:var(--muted)}
.g-scale div{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums}
.bp-h{font-family:var(--display);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:.6rem}
.bp-foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:1.2rem}
.bp-foot b{font-family:var(--display);font-size:1.6rem;font-variant-numeric:tabular-nums}
@media (max-width:900px){.builder{grid-template-columns:1fr}}

/* dreamers */
.dreamers{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.dream{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:3/4;color:#fff;isolation:isolate}
.dream img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s}
.dream::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 35%,rgba(18,16,16,.92))}
.dream:hover img{transform:scale(1.06)}
.dream-b{position:absolute;inset:auto 0 0 0;padding:1.2rem;display:grid;gap:.35rem}
.dream-b h3{font-size:1.1rem;font-weight:600}
.dream-b p{font-size:.84rem;color:#DDD6D7;line-height:1.45}
.dream-b q{font-family:var(--display);font-size:.8rem;color:#F6A5A8;font-style:normal}
@media (max-width:900px){.dreamers{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.dreamers{grid-template-columns:1fr}.dream{aspect-ratio:4/3}}

/* journey with photos */
.journey{display:grid;grid-template-columns:1fr 1.1fr;gap:2.4rem;align-items:center}
.j-photo{aspect-ratio:5/4;max-width:100%}
.j-photo img{transition:opacity .35s}
.j-photo .float-chip{left:16px;bottom:16px}
.j-steps{display:grid;gap:.4rem}
.j-step{all:unset;cursor:pointer;display:grid;grid-template-columns:42px 1fr;gap:1rem;padding:.9rem 1rem;border-radius:16px;border:1px solid transparent}
.j-step:hover{background:var(--band-2)}
.j-step:focus-visible{outline:2px solid #E0444A}
.j-step .n{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--band-line);display:grid;place-items:center;font-family:var(--display);font-weight:600;color:var(--band-muted)}
.j-step b{font-family:var(--display);font-weight:500;display:block;font-size:1.02rem}
.j-step .d{display:none;color:var(--band-muted);font-size:.9rem;margin-top:.3rem}
.j-step .w{font-family:var(--display);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--band-muted)}
.j-step.on{background:var(--band-2);border-color:var(--band-line)}
.j-step.on .n{background:#C1272D;border-color:#C1272D;color:#fff}
.j-step.on .d{display:block}
.j-prog{height:3px;background:var(--band-line);border-radius:3px;overflow:hidden;margin-top:1rem}
.j-prog span{display:block;height:100%;background:#C1272D;width:0}
@media (max-width:900px){.journey{grid-template-columns:1fr}}

/* scale */
.scale{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;align-items:end}
.rung{border-radius:18px;padding:1.4rem;display:grid;gap:.5rem;align-content:start;background:var(--card);border:1px solid var(--line)}
.rung .tag{font-family:var(--display);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.rung h3{font-size:1.15rem;font-weight:600}
.rung p{font-size:.88rem;color:var(--muted)}
.rung .bar{height:6px;border-radius:6px;background:var(--red-soft);overflow:hidden}
.rung .bar span{display:block;height:100%;background:var(--red)}
.rung.top{background:var(--red);border-color:var(--red);color:#fff}
.rung.top p,.rung.top .tag{color:#FBE3E4}
.rung.top .bar{background:rgba(255,255,255,.3)}.rung.top .bar span{background:#fff}
@media (max-width:820px){.scale{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.scale{grid-template-columns:1fr}}

/* ICP: magnet canvas */
.mag{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:center}
.mag-stage{position:relative;aspect-ratio:1/1;max-width:560px;width:100%;margin:0 auto;border-radius:24px;background:radial-gradient(circle at 50% 50%,rgba(193,39,45,.18),transparent 60%),var(--band-2);border:1px solid var(--band-line);overflow:hidden}
.mag-stage canvas{position:absolute;inset:0;width:100%;height:100%}
.mag-legend{position:absolute;left:14px;bottom:14px;display:flex;gap:.9rem;flex-wrap:wrap;font-size:.75rem;color:var(--band-muted);font-family:var(--display)}
.mag-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:.35rem;vertical-align:middle}
.mag-ctrl{display:grid;gap:1.2rem}
.slider{display:grid;gap:.6rem}
.slider input{width:100%;accent-color:#C1272D}
.slider .ends{display:flex;justify-content:space-between;font-size:.8rem;color:var(--band-muted);font-family:var(--display)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}
.stat{background:var(--band-2);border:1px solid var(--band-line);border-radius:14px;padding:1rem}
.stat b{font-family:var(--display);font-size:1.7rem;font-weight:700;display:block;font-variant-numeric:tabular-nums;line-height:1.1}
.stat span{font-size:.78rem;color:var(--band-muted)}
.mag-msg{font-size:.95rem;color:var(--band-muted);min-height:3em}
@media (max-width:900px){.mag{grid-template-columns:1fr}}

/* ICP zoom diagram */
.zoom{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center}
.zoom-svg{width:100%;max-width:520px;margin:0 auto;display:block}
.zl{cursor:pointer;transition:opacity .2s}
.zl:focus{outline:none}
.zl:focus-visible ellipse{stroke:var(--red);stroke-width:3}
.zoom-detail{display:grid;gap:.9rem}
.zoom-detail h3{font-size:1.6rem;font-weight:600}
.zoom-detail .ex{border-left:3px solid var(--red);background:var(--card);padding:.9rem 1rem;border-radius:0 12px 12px 0;font-size:.95rem}
.zoom-detail .ex b{font-family:var(--display);font-weight:600;display:block;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.2rem}
.zoom-nav{display:flex;gap:.4rem;flex-wrap:wrap}
.zoom-nav button{all:unset;cursor:pointer;font-family:var(--display);font-size:.8rem;font-weight:500;padding:.4rem .85rem;border-radius:999px;border:1px solid var(--line)}
.zoom-nav button.on{background:var(--red);color:#fff;border-color:var(--red)}
.zoom-nav button:focus-visible{outline:2px solid var(--red)}
@media (max-width:900px){.zoom{grid-template-columns:1fr}}

/* research flow */
.flow-wrap{overflow-x:auto}
.flow-wrap svg{min-width:760px;width:100%;height:auto;display:block}
.s-box{fill:var(--card);stroke:var(--line);stroke-width:1.5}
.s-t{fill:var(--ink);font-family:var(--display);font-weight:600;font-size:13px}
.s-s{fill:var(--muted);font-family:var(--body);font-size:11px}
.s-ln{stroke:var(--muted);stroke-width:1.4;fill:none;stroke-dasharray:4 5;animation:dash 1.2s linear infinite}
.s-ln.r{stroke:var(--red);stroke-dasharray:6 6}
@keyframes dash{to{stroke-dashoffset:-18}}
.s-core{fill:var(--red)}
.s-w{fill:#fff;font-family:var(--display);font-weight:600}
.s-w2{fill:#fff;font-family:var(--body);font-size:11px;opacity:.9}

/* ICP card */
.icp-card{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.icp-card>div{background:var(--card);padding:1.4rem;display:grid;gap:.4rem;align-content:start}
.icp-card .k{font-family:var(--display);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--red);font-weight:600}
.icp-card h4{font-size:1.02rem;font-weight:600}
.icp-card p{font-size:.92rem;color:var(--muted)}
.icp-card p.v{color:var(--ink);font-size:.95rem}
@media (max-width:820px){.icp-card{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.icp-card{grid-template-columns:1fr}}

/* industry ring */
.ind-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.6rem}
.ind{all:unset;cursor:pointer;display:flex;gap:.6rem;align-items:center;padding:.4rem .9rem .4rem .4rem;border-radius:999px;border:1.5px solid var(--line);font-family:var(--display);font-weight:500;font-size:.88rem;background:var(--card)}
.ind img{width:34px;height:34px;border-radius:50%;object-fit:cover}
.ind.on{border-color:var(--red);background:var(--red-soft)}
.ind:focus-visible{outline:2px solid var(--red)}
.ring-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center}
.ring{position:relative;width:100%;max-width:520px;aspect-ratio:1;margin:0 auto}
.ring svg{position:absolute;inset:0;width:100%;height:100%}
.core{position:absolute;left:50%;top:50%;width:31%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;text-align:center;font-family:var(--display);font-weight:700;line-height:1.1;padding:.6rem;box-shadow:0 0 0 12px var(--red-soft)}
.core small{display:block;font-size:.62rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;opacity:.85}
.core span{font-size:clamp(.78rem,1.9vw,1rem)}
.eng{all:unset;cursor:pointer;position:absolute;width:25%;transform:translate(-50%,-50%);text-align:center;background:var(--card);border:1.5px solid var(--line);border-radius:14px;padding:.5rem .3rem;font-family:var(--display);font-weight:500;font-size:clamp(.64rem,1.6vw,.84rem);line-height:1.2;transition:border-color .15s}
.eng i{display:block;font-style:normal;font-size:.85em;color:var(--red);font-weight:700}
.eng:hover{border-color:var(--red)}
.eng:focus-visible{outline:2px solid var(--red)}
.eng.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.eng.on i{color:#F06A6F}
.eng-d{display:grid;gap:1rem}
.eng-d h3{font-size:1.6rem;font-weight:600}
.eng-d .gen{color:var(--muted)}
.eng-d .spec{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.1rem 1.2rem;display:grid;gap:.5rem}
.eng-d .spec b{font-family:var(--display);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.eng-d ul{margin:0;padding-left:1.1rem;display:grid;gap:.3rem;font-size:.95rem}
@media (max-width:900px){.ring-grid{grid-template-columns:1fr}}

/* timeline */
.tl{display:grid;grid-template-columns:repeat(5,1fr);position:relative}
.tl::before{content:"";position:absolute;left:0;right:0;top:19px;height:2px;background:var(--band-line)}
.tl div{position:relative;padding-right:1rem;display:grid;gap:.45rem;align-content:start}
.tl div::before{content:"";width:40px;height:40px;border-radius:50%;background:var(--band);border:2px solid #C1272D;display:block;position:relative;z-index:1}
.tl div:first-child::before{background:#C1272D}
.tl .m{font-family:var(--display);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#F06A6F;font-weight:600}
.tl h4{font-size:1.1rem;font-weight:600}
.tl p{font-size:.88rem;color:var(--band-muted)}
@media (max-width:820px){.tl{grid-template-columns:1fr;gap:1.4rem}.tl::before{left:19px;right:auto;top:0;bottom:0;width:2px;height:auto}.tl div{grid-template-columns:40px 1fr;column-gap:1rem}.tl div::before{grid-row:1/span 3}.tl div>*{grid-column:2}}
.loop{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem;margin-top:3rem}
.loop div{border-radius:14px;padding:1rem;background:var(--band-2);border:1px solid var(--band-line);display:grid;gap:.25rem}
.loop b{font-family:var(--display);font-weight:600;font-size:.92rem}
.loop span{font-size:.8rem;color:var(--band-muted)}
.loop div:last-child{background:#C1272D;border-color:#C1272D}
.loop div:last-child span{color:#FBE3E4}
@media (max-width:820px){.loop{grid-template-columns:1fr 1fr}}

/* AI search */
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.trio>div{border:1px solid var(--line);border-radius:18px;padding:1.6rem;background:var(--card);display:grid;gap:.6rem;align-content:start}
.trio .big{font-family:var(--display);font-weight:800;font-size:2.2rem;color:var(--red);line-height:1}
.trio h3{font-size:1.05rem;font-weight:600}
.trio p{color:var(--muted);font-size:.93rem}
@media (max-width:820px){.trio{grid-template-columns:1fr}}
.audit-top{display:grid;grid-template-columns:200px 1fr;gap:2rem;align-items:center;border:1px solid var(--line);border-radius:20px;padding:1.8rem;background:var(--card)}
.gauge{position:relative;width:170px;aspect-ratio:1;margin:0 auto}
.gauge svg{width:100%;height:100%;transform:rotate(-90deg)}
.gauge .v{position:absolute;inset:0;display:grid;place-items:center;text-align:center;font-family:var(--display)}
.gauge .v b{font-size:2.5rem;font-weight:700;display:block;line-height:1;font-variant-numeric:tabular-nums}
.gauge .v small{font-size:.75rem;color:var(--muted)}
.bars{display:grid;gap:.7rem}
.bar2{display:grid;grid-template-columns:150px 1fr 40px;gap:.8rem;align-items:center;font-size:.9rem}
.bar2 .t{height:10px;border-radius:999px;background:var(--bg-2);overflow:hidden;border:1px solid var(--line)}
.bar2 .t span{display:block;height:100%;background:var(--red)}
.bar2 .n{font-family:var(--display);font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
@media (max-width:700px){.audit-top{grid-template-columns:1fr}.bar2{grid-template-columns:110px 1fr 36px}}
.finds{display:grid;gap:.6rem;margin-top:1.4rem}
.find{display:grid;grid-template-columns:90px 1fr;gap:1rem;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.sev{font-family:var(--display);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.3rem .5rem;border-radius:8px;text-align:center;align-self:start}
.sev.c{background:var(--red-soft);color:var(--red)}
.sev.h{background:var(--bg-2);color:var(--ink);border:1px solid var(--line)}
.find b{font-family:var(--display);font-weight:500;display:block}
.find p{color:var(--muted);font-size:.9rem}
@media (max-width:560px){.find{grid-template-columns:1fr;gap:.4rem}.sev{justify-self:start}}

/* contact */
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:2.5rem;align-items:start}
.c-photo{aspect-ratio:4/3}
.form{border:1px solid var(--line);border-radius:20px;padding:1.8rem;background:var(--card);display:grid;gap:1rem}
.form label{font-family:var(--display);font-size:.8rem;font-weight:500;display:grid;gap:.35rem}
.form input,.form select,.form textarea{font-family:var(--body);font-size:.95rem;padding:.75rem .85rem;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--ink);width:100%}
.form textarea{min-height:90px;resize:vertical}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid var(--red);border-color:transparent}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.seg{display:flex;flex-wrap:wrap;gap:.45rem}
.seg{position:relative}
.seg input{position:absolute;opacity:0;width:1px;height:1px;left:0;top:0}
.seg label{all:unset;cursor:pointer;font-family:var(--display);font-size:.84rem;font-weight:500;padding:.55rem 1rem;border-radius:999px;border:1px solid var(--line)}
.seg input:checked+label{background:var(--red);color:#fff;border-color:var(--red)}
.seg input:focus-visible+label{outline:2px solid var(--red);outline-offset:2px}
.done{border:1px solid var(--ok);border-radius:14px;padding:1rem;font-size:.93rem}
.next{display:grid;gap:.7rem;counter-reset:n}
.next div{display:grid;grid-template-columns:30px 1fr;gap:.7rem;font-size:.95rem}
.next div::before{counter-increment:n;content:counter(n);width:28px;height:28px;border-radius:50%;background:var(--red-soft);color:var(--red);display:grid;place-items:center;font-family:var(--display);font-weight:600;font-size:.8rem}
@media (max-width:860px){.contact-grid{grid-template-columns:1fr}.row2{grid-template-columns:1fr}}

/* CTA + footer */
.cta-band{position:relative;color:#fff;isolation:isolate;overflow:hidden}
.cta-band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.cta-band::after{content:"";position:absolute;inset:0;background:rgba(193,39,45,.9);z-index:-1}
.cta-in{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap;padding-block:3.2rem}
.cta-in h2{font-size:clamp(1.5rem,3vw,2.3rem);font-weight:600;max-width:22ch}
.cta-band .btn{background:#fff;color:#C1272D;border-color:#fff}
.cta-band .btn:hover{background:#1B1A1A;color:#fff;border-color:#1B1A1A}
footer{background:var(--band);color:var(--band-muted);font-size:.88rem}
.foot{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1fr;gap:2rem;padding-block:3rem 2rem}
.foot h4{font-family:var(--display);color:#fff;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.8rem;font-weight:600}
.foot a{display:block;text-decoration:none;padding:.15rem 0}
.foot a:hover{color:#fff}
.foot-b{border-top:1px solid #333;padding-block:1.2rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.8rem}
@media (max-width:820px){.foot{grid-template-columns:1fr 1fr}}
/* pitch capture entry points */
.pitch-row{display:grid;grid-template-columns:1fr;gap:.7rem;margin-top:1.4rem;max-width:520px}
.pitch.one{grid-template-columns:44px 1fr auto;padding:1rem 1.1rem}
.pitch.one .pa{font-family:var(--display);font-size:1.2rem;color:#E0444A;transition:transform .2s}
.pitch.one:hover .pa{transform:translateX(5px)}
.pitch.one b{font-size:1rem}
.choose{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.ch-opt{all:unset;cursor:pointer;border:1.5px solid var(--line);border-radius:18px;padding:1.3rem;display:grid;gap:.5rem;justify-items:start;transition:border-color .15s,transform .15s}
.ch-opt:hover{border-color:var(--red);transform:translateY(-2px)}
.ch-opt:focus-visible{outline:2px solid var(--red)}
.ch-opt .pi{width:46px;height:46px;border-radius:14px;background:var(--red);color:#fff;display:grid;place-items:center}
.ch-opt .pi svg{width:22px;height:22px}
.ch-opt b{font-family:var(--display);font-weight:600;font-size:1.05rem}
.ch-opt small{color:var(--muted);font-size:.86rem}
@media (max-width:520px){.choose{grid-template-columns:1fr}}
.pitch{all:unset;cursor:pointer;display:grid;grid-template-columns:40px 1fr;gap:.75rem;align-items:center;padding:.8rem .9rem;border-radius:16px;background:var(--band-2);border:1px solid var(--band-line);transition:border-color .15s,transform .15s}
.pitch:hover{border-color:#C1272D;transform:translateY(-2px)}
.pitch:focus-visible{outline:2px solid #E0444A}
.pitch .pi{width:40px;height:40px;border-radius:12px;background:#C1272D;color:#fff;display:grid;place-items:center}
.pitch .pi svg{width:20px;height:20px}
.pitch b{font-family:var(--display);font-weight:600;font-size:.9rem;display:block;line-height:1.3}
.pitch small{font-size:.76rem;color:var(--band-muted);line-height:1.35;display:block}
@media (max-width:560px){.pitch-row{grid-template-columns:1fr}}
.pitch-big{display:grid;grid-template-columns:1fr;gap:1.2rem}
.pitch-big .pb{min-height:420px}
.pb{all:unset;cursor:pointer;position:relative;border-radius:22px;overflow:hidden;min-height:340px;display:flex;align-items:flex-end;color:#fff;isolation:isolate}
.pb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s}
.pb::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,18,18,.05) 15%,rgba(20,18,18,.9) 75%)}
.pb:hover img{transform:scale(1.05)}
.pb:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.pb-b{padding:1.6rem;display:grid;gap:.5rem}
.pb-b .tag{font-family:var(--display);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;background:#C1272D;justify-self:start;padding:.3rem .7rem;border-radius:999px}
.pb-b b{font-family:var(--display);font-size:1.5rem;font-weight:700;line-height:1.15}
.pb-b small{color:#E3DDDE;font-size:.92rem;max-width:44ch}
.pb-b .go{font-family:var(--display);font-weight:600}
@media (max-width:820px){.pitch-big{grid-template-columns:1fr}.pb{min-height:300px}}

/* capture modal */
.modal{position:fixed;inset:0;z-index:80;background:rgba(10,9,9,.72);display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));overflow-y:auto}
.sheet{background:var(--card);color:var(--ink);border-radius:22px;width:100%;max-width:620px;display:grid;gap:1.1rem;padding:1.6rem;box-shadow:0 30px 80px -30px rgba(0,0,0,.6);max-height:100%;overflow-y:auto}
.sheet-h{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.sheet-h h3{font-size:1.35rem;font-weight:600}
.sheet-h p{color:var(--muted);font-size:.9rem;margin-top:.25rem}
.x{all:unset;cursor:pointer;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);font-size:1.1rem;flex:none}
.x:focus-visible{outline:2px solid var(--red)}
.cam{position:relative;border-radius:16px;overflow:hidden;background:#111;aspect-ratio:16/10;display:grid;place-items:center;color:#bbb;text-align:center}
.cam video{width:100%;height:100%;object-fit:cover;background:#111}
.cam .rec{position:absolute;top:12px;left:12px;display:flex;gap:.45rem;align-items:center;background:rgba(0,0,0,.6);color:#fff;padding:.35rem .7rem;border-radius:999px;font-family:var(--display);font-size:.8rem;font-variant-numeric:tabular-nums}
.cam .rec i{width:9px;height:9px;border-radius:50%;background:#E0444A;animation:blink 1s infinite}
@keyframes blink{50%{opacity:.2}}
.cam .prompts{position:absolute;left:12px;right:12px;bottom:12px;background:rgba(0,0,0,.6);color:#fff;border-radius:12px;padding:.6rem .8rem;font-size:.85rem;text-align:left}
.cam-empty{display:grid;gap:.6rem;padding:1.5rem;font-size:.92rem;justify-items:center}
.cam-empty svg{width:42px;height:42px;color:#E0444A}
.tbar{height:4px;background:var(--line);border-radius:4px;overflow:hidden}
.tbar span{display:block;height:100%;width:0;background:var(--red)}
.ctrls{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}
.drop{border:2px dashed var(--line);border-radius:16px;padding:1.8rem 1rem;text-align:center;display:grid;gap:.5rem;justify-items:center;cursor:pointer;transition:border-color .15s,background .15s}
.drop:hover,.drop.over{border-color:var(--red);background:var(--red-soft)}
.drop svg{width:40px;height:40px;color:var(--red)}
.drop b{font-family:var(--display);font-weight:600}
.file-chip{display:flex;gap:.7rem;align-items:center;border:1px solid var(--line);border-radius:12px;padding:.7rem .9rem;font-size:.9rem}
.file-chip b{font-family:var(--display);font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mini{display:grid;gap:.8rem}
.mini label{font-family:var(--display);font-size:.8rem;font-weight:500;display:grid;gap:.3rem}
.mini input,.mini select,.mini textarea{font-family:var(--body);font-size:.95rem;padding:.7rem .8rem;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--ink);width:100%}
.mini textarea{min-height:70px;resize:vertical}
.ok-box{border:1px solid var(--ok);border-radius:14px;padding:1.1rem;display:grid;gap:.4rem;font-size:.93rem}
.ok-box b{font-family:var(--display);color:var(--ok)}
.steps-dots{display:flex;gap:.4rem}
.steps-dots span{height:4px;flex:1;border-radius:4px;background:var(--line)}
.steps-dots span.on{background:var(--red)}

/* lead engine */
.engine{display:grid;grid-template-columns:.9fr 1.1fr;gap:2rem;align-items:start}
.layers{display:grid;gap:.6rem}
.layer{all:unset;cursor:pointer;display:grid;grid-template-columns:48px 1fr auto;gap:1rem;align-items:center;padding:1rem 1.1rem;border-radius:16px;border:1.5px solid var(--line);background:var(--card);transition:border-color .15s,transform .15s}
.layer:hover{transform:translateX(4px)}
.layer:focus-visible{outline:2px solid var(--red)}
.layer .lk{width:48px;height:48px;border-radius:14px;background:var(--bg-2);display:grid;place-items:center;font-family:var(--display);font-weight:700;color:var(--red)}
.layer b{font-family:var(--display);font-weight:600;display:block}
.layer small{color:var(--muted);font-size:.84rem}
.layer .arr{color:var(--muted);font-family:var(--display)}
.layer.on{border-color:var(--red);background:var(--red-soft)}
.layer.on .lk{background:var(--red);color:#fff}
.layer-d{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--card);min-width:0}
.layer-d .ph{border-radius:0;aspect-ratio:16/8}
.layer-b{padding:1.4rem 1.5rem;display:grid;gap:.8rem}
.layer-b h3{font-size:1.4rem;font-weight:600}
.layer-b p{color:var(--muted)}
.layer-b ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:.45rem .9rem;font-size:.92rem}
.layer-b li{display:grid;grid-template-columns:14px 1fr;gap:.5rem}
.layer-b li::before{content:"";width:7px;height:7px;background:var(--red);transform:rotate(45deg);margin-top:.5rem}
@media (max-width:900px){.engine{grid-template-columns:1fr}}
@media (max-width:480px){.layer-b ul{grid-template-columns:1fr}}
.ch-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.4rem}
.ch{all:unset;cursor:pointer;display:flex;gap:.55rem;align-items:center;padding:.6rem 1.1rem;border-radius:999px;border:1.5px solid var(--band-line);font-family:var(--display);font-weight:600;font-size:.92rem;background:var(--band-2)}
.ch i{width:12px;height:12px;border-radius:50%}
.ch.on{border-color:#fff;background:#fff;color:#1B1A1A}
.ch:focus-visible{outline:2px solid #E0444A}
.ch-panel{display:grid;grid-template-columns:1fr;gap:1.6rem;background:var(--band-2);border:1px solid var(--band-line);border-radius:22px;padding:1.6rem}
.ch-panel h3{font-size:1.5rem;font-weight:600}
.ch-panel p{color:var(--band-muted)}
.ch-kv{display:grid;gap:.7rem;margin-top:1rem}
.ch-kv div{display:grid;grid-template-columns:110px 1fr;gap:.8rem;font-size:.92rem}
.ch-kv span{font-family:var(--display);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--band-muted);padding-top:.2rem}
.meters{display:grid;gap:.9rem;align-content:start}
.meter{display:grid;gap:.35rem}
.meter .lbl{display:flex;justify-content:space-between;font-size:.84rem;font-family:var(--display)}
.meter .lbl em{font-style:normal;color:var(--band-muted)}
.meter .t{height:8px;border-radius:8px;background:var(--band-line);overflow:hidden}
.meter .t span{display:block;height:100%;background:#E0444A;border-radius:8px;transition:width .5s ease}
@media (max-width:820px){.ch-panel{grid-template-columns:1fr}}
/* platforms */
.plat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;margin-bottom:1.4rem}
.plat{all:unset;cursor:pointer;display:grid;grid-template-columns:52px 1fr;gap:.9rem;align-items:center;padding:1.1rem;border-radius:18px;border:1.5px solid var(--line);background:var(--card);transition:transform .15s,border-color .15s,box-shadow .15s}
.plat:hover{transform:translateY(-3px);box-shadow:0 18px 40px -26px rgba(0,0,0,.4)}
.plat:focus-visible{outline:2px solid var(--red)}
.plat b{font-family:var(--display);font-weight:600;display:block}
.plat small{color:var(--muted);font-size:.82rem}
.plat.on{border-color:var(--red);box-shadow:0 0 0 3px var(--red-soft)}
.pl-logo{width:52px;height:52px;border-radius:14px;background:#fff;display:grid;place-items:center;border:1px solid #ECE8E8;flex:none}
.pl-logo svg{width:30px;height:30px}
.pl-logo.big{width:60px;height:60px}.pl-logo.big svg{width:36px;height:36px}
#p-leads .ch-panel{background:var(--band);color:var(--band-fg);border-color:var(--band-line)}
#p-leads .ch-panel h3{color:#fff}
@media (max-width:900px){.plat-grid{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.plat-grid{grid-template-columns:1fr}}
.cflow{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem;counter-reset:c}
.cf{position:relative;background:var(--band-2);border:1px solid var(--band-line);border-radius:18px;padding:1.3rem 1.1rem;display:grid;gap:.45rem;align-content:start}
.cf:not(:last-child)::after{content:"→";position:absolute;right:-.75rem;top:1.35rem;color:#E0444A;font-family:var(--display);font-weight:700;z-index:1}
.cf-n{width:34px;height:34px;border-radius:50%;background:#C1272D;color:#fff;display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:.85rem}
.cf b{font-family:var(--display);font-weight:600;font-size:1.05rem}
.cf span:last-child{font-size:.86rem;color:var(--band-muted)}
@media (max-width:900px){.cflow{grid-template-columns:1fr 1fr}.cf::after{display:none}}
@media (max-width:480px){.cflow{grid-template-columns:1fr}}
.lg-split{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center}
.wk{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.wk div{border:1px solid var(--line);border-radius:14px;padding:.9rem 1rem;display:grid;gap:.15rem;background:var(--card)}
.wk b{font-family:var(--display);font-weight:600}
.wk span{font-size:.85rem;color:var(--muted)}
@media (max-width:820px){.lg-split{grid-template-columns:1fr}}
/* thesis */
.thesis{display:grid;grid-template-columns:1fr 1.1fr;gap:2.5rem;align-items:center}
.thesis h2{font-size:clamp(1.7rem,3.4vw,2.6rem);font-weight:600;margin:.8rem 0 1rem}
.vs{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.vs-col{border-radius:18px;padding:1.3rem;background:var(--band-2);border:1px solid var(--band-line)}
.vs-col.on{background:#C1272D;border-color:#C1272D}
.vs-h{font-family:var(--display);font-weight:600;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--band-muted)}
.vs-col.on .vs-h{color:#FBE3E4}
.vs-col ul{margin:.8rem 0 0;padding:0;list-style:none;display:grid;gap:.55rem;font-size:.92rem}
.vs-col li{display:grid;grid-template-columns:18px 1fr;gap:.5rem;color:var(--band-muted)}
.vs-col li::before{content:"–"}
.vs-col.on li{color:#fff}.vs-col.on li::before{content:"✓"}
.vs-col li:last-child{font-family:var(--display);font-weight:600;color:#fff}
@media (max-width:900px){.thesis{grid-template-columns:1fr}}
@media (max-width:480px){.vs{grid-template-columns:1fr}}
/* revenue */
.rev-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.2rem}
.rt{all:unset;cursor:pointer;font-family:var(--display);font-weight:500;font-size:.88rem;padding:.55rem 1rem;border-radius:999px;border:1.5px solid var(--line);background:var(--card)}
.rt.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.rt:focus-visible{outline:2px solid var(--red)}
.rev{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;align-items:start}
.rev-d{border:1px solid var(--line);border-radius:20px;padding:1.5rem;background:var(--card);display:grid;gap:.8rem;min-width:0}
.rev-d h3{font-size:1.4rem;font-weight:600}
.rev-d p{color:var(--muted)}
.rev-d .ex{font-size:.9rem;background:var(--bg-2);border-radius:12px;padding:.7rem .9rem}
.rev-d ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:.45rem .9rem;font-size:.92rem}
.rev-d li{display:grid;grid-template-columns:14px 1fr;gap:.5rem}
.rev-d li::before{content:"";width:7px;height:7px;background:var(--red);transform:rotate(45deg);margin-top:.5rem}
.calc{border-radius:20px;padding:1.5rem;background:var(--band);color:var(--band-fg);display:grid;gap:1rem;min-width:0}
.calc-h{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-family:var(--display)}
.calc .note{color:var(--band-muted)}
.rng{display:grid;gap:.35rem;font-size:.86rem}
.rng span{display:flex;justify-content:space-between;gap:1rem}
.rng em{font-style:normal;font-family:var(--display);font-weight:600;font-variant-numeric:tabular-nums}
.rng input{width:100%;accent-color:#E0444A}
.calc-out{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}
.calc-out div{background:var(--band-2);border:1px solid var(--band-line);border-radius:12px;padding:.7rem}
.calc-out span{font-size:.72rem;color:var(--band-muted);display:block}
.calc-out b{font-family:var(--display);font-size:1.15rem;font-variant-numeric:tabular-nums}
.calc-out div:first-child b{color:#F06A6F}
.mrr{width:100%;height:auto}
.mrr text{fill:var(--band-muted);font-family:var(--body);font-size:9px}
.cur{display:flex;gap:.5rem;align-items:center;justify-content:flex-end}
.cur select{background:var(--band-2);color:#fff;border:1px solid var(--band-line);border-radius:8px;padding:.3rem .5rem;font-family:var(--display)}
@media (max-width:900px){.rev{grid-template-columns:1fr}}
@media (max-width:480px){.rev-d ul{grid-template-columns:1fr}.calc-out b{font-size:.95rem}}
/* system */
.sys{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}
.sy{all:unset;cursor:pointer;position:relative;display:grid;gap:.35rem;align-content:start;padding:1rem .8rem;border-radius:16px;background:var(--card);border:1.5px solid var(--line);transition:transform .15s,border-color .15s}
.sy:hover{transform:translateY(-3px)}
.sy:focus-visible{outline:2px solid var(--red)}
.sy .n{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:.8rem;color:#fff}
.sy b{font-family:var(--display);font-weight:600;font-size:.92rem;line-height:1.25}
.sy small{font-size:.74rem;color:var(--muted)}
.sy.on{border-color:var(--ink);box-shadow:0 14px 30px -20px rgba(0,0,0,.5)}
.sys-icp{display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center;margin-top:.8rem;font-family:var(--display);font-size:.8rem}
.sys-icp span{background:var(--red);color:#fff;padding:.3rem .8rem;border-radius:999px;font-weight:600}
.sys-icp i{height:3px;border-radius:3px;background:linear-gradient(90deg,var(--red) 0%,var(--red) 14%,var(--red-soft) 14%);background:repeating-linear-gradient(90deg,var(--red) 0 10px,transparent 10px 16px)}
.sys-icp em{font-style:normal;color:var(--muted);font-weight:400}
.sys-d{margin-top:1.2rem;border:1px solid var(--line);border-radius:18px;background:var(--card);padding:1.3rem 1.5rem;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}
.sys-d h3{font-size:1.25rem;font-weight:600}
.sys-d p{color:var(--muted);margin-top:.3rem}
.sys-key{display:flex;gap:1.2rem;flex-wrap:wrap;margin-top:1rem;font-size:.8rem;color:var(--muted);font-family:var(--display)}
.sys-key i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:.4rem;vertical-align:middle}
@media (max-width:1000px){.sys{grid-template-columns:repeat(4,1fr)}.sys-icp em{display:none}}
@media (max-width:560px){.sys{grid-template-columns:1fr 1fr}.sys-d{grid-template-columns:1fr}}
/* faq */
.faq-list{display:grid;gap:.6rem;max-width:860px}
.qa{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:0 1.2rem}
.qa summary{cursor:pointer;list-style:none;font-family:var(--display);font-weight:500;padding:1rem 2rem 1rem 0;position:relative}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";position:absolute;right:0;top:.85rem;font-size:1.3rem;color:var(--red);transition:transform .2s}
.qa[open] summary::after{transform:rotate(45deg)}
.qa p{padding-bottom:1.1rem;color:var(--muted);max-width:70ch}
.faq-wrap{display:grid;grid-template-columns:220px 1fr;gap:2.5rem;align-items:start}
.faq-nav{position:sticky;top:calc(80px + env(safe-area-inset-top,0px));display:grid;gap:.3rem}
.faq-nav a{text-decoration:none;font-family:var(--display);font-size:.9rem;padding:.5rem .8rem;border-radius:10px;color:var(--muted)}
.faq-nav a:hover,.faq-nav a.on{background:var(--red-soft);color:var(--red)}
.faq-g{margin-bottom:2.4rem;scroll-margin-top:90px}
.faq-g h2{font-size:1.4rem;font-weight:600;margin-bottom:1rem}
@media (max-width:820px){.faq-wrap{grid-template-columns:1fr}.faq-nav{position:static;display:flex;flex-wrap:wrap}}
/* blog */
.blog-filter{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.6rem}
.blog-filter button{all:unset;cursor:pointer;font-family:var(--display);font-size:.84rem;padding:.45rem .95rem;border-radius:999px;border:1px solid var(--line)}
.blog-filter button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.blog-filter button:focus-visible{outline:2px solid var(--red)}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.post-card{text-decoration:none;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--card);display:grid;grid-template-rows:auto 1fr;transition:transform .2s,box-shadow .2s}
.post-card:hover{transform:translateY(-4px);box-shadow:0 24px 50px -30px rgba(0,0,0,.4)}
.post-card .ph{border-radius:0;aspect-ratio:16/10}
.pc-b{padding:1.2rem 1.3rem 1.4rem;display:grid;gap:.5rem;align-content:start}
.pc-cat{font-family:var(--display);font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.pc-b h3{font-size:1.1rem;font-weight:600;line-height:1.3}
.pc-b p{color:var(--muted);font-size:.9rem}
@media (max-width:900px){.post-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.post-grid{grid-template-columns:1fr}}
.post-hero{position:relative;color:#fff;isolation:isolate;overflow:hidden}
.post-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.post-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(18,16,16,.94),rgba(18,16,16,.7))}
.post-hero .wrap{padding-block:4rem;display:grid;gap:.9rem;max-width:860px;margin:0 auto}
.post-hero h1{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700}
.post-hero .lead{color:#DCD5D6}
.post-hero .pc-cat{color:#F06A6F}
.post-hero .meta{font-size:.84rem;color:#BDB6B7}
.back{color:#DCD5D6;text-decoration:none;font-family:var(--display);font-size:.85rem}
.prose{max-width:720px;margin:0 auto;padding-block:3rem 4rem;font-size:1.06rem;line-height:1.75}
.prose p{margin:0 0 1.1rem}
.prose h2{font-size:1.45rem;font-weight:600;margin:2rem 0 .7rem}
.prose ul{padding-left:1.2rem;margin:0 0 1.2rem;display:grid;gap:.4rem}
.post-cta{margin-top:2.4rem;border-radius:18px;background:var(--bg-2);border:1px solid var(--line);padding:1.4rem;display:grid;gap:.9rem}
.post-cta b{font-family:var(--display);font-size:1.15rem}
.next-post{display:grid;gap:.2rem;margin-top:1.6rem;text-decoration:none;border-top:1px solid var(--line);padding-top:1.2rem}
.next-post b{font-family:var(--display);color:var(--red)}
/* tracks */
.tracks{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.track2{border:1px solid var(--line);border-radius:22px;padding:1.8rem;background:var(--card);display:grid;gap:1.3rem;align-content:start}
.track2.dark2{background:var(--band);color:var(--band-fg);border-color:var(--band)}
.t2-h{display:grid;gap:.6rem}
.t2-h .tag{font-family:var(--display);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;background:var(--red);color:#fff;justify-self:start;padding:.3rem .7rem;border-radius:999px}
.t2-h h3{font-size:1.5rem;font-weight:600}
.t2-h p{color:var(--muted)}
.dark2 .t2-h p{color:var(--band-muted)}
.t2-steps{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:t}
.t2-steps li{counter-increment:t;display:grid;grid-template-columns:34px 1fr;column-gap:.9rem;position:relative;padding-bottom:1rem}
.t2-steps li::before{content:counter(t);grid-row:1/span 2;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:.82rem;background:var(--red-soft);color:var(--red);position:relative;z-index:1}
.dark2 .t2-steps li::before{background:#C1272D;color:#fff}
.t2-steps li:not(:last-child)::after{content:"";position:absolute;left:16px;top:34px;bottom:0;width:2px;background:var(--line)}
.dark2 .t2-steps li:not(:last-child)::after{background:var(--band-line)}
.t2-steps b{font-family:var(--display);font-weight:600}
.t2-steps span{font-size:.88rem;color:var(--muted)}
.dark2 .t2-steps span{color:var(--band-muted)}
.track2 .btn{justify-self:start}
@media (max-width:820px){.tracks{grid-template-columns:1fr}}
.models{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}
.models div{border-radius:18px;padding:1.3rem;background:var(--band);color:#fff;display:grid;gap:.4rem}
.models b{font-family:var(--display);font-size:1.8rem;font-weight:800;color:#F06A6F;line-height:1}
.models span{color:var(--band-muted);font-size:.92rem}
.inds{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem}
.inds div{border:1px solid var(--line);border-radius:14px;padding:1rem;background:var(--card);display:grid;gap:.2rem;align-content:start}
.inds b{font-family:var(--display);font-weight:600;font-size:.95rem}
.inds span{font-family:var(--display);font-size:.72rem;letter-spacing:.08em;color:var(--red)}
@media (max-width:900px){.inds{grid-template-columns:repeat(2,1fr)}.models{grid-template-columns:1fr}}
.why{border:0;padding:0;margin:0;display:grid;gap:.45rem}
.why legend{font-family:var(--display);font-size:.8rem;font-weight:500;padding:0;margin-bottom:.45rem}
.dk .prod{background:var(--band-2);border-color:var(--band-line);color:#fff}
.dk .prod p{color:var(--band-muted)}
.dk .logo-slot{background:var(--band);border-color:var(--band-line);color:var(--band-muted)}
/* markets */
.mk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem}
.mk-card{text-decoration:none;border:1px solid var(--line);border-radius:18px;padding:1.3rem;background:var(--card);display:grid;gap:.35rem;transition:transform .15s,border-color .15s}
.mk-card:hover{transform:translateY(-3px);border-color:var(--red)}
.mk-code{font-family:var(--display);font-weight:800;font-size:1.4rem;color:var(--red)}
.mk-card b{font-family:var(--display);font-weight:600}
.mk-card span:last-child{font-size:.82rem;color:var(--muted)}
.ar-links{display:flex;gap:.8rem;align-items:center;margin-top:1.4rem;flex-wrap:wrap}
.ar-links a{font-family:'Noto Kufi Arabic',var(--display);font-weight:600;text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:.45rem 1rem}
.mk-split{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:start}
.ticks{list-style:none;margin:.8rem 0 0;padding:0;display:grid;gap:.6rem}
.ticks li{display:grid;grid-template-columns:22px 1fr;gap:.5rem;font-size:1.02rem}
.ticks li::before{content:"\2713";color:var(--red);font-weight:700}
.mk-box{border-radius:20px;background:var(--bg-2);border:1px solid var(--line);padding:1.5rem;display:grid;gap:.8rem}
.mk-svc{display:flex;gap:.8rem;flex-wrap:wrap}
.mk-svc a{font-family:var(--display);font-weight:600;color:var(--red);text-decoration:none;font-size:.9rem}
@media (max-width:900px){.mk-grid{grid-template-columns:1fr 1fr}.mk-split{grid-template-columns:1fr}}
[dir="rtl"]{font-family:'Noto Kufi Arabic','Roboto',sans-serif}
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] .eyebrow,[dir="rtl"] .btn,[dir="rtl"] summary{font-family:'Noto Kufi Arabic',var(--display);letter-spacing:0}
.phero.ar::after{background:linear-gradient(270deg,rgba(18,16,16,.92) 0%,rgba(18,16,16,.75) 50%,rgba(18,16,16,.35) 100%)}
[dir="rtl"] .qa summary{padding:1rem 0 1rem 2rem}
[dir="rtl"] .qa summary::after{right:auto;left:0}
.ar-svc{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.ar-svc div{border:1px solid var(--line);border-radius:18px;padding:1.4rem;background:var(--card);display:grid;gap:.6rem}
.ar-svc b{font-family:var(--display);font-size:1.4rem;color:var(--red)}
.ar-svc p{line-height:1.9}
@media (max-width:820px){.ar-svc{grid-template-columns:1fr}}
/* events */
.ev-layout{display:grid;grid-template-columns:1fr 340px;gap:2rem;align-items:start}
.ev-list{display:grid;gap:.8rem}
.ev{display:grid;grid-template-columns:70px 1fr;gap:1rem;border:1px solid var(--line);border-radius:16px;padding:1rem 1.1rem;background:var(--card)}
.ev-d{border-radius:12px;background:var(--red);color:#fff;display:grid;place-items:center;align-content:center;padding:.5rem;text-align:center;align-self:start}
.ev-d b{font-family:var(--display);font-size:1.5rem;line-height:1}
.ev-d span{font-size:.7rem;font-family:var(--display);text-transform:uppercase;letter-spacing:.06em}
.ev-b{display:grid;gap:.3rem;min-width:0}
.ev-b h3{font-size:1.05rem;font-weight:600}
.ev-b p{color:var(--muted);font-size:.9rem}
.ev-b a{font-family:var(--display);font-size:.85rem;font-weight:600;color:var(--red);text-decoration:none}
.ev-t{justify-self:start;font-family:var(--display);font-size:.66rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .55rem;border-radius:999px;background:var(--bg-2);border:1px solid var(--line)}
.ev-t.news{background:var(--red-soft);color:var(--red);border-color:transparent}
.ev-t.funding{background:rgba(30,138,90,.12);color:var(--ok);border-color:transparent}
.ev-empty{border:1.5px dashed var(--line);border-radius:16px;padding:1.6rem;display:grid;gap:.3rem;text-align:center;color:var(--muted)}
.ev-empty b{font-family:var(--display);color:var(--ink)}
.ev-home{grid-template-columns:repeat(3,1fr)}
.dk .ev{background:var(--band-2);border-color:var(--band-line);color:#fff}
.dk .ev-b p,.dk .ev .note{color:var(--band-muted)}
.dk .ev-empty{border-color:var(--band-line);grid-column:1/-1}
.dk .ev-empty b{color:#fff}
.dk .ev-t{background:var(--band);border-color:var(--band-line);color:#fff}
.sub-box{position:sticky;top:calc(80px + env(safe-area-inset-top,0px));border-radius:20px;background:var(--band);color:#fff;padding:1.5rem;display:grid;gap:1rem}
.sub-box h3{font-size:1.2rem;font-weight:600}
.sub-box .note{color:var(--band-muted)}
.sub-box .mini input{background:var(--band-2);border-color:var(--band-line);color:#fff}
.sub-box .seg label{border-color:var(--band-line)}
@media (max-width:900px){.ev-layout{grid-template-columns:1fr}.sub-box{position:static}.ev-home{grid-template-columns:1fr}}
/* AI check */
.aic{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:start}
.aic-qs{display:grid;gap:.55rem}
.aq{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;border:1px solid var(--line);border-radius:14px;padding:.8rem 1rem;background:var(--card);font-size:.93rem}
.aq-b{display:flex;gap:.3rem}
.aq-b button{all:unset;cursor:pointer;font-family:var(--display);font-size:.78rem;font-weight:500;padding:.4rem .7rem;border-radius:999px;border:1px solid var(--line)}
.aq-b button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.aq-b button:focus-visible{outline:2px solid var(--red)}
.aic-res{position:sticky;top:calc(80px + env(safe-area-inset-top,0px));border-radius:20px;background:var(--band);color:#fff;padding:1.5rem;display:grid;gap:1.1rem}
.aic-top{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center}
.aic-score{width:96px;height:96px;border-radius:50%;border:6px solid #C1272D;display:grid;place-items:center;align-content:center;font-family:var(--display)}
.aic-score b{font-size:1.9rem;line-height:1;font-variant-numeric:tabular-nums}
.aic-score span{font-size:.7rem;color:var(--band-muted)}
.aic-res h3{font-size:1.2rem;font-weight:600}
.aic-res .note{color:var(--band-muted)}
.aic-eng{display:grid;gap:.55rem}
.ae{display:grid;grid-template-columns:90px 1fr 60px;gap:.6rem;align-items:center;font-size:.85rem;font-family:var(--display)}
.ae .t{height:8px;border-radius:8px;background:var(--band-line);overflow:hidden}
.ae .t span{display:block;height:100%;border-radius:8px;transition:width .4s}
.ae .t span.good{background:#3FBF86}.ae .t span.mid{background:#E3A13A}.ae .t span.low{background:#E0444A}
.ae em{font-style:normal;color:var(--band-muted);font-size:.75rem;text-align:right}
.aic-fix ul{margin:.5rem 0 0;padding-left:1.1rem;display:grid;gap:.35rem;font-size:.9rem;color:#E9E3E4}
@media (max-width:900px){.aic{grid-template-columns:1fr}.aic-res{position:static}}
@media (max-width:520px){.aq{grid-template-columns:1fr}}
.aic-teaser{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center}
.aic-teaser h2{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:600;margin:.7rem 0}
.aic-teaser .btn{margin-top:1.2rem}
.engines{display:flex;flex-wrap:wrap;gap:.6rem}
.engines span{font-family:var(--display);font-weight:600;padding:.7rem 1.1rem;border-radius:14px;border:1px solid var(--line);background:var(--card)}
@media (max-width:820px){.aic-teaser{grid-template-columns:1fr}}
.blog-tools{margin-bottom:1rem}
.blog-tools input{width:100%;max-width:420px;font-family:var(--body);font-size:.95rem;padding:.75rem 1rem;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--ink)}
.related{display:grid;gap:.2rem;margin-top:1.6rem}
.wa-nav{font-family:var(--display)!important;font-weight:500!important;font-size:.85rem!important;white-space:nowrap}
.fab.wa{display:flex;align-items:center;gap:.5rem;background:#fff;color:#111;border:1px solid #E7E2E3}
.fab.wa svg{width:18px;height:18px}
.cbox{border-radius:16px;padding:1.2rem;border:1px solid var(--line);display:grid;gap:.6rem;background:var(--card)}
.cbox b{font-family:var(--display);font-weight:600}
.cbox .val{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.cbox code{font-family:var(--display);font-size:1.15rem;font-weight:600;user-select:all}
.copy{all:unset;cursor:pointer;font-family:var(--display);font-size:.78rem;color:var(--red);font-weight:600}
.copy:focus-visible{outline:2px solid var(--red)}
@media (max-width:1180px){.wa-nav{display:none!important}}
.wrap.sec-head{max-width:1180px}
.wrap.sec-head>*{max-width:780px}
.ev-t.competition{background:rgba(194,122,14,.14);color:#A8650A;border-color:transparent}
.rv-list{display:grid;gap:1rem}
.rv{border:1px solid var(--line);border-radius:18px;padding:1.3rem;background:var(--card);display:grid;gap:.8rem}
.rv h3{font-size:1.15rem;font-weight:600}
.rv p{color:var(--muted)}
.rv summary{cursor:pointer;font-family:var(--display);font-weight:500;color:var(--red)}
.src-list a{color:var(--red)}
.ai-ico,.s-ico{display:inline-grid;place-items:center;width:22px;height:22px;flex:none;font-style:normal}
.ai-ico svg,.s-ico svg{width:100%;height:100%}
.eng-l{display:inline-flex!important;align-items:center;gap:.55rem}
.ai-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.eng-l.dark{background:var(--band-2);border:1px solid var(--band-line);border-radius:12px;padding:.5rem .8rem;font-family:var(--display);font-weight:600;font-size:.88rem;color:#fff}
.eng-l.dark .ai-ico svg[fill="currentColor"]{color:#fff}
.ae-n{display:inline-flex;align-items:center;gap:.45rem}
.ae-n .ai-ico{width:16px;height:16px;color:#fff}
.ae{grid-template-columns:110px 1fr 60px!important}
.soc{display:flex!important;align-items:center;gap:.5rem}
.s-ico{width:18px;height:18px}
.btn .s-ico{width:18px;height:18px}
.fab.wa .wa-ico{width:20px;height:20px}
.li-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}
article.lead{border:1px solid var(--line);border-radius:16px;padding:1.1rem 1.2rem;background:var(--card);display:grid;gap:.6rem;max-width:none;font-size:1rem;font-weight:400;color:var(--ink)}
.lead-h{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.lead-h h3{font-size:1.1rem;font-weight:600}
.lead-tags{display:flex;gap:.35rem;flex-wrap:wrap;align-items:start}
.lead-c{display:flex;gap:.4rem 1rem;flex-wrap:wrap;font-size:.9rem}
.lead-c a{color:var(--red);font-family:var(--display);font-weight:600;text-decoration:none}
article.lead details summary{cursor:pointer;font-family:var(--display);font-size:.88rem;font-weight:500}
article.lead details ul,article.lead details p{font-size:.88rem;color:var(--muted);margin:.4rem 0 0;padding-left:1.1rem}
.clk{list-style:none;padding-left:0!important}
.clk span{display:inline-block;width:3rem;color:var(--muted);font-variant-numeric:tabular-nums}
.fab{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:40;background:var(--red);color:#fff;border-radius:999px;padding:.8rem 1.15rem;font-family:var(--display);font-weight:600;font-size:.85rem;text-decoration:none;box-shadow:0 12px 30px -10px rgba(0,0,0,.5)}

/* ===== Polish layer: tighter rhythm + one button system ===== */
section{padding-block:3.25rem}
@media (max-width:700px){section{padding-block:2.5rem}}
.sec-head{margin-bottom:1.6rem;gap:.6rem}
.hero{padding-block:3rem 3.25rem}
.hero-ctas{margin-top:1.5rem}
.phero .wrap{padding-block:3.5rem 3rem}
.post-hero .wrap{padding-block:3rem}
.prose{padding-block:2.2rem 3rem}
.cta-in{padding-block:2.4rem}
.door{min-height:380px}
.loop{margin-top:2rem}
.faq-g{margin-bottom:1.8rem}
.lead{color:var(--ink-2);font-weight:400;opacity:.82}
.dk .lead,.phero .lead,.post-hero .lead{color:#E6E0E1;opacity:1}
/* buttons: compact rounded-rect, clear hover / press / focus states */
.btn{border-radius:10px;padding:.72rem 1.2rem;font-size:.92rem;border-width:1px;letter-spacing:.005em;box-shadow:0 1px 2px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.14);transition:background .15s,border-color .15s,box-shadow .15s,transform .08s}
.btn:hover{transform:none;box-shadow:0 4px 12px -4px rgba(193,39,45,.55),inset 0 1px 0 rgba(255,255,255,.14)}
.btn:active{transform:scale(.98);box-shadow:none}
.btn:focus-visible{outline:2px solid var(--red);outline-offset:2px;border-radius:10px}
.btn.ghost{background:var(--card);color:var(--ink);border-color:var(--line);box-shadow:0 1px 2px rgba(0,0,0,.06)}
.btn.ghost:hover{background:var(--bg-2);border-color:var(--ink-2);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.btn.light{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.28);box-shadow:none}
.btn.light:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.6);box-shadow:none}
nav.links a{border-radius:8px}
nav.links a.cta{border-width:1px;border-radius:8px}
.blog-filter button,.seg label,.rt,.feat,.zoom-nav button,.ch,.ind,.aq-b button,.menu-btn{border-radius:8px}
.blog-tools input{border-radius:10px}

/* ===== UX pass: mobile comfort, readable labels, tap targets ===== */
.pc-cat,.tag,.chip,.sev,.eyebrow{font-size:max(.75rem,12px)}
.blog-filter button,.seg label,.rt,.feat,.zoom-nav button,.aq-b button,.ind,.ch{min-height:40px;display:inline-flex;align-items:center}
a.site,a.back{display:inline-flex;align-items:center;min-height:40px}
@media (max-width:600px){
  .hero-ctas{flex-direction:column;align-items:stretch}
  .hero-ctas .btn{justify-content:center;width:100%}
  .fab.wa{padding:0;width:54px;height:54px;justify-content:center;border-radius:50%}
  .fab.wa .wa-l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .fab.wa .wa-ico{width:28px;height:28px}
  
  .flow-wrap{position:relative;-webkit-overflow-scrolling:touch}
  .flow-wrap::before{content:"Swipe to see the full flow →";display:block;font-family:var(--display);font-size:12px;color:var(--muted);margin-bottom:.5rem;position:sticky;left:0}
}
.door .tag,.t2-h .tag,.pb-b .tag,.rung .tag,.g-scale span,.calc-out span,.j-step .w,.inds span,.icp-card .k,.tl .m,.ch-kv span,.aic-score span{font-size:max(.75rem,12px)}
.core small{font-size:max(.7rem,11px)}

/* markets: regions + flags */
.mk-region{font-size:1.15rem;font-weight:600;margin:1.6rem 0 .8rem}
.mk-region:first-child{margin-top:0}
.mk-flag{width:44px;height:33px;border-radius:5px;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.08);margin-bottom:.35rem}
.mk-countries{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem}
.mk-country{display:grid;grid-template-columns:auto 1fr;gap:1rem;border:1px solid var(--line);border-radius:16px;padding:1.1rem 1.2rem;background:var(--card)}
.mk-country b{font-family:var(--display);font-weight:600;font-size:1.05rem}
.mk-country dl{margin:.5rem 0 0;display:grid;grid-template-columns:auto 1fr;gap:.25rem .8rem;font-size:.9rem}
.mk-country dt{color:var(--muted)}
.mk-country dd{margin:0}
@media (max-width:700px){.mk-countries{grid-template-columns:1fr}}

/* language switch: always visible, outside the menu */
.nav-in .logo{margin-right:auto}
.lang{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #3a3636;border-radius:10px;order:3;margin-left:.6rem}
nav.links{order:2}
.lang a{min-width:40px;min-height:32px;display:grid;place-items:center;padding:0 .55rem;border-radius:7px;text-decoration:none;font-family:var(--display);font-size:.82rem;font-weight:600;color:#cfc8c9}
.lang a[lang=ar]{font-family:'Noto Kufi Arabic',var(--display);font-size:.85rem}
.lang a:hover{color:#fff;background:rgba(255,255,255,.08)}
.lang a.on{background:#fff;color:#1b1a1a}
@media (max-width:900px){.lang{order:1;margin-left:auto;margin-right:.5rem}.menu-btn{order:2}}
.nav-in{justify-content:flex-start}
nav.links a{white-space:nowrap}
@media (min-width:901px) and (max-width:1240px){nav.links a{padding:.45rem .55rem;font-size:.88rem}nav.links a.wa-nav{display:none}}

.prose h3{font-family:var(--display);font-size:1.08rem;font-weight:600;margin:1.2rem 0 .4rem}
.prose a{color:var(--red)}

/* UAE entry banners */
.entry-band{display:grid;grid-template-columns:1.3fr .7fr;gap:1.5rem;align-items:center;background:var(--band);color:#fff;border-radius:20px;padding:1.6rem 1.8rem;margin-bottom:2rem}
.entry-band h2{font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:600;margin:.5rem 0}
.entry-band p{color:var(--band-muted)}
.entry-band .eb-links{display:flex;flex-direction:column;gap:.6rem;align-items:stretch}
.entry-band .btn{justify-content:center}
.entry-band .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
.entry-strip{padding-block:0 1.4rem}
.entry-strip .es{border:1px solid var(--line);border-left:3px solid var(--red);border-radius:12px;padding:1rem 1.2rem;display:grid;gap:.5rem;background:var(--card)}
.entry-strip .es-l{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem}
.entry-strip a{color:var(--red);font-family:var(--display);font-weight:600;font-size:.92rem;text-decoration:none}
.entry-strip a:hover{text-decoration:underline}
@media (max-width:760px){.entry-band{grid-template-columns:1fr}}

/* partners */
.pt-why{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.pt-card{border:1px solid var(--line);border-radius:20px;padding:1.6rem;background:var(--card);display:grid;gap:.7rem;align-content:start}
.pt-card h3{font-size:1.35rem;font-weight:600}
.pt-card p{color:var(--muted)}
.pt-card.dark{background:var(--band);color:#fff;border-color:var(--band-line)}
.pt-card.dark p,.pt-card.dark li{color:var(--band-muted)}
.pt-ic{width:44px;height:44px;border-radius:12px;background:var(--red);color:#fff;display:grid;place-items:center;font-size:1.3rem;font-weight:700}
.pt-steps .cf{background:var(--card);border-color:var(--line)}
.pt-steps .cf span:not(.cf-n){color:var(--muted)}
.pt-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:2rem;align-items:start}
@media (max-width:860px){.pt-why,.pt-split{grid-template-columns:1fr}}
@media (min-width:901px) and (max-width:1360px){nav.links a.wa-nav{display:none}}
@media (min-width:901px) and (max-width:1080px){nav.links{gap:0}nav.links a{padding:.4rem .42rem;font-size:.84rem}nav.links a.cta{margin-left:.25rem}.logo img{height:28px}.lang{margin-left:.35rem}.lang a{min-width:34px;padding:0 .4rem}}
.pt-who{grid-template-columns:repeat(4,1fr)}@media (max-width:860px){.pt-who{grid-template-columns:1fr 1fr}}

/* MVP sketcher: live phone preview + compact blueprint */
.b-left{display:grid;gap:1.4rem;align-content:start}
.mock-wrap{margin:0;display:grid;justify-items:center;gap:.6rem}
.mock-wrap figcaption{font-size:.8rem;color:var(--muted)}
.phone{width:290px;max-width:100%;border-radius:38px;background:#fff;color:#1b1a1a;border:10px solid #1b1a1a;box-shadow:0 30px 60px -30px rgba(0,0,0,.45);overflow:hidden;position:relative;font-family:var(--body);min-height:540px;display:flex;flex-direction:column}
.phone[dir=rtl]{font-family:'Noto Kufi Arabic',var(--body)}
.ph-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:92px;height:20px;background:#1b1a1a;border-radius:0 0 14px 14px}
.ph-status{display:flex;justify-content:space-between;padding:.45rem 1.1rem .2rem;font-size:.66rem;font-weight:600}
.ph-head{padding:.6rem 1rem .5rem;display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}
.ph-head b{font-family:var(--display);font-size:1.02rem}
.phone[dir=rtl] .ph-head b{font-family:'Noto Kufi Arabic',var(--display)}
.ph-head small{font-size:.66rem;color:#777}
.ph-body{padding:0 .8rem .8rem;display:grid;gap:.5rem;align-content:start;flex:1}
.ph-nav{display:flex;justify-content:space-around;padding:.6rem;border-top:1px solid #eee}
.ph-nav i{width:18px;height:4px;border-radius:4px;background:#ddd}.ph-nav i.on{background:#C1272D}
.m-search{background:#f3f1f1;border-radius:10px;padding:.5rem .7rem;font-size:.75rem;color:#888}
.m-row{display:flex;align-items:center;gap:.6rem;border:1px solid #eee;border-radius:12px;padding:.5rem .6rem}
.m-row.s{padding:.55rem .7rem}
.m-av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:.68rem;font-weight:700;flex:none}
.m-tx{display:grid;gap:.05rem;flex:1;min-width:0}
.m-tx b{font-size:.78rem}.m-tx small{font-size:.66rem;color:#777}
.m-star{font-size:.64rem;color:#B7791F;font-weight:600}
.m-btn{background:#C1272D;color:#fff;border-radius:8px;padding:.32rem .6rem;font-size:.68rem;font-weight:600;flex:none}
.m-btn.wide{text-align:center;padding:.6rem}
.m-pill{background:#1b1a1a;color:#fff;border-radius:10px;padding:.45rem .65rem;font-size:.7rem;font-weight:600}
.m-pill.gold{background:#FFF4DB;color:#8A5A00}
.m-note{background:#F3F7F4;color:#1E6B47;border-radius:10px;padding:.45rem .65rem;font-size:.7rem}
.m-pay{border:1px dashed #ddd;border-radius:10px;padding:.45rem .65rem;font-size:.68rem;color:#555;text-align:center}
.m-map{height:62px;border-radius:12px;background:repeating-linear-gradient(45deg,#EEF3F6 0 8px,#E4ECF1 8px 16px);position:relative;display:flex;align-items:flex-end;padding:.4rem .55rem;font-size:.68rem;font-weight:600}
.m-map i{position:absolute;top:18px;left:46%;width:12px;height:12px;border-radius:50%;background:#C1272D;box-shadow:0 0 0 6px rgba(193,39,45,.18)}
.m-switch{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;padding:.2rem .2rem}
.m-switch .tg{width:30px;height:18px;border-radius:9px;background:#C1272D;position:relative}.m-switch .tg::after{content:"";position:absolute;right:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#fff}
.phone[dir=rtl] .m-switch .tg::after{right:auto;left:2px}
.m-grid{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}
.m-tile{display:grid;gap:.1rem;font-size:.7rem}.m-tile small{color:#777}
.m-img{height:64px;border-radius:10px;position:relative}
.m-img.big{height:120px}
.m-img em{position:absolute;top:5px;left:5px;background:#C1272D;color:#fff;font-style:normal;font-size:.56rem;font-weight:700;padding:.1rem .35rem;border-radius:5px}
.phone[dir=rtl] .m-img em{left:auto;right:5px}
.m-chatbar{background:#f3f1f1;border-radius:10px;padding:.5rem .7rem;font-size:.72rem}
.m-kpis{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}
.m-kpis div{background:#1b1a1a;color:#fff;border-radius:10px;padding:.5rem .6rem;display:grid}
.m-kpis small{font-size:.6rem;opacity:.7}.m-kpis b{font-size:.9rem}
.m-bars{height:70px;display:flex;align-items:flex-end;gap:6px;padding:.4rem;border:1px solid #eee;border-radius:10px}
.m-bars i{flex:1;background:#C1272D;border-radius:3px 3px 0 0;opacity:.85}
.m-tags{display:flex;gap:.35rem;flex-wrap:wrap}.m-tags span{border:1px solid #ddd;border-radius:6px;padding:.15rem .45rem;font-size:.64rem}
.m-hero{display:grid;gap:.15rem;font-size:.78rem}.m-hero small{color:#777}
/* compact blueprint on desktop */
.bp .feat{min-height:34px;padding:.32rem .72rem;font-size:.8rem}
.bp-body{gap:1.1rem}
.b-steps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.3rem;counter-reset:st}
.b-steps li{counter-increment:st;display:flex;align-items:center;gap:.35rem;font-family:var(--display);font-size:.82rem;font-weight:500}
.b-steps li::before{content:counter(st);width:22px;height:22px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-size:.72rem;font-weight:700}
.b-steps li:not(:last-child)::after{content:"→";color:var(--muted);margin:0 .2rem}
@media (max-width:900px){.bp .feat{min-height:40px}.phone{min-height:500px}}
@media (max-width:600px){.idea-tabs{grid-template-columns:1fr 1fr}.idea small{display:none}}
.phone{width:270px;min-height:0}
.m-tx small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-row{padding:.42rem .55rem}
.ph-body{gap:.42rem}
@media (min-width:901px){.bp{position:sticky;top:calc(84px + env(safe-area-inset-top,0px))}.b-left .idea{padding:.9rem 1rem}}
@media (max-width:900px){.phone{min-height:0}}

/* realistic modern smartphone: 19.5:9 screen (393 x 852 pt), thin bezel, island, side buttons */
.device{position:relative;width:min(300px,78vw);padding:11px;border-radius:58px;background:linear-gradient(145deg,#d7d4cf 0%,#8f8b86 18%,#e9e6e1 36%,#77736e 58%,#cfccc7 80%,#8a8681 100%);box-shadow:0 0 0 1px #5d5a56,inset 0 0 0 1.5px rgba(255,255,255,.55),inset 0 0 0 4px #1a1a1a,0 40px 70px -30px rgba(0,0,0,.55),0 18px 30px -18px rgba(0,0,0,.35)}
.device>span{position:absolute;background:linear-gradient(90deg,#6f6b66,#c9c6c1 45%,#7a7671);border-radius:2px;width:4px}
.device .btn-act{left:-3px;top:15.5%;height:5.5%}
.device .btn-vu{left:-3px;top:24%;height:9.5%}
.device .btn-vd{left:-3px;top:35.5%;height:9.5%}
.device .btn-pw{right:-3px;top:27%;height:14%}
.device .phone{width:100%;max-width:none;min-height:0;aspect-ratio:393/852;border:0;border-radius:47px;box-shadow:none;background:#fff;overflow:hidden;position:relative;display:flex;flex-direction:column}
.device .phone::after{content:"";position:absolute;inset:0;border-radius:47px;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,0) 32%);mix-blend-mode:screen}
.ph-notch{display:none}
.ph-island{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:31%;height:28px;background:#000;border-radius:20px;z-index:2}
.ph-status{display:flex;justify-content:space-between;align-items:center;padding:14px 22px 6px 26px;height:46px;font-size:.78rem;font-weight:600;letter-spacing:-.01em}
.ph-time{font-family:-apple-system,"SF Pro Text",var(--body);font-weight:600}
.ph-icons{display:flex;gap:5px;align-items:center;color:#111}.ph-icons svg{fill:currentColor}
.device .ph-body{overflow-y:auto;scrollbar-width:none;flex:1}
.device .ph-body::-webkit-scrollbar{display:none}
.device .ph-nav{padding:.55rem .6rem .35rem;margin-top:auto}
.ph-home{width:36%;height:5px;border-radius:3px;background:#111;margin:4px auto 8px}
@media (max-width:900px){.device{width:min(290px,76vw)}}
.device .ph-nav{display:flex;justify-content:space-around;border-top:1px solid #eee;padding:.45rem .3rem .1rem}
.ph-nav span{display:grid;justify-items:center;gap:2px;font-size:.58rem;color:#9a9a9a;font-weight:500}
.ph-nav span svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ph-nav span.on{color:#C1272D}

/* ICP revenue funnel */
.rvx{display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem;align-items:start}
.rv-in{display:grid;gap:1rem}
.rv-in label{display:grid;gap:.35rem;font-family:var(--display);font-size:.85rem;font-weight:500}
.rv-in input{font:inherit;font-size:1.05rem;padding:.7rem .85rem;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink)}
.rv-legend{display:flex;gap:1.2rem;font-size:.85rem;color:var(--muted)}
.rv-legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:.4rem;vertical-align:-1px}
.lg-a{background:#B9B3B4}.lg-b{background:var(--red)}
.rv-as{font-size:.85rem;color:var(--muted)}
.rv-as summary{cursor:pointer;font-family:var(--display);font-weight:500;color:var(--ink)}
.rv-as ul{margin:.5rem 0 .4rem 1.1rem;display:grid;gap:.2rem}
.rv-chart{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:1.4rem;display:grid;gap:1rem}
.rv-row{display:grid;grid-template-columns:140px 1fr;gap:1rem;align-items:center}
.rv-l{font-family:var(--display);font-weight:600;font-size:.92rem}
.rv-bars{display:grid;gap:.35rem}
.rv-b{height:26px;border-radius:6px;min-width:56px;display:flex;align-items:center;justify-content:flex-end;padding:0 .55rem;font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:600;transition:width .35s ease}
.rv-b.a{background:#E4E0E0;color:#4a4545}
.rv-b.b{background:var(--red);color:#fff}
.rv-total{display:grid;grid-template-columns:1fr 1fr auto;gap:.8rem;border-top:1px solid var(--line);padding-top:1rem;margin-top:.2rem}
.rv-total div{display:grid;gap:.15rem}
.rv-total small{font-size:.76rem;color:var(--muted)}
.rv-total b{font-family:var(--display);font-size:1.25rem;font-variant-numeric:tabular-nums}
.rv-total .on b{color:var(--red)}
/* growth department */
.dept{display:grid;grid-template-columns:.9fr 1.1fr;gap:1.2rem}
.dept-col{border:1px solid var(--band-line);border-radius:20px;padding:1.5rem;display:grid;gap:.8rem;align-content:start}
.dept-col.on{background:#fff;color:var(--ink);border-color:#fff}
.dept-col.on li{color:var(--ink)}
.xlist{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.xlist li{position:relative;padding-left:1.5rem;color:var(--band-muted)}
.xlist li::before{content:"✕";position:absolute;left:0;top:0;color:#8f8a8b;font-weight:700}
.dept-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:.6rem;margin-top:1.4rem;counter-reset:df}
.dept-flow div{counter-increment:df;border:1px solid var(--band-line);border-radius:14px;padding:.9rem;display:grid;gap:.25rem;position:relative}
.dept-flow div::before{content:counter(df);width:24px;height:24px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-size:.75rem;font-weight:700;margin-bottom:.3rem}
.dept-flow b{font-family:var(--display);font-weight:600}
.dept-flow span{font-size:.82rem;color:var(--band-muted)}
@media (max-width:900px){.rvx,.dept{grid-template-columns:1fr}.dept-flow{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.rv-row{grid-template-columns:1fr;gap:.35rem}.rv-total{grid-template-columns:1fr 1fr}.rv-total div:last-child{grid-column:1/-1}}
.rvx>*{min-width:0}.rv-in input{width:100%;box-sizing:border-box;min-width:0}

/* conversion pass */
.pf-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.pf{display:grid;grid-template-columns:150px 1fr;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--card);text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}
.pf:hover{border-color:var(--ink-2);transform:translateY(-2px)}
.pf-logo{display:grid;place-items:center;padding:1.2rem;background:#fff;border-right:1px solid var(--line)}
.pf-logo.dark{background:#1B1A1A}
.pf-logo img{max-width:110px;max-height:60px;object-fit:contain}
.pf-b{padding:1.3rem 1.4rem;display:grid;gap:.55rem;align-content:start}
.pf-b h3{font-size:1.3rem;font-weight:600}
.pf-b p{color:var(--muted);font-size:.95rem}
.why3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.why3>div{border:1px solid var(--line);border-radius:18px;padding:1.4rem;background:var(--card);display:grid;gap:.5rem;align-content:start}
.why3 h3{font-size:1.15rem;font-weight:600}
.why3 p{color:var(--muted)}
.w-n{width:32px;height:32px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:700;font-family:var(--display)}
.get-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}
.get-grid>div{border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem;background:var(--card);display:grid;gap:.3rem;align-content:start}
.get-grid b{font-family:var(--display);font-weight:600}
.get-grid span{font-size:.88rem;color:var(--muted)}
.assure{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-top:1rem}
.assure>div{border-left:3px solid var(--red);padding:.4rem 0 .4rem .9rem;display:grid;gap:.25rem}
.assure b{font-family:var(--display);font-weight:600}
.assure span{font-size:.9rem;color:var(--muted)}
.lg-path{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}
.lg-path h2{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:600;margin:.4rem 0 .6rem}
.lg-path .lead{color:var(--band-muted);margin-bottom:1rem}
.lg-steps{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;counter-reset:lg}
.lg-steps li{counter-increment:lg;display:grid;grid-template-columns:30px 1fr;column-gap:.7rem;align-items:center;border:1px solid var(--band-line);border-radius:12px;padding:.65rem .8rem}
.lg-steps li::before{content:counter(lg);grid-row:span 2;width:28px;height:28px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.8rem}
.lg-steps b{font-family:var(--display);font-weight:600}
.lg-steps span{font-size:.85rem;color:var(--band-muted)}
.lg-cmp .dept-col{border-color:var(--line)}
.lg-cmp .dept-col:not(.on){background:#1B1A1A;color:#fff}
.lg-cmp .dept-col.on{border-color:var(--line)}
.founder{display:grid;grid-template-columns:auto 1fr;gap:2rem;align-items:start}
.f-av{width:120px;height:120px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:3rem}
.founder h2{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:600;margin:.3rem 0 .6rem}
.about-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.about-facts>div{display:grid;gap:.25rem}.about-facts b{font-family:var(--display)}.about-facts span{color:var(--muted);font-size:.92rem}
.legal{max-width:760px}
@media (max-width:900px){.pf-grid,.why3,.lg-path{grid-template-columns:1fr}.get-grid,.assure,.about-facts{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.pf{grid-template-columns:1fr}.pf-logo{border-right:0;border-bottom:1px solid var(--line);padding:1rem}.get-grid,.assure,.about-facts{grid-template-columns:1fr}.founder{grid-template-columns:1fr}.f-av{width:84px;height:84px;font-size:2.2rem}}

.founders{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
.fd{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--card);display:grid;grid-template-columns:.85fr 1.15fr}
.fd-ph{background:#111;min-height:100%}.fd-ph img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.fd-b{padding:1.5rem;display:grid;gap:.5rem;align-content:center}
.fd-b h3{font-size:1.5rem;font-weight:600}
.fd-r{font-family:var(--display);font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--red)}
.fd-b p{color:var(--muted)}
@media (max-width:980px){.founders{grid-template-columns:1fr}}
@media (max-width:520px){.fd{grid-template-columns:1fr}.fd-ph{aspect-ratio:4/5}}
.fd-b p+p{margin-top:.1rem}.fd-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.3rem}.fd-tags span{border:1px solid var(--line);border-radius:999px;padding:.25rem .65rem;font-family:var(--display);font-size:.75rem;font-weight:500}
.fd{align-items:stretch}
.fd-sub{font-size:.85rem;color:var(--ink-2);font-weight:500;margin-top:-.2rem}
.fd{grid-template-columns:1fr;align-content:start}.fd-ph{aspect-ratio:5/4;min-height:0}.fd-ph img{object-position:center 18%}

/* home video */
.vid-sec{background:var(--band);color:#fff}
.vid-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:2.4rem;align-items:center}
.vid-copy h2{font-size:clamp(1.6rem,3.2vw,2.4rem);font-weight:600;margin:.4rem 0 .7rem;color:#fff}
.vid-copy .lead{color:var(--band-muted)}
.vid-copy .ticks{margin-top:1rem}.vid-copy .ticks li{color:#E6E0E1}
.vid-wrap{display:grid;gap:.6rem}
.yt,.yt-frame{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;border-radius:20px;overflow:hidden;background:#000;box-shadow:0 30px 60px -30px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.08)}
.yt{cursor:pointer}
.yt img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease,filter .3s}
.yt::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.55))}
.yt:hover img{transform:scale(1.03);filter:brightness(1.05)}
.yt-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;transition:transform .2s ease;filter:drop-shadow(0 8px 18px rgba(0,0,0,.45))}
.yt:hover .yt-play{transform:translate(-50%,-50%) scale(1.08)}
.yt:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.yt-label{position:absolute;left:1.1rem;bottom:1rem;z-index:1;font-family:var(--display);font-weight:600;color:#fff;font-size:.95rem}
.yt-link{justify-self:end;color:var(--band-muted);font-size:.85rem;text-decoration:none}
.yt-link:hover{color:#fff}
@media (max-width:900px){.vid-grid{grid-template-columns:1fr;gap:1.4rem}.vid-wrap{order:-1}.yt-play svg{width:62px;height:44px}}
@media (max-width:600px){.vid-copy .hero-ctas{flex-direction:column;align-items:stretch}.vid-copy .hero-ctas .btn{justify-content:center}}
.yt{background:radial-gradient(circle at 30% 20%,#5a1a1d,#1b1a1a 70%)}
.yt::after{background:none}.yt .yt-play{top:auto;bottom:6%;left:50%;transform:translateX(-50%)}.yt:hover .yt-play{transform:translateX(-50%) scale(1.08)}@media (max-width:600px){.yt .yt-play{bottom:4%}.yt-play svg{width:52px;height:37px}}
.yt .yt-play{left:auto;right:4%;bottom:5%;transform:none}.yt:hover .yt-play{transform:scale(1.08)}
.yt .yt-play{left:83.2%;top:45.2%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:11.5%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;filter:none}
.yt .yt-play svg{width:46%;height:46%;margin-left:6%;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}
.yt .yt-play::before{content:"";position:absolute;inset:-18%;border-radius:50%;border:2px solid rgba(255,255,255,.55);animation:ytpulse 1.8s ease-out infinite}
.yt:hover .yt-play{transform:translate(-50%,-50%) scale(1.08)}
.yt-hint{position:absolute;left:83.2%;top:63%;transform:translateX(-50%);z-index:1;font-family:var(--display);font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#fff;opacity:.85}
@keyframes ytpulse{0%{transform:scale(.85);opacity:.9}100%{transform:scale(1.35);opacity:0}}
@media (prefers-reduced-motion:reduce){.yt .yt-play::before{animation:none}}
@media (max-width:600px){.yt-hint{display:none}}