:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f6fbff;background:#061827;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 85% 15%,rgba(63,169,201,.16),transparent 32rem),linear-gradient(180deg,#061827,#071d30 42%,#f4f8fb 42%,#f4f8fb)}button,input,select,textarea{font:inherit}button{cursor:pointer}.site-shell{min-height:100vh;overflow-x:hidden}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:32px;width:min(100% - 56px,1320px);margin:0 auto;padding:26px 0 16px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:14px;min-width:244px;padding:0;color:#fff;text-align:left;background:transparent;border:0}.brand-mark{display:grid;width:46px;height:46px;place-items:center}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}.brand-wordmark{display:block;width:182px;height:22px;object-fit:contain}.brand small{display:block;margin-top:5px;color:#a9c1cf;font-size:13px}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:30px;flex:1}.desktop-nav button,.footer button{display:inline-flex;align-items:center;gap:5px;color:#e7f4fb;background:transparent;border:0}.desktop-nav button{padding:8px 0;font-size:15px}.desktop-nav button.active,.desktop-nav button:hover{color:#46c7e8}.nav-demo,.primary-btn,.secondary-btn,.support-card button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 24px;border-radius:8px;font-weight:700;transition:transform .18s ease,border-color .18s ease,background .18s ease}.nav-demo,.primary-btn{color:#062033;background:linear-gradient(135deg,#45c7eb,#34acd2);border:1px solid rgba(108,221,246,.9);box-shadow:0 18px 42px #2cb9e238}.secondary-btn{color:#f9fdff;background:#051a2b8f;border:1px solid rgba(88,210,241,.7)}.nav-demo:hover,.primary-btn:hover,.secondary-btn:hover,.support-card button:hover{transform:translateY(-2px)}.menu-button,.mobile-menu{display:none}.hero-section{position:relative;display:grid;grid-template-columns:minmax(0,.96fr) minmax(620px,1.04fr);gap:52px;align-items:center;min-height:760px;width:min(100% - 80px,1320px);margin:0 auto;padding:30px 0 28px}.hero-section:before{position:absolute;inset:0 -120px auto;height:92%;pointer-events:none;content:"";background-image:linear-gradient(rgba(72,199,232,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(72,199,232,.05) 1px,transparent 1px);background-size:94px 94px;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 88%);mask-image:linear-gradient(180deg,#000 0%,transparent 88%)}.hero-section:after{position:absolute;top:0;right:-120px;bottom:0;left:-120px;z-index:0;pointer-events:none;content:"";background:linear-gradient(135deg,#061827,#08233a 48%,#061827);opacity:1;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 78%,transparent 100%)}.hero-copy{position:relative;z-index:1;transform:translateY(-52px)}.eyebrow{margin:0 0 18px;color:#46c7e8;font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}.hero-copy h1{margin-bottom:24px;max-width:650px;color:#fff;font-size:56px;line-height:.98;letter-spacing:0}.lead,.section-lead,.page-hero>p,.value-copy p,.contact-aside p{color:#b8cddd;font-size:18px;line-height:1.65}.lead{max-width:540px;margin-bottom:36px}.hero-actions{display:flex;flex-wrap:wrap;gap:18px}.live-preview{position:relative;z-index:2;overflow:hidden;border:1px solid rgba(113,208,235,.38);border-radius:18px;background:#041423bf;box-shadow:0 32px 88px #00000073}.hero-media{position:relative;aspect-ratio:16 / 9}.hero-media img{display:block;width:100%;height:100%;object-fit:cover}.media-status,.media-clock{position:absolute;top:18px;display:inline-flex;align-items:center;gap:8px;color:#eaf9ff;font-size:13px}.media-status{left:18px}.media-clock{right:18px}.pulse-dot{display:inline-block;width:9px;height:9px;border-radius:999px;background:#50e2d0;box-shadow:0 0 0 8px #50e2d01f}.language-table{border-top:1px solid rgba(117,199,224,.25)}.language-table button{display:grid;grid-template-columns:82px 44px minmax(0,1fr) 52px;align-items:center;width:100%;gap:14px;padding:15px 18px;color:#dcecf5;text-align:left;background:transparent;border:0;border-bottom:1px solid rgba(117,199,224,.16)}.language-table button:hover,.language-table button.active{background:#37add724}.language-table strong{display:grid;place-items:center;min-height:30px;color:#4ac5e8;border-radius:7px;background:#3fa9c929}.language-table em{min-width:0;overflow:hidden;font-style:normal;white-space:nowrap}.language-table em span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.language-table button:hover em span{display:inline-block;width:max-content;padding-right:48px;overflow:visible;animation:language-marquee 8s linear infinite;text-overflow:clip;will-change:transform}.language-table button:hover em span:after{padding-left:48px;content:attr(data-line)}@keyframes language-marquee{0%,12%{transform:translate(0)}to{transform:translate(-50%)}}.language-table small{color:#7ddfca;text-align:right}.language-table p{margin:0;padding:14px 18px 18px;color:#46c7e8;text-align:center}.metrics-band{display:grid;grid-template-columns:repeat(4,1fr);width:100%;padding:30px max(40px,calc((100vw - 1320px)/2));color:#fff;border-top:1px solid rgba(94,188,215,.22);border-bottom:1px solid rgba(94,188,215,.22);background:#041827b8}.metric{display:flex;align-items:center;gap:22px;min-height:88px;padding:0 36px;border-right:1px solid rgba(177,219,231,.2)}.metric:last-child{border-right:0}.metric span{display:grid;flex:0 0 auto;width:58px;height:58px;place-items:center;color:#46c7e8;border:1px solid rgba(82,204,235,.42);border-radius:999px}.metric strong{display:block;font-size:28px;line-height:1.05}.metric p{margin:8px 0 0;color:#abc3d2;font-size:14px}.section{width:min(100% - 80px,1240px);margin:0 auto;padding:96px 0;color:#163247}.section h2,.page-hero h1,.conversion-banner h2{margin-bottom:18px;color:#0c2b40;font-size:clamp(36px,4vw,58px);line-height:1.05;letter-spacing:0}.split-section{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:60px;align-items:start}.section-lead{color:#496578}.split-section h2{color:#7fb7d8;text-shadow:0 2px 14px rgba(0,0,0,.2)}.split-section .section-lead{color:#9fcbe8}.capability-grid,.deployment-cards,.support-grid,.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.info-card,.deployment-cards>div,.support-card,.about-grid>div,.contact-aside,.product-block,.solution-detail{border:1px solid rgba(16,69,101,.11);border-radius:8px;background:#fff;box-shadow:0 18px 55px #0f3d5c14}.info-card{padding:28px;color:#18354a;text-align:left}.info-card svg,.deployment-cards svg,.support-card svg,.about-grid svg,.solution-title svg,.contact-aside svg{color:#169dc5}.info-card strong,.support-card h3,.about-grid h3,.deployment-cards h3{display:block;margin:18px 0 10px;color:#0f2f45;font-size:20px}.info-card p,.deployment-cards p,.support-card p,.about-grid p,.solution-detail p,.timeline p,.product-block p{color:#587084;line-height:1.62}.section-heading{max-width:760px}.solution-preview{padding-top:60px}.solution-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 22px}.solution-tabs button,.solution-rail button,.advisor-control button{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 16px;color:#1f4057;border:1px solid rgba(15,61,92,.16);border-radius:999px;background:#fff}.solution-tabs button.selected,.solution-rail button.selected,.advisor-control button.selected{color:#062033;border-color:#3fa9c999;background:#dff8ff}.solution-detail{padding:34px}.solution-title{display:flex;align-items:center;gap:18px;margin-bottom:28px}.solution-title h3{margin:0;color:#102f44;font-size:30px}.solution-title .eyebrow{margin-bottom:6px}.solution-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}.solution-columns span,.spec-table span,.contact-form label,.advisor-control>span{color:#2f5b75;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.solution-columns p{margin-bottom:0}.primary-btn.small{min-height:46px}.deployment-strip{display:grid;grid-template-columns:.65fr 1fr;gap:36px;align-items:center}.deployment-cards>div{padding:30px}.value-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center}.value-copy p{color:#587084}.cost-compare{display:grid;gap:18px}.cost-bar{min-height:104px;padding:26px;border-radius:8px;color:#fff}.cost-bar span{display:block;margin-bottom:12px;color:#ffffffad;font-size:13px}.cost-bar strong{font-size:28px}.cost-bar.legacy{width:100%;background:#567085}.cost-bar.subbabel{width:58%;background:linear-gradient(135deg,#0f3d5c,#3fa9c9)}.conversion-banner{display:flex;align-items:center;justify-content:space-between;gap:30px;width:min(100% - 80px,1240px);margin:0 auto 74px;padding:42px;border-radius:8px;background:#071d30}.conversion-banner h2{max-width:780px;margin:0;color:#fff}.conversion-banner .eyebrow{margin-bottom:12px}.page-main{position:relative;padding-top:72px;background:#f4f8fb}.page-main:before{position:absolute;top:0;right:0;left:0;z-index:0;height:760px;content:"";background:linear-gradient(#061827bd,#061827e0),url(/subbabel-hero-broadcast.png) center top / cover;pointer-events:none}.product-page:before{background:linear-gradient(#0618279e,#061827d1),url(/product-bg.png) center top / cover}.solutions-page:before{background:linear-gradient(#06182794,#061827d1),url(/solutions-bg.png) center top / cover}.about-page:before{background:linear-gradient(#06182794,#061827d1),url(/about-bg.jpg) center top / cover}.developers-page:before{background:linear-gradient(#06182794,#061827d1),url(/developers-bg.png) center top / cover}.contact-page:before{background:linear-gradient(#06182794,#061827d1),url(/contact-bg.jpg) right top / cover}.page-main>*{position:relative;z-index:1}.page-hero{margin-top:-80px;padding:92px max(40px,calc((100vw - 1240px)/2)) 82px;color:#fff;background:linear-gradient(#0618272e,#06182761)}.page-hero h1{max-width:860px;color:#fff}.page-hero>p:not(.eyebrow){max-width:760px}.product-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:36px;align-items:start}.anchor-panel{position:sticky;top:112px;display:grid;gap:8px;padding:18px;border-radius:8px;background:#fff;box-shadow:0 18px 55px #0f3d5c14}.anchor-panel button{padding:12px 10px;color:#294c63;text-align:left;text-decoration:none;border:0;border-radius:6px;background:transparent}.anchor-panel button:hover,.anchor-panel button.active{color:#0d7293;background:#e9f8fc}.product-content{display:grid;gap:24px}.product-block{padding:34px;scroll-margin-top:120px}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}.pipeline div{padding:22px;border-radius:8px;background:#eef7fa}.pipeline span{display:grid;width:34px;height:34px;margin-bottom:26px;place-items:center;color:#062033;border-radius:999px;background:#48c7e8}.pipeline strong,.comparison-list strong,.spec-table strong,.advisor-result strong{color:#102f44}.comparison-list{display:grid;gap:18px}.comparison-list>div{display:grid;grid-template-columns:42px minmax(0,1fr);gap:18px;padding-bottom:18px;border-bottom:1px solid rgba(15,61,92,.1)}.comparison-list small{color:#1186aa}.spec-table{display:grid;border:1px solid rgba(15,61,92,.12);border-radius:8px}.spec-table div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;padding:18px;border-bottom:1px solid rgba(15,61,92,.1)}.spec-table div:last-child{border-bottom:0}.advisor-block{display:grid;gap:18px}.advisor-control{display:grid;gap:10px}.advisor-control>div{display:flex;flex-wrap:wrap;gap:10px}.advisor-result{display:flex;gap:16px;margin-top:10px;padding:22px;border-radius:8px;background:#e9f8fc}.solution-page-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:30px}.solution-rail{display:grid;align-content:start;gap:10px}.solution-rail button{justify-content:flex-start;min-height:54px;border-radius:8px}.support-grid,.about-grid{grid-template-columns:repeat(2,1fr)}.company-profile{display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);gap:0;align-items:stretch;width:min(100%,1240px);min-height:620px;padding-top:0;padding-bottom:0;overflow:hidden;border-radius:8px;background:repeating-linear-gradient(135deg,rgba(72,199,232,.08) 0 2px,transparent 2px 28px),#fff;box-shadow:0 24px 70px #0f3d5c1a}.profile-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:56px 54px 52px}.company-profile h2{max-width:560px;margin-bottom:24px;font-size:clamp(36px,4vw,58px)}.profile-body{display:grid;gap:16px}.profile-body p{max-width:650px;margin:0;color:#496578;font-size:16px;line-height:1.72}.profile-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}.profile-highlights div{display:grid;gap:10px;min-width:0;color:#496578}.profile-highlights svg{color:#48c7e8}.profile-highlights strong{color:#102f44;font-size:15px;line-height:1.2}.profile-highlights span{font-size:13px;line-height:1.35}.profile-cta{display:inline-flex;align-items:center;align-self:flex-start;justify-content:center;gap:10px;min-height:50px;margin-top:36px;padding:0 22px;color:#062033;font-weight:800;border:0;border-radius:8px;background:linear-gradient(135deg,#45c7eb,#2db0d8);box-shadow:0 16px 36px #2db0d838}.profile-visual{position:relative;min-height:620px;overflow:hidden;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}.profile-visual:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(90deg,rgba(72,199,232,.16),transparent 42%),linear-gradient(180deg,#0618271f,#0618279e);pointer-events:none}.profile-visual img{width:100%;height:100%;min-height:620px;object-fit:cover;transform:scale(1.04)}.profile-visual-caption{position:absolute;right:34px;bottom:34px;z-index:1;display:grid;gap:6px;max-width:360px;padding:18px 20px;color:#e7f4fb;border:1px solid rgba(116,224,255,.28);border-radius:8px;background:#061827c2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.profile-visual-caption strong{color:#fff}.profile-visual-caption span{color:#b9d2df;font-size:14px;line-height:1.35}.profile-continuity{display:grid;gap:28px;padding-top:24px}.continuity-panel{display:grid;grid-template-columns:minmax(300px,.48fr) minmax(0,.52fr);min-height:360px;overflow:hidden;border:1px solid rgba(15,61,92,.1);border-radius:8px;background:repeating-linear-gradient(135deg,rgba(72,199,232,.08) 0 2px,transparent 2px 28px),#fff;box-shadow:0 14px 42px #0f3d5c0f}.continuity-panel.image-right{grid-template-columns:minmax(0,.52fr) minmax(300px,.48fr)}.continuity-panel.image-right .continuity-media{order:2;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}.continuity-panel.image-right p{order:1}.continuity-media{position:relative;min-height:360px;overflow:hidden;clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}.continuity-media:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(90deg,rgba(72,199,232,.12),transparent 46%),linear-gradient(180deg,#0618271a,#0618278f)}.continuity-media img{display:block;width:100%;height:100%;min-height:360px;object-fit:cover;transform:scale(1.04)}.continuity-panel p{align-self:center;margin:0;padding:42px;color:#496578;font-size:16px;line-height:1.68}.support-card,.about-grid>div{padding:34px}.support-card button{min-height:46px;margin-top:16px;color:#062033;border:1px solid rgba(63,169,201,.6);background:#dff8ff}.faq-section{padding-top:20px}.faq-item{display:grid;grid-template-columns:1fr auto;width:100%;margin-top:12px;padding:22px 24px;color:#102f44;text-align:left;border:1px solid rgba(15,61,92,.12);border-radius:8px;background:#fff}.faq-item span{font-weight:800}.faq-item p{display:none;grid-column:1 / -1;margin:16px 0 0;color:#587084}.faq-item.open p{display:block}.timeline{padding-top:20px}.timeline>div{padding:28px;border-left:3px solid #3fa9c9;background:#fff}.timeline span{color:#1186aa;font-weight:900}.contact-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:30px}.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:34px;border-radius:8px;background:#fff;box-shadow:0 18px 55px #0f3d5c14}.contact-form label{display:grid;gap:8px}.contact-form .wide{grid-column:1 / -1}.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-height:50px;padding:0 14px;color:#102f44;border:1px solid rgba(15,61,92,.16);border-radius:8px;background:#f8fbfd}.contact-form textarea{min-height:124px;padding-top:14px;resize:vertical}.contact-form .primary-btn{justify-self:start}.success-message{display:flex;align-items:center;gap:10px;color:#0d6f49;font-weight:700}.contact-aside{padding:34px;align-self:start}.contact-aside dl{margin:28px 0 0}.contact-aside div{padding:18px 0;border-top:1px solid rgba(15,61,92,.1)}.contact-aside dt{color:#587084;font-size:13px}.contact-aside dd{margin:6px 0 0;color:#102f44;font-weight:800}.floating-demo{position:fixed;right:22px;bottom:26px;z-index:28;display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 18px;color:#062033;border:1px solid rgba(108,221,246,.9);border-radius:999px;background:#45c7eb;box-shadow:0 16px 40px #0f3d5c38}.sticky-cta{position:fixed;left:50%;bottom:22px;z-index:27;display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(720px,calc(100% - 180px));padding:12px 14px 12px 22px;color:#fff;pointer-events:none;opacity:0;border:1px solid rgba(82,204,235,.3);border-radius:999px;background:#061827eb;box-shadow:0 18px 58px #00000047;transform:translate(-50%,16px);transition:opacity .18s ease,transform .18s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sticky-cta.visible{pointer-events:auto;opacity:1;transform:translate(-50%)}.sticky-cta button{min-height:38px;padding:0 18px;color:#062033;font-weight:800;border:0;border-radius:999px;background:#45c7eb}.footer{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;padding:54px max(40px,calc((100vw - 1240px)/2));color:#d9ecf5;background:#061827}.footer strong{color:#fff;font-size:24px}.footer p{max-width:470px;margin:12px 0 0;color:#9fb9c9}.footer>div:last-child{display:flex;flex-wrap:wrap;gap:20px}@media(max-width:1040px){.desktop-nav,.nav-demo{display:none}.topbar{width:min(100% - 32px,1320px);justify-content:space-between}.menu-button{display:grid;width:46px;height:46px;place-items:center;color:#fff;border:1px solid rgba(72,199,232,.35);border-radius:8px;background:#051f30b8}.mobile-menu{position:absolute;top:78px;right:0;left:0;display:none;padding:18px;border:1px solid rgba(72,199,232,.22);border-radius:8px;background:#061827fa}.mobile-menu.open{display:grid;gap:8px}.mobile-menu button{min-height:46px;color:#fff;text-align:left;border:0;border-radius:7px;background:transparent}.mobile-menu .mobile-primary{color:#062033;text-align:center;background:#45c7eb}.hero-section,.split-section,.deployment-strip,.value-section,.product-layout,.solution-page-grid,.company-profile,.profile-continuity,.contact-layout{grid-template-columns:1fr}.company-profile{min-height:auto}.profile-visual{min-height:420px;clip-path:none}.profile-visual img{min-height:420px}.hero-section{width:min(100% - 32px,720px);min-height:auto;padding-top:44px}.metrics-band{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.solution-columns,.pipeline{grid-template-columns:repeat(2,1fr)}.anchor-panel{position:static}}@media(max-width:720px){body{background:linear-gradient(180deg,#061827,#071d30 34%,#f4f8fb 34%,#f4f8fb)}.brand-wordmark{width:182px;height:22px}.brand small{font-size:12px}.hero-copy h1{font-size:56px}.hero-copy{transform:none}.hero-actions,.conversion-banner,.footer{align-items:stretch;flex-direction:column}.language-table button{grid-template-columns:1fr 42px 48px}.language-table em{grid-column:1 / -1;grid-row:2}.metrics-band,.capability-grid,.deployment-cards,.profile-highlights,.support-grid,.about-grid,.solution-columns,.pipeline,.contact-form{grid-template-columns:1fr}.metric{padding:20px 24px;border-right:0;border-bottom:1px solid rgba(177,219,231,.2)}.metric:last-child{border-bottom:0}.section,.conversion-banner{width:min(100% - 32px,1240px)}.section{padding:66px 0}.profile-copy{padding:40px 24px 34px}.profile-visual,.profile-visual img{min-height:320px}.profile-visual-caption{right:16px;bottom:16px;left:16px;max-width:none}.continuity-panel,.continuity-panel.image-right{grid-template-columns:1fr}.continuity-panel.image-right .continuity-media,.continuity-panel.image-right p{order:initial}.continuity-media,.continuity-panel.image-right .continuity-media{min-height:280px;clip-path:none}.continuity-media img{min-height:280px}.continuity-panel p{padding:28px 24px}.contact-form .wide,.contact-form .primary-btn{grid-column:auto}.sticky-cta{display:none}.floating-demo{right:16px;bottom:16px}}