/* R3: bright engineering palette, balanced brand lockup. */
:root{color-scheme:light;--bg:#f6f9ff;--panel:#fff;--line:#dce5f1;--text:#182e50;--muted:#576c88;--cyan:#086baa;--blue:#2563e9}
body{background:linear-gradient(120deg,#f9fbff,#f1f6ff 65%,#f8fcff)}
.header{background:#ffffffed;border-color:#dce5f1;padding-top:17px;padding-bottom:17px;box-shadow:0 3px 20px #315f9410}
.brand{gap:12px;font-size:24px;letter-spacing:-.6px;font-weight:700;color:#172f5a}
.brand b{color:#2962c8;font-weight:600}
.brand small{font:9px/1.4 Consolas,monospace;letter-spacing:1.55px;color:#617595;margin-top:6px}
/* Use only the existing logo mark in this lockup; don't duplicate its tiny wordmark. */
.brand-symbol{width:57px;height:30px;border-radius:0;background:transparent;position:relative}
.brand-symbol img{position:absolute;width:66px;max-width:none;height:auto;left:-5px;top:-1px;transform:none;mix-blend-mode:multiply}
nav{color:#455c7b;font-size:13px}nav a:hover{color:#165bd1}.nav-cta{background:#2464e7;color:white;border-color:#2464e7}.nav-cta:hover{color:white;background:#174fbf}.nav-cta span{color:#e8f3ff}
.hero{min-height:640px;padding-top:60px;padding-bottom:62px;gap:35px;grid-template-columns:1fr 1.08fr}
.hero h1{font-size:clamp(39px,4vw,57px);line-height:1.36;letter-spacing:-1.4px;color:#183259}
.hero h1 span{background:linear-gradient(105deg,#087baa,#315dea 75%);background-clip:text;color:transparent}
.hero-copy>p{color:#5d7392}.eyebrow{color:#176dad}.eyebrow i{background:#24aabd;box-shadow:0 0 10px #21b8d650}
.primary{background:#2768ec;color:#fff;box-shadow:0 7px 20px #2768ec23}.primary:hover{background:#1b55c8}.subtle{background:#fff;border-color:#cad9ed;color:#234773}.subtle:hover{background:#eaf2ff}
.hero-meta{color:#5d7595}.hero-meta span+span{border-color:#cbd9eb}
.hero-art:before{background:radial-gradient(ellipse at 55% 50%,#6dafee35,transparent 67%)}
.orbit{border-color:#709bd32d}.coordinates{color:#6683a8}.coordinates span{color:#6580a1}.art-label{color:#5086a6}
.cad-window{border-color:#a5c3e4;box-shadow:0 25px 65px #274d7830}.window-bar{background:#eaf1fc;color:#3e5a7a}.live-dot{color:#386b8b}.window-footer{background:#eaf1fc;color:#476a8e;border-color:#d6e3f2}
.formula-float{background:linear-gradient(130deg,#fffffffa,#edf5fffa);border-color:#abc7e7;box-shadow:0 12px 35px #29588d26;color:#254975}
.tiny{color:#456fa5}.formula-float p{color:#547494}.formula-float p b{color:#188497}.formula-float strong{color:#086f87}.formula-float small{color:#577496}
.capabilities{color:#486381}.capabilities>span{color:#70829a}.capabilities a:hover{color:#1456c0}
.section{padding-top:74px;padding-bottom:74px}.section-heading>p{color:#617590}.product-tabs{border-color:#ccdced}.product-tabs button{color:#59708e}.product-tabs button span{color:#738ead}.product-tabs button[aria-selected=true]{background:#e9f1ff;color:#1b58c7;border-color:#2867e8}.product-tabs button:hover{background:#e3edfe;color:#194b9f}
.product-panel{background:#fff;box-shadow:0 15px 40px #284c7810;border-color:#d8e3f0}.product-index{color:#6580a2}.product-copy ul{color:#506b89}.product-copy li:before{color:#2289b1}.inline-link{color:#2265c6;border-color:#accaf0}.inline-link:hover{color:#153d82}
.product-visual{border-color:#c7d9ee;background:#eef4fc}.visual-label{background:#eaf1fb;color:#426c98}.visual-foot{color:#536f90}.product-visual>img{background:#edf3fb}.dark-visual>img{background:#000}
.workflow-section{background:linear-gradient(120deg,#eaf2ff,#f4f9ff);border-color:#dbe7f5}.line-number{color:#4f79a2}.segmented{border-color:#b9cde6;background:#fff}.segmented button{color:#57718f}.segmented button[aria-pressed=true]{background:#2565e4;color:#fff}.fine{color:#6b819c}.trim-frame{border-color:#aec9e3;box-shadow:0 10px 30px #34609716}.trim-frame figcaption{color:#a6c8df}.benefits span{color:#4a759c}
.film-cover{border-color:#c4d5eb;box-shadow:0 5px 18px #1b427b12}.film-cover img{opacity:.95}.film-play{color:white;background:#174fbfd9;border-color:#bfd7ff}.duration{color:#fff}.film h3 span{color:#326fc5}
.download-band{background:radial-gradient(ellipse at 14% 0,#b4ccff60,transparent 60%),linear-gradient(120deg,#eaf1ff,#f8fbff);border-color:#c7d9f2;box-shadow:0 12px 35px #3864a010}.release-status{border-color:#cad9ed}.status-pill{background:#f8fcff;color:#427595;border-color:#bbd5e6}.status-pill i{background:#438eb4}.release-status li{color:#38597e}.release-status li span+span{color:#68809c}.release-status p{color:#607b9a}
.faq summary span{color:#3a79b7}.footer-bottom{color:#607592}.footer .brand{font-size:24px}.footer .brand small{font-size:10px;color:#617595}.domain{color:#234f89}
dialog{background:#f5f8fe;color:#203957;border-color:#b9cce4;box-shadow:0 25px 90px #13315a40}dialog::backdrop{background:#182c4dac}.dialog-top button{background:#e0eafa;color:#264d82}dialog>p{color:#526e8e}
@media(min-width:1550px){.hero{min-height:680px}.hero h1{font-size:59px}}
@media(max-width:1050px){.hero{gap:22px}.hero h1{font-size:43px}.brand{font-size:22px}.brand-symbol{width:53px;height:29px}.brand-symbol img{width:62px}}
@media(max-width:900px){.header{padding-top:15px;padding-bottom:12px}.brand{font-size:22px;gap:11px}.brand small{font-size:8px;letter-spacing:1.4px}.brand-symbol{width:52px;height:31px}.brand-symbol img{width:61px;left:-5px;top:-1px}.hero{padding-top:40px;padding-bottom:32px;gap:26px}.hero h1{font-size:clamp(38px,7.5vw,52px)}.section{padding-top:50px;padding-bottom:50px}.hero-art{height:400px}.faq{padding-top:0}.footer .brand{font-size:22px}nav{font-size:11px}.header nav{margin-top:14px}.formula-float{bottom:0}.hero-meta{font-size:9px}}
@media(max-width:360px){.hero h1{font-size:35px}.hero-art{height:375px}.brand{font-size:21px}}

/* R10: balance the brand lockup against a quieter navigation. */
.header .brand{font-size:30px!important;gap:16px;letter-spacing:-.7px}
.header .brand-symbol{width:72px!important;height:38px!important}
.header .brand-symbol img{width:83px!important;left:-6px!important;top:-2px!important}
.header .brand small{font-size:10px!important;letter-spacing:1.6px;margin-top:7px}
.header nav a{font-size:17px!important;font-weight:600!important;letter-spacing:0!important;min-height:44px!important;padding:8px 14px!important}
@media(min-width:1101px){.header{padding-top:21px;padding-bottom:21px}}
@media(max-width:1100px){.header .brand{font-size:27px!important}.header .brand-symbol{width:65px!important;height:34px!important}.header .brand-symbol img{width:75px!important;left:-5px!important;top:-2px!important}.header nav a{font-size:16px!important;min-height:42px!important}}
@media(max-width:900px){.header .brand{font-size:26px!important;gap:12px}.header .brand small{font-size:9px!important;letter-spacing:1.3px}.header nav a{font-size:15px!important;font-weight:600!important;min-height:40px!important;padding:7px 10px!important}}

/* R9: identical navigation buttons, in page-section order. */
.header nav{gap:12px!important}
.header nav a{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px!important;min-height:48px;border:1px solid #c3d4ed!important;border-radius:8px!important;background:#fff!important;color:#3e5d85!important;box-shadow:none!important;white-space:nowrap}
.header nav a:hover{background:#edf3ff!important;border-color:#8daee8!important;color:#1e59be!important}
.header nav a.nav-active{background:#2563e5!important;border-color:#2563e5!important;color:#fff!important;box-shadow:0 4px 12px #2563e527!important}
.header nav a.nav-active:after{display:none!important}
@media(max-width:900px){.header nav{gap:8px!important}.header nav a{padding:8px 11px!important;min-height:42px;font-size:15px!important}}

/* R8: current-section navigation state, without shifting the layout. */
.header nav a{position:relative;transition:color .2s,background .2s,box-shadow .2s}
.header nav a.nav-active{color:#1656d1;background:#e2ecff;box-shadow:0 0 0 8px #e2ecff;border-radius:4px}
.header nav a.nav-active:after{content:'';position:absolute;bottom:-12px;left:20%;right:20%;height:3px;border-radius:3px;background:#2563e5}
.header nav a.contact-nav.nav-active{border-color:#2563e5}
.header nav a.nav-cta.nav-active{background:#1749b0;color:#fff;box-shadow:0 0 0 4px #bad0ff}
@media(prefers-reduced-motion:reduce){.header nav a{transition:none}}

/* R7: expressive typography and scroll-driven product stage. */
.header nav a{font-size:19px;font-weight:650;letter-spacing:.5px}
.product-tabs button{font-size:22px!important;font-weight:800!important;letter-spacing:.5px;text-shadow:0 1px 0 #ffffff80;min-height:82px}
.product-tabs button[aria-selected=true]{text-shadow:0 2px 8px #08389b55}
.product-tabs button span{font:600 14px Consolas,monospace!important}
.section-heading h2,.contact-section h2{font-weight:800;letter-spacing:-1px;background:linear-gradient(115deg,#17355d 20%,#2269d8 75%,#087c9f);background-clip:text;color:transparent}
.product-copy h3{font-size:32px!important;font-weight:750;letter-spacing:-.5px;color:#1c4377}
.product-track{position:relative}.product-stage{width:100%;isolation:isolate}.is-pinned .product-stage{position:sticky}.product-scroll-status{display:flex;align-items:center;gap:20px;padding:14px 5px 8px;font-size:13px;color:#526f96;min-height:46px}.product-scroll-status>span:first-child{margin-right:auto}.product-scroll-status>span:last-child{font:600 14px Consolas,monospace;white-space:nowrap}.product-scroll-status progress{width:130px;height:5px;appearance:none;border:0;border-radius:5px;overflow:hidden;background:#dce7f8}.product-scroll-status progress::-webkit-progress-bar{background:#dce7f8}.product-scroll-status progress::-webkit-progress-value{background:#2b67e6;transition:width .4s}.product-scroll-status progress::-moz-progress-bar{background:#2b67e6}
@media(max-width:1250px){.header nav a{font-size:17px}.product-tabs button{font-size:19px!important}.product-copy h3{font-size:29px!important}}
@media(max-width:900px){.header nav a{font-size:17px;letter-spacing:0}.product-tabs button{font-size:18px!important;min-height:72px}.product-copy h3{font-size:29px!important}.product-scroll-status{font-size:12px;gap:10px}.product-scroll-status progress{width:65px}}
@media(prefers-reduced-motion:reduce){.product-scroll-status progress::-webkit-progress-value{transition:none}.product-stage{position:static!important}}

/* R5: distinct product buttons and contact section. */
.product-tabs{border:0;gap:12px;padding:0 0 20px}
.product-tabs button{top:0;border:1.5px solid #b8cde9!important;border-radius:10px;background:#fff!important;box-shadow:0 3px 10px #234d7c0c;color:#345477!important;font-weight:600;transition:background .18s,box-shadow .18s,transform .18s}
.product-tabs button:hover{background:#e6efff!important;border-color:#5589e4!important;box-shadow:0 5px 15px #2965cb1c;transform:translateY(-2px)}
.product-tabs button[aria-selected=true]{background:#2563e5!important;color:#fff!important;border-color:#2563e5!important;box-shadow:0 6px 18px #2563e537}
.product-tabs button[aria-selected=true] span{color:#dbeaff}
.product-panel{border-top:1px solid #d8e3f0;border-radius:12px}
.contact-nav{padding:8px 12px;border:1px solid #9ebce8;border-radius:7px;background:#fff;color:#2158a8}
.contact-box{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:44px;background:linear-gradient(120deg,#e6efff,#fff);border:1px solid #c6d8f0;border-radius:14px}
.contact-intro{font-size:19px;line-height:1.9;margin:22px 0}.contact-topics{display:flex;gap:10px;flex-wrap:wrap}.contact-topics span{padding:7px 11px;background:#fff;border:1px solid #c5d8ef;border-radius:6px;font-size:14px;color:#37618a}
.contact-channel{background:#fff;border:1px solid #d6e2f2;border-radius:10px;padding:28px}.contact-label{font-size:12px;letter-spacing:1px;color:#557ba5}.contact-channel h3{font-size:24px;margin:18px 0 14px}.contact-channel>p{font-size:16px}.contact-tip{border-top:1px solid #e0e8f3;padding-top:17px;margin-top:20px}.contact-tip strong{font-size:15px;color:#345578}.contact-tip p{font-size:14px;line-height:1.9;margin:8px 0 20px}.contact-help{display:inline-flex;gap:25px;padding:10px 16px;border-radius:7px;background:#e9f1ff;border:1px solid #bed2ef;color:#215bc0;font-size:15px}.contact-help:hover{background:#dce9ff}
@media(max-width:1100px){.header{flex-wrap:wrap;gap:18px}.header nav{flex-wrap:wrap}.contact-box{gap:25px;padding:32px}}
@media(max-width:900px){.product-tabs{gap:10px;padding-bottom:16px}.contact-box{grid-template-columns:1fr;padding:25px;gap:24px}.contact-channel{padding:22px}.contact-intro{font-size:18px}.header nav{flex-wrap:wrap;justify-content:flex-start;gap:10px 18px}.contact-nav{padding:5px 10px}.contact-section{padding-top:10px}html{scroll-padding-top:175px}}
@media(max-width:420px){.header nav{gap:8px 14px}.contact-channel h3{font-size:21px}.contact-channel{padding:18px}.contact-topics span{font-size:13px}}

/* R4: readable content at normal browser zoom. */
body{font-size:17px;line-height:1.85}
nav{font-size:16px;gap:28px}.nav-cta{padding:9px 17px}
.brand small{font-size:11px;letter-spacing:1.1px}
.eyebrow{font-size:13px;letter-spacing:1.4px}
.hero-copy>p{font-size:18px;line-height:1.95}
.button{font-size:16px;padding:14px 22px}.play-icon{font-size:12px}
.hero-meta{font-size:14px;letter-spacing:0}
.capabilities{font-size:15px;gap:18px}.capabilities>span{font-size:14px}
.section-heading>p{font-size:16px;line-height:1.9}
.product-tabs button{font-size:16px;padding:20px 10px}.product-tabs button span{font-size:13px;margin-right:10px}
.product-index{font-size:12px;letter-spacing:1px}
.product-copy{padding:36px 30px}.product-copy h3{font-size:29px}
.product-copy p,.product-copy ul{font-size:16px;line-height:1.9}
.product-copy p{max-width:none}.product-copy li{margin:10px 0}
.inline-link{font-size:16px}.visual-label{font-size:12px;letter-spacing:.5px}.visual-foot{font-size:14px}
.mini-setting{font-size:13px}.line-number{font-size:13px;letter-spacing:1px}
.workflow-copy p{font-size:16px;line-height:1.9}.segmented button{font-size:16px}.fine{font-size:14px!important}
.trim-frame figcaption{font-size:12px;letter-spacing:1px}
.benefits span{font-size:13px}.benefits h3{font-size:21px}.benefits p{font-size:16px;line-height:1.85}
.film h3{font-size:18px}.film p{font-size:14px;line-height:1.8}.duration{font-size:12px}.film-play{font-size:12px;width:38px;height:38px}
.download-band>div>p{font-size:16px;line-height:1.9}.release-status h3{font-size:24px}.status-pill{font-size:13px}.release-status li{font-size:16px}.release-status li span+span{font-size:14px}.release-status p{font-size:14px!important}
.faq summary{font-size:17px}.faq details p{font-size:16px;line-height:1.9}
.footer .brand small{font-size:13px}.footer-bottom{font-size:13px;line-height:1.8}
.coordinates{font-size:12px;letter-spacing:1px}.window-bar{font-size:13px}.live-dot{font-size:10px}.window-footer{font-size:12px}
.formula-float{width:335px}.tiny{font-size:11px;letter-spacing:.8px}.formula-float p{font-size:13px;gap:10px}.formula-float small{font-size:11px;line-height:1.6;display:block;margin-top:5px}
.dialog-top h2{font-size:20px}.dialog-top button{font-size:15px}dialog>p{font-size:14px}
@media(max-width:1100px){.capabilities{flex-wrap:wrap;justify-content:flex-start;gap:16px 26px}.capabilities>span{display:none}.header nav{gap:18px}.product-tabs button{font-size:15px}.product-tabs button span{margin-right:6px}.product-copy{padding:28px 24px}.product-copy h3{font-size:26px}.window-bar .live-dot{display:none}.formula-float{width:310px}.hero-meta{gap:12px}.hero-meta span+span{padding-left:12px}}
@media(max-width:900px){
 body{font-size:16px}.header nav{font-size:15px;gap:12px}.nav-cta{padding:5px 10px}.brand small{font-size:10px;letter-spacing:.8px}
 .eyebrow{font-size:12px;letter-spacing:1px}.hero-copy>p{font-size:17px}.button{font-size:15px;padding:13px 17px;gap:13px}.hero-meta{font-size:13px;flex-wrap:wrap}.hero-art{margin-top:8px}
 .capabilities a{font-size:14px}.capabilities{gap:15px 22px}.section-heading>p{font-size:16px}
 .product-tabs button{font-size:15px;padding:16px 6px}.product-tabs button span{font-size:12px;margin-right:5px}.product-copy p,.product-copy ul{font-size:16px}.product-copy h3{font-size:27px}
 .product-index{font-size:11px}.visual-label{font-size:11px}.visual-foot{font-size:13px}.workflow-copy p{font-size:16px}.benefits h3{font-size:20px}
 .film-grid{gap:28px 18px}.film h3{font-size:16px}.film p{font-size:14px}.film-cover{height:145px}.duration{font-size:11px}.film-play{width:32px;height:32px}
 .download-band{padding:27px 22px}.download-band>div>p{font-size:16px}.release-status li{font-size:16px}.release-status p{font-size:14px!important}
 .faq summary{font-size:16px}.faq details p{font-size:16px}.footer-bottom{font-size:12px}.footer .brand small{font-size:12px}
 .coordinates{font-size:10px}.window-bar{font-size:12px}.window-footer{font-size:10px}.formula-float{width:295px;right:5px}.formula-float p{font-size:12px}.formula-float small{font-size:10px}.tiny{font-size:10px}
 .dialog-top h2{font-size:16px}.dialog-top button{font-size:14px}dialog>p{font-size:13px}
}
@media(max-width:420px){.header nav{font-size:14px;gap:8px}.nav-cta{padding:5px 8px}.capabilities{gap:14px 18px}.product-tabs button{font-size:14px}.product-tabs button span{display:none}.film-grid{grid-template-columns:1fr}.film-cover{height:200px}.film h3{font-size:19px}.film p{font-size:15px}.hero-meta{font-size:12px}.formula-float{width:275px}.product-copy{padding:25px 21px}.window-footer{font-size:9px}}

.support-methods{display:grid;gap:14px;margin-top:22px}.support-method{display:flex;gap:16px;align-items:flex-start;padding:18px;background:#f3f7ff;border:1px solid #d1e0f4;border-radius:9px}.support-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:10px;background:#2465e7;color:white;font:700 19px/1 'Segoe UI',sans-serif}.support-method h4{margin:0 0 3px;font-size:19px;color:#234773}.support-method p{font-size:14px;margin:0 0 10px}.support-pending{display:block;font-size:16px;color:#5b7392;overflow-wrap:anywhere}@media(max-width:420px){.support-method{padding:14px;gap:12px}.support-icon{width:36px;height:36px;font-size:16px}.support-method h4{font-size:18px}}
