/* CG169 · the Tiny bar. One heavy, tight voice for every headline on the site (Rubik 800, our own face), quiet light grounds,
   and the redesigned home: the brand-blue opening with the coins of what the Group owns, the receipts in glass, the letter,
   what the Group owns, what we look for, the other buyers, what sellers ask, Ask the firm and the call.
   On a phone it is the app the rest of our products are: one column of cards under the shell's bars. Loaded last. */
:root{--t9-blue:#1559F5;--t9-ink:#0a1633;--t9-char:#454d5c;--t9-mist:#f4f6fa;--t9-line:#e3e7ef;--t9-r:24px}

/* ---------- the voice: every headline on the site, Rubik heavy and tight (the older CSS sets the serif with !important on
   phones, so this carries an id-weight :not(#a):not(#b):not(#c) to win cleanly). The letter's own prose keeps its serif. */
html body main :is(h1,h2,h3):not(#a):not(#b):not(#c){font-family:Rubik,system-ui,-apple-system,sans-serif!important;font-style:normal!important}
html body main :is(h1,h2):not(#a):not(#b):not(#c){font-weight:800!important;letter-spacing:-.035em!important;line-height:1.03!important;text-wrap:balance}
html body main h3:not(#a):not(#b):not(#c){font-weight:700!important;letter-spacing:-.015em!important}
/* the CG169 headline law, above CG165's: the Tiny sizes. Page titles big, section heads big, one step each */
html body main h1:not(#a):not(#b):not(#c){font-size:clamp(48px,6.2vw,92px)!important;line-height:1!important}
html body main h2:not(#a):not(#b):not(#c){font-size:clamp(36px,4.4vw,64px)!important}
html body.t9-home main .t9-hero h1:not(#a):not(#b):not(#c){font-size:clamp(56px,7.6vw,112px)!important;letter-spacing:-.045em!important}
html body main :is(.t9-tile,.t9-vs-col,.cg-part,.tg-tile,.px-card) :is(h2,h3):not(#a):not(#b):not(#c){font-size:24px!important;line-height:1.15!important}
@media (width<=760px){
  html body main h1:not(#a):not(#b):not(#c){font-size:40px!important}
  html body main h2:not(#a):not(#b):not(#c){font-size:32px!important;line-height:1.06!important}
  html body.t9-home main .t9-hero h1:not(#a):not(#b):not(#c){font-size:56px!important}
}
html body main :is(h1,h2) em:not(#a):not(#b):not(#c){font-style:normal!important;color:var(--t9-blue)!important;-webkit-text-fill-color:currentColor}
html body main :is(.tg-blue,.tg-close,.t9-hero,.px-chero.tg-blue) :is(h1,h2) em:not(#a):not(#b):not(#c){color:#bcd3ff!important}
html body main :is(dl.tg-glass,dl.tg-wstats) dt:not(#a):not(#b):not(#c){font-family:Rubik,system-ui,sans-serif!important;font-weight:800!important;letter-spacing:-.03em!important}

/* ---------- the opening */
.t9-home .t9-hero{position:relative;overflow:hidden;background:var(--t9-blue);color:#fff;padding:160px 0 64px;isolation:isolate}
.t9-hero::before{content:"";position:absolute;inset:-20% -10% auto;height:120%;background:radial-gradient(60% 50% at 50% 35%,rgba(255,255,255,.18),transparent 70%);z-index:-1}
.t9-hero-in{position:relative;max-width:1180px;margin:0 auto;padding:0 40px;display:grid;grid-template-rows:minmax(600px,auto) auto;gap:40px}
.t9-hero-copy{position:relative;z-index:2;align-self:center;text-align:center;max-width:640px;margin:0 auto}
.t9-kick{margin:0 0 20px;font:500 15px/1 Rubik,sans-serif;letter-spacing:.02em;color:rgba(255,255,255,.8)}
.t9-home .t9-hero h1{margin:0;font-size:clamp(56px,7.6vw,112px);color:#fff}
.t9-dek{margin:28px auto 0;max-width:620px;font-size:20px;line-height:1.5;color:rgba(255,255,255,.88)}
.t9-ctas{margin:36px 0 0;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.t9-btn{display:inline-flex;align-items:center;min-height:52px;padding:0 24px;border-radius:999px;font:500 17px/1 Rubik,sans-serif;text-decoration:none;transition:transform .2s,background .2s}
.t9-btn.w{background:#fff;color:var(--t9-blue)}.t9-btn.g{background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.t9-btn:hover{transform:translateY(-2px)}.t9-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
/* the coins: what the Group owns, floating around the words */
.t9-coins{position:absolute;inset:0 40px auto;height:600px;margin:0;padding:0;list-style:none;z-index:1;pointer-events:none}
.t9-coins li{position:absolute;pointer-events:auto;animation:t9float 9s ease-in-out infinite}
.t9-coins a{display:grid;place-items:center;width:var(--d,148px);height:var(--d,148px);border-radius:50%;background:#fff;box-shadow:0 18px 50px rgba(6,22,80,.28);text-decoration:none;transition:transform .25s}
.t9-coins a:hover{transform:scale(1.06)}.t9-coins a:focus-visible{outline:3px solid #fff;outline-offset:4px}
.t9-coins img{width:72%;height:auto}
.t9-coins .seat a{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 2px rgba(255,255,255,.5);color:#fff;flex-direction:column;gap:2px}
.t9-coins .seat b{font:300 40px/1 Rubik,sans-serif}.t9-coins .seat small{font:500 13px/1.2 Rubik,sans-serif}
.t9-coins .c1{left:0;top:0;--d:164px;animation-delay:-1s}
.t9-coins .c3{left:118px;top:200px;--d:104px;animation-delay:-2.5s}
.t9-coins .c2{left:0;top:318px;--d:148px;animation-delay:-4s}
.t9-coins .c7{left:28px;top:492px;--d:96px;animation-delay:-7s}
.t9-coins .c4{right:0;top:16px;--d:156px;animation-delay:-6s}
.t9-coins .c6{right:118px;top:214px;--d:104px;animation-delay:-5s}
.t9-coins .c5{right:10px;top:380px;--d:164px;animation-delay:-3s}
@keyframes t9float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@media (prefers-reduced-motion:reduce){.t9-coins li{animation:none}}
/* the receipts in glass */
.t9-glass{position:relative;z-index:2}
.t9-glass .tg-glass{margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-radius:var(--t9-r);background:rgba(255,255,255,.1);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.t9-glass .tg-glass>div{padding:28px 20px;text-align:center;border-left:1px solid rgba(255,255,255,.16)}
.t9-glass .tg-glass>div:first-child{border-left:0}
.t9-glass dt{font:800 clamp(32px,3vw,44px)/1 Rubik,sans-serif;letter-spacing:-.03em;color:#fff}
.t9-glass dd{margin:10px 0 0;font-size:13px;line-height:1.4;color:rgba(255,255,255,.85)}
.t9-glass dd b{color:#fff;font-weight:500}.t9-glass dd a{color:#fff}

/* ---------- the light sections */
.t9-sec{background:#fff}
html body main section.t9-sec:not(#a):not(#b):not(#c){background:#fff}
html body main section:is(.t9-own,.t9-vs,.cg-ask):not(#a):not(#b):not(#c){background:var(--t9-mist)}
.t9-home .t9-sec{padding:128px 0}
.t9-k{margin:0 0 16px;font:500 13px/1 Rubik,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#687083}
.t9-k.w{color:rgba(255,255,255,.75)}
.t9-home .t9-sec h2.rise{margin:0;font-size:clamp(40px,5.2vw,72px);color:var(--t9-ink);max-width:16ch}
.t9-lead{margin:24px 0 0;max-width:640px;font-size:20px;line-height:1.55;color:var(--t9-char)}
.t9-home .cg-more{margin-top:40px}

/* what the Group owns */
.t9-own-k{margin:56px 0 16px;font:500 15px/1 Rubik,sans-serif;color:var(--t9-ink)}
.t9-own-grid{margin:0;padding:0;list-style:none;display:grid;gap:16px}
.t9-own-grid.t9-n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.t9-own-grid.t9-n4{grid-template-columns:repeat(4,minmax(0,1fr))}
.t9-tile{display:flex;flex-direction:column;gap:16px;height:100%;padding:32px 28px;border-radius:var(--t9-r);background:#fff;box-shadow:inset 0 0 0 1px var(--t9-line);text-decoration:none;color:var(--t9-char);transition:transform .25s,box-shadow .25s}
.t9-tile:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--t9-line),0 24px 48px rgba(10,22,51,.08)}
.t9-tile:focus-visible{outline:2px solid var(--t9-blue);outline-offset:3px}
.t9-tile-mark{display:flex;align-items:center;min-height:44px}
.t9-tile-mark img{width:auto;height:calc(15px * var(--k-group,2.2464))}
.t9-tile-mark img.mk-ai{height:calc(15px * var(--k-ai,2.2403))}
.t9-tile-mark img.mk-hv{height:calc(15px * var(--k-hv,1.8288))}
.t9-tile-line{flex:1;font-size:17px;line-height:1.5}
.t9-tile-go{font:500 15px/1 Rubik,sans-serif;color:var(--t9-blue)}

/* what we look for */
.t9-look-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:start}
.t9-icons{margin:40px 0 0;padding:0;list-style:none;display:grid;gap:0}
.t9-icons li{display:grid;grid-template-columns:48px 1fr;gap:20px;padding:24px 0;border-top:1px solid var(--t9-line)}
.t9-icons li:last-child{border-bottom:1px solid var(--t9-line)}
.t9-ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#eaf0ff;color:var(--t9-blue)}
.t9-ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.t9-icons b{display:block;font:700 20px/1.2 Rubik,sans-serif;letter-spacing:-.01em;color:var(--t9-ink);margin-bottom:8px}
.t9-icons li>span:last-child>span{font-size:17px;line-height:1.5;color:var(--t9-char)}
.t9-look .cg-bfit{position:static}

/* the other buyers */
.t9-vs-grid{margin-top:56px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.t9-vs-col{padding:32px 28px;border-radius:var(--t9-r);background:#fff;box-shadow:inset 0 0 0 1px var(--t9-line)}
.t9-vs-col.us{background:linear-gradient(160deg,#eef3ff,#e2eaff);box-shadow:inset 0 0 0 1.5px #9db8fa}
.t9-vs-col h3{margin:0 0 20px;font:800 24px/1.15 Rubik,sans-serif;letter-spacing:-.02em;color:#3a4252}
.t9-vs-col.us h3{color:var(--t9-blue)}
.t9-vs-col ul{margin:0;padding:0;list-style:none;display:grid;gap:14px}
.t9-vs-col li{position:relative;padding-left:28px;font-size:17px;line-height:1.5;color:var(--t9-char)}
.t9-vs-col li::before{position:absolute;left:0;top:0;font:700 17px/1.5 Rubik,sans-serif}
.t9-vs-col li.x::before{content:"×";color:#c2410c}
.t9-vs-col li.ok::before{content:"✓";color:var(--t9-blue)}
.t9-vs-col.us li{color:var(--t9-ink)}

/* what sellers ask first */
.t9-qa-list{margin:56px 0 0;padding:0;list-style:none}
.t9-qa-list li{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1.3fr);gap:24px;padding:32px 0;border-top:1px solid var(--t9-line)}
.t9-qa-list li:last-child{border-bottom:1px solid var(--t9-line)}
.t9-qn{font:800 32px/1 Rubik,sans-serif;letter-spacing:-.03em;color:#7a8499}
.t9-q{margin:0;font:500 20px/1.35 Rubik,sans-serif;color:var(--t9-ink)}
.t9-a{margin:0;font-size:17px;line-height:1.6;color:var(--t9-char)}

/* the letter on the light ground */
.t9-letter h2.rise.tg-big{font-size:clamp(36px,4.4vw,60px)}

/* ---------- tablets */
@media (width<=1100px){
  .t9-glass .tg-glass{grid-template-columns:repeat(3,minmax(0,1fr))}
  .t9-glass .tg-glass>div:nth-child(4){border-left:0}
  .t9-own-grid.t9-n4,.t9-vs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .t9-look-grid{grid-template-columns:1fr;gap:48px}.t9-look .cg-bfit{position:static}
}
@media (width<=1100px){
  .t9-hero-in{min-height:0;display:flex;flex-direction:column;gap:36px}
  .t9-coins{position:static;height:auto;order:2;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -40px;padding:6px 40px 10px;scrollbar-width:none}
  .t9-coins::-webkit-scrollbar{display:none}
  .t9-coins li{position:static;animation:none;flex:none;scroll-snap-align:start}
  .t9-coins a{--d:120px}
  .t9-glass{order:3}
}
/* ---------- phones: the app. One column of cards under the shell's bars, the coins as a row you can swipe */
@media (width<=760px),(max-height:500px) and (pointer:coarse){
  .t9-home .t9-hero{padding:96px 0 24px;border-radius:0 0 28px 28px}
  .t9-hero-in{padding:0 20px;min-height:0;display:flex;flex-direction:column;gap:28px}
  .t9-hero-copy{text-align:left;margin:0}
  .t9-home .t9-hero h1{font-size:56px}
  .t9-dek{font-size:17px;margin-top:16px}
  .t9-ctas{justify-content:flex-start;margin-top:24px}
  .t9-ctas .t9-btn{flex:1 1 140px;justify-content:center}
  .t9-coins{position:static;order:2;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:4px 20px 8px;scrollbar-width:none}
  .t9-coins::-webkit-scrollbar{display:none}
  .t9-coins li{position:static;animation:none;flex:none;scroll-snap-align:start}
  .t9-coins a{--d:96px}.t9-coins .c3,.t9-coins .c6{display:block}
  .t9-glass{order:3}
  .t9-glass .tg-glass{grid-template-columns:repeat(2,minmax(0,1fr))}
  .t9-glass .tg-glass>div{padding:20px 16px;border-left:0;border-top:1px solid rgba(255,255,255,.16)}
  .t9-glass .tg-glass>div.lead{grid-column:1/-1;border-top:0}
  .t9-glass dt{font-size:32px}
  .t9-home .t9-sec{padding:56px 0}
  .t9-home .t9-sec h2.rise{font-size:40px}
  .t9-lead{font-size:17px}
  .t9-own-grid.t9-n2,.t9-own-grid.t9-n4,.t9-vs-grid{grid-template-columns:1fr;gap:12px}
  .t9-tile,.t9-vs-col{padding:24px 20px;border-radius:20px}
  .t9-tile:hover{transform:none}
  .t9-qa-list li{grid-template-columns:44px 1fr;gap:6px 12px;padding:24px 0}
  .t9-qa-list .t9-a{grid-column:2}
  .t9-qn{font-size:24px}
  .t9-q{font-size:17px}.t9-a{font-size:17px}
  .t9-icons li{grid-template-columns:44px 1fr;gap:16px}
}

/* ---------- CG169 finish: clean grounds, no hairlines between colored sections, no clipped glow on headlines */
html body main section.t9-sec>.px-wrap::before{content:none!important;display:none!important}
html body main :is(h1,h2) :is(.rw,.rwi):not(#a):not(#b):not(#c),html body main :is(h1,h2):not(#a):not(#b):not(#c){text-shadow:none!important}
html body main .tg-close h2 .rw:not(#a):not(#b):not(#c){padding-bottom:.08em}
/* the letter's headline sits in a narrow column: one step down */
html body main .t9-letter h2:not(#a):not(#b):not(#c){font-size:clamp(34px,3.6vw,52px)!important}
/* the seat coin */
.t9-coins .seat a{--d:112px!important;text-align:center}
.t9-coins .seat b{font-size:32px}.t9-coins .seat small{font-size:13px;max-width:80px}
/* the receipts: the big number never leaves its cell */
html body main .t9-glass dl.tg-glass dt:not(#a):not(#b):not(#c){font-size:clamp(30px,2.8vw,42px)!important;white-space:nowrap}
.t9-glass .tg-glass>div.lead{background:rgba(255,255,255,.08)}
/* Do we fit: a calm card, the tally a quiet strip under it */
.t9-look .cg-bfit .tg-fit{padding:40px!important}
html body main .t9-look .tg-fit-card:not(#a):not(#b):not(#c){background:var(--t9-mist)!important;color:var(--t9-ink)!important;box-shadow:inset 0 0 0 1px var(--t9-line)!important;border-radius:20px!important;padding:20px 24px!important}
html body main .t9-look .tg-fit-card :is(.tg-bl,i.a,i.b,i.c):not(#a):not(#b):not(#c){display:none!important}
html body main .t9-look .tg-fit-card *:not(#a):not(#b):not(#c){color:var(--t9-char)!important}
html body main .t9-look .tg-fit-board:not(#a):not(#b):not(#c){display:grid!important;grid-template-columns:1fr!important;gap:0!important;background:none!important;padding:0!important;margin:0!important}
html body main .t9-look .tg-fit-board li:not(#a):not(#b):not(#c){display:flex!important;justify-content:space-between;gap:12px;padding:12px 0!important;border-top:1px solid var(--t9-line)!important;text-align:left!important}
html body main .t9-look .tg-fit-board li:first-child:not(#a):not(#b):not(#c){border-top:0!important}
html body main .t9-look .tg-fit-board li i:not(#a):not(#b):not(#c){display:none!important}
html body main .t9-look .tg-fit-board .tg-fb-k:not(#a):not(#b):not(#c){font:500 15px/1.3 Rubik,sans-serif!important;color:var(--t9-ink)!important}
html body main .t9-look .tg-fit-board .tg-fb-v:not(#a):not(#b):not(#c){display:block!important;font-size:15px!important}
.t9-look .cg-bfit .tg-fit-grid{gap:24px!important}
/* the footer motto in the same voice */
.tg-foot .px-motto{font:800 clamp(28px,2.6vw,40px)/1.05 Rubik,system-ui,sans-serif!important;letter-spacing:-.035em!important;color:var(--t9-ink)!important}
.tg-foot .px-motto span{color:var(--t9-blue)!important}
/* Ask the firm: its title in the UI face */
html body main .cg-ask :is(b,strong,h3,.ak-t,[class*=title]):not(#a):not(#b):not(#c){font-family:Rubik,system-ui,sans-serif!important}
/* phones: the receipts stay glass on the blue card, the buttons stay one line */
@media (width<=760px),(max-height:500px) and (pointer:coarse){
  html body main .t9-glass dl.tg-glass>div:not(#a):not(#b):not(#c){background:rgba(255,255,255,.12)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)!important;border:0!important;border-radius:18px!important}
  html body main .t9-glass dl.tg-glass:not(#a):not(#b):not(#c){gap:10px!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important}
  html body main .t9-glass dl.tg-glass dt:not(#a):not(#b):not(#c){color:#fff!important;font-size:32px!important}
  html body main .t9-glass dl.tg-glass dd:not(#a):not(#b):not(#c),html body main .t9-glass dl.tg-glass dd :is(b,a):not(#a):not(#b):not(#c){color:rgba(255,255,255,.9)!important}
  html body main .t9-glass dl.tg-glass dd b:not(#a):not(#b):not(#c){color:#fff!important}
  .t9-btn{font-size:17px;white-space:nowrap;padding:0 20px}
  .t9-coins .seat a{--d:96px!important}
  .t9-look .cg-bfit .tg-fit{padding:24px 20px!important}
}
html body main .t9-look form.tg-fit:not(#a):not(#b):not(#c){padding:36px!important}
html body main .t9-look .tg-fit-head:not(#a):not(#b):not(#c){margin-bottom:24px!important;padding:0!important}
html body main :is(legend,.tg-q,.tg-qt):not(#a):not(#b):not(#c){font-family:Rubik,system-ui,sans-serif!important;font-weight:700!important;letter-spacing:-.015em!important}
@media (width<=760px){html body main .t9-look form.tg-fit:not(#a):not(#b):not(#c){padding:24px 20px!important}}
/* one face, as Tiny: the serif leaves the site's display type. The letters keep it, they are letters */
html:root{--px-serif:Rubik,system-ui,-apple-system,sans-serif!important;--ap-serif:Rubik,system-ui,-apple-system,sans-serif!important}
html:root :is(.tg-lcard,.tg-letterpage .prose,.tg-letterpage .tg-salute,.px-art .prose){--px-serif:"Source Serif 4",Georgia,serif!important;--ap-serif:"Source Serif 4",Georgia,serif!important}

/* ---------- CG169 one-sheets: /lab/, /system/, /platform/ */
.os-hero{padding:150px 0 72px!important}
.os-mark{display:inline-flex;align-items:center;margin:0 0 28px;padding:16px 24px;border-radius:999px;background:#fff;box-shadow:0 18px 50px rgba(6,22,80,.25)}
.os-mark img{display:block;width:auto;height:calc(16px * var(--k-group,2.2464))}
.os-mark img.mk-ai{height:calc(16px * var(--k-ai,2.2403))}
html.sh-on .os-mark img{filter:none}
.os-hero .px-dek{max-width:680px}
.os-ctas{justify-content:flex-start!important}
.os-glass{margin-top:56px}
.os-glass .tg-glass{grid-template-columns:repeat(4,minmax(0,1fr))!important}
html body main section.os-sec:not(#a):not(#b):not(#c){padding:120px 0}
html body main section.os-mist:not(#a):not(#b):not(#c){background:var(--t9-mist)}
html body main section.os-sec>.px-wrap::before{content:none!important;display:none!important}
.os-sec h2.rise{max-width:18ch;color:var(--t9-ink)}
.os-cards{margin:48px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.os-cards.os-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.os-cards.os-6{grid-template-columns:repeat(3,minmax(0,1fr))}
.os-cards li{padding:32px 28px;border-radius:var(--t9-r);background:#fff;box-shadow:inset 0 0 0 1px var(--t9-line)}
.os-ck{margin:0 0 14px;font:500 13px/1 Rubik,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--t9-blue)}
html body main .os-cards h3:not(#a):not(#b):not(#c){margin:0 0 10px;font-size:24px!important;line-height:1.15!important;color:var(--t9-ink)}
.os-cards li>p:last-child{margin:0;font-size:17px;line-height:1.55;color:var(--t9-char)}
.os-list{margin:48px 0 0;padding:0;list-style:none;counter-reset:n}
.os-list li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:24px;padding:32px 0;border-top:1px solid var(--t9-line)}
.os-list li:last-child{border-bottom:1px solid var(--t9-line)}
.os-n{font:800 40px/1 Rubik,sans-serif;letter-spacing:-.03em;color:var(--t9-blue)}
html body main .os-list h3:not(#a):not(#b):not(#c){margin:0 0 8px;font-size:32px!important;line-height:1.15!important;letter-spacing:-.025em!important;color:var(--t9-ink)}
.os-list p{margin:0;max-width:640px;font-size:17px;line-height:1.55;color:var(--t9-char)}
.os-steps .os-n{color:#7a8499}
/* the Lab */
.os-shows{margin:48px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.os-shows li{display:flex;align-items:center;gap:24px;padding:20px;border-radius:var(--t9-r);background:#fff;box-shadow:inset 0 0 0 1px var(--t9-line)}
.os-shows img{width:120px;height:120px;border-radius:16px;flex:none}
html body main .os-shows h3:not(#a):not(#b):not(#c){margin:0 0 6px;font-size:24px!important;color:var(--t9-ink)}
.os-shows p{margin:0;color:var(--t9-char)}
.os-follow{margin:28px 0 0;display:flex;gap:24px}
.os-eps{margin:48px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.os-ep{display:flex;flex-direction:column;gap:8px;height:100%;padding:12px 12px 20px;border-radius:var(--t9-r);background:#fff;box-shadow:inset 0 0 0 1px var(--t9-line);text-decoration:none;color:var(--t9-ink);transition:transform .25s,box-shadow .25s}
.os-ep:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--t9-line),0 24px 48px rgba(10,22,51,.08)}
.os-ep:focus-visible{outline:2px solid var(--t9-blue);outline-offset:3px}
.os-eps>li{min-width:0}.os-ep{min-width:0}
.os-ep img{max-width:100%;min-width:0;width:100%;height:auto;aspect-ratio:1;border-radius:14px;margin-bottom:8px}
.os-epk{padding:0 8px;font:500 13px/1.3 Rubik,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#4b5468}
.os-ept{flex:1;padding:0 8px;font:700 17px/1.25 Rubik,sans-serif;letter-spacing:-.01em}
.os-epm{padding:0 8px;font-size:15px;color:var(--t9-blue)}
/* the System's case */
.os-case{margin-top:48px;padding:40px;border-radius:28px;background:#fff;box-shadow:inset 0 0 0 1px var(--t9-line)}
.os-case-marks{display:flex;flex-wrap:wrap;gap:32px;align-items:center;margin-bottom:32px}
.os-case-marks img{height:calc(18px * var(--k-hv,1.8288));width:auto}
.os-rec{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.os-rec>div{padding:8px 24px;border-left:1px solid var(--t9-line)}
.os-rec>div:first-child{border-left:0;padding-left:0}
.os-rec dt{font:800 clamp(36px,3.6vw,56px)/1 Rubik,sans-serif;letter-spacing:-.04em;color:var(--t9-blue)}
.os-rec dd{margin:12px 0 0;font-size:15px;line-height:1.45;color:var(--t9-char)}
.os-src{margin:28px 0 0;font-size:15px;color:#5a6274}
.os-src a{color:inherit}
/* the platform's screens */
.os-devices{position:relative;margin-top:56px;padding:56px 56px 0;border-radius:32px;background:linear-gradient(160deg,#1559F5,#0b3fc0);overflow:hidden}
.os-devices figure{margin:0}
.os-lap img{display:block;width:84%;height:auto;border-radius:16px 16px 0 0;box-shadow:0 30px 80px rgba(3,14,60,.45)}
.os-ph{position:absolute;right:56px;bottom:-40px;width:24%}
.os-ph img{display:block;width:100%;height:auto;border-radius:28px;box-shadow:0 30px 80px rgba(3,14,60,.5)}
.os-console{margin:24px 0 0}
.os-console img{display:block;width:100%;height:auto;border-radius:var(--t9-r);box-shadow:inset 0 0 0 1px var(--t9-line),0 24px 60px rgba(10,22,51,.1)}
.t9-own-grid.t9-n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.os-cdek{margin:20px auto 0;max-width:600px;font-size:20px;line-height:1.5;color:rgba(255,255,255,.88)}
.os-close .t9-ctas{justify-content:center}
@media (width<=1100px){
  .os-cards,.os-cards.os-4,.os-cards.os-6,.os-eps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .os-rec{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0}.os-rec>div:nth-child(3){border-left:0;padding-left:0}
  .os-glass .tg-glass{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .os-glass .tg-glass>div:nth-child(3){border-left:0}
}
@media (width<=760px),(max-height:500px) and (pointer:coarse){
  .os-hero{padding:96px 0 32px!important;border-radius:0 0 28px 28px}
  .os-mark{padding:12px 20px}.os-mark img{height:calc(13px * var(--k-group,2.2464))}.os-mark img.mk-ai{height:calc(13px * var(--k-ai,2.2403))}
  .os-glass{margin-top:32px}
  html body main section.os-sec:not(#a):not(#b):not(#c){padding:56px 0}
  .os-cards,.os-cards.os-4,.os-cards.os-6,.os-shows,.t9-own-grid.t9-n3{grid-template-columns:1fr;gap:12px}
  .os-cards li{padding:24px 20px;border-radius:20px}
  html body main ul.os-eps:not(#a):not(#b):not(#c){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:32px!important}
  .os-ep{padding:8px 8px 16px}.os-ept{font-size:15px}.os-epk{font-size:13px}
  .os-list li{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:24px 0}
  .os-n{font-size:24px}
  html body main .os-list h3:not(#a):not(#b):not(#c){font-size:20px!important}
  .os-list p{font-size:17px}
  .os-shows img{width:88px;height:88px}
  .os-case{padding:24px 20px}
  .os-rec dt{font-size:40px}
  .os-devices{padding:24px 20px 0;border-radius:24px}
  .os-lap img{width:100%}.os-ph{position:relative;right:auto;bottom:auto;width:46%;margin:-30% 0 -20px auto}
}
/* one-sheets on the phone: the product's blue card, like home, under the shell's bar */
@media (width<=760px),(max-height:500px) and (pointer:coarse){
  html.sh-on body main>section.os-hero:not(#a):not(#b):not(#c){background:linear-gradient(165deg,#2f6bff,#1559F5 45%,#0d44d0)!important;color:#fff!important;padding:96px 0 28px!important;border-radius:0 0 28px 28px!important;margin:0!important}
  html.sh-on body main>section.os-hero .px-wrap:not(#a):not(#b):not(#c){display:flex!important;flex-direction:column!important;padding:0 20px!important}
  html.sh-on body main>section.os-hero .os-mark:not(#a):not(#b):not(#c){order:0!important;align-self:flex-start;margin:0 0 20px!important}
  html.sh-on body main>section.os-hero .px-kick:not(#a):not(#b):not(#c){order:1!important;color:rgba(255,255,255,.8)!important;margin:0 0 10px!important;font-size:13px!important}
  html.sh-on body main>section.os-hero h1:not(#a):not(#b):not(#c){order:2!important;color:#fff!important;font-size:40px!important}
  html.sh-on body main>section.os-hero h1 em:not(#a):not(#b):not(#c){color:#bcd3ff!important}
  html.sh-on body main>section.os-hero .px-dek:not(#a):not(#b):not(#c){order:3!important;color:rgba(255,255,255,.9)!important;font-size:17px!important;margin:14px 0 0!important}
  html.sh-on body main>section.os-hero .os-ctas:not(#a):not(#b):not(#c){order:4!important;display:flex!important;gap:10px!important;margin:22px 0 0!important}
  html.sh-on body main>section.os-hero .t9-btn.w:not(#a):not(#b):not(#c){background:#fff!important;color:var(--t9-blue)!important;text-decoration:none!important}
  html.sh-on body main>section.os-hero .t9-btn.g:not(#a):not(#b):not(#c){color:#fff!important;text-decoration:none!important}
  html.sh-on body main>section.os-hero .os-glass:not(#a):not(#b):not(#c){order:5!important;display:block!important;margin-top:24px!important}
  html.sh-on body main>section.os-hero dl.tg-glass:not(#a):not(#b):not(#c){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html.sh-on body main .t9-glass dl.tg-glass>div:not(#a):not(#b):not(#c){grid-column:auto!important;padding:20px 16px!important}
  html.sh-on body main .t9-glass dl.tg-glass>div.lead:not(#a):not(#b):not(#c){grid-column:1/-1!important}
}
/* inner pages on the phone: the shell's light title card, so the em runs blue, not pale */
@media (width<=760px),(max-height:500px) and (pointer:coarse){
  html.sh-on body main>section:is(.tg-pghero:not(.os-hero),.ts,.px-mini) :is(h1,h2) em:not(#a):not(#b):not(#c){color:var(--t9-blue)!important}
}