:root{--navy:#0e1b35;--ink:#18233d;--muted:#68758b;--brand:#4f46e5;--sky:#0891b2;--line:#e5eaf2;--soft:#f6f8fc;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:15px 'Plus Jakarta Sans',Arial,sans-serif}nav{height:76px;padding:0 max(24px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7ebf2;background:rgba(255,255,255,.9);box-shadow:0 4px 18px #15234205;backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;color:var(--navy);font-size:19px;font-weight:800;text-decoration:none;letter-spacing:-.04em}.brand i{display:grid;place-items:center;width:35px;height:35px;margin-right:9px;color:#fff;font-size:17px;background:linear-gradient(135deg,var(--brand),var(--sky));border-radius:10px;box-shadow:0 5px 13px #4f46e52e}nav div{display:flex;align-items:center;gap:26px}nav div>a:not(.btn){color:#5d687b;text-decoration:none;font-size:13px;font-weight:700;transition:.2s}nav div>a:not(.btn):hover{color:var(--brand)}main>section{max-width:1180px;margin:auto;padding:94px 28px}.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:13px 18px;border:0;border-radius:10px;color:#fff;background:linear-gradient(110deg,var(--brand),#3575ce);box-shadow:0 9px 20px #4338ca2b;text-decoration:none;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s}.btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 13px 25px #4338ca38}.btn.small{padding:10px 13px;border-radius:9px;box-shadow:none}.hero{min-height:490px;display:grid;grid-template-columns:1.2fr .66fr;gap:88px;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 2% 1%,#e5e5ff 0,transparent 32%),radial-gradient(circle at 86% 92%,#d8f4fa 0,transparent 27%)}.hero:after{content:"";position:absolute;width:340px;height:340px;right:-175px;top:-140px;border:54px solid #d9dcff80;border-radius:50%;pointer-events:none}.hero-copy,.hero-card{position:relative;z-index:1}.eyebrow{display:inline-flex;gap:6px;align-items:center;color:var(--brand);font-size:10px;font-weight:800;letter-spacing:.12em}.hero h1{max-width:700px;margin:16px 0;font-size:clamp(37px,5vw,60px);letter-spacing:-.065em;line-height:1.08}.hero-copy>p{max-width:655px;margin:0;color:var(--muted);font-size:16px;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:27px}.text-link{color:var(--brand);font-size:13px;font-weight:800;text-decoration:none}.hero-card{padding:31px;color:#eaf0ff;background:linear-gradient(145deg,#182d56,#10203e);border:1px solid #5a73a040;border-radius:var(--radius);box-shadow:0 25px 45px #172a4c33}.hero-card:after{content:"";position:absolute;right:0;bottom:0;width:110px;height:110px;background:radial-gradient(circle at bottom right,#36c7e766,transparent 67%);border-radius:0 0 var(--radius) 0}.hero-card-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:22px;color:#78e2f4;background:#3a5b837a;border:1px solid #8cbbdb42;border-radius:12px;font-size:23px}.hero-card>span{display:block;color:#92b4d8;font-size:10px;font-weight:800;letter-spacing:.1em}.hero-card>b{display:block;margin:9px 0;font-size:21px;line-height:1.28}.hero-card p{color:#c5d2e7;font-size:13px;line-height:1.8}.hero-card a{color:#90edfc;font-size:12px;font-weight:800;text-decoration:none}.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0!important;padding-top:0!important;padding-bottom:0!important}.trust-strip>div{display:flex;align-items:center;gap:13px;padding:22px 26px;border:1px solid var(--line);border-right:0;background:#fff}.trust-strip>div:first-child{border-radius:12px 0 0 12px}.trust-strip>div:last-child{border-right:1px solid var(--line);border-radius:0 12px 12px 0}.trust-strip i{display:grid;place-items:center;width:37px;height:37px;color:var(--brand);background:#eeefff;border-radius:10px;font-size:17px}.trust-strip span{display:flex;flex-direction:column;gap:3px;color:var(--muted);font-size:11px}.trust-strip b{color:var(--ink);font-size:12px}.heading{max-width:680px;margin:0 auto 34px;text-align:center}.heading h2{margin:10px 0;font-size:32px;letter-spacing:-.05em}.heading p{margin:0;color:var(--muted);line-height:1.8}.search{display:flex;align-items:center;max-width:800px;margin:auto;padding:7px 7px 7px 15px;border:1px solid #dce3ed;border-radius:13px;background:#fff;box-shadow:0 16px 32px #15234212}.search i{margin-right:10px;color:#7b8aa2;font-size:18px}.search input{flex:1;min-width:0;border:0;outline:0;color:var(--ink);font:inherit}.search .btn{padding:11px 20px;box-shadow:none}.result-info{margin:30px 0 15px;color:var(--muted);font-size:12px}.kbli-grid,.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.kbli-card{min-height:205px;padding:21px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 5px 15px #1e2a4007;transition:transform .2s,box-shadow .2s}.kbli-card:hover{transform:translateY(-3px);box-shadow:0 15px 28px #1e2a4011}.kbli-card>b{display:inline-block;padding:5px 8px;color:var(--brand);background:#eeefff;border-radius:6px;font-size:11px;letter-spacing:.03em}.kbli-card h3{margin:15px 0 8px;font-size:13px;line-height:1.55}.kbli-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.75}.center{text-align:center;margin-top:32px}.empty{padding:55px;text-align:center;color:var(--muted);background:var(--soft);border-radius:14px}.pricing{max-width:none!important;background:linear-gradient(180deg,#f6f8fc,#eef2fb)}.pricing>*{max-width:1124px;margin-left:auto!important;margin-right:auto!important}.price-grid{margin-top:38px}.price-card{position:relative;display:flex;flex-direction:column;min-height:410px;padding:27px;border:1px solid #e1e7f0;border-radius:16px;background:#fff;box-shadow:0 9px 20px #1e2a4009;transition:.2s}.price-card:hover{transform:translateY(-4px);box-shadow:0 18px 32px #1e2a4015}.price-card.featured{border:2px solid var(--brand);box-shadow:0 18px 35px #4f46e523}.badge{position:absolute;top:-13px;right:17px;padding:5px 10px;border-radius:999px;color:#fff;background:linear-gradient(110deg,var(--brand),var(--sky));font-size:10px;font-weight:800}.category{color:var(--brand);font-size:10px;font-weight:800;letter-spacing:.1em}.price-card h3{margin:10px 0 0;font-size:19px;letter-spacing:-.04em}.price-card strong{display:block;margin:17px 0 5px;font-size:25px;letter-spacing:-.055em}.price-card>p{min-height:38px;margin:0;color:var(--muted);font-size:12px;line-height:1.65}.price-card ul{flex:1;margin:22px 0;padding:0;list-style:none}.price-card li{display:flex;gap:8px;margin:10px 0;color:#536176;font-size:12px}.price-card li i{color:#10b981;font-size:15px}.outline{width:100%;color:var(--brand);background:#fff;border:1px solid #b8c3ff;box-shadow:none}.outline:hover{background:var(--brand);border-color:var(--brand)}footer{display:flex;align-items:center;justify-content:center;gap:22px;padding:30px 24px;color:#768397;background:#fff;border-top:1px solid var(--line);font-size:12px}footer b{color:var(--ink)}footer a{color:var(--brand);font-weight:800;text-decoration:none}@media(max-width:850px){.hero{grid-template-columns:1fr;gap:36px}.hero-card{max-width:490px}.kbli-grid,.price-grid{grid-template-columns:repeat(2,1fr)}.trust-strip{grid-template-columns:1fr;gap:9px!important}.trust-strip>div,.trust-strip>div:first-child,.trust-strip>div:last-child{border:1px solid var(--line);border-radius:12px}}@media(max-width:620px){nav{height:66px;padding:0 18px}nav div{gap:0}nav div>a:not(.btn){display:none}main>section{padding:64px 18px}.hero{min-height:0;padding-top:66px!important}.hero h1{font-size:39px}.hero-copy>p{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.heading h2{font-size:27px}.search{padding-left:11px}.search input{font-size:12px}.search .btn{padding:10px 12px}.kbli-grid,.price-grid{grid-template-columns:1fr}.kbli-card{min-height:0}.trust-strip{padding-top:0!important}.price-card{min-height:0}footer{flex-direction:column;gap:8px;text-align:center}}
/* ==== v2: homepage sections & promo posters ==== */
.stats-inner{display:grid;grid-template-columns:repeat(4,1fr);max-width:1124px;margin:auto;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 20px #18243b08;overflow:hidden}
.stats-inner>div{padding:23px 26px;text-align:center}
.stats-inner>div+div{border-left:1px solid var(--line)}
.stats-inner b{display:block;font-size:25px;letter-spacing:-.03em;background:linear-gradient(115deg,var(--brand),var(--sky));background-clip:text;-webkit-background-clip:text;color:transparent}
.stats-inner span{color:var(--muted);font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.home-services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:34px}
.home-services-grid article{padding:26px 24px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 20px #18243b09}
.home-services-grid article>i{display:grid;place-items:center;width:46px;height:46px;margin-bottom:17px;color:var(--brand);background:#eeefff;border-radius:12px;font-size:19px}
.home-services-grid h3{margin:0 0 8px;font-size:15px;letter-spacing:-.02em}
.home-services-grid p{margin:0 0 15px;color:var(--muted);font-size:12.5px;line-height:1.75}
.home-services-grid a{color:var(--brand);font-size:12px;font-weight:800;text-decoration:none}
.center-actions{display:flex;gap:13px;justify-content:center;margin-top:33px}
.btn.ghost{color:var(--brand);background:#fff;border:1px solid #bcc6fd;box-shadow:none}
.btn.ghost:hover{color:#fff;background:var(--brand);border-color:var(--brand)}
.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:34px}
.promo-poster{position:relative;display:flex;flex-direction:column;overflow:hidden;min-height:295px;padding:29px 27px;border-radius:18px;color:#fff;transition:transform .2s}
.promo-poster:hover{transform:translateY(-4px)}
.promo-poster:after{content:"";position:absolute;width:210px;height:210px;right:-70px;top:-70px;border:38px solid rgba(255,255,255,.14);border-radius:50%}
.promo-poster>*{position:relative;z-index:1}
.promo-theme-indigo{background:linear-gradient(145deg,#312e81,#4f46e5)}
.promo-theme-sky{background:linear-gradient(145deg,#155e75,#0891b2)}
.promo-theme-emerald{background:linear-gradient(145deg,#065f46,#059669)}
.promo-theme-amber{background:linear-gradient(145deg,#92400e,#f59e0b)}
.promo-theme-rose{background:linear-gradient(145deg,#9f1239,#f43f5e)}
.promo-kicker{margin-top:12px;color:rgba(255,255,255,.78);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.promo-badge{align-self:flex-start;padding:7px 12px;color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.12em}
.promo-poster h3{margin:15px 0 9px;font-size:21px;letter-spacing:-.045em;line-height:1.25}
.promo-poster p{margin:0;color:rgba(255,255,255,.85);font-size:13px;line-height:1.75}
.promo-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:24px}
.promo-valid{color:rgba(255,255,255,.72);font-size:11px}
.promo-valid i{margin-right:6px}
.promo-cta{padding:11px 15px;color:#101828;background:#fff;border-radius:9px;font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap;transition:transform .2s,box-shadow .2s}
.promo-cta:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.18)}
/* ==== v2: pagination ==== */
.hero-search{max-width:730px;margin:30px auto 0}
.result-range{color:#8794a9;font-size:11px;margin-left:10px}
.pager{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:37px}
.pager a,.pager .cur,.pager .dots{min-width:39px;padding:9px 13px;border:1px solid var(--line);border-radius:9px;text-align:center;color:#5d687b;font-size:12px;font-weight:800;text-decoration:none;background:#fff}
.pager .cur{color:#fff;background:var(--brand);border-color:var(--brand)}
.pager .dots{border-color:transparent;background:none}
.pager a:hover{color:var(--brand);border-color:#bfc9fe}
/* ==== v2: footer ==== */
footer{display:block;padding:0;background:var(--soft)}
.footer-wrap{display:grid;grid-template-columns:1.45fr .95fr .95fr .85fr;gap:32px;max-width:1180px;margin:auto;padding:52px 28px 40px}
.footer-brand>.brand{margin-bottom:11px}
.footer-brand>span{display:block;max-width:280px;color:var(--muted);font-size:12.5px;line-height:1.75}
.footer-contact{display:grid;gap:7px;margin-top:15px}
.footer-contact a{color:#5d687b;font-size:12px;font-weight:700;text-decoration:none}
.footer-contact a:hover{color:var(--brand)}
.footer-contact i{margin-right:7px;color:var(--brand)}
.footer-col>b{display:block;margin-bottom:13px;color:var(--navy);font-size:11px;letter-spacing:.09em;text-transform:uppercase}
.footer-links{display:grid;gap:8px}
.footer-links a{color:#5d687b;font-size:12.5px;font-weight:600;text-decoration:none}
.footer-links a:hover{color:var(--brand)}
.footer-base{display:flex;align-items:center;justify-content:space-between;gap:10px;max-width:1180px;margin:auto;padding:19px 28px;border-top:1px solid var(--line);color:#8794a9;font-size:12px;background:#fff}
.footer-base a{color:inherit;text-decoration:none;font-weight:700}
.footer-base a:hover{color:var(--brand)}
@media(max-width:900px){.stats-inner{grid-template-columns:repeat(2,1fr)}.stats-inner>div+div{border-left:0}.stats-inner>div:nth-child(even){border-left:1px solid var(--line)}.stats-inner>div:nth-child(n+3){border-top:1px solid var(--line)}.home-services-grid,.promo-grid,.home-flow .process-grid{grid-template-columns:repeat(2,1fr)}.footer-wrap{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.home-services-grid,.promo-grid,.home-flow .process-grid{grid-template-columns:1fr}.center-actions{flex-direction:column}.center-actions .btn{width:100%}.promo-foot{flex-direction:column;align-items:flex-start}.footer-wrap{grid-template-columns:1fr;gap:26px;padding:42px 20px 30px}.footer-base{flex-direction:column;padding:18px 20px}}
/* ==== v3: google rating, trust badges, hero chips ==== */
.hero-chips{display:flex;flex-wrap:wrap;gap:8px}
.hero-chips a{padding:8px 12px;color:#4f46e5;background:#fff;border:1px solid #ddd8ff;border-radius:999px;font-size:11px;font-weight:700;text-decoration:none;transition:.2s}
.hero-chips a:hover{color:#fff;background:var(--brand);border-color:var(--brand)}
.official-strip{max-width:none!important;background:linear-gradient(180deg,#f6f8fc,#fff)}
.official-strip>.heading,.official-layout{max-width:1124px;margin-left:auto;margin-right:auto}
.official-layout{display:grid;grid-template-columns:.92fr 1.32fr;gap:16px;margin-top:34px;align-items:stretch}
.rate-card{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:31px;border-radius:20px;color:#fff;background:linear-gradient(145deg,#121c36,#23345f)}
.rate-card>i{position:absolute;right:-24px;bottom:-24px;font-size:130px;color:#ffffff14}
.rate-stars{color:#ffc24b;font-size:23px;letter-spacing:3px}
.rate-card>b{margin-top:12px;font-size:20px;letter-spacing:-.03em}
.rate-card>b small{color:#93a5c8;font-weight:700;font-size:12px}
.rate-card p{margin:9px 0 0;color:#bccae6;font-size:12px;line-height:1.75}
.official-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.off-badge{display:flex;gap:14px;align-items:center;padding:17px 19px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 8px 20px #18243b07}
.off-logo{flex:none;display:grid;place-items:center;width:48px;height:48px;color:#fff;background:linear-gradient(135deg,var(--brand),var(--sky));border-radius:13px;font-weight:800;font-size:13px}
.off-badge b{display:block;font-size:13.5px;letter-spacing:-.02em}
.off-badge small{display:block;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.5}
@media(max-width:900px){.official-layout{grid-template-columns:1fr}}
/* ==== v4: responsive menu, kbli detail, article visuals ==== */
img{max-width:100%;height:auto}
.kbli-card{text-decoration:none}
.kbli-card:hover h3{color:var(--brand)}
.kbli-more{display:flex;gap:6px;align-items:center;margin-top:auto;padding-top:14px;color:var(--brand);font-size:11px;font-weight:800}
.kbli-more i{transition:transform .2s}
.kbli-card:hover .kbli-more i{transform:translateX(4px)}
.nav-burger{display:none}
@media(max-width:850px){
.nav-burger{display:grid;place-items:center;position:relative;width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:10px;color:var(--navy);cursor:pointer;font-size:19px}
.nav-burger i:last-child{display:none}
html.nav-open .nav-burger i:first-child{display:none}
html.nav-open .nav-burger i:last-child{display:block}
nav .main-menu{position:absolute;top:76px;left:0;right:0;display:none!important;flex-direction:column;align-items:stretch;gap:0;padding:10px 18px 20px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 24px 40px #15234218;z-index:60}
html.nav-open nav .main-menu{display:flex!important}
nav .main-menu a:not(.btn){padding:13px 4px;border-bottom:1px solid var(--soft);font-size:13.5px}
nav .main-menu .btn{margin-top:14px}
}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#8794a9;font-size:12px;font-weight:600}
.crumbs a{color:var(--brand);text-decoration:none}
.crumbs span{color:var(--ink)}
.kbli-detail{max-width:930px;margin:auto;padding:44px 28px 80px}
.kbli-hero{display:flex;gap:22px;align-items:center;margin-top:26px;padding:26px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#f5f5ff,#f0faff)}
.kbli-code-lg{flex:none;display:grid;place-items:center;min-width:108px;height:64px;padding:0 16px;color:#fff;background:linear-gradient(135deg,var(--brand),var(--sky));border-radius:14px;font-size:22px;font-weight:800;letter-spacing:.06em}
.kbli-head-copy h1{margin:0 0 8px;font-size:clamp(23px,3.6vw,31px);letter-spacing:-.05em;line-height:1.25}
.kbli-meta-line{margin:0;color:var(--muted);font-size:12.5px}
.kbli-meta-line i{margin-right:7px;color:var(--brand)}
.kbli-body-card{margin-top:22px;padding:29px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 24px #18243b08}
.kbli-body-card>h2{display:flex;gap:9px;align-items:center;margin:0 0 16px;font-size:17px}
.kbli-body-card>h2 i{color:var(--brand);font-size:18px}
.kbli-desc{margin:0;color:#42516a;font-size:15px;line-height:1.95}
.kbli-notes{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:24px}
.kbli-notes>div{padding:15px 17px;border:1px solid var(--line);border-radius:13px;background:var(--soft)}
.kbli-notes i{color:var(--brand);font-size:19px}
.kbli-notes b{display:block;margin:9px 0 5px;font-size:13.5px}
.kbli-notes span{display:block;color:var(--muted);font-size:12px;line-height:1.7}
.kbli-warn{display:flex;align-items:center;gap:16px;margin-top:20px;padding:19px 21px;border:1px solid #fde68a;border-radius:14px;background:#fffbeb}
.kbli-warn>i{color:#d97706;font-size:22px}
.kbli-warn b{display:block;font-size:13.5px}
.kbli-warn span{display:block;margin-top:4px;color:#78716c;font-size:12px;line-height:1.65}
.kbli-warn .btn{margin-left:auto;white-space:nowrap}
.kbli-related{margin-top:44px}
.kbli-related>h2{display:flex;gap:9px;align-items:center;font-size:19px;letter-spacing:-.04em}
.kbli-related>h2 i{color:var(--brand)}
.kbli-related .kbli-grid{margin-top:20px}
@media(max-width:620px){.kbli-hero{align-items:flex-start;flex-direction:column}.kbli-code-lg{min-width:88px;height:54px;font-size:18px}.kbli-notes{grid-template-columns:1fr}.kbli-warn{align-items:flex-start;flex-direction:column}.kbli-warn .btn{width:100%;justify-content:center}}
/* ==== v4b: article covers, share, services, about, contact ==== */
.art-thumb{position:relative;display:block;height:172px;margin:0 0 20px;border-radius:16px 16px 0 0;background:linear-gradient(135deg,#eef2ff,#ecfeff);overflow:hidden;text-decoration:none}
.article-card.lead .art-thumb{height:212px}
.art-thumb img{width:100%;height:100%;object-fit:cover}
.art-thumb>i{position:absolute;inset:0;display:grid;place-items:center;font-size:46px;color:#6366f1;opacity:.85}
.article-card .art-top{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}
.art-cover{position:relative;height:258px;margin:26px 0 24px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#eef2ff,#ecfeff);box-shadow:inset 0 0 0 1px #e5eaf2}
.art-cover img{width:100%;height:100%;object-fit:cover}
.art-cover>i{position:absolute;inset:0;display:grid;place-items:center;font-size:72px;color:#6366f1;opacity:.85}
.meta-row{display:flex;flex-wrap:wrap;gap:9px;margin:4px 0 20px}
.meta-row span,.meta-row a{display:inline-flex;gap:7px;align-items:center;padding:7px 11px;color:var(--muted);background:var(--soft);border-radius:999px;font-size:11.5px;font-weight:700;text-decoration:none}
.meta-row i{color:var(--brand)}
.share-row{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:36px 0 8px;padding-top:22px;border-top:1px solid var(--line)}
.share-row small{color:#8794a9;font-weight:800;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;margin-right:3px}
.share-row a,.share-row button{display:grid;place-items:center;width:37px;height:37px;color:#5d687b;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:15px;text-decoration:none;cursor:pointer;transition:.2s}
.share-row a:hover,.share-row button:hover{color:#fff;background:var(--brand);border-color:var(--brand)}
.related-art{margin-top:48px;padding-top:34px;border-top:1px solid var(--line)}
.related-art>h2{display:flex;gap:9px;align-items:center;margin-bottom:22px;font-size:21px;letter-spacing:-.05em}
.related-art>h2 i{color:var(--brand)}
.related-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.svc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;margin-top:34px}
.svc-card{display:flex;flex-direction:column;padding:28px 26px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 8px 20px #18243b09}
.svc-top{display:flex;gap:15px;align-items:center;margin-bottom:15px}
.svc-top>i{display:grid;place-items:center;flex:none;width:48px;height:48px;color:#fff;background:linear-gradient(135deg,var(--brand),var(--sky));border-radius:13px;font-size:20px}
.svc-top h2{margin:0;font-size:18px;letter-spacing:-.035em;line-height:1.35}
.svc-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.svc-tags span{padding:5px 9px;color:#4338ca;background:#eeefff;border-radius:7px;font-size:10.5px;font-weight:800}
.svc-card>p{margin:0 0 15px;color:var(--muted);font-size:13px;line-height:1.8}
.svc-list{margin:0 0 19px;padding:0;list-style:none}
.svc-list li{display:flex;gap:9px;margin:8px 0;color:#42516a;font-size:12.5px;line-height:1.65}
.svc-list i{flex:none;margin-top:1px;color:#10b981}
.svc-card>.btn.outline{margin-top:auto}
.vm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;margin-top:32px}
.vm-card{position:relative;overflow:hidden;padding:31px 29px;border-radius:19px;color:#e7efff;background:linear-gradient(140deg,#182c54,#123d62)}
.vm-card.alt{background:linear-gradient(140deg,#0c4a6e,#0e7490)}
.vm-card>i{position:absolute;right:-18px;bottom:-18px;font-size:110px;color:#ffffff12}
.vm-card em{display:block;margin-bottom:10px;color:#93c5fd;font-style:normal;font-weight:800;font-size:11px;letter-spacing:.14em}
.vm-card p{margin:0;color:#c7d5eb;font-size:13.5px;line-height:1.85}
.commit-band{max-width:none!important;background:var(--soft)}
.commit-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1124px;margin:32px auto 0}
@media(max-width:900px){.svc-grid,.vm-grid,.related-list{grid-template-columns:1fr}.commit-inner{grid-template-columns:repeat(2,1fr)}.contact-cards{grid-template-columns:1fr}}
.article-card .art-top span{display:inline-flex;align-items:center;padding:5px 10px;color:#4338ca;background:#eeefff;border-radius:999px;font-size:10px;font-weight:800}
.related-list .kbli-card{min-height:150px;padding:19px}
.related-list .kbli-card h3{font-size:13px}
/* ==== v2: stats band spacing ==== */
.stats-band{padding-top:16px!important;padding-bottom:40px!important}

/* ===== Homepage refinement (v3) ===== */
.heading{max-width:780px}
.heading .eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:14px}
.heading h2{margin:0 0 13px;font-size:clamp(27px,3.4vw,37px);font-weight:800;letter-spacing:-.045em;line-height:1.16;color:var(--navy)}
.heading p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.8;max-width:660px}
.heading.center{max-width:760px;margin-left:auto;margin-right:auto;text-align:center}
.heading.center p{margin-left:auto;margin-right:auto}

.home-services-grid article,.value-grid article,.promo-poster,.price-card,.kbli-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.home-services-grid article:hover{border-color:#cbd6ff;box-shadow:0 18px 34px rgba(24,36,59,.12);transform:translateY(-4px)}
.home-services-grid article>i{transition:transform .22s ease,color .22s ease,background .22s ease}
.home-services-grid article:hover>i{transform:scale(1.08);background:linear-gradient(135deg,var(--brand),var(--sky));color:#fff}
.value-grid article{border:1px solid var(--line);border-radius:16px}
.value-grid article:hover{border-color:#cbd6ff;box-shadow:0 16px 30px rgba(24,36,59,.1);transform:translateY(-4px)}
.value-grid article>i{transition:transform .22s ease,color .22s ease,background .22s ease}
.value-grid article:hover>i{background:linear-gradient(135deg,var(--brand),var(--sky));color:#fff}
.promo-poster:hover{transform:translateY(-6px);box-shadow:0 22px 40px rgba(14,27,53,.22)}
.stats-inner{box-shadow:0 10px 26px rgba(24,36,59,.1)}
.rate-card{box-shadow:0 24px 45px rgba(18,28,54,.25)}
.off-badge{transition:transform .2s,box-shadow .2s}
.off-badge:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(24,36,59,.12)}
.home-cta{position:relative;overflow:hidden}
.home-cta::after{content:"";position:absolute;width:230px;height:230px;right:-80px;top:-80px;border:44px solid rgba(255,255,255,.07);border-radius:50%}
.center-actions .btn{padding:14px 20px}
/* ===== Hero refinement (v4) ===== */
.hero{gap:70px;padding-top:26px;padding-bottom:26px}
.hero-copy{display:flex;flex-direction:column;align-items:flex-start}
.hero-copy .eyebrow{margin-bottom:6px}
.hero h1{margin:0 0 12px}
.hero-copy>p{margin:0 0 30px}
.hero-actions{margin-top:0;flex-wrap:wrap}
.hero-chips{margin-top:24px}
.hero-chips a{display:inline-flex;align-items:center;gap:7px;padding:9px 14px}
.hero-card{position:relative;overflow:hidden;padding:32px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.hero-card:hover{transform:translateY(-6px);border-color:#5a73a06b;box-shadow:0 34px 58px rgba(16,28,52,.42)}
.hero-card-icon{margin-bottom:20px}
.hero-card>b{margin:9px 0 12px;font-size:21px;line-height:1.28}
.hero-card p{margin:0 0 22px}
.hero-card a{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:13px 16px;color:#fff;background:linear-gradient(110deg,var(--brand),#0aa3c4);border-radius:11px;font-size:13px;font-weight:800;width:100%;transition:transform .2s,box-shadow .2s}
.hero-card a:hover{transform:translateY(-2px);box-shadow:0 12px 22px rgba(6,163,196,.4)}
.hero-card a i{transition:transform .2s}
.hero-card a:hover i{transform:translate(2px,-2px)}
/* ===== Testimonials marquee (v5) ===== */
.testi-band{max-width:none!important;padding-left:0!important;padding-right:0!important;background:linear-gradient(180deg,#fff 0,#f6f8fc 62%,#fff 100%)}
.testi-band>.heading{padding:0 28px}
.testi-marquee{overflow:hidden;margin-top:36px;padding:4px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.testi-track{display:flex;gap:16px;width:max-content;animation:testi-scroll 55s linear infinite}
.testi-marquee:hover .testi-track{animation-play-state:paused}
@keyframes testi-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.testi-card{flex:0 0 350px;display:flex;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 8px 20px #18243b08}
.testi-stars{display:flex;gap:2px}
.testi-stars span{color:#f5b301;font-size:15px;letter-spacing:2px;line-height:1}
.testi-stars .dim{color:#e2e8f2}
.testi-card>p{flex:1;margin:14px 0 18px;color:#42516a;font-size:13px;line-height:1.85}
.testi-who{display:flex;gap:12px;align-items:center;padding-top:15px;border-top:1px dashed var(--line)}
.testi-ava{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--brand),var(--sky));font-weight:800;font-size:15px}
.testi-who b{display:block;font-size:13px;letter-spacing:-.01em}
.testi-who small{display:block;margin-top:2px;color:var(--muted);font-size:11px;line-height:1.5}
@media(prefers-reduced-motion:reduce){.testi-track{animation:none;flex-wrap:wrap;width:auto}}
@media(max-width:620px){.testi-card{flex:0 0 300px}}

/* ===== v9: polished public UI ===== */
:root{
  --navy:#12211f;
  --ink:#1c2b2a;
  --muted:#66736f;
  --brand:#0f766e;
  --sky:#2563eb;
  --accent:#d97706;
  --line:#dfe8e5;
  --soft:#f6faf8;
  --radius:8px;
}
body{
  color:var(--ink);
  background:#fbfdfc;
  text-rendering:optimizeLegibility;
}
nav{
  height:74px;
  border-bottom-color:#e4ece9;
  background:rgba(255,255,255,.94);
  box-shadow:0 10px 30px rgba(18,33,31,.06);
}
.brand{letter-spacing:0}
.brand i,.off-logo,.svc-top>i,.dir-cat-head>i,.kbli-code-lg,.testi-ava,.process-grid b{
  background:linear-gradient(135deg,var(--brand),var(--sky));
  box-shadow:none;
}
.btn{
  border-radius:8px;
  background:linear-gradient(110deg,var(--brand),var(--sky));
  box-shadow:0 10px 22px rgba(15,118,110,.18);
}
.btn:hover{box-shadow:0 14px 30px rgba(15,118,110,.24)}
.btn.ghost,.outline{
  color:var(--brand);
  background:#fff;
  border-color:#b8d7d0;
}
.btn.ghost:hover,.outline:hover{
  color:#fff;
  background:var(--brand);
  border-color:var(--brand);
}
main>section{padding-top:82px;padding-bottom:82px}
.hero{
  min-height:540px;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.62fr);
  gap:54px;
  background:
    linear-gradient(135deg,#f4faf8 0%,#ffffff 52%,#eef6ff 100%);
  border-bottom:1px solid #e4ece9;
}
.hero:after,.hero-card:after,.promo-poster:after,.home-cta::after,.contact-info::after,.partner-cta-card::after,.dash-hero::before,.dash-hero::after{display:none}
.eyebrow{color:var(--brand);letter-spacing:.1em}
.hero h1,.page-hero h1,.heading h2{
  color:var(--navy);
  letter-spacing:0;
}
.hero h1{font-size:clamp(36px,4.8vw,58px)}
.hero-copy>p,.heading p,.page-hero p{color:var(--muted)}
.hero-chips a{
  color:#21413d;
  border-color:#cfe3de;
  background:#fff;
  box-shadow:0 8px 18px rgba(18,33,31,.05);
}
.hero-card,.contact-info,.partner-cta-card,.svc-cta-card,.story-card,.vm-card,.vm-card.alt,.rate-card,.home-cta{
  border-radius:8px;
  background:linear-gradient(145deg,#143f3a,#1c4f5f 58%,#273f7a);
}
.hero-card{
  padding:30px;
  border-color:rgba(255,255,255,.14);
  box-shadow:0 22px 45px rgba(18,33,31,.20);
}
.hero-card:hover{box-shadow:0 26px 52px rgba(18,33,31,.25)}
.hero-card a{border-radius:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18)}
.trust-strip>div,.stats-inner,.search,.kbli-card,.price-card,.home-services-grid article,.value-grid article,.article-grid article,.off-badge,.promo-poster,.testi-card,.svc-card,.dir-card,.svc-detail-card,.svc-rel-card,.kbli-hero,.kbli-body-card,.kbli-notes>div,.kbli-warn,.article-callout,.story-card,.about-points>div,.pk-card,.aud-tile{
  border-radius:8px;
}
.trust-strip>div:first-child,.trust-strip>div:last-child{border-radius:8px}
.search{
  border-color:#d7e4e0;
  box-shadow:0 16px 34px rgba(18,33,31,.09);
}
.kbli-card,.price-card,.home-services-grid article,.value-grid article,.article-grid article,.off-badge,.svc-card,.dir-card,.svc-detail-card,.svc-rel-card,.testi-card,.pk-card,.aud-tile{
  box-shadow:0 8px 22px rgba(18,33,31,.06);
}
.kbli-card:hover,.price-card:hover,.home-services-grid article:hover,.value-grid article:hover,.article-grid article:hover,.off-badge:hover,.svc-card:hover,.dir-card:hover,.svc-rel-card:hover,.pk-card:hover,.aud-tile:hover{
  border-color:#b9d8d2;
  box-shadow:0 18px 38px rgba(18,33,31,.11);
}
.price-card.featured{border-color:var(--brand);box-shadow:0 20px 42px rgba(15,118,110,.16)}
.category,.kbli-card>b,.text-link,.footer-links a:hover,.footer-contact a:hover,.pager a:hover{color:var(--brand)}
.badge,.dir-badge,.promo-theme-indigo,.promo-theme-sky,.promo-theme-emerald,.promo-theme-amber,.promo-theme-rose{
  background:linear-gradient(135deg,var(--brand),var(--sky));
}
.promo-poster{min-height:282px;box-shadow:0 18px 35px rgba(18,33,31,.15)}
.promo-cta{border-radius:8px}
.official-strip,.pricing,.process,.commit-band,.testi-band{background:#f6faf8}
.stats-inner{border-color:#dfe8e5}
.stats-inner b{background:linear-gradient(115deg,var(--brand),var(--accent));background-clip:text;-webkit-background-clip:text;color:transparent}
.page-hero{padding-top:70px!important}
.center-actions{flex-wrap:wrap}
.art-thumb,.art-cover{border-radius:8px;background:linear-gradient(135deg,#eef8f5,#eef5ff)}
.footer-wrap{padding-top:46px}
.footer-base{background:#fbfdfc}
@media(max-width:850px){
  .hero{grid-template-columns:1fr;min-height:0;gap:32px}
  nav .main-menu{top:74px}
}
@media(max-width:620px){
  nav{height:66px}
  main>section{padding:58px 18px}
  .hero{padding-top:48px!important}
  .hero h1{font-size:34px;line-height:1.16}
  .hero-card{padding:24px}
  .trust-strip{padding-left:18px!important;padding-right:18px!important}
  .home-cta .btn,.hero-actions .btn,.hero-actions .text-link{width:100%;justify-content:center}
  .footer-base{text-align:center}
}

.brand i,.hero-card-icon,.trust-strip i,.home-services-grid article>i,.value-grid article>i,.article-icon,.svc-top>i,.dir-card>i,.svc-rel-card>i,.about-points i,.pk-card>i,.aud-tile>i,.nav-burger{
  border-radius:8px;
}
.promo-theme-indigo{background:linear-gradient(135deg,#143f3a,#2563eb)}
.promo-theme-sky{background:linear-gradient(135deg,#155e75,#0f766e)}
.promo-theme-emerald{background:linear-gradient(135deg,#065f46,#2563eb)}
.promo-theme-amber{background:linear-gradient(135deg,#7c3f10,#0f766e)}
.promo-theme-rose{background:linear-gradient(135deg,#8f1d38,#0f766e)}

/* ===== v10: responsive navigation ===== */
.site-nav{
  position:sticky;
  top:0;
  z-index:100;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  height:72px;
  padding:0 max(20px,calc((100% - 1180px)/2));
  border-bottom:1px solid rgba(223,232,229,.92);
  background:rgba(255,255,255,.94);
  box-shadow:0 10px 30px rgba(18,33,31,.07);
  backdrop-filter:blur(16px);
}
.site-nav .brand{
  flex:0 0 auto;
  min-width:0;
  color:var(--navy);
  font-size:18px;
  line-height:1;
}
.site-nav .brand span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.site-nav .brand i{
  flex:none;
  width:38px;
  height:38px;
  margin-right:10px;
}
.site-nav .main-menu{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:4px;
  min-width:0;
}
.site-nav .main-menu>a:not(.btn){
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 10px;
  border-radius:8px;
  color:#53625e;
  font-size:12.5px;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
}
.site-nav .main-menu>a:not(.btn):hover{
  color:var(--brand);
  background:#eef8f5;
}
.site-nav .main-menu>a.active:not(.btn){
  color:var(--brand)!important;
  background:#e6f4f1;
  box-shadow:inset 0 0 0 1px #cce3de;
}
.site-nav .main-menu .btn.small{
  min-height:38px;
  margin-left:8px;
  padding:0 14px;
  border-radius:8px;
  white-space:nowrap;
}
.site-nav .nav-burger{
  display:none;
  flex:none;
  width:44px;
  height:44px;
  border:1px solid #d6e4df;
  background:#fff;
  color:var(--navy);
  box-shadow:0 8px 18px rgba(18,33,31,.06);
}
.site-nav .nav-burger:hover{
  color:var(--brand);
  border-color:#b8d7d0;
  background:#f7fbfa;
}
.site-nav .nav-burger i:last-child{display:none}
html.nav-open .site-nav .nav-burger i:first-child{display:none}
html.nav-open .site-nav .nav-burger i:last-child{display:block}
@media(max-width:1100px){
  .site-nav{padding-left:18px;padding-right:18px}
  .site-nav .main-menu>a:not(.btn){padding:0 8px;font-size:12px}
  .site-nav .main-menu .btn.small{padding:0 12px}
}
@media(max-width:980px){
  .site-nav .brand{font-size:17px}
  .site-nav .main-menu>a:not(.btn){padding:0 7px}
}
@media(max-width:920px){
  .site-nav{height:68px}
  .site-nav .nav-burger{display:grid}
  .site-nav .main-menu{
    position:absolute;
    top:calc(100% + 10px);
    left:14px;
    right:14px;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    max-height:min(74vh,620px);
    padding:14px;
    border:1px solid #dbe8e4;
    border-radius:8px;
    background:rgba(255,255,255,.98);
    box-shadow:0 24px 55px rgba(18,33,31,.18);
    overflow:auto;
    opacity:0;
    visibility:hidden;
    transform:translateY(-8px);
    pointer-events:none;
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
  }
  html.nav-open .site-nav .main-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    pointer-events:auto;
  }
  .site-nav .main-menu>a:not(.btn){
    min-height:46px;
    padding:0 14px;
    border:1px solid #edf3f1;
    background:#fbfdfc;
    font-size:13px;
  }
  .site-nav .main-menu>a.active:not(.btn){border-color:#cce3de}
  .site-nav .main-menu .btn.small{
    grid-column:1/-1;
    width:100%;
    min-height:48px;
    margin:2px 0 0;
  }
}
@media(max-width:560px){
  .site-nav{
    height:64px;
    padding-left:14px;
    padding-right:14px;
  }
  .site-nav .brand{font-size:16px;max-width:calc(100% - 58px)}
  .site-nav .brand i{width:36px;height:36px;margin-right:9px}
  .site-nav .nav-burger{width:42px;height:42px}
  .site-nav .main-menu{
    left:10px;
    right:10px;
    grid-template-columns:1fr;
    padding:12px;
  }
  .site-nav .main-menu>a:not(.btn){
    min-height:44px;
    justify-content:space-between;
  }
}

/* ===== v11: fixed mobile drawer, no clipping ===== */
@media(max-width:920px){
  html.nav-open{overflow:hidden}
  html.nav-open body::before{
    content:"";
    position:fixed;
    inset:68px 0 0;
    z-index:99;
    background:rgba(10,20,18,.26);
    backdrop-filter:blur(3px);
  }
  .site-nav{
    overflow:visible;
    isolation:isolate;
  }
  .site-nav .brand{
    position:relative;
    z-index:102;
  }
  .site-nav .nav-burger{
    position:relative;
    z-index:103;
  }
  .site-nav .main-menu,
  html.nav-open .site-nav .main-menu{
    display:grid!important;
    flex-direction:initial!important;
    align-items:stretch!important;
  }
  .site-nav .main-menu{
    position:fixed!important;
    top:82px!important;
    left:16px!important;
    right:16px!important;
    width:auto!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px!important;
    max-height:calc(100dvh - 98px);
    padding:16px!important;
    border:1px solid #d7e6e1;
    border-radius:12px;
    background:#fff;
    box-shadow:0 26px 70px rgba(18,33,31,.24);
    overflow-y:auto;
    z-index:101;
  }
  .site-nav .main-menu::before{display:none}
  .site-nav .main-menu>a:not(.btn){
    display:flex!important;
    justify-content:center;
    min-height:50px;
    padding:0 14px!important;
    border:1px solid #e6efec;
    border-radius:10px;
    background:#f8fbfa;
    color:#31433f;
    font-size:13.5px;
    font-weight:800;
    box-shadow:0 8px 18px rgba(18,33,31,.05);
  }
  .site-nav .main-menu>a:not(.btn)::after{
    content:"\F285";
    margin-left:8px;
    color:#8aa39d;
    font-family:"bootstrap-icons";
    font-size:12px;
    line-height:1;
  }
  .site-nav .main-menu>a.active:not(.btn){
    color:#fff!important;
    border-color:transparent;
    background:linear-gradient(135deg,var(--brand),var(--sky));
    box-shadow:0 12px 24px rgba(15,118,110,.18);
  }
  .site-nav .main-menu>a.active:not(.btn)::after{color:rgba(255,255,255,.82)}
  .site-nav .main-menu .btn.small{
    grid-column:1/-1;
    min-height:52px;
    margin:2px 0 0!important;
    border-radius:10px;
    font-size:14px;
  }
}
@media(max-width:560px){
  .site-nav .main-menu{
    top:74px!important;
    left:10px!important;
    right:10px!important;
    grid-template-columns:1fr;
    max-height:calc(100dvh - 86px);
    padding:12px!important;
  }
  html.nav-open body::before{inset:64px 0 0}
  .site-nav .main-menu>a:not(.btn){
    justify-content:space-between;
    min-height:48px;
    padding:0 15px!important;
  }
}

/* ===== v12: elegant UI motion system ===== */
@keyframes page-rise{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:none}
}
@keyframes soft-sheen{
  from{background-position:0% 50%}
  to{background-position:100% 50%}
}
@keyframes button-shine{
  from{transform:translateX(-130%) skewX(-18deg)}
  to{transform:translateX(220%) skewX(-18deg)}
}
@keyframes drawer-in{
  from{opacity:0;transform:translateY(-12px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
.ui-ready body{animation:page-rise .48s ease both}
.site-nav{
  transition:height .22s ease,background .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.nav-scrolled .site-nav{
  height:66px;
  background:rgba(255,255,255,.97);
  border-bottom-color:#d5e4df;
  box-shadow:0 14px 36px rgba(18,33,31,.10);
}
.site-nav .brand i{
  position:relative;
  overflow:hidden;
  transition:transform .22s ease,box-shadow .22s ease;
}
.site-nav .brand:hover i{
  transform:translateY(-1px) rotate(-3deg);
  box-shadow:0 12px 24px rgba(15,118,110,.20);
}
.site-nav .main-menu>a:not(.btn){
  position:relative;
  overflow:hidden;
  transition:color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;
}
.site-nav .main-menu>a:not(.btn):hover{
  transform:translateY(-1px);
}
.site-nav .main-menu>a:not(.btn)::before{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:6px;
  height:2px;
  border-radius:2px;
  background:linear-gradient(90deg,var(--brand),var(--sky));
  opacity:0;
  transform:scaleX(.35);
  transform-origin:center;
  transition:opacity .18s ease,transform .18s ease;
}
.site-nav .main-menu>a:not(.btn):hover::before,
.site-nav .main-menu>a.active:not(.btn)::before{
  opacity:1;
  transform:scaleX(1);
}
.site-nav .main-menu>a.active:not(.btn)::before{
  bottom:0;
  left:0;
  right:0;
}
.btn,.site-nav .main-menu .btn.small,.promo-cta{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.btn::after,.site-nav .main-menu .btn.small::after,.promo-cta::after{
  content:"";
  position:absolute;
  inset:-20% auto -20% 0;
  width:42%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);
  transform:translateX(-130%) skewX(-18deg);
  pointer-events:none;
  z-index:0;
}
.btn:hover::after,.site-nav .main-menu .btn.small:hover::after,.promo-cta:hover::after{
  animation:button-shine .76s ease;
}
.hero{
  background-size:180% 180%;
  animation:soft-sheen 12s ease-in-out infinite alternate;
}
.hero-card,.rate-card,.contact-info,.partner-cta-card,.svc-cta-card,.story-card,.vm-card{
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.hero-card:hover,.rate-card:hover,.contact-info:hover,.partner-cta-card:hover,.svc-cta-card:hover,.story-card:hover,.vm-card:hover{
  transform:translateY(-5px);
  box-shadow:0 28px 56px rgba(18,33,31,.20);
}
.kbli-card,.price-card,.home-services-grid article,.value-grid article,.article-grid article,.off-badge,.svc-card,.dir-card,.svc-rel-card,.testi-card,.pk-card,.aud-tile,.contact-form,.kbli-body-card,.article-callout{
  will-change:transform;
}
.ui-ready .reveal-item{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .56s ease var(--reveal-delay,0ms),transform .56s ease var(--reveal-delay,0ms);
}
.ui-ready .reveal-item.is-visible{
  opacity:1;
  transform:none;
}
.price-card:hover strong,.kbli-card:hover h3,.svc-card:hover h2,.dir-card:hover b,.article-card:hover h2{
  color:var(--brand);
}
.search,.contact-form input,.contact-form select,.contact-form textarea{
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease;
}
.search:focus-within{
  border-color:#9bcfc5;
  box-shadow:0 20px 42px rgba(15,118,110,.14);
  transform:translateY(-1px);
}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{
  transform:translateY(-1px);
}
@media(max-width:920px){
  html.nav-open .site-nav .main-menu{
    animation:drawer-in .2s ease both;
  }
  .site-nav .main-menu>a:not(.btn)::before{
    display:none;
  }
  .site-nav .main-menu>a:not(.btn):hover{
    transform:none;
  }
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
  .ui-ready .reveal-item{
    opacity:1;
    transform:none;
  }
}
.reduce-motion .reveal-item{
  opacity:1;
  transform:none;
}

/* ===== v13: performance and SEO-friendly rendering ===== */
body{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
.hero{
  animation:none;
  contain:layout paint;
}
main>section:not(.hero):not(.page-hero):not(.trust-strip){
  content-visibility:auto;
  contain-intrinsic-size:1px 720px;
}
.kbli-card,.price-card,.home-services-grid article,.value-grid article,.article-grid article,.off-badge,.svc-card,.dir-card,.svc-rel-card,.testi-card,.pk-card,.aud-tile,.contact-form,.kbli-body-card,.article-callout{
  will-change:auto;
}
.kbli-card:hover,.price-card:hover,.home-services-grid article:hover,.value-grid article:hover,.article-grid article:hover,.off-badge:hover,.svc-card:hover,.dir-card:hover,.svc-rel-card:hover,.pk-card:hover,.aud-tile:hover,.btn:hover,.promo-cta:hover{
  will-change:transform;
}
img{
  content-visibility:auto;
}

/* ===== v14: LegalKita logo contrast palette ===== */
:root{
  --navy:#003070;
  --navy-2:#064586;
  --ink:#10233f;
  --muted:#607083;
  --brand:#003070;
  --sky:#00c0c0;
  --cyan:#00c0c0;
  --cyan-2:#00a8bd;
  --accent:#00c0c0;
  --line:#d7e4ea;
  --soft:#f4f9fb;
  --soft-blue:#eef6fb;
  --soft-cyan:#e8fbfb;
}
body{
  color:var(--ink);
  background:linear-gradient(180deg,#fff 0%,#f7fbfd 100%);
}
.site-nav{
  border-bottom-color:rgba(0,48,112,.10);
  background:rgba(255,255,255,.96);
  box-shadow:0 12px 34px rgba(0,48,112,.09);
}
.nav-scrolled .site-nav{
  border-bottom-color:rgba(0,48,112,.16);
  box-shadow:0 16px 40px rgba(0,48,112,.13);
}
.brand{color:var(--navy)}
.brand i,.site-nav .brand i,.off-logo,.svc-top>i,.dir-cat-head>i,.kbli-code-lg,.testi-ava,.process-grid b,.stat-card i{
  background:linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 48%,var(--cyan) 100%);
}
.site-nav .main-menu>a:not(.btn){
  color:#43566f;
}
.site-nav .main-menu>a:not(.btn):hover{
  color:var(--navy);
  background:var(--soft-blue);
}
.site-nav .main-menu>a.active:not(.btn){
  color:var(--navy)!important;
  background:linear-gradient(180deg,#fff,#e9f7fb);
  box-shadow:inset 0 0 0 1px rgba(0,192,192,.38),0 8px 18px rgba(0,48,112,.08);
}
.site-nav .main-menu>a:not(.btn)::before{
  background:linear-gradient(90deg,var(--navy),var(--cyan));
}
.btn,.site-nav .main-menu .btn.small,.hero-card a{
  background:linear-gradient(110deg,var(--navy) 0%,#07549b 52%,var(--cyan) 100%);
  box-shadow:0 12px 26px rgba(0,48,112,.18);
}
.btn:hover,.site-nav .main-menu .btn.small:hover,.hero-card a:hover{
  box-shadow:0 16px 34px rgba(0,48,112,.24);
}
.btn.ghost,.outline{
  color:var(--navy);
  border-color:rgba(0,192,192,.42);
  background:#fff;
}
.btn.ghost:hover,.outline:hover{
  color:#fff;
  background:var(--navy);
  border-color:var(--navy);
}
.hero{
  background:
    linear-gradient(135deg,#ffffff 0%,#f4fbfd 46%,#e8fbfb 100%);
  border-bottom-color:rgba(0,48,112,.10);
}
.hero h1,.page-hero h1,.heading h2{
  color:var(--navy);
}
.hero-copy>p,.heading p,.page-hero p{
  color:#5f7085;
}
.eyebrow,.category,.kbli-card>b,.text-link,.footer-links a:hover,.footer-contact a:hover,.pager a:hover,.dir-card em,.svc-rel-card em,.kbli-more{
  color:var(--cyan-2);
}
.hero-chips a,.svc-tags span,.article-card .art-top span,.meta-row span,.meta-row a{
  color:var(--navy);
  background:#eef9fb;
  border-color:#caeef1;
}
.hero-chips a:hover{
  color:#fff;
  background:var(--navy);
  border-color:var(--navy);
}
.hero-card,.rate-card,.contact-info,.partner-cta-card,.svc-cta-card,.story-card,.vm-card,.vm-card.alt,.home-cta{
  background:linear-gradient(145deg,var(--navy) 0%,#064586 56%,#008eaa 100%);
}
.hero-card,.rate-card,.contact-info,.partner-cta-card,.svc-cta-card{
  box-shadow:0 28px 58px rgba(0,48,112,.22);
}
.trust-strip>div,.stats-inner,.search,.kbli-card,.price-card,.home-services-grid article,.value-grid article,.article-grid article,.off-badge,.svc-card,.dir-card,.svc-detail-card,.svc-rel-card,.testi-card,.pk-card,.aud-tile,.contact-form,.kbli-body-card{
  border-color:var(--line);
}
.kbli-card:hover,.price-card:hover,.home-services-grid article:hover,.value-grid article:hover,.article-grid article:hover,.off-badge:hover,.svc-card:hover,.dir-card:hover,.svc-rel-card:hover,.pk-card:hover,.aud-tile:hover{
  border-color:rgba(0,192,192,.48);
  box-shadow:0 20px 42px rgba(0,48,112,.12);
}
.home-services-grid article>i,.value-grid article>i,.article-icon,.dir-card>i,.svc-rel-card>i,.about-points i,.pk-card>i,.aud-tile>i,.trust-strip i{
  color:var(--navy);
  background:linear-gradient(180deg,#eff9fb,#e5f7fa);
}
.home-services-grid article:hover>i,.value-grid article:hover>i,.dir-card:hover>i{
  color:#fff;
  background:linear-gradient(135deg,var(--navy),var(--cyan));
}
.badge,.dir-badge{
  background:linear-gradient(135deg,var(--navy),var(--cyan));
}
.promo-theme-indigo{background:linear-gradient(135deg,#003070,#0862a8)}
.promo-theme-sky{background:linear-gradient(135deg,#003070,#00c0c0)}
.promo-theme-emerald{background:linear-gradient(135deg,#00577d,#00c0c0)}
.promo-theme-amber{background:linear-gradient(135deg,#003070,#c98720)}
.promo-theme-rose{background:linear-gradient(135deg,#003070,#9f3156)}
.official-strip,.pricing,.process,.commit-band,.testi-band,footer{
  background:linear-gradient(180deg,#f7fbfd,#eef8fb);
}
.stats-inner b{
  background:linear-gradient(115deg,var(--navy),var(--cyan));
  background-clip:text;
  -webkit-background-clip:text;
  color:transparent;
}
.search:focus-within{
  border-color:rgba(0,192,192,.62);
  box-shadow:0 20px 42px rgba(0,48,112,.14);
}
.price-card.featured{
  border-color:var(--cyan);
  box-shadow:0 22px 46px rgba(0,48,112,.16);
}
.footer-base{
  background:#fff;
  border-top-color:rgba(0,48,112,.10);
}
@media(max-width:920px){
  html.nav-open body::before{
    background:rgba(0,28,64,.36);
  }
  .site-nav .main-menu{
    border-color:rgba(0,192,192,.32);
    box-shadow:0 28px 70px rgba(0,48,112,.25);
  }
  .site-nav .main-menu>a:not(.btn){
    color:var(--navy);
    background:linear-gradient(180deg,#fff,#f0fafc);
    border-color:#d7eef2;
  }
  .site-nav .main-menu>a.active:not(.btn){
    color:#fff!important;
    background:linear-gradient(135deg,var(--navy),var(--cyan));
  }
}

/* ===== v15: logo assets and Samawa brand family ===== */
.brand-logo{
  display:grid;
  place-items:center;
  flex:none;
  width:42px;
  height:42px;
  margin-right:10px;
  padding:4px;
  border:1px solid rgba(0,192,192,.25);
  border-radius:12px;
  background:#fff;
  box-shadow:0 10px 24px rgba(0,48,112,.12);
  overflow:hidden;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.brand-logo img,.family-logo img,.hero-card-brand img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.brand-word{
  min-width:0;
}
.site-nav .brand{
  gap:0;
}
.site-nav .brand .brand-logo{
  width:40px;
  height:40px;
  margin-right:11px;
}
.site-nav .brand:hover .brand-logo{
  transform:translateY(-1px) scale(1.03);
  box-shadow:0 14px 28px rgba(0,48,112,.16);
}
.brand-family{
  display:inline-flex;
  align-items:center;
  gap:11px;
  width:max-content;
  max-width:100%;
  padding:8px 12px;
  border:1px solid rgba(0,192,192,.28);
  border-radius:14px;
  background:rgba(255,255,255,.84);
  box-shadow:0 16px 32px rgba(0,48,112,.08);
  backdrop-filter:blur(14px);
}
.family-logo{
  display:grid;
  place-items:center;
  flex:none;
  background:#fff;
  overflow:hidden;
}
.family-logo.lk-logo{
  width:42px;
  height:42px;
  padding:4px;
  border-radius:12px;
  border:1px solid rgba(0,48,112,.08);
}
.family-logo.samawa-logo{
  width:134px;
  height:44px;
  padding:5px 8px;
  border-radius:10px;
  border:1px solid rgba(0,48,112,.08);
}
.family-line{
  width:26px;
  height:1px;
  background:linear-gradient(90deg,var(--navy),var(--cyan));
  opacity:.58;
}
.family-copy{
  display:grid;
  gap:2px;
  min-width:0;
  text-align:left;
}
.family-copy b{
  color:var(--navy);
  font-size:10px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
  white-space:nowrap;
}
.family-copy small{
  color:#556a82;
  font-size:12px;
  font-weight:800;
  line-height:1.25;
  white-space:nowrap;
}
.hero-family{
  margin-bottom:18px;
  animation:logo-float-in .62s ease both;
}
.page-family{
  display:flex;
  justify-content:center;
  width:fit-content;
  max-width:min(100%,440px);
  margin:0 auto 18px;
  padding:6px 10px;
  gap:8px;
  border-radius:12px;
  box-shadow:0 10px 22px rgba(0,48,112,.06);
}
.page-hero:not(.center-hero) .page-family{
  margin-left:0;
  margin-right:auto;
}
.page-family .family-logo.lk-logo{
  width:30px;
  height:30px;
  padding:3px;
  border-radius:8px;
}
.page-family .family-logo.samawa-logo{
  width:108px;
  height:32px;
  padding:3px 5px;
  border-radius:8px;
}
.page-family .family-line{
  width:14px;
}
.page-family .family-copy b{
  font-size:7.5px;
  letter-spacing:.08em;
}
.page-family .family-copy small{
  font-size:10px;
  line-height:1.2;
}
.page-family + .eyebrow{
  display:flex;
  width:max-content;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
}
.page-hero:not(.center-hero) .page-family + .eyebrow{
  margin-left:0;
  margin-right:0;
}
.footer-family{
  margin:2px 0 14px;
  padding:7px 9px;
  box-shadow:none;
  background:#fff;
}
.footer-family .family-logo.lk-logo{
  width:34px;
  height:34px;
  border-radius:9px;
}
.footer-family .family-logo.samawa-logo{
  width:116px;
  height:38px;
}
.footer-family .family-copy b{
  font-size:8.5px;
}
.footer-family .family-copy small{
  font-size:10.5px;
}
.hero-card-brand{
  display:flex;
  align-items:center;
  gap:13px;
  margin-bottom:20px;
  padding:12px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:14px;
  background:rgba(255,255,255,.1);
}
.hero-card-brand img{
  flex:none;
  width:54px;
  height:54px;
  padding:5px;
  border-radius:13px;
  background:#fff;
}
.hero-card-brand span{
  color:rgba(255,255,255,.72);
  font-size:11px;
  line-height:1.45;
}
.hero-card-brand b{
  color:#fff;
  font-size:12.5px;
}
.kbli-hero{
  justify-content:space-between;
}
.kbli-hero-main{
  display:flex;
  align-items:center;
  gap:22px;
  min-width:0;
}
.kbli-family{
  margin-bottom:14px;
  padding:6px 9px;
  box-shadow:none;
}
.kbli-family .family-logo.lk-logo{
  width:32px;
  height:32px;
  border-radius:9px;
}
.kbli-family .family-logo.samawa-logo{
  width:108px;
  height:35px;
}
.kbli-family .family-line{
  width:18px;
}
.kbli-family .family-copy b{
  font-size:8px;
}
.kbli-family .family-copy small{
  font-size:10px;
}
@keyframes logo-float-in{
  from{opacity:0;transform:translateY(12px) scale(.98)}
  to{opacity:1;transform:none}
}
@media(max-width:760px){
  .brand-family{
    width:100%;
    justify-content:flex-start;
  }
  .page-family{
    justify-content:center;
  }
  .family-logo.samawa-logo{
    width:120px;
  }
  .family-copy b{
    font-size:9px;
  }
  .family-copy small{
    font-size:11px;
  }
  .kbli-hero{
    align-items:stretch;
  }
  .kbli-hero-main{
    align-items:flex-start;
    flex-direction:column;
  }
}
@media(max-width:560px){
  .site-nav .brand .brand-logo{
    width:36px;
    height:36px;
    margin-right:9px;
    border-radius:10px;
  }
  .brand-family{
    display:grid;
    grid-template-columns:auto 1fr auto;
    gap:9px;
    padding:9px;
  }
  .family-line{
    display:none;
  }
  .family-logo.lk-logo{
    width:38px;
    height:38px;
  }
  .family-logo.samawa-logo{
    grid-column:1/-1;
    width:100%;
    max-width:190px;
    height:42px;
    justify-self:start;
  }
  .page-family .family-logo.samawa-logo{
    display:none;
  }
  .page-family{
    display:flex;
    width:fit-content;
    max-width:100%;
    margin-bottom:14px;
    padding:6px 9px;
  }
  .page-family .family-copy small{
    white-space:normal;
  }
  .hero-card-brand{
    align-items:flex-start;
    flex-direction:column;
  }
}

/* ===== v16: responsive brand redesign ===== */
.hero{
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.74fr);
  gap:clamp(28px,5vw,64px);
  align-items:center;
  min-height:560px;
  padding-top:56px!important;
  padding-bottom:56px!important;
  background:
    radial-gradient(circle at 10% 18%,rgba(0,192,192,.16),transparent 30%),
    linear-gradient(135deg,#fff 0%,#f7fbfd 52%,#eafbff 100%);
}
.hero::before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(0,48,112,.08);
  border-radius:26px;
  pointer-events:none;
}
.hero-copy{
  max-width:760px;
}
.hero-family{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  width:min(100%,600px);
  margin-bottom:20px;
  padding:11px 14px;
  border-color:rgba(0,192,192,.34);
  border-radius:18px;
  background:rgba(255,255,255,.9);
  box-shadow:0 22px 48px rgba(0,48,112,.1);
}
.hero-family .family-logo.lk-logo{
  width:54px;
  height:54px;
  padding:5px;
  border-radius:15px;
}
.hero-family .family-copy b{
  color:var(--navy);
  font-size:14px;
  letter-spacing:0;
  text-transform:none;
}
.hero-family .family-copy small{
  color:#5f7085;
  font-size:12.5px;
  white-space:normal;
}
.hero-family .family-line{
  display:none;
}
.hero-family .family-logo.samawa-logo{
  width:156px;
  height:48px;
  padding:5px 8px;
  border-radius:12px;
}
.page-family{
  display:flex;
  align-items:center;
  width:fit-content;
  max-width:min(100%,360px);
  min-height:38px;
  margin-bottom:18px;
  padding:5px 8px 5px 6px;
  gap:7px;
  border-color:rgba(0,192,192,.2);
  border-radius:999px;
  background:rgba(255,255,255,.78);
  box-shadow:0 10px 24px rgba(0,48,112,.05);
}
.page-family .family-logo.lk-logo{
  width:28px;
  height:28px;
  padding:3px;
  border-radius:50%;
}
.page-family .family-copy{
  display:block;
  min-width:0;
}
.page-family .family-copy b{
  display:none;
}
.page-family .family-copy small{
  display:block;
  max-width:180px;
  overflow:hidden;
  color:#52657d;
  font-size:10.5px;
  font-weight:800;
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.page-family .family-line{
  width:1px;
  height:22px;
  background:#d7e4ea;
  opacity:1;
}
.page-family .family-logo.samawa-logo{
  width:78px;
  height:26px;
  padding:2px 4px;
  border:0;
  border-radius:7px;
  background:#fff;
}
.page-family + .eyebrow{
  display:flex;
  clear:both;
  margin-top:0;
}
.hero-card{
  align-self:center;
  border-radius:22px;
  background:
    linear-gradient(145deg,rgba(0,48,112,.98),rgba(6,69,134,.98) 54%,rgba(0,152,176,.98));
}
.hero-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 18% 5%,rgba(255,255,255,.2),transparent 34%);
  pointer-events:none;
}
.hero-card>*{
  position:relative;
  z-index:1;
}
.hero-card-brand{
  display:grid;
  grid-template-columns:1fr;
  gap:13px;
  margin-bottom:22px;
  padding:14px;
  border-color:rgba(255,255,255,.2);
  border-radius:18px;
  background:rgba(255,255,255,.1);
}
.hero-card-logos{
  display:flex;
  align-items:center;
  gap:10px;
}
.hero-card-brand img{
  flex:none;
  object-fit:contain;
  background:#fff;
}
.hero-card-lk{
  width:58px!important;
  height:58px!important;
  padding:5px!important;
  border-radius:15px!important;
}
.hero-card-samawa{
  width:min(100%,172px)!important;
  height:54px!important;
  padding:6px 9px!important;
  border-radius:13px!important;
}
.hero-card-brand span{
  color:rgba(255,255,255,.75);
  font-size:12px;
  line-height:1.55;
}
.hero-card-brand b{
  color:#fff;
  font-size:13.5px;
}
.kbli-family{
  width:fit-content;
  max-width:100%;
  border-radius:999px;
}
@media(max-width:1024px){
  .hero{
    grid-template-columns:1fr;
    min-height:0;
    padding-top:44px!important;
  }
  .hero-card{
    width:100%;
    max-width:620px;
  }
}
@media(max-width:760px){
  .hero-family{
    grid-template-columns:auto minmax(0,1fr);
    width:100%;
    padding:10px;
  }
  .hero-family .family-logo.samawa-logo{
    grid-column:1/-1;
    width:100%;
    max-width:210px;
    justify-self:start;
  }
  .page-family{
    max-width:100%;
  }
  .page-family .family-copy small{
    max-width:150px;
  }
  .kbli-family .family-logo.samawa-logo{
    display:none;
  }
}
@media(max-width:560px){
  .hero{
    padding-top:34px!important;
    padding-bottom:40px!important;
  }
  .hero::before{
    inset:10px;
    border-radius:18px;
  }
  .hero-family{
    display:flex;
    align-items:center;
  }
  .hero-family .family-logo.lk-logo{
    width:44px;
    height:44px;
    border-radius:12px;
  }
  .hero-family .family-logo.samawa-logo{
    display:none;
  }
  .hero-family .family-copy b{
    font-size:13px;
  }
  .hero-family .family-copy small{
    font-size:11px;
  }
  .page-family{
    margin-bottom:12px;
    padding:5px 8px;
  }
  .page-family .family-copy small{
    max-width:190px;
    white-space:normal;
  }
  .page-family .family-line,
  .page-family .family-logo.samawa-logo{
    display:none;
  }
  .hero-card-logos{
    flex-wrap:wrap;
  }
  .hero-card-samawa{
    width:100%!important;
    max-width:210px;
  }
}

/* ===== v17: focused logo placement and About brand story ===== */
.hero-card-logo{
  display:flex;
  align-items:center;
  gap:13px;
  margin-bottom:20px;
  padding:12px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:16px;
  background:rgba(255,255,255,.1);
}
.hero-card-logo img{
  flex:none;
  width:58px;
  height:58px;
  padding:5px;
  border-radius:14px;
  background:#fff;
  object-fit:contain;
  box-shadow:0 12px 26px rgba(0,20,45,.18);
}
.hero-card-logo span{
  display:grid;
  gap:4px;
  min-width:0;
}
.hero-card-logo b{
  color:#fff;
  font-size:17px;
  font-weight:900;
  line-height:1.15;
}
.hero-card-logo small{
  color:rgba(255,255,255,.74);
  font-size:11.5px;
  font-weight:800;
  line-height:1.35;
}
.brand-story{
  max-width:none!important;
  background:
    radial-gradient(circle at 12% 12%,rgba(0,192,192,.12),transparent 28%),
    linear-gradient(180deg,#fff,#f4fbfd);
}
.brand-story>.heading,.brand-zigzag{
  max-width:1124px;
  margin-left:auto;
  margin-right:auto;
}
.brand-zigzag{
  display:grid;
  gap:26px;
  margin-top:40px;
}
.brand-story-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,.82fr);
  gap:34px;
  align-items:center;
}
.brand-story-row.is-reverse{
  grid-template-columns:minmax(300px,.82fr) minmax(0,1fr);
}
.brand-story-text{
  padding:34px 0;
}
.brand-story-text h2{
  margin:10px 0 14px;
  color:var(--navy);
  font-size:clamp(25px,3.2vw,38px);
  font-weight:900;
  line-height:1.15;
}
.brand-story-text p{
  margin:0;
  max-width:620px;
  color:#5f7085;
  font-size:15px;
  line-height:1.9;
}
.brand-story-text ul{
  display:grid;
  gap:10px;
  margin:22px 0 0;
  padding:0;
  list-style:none;
}
.brand-story-text li{
  display:flex;
  gap:10px;
  align-items:flex-start;
  color:#40536c;
  font-size:13px;
  font-weight:750;
  line-height:1.65;
}
.brand-story-text li i{
  flex:none;
  margin-top:2px;
  color:var(--cyan-2);
}
.brand-story-visual{
  position:relative;
  display:grid;
  place-items:center;
  min-height:300px;
  margin:0;
  padding:34px;
  border:1px solid rgba(0,192,192,.24);
  border-radius:24px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.94),rgba(238,249,251,.92));
  box-shadow:0 24px 56px rgba(0,48,112,.12);
  overflow:hidden;
}
.brand-story-visual::before{
  content:"";
  position:absolute;
  width:230px;
  height:230px;
  border:44px solid rgba(0,192,192,.1);
  border-radius:50%;
  right:-84px;
  top:-88px;
}
.brand-story-visual::after{
  content:"";
  position:absolute;
  width:120px;
  height:120px;
  border-radius:999px;
  left:-48px;
  bottom:-48px;
  background:rgba(0,48,112,.08);
}
.brand-story-visual img{
  position:relative;
  z-index:1;
  display:block;
  width:min(100%,430px);
  height:auto;
  max-height:230px;
  object-fit:contain;
  filter:drop-shadow(0 20px 28px rgba(0,48,112,.14));
}
.legalkita-visual img{
  width:min(100%,250px);
  max-height:250px;
}
.samawa-visual{
  min-height:260px;
}
.samawa-visual img{
  width:min(100%,470px);
}
@media(max-width:900px){
  .brand-story-row,
  .brand-story-row.is-reverse{
    grid-template-columns:1fr;
    gap:18px;
  }
  .brand-story-row.is-reverse .brand-story-visual{
    order:2;
  }
  .brand-story-row.is-reverse .brand-story-text{
    order:1;
  }
  .brand-story-text{
    padding:12px 0 0;
  }
  .brand-story-visual{
    min-height:240px;
    padding:26px;
    border-radius:20px;
  }
}
@media(max-width:560px){
  .hero-card-logo{
    align-items:flex-start;
    padding:11px;
  }
  .hero-card-logo img{
    width:48px;
    height:48px;
    border-radius:12px;
  }
  .hero-card-logo b{
    font-size:15px;
  }
  .brand-zigzag{
    gap:34px;
    margin-top:28px;
  }
  .brand-story-text h2{
    font-size:25px;
  }
  .brand-story-visual{
    min-height:200px;
    padding:22px;
  }
  .legalkita-visual img{
    width:180px;
  }
}

/* ===== v18: About principles redesign ===== */
.principles-section{
  max-width:none!important;
  padding-top:92px!important;
  padding-bottom:96px!important;
  background:
    radial-gradient(circle at 12% 10%,rgba(0,192,192,.1),transparent 28%),
    linear-gradient(180deg,#f8fcfd 0%,#fff 64%,#f2f9fb 100%);
}
.principles-section>.heading,
.principle-grid{
  max-width:1124px;
  margin-left:auto;
  margin-right:auto;
}
.principles-section .heading{
  margin-bottom:0;
}
.principle-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:42px;
}
.principle-grid article{
  position:relative;
  min-height:292px;
  padding:26px 24px 24px;
  border:1px solid rgba(0,48,112,.1);
  border-radius:18px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,252,253,.96));
  box-shadow:0 18px 42px rgba(0,48,112,.08);
  overflow:hidden;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.principle-grid article::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:linear-gradient(90deg,var(--navy),var(--cyan));
  opacity:.9;
}
.principle-grid article::after{
  content:"";
  position:absolute;
  right:-54px;
  top:-54px;
  width:150px;
  height:150px;
  border-radius:50%;
  background:rgba(0,192,192,.08);
  pointer-events:none;
}
.principle-grid article:hover{
  transform:translateY(-6px);
  border-color:rgba(0,192,192,.36);
  box-shadow:0 28px 60px rgba(0,48,112,.14);
}
.principle-index{
  position:absolute;
  top:21px;
  right:22px;
  color:rgba(0,48,112,.12);
  font-size:30px;
  font-weight:900;
  line-height:1;
}
.principle-grid article>i{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  margin:0 0 22px;
  color:#fff;
  background:linear-gradient(135deg,var(--navy),var(--cyan));
  border-radius:15px;
  box-shadow:0 14px 26px rgba(0,48,112,.18);
  font-size:23px;
  transition:transform .24s ease,box-shadow .24s ease;
}
.principle-grid article:hover>i{
  transform:translateY(-2px) scale(1.05);
  box-shadow:0 18px 32px rgba(0,48,112,.24);
}
.principle-grid h2{
  position:relative;
  z-index:1;
  margin:0 0 12px;
  color:var(--navy);
  font-size:20px;
  font-weight:900;
  line-height:1.28;
}
.principle-grid p{
  position:relative;
  z-index:1;
  margin:0;
  color:#5e7188;
  font-size:13.5px;
  line-height:1.82;
}
@media(max-width:1024px){
  .principle-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:620px){
  .principles-section{
    padding-top:66px!important;
    padding-bottom:70px!important;
  }
  .principle-grid{
    grid-template-columns:1fr;
    gap:14px;
    margin-top:30px;
  }
  .principle-grid article{
    min-height:0;
    padding:23px 21px;
  }
  .principle-grid article>i{
    width:48px;
    height:48px;
    margin-bottom:18px;
    border-radius:13px;
    font-size:20px;
  }
  .principle-grid h2{
    font-size:18px;
  }
}

/* ===== v19: Partner audience section ===== */
.partner-audience.audience-section{
  max-width:none!important;
  padding-top:92px!important;
  padding-bottom:96px!important;
  background:
    radial-gradient(circle at 14% 18%,rgba(0,192,192,.13),transparent 34%),
    radial-gradient(circle at 88% 12%,rgba(0,48,112,.09),transparent 32%),
    linear-gradient(180deg,#f8fdff 0%,#fff 58%,#f7fbfc 100%);
}
.partner-audience.audience-section>.heading,
.audience-grid{
  max-width:1124px;
  margin-left:auto;
  margin-right:auto;
}
.partner-audience.audience-section .heading{
  margin-bottom:0;
}
.audience-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:42px;
}
.audience-grid .aud-tile{
  position:relative;
  min-height:246px;
  padding:28px 26px 26px;
  border:1px solid rgba(0,48,112,.1);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(248,252,253,.96));
  box-shadow:0 18px 42px rgba(0,48,112,.08);
  overflow:hidden;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.audience-grid .aud-tile::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:linear-gradient(90deg,var(--navy),var(--cyan));
  opacity:.9;
}
.audience-grid .aud-tile::after{
  content:"";
  position:absolute;
  right:-56px;
  top:-56px;
  width:152px;
  height:152px;
  border-radius:50%;
  background:rgba(0,192,192,.08);
  pointer-events:none;
}
.audience-grid .aud-tile:hover{
  transform:translateY(-6px);
  border-color:rgba(0,192,192,.36);
  box-shadow:0 28px 60px rgba(0,48,112,.14);
}
.aud-index{
  position:absolute;
  top:21px;
  right:22px;
  color:rgba(0,48,112,.12);
  font-size:30px;
  font-weight:900;
  line-height:1;
}
.audience-grid .aud-tile>i{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  margin:0 0 22px;
  color:#fff;
  background:linear-gradient(135deg,var(--navy),var(--cyan));
  border-radius:15px;
  box-shadow:0 14px 26px rgba(0,48,112,.18);
  font-size:23px;
  transition:transform .24s ease,box-shadow .24s ease;
}
.audience-grid .aud-tile:hover>i{
  transform:translateY(-2px) scale(1.05);
  box-shadow:0 18px 32px rgba(0,48,112,.24);
}
.audience-grid .aud-tile b{
  position:relative;
  z-index:1;
  display:block;
  margin:0 0 12px;
  color:var(--navy);
  font-size:20px;
  font-weight:900;
  line-height:1.28;
}
.audience-grid .aud-tile>span:not(.aud-index){
  position:relative;
  z-index:1;
  display:block;
  color:#5e7188;
  font-size:13.5px;
  line-height:1.82;
}
@media(max-width:1024px){
  .audience-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:620px){
  .partner-audience.audience-section{
    padding-top:66px!important;
    padding-bottom:70px!important;
  }
  .audience-grid{
    grid-template-columns:1fr;
    gap:14px;
    margin-top:30px;
  }
  .audience-grid .aud-tile{
    min-height:0;
    padding:23px 21px;
  }
  .audience-grid .aud-tile>i{
    width:48px;
    height:48px;
    margin-bottom:18px;
    border-radius:13px;
    font-size:20px;
  }
  .audience-grid .aud-tile b{
    font-size:18px;
  }
}

/* ===== v20: Error pages ===== */
.error-main{
  background:
    radial-gradient(circle at 8% 10%,rgba(0,192,192,.14),transparent 34%),
    radial-gradient(circle at 92% 22%,rgba(0,48,112,.10),transparent 30%),
    linear-gradient(180deg,#f8fdff 0%,#fff 54%,#f7fbfc 100%);
}
.error-hero{
  max-width:1180px;
  min-height:520px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,390px);
  gap:46px;
  align-items:center;
  padding-top:74px!important;
  padding-bottom:54px!important;
}
.error-copy h1{
  max-width:760px;
  margin:14px 0 18px;
  color:var(--navy);
  font-size:clamp(38px,5vw,68px);
  font-weight:900;
  line-height:1.04;
  letter-spacing:0;
}
.error-copy p{
  max-width:650px;
  margin:0;
  color:#5f7085;
  font-size:17px;
  line-height:1.85;
}
.error-actions{
  display:flex;
  flex-wrap:wrap;
  gap:13px;
  margin-top:30px;
}
.error-panel{
  position:relative;
  display:grid;
  overflow:hidden;
  min-height:390px;
  padding:30px;
  color:#fff;
  border:1px solid rgba(255,255,255,.20);
  border-radius:24px;
  background:linear-gradient(145deg,var(--navy) 0%,#064586 56%,#008eaa 100%);
  box-shadow:0 30px 70px rgba(0,48,112,.22);
}
.error-panel::before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:18px;
  pointer-events:none;
}
.error-panel::after{
  content:"";
  position:absolute;
  right:-76px;
  bottom:-82px;
  width:210px;
  height:210px;
  border:34px solid rgba(255,255,255,.08);
  border-radius:50%;
  pointer-events:none;
}
.error-panel>*{
  position:relative;
  z-index:1;
}
.error-panel img{
  width:74px;
  height:74px;
  padding:7px;
  border-radius:18px;
  background:#fff;
  box-shadow:0 14px 30px rgba(0,0,0,.16);
}
.error-panel span{
  margin-top:28px;
  font-size:clamp(74px,10vw,116px);
  font-weight:900;
  line-height:.86;
  letter-spacing:0;
}
.error-panel>i{
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  margin-top:22px;
  color:#fff;
  border:1px solid rgba(255,255,255,.22);
  border-radius:16px;
  background:rgba(255,255,255,.12);
  font-size:26px;
}
.error-panel b{
  margin-top:22px;
  font-size:20px;
}
.error-panel p{
  margin:7px 0 0;
  color:rgba(255,255,255,.74);
  line-height:1.65;
}
.error-shortcuts{
  max-width:1180px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:15px;
  padding-top:22px!important;
  padding-bottom:74px!important;
}
.error-shortcuts a{
  display:flex;
  gap:14px;
  align-items:flex-start;
  min-height:142px;
  padding:22px;
  color:inherit;
  text-decoration:none;
  border:1px solid rgba(0,48,112,.10);
  border-radius:18px;
  background:rgba(255,255,255,.92);
  box-shadow:0 18px 42px rgba(0,48,112,.07);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.error-shortcuts a:hover{
  transform:translateY(-5px);
  border-color:rgba(0,192,192,.36);
  box-shadow:0 26px 54px rgba(0,48,112,.12);
}
.error-shortcuts i{
  display:grid;
  place-items:center;
  flex:none;
  width:46px;
  height:46px;
  color:#fff;
  border-radius:14px;
  background:linear-gradient(135deg,var(--navy),var(--cyan));
  font-size:20px;
}
.error-shortcuts span{
  display:grid;
  gap:7px;
}
.error-shortcuts b{
  color:var(--navy);
  font-size:16px;
  line-height:1.28;
}
.error-shortcuts small{
  color:#5f7085;
  font-size:12.5px;
  line-height:1.65;
}
.error-contact{
  max-width:none!important;
  display:flex;
  gap:24px;
  align-items:center;
  justify-content:space-between;
  padding:54px max(28px,calc((100% - 1124px)/2))!important;
  color:#fff;
  background:linear-gradient(135deg,var(--navy),#07549b 58%,var(--cyan));
}
.error-contact h2{
  max-width:650px;
  margin:10px 0;
  font-size:clamp(26px,3vw,38px);
  line-height:1.14;
  letter-spacing:0;
}
.error-contact p{
  max-width:660px;
  margin:0;
  color:rgba(255,255,255,.78);
  line-height:1.75;
}
.error-contact .eyebrow{
  color:#aef7ff;
}
.error-contact .btn{
  flex:none;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.24);
  box-shadow:none;
}
@media(max-width:920px){
  .error-hero{
    grid-template-columns:1fr;
    gap:28px;
    padding-top:56px!important;
  }
  .error-panel{
    min-height:310px;
  }
  .error-shortcuts{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .error-contact{
    align-items:flex-start;
    flex-direction:column;
  }
}
@media(max-width:620px){
  .error-hero{
    padding-top:42px!important;
    padding-bottom:36px!important;
  }
  .error-copy h1{
    font-size:38px;
  }
  .error-copy p{
    font-size:14.5px;
  }
  .error-actions{
    flex-direction:column;
  }
  .error-actions .btn,
  .error-contact .btn{
    width:100%;
  }
  .error-panel{
    min-height:270px;
    padding:24px;
    border-radius:20px;
  }
  .error-panel span{
    font-size:76px;
  }
  .error-shortcuts{
    grid-template-columns:1fr;
    gap:13px;
    padding-bottom:56px!important;
  }
  .error-shortcuts a{
    min-height:0;
    padding:19px;
  }
  .error-contact{
    padding:42px 20px!important;
  }
}

/* ===== v21: Security protection page ===== */
.security-main{
  background:
    radial-gradient(circle at 10% 12%,rgba(0,192,192,.15),transparent 35%),
    radial-gradient(circle at 88% 6%,rgba(0,48,112,.12),transparent 32%),
    linear-gradient(180deg,#f8fdff 0%,#fff 52%,#f6fbfc 100%);
}
.security-hero{
  max-width:1180px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(290px,400px);
  gap:48px;
  align-items:center;
  min-height:560px;
  padding-top:78px!important;
  padding-bottom:54px!important;
}
.security-copy h1{
  max-width:780px;
  margin:14px 0 18px;
  color:var(--navy);
  font-size:clamp(38px,5vw,66px);
  font-weight:900;
  line-height:1.05;
  letter-spacing:0;
}
.security-copy p{
  max-width:680px;
  margin:0;
  color:#5f7085;
  font-size:17px;
  line-height:1.85;
}
.security-actions{
  display:flex;
  flex-wrap:wrap;
  gap:13px;
  margin-top:30px;
}
.security-panel{
  position:relative;
  display:grid;
  overflow:hidden;
  min-height:410px;
  padding:30px;
  color:#fff;
  border-radius:24px;
  background:
    linear-gradient(145deg,rgba(0,48,112,.98),rgba(6,69,134,.96) 56%,rgba(0,142,170,.98)),
    linear-gradient(90deg,rgba(255,255,255,.1),transparent);
  box-shadow:0 32px 74px rgba(0,48,112,.24);
}
.security-panel::before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:18px;
  pointer-events:none;
}
.security-panel::after{
  content:"";
  position:absolute;
  right:-84px;
  bottom:-86px;
  width:230px;
  height:230px;
  border:36px solid rgba(255,255,255,.08);
  border-radius:50%;
  pointer-events:none;
}
.security-panel>*{
  position:relative;
  z-index:1;
}
.security-panel img{
  width:76px;
  height:76px;
  padding:7px;
  border-radius:18px;
  background:#fff;
  box-shadow:0 14px 30px rgba(0,0,0,.16);
}
.security-panel span{
  margin-top:34px;
  font-size:clamp(78px,10vw,122px);
  font-weight:900;
  line-height:.86;
  letter-spacing:0;
}
.security-panel b{
  align-self:end;
  margin-top:24px;
  font-size:24px;
}
.security-panel p{
  margin:8px 0 0;
  color:rgba(255,255,255,.74);
  line-height:1.65;
}
.security-grid{
  max-width:1180px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:17px;
  padding-top:18px!important;
  padding-bottom:78px!important;
}
.security-grid article{
  position:relative;
  overflow:hidden;
  min-height:230px;
  padding:28px 26px;
  border:1px solid rgba(0,48,112,.10);
  border-radius:18px;
  background:rgba(255,255,255,.94);
  box-shadow:0 18px 42px rgba(0,48,112,.08);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.security-grid article::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:linear-gradient(90deg,var(--navy),var(--cyan));
}
.security-grid article:hover{
  transform:translateY(-6px);
  border-color:rgba(0,192,192,.36);
  box-shadow:0 28px 60px rgba(0,48,112,.14);
}
.security-grid i{
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  margin-bottom:22px;
  color:#fff;
  border-radius:15px;
  background:linear-gradient(135deg,var(--navy),var(--cyan));
  box-shadow:0 14px 26px rgba(0,48,112,.18);
  font-size:23px;
}
.security-grid h2{
  margin:0 0 12px;
  color:var(--navy);
  font-size:20px;
  line-height:1.28;
}
.security-grid p{
  margin:0;
  color:#5e7188;
  font-size:13.5px;
  line-height:1.82;
}
.security-note{
  max-width:none!important;
  display:flex;
  gap:24px;
  align-items:center;
  justify-content:space-between;
  padding:54px max(28px,calc((100% - 1124px)/2))!important;
  color:#fff;
  background:linear-gradient(135deg,var(--navy),#07549b 58%,var(--cyan));
}
.security-note h2{
  max-width:650px;
  margin:10px 0;
  font-size:clamp(26px,3vw,38px);
  line-height:1.14;
  letter-spacing:0;
}
.security-note p{
  max-width:660px;
  margin:0;
  color:rgba(255,255,255,.78);
  line-height:1.75;
}
.security-note .eyebrow{
  color:#aef7ff;
}
.security-note .btn{
  flex:none;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.24);
  box-shadow:none;
}
@media(max-width:920px){
  .security-hero{
    grid-template-columns:1fr;
    min-height:0;
    gap:30px;
    padding-top:58px!important;
  }
  .security-panel{
    min-height:320px;
  }
  .security-grid{
    grid-template-columns:1fr;
  }
  .security-note{
    align-items:flex-start;
    flex-direction:column;
  }
}
@media(max-width:620px){
  .security-hero{
    padding-top:42px!important;
    padding-bottom:36px!important;
  }
  .security-copy h1{
    font-size:38px;
  }
  .security-copy p{
    font-size:14.5px;
  }
  .security-actions{
    flex-direction:column;
  }
  .security-actions .btn,
  .security-note .btn{
    width:100%;
  }
  .security-panel{
    min-height:270px;
    padding:24px;
    border-radius:20px;
  }
  .security-panel span{
    font-size:76px;
  }
  .security-grid{
    gap:13px;
    padding-bottom:56px!important;
  }
  .security-grid article{
    min-height:0;
    padding:23px 21px;
  }
  .security-note{
    padding:42px 20px!important;
  }
}

/* ===== v22: SEO sitemap page ===== */
.sitemap-hero{
  background:
    radial-gradient(circle at 18% 20%,rgba(0,192,192,.14),transparent 34%),
    radial-gradient(circle at 86% 12%,rgba(0,48,112,.10),transparent 30%),
    linear-gradient(180deg,#f8fdff,#fff);
}
.sitemap-section{
  max-width:1180px;
}
.sitemap-section .heading{
  margin-bottom:34px;
}
.sitemap-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.sitemap-card{
  position:relative;
  display:grid;
  gap:12px;
  min-height:190px;
  padding:24px;
  color:inherit;
  text-decoration:none;
  border:1px solid rgba(0,48,112,.10);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(248,252,253,.96));
  box-shadow:0 18px 42px rgba(0,48,112,.08);
  overflow:hidden;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.sitemap-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:linear-gradient(90deg,var(--navy),var(--cyan));
}
.sitemap-card:hover{
  transform:translateY(-6px);
  border-color:rgba(0,192,192,.36);
  box-shadow:0 28px 60px rgba(0,48,112,.14);
}
.sitemap-card i{
  display:grid;
  place-items:center;
  width:50px;
  height:50px;
  color:#fff;
  border-radius:15px;
  background:linear-gradient(135deg,var(--navy),var(--cyan));
  box-shadow:0 14px 26px rgba(0,48,112,.18);
  font-size:21px;
}
.sitemap-card b{
  color:var(--navy);
  font-size:19px;
  line-height:1.25;
}
.sitemap-card span{
  color:#5f7085;
  font-size:13px;
  line-height:1.72;
}
.sitemap-band{
  max-width:none!important;
  background:linear-gradient(180deg,#f8fdff,#fff);
}
.sitemap-band>.heading,
.sitemap-band>.sitemap-link-list{
  max-width:1124px;
  margin-left:auto;
  margin-right:auto;
}
.sitemap-link-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.sitemap-link-list a{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:6px 12px;
  align-items:center;
  min-height:82px;
  padding:17px 18px;
  color:inherit;
  text-decoration:none;
  border:1px solid rgba(0,48,112,.10);
  border-radius:14px;
  background:#fff;
  box-shadow:0 12px 28px rgba(0,48,112,.06);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.sitemap-link-list a:hover{
  transform:translateY(-3px);
  border-color:rgba(0,192,192,.36);
  box-shadow:0 18px 40px rgba(0,48,112,.11);
}
.sitemap-link-list small{
  grid-column:1;
  color:var(--brand);
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.sitemap-link-list span{
  grid-column:1;
  color:var(--navy);
  font-size:15px;
  font-weight:850;
  line-height:1.35;
}
.sitemap-link-list i{
  grid-column:2;
  grid-row:1/3;
  color:var(--brand);
}
.sitemap-link-list.compact a{
  min-height:74px;
}
@media(max-width:920px){
  .sitemap-grid,
  .sitemap-link-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:620px){
  .sitemap-grid,
  .sitemap-link-list{
    grid-template-columns:1fr;
  }
  .sitemap-card{
    min-height:0;
    padding:21px;
  }
  .sitemap-link-list a{
    min-height:0;
  }
}

/* ===== v23: Media and backlink kit ===== */
.media-hero{
  background:
    radial-gradient(circle at 18% 18%,rgba(0,192,192,.14),transparent 34%),
    radial-gradient(circle at 84% 10%,rgba(0,48,112,.12),transparent 30%),
    linear-gradient(180deg,#f8fdff,#fff);
}
.media-profile{
  max-width:1180px;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);
  gap:18px;
  padding-top:26px!important;
}
.media-brand-card,
.media-logo-card{
  display:flex;
  gap:18px;
  align-items:center;
  padding:26px;
  border:1px solid rgba(0,48,112,.10);
  border-radius:20px;
  background:rgba(255,255,255,.94);
  box-shadow:0 18px 42px rgba(0,48,112,.08);
}
.media-brand-card img{
  flex:none;
  width:86px;
  height:86px;
  padding:8px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(0,192,192,.24);
}
.media-brand-card h2{
  margin:8px 0 10px;
  color:var(--navy);
  font-size:32px;
  line-height:1.1;
}
.media-brand-card p{
  margin:0;
  color:#5f7085;
  line-height:1.76;
}
.media-logo-card{
  flex-direction:column;
  align-items:stretch;
}
.media-logo-card img{
  width:100%;
  height:94px;
  object-fit:contain;
  padding:12px;
  border:1px solid rgba(0,48,112,.08);
  border-radius:16px;
  background:#fff;
}
.media-section{
  max-width:1180px;
}
.media-link-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.media-link-card{
  position:relative;
  overflow:hidden;
  min-height:285px;
  padding:25px;
  border:1px solid rgba(0,48,112,.10);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(248,252,253,.96));
  box-shadow:0 18px 42px rgba(0,48,112,.08);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.media-link-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:linear-gradient(90deg,var(--navy),var(--cyan));
}
.media-link-card:hover{
  transform:translateY(-6px);
  border-color:rgba(0,192,192,.36);
  box-shadow:0 28px 60px rgba(0,48,112,.14);
}
.media-link-card>i{
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  margin-bottom:20px;
  color:#fff;
  border-radius:15px;
  background:linear-gradient(135deg,var(--navy),var(--cyan));
  box-shadow:0 14px 26px rgba(0,48,112,.18);
  font-size:22px;
}
.media-link-card h2{
  margin:0 0 10px;
  color:var(--navy);
  font-size:19px;
  line-height:1.3;
}
.media-link-card p{
  min-height:68px;
  margin:0 0 16px;
  color:#5f7085;
  font-size:13px;
  line-height:1.7;
}
.media-link-card code{
  display:block;
  overflow:auto;
  padding:11px 12px;
  color:#21415f;
  border:1px solid rgba(0,48,112,.10);
  border-radius:12px;
  background:#f3f8fb;
  font-size:11.5px;
  line-height:1.5;
}
.media-link-card a{
  display:inline-flex;
  gap:7px;
  align-items:center;
  margin-top:15px;
  color:var(--brand);
  font-weight:900;
  text-decoration:none;
}
.media-band{
  max-width:none!important;
  background:linear-gradient(180deg,#f8fdff,#fff);
}
.media-band>.heading,
.media-band>.media-target-grid{
  max-width:1124px;
  margin-left:auto;
  margin-right:auto;
}
.media-target-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:15px;
}
.media-target-grid article{
  display:grid;
  gap:11px;
  min-height:168px;
  padding:22px;
  border:1px solid rgba(0,48,112,.10);
  border-radius:18px;
  background:#fff;
  box-shadow:0 14px 34px rgba(0,48,112,.07);
}
.media-target-grid i{
  color:var(--brand);
  font-size:22px;
}
.media-target-grid b{
  color:var(--navy);
  font-size:18px;
  line-height:1.3;
}
.media-target-grid span{
  color:#5f7085;
  font-size:13px;
  line-height:1.72;
}
.media-outreach{
  max-width:none!important;
  display:flex;
  gap:24px;
  align-items:center;
  justify-content:space-between;
  padding:54px max(28px,calc((100% - 1124px)/2))!important;
  color:#fff;
  background:linear-gradient(135deg,var(--navy),#07549b 58%,var(--cyan));
}
.media-outreach h2{
  max-width:660px;
  margin:10px 0;
  font-size:clamp(26px,3vw,38px);
  line-height:1.14;
  letter-spacing:0;
}
.media-outreach p{
  max-width:760px;
  margin:0;
  color:rgba(255,255,255,.78);
  line-height:1.75;
}
.media-outreach .eyebrow{
  color:#aef7ff;
}
.media-outreach .btn{
  flex:none;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.24);
  box-shadow:none;
}
@media(max-width:920px){
  .media-profile,
  .media-link-grid,
  .media-target-grid{
    grid-template-columns:1fr;
  }
  .media-outreach{
    align-items:flex-start;
    flex-direction:column;
  }
}
@media(max-width:620px){
  .media-brand-card{
    align-items:flex-start;
    flex-direction:column;
  }
  .media-brand-card h2{
    font-size:28px;
  }
  .media-link-card,
  .media-target-grid article{
    min-height:0;
    padding:21px;
  }
  .media-link-card p{
    min-height:0;
  }
  .media-outreach{
    padding:42px 20px!important;
  }
  .media-outreach .btn{
    width:100%;
  }
}

/* ===== v24: responsive polish and softer layout rhythm ===== */
:root{
  --container:min(100% - 32px,1180px);
  --container-narrow:min(100% - 32px,880px);
  --surface:#ffffff;
  --surface-soft:#f7fbfd;
  --warm:#f59e0b;
  --shadow-sm:0 8px 20px rgba(0,48,112,.06);
  --shadow-md:0 18px 42px rgba(0,48,112,.10);
}
html{
  overflow-x:hidden;
}
body{
  overflow-x:hidden;
  font-size:clamp(14px,1.05vw,15px);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
a,button,input,select,textarea{
  font:inherit;
}
a,button{
  -webkit-tap-highlight-color:transparent;
}
p,h1,h2,h3,h4,h5,h6{
  overflow-wrap:anywhere;
}
main>section{
  width:var(--container);
  max-width:var(--container);
  padding:clamp(54px,7vw,92px) 0;
}
.page-hero,
.article-detail,
.kbli-detail{
  width:var(--container-narrow);
  max-width:var(--container-narrow)!important;
  padding-left:0!important;
  padding-right:0!important;
}
.heading{
  width:min(100%,780px);
  margin-bottom:clamp(24px,4vw,40px);
}
.heading h2,
.page-hero h1,
.hero h1{
  text-wrap:balance;
}
.heading p,
.page-hero p,
.hero-copy>p{
  text-wrap:pretty;
}
.site-nav{
  padding-left:max(16px,calc((100% - 1180px)/2));
  padding-right:max(16px,calc((100% - 1180px)/2));
}
.site-nav .main-menu{
  gap:3px;
}
.site-nav .main-menu>a:not(.btn){
  min-width:max-content;
}
.brand-logo{
  border-radius:8px;
}
.hero{
  width:100%;
  max-width:none;
  padding-left:max(16px,calc((100% - 1180px)/2))!important;
  padding-right:max(16px,calc((100% - 1180px)/2))!important;
  border-bottom:1px solid rgba(0,48,112,.09);
  background:
    linear-gradient(132deg,#fff 0%,#f5fbfd 50%,#eafdff 100%);
}
.hero::before{
  inset:24px max(16px,calc((100% - 1180px)/2));
  border-radius:8px;
}
.hero-copy{
  min-width:0;
}
.hero h1{
  max-width:760px;
  font-size:clamp(34px,5vw,62px);
  line-height:1.08;
}
.hero-actions,
.center-actions,
.error-actions,
.security-actions{
  gap:12px;
}
.btn,
.promo-cta,
.pager a,
.pager .cur,
.pager .dots,
.tabs a{
  min-height:44px;
  border-radius:8px;
}
.text-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:44px;
}
.hero-chips{
  gap:10px;
}
.hero-chips a{
  border-radius:8px;
  line-height:1.2;
}
.hero-card,
.rate-card,
.contact-info,
.partner-cta-card,
.svc-cta-card,
.story-card,
.vm-card,
.home-cta,
.error-panel,
.security-panel{
  border-radius:8px!important;
}
.hero-card{
  max-width:520px;
  justify-self:end;
}
.hero-card-logo{
  border-radius:8px;
}
.hero-card-logo img{
  border-radius:8px;
}
.trust-strip{
  width:var(--container);
  max-width:var(--container)!important;
}
.trust-strip>div{
  min-width:0;
  padding:clamp(17px,2.4vw,24px);
}
.trust-strip span{
  min-width:0;
}
.stats-inner,
.official-layout,
.process>.heading,
.process-grid,
.commit-inner,
.brand-story>.heading,
.brand-zigzag,
.principles-section>.heading,
.principle-grid,
.partner-audience.audience-section>.heading,
.audience-grid,
.sitemap-band>.heading,
.sitemap-band>.sitemap-link-list,
.media-band>.heading,
.media-band>.media-target-grid{
  width:var(--container);
  max-width:1124px;
}
.kbli-grid,
.price-grid,
.home-services-grid,
.promo-grid,
.service-list,
.value-grid,
.article-grid,
.svc-grid,
.dir-grid,
.svc-rel-grid,
.related-list,
.official-grid,
.partner-perks,
.aud-grid,
.principle-grid,
.audience-grid,
.sitemap-grid,
.media-link-grid,
.media-target-grid,
.error-shortcuts,
.security-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));
}
.home-services-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));
}
.price-grid{
  align-items:stretch;
}
.kbli-card,
.price-card,
.home-services-grid article,
.value-grid article,
.article-grid article,
.off-badge,
.svc-card,
.dir-card,
.svc-detail-card,
.svc-rel-card,
.testi-card,
.pk-card,
.aud-tile,
.principle-grid article,
.audience-grid .aud-tile,
.sitemap-card,
.media-link-card,
.media-target-grid article,
.error-shortcuts a,
.security-grid article,
.contact-form{
  border-radius:8px!important;
  box-shadow:var(--shadow-sm);
}
.kbli-card:hover,
.price-card:hover,
.home-services-grid article:hover,
.value-grid article:hover,
.article-grid article:hover,
.off-badge:hover,
.svc-card:hover,
.dir-card:hover,
.svc-rel-card:hover,
.pk-card:hover,
.aud-tile:hover,
.principle-grid article:hover,
.audience-grid .aud-tile:hover,
.sitemap-card:hover,
.media-link-card:hover,
.error-shortcuts a:hover,
.security-grid article:hover{
  box-shadow:var(--shadow-md);
}
.kbli-card,
.dir-card,
.svc-rel-card,
.sitemap-card,
.error-shortcuts a{
  min-width:0;
}
.kbli-card{
  display:flex;
  flex-direction:column;
}
.price-card{
  min-height:0;
}
.price-card strong{
  line-height:1.18;
}
.price-card li,
.svc-list li{
  align-items:flex-start;
}
.price-card li i,
.svc-list i{
  flex:none;
}
.search{
  width:min(100%,800px);
  border-radius:8px;
}
.search input{
  min-height:44px;
}
.result-info{
  width:min(100%,1124px);
  margin-left:auto;
  margin-right:auto;
}
.pager{
  align-items:center;
}
.official-layout{
  grid-template-columns:minmax(280px,.9fr) minmax(0,1.35fr);
}
.off-badge{
  min-height:98px;
}
.stats-inner{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.stats-inner>div{
  min-width:0;
}
.process-grid{
  gap:18px;
}
.process-grid>div{
  min-width:0;
  padding:22px;
  border:1px solid rgba(0,48,112,.09);
  border-radius:8px;
  background:#fff;
  box-shadow:var(--shadow-sm);
}
.process-grid>div:not(:last-child):after{
  display:none;
}
.home-cta,
.paket-note.home-cta,
.media-outreach,
.security-note,
.error-contact{
  width:var(--container);
  max-width:1124px!important;
  margin:24px auto clamp(58px,8vw,94px)!important;
  padding:clamp(28px,4.8vw,46px)!important;
  border-radius:8px!important;
}
.media-outreach,
.security-note,
.error-contact{
  width:100%;
  max-width:none!important;
  margin:0!important;
  padding-left:max(20px,calc((100% - 1124px)/2))!important;
  padding-right:max(20px,calc((100% - 1124px)/2))!important;
}
.home-cta .btn,
.paket-note.home-cta .btn{
  color:#fff!important;
  background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(255,255,255,.24);
  box-shadow:none;
}
.home-cta h2,
.paket-note.home-cta h2{
  letter-spacing:0!important;
  line-height:1.18;
}
.contact-layout,
.about-story,
.partner-flex,
.brand-story-row,
.brand-story-row.is-reverse,
.media-profile,
.error-hero,
.security-hero,
.svc-detail{
  width:var(--container);
  max-width:1180px!important;
  grid-template-columns:minmax(0,1fr) minmax(280px,.82fr);
  padding-left:0!important;
  padding-right:0!important;
}
.contact-layout{
  grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);
}
.contact-form input,
.contact-form select,
.contact-form textarea{
  border-radius:8px;
}
.contact-form label{
  display:block;
  color:#40536c;
  font-size:13px;
  font-weight:800;
}
.contact-form label+label{
  margin-top:14px;
}
.cc-tile{
  min-width:0;
}
.cc-tile small{
  overflow-wrap:anywhere;
}
.footer-wrap,
.footer-base{
  width:var(--container);
  max-width:1180px;
  padding-left:0;
  padding-right:0;
}
.footer-wrap{
  grid-template-columns:minmax(240px,1.4fr) repeat(3,minmax(140px,1fr));
}
.footer-links a,
.footer-contact a{
  min-height:28px;
  display:inline-flex;
  align-items:center;
}
@media(max-width:1080px){
  html.nav-open{
    overflow:hidden;
  }
  html.nav-open body::before{
    content:"";
    position:fixed;
    inset:68px 0 0;
    z-index:99;
    background:rgba(0,28,64,.34);
    backdrop-filter:blur(3px);
  }
  .site-nav{
    height:68px;
    overflow:visible;
    isolation:isolate;
  }
  .site-nav .brand{
    position:relative;
    z-index:102;
  }
  .site-nav .nav-burger{
    position:relative;
    z-index:103;
    display:grid;
  }
  .site-nav .main-menu{
    position:fixed!important;
    top:78px!important;
    left:16px!important;
    right:16px!important;
    z-index:101;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px!important;
    width:auto!important;
    max-height:calc(100dvh - 94px);
    padding:16px!important;
    border:1px solid rgba(0,192,192,.32);
    border-radius:8px;
    background:#fff;
    box-shadow:0 28px 70px rgba(0,48,112,.25);
    overflow:auto;
    opacity:0;
    visibility:hidden;
    transform:translateY(-10px);
    pointer-events:none;
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
  }
  html.nav-open .site-nav .main-menu{
    opacity:1;
    visibility:visible;
    transform:none;
    pointer-events:auto;
  }
  .site-nav .main-menu>a:not(.btn){
    justify-content:space-between;
    min-height:48px;
    padding:0 14px!important;
    border:1px solid #d7eef2;
    border-radius:8px;
    background:linear-gradient(180deg,#fff,#f0fafc);
    font-size:13.5px;
  }
  .site-nav .main-menu>a:not(.btn)::before{
    display:none;
  }
  .site-nav .main-menu>a:not(.btn)::after{
    content:"\F285";
    margin-left:8px;
    color:#7c94aa;
    font-family:"bootstrap-icons";
    font-size:12px;
    line-height:1;
  }
  .site-nav .main-menu>a.active:not(.btn){
    color:#fff!important;
    border-color:transparent;
    background:linear-gradient(135deg,var(--navy),var(--cyan));
  }
  .site-nav .main-menu>a.active:not(.btn)::after{
    color:rgba(255,255,255,.82);
  }
  .site-nav .main-menu .btn.small{
    grid-column:1/-1;
    width:100%;
    min-height:50px;
    margin:2px 0 0!important;
    font-size:14px;
  }
}
@media(max-width:900px){
  :root{
    --container:min(100% - 28px,1180px);
    --container-narrow:min(100% - 28px,880px);
  }
  main>section{
    padding-top:clamp(46px,8vw,70px);
    padding-bottom:clamp(46px,8vw,70px);
  }
  .hero{
    grid-template-columns:1fr;
    padding-top:42px!important;
    padding-bottom:46px!important;
  }
  .hero::before{
    display:none;
  }
  .hero-card{
    justify-self:start;
    max-width:640px;
  }
  .official-layout,
  .contact-layout,
  .about-story,
  .partner-flex,
  .brand-story-row,
  .brand-story-row.is-reverse,
  .media-profile,
  .error-hero,
  .security-hero,
  .svc-detail{
    grid-template-columns:1fr;
  }
  .stats-inner{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .footer-wrap{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:620px){
  :root{
    --container:calc(100% - 32px);
    --container-narrow:calc(100% - 32px);
  }
  .site-nav{
    height:64px;
    padding-left:14px;
    padding-right:14px;
  }
  html.nav-open body::before{
    inset:64px 0 0;
  }
  .site-nav .brand{
    max-width:calc(100% - 56px);
  }
  .site-nav .main-menu{
    top:74px!important;
    left:10px!important;
    right:10px!important;
    grid-template-columns:1fr;
    max-height:calc(100dvh - 86px);
    padding:12px!important;
  }
  .hero{
    padding-top:34px!important;
    padding-bottom:38px!important;
  }
  .hero h1,
  .page-hero h1{
    font-size:clamp(31px,10vw,38px);
    line-height:1.12;
  }
  .heading h2{
    font-size:clamp(24px,8vw,31px);
  }
  .hero-actions,
  .center-actions,
  .error-actions,
  .security-actions,
  .home-cta,
  .media-outreach,
  .security-note,
  .error-contact{
    align-items:stretch;
    flex-direction:column;
  }
  .hero-actions .btn,
  .hero-actions .text-link,
  .center-actions .btn,
  .home-cta .btn,
  .paket-note.home-cta .btn,
  .media-outreach .btn,
  .security-note .btn,
  .error-contact .btn{
    width:100%;
    justify-content:center;
  }
  .hero-chips{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
  }
  .hero-chips a{
    justify-content:flex-start;
  }
  .trust-strip{
    gap:10px!important;
  }
  .stats-inner{
    grid-template-columns:1fr;
  }
  .stats-inner>div,
  .stats-inner>div:nth-child(even),
  .stats-inner>div:nth-child(n+3){
    border-left:0;
    border-top:1px solid var(--line);
  }
  .stats-inner>div:first-child{
    border-top:0;
  }
  .search{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:4px 8px;
    padding:10px;
  }
  .search i{
    align-self:center;
    margin-right:0;
  }
  .search .btn{
    grid-column:1/-1;
    width:100%;
  }
  .result-info{
    line-height:1.7;
  }
  .result-range{
    display:block;
    margin-left:0;
    margin-top:4px;
  }
  .off-badge,
  .media-brand-card,
  .error-shortcuts a{
    align-items:flex-start;
    flex-direction:column;
  }
  .promo-foot{
    align-items:stretch;
  }
  .promo-cta{
    display:inline-flex;
    justify-content:center;
    width:100%;
  }
  .footer-wrap{
    grid-template-columns:1fr;
  }
  .footer-base{
    align-items:flex-start;
    text-align:left;
  }
}

/* Keep editorial bands full-width while their content stays centered. */
.official-strip,
.pricing,
.process,
.commit-band,
.testi-band,
.brand-story,
.principles-section,
.partner-audience.audience-section,
.sitemap-band,
.media-band{
  width:100%!important;
  max-width:none!important;
  padding-left:0!important;
  padding-right:0!important;
}
.official-strip>.heading,
.official-layout,
.pricing>.heading,
.pricing>.price-grid,
.process>.heading,
.process-grid,
.commit-band>.heading,
.commit-inner,
.brand-story>.heading,
.brand-zigzag,
.principles-section>.heading,
.principle-grid,
.partner-audience.audience-section>.heading,
.audience-grid,
.sitemap-band>.heading,
.sitemap-band>.sitemap-link-list,
.media-band>.heading,
.media-band>.media-target-grid{
  width:var(--container);
  max-width:1124px;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* ===== v25: replace stiff hero card with lightweight workflow UI ===== */
.hero-flow{
  position:relative;
  z-index:1;
  justify-self:end;
  width:min(100%,430px);
  padding:18px;
  color:var(--ink);
  border:1px solid rgba(0,48,112,.10);
  border-radius:18px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.94),rgba(247,251,253,.90));
  box-shadow:0 28px 70px rgba(0,48,112,.14);
  backdrop-filter:blur(18px);
}
.hero-flow::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:-1;
  border-radius:18px;
  background:
    radial-gradient(circle at 18% 0%,rgba(0,192,192,.18),transparent 38%),
    radial-gradient(circle at 100% 82%,rgba(0,48,112,.12),transparent 34%);
  pointer-events:none;
}
.flow-head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:14px;
  border:1px solid rgba(0,48,112,.08);
  border-radius:14px;
  background:#fff;
  box-shadow:0 10px 26px rgba(0,48,112,.06);
}
.flow-head>span{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  color:#fff;
  border-radius:12px;
  background:linear-gradient(135deg,var(--navy),var(--cyan));
}
.flow-head small,
.flow-item small,
.flow-metrics span{
  display:block;
  color:#64758a;
  font-size:11px;
  font-weight:750;
  line-height:1.35;
}
.flow-head b{
  display:block;
  margin-top:2px;
  color:var(--navy);
  font-size:18px;
  font-weight:900;
  line-height:1.15;
}
.flow-head em{
  padding:7px 10px;
  color:#007f8d;
  border:1px solid rgba(0,192,192,.24);
  border-radius:999px;
  background:#ecfbfb;
  font-size:10px;
  font-style:normal;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.flow-progress{
  height:8px;
  margin:16px 4px 18px;
  overflow:hidden;
  border-radius:999px;
  background:#dceaf0;
}
.flow-progress>div{
  width:var(--w);
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--navy),var(--cyan));
}
.flow-stack{
  display:grid;
  gap:10px;
}
.flow-item{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:12px;
  align-items:center;
  min-height:68px;
  padding:13px 14px;
  border:1px solid rgba(0,48,112,.08);
  border-radius:14px;
  background:rgba(255,255,255,.72);
  transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.flow-item:hover{
  transform:translateX(3px);
  border-color:rgba(0,192,192,.34);
  background:#fff;
  box-shadow:0 14px 28px rgba(0,48,112,.08);
}
.flow-item>i{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  color:var(--navy);
  border-radius:11px;
  background:#edf8fb;
}
.flow-item.is-done>i{
  color:#fff;
  background:linear-gradient(135deg,#0f766e,var(--cyan));
}
.flow-item.is-active{
  border-color:rgba(0,192,192,.42);
  background:#fff;
  box-shadow:0 14px 32px rgba(0,48,112,.08);
}
.flow-item.is-active>i{
  color:#fff;
  background:linear-gradient(135deg,var(--navy),var(--cyan));
}
.flow-item b{
  display:block;
  color:var(--navy);
  font-size:14px;
  font-weight:900;
}
.flow-metrics{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.flow-metrics>div{
  min-width:0;
  padding:16px 14px;
  border:1px solid rgba(0,48,112,.08);
  border-radius:14px;
  background:#fff;
  box-shadow:0 10px 24px rgba(0,48,112,.05);
}
.flow-metrics b{
  display:block;
  color:var(--navy);
  font-size:22px;
  font-weight:950;
  line-height:1;
}
.flow-metrics span{
  margin-top:7px;
}
.flow-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:52px;
  margin-top:12px;
  padding:0 16px;
  color:#fff;
  border-radius:14px;
  background:linear-gradient(110deg,var(--navy),#07549b 58%,var(--cyan));
  box-shadow:0 16px 34px rgba(0,48,112,.20);
  font-size:14px;
  font-weight:900;
  text-decoration:none;
  transition:transform .2s ease,box-shadow .2s ease;
}
.flow-cta:hover{
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 20px 42px rgba(0,48,112,.26);
}
.flow-cta i{
  transition:transform .2s ease;
}
.flow-cta:hover i{
  transform:translate(2px,-2px);
}
@media(max-width:1024px){
  .hero-flow{
    justify-self:start;
    width:min(100%,560px);
  }
}
@media(max-width:620px){
  .hero-flow{
    width:100%;
    padding:12px;
    border-radius:14px;
  }
  .hero-flow::before{
    border-radius:14px;
  }
  .flow-head,
  .flow-item,
  .flow-metrics>div,
  .flow-cta{
    border-radius:10px;
  }
  .flow-head{
    grid-template-columns:auto minmax(0,1fr);
  }
  .flow-head em{
    grid-column:1/-1;
    width:max-content;
  }
  .flow-metrics{
    grid-template-columns:1fr;
  }
}

/* ===== v26: full UI/UX reset for a cleaner, less rigid public site ===== */
:root{
  --navy:#003070;
  --ink:#17263d;
  --muted:#617187;
  --brand:#003070;
  --sky:#00b8c4;
  --cyan:#00b8c4;
  --accent:#f2a20f;
  --line:#dde9ee;
  --soft:#f6fafc;
  --surface:#fff;
  --radius:8px;
  --container:min(100% - 36px,1180px);
  --container-narrow:min(100% - 36px,900px);
  --shadow-xs:0 1px 2px rgba(0,48,112,.05);
  --shadow-sm:0 8px 24px rgba(0,48,112,.07);
  --shadow-md:0 18px 46px rgba(0,48,112,.11);
}
body{
  color:var(--ink);
  background:
    linear-gradient(180deg,#fff 0,#f8fcfd 420px,#fff 100%);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  line-height:1.68;
}
body,
button,
input,
select,
textarea{
  letter-spacing:0;
}
h1,h2,h3,h4,h5,h6{
  letter-spacing:0!important;
}
img{
  max-width:100%;
  height:auto;
}
main{
  background:
    linear-gradient(180deg,rgba(232,251,252,.55),rgba(255,255,255,0) 520px);
}
main>section{
  width:var(--container);
  max-width:var(--container)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:clamp(50px,7vw,86px) 0!important;
}
.site-nav{
  height:70px;
  padding-left:max(18px,calc((100% - 1180px)/2));
  padding-right:max(18px,calc((100% - 1180px)/2));
  border-bottom:1px solid rgba(0,48,112,.10);
  background:rgba(255,255,255,.88);
  box-shadow:0 10px 30px rgba(0,48,112,.08);
  backdrop-filter:blur(18px);
}
.nav-scrolled .site-nav{
  height:64px;
  background:rgba(255,255,255,.96);
  box-shadow:0 14px 38px rgba(0,48,112,.12);
}
.site-nav .brand{
  color:var(--navy);
  font-size:18px;
  font-weight:900;
}
.site-nav .brand .brand-logo{
  width:38px;
  height:38px;
  margin-right:10px;
  padding:4px;
  border-radius:8px;
  box-shadow:0 8px 20px rgba(0,48,112,.10);
}
.site-nav .main-menu{
  gap:5px;
}
.site-nav .main-menu>a:not(.btn){
  min-height:38px;
  padding:0 10px;
  color:#485b73;
  border-radius:8px;
  font-size:12.5px;
}
.site-nav .main-menu>a:not(.btn):hover,
.site-nav .main-menu>a.active:not(.btn){
  color:var(--navy)!important;
  background:#eef8fb;
  box-shadow:inset 0 0 0 1px rgba(0,184,196,.20);
}
.site-nav .main-menu>a:not(.btn)::before{
  display:none;
}
.site-nav .main-menu .btn.small{
  min-height:40px;
  margin-left:8px;
  padding:0 14px;
}
.btn,
.promo-cta,
.flow-cta{
  min-height:44px;
  border-radius:8px!important;
  background:linear-gradient(110deg,var(--navy),#07549b 58%,var(--cyan));
  box-shadow:0 12px 26px rgba(0,48,112,.16);
  font-weight:850;
}
.btn:hover,
.promo-cta:hover,
.flow-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 36px rgba(0,48,112,.22);
}
.btn.ghost,
.btn.outline,
.outline{
  color:var(--navy)!important;
  border:1px solid rgba(0,184,196,.36)!important;
  background:#fff!important;
  box-shadow:var(--shadow-xs)!important;
}
.btn.ghost:hover,
.btn.outline:hover,
.outline:hover{
  color:#fff!important;
  background:var(--navy)!important;
  border-color:var(--navy)!important;
}
.hero{
  width:100%!important;
  max-width:none!important;
  min-height:auto;
  grid-template-columns:minmax(0,1.05fr) minmax(330px,.72fr);
  gap:clamp(30px,5vw,72px);
  padding:clamp(48px,7vw,86px) max(18px,calc((100% - 1180px)/2))!important;
  overflow:hidden;
  border-bottom:1px solid rgba(0,48,112,.08);
  background:
    linear-gradient(135deg,#fff 0,#f7fcfd 50%,#eaf9fb 100%);
}
.hero::before,
.hero::after,
.hero-flow::before,
.hero-card::before,
.hero-card::after{
  display:none!important;
}
.hero-copy{
  max-width:780px;
}
.eyebrow{
  color:#007f8d;
  font-size:10.5px;
  letter-spacing:.08em;
}
.hero h1{
  max-width:780px;
  margin:10px 0 16px;
  color:var(--navy);
  font-size:clamp(36px,5vw,64px);
  line-height:1.06;
  text-wrap:balance;
}
.hero-copy>p{
  max-width:680px;
  color:#5b6e85;
  font-size:clamp(15px,1.35vw,18px);
  line-height:1.85;
}
.hero-actions,
.center-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
}
.hero-actions{
  margin-top:28px;
}
.text-link{
  display:inline-flex;
  gap:8px;
  align-items:center;
  min-height:44px;
  color:var(--navy);
  font-weight:850;
}
.hero-chips{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:24px;
}
.hero-chips a,
.svc-tags span,
.article-card .art-top span,
.meta-row span,
.meta-row a,
.quick-chips span{
  border:1px solid rgba(0,184,196,.25);
  border-radius:8px!important;
  background:#fff;
  color:#24415f;
  box-shadow:var(--shadow-xs);
}
.hero-chips a:hover{
  color:#fff;
  background:var(--navy);
  border-color:var(--navy);
}
.hero-flow{
  justify-self:end;
  width:min(100%,430px);
  padding:14px;
  border:1px solid rgba(0,48,112,.10);
  border-radius:8px!important;
  background:rgba(255,255,255,.78);
  box-shadow:0 24px 64px rgba(0,48,112,.13);
  backdrop-filter:blur(18px);
}
.flow-head,
.flow-item,
.flow-metrics>div{
  border-radius:8px!important;
  border-color:rgba(0,48,112,.08);
  background:#fff;
  box-shadow:var(--shadow-xs);
}
.flow-head{
  padding:13px;
}
.flow-head>span,
.flow-item>i,
.off-logo,
.svc-top>i,
.dir-cat-head>i,
.kbli-code-lg,
.testi-ava,
.process-grid b,
.principle-grid article>i,
.audience-grid .aud-tile>i,
.sitemap-card i,
.media-link-card>i,
.security-grid i,
.error-shortcuts i{
  border-radius:8px!important;
  background:linear-gradient(135deg,var(--navy),var(--cyan))!important;
  box-shadow:none!important;
  color:#fff!important;
}
.flow-head b{
  font-size:17px;
}
.flow-head em{
  border-radius:8px;
}
.flow-progress{
  height:6px;
}
.flow-item{
  min-height:64px;
}
.flow-item:hover{
  transform:none;
  border-color:rgba(0,184,196,.35);
  box-shadow:var(--shadow-sm);
}
.flow-metrics{
  gap:10px;
}
.flow-metrics b{
  font-size:20px;
}
.heading{
  width:min(100%,760px);
  max-width:760px!important;
}
.heading h2{
  margin-bottom:12px;
  color:var(--navy);
  font-size:clamp(25px,3vw,36px);
  line-height:1.18;
  text-wrap:balance;
}
.heading p,
.page-hero p{
  color:#5d6f84;
  font-size:14.5px;
  line-height:1.85;
}
.page-hero,
.article-detail,
.kbli-detail{
  width:var(--container-narrow)!important;
  max-width:var(--container-narrow)!important;
}
.page-hero h1,
.article-detail h1{
  color:var(--navy);
  font-size:clamp(32px,5vw,54px);
  line-height:1.08;
  text-wrap:balance;
}
.official-strip,
.pricing,
.process,
.commit-band,
.testi-band,
.brand-story,
.principles-section,
.partner-audience.audience-section,
.sitemap-band,
.media-band{
  width:100%!important;
  max-width:none!important;
  background:#f6fafc!important;
}
.official-strip>.heading,
.official-layout,
.pricing>.heading,
.pricing>.price-grid,
.process>.heading,
.process-grid,
.commit-band>.heading,
.commit-inner,
.brand-story>.heading,
.brand-zigzag,
.principles-section>.heading,
.principle-grid,
.partner-audience.audience-section>.heading,
.audience-grid,
.sitemap-band>.heading,
.sitemap-band>.sitemap-link-list,
.media-band>.heading,
.media-band>.media-target-grid{
  width:var(--container)!important;
  max-width:1124px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.trust-strip{
  width:var(--container)!important;
  max-width:var(--container)!important;
  gap:10px!important;
}
.trust-strip>div{
  border:1px solid var(--line)!important;
  border-radius:8px!important;
  box-shadow:var(--shadow-xs);
}
.stats-inner,
.kbli-card,
.price-card,
.home-services-grid article,
.value-grid article,
.article-grid article,
.off-badge,
.svc-card,
.dir-card,
.svc-detail-card,
.svc-rel-card,
.testi-card,
.pk-card,
.aud-tile,
.principle-grid article,
.audience-grid .aud-tile,
.sitemap-card,
.media-link-card,
.media-target-grid article,
.error-shortcuts a,
.security-grid article,
.contact-form,
.contact-info,
.story-card,
.vm-card,
.rate-card,
.home-cta,
.brand-story-visual,
.kbli-hero,
.kbli-body-card,
.kbli-notes>div,
.kbli-warn{
  border-radius:8px!important;
}
.kbli-card,
.price-card,
.home-services-grid article,
.value-grid article,
.article-grid article,
.off-badge,
.svc-card,
.dir-card,
.svc-detail-card,
.svc-rel-card,
.testi-card,
.pk-card,
.aud-tile,
.principle-grid article,
.audience-grid .aud-tile,
.sitemap-card,
.media-link-card,
.media-target-grid article,
.error-shortcuts a,
.security-grid article,
.contact-form,
.stats-inner{
  border:1px solid var(--line)!important;
  background:#fff!important;
  box-shadow:var(--shadow-sm)!important;
}
.kbli-card:hover,
.price-card:hover,
.home-services-grid article:hover,
.value-grid article:hover,
.article-grid article:hover,
.off-badge:hover,
.svc-card:hover,
.dir-card:hover,
.svc-rel-card:hover,
.pk-card:hover,
.aud-tile:hover,
.principle-grid article:hover,
.audience-grid .aud-tile:hover,
.sitemap-card:hover,
.media-link-card:hover,
.error-shortcuts a:hover,
.security-grid article:hover{
  transform:translateY(-3px);
  border-color:rgba(0,184,196,.35)!important;
  box-shadow:var(--shadow-md)!important;
}
.kbli-grid,
.price-grid,
.home-services-grid,
.promo-grid,
.service-list,
.value-grid,
.article-grid,
.svc-grid,
.dir-grid,
.svc-rel-grid,
.related-list,
.official-grid,
.partner-perks,
.aud-grid,
.principle-grid,
.audience-grid,
.sitemap-grid,
.media-link-grid,
.media-target-grid,
.error-shortcuts,
.security-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important;
  gap:16px!important;
}
.home-services-grid{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))!important;
}
.price-card{
  min-height:0!important;
  padding:24px!important;
}
.price-card strong{
  color:var(--navy);
  line-height:1.18;
}
.price-card ul{
  min-height:0!important;
}
.price-card li,
.svc-list li{
  align-items:flex-start;
}
.kbli-card{
  min-height:0!important;
  color:inherit;
}
.kbli-card>b,
.category,
.dir-card em,
.svc-rel-card em,
.kbli-more,
.footer-links a:hover,
.footer-contact a:hover{
  color:#007f8d!important;
}
.home-services-grid article>i,
.value-grid article>i,
.article-icon,
.dir-card>i,
.svc-rel-card>i,
.about-points i,
.pk-card>i,
.aud-tile>i,
.trust-strip i{
  border-radius:8px!important;
  color:var(--navy)!important;
  background:#eef8fb!important;
}
.search{
  width:min(100%,800px);
  padding:8px 8px 8px 14px;
  border:1px solid var(--line);
  border-radius:8px!important;
  background:#fff;
  box-shadow:var(--shadow-sm);
}
.search:focus-within{
  border-color:rgba(0,184,196,.55);
  box-shadow:0 18px 42px rgba(0,48,112,.13);
}
.contact-layout,
.about-story,
.partner-flex,
.brand-story-row,
.brand-story-row.is-reverse,
.media-profile,
.error-hero,
.security-hero,
.svc-detail{
  width:var(--container)!important;
  max-width:1180px!important;
  grid-template-columns:minmax(0,1fr) minmax(280px,.82fr);
  gap:clamp(20px,4vw,42px);
}
.contact-layout{
  grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);
}
.contact-info,
.story-card,
.vm-card,
.rate-card,
.home-cta,
.partner-cta-card,
.svc-cta-card,
.error-panel,
.security-panel{
  background:linear-gradient(135deg,var(--navy),#07549b 62%,#0098aa)!important;
  box-shadow:var(--shadow-md)!important;
}
.contact-form input,
.contact-form select,
.contact-form textarea{
  min-height:44px;
  border-radius:8px!important;
}
.contact-form textarea{
  min-height:132px;
}
.home-cta,
.paket-note.home-cta{
  width:var(--container)!important;
  max-width:1124px!important;
  margin:24px auto clamp(58px,8vw,92px)!important;
  padding:clamp(26px,4.5vw,44px)!important;
}
.home-cta .btn,
.paket-note.home-cta .btn,
.media-outreach .btn,
.security-note .btn,
.error-contact .btn{
  color:#fff!important;
  background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:none!important;
}
.promo-poster{
  min-height:0!important;
  padding:24px!important;
  border-radius:8px!important;
  box-shadow:var(--shadow-md)!important;
}
.promo-poster::after,
.principle-grid article::after,
.audience-grid .aud-tile::after,
.brand-story-visual::before,
.brand-story-visual::after{
  display:none!important;
}
.promo-theme-indigo,
.promo-theme-sky,
.promo-theme-emerald,
.promo-theme-amber,
.promo-theme-rose{
  background:linear-gradient(135deg,var(--navy),#07549b 58%,#00a6b4)!important;
}
.testi-marquee{
  mask-image:none!important;
  -webkit-mask-image:none!important;
}
.testi-card{
  flex-basis:330px;
}
.footer-wrap,
.footer-base{
  width:var(--container);
  max-width:1180px;
  padding-left:0!important;
  padding-right:0!important;
}
.footer-wrap{
  grid-template-columns:minmax(240px,1.35fr) repeat(3,minmax(140px,1fr));
}
.footer-base{
  background:#fff;
}
@media(max-width:1080px){
  html.nav-open{
    overflow:hidden;
  }
  html.nav-open body::before{
    inset:64px 0 0;
    background:rgba(0,27,64,.34);
  }
  .site-nav{
    height:64px;
  }
  .site-nav .nav-burger{
    display:grid;
    width:42px;
    height:42px;
    border-radius:8px;
  }
  .site-nav .main-menu{
    position:fixed!important;
    top:74px!important;
    left:12px!important;
    right:12px!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px!important;
    max-height:calc(100dvh - 86px);
    padding:12px!important;
    border:1px solid rgba(0,184,196,.28);
    border-radius:8px!important;
    background:#fff;
    box-shadow:0 26px 68px rgba(0,48,112,.24);
    overflow:auto;
    opacity:0;
    visibility:hidden;
    transform:translateY(-8px);
    pointer-events:none;
  }
  html.nav-open .site-nav .main-menu{
    opacity:1;
    visibility:visible;
    transform:none;
    pointer-events:auto;
  }
  .site-nav .main-menu>a:not(.btn){
    justify-content:space-between;
    min-height:48px;
    border:1px solid var(--line);
    background:#f8fcfd;
  }
  .site-nav .main-menu .btn.small{
    grid-column:1/-1;
    width:100%;
    margin:0!important;
  }
}
@media(max-width:900px){
  :root{
    --container:min(100% - 28px,1180px);
    --container-narrow:min(100% - 28px,900px);
  }
  .hero{
    grid-template-columns:1fr;
    padding-top:42px!important;
    padding-bottom:48px!important;
  }
  .hero-flow{
    justify-self:start;
    width:min(100%,620px);
  }
  .official-layout,
  .contact-layout,
  .about-story,
  .partner-flex,
  .brand-story-row,
  .brand-story-row.is-reverse,
  .media-profile,
  .error-hero,
  .security-hero,
  .svc-detail{
    grid-template-columns:1fr!important;
  }
  .stats-inner{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .footer-wrap{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:620px){
  :root{
    --container:calc(100% - 28px);
    --container-narrow:calc(100% - 28px);
  }
  .site-nav{
    padding-left:14px;
    padding-right:14px;
  }
  .site-nav .brand{
    max-width:calc(100% - 54px);
    font-size:16px;
  }
  .site-nav .brand .brand-logo{
    width:36px;
    height:36px;
  }
  .site-nav .main-menu{
    grid-template-columns:1fr;
  }
  .hero{
    padding-left:14px!important;
    padding-right:14px!important;
    padding-top:34px!important;
  }
  .hero h1,
  .page-hero h1,
  .article-detail h1{
    font-size:clamp(31px,10vw,40px);
  }
  .hero-actions,
  .center-actions,
  .home-cta,
  .paket-note.home-cta,
  .media-outreach,
  .security-note,
  .error-contact{
    align-items:stretch!important;
    flex-direction:column!important;
  }
  .hero-actions .btn,
  .hero-actions .text-link,
  .center-actions .btn,
  .home-cta .btn,
  .paket-note.home-cta .btn,
  .media-outreach .btn,
  .security-note .btn,
  .error-contact .btn,
  .flow-cta{
    width:100%;
    justify-content:center;
  }
  .hero-chips{
    display:grid;
    grid-template-columns:1fr;
  }
  .hero-flow{
    width:100%;
    padding:12px;
  }
  .flow-head{
    grid-template-columns:auto minmax(0,1fr);
  }
  .flow-head em{
    grid-column:1/-1;
    width:max-content;
  }
  .flow-metrics,
  .stats-inner{
    grid-template-columns:1fr!important;
  }
  .search{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:6px 8px;
    padding:10px;
  }
  .search i{
    margin-right:0;
  }
  .search .btn{
    grid-column:1/-1;
    width:100%;
  }
  .result-range{
    display:block;
    margin:4px 0 0;
  }
  .off-badge,
  .media-brand-card,
  .error-shortcuts a,
  .service-list article{
    align-items:flex-start;
    flex-direction:column;
  }
  .promo-foot{
    align-items:stretch;
    flex-direction:column;
  }
  .promo-cta{
    justify-content:center;
    width:100%;
  }
  .footer-wrap{
    grid-template-columns:1fr;
  }
  .footer-base{
    align-items:flex-start;
    text-align:left;
  }
}