.labbar{justify-content:space-between}.labbrand{font-size:10px;letter-spacing:1px}.labbrand b{color:inherit}.labbar .lablinks{display:flex;gap:24px;align-items:center;font-size:11px}.labbar .lablinks a{color:inherit}.concept-note #concept-caption{font-size:9px}.official-logo{object-fit:contain;display:block}.site-header .brand{padding:8px 0;min-width:160px}.site-header .brand .official-logo,footer .brand .official-logo{width:174px;height:40px;object-position:left}.kinetic-core .official-logo{width:48px;height:48px}.kinetic-core>span:first-child{display:flex;justify-content:center}.sidebar-logo .official-logo{width:25px;height:25px}.appearance-orb b img{width:36px;height:36px}.ecosystem{padding-top:85px;padding-bottom:70px;scroll-margin-top:60px}.ecosystem-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:38px}.ecosystem-heading h2,.brand-system h2{font-family:Manrope,sans-serif;font-weight:800;font-size:clamp(32px,4vw,58px);letter-spacing:-2.8px;line-height:1.12;margin-top:20px}.ecosystem-heading h2 em{color:var(--accent);font-style:normal}.ecosystem-heading>p{font-size:13px;line-height:1.8;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.product-card{padding:23px 20px;background:transparent;color:var(--text);border:1px solid var(--border);border-radius:4px;text-align:left;transition:background .25s,transform .25s,border .25s;position:relative}.product-card:hover{transform:translateY(-5px)}.product-card.selected{background:var(--surface);border-color:var(--accent);box-shadow:0 4px 0 var(--accent)}.product-card-top{display:flex;justify-content:space-between;gap:10px;font-size:8px;color:var(--muted);letter-spacing:.3px}.product-symbol{display:flex;align-items:center;gap:10px;margin:32px 0 24px;height:48px}.product-symbol img{height:48px;width:48px}.product-symbol b{font-size:23px;color:var(--muted);font-weight:500}.product-card h3{font-size:18px;font-family:Manrope,sans-serif;letter-spacing:-.5px;line-height:1.3;margin-bottom:13px;min-height:47px}.product-card p{font-size:11px;color:var(--muted);line-height:1.7;min-height:39px}.product-cta{display:flex;justify-content:space-between;margin-top:27px;font-size:10px;color:var(--accent)}.studio-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:58px;margin-bottom:22px}.studio-heading h3{font-size:26px;font-family:Manrope,sans-serif;letter-spacing:-1px;margin-top:9px}.device-switch{display:flex;padding:4px;border:1px solid var(--border);border-radius:6px;gap:3px}.device-switch button{background:transparent;color:var(--muted);border:0;border-radius:3px;min-height:38px;padding:8px 12px;font-size:13px;display:flex;gap:8px;align-items:center}.device-switch button[aria-pressed=true]{color:var(--text);background:var(--surface);box-shadow:0 2px 5px #0001}.device-switch button span{font-size:10px}.studio-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.shared-screens{display:flex;gap:5px}.shared-screens button{background:transparent;color:var(--muted);border:0;border-bottom:2px solid transparent;font-size:10px;padding:10px 13px}.shared-screens button[aria-pressed=true]{border-color:var(--accent);color:var(--text)}.studio-toolbar>a{font-size:10px;color:var(--accent)}.device-stage{display:flex;align-items:center;justify-content:center;gap:60px;background:#dce0d4;border:1px solid var(--border);border-radius:10px;padding:20px;overflow:hidden;transition:background .3s;min-height:790px}.device-frame{width:100%;min-width:0;border:1px solid #bfc6b8;border-radius:9px;overflow:hidden;box-shadow:0 16px 60px #212c2314;background:#efeee9;transition:width .4s,border-radius .4s;flex-shrink:0}.frame-chrome{height:35px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 15px;background:#fafaf6;border-bottom:1px solid #dadcd2;color:#737b6b;font-size:8px;letter-spacing:1px}.frame-chrome>span:first-child{display:flex;gap:5px}.frame-chrome i{width:5px;height:5px;border-radius:50%;background:#b7bfad}.device-frame iframe{display:block;border:0;width:100%;height:760px;background:transparent}.device-caption{display:none;max-width:240px;color:var(--text)}.device-caption-mark{font-size:46px;color:var(--accent);display:block;margin-bottom:45px}.device-caption strong{font-size:26px;letter-spacing:-1px;font-family:Manrope,sans-serif;line-height:1.35}.device-caption p{font-size:12px;color:var(--muted);line-height:1.9;margin-top:20px}.device-caption>span:last-child{display:block;font-size:8px;line-height:2;letter-spacing:1px;margin-top:45px;color:var(--muted)}.device-stage[data-device=phone]{padding:32px}.device-stage[data-device=phone] .device-frame{width:390px;border-radius:32px;border:6px solid #253027;box-shadow:0 20px 55px #10291630}.device-stage[data-device=phone] .frame-chrome{height:30px;background:#253027;border:0;color:#ced6c7;font-size:7px}.device-stage[data-device=phone] .frame-chrome>span:first-child i{display:none}.device-stage[data-device=phone] iframe{height:760px}.device-stage[data-device=phone] .device-caption{display:block}.device-stage[data-device=tablet] .device-frame{width:min(768px,100%);border-width:6px;border-color:#253027;border-radius:17px}.device-stage[data-device=tablet]{padding:32px}.studio-footnote{display:flex;justify-content:space-between;gap:20px;font-size:9px;line-height:1.7;color:var(--muted);margin-top:15px}.brand-system{padding:54px 0 70px;border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.brand-system h2{font-size:43px;margin-top:20px}.brand-system p{font-size:12px;line-height:1.9;color:var(--muted);max-width:320px;margin-top:22px}.brand-specimen{display:flex;flex-wrap:wrap;gap:30px;align-items:center;padding:35px;border:1px solid var(--border);border-radius:5px;background:var(--surface)}.brand-specimen>.official-logo{width:174px;height:40px;object-position:left}.brand-specimen>.official-logo[data-brand=clientora-pro]{width:216px;height:48px}.brand-samples{display:flex;gap:12px;width:100%;padding-top:23px;border-top:1px solid var(--border)}.sample{display:flex;flex-direction:column;gap:20px;flex:1;min-width:0;border-radius:5px;padding:16px;font-size:26px;letter-spacing:-1px}.sample small{font-size:7px;letter-spacing:1px}.sample-light{background:#efeee9;color:#22271f}.sample-neon{background:#090d14;color:#6affce}.sample-icon{background:var(--soft);align-items:center;justify-content:space-between}.sample-icon img{width:38px;height:38px;border-radius:8px}.sample-icon small{color:var(--muted)}.kinetic-neon .device-stage{background:#111a24}.kinetic-neon .device-frame{border-color:#334543;background:#090d14;box-shadow:0 16px 60px #0005}.kinetic-neon .frame-chrome{background:#18232a;color:#8ca9a4;border-color:#293d3a}.kinetic-neon .frame-chrome i{background:#57766b}.kinetic-neon .device-stage[data-device=phone] .device-frame,.kinetic-neon .device-stage[data-device=tablet] .device-frame{border-color:#324741}.kinetic-neon .device-stage[data-device=phone] .frame-chrome{background:#324741}.kinetic-neon .product-card.selected{box-shadow:0 4px 0 #6affce,0 0 40px #6affce08}.kinetic-neon .labbar .lablinks{color:#c7d8d1}html[data-design=kinetic] .concept-note{position:sticky;top:0;z-index:30}.lablinks a:hover{text-decoration:underline}#site[data-design=kinetic] .kinetic-flow{border-top:1px solid var(--border)}
@media(max-width:1050px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card h3{min-height:0}.product-card p{min-height:0}.product-symbol{margin:24px 0 20px}.brand-system{gap:30px}.brand-specimen{padding:25px}.device-stage{padding:12px;gap:35px}.device-caption{max-width:180px}.device-caption strong{font-size:23px}.device-switch button{padding:8px 10px}.device-switch button span{font-size:9px}.ecosystem-heading h2{font-size:42px}}
@media(max-width:700px){.labbar .lablinks{gap:17px;font-size:10px}.labbar .lablinks a:last-child{display:none}.labbar .compare-button{font-size:9px}.ecosystem{padding-top:50px}.ecosystem-heading{display:block;margin-bottom:27px}.ecosystem-heading h2{font-size:37px;letter-spacing:-1.8px}.ecosystem-heading>p{font-size:11px;margin-top:20px}.product-grid{gap:10px}.product-card{padding:17px 14px}.product-card-top{font-size:7px}.product-card h3{font-size:16px;line-height:1.3;min-height:41px}.product-card p{font-size:10px;min-height:51px}.product-symbol{margin:23px 0 19px;height:42px}.product-symbol img{width:42px;height:42px}.product-cta{font-size:8px;margin-top:20px}.studio-heading{display:block;margin-top:45px}.device-switch{margin-top:22px;width:max-content}.device-switch button span{font-size:10px}.studio-toolbar{display:block}.shared-screens{gap:0;justify-content:space-between}.shared-screens button{font-size:10px;padding:10px}.studio-toolbar>a{display:block;margin-top:18px;text-align:right}.device-stage,.device-stage[data-device=phone],.device-stage[data-device=tablet]{padding:0;border-radius:9px;background:transparent;min-height:0}.device-stage .device-frame,.device-stage[data-device=phone] .device-frame,.device-stage[data-device=tablet] .device-frame{width:100%;border:1px solid var(--border);border-radius:9px;box-shadow:none}.device-stage[data-device=phone] .device-caption{display:none}.device-frame iframe,.device-stage[data-device=phone] iframe{height:780px}.frame-chrome{font-size:7px}.studio-footnote{display:block;font-size:9px}.studio-footnote span{display:block;margin-top:6px}.brand-system{grid-template-columns:1fr;gap:30px;padding-top:40px;padding-bottom:50px}.brand-system h2{font-size:34px;letter-spacing:-1.5px}.brand-system p{font-size:11px;margin-top:16px}.brand-specimen{padding:25px}.site-header .brand .official-logo{width:160px;height:36px}footer .brand .official-logo{width:160px;height:36px}.concept-note #concept-caption{font-size:7px;max-width:100px;line-height:1.6}.appearance-options button{padding:7px 9px;font-size:9px}.appearance-compare{font-size:9px}.ecosystem .eyebrow{font-size:7px}.kinetic-core .official-logo{width:42px;height:42px}.labbrand>span:last-child{display:block}.brand-system .eyebrow{font-size:7px}}
@media(prefers-reduced-motion:reduce){.product-card,.device-frame{transition:none!important}}

@media(max-width:700px){.product-symbol,.product-symbol img{width:48px;height:48px}.product-symbol{width:auto}.studio-heading{scroll-margin-top:90px}}
@media(min-width:701px){.studio-heading{scroll-margin-top:90px}}