:root{--ink:#142343;--blue:#004aac;--navy:#06173e;--muted:#65738b;--line:#dde6f3;--bg:#f4f7fc;--white:#fff;--accent:#1b74e8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}
.wrapper{width:min(1140px,calc(100% - 36px));margin-inline:auto}
a{color:var(--blue);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{text-decoration:none}
button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #fcba47;outline-offset:3px}
.skip{position:absolute;left:-10000px;top:6px;z-index:20;background:white;padding:10px}.skip:focus{left:10px}
.head{background:#040e2d;color:white}.head-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:78px;padding:12px 0}
.head img{width:177px;height:auto;display:block}.head nav{display:flex;flex-wrap:wrap;gap:clamp(12px,2vw,24px)}.head nav a{color:#e7efff;font-size:.88rem;font-weight:650;text-decoration:none}
.crumbs{font-size:.83rem;color:var(--muted);padding:24px 0 0}.crumbs a{color:#425c82}
.hero{margin:20px 0 22px;display:grid;grid-template-columns:1.3fr .7fr;gap:22px;align-items:center;border-radius:26px;overflow:hidden;background:linear-gradient(118deg,#051640 0%,#073974 67%,#0663b0);color:white;padding:clamp(23px,4vw,43px);box-shadow:0 16px 45px #10315b19}
.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.73rem;font-weight:850;color:#1476e7;margin:0 0 10px}.hero .eyebrow,.cta .eyebrow{color:#a6d2ff}
h1,h2,h3{line-height:1.2;letter-spacing:-.025em}h1{font-size:clamp(1.85rem,4vw,3rem);margin:0 0 14px}h1 span{color:#b9e1ff}h2{font-size:clamp(1.3rem,2vw,1.65rem);margin:0 0 10px}h3{font-size:1.07rem;margin:25px 0 12px}
.lead{max-width:68ch;color:#e4eeff;font-size:clamp(.94rem,1.7vw,1.06rem);margin:0 0 18px}.pills{display:flex;gap:8px;flex-wrap:wrap}.pills span{border:1px solid #ffffff52;border-radius:40px;padding:6px 11px;font-size:.73rem;background:#ffffff12}
.hero-visual{text-align:center}.demo-banner{position:relative;min-height:190px;display:grid;place-items:center;border:5px solid white;background:linear-gradient(145deg,#1c8fe8,#0a54ac 65%,#062962);border-radius:3px;box-shadow:0 14px 25px #00132f70;transform:rotate(-4deg)}
.demo-banner>span{font-size:clamp(1.3rem,3vw,2rem);font-weight:950;line-height:1.08;letter-spacing:-.02em}.demo-banner .dot{width:12px;height:12px;background:#eef3ff;border:3px solid #142a4f;border-radius:50%;position:absolute}
.tl{top:-6px;left:-6px}.tr{top:-6px;right:-6px}.bl{bottom:-6px;left:-6px}.br{bottom:-6px;right:-6px}.mt{top:-6px;left:50%}.mb{bottom:-6px;left:50%}
.hero-visual small{display:block;color:#c1d6fa;margin-top:16px;font-size:.7rem}
.dashboard{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:start;gap:18px}
.panel{background:white;border:1px solid var(--line);box-shadow:0 6px 22px #06224e08;border-radius:19px;padding:clamp(17px,2.7vw,28px);min-width:0;margin-bottom:18px}
.muted,.hint,.privacy,.panel small,.related{color:var(--muted)}.muted,.hint{font-size:.88rem}.privacy{font-size:.76rem;line-height:1.5;margin:18px 0 0}
fieldset{margin:21px 0 0;padding:0;border:0;min-width:0}legend{font-size:.95rem;font-weight:820;border-bottom:1px solid var(--line);padding:0 0 8px;width:100%;margin-bottom:14px}
.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px}
label{display:flex;flex-direction:column;font-size:.82rem;font-weight:750;gap:5px;min-width:0}label small{font-weight:400;font-size:.74rem}
input,select{width:100%;padding:11px 12px;border:1px solid #bdcde2;border-radius:10px;color:var(--ink);background:#fff;min-height:46px;box-shadow:inset 0 1px 2px #061b3808}input:hover,select:hover{border-color:#7aa8dd}
.actions{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 0}
.btn{border:0;cursor:pointer;min-height:45px;padding:11px 15px;border-radius:10px;font-weight:750;font-size:.85rem;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .12s,background .12s}
.btn:hover{transform:translateY(-1px)}.primary{background:var(--blue);color:white}.primary:hover{background:#003b91}
.subtle{background:#eaf2ff;color:#06499e}.ghost{background:white;color:#52657b;border:1px solid #d1dbe9}
.error{padding:12px 14px;background:#fff0ee;border:1px solid #f2a69e;color:#9d2e22;border-radius:10px;font-weight:700}
.empty{background:#f8fbff;border:2px dashed #cedcf0;border-radius:16px;padding:50px 20px;text-align:center;color:#57708c}.empty strong{display:block;color:var(--ink);font-size:1.02rem}.empty p{margin:9px auto 0;max-width:32ch;font-size:.86rem}.empty-icon{font-size:2.3rem;margin-bottom:15px}
.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.metric{background:#f4f8ff;border:1px solid #e2ebf8;padding:13px;border-radius:13px;min-width:0}.metric.featured{background:linear-gradient(130deg,#034da9,#0774d4);color:white;border-color:#0b69bc}
.metric span{display:block;font-size:.72rem;font-weight:650;line-height:1.4}.metric strong{display:block;font-size:clamp(1.12rem,2.5vw,1.65rem);line-height:1.3;margin-top:6px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.details{margin:0}.details>div{display:flex;gap:14px;justify-content:space-between;border-bottom:1px solid #edf1f7;padding:9px 0;font-size:.87rem}.details dt{color:#5d6d84;max-width:65%}.details dd{margin:0;font-weight:760;text-align:right;font-variant-numeric:tabular-nums}.details .strong{font-weight:800;background:#f6f9ff;padding-inline:8px;border-radius:7px}
.plan-figure{margin:0;padding:12px;border:1px solid var(--line);background:#f8fbff;border-radius:13px}
#diagram{display:block;width:100%;height:auto;max-height:355px}.plan-figure figcaption{font-size:.74rem;color:#667890;line-height:1.45}
.table-scroll{overflow:auto;max-height:400px;border-radius:10px;border:1px solid var(--line)}
table{border-collapse:collapse;width:100%;font-size:.81rem;text-align:left}th,td{padding:9px 12px;border-bottom:1px solid #e6ecf4;white-space:nowrap}th{position:sticky;top:0;background:#eaf2ff;color:#183f79;z-index:1}tbody tr:nth-child(even){background:#f8fbff}tbody td:first-child{font-weight:750}
.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.panel ol,.panel ul{padding-left:21px;color:#455673}.panel li{margin:9px 0;font-size:.92rem}
.faq details{border-bottom:1px solid var(--line);padding:12px 0}.faq summary{cursor:pointer;font-weight:720;line-height:1.5}.faq details p{color:#566780;font-size:.91rem;margin:10px 0}
.cta{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(120deg,#051a43,#115fbb);border-radius:20px;margin:16px 0 25px;padding:clamp(20px,3vw,32px);color:white}
.cta h2{font-size:clamp(1.3rem,2.7vw,1.8rem)}.cta p{margin-bottom:8px;color:#e6f1ff}.cta small{display:block;color:#c8dafa;font-size:.75rem;line-height:1.55;max-width:65ch}
.cta-btn{background:#fff;color:#064a9c;flex-shrink:0}.related{padding-bottom:30px;font-size:.84rem}
[hidden]{display:none!important}
@media(max-width:920px){.dashboard,.info-grid{grid-template-columns:1fr}.hero{grid-template-columns:1fr}.hero-visual{display:none}}
@media(max-width:560px){.wrapper{width:calc(100% - 24px)}.head-inner{align-items:flex-start;flex-direction:column;min-height:auto;gap:11px}.head img{width:150px}.head nav{gap:14px}.head nav a{font-size:.75rem}.crumbs{font-size:.74rem}.fields,.metrics{grid-template-columns:1fr}.hero{padding:24px 18px}.panel{padding:17px}.cta{display:block}.cta-btn{margin-top:18px;width:100%}.btn{width:100%}.details>div{font-size:.79rem}}
@media print{body{background:white}.head,.crumbs,.hero-visual,.skip,.no-print,.cta,.related,.privacy,.faq{display:none!important}.wrapper{width:100%}.hero{background:white!important;color:#111;box-shadow:none;border:0;padding:0}.hero h1,.hero h1 span,.hero .lead{color:#111}.dashboard,.info-grid{display:block}.panel{border:0;box-shadow:none;break-inside:avoid;padding:12px 0}#diagram{max-height:260px}.table-scroll{overflow:visible;max-height:none}.table-scroll th{position:static}#lona-form{display:none}.hero .pills{display:none}.ent-site-footer{display:none}}