@font-face{font-family:Inter;src:url(assets/inter.woff2) format('woff2');font-display:swap;font-weight:100 900}

:root{color-scheme:dark;--bg:#0b1327;--panel:#131e35;--line:#36435f;--text:#e7edff;--muted:#a9b6d2;--accent:#bac4ff}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:105px}
body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.65}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
[hidden]{display:none!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid #e7ca88;outline-offset:5px}
section:focus,main:focus{outline:none}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-weight:550;line-height:1.13}
h1{font-size:clamp(48px,5.1vw,74px);letter-spacing:-3.6px;margin-bottom:28px}
h2{font-size:clamp(34px,3.5vw,49px);letter-spacing:-1.9px;margin-bottom:24px}
h3{letter-spacing:-.7px}
p{color:var(--muted)}
.section-wrap{max-width:1300px;margin-inline:auto;padding-inline:42px}
.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;color:#b4c1e4;margin-bottom:21px;line-height:1.8}
.micro-label{display:block;font-size:10px;letter-spacing:1.2px;color:#b4c2e4;line-height:1.6}
.status-dot{display:inline-block;vertical-align:middle;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:8px}
.skip{position:fixed;top:-100px;left:16px;z-index:100;padding:15px;background:#e7edff;color:#14203d;border-radius:4px}
.skip:focus{top:10px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.button{display:inline-flex;gap:26px;justify-content:center;align-items:center;min-height:48px;border:1px solid var(--accent);background:var(--accent);color:#14203b;border-radius:5px;padding:13px 20px;font-size:13px;font-weight:600;transition:background .16s}
.button:hover{background:#d2d9ff;border-color:#d2d9ff}
.button>span{margin-left:auto}
.quiet-link{font-size:13px;color:#d0daf1;display:inline-flex;gap:12px;align-items:center;min-height:44px}
.quiet-link:hover,.text-cta:hover,.card-link:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
.text-cta{font-size:13px;font-weight:600;color:#c5ceff;display:inline-block;min-height:44px;padding-block:10px}

.prototype-strip{display:flex;justify-content:space-between;gap:20px;padding:9px max(42px,calc((100vw - 1216px)/2));background:#172139;border-bottom:1px solid #303b52;color:#b9c5df;font-size:10px}
.prototype-strip a{color:#d4ddf2}
.header{position:sticky;top:0;z-index:30;background:#0b1327f5;border-bottom:1px solid #28354e;backdrop-filter:blur(14px)}
.nav-wrap{max-width:1300px;margin:auto;padding:18px 42px;display:flex;align-items:center;gap:30px;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;font-weight:650;font-size:24px;letter-spacing:-1px;white-space:nowrap}
.desktop-nav{display:flex;align-items:center;gap:27px;font-size:12px;color:#c8d4ee}
.desktop-nav>a{padding-block:12px}
.desktop-nav>a:hover{color:#fff}
.nav-cta{min-height:44px;font-size:11px;padding:11px 16px;gap:18px}
.nav-disclosure{position:relative}
.nav-disclosure>summary{list-style:none;cursor:pointer;display:flex;gap:7px;align-items:center;min-height:44px}
.nav-disclosure>summary::-webkit-details-marker{display:none}
.nav-dropdown{position:absolute;top:calc(100% + 14px);left:-20px;width:308px;background:#19253f;border:1px solid #465370;border-radius:7px;padding:10px;box-shadow:0 18px 45px #0006}
.nav-dropdown>a{display:block;padding:12px;border-radius:4px}
.nav-dropdown a:hover{background:#273552}
.nav-dropdown strong{font-size:13px;font-weight:600}
.nav-dropdown small{display:block;color:#b2c1e0;font-size:11px;margin-top:4px}
.nav-secondary{border-block:1px solid #3d4a64;padding:9px 0}
.nav-secondary a{display:block;padding:12px;font-size:12px}
.menu-trigger{display:none;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid #465470;background:transparent;color:#e1e9fd;border-radius:5px;font-size:21px}

.mobile-menu{position:fixed;inset:0 0 0 auto;margin:0;width:min(100%,440px);max-width:100%;height:100dvh;max-height:100dvh;border:0;border-left:1px solid #4b5873;background:#111d34;color:var(--text);padding:0}
.mobile-menu[open]{display:flex;flex-direction:column}
.mobile-menu::backdrop,.source-dialog::backdrop{background:#020719bb;backdrop-filter:blur(5px)}
.menu-head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;flex-shrink:0;border-bottom:1px solid #3b4964;font-size:17px;font-weight:600}
.icon-button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;min-width:44px;border:1px solid #52607b;background:transparent;color:#e1e8fc;border-radius:5px}
.menu-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1;padding:18px 22px max(24px,env(safe-area-inset-bottom))}
.menu-scroll>a:not(.button){display:block;padding:16px 0;border-bottom:1px solid #35435f;font-size:15px}
.menu-scroll>.button{width:100%;margin:24px 0 15px}
.menu-scroll>p{font-size:11px}
.mobile-disclosure{border-bottom:1px solid #35435f}
.mobile-disclosure summary{display:flex;justify-content:space-between;list-style:none;padding:16px 0;font-size:15px;cursor:pointer}
.mobile-disclosure summary::-webkit-details-marker{display:none}
.mobile-disclosure a{display:block;padding:14px 14px;font-size:13px}
.mobile-disclosure small{display:block;font-size:11px;color:#9faccc}
.mobile-disclosure>div{padding-bottom:15px}

.hero{padding-top:83px;padding-bottom:72px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:65px;align-items:center}
.hero-copy{min-width:0}
.hero h1>span{color:#aebaff}
.hero .lede{font-size:16px;line-height:1.85;max-width:490px;margin-bottom:32px}
.hero-actions{display:flex;gap:23px;align-items:center;flex-wrap:wrap}
.hero-footnote{font-size:11px;margin:26px 0 0;color:#a8b7d5}
.hero-footnote span{padding:0 10px}
.hero-workspace{min-width:0;border:1px solid #42516e;border-radius:9px;background:linear-gradient(140deg,#1a2846,#131e35 65%);box-shadow:0 32px 90px #0003;overflow:hidden}

.workspace-top{padding:16px 22px;display:flex;gap:10px;justify-content:space-between;align-items:center;border-bottom:1px solid #3a4865;font-size:9px;letter-spacing:1px;color:#d8e1f7}
.illustration-tag{font-size:9px;letter-spacing:0;background:#293753;color:#c4d0ee;border:1px solid #415173;border-radius:25px;padding:5px 9px;white-space:nowrap}
.workspace-tabs{display:flex;border-bottom:1px solid #3a4865;padding:0 22px}
.workspace-tabs button{min-height:44px;border:0;border-bottom:2px solid transparent;background:transparent;color:#aab7d3;font-size:12px;padding:12px 22px}
.workspace-tabs button[aria-selected=true]{border-color:#b8c5ff;color:#e7ecff}
.workspace-tabs button:focus-visible{outline-offset:-5px}
.hero-panel{padding:24px 22px 20px;min-height:360px}
.workspace-title .eyebrow{font-size:9px;letter-spacing:1.2px;margin-bottom:13px}
.workspace-title h2{font-size:25px;letter-spacing:-.7px;margin-bottom:22px}
.workspace-step{display:flex;gap:13px;align-items:flex-start;padding:15px 13px;margin-top:10px;border:1px solid #455370;border-radius:5px}
.step-index{font-size:10px;color:#a8b9df;padding-top:3px}
.workspace-step>div{min-width:0;flex:1}
.workspace-step strong{font-size:12px;font-weight:500;line-height:1.6;display:block;color:#e6edff}
.workspace-step p{font-size:10px;margin:4px 0 0;color:#afbedc;line-height:1.6}
.source-button{background:transparent;border:0;color:#c1ceff;min-height:36px;min-width:36px;margin:-5px -5px -5px 0}
.review-step{background:#233353;border-color:#7384ae}
.review-step .micro-label{font-size:8px;letter-spacing:1px;margin-bottom:5px}
.decision-buttons{display:flex;gap:8px;margin-top:12px}
.decision-buttons button{min-height:36px;border:1px solid #899bd0;color:#e1e9ff;background:#344970;border-radius:4px;padding:7px 15px;font-size:10px}
.decision-buttons button:first-child{background:#bac6ff;color:#142043;border-color:#bac6ff}
.decision-buttons button[aria-pressed=true]{outline:2px solid #d4e5b6;outline-offset:2px}
.record-symbol{font-size:20px;color:#b0c9ef}
.workspace-bottom{border-top:1px solid #3b4966;padding:14px 22px;font-size:9px;color:#b2c2e4}
.workspace-bottom .status-dot{width:5px;height:5px}
.reset-example{margin:14px 0 0;background:transparent;color:#bbc9ea;border:0;border-bottom:1px solid #899aba;font-size:11px;padding:7px 0}
.panel-note{font-size:10px;margin:17px 0 0}

.principles{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;padding-block:27px;border-top:1px solid #31405a;border-bottom:1px solid #31405a;color:#b9c7e3;font-size:12px}
.principles i{font-style:normal;color:#b5c3f4;font-size:18px;margin-right:10px}
.products,.reglens-section,.tms-section,.controls-section,.use-cases-section,.evaluation-section{padding-top:88px;padding-bottom:88px}
.section-heading{max-width:700px;margin-bottom:37px}
.section-heading>p:not(.eyebrow){font-size:15px;line-height:1.85;max-width:580px;margin:0}
.horizontal-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.75fr);max-width:none;gap:75px;align-items:end}
.horizontal-heading h2{margin-bottom:0}
.horizontal-heading>p{padding-bottom:5px}
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.product-card{padding:29px 31px;background:linear-gradient(145deg,#1c2849,#141f38);border:1px solid #465471;border-radius:8px}
.tms-card{background:linear-gradient(145deg,#1c313a,#142331);border-color:#405b61}
.card-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}
.product-icon{font-size:28px;color:#b7c7ff}
.tms-card .product-icon{color:#b7d9d0}
.availability{font-size:10px;color:#b5c3df;border:1px solid #455574;border-radius:30px;padding:6px 10px}
.product-card .eyebrow{font-size:9px;margin-bottom:13px}
.product-card h3{font-size:37px;margin-bottom:17px}
.product-card>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:430px}
.product-card ul{list-style:none;padding:0;margin:22px 0 30px;font-size:12px;color:#c6d1e8}
.product-card li{border-top:1px solid #3c4a67;padding:12px 0}
.product-card li:before{content:'↗';color:#a8bafb;margin-right:12px}
.tms-card li{border-color:#3b535b}
.tms-card li:before{color:#a9cfc4}
.card-link{display:flex;align-items:center;justify-content:space-between;color:#d1dbff;font-size:13px;font-weight:600;min-height:44px}

.reglens-section{border-top:1px solid #293650;padding-top:72px}
.mode-tabs{display:flex;gap:10px;border-bottom:1px solid #3c4865;overflow-x:auto;overscroll-behavior:contain;padding:5px 3px 0}
.mode-tabs button{flex-shrink:0;min-height:49px;border:0;border-bottom:2px solid transparent;background:transparent;color:#aebbd9;padding:13px 21px;font-size:13px;white-space:nowrap}
.mode-tabs button[aria-selected=true]{border-color:#b9c7ff;color:#e8eeff;background:#1d2946;border-radius:4px 4px 0 0}
.mode-tabs button:focus-visible{outline-offset:-5px}
.mode-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:65px;padding:38px 0 0;min-height:365px}
.mode-copy h3{font-size:30px;margin:15px 0 18px}
.mode-copy>p:not(.boundary-note){font-size:14px;line-height:1.8;max-width:470px}
.mode-copy ul{padding-left:19px;font-size:13px;color:#bdcbea;line-height:1.8;margin:17px 0}
.boundary-note{border-left:2px solid #7d8daf;padding-left:13px;font-size:11px;line-height:1.8;margin:22px 0}
.mode-illustration{background:#15223c;border:1px solid #435375;border-radius:7px;padding:25px;align-self:start}
.illustration-head{display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#bdccef;border-bottom:1px solid #405174;padding-bottom:19px}
.illustration-head>span:last-child{letter-spacing:0;color:#acbcdb}
.example-question{font-size:21px;line-height:1.4;letter-spacing:-.6px;margin:26px 0 17px;color:#e6edff}
.mode-illustration>p{font-size:13px;line-height:1.9}
.example-reference{display:flex;gap:12px;padding:18px 0;border-block:1px solid #3d5072;margin:23px 0 19px;align-items:center}
.reference-mark{color:#bfd0ff;font-size:23px}
.example-reference strong{font-size:11px;font-weight:500;display:block}
.example-reference small{font-size:10px;color:#a9bce0;display:block;margin-top:4px}
.example-check{font-size:11px;display:flex;gap:9px;color:#c0cdec}

.tms-section{border-top:1px solid #293650;padding-top:72px}
.validation-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:43px 0 36px}
.validation-flow li{border-top:2px solid #677f91;padding-top:17px}

.validation-flow li>span{font-size:9px;letter-spacing:1.2px;color:#b5cec8}
.validation-flow h3{font-size:18px;line-height:1.4;margin:15px 0 11px}
.validation-flow p{font-size:12px;line-height:1.8;margin:0}
.traceability-panel{border:1px solid #405969;background:#142332;border-radius:7px;overflow:hidden}
.traceability-title{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:23px 27px;border-bottom:1px solid #36505e}
.traceability-title h3{font-size:18px;line-height:1.5;margin:0}
.traceability-panel .illustration-tag{background:#263e4d;border-color:#4c6873;color:#c4dcd9}
.table-scroll{overflow-x:auto;overscroll-behavior:contain}
table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}
th,td{padding:19px 27px;border-bottom:1px solid #344d5b}
thead th{font-size:10px;color:#bacdce;font-weight:500;letter-spacing:.6px}
tbody th{font-size:11px;font-weight:500;color:#d8e6eb}
tbody th small{display:block;font-size:10px;color:#a4c1c6;margin-top:4px}
.state{display:inline-block;font-size:10px;white-space:nowrap;padding:5px 8px;border-radius:4px;background:#294b50;color:#c6e0d5}
.state.warning{color:#e8d49c;background:#494531}
.tms-bottom{display:flex;gap:35px;align-items:center;justify-content:space-between;padding:22px 27px}
.tms-bottom p{font-size:11px;line-height:1.8;margin:0;max-width:620px;color:#a6c0c8}
.tms-bottom a{color:#c5e0d6;white-space:nowrap}

.standards-band{background:#e4e8ed;color:#182645;padding-block:65px}
.standards-layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1fr);gap:70px}
.standards-band .eyebrow{color:#4b5f83}
.standards-band h2{font-size:clamp(40px,4.2vw,59px);letter-spacing:-2.3px;margin:0}
.standards-band p{color:#4d5d78;font-size:14px;line-height:1.9}
.standards-band .standards-lede{font-size:21px;line-height:1.5;letter-spacing:-.5px;color:#25375c;max-width:550px}
.standards-points{display:flex;flex-wrap:wrap;gap:12px 25px;padding:17px 0 23px;font-size:11px;color:#304561}
.standards-points b{font-size:9px;font-weight:500;margin-right:6px;color:#425a7e}
.standards-band a{display:inline-flex;gap:45px;align-items:center;font-size:13px;font-weight:600;min-height:44px;color:#283e71;border-bottom:1px solid #7b8daa}
.standards-band .standards-note{font-size:10px;margin:20px 0 0;color:#596984}

.controls-section{padding-bottom:78px}
.control-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:75px;align-items:start}
.control-rows article{display:flex;gap:24px;padding:22px 0;border-top:1px solid #3b4863}
.control-rows article>span{color:#9faccc;font-size:10px;padding-top:5px}
.control-rows h3{font-size:21px;margin-bottom:12px}
.control-rows p{font-size:13px;line-height:1.8;margin:0}
.history-illustration{padding:26px;border:1px solid #445575;border-radius:7px;background:#152039}
.history-illustration h3{font-size:23px;line-height:1.3;margin:25px 0}
.history-illustration ol{list-style:none;padding:0;margin:0}
.history-illustration li{display:flex;gap:16px;position:relative;padding:9px 0 17px}
.history-illustration li:not(:last-child):after{content:'';position:absolute;left:5px;top:26px;bottom:-7px;width:1px;background:#566885}
.history-point{width:11px;height:11px;border:2px solid #aebcf4;background:#aebcf4;border-radius:50%;flex-shrink:0;margin-top:5px;z-index:1}
.human-point{background:#b3d0c5;border-color:#b3d0c5}
.record-point{background:#152039;border-color:#b4c8de}
.history-type{font-size:8px;letter-spacing:1.2px;color:#c2cfe9}
.history-illustration li p{font-size:12px;margin:6px 0 0}
.history-note{font-size:10px;border-top:1px solid #3e5071;padding-top:18px;margin:9px 0 0;line-height:1.8}

.use-cases-section{border-top:1px solid #293650;padding-top:72px}
.case{border-top:1px solid #43516f}
.case:last-child{border-bottom:1px solid #43516f}
.case summary{display:flex;align-items:center;gap:27px;list-style:none;cursor:pointer;padding:28px 0}
.case summary::-webkit-details-marker{display:none}
.case-number{font-size:11px;color:#9fafd0}
.case summary>span:nth-child(2){flex:1;min-width:0}
.case summary small{display:block;font-size:9px;letter-spacing:1.1px;color:#a6b6d7;margin-bottom:10px}
.case summary strong{font-size:21px;font-weight:500;line-height:1.5;letter-spacing:-.5px}
.expand{font-size:24px;color:#b9c7e5;margin-right:7px;font-weight:300}
.case[open] .expand{transform:rotate(45deg)}
.case-content{padding:0 35px 31px 45px}
.case-content>p{font-size:13px;line-height:1.85;max-width:820px}
.case-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:24px 0 10px}
.case-steps>div{border-top:1px solid #435270;padding-top:16px}
.case-steps span{font-size:9px;letter-spacing:1px;color:#c3cee7}
.case-steps p{font-size:12px;line-height:1.8;margin:10px 0 0}

.evaluation-section{background:#111b30;border-top:1px solid #2c3a55;border-bottom:1px solid #2c3a55;max-width:none;padding-inline:max(42px,calc((100vw - 1216px)/2));display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:85px}
.evaluation-section .section-heading{margin:0}
.faq-list details{border-top:1px solid #43516b}
.faq-list details:last-child{border-bottom:1px solid #43516b}
.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:20px 0;font-size:14px;line-height:1.6;color:#d3def5}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary>span{font-size:19px;line-height:1.1;color:#a9bddb}
.faq-list details[open] summary>span{transform:rotate(45deg)}
.faq-list p{font-size:12px;line-height:1.95;padding:0 26px 12px 0;margin:0}
.faq-list p strong{color:#d4deec;font-weight:600}

.about-section{padding-block:78px}
.about-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:80px}
.about-layout h2{font-size:36px;line-height:1.2;letter-spacing:-1.3px;margin:0}
.about-layout p{font-size:14px;line-height:1.85}
.demo-section{background:#182540;border-block:1px solid #3f506f;padding-block:75px}
.demo-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:85px}
.demo-copy h2{font-size:45px;letter-spacing:-1.9px}
.demo-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;max-width:420px}
.demo-copy ol{list-style:none;margin:29px 0 35px;padding:0}
.demo-copy li{padding:11px 0;color:#ced8f2;font-size:12px}
.demo-copy li span{font-size:9px;color:#a7b9df;margin-right:17px}
.local-notice{display:flex;gap:12px;align-items:start;border-top:1px solid #4f607e;padding-top:22px;max-width:430px}

.local-notice>span{color:#c9d8ff}
.local-notice strong{font-size:11px;font-weight:500;color:#d0ddf6}
.local-notice p{font-size:11px;line-height:1.8;margin:5px 0 0}
.form-panel{background:#f1f3f7;color:#243453;border-radius:8px;padding:30px;align-self:start;min-width:0;color-scheme:light}
.form-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:15px}
.form-heading h3{font-size:21px;line-height:1.35;margin:0}
.form-heading>span{font-size:8px;letter-spacing:1px;color:#59718a;white-space:nowrap}
.form-panel p{color:#5c6e88}
.required-note{font-size:10px;line-height:1.7;margin:0 0 20px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.form-row>div{min-width:0}
.form-panel label{display:block;font-size:11px;font-weight:600;color:#344b70;margin:18px 0 7px}
.form-panel label span{font-weight:400;color:#526581}
.form-panel input,.form-panel select,.form-panel textarea{display:block;width:100%;background:#fff;color:#263d60;border:1px solid #a9b9d0;border-radius:4px;padding:11px 12px;font-size:12px;min-height:44px}
.form-panel textarea{resize:vertical;min-height:100px}
.form-panel input::placeholder,.form-panel textarea::placeholder{color:#536984;opacity:1}
.form-panel .button{width:100%;background:#2b4585;border-color:#2b4585;color:#fff;margin-top:24px;font-size:12px;min-height:48px}
.form-panel .button:hover{background:#395697}
.form-panel .form-note{font-size:10px;line-height:1.8;margin:14px 0 0}
.demo-result .micro-label{color:#4e6889;margin:7px 0 21px}
.demo-result h3{font-size:27px;line-height:1.25;margin-bottom:20px}
.demo-result p{font-size:13px;line-height:1.85;overflow-wrap:anywhere}
.demo-result:focus{outline:2px solid #5d739a;outline-offset:10px}
.result-actions{display:flex;gap:13px;align-items:center;margin-top:25px}
.result-actions .button{margin:0;width:auto}
.secondary-button{background:none;border:1px solid #7890b2;color:#365179;border-radius:4px;min-height:48px;padding:12px;font-size:12px}

.footer{padding-block:47px 24px;display:grid;grid-template-columns:1fr 1fr;gap:30px}
.footer .brand{font-size:22px}
.footer-mark{color:#b8cec5;font-size:29px;font-weight:650}
.footer>div>p{font-size:12px;line-height:1.8;margin:13px 0 0;color:#9fafd0}
.footer nav{display:flex;justify-content:flex-end;align-items:start;gap:12px 24px;flex-wrap:wrap;max-width:430px;justify-self:end;font-size:11px;color:#bbc8e2;padding-top:8px}
.footer nav a{min-height:35px}
.footer-bottom{grid-column:1/-1;border-top:1px solid #32405b;padding-top:20px;display:flex;gap:20px;justify-content:space-between;align-items:center}
.footer .footer-bottom p{font-size:9px;line-height:1.7;color:#9eaccb;margin:0}

.source-dialog{width:min(560px,calc(100% - 36px));padding:28px;border:1px solid #586a8b;border-radius:8px;background:#172640;color:#e1e9ff;max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain}
.source-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}
.source-dialog-head .eyebrow{font-size:9px;margin:0}
.source-dialog h2{font-size:30px;margin-bottom:13px}
.source-section{font-size:12px;color:#a8bce0}
.source-dialog blockquote{margin:25px 0;padding:17px;border-left:3px solid #bbc8fc;background:#263854;color:#dfebff;font-size:17px;line-height:1.7}
.source-dialog>p:last-of-type{font-size:12px;line-height:1.9;margin-bottom:24px}
.source-dialog .button{font-size:12px}




@media(min-width:1600px){.hero{padding-top:100px;padding-bottom:95px}
}

@media(max-width:1100px){.section-wrap{padding-inline:30px}
.nav-wrap{padding-inline:30px;gap:20px}
.desktop-nav{gap:17px}
.nav-cta{font-size:10px;padding-inline:12px;gap:12px}
.hero{gap:38px;padding-top:65px}
.hero h1{font-size:57px;letter-spacing:-2.6px}
.hero .lede{font-size:14px}
.hero-actions{gap:15px}
.hero-actions .button{font-size:12px;gap:16px}
.workspace-step{padding:14px 11px}
.workspace-step strong{font-size:11px}
.workspace-top{padding:14px 17px;font-size:8px}
.hero-panel{padding:22px 17px 18px}
.horizontal-heading{gap:45px}
.mode-panel{gap:40px}
.standards-layout{gap:45px}
.control-layout{gap:45px}
.evaluation-section{padding-inline:30px;gap:50px}
.demo-layout{gap:45px}
.form-row{grid-template-columns:1fr}
.form-panel{padding:25px}
.form-heading{display:block}
.form-heading>span{display:block;margin-top:10px}
.prototype-strip{padding-inline:30px}
.tms-bottom{display:block}
.tms-bottom a{margin-top:12px}
.validation-flow{gap:18px}
.validation-flow h3{font-size:16px}
}

@media(max-width:899px){.desktop-nav,.nav-cta{display:none}
.menu-trigger{display:flex}
.nav-wrap{padding-block:14px}
.brand{font-size:23px}
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px;align-items:start}
.hero h1{font-size:46px;letter-spacing:-2px}
.hero .lede{font-size:13px}
.hero .eyebrow{font-size:8px}
.hero-actions{display:block}
.hero-actions .quiet-link{margin-top:13px;display:flex}
.hero-footnote{font-size:9px}
.hero-workspace{margin-top:13px}
.workspace-top{flex-wrap:wrap;gap:9px}
.workspace-title h2{font-size:22px}
.workspace-title .eyebrow{font-size:8px}
.workspace-step{gap:9px}
.decision-buttons button{font-size:10px;padding-inline:13px}
.workspace-bottom{font-size:8px;padding-inline:17px}
.hero-panel{min-height:370px}
.principles{font-size:10px;gap:15px;justify-content:flex-start}
.principles i{font-size:15px;margin-right:7px}
.horizontal-heading{grid-template-columns:1fr;gap:18px}
.horizontal-heading>p{max-width:600px}
.section-heading h2{font-size:40px}
.product-card{padding:25px}
.product-card h3{font-size:32px}
.product-card>p:not(.eyebrow){font-size:13px}
.product-card ul{font-size:11px}
.mode-panel{gap:30px}
.mode-copy h3{font-size:25px}
.mode-copy>p:not(.boundary-note){font-size:13px}
.mode-illustration{padding:21px}
.example-question{font-size:19px}
.mode-illustration>p{font-size:12px}
.mode-tabs button{font-size:12px;padding-inline:18px}
.validation-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
.validation-flow h3{font-size:18px}
.traceability-title h3{font-size:16px}
th,td{padding:17px 21px}
.standards-layout{grid-template-columns:minmax(0,.7fr) minmax(0,1fr);gap:40px}
.standards-band h2{font-size:43px}
.standards-band .standards-lede{font-size:19px}
.standards-band p{font-size:13px}
.control-layout{gap:30px}
.control-rows article{gap:15px}
.control-rows h3{font-size:19px}
.control-rows p{font-size:12px}
.history-illustration{padding:22px}
.history-illustration h3{font-size:21px}
.illustration-head{font-size:8px;gap:10px}
.case summary strong{font-size:19px}
.evaluation-section{grid-template-columns:1fr;gap:25px}
.about-layout{gap:40px}
.about-layout h2{font-size:30px}
.demo-layout{gap:32px}
.demo-copy h2{font-size:35px}
.demo-copy>p:not(.eyebrow){font-size:13px}
.form-panel{padding:22px}
.form-heading h3{font-size:20px}
.products,.reglens-section,.tms-section,.controls-section,.use-cases-section,.evaluation-section{padding-block:66px}
}

@media(max-width:640px){html{scroll-padding-top:86px}
.section-wrap{padding-inline:22px}
.prototype-strip{padding:8px 22px;font-size:8px;gap:10px}
.strip-detail{display:none}
.prototype-strip a{white-space:nowrap}
.nav-wrap{padding:13px 22px}
.brand{font-size:22px}
.brand svg{width:28px;height:28px}
.hero{grid-template-columns:minmax(0,1fr);padding-top:40px;padding-bottom:36px;gap:31px}
.hero h1{font-size:46px;line-height:1.08;letter-spacing:-2.2px;margin-bottom:24px}
.hero .eyebrow{font-size:8px;margin-bottom:20px}
.hero .lede{font-size:14px;line-height:1.8;margin-bottom:24px;max-width:460px}
.hero-actions{display:flex;gap:9px 20px}
.hero-actions .button{font-size:12px;gap:30px}
.hero-actions .quiet-link{font-size:12px;display:inline-flex;margin-top:0}
.hero-footnote{font-size:10px;margin-top:20px}
.hero-workspace{margin-top:0}
.workspace-top{padding:14px 16px;font-size:8px;flex-wrap:nowrap}
.illustration-tag{font-size:8px}
.workspace-tabs{padding:0 16px}
.workspace-tabs button{font-size:11px;padding-inline:20px}
.hero-panel{padding:23px 16px 18px;min-height:345px}
.workspace-title h2{font-size:23px;margin-bottom:19px}
.workspace-step{gap:11px;padding:14px 11px}
.workspace-step strong{font-size:11px}
.workspace-step p{font-size:10px}
.review-step .micro-label{font-size:8px}
.decision-buttons button{min-height:40px;padding-inline:19px}
.workspace-bottom{font-size:8px;padding:14px 16px}
.principles{display:grid;gap:12px;padding-block:23px;font-size:11px}
.principles i{font-size:16px}
.products,.reglens-section,.tms-section,.controls-section,.use-cases-section,.evaluation-section{padding-block:48px}
.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:17px}
.section-heading{margin-bottom:27px}
.section-heading h2{font-size:34px;line-height:1.15;letter-spacing:-1.4px;margin-bottom:20px}
.section-heading>p:not(.eyebrow){font-size:13px;line-height:1.85}
.horizontal-heading{gap:17px}
.horizontal-heading h2{margin:0}
.product-grid{grid-template-columns:1fr;gap:17px}
.product-card{padding:25px}
.card-top{margin-bottom:24px}
.product-card .eyebrow{font-size:8px}
.product-card h3{font-size:35px}
.product-card>p:not(.eyebrow){font-size:13px}
.product-card ul{font-size:11px}
.product-card li{padding:12px 0}
.availability{font-size:9px}
.mode-tabs{gap:2px;margin-inline:-3px;padding-bottom:0}
.mode-tabs button{font-size:11px;padding:13px 15px}
.mode-panel{grid-template-columns:1fr;gap:25px;padding-top:27px;min-height:0}
.mode-copy h3{font-size:29px;margin-top:13px}
.mode-copy .micro-label{font-size:9px}
.mode-copy>p:not(.boundary-note){font-size:13px}
.mode-copy ul{font-size:12px}
.boundary-note{font-size:10px}
.mode-illustration{padding:23px}
.example-question{font-size:21px}
.mode-illustration>p{font-size:12px}
.example-reference strong{font-size:11px}
.example-reference small{font-size:9px}
.example-check{font-size:10px}
.validation-flow{grid-template-columns:1fr;gap:24px;margin-top:28px}

.validation-flow li{display:grid;grid-template-columns:1fr;gap:0;padding-top:15px}
.validation-flow h3{font-size:20px;margin:12px 0 9px}
.validation-flow p{font-size:12px}
.traceability-title{display:block;padding:21px}
.traceability-title h3{font-size:17px;margin-bottom:12px}
.traceability-title .illustration-tag{display:inline-block}
.table-scroll{padding:0}
table{min-width:570px}
th,td{padding:16px 20px;font-size:11px}
.tms-bottom{padding:20px}
.tms-bottom p{font-size:10px}
.tms-bottom a{font-size:11px;white-space:normal}
.standards-band{padding-block:43px}
.standards-layout{grid-template-columns:1fr;gap:24px}
.standards-band h2{font-size:45px;letter-spacing:-2px}
.standards-band .standards-lede{font-size:20px;line-height:1.5}
.standards-band p{font-size:13px}
.standards-points{display:grid;gap:13px;padding-top:13px;font-size:11px}
.standards-band a{font-size:12px}
.standards-band .standards-note{font-size:10px}
.control-layout{grid-template-columns:1fr;gap:25px}
.control-rows article{padding:21px 0;gap:17px}
.control-rows h3{font-size:21px}
.control-rows p{font-size:12px}
.history-illustration{padding:24px}
.history-illustration h3{font-size:23px}
.case summary{gap:16px;padding:24px 0;align-items:start}
.case-number{padding-top:1px;font-size:9px}
.case summary small{font-size:8px;letter-spacing:.7px;line-height:1.8;margin-bottom:8px}
.case summary strong{font-size:18px;line-height:1.5;letter-spacing:-.4px}
.expand{font-size:24px;margin-right:2px;line-height:1.2}
.case-content{padding:0 0 22px 28px}
.case-content>p{font-size:12px}
.case-steps{grid-template-columns:1fr;gap:18px;margin-top:22px}
.case-steps p{font-size:12px}
.case-steps span{font-size:8px}
.evaluation-section{padding-inline:22px;gap:0}
.faq-list summary{font-size:13px;padding:20px 0;gap:16px}
.faq-list p{font-size:11px;line-height:1.95}
.about-section{padding-block:48px}
.about-layout{grid-template-columns:1fr;gap:23px}
.about-layout h2{font-size:32px;line-height:1.2;letter-spacing:-1.3px}
.about-layout p{font-size:13px}
.demo-section{padding-block:46px}
.demo-layout{grid-template-columns:1fr;gap:30px}
.demo-copy h2{font-size:37px;letter-spacing:-1.6px}
.demo-copy>p:not(.eyebrow){font-size:13px}
.demo-copy ol{margin:23px 0 26px}
.demo-copy li{font-size:11px}
.local-notice strong{font-size:11px}
.local-notice p{font-size:10px}
.form-panel{padding:24px 22px}
.form-heading h3{font-size:22px}
.form-heading>span{font-size:8px;margin-top:10px}
.form-row{grid-template-columns:1fr;gap:0}
.form-panel label{font-size:11px}
.form-panel input,.form-panel select,.form-panel textarea{font-size:16px}
.form-panel .button{font-size:12px}
.form-panel .form-note{font-size:10px}
.required-note{font-size:10px}
.demo-result h3{font-size:26px}
.demo-result p{font-size:12px}
.result-actions{flex-wrap:wrap}
.footer{grid-template-columns:1fr;gap:24px;padding-block:34px 20px}
.footer nav{justify-content:flex-start;justify-self:start;gap:8px 22px;padding-top:0;font-size:11px}
.footer-bottom{display:block;padding-top:17px}
.footer .footer-bottom p{font-size:8px;margin-bottom:8px}
.source-dialog{padding:24px}
.source-dialog h2{font-size:26px}
.source-dialog blockquote{font-size:15px}
.source-dialog-head .eyebrow{font-size:8px}
.source-dialog>p:last-of-type{font-size:11px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}




/* Shared Serum Q artwork; canonical geometry lives in src/brand/serum-q.svg. */
.brand-mark{display:block;flex-shrink:0;width:32px;height:32px}
.studio-brand img{vertical-align:middle;margin-right:8px}
@media(max-width:640px){.brand-mark{width:28px;height:28px}}

/* Homepage image mode preserves the supplied screenshot's full aspect ratio. */
.hero-image-card{margin:0;align-self:center}.hero-image-link{display:block}.hero-product-image{display:block;width:100%;height:auto}.hero-image-caption{padding:20px 22px;border-top:1px solid #3a4865}.hero-image-caption p{font-size:12px;line-height:1.8;margin:0 0 10px}.hero-image-caption a{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:#d1daff;min-height:44px;text-decoration:underline;text-underline-offset:4px}.hero-image-link:focus-visible{outline-offset:-5px}.hero-actions [data-studio-copy]{margin-left:0}.hero-image-caption p:empty{display:none}