/* Additive website successor. Retains the parent scene, palette, system typography and dialog primitives. */
html { scroll-padding-top: 30px; }
.header-inner { min-height: 88px; }
.primary-nav { gap: 23px; }
.primary-nav a { font-size: 13px; }
.hero-layout { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-height: 655px; padding-block: 68px 42px; }
.hero-copy { padding-right: 24px; }
.premise { font-size: 10px; letter-spacing: .19em; max-width: 500px; margin-bottom: 23px; }
.hero h1 { font-size: clamp(41px, 4.1vw, 59px); line-height: 1.1; letter-spacing: -.05em; max-width: 650px; }
.hero-description { font-size: 18px; max-width: 530px; line-height: 1.7; }
.hero-qualification { font-size: 12px; max-width: 465px; color: #b1cbd5; }
.hero-actions .button { min-height: 49px; font-size: 14px; padding-inline: 23px; }
.hero-scene { align-self: center; min-height: 450px; }
.scene-number { color: var(--mint); font-size: 12px; font-weight: 600; letter-spacing: .05em; }
.scene-tagline { font-size: 8px; }
.hero-bridge { color: #b1ced6; font-size: 12px; letter-spacing: .05em; border-top: 1px solid #346a694a; padding-top: 20px; max-width: 510px; }
.new-section { padding-block: 80px; border-top: 1px solid #1e3a48; background: radial-gradient(ellipse at 85% 0%, #10334535, transparent 58%); }
.new-section h2 { font-size: clamp(29px, 3.1vw, 43px); letter-spacing: -.035em; line-height: 1.18; margin: 14px 0 26px; max-width: 760px; font-weight: 600; }
.new-section h3 { margin: 15px 0; line-height: 1.25; font-size: 26px; font-weight: 500; letter-spacing: -.025em; }
.new-section p { color: #bdcfdb; line-height: 1.7; }
.glass-panel { border: 1px solid #42786f99; border-radius: 17px; padding: 33px; background: linear-gradient(130deg,#b5fff40a,#132e3966 42%,#06131cb3); box-shadow: inset 0 1px 0 #d3fff31c,0 12px 30px #0002; min-width: 0; }
.product-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; }
.product-choice { position: relative; display: flex; flex-direction: column; align-items: flex-start; }
.product-choice > p:not(.product-number):not(.scope-note) { font-size: 19px; max-width: 480px; margin: 5px 0 24px; }
.product-number { font-size: 10px; letter-spacing: .21em; color: #85ecd5 !important; margin: 0; }
.scope-note { font-size: 12px; line-height: 1.65; color: #aec8d2 !important; }
.product-choice .text-button { margin-top: auto; font-size: 14px; padding-top: 7px; }
.section-note { margin: 27px 0 0; font-size: 13px; max-width: 940px; }
.section-heading { display: grid; grid-template-columns: 1.2fr 1fr; gap: 75px; align-items: center; }
.section-heading > p { max-width: 500px; font-size: 17px; }
.evidence-thread { padding-block: 62px; background-color: #061721; }
.thread-links { list-style: none; padding: 0; margin: 12px 0; display: grid; grid-template-columns: repeat(5,1fr); }
.thread-link { border-bottom: 1px solid #397f74; display: flex; align-items: center; min-height: 58px; gap: 12px; color: #d6e8e9; font-size: 16px; }
.thread-links li:not(:last-child) .thread-link::after { content: '→'; margin-left: auto; padding-right: 22px; color: #83cabc; }
.thread-links .thread-link:hover { color: var(--mint); background: #a7ffdc06; }
.compliance-opening { display: grid; grid-template-columns: 1.45fr .65fr; gap: 80px; align-items: center; margin-bottom: 58px; }
.compliance-opening h2 { max-width: 760px; font-size: clamp(32px,3.3vw,48px); }
.section-lead { font-size: 18px; line-height: 1.8; max-width: 680px; }
.compliance-opening .button { font-size: 14px; margin-top: 15px; min-height: 49px; }
.product-boundary { padding: 32px; }
.small-mark { width: 62px; height: 62px; border: 1px solid #6ee8c68a; display: grid; place-items: center; border-radius: 17px; color: var(--mint); font-size: 32px; }
.product-category { font-size: 17px; max-width: 300px; }
.journey-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 30px; margin: 18px 0 52px; }
.journey-moment { border-top: 1px solid #37635f; padding: 26px 0 0; min-width: 0; }
.moment-number { font-size: 11px; color: #8fddcc; letter-spacing: .15em; }
.journey-moment h3 { font-size: 21px; }
.journey-moment p { font-size: 14px; }
.learning-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; }
.learning-pair h3 { font-size: 25px; }
.correction-timeline { margin-block: 25px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; }
.correction-timeline span:not(.timeline-arrow) { display: block; font-size: 11px; color: #a7c5d1; }
.correction-timeline strong { display: block; font-size: 17px; font-weight: 500; margin-top: 5px; }
.timeline-arrow { color: #83dac5; }
.result-pair, .source-questions { margin: 25px 0; }
.result-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.result-pair dt { font-size: 11px; color: #a7c5d1; }
.result-pair dd { margin: 5px 0 0; font-size: 16px; color: #e1e6c2; }
.source-questions > div { border-top: 1px solid #294d58; padding: 13px 0; }
.source-questions dt { font-size: 13px; color: #96e4d4; }
.source-questions dd { font-size: 13px; color: #bacdd7; margin: 6px 0 0; }
.cmv-context { background: linear-gradient(120deg,#0d2a33,#06141d); }
.cmv-context h2 { max-width: 500px; }
#action-security { padding-block: 65px; }
#action-security .problem h2 { font-size: 30px; }
.preview-footer { padding-bottom: 8px; }
.footer-inner { padding-block: 20px; }
.preview-details { padding-block: 15px; }
#private-demo-status { margin: 0 auto; width: min(1360px,calc(100% - 92px)); }
:where(h2,h3)[tabindex='-1']:focus { outline: none; }
@media(min-width:1600px) { .hero-layout { min-height:700px; } .hero-scene { min-height:475px; } }
@media(max-width:1100px) { .hero-layout { min-height: 620px; } .hero h1 { font-size: 46px; } .compliance-opening { gap:35px; } .section-heading { gap:35px; } .journey-grid { grid-template-columns:1fr 1fr; } }
@media(max-width:960px) { .primary-nav { gap: 8px; } .primary-nav a { min-height:44px; font-size:14px; } .hero-layout { padding-block:50px 30px; } .hero h1 { font-size:45px; } .hero-copy { padding-right:10px; } .concept-cards { width:40%; } .glass-card > span > span { font-size:10px; } .section-heading { grid-template-columns:1fr; gap:0; } .section-heading > p { margin-top:0; max-width:690px; } .compliance-opening { grid-template-columns:1.2fr .8fr; gap:25px; } }
@media(max-width:720px) { .shell { width:calc(100% - 40px); } .header-inner { min-height:75px; } .wordmark-name { font-size:16px; letter-spacing:.08em; } .wordmark-category { font-size:6px; letter-spacing:.15em; } .brand > img { width:45px; height:44px; } .brand { gap:7px; } .header-cta { display:none; } .hero-layout { grid-template-columns:1fr; grid-template-areas:'copy' 'scene' 'benefits'; padding-top:35px; } .hero h1 { font-size:clamp(38px,8.8vw,55px); } .hero-description { font-size:17px; } .premise { font-size:9px; letter-spacing:.13em; } .hero-scene { width:100%; min-height:370px; margin-top:45px; } .hero-benefits { padding-top:0; } .hero-bridge { margin-top:0; } .new-section { padding-block:50px; } .product-pair,.learning-pair,.compliance-opening { grid-template-columns:1fr; } .product-choice { padding:26px; } .product-choice h3 { font-size:25px; } .product-choice > p:not(.product-number):not(.scope-note) { font-size:17px; } .product-boundary { display:grid; grid-template-columns:60px 1fr; gap:0 20px; padding:25px; } .product-boundary .scope-note { grid-column:2; margin-top:0; } .product-category { margin-block:0 15px; } .small-mark { grid-row:span 2; width:55px; height:55px; } .compliance-opening { gap:35px; margin-bottom:35px; } .compliance-opening h2 { font-size:34px; } .journey-grid { gap:25px; margin-bottom:35px; } .journey-moment h3 { font-size:19px; } .thread-links { grid-template-columns:1fr; margin-block:0; } .thread-link { min-height:48px; } .thread-links li:not(:last-child) .thread-link::after { content:'↓'; } .section-heading h2 { margin-bottom:15px; } .glass-panel { padding:25px; } #private-demo-status { width:calc(100% - 40px); } .footer-inner { flex-wrap:wrap; gap:10px; } .footer-inner > p { flex-basis:100%; } .closing-layout { padding-left:0; } .closing-copy .section-kicker { font-size:11px; letter-spacing:.06em; } }
@media(max-width:400px) { .hero-scene { min-height:320px; } .concept-cards { gap:13px; top:35px; } :where(.hero-scene > .concept-cards) > .glass-card { padding:11px; gap:8px; min-height:68px; } .glass-card strong { font-size:10px; } .scene-overline { font-size:6px; letter-spacing:.22em; } .scene-tagline { font-size:6px; letter-spacing:.21em; } .correction-timeline { gap:9px; } .correction-timeline strong { font-size:14px; } .journey-grid { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none !important; transition:none !important; } }