:root{--navy:#142342;--ink:#222831;--blue:#2d388a;--electric:#00aeef;--sky:#8cddf6;--line:#dfe5eb;--muted:#5b6472}
body{background:#fff}
.preview{background:#f1f5f8;color:#5b6472}
.hero{background:radial-gradient(ellipse at 81% 48%,#243f59 0,#142342 43%,#101c32 100%)}
.hero:before{border-color:#00aeef2b;box-shadow:0 0 0 100px #00aeef07,0 0 0 220px #00aeef04}
.button{background:#2d388a;border-color:#2d388a}
.button:hover{background:#212c73}
.button.white{background:#fff;border-color:#fff}
.stage-card{border-color:#dfe5eb}
.stage .glow{background:#0c8cd235}
.stage-status{background:#e1f6ff;color:#142342}
.stage-note{color:#2d388a}
.journey-row.on .dot{background:#2d388a;border-color:#2d388a}
.range-row.active{background:#142342}
.statement{background:#f5f7fa}
.machine{background:#222831}
.machine-core{background:radial-gradient(circle at 48% 40%,#243f59,#142342)}
.machine-core .steps b{background:#203b57}
.report-sheet{background:#fff}
.report-head{background:#142342}
.close{background:linear-gradient(115deg,#2d388a,#0c8cd2)}

.mid-cta{padding:32px 0;background:#fff;border-top:1px solid #dfe5eb;border-bottom:1px solid #dfe5eb}
.mid-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}
.mid-cta p{font-size:23px;font-weight:600;letter-spacing:-.03em;line-height:1.25}
.mid-cta p span{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#2d388a;margin-bottom:9px}

.agent-work{background:#fff;padding:124px 0}
.agent-work-head{display:grid;grid-template-columns:1.1fr .7fr;gap:80px;align-items:end}
.agent-work h2{margin:15px 0 0}
.agent-work .lead{max-width:350px}
.agent-board{margin-top:55px;border:1px solid #dfe5eb;border-radius:18px;background:#fff;box-shadow:0 24px 70px #172f4a12;overflow:hidden}
.agent-board-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 25px;background:#142342;color:#fff;font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:700}
.agent-board-top span:last-child{color:#8cddf6}
.agent-rows{padding:7px 26px}
.agent-row{display:grid;grid-template-columns:150px 1fr 180px;gap:22px;align-items:center;padding:21px 2px;border-bottom:1px solid #e4eaf0}
.agent-row:last-child{border:0}
.agent-row .step{color:#2d388a;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.agent-row strong{font-size:19px;letter-spacing:-.025em}
.agent-row p{color:#5b6472;font-size:13px;line-height:1.5;margin-top:4px}
.agent-row .state{justify-self:end;display:inline-flex;align-items:center;gap:8px;color:#45627a;font-size:11px;font-weight:700}
.agent-row .state:before{content:'';height:7px;width:7px;border-radius:50%;background:#00aeef;box-shadow:0 0 0 4px #e0f5fd}
.agent-row.expert{background:#f0f7fb;margin:0 -26px;padding:22px 28px;border-left:3px solid #2d388a}
.agent-row.expert .state:before{background:#2d388a;box-shadow:0 0 0 4px #e6e9f8}
.agent-board .agent-row{opacity:.35;transform:translateY(7px);transition:opacity .55s,transform .55s}
.agent-board.visible .agent-row{opacity:1;transform:none}
.agent-board.visible .agent-row:nth-child(2){transition-delay:.12s}
.agent-board.visible .agent-row:nth-child(3){transition-delay:.24s}
.agent-board.visible .agent-row:nth-child(4){transition-delay:.36s}
.agent-board.visible .agent-row:nth-child(5){transition-delay:.48s}
.agent-board-foot{display:flex;justify-content:space-between;gap:20px;padding:18px 27px;background:#f6f9fb;border-top:1px solid #dfe5eb;font-size:12px;color:#5b6472}
.agent-board-foot b{color:#2d388a}

.workspace{background:#f5f7fa;padding:124px 0}
.workspace-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}
.workspace h2{margin:16px 0 22px}
.workspace .lead{max-width:395px}
.workspace .link{margin-top:28px}
.console{background:#fff;border:1px solid #dae1e8;border-radius:14px;box-shadow:0 26px 70px #1423421c;overflow:hidden;min-width:0}
.console-chrome{display:flex;align-items:center;gap:7px;padding:13px 17px;background:#142342;color:#b4cad7;font-size:11px}
.console-chrome i{width:7px;height:7px;border-radius:50%;background:#5b738b}
.console-chrome span{margin:auto}
.console-tabs{display:flex;gap:0;overflow:auto;border-bottom:1px solid #dfe5eb;background:#fff}
.console-tabs button{border:0;border-bottom:2px solid transparent;background:#fff;color:#607080;padding:14px 16px;white-space:nowrap;font-size:11px;font-weight:700;cursor:pointer}
.console-tabs button[aria-selected=true]{color:#2d388a;border-bottom-color:#00aeef}
.console-panel{display:none;min-height:350px;padding:25px 28px}
.console-panel.active{display:block;animation:panel-enter .55s ease}
.console-panel h3{font-size:22px;letter-spacing:-.03em;margin-bottom:5px}
.console-panel>p{font-size:12px;color:#667888;margin-bottom:23px}
.console-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}
.console-metrics div{padding:15px;border:1px solid #e1e8ef;border-radius:8px;background:#f8fafc}
.console-metrics strong{display:block;font-size:24px;color:#2d388a;line-height:1}
.console-metrics span{display:block;font-size:10px;color:#697b8b;margin-top:6px}
.console-line{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid #e3eaf0;font-size:12px}
.console-line b{font-weight:600}
.console-line em{font-style:normal;color:#2d388a;font-weight:700;text-align:right}
.console-timeline{border-left:1px solid #a8cadb;margin:14px 0 0 8px;padding:0 0 0 20px}
.console-timeline div{position:relative;margin-bottom:23px}
.console-timeline div:before{content:'';position:absolute;left:-26px;top:5px;width:9px;height:9px;background:#00aeef;border:2px solid #fff;box-shadow:0 0 0 2px #86cfe9;border-radius:50%}
.console-timeline b{display:block;font-size:13px}.console-timeline small{color:#627689;font-size:11px}
.console-note{margin-top:17px;padding:12px 14px;background:#eaf5fb;border-left:2px solid #00aeef;font-size:11px;color:#2d388a}
@keyframes panel-enter{from{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:none}}

.report{padding-bottom:65px}
.calculator{background:#fff;padding:0 0 125px}
.calculator-card{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;padding:48px;border:1px solid #dae4ea;border-radius:18px;background:linear-gradient(130deg,#f7fafc,#fff 70%);box-shadow:0 20px 60px #1b3a520e}
.calculator h3{font-size:37px;margin:14px 0 15px}
.calculator p{color:#5b6472;font-size:15px}
.calc-fields{display:grid;gap:24px}
.calc-field>span{display:block;color:#52667b;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;margin-bottom:11px}
.calc-options{display:flex;flex-wrap:wrap;gap:8px}
.calc-options button{border:1px solid #cad8e5;background:#fff;color:#263b4e;border-radius:7px;padding:10px 14px;font-size:12px;font-weight:700;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.calc-options button:hover{transform:translateY(-2px)}
.calc-options button[aria-pressed=true]{background:#2d388a;color:#fff;border-color:#2d388a}
.calc-selection{padding:18px 0;border-top:1px solid #dfe5eb;color:#455c6f;font-size:13px}
.calc-selection strong{color:#2d388a}
.calc-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.calc-actions .button{min-height:46px}
.calc-actions small{color:#677b8a;font-size:11px}

.trust{padding:120px 0;background:#fff}
.trust-intro{display:grid;grid-template-columns:1fr .75fr;gap:80px;align-items:end}
.trust h2{margin-top:17px}
.trust .lead{max-width:390px}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:55px}
.trust-grid article{border-top:2px solid #2d388a;padding-top:22px}
.trust-grid span{font-size:11px;color:#2d388a;letter-spacing:.11em;font-weight:700}
.trust-grid h3{margin:20px 0 13px;font-size:25px}
.trust-grid p{font-size:14px;color:#5b6472}

.faq{padding:115px 0;background:#f5f7fa}
.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}
.faq h2{margin-top:17px}
.faq-items{border-top:1px solid #cbd8e3}
.faq-items details{border-bottom:1px solid #cbd8e3;padding:20px 0}
.faq-items summary{list-style:none;cursor:pointer;font-size:18px;font-weight:600;line-height:1.25;display:flex;align-items:center;justify-content:space-between;gap:20px}
.faq-items summary::-webkit-details-marker{display:none}
.faq-items summary:after{content:'+';font-size:24px;font-weight:500;color:#2d388a}
.faq-items details[open] summary:after{content:'−'}
.faq-items p{margin-top:15px;font-size:14px;line-height:1.65;color:#5b6472;max-width:600px}

@media(max-width:760px){
 .mid-cta .wrap,.agent-work-head,.workspace-layout,.calculator-card,.trust-intro,.faq-layout{display:block}
 .mid-cta p{font-size:21px}.mid-cta .button{width:100%;margin-top:20px}
 .agent-work,.workspace,.trust,.faq{padding:78px 0}
 .agent-work .lead,.trust .lead{margin-top:20px}
 .agent-board{margin-top:35px}.agent-board-top{padding:14px 17px}
 .agent-rows{padding:4px 16px}.agent-row{grid-template-columns:1fr auto;gap:5px 12px;padding:17px 0}.agent-row .step{grid-column:1/-1}.agent-row strong{font-size:16px}.agent-row p{font-size:12px}.agent-row .state{font-size:9px;max-width:72px;text-align:right}.agent-row.expert{margin:0 -16px;padding:18px 16px}
 .agent-board-foot{display:block;padding:17px}.agent-board-foot b{display:block;margin-bottom:5px}
 .console{margin-top:35px}.console-panel{padding:22px 18px;min-height:355px}.console-tabs button{padding:12px 13px}.console-metrics{gap:5px}.console-metrics div{padding:9px}.console-metrics strong{font-size:19px}.console-metrics span{font-size:9px}
 .calculator{padding-bottom:80px}.calculator-card{padding:25px}.calculator h3{font-size:31px}.calc-fields{margin-top:30px}.calc-options button{flex:1;min-width:78px}.calc-actions .button{width:100%}
 .trust-grid{grid-template-columns:1fr;gap:28px;margin-top:40px}.trust-grid article{padding-top:18px}.trust-grid h3{margin:13px 0 7px}
 .faq-items{margin-top:36px}.faq-items summary{font-size:17px}
}
@media(prefers-reduced-motion:reduce){.console-panel.active{animation:none}}