{} *{} /*endBaseStyles*/
     


      #IE-warning {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: white;
      }
      .IE-warning-message {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
      }
    



 :root{ --navy:#062f3a; --navy-2:#0a4653; --teal:#0f6f73; --teal-2:#147f82; --mint:#e7f4f2; --cream:#fbf7ef; --gold:#c9a24d; --ink:#172026; --muted:#65727b; --line:#e6ecef; --white:#ffffff; --danger:#a33b2f; --success:#0f6f4d; --shadow:0 24px 80px rgba(5,31,39,.16); --soft-shadow:0 16px 50px rgba(5,31,39,.10); --radius:28px; --radius-sm:18px; } *{box-sizing:border-box} html{scroll-behavior:smooth} body{ margin:0; font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Arial, sans-serif; color:var(--ink); background: radial-gradient(circle at 14% 4%, rgba(201,162,77,.16), transparent 28rem), radial-gradient(circle at 90% 0%, rgba(15,111,115,.13), transparent 30rem), linear-gradient(180deg, #ffffff 0%, var(--cream) 58%, #ffffff 100%); line-height:1.5; } a{color:inherit} .shell{width:min(1160px, calc(100% - 36px)); margin-inline:auto} .topbar{ position:sticky; top:0; z-index:30; backdrop-filter:blur(16px); background:rgba(255,255,255,.76); border-bottom:1px solid rgba(230,236,239,.78); } .topbar-inner{display:flex; align-items:center; justify-content:space-between; padding:14px 0} .brand{display:flex; align-items:center; gap:12px; text-decoration:none} .mark{ width:42px; height:42px; border-radius:50%; display:grid; place-items:center; background:linear-gradient(135deg, var(--navy), var(--teal)); color:#fff; font-weight:800; letter-spacing:.03em; box-shadow:0 10px 25px rgba(6,47,58,.22); } .brand strong{display:block; font-size:15px; letter-spacing:.02em} .brand span{display:block; font-size:12px; color:var(--muted); margin-top:1px} .nav{display:flex; gap:18px; align-items:center; font-size:14px; color:#3d4b52} .nav a{text-decoration:none} .mini-cta{ display:inline-flex; align-items:center; justify-content:center; border:1px solid rgba(15,111,115,.22); color:var(--teal); padding:10px 14px; border-radius:999px; font-weight:700; background:#fff; box-shadow:0 8px 24px rgba(15,111,115,.08); } .hero{padding:66px 0 34px} .hero-grid{display:grid; grid-template-columns:1.02fr .98fr; gap:36px; align-items:start} .eyebrow{ display:inline-flex; align-items:center; gap:8px; color:var(--teal); background:rgba(231,244,242,.86); border:1px solid rgba(15,111,115,.12); border-radius:999px; padding:8px 12px; font-weight:800; font-size:13px; letter-spacing:.02em; } h1{font-size:clamp(40px, 6vw, 74px); line-height:.95; letter-spacing:-.055em; margin:20px 0 18px; color:var(--navy)} .hero p.lead{font-size:clamp(17px,2vw,21px); color:#43515a; max-width:660px; margin:0 0 24px} .hero-actions{display:flex; gap:12px; flex-wrap:wrap; margin:24px 0 26px} .btn{ border:0; cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:48px; padding:13px 18px; border-radius:999px; font-weight:850; transition:transform .18s ease, box-shadow .18s ease, background .18s ease; } .btn:hover{transform:translateY(-1px)} .btn-primary{background:linear-gradient(135deg, var(--navy), var(--teal)); color:#fff; box-shadow:0 14px 34px rgba(6,47,58,.24)} .btn-secondary{background:#fff; color:var(--navy); border:1px solid var(--line); box-shadow:0 12px 28px rgba(5,31,39,.08)} .proof{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; max-width:680px} .proof-card{ background:rgba(255,255,255,.72); border:1px solid rgba(230,236,239,.9); border-radius:18px; padding:14px; box-shadow:0 10px 26px rgba(5,31,39,.06) } .proof-card b{display:block; color:var(--navy); font-size:16px} .proof-card span{display:block; color:var(--muted); font-size:12px; margin-top:2px} .checker-card{ background:rgba(255,255,255,.86); border:1px solid rgba(230,236,239,.92); border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden; } .checker-head{ padding:24px 24px 18px; background:linear-gradient(135deg, rgba(6,47,58,.98), rgba(15,111,115,.94)); color:#fff; } .checker-head .kicker{font-size:12px; text-transform:uppercase; letter-spacing:.14em; color:rgba(255,255,255,.72); font-weight:900} .checker-head h2{margin:8px 0 7px; font-size:28px; line-height:1.06; letter-spacing:-.035em} .checker-head p{margin:0; color:rgba(255,255,255,.78); font-size:14px} .form{padding:22px 24px 24px} .field{margin-bottom:15px} .label-row{display:flex; align-items:flex-end; justify-content:space-between; gap:10px; margin-bottom:7px} label{font-weight:800; font-size:13px; color:#20313a} .hint{font-size:12px; color:var(--muted)} input, select, textarea{ width:100%; min-height:48px; border:1px solid #d9e4e7; background:#fff; border-radius:15px; padding:12px 13px; font:inherit; color:var(--ink); outline:none; transition:border-color .16s ease, box-shadow .16s ease; } input:focus, select:focus, textarea:focus{border-color:rgba(15,111,115,.55); box-shadow:0 0 0 4px rgba(15,111,115,.10)} .two{display:grid; grid-template-columns:1fr 1fr; gap:12px} .three{display:grid; grid-template-columns:1fr 1fr 1fr; gap:12px} .fineprint{font-size:12px; color:var(--muted); margin:10px 0 0} .status{ display:flex; align-items:center; gap:9px; border:1px solid var(--line); background:#fbfdfd; border-radius:16px; padding:12px; color:#43515a; font-size:13px; margin-bottom:16px; } .dot{width:9px; height:9px; border-radius:50%; background:var(--gold); box-shadow:0 0 0 5px rgba(201,162,77,.16)} .dot.ok{background:var(--success); box-shadow:0 0 0 5px rgba(15,111,77,.14)} .dot.err{background:var(--danger); box-shadow:0 0 0 5px rgba(163,59,47,.13)} .result-wrap{padding:34px 0 46px} .result-card{ display:grid; grid-template-columns:.92fr 1.08fr; gap:0; background:#fff; border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden; } .result-main{padding:28px; background:linear-gradient(180deg,#ffffff 0%, #f8fbfb 100%)} .result-side{padding:28px; border-left:1px solid var(--line); background:#fff} .badge{display:inline-flex; align-items:center; gap:8px; border-radius:999px; padding:8px 11px; font-size:12px; font-weight:900; background:var(--mint); color:var(--teal)} .value{font-size:clamp(42px,6vw,70px); line-height:1; letter-spacing:-.06em; color:var(--navy); margin:16px 0 8px; font-weight:900} .range{font-size:18px; color:#43515a; font-weight:750} .summary{margin:18px 0 0; color:#43515a} .numbers{display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:22px 0 0} .num-card{border:1px solid var(--line); border-radius:18px; padding:14px; background:#fff} .num-card span{display:block; font-size:12px; color:var(--muted); margin-bottom:5px} .num-card b{display:block; color:var(--navy); font-size:18px} .table-wrap{overflow:auto; margin-top:16px; border:1px solid var(--line); border-radius:18px} table{width:100%; border-collapse:collapse; min-width:620px; font-size:13px} th,td{text-align:left; padding:11px 12px; border-bottom:1px solid var(--line); white-space:nowrap} th{background:#f7faf9; color:#51616a; font-size:12px; text-transform:uppercase; letter-spacing:.06em} tr:last-child td{border-bottom:0} .reply-box{ margin-top:18px; border-radius:20px; padding:18px; background:linear-gradient(135deg, rgba(231,244,242,.92), rgba(251,247,239,.92)); border:1px solid rgba(15,111,115,.16); } .reply-box h3{margin:0 0 8px; color:var(--navy); font-size:18px} .reply-box p{margin:0; color:#43515a} .lead-form{margin-top:18px; display:grid; gap:11px} .section{padding:42px 0} .section-head{max-width:720px; margin-bottom:22px} .section-head h2{font-size:clamp(30px,4vw,48px); color:var(--navy); letter-spacing:-.04em; line-height:1.02; margin:0 0 12px} .section-head p{color:#4a5961; margin:0; font-size:17px} .cards{display:grid; grid-template-columns:repeat(3,1fr); gap:16px} .info-card{background:#fff; border:1px solid var(--line); border-radius:22px; padding:22px; box-shadow:var(--soft-shadow)} .info-card .icon{width:40px; height:40px; border-radius:14px; background:var(--mint); color:var(--teal); display:grid; place-items:center; font-weight:900; margin-bottom:14px} .info-card h3{margin:0 0 8px; color:var(--navy); font-size:19px} .info-card p{margin:0; color:var(--muted)} .cta-panel{ background:linear-gradient(135deg, var(--navy), var(--navy-2)); color:#fff; border-radius:var(--radius); padding:30px; overflow:hidden; position:relative; box-shadow:var(--shadow); } .cta-panel:after{content:""; position:absolute; right:-90px; top:-90px; width:250px; height:250px; border-radius:50%; background:rgba(201,162,77,.18)} .cta-panel h2{font-size:clamp(30px,4vw,48px); letter-spacing:-.04em; line-height:1.02; margin:0 0 12px; max-width:780px} .cta-panel p{color:rgba(255,255,255,.78); max-width:720px; margin:0 0 20px} footer{padding:26px 0 40px; color:var(--muted); font-size:13px} footer .foot{display:flex; justify-content:space-between; gap:16px; border-top:1px solid var(--line); padding-top:20px} .hidden{display:none!important} .error-text{color:var(--danger); font-weight:750; font-size:13px; margin-top:8px} .small-note{font-size:12px; color:var(--muted)} @media (max-width:900px){ .hero-grid,.result-card{grid-template-columns:1fr} .result-side{border-left:0; border-top:1px solid var(--line)} .proof,.cards{grid-template-columns:1fr} .nav a:not(.mini-cta){display:none} } @media (max-width:620px){ .shell{width:min(100% - 28px,1160px)} .hero{padding-top:42px} .two,.three,.numbers{grid-template-columns:1fr} .checker-head,.form,.result-main,.result-side{padding:20px} .topbar-inner{padding:11px 0} .brand span{display:none} .mini-cta{padding:9px 12px; font-size:13px} }