@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* CODE RADAR uses an editorial product system: clear white surfaces, deep ink, violet structure, orange signals. */
:root { --ink:#171321; --ink-2:#2b2636; --blue:#7759d5; --sky:#efedff; --orange:#fc6d26; --orange-soft:#fff0e8; --mint:#1f9d72; --paper:#fff; --canvas:#fff; --muted:#625f6f; --line:#d9d6df; --line-dark:#4d4857; --shadow:0 22px 50px rgba(23,19,33,.11); --radius:12px; --radius-lg:24px; }
body { color:var(--ink); background:#fff; font-family:"Inter",Arial,sans-serif; }
body::selection { background:#fc6d26; color:#fff; }
.container { width:min(1240px,calc(100% - 56px)); }
.announcement { background:#171321; color:#fff; }.announcement .container { min-height:34px; font-size:.73rem; }.announcement strong { color:#fc6d26; }.announcement a { color:#fff; text-decoration-color:#fc6d26; }
.site-header { background:rgba(255,255,255,.95); border-bottom:1px solid #e4e1e7; box-shadow:none; }.header-inner { min-height:72px; }
.brand { font-family:"Inter",Arial,sans-serif; letter-spacing:-.065em; font-weight:800; }.brand span { color:#fc6d26; }.brand-mark { width:25px; height:25px; border-radius:7px; background:#171321; color:#fc6d26; font-family:"Inter",Arial,sans-serif; font-size:.76rem; }
.main-nav { gap:2px; }.main-nav a { position:relative; padding:10px 11px; color:#47434f; font-size:.76rem; font-weight:600; }.main-nav a::after { content:""; position:absolute; right:11px; bottom:5px; left:11px; height:2px; background:#fc6d26; transform:scaleX(0); transform-origin:left; transition:transform .18s ease; }.main-nav a:hover,.main-nav a.is-current,.main-nav a[aria-current="page"] { color:#171321; }.main-nav a:hover::after,.main-nav a.is-current::after,.main-nav a[aria-current="page"]::after { transform:scaleX(1); }
.text-link { color:#47434f; font-size:.76rem; font-weight:650; }.text-link:hover { color:#171321; text-decoration-color:#fc6d26; }
.button { min-height:42px; padding:.72rem 1.08rem; border-radius:5px; font-family:"Inter",Arial,sans-serif; font-size:.76rem; font-weight:700; letter-spacing:-.01em; transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease; }.button:hover { transform:translateY(-2px); }.button--primary,.button--dark { background:#171321; border-color:#171321; color:#fff; box-shadow:none; }.button--primary:hover,.button--dark:hover { background:#392f47; border-color:#392f47; box-shadow:0 8px 18px rgba(23,19,33,.18); }.button--secondary,.button--quiet { background:#fff; border-color:#171321; color:#171321; }.button--secondary:hover,.button--quiet:hover { background:#fff1e9; border-color:#fc6d26; color:#171321; }.button--large { min-height:50px; padding:.9rem 1.3rem; font-size:.82rem; }
.eyebrow { color:#7759d5; font-family:"Inter",Arial,sans-serif; font-size:.71rem; letter-spacing:.1em; }.eyebrow::before { content:none; }
.hero { padding:34px 0 56px; background:#fff; }.hero-grid { position:relative; overflow:hidden; grid-template-columns:minmax(0,1fr) minmax(420px,.86fr); gap:62px; align-items:center; padding:78px 70px 62px; border:1px solid #d8d2d8; border-radius:30px; background:radial-gradient(circle at 82% 9%,rgba(186,139,51,.30),transparent 25%),radial-gradient(circle at 32% 84%,rgba(20,64,116,.16),transparent 33%),linear-gradient(112deg,#fff 2%,#f4f8fc 50%,#dbe8f5 100%); }.hero-grid::after { content:none; }.hero-grid>* { position:relative; z-index:1; }
.hero h1,.subhero h1,.declaration-intro h1 { margin:20px 0 0; color:#171321; font-family:"Inter",Arial,sans-serif; font-weight:750; letter-spacing:-.07em; line-height:.98; }.hero h1 { max-width:660px; font-size:clamp(3rem,5.2vw,5rem); }.hero h1 em,.declaration-intro h1 em { color:#6d49ce; font-style:normal; }.hero-copy { max-width:630px; margin-top:26px; color:#45414d; font-size:1.02rem; line-height:1.62; }.hero-actions { gap:10px; margin-top:32px; }.hero-note { color:#433d4d; font-size:.78rem; }.hero-note svg { color:#fc6d26; }.hero-stats { border-top-color:rgba(23,19,33,.28); }.hero-stat+.hero-stat { border-left-color:rgba(23,19,33,.2); }.hero-stat strong { font-family:"Inter",Arial,sans-serif; color:#171321; }.hero-stat span { color:#514c59; }
.workflow-card { min-height:492px; padding:18px; border:1px solid #171321; border-radius:14px; background:#fff; box-shadow:12px 14px 0 rgba(23,19,33,.13); }.workflow-top { color:#494551; }.mini-brand { color:#171321; font-family:"Inter",Arial,sans-serif; }.status-pill { border-color:#b7ead7; background:#eefaf4; color:#137552; }.flow-file,.ai-process,.result-card { border-radius:8px; }.flow-file { border-color:#ddd9e2; background:#fff; color:#393441; }.file-icon { color:#fc6d26; background:#fff1ea; }.file-meta { color:#756f7e; }.flow-line { border-left-color:#bcb7c3; }.ai-process { border-color:#d6c9ff; background:#f3efff; }.ai-process-head { color:#3b2b75; }.ai-process-head svg { color:#7759d5; }.ai-bar { background:#d8d0ed; }.ai-bar span { background:linear-gradient(90deg,#7759d5,#fc6d26); }.result-card { border-color:#171321; background:#171321; }.result-head { color:#dcd5e5; }.confidence { background:#45404d; color:#ffb68f; }.result-code { color:#fff; font-family:"Inter",Arial,sans-serif; }.result-name { color:#dad4e0; }.result-data { border-top-color:#48424f; border-bottom-color:#48424f; }.result-data div { color:#171321; }.result-data small { color:#625c69; }.result-data b { color:#171321; }.result-footer { color:#e7e1eb; }.result-footer svg { color:#67d7ad; }
.logo-strip { border-color:#e2dee4; background:#fff; }.logo-strip p { color:#171321; }.logo-list,.logo-word,.logo-word--pe { color:#716b78; }
.section { padding:110px 0; }.section--paper { background:#fff; }.section--muted { background:#f8f6fb; }.section-heading { max-width:820px; }.section-title { color:#171321; font-family:"Inter",Arial,sans-serif; font-weight:750; letter-spacing:-.065em; line-height:1.02; }.section-lead { color:#595463; font-size:1rem; line-height:1.65; }
.audience-grid { gap:18px; }.audience-card { min-height:330px; border-color:#171321; border-radius:14px; background:#fff; }.audience-card--enterprise { border-color:#171321; background:#171321; }.audience-label { border-radius:4px; background:#f0ecff; color:#6246be; }.audience-card--enterprise .audience-label { background:#443a56; color:#f0deff; }.audience-card h3 { font-family:"Inter",Arial,sans-serif; font-size:clamp(1.55rem,2.8vw,2.35rem); }.audience-card p { color:#57515f; }.audience-card--enterprise p { color:#d3cdd9; }
.bento { gap:18px; }.feature-card { border:1px solid #ded9e1; border-radius:14px; background:#f7f5f8; }.feature-card--large { background:#171321; }.feature-card--queue { background:radial-gradient(ellipse at 78% 30%,rgba(252,109,38,.5),transparent 30%),linear-gradient(145deg,#171321 0%,#211a2d 100%); }.feature-card--blue { border-color:#ffd1bb; background:#fff0e8; }.feature-card h3 { font-family:"Inter",Arial,sans-serif; }.feature-card p { color:#5b5562; }.feature-card--large p { color:#d4ceda; }.feature-icon { border-radius:7px; background:#fff; color:#fc6d26; box-shadow:none; }.feature-card--large .feature-icon { color:#ff9a6e; }
.split-section { gap:90px; }.facts,.fact { border-color:#d9d4dd; }.fact strong { font-family:"Inter",Arial,sans-serif; }.fact span,.direction-card span { color:#655f6c; }.direction-card { border-color:#d5d0d8; border-radius:12px; }.direction-card:hover { box-shadow:0 12px 20px rgba(23,19,33,.06); }.direction-card.is-selected { border-color:#fc6d26; box-shadow:0 12px 20px rgba(23,19,33,.06); }.direction-card b { font-family:"Inter",Arial,sans-serif; color:#171321; }
.section--ink { background:#171321; }.section--ink .section-title { color:#fff; }.section--ink .section-lead { color:#d5cfdb; }.eyebrow--light { color:#ffb38c; }.steps { border-color:#615968; }.step+.step { border-color:#615968; }.step-number { color:#fc6d26; font-family:"Inter",Arial,sans-serif; }.step h3 { font-family:"Inter",Arial,sans-serif; }.step p { color:#d0cad6; }.step::after { background:#fc6d26; }
.case-card { border-color:#d9d5dc; border-radius:14px; }.case-company { color:#6c6574; }.case-result { color:#7759d5; font-family:"Inter",Arial,sans-serif; }.case-card h3 { font-family:"Inter",Arial,sans-serif; }.case-card p,.case-foot { color:#5d5664; }.case-foot { border-color:#e1dce4; }.case-foot svg { color:#1f9d72; }
.trial-band { border-color:#f4b895; border-radius:12px 12px 0 0; background:#fff1e9; }.trial-band b { font-family:"Inter",Arial,sans-serif; }.trial-band p { color:#5b5562; }.price-card { border-color:#171321; border-radius:0 0 14px 14px; background:#fff; color:#171321; }.price-card--featured { border-color:#171321; background:#171321; box-shadow:10px 11px 0 #fc6d26; }.popular { border-radius:4px; background:#fc6d26; }.price-overline { color:#7759d5; }.price-card--featured .price-overline { color:#ffb38c; }.price-card h3,.price { font-family:"Inter",Arial,sans-serif; }.price-intro { color:#5e5765; }.price-card--featured .price-intro { color:#d8d1de; }.price span,.per-item { color:#706978; }.price-card--featured .price span,.price-card--featured .per-item { color:#c8c0cf; }.price-line { background:#ded9e1; }.price-card--featured .price-line { background:#544e5b; }.features-list { color:#37323e; }.price-card--featured .features-list { color:#ece7f0; }.check { color:#1f9d72; }.price-card .saving { color:#8a5fe2; }.price-card--featured .saving { color:#ffb38c; }
.faq { gap:90px; }.accordion { border-color:#d9d4dd; }.accordion-item { border-color:#d9d4dd; }.accordion-button { font-family:"Inter",Arial,sans-serif; }.accordion-button .plus { color:#fc6d26; }.accordion-panel p { color:#625c69; }.cta { border:1px solid #d7cedf; border-radius:20px; background:radial-gradient(circle at 86% 30%,rgba(252,109,38,.58),transparent 18%),linear-gradient(115deg,#f0edff,#ffe6d9 76%,#c8b8ec); }.cta::after { content:none; }.cta h2 { font-family:"Inter",Arial,sans-serif; color:#171321; }.cta p { color:#4c4654; }
.site-footer { background:#171321; }.footer-description { color:#c9c2d0; }.footer-col h3 { color:#a79aa9; }.footer-col a { color:#fff; }.footer-col a:hover { color:#ff9b70; }.footer-bottom { border-color:#4d4655; color:#bbb1c1; }
.subhero { background:linear-gradient(124deg,#171321,#372b49); }.subhero p { color:#d7cfde; }.subhero-aside { border-color:#62566e; background:rgba(255,255,255,.07); }.workspace { background:#f8f6fb; }.app-shell { border-color:#d7d1dc; border-radius:14px; box-shadow:var(--shadow); }.app-top { border-color:#e3dee6; }.app-sidebar { background:#f8f6fb; border-color:#e3dee6; }.app-nav--active { background:#eee8ff; color:#6246be; }.app-nav--active svg { color:#6246be; }.app-main { background:#fff; }.app-page-title h2,.app-metric b { font-family:"Inter",Arial,sans-serif; }.app-metric,.jobs { border-color:#e1dce4; border-radius:9px; }.app-metric span,.tag { color:#167553; }.jobs-head { background:#f8f6fb; }.job { border-color:#e9e4eb; }.job b { color:#29242f; }.tag { background:#ecf9f3; }.tag--process { background:#eee9ff; color:#6246be; }.app-empty { background:#fff1e9; color:#6e4331; }.app-empty b { color:#3c281d; }
.signup { background:#f8f6fb; }.signup-info { border-radius:16px; background:#171321; }.signup-info h1,.signup-form-card h2 { font-family:"Inter",Arial,sans-serif; }.signup-form-card { border-color:#dcd6e0; border-radius:16px; box-shadow:none; }.form-row input,.form-row textarea,.form-row select { border-color:#cbc4cf; border-radius:5px; }.form-row input:focus,.form-row textarea:focus,.form-row select:focus { border-color:#7759d5; box-shadow:0 0 0 3px rgba(119,89,213,.12); }.form-legal a { color:#6246be; }.steps-lite i:first-child { background:#fc6d26; }.modal-backdrop { background:rgba(23,19,33,.62); }.modal-card { border-radius:14px; }.modal-card h2,.choice strong { font-family:"Inter",Arial,sans-serif; }.choice[aria-pressed="true"] { border-color:#fc6d26; background:#fff1e9; color:#643e2c; }

/* Declaration workspace: the row, not a promise, is the focus. */
.declaration-intro { padding:70px 0 64px; background:#fff; }.declaration-intro-grid { display:grid; grid-template-columns:minmax(0,1fr) 400px; gap:68px; align-items:center; }.declaration-intro h1 { max-width:770px; font-size:clamp(3rem,5.8vw,5.4rem); }.declaration-intro>.container>div>p:not(.declaration-disclaimer) { max-width:720px; margin:25px 0 0; color:#514c59; font-size:1.03rem; line-height:1.65; }.declaration-disclaimer { max-width:690px; margin:24px 0 0; color:#6c6571; font-size:.77rem; line-height:1.55; }
.declaration-intro-side { position:relative; overflow:hidden; padding:25px; border:1px solid #171321; border-radius:14px; background:linear-gradient(145deg,#fff 0%,#f3efff 100%); box-shadow:9px 10px 0 #fc6d26; }.declaration-intro-side::after { content:none; }.declaration-intro-side>* { position:relative; z-index:1; }.intake-file { display:grid; grid-template-columns:32px 1fr auto; gap:12px; align-items:center; margin-top:16px; padding:13px 0; border-bottom:1px solid #ddd5e4; }.intake-file>span { display:grid; place-items:center; width:30px; height:30px; border-radius:4px; background:#171321; color:#fff; font-size:.65rem; font-weight:750; }.intake-file b { display:block; color:#24202b; font-size:.82rem; }.intake-file small { display:block; margin-top:3px; color:#6b6472; font-size:.67rem; }.intake-file i { color:#7759d5; font-size:.61rem; font-style:normal; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }.intake-signal { display:flex; gap:8px; align-items:center; margin:20px 0 0; color:#4a4353; font-size:.69rem; font-weight:650; }.intake-signal span { width:8px; height:8px; border-radius:1px; background:#1f9d72; box-shadow:none; }
.declaration-surface { padding:68px 0 94px; background:#f8f6fb; border-top:1px solid #e5e1e8; }.workspace-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; }.workspace-heading h2 { margin:13px 0 0; color:#171321; font-family:"Inter",Arial,sans-serif; font-size:clamp(2rem,3.5vw,3.4rem); line-height:1; letter-spacing:-.065em; }.workspace-heading p { margin:11px 0 0; color:#68616e; font-size:.78rem; }.workspace-actions { display:flex; gap:10px; align-items:center; }.draft-pill { padding:8px 10px; border:1px solid #f0ad83; border-radius:999px; background:#fff0e8; color:#7a452d; font-size:.67rem; font-weight:750; }
.process-board { display:grid; grid-template-columns:280px 1fr; gap:38px; margin-top:37px; padding:23px; border:1px solid #d6d0da; border-radius:14px 14px 0 0; background:#fff; }.process-kicker { color:#7759d5; font-size:.65rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }.process-copy h3 { margin:10px 0 0; font-family:"Inter",Arial,sans-serif; font-size:1.22rem; letter-spacing:-.04em; }.process-copy p { margin:10px 0 0; color:#625b69; font-size:.76rem; line-height:1.55; }.process-steps { display:grid; grid-template-columns:repeat(5,1fr); gap:7px; align-items:stretch; }.process-step { min-width:0; padding:12px 10px; border:1px solid #ddd7e0; border-radius:7px; background:#fff; color:#5f5866; text-align:left; transition:transform .18s,border-color .18s,background .18s; }.process-step:hover { transform:translateY(-2px); border-color:#7759d5; }.process-step.is-active { border-color:#171321; background:#171321; color:#fff; }.process-step b,.process-step span,.process-step small { display:block; }.process-step b { color:#fc6d26; font-size:.7rem; }.process-step span { margin-top:13px; font-size:.73rem; font-weight:750; }.process-step small { margin-top:4px; color:#847b8c; font-size:.61rem; }.process-step.is-active small { color:#c9c1d0; }
.declaration-layout { position:relative; border:1px solid #d6d0da; border-top:0; border-radius:0 0 14px 14px; background:#fff; }.excel-shell { min-width:0; overflow:hidden; border-radius:0 0 14px 14px; }.excel-toolbar { display:flex; align-items:center; justify-content:space-between; gap:15px; min-height:52px; padding:0 18px; border-bottom:1px solid #dfdae2; }.sheet-title,.table-legend { display:flex; align-items:center; gap:8px; }.sheet-title b { color:#29242f; font-size:.76rem; }.sheet-title span:not(.sheet-dot),.table-legend { color:#77707e; font-size:.63rem; }.sheet-dot { width:9px; height:9px; border-radius:50%; background:#1f9d72; box-shadow:0 0 0 3px #e7f8f1; }.table-legend { gap:12px; }.table-legend span { display:flex; gap:5px; align-items:center; }.legend-dot { width:7px; height:7px; border-radius:50%; }.legend-dot--done { background:#1f9d72; }.legend-dot--check { background:#fc6d26; }
.table-scroll { max-width:100%; overflow:auto; scrollbar-color:#b2aaba #f2f0f3; scrollbar-width:thin; }.declaration-table { min-width:2240px; width:100%; border-collapse:collapse; color:#3f3945; font-size:.66rem; text-align:left; }.declaration-table th { position:sticky; top:0; z-index:1; padding:12px 11px; border-right:1px solid #e1dce4; border-bottom:1px solid #d9d3dc; background:#f4f1f5; color:#5b5361; font-size:.59rem; font-weight:800; line-height:1.3; vertical-align:bottom; }.declaration-table td { max-width:210px; padding:13px 11px; border-right:1px solid #ebe7ed; border-bottom:1px solid #e8e3eb; line-height:1.42; vertical-align:top; }.declaration-table tbody tr { cursor:pointer; transition:background .16s; }.declaration-table tbody tr:hover { background:#fff6f1; }.declaration-table tbody tr.is-selected { background:#f2eeff; box-shadow:inset 3px 0 0 #7759d5; }.declaration-table td:first-child,.declaration-table th:first-child { position:sticky; left:0; z-index:2; min-width:45px; background:inherit; font-weight:800; }.declaration-table th:first-child { z-index:3; background:#f4f1f5; }.declaration-table td b { color:#352a55; font-size:.68rem; }.declaration-table td small { color:#8a828f; font-size:.56rem; }.cell-status { display:inline-flex; padding:4px 6px; border-radius:999px; font-size:.59rem; font-weight:750; white-space:nowrap; }.cell-status--check { background:#fff0e8; color:#904a28; }
.declaration-inspector { position:absolute; top:68px; right:16px; z-index:5; box-sizing:border-box; width:min(340px,calc(100% - 32px)); max-height:440px; overflow:auto; padding:18px; border:1px solid #4c4654; border-radius:12px; background:#171321; color:#fff; box-shadow:9px 10px 0 rgba(252,109,38,.82); scrollbar-color:#7c7287 #171321; scrollbar-width:thin; }.inspector-top { display:flex; justify-content:space-between; gap:10px; align-items:center; }.declaration-inspector .eyebrow { color:#ffb38c; }.declaration-inspector .eyebrow::before { content:none; }.inspector-number { color:#bdb3c6; font-size:.63rem; }.declaration-inspector h3 { display:-webkit-box; margin:16px 0 0; overflow:hidden; color:#fff; font-family:"Inter",Arial,sans-serif; font-size:1.06rem; line-height:1.13; letter-spacing:-.045em; -webkit-box-orient:vertical; -webkit-line-clamp:3; }.inspector-code { margin-top:8px; color:#ffb38c; font-size:.84rem; font-weight:800; letter-spacing:.02em; }.inspector-block { margin-top:17px; padding-top:13px; border-top:1px solid #4c4654; }.inspector-block span,.inspector-data span { color:#b8adbf; font-size:.58rem; font-weight:750; letter-spacing:.06em; text-transform:uppercase; }.inspector-block p { display:-webkit-box; margin:7px 0 0; overflow:hidden; color:#f4eef8; font-size:.68rem; line-height:1.45; -webkit-box-orient:vertical; -webkit-line-clamp:3; }.inspector-data { display:grid; grid-template-columns:1fr 1fr; gap:13px; margin-top:18px; }.inspector-data b { display:-webkit-box; margin-top:5px; overflow:hidden; color:#fff; font-size:.69rem; line-height:1.35; -webkit-box-orient:vertical; -webkit-line-clamp:2; }.inspector-data .needs-check { color:#ffb38c; }.inspector-foot { display:-webkit-box; margin:17px 0 0; overflow:hidden; color:#c2b8ca; font-size:.59rem; line-height:1.45; -webkit-box-orient:vertical; -webkit-line-clamp:2; }.declaration-footnote { max-width:850px; margin:22px 0 0; color:#6a6270; font-size:.72rem; line-height:1.6; }
@media (max-width:1050px) { .hero-grid { grid-template-columns:1fr; padding:60px 44px; }.workflow-card { max-width:650px; }.declaration-intro-grid { grid-template-columns:1fr; }.declaration-intro-side { max-width:520px; }.process-board { grid-template-columns:1fr; }.process-steps { grid-template-columns:repeat(5,minmax(112px,1fr)); overflow-x:auto; }.declaration-inspector { top:66px; right:12px; width:310px; box-shadow:7px 8px 0 rgba(252,109,38,.78); }.inspector-data { grid-template-columns:1fr 1fr; } }
@media (max-width:720px) { .container { width:min(100% - 30px,1240px); }.header-inner { min-height:66px; }.site-header.is-open .main-nav { background:#fff; grid-template-columns:1fr 1fr; }.site-header.is-open .main-nav a { font-size:.76rem; }.hero { padding:17px 0 34px; }.hero-grid { gap:38px; padding:46px 23px 34px; border-radius:18px; }.hero h1,.declaration-intro h1 { font-size:clamp(2.7rem,12vw,4.2rem); }.hero-copy,.declaration-intro>.container>div>p:not(.declaration-disclaimer) { font-size:.93rem; }.hero-actions { flex-direction:column; align-items:stretch; }.hero-actions .button { width:100%; }.workflow-card { min-height:450px; }.announcement .container { font-size:.63rem; }.section { padding:72px 0; }.workspace-heading { display:block; }.workspace-actions { margin-top:20px; flex-wrap:wrap; }.workspace-actions .button { flex:1 1 190px; }.declaration-surface { padding:50px 0 70px; }.process-board { margin-top:27px; padding:17px; }.process-steps { grid-template-columns:repeat(5,118px); }.excel-toolbar { align-items:flex-start; flex-direction:column; padding:14px 16px; }.declaration-intro { padding:44px 0 46px; }.declaration-intro-side { padding:20px; }.declaration-inspector { position:static; width:auto; max-height:none; margin:16px; box-shadow:none; }.declaration-inspector h3,.inspector-block p,.inspector-data b,.inspector-foot { display:block; overflow:visible; }.inspector-data { grid-template-columns:1fr; } }

/* Video slot on the first screen: ready for a future 16:9 embed. */
.price-card--featured,.price-card--featured .price strong { color:#fff; }
.video-section { padding:0 0 104px; background:#fff; }.video-layout { display:grid; grid-template-columns:minmax(0,.7fr) minmax(480px,1.3fr); gap:70px; align-items:center; }.video-copy h2 { max-width:540px; margin:18px 0 0; color:#171321; font-family:"Inter",Arial,sans-serif; font-size:clamp(2rem,3.5vw,3.65rem); font-weight:750; letter-spacing:-.065em; line-height:1.02; }.video-copy>p:not(.video-note) { max-width:520px; margin:22px 0 0; color:#5a5461; font-size:.96rem; line-height:1.65; }.video-note { max-width:500px; margin:20px 0 0; color:#7759d5; font-size:.72rem; line-height:1.55; }.video-placeholder { position:relative; display:flex; min-height:370px; flex-direction:column; justify-content:space-between; overflow:hidden; padding:20px 24px; border:1px solid #171321; border-radius:16px; background:radial-gradient(circle at 78% 22%,rgba(252,109,38,.75),transparent 19%),radial-gradient(circle at 30% 86%,rgba(121,90,215,.72),transparent 26%),linear-gradient(145deg,#191421,#312641 75%); color:#fff; box-shadow:12px 12px 0 #fc6d26; }.video-placeholder::before { content:none; }.video-placeholder>* { position:relative; z-index:1; }.video-placeholder-top,.video-placeholder-bottom { display:flex; align-items:center; gap:10px; color:#cfc5d8; font-size:.61rem; font-weight:750; letter-spacing:.08em; text-transform:uppercase; }.video-placeholder-top { justify-content:space-between; }.video-placeholder-top span:last-child { color:#ffb58f; }.video-placeholder-main { max-width:390px; padding:15px 0 26px; }.video-play { display:grid; width:54px; height:54px; place-items:center; border:1px solid rgba(255,255,255,.58); border-radius:5px; background:#fff; color:#171321; box-shadow:none; }.video-play svg { margin-left:2px; }.video-placeholder-main h3 { margin:22px 0 0; color:#fff; font-family:"Inter",Arial,sans-serif; font-size:clamp(1.42rem,2.2vw,2rem); letter-spacing:-.045em; line-height:1.1; }.video-placeholder-main p { margin:10px 0 0; color:#ded6e7; font-size:.76rem; line-height:1.5; }.video-placeholder-bottom { padding-top:15px; border-top:1px solid rgba(255,255,255,.23); }.video-placeholder-bottom i { display:block; width:20px; height:1px; background:#fc6d26; }
@media (max-width:1050px) { .video-layout { grid-template-columns:1fr; gap:38px; }.video-copy h2,.video-copy>p:not(.video-note),.video-note { max-width:720px; }.video-placeholder { max-width:690px; } }
@media (max-width:720px) { .video-section { padding:0 0 72px; }.video-placeholder { min-height:330px; padding:18px; box-shadow:7px 8px 0 #fc6d26; }.video-placeholder-bottom { gap:7px; font-size:.53rem; }.video-placeholder-bottom i { width:10px; }.video-copy h2 { font-size:clamp(2rem,10vw,3rem); } }

/* Dark platform hero needs a high-contrast title. */
.subhero h1 { color:#fff; }

/* The product preview mirrors the uploaded Excel workflow: resolved fields and data to be completed stay visibly separate. */
.app-record-preview { margin-top:18px; padding:18px; border:1px solid #e1dce4; border-radius:9px; background:#fbfaff; }
.record-preview-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding-bottom:15px; border-bottom:1px solid #e4dfe7; }
.record-preview-head span,.record-preview-grid span { display:block; color:#776f7c; font-size:.57rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.record-preview-head b { display:block; max-width:460px; margin-top:6px; color:#29242f; font-size:.85rem; line-height:1.35; }
.record-preview-head a { color:#6246be; font-size:.68rem; font-weight:750; white-space:nowrap; }
.record-preview-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin-top:14px; }
.record-preview-grid>div { min-width:0; padding:10px; border:1px solid #e8e3eb; border-radius:6px; background:#fff; }
.record-preview-grid b { display:block; margin-top:5px; color:#38313f; font-size:.69rem; line-height:1.35; }
.record-preview-input { border-color:#f1c1a6 !important; background:#fff6f1 !important; }
.record-preview-input b { color:#894828; }
@media (max-width:1050px) { .record-preview-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:720px) { .record-preview-head { display:block; }.record-preview-head a { display:inline-block; margin-top:12px; }.record-preview-grid { grid-template-columns:1fr 1fr; } }

@media (max-width:1050px) {
  .app-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .jobs-head,.job { grid-template-columns:minmax(210px,1fr) 54px 104px 144px 18px; gap:10px; }
}
@media (max-width:720px) {
  .app-page-title { display:block; }
  .app-action { display:inline-flex; margin-top:16px; }
  .app-summary { min-width:0; grid-template-columns:1fr 1fr; }
  .jobs { min-width:0; overflow-x:auto; }
  .jobs-head,.job { min-width:560px; }
}

/* Enterprise deployment keeps the same product workflow while making the delivery model tangible. */
.enterprise { background:#f8f6fb; border-top:1px solid #e5e1e8; }
.enterprise-layout { display:grid; grid-template-columns:minmax(260px,.44fr) minmax(0,1fr); gap:18px; margin-top:42px; }
.enterprise-modes { display:grid; gap:8px; align-content:start; }
.enterprise-mode { display:grid; grid-template-columns:34px 1fr; gap:3px 12px; width:100%; padding:18px; border:1px solid #d9d4dd; border-radius:12px; background:#fff; color:#26212d; text-align:left; transition:background .18s ease,border-color .18s ease,transform .18s ease; }
.enterprise-mode:hover { border-color:#fc6d26; transform:translateY(-2px); }
.enterprise-mode.is-active { border-color:#171321; background:#171321; color:#fff; }
.enterprise-mode span { grid-row:span 2; color:#fc6d26; font-size:.75rem; font-weight:800; letter-spacing:.05em; }
.enterprise-mode b { font-family:"Inter",Arial,sans-serif; font-size:.88rem; letter-spacing:-.025em; }
.enterprise-mode small { color:#6e6875; font-size:.75rem; line-height:1.4; }
.enterprise-mode.is-active small { color:#c9c1d0; }
.enterprise-panel { display:flex; min-height:360px; flex-direction:column; padding:30px; border:1px solid #171321; border-radius:14px; background:linear-gradient(125deg,#fff 0%,#f2edff 70%,#fff0e8 100%); }
.enterprise-panel-top { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.enterprise-kicker { color:#7759d5; font-size:.75rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.enterprise-status { padding:6px 8px; border:1px solid #f4b895; border-radius:4px; background:#fff; color:#9a4f2b; font-size:.75rem; font-weight:800; letter-spacing:.08em; }
.enterprise-panel h3 { max-width:680px; margin:32px 0 0; color:#171321; font-family:"Inter",Arial,sans-serif; font-size:clamp(1.65rem,2.8vw,2.65rem); letter-spacing:-.06em; line-height:1.04; }
.enterprise-panel>p { max-width:680px; margin:17px 0 0; color:#554e5c; font-size:.9rem; line-height:1.6; }
.enterprise-points { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin:28px 0 20px; padding:0; list-style:none; }
.enterprise-points li { min-height:56px; padding:11px 12px; border:1px solid #ddd6e1; border-radius:7px; background:rgba(255,255,255,.75); color:#3d3743; font-size:.8rem; font-weight:650; line-height:1.4; }
.enterprise-points li::before { content:"✓"; display:block; margin-bottom:5px; color:#1f9d72; font-weight:800; }
.enterprise-tiers { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:0 0 20px; }
.enterprise-tiers:not([hidden]) { display:grid; }
.enterprise-tier { padding:10px; border:1px solid #e1d8df; border-radius:7px; background:#fff; }
.enterprise-tier b,.enterprise-tier span,.enterprise-tier small { display:block; }
.enterprise-tier b { color:#171321; font-size:.8rem; }
.enterprise-tier span { margin-top:5px; color:#fc6d26; font-size:.78rem; font-weight:800; line-height:1.25; }
.enterprise-tier small { margin-top:5px; color:#625c69; font-size:.75rem; line-height:1.3; }
.enterprise-panel .button { align-self:flex-start; margin-top:auto; }
.enterprise-integrations { display:grid; grid-template-columns:repeat(6,1fr); gap:8px; margin-top:18px; }
.enterprise-integrations span { display:grid; min-height:60px; place-items:center; padding:10px; border:1px solid #ddd7e0; border-radius:7px; background:#fff; color:#5c5663; font-family:"Inter",Arial,sans-serif; font-size:.78rem; font-weight:750; text-align:center; }
@media (max-width:1050px) { .enterprise-layout { grid-template-columns:1fr; }.enterprise-modes { grid-template-columns:repeat(3,minmax(0,1fr)); }.enterprise-mode { grid-template-columns:1fr; gap:5px; }.enterprise-mode span { grid-row:auto; }.enterprise-points { grid-template-columns:1fr 1fr 1fr; }.enterprise-integrations { grid-template-columns:repeat(3,1fr); } }
@media (max-width:720px) { .enterprise-layout { margin-top:28px; }.enterprise-modes { grid-template-columns:1fr; }.enterprise-mode { grid-template-columns:34px 1fr; }.enterprise-mode span { grid-row:span 2; }.enterprise-panel { min-height:0; padding:22px; }.enterprise-panel h3 { margin-top:24px; }.enterprise-points,.enterprise-tiers { grid-template-columns:1fr; }.enterprise-integrations { grid-template-columns:1fr 1fr; }.enterprise-panel .button { width:100%; } }

.enterprise-pricing { display:flex; align-items:center; justify-content:space-between; gap:36px; margin-top:18px; padding:30px; border:1px solid #171321; border-radius:14px; background:linear-gradient(112deg,#171321,#372b49); color:#fff; }
.enterprise-pricing span { color:#ffb38c; font-size:.75rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.enterprise-pricing h2 { max-width:660px; margin:10px 0 0; color:#fff; font-family:"Inter",Arial,sans-serif; font-size:clamp(1.45rem,2.5vw,2.2rem); letter-spacing:-.055em; line-height:1.08; }
.enterprise-pricing p { max-width:720px; margin:12px 0 0; color:#d5cfdb; font-size:.88rem; line-height:1.55; }
.enterprise-pricing .button { flex:0 0 auto; background:#fff; border-color:#fff; color:#171321; }
.enterprise-pricing .button:hover { background:#fff0e8; border-color:#fc6d26; }
@media (max-width:720px) { .enterprise-pricing { display:block; padding:24px; }.enterprise-pricing .button { width:100%; margin-top:22px; } }

/* SEO landing pages use task-led cards so search intent stays useful to a visitor. */
.topic-grid,.resource-grid,.task-grid,.access-grid { display:grid; gap:18px; margin-top:52px; }
.topic-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.topic-card,.resource-card,.task-card,.access-card { display:flex; min-width:0; flex-direction:column; padding:28px; border:1px solid #ded9e1; border-radius:14px; background:#fff; }
.topic-card { min-height:260px; }
.topic-card>span,.resource-card>span { color:#fc6d26; font-size:.75rem; font-weight:800; letter-spacing:.1em; }
.topic-card h3,.resource-card h3,.task-card h3,.access-card h2 { margin:18px 0 0; color:#171321; font-family:"Inter",Arial,sans-serif; font-size:clamp(1.3rem,2.4vw,1.85rem); letter-spacing:-.055em; line-height:1.08; }
.topic-card p,.resource-card p,.task-card p,.access-card p { margin:13px 0 0; color:#5c5663; font-size:.92rem; line-height:1.62; }
.topic-card a,.resource-card a,.task-card a { width:fit-content; margin-top:auto; padding-top:22px; color:#6246be; font-size:.82rem; font-weight:800; }
.topic-card a:hover,.resource-card a:hover,.task-card a:hover { color:#fc6d26; }
.topic-card--ink { border-color:#171321; background:radial-gradient(ellipse at 78% 28%,rgba(252,109,38,.5),transparent 32%),linear-gradient(145deg,#171321,#211a2d); }
.topic-card--ink h3 { color:#fff; }.topic-card--ink p { color:#d4ceda; }.topic-card--ink a { color:#ffb38c; }
.task-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.task-card { min-height:246px; background:#f7f5f8; }.task-card h3 { font-size:1.35rem; }.task-card p { font-size:.86rem; }
.resource-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.resource-card { min-height:288px; }.resource-card h3 { font-size:1.35rem; }.resource-card p { font-size:.86rem; }
.access-grid { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:0; }
.access-card { min-height:340px; justify-content:center; }.access-card p { max-width:510px; }.access-card .button { align-self:flex-start; margin-top:28px; }
.access-card--ink { border-color:#171321; background:radial-gradient(ellipse at 76% 28%,rgba(252,109,38,.5),transparent 32%),linear-gradient(145deg,#171321,#211a2d); }.access-card--ink h2 { color:#fff; }.access-card--ink p { color:#d4ceda; }
@media (max-width:900px) { .resource-grid { grid-template-columns:1fr 1fr; }.task-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:720px) { .topic-grid,.resource-grid,.task-grid,.access-grid { grid-template-columns:1fr; margin-top:32px; }.topic-card,.resource-card,.task-card,.access-card { min-height:0; padding:24px; }.topic-card a,.resource-card a,.task-card a { margin-top:8px; }.access-card .button { width:100%; } }

/* CODE RADAR brand layer: palette and official eagle mark only. Layout, motion, interaction and decorative geometry remain untouched. */
:root { --ink:#071B36; --ink-2:#143C68; --blue:#1D4E89; --sky:#F1F5F8; --orange:#B67D22; --orange-soft:#F8F0E3; --mint:#2E7D51; --paper:#FFFFFF; --canvas:#FFFFFF; --muted:#4F5E73; --line:#D6E0E8; --line-dark:#304E70; --shadow:0 22px 50px rgba(7,27,54,.11); }
body { background:#FFFFFF; color:#071B36; }
body::selection { background:#B67D22; color:#FFFFFF; }
/* Defensive fallback: any legacy brand-mark renders the approved full logo too. */
.brand-mark { width:115px; height:38px; overflow:hidden; border:0; border-radius:0; background:transparent url("assets/kod-radar-logo-official.svg") center / contain no-repeat; color:transparent; transform:none; }
.brand span,.announcement strong,.hero h1 em,.declaration-intro h1 em,.price-overline,.process-kicker,.step-number,.topic-card>span,.resource-card>span,.enterprise-mode span,.enterprise-tier span { color:#B67D22; }
.announcement,.section--ink,.audience-card--enterprise,.feature-card--large,.result-card,.price-card--featured,.site-footer,.signup-info,.process-step.is-active,.declaration-inspector { background:#071B36; }
.button--primary,.button--dark { background:#071B36; border-color:#071B36; color:#FFFFFF; }
.button--primary:hover,.button--dark:hover { background:#143C68; border-color:#143C68; box-shadow:0 8px 18px rgba(7,27,54,.18); }
.button--secondary,.button--quiet { background:#FFFFFF; border-color:#071B36; color:#071B36; }
.button--secondary:hover,.button--quiet:hover { background:#F8F0E3; border-color:#B67D22; color:#071B36; }
.main-nav a,.text-link,.hero-copy,.hero-note,.hero-stat span,.section-lead,.feature-card p,.audience-card p,.price-intro,.price span,.per-item,.topic-card p,.resource-card p,.task-card p,.access-card p,.workspace-heading p,.process-copy p,.process-step,.app-empty,.declaration-footnote,.video-copy>p:not(.video-note),.trial-band p { color:#4F5E73; }
.main-nav a:hover,.main-nav a.is-current,.main-nav a[aria-current="page"],.text-link:hover { color:#071B36; }
.main-nav a::after,.step::after,.video-placeholder-bottom i { background:#B67D22; }
.text-link:hover { text-decoration-color:#B67D22; }
.hero h1,.subhero h1,.declaration-intro h1,.section-title,.workspace-heading h2,.video-copy h2,.topic-card h3,.resource-card h3,.task-card h3,.access-card h2,.cta h2,.enterprise-panel h3,.direction-card b,.sheet-title b,.job b,.intake-file b { color:#071B36; }
.feature-card,.task-card,.section--muted,.workspace,.signup,.declaration-surface,.jobs-head { background:#F5F7FA; }
.feature-card,.topic-card,.resource-card,.task-card,.access-card,.logo-strip,.facts,.fact,.accordion,.accordion-item,.direction-card,.app-shell,.app-metric,.jobs,.job,.process-board,.declaration-layout { border-color:#D6E0E8; }
.direction-card.is-selected,.enterprise-mode:hover { border-color:#B67D22; }
.direction-card:hover { box-shadow:0 12px 20px rgba(7,27,54,.06); }
.feature-card--blue,.app-empty,.trial-band { border-color:#E2C690; background:#F8F0E3; }
.feature-icon { color:#B67D22; }
.feature-card--large .feature-icon { color:#E2C690; }
.feature-card--queue { background:radial-gradient(ellipse at 78% 30%,rgba(182,125,34,.5),transparent 30%),linear-gradient(145deg,#071B36 0%,#143C68 100%); }
.subhero { background:linear-gradient(124deg,#071B36,#143C68); }
.cta { border-color:#D6E0E8; background:radial-gradient(circle at 86% 30%,rgba(182,125,34,.58),transparent 18%),linear-gradient(115deg,#F1F5F8,#F8F0E3 76%,#C9D6E6); }
.video-placeholder { border-color:#071B36; background:radial-gradient(circle at 78% 22%,rgba(182,125,34,.75),transparent 19%),radial-gradient(circle at 30% 86%,rgba(29,78,137,.72),transparent 26%),linear-gradient(145deg,#071B36,#143C68 75%); box-shadow:12px 12px 0 #B67D22; }
.topic-card--ink,.access-card--ink { border-color:#071B36; background:radial-gradient(ellipse at 78% 28%,rgba(182,125,34,.5),transparent 32%),linear-gradient(145deg,#071B36,#143C68); }
.access-card--ink { background:radial-gradient(ellipse at 76% 28%,rgba(182,125,34,.5),transparent 32%),linear-gradient(145deg,#071B36,#143C68); }
.enterprise-panel { border-color:#071B36; background:linear-gradient(125deg,#FFFFFF 0%,#F1F5F8 70%,#F8F0E3 100%); }
.enterprise-pricing { border-color:#071B36; background:linear-gradient(112deg,#071B36,#143C68); }
.enterprise-pricing .button { background:#FFFFFF; border-color:#FFFFFF; color:#071B36; }
.enterprise-pricing .button:hover { background:#F8F0E3; border-color:#B67D22; }
.price-card { border-color:#071B36; color:#071B36; }
.price-card--featured { border-color:#071B36; box-shadow:10px 11px 0 #B67D22; }
.popular { background:#B67D22; color:#071B36; }
.price-card--featured .price-overline,.eyebrow--light,.declaration-inspector .eyebrow,.inspector-code,.inspector-data .needs-check,.topic-card--ink a { color:#E2C690; }
.price-card--featured .price-intro,.price-card--featured .price span,.price-card--featured .per-item,.price-card--featured .features-list,.section--ink .section-lead,.step p,.footer-description,.result-head,.result-name,.result-footer,.subhero p,.video-placeholder-main p,.video-placeholder-top,.video-placeholder-bottom,.access-card--ink p { color:#D9E4EF; }
.price-line { background:#D6E0E8; }.price-card--featured .price-line,.result-data { background:#304E70; border-color:#304E70; }
.price-card .saving { color:#1D4E89; }.price-card--featured .saving { color:#E2C690; }
.check,.status-pill,.tag,.intake-signal,.sheet-dot { color:#2E7D51; }
.status-pill,.tag { background:#EEF7F1; border-color:#C8E1D2; }
.app-nav--active,.tag--process { background:#EAF1F8; color:#1D4E89; }.app-nav--active svg { color:#1D4E89; }
.ai-process { border-color:#C9D6E6; background:#F1F5F8; }.ai-process-head { color:#143C68; }.ai-process-head svg { color:#1D4E89; }.ai-bar { background:#D6E0E8; }.ai-bar span { background:linear-gradient(90deg,#1D4E89,#B67D22); }
.file-icon { color:#B67D22; background:#F8F0E3; }
.choice[aria-pressed="true"] { border-color:#B67D22; background:#F8F0E3; color:#071B36; }
.form-row input:focus,.form-row textarea:focus,.form-row select:focus,.process-step:hover { border-color:#1D4E89; box-shadow:0 0 0 3px rgba(29,78,137,.12); }
.form-legal a,.topic-card a,.resource-card a,.task-card a,.video-note { color:#1D4E89; }
.topic-card a:hover,.resource-card a:hover,.task-card a:hover { color:#B67D22; }
.draft-pill { border-color:#E2C690; background:#F8F0E3; color:#805F2D; }
.process-step.is-active { border-color:#071B36; color:#FFFFFF; }.process-step b { color:#B67D22; }.process-step.is-active small { color:#C7D5E4; }
.declaration-intro-side { border-color:#071B36; background:linear-gradient(145deg,#FFFFFF 0%,#F1F5F8 100%); box-shadow:9px 10px 0 #B67D22; }
.intake-file { border-bottom-color:#D6E0E8; }.intake-file>span { background:#071B36; color:#FFFFFF; }.intake-file i { color:#1D4E89; }
.declaration-inspector { border-color:#304E70; box-shadow:9px 10px 0 rgba(182,125,34,.82); scrollbar-color:#4F6C8D #071B36; }.inspector-block { border-top-color:#304E70; }.inspector-block span,.inspector-data span,.inspector-foot,.inspector-number { color:#C7D5E4; }.inspector-block p { color:#F1F5F8; }
.site-footer .brand-mark { background-color:#FFFFFF; }.footer-col h3,.footer-bottom { color:#AABCCD; }.footer-col a:hover { color:#E2C690; }.footer-bottom { border-color:#304E70; }
.steps[style] { color:#071B36 !important; border-color:#D6E0E8 !important; }.steps[style] .step { border-color:#D6E0E8 !important; }.steps[style] .step p,.form-row label span[style],.app-top span[style] { color:#4F5E73 !important; }.site-footer a[style] { color:#E2C690 !important; }
.eyebrow,.hero-note svg,.accordion-button .plus,.legend-dot--check,.enterprise-kicker,.enterprise-pricing span { color:#B67D22; }
.workflow-card { border-color:#071B36; box-shadow:12px 14px 0 rgba(7,27,54,.13); }.workflow-top,.mini-brand,.flow-file,.logo-strip p,.app-empty b,.result-data div,.result-data b { color:#071B36; }
.hero-stats { border-top-color:rgba(7,27,54,.28); }.hero-stat+.hero-stat { border-left-color:rgba(7,27,54,.2); }.hero-stat strong { color:#071B36; }.flow-file { border-color:#D6E0E8; }.flow-line { border-left-color:#B7C7D9; }.file-meta,.fact span,.direction-card span,.case-company,.case-card p,.case-foot,.accordion-panel p,.enterprise-mode small,.enterprise-panel>p,.enterprise-tier small,.enterprise-integrations span,.record-preview-head span,.record-preview-grid span,.record-preview-grid b,.sheet-title span:not(.sheet-dot),.table-legend { color:#4F5E73; }
.audience-card { border-color:#071B36; background:#FFFFFF; }.audience-label { background:#EAF1F8; color:#1D4E89; }.audience-card--enterprise .audience-label { background:#143C68; color:#E2C690; }.audience-card--enterprise p { color:#D9E4EF; }
.facts,.fact,.case-card,.case-foot,.accordion,.accordion-item { border-color:#D6E0E8; }.case-result { color:#B67D22; }.case-foot svg { color:#2E7D51; }
.subhero-aside { border-color:#6F8FB2; }.app-sidebar { background:#F5F7FA; border-color:#D6E0E8; }.app-top,.excel-toolbar { border-color:#D6E0E8; }.app-main,.record-preview-grid>div { background:#FFFFFF; }.app-metric,.jobs,.job,.app-record-preview { border-color:#D6E0E8; }.app-record-preview { background:#F7F9FC; }.record-preview-head { border-color:#D6E0E8; }.record-preview-head b,.enterprise-mode,.enterprise-tier b,.enterprise-mode b { color:#071B36; }.record-preview-head a { color:#1D4E89; }.record-preview-input { border-color:#E2C690 !important; background:#F8F0E3 !important; }.record-preview-input b { color:#805F2D; }
.signup-form-card { border-color:#D6E0E8; }.form-row input,.form-row textarea,.form-row select { border-color:#C5D0DA; }.steps-lite i:first-child { background:#B67D22; }.modal-backdrop { background:rgba(7,27,54,.62); }
.enterprise { background:#F5F7FA; border-top-color:#D6E0E8; }.enterprise-mode { border-color:#D6E0E8; background:#FFFFFF; }.enterprise-mode.is-active { border-color:#071B36; background:#071B36; color:#FFFFFF; }.enterprise-mode.is-active small { color:#C7D5E4; }.enterprise-status { border-color:#E2C690; color:#805F2D; }.enterprise-panel>p,.enterprise-tier small { color:#4F5E73; }.enterprise-points li,.enterprise-tier,.enterprise-integrations span { border-color:#D6E0E8; background:#FFFFFF; color:#071B36; }.enterprise-points li::before { color:#2E7D51; }.enterprise-pricing h2 { color:#FFFFFF; }.enterprise-pricing p { color:#D9E4EF; }
.price-card--featured .button--primary { background:#B67D22; border-color:#B67D22; color:#071B36; }
.table-scroll { background:#FFFFFF; scrollbar-color:#8DA6C0 #F1F5F8; }.declaration-table { background:#FFFFFF; color:#071B36; }.declaration-table th { border-right-color:#D6E0E8; border-bottom-color:#C5D0DA; background:#F1F5F8; color:#143C68; }.declaration-table td { background:#FFFFFF; color:#071B36; border-right-color:#E2EAF1; border-bottom-color:#DCE6EF; }.declaration-table tbody tr:hover td { background:#F8F0E3; }.declaration-table tbody tr.is-selected td { background:#EAF1F8; }.declaration-table th:first-child { background:#F1F5F8; }.declaration-table td b { color:#071B36; }.declaration-table td small { color:#687B91; }.cell-status--check { background:#F8F0E3; color:#805F2D; }.sheet-dot { background:#2E7D51; box-shadow:0 0 0 3px #E6F3EA; }.legend-dot--done { background:#2E7D51; }.legend-dot--check { background:#B67D22; }
.subhero h1,.topic-card--ink h3,.access-card--ink h2,.price-card--featured,.price-card--featured .price strong { color:#FFFFFF; }.video-placeholder-top span:last-child { color:#E2C690; }.feature-card--large .feature-icon { color:#B67D22; }
.brand span,.hero h1 em,.declaration-intro h1 em,.price-overline,.process-kicker,.topic-card>span,.resource-card>span,.enterprise-mode span,.enterprise-tier span,.eyebrow,.hero-note svg,.accordion-button .plus,.enterprise-kicker,.case-result,.feature-icon,.file-icon,.topic-card a:hover,.resource-card a:hover,.task-card a:hover { color:#8F6229; }.file-icon { background:#F8F0E3; }.process-step b { color:#8F6229; }.section--ink .step-number,.price-card--featured .process-step b,.enterprise-mode.is-active span,.announcement strong,.enterprise-pricing span { color:#B67D22; }.declaration-table td small { color:#4F5E73; }
.step-number { color:#8F6229; }

/* Inverse topic cards use one clear text colour: gold only marks the sequence number. */
.topic-card--ink p,
.topic-card--ink a,
.topic-card--ink a:hover { color:#FFFFFF; }
.topic-card--ink a { text-decoration-color:rgba(255,255,255,.72); }

/* The registry is the primary Platform surface; the workspace overview follows it. */
.platform-page main { display:flex; flex-direction:column; }
.platform-page main > section { order:10; }
.platform-page main > .declaration-surface { order:1; }
.platform-page main > .workspace { order:2; }
.platform-page main > .subhero { order:3; }

.registry-expand { display:flex; justify-content:center; padding:15px 18px; border-top:1px solid #D6E0E8; background:#FFFFFF; }
.registry-expand-button { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:42px; padding:10px 17px; border:1px solid #071B36; border-radius:8px; background:#FFFFFF; color:#071B36; font:inherit; font-size:.78rem; font-weight:800; transition:background .18s,border-color .18s,color .18s,transform .18s; }
.registry-expand-button:hover { border-color:#B67D22; background:#F8F0E3; transform:translateY(-1px); }
.registry-expand-button:focus-visible { outline:3px solid rgba(29,78,137,.25); outline-offset:3px; }
.registry-expand-button svg { width:16px; height:16px; color:#B67D22; transition:transform .18s ease; }
.registry-expand-button[aria-expanded="true"] svg { transform:rotate(180deg); }

/* Official lockup: it is a complete signature, so it is never cropped, stretched or rebuilt in text. */
.site-header .brand--logo { display:inline-flex; width:178px; height:66px; align-items:center; flex:0 0 178px; gap:0; }
.brand--logo .brand-logo { display:block; width:100%; height:100%; object-fit:contain; object-position:left center; }
/* The mark is dark navy. A compact white signature panel keeps the approved artwork legible on the navy footer. */
.site-footer .brand--logo-footer { display:inline-flex; width:188px; height:72px; align-items:center; padding:7px 9px; border:1px solid rgba(226,198,144,.54); border-radius:12px; background:#FFFFFF; overflow:hidden; }
.site-footer .brand--logo-footer .brand-logo { object-position:center; }
/* The same signature sits in the product mock at an interface-appropriate scale; the descriptor remains readable. */
.workspace-brand-logo { display:block; width:146px; height:52px; object-fit:contain; object-position:left center; }

/* Client strip: two verified cases, aligned as a compact pair rather than a sparse logo cloud. */
.logo-list { justify-content:flex-start; gap:clamp(56px,12vw,180px); }

/* Individual and Enterprise cards share the same geometry; Enterprise keeps a clear inverse contrast. */
.audience-card { min-height:330px; border-color:#071B36; background:#FFFFFF; }
.audience-card h3 { color:#071B36; }
.audience-card--enterprise { border-color:#071B36; background:#071B36; color:#FFFFFF; }
.audience-card--enterprise h3 { color:#FFFFFF; }
.audience-card--enterprise .audience-label { background:#143C68; color:#E2C690; }
.audience-card--enterprise p { color:#D9E4EF; }
.audience-card--enterprise .button--dark { background:#FFFFFF; border-color:#FFFFFF; color:#071B36; }
.audience-card--enterprise .button--dark:hover { background:#F8F0E3; border-color:#B67D22; color:#071B36; }

@media (max-width:720px) {
  .site-header .brand--logo { width:148px; height:56px; flex-basis:148px; }
  .site-footer .brand--logo-footer { width:174px; height:66px; }
  .workspace-brand-logo { width:130px; height:46px; }
}

/* Contrast safeguard: the dark feature variant must not inherit the light-card surface. */
.feature-card--large:not(.feature-card--queue) { background:#071B36; color:#FFFFFF; }
.feature-card--large h3 { color:#FFFFFF; }
.feature-card--large p { color:#D9E4EF; }
.feature-card:not(.feature-card--large) h3 { color:#071B36; }

/* Two-colour product-result card: navy surface and three white checks. */
.result-card { border:0; background:#071B36; box-shadow:none; color:#FFFFFF; }
.result-card .result-head,.result-card .result-name,.result-card .result-footer { color:#FFFFFF; }
.result-card .confidence { padding:0; background:transparent; color:#FFFFFF; }
.result-card .result-data { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; border:0; background:transparent; }
.result-card .result-data div { background:#FFFFFF; color:#071B36; }
.result-card .result-data small,.result-card .result-data b { color:#071B36; }
.result-card .result-footer svg { color:#FFFFFF; }
@media (max-width:560px) { .result-card .result-data { grid-template-columns:1fr; } }

/* Personal account: visual shell only. Identity, billing and access logic are connected separately. */
.account-page { background:#FFFFFF; }
.account-intro { padding:70px 0 58px; background:radial-gradient(circle at 82% 20%,rgba(182,125,34,.26),transparent 20%),linear-gradient(124deg,#071B36,#143C68); color:#FFFFFF; }
.account-intro-grid { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:58px; align-items:end; }
.account-intro .eyebrow { color:#E2C690; }
.account-intro h1 { max-width:720px; margin:17px 0 0; color:#FFFFFF; font-family:"Inter",Arial,sans-serif; font-size:clamp(2.7rem,5vw,4.65rem); font-weight:750; letter-spacing:-.075em; line-height:1; }
.account-intro p { max-width:710px; margin:20px 0 0; color:#D9E4EF; font-size:1rem; line-height:1.68; }
.account-intro-note { display:flex; gap:14px; align-items:flex-start; padding:21px; border:1px solid rgba(226,198,144,.48); border-radius:14px; background:rgba(255,255,255,.08); }
.account-note-icon { display:grid; width:28px; height:28px; flex:0 0 auto; place-items:center; border-radius:50%; background:#E2C690; color:#071B36; font-size:.84rem; font-weight:900; }
.account-intro-note b { display:block; color:#FFFFFF; font-size:.94rem; }
.account-intro-note p { margin:5px 0 0; color:#D9E4EF; font-size:.76rem; line-height:1.5; }
.account-section { padding:46px 0 90px; background:#F5F7FA; }
.account-shell { display:grid; overflow:hidden; grid-template-columns:236px minmax(0,1fr); border:1px solid #D6E0E8; border-radius:20px; background:#FFFFFF; box-shadow:0 20px 45px rgba(7,27,54,.09); }
.account-sidebar { display:flex; min-width:0; flex-direction:column; padding:25px 15px 18px; border-right:1px solid #D6E0E8; background:#F7F9FC; }
.account-person { display:flex; gap:11px; align-items:center; padding:0 8px 21px; border-bottom:1px solid #D6E0E8; }
.account-avatar { display:grid; width:39px; height:39px; flex:0 0 auto; place-items:center; border-radius:50%; background:#DCE9F7; color:#1D4E89; font-size:.74rem; font-weight:850; }
.account-person b,.account-person span { display:block; }
.account-person b { color:#071B36; font-size:.82rem; }
.account-person span { margin-top:3px; color:#4F5E73; font-size:.67rem; }
.account-nav { display:grid; gap:4px; margin-top:20px; }
.account-nav a { display:flex; gap:10px; align-items:center; padding:10px 9px; border-radius:8px; color:#4F5E73; font-size:.77rem; font-weight:750; }
.account-nav a span { display:grid; width:16px; place-items:center; color:#8AA0B6; font-size:.92rem; }
.account-nav a:hover { background:#EAF1F8; color:#071B36; }
.account-nav a.is-active { background:#EAF1F8; color:#1D4E89; }
.account-nav a.is-active span { color:#B67D22; }
.account-sidebar-foot { display:flex; gap:8px; align-items:center; margin-top:auto; padding:19px 8px 0; border-top:1px solid #D6E0E8; color:#4F5E73; font-size:.67rem; font-weight:700; }
.status-dot { display:inline-block; width:8px; height:8px; flex:0 0 auto; border-radius:50%; background:#2E7D51; box-shadow:0 0 0 3px #E6F3EA; }
.account-content { min-width:0; padding:36px; }
.account-heading { display:flex; justify-content:space-between; gap:24px; align-items:flex-start; }
.account-kicker,.account-panel-head>div>span { display:block; color:#8F6229; font-size:.65rem; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.account-heading h2 { margin:8px 0 0; color:#071B36; font-family:"Inter",Arial,sans-serif; font-size:clamp(1.8rem,3.2vw,2.8rem); letter-spacing:-.06em; line-height:1.02; }
.account-heading p { max-width:650px; margin:12px 0 0; color:#4F5E73; font-size:.87rem; line-height:1.58; }
.account-open-workspace { flex:0 0 auto; }
.account-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:29px; }
.account-summary article { min-width:0; padding:17px; border:1px solid #D6E0E8; border-radius:12px; background:#FFFFFF; }
.account-summary span,.account-summary small { display:block; color:#4F5E73; font-size:.66rem; font-weight:700; line-height:1.35; }
.account-summary b { display:block; margin-top:8px; color:#071B36; font-family:"Inter",Arial,sans-serif; font-size:1.14rem; letter-spacing:-.035em; }
.account-summary small { display:flex; gap:7px; align-items:center; margin-top:9px; color:#2E7D51; }
.account-summary small .status-dot { width:7px; height:7px; box-shadow:none; }
.account-grid { display:grid; grid-template-columns:1.14fr .86fr; gap:15px; margin-top:15px; }
.account-panel { min-width:0; padding:24px; border:1px solid #D6E0E8; border-radius:14px; background:#FFFFFF; }
.account-panel-head { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; }
.account-panel h3 { margin:8px 0 0; color:#071B36; font-family:"Inter",Arial,sans-serif; font-size:1.31rem; letter-spacing:-.045em; }
.account-panel>p { margin:13px 0 0; color:#4F5E73; font-size:.79rem; line-height:1.55; }
.account-quiet-action { min-height:32px; padding:7px 10px; border:1px solid #D6E0E8; border-radius:7px; background:#F7F9FC; color:#76879A; font:inherit; font-size:.66rem; font-weight:750; }
.account-form { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:20px; }
.account-form label { display:grid; gap:7px; color:#4F5E73; font-size:.67rem; font-weight:750; }
.account-form input { width:100%; min-height:43px; padding:10px 11px; border:1px solid #D6E0E8; border-radius:7px; background:#F7F9FC; color:#071B36; font:inherit; font-size:.76rem; }
.account-field-full { grid-column:1 / -1; }
.account-config-note { display:block; margin-top:14px; color:#687B91; font-size:.66rem; line-height:1.45; }
.account-panel--plan { background:linear-gradient(135deg,#071B36,#143C68); color:#FFFFFF; }
.account-panel--plan .account-panel-head>div>span { color:#E2C690; }
.account-panel--plan h3 { color:#FFFFFF; }
.account-panel--plan>p { color:#D9E4EF; }
.account-plan-pill { display:inline-flex; padding:6px 8px; border-radius:6px; background:rgba(226,198,144,.16); color:#E2C690; font-size:.64rem; font-weight:800; }
.account-plan-data { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:21px; }
.account-plan-data div { padding:12px; border:1px solid rgba(255,255,255,.16); border-radius:8px; background:rgba(255,255,255,.06); }
.account-plan-data b { display:block; color:#FFFFFF; font-family:"Inter",Arial,sans-serif; font-size:1.35rem; line-height:1; }
.account-plan-data span { display:block; margin-top:6px; color:#D9E4EF; font-size:.63rem; line-height:1.35; }
.account-plan-button { width:100%; margin-top:16px; background:#FFFFFF; border-color:#FFFFFF; color:#071B36; }
.account-plan-button:hover { background:#F8F0E3; border-color:#E2C690; color:#071B36; }
.account-settings-list { display:grid; gap:13px; margin-top:20px; }
.account-setting { display:flex; justify-content:space-between; gap:16px; align-items:center; }
.account-setting b,.account-setting small { display:block; }
.account-setting b { color:#071B36; font-size:.75rem; }
.account-setting small { max-width:315px; margin-top:4px; color:#4F5E73; font-size:.66rem; line-height:1.42; }
.account-setting input { position:absolute; opacity:0; pointer-events:none; }
.account-setting i { position:relative; width:34px; height:20px; flex:0 0 auto; border-radius:99px; background:#C5D0DA; }
.account-setting i::after { content:""; position:absolute; top:3px; left:3px; width:14px; height:14px; border-radius:50%; background:#FFFFFF; transition:transform .18s; }
.account-setting input:checked + i { background:#2E7D51; }
.account-setting input:checked + i::after { transform:translateX(14px); }
.account-panel--security { background:#F8F0E3; border-color:#E2C690; }
.account-security-badge { display:inline-flex; padding:6px 8px; border-radius:6px; background:#FFFFFF; color:#2E7D51; font-size:.64rem; font-weight:800; }
.account-security-row { display:flex; gap:11px; align-items:flex-start; margin-top:20px; padding-top:16px; border-top:1px solid rgba(182,125,34,.34); }
.account-security-icon { display:grid; width:28px; height:28px; flex:0 0 auto; place-items:center; border-radius:7px; background:#FFFFFF; color:#8F6229; font-size:1rem; font-weight:850; }
.account-security-row b,.account-security-row small { display:block; }
.account-security-row b { color:#071B36; font-size:.75rem; }
.account-security-row small { margin-top:4px; color:#4F5E73; font-size:.66rem; line-height:1.4; }
@media (max-width:980px) { .account-intro-grid { grid-template-columns:1fr; gap:28px; }.account-intro-note { max-width:520px; }.account-shell { grid-template-columns:1fr; }.account-sidebar { border-right:0; border-bottom:1px solid #D6E0E8; }.account-nav { grid-template-columns:repeat(5,minmax(0,1fr)); }.account-nav a { justify-content:center; padding:9px 5px; font-size:.65rem; text-align:center; }.account-nav a span { display:none; }.account-sidebar-foot { display:none; } }
@media (max-width:720px) { .account-intro { padding:51px 0 45px; }.account-section { padding:24px 0 55px; }.account-content { padding:23px 18px; }.account-heading { display:block; }.account-open-workspace { width:100%; margin-top:20px; }.account-summary,.account-grid,.account-form { grid-template-columns:1fr; }.account-nav { overflow:auto; grid-template-columns:repeat(5,120px); padding-bottom:2px; }.account-panel { padding:20px; }.account-field-full { grid-column:auto; }.account-intro h1 { font-size:clamp(2.35rem,12vw,3.3rem); } }

/* Practice FAQ: semantic, high-contrast answers for people and search systems. */
.geo-faq .section-heading { max-width:840px; }
.geo-faq-list { display:grid; gap:12px; max-width:960px; margin:34px auto 0; }
.geo-faq-item { overflow:hidden; border:1px solid #C9D7E5; border-radius:16px; background:#FFFFFF; color:#071B36; }
.geo-faq-item summary { position:relative; padding:20px 60px 20px 24px; color:#071B36; cursor:pointer; list-style:none; font-size:1.1rem; font-weight:750; line-height:1.35; }
.geo-faq-item summary::-webkit-details-marker { display:none; }
.geo-faq-item summary::after { content:"+"; position:absolute; top:50%; right:22px; display:grid; width:28px; height:28px; place-items:center; border-radius:50%; transform:translateY(-50%); background:#071B36; color:#FFFFFF; font-size:1.25rem; font-weight:500; line-height:1; }
.geo-faq-item[open] summary { background:#071B36; color:#FFFFFF; }
.geo-faq-item[open] summary::after { content:"−"; background:#B6812A; color:#FFFFFF; }
.geo-faq-item p { max-width:none; margin:0; padding:20px 24px 24px; color:#40536C; font-size:1rem; line-height:1.65; }
@media (max-width:560px) { .geo-faq-list { margin-top:25px; }.geo-faq-item summary { padding:18px 54px 18px 18px; font-size:1rem; }.geo-faq-item summary::after { right:16px; }.geo-faq-item p { padding:18px; font-size:.95rem; } }

/* Contrast and interaction pass: quiet UI remains readable, and every action gets a clear state. */
body::selection { background:#143C68; color:#FFFFFF; }

/* Small secondary actions used to look like disabled text on a pale surface. */
.account-quiet-action { border-color:#8DA6C0; background:#FFFFFF; color:#1D4E89; }
.account-quiet-action:hover,
.account-quiet-action:focus-visible { border-color:#071B36; background:#EAF1F8; color:#071B36; }

/* Supporting navigation, table hints and form placeholders meet the same readable text contrast. */
.account-nav a span,
.account-config-note,
.declaration-table td small,
.form-row input::placeholder,
.form-row textarea::placeholder { color:#4F5E73; opacity:1; }

/* The open FAQ control is gold on navy rather than white on gold. */
.geo-faq-item[open] summary::after { color:#071B36; }

/* A shared keyboard treatment makes links, buttons and expandable controls visibly actionable. */
a:focus-visible,
button:focus-visible,
summary:focus-visible { outline:3px solid #1D4E89; outline-offset:3px; }
.section--ink a:focus-visible,
.subhero a:focus-visible,
.site-footer a:focus-visible,
.audience-card--enterprise a:focus-visible,
.account-panel--plan button:focus-visible,
.geo-faq-item[open] summary:focus-visible { outline-color:#FFFFFF; box-shadow:0 0 0 6px #1D4E89; }
input:focus-visible,
select:focus-visible,
textarea:focus-visible { outline:0; border-color:#1D4E89; box-shadow:0 0 0 3px rgba(29,78,137,.28); }

.button,
.registry-expand-button,
.geo-faq-item summary,
.account-quiet-action { cursor:pointer; }

/* Personal cabinet: a separate product interface. Data, billing and access actions are connected by the account backend later. */
.cabinet-main { padding:32px 0 86px; background:#F5F7FA; }
.cabinet-shell { display:grid; overflow:hidden; grid-template-columns:254px minmax(0,1fr); min-height:960px; border:1px solid #C9D7E5; border-radius:22px; background:#FFFFFF; box-shadow:0 22px 52px rgba(7,27,54,.11); }
.cabinet-sidebar { display:flex; min-width:0; flex-direction:column; padding:18px 14px 16px; background:#071B36; }
.cabinet-brand { display:flex; align-items:center; width:192px; height:64px; margin:0 8px 24px; padding:6px 8px; border:1px solid rgba(226,198,144,.68); border-radius:12px; background:#FFFFFF; }
.cabinet-brand img { display:block; width:100%; height:100%; object-fit:contain; object-position:center; }
.cabinet-person { display:grid; grid-template-columns:40px minmax(0,1fr) 25px; gap:10px; align-items:center; padding:0 9px 20px; border-bottom:1px solid rgba(199,213,228,.22); }
.cabinet-avatar,.cabinet-member-avatar { display:grid; width:40px; height:40px; place-items:center; border-radius:50%; background:#DCE9F7; color:#1D4E89; font-size:.72rem; font-weight:850; }
.cabinet-person b,.cabinet-person span { display:block; }
.cabinet-person b { overflow:hidden; color:#FFFFFF; font-size:.79rem; text-overflow:ellipsis; white-space:nowrap; }
.cabinet-person span { margin-top:4px; color:#C7D5E4; font-size:.65rem; }
.cabinet-person button { width:25px; height:25px; padding:0; border:0; border-radius:5px; background:transparent; color:#C7D5E4; font:inherit; font-size:1rem; cursor:pointer; }
.cabinet-person button:hover { background:rgba(255,255,255,.1); color:#FFFFFF; }
.cabinet-nav { display:grid; gap:3px; margin-top:22px; }
.cabinet-nav p { margin:17px 9px 7px; color:#8DA6C0; font-size:.61rem; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.cabinet-nav p:first-child { margin-top:0; }
.cabinet-nav a { display:flex; gap:10px; align-items:center; min-height:40px; padding:9px 10px; border-radius:8px; color:#C7D5E4; font-size:.75rem; font-weight:750; }
.cabinet-nav a svg { width:17px; height:17px; flex:0 0 auto; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; }
.cabinet-nav a:hover { background:rgba(255,255,255,.09); color:#FFFFFF; }
.cabinet-nav a.is-active { background:#FFFFFF; color:#071B36; }
.cabinet-side-status { display:flex; gap:8px; align-items:center; margin-top:auto; padding:19px 9px 1px; border-top:1px solid rgba(199,213,228,.22); color:#C7D5E4; font-size:.66rem; font-weight:700; }
.cabinet-side-status .status-dot { width:7px; height:7px; box-shadow:0 0 0 3px rgba(46,125,81,.25); }
.cabinet-body { min-width:0; padding:0 34px 38px; background:#FFFFFF; }
.cabinet-appbar { display:flex; justify-content:space-between; gap:20px; align-items:center; min-height:76px; border-bottom:1px solid #D6E0E8; }
.cabinet-appbar p,.cabinet-appbar span { margin:0; color:#4F5E73; font-size:.68rem; font-weight:700; }
.cabinet-appbar p span { margin:0 5px; color:#8DA6C0; }
.cabinet-appbar>div { display:flex; gap:13px; align-items:center; }
.cabinet-appbar button { position:relative; display:grid; width:34px; height:34px; place-items:center; padding:0; border:1px solid #D6E0E8; border-radius:8px; background:#FFFFFF; color:#1D4E89; cursor:pointer; }
.cabinet-appbar button:hover { border-color:#1D4E89; background:#EAF1F8; }
.cabinet-appbar svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; }
.cabinet-appbar i { position:absolute; top:-5px; right:-5px; display:grid; width:16px; height:16px; place-items:center; border-radius:50%; background:#B67D22; color:#FFFFFF; font-size:.56rem; font-style:normal; font-weight:850; }
.cabinet-welcome { display:grid; grid-template-columns:minmax(0,1fr) 285px; gap:28px; align-items:stretch; padding:34px 0 24px; }
.cabinet-kicker,.cabinet-panel-head>div>span { display:block; color:#8F6229; font-size:.64rem; font-weight:850; letter-spacing:.105em; text-transform:uppercase; }
.cabinet-welcome h1 { margin:9px 0 0; color:#071B36; font-family:"Inter",Arial,sans-serif; font-size:clamp(2.1rem,3.6vw,3.25rem); letter-spacing:-.065em; line-height:1; }
.cabinet-welcome>div>p { max-width:590px; margin:14px 0 0; color:#4F5E73; font-size:.88rem; line-height:1.6; }
.cabinet-welcome>div>.button { margin-top:21px; }
.cabinet-access { padding:20px; border:1px solid #1D4E89; border-radius:14px; background:linear-gradient(145deg,#071B36,#143C68); }
.cabinet-access-top { display:flex; justify-content:space-between; gap:12px; align-items:center; }
.cabinet-access-top>span { color:#E2C690; font-size:.61rem; font-weight:850; letter-spacing:.09em; }
.cabinet-access-top b { display:flex; gap:7px; align-items:center; color:#FFFFFF; font-size:.68rem; }
.cabinet-access-top .status-dot { width:7px; height:7px; box-shadow:none; }
.cabinet-access strong { display:block; margin-top:25px; color:#FFFFFF; font-family:"Inter",Arial,sans-serif; font-size:1.28rem; letter-spacing:-.04em; }
.cabinet-access p { margin:7px 0 0; color:#D9E4EF; font-size:.69rem; line-height:1.45; }
.cabinet-access a { display:flex; justify-content:space-between; align-items:center; margin-top:22px; padding-top:13px; border-top:1px solid rgba(255,255,255,.19); color:#FFFFFF; font-size:.7rem; font-weight:800; }
.cabinet-access a span { color:#E2C690; font-size:1rem; }
.cabinet-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.cabinet-metrics article { display:flex; gap:12px; align-items:flex-start; min-width:0; padding:16px; border:1px solid #D6E0E8; border-radius:12px; background:#F9FBFD; }
.cabinet-metric-icon { display:grid; width:31px; height:31px; flex:0 0 auto; place-items:center; border-radius:8px; font-size:.9rem; font-weight:850; }
.cabinet-metric-icon--blue { background:#EAF1F8; color:#1D4E89; }.cabinet-metric-icon--gold { background:#F8F0E3; color:#8F6229; }.cabinet-metric-icon--green { background:#E6F3EA; color:#2E7D51; }
.cabinet-metrics small,.cabinet-metrics p { display:block; color:#4F5E73; font-size:.64rem; font-weight:700; line-height:1.35; }
.cabinet-metrics b { display:block; margin-top:4px; color:#071B36; font-family:"Inter",Arial,sans-serif; font-size:1.05rem; letter-spacing:-.035em; }
.cabinet-metrics p { margin:5px 0 0; color:#2E7D51; font-size:.61rem; }
.cabinet-layout { display:grid; grid-template-columns:1.12fr .88fr; gap:14px; margin-top:14px; }
.cabinet-panel { min-width:0; padding:22px; border:1px solid #D6E0E8; border-radius:14px; background:#FFFFFF; }
.cabinet-panel-head { display:flex; justify-content:space-between; gap:14px; align-items:flex-start; }
.cabinet-panel h2 { margin:7px 0 0; color:#071B36; font-family:"Inter",Arial,sans-serif; font-size:1.22rem; letter-spacing:-.045em; }
.cabinet-panel-head>a,.cabinet-panel-head>button { padding:0; border:0; background:transparent; color:#1D4E89; font:inherit; font-size:.67rem; font-weight:800; cursor:pointer; }
.cabinet-panel-head>a:hover,.cabinet-panel-head>button:not(:disabled):hover { color:#8F6229; }
.cabinet-panel-head>button:disabled { color:#8DA6C0; cursor:default; }
.cabinet-panel-lead { max-width:520px; margin:12px 0 0; color:#4F5E73; font-size:.75rem; line-height:1.55; }
.cabinet-workspace-row { display:flex; justify-content:space-between; gap:16px; align-items:center; margin-top:14px; padding:13px 0 0; border-top:1px solid #E3EAF1; }
.cabinet-workspace-row>div { display:flex; gap:10px; align-items:center; min-width:0; }
.cabinet-workspace-icon { display:grid; width:28px; height:28px; flex:0 0 auto; place-items:center; border-radius:7px; background:#EAF1F8; color:#1D4E89; font-size:.85rem; font-weight:850; }
.cabinet-workspace-row b,.cabinet-workspace-row small { display:block; }
.cabinet-workspace-row b { color:#071B36; font-size:.72rem; }
.cabinet-workspace-row small { margin-top:3px; color:#4F5E73; font-size:.62rem; line-height:1.35; }
.cabinet-ready,.cabinet-pending { padding:5px 7px; border-radius:5px; font-size:.58rem; font-weight:850; white-space:nowrap; }
.cabinet-ready { background:#E6F3EA; color:#2E7D51; }.cabinet-pending { background:#F8F0E3; color:#805F2D; }
.cabinet-panel--activity { background:#F9FBFD; }
.cabinet-activity-list { display:grid; gap:15px; margin:20px 0 0; padding:0; list-style:none; }
.cabinet-activity-list li { display:grid; grid-template-columns:26px minmax(0,1fr) auto; gap:9px; align-items:start; }
.cabinet-activity-icon { display:grid; width:24px; height:24px; place-items:center; border-radius:7px; font-size:.72rem; font-style:normal; font-weight:850; }
.cabinet-activity-icon--green { background:#E6F3EA; color:#2E7D51; }.cabinet-activity-icon--gold { background:#F8F0E3; color:#8F6229; }.cabinet-activity-icon--blue { background:#EAF1F8; color:#1D4E89; }
.cabinet-activity-list b,.cabinet-activity-list span { display:block; }
.cabinet-activity-list b { color:#071B36; font-size:.69rem; line-height:1.35; }.cabinet-activity-list span { margin-top:3px; color:#4F5E73; font-size:.61rem; line-height:1.38; }.cabinet-activity-list time { color:#687B91; font-size:.58rem; white-space:nowrap; }
.cabinet-members { display:grid; gap:9px; margin-top:19px; }
.cabinet-member { display:flex; gap:10px; align-items:center; padding:10px; border:1px solid #D6E0E8; border-radius:9px; }
.cabinet-member-avatar { width:30px; height:30px; font-size:.6rem; }
.cabinet-member b,.cabinet-member small { display:block; }.cabinet-member b { color:#071B36; font-size:.7rem; }.cabinet-member small { margin-top:3px; color:#4F5E73; font-size:.6rem; }.cabinet-role { margin-left:auto; color:#2E7D51; font-size:.59rem; font-weight:800; }.cabinet-member--placeholder { border-style:dashed; background:#F9FBFD; }.cabinet-member--placeholder .cabinet-member-avatar { background:#F8F0E3; color:#8F6229; }
.cabinet-panel-note { margin:13px 0 0; color:#687B91; font-size:.61rem; line-height:1.45; }
.cabinet-panel--billing { background:linear-gradient(145deg,#F8F0E3,#FFFFFF 62%); border-color:#E2C690; }
.cabinet-tag,.cabinet-secure { display:inline-flex; padding:5px 7px; border-radius:5px; background:#FFFFFF; font-size:.6rem; font-weight:850; }.cabinet-tag { color:#805F2D; }.cabinet-secure { color:#2E7D51; }
.cabinet-plan { display:flex; justify-content:space-between; gap:16px; align-items:flex-end; margin-top:19px; }.cabinet-plan small,.cabinet-plan span { display:block; color:#4F5E73; font-size:.62rem; line-height:1.42; }.cabinet-plan b { display:block; margin-top:5px; color:#071B36; font-family:"Inter",Arial,sans-serif; font-size:1.08rem; letter-spacing:-.04em; }.cabinet-plan span { max-width:260px; margin-top:6px; }.cabinet-plan .button { flex:0 0 auto; min-height:36px; padding:8px 10px; font-size:.65rem; }
.cabinet-invoices { display:grid; grid-template-columns:1fr auto; gap:3px 12px; margin-top:17px; padding-top:14px; border-top:1px solid rgba(182,125,34,.3); }.cabinet-invoices span { color:#071B36; font-size:.7rem; font-weight:800; }.cabinet-invoices small { color:#4F5E73; font-size:.6rem; }.cabinet-invoices b { grid-column:2; grid-row:1 / span 2; align-self:center; color:#687B91; font-size:.62rem; }
.cabinet-setting { display:flex; justify-content:space-between; gap:16px; align-items:center; margin-top:16px; padding-top:16px; border-top:1px solid #E3EAF1; cursor:pointer; }.cabinet-setting b,.cabinet-setting small { display:block; }.cabinet-setting b { color:#071B36; font-size:.71rem; }.cabinet-setting small { margin-top:4px; color:#4F5E73; font-size:.61rem; line-height:1.4; }.cabinet-setting input { position:absolute; opacity:0; }.cabinet-setting i { position:relative; width:35px; height:21px; flex:0 0 auto; border-radius:999px; background:#B9C7D5; transition:background .18s; }.cabinet-setting i::after { content:""; position:absolute; top:3px; left:3px; width:15px; height:15px; border-radius:50%; background:#FFFFFF; transition:transform .18s; }.cabinet-setting input:checked + i { background:#2E7D51; }.cabinet-setting input:checked + i::after { transform:translateX(14px); }.cabinet-setting input:focus-visible + i { outline:3px solid rgba(29,78,137,.34); outline-offset:3px; }
.cabinet-panel--security { background:#071B36; border-color:#071B36; }.cabinet-panel--security .cabinet-panel-head>div>span { color:#E2C690; }.cabinet-panel--security h2 { color:#FFFFFF; }.cabinet-security-item { display:flex; gap:10px; align-items:flex-start; margin-top:17px; padding-top:17px; border-top:1px solid rgba(199,213,228,.25); }.cabinet-security-item>span { display:grid; width:27px; height:27px; flex:0 0 auto; place-items:center; border-radius:7px; background:rgba(255,255,255,.12); color:#E2C690; font-size:.72rem; font-weight:850; }.cabinet-security-item b,.cabinet-security-item small { display:block; }.cabinet-security-item b { color:#FFFFFF; font-size:.7rem; }.cabinet-security-item small { margin-top:4px; color:#D9E4EF; font-size:.61rem; line-height:1.35; }.cabinet-panel--security>button { width:100%; min-height:36px; margin-top:18px; padding:8px 10px; border:1px solid #D6E0E8; border-radius:7px; background:transparent; color:#D9E4EF; font:inherit; font-size:.64rem; font-weight:800; }.cabinet-panel--security>button:disabled { opacity:.78; }
@media (max-width:1040px) { .cabinet-shell { grid-template-columns:214px minmax(0,1fr); }.cabinet-brand { width:172px; }.cabinet-body { padding:0 24px 30px; }.cabinet-welcome { grid-template-columns:1fr; }.cabinet-access { max-width:420px; }.cabinet-layout { grid-template-columns:1fr; }.cabinet-panel--activity { grid-column:auto; } }
@media (max-width:760px) { .cabinet-main { padding:16px 0 52px; }.cabinet-shell { grid-template-columns:1fr; 
border-radius:16px; }.cabinet-sidebar { padding:14px; }.cabinet-brand { width:180px; height:58px; margin:0 0 14px; }.cabinet-person { display:none; }.cabinet-nav { display:flex; overflow-x:auto; gap:7px; margin-top:0; padding-bottom:1px; }.cabinet-nav p { display:none; }.cabinet-nav a { flex:0 0 auto; min-height:37px; padding:8px 10px; border:1px solid rgba(199,213,228,.25); font-size:.67rem; }.cabinet-nav a svg { width:15px; height:15px; }.cabinet-side-status { display:none; }.cabinet-body { padding:0 17px 24px; }.cabinet-appbar { min-height:57px; }.cabinet-appbar>div>span { display:none; }.cabinet-welcome { gap:17px; padding:25px 0 20px; }.cabinet-welcome h1 { font-size:clamp(2rem,10vw,2.7rem); }.cabinet-metrics { grid-template-columns:1fr; }.cabinet-layout { gap:11px; margin-top:11px; }.cabinet-panel { padding:18px; }.cabinet-plan { align-items:flex-start; flex-direction:column; }.cabinet-plan .button { width:100%; }.cabinet-panel-head { gap:8px; }.cabinet-panel h2 { font-size:1.1rem; } }


/* Dark product interface override: kept last because gitlab.css is loaded after styles.css. */


/* Product interface visual system: dark graphite surfaces, gold accent, and supplied CODE RADAR brand art. */
:root {
  --ink: #f4f6fa;
  --ink-2: #c9d1de;
  --blue: #496b9a;
  --sky: #151d29;
  --orange: #d7a13d;
  --orange-soft: #302510;
  --mint: #54bf87;
  --paper: #111925;
  --canvas: #080d15;
  --muted: #9aa6ba;
  --line: #273448;
  --line-dark: #34445a;
  --shadow: 0 20px 45px rgba(0,0,0,.28);
  --radius: 18px;
  --radius-lg: 28px;
}
body { color: var(--ink); background: var(--canvas); font-family: "Inter", "Manrope", Arial, sans-serif; }
body::selection { background: var(--orange); color: #0b0f16; }
body::before { content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; background:radial-gradient(circle at 73% -12%, rgba(53,82,125,.20), transparent 38%),radial-gradient(circle at 8% 15%, rgba(215,161,61,.08), transparent 25%); }
a, button, input, textarea { font-family:inherit; }
.site-header { background:rgba(8,13,21,.92); border-bottom:1px solid var(--line); backdrop-filter:blur(18px); }
.announcement { background:#090e16; color:var(--muted); border-bottom:1px solid var(--line); }
.announcement strong { color:#f5f7fb; }
.announcement a, .eyebrow, .price-overline, .step-number, .enterprise-kicker { color:var(--orange); }
.header-inner { min-height:78px; }
.brand--logo .brand-logo { content:url("code-radar-eagle-logo.png"); display:block; width:166px; max-height:63px; height:auto; object-fit:contain; }
.brand--logo-footer .brand-logo { width:184px; max-height:70px; }
.main-nav a, .text-link { color:#c3ccda; }
.main-nav a:hover, .main-nav a[aria-current="page"], .text-link:hover { color:#fff; background:#162131; }
.button { border-color:var(--line); border-radius:14px; font-weight:700; }
.button--primary { background:linear-gradient(135deg,#e0ad49,#c78d2f); border-color:#e6b959; color:#121820; box-shadow:0 8px 20px rgba(213,159,57,.16); }
.button--primary:hover { background:#edbd61; box-shadow:0 12px 26px rgba(213,159,57,.23); }
.button--secondary, .button--quiet { background:#131c29; border-color:#2a384d; color:#f2f5fa; }
.button--secondary:hover, .button--quiet:hover { background:#1b2738; border-color:#c69236; }
.button--dark { background:#f1f4f8; color:#0b1018; border-color:#f1f4f8; }
.button--dark:hover { background:#fff; }
.nav-toggle:hover { background:#172232; }
.nav-toggle span { background:#eef2f7; }
.hero, .section--paper, .section--muted, .section--ink, .logo-strip, .video-section, .workspace, .signup, .enterprise { background:var(--canvas); color:var(--ink); }
.hero { padding:82px 0 76px; }
.hero h1, .section-title, .subhero h1, .declaration-intro h1, .workspace-heading h2, .video-copy h2, .cta h2, .enterprise-panel h3, .direction-card b, .topic-card h3, .resource-card h3, .task-card h3, .access-card h2, .audience-card h3, .feature-card h3, .case-card h3, .price-card h3, .accordion-button { color:#f4f6fa; font-family:"Inter","Manrope",Arial,sans-serif; }
.hero h1 em { color:var(--orange); }
.hero-copy, .section-lead, .hero-note, .hero-stat span, .feature-card p, .audience-card p, .case-card p, .price-intro, .per-item, .accordion-panel p, .topic-card p, .resource-card p, .task-card p, .access-card p, .enterprise-panel>p, .enterprise-mode small, .footer-description { color:var(--muted); }
.section--ink .section-lead, .section--ink .step p { color:#aeb9ca; }
.hero-stats, .facts, .accordion, .accordion-item { border-color:var(--line); }
.hero-stat + .hero-stat, .step + .step { border-color:var(--line); }
.hero-stat strong, .fact strong { color:#f8fafc; }
.eyebrow--light { color:#e9bb63; }
.workflow-card { min-height:536px; border:1px solid #2b3b51; background:linear-gradient(120deg, rgba(7,11,17,.86) 0%, rgba(9,14,22,.48) 55%, rgba(10,15,23,.18) 100%),url("code-radar-eagle-hero-hq.jpg") center / cover no-repeat; box-shadow:var(--shadow); }
.workflow-card::before { opacity:.28; background-image:linear-gradient(rgba(165,183,210,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(165,183,210,.18) 1px,transparent 1px); }
.workflow-top, .flow-file, .ai-process-head { color:#f5f7fb; }
.status-pill { background:rgba(215,161,61,.18); color:#f0c46c; border:1px solid rgba(215,161,61,.28); }
.flow-file { background:rgba(10,15,23,.72); border-color:#34435a; }
.file-icon { background:rgba(215,161,61,.16); color:#efb74e; }
.file-meta { color:#aeb8c7; }
.flow-line { background:linear-gradient(#61728d,#d7a13d); }
.ai-process { border-color:rgba(215,161,61,.62); background:rgba(13,20,31,.74); }
.ai-process-head svg { color:#e5b45c; }
.ai-bar { background:#2a394e; }.ai-bar span { background:linear-gradient(90deg,#c98e2e,#f0c664); }
.result-card { background:#131d2a; border:1px solid #324158; color:#f5f7fb; box-shadow:0 12px 26px rgba(0,0,0,.3); }
.result-head, .result-name { color:#aab6c7; }.result-data div { background:#1a2636; }.result-footer { color:#dfad4d; }
.confidence { background:#143426; color:#91dbaf; }
.logo-strip { position:relative; overflow:hidden; min-height:220px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:linear-gradient(90deg,rgba(8,13,21,.92) 0%,rgba(8,13,21,.56) 54%,rgba(8,13,21,.17) 100%),url("code-radar-mountain-slogan-hq.jpg") right center / auto 100% no-repeat,#0a1019; }
.logo-strip-inner { min-height:220px; align-items:flex-end; padding-bottom:32px; }
.logo-strip p { color:#d5deea; }.logo-word { color:#f0c05f; opacity:1; }
.audience-card, .feature-card, .case-card, .direction-card, .price-card, .topic-card, .resource-card, .task-card, .access-card, .app-shell, .app-metric, .jobs, .job, .process-board, .declaration-layout, .enterprise-mode { background:#121b28; color:#f3f6fb; border-color:#29394e; box-shadow:none; }
.audience-card--enterprise, .feature-card--large, .topic-card--ink, .access-card--ink, .price-card--featured, .enterprise-pricing { background:linear-gradient(145deg,#121c2a,#0b1018); border-color:#34445a; }
.audience-label, .audience-card--enterprise .audience-label { background:rgba(215,161,61,.14); color:#e7b95e; }
.feature-card--blue, .trial-band, .app-empty { background:#151f2d; border-color:#34445a; }
.feature-icon { background:#272112; color:#e2ad43; box-shadow:none; }
.feature-card--large .feature-icon { background:rgba(215,161,61,.16); color:#f0c46c; }
.direction-card:hover, .direction-card.is-selected, .direction-card[aria-pressed="true"] { background:#162132; border-color:#d7a13d; box-shadow:0 12px 24px rgba(0,0,0,.22); }
.direction-card span, .fact span, .case-company, .case-foot { color:#aab6c6; }.direction-card small { color:#efbd59; }.case-result, .price-overline, .popular { color:#e3af4b; }.case-foot { border-color:#304056; }
.trial-band { color:#f4f6fa; }.trial-band p { color:#aeb8c7; }.price-card { min-height:570px; }.price-card--featured { border-color:#d7a13d; box-shadow:0 16px 35px rgba(0,0,0,.24); }.popular { background:#d7a13d; color:#121820; }.price span,.features-list { color:#c5cfdd; }.price-line { background:#304055; }.check { color:#6fd0a0; }
.steps { border-color:#33445b; }.step::after { background:#d7a13d; }
.cta { border:1px solid #35455a; background:linear-gradient(120deg,#121d2b,#0b1018 62%,#241c0e); }
.video-placeholder { border-color:#35455a; background:linear-gradient(130deg,rgba(8,13,21,.90),rgba(18,27,40,.78)),url("code-radar-eagle-hero-hq.jpg") center / cover no-repeat; box-shadow:10px 10px 0 rgba(215,161,61,.78); }
.video-placeholder-main p,.video-placeholder-top,.video-placeholder-bottom { color:#d5deea; }.video-placeholder-bottom i { background:#d7a13d; }
.subhero, .declaration-inspector, .process-step.is-active, .workspace, .signup, .declaration-surface, .jobs-head, .job, .app-top, .app-side { background:#111a27; border-color:#34455d; }
.form-row input, .form-row textarea, .form-row select, .choice { background:#0f1723; color:#f2f5fa; border-color:#314158; }
.form-row input:focus,.form-row textarea:focus,.form-row select:focus,.choice[aria-pressed="true"] { border-color:#d7a13d; box-shadow:0 0 0 3px rgba(215,161,61,.13); }
.site-footer { position:relative; overflow:hidden; background:linear-gradient(90deg,rgba(8,13,21,.96) 0%,rgba(8,13,21,.78) 55%,rgba(8,13,21,.58) 100%),url("01_mountain_range.png") center bottom / cover no-repeat,#080d15; border-top:1px solid var(--line); }
.site-footer .brand-logo { content:url("code-radar-eagle-logo.png"); }.footer-col h3,.footer-bottom { color:#b9c4d2; }.footer-col a { color:#dbe2ec; }.footer-col a:hover { color:#e6b95e; }.footer-bottom { border-color:#2c3b50; }


/* Supplied product slogans remain visible as part of the brand artwork. */
.workflow-card { position:relative; overflow:hidden; }
.workflow-card::before { z-index:1; }
.workflow-card::after { content:"БОЛЬШЕ ЧЕМ КОДЫ\AБЫСТРЕЕ\AБЕЗОПАСНЕЕ\AЭФФЕКТИВНЕЕ"; white-space:pre-line; position:absolute; z-index:2; top:40px; right:34px; color:#f7f9fc; font:800 .72rem/1.7 "Inter",sans-serif; letter-spacing:.18em; text-align:right; text-shadow:0 2px 12px rgba(0,0,0,.65); pointer-events:none; }
.workflow-card > * { position:relative; z-index:3; }
.logo-strip::after { content:"ВИДИМ БОЛЬШЕ\AНАХОДИМ ТОЧНЕЕ"; white-space:pre-line; position:absolute; z-index:1; right:8%; bottom:25px; color:#fff; font:800 clamp(.75rem,1.4vw,1rem)/1.55 "Inter",sans-serif; letter-spacing:.1em; text-align:left; text-shadow:0 2px 12px rgba(0,0,0,.75); pointer-events:none; }
.logo-strip-inner { position:relative; z-index:2; }
@media (max-width:760px) { .workflow-card::after { top:24px; right:20px; font-size:.57rem; letter-spacing:.12em; } .logo-strip::after { right:5%; bottom:18px; font-size:.65rem; } }
/* First screen matches the dark CODE RADAR product interface. */
.hero { background:#080d15; }
.hero-grid { border-color:#2b3b51; background:radial-gradient(circle at 88% 12%,rgba(215,161,61,.18),transparent 25%),radial-gradient(circle at 22% 84%,rgba(48,90,148,.20),transparent 37%),linear-gradient(120deg,#111a27 0%,#0d1520 60%,#132944 100%); box-shadow:0 24px 60px rgba(0,0,0,.27); }
.hero h1 { color:#f4f6fa; }
.hero-copy,.hero-note,.hero-stat span { color:#aeb9c8; }
.hero-stats,.hero-stat + .hero-stat { border-color:#33445a; }
.hero-stat strong { color:#ffffff; }



/* Official transparent CODE RADAR lockup: one source of truth across every site surface. */
.brand--logo .brand-logo,.site-footer .brand-logo,.workspace-brand-logo,.cabinet-brand img { content:url("%D0%9E%D1%80%D0%B5%D0%BB_%D0%B8_%D0%BC%D0%B5%D1%82%D0%B0%D0%BB%D0%BB%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B8%CC%86_%D0%BB%D0%BE%D0%B3%D0%BE%D1%82%D0%B8%D0%BF_CODE_RADAR.png"); object-fit:contain; }
.site-footer .brand--logo-footer { padding:0; border:0; border-radius:0; background:transparent; overflow:visible; }
.site-footer .brand--logo-footer .brand-logo { object-position:left center; }
.brand-mark { background:transparent url("%D0%9E%D1%80%D0%B5%D0%BB_%D0%B8_%D0%BC%D0%B5%D1%82%D0%B0%D0%BB%D0%BB%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B8%CC%86_%D0%BB%D0%BE%D0%B3%D0%BE%D1%82%D0%B8%D0%BF_CODE_RADAR.png") center / contain no-repeat; }

/* Tariff unit price is a key comparison metric on every plan. */
.price-card .per-item { display:inline-flex; align-items:center; width:fit-content; margin-top:14px; padding:8px 11px; border:1px solid rgba(215,161,61,.58); border-radius:8px; background:rgba(215,161,61,.13); color:#f2c66c; font-size:.92rem; font-weight:850; letter-spacing:.005em; line-height:1.2; }
.price-card--featured .per-item { border-color:#e8bc5d; background:#e0ad49; color:#101722; }
@media (max-width:720px) { .price-card .per-item { margin-top:11px; padding:7px 10px; font-size:.86rem; } }

/* Enterprise infrastructure: supplied server specifications are visible and readable in the same product system. */
.footer-bottom { border-top:0; }
.enterprise-hardware-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:42px; }
.enterprise-hardware-card { min-width:0; padding:26px; border:1px solid #34455d; border-radius:16px; background:#121b28; color:#f4f6fa; }
.enterprise-hardware-card--featured { border-color:#d7a13d; box-shadow:0 0 0 1px rgba(215,161,61,.24),0 16px 35px rgba(0,0,0,.18); }
.enterprise-hardware-card>span { display:block; color:#d7a13d; font-size:.7rem; font-weight:850; letter-spacing:.1em; }
.enterprise-hardware-card h3 { margin:18px 0 0; color:#f4f6fa; font-size:1.4rem; letter-spacing:-.04em; }
.enterprise-hardware-card>p { min-height:2.8em; margin:7px 0 0; color:#aeb9c8; font-size:.8rem; line-height:1.4; }
.enterprise-hardware-card hr { margin:20px 0; border:0; border-top:1px solid #34455d; }
.enterprise-hardware-card strong,.enterprise-hardware-card>b { display:block; color:#f4f6fa; font-size:.87rem; line-height:1.45; }
.enterprise-hardware-card>b { margin-top:3px; color:#e9bb63; }
.enterprise-hardware-card ul { display:grid; gap:4px; margin:15px 0 19px; padding:0; color:#d5deea; font-size:.78rem; line-height:1.4; list-style:none; }
.enterprise-hardware-card li::before { content:"•"; margin-right:8px; color:#d7a13d; }
.enterprise-hardware-card small { display:block; min-height:5.2em; padding:12px; border-radius:9px; background:#1e2938; color:#c3ccda; font-size:.69rem; line-height:1.42; }
.enterprise-hardware-card small b { color:#f4f6fa; font-size:.67rem; }
.enterprise-infrastructure-note { max-width:900px; margin:28px 0 0; color:#aeb9c8; font-size:.9rem; line-height:1.65; }
@media (max-width:900px) { .enterprise-hardware-grid { grid-template-columns:1fr; } .enterprise-hardware-card>p { min-height:0; } .enterprise-hardware-card small { min-height:0; } }
@media (max-width:720px) { .enterprise-hardware-grid { gap:12px; margin-top:30px; } .enterprise-hardware-card { padding:21px; } .enterprise-infrastructure-note { font-size:.84rem; } }


/* Published interface corrections: white headers, readable type, and clean imagery. */
.workspace .app-top { background:#FFFFFF; border-color:#D6E0E8; color:#071B36; }
.workspace .app-top > span, .workspace .app-top .app-user { color:#071B36; }
.workspace .app-top .avatar { background:#EAF1F8; color:#1D4E89; }
.declaration-surface .process-board { background:#FFFFFF; border-color:#D6E0E8; color:#071B36; }
.declaration-surface .process-copy h3 { color:#071B36; }
.declaration-surface .process-copy p { color:#4F5E73; }
.declaration-surface .process-kicker { color:#8F6229; }
.declaration-surface .process-step,.declaration-surface .process-step.is-active { background:#FFFFFF; border-color:#D6E0E8; color:#071B36; }
.declaration-surface .process-step.is-active { border-color:#B67D22; box-shadow:inset 0 0 0 1px #B67D22; }
.declaration-surface .process-step b { color:#8F6229; }
.declaration-surface .process-step small,.declaration-surface .process-step.is-active small { color:#4F5E73; }
.declaration-surface .excel-toolbar { background:#FFFFFF; border-color:#D6E0E8; color:#071B36; }
.declaration-surface .sheet-title b { color:#071B36; }
.declaration-surface .sheet-title span:not(.sheet-dot),.declaration-surface .table-legend { color:#4F5E73; }
.workflow-card::after,.logo-strip::after { content:none; }
.feature-card h3,.feature-card--blue h3,.feature-card--large h3 { color:#F4F6FA !important; }
.feature-card p,.feature-card--blue p,.feature-card--large p { color:#D9E4EF !important; }


/* Use the supplied clean mountain image in the brand strip. */
.logo-strip {
    background:linear-gradient(90deg,rgba(8,13,21,.92) 0%,rgba(8,13,21,.56) 54%,rgba(8,13,21,.17) 100%),
        url("01_mountain_range.png") center / cover no-repeat,#0a1019;
}

}
/* Final clean image override. */
.logo-strip { background:linear-gradient(90deg,rgba(8,13,21,.92) 0%,rgba(8,13,21,.56) 54%,rgba(8,13,21,.17) 100%),url("01_mountain_range.png") center / cover no-repeat,#0a1019; }

/* White workspace panels always use dark headings. */
.workspace .app-page-title h2 { color:#071B36; }