/* buildcontrol — Page-specific styles. */
.cl-hero{background:linear-gradient(155deg,#0A2547 0%,#0E2E56 30%,#113967 60%,#1F58AE 100%);color:#fff;padding:52px 0 90px;position:relative;overflow:hidden}
.cl-hero:before{content:"";position:absolute;top:-120px;right:-60px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(45,107,200,.5),transparent 70%)}
.cl-hero:after{content:"";position:absolute;bottom:-140px;left:-70px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(45,107,200,.28),transparent 70%)}
.cl-dots{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1px);background-size:20px 20px;mask-image:linear-gradient(135deg,#000,transparent 60%);-webkit-mask-image:linear-gradient(135deg,#000,transparent 60%)}
.cl-hero .wrap{position:relative;z-index:1;max-width:900px;text-align:center;margin:0 auto;padding:0 20px}
.cl-badge{display:inline-flex;align-items:center;gap:7px;font-family:var(--f-header);font-weight:600;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#BFD4EE;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);padding:7px 15px;border-radius:9999px;margin-bottom:20px}
.cl-badge svg{width:14px;height:14px;fill:none;stroke:#9DBBE4;stroke-width:2}
.cl-hero h1{font-family:var(--f-header);font-weight:800;font-size:44px;letter-spacing:-.025em;margin:0 0 14px;line-height:1.1}
.cl-hero p{font-size:16.5px;color:#CDDCEF;margin:0 auto;max-width:520px;line-height:1.6}

.cl-body{background:var(--screen-bg-alt);padding:0 0 72px;min-height:50vh}
.cl-panel{max-width:900px;margin:-58px auto 0;position:relative;z-index:2;padding:0 20px}

.cl-crumb{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--n-500,#9AA3AD);margin:0 2px 18px}
.cl-crumb a{color:#1F58AE;text-decoration:none;font-weight:600}
.cl-crumb .sep{color:#C3CAD2}
.cl-crumb b{color:var(--navy-900,#0E2E56);font-weight:700}

.cl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
@media(max-width:640px){.cl-grid{grid-template-columns:1fr}}
.cl-card{display:flex;gap:16px;background:#fff;border:1px solid var(--n-150,#E8EBEF);border-radius:16px;padding:22px;text-decoration:none;cursor:pointer;transition:transform .16s,box-shadow .16s,border-color .16s;box-shadow:0 4px 14px rgba(17,57,103,.04)}
.cl-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(17,57,103,.12);border-color:#CFE0F6}
.cl-ic{width:50px;height:50px;border-radius:14px;flex:none;display:grid;place-items:center;background:linear-gradient(160deg,#EAF1FB,#DCE9F9);color:#1F58AE}
.cl-ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cl-ct b{display:block;font-family:var(--f-header);font-weight:700;font-size:16.5px;color:var(--navy-900,#0E2E56);margin-bottom:5px}
.cl-ct span{font-size:13px;color:var(--n-600,#5A6068);line-height:1.5}
.cl-ct .go{display:inline-flex;align-items:center;gap:5px;margin-top:10px;font-family:var(--f-header);font-weight:600;font-size:12.5px;color:#1F58AE}
.cl-ct .go svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}

/* calculator tool */
.cl-tool{max-width:680px}
.cl-panel.calc-open{max-width:680px;margin-top:32px}
.cl-panel.calc-open .cl-crumb{margin-top:0}
.cl-tool h2{font-family:var(--f-header);font-weight:700;font-size:27px;color:var(--navy-900,#0E2E56);margin:0 0 6px;letter-spacing:-.015em}
.cl-tool .lede{font-size:14.5px;color:var(--n-600,#5A6068);line-height:1.55;margin:0 0 24px}
.cl-form{background:#fff;border:1px solid var(--n-150,#E8EBEF);border-radius:16px;padding:26px;box-shadow:0 8px 26px rgba(17,57,103,.06)}
.cl-field{margin-bottom:16px}
.cl-field label{display:block;font-family:var(--f-header);font-weight:600;font-size:13.5px;color:var(--navy-900,#0E2E56);margin-bottom:7px}
.cl-inwrap{position:relative}
.cl-inwrap .pre{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--n-500,#9AA3AD);font-size:14.5px;font-weight:600}
.cl-field input,.cl-field select{width:100%;height:46px;border:1.5px solid var(--n-200,#D5D9DE);border-radius:10px;padding:0 14px;font-family:inherit;font-size:14.5px;color:#212121;outline:none;transition:border-color .16s;box-sizing:border-box;background:#fff}
.cl-field input.has-pre{padding-left:32px}
.cl-field input:focus,.cl-field select:focus{border-color:#2D6BC8}
.cl-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:520px){.cl-row{grid-template-columns:1fr}}
.cl-hint{font-size:12px;color:var(--n-500,#9AA3AD);margin-top:5px}
.cl-calc{width:100%;height:50px;border:none;border-radius:11px;background:linear-gradient(180deg,#2D6BC8,#1F58AE);color:#fff;font-family:var(--f-header);font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 6px 18px rgba(31,88,174,.28);transition:transform .16s;margin-top:6px}
.cl-calc:hover{transform:translateY(-2px)}
.cl-calc:active{transform:translateY(0)}

.cl-result{margin-top:22px;background:linear-gradient(160deg,#0A2547,#1F58AE);border-radius:14px;padding:24px;position:relative;overflow:hidden}
.cl-result:before{content:"";position:absolute;top:-40px;right:-24px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(45,107,200,.4),transparent 70%)}
.cl-result .rlab{position:relative;font-family:var(--f-header);font-weight:600;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#9DBBE4;margin-bottom:6px}
.cl-result .rbig{position:relative;font-family:var(--f-header);font-weight:800;font-size:36px;color:#fff;letter-spacing:-.02em;line-height:1.1}
.cl-result .rsub{position:relative;margin-top:16px;display:flex;flex-wrap:wrap;gap:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14)}
.cl-result .rsub div{color:#CDDCEF;font-size:13px}
.cl-result .rsub b{display:block;color:#fff;font-family:var(--f-header);font-weight:700;font-size:17px;margin-top:2px}
.cl-note{font-size:12px;color:var(--n-500,#9AA3AD);margin-top:16px;line-height:1.55}