/* CG184 · /platform/, from the approved bold sheet. */
@media (min-width:761px){
html body main#main:not(#z1):not(#z2):not(#z3) .px-kick{font:500 13px/1 "IBM Plex Mono",monospace!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:#bfd0ff!important}
html body main#main:not(#z1):not(#z2):not(#z3){counter-reset:chap}
html body main#main:not(#z1):not(#z2):not(#z3) .os-sec .t9-k{counter-increment:chap;font:500 13px/1 "IBM Plex Mono",monospace!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:#1559f5!important}
html body main#main:not(#z1):not(#z2):not(#z3) .os-sec .t9-k::before{content:counter(chap,decimal-leading-zero) "  ·  ";white-space:pre;color:#0a1633}
html body main#main:not(#z1):not(#z2):not(#z3) .os-sec .t9-lead{font-size:20px!important;line-height:1.55!important;max-width:680px!important}
html body main#main:not(#z1):not(#z2):not(#z3) .os-hero{background:radial-gradient(90% 70% at 50% 0%,#3f7bff 0%,rgba(21,89,245,0) 60%),linear-gradient(180deg,#1559f5 0%,#1148d4 55%,#0a1633 100%)!important;padding-bottom:0!important}
html body main#main:not(#z1):not(#z2):not(#z3) .os-hero .tg-bl{display:none!important}
html body main#main:not(#z1):not(#z2):not(#z3) .os-hero .os-mark{padding:16px 24px!important;border-radius:999px!important;box-shadow:0 14px 40px rgba(10,22,51,.22),0 2px 6px rgba(10,22,51,.12)!important;margin-bottom:32px!important}
html body main#main:not(#z1):not(#z2):not(#z3) .os-hero .os-mark img{height:40px!important;width:auto!important}
html body main#main:not(#z1):not(#z2):not(#z3) .os-hero h1 em{font-style:normal;color:#9dbbff}
html body main#main:not(#z1):not(#z2):not(#z3) .os-hero .px-dek{font-size:20px!important;line-height:1.5!important;max-width:740px!important}
html body main#main:not(#z1):not(#z2):not(#z3) .os-hero .tg-glass{background:rgba(10,22,51,.30)!important;border:1px solid rgba(255,255,255,.18)!important;backdrop-filter:blur(14px)}
html body main#main:not(#z1):not(#z2):not(#z3) .os-hero .os-glass{margin-top:64px!important}
html body main#main:not(#z1):not(#z2):not(#z3) .os-hero .tg-glass dt{font-size:64px!important;letter-spacing:-2.5px!important;line-height:1!important}
html body main#main:not(#z1):not(#z2):not(#z3) .up-stage{background:linear-gradient(180deg,#0a1633 0%,#0a1633 100%);padding:96px 0 0;overflow:hidden;position:relative}
html body main#main:not(#z1):not(#z2):not(#z3) .up-stage .in{position:relative;max-width:1240px;margin:0 auto;height:740px}
html body main#main:not(#z1):not(#z2):not(#z3) .up-stage .main{position:absolute;left:76px;top:0;width:1088px;border-radius:20px 20px 0 0;box-shadow:0 40px 120px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.12);display:block}
html body main#main:not(#z1):not(#z2):not(#z3) .up-stage .fl{position:absolute;border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.14);display:block}
html body main#main:not(#z1):not(#z2):not(#z3) .up-stage .f1{left:-20px;top:300px;width:540px}
html body main#main:not(#z1):not(#z2):not(#z3) .up-stage .f2{right:-20px;top:220px;width:520px}
html body main#main:not(#z1):not(#z2):not(#z3) .up-stage .chips{position:absolute;left:50%;transform:translateX(-50%);bottom:40px;display:flex;gap:8px;z-index:2}
html body main#main:not(#z1):not(#z2):not(#z3) .up-stage .chips span{font:500 13px/1 "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;background:rgba(10,22,51,.72);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);padding:12px 16px;border-radius:999px;color:#fff}
html body main#main:not(#z1):not(#z2):not(#z3) .up-stage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:200px;background:linear-gradient(180deg,rgba(10,22,51,0),#0a1633)}
html body main#main:not(#z1):not(#z2):not(#z3) #apps{padding-top:152px!important;padding-bottom:140px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #apps .os-apps{gap:24px!important;margin-top:64px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #apps .os-apps a{border-radius:24px!important;padding:44px 44px 0!important;overflow:hidden;min-height:620px;display:flex!important;flex-direction:column;background:linear-gradient(180deg,#1559f5 0%,#0a1633 100%)!important}
html body main#main:not(#z1):not(#z2):not(#z3) #apps .os-apps li:nth-child(2) a{background:linear-gradient(180deg,#0a1633 0%,#1148d4 100%)!important}
html body main#main:not(#z1):not(#z2):not(#z3) #apps .os-apps b{font-size:40px!important;letter-spacing:-1.6px!important;line-height:1!important;margin:16px 0 16px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #apps .os-apps span:not(.os-ck):not(.t9-tile-go){font-size:17px!important;line-height:1.55!important;max-width:440px}
html body main#main:not(#z1):not(#z2):not(#z3) #apps .os-apps .t9-tile-go{margin:24px 0 32px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #apps .os-apps .up-shot{display:block;width:auto;max-width:none;align-self:stretch!important;margin:auto -44px 0 0;border-radius:14px 0 0 0;box-shadow:0 20px 60px rgba(0,0,0,.35)}
html body main#main:not(#z1):not(#z2):not(#z3) #okr{padding-top:152px!important;padding-bottom:140px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #okr .os-devices{margin-top:72px!important;border-radius:28px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #navigator{background:radial-gradient(70% 90% at 85% 0%,rgba(21,89,245,.45) 0%,rgba(21,89,245,0) 60%),#0a1633!important;padding-top:152px!important;padding-bottom:160px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #navigator h2,html body main#main:not(#z1):not(#z2):not(#z3) #navigator h3,html body main#main:not(#z1):not(#z2):not(#z3) #navigator figcaption b{color:#fff!important}
html body main#main:not(#z1):not(#z2):not(#z3) #navigator h2 em{color:#5b8cfa!important;font-style:normal}
html body main#main:not(#z1):not(#z2):not(#z3) #navigator .t9-lead,html body main#main:not(#z1):not(#z2):not(#z3) #navigator li p,html body main#main:not(#z1):not(#z2):not(#z3) #navigator figcaption span{color:#b9c4dd!important}
html body main#main:not(#z1):not(#z2):not(#z3) #navigator .t9-k::before{color:#fff!important}
html body main#main:not(#z1):not(#z2):not(#z3) #navigator .t9-k{color:#5b8cfa!important}
html body main#main:not(#z1):not(#z2):not(#z3) #navigator .os-navs{gap:40px!important;margin-top:80px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #navigator .os-navs figcaption b{font-size:24px!important;letter-spacing:-.5px}
html body main#main:not(#z1):not(#z2):not(#z3) #navigator .os-navs figcaption span{font-size:15px!important;line-height:1.55!important}
html body main#main:not(#z1):not(#z2):not(#z3) #navigator .os-navlist{margin-top:96px!important;border-top:2px solid rgba(255,255,255,.18)!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
html body main#main:not(#z1):not(#z2):not(#z3) #navigator .os-navlist li{display:block!important;border:0!important;padding:28px 0 0!important}
html body main#main:not(#z1):not(#z2):not(#z3) #navigator .os-navlist .os-n{display:block;font:800 56px/1 Rubik!important;letter-spacing:-2.5px!important;color:#5b8cfa!important;margin-bottom:20px}
html body main#main:not(#z1):not(#z2):not(#z3) #navigator .os-navlist p{font-size:15px!important;line-height:1.55!important}
html body main#main:not(#z1):not(#z2):not(#z3) #navigator .os-navctas{margin-top:56px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #connect{padding-top:152px!important;padding-bottom:140px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #connect .os-cards{gap:20px!important;margin-top:64px!important;counter-reset:cc}
html body main#main:not(#z1):not(#z2):not(#z3) #connect .os-cards li{border-radius:24px!important;padding:40px 32px!important;counter-increment:cc;background:#fff!important}
html body main#main:not(#z1):not(#z2):not(#z3) #connect .os-cards li::before{content:counter(cc,decimal-leading-zero);display:block;font:800 56px/1 Rubik;letter-spacing:-2.5px;color:#1559f5;margin-bottom:24px}
html body main#main:not(#z1):not(#z2):not(#z3) #connect .os-ck{font:500 13px/1 "IBM Plex Mono",monospace!important;letter-spacing:.14em!important;text-transform:uppercase}
html body main#main:not(#z1):not(#z2):not(#z3) #pieces{padding-top:152px!important;padding-bottom:152px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #pieces .os-6{gap:16px!important;margin-top:64px!important;counter-reset:pc}
html body main#main:not(#z1):not(#z2):not(#z3) #pieces .os-6 li{border-radius:24px!important;padding:32px 32px!important;counter-increment:pc}
html body main#main:not(#z1):not(#z2):not(#z3) #pieces .os-6 li::before{content:counter(pc,decimal-leading-zero);display:block;font:800 40px/1 Rubik;letter-spacing:-1.6px;color:#1559f5;margin-bottom:24px}
html body main#main:not(#z1):not(#z2):not(#z3) #pieces .os-ck{display:none!important}
html body main#main:not(#z1):not(#z2):not(#z3) #pieces .os-console{margin-top:72px!important;border-radius:24px!important;overflow:hidden;box-shadow:0 40px 100px rgba(10,22,51,.18),0 0 0 1px #e3e8f2!important}
html body main#main:not(#z1):not(#z2):not(#z3) #family{padding-top:152px!important;padding-bottom:152px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #family .t9-own-grid{gap:20px!important;margin-top:64px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #family .t9-tile{border-radius:24px!important;overflow:hidden;padding:0 32px 32px!important;min-height:0!important}
html body main#main:not(#z1):not(#z2):not(#z3) #family .t9-tile .up-photo{display:block;width:calc(100% + 60px);max-width:none;margin:0 -32px 24px;height:230px;object-fit:cover;object-position:50% 30%;flex:none}
html body main#main:not(#z1):not(#z2):not(#z3) #family .t9-tile-mark img{height:36px!important;width:auto!important}
html body main#main:not(#z1):not(#z2):not(#z3) #family .t9-tile-line{font-size:20px!important;line-height:1.4!important}
html body main#main:not(#z1):not(#z2):not(#z3) #start{background:linear-gradient(180deg,rgba(21,89,245,.97) 0%,rgba(17,72,212,.95) 55%,rgba(10,22,51,.98) 100%),#0a1633!important;padding-top:160px!important;padding-bottom:168px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #start .os-cdek{font-size:20px!important;max-width:680px!important}
}
@media (min-width:761px){
html body main#main:not(#z1):not(#z2):not(#z3) .os-hero h1{font-size:clamp(80px,8.89vw,128px)!important;letter-spacing:-.046em!important;line-height:.9!important;max-width:none!important}
html body main#main:not(#z1):not(#z2):not(#z3) #apps h2,html body main#main:not(#z1):not(#z2):not(#z3) #okr h2,html body main#main:not(#z1):not(#z2):not(#z3) #navigator h2,html body main#main:not(#z1):not(#z2):not(#z3) #connect h2,html body main#main:not(#z1):not(#z2):not(#z3) #pieces h2,html body main#main:not(#z1):not(#z2):not(#z3) #family h2{font-size:clamp(48px,6vw,86px)!important;letter-spacing:-.042em!important;line-height:.95!important;max-width:none!important}
}
@media (max-width:760px){
  html body main#main:not(#z1):not(#z2):not(#z3) .os-hero .os-mark{padding:10px 18px!important;border-radius:999px!important;margin-bottom:20px!important}
  html body main#main:not(#z1):not(#z2):not(#z3) .os-hero .os-mark img{height:28px!important;width:auto!important}
  html body main#main:not(#z1):not(#z2):not(#z3) .os-hero .px-dek{color:#dbe5ff!important}
  html body main#main:not(#z1):not(#z2):not(#z3) .os-hero .tg-glass dd,html body main#main:not(#z1):not(#z2):not(#z3) .os-hero .tg-glass dd *{color:rgba(255,255,255,.88)!important}
  html body main#main:not(#z1):not(#z2):not(#z3) .os-sec .t9-k{font:500 13px/1.3 "IBM Plex Mono",ui-monospace,monospace!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#1559f5!important;counter-increment:chap}
  html body main#main:not(#z1):not(#z2):not(#z3) .os-sec .t9-k::before{content:counter(chap,decimal-leading-zero) "  \00B7  ";white-space:pre;color:#0a1633}
  html body main#main:not(#z1):not(#z2):not(#z3)  .up-photo{display:block;width:100%!important;max-width:none!important;height:200px!important;object-fit:cover;margin:0 0 20px!important;border-radius:16px}
}
main#main{counter-reset:chap}
@media (max-width:760px){
  html body main#main:not(#z1):not(#z2):not(#z3) .up-stage{background:#0a1633;padding:32px 20px 40px}
  html body main#main:not(#z1):not(#z2):not(#z3) .up-stage .in{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  html body main#main:not(#z1):not(#z2):not(#z3) .up-stage img{width:100%;height:auto;border-radius:12px;display:block;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
  html body main#main:not(#z1):not(#z2):not(#z3) .up-stage .main{grid-column:1/-1}
  html body main#main:not(#z1):not(#z2):not(#z3) .up-stage .chips{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}
  html body main#main:not(#z1):not(#z2):not(#z3) .up-stage .chips span{font:500 13px/1 Rubik,sans-serif;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);padding:10px 14px;border-radius:999px}
  html body main#main:not(#z1):not(#z2):not(#z3) #apps .up-shot{display:block;width:100%;border-radius:12px;margin-top:20px}
  html body main#main:not(#z1):not(#z2):not(#z3) #navigator{background:#0a1633!important}
  html body main#main:not(#z1):not(#z2):not(#z3) #navigator :is(h2,h3,figcaption b){color:#fff!important}
  html body main#main:not(#z1):not(#z2):not(#z3) #navigator :is(.t9-lead,li p,figcaption span){color:#b9c4dd!important}
  html body main#main:not(#z1):not(#z2):not(#z3) #navigator .t9-k{color:#5b8cfa!important}html body main#main:not(#z1):not(#z2):not(#z3) #navigator .t9-k::before{color:#fff!important}
}