/* Reset fa-svg.css mask-based icons — full FA5 is loaded via CDN on this page */
.fa, .fas, .fab, .far, .fa-solid, .fa-brands, [class*="fa-"] {
    background-color: transparent !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
}
:root{--pkg-navy:#001f53;--pkg-blue:#0d6efd;--pkg-gold:#d4a853;--pkg-bg:#f6f9fc;--pkg-text:#17324d;--pkg-soft:#6f869e;--pkg-border:#d8e5f0;--c-dark:#0b1426;--c-accent:#00d4ff;--c-wa:#20d467;}

/* Force header to be white immediately */
header, header.at-top { background: #ffffff !important; border-bottom: 1px solid #e5e9f0 !important; }
header #mainmenu a { color: #10244b !important; }
header #mainmenu > li.has-child:after { color: #10244b !important; }
header .logo-main { display: none !important; }
header .logo-mobile { display: none !important; }
header .logo-scroll { display: block !important; max-height: 80px !important; }
header #open-mobile-panel-btn::before,
header #open-mobile-panel-btn::after,
header #open-mobile-panel-btn span { background-color: #001f53 !important; }
.lang-switcher > button { background: #f0f4f8 !important; color: #001f53 !important; border: 1px solid #e5e9f0 !important; }

/* Split Hero Redesign */
.pkg-split-hero { background: #F7F9FC; position: relative; padding-top: 130px; padding-bottom: 60px; overflow: hidden; }
@media (max-width: 991px) { .pkg-split-hero { padding-top: 90px !important; padding-bottom: 40px !important; } }
@media (max-width: 991px) { #content { margin-top: 0 !important; } }
header .btn-main { display: inline-flex !important; }
.pkg-split-hero::before { content: ''; position: absolute; bottom: 0; left: 0; width: 60%; height: 80%; background: radial-gradient(circle at bottom left, rgba(0,31,83,0.08) 0%, transparent 70%); pointer-events: none; z-index: 1; }
@media (max-width: 991px) { .pkg-split-hero::before { width: 100%; height: 100%; } }
.ps-inner { display: flex; width: 100%; align-items: center; max-width: 1400px; margin: 0 auto; }
.ps-content { width: 55%; display: flex; justify-content: flex-end; position: relative; z-index: 2; }
.ps-content-inner { width: 100%; max-width: 680px; padding: 0 40px 0 20px; }
.ps-eyebrow { display: block; font-size: 13px; font-weight: 700; letter-spacing: 0.12em; color: var(--pkg-navy); text-transform: uppercase; margin-bottom: 16px; }
.ps-title { font-size: clamp(32px, 3.5vw, 54px); font-weight: 800; line-height: 1.15; color: #0B2545; margin: 0 0 20px; font-family: 'Outfit', sans-serif; }
.ps-sub { font-size: 18px; color: #2C3E50; max-width: 520px; line-height: 1.6; margin: 0 0 32px; }
.ps-ctas { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 40px; }
.ps-btn-wa { display: inline-flex; align-items: center; gap: 8px; background: #25D366; color: #fff !important; padding: 14px 28px; border-radius: 50px; font-weight: 700; font-size: 16px; transition: .3s; box-shadow: 0 8px 20px rgba(37,211,102,.3); text-decoration: none; }
.ps-btn-wa:hover { background: #1ebe57; transform: translateY(-2px); }
.ps-btn-form { display: inline-flex; align-items: center; gap: 8px; background: transparent; border: 2px solid var(--pkg-navy); color: var(--pkg-navy) !important; padding: 12px 26px; border-radius: 50px; font-weight: 700; font-size: 16px; transition: .3s; text-decoration: none; }
.ps-btn-form:hover { background: var(--pkg-navy); color: #fff !important; transform: translateY(-2px); }
.ps-trust { display: flex; flex-wrap: wrap; gap: 12px 24px; align-items: center; }
.ps-trust-item { font-size: 14px; font-weight: 600; color: #0B2545; display: flex; align-items: center; gap: 8px; }
.ps-trust-item i { color: #d4a853; font-size: 15px; }

.ps-img-bleed { width: 45%; position: relative; height: clamp(500px, 75vh, 700px); }
.ps-img-bleed img { width: 100%; height: 100%; object-fit: cover; border-top-left-radius: 40px; border-bottom-left-radius: 40px; }
.ps-img-overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; background: linear-gradient(to top, rgba(0,31,83,0.3) 0%, transparent 100%); border-bottom-left-radius: 40px; pointer-events: none; }
.ps-badge { position: absolute; bottom: 30px; right: 30px; background: rgba(255,255,255,0.95); backdrop-filter: blur(8px); padding: 14px 24px; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,31,83,0.15); text-align: center; z-index: 3; }
.ps-badge .price { display: block; font-size: 24px; font-weight: 800; color: #0B2545; line-height: 1; }
.ps-badge .sub { display: block; font-size: 11px; font-weight: 700; color: #6f869e; text-transform: uppercase; margin-top: 4px; letter-spacing: 0.05em; }

@media (max-width: 1023px) {
    .ps-inner { flex-direction: column-reverse; }
    .ps-content { width: 100%; justify-content: flex-start; padding-top: 40px; }
    .ps-content-inner { max-width: 100%; padding: 0 20px; }
    .ps-img-bleed { width: 100%; height: auto; aspect-ratio: 16/10; }
    .ps-img-bleed img, .ps-img-overlay { border-radius: 0; }
    .ps-badge { right: 20px; bottom: 20px; padding: 10px 16px; }
    .ps-badge .price { font-size: 20px; }
}

/* Enriched Features */
.feat-card { background:#fff; border:1px solid var(--pkg-border); border-radius:16px; padding:32px 24px; text-align:center; height:100%; transition:0.3s; box-shadow:0 4px 12px rgba(0,31,83,0.02); }
.feat-card:hover { transform:translateY(-5px); box-shadow:0 12px 30px rgba(0,31,83,0.08); border-color:var(--pkg-blue); }
.feat-icon-wrap { width:64px; height:64px; background:rgba(13,110,253,0.08); border-radius:50%; display:inline-flex; align-items:center; justify-content:center; margin:0 auto 20px; transition:0.3s; }
.feat-card:hover .feat-icon-wrap { background:var(--pkg-blue); }
.feat-icon-wrap i { font-size:24px; color:var(--pkg-blue); transition:0.3s; }
.feat-card:hover .feat-icon-wrap i { color:#fff; }
.feat-card h4 { font-size:18px; font-weight:700; color:var(--pkg-navy); margin-bottom:12px; }

/* Enriched Timeline */
.timeline-wrap { position:relative; padding-left:40px; margin-top:30px; }
.timeline-wrap::before { content:''; position:absolute; left:16px; top:10px; bottom:10px; width:2px; background:var(--pkg-border); }
.tl-item { position:relative; margin-bottom:30px; background:#fff; border:1px solid var(--pkg-border); border-radius:12px; padding:24px; transition:0.3s; box-shadow:0 4px 12px rgba(0,31,83,0.02); }
.tl-item:hover { transform:translateX(5px); box-shadow:0 8px 24px rgba(0,31,83,0.06); border-color:var(--pkg-blue); }
.tl-dot { position:absolute; left:-41px; top:20px; width:34px; height:34px; background:var(--pkg-blue); border:6px solid #fff; border-radius:50%; box-shadow:0 0 0 1px var(--pkg-border); display:flex; align-items:center; justify-content:center; color:#fff; font-size:12px; z-index:2; transition:0.3s; }
.tl-item:hover .tl-dot { box-shadow:0 0 0 1px var(--pkg-blue); transform:scale(1.1); }
.tl-item h4 { font-size:18px; font-weight:700; color:var(--pkg-navy); margin-bottom:8px; }

/* Enriched Accordion */
.accordion-item { border:1px solid var(--pkg-border)!important; border-radius:12px!important; overflow:hidden; margin-bottom:16px!important; box-shadow:0 4px 12px rgba(0,31,83,0.02); }
.accordion-button { padding:20px 24px; font-weight:600; color:var(--pkg-navy); background:#fff!important; box-shadow:none!important; }
.accordion-button:not(.collapsed) { color:var(--pkg-blue); }
.accordion-body { padding:0 24px 24px; color:var(--pkg-soft); line-height:1.6; }

/* Comparison table */
.cmp-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cmp-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px rgba(0,31,83,.06);background:#fff}
.cmp-table colgroup col:nth-child(1){width:50%}.cmp-table colgroup col:nth-child(2){width:25%}.cmp-table colgroup col:nth-child(3){width:25%}
.cmp-table thead{background:var(--pkg-navy)}.cmp-table th{padding:16px 20px;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:#fff;text-align:center;border:none}
.cmp-table th:first-child{text-align:left}
.cmp-table td{padding:16px 20px;border-bottom:1px solid #edf2f7;font-size:15px;color:#0B2545;text-align:center}
.cmp-table td:first-child{text-align:left;font-weight:600}
.cmp-table tbody tr:nth-child(odd){background:#F7F9FC}.cmp-table tbody tr:nth-child(even){background:#fff}
.cmp-table tbody tr:last-child td{border-bottom:none}.cmp-table tbody tr:hover{background:#EEF3FB}
@media(max-width:767px){.cmp-table,.cmp-table thead,.cmp-table tbody,.cmp-table th,.cmp-table td,.cmp-table tr{display:block}.cmp-table colgroup{display:none}.cmp-table thead{display:none}.cmp-table tbody tr{margin-bottom:16px;border:1px solid var(--pkg-border);border-radius:12px;padding:16px;background:#fff}.cmp-table td{border:none;padding:8px 0;display:flex;justify-content:space-between;align-items:center;text-align:right!important}.cmp-table td:first-child{border-bottom:1px solid #edf2f7;padding-bottom:12px;margin-bottom:12px;display:block;text-align:left!important}.cmp-table td::before{content:attr(data-label);font-weight:700;font-size:13px;color:var(--pkg-navy);text-transform:uppercase;margin-right:10px}}
