:root{--navy:#0c1020;--blue:#477eff;--teal:#45c8c1;--muted-dark:#949cab;--stroke:#ffffff1a}body{background:var(--navy);color:#f5f6fa}p{color:#a5adbd}header{background:#0c1020;border-color:var(--stroke);height:100px;padding:0 3.4%;gap:22px}.brandmark{color:#8956ee;font-size:3.3rem}.brandmark span{color:#d5f477}.brandname{color:#7197ff;font-size:1.25rem;letter-spacing:-.06em}.brandname small{color:#8992a6;font-size:.48rem}.word-dot{color:#e1e878}.brand{gap:14px}nav{gap:20px;font-size:.69rem}nav a{white-space:nowrap;color:#d0d5df}nav a>span{font-family:monospace;color:#65708a;font-size:.6rem;margin-right:4px}nav a:hover,nav a[aria-current=page]{color:white}.labs-nav{font-weight:500}.labs-nav span{color:#65708a}.button{border-radius:2px;padding:17px 23px;text-transform:uppercase;font-size:.66rem;letter-spacing:.08em;font-weight:600;box-shadow:none}.button.dark{background:#f1f2f4;color:#111827;border-color:#f1f2f4}.button.dark:hover{background:#dce6ff}.button.lime{background:#416ff0;color:#fff;border-color:#416ff0}.button.outline{border:1px solid #586175;color:#e9edf6;background:transparent}.button.small{padding:14px 20px;font-size:.61rem}h1,h2,h3{letter-spacing:-.065em}.section-label{color:#658eff;font-family:monospace;font-size:.67rem;letter-spacing:.13em}.wrap{max-width:1480px;padding:100px 5.5%}.ref-hero{max-width:1600px;margin:auto;min-height:720px;display:grid;grid-template-columns:1.1fr 1fr;gap:5px;align-items:center;padding:65px 5.5% 65px;overflow:hidden}.ref-hero-copy{position:relative;z-index:1}.infrastructure-pill{display:inline-flex;align-items:center;gap:11px;border:1px solid #344158;border-radius:20px;padding:7px 13px;color:#b6c9e8;font: .6rem/1.4 monospace;letter-spacing:.12em;margin-bottom:32px}.infrastructure-pill i{width:5px;height:5px;border-radius:50%;background:#64a0ff}.ref-hero h1{font-size:clamp(3.4rem,6.3vw,6.8rem);font-weight:700;line-height:1.06;letter-spacing:-.067em}.ref-hero h1 em{font-style:normal;color:#8aaeff}.ref-hero-copy>p{font-size:.95rem;max-width:505px;margin:28px 0 32px;line-height:1.8}.hero-proof{font: .57rem/1.8 monospace;letter-spacing:.07em;color:#6f7b92;margin-top:34px}.hero-proof span{display:block}.language-network{height:570px;position:relative;isolation:isolate}.language-network canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.85}.network-coordinate{position:absolute;font:.51rem/1.4 monospace;letter-spacing:.11em;color:#52627d;left:20px}.network-coordinate.top{top:15px}.network-coordinate.bottom{bottom:12px;right:20px;left:auto}.language-node{position:absolute;padding:10px 15px;background:#0c1423ed;border:1px solid #284663;border-radius:28px;color:#85aeff;font: .75rem/1.4 monospace;z-index:2;transition:border-color .2s,background .2s,transform .2s;animation:node-float 8s ease-in-out infinite}.language-node>span{color:#c2cbd9;font:.77rem/1.4 'DM Sans',sans-serif;margin-left:9px}.language-node:hover,.language-node.selected{border-color:#6c95ed;background:#172844;transform:translateY(-3px)}.node-en{left:11%;top:16%}.node-hi{right:7%;top:27%;animation-delay:-2s}.node-ta{left:30%;top:43%;animation-delay:-4s}.node-gu{left:3%;top:58%;animation-delay:-3s}.node-es{right:2%;top:65%;animation-delay:-6s}.network-detail{position:absolute;bottom:45px;left:11%;right:18%;border-left:2px solid #426abc;background:linear-gradient(90deg,#101a2bd9,transparent);padding:13px 18px;z-index:2}.network-detail>span{font:.51rem/1.5 monospace;color:#658dbf;letter-spacing:.1em}.network-detail>strong{display:block;font-size:.94rem;font-weight:500;margin:6px 0}.network-detail p{font-size:.7rem;color:#8c9aad;line-height:1.7;max-width:280px}.network-detail a{font:.58rem/1.5 monospace;text-transform:uppercase;display:inline-block;margin-top:10px;border-bottom:1px solid #577296;color:#abc5f0}.ref-section-top{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #ffffff24;padding-top:22px;margin-bottom:55px;font:.56rem/1.6 monospace;letter-spacing:.11em;color:#7c8ca7}.ref-section-top>span:first-child{color:#638fff}.ref-section-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:95px;align-items:center}.ref-section-grid h2{font-size:clamp(2.4rem,3.8vw,4rem);font-weight:500;line-height:1.12}.ref-section-grid h2 em{font-style:normal;color:#759bfb}.ref-section-grid>div>p{max-width:420px;margin:25px 0;font-size:.95rem;line-height:1.8}.ref-section-grid .textlink{font-family:monospace;text-transform:uppercase;font-size:.65rem;color:#a2bcfa;border-bottom-color:#3c507b}.ref-atlas{background:#f2f3f2;color:#161b25;max-width:none}.ref-atlas p{color:#647080}.ref-atlas .ref-section-top{border-top-color:#d6dbdf;color:#6e7889}.ref-atlas .ref-section-top>span:first-child{color:#3b67c9}.ref-atlas .ref-section-grid h2 em{color:#3864bf}.ref-atlas .textlink{color:#315fbf!important;border-bottom-color:#91a9cc!important}.atlas-accordion{border-top:1px solid #cdd4dc}.atlas-accordion details{border-bottom:1px solid #cdd4dc}.atlas-accordion summary{display:flex;align-items:center;gap:20px;padding:23px 33px 23px 0}.atlas-accordion summary>b{font-size:1.5rem;min-width:105px;font-weight:500}.atlas-accordion summary>span{font-size:.9rem}.atlas-accordion summary>small{margin-left:auto;font:.53rem monospace;letter-spacing:.1em;color:#778494}.atlas-accordion summary:after{color:#4573cb;top:21px}.atlas-details{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0 0 24px}.atlas-details span{font:.55rem monospace;letter-spacing:.08em;color:#4b70b7}.atlas-details p{font-size:.75rem;line-height:1.7;margin-top:12px}.ref-demo-section{padding-top:70px;padding-bottom:70px}.demo-caption{font-size:.73rem!important;color:#78879c!important}.subtitle-console,.rtl-console{border:1px solid #26354f;background:#10192a;border-radius:5px;overflow:hidden;box-shadow:0 25px 70px #0002}.console-top,.console-bottom{display:flex;justify-content:space-between;gap:15px;padding:17px 20px;border-bottom:1px solid #243048;font: .51rem/1.5 monospace;letter-spacing:.1em;color:#89a0c2}.console-tag{color:#546b8f}.console-bottom{border-top:1px solid #243048;border-bottom:0;color:#576f93;padding-top:12px;padding-bottom:12px}.caption-stage{height:255px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0b1322;padding:35px 30px;overflow:hidden}.caption-grid{position:absolute;inset:0;background-image:linear-gradient(#21447622 1px,transparent 1px),linear-gradient(90deg,#21447622 1px,transparent 1px);background-size:28px 28px;transform:perspective(500px) rotateX(35deg) scale(1.3);mask-image:radial-gradient(ellipse,black,transparent 70%)}.caption-stage-label{color:#385074;font:.6rem monospace;letter-spacing:.2em;position:relative}.caption-stage>p{font-size:1.2rem!important;color:#e9effb!important;margin:42px 0 0!important;text-align:center;position:relative;max-width:100%!important;line-height:1.8!important}.caption-timestamp{position:absolute;bottom:12px;right:17px;color:#7186a7;font:.61rem monospace}.track-controls{display:flex;align-items:center;gap:12px;padding:14px 20px}.track-controls>span{font:.52rem monospace;color:#617595;margin-right:7px}.track-controls button{font:.6rem monospace;padding:7px 11px;background:none;border:1px solid #263c5a;color:#8ca1c0;border-radius:3px}.track-controls button[aria-pressed=true]{border-color:#5385dd;background:#1d355a;color:#c9ddff}.track-controls #demo-play{margin-left:auto;min-width:55px}.demo-timeline{height:25px;margin:0 20px 20px;position:relative;display:flex;gap:8px;border-left:1px solid #395783}.demo-timeline>span{height:14px;margin-top:5px;width:31%;background:#213858;border:1px solid #2e527b;border-radius:2px}.demo-timeline>div{position:absolute;top:0;bottom:0;left:0;width:2px;background:#6f9bea;z-index:1}.mini-dashboard{display:flex;min-height:300px;background:#f0f3f7;color:#1b293e}.mini-dashboard aside{width:30%;background:#e4eaf1;border-inline-end:1px solid #d0d9e4;padding:25px 20px;flex-shrink:0}.mini-dashboard aside>b{font-size:.81rem;display:block;margin-bottom:26px}.mini-dashboard aside>span{font-size:.66rem;display:block;margin:18px 0;color:#67778b}.mirror-content{padding:25px 22px;flex:1;min-width:0}.mirror-content>span{font:.49rem monospace;letter-spacing:.12em;color:#6e82a1}.mirror-content h3{font-size:1.2rem;line-height:1.3;letter-spacing:-.035em;margin:10px 0}.mirror-content>p{font-size:.65rem;color:#7b8798;margin-bottom:20px}.mirror-cards{display:flex;gap:10px}.mirror-cards>div{background:white;flex:1;padding:12px;border:1px solid #dce2eb;border-radius:4px}.mirror-cards small{font-size:.56rem;color:#8090a5;display:block}.mirror-cards b{font-size:1.3rem;display:block;margin-top:4px;color:#3765a8}.mirror-row{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #d7dfe9;padding-top:17px;margin-top:20px;font-size:.6rem}.mirror-row>span:last-child{color:#396ab1}.ref-learning{padding-top:65px}.workflow-stack{border-top:1px solid #26344b}.workflow-stack>div{display:flex;align-items:center;gap:20px;padding:28px 0;border-bottom:1px solid #26344b}.workflow-stack>div>span{color:#55749f;font:.6rem monospace}.workflow-stack strong{font-size:.96rem;font-weight:500}.workflow-stack small{margin-left:auto;font:.49rem monospace;color:#566882;letter-spacing:.1em}.capability-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke);padding:40px 5.5%;gap:30px}.capability-strip strong{font-size:2.3rem;letter-spacing:-.06em;font-weight:500;color:#d7e0f0}.capability-strip span{display:block;font:.6rem/1.6 monospace;color:#6a7d9a;margin-top:8px}.lab-teaser{background:#101729}.lab-teaser .section-label{color:#6191ef}.lab-teaser h2 em{color:#79a2ff}.lab-preview>a{background:#111d30;border-color:#26344a;border-radius:3px}.lab-preview>a:hover{background:#182944}.tool-icon,.lab-preview .tag{color:#7b9eee}.lab-preview small{color:#7c8da8}.mini-cta{background:#141d30}.mini-cta h2{color:#e6ebf5}.mini-cta p{color:#8795ad}.page-hero{background:#0c1020;border-bottom:1px solid var(--stroke);padding:60px 5.5% 70px}.page-hero h1{font-size:clamp(2.8rem,5.3vw,5.5rem);text-transform:uppercase;font-weight:600}.page-hero h1 em,.tool-heading h1 em{color:#86a8fa}.page-hero p{color:#97a4b8}.breadcrumb{font: .64rem monospace;color:#647593}.services{background:#f2f3f2;color:#142139;max-width:none;padding-top:70px}.services .section-head p{color:#637186}.service{border-radius:3px;border:1px solid #d5dce4;background:#fff;color:#1d2c40}.service.purple{background:#182d4c;color:white;border-color:#263e63}.service.lime-card{background:#e3ecf6}.service p{color:#68788d}.service.purple p{color:#a4b7d2}.service-glyph{color:#648bcb}.service-num{color:#72839b}.service ul{color:#6a7c93}.service.purple ul{color:#b3bfd1}.service a{color:#4e6fa6}.service.purple a{color:#bad2fa}.service li{border-color:#9baec42c}.section-head h2{font-size:3rem}.detail-columns h2,.intro h2{color:#e7ecf5}.detail-columns h3{color:#d7e0f2}.check-list li{border-color:var(--stroke)}.detail-columns p,.intro p{color:#97a3b6}.intro .large-copy{color:#bec7d8}.industries{background:#10182a}.industries .section-label{color:#6c93e8}.industry-tabs button[aria-selected=true]{color:#93b3ff;border-bottom-color:#6088e7}.scope li:before{color:#6c91dc}.languages{background:#f2f3f2;color:#17243b;max-width:none}.languages p{color:#68788b}.languages h2 em{color:#3469c7}.language-grid>div{border-color:#d3dbe4}.language-grid b{color:#456795}.language-grid span{color:#7b8695}.language-plus{background:#e5ebf3}.languages .button.dark,.ref-atlas .button.dark{background:#13233e;color:white;border-color:#13233e}.approach{border-top-color:var(--stroke)}.steps article{border-color:#31415f}.steps article>span{color:#6c90de}.steps p{color:#8e9db4}.tech-section{background:#101a2d}.pipeline>div{background:#101d34;border-color:#345283;color:#9bb6e5}.pipeline>span{background:#263d64}.pipeline>span:after{background:#78a1ed}.statement{background:#e9edf2;color:#102441}.statement .section-label{color:#526d99}.statement h2 em{color:#4674c3}.statement p{color:#60728b}.faq details{border-color:var(--stroke)}summary:after{color:#789de8}.contact{background:#111b2e;border:1px solid #23334d}.contact h2 em{color:#82a7fa}.contact-email{border-color:#576b8d}.phone{color:#8294ae}form{background:#111c30;color:#d1dced;border-color:#2d3e5b}input,select,textarea{background:#0c1527;color:#d9e4f5;border-color:#31415c}input::placeholder,textarea::placeholder{color:#62748f}.form-note,.field-help{color:#7e91ad!important}.faq details p{color:#8598b4}.labs-hero{background:#0a1323}.labs-hero .section-label{color:#6f9df7}.labs-hero h1{font-size:clamp(3.5rem,6.8vw,7rem);text-transform:uppercase}.labs-hero h1 em{color:#9cb9f8}.labs-hero p{color:#94a7c4}.lab-signal{color:#6883a9}.lab-signal>span{background:#6b99ef}.tool-cards article{background:#111d32;border-color:#2b3a54;border-radius:3px}.tool-card-body .tag{color:#85a8f1}.tool-card-body p{color:#8da0bd}.invoice-art{background:#162a47;color:#82a9eb}.subtitle-art{background:#213f69;color:#bdd6ff}.scan-line{background:#74cbe3;box-shadow:0 0 25px 4px #75a8ea55}.duration-art{background:#142f39;color:#87c7cb}.mini-document{background:#e5edfa}.privacy-strip{background:#13233a;border-color:#4c7ac6}.privacy-strip p{color:#89a0c1}.lab-note p{color:#8e9fb7}.tool-heading h1{color:#eef3fc}.tool-heading p{color:#899dbd}.demo-badge{background:#193452;color:#8fbaec}.demo-banner{background:#10243b;border-color:#254061;color:#8faacd}.workspace-tabs{border-color:#2b3c56}.workspace-tabs button{color:#7d92b2}.workspace-tabs button[aria-selected=true]{color:#9ebaf6;border-color:#7399ed}.invoice-editor,.utility-grid form,.utility-results{border-color:#2b3c56;background:#111c30}.invoice-line{background:#152239;border-color:#293e5e}.quiet-button{border-color:#3c557b;color:#9fbbeb}.quiet-button:hover{background:#1b3151}.remove-line{color:#96adcf}.line-total span,.line-heading span{color:#7390b6}.error-box{background:#421e2c;color:#ffc0cf;border-color:#d86684}.preview-toolbar>span{color:#7d9cc5}.invoice-paper{background:#fff;color:#202025;border-color:#d5deed}.invoice-paper p{color:#62606a}.invoice-paper .mini-label{color:#79658c}.invoice-paper h2{color:#202025}.invoice-paper .paper-head>strong,.invoice-paper .grand-total{color:#4c65a0}.invoice-paper .paper-head{border-color:#4c65a0}.invoice-paper .paper-table th{background:#ecf0f7;color:#536a8e}.metric-grid article,.dash-panel{background:#111c30;border-color:#293d5e}.metric-grid article>span{color:#7c93b5}.metric-grid article>b{color:#86aaf5}.metric-grid article>small{color:#6882a5}.dash-panel td,.dash-panel th{border-color:#273b59}.dash-panel th{color:#7e97bd}.collection-bar{background:#263d5d}.collection-bar>span{background:#7098eb}.legend>span:first-child{color:#87b1f7}.metric-grid.compact article,.duration-output{background:#152942}.duration-output{color:#9fc4f7}.result-item{border-color:#2c4162}.result-item ul{color:#e2b17f}.result-item p{color:#8aa2c4}.motion-toggle{background:#101b2ce8;border-color:#344663;color:#88a1c5;border-radius:4px}.reference-footer{background:#080d18;padding:80px 5.5% 30px;border-top:1px solid #233046}.footer-mast{font-family:Manrope,Arial;font-size:clamp(2.3rem,5.9vw,6.5rem);line-height:1.05;letter-spacing:-.065em;font-weight:500;color:#e1e7f2}.footer-mast>span{display:block}.footer-mast>span:last-child{color:#606f88}.footer-scope{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:40px 0 65px}.footer-scope p{font-size:.9rem;color:#8794a9}.footer-groups{display:grid;grid-template-columns:1.2fr 1.2fr 1fr 1fr 1.2fr;gap:25px;border-top:1px solid #213047;padding:35px 0}.footer-groups>div>span{font:.53rem/1.5 monospace;letter-spacing:.1em;color:#506889;display:block;margin-bottom:23px}.footer-groups a,.footer-groups p{display:block;font-size:.71rem;color:#8b9bb4;margin:9px 0;overflow-wrap:anywhere}.footer-groups a:hover{color:#d1e1fa}.footer-bottom{border-top:1px solid #213047;font-size:.58rem;color:#546b8a;padding-top:23px}.menu{color:#c3d2e9;border-color:#42536e}.atlas-directory{background:#f2f3f2;color:#1b293e;max-width:none}.atlas-directory h2{font-size:2.8rem}.atlas-filters{display:flex;gap:20px;align-items:end;margin:35px 0}.atlas-filters label{flex:1;font: .65rem/1.5 monospace;color:#637189}.atlas-filters label:first-child{flex:2}.atlas-filters input,.atlas-filters select{margin-top:10px;background:white;border-color:#cdd6e1;color:#243a5b;font-family:'DM Sans',Arial;font-size:.86rem}.atlas-rows{border-top:1px solid #c9d3df}.atlas-row{display:grid;grid-template-columns:40px 1.2fr 1fr 1fr 60px;gap:20px;align-items:center;padding:20px 5px;border-bottom:1px solid #d4dce6}.atlas-row>span:first-child{color:#8b9bb1;font:.61rem monospace}.atlas-row>b{font-weight:500;font-size:1rem}.atlas-row .native{font-size:1.3rem;color:#4a6185}.atlas-row .script{font:.65rem monospace;color:#8794a5}.atlas-row .direction{font:.61rem monospace;color:#617899}.atlas-results-note{color:#6b7d96!important;font-size:.75rem;margin:18px 0}.atlas-directory .section-label{color:#5174af}
@keyframes node-float{0%,100%{translate:0 0}50%{translate:0 -8px}}@media(min-width:1600px){.ref-atlas,.services,.languages,.atlas-directory{padding-left:max(5.5%,calc((100vw - 1320px)/2));padding-right:max(5.5%,calc((100vw - 1320px)/2))}}@media(max-width:1150px){nav{gap:13px;font-size:.62rem}nav a>span{font-size:.49rem;margin-right:2px}.brand{gap:8px}.brandname{font-size:1.07rem}.brandmark{font-size:2.8rem}.button.small{padding:12px 14px;font-size:.54rem}.ref-hero{gap:0;min-height:650px}.language-network{height:520px}.language-node{padding:8px 11px;font-size:.63rem}.language-node>span{font-size:.65rem;margin-left:5px}.ref-section-grid{gap:50px}.ref-section-grid h2{font-size:2.8rem}.atlas-accordion summary>b{min-width:70px;font-size:1.3rem}.atlas-accordion summary>small{font-size:.47rem}.mini-dashboard aside{padding:25px 12px}.mirror-content{padding:25px 15px}.workflow-stack small{display:none}.footer-groups{gap:20px}.ref-hero h1{font-size:6.2vw}}
@media(max-width:850px){header{height:80px;padding:0 6%}header nav{display:none;position:absolute;top:79px;left:0;right:0;background:#101b2e;padding:24px 6%;font-size:.87rem}header nav.open{display:flex;flex-direction:column;gap:22px}header nav a>span{font-size:.67rem;margin-right:10px}.desktop{display:none}.menu{display:block;background:none;border:1px solid #435979;border-radius:3px;padding:7px 13px;font-size:.8rem}.ref-hero{grid-template-columns:1fr;min-height:0;padding:55px 6% 40px}.ref-hero h1{font-size:clamp(3.4rem,9.4vw,6rem)}.ref-hero-copy>p{max-width:600px}.hero-proof span{display:inline;margin-left:15px}.language-network{height:500px;max-width:600px;width:100%;margin:30px auto 0}.language-node{padding:11px 16px;font-size:.75rem}.language-node>span{font-size:.8rem}.network-detail{bottom:35px;left:20%;right:15%}.network-coordinate.top{top:5px}.node-en{top:13%}.node-hi{top:25%}.node-ta{top:40%}.node-gu{top:54%}.node-es{top:56%}.ref-section-grid{grid-template-columns:1fr;gap:40px}.ref-section-grid>div>p{max-width:650px}.ref-section-top{margin-bottom:35px}.ref-section-top>span:last-child{display:none}.ref-atlas,.ref-demo-section,.ref-learning{padding:55px 6%}.atlas-details p{font-size:.8rem}.atlas-accordion summary>b{font-size:1.5rem;min-width:100px}.atlas-accordion summary>small{font-size:.6rem}.capability-strip{grid-template-columns:1fr 1fr;gap:35px;padding:40px 6%}.footer-groups{grid-template-columns:repeat(3,1fr);gap:25px}.footer-mast{font-size:clamp(2.3rem,7.2vw,4.8rem)}.page-hero h1{font-size:clamp(2.5rem,7.5vw,4rem)}.section-head h2{font-size:2.5rem}}
@media(max-width:500px){.ref-hero h1{font-size:12vw}.infrastructure-pill{font-size:.5rem;margin-bottom:25px}.ref-hero-copy>p{font-size:.88rem}.ref-hero .actions{gap:12px;flex-wrap:nowrap}.ref-hero .button{font-size:.55rem;padding:15px 15px}.hero-proof{font-size:.49rem}.hero-proof span{display:block;margin-left:0;margin-top:3px}.language-network{height:440px}.language-node{font-size:.62rem;padding:9px 12px}.language-node>span{font-size:.69rem}.node-hi{right:0}.node-gu{left:0}.node-ta{left:30%}.node-es{right:0}.network-detail{left:10%;right:10%;bottom:30px}.network-detail>strong{font-size:.85rem}.network-detail p{font-size:.66rem}.network-coordinate{font-size:.43rem}.ref-section-grid h2{font-size:2.5rem}.ref-section-grid>div>p{font-size:.88rem}.atlas-accordion summary{gap:12px}.atlas-accordion summary>b{min-width:80px;font-size:1.3rem}.atlas-accordion summary>span{font-size:.83rem}.atlas-accordion summary>small{font-size:.45rem}.atlas-details{grid-template-columns:1fr;gap:18px}.atlas-details p{margin-top:5px;font-size:.78rem}.caption-stage{height:215px;padding:25px 20px}.caption-stage>p{font-size:1.05rem!important}.console-top,.console-bottom{padding-left:13px;padding-right:13px;font-size:.44rem}.track-controls{gap:8px;padding:13px}.track-controls>span{margin:0;font-size:.47rem}.track-controls button{padding:7px 10px;font-size:.55rem}.mini-dashboard aside{width:27%;padding:23px 10px}.mini-dashboard aside>b{font-size:.67rem}.mini-dashboard aside>span{font-size:.56rem}.mirror-content{padding:23px 12px}.mirror-content h3{font-size:1rem}.mirror-content>p{font-size:.61rem}.mirror-cards>div{padding:9px}.mirror-cards small{font-size:.46rem}.mirror-row{font-size:.53rem}.workflow-stack>div{padding:22px 0;gap:16px}.workflow-stack strong{font-size:.87rem}.capability-strip strong{font-size:2rem}.capability-strip span{font-size:.51rem}.footer-groups{grid-template-columns:1fr 1fr}.footer-groups>div>span{font-size:.5rem;margin-bottom:16px}.footer-groups a,.footer-groups p{font-size:.7rem}.footer-scope{align-items:flex-start;flex-direction:column;margin:30px 0 40px}.footer-scope p{font-size:.82rem}.reference-footer{padding-top:55px}.atlas-filters{flex-direction:column;align-items:stretch;gap:5px}.atlas-row{grid-template-columns:25px 1fr 1fr;gap:10px}.atlas-row .script{grid-column:2}.atlas-row .direction{grid-column:3}.atlas-row>b{font-size:.88rem}.atlas-row .native{font-size:1.1rem}.atlas-directory h2{font-size:2.2rem}}
@media print{body{background:#fff!important}.invoice-paper,.invoice-paper h2{color:#202025!important}.invoice-paper .paper-totals{color:#202025!important}.invoice-paper .paper-notes,.invoice-paper .paper-disclaimer{color:#62606a!important}}@media(prefers-reduced-motion:reduce){.language-node{animation:none!important}}

@media print{body:not(.invoice-page){background:white!important;color:#17243b!important}body:not(.invoice-page) header,body:not(.invoice-page) .motion-toggle,body:not(.invoice-page) .reference-footer{display:none!important}body:not(.invoice-page) section{background:white!important;color:#17243b!important;break-inside:avoid}body:not(.invoice-page) h1,body:not(.invoice-page) h2,body:not(.invoice-page) h3,body:not(.invoice-page) p{color:#17243b!important}body:not(.invoice-page) canvas{display:none!important}body:not(.invoice-page) .reveal{opacity:1!important;transform:none!important}}


.language-network .language-node{animation:none!important;translate:none;right:auto;bottom:auto;pointer-events:none;cursor:default;white-space:nowrap;transition:none!important;background:#0c1729ef;border:1px solid #385577;color:#8db7f5;box-shadow:0 4px 18px #02081345}.language-network .language-node.selected{background:#0c1729ef;border-color:#385577}.language-network .language-node:hover{background:#0c1729ef;border-color:#385577}.language-network .network-coordinate{pointer-events:none}.language-network .network-coordinate.bottom{bottom:35px;left:0;right:0;text-align:center}.language-network .network-coordinate.top{left:0;right:0;text-align:center;top:25px}@media(max-width:500px){.language-network{height:350px}.language-network .language-node{padding:8px 10px;font-size:.55rem}.language-network .language-node>span{font-size:.60rem}.language-network .network-coordinate.bottom{bottom:8px}.language-network .network-coordinate.top{top:12px}}

/* ==========================================================================
   Shared 3-Zone Header & Navigation
   ========================================================================== */
header{position:sticky;top:0;z-index:90;height:88px;padding:0 4.5%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;background:rgba(12,16,32,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}
.brand{grid-column:1;display:inline-flex;align-items:center;gap:14px;text-decoration:none}
.brand-mark-svg{height:36px;width:auto;max-width:none;display:block;flex-shrink:0}
.brand-word-svg{height:46px;width:auto;max-width:none;display:block;flex-shrink:0}
nav{grid-column:2;display:flex;justify-content:center;align-items:center;gap:26px;font-size:.7rem}
nav a{white-space:nowrap;color:#d0d5df;transition:color .2s}
nav a>span{font-family:monospace;color:#65708a;font-size:.6rem;margin-right:4px}
nav a:hover,nav a[aria-current=page]{color:#fff}
header .desktop{grid-column:3}

/* Navigation Dropdown (Tools Menu) */
.nav-item-dropdown{position:relative;display:inline-flex;align-items:center}
.nav-dropdown-trigger{background:transparent;border:0;color:#d0d5df;font:inherit;font-size:.7rem;padding:8px 0;display:inline-flex;align-items:center;gap:4px;cursor:pointer;white-space:nowrap;transition:color .2s}
.nav-dropdown-trigger>span:first-child{font-family:monospace;color:#65708a;font-size:.6rem;margin-right:4px}
.dropdown-chevron{font-size:.62rem;transition:transform .2s}
.nav-item-dropdown:hover .nav-dropdown-trigger,.nav-item-dropdown:focus-within .nav-dropdown-trigger,.nav-item-dropdown.open .nav-dropdown-trigger{color:#fff}
.nav-item-dropdown:hover .dropdown-chevron,.nav-item-dropdown:focus-within .dropdown-chevron,.nav-item-dropdown.open .dropdown-chevron{transform:rotate(180deg)}
.nav-dropdown-menu{display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#0c1424;border:1px solid #233754;border-radius:8px;padding:8px;min-width:280px;box-shadow:0 16px 40px rgba(0,0,0,.7),0 0 1px rgba(255,255,255,.12);z-index:100}
.nav-item-dropdown:hover .nav-dropdown-menu,.nav-item-dropdown:focus-within .nav-dropdown-menu,.nav-item-dropdown.open .nav-dropdown-menu{display:flex;flex-direction:column;gap:6px;animation:dropdownFadeIn .18s ease-out}
@keyframes dropdownFadeIn{from{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%,0)}}
.dropdown-product-link{display:flex!important;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:4px;background:#121d30;border:1px solid #1f2f47;color:#e2e8f4!important;text-decoration:none!important;transition:background .2s,border-color .2s}
.dropdown-product-link:hover,.dropdown-product-link:focus{background:#1a2b47;border-color:#36547e;color:#fff!important}
.product-menu-icon{font-size:1.1rem;color:#6da2ff;line-height:1.2}
.product-menu-info strong{display:block;font-size:.78rem;color:#edf2fc;font-weight:600}
.product-menu-info small{display:block;font-size:.62rem;color:#8c9cb6;margin-top:2px}

/* ==========================================================================
   Labs Hero Section Redesign
   ========================================================================== */
.labs-hero{position:relative;overflow:hidden;background:#080d18;padding:95px 4.5% 85px;border-bottom:1px solid rgba(255,255,255,.08)}
.labs-hero-container{max-width:820px;margin:0 auto;text-align:center;position:relative;z-index:2}
.labs-hero .section-label{display:inline-block;color:#6496ff;font:.65rem/1.4 monospace;letter-spacing:.16em;margin-bottom:20px}
.labs-hero h1{font-size:clamp(2.6rem,5.2vw,4.4rem);font-weight:700;line-height:1.1;letter-spacing:-.05em;color:#f0f5fc;margin-bottom:20px}
.labs-hero h1 em{font-style:normal;color:#8aaeff}
.labs-hero-desc{font-size:1.05rem;line-height:1.7;color:#94a5bf;max-width:580px;margin:0 auto 32px}
.labs-hero-actions{display:flex;justify-content:center;gap:16px;margin-bottom:36px}
.lab-signal{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:.58rem/1.4 monospace;letter-spacing:.12em;color:#6a82a4;padding:6px 14px;border:1px solid rgba(255,255,255,.06);border-radius:20px;background:rgba(10,16,28,.6)}
.signal-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80}
#lab-network{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.6;z-index:1}

/* ==========================================================================
   Toolbox Section & Tool Cards Redesign
   ========================================================================== */
.labs-toolbox-section{padding-top:90px;padding-bottom:85px}
.labs-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px}
.tool-card{background:#0d1525;border:1px solid #20324c;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;min-height:490px}
.tool-card:hover{transform:translateY(-4px);border-color:#3b5882;box-shadow:0 16px 40px rgba(0,0,0,.5)}
.tool-card-art{height:200px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.invoice-art{background:linear-gradient(135deg,#131c30 0%,#172744 100%);color:#8aaeff}
.subtitle-art{background:linear-gradient(135deg,#0e1e33 0%,#152d4c 100%);color:#38bdf8}
.duration-art{background:linear-gradient(135deg,#0a1f29 0%,#11343f 100%);color:#2dd4bf}
.duration-sub-label{font:.56rem monospace;letter-spacing:.1em;color:#78b7b2;position:absolute;bottom:16px}
.tool-card-body{padding:28px 26px;display:flex;flex-direction:column;flex:1}
.tool-category-badge{font:.55rem/1.4 monospace;letter-spacing:.12em;color:#638eff;text-transform:uppercase;margin-bottom:12px}
.tool-card-body h3{font-size:1.5rem;font-weight:700;color:#f0f5fc;margin-bottom:12px;letter-spacing:-.035em;line-height:1.2}
.tool-card-body p{font-size:.88rem;color:#8fa1bd;line-height:1.65;margin-bottom:24px}
.tool-action-btn{margin-top:auto;width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-radius:4px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;text-decoration:none!important}
.tool-action-btn .btn-arrow{transition:transform .2s ease}
.tool-action-btn:hover .btn-arrow{transform:translateX(4px)}

/* Privacy and Trust Panel */
.privacy-trust-panel{background:#0b1220;border:1px solid #1e304a;border-radius:8px;padding:24px 28px;display:flex;align-items:center;gap:24px;margin-top:20px}
.trust-icon{font-size:1.8rem;color:#6496ff;flex-shrink:0}
.trust-content strong{display:block;font-size:.95rem;color:#e8effc;margin-bottom:4px}
.trust-content p{font-size:.82rem;color:#8195b0;margin:0;line-height:1.6}
.trust-badges{display:flex;flex-direction:column;gap:6px;flex-shrink:0}
.trust-tag{font:.54rem/1.4 monospace;letter-spacing:.08em;color:#4ade80;background:rgba(74,222,128,.08);border:1px solid rgba(74,222,128,.2);padding:4px 10px;border-radius:14px;text-align:center;white-space:nowrap}

/* ==========================================================================
   Workflow CTA Section
   ========================================================================== */
.lab-workflow-cta{padding-top:85px;padding-bottom:95px;border-top:1px solid rgba(255,255,255,.07)}
.workflow-cta-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}
.workflow-cta-grid h2{font-size:clamp(2.2rem,3.8vw,3.4rem);font-weight:600;line-height:1.15;color:#f0f5fc}
.workflow-cta-grid h2 em{font-style:normal;color:#8aaeff}
.workflow-cta-grid p{font-size:.92rem;color:#8b9db7;line-height:1.7;margin-top:16px}
.workflow-action-box{background:#0d1525;border:1px solid #20324c;border-radius:8px;padding:32px 28px}
.action-box-eyebrow{display:block;font:.58rem/1.4 monospace;letter-spacing:.12em;color:#6496ff;margin-bottom:12px}
.workflow-action-box p{font-size:.88rem;color:#a2b4cd;margin-bottom:22px;line-height:1.6}
.full-btn{width:100%;text-align:center;padding:15px 22px}

/* ==========================================================================
   Section Intro Block & Headlines
   ========================================================================== */
.section-intro-block{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:flex-start;margin-bottom:48px}
.section-intro-block h2{font-size:clamp(2.3rem,3.8vw,3.6rem);font-weight:600;line-height:1.14;letter-spacing:-.055em;color:#f0f4fc}
.section-intro-block h2 em{font-style:normal;color:#8aaeff}
.workspaces-tagline{font-size:1.05rem;color:#9cb0cf;margin-top:14px;line-height:1.6}
.intro-description{font-size:.95rem;color:#8c9cb6;line-height:1.75}

/* ==========================================================================
   Professional Services Section (6-card Grid)
   ========================================================================== */
.home-services{padding-top:70px;padding-bottom:80px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:40px}
.service{position:relative;background:#111a2d;border:1px solid #23344f;border-radius:6px;padding:32px 28px;display:flex;flex-direction:column;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;min-height:380px}
.service:hover{transform:translateY(-4px);border-color:#3b5884;box-shadow:0 12px 30px rgba(0,0,0,.45)}
.service-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.service-num{font:.58rem/1.4 monospace;letter-spacing:.12em;color:#638eff;text-transform:uppercase}
.service-glyph{font-family:monospace;font-size:1.25rem;color:#8caeff;background:rgba(100,160,255,.08);padding:6px 12px;border-radius:4px;border:1px solid rgba(100,160,255,.15)}
.service h3{font-size:1.4rem;font-weight:600;color:#f0f5fd;margin-bottom:14px;line-height:1.25}
.service p{font-size:.88rem;color:#8ea0ba;line-height:1.65;margin-bottom:24px}
.service-capabilities{margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.07)}
.capabilities-title{display:block;font:.54rem/1.4 monospace;letter-spacing:.1em;color:#5d759a;text-transform:uppercase;margin-bottom:10px}
.service-capabilities ul{list-style:none;padding:0;margin:0 0 20px}
.service-capabilities li{font-size:.8rem;color:#b0bfd6;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04);position:relative;padding-left:14px}
.service-capabilities li::before{content:"•";position:absolute;left:0;color:#5c8cf4}
.service-cta{display:inline-flex;align-items:center;justify-content:space-between;width:100%;font:.72rem/1.4 monospace;letter-spacing:.06em;color:#92b8ff!important;text-transform:uppercase;text-decoration:none!important;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);transition:color .2s}
.service-cta:hover{color:#d2e3ff!important}
.service-cta .cta-arrow{transition:transform .2s ease}
.service-cta:hover .cta-arrow{transform:translateX(4px)}

.service.purple{border-color:#273859;background:linear-gradient(180deg,#131e35 0%,#0e1628 100%)}
.service.purple:hover{border-color:#496ea8}
.service.pale{border-color:#223048;background:linear-gradient(180deg,#111a2d 0%,#0c1322 100%)}
.service.lime-card{border-color:#29404c;background:linear-gradient(180deg,#11202e 0%,#0b1723 100%)}
.service.lime-card .service-num{color:#45c8c1}
.service.lime-card .service-glyph{color:#45c8c1;background:rgba(69,200,193,.1);border-color:rgba(69,200,193,.2)}

.section-footer-cta{display:flex;justify-content:space-between;align-items:center;padding:28px 32px;background:#0d1525;border:1px solid #203049;border-radius:6px;gap:20px}
.section-footer-cta p{color:#97a8c3;font-size:.95rem;margin:0}
.cta-actions{display:flex;gap:16px;align-items:center}

/* ==========================================================================
   ARLaang Tools & Workspaces Section
   ========================================================================== */
.home-workspaces{padding-top:75px;padding-bottom:90px;background:#090e1a;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);max-width:none}
.home-workspaces .ref-section-top{border-top:none;padding-top:0}
.product-workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:15px}
.product-card{position:relative;background:#0f182a;border:1px solid #233856;border-radius:8px;padding:38px 34px;display:flex;flex-direction:column;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.product-card:hover{transform:translateY(-4px);box-shadow:0 16px 45px rgba(0,0,0,.55)}
.product-card-labs{border-color:#2b4568;background:linear-gradient(165deg,#111d33 0%,#0b1322 100%)}
.product-card-labs:hover{border-color:#4a77b3;box-shadow:0 16px 45px rgba(23,62,115,.25)}
.product-card-billing{border-color:#254452;background:linear-gradient(165deg,#0e1e2d 0%,#09131e 100%)}
.product-card-billing:hover{border-color:#3f748d;box-shadow:0 16px 45px rgba(18,77,102,.25)}
.product-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.product-category-pill{font:.58rem/1.4 monospace;letter-spacing:.12em;padding:5px 11px;border-radius:20px;background:rgba(100,160,255,.1);color:#85aeff;border:1px solid rgba(100,160,255,.2)}
.product-card-billing .product-category-pill{background:rgba(6,182,212,.1);color:#38bdf8;border-color:rgba(6,182,212,.2)}
.product-badge-live{font:.53rem/1.4 monospace;letter-spacing:.1em;color:#4ade80;display:inline-flex;align-items:center;gap:6px}
.product-badge-live::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80}
.product-header{display:flex;align-items:center;gap:18px;margin-bottom:18px}
.product-icon-box{width:48px;height:48px;border-radius:8px;background:rgba(100,160,255,.12);border:1px solid rgba(100,160,255,.25);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.product-card-billing .product-icon-box{background:rgba(6,182,212,.12);border-color:rgba(6,182,212,.25)}
.product-icon{font-size:1.5rem;color:#8aaeff}
.product-card-billing .product-icon{color:#38bdf8}
.product-title-group h3{font-size:1.85rem;font-weight:700;color:#f4f8ff;letter-spacing:-.04em;line-height:1.15}
.product-subdomain{font:.65rem/1.4 monospace;color:#7289ad;display:block;margin-top:3px}
.product-desc{font-size:.96rem;color:#a4b7d2;line-height:1.7;margin-bottom:28px}
.product-highlights{background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.05);border-radius:6px;padding:20px 22px;margin-bottom:30px;margin-top:auto}
.highlights-title{display:block;font:.58rem/1.4 monospace;letter-spacing:.12em;color:#7189ae;text-transform:uppercase;margin-bottom:14px}
.product-features-list{display:grid;grid-template-columns:1fr 1fr;gap:9px 16px;list-style:none;padding:0;margin:0}
.product-features-list li{font-size:.81rem;color:#c5d4ea;display:flex;align-items:center;gap:7px}
.feature-bullet{color:#6592ff;font-size:1rem;line-height:0}
.product-card-billing .feature-bullet{color:#38bdf8}
.product-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:10px}
.product-primary-btn{flex:1;text-align:center;padding:16px 22px}
.button.cyan-btn{background:#0284c7;color:#fff;border-color:#0284c7}
/* ==========================================================================
   Dedicated Product Showcase Styles (/labs/)
   ========================================================================== */
.product-quick-nav{margin-top:20px;margin-bottom:40px}
.quick-nav-pills{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.quick-nav-pill{display:inline-flex;align-items:center;gap:12px;background:#0e1728;border:1px solid #243753;border-radius:30px;padding:10px 22px;text-decoration:none!important;color:#b2c5e2!important;font-size:.9rem;font-weight:500;transition:all .2s ease}
.quick-nav-pill:hover,.quick-nav-pill.active{background:#162540;border-color:#5280c4;color:#f0f6ff!important;box-shadow:0 4px 16px rgba(0,0,0,.35)}
.pill-badge{font:.65rem/1 monospace;background:rgba(255,255,255,.1);color:#a8c4f0;padding:3px 7px;border-radius:10px}
.pill-domain{font:.65rem/1.2 monospace;color:#7089af}

.product-showcase-section{padding-top:70px;padding-bottom:80px;border-bottom:1px solid rgba(255,255,255,.07)}
.product-showcase-header{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;margin-bottom:36px}
.product-brand-block{display:flex;align-items:flex-start;gap:20px}
.product-icon-large{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}
.labs-icon{background:rgba(141,106,223,.15);border:1px solid rgba(141,106,223,.35);color:#b899ff}
.billing-icon{background:rgba(6,182,212,.15);border:1px solid rgba(6,182,212,.35);color:#38bdf8}
.product-eyebrow-tag{font:.58rem/1.4 monospace;letter-spacing:.14em;text-transform:uppercase;color:#85aeff;margin-bottom:6px}
.product-eyebrow-tag.billing-tag{color:#38bdf8}
.product-showcase-header h2{font-size:2.4rem;font-weight:700;color:#f3f7ff;letter-spacing:-.03em;margin:0 0 6px}
.product-tagline{font-size:1.05rem;color:#a3b7d4;margin:0}
.product-main-desc{font-size:.95rem;color:#8ea3c2;line-height:1.75;margin:0}

/* Demo Container & Consoles */
.showcase-demo-container{background:#0c1526;border:1px solid #223755;border-radius:8px;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.5);margin-bottom:50px}
.demo-console-header{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;background:#080e1a;border-bottom:1px solid #1a2c47}
.console-title{display:flex;align-items:center;gap:10px;font:.65rem/1.4 monospace;letter-spacing:.1em;color:#9cb5db;text-transform:uppercase}
.console-dot{width:8px;height:8px;border-radius:50%;display:inline-block}
.console-dot.green{background:#4ade80;box-shadow:0 0 8px #4ade80}
.console-dot.blue{background:#38bdf8;box-shadow:0 0 8px #38bdf8}
.console-badge{font:.55rem/1.4 monospace;letter-spacing:.1em;background:rgba(255,255,255,.08);color:#8ea4c7;padding:4px 8px;border-radius:4px;border:1px solid rgba(255,255,255,.1)}

.demo-dual-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;padding:28px}
.demo-widget-card{background:#111d33;border:1px solid #233758;border-radius:6px;padding:24px;display:flex;flex-direction:column}
.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.widget-label{font:.6rem/1.4 monospace;letter-spacing:.1em;color:#85aeff;text-transform:uppercase;font-weight:600}
.button-micro{font:.6rem/1.4 monospace;background:#1a2b47;border:1px solid #314b75;color:#bcd2f5;padding:4px 10px;border-radius:4px;cursor:pointer;transition:all .2s}
.button-micro:hover{background:#233a60;color:#fff;border-color:#486fa8}
.widget-tag{font:.55rem/1.4 monospace;letter-spacing:.1em;color:#738ea7;background:rgba(0,0,0,.3);padding:3px 8px;border-radius:4px}
.widget-desc{font-size:.85rem;color:#8ea1be;line-height:1.55;margin:0 0 16px}
.widget-inputs{margin-bottom:16px}
.code-textarea{width:100%;background:#080e1c;border:1px solid #233758;border-radius:4px;padding:12px;font:.82rem/1.5 monospace;color:#cce0ff;resize:vertical;outline:none;box-sizing:border-box}
.code-textarea:focus{border-color:#5c8df6}
.code-input{width:100%;background:#080e1c;border:1px solid #233758;border-radius:4px;padding:10px 14px;font:.88rem/1.4 monospace;color:#cce0ff;outline:none;box-sizing:border-box}
.code-input:focus{border-color:#5c8df6}
.input-with-button{display:flex;gap:10px}
.micro-label{display:block;font:.6rem/1.4 monospace;letter-spacing:.08em;color:#7892b7;text-transform:uppercase;margin-bottom:6px}
.widget-actions-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px;flex-wrap:wrap}
.textlink-micro{font:.65rem/1.4 monospace;letter-spacing:.06em;color:#73a2ff!important;text-decoration:none!important;text-transform:uppercase}
.textlink-micro:hover{color:#b9d2ff!important;text-decoration:underline!important}
.micro-note{font:.62rem/1.4 monospace;color:#7187a5}
.demo-result-box{background:#080e1b;border:1px solid #1c2e4b;border-radius:4px;padding:14px 18px;margin-top:auto}
.metric-row{display:flex;gap:16px;font:.75rem/1.4 monospace;color:#9eb5d6;flex-wrap:wrap}
.metric-row span{display:inline-flex;gap:5px}
.mini-alert{margin-top:10px;font-size:.78rem;color:#fcd34d;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.25);padding:8px 12px;border-radius:4px;line-height:1.4}
.text-amber{color:#f59e0b}
.timecode-display{display:flex;flex-direction:column;gap:6px;text-align:center;padding:22px}
.timecode-label{font:.58rem/1.4 monospace;letter-spacing:.12em;color:#6782a6;text-transform:uppercase}
.timecode-value{font:2.2rem/1 monospace;font-weight:700;color:#4ade80;letter-spacing:.05em}
.timecode-meta{font:.72rem/1.4 monospace;color:#859bb8}

/* Invoice Demo Mockup */
.invoice-interactive-preview{padding:28px}
.demo-invoice-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;background:#09101e;border:1px solid #1c2e4a;border-radius:6px;padding:16px 20px;margin-bottom:20px}
.meta-label{display:block;font:.58rem/1.4 monospace;letter-spacing:.1em;color:#6882a4;text-transform:uppercase;margin-bottom:4px}
.meta-val{font-size:.92rem;color:#d8e6f8;font-weight:600}
.demo-invoice-table-wrap{overflow-x:auto;margin-bottom:20px;background:#0a1222;border:1px solid #1d2f4d;border-radius:6px}
.demo-invoice-table{width:100%;border-collapse:collapse;font-size:.88rem;color:#c0d2eb}
.demo-invoice-table th{background:#0f1a2e;font:.62rem/1.4 monospace;letter-spacing:.1em;color:#819cb0;text-transform:uppercase;padding:12px 16px;border-bottom:1px solid #203554;text-align:left}
.demo-invoice-table td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:top}
.demo-invoice-table td small{display:block;color:#788ea8;font-size:.78rem;margin-top:4px}
.text-right{text-align:right}
.demo-invoice-totals{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:flex-start;background:#09101e;border:1px solid #1c2e4a;border-radius:6px;padding:20px 24px}
.totals-left{display:flex;flex-direction:column;gap:14px}
.terms-note{font-size:.82rem;color:#7a90ad;line-height:1.5}
.demo-btn-row{margin-top:auto}
.totals-right{display:flex;flex-direction:column;gap:10px;border-left:1px solid #1c2e4a;padding-left:24px}
.tot-row{display:flex;justify-content:space-between;font-size:.88rem;color:#9db2ce}
.grand-total-row{font-size:1.1rem;color:#f0f6ff;border-top:1px solid #253d61;padding-top:10px;margin-top:4px}
.grand-val{font-size:1.35rem;color:#38bdf8;font-weight:700}

/* Capabilities Matrix */
.product-capabilities-block{margin-bottom:45px}
.product-capabilities-block h3{font-size:1.35rem;font-weight:600;color:#f0f5fd;margin-bottom:24px}
.capabilities-grid-7{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.capabilities-grid-6{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.cap-item{background:#0e1728;border:1px solid #1f324e;border-radius:6px;padding:22px 20px;transition:border-color .2s,transform .2s}
.cap-item:hover{border-color:#3d6092;transform:translateY(-2px)}
.cap-icon{display:inline-block;font-size:1.3rem;color:#85aeff;margin-bottom:12px;background:rgba(100,160,255,.08);padding:6px 10px;border-radius:4px}
.capabilities-grid-6 .cap-icon{color:#38bdf8;background:rgba(6,182,212,.08)}
.cap-item strong{display:block;font-size:.95rem;color:#e8f0fe;margin-bottom:8px}
.cap-item p{font-size:.84rem;color:#889cb7;line-height:1.6;margin:0}

/* Workspace Callout Banner */
.product-workspace-callout{display:flex;justify-content:space-between;align-items:center;padding:32px 36px;border-radius:8px;border:1px solid;gap:28px}
.labs-callout{background:linear-gradient(135deg,#131e36 0%,#0c1424 100%);border-color:#2a446a}
.billing-callout{background:linear-gradient(135deg,#0e2233 0%,#091520 100%);border-color:#20485c}
.callout-info h4{font-size:1.3rem;font-weight:600;color:#f3f7ff;margin:0 0 8px}
.callout-info p{font-size:.92rem;color:#9eb3cf;margin:0;line-height:1.6}
.disclaimer-text{display:block;font-size:.78rem;color:#6b829e;margin-top:8px;line-height:1.4}
.callout-action{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}
.product-external-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;font-size:.95rem;font-weight:600;white-space:nowrap}
.callout-subdomain{font:.65rem/1.2 monospace;color:#7189ad}

/* Privacy & Trust Panel */
.privacy-trust-section{padding:50px 0}
.privacy-trust-panel.large-panel{display:flex;align-items:center;gap:28px;background:#09101c;border:1px solid #1c2c44;border-radius:8px;padding:30px 34px}
.trust-icon{font-size:2.4rem;color:#5c8df6;flex-shrink:0}
.trust-content strong{display:block;font-size:1.1rem;color:#eaf2ff;margin-bottom:8px}
.trust-content p{font-size:.88rem;color:#899eb9;line-height:1.65;margin:0}
.trust-badges{display:flex;flex-direction:column;gap:8px;flex-shrink:0}
.trust-tag{font:.6rem/1.4 monospace;letter-spacing:.08em;background:rgba(255,255,255,.05);color:#92a8c7;padding:5px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);text-align:center;white-space:nowrap}

/* Final Workflow Consultation CTA */
.lab-workflow-cta{padding-bottom:90px}
.workflow-cta-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;margin-top:24px}
.workflow-cta-grid h2{font-size:2.1rem;font-weight:700;color:#f0f5ff;letter-spacing:-.03em;margin:0 0 16px;line-height:1.25}
.workflow-cta-grid p{font-size:.95rem;color:#8ba0be;line-height:1.75;margin:0}
.workflow-action-box{background:#0e182a;border:1px solid #233755;border-radius:8px;padding:28px 30px}
.action-box-eyebrow{display:block;font:.58rem/1.4 monospace;letter-spacing:.12em;color:#608ceb;text-transform:uppercase;margin-bottom:10px}
.workflow-action-box p{font-size:.88rem;color:#95a8c4;line-height:1.6;margin-bottom:20px}
.full-btn{width:100%;text-align:center;box-sizing:border-box}

/* ==========================================================================
   Responsive Adaptations
   ========================================================================== */
@media(max-width:1100px){
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .labs-tool-grid{grid-template-columns:repeat(2,1fr)}
  .product-workspace-grid{gap:20px}
  .product-features-list{grid-template-columns:1fr}
  .section-intro-block{grid-template-columns:1fr;gap:20px}
  .product-showcase-header{grid-template-columns:1fr;gap:20px}
  .demo-dual-grid{grid-template-columns:1fr}
  .demo-invoice-meta{grid-template-columns:1fr 1fr}
  .privacy-trust-panel.large-panel{flex-direction:column;align-items:flex-start}
  .trust-badges{flex-direction:row;flex-wrap:wrap}
  .workflow-cta-grid{grid-template-columns:1fr;gap:30px}
}
@media(max-width:850px){
  header{display:flex;justify-content:space-between;height:80px;padding:0 6%}
  .brand{gap:10px}
  .brand-mark-svg{height:28px}
  .brand-word-svg{height:36px}
  header nav{display:none;position:absolute;top:79px;left:0;right:0;background:#101b2e;padding:24px 6%;font-size:.87rem;border-bottom:1px solid #233754}
  header nav.open{display:flex;flex-direction:column;gap:22px}
  .product-workspace-callout{flex-direction:column;align-items:flex-start;padding:24px 22px}
  .callout-action{align-items:flex-start;width:100%}
  .callout-action .product-external-btn{width:100%;justify-content:center}
  .demo-invoice-totals{grid-template-columns:1fr}
  .totals-right{border-left:none;border-top:1px solid #1c2e4a;padding-left:0;padding-top:18px}
}
@media(max-width:760px){
  .service-grid{grid-template-columns:1fr}
  .labs-tool-grid{grid-template-columns:1fr}
  .product-workspace-grid{grid-template-columns:1fr}
  .capabilities-grid-7,.capabilities-grid-6{grid-template-columns:1fr}
  .section-footer-cta{flex-direction:column;align-items:flex-start;padding:22px 20px}
  .cta-actions{width:100%;flex-direction:column}
  .cta-actions .button{width:100%;text-align:center}
  .product-actions{flex-direction:column;align-items:stretch}
  .product-actions .product-link{justify-content:center;padding:10px 0}
  .mobile-only-link{display:block!important}
  .labs-hero-actions{flex-direction:column;align-items:center}
  .labs-hero-actions .button{width:100%;max-width:320px;text-align:center}
  .demo-invoice-meta{grid-template-columns:1fr}
  .demo-dual-grid{padding:18px}
  .showcase-demo-container{margin-bottom:35px}
}