/* CG186 · /studio/websites/, /studio/apps/ and /studio/social/, from the approved shared sheet (studio-sub-shared). */
@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) .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) .t9-k::before{content:counter(chap,decimal-leading-zero) "  ·  ";white-space:pre;color:#0a1633}
html body main#main:not(#z1):not(#z2):not(#z3) .st-sec{padding-top:152px!important;padding-bottom:140px!important;border-top:0!important}
html body main#main:not(#z1):not(#z2):not(#z3) .st-sec .px-wrap{border-top:0!important}
html body main#main:not(#z1):not(#z2):not(#z3) .st-sec .cg-ssub{font-size:20px!important;line-height:1.55!important;max-width:700px!important}
html body main#main:not(#z1):not(#z2):not(#z3) .st-sec h2 em{font-style:normal}
html body main#main:not(#z1):not(#z2):not(#z3) .px-chero{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:128px!important}
html body main#main:not(#z1):not(#z2):not(#z3) .px-chero .tg-bl{display:none!important}
html body main#main:not(#z1):not(#z2):not(#z3) .px-chero .st-mark{display:inline-flex!important;width:auto!important;background:#fff;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:0 0 32px!important}
html body main#main:not(#z1):not(#z2):not(#z3) .px-chero .st-mark img{display:block!important;filter:none!important;height:40px!important;width:auto!important}
html body main#main:not(#z1):not(#z2):not(#z3) .px-chero .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) #problem{background:radial-gradient(70% 90% at 85% 0%,rgba(21,89,245,.45) 0%,rgba(21,89,245,0) 60%),#0a1633!important;padding-top:160px!important;padding-bottom:168px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #problem h2,html body main#main:not(#z1):not(#z2):not(#z3) #problem h2 *{color:#fff!important}
html body main#main:not(#z1):not(#z2):not(#z3) #problem h2 em,html body main#main:not(#z1):not(#z2):not(#z3) #problem h2 em *{color:#5b8cfa!important}
html body main#main:not(#z1):not(#z2):not(#z3) #problem .cg-ssub{color:#b9c4dd!important;font-size:24px!important;max-width:760px!important;margin-top:36px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #problem .t9-k{color:#5b8cfa!important}
html body main#main:not(#z1):not(#z2):not(#z3) #problem .t9-k::before{color:#fff}
html body main#main:not(#z1):not(#z2):not(#z3) #how .st-flow{background:#0a1633!important;border:0!important;border-radius:24px!important;padding:64px 48px!important;margin-top:64px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #how .st-flow svg rect{fill:rgba(255,255,255,.05)!important;stroke:rgba(255,255,255,.22)!important}
html body main#main:not(#z1):not(#z2):not(#z3) #how .st-flow svg text{fill:#fff!important}
html body main#main:not(#z1):not(#z2):not(#z3) #how .st-flow svg line,html body main#main:not(#z1):not(#z2):not(#z3) #how .st-flow svg path{stroke:rgba(255,255,255,.35)!important}
html body main#main:not(#z1):not(#z2):not(#z3) #how .st-flowlist b{color:#fff!important;font-size:17px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #how .st-flowlist span{color:#b9c4dd!important;font-size:13px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #how .st-flowlist li:first-child{background:#1559f5!important;border-color:#5b8cfa!important}
html body main#main:not(#z1):not(#z2):not(#z3) #screens{background:#f5f7fc!important}
html body main#main:not(#z1):not(#z2):not(#z3) #screens .st-shots{margin-top:72px!important;gap:28px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #screens .st-shot img{border-radius:20px!important;box-shadow:0 40px 100px rgba(10,22,51,.16)!important}
html body main#main:not(#z1):not(#z2):not(#z3) #screens .st-shot figcaption{font:500 13px/1.45 "IBM Plex Mono",monospace!important;letter-spacing:.08em;color:#56607a!important;margin-top:16px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #features .st-fn{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;margin-top:64px!important;counter-reset:ft;border-top:0!important;padding-top:0!important}
html body main#main:not(#z1):not(#z2):not(#z3) #features .st-fn>div{counter-increment:ft;background:#fff;border:1px solid #e3e8f2;border-radius:24px;padding:32px 32px 36px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #features .st-fn>div::before{content:counter(ft,decimal-leading-zero);display:block;font:800 40px/1 Rubik;letter-spacing:-2px;color:#1559f5;margin-bottom:24px}
html body main#main:not(#z1):not(#z2):not(#z3) #features .st-fn dt{font:700 24px/1.15 Rubik!important;letter-spacing:-.6px!important;text-transform:none!important;color:#0a1633!important;margin-bottom:8px}
html body main#main:not(#z1):not(#z2):not(#z3) #features .st-fn dd{font-size:15px!important;line-height:1.55!important;margin:0!important}
html body main#main:not(#z1):not(#z2):not(#z3) #trust{padding:0!important;display:grid!important;grid-template-columns:1fr 1fr;background:#0a1633!important;min-height:720px}
html body main#main:not(#z1):not(#z2):not(#z3) #trust .up-photo{width:100%;height:100%;object-fit:cover;object-position:40% 40%;display:block}
html body main#main:not(#z1):not(#z2):not(#z3) #trust .px-wrap{max-width:none!important;margin:0!important;padding:128px max(56px,calc(50vw - 600px)) 128px 80px!important;color:#fff}
html body main#main:not(#z1):not(#z2):not(#z3) #trust h2,html body main#main:not(#z1):not(#z2):not(#z3) #trust h2 *{color:#fff!important}
html body main#main:not(#z1):not(#z2):not(#z3) #trust .t9-k{color:#5b8cfa!important}
html body main#main:not(#z1):not(#z2):not(#z3) #trust .t9-k::before{color:#fff}
html body main#main:not(#z1):not(#z2):not(#z3) #trust .st-fn{display:block!important;margin-top:48px!important;counter-reset:tr;border-top:0!important;padding-top:0!important}
html body main#main:not(#z1):not(#z2):not(#z3) #trust .st-fn>div{counter-increment:tr;display:grid;grid-template-columns:72px 1fr;column-gap:8px;border-top:1px solid rgba(255,255,255,.18);padding:24px 0!important}
html body main#main:not(#z1):not(#z2):not(#z3) #trust .st-fn>div::before{content:counter(tr,decimal-leading-zero);grid-row:1/span 2;font:800 32px/1 Rubik;letter-spacing:-1.2px;color:#5b8cfa}
html body main#main:not(#z1):not(#z2):not(#z3) #trust .st-fn dt{font:700 20px/1.2 Rubik!important;text-transform:none!important;letter-spacing:-.3px!important;color:#fff!important;margin-bottom:8px}
html body main#main:not(#z1):not(#z2):not(#z3) #trust .st-fn dd{color:#b9c4dd!important;font-size:15px!important;line-height:1.55!important;margin:0!important}
html body main#main:not(#z1):not(#z2):not(#z3) #platform .up-shot{display:block;width:100%;border-radius:24px;margin-top:72px;box-shadow:0 40px 100px rgba(10,22,51,.16),0 0 0 1px #e3e8f2}
html body main#main:not(#z1):not(#z2):not(#z3) #platform .up-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:72px}
html body main#main:not(#z1):not(#z2):not(#z3) #platform .up-strip img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:16px;display:block;box-shadow:0 20px 50px rgba(10,22,51,.14)}
html body main#main:not(#z1):not(#z2):not(#z3) #faq{background:#f5f7fc!important}
html body main#main:not(#z1):not(#z2):not(#z3) #faq .st-faq{margin-top:56px!important;border-top:2px solid #0a1633}
html body main#main:not(#z1):not(#z2):not(#z3) #faq .st-faq summary{font:700 24px/1.2 Rubik!important;letter-spacing:-.8px;padding:32px 0!important;color:#0a1633}
html body main#main:not(#z1):not(#z2):not(#z3) #faq .st-faq details{border-bottom:1px solid #d9e0ee!important}
html body main#main:not(#z1):not(#z2):not(#z3) #related .cg-parts{gap:20px!important;margin-top:64px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #related .cg-part{display:flex!important;flex-direction:column;border-radius:24px!important;overflow:hidden;padding:0 32px 32px!important;border:1px solid #e3e8f2!important}
html body main#main:not(#z1):not(#z2):not(#z3) #related .cg-part .up-photo{display:block;width:calc(100% + 60px);max-width:none;margin:0 -32px 24px;height:220px;object-fit:cover;object-position:50% 0;background:#eef3ff;flex:none}
html body main#main:not(#z1):not(#z2):not(#z3) #related .cg-part .cg-pk{position:static!important;clip:auto!important;width:auto!important;height:auto!important;font:500 13px/1 "IBM Plex Mono",monospace!important;letter-spacing:.14em;text-transform:uppercase;color:#1559f5!important;margin:0 0 16px!important}
html body main#main:not(#z1):not(#z2):not(#z3) #related .cg-part p:not(.cg-pk):not(.cg-pgo){font-size:15px!important;line-height:1.55!important}
html body main#main:not(#z1):not(#z2):not(#z3) #related .cg-part .cg-pgo{margin-top:auto!important;padding-top:16px}
}
@media (min-width:761px){
html body main#main:not(#z1):not(#z2):not(#z3) .px-chero h1{font-size:clamp(80px,8.89vw,128px)!important;letter-spacing:-.047em!important;line-height:.92!important;max-width:none!important}
html body main#main:not(#z1):not(#z2):not(#z3) #problem h2{font-size:clamp(56px,7.8vw,112px)!important;letter-spacing:-.045em!important;line-height:.92!important;max-width:none!important}
html body main#main:not(#z1):not(#z2):not(#z3) #how h2,html body main#main:not(#z1):not(#z2):not(#z3) #screens h2,html body main#main:not(#z1):not(#z2):not(#z3) #features h2,html body main#main:not(#z1):not(#z2):not(#z3) #platform h2,html body main#main:not(#z1):not(#z2):not(#z3) #faq h2,html body main#main:not(#z1):not(#z2):not(#z3) #related h2{font-size:clamp(48px,6vw,86px)!important;letter-spacing:-.042em!important;line-height:.95!important;max-width:none!important}
html body main#main:not(#z1):not(#z2):not(#z3) #trust h2{font-size:clamp(48px,5vw,72px)!important;letter-spacing:-.042em!important;line-height:.96!important;max-width:none!important}
html body main#main:not(#z1):not(#z2):not(#z3) #related .cg-part h3{font-size:32px!important;letter-spacing:-.03em!important;line-height:1.08!important}
}