main.cb{--n:#14176C;--g:#F7A400;--cr:#FEF6E6;--ed:#E9E9F0;--ink:#3E4073;font-family:Inter,sans-serif;color:var(--ink);overflow-x:clip}
main.cb h1,main.cb h2,main.cb h3{font-family:Outfit,sans-serif;color:var(--n);line-height:1.2;font-weight:700}
main.cb .cb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
main.cb .cb-eyebrow{display:block;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#B47500;margin-bottom:12px}
main.cb .cb-hero{position:relative;background:var(--cr);padding:24px 0 56px;overflow:hidden}
main.cb .cb-hero__img{position:absolute;inset:0 0 0 34%}
main.cb .cb-hero__img img{width:100%;height:100%;object-fit:cover;object-position:70% center}
main.cb .cb-hero__img:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#FEF6E6 0,rgba(254,246,230,.88) 18%,rgba(254,246,230,.08) 68%,transparent 100%)}
main.cb .cb-hero .container{position:relative;z-index:1}
main.cb .cb-crumbs{font-size:13px;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:40px}
main.cb .cb-crumbs a{color:var(--ink)}
main.cb .cb-hero h1{font-size:clamp(38px,5.4vw,64px);margin:0 0 18px}
main.cb .cb-hero h1 em{display:block;font-style:normal;color:#B87900}
main.cb .cb-hero__copy{max-width:600px;padding:8px 0 18px}
main.cb .cb-lead{font-size:17px;line-height:1.65;max-width:58ch}
main.cb .cb-actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 16px}
main.cb .cb-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border-radius:10px;font-weight:600;font-size:15px}
main.cb .cb-btn--ghost{background:#fff;color:var(--n);border:1.5px solid var(--n)}
main.cb .cb-btn--ghost:hover{background:var(--n);color:#fff}
main.cb .cb-tel{color:var(--n);font-weight:600}
main.cb .cb-benefits{background:#fff;border-bottom:1px solid var(--ed)}
main.cb .cb-benefits ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr)}
main.cb .cb-benefits li{display:flex;gap:14px;align-items:center;padding:26px 20px;border-left:1px solid var(--ed)}
main.cb .cb-benefits li:first-child{border-left:0;padding-left:0}
main.cb .cb-benefits strong{display:block;font:600 16px/1.3 Outfit,sans-serif;color:var(--n)}
main.cb .cb-benefits li span:not(.cb-ico){font-size:13px}
main.cb .cb-ico{flex:none;width:44px;height:44px;border-radius:10px;background:var(--cr);color:var(--g);display:inline-flex;align-items:center;justify-content:center;font-size:18px}
main.cb .cb-sec{padding:80px 0;background:#fff}
main.cb .cb-sec--tint{background:var(--cr)}
main.cb .cb-sec h2,main.cb .cb-head h2{font-size:clamp(28px,3.3vw,40px);margin:0 0 16px}
main.cb .cb-sec p{font-size:16px;line-height:1.7;max-width:64ch}
main.cb .cb-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
main.cb .cb-split--spec{grid-template-columns:5fr 7fr}
main.cb .cb-photo{margin:0}
main.cb .cb-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;display:block}
main.cb .cb-list{list-style:none;padding:0;margin:18px 0 26px;display:grid;gap:10px}
main.cb .cb-list li{display:flex;gap:10px;font-size:15px}
main.cb .cb-list i{color:var(--g);margin-top:5px}
main.cb .cb-head{max-width:720px;margin-bottom:36px}
main.cb .cb-tablewrap{overflow-x:auto;background:#fff;border:1px solid var(--ed);border-radius:12px}
main.cb .cb-table{width:100%;border-collapse:collapse;font-size:15px;min-width:460px}
main.cb .cb-table th,main.cb .cb-table td{padding:13px 18px;text-align:left;border-bottom:1px solid var(--ed);vertical-align:top}
main.cb .cb-table thead th{background:var(--n);color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.04em}
main.cb .cb-table tbody th{color:var(--n);font-weight:600;width:30%}
main.cb .cb-table td:last-child{color:#5a5c86;font-size:14px}
main.cb .cb-table tr:last-child>*{border-bottom:0}
main.cb .cb-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
main.cb .cb-prose h3{font-size:20px;margin:0 0 10px}
main.cb .cb-prose p{font-size:15.5px;line-height:1.7;margin:0}
main.cb .cb-cols .cb-prose{border-top:2px solid var(--g);padding-top:20px}
main.cb .cb-rows{display:grid;gap:0}
main.cb .cb-row{padding:28px 0;border-top:1px solid #e8dcc0}
main.cb .cb-row .cb-prose{display:grid;grid-template-columns:5fr 7fr;gap:40px;align-items:start}
main.cb .cb-row .cb-prose h3{grid-row:span 2;font-size:22px}
main.cb .cb-row .cb-list{margin:14px 0 0}
main.cb .cb-narrow{max-width:800px}
main.cb .cb-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
main.cb .cb-card{background:#fff;border:1px solid var(--ed);border-radius:12px;padding:28px;box-shadow:0 2px 8px rgba(20,23,108,.05)}
main.cb .cb-card h3{font-size:20px;margin:16px 0 8px}
main.cb .cb-card p{font-size:15px;margin:0}
main.cb .cb-notice{display:flex;gap:14px;margin-top:24px;padding:18px 22px;background:#fff;border:1px solid var(--ed);border-left:3px solid var(--g);border-radius:10px}
main.cb .cb-notice i{color:var(--n);margin-top:4px}
main.cb .cb-notice p{margin:0;font-size:15px;max-width:none}
main.cb .cb-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;counter-reset:s;position:relative}
main.cb .cb-steps li{position:relative}
main.cb .cb-steps li:not(:last-child):after{content:"";position:absolute;top:22px;left:56px;right:-20px;border-top:2px dashed #e4cf9c}
main.cb .cb-steps h3{font-size:18px;margin:16px 0 6px}
main.cb .cb-steps p{font-size:14.5px;line-height:1.55;margin:0}
main.cb .cb-checklist{background:#fff;border:1px solid var(--ed);border-radius:12px;padding:26px}
main.cb .cb-checklist strong{font:600 18px Outfit,sans-serif;color:var(--n)}
main.cb .bp-faqs.cb-faq,main.cb .bp-related,main.cb .bp-quote{padding:80px 0}
main.cb .bp-faqs.cb-faq{background:#fff}
main.cb .bp-faq{box-shadow:none;border-radius:10px}
main.cb .bp-quote{background:#EEF1FB}
main.cb .cb-cta{background:var(--n);color:#fff;padding:64px 0}
main.cb .cb-cta .container{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
main.cb .cb-cta h2{color:#fff;font-size:clamp(26px,3vw,36px);margin:0 0 8px}
main.cb .cb-cta p{color:#d7d9f2;margin:0;max-width:52ch}
main.cb .cb-cta__act{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center}
main.cb .cb-cta__act a:not(.btn){color:#fff;font-weight:500}
main.cb .cb-btn.btn{background:var(--g);color:var(--n);border:0}
main.cb .cb-btn--ghost{background:#fff}
main.cb .cb-hero img{max-width:none}
main.cb .cb-hero__detail{position:absolute;right:24px;bottom:-16px;width:206px;margin:0;background:#fff;padding:5px;border-radius:10px;box-shadow:0 8px 30px #14176c20}
main.cb .cb-hero__detail img{width:100%;height:112px;object-fit:cover;border-radius:6px;display:block}
main.cb .cb-hero__detail figcaption{font-size:11px;font-weight:600;color:var(--n);padding:7px 5px 3px}
main.cb .cb-btn.btn:after{display:none}
main.cb a:focus-visible,main.cb summary:focus-visible,main.cb .cb-tablewrap:focus-visible{outline:3px solid #B87900;outline-offset:4px}
main.cb .cb-card,main.cb .cb-photo img,main.cb .cb-btn{transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
main.cb .cb-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #14176c0d}
main.cb .cb-reveal{opacity:0;transform:translateY(16px)}
main.cb .cb-head,main.cb .cb-split>*,main.cb .cb-cols>*,main.cb .cb-row,main.cb .cb-steps li,main.cb .cb-notice{transition:opacity .45s ease,transform .45s ease}
main.cb .cb-card{transition:opacity .45s ease,transform .3s ease,box-shadow .3s ease}
@media(min-width:768px) and (max-width:1023px){main.cb .cb-hero__copy{max-width:500px}main.cb .cb-hero__detail{width:170px;right:20px}main.cb .cb-hero__img{left:30%}}
@media(max-width:1023px){main.cb .cb-benefits ul{grid-template-columns:1fr 1fr}main.cb .cb-benefits li:nth-child(3){border-left:0;padding-left:0}main.cb .cb-split,main.cb .cb-split--spec,main.cb .cb-cols,main.cb .cb-trio,main.cb .cb-row .cb-prose{grid-template-columns:1fr;gap:28px}main.cb .cb-row .cb-prose h3{grid-row:auto}main.cb .cb-steps{grid-template-columns:1fr;gap:0}main.cb .cb-steps li{display:grid;grid-template-columns:44px 1fr;column-gap:16px;padding-bottom:26px}main.cb .cb-steps li .cb-ico{grid-row:span 2}main.cb .cb-steps li:not(:last-child):after{top:48px;bottom:4px;left:21px;right:auto;border-top:0;border-left:2px dashed #e4cf9c}main.cb .cb-steps h3{margin:0 0 4px}}
@media(max-width:767px){main.cb .cb-sec,main.cb .bp-faqs.cb-faq,main.cb .bp-related,main.cb .bp-quote{padding:48px 0}main.cb .cb-hero__img:after{background:rgba(254,246,230,.93)}main.cb .cb-crumbs{margin-bottom:24px}main.cb .cb-btn{width:100%}main.cb .cb-benefits ul{grid-template-columns:1fr}main.cb .cb-benefits li{border-left:0;padding:16px 0;border-top:1px solid var(--ed)}main.cb .cb-benefits li:first-child{border-top:0}main.cb .cb-table th,main.cb .cb-table td{padding:11px 12px}}
@media(prefers-reduced-motion:reduce){main.cb *{transition:none!important;animation:none!important}}
@media(max-width:767px){main.cb .cb-hero{display:flex;flex-direction:column;padding-bottom:0}main.cb .cb-hero>.container{order:1}main.cb .cb-hero__img{position:relative;inset:auto;order:2;height:250px;margin-top:12px}main.cb .cb-hero__img img{object-position:center 48%}main.cb .cb-hero__img:after{background:linear-gradient(#FEF6E6,transparent 30%)}main.cb .cb-hero__detail{display:none}main.cb .cb-hero__copy{padding-bottom:16px}main.cb .cb-hero h1{font-size:clamp(36px,8.9vw,54px)}main.cb .cb-lead{font-size:16px}}
/* Keep the existing WhatsApp action in normal flow, never above form controls. */
body:has(main.cb) #wa-btn-wrapper{position:static!important;inset:auto!important;width:fit-content;max-width:calc(100% - 40px);margin:20px 20px 20px auto!important}
