/* Sadara benchmark refinement — inspired by modern premium Umrah UX patterns */
:root{
 --green:#27b71f;--green2:#148326;--deep:#073f19;--deep2:#052e12;--dark:#061b0d;
 --mint:#eff8eb;--mint2:#f8fbf4;--cream:#fbf7ed;--ink:#132018;--muted:#677268;--line:#dfe7db;
 --gold:#b78a2d;--gold2:#e5c975;--white:#fff;--shadow:0 18px 48px rgba(10,66,25,.10);--shadow2:0 30px 80px rgba(7,56,22,.18);
}
body{background:#fcfdf9;color:var(--ink)}
.topbar{background:#062f13;border-bottom:1px solid rgba(255,255,255,.08)}
header{background:rgba(255,255,255,.93);box-shadow:0 8px 30px rgba(13,61,24,.04)}
.brand img{filter:saturate(1.04) contrast(1.02)}
.btn{font-weight:900;letter-spacing:-.01em}
.btn-primary{background:linear-gradient(135deg,#27b71f 0%,#148326 55%,#0d6e20 100%);box-shadow:0 13px 30px rgba(24,142,35,.24)}
.btn-secondary{border-color:#d7e3d5;background:rgba(255,255,255,.96)}
.btn-soft{background:#eef8e9;border-color:#d7ead1}

.hero{padding:24px 0 36px;background:radial-gradient(circle at 85% 5%,rgba(207,178,94,.16),transparent 25%),linear-gradient(180deg,#f7fbf3 0%,#fff 72%)}
.hero-grid{position:relative;border-radius:32px;padding:28px 22px;background:linear-gradient(135deg,#073f19 0%,#0b5a22 58%,#0d6d28 100%);box-shadow:0 34px 90px rgba(8,67,24,.20);overflow:hidden;color:#fff}
.hero-grid:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-240px;top:-250px;background:rgba(226,202,128,.12)}
.hero-grid:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;left:-150px;bottom:-160px;background:rgba(255,255,255,.05)}
.hero-grid>div{position:relative;z-index:2}
.hero .eyebrow{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.15);color:#f5e7bd;backdrop-filter:blur(10px)}
.hero .dot{background:#e5c975;box-shadow:0 0 0 5px rgba(229,201,117,.12)}
.hero h1{font-size:clamp(42px,12vw,72px);max-width:720px;color:#fff;margin-top:18px}
.hero .accent{color:#f0d98f}
.hero .lead{color:#dcebe0;max-width:620px;font-size:16px}
.hero .btn-secondary{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.22);color:#fff;backdrop-filter:blur(10px)}
.hero .btn-soft{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);color:#fff}
.hero-meta{gap:9px}.hero .meta-chip{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px)}.hero .meta-chip b{color:#fff}.hero .meta-chip span{color:#cde0d0}
.journey{min-height:420px;background:linear-gradient(180deg,rgba(5,31,12,.04),rgba(5,31,12,.72)),url('https://images.unsplash.com/photo-1770786106021-52580470e31e?auto=format&fit=crop&fm=jpg&q=82&w=1600') center/cover no-repeat;border:1px solid rgba(255,255,255,.16);box-shadow:none}
.journey:before,.journey:after{display:none}.journey-kicker{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(0,0,0,.26);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px)}
.journey h2{text-shadow:0 3px 18px rgba(0,0,0,.25)}.journey>p{color:#edf6ef;text-shadow:0 2px 14px rgba(0,0,0,.25)}
.route{background:rgba(4,31,13,.64);border-color:rgba(255,255,255,.18);box-shadow:0 18px 50px rgba(0,0,0,.20)}
.route .plane{background:#f3dda0;color:#4d3d12}

.quickbar{position:sticky;top:68px;z-index:45;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);box-shadow:0 10px 24px rgba(14,54,22,.03)}
.quicklink{background:#f9fbf7;border-color:#e2e8de}.quicklink:hover{background:#eff8eb;color:#0c6b20}

.benchmark-trust{padding:0 0 18px;background:#fff}
.trust-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.trust-card{padding:16px 14px;border:1px solid #e2e8dc;border-radius:18px;background:linear-gradient(180deg,#fff,#fbfdf9);display:flex;gap:11px;align-items:flex-start;box-shadow:0 8px 24px rgba(24,66,31,.04)}
.trust-ico{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:12px;background:#edf8e8;color:#0c711f;font-weight:1000}.trust-card b{display:block;font-size:13px}.trust-card span{display:block;color:var(--muted);font-size:10px;line-height:1.45;margin-top:2px}

.story-section{padding:54px 0;background:#fff}.story-shell{display:grid;gap:16px;align-items:stretch}.story-copy,.story-visual{border-radius:28px;overflow:hidden}.story-copy{padding:30px 24px;background:linear-gradient(145deg,#f8f4e8,#fff);border:1px solid #ece4cd}.story-copy .kicker{color:#88651d}.story-copy h2{font-size:clamp(31px,8vw,50px);line-height:1.06;letter-spacing:-.04em;margin:8px 0 13px}.story-copy p{color:#657066;margin:0 0 18px}.story-points{display:grid;gap:10px}.story-point{display:flex;gap:10px;align-items:flex-start;padding:12px 0;border-top:1px solid #e9e2cf}.story-point:first-child{border-top:0}.story-check{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#0f7a24;color:#fff;flex:0 0 24px;font-size:11px;font-weight:900}.story-point b{display:block;font-size:13px}.story-point span{display:block;font-size:11px;color:#707a71;margin-top:2px}.story-visual{min-height:390px;position:relative;background:linear-gradient(180deg,transparent 36%,rgba(5,38,16,.82)),url('https://images.unsplash.com/photo-1575101261474-5cb5653bb416?auto=format&fit=crop&fm=jpg&q=82&w=1400') center/cover no-repeat;box-shadow:var(--shadow)}.story-visual-copy{position:absolute;left:22px;right:22px;bottom:22px;color:#fff}.story-visual-copy small{display:block;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:#f0d98f}.story-visual-copy strong{display:block;font-size:26px;line-height:1.1;margin-top:7px}.story-visual-copy span{display:block;font-size:12px;color:#dbe8de;margin-top:6px;max-width:420px}

section{padding:62px 0}.section-head h2,.section-title{letter-spacing:-.045em}.kicker{color:#0f7b23}
#program{background:linear-gradient(180deg,#fbfdf8 0%,#fff 100%)}
.programs{gap:16px}.program-card{border-radius:25px;border-color:#dde7d9;box-shadow:0 12px 34px rgba(20,74,28,.06)}.program-card.featured{border:1px solid #b9dcae;box-shadow:0 24px 58px rgba(35,124,37,.14);transform:none}.program-card:before{height:6px;background:linear-gradient(90deg,#0d7720,#4dbc3e,#c8a74f)}
.package-head{background:linear-gradient(180deg,#f7fbf4,#fff)}.package-no{background:#073f19}.ticket{background:#f6f1df;border-color:#eadcb0;color:#6e5619}.ticket:before{background:#b78a2d}.airline{background:#f3f9f0}.package-note{background:#fbf7e9;border-color:#ede1bb}.package-footer .btn{min-height:44px}
.compare-strip{background:#f9f6eb;border-color:#e9dfc0;color:#675e49}.compare-strip b{color:#4d3d12}

.promise-strip{margin-top:18px;padding:20px;border-radius:22px;background:linear-gradient(135deg,#073f19,#0e7028);color:#fff;display:grid;gap:14px;box-shadow:0 18px 44px rgba(12,87,29,.12)}
.promise-strip .promise-title{font-size:19px;font-weight:900;line-height:1.2}.promise-strip .promise-title span{display:block;color:#dcebe0;font-size:11px;font-weight:600;margin-top:5px}.promise-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.promise-item{padding:11px;border-radius:14px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13)}.promise-item b{display:block;font-size:12px}.promise-item span{font-size:10px;color:#d9e8dc}

.registration-section{background:linear-gradient(180deg,#f4f8ee,#fff)}.reg-info{background:linear-gradient(145deg,#063c17,#0e7028 74%,#15872e);box-shadow:0 24px 60px rgba(11,78,26,.15)}.reg-info .kicker{color:#efd994}.reg-form{box-shadow:0 20px 54px rgba(17,76,26,.09)}

.features{background:#f8f5eb;color:var(--ink);border-top:1px solid #eee7d6;border-bottom:1px solid #eee7d6}.features .section-head p{color:var(--muted)}.features .kicker{color:#8a691f}.feature-grid{gap:12px}.feature{background:#fff;border:1px solid #e8e1d0;color:var(--ink);box-shadow:0 9px 26px rgba(67,53,19,.04)}.feature .ico{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#f6f0df;color:#88651d;font-size:18px}.feature span{color:var(--muted)}
.steps .step{box-shadow:0 10px 28px rgba(28,78,35,.04)}.step:before{background:linear-gradient(135deg,#0c6f20,#1ea32d)}
.gallery-section{background:linear-gradient(180deg,#f4f8ef,#fff)}
.ig-card,.video-card,.social-card,.faq-item{border-color:#dfe7dc}.social-icon{background:#eff7eb}
.faq-item.open{border-color:#bfdab8;box-shadow:0 10px 26px rgba(30,90,35,.05)}
.cta-box{background:linear-gradient(135deg,#073f19,#0f7629 63%,#229f34);box-shadow:0 30px 70px rgba(11,89,28,.18)}
footer{background:#052f12}.foot-title{color:#e8cf83}
.mobile-bar{border-color:#dce6da;box-shadow:0 18px 50px rgba(7,56,19,.22)}

@media(min-width:640px){.trust-grid{grid-template-columns:repeat(4,1fr)}.story-shell{grid-template-columns:1fr 1fr}.promise-strip{grid-template-columns:.9fr 1.1fr;align-items:center}.promise-list{grid-template-columns:repeat(4,1fr)}}
@media(min-width:900px){.hero{padding:34px 0 48px}.hero-grid{padding:48px 46px;gap:48px}.quickbar{top:76px}.journey{min-height:520px}.trust-card{padding:17px}.story-copy{padding:46px}.story-visual{min-height:510px}.program-card.featured{transform:translateY(-8px)}.promise-strip{padding:24px 26px}}
@media(max-width:639px){.hero-grid{border-radius:25px}.journey{min-height:400px}.story-section{padding-top:42px}.story-copy,.story-visual{border-radius:23px}.story-visual{min-height:360px}.trust-card{min-height:106px}.quickbar{top:68px}}