/* CAG PRO® & Vi Tính An Phát — Conversion Landing V13 · 2026-09-01 */
:root{
  --container:min(2080px,calc(100% - clamp(40px,5vw,160px)));
  --header-height:86px;
}

.v11-home{background:#fff;color:#0b1730}
.campaign-ribbon{min-height:38px;display:flex;align-items:center;justify-content:center;gap:14px;padding:8px clamp(18px,3vw,52px);background:linear-gradient(92deg,#8f0e18,#e21d2c 45%,#ff4a42);color:#fff;font-size:12px;letter-spacing:.015em;text-align:center}
.campaign-ribbon span{padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.17);font-size:10px;font-weight:950;letter-spacing:.12em;white-space:nowrap}
.campaign-ribbon b{font-weight:850}
.campaign-ribbon a{font-weight:950;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.55);white-space:nowrap}

.v11-home .site-header{top:0}
.v11-home .header-inner{grid-template-columns:300px minmax(0,1fr) auto;gap:clamp(20px,2vw,42px)}
.v11-home .brand{width:300px;min-width:300px;max-width:300px;padding-right:12px}
.v11-home .brand img{display:block;width:300px;max-width:none;height:auto;object-fit:contain;object-position:left center;clip-path:none}
.v11-home .main-nav{gap:clamp(16px,1.7vw,34px)}
.v11-home .main-nav a{font-size:clamp(12px,.76vw,15px)}
.v11-home .header-contact{min-width:0}
.v11-home .header-contact span{font-size:10px}
.v11-home .header-contact strong{font-size:13px}

.v11-hero{padding:clamp(48px,3.8vw,76px) 0 clamp(66px,5.8vw,116px);background:
 radial-gradient(circle at 8% 15%,rgba(238,45,52,.10),transparent 28%),
 radial-gradient(circle at 88% 12%,rgba(36,103,215,.12),transparent 32%),
 linear-gradient(180deg,#fbfdff 0%,#f6f9ff 65%,#fff 100%)}
.v11-hero .hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(520px,.82fr);gap:clamp(46px,5vw,104px);align-items:start}
.v11-hero .hero-copy{max-width:1050px;padding-top:2px}
.v11-hero h1{max-width:980px;font-size:clamp(50px,4.15vw,88px);line-height:.99;letter-spacing:-.058em}
.v11-hero .hero-lead{max-width:930px;font-size:clamp(17px,1.14vw,22px);line-height:1.72}
.v11-hero .hero-kicker{margin-top:20px}
.v11-hero .hero-offers{grid-template-columns:1fr 1fr;gap:14px;margin-top:30px;max-width:950px}
.v11-hero .offer-chip{min-height:150px;padding:22px 24px;border-radius:22px;box-shadow:0 14px 40px rgba(18,52,95,.08)}
.v11-hero .offer-chip strong{font-size:clamp(35px,2.25vw,48px)}
.v11-hero .offer-chip > span{font-size:11px;letter-spacing:.07em}
.limited-offer{position:relative;overflow:hidden}
.limited-offer::before{content:"ƯU TIÊN KHÁCH LÂU NĂM";position:absolute;top:0;right:0;padding:6px 11px;border-radius:0 0 0 12px;background:#be1521;color:#fff;font-size:8px;font-weight:950;letter-spacing:.08em}
.limited-badge{display:block;margin-top:8px;color:#8b1a24;font-size:10px;line-height:1.35}
.premium-trust{max-width:980px}
.premium-trust span{background:rgba(255,255,255,.75);border:1px solid rgba(203,215,232,.76);box-shadow:0 10px 30px rgba(17,49,91,.04)}

.premium-lead-panel{width:min(100%,760px);justify-self:end;border:1px solid rgba(201,213,232,.88);box-shadow:0 34px 90px rgba(8,35,77,.15);border-radius:32px;background:rgba(255,255,255,.95);backdrop-filter:blur(16px)}
.premium-lead-panel .panel-topline{padding-bottom:18px;margin-bottom:19px;border-bottom:1px solid #e8edf5}
.buyer-profile-switch{border:0;margin:0 0 17px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.buyer-profile-switch legend{grid-column:1/-1;margin-bottom:8px;color:#46546f;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.buyer-profile-switch label{position:relative;cursor:pointer}
.buyer-profile-switch input{position:absolute;opacity:0;pointer-events:none}
.buyer-profile-switch span{display:flex;align-items:center;justify-content:center;min-height:43px;padding:8px 10px;border:1px solid #dce5f1;border-radius:12px;background:#f8faff;color:#3b4962;font-size:12px;font-weight:850;text-align:center;transition:.18s ease}
.buyer-profile-switch input:checked + span{border-color:#1e5fc7;background:#eaf2ff;color:#0c3f8e;box-shadow:inset 0 0 0 1px #1e5fc7}
.premium-lead-panel .customer-switch{margin-top:2px}
.premium-lead-panel .quantity-block{margin-top:18px}
.premium-lead-panel .estimate-box{margin-top:14px}
.premium-lead-panel .estimate-gift{min-height:34px}
.project-smart-note{margin-top:15px;transition:.2s ease}
.project-smart-note.is-project{border-color:#efb945;background:linear-gradient(135deg,#fff8df,#fffdfa);box-shadow:0 9px 28px rgba(194,132,9,.09)}
.project-smart-note.is-project strong{color:#8b4a00}
.compact-form-grid{margin-top:16px}
.premium-lead-panel .form-disclaimer{margin-bottom:12px}
.premium-lead-panel .submit-button{min-height:58px}

.project-lane{position:relative;z-index:3;padding:0 0 26px;background:#fff}
.project-lane-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center;margin-top:-22px;padding:clamp(28px,2.3vw,46px) clamp(30px,3.4vw,70px);border-radius:26px;background:linear-gradient(110deg,#071a38,#0e3c74 56%,#1557a3);color:#fff;box-shadow:0 26px 70px rgba(7,28,65,.18)}
.project-lane h2{margin:7px 0 8px;max-width:1200px;font-size:clamp(25px,2vw,40px);letter-spacing:-.035em;line-height:1.1}
.project-lane p{margin:0;max-width:1120px;color:#ccdcf4;font-size:clamp(14px,.95vw,18px);line-height:1.65}
.project-kicker{color:#ff9ca2;font-size:11px;font-weight:950;letter-spacing:.13em}
.project-lane .button{white-space:nowrap}

.trust-compact{padding-top:clamp(70px,6vw,120px);padding-bottom:clamp(64px,5vw,105px)}
.proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.proof-card{display:flex;align-items:flex-start;gap:16px;padding:25px 22px;border:1px solid #e1e8f2;border-radius:20px;background:#fff;text-decoration:none;box-shadow:0 12px 34px rgba(13,44,87,.055);transition:.18s ease}
.proof-card:hover{transform:translateY(-3px);border-color:#c3d6f3;box-shadow:0 18px 48px rgba(13,44,87,.09)}
.proof-icon{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:14px;background:#edf4ff;color:#174d98;font-size:12px;font-weight:950}
.proof-card:nth-child(2) .proof-icon{background:#fff1f2;color:#c5212a}
.proof-card b{display:block;margin:2px 0 7px;color:#0d2040;font-size:15px;line-height:1.35}
.proof-card small{display:block;color:#6b7890;font-size:12px;line-height:1.55}

.outcome-section{background:#f7faff;border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6}
.outcome-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.outcome-grid article{position:relative;min-height:235px;padding:30px 28px;border:1px solid #e0e7f1;border-radius:24px;background:#fff;box-shadow:0 15px 40px rgba(17,48,88,.055)}
.outcome-grid article>span{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#0f376a;color:#fff;font-size:11px;font-weight:950}
.outcome-grid h3{margin:25px 0 10px;color:#0a1d3d;font-size:clamp(20px,1.4vw,27px)}
.outcome-grid p{margin:0;color:#69768c;font-size:14px;line-height:1.68}

.cagcheck-compact{overflow:hidden;padding:clamp(72px,6vw,125px) 0;background:linear-gradient(120deg,#071832 0%,#0b2f60 48%,#114f9a 100%)}
.cagcheck-compact-grid{display:grid;grid-template-columns:minmax(440px,.82fr) minmax(0,1.05fr);align-items:center;gap:clamp(48px,6vw,115px)}
.cagcheck-visual{position:relative}
.cagcheck-visual::before{content:"";position:absolute;inset:8% -5% -7% 8%;border-radius:42px;background:rgba(74,146,255,.16);filter:blur(25px)}
.cagcheck-visual img{position:relative;display:block;width:min(100%,780px);margin:auto;border-radius:30px;box-shadow:0 35px 90px rgba(0,0,0,.28)}
.cagcheck-compact .cagcheck-copy h2{color:#fff;font-size:clamp(38px,3.25vw,66px)}
.cagcheck-compact .cagcheck-copy>p{color:#cad9ef;font-size:clamp(16px,1.05vw,20px);line-height:1.72}
.premium-list{list-style:none;margin:27px 0 30px;padding:0;display:grid;gap:13px}
.premium-list li{position:relative;padding-left:30px;color:#dbe8fa;font-size:15px;line-height:1.6}
.premium-list li::before{content:"✓";position:absolute;left:0;top:1px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e8f3ff;color:#0c4da0;font-weight:950;font-size:11px}
.premium-list b{color:#fff}
.scope-note{margin-top:24px!important;padding:12px 15px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.06);font-size:12px!important;color:#aac2e3!important}

.explore-section{background:#fff}
.explore-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.explore-grid>a{position:relative;display:flex;min-height:285px;flex-direction:column;padding:31px;border:1px solid #dfe6f0;border-radius:25px;background:linear-gradient(145deg,#fff,#f8fbff);text-decoration:none;box-shadow:0 14px 40px rgba(12,39,77,.055);transition:.18s ease}
.explore-grid>a:hover{transform:translateY(-4px);border-color:#bdcfeb;box-shadow:0 22px 54px rgba(12,39,77,.095)}
.explore-grid>a>span{color:#d62630;font-size:10px;font-weight:950;letter-spacing:.13em}
.explore-grid h3{margin:19px 0 10px;color:#0a1d3d;font-size:clamp(24px,1.7vw,34px);letter-spacing:-.03em}
.explore-grid p{margin:0 0 25px;color:#6d798e;font-size:14px;line-height:1.68}
.explore-grid b{margin-top:auto;color:#15509a;font-size:13px}

.v11-final-cta{padding:0 0 clamp(70px,6vw,120px);background:#fff}
.v11-final-cta .final-cta-inner{border-radius:32px;background:linear-gradient(120deg,#b31420,#ef2931 53%,#ff514b);box-shadow:0 28px 75px rgba(173,24,34,.19)}
.v11-footer{background:#07152d}
.v11-footer a{text-decoration:none}
.v11-footer a:hover{text-decoration:underline}

/* Secondary pages */
.subpage-hero{padding:clamp(62px,5vw,105px) 0 clamp(50px,4.2vw,88px);background:linear-gradient(180deg,#f7faff,#fff);border-bottom:1px solid #e9eef5}
.subpage-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(350px,.65fr);align-items:center;gap:clamp(38px,5vw,90px)}
.subpage-hero h1{margin:10px 0 19px;color:#081a37;font-size:clamp(44px,4.2vw,82px);line-height:1.01;letter-spacing:-.055em}
.subpage-hero p{max-width:950px;margin:0;color:#647189;font-size:clamp(16px,1.05vw,20px);line-height:1.72}
.subpage-chip{display:inline-flex;padding:7px 11px;border-radius:999px;background:#eaf2ff;color:#124b99;font-size:10px;font-weight:950;letter-spacing:.11em}
.subpage-nav-card{padding:25px;border:1px solid #dfe6f0;border-radius:22px;background:#fff;box-shadow:0 18px 50px rgba(11,41,83,.08)}
.subpage-nav-card b{display:block;color:#0b2550;font-size:13px;margin-bottom:12px}
.subpage-nav-card a{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid #edf1f6;color:#51617b;text-decoration:none;font-size:13px;font-weight:780}
.subpage-nav-card a:hover{color:#174f99}
.content-section{padding:clamp(68px,5.8vw,118px) 0}
.content-section.alt{background:#f7faff;border-block:1px solid #edf1f6}
.content-wrap{max-width:1420px;margin-inline:auto}
.content-wrap h2{margin:0 0 20px;color:#0a1d3d;font-size:clamp(31px,2.7vw,54px);letter-spacing:-.04em}
.content-wrap>p{max-width:1100px;color:#67758b;font-size:16px;line-height:1.75}
.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}
.info-card{padding:27px;border:1px solid #e0e7f1;border-radius:22px;background:#fff;box-shadow:0 13px 38px rgba(13,44,87,.05)}
.info-card h3{margin:0 0 11px;color:#0b2b59;font-size:20px}
.info-card p,.info-card li{color:#68758b;font-size:14px;line-height:1.68}
.info-card ul{padding-left:20px;margin:12px 0 0}
.big-visual{margin-top:32px;padding:12px;border:1px solid #e0e7f1;border-radius:26px;background:#fff;box-shadow:0 20px 60px rgba(12,40,81,.08)}
.big-visual img{display:block;width:100%;border-radius:18px}
.disclaimer-box{margin-top:30px;padding:24px 26px;border:1px solid #ead9ad;border-radius:18px;background:#fffaf0;color:#6d5526;font-size:13px;line-height:1.7}
.disclaimer-box strong{color:#533c12}
.legal-scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:32px}
.legal-scope-card{padding:28px;border:1px solid #dfe7f2;border-radius:22px;background:#fff}
.legal-scope-card h3{margin:0 0 12px;color:#0a2d5f;font-size:22px}
.legal-scope-card p,.legal-scope-card li{color:#69768c;font-size:14px;line-height:1.72}
.legal-scope-card ul{padding-left:20px}
.legal-scope-card.warning{border-color:#efcccd;background:#fff8f8}
.legal-scope-card.warning h3{color:#a51e27}
.inline-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:38px;padding:26px 29px;border-radius:20px;background:#0b2854;color:#fff}
.inline-cta p{margin:0;color:#c8d9f0;line-height:1.6}
.inline-cta .button{white-space:nowrap}

@media (min-width:2200px){
  :root{--header-height:92px}
  .brand img{width:280px}
  .v11-home .site-header{height:92px}
  .v11-hero .hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(620px,.75fr)}
  .premium-lead-panel{width:min(100%,820px);padding:38px}
  .buyer-profile-switch span,.customer-switch span{font-size:14px}
  .field>span,.quantity-block>label{font-size:13px}
  .field input,.field select,.field textarea{font-size:15px}
  .proof-card{min-height:142px}
  .outcome-grid article{min-height:260px}
}


@media (max-width:1750px) and (min-width:1351px){
  .v11-home .header-inner{grid-template-columns:272px minmax(0,1fr) auto;gap:20px}
  .v11-home .brand{width:272px;min-width:272px;max-width:272px}
  .v11-home .brand img{width:272px}
}

@media (max-width:1350px){
  :root{--container:min(1180px,calc(100% - 42px))}
  .v11-home .header-inner{grid-template-columns:232px minmax(0,1fr) auto}
  .v11-home .brand{width:232px;min-width:232px;max-width:232px}
  .v11-home .brand img{width:232px}
  .v11-hero .hero-grid{grid-template-columns:minmax(0,1fr) minmax(480px,.86fr);gap:42px}
  .v11-home .header-contact{display:none}
  .proof-grid,.outcome-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:1100px){
  .campaign-ribbon{padding-right:72px}
  .v11-home .header-inner{grid-template-columns:auto 1fr auto;gap:16px}
  .v11-home .brand{width:196px;min-width:196px;max-width:196px;padding-right:8px}
  .v11-home .brand img{width:196px}
  .v11-hero .hero-grid,.cagcheck-compact-grid,.subpage-hero-grid{grid-template-columns:1fr}
  .v11-hero .hero-copy{max-width:none}
  .premium-lead-panel{justify-self:stretch;width:100%;max-width:780px;margin-inline:auto}
  .project-lane-inner{grid-template-columns:1fr}
  .project-lane .button{justify-self:start}
  .explore-grid,.info-grid{grid-template-columns:1fr 1fr}
  .cagcheck-visual{order:2}
  .cagcheck-copy{order:1}
}

@media (max-width:820px){
  :root{--container:calc(100% - 28px);--header-height:62px}
  body.v11-home{padding-bottom:76px}
  .campaign-ribbon{min-height:44px;display:grid;grid-template-columns:auto 1fr;padding:7px 13px;gap:5px 8px;text-align:left}
  .campaign-ribbon span{grid-row:1/3;align-self:center;font-size:8px}
  .campaign-ribbon b{font-size:10px;line-height:1.25}
  .campaign-ribbon a{font-size:10px}
  .v11-home .site-header{height:62px}
  .v11-home .brand{width:188px;min-width:188px;max-width:188px;padding-right:6px}
  .v11-home .brand img{width:188px}
  .v11-home .header-actions{display:none}
  .mobile-tabs{top:62px}
  .v11-hero{padding:44px 0 55px}
  .v11-hero .hero-grid{gap:34px}
  .v11-hero .hero-copy{padding-top:0}
  .v11-hero h1{font-size:clamp(40px,11.7vw,58px);line-height:1.01}
  .v11-hero .hero-lead{font-size:16px;line-height:1.65}
  .v11-hero .hero-offers{grid-template-columns:1fr;gap:10px}
  .v11-hero .offer-chip{min-height:123px;padding:19px 20px}
  .v11-hero .hero-actions{display:grid;grid-template-columns:1fr}
  .premium-trust{grid-template-columns:1fr 1fr;gap:8px}
  .premium-trust span{padding:10px 9px;font-size:10px}
  .premium-lead-panel{padding:19px 16px;border-radius:24px}
  .buyer-profile-switch{gap:6px}
  .buyer-profile-switch span{min-height:42px;font-size:10px;padding:7px 5px}
  .customer-switch{gap:7px}
  .customer-switch span{padding-inline:8px;font-size:10px}
  .estimate-box strong{font-size:19px}
  .compact-form-grid{grid-template-columns:1fr}
  .project-lane{padding-bottom:10px}
  .project-lane-inner{margin-top:0;padding:26px 21px;border-radius:22px;gap:22px}
  .project-lane h2{font-size:26px}
  .proof-grid,.outcome-grid,.explore-grid,.info-grid,.legal-scope-grid{grid-template-columns:1fr}
  .trust-compact,.outcome-section,.explore-section{padding-block:68px}
  .outcome-grid article{min-height:0}
  .cagcheck-compact{padding-block:70px}
  .cagcheck-compact-grid{gap:38px}
  .cagcheck-compact .cagcheck-copy h2{font-size:38px}
  .cagcheck-compact .hero-actions{display:grid;grid-template-columns:1fr}
  .explore-grid>a{min-height:230px}
  .faq-grid{grid-template-columns:1fr}
  .v11-final-cta{padding-bottom:25px}
  .v11-final-cta .final-cta-inner{border-radius:23px}
  .final-cta-actions{width:100%}
  .subpage-hero{padding:48px 0 46px}
  .subpage-hero h1{font-size:42px}
  .subpage-nav-card{display:none}
  .content-section{padding-block:64px}
  .inline-cta{align-items:flex-start;flex-direction:column}
}

@media (max-width:470px){
  :root{--container:calc(100% - 22px)}
  .v11-home .brand{width:174px;min-width:174px;max-width:174px;padding-right:5px}
  .v11-home .brand img{width:174px}
  .campaign-ribbon span{max-width:87px;white-space:normal;text-align:center}
  .v11-hero h1{font-size:39px}
  .premium-trust{grid-template-columns:1fr}
  .buyer-profile-switch{grid-template-columns:1fr 1fr}
  .premium-lead-panel .customer-switch{grid-template-columns:1fr}
  .estimate-box{grid-template-columns:1fr 1fr}
  .project-smart-note{padding:13px}
  .form-contact-shortcuts{grid-template-columns:1fr}
}


/* V12 — nội dung form thân thiện hơn, CTA mobile giữ phong cách bản cũ nhưng gọn hơn */
.form-response-note{
  margin:10px 0 0;
  padding:11px 13px;
  border:1px solid #cfe1f8;
  border-radius:13px;
  background:#f4f9ff;
  color:#49617f;
  font-size:11.5px;
  line-height:1.58;
}
.form-response-note b{color:#0f4d99}

@media (max-width:820px){
  .mobile-action-bar{
    min-height:64px;
    padding:4px;
    gap:3px;
  }
  .mobile-action-bar a,
  .mobile-action-bar a + a{
    grid-template-columns:26px minmax(0,1fr);
    column-gap:5px;
    padding:5px 4px;
    border-radius:11px;
  }
  .mobile-action-bar i{
    width:26px;
    height:26px;
    border-radius:8px;
    font-size:12px;
  }
  .mobile-action-bar span{font-size:7.6px}
  .mobile-action-bar b{font-size:9.5px}
  .form-response-note{font-size:10.5px;padding:10px 11px}
}

/* =========================================================
   V15 — MEMBER offer flow + full-room quote UX
   ========================================================= */
.member-offer-card{margin-top:30px;max-width:950px;border:1px solid #d9e5f5;border-radius:28px;background:linear-gradient(135deg,#fff 0%,#f7faff 55%,#fff7f7 100%);box-shadow:0 22px 60px rgba(15,48,95,.10);overflow:hidden}
.member-offer-intro{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);gap:26px;align-items:end;padding:24px 26px 18px;border-bottom:1px solid #e7eef8}
.member-kicker{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#0b2b59;color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em}
.member-offer-intro h2{margin:10px 0 0;font-size:clamp(23px,1.6vw,31px);line-height:1.18;color:#081a37}
.member-offer-intro p{margin:0;color:#62718a;font-size:13px;line-height:1.7}
.member-offer-options{display:grid;grid-template-columns:1fr 1fr;gap:0}
.member-offer-option{appearance:none;border:0;background:transparent;padding:23px 26px 25px;text-align:left;cursor:pointer;min-height:192px;display:flex;flex-direction:column;align-items:flex-start;position:relative;transition:.22s ease}
.member-offer-option+ .member-offer-option{border-left:1px solid #e2e9f4}
.member-offer-option:hover{background:rgba(36,103,215,.035)}
.member-offer-option.is-selected{box-shadow:inset 0 -4px 0 #2467d7;background:rgba(36,103,215,.055)}
.member-offer-primary.is-selected{box-shadow:inset 0 -4px 0 #ed2d34;background:linear-gradient(180deg,#fff 0%,#fff6f6 100%)}
.member-badge{display:inline-flex;align-items:center;min-height:27px;padding:0 10px;border-radius:999px;background:#ffe5e6;color:#c51f27;font-size:10px;font-weight:900;letter-spacing:.06em}
.member-badge-soft{background:#eaf2ff;color:#164f9f}
.member-offer-option strong{display:flex;align-items:baseline;gap:8px;margin-top:11px;color:#071a39;font-size:clamp(38px,2.5vw,51px);line-height:1;font-weight:950}
.member-offer-primary strong{color:#e9242d}
.member-offer-option strong small{font-size:12px;color:#75839a;font-weight:800}
.member-offer-option>b{margin-top:11px;font-size:13px;line-height:1.45;color:#182d4f}
.member-offer-option>small{margin-top:8px;color:#6f7f96;font-size:11.5px;line-height:1.55}
.member-gift{display:inline-flex;padding:7px 10px;border-radius:10px;background:#0b2b59;color:#fff!important;letter-spacing:.02em}
.member-offer-footer{display:flex;flex-wrap:wrap;gap:10px 18px;padding:13px 24px 15px;background:#071a39;color:#dbe8fb;font-size:10.5px;font-weight:750}
.quote-rule-note{margin:0 0 17px;padding:12px 14px;border:1px solid #dbe7f7;border-radius:14px;background:#f7faff;color:#586a84;font-size:11.5px;line-height:1.6}
.quote-rule-note strong,.quote-rule-note b{color:#112b51}
.quote-quantity-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.75fr);gap:14px;align-items:end;margin-top:18px}
.quote-quantity-row .quantity-block{margin-top:0!important}
.branch-count-field{display:flex;flex-direction:column;gap:7px;color:#314764;font-size:11px;font-weight:900}
.branch-count-field input{width:100%;height:48px;border:1px solid #d5dfed;border-radius:13px;background:#fff;padding:0 14px;color:#10294c;font:800 15px/1 inherit;outline:0}
.branch-count-field input:focus{border-color:#2467d7;box-shadow:0 0 0 3px rgba(36,103,215,.10)}
.branch-count-field small{font-size:9.5px;line-height:1.35;color:#8794a8;font-weight:650}
.quote-estimate-box{display:block!important;padding:0!important;overflow:hidden;background:#0a2b59!important}
.quote-estimate-box>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 16px;border-bottom:1px solid rgba(255,255,255,.11)}
.quote-estimate-box>div:last-child{border-bottom:0}
.quote-estimate-box span{color:#c9d8ec;font-size:10.5px;font-weight:700}
.quote-estimate-box span b{color:#fff}
.quote-estimate-box strong{color:#fff;font-size:13px;text-align:right}
.quote-estimate-box .estimate-head{background:rgba(255,255,255,.05)}
.quote-estimate-box .estimate-head strong{color:#9cc0ff}
.quote-estimate-box .estimate-total{padding:15px 16px;background:linear-gradient(90deg,#0a2b59,#164c91)}
.quote-estimate-box .estimate-total span{font-size:10px;letter-spacing:.05em;font-weight:900;color:#dceaff}
.quote-estimate-box .estimate-total strong{font-size:clamp(20px,1.35vw,27px);color:#fff}
.field-wide{grid-column:1/-1}
.field-hint{display:block;margin-top:5px;color:#8290a5;font-size:9px;line-height:1.4;font-weight:600}
.quote-counter-wrap{display:flex;justify-content:flex-end;padding-top:0!important;padding-bottom:10px!important}
.quote-counter{opacity:.34;color:#b9c6d8;font-size:8.5px;line-height:1;letter-spacing:.02em;user-select:none}
.compact-footer{min-height:34px;padding:7px 0!important;background:#07152d}

/* Header safety: keep the complete lockup visible and aligned. */
.site-header,.header-inner,.brand,.brand img{overflow:visible!important}
.brand img{display:block!important;max-height:64px!important;width:100%!important;height:auto!important;object-fit:contain!important;object-position:left center!important;clip-path:none!important}
.v11-hero .hero-grid{align-items:start!important}
.v11-hero .hero-copy,.premium-lead-panel{margin-top:0!important;align-self:start!important}

@media (max-width:900px){
  .member-offer-intro{grid-template-columns:1fr;gap:10px}
  .member-offer-options{grid-template-columns:1fr}
  .member-offer-option+ .member-offer-option{border-left:0;border-top:1px solid #e2e9f4}
  .quote-quantity-row{grid-template-columns:1fr}
  .member-offer-card{border-radius:23px}
}
@media (max-width:560px){
  .member-offer-card{margin-top:20px}
  .member-offer-intro{padding:18px 17px 14px}
  .member-offer-intro h2{font-size:21px}
  .member-offer-intro p{font-size:11.5px}
  .member-offer-option{min-height:164px;padding:18px 17px 20px}
  .member-offer-option strong{font-size:40px}
  .member-offer-footer{padding:12px 17px;display:grid;gap:7px}
  .quote-estimate-box>div{padding:10px 12px}
  .quote-estimate-box .estimate-total{align-items:flex-end;flex-direction:column;gap:5px}
  .quote-counter-wrap{justify-content:center;padding-bottom:74px!important}
}