
/* Genesis P18 — Engagement & Offers Authority */
.p18-main{background:var(--p18-bg,#f5f7f8);color:#23313d;padding-top:88px}
.dark .p18-main{--p18-bg:#08121a;color:#eaf1f5}
.p18-shell{width:min(1180px,calc(100% - 32px));margin:0 auto}
.p18-hero{position:relative;overflow:hidden;padding:88px 0 72px;background:linear-gradient(135deg,#102b33 0%,#0f756a 58%,#c89718 130%);color:#fff}
.p18-hero:after{content:"";position:absolute;inset:auto -8% -55% 40%;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(242,194,51,.22),transparent 67%);pointer-events:none}
.p18-kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.08);font-weight:800;font-size:.76rem;letter-spacing:.11em;text-transform:uppercase}
.p18-hero h1{max-width:850px;margin:22px 0 18px;font-size:clamp(2.5rem,6vw,5.6rem);line-height:.98;font-weight:900;letter-spacing:-.045em}
.font-arabic .p18-hero h1{letter-spacing:0;line-height:1.14;max-width:920px}
.p18-hero p{max-width:760px;font-size:clamp(1.05rem,1.5vw,1.28rem);line-height:1.8;color:rgba(255,255,255,.86)}
.p18-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.p18-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border-radius:12px;font-weight:850;transition:.2s ease;text-decoration:none}
.p18-btn-primary{background:#f2c233;color:#17232c}.p18-btn-primary:hover{transform:translateY(-2px);background:#fff}
.p18-btn-ghost{border:1px solid rgba(255,255,255,.34);color:#fff;background:rgba(255,255,255,.07)}.p18-btn-ghost:hover{background:rgba(255,255,255,.14)}
.p18-section{padding:76px 0}.p18-section-alt{background:#fff}.dark .p18-section-alt{background:#0c1821}
.p18-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);gap:28px;align-items:end;margin-bottom:30px}
.p18-eyebrow{font-size:.76rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:#0f756a}.dark .p18-eyebrow{color:#7bd1c8}
.p18-section h2{margin:9px 0 0;font-size:clamp(2rem,4vw,3.55rem);line-height:1.08;font-weight:900;letter-spacing:-.035em;color:#20313e}.dark .p18-section h2{color:#f3f7f9}.font-arabic .p18-section h2{letter-spacing:0;line-height:1.25}
.p18-section-head p{font-size:1.02rem;line-height:1.8;color:#61717d}.dark .p18-section-head p{color:#aebbc4}
.p18-package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.p18-package{position:relative;display:flex;flex-direction:column;min-height:100%;padding:26px;border:1px solid #dfe6e9;border-radius:22px;background:#fff;box-shadow:0 14px 34px rgba(24,45,57,.06);transition:.2s ease}
.dark .p18-package{background:#0f1e28;border-color:#243642;box-shadow:none}
.p18-package:hover{transform:translateY(-3px);border-color:rgba(15,117,106,.42);box-shadow:0 20px 48px rgba(24,45,57,.1)}
.p18-package[data-accent="gold"]{border-top:4px solid #f2c233}.p18-package[data-accent="teal"]{border-top:4px solid #0f756a}.p18-package[data-accent="blue"]{border-top:4px solid #3a7ca5}.p18-package[data-accent="slate"]{border-top:4px solid #536a79}
.p18-package-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.p18-package-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#edf6f4;color:#0f756a;font-size:1.2rem}.dark .p18-package-icon{background:#15332f;color:#8be1d5}
.p18-state{display:inline-flex;padding:6px 9px;border-radius:999px;background:#edf6f4;color:#0f756a;font-size:.72rem;font-weight:900}.dark .p18-state{background:#15332f;color:#9ae8de}
.p18-package h3{margin:18px 0 8px;font-size:1.42rem;font-weight:900;color:#223440}.dark .p18-package h3{color:#f2f7f9}
.p18-package>p{color:#65747e;line-height:1.75}.dark .p18-package>p{color:#aebbc4}
.p18-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}
.p18-meta-card{padding:15px;border-radius:14px;background:#f6f8f9;border:1px solid #e8edef}.dark .p18-meta-card{background:#0a161e;border-color:#20313d}
.p18-meta-card strong{display:block;margin-bottom:5px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#0f756a}.dark .p18-meta-card strong{color:#79d6cb}
.p18-meta-card span{font-size:.9rem;line-height:1.5;color:#43535f}.dark .p18-meta-card span{color:#c8d3d9}
.p18-list{display:grid;gap:9px;margin:0 0 22px;padding:0;list-style:none}.p18-list li{display:flex;gap:9px;align-items:flex-start;color:#4f606b;line-height:1.55}.dark .p18-list li{color:#c2ced4}.p18-list i{color:#0f756a;margin-top:4px}.dark .p18-list i{color:#80ddd2}
.p18-package .p18-btn{margin-top:auto;align-self:flex-start;background:#172c36;color:#fff}.dark .p18-package .p18-btn{background:#f2c233;color:#15232b}.p18-package .p18-btn:hover{background:#0f756a;color:#fff}
.p18-boundary{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.p18-boundary-card{padding:27px;border-radius:22px;border:1px solid #dfe6e9;background:#f8fafb}.dark .p18-boundary-card{background:#0f1e28;border-color:#243642}
.p18-boundary-card h3{font-size:1.3rem;font-weight:900;margin:0 0 15px;color:#243642}.dark .p18-boundary-card h3{color:#f3f7f9}
.p18-boundary-card.is-not{border-left:4px solid #b34a42}.font-arabic .p18-boundary-card.is-not{border-left:1px solid #dfe6e9;border-right:4px solid #b34a42}.dark .font-arabic .p18-boundary-card.is-not{border-left-color:#243642}
.p18-boundary-card.is-yes{border-left:4px solid #0f756a}.font-arabic .p18-boundary-card.is-yes{border-left:1px solid #dfe6e9;border-right:4px solid #0f756a}.dark .font-arabic .p18-boundary-card.is-yes{border-left-color:#243642}
.p18-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;counter-reset:p18step}
.p18-flow-card{position:relative;padding:22px 20px;border-radius:18px;background:#fff;border:1px solid #dfe6e9}.dark .p18-flow-card{background:#0f1e28;border-color:#243642}
.p18-flow-card:before{counter-increment:p18step;content:"0" counter(p18step);display:block;margin-bottom:20px;font-size:.75rem;font-weight:900;letter-spacing:.12em;color:#0f756a}.dark .p18-flow-card:before{color:#7dd8cd}
.p18-flow-card h3{font-weight:900;font-size:1.08rem;margin-bottom:8px;color:#243642}.dark .p18-flow-card h3{color:#f3f7f9}.p18-flow-card p{font-size:.92rem;line-height:1.65;color:#697985}.dark .p18-flow-card p{color:#aebbc4}
.p18-cta{padding:72px 0;background:#102a33;color:#fff}.p18-cta-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center}.p18-cta h2{color:#fff;margin:0 0 12px}.p18-cta p{max-width:740px;color:rgba(255,255,255,.75);line-height:1.75}
@media(max-width:980px){.p18-section-head,.p18-cta-grid{grid-template-columns:1fr}.p18-flow{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.p18-main{padding-top:70px}.p18-hero{padding:65px 0 55px}.p18-package-grid,.p18-boundary,.p18-flow{grid-template-columns:1fr}.p18-meta{grid-template-columns:1fr}.p18-section{padding:58px 0}.p18-shell{width:min(100% - 24px,1180px)}}
