/* ═══ /companies/ · three doors, each in its company's own skin, on the Stories surface.
   Additive to the lift: uses lifted tokens only, every class is page-scoped. ═══ */
:root{--line2:#3E2A6B;--mute:#9C8CB4}

/* unicornfactory.dev · /companies/ · the Stories surface (body.g-s-stories): the darkest field, glow nearly off */
@keyframes sf{from{background-position:0% 0}to{background-position:200% 0}}
.foil{background-image:var(--foil-loop);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sf 6.5s linear infinite}
@media(prefers-reduced-motion:reduce){.foil{animation:none!important}}

/* hero */
.hero{text-align:center;padding:56px 0 0}
.hero p{font-size:clamp(1.1rem,2.2vw,1.35rem);color:var(--bone);margin:22px auto 0;max-width:34ch;line-height:1.5}
.hero p span{color:var(--dusk)}

/* the three doors · each in its company's skin */
.co-doors{display:flex;flex-direction:column;gap:44px;margin-top:64px}
.co-door{position:relative;display:grid;grid-template-columns:minmax(0,1fr);border-radius:14px;overflow:hidden;box-shadow:0 34px 80px rgba(0,0,0,.5),0 0 0 1px rgba(255,201,77,.10)}
.co-door .num{position:absolute;top:14px;left:18px;font-family:var(--f-m);font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--brass);z-index:3;background:#0E0720;padding:4px 9px;border-radius:4px}
.co-door .credit{position:absolute;bottom:12px;right:16px;font-family:var(--f-m);font-size:8.5px;letter-spacing:.2em;text-transform:uppercase;opacity:.55;z-index:3}
.co-door .go{text-decoration:none}
@media(min-width:860px){.co-door{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}

/* ── I · IntelliBotique · cream paper, ink, ember, Lora ── */
.ib{--paper:#f4ecd8;--paper-deep:#eadfc4;--paper-edge:#d8cba8;--ink:#15213e;--ink-2:#4a4a5e;--ink-soft:#7d7a87;--ember:#e5612c;--ember-deep:#b04318;--mineral:#4fa8a6;
  background:var(--paper);color:var(--ink);font-family:"Source Sans 3",ui-sans-serif,system-ui,sans-serif;
  background-image:radial-gradient(circle at 18% 22%,rgba(229,97,44,.05) 0,transparent 38%),radial-gradient(circle at 82% 78%,rgba(79,168,166,.05) 0,transparent 38%),
  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='5'/><feColorMatrix values='0 0 0 0 0.08 0 0 0 0 0.13 0 0 0 0 0.24 0 0 0 .025 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.ib .main{padding:54px 40px 40px}
.ib .side{background:var(--ink);color:var(--paper);padding:44px 36px 40px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;border-top:4px solid;border-image:linear-gradient(to right,var(--ember) 0 60%,var(--mineral) 60% 100%) 1}
@media(min-width:860px){.ib .side{border-top:0;border-left:4px solid;border-image:linear-gradient(to bottom,var(--ember) 0 60%,var(--mineral) 60% 100%) 1}}
.ib .logo{display:flex;align-items:center;gap:12px}
.ib .disc{width:32px;height:32px;border-radius:50%;background:var(--ember);flex:none}
.ib .lname{font-family:"Lora",Georgia,serif;font-weight:600;font-size:1.15rem;letter-spacing:-.01em;color:var(--ink);line-height:1.1}
.ib .lname i{color:var(--ember);font-style:italic;font-weight:500}
.ib .lsub{display:block;font-size:.62rem;font-style:italic;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-soft);margin-top:2px}
.ib .label{display:inline-flex;align-items:center;gap:10px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--ember-deep);margin-top:34px}
.ib .label::before{content:"";width:18px;height:1px;background:var(--ember)}
.ib h2{font-family:"Lora",Georgia,serif;font-weight:500;font-size:clamp(1.7rem,3.4vw,2.5rem);letter-spacing:-.025em;line-height:1.12;color:var(--ink);margin:14px 0 0}
.ib h2 em{font-style:italic;font-weight:400;color:var(--ember-deep)}
.ib .q{font-family:"Lora",Georgia,serif;font-style:italic;font-size:1.12rem;color:var(--ink-2);line-height:1.6;margin:18px 0 0;max-width:46ch}
.ib .btn{display:inline-flex;align-items:center;gap:.55rem;font-size:.88rem;font-weight:700;letter-spacing:.04em;padding:.78rem 1.55rem;border-radius:3px;border:0;background:var(--ember);color:var(--paper);box-shadow:0 4px 14px -8px rgba(229,97,44,.6);margin-top:28px;transition:background 180ms,transform 180ms}
.ib .btn:hover{background:var(--ember-deep);transform:translateY(-1px)}
.ib .side .k{font-family:"Source Code Pro",monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:rgba(244,236,216,.6)}
.ib .side .no{font-family:"Lora",Georgia,serif;font-size:1.05rem;color:var(--paper);margin:14px 0 0;line-height:1.5}
.ib .side .no i{color:#f7d8c2}
.ib .side ul{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.ib .side li{display:flex;justify-content:space-between;gap:12px;font-size:.95rem;color:rgba(244,236,216,.9);border-bottom:1px solid rgba(244,236,216,.14);padding-bottom:8px}
.ib .side li span:last-child{font-family:"Source Code Pro",monospace;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(244,236,216,.55)}
.ib .side .est{font-family:"Source Code Pro",monospace;font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;color:rgba(244,236,216,.55)}
.ib .credit{color:var(--ink-soft)}

/* ── II · TranquilTech · dark green ground, moss, warm ember, system serif ── */
.tt{--bg-1:#0e1311;--bg-2:#121918;--bg-surface:#1a201d;--line-t:#222b27;--ink:#eaede9;--ink-2:#b8c4bc;--ink-3:#7a8f84;--moss:#6f9c7e;--moss-2:#4d7a5f;--moss-3:#3a6049;--ember-t:#d4a373;
  background:var(--bg-1);color:var(--ink);font-family:ui-serif,"Iowan Old Style",Georgia,serif;position:relative}
.tt::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 75% -5%,#182820 0%,transparent 60%),radial-gradient(ellipse 40% 30% at 10% 80%,#121c18 0%,transparent 50%);pointer-events:none}
.tt .main,.tt .side{position:relative}
.tt .main{padding:54px 40px 40px}
.tt .side{padding:44px 36px 40px;border-top:1px solid var(--line-t);display:flex;flex-direction:column;justify-content:space-between;gap:24px;background:var(--bg-2)}
@media(min-width:860px){.tt .side{border-top:0;border-left:1px solid var(--line-t)}}
.tt .wordmark{font-family:ui-sans-serif,system-ui,-apple-system,"Helvetica Neue",sans-serif;font-size:14px;font-weight:600;letter-spacing:.2px;color:var(--ink)}
.tt .eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:1.8px;color:var(--moss);margin-top:34px}
.tt .eyebrow::before{content:"";display:block;width:20px;height:1px;background:var(--moss);opacity:.6}
.tt h2{font-weight:400;font-size:clamp(1.7rem,3.4vw,2.5rem);line-height:1.1;letter-spacing:-.03em;color:var(--ink);margin:14px 0 0}
.tt h2 .accent{background:linear-gradient(135deg,var(--moss) 0%,#8fbd9e 50%,var(--ember-t) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.tt .q{font-family:ui-sans-serif,system-ui,sans-serif;font-size:15.5px;color:var(--ink-2);line-height:1.65;margin:18px 0 0;max-width:50ch}
.tt .btn{display:inline-flex;align-items:center;gap:7px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:14px;font-weight:600;padding:10px 22px;border-radius:12px;border:1px solid var(--moss-2);background:var(--moss-3);color:var(--ink);margin-top:28px;transition:all .18s cubic-bezier(.22,1,.36,1);text-decoration:none}
.tt .btn:hover{background:var(--moss-2);border-color:var(--moss);transform:translateY(-1px);box-shadow:0 6px 20px rgba(111,156,126,.2)}
.tt .side .lbl{font-family:ui-sans-serif,system-ui,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1.8px;color:var(--ink-3)}
.tt .side .line{font-size:16px;color:var(--ink-2);margin:14px 0 0;line-height:1.55}
.tt .pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.tt .pill{font-family:ui-sans-serif,system-ui,sans-serif;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;padding:6px 11px;border-radius:99px;border:1px solid var(--line-t);color:var(--ink-2);display:inline-flex;align-items:center;gap:7px;background:var(--bg-surface)}
.tt .pill.live{border-color:rgba(111,156,126,.25);color:var(--moss)}
.tt .pill.live::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--moss);animation:pulse 2s infinite}
.tt .pill.soon{color:var(--ember-t)}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.tt .pill.live::before{animation:none}}
.tt .credit{color:var(--ink-3)}

/* ── III · The Democracy Studio · white and navy, sky, system sans 800 ── */
.ds{--navy:#0d2240;--navy-dk:#0a1c38;--blue:#1a4f9e;--sky:#2e7de0;--lt:#f8fafc;--border:#e2e8f0;--text:#1e293b;--slate:#475569;--gray:#64748b;--green:#1a6e42;--amber:#b45309;
  background:#fff;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}
.ds .main{background:var(--navy);color:#fff;padding:54px 40px 44px}
.ds .side{padding:40px 36px 40px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;background:#fff}
.ds .logo{display:flex;align-items:center;gap:10px}
.ds .mk{width:22px;height:22px;border-radius:6px;background:var(--sky);flex:none}
.ds .tx{font-size:17px;font-weight:700;color:#fff;letter-spacing:-.4px}
.ds .eyebrow{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#6bb4ff;margin-top:34px}
.ds h2{font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:800;color:#fff;letter-spacing:-1.2px;line-height:1.08;margin:14px 0 0}
.ds .q{font-size:16.5px;color:rgba(255,255,255,.74);line-height:1.65;margin:18px 0 0;max-width:50ch}
.ds .btn{display:inline-flex;align-items:center;padding:12px 24px;font-size:15px;font-weight:600;color:#fff;background:var(--blue);border:0;border-radius:10px;margin-top:28px;text-decoration:none}
.ds .btn:hover{background:var(--sky)}
.ds .side .eyebrow2{font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--sky)}
.ds .side .line{font-size:16px;color:var(--slate);line-height:1.6;margin:12px 0 0}
.ds .cards{display:flex;flex-direction:column;gap:8px;margin-top:16px}
.ds .card{background:var(--lt);border:1px solid var(--border);border-radius:10px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14.5px;font-weight:600;color:var(--navy)}
.ds .chip{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#fff;padding:4px 9px;border-radius:20px;background:var(--gray)}
.ds .chip.live{background:var(--green)}.ds .chip.wait{background:var(--amber)}
.ds .credit{color:var(--gray)}

/* after the doors */
.after{max-width:640px;margin:64px auto 0;text-align:center}
.after p{font-size:17px;color:var(--dusk);margin:0}
.walk{display:inline-block;margin-top:22px;font-family:var(--f-m);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--brass);text-decoration:none;padding:13px 10px;border-bottom:1px solid var(--line)}
.walk:hover{color:var(--brass-l);border-bottom-color:var(--brass)}

@media(max-width:560px){.ib .main,.tt .main,.ds .main{padding:50px 22px 34px}.ib .side,.tt .side,.ds .side{padding:32px 22px 40px}.co-door .credit{position:static;display:block;text-align:right;margin-top:14px}}

.ib .side .k2{margin-top:22px}