@import "https://fonts.googleapis.com/css2?family=Host+Grotesk:wght@400;500;600;700;800&display=swap";:root{--navy:#030c35;--orange:#fe7202;--white:#fff;--off-white:#fff8f2;--sand:#f7efe6;--mist:#f5f7fa;--border:#e5e7eb;--body:#4b5563;--muted:#6b7280;--whatsapp:#25d366;--whatsapp-dark:#128c7e;--heading:"Host Grotesk", system-ui, sans-serif;--body-font:"Host Grotesk", system-ui, sans-serif;--fs-h1:clamp(2.5rem, 6.5vw, 4rem);--fs-h2:clamp(1.8rem, 4.2vw, 2.25rem);--fs-h3:clamp(1.4rem, 3.2vw, 2rem);--fs-h4:clamp(1.2rem, 2.5vw, 1.75rem);--fs-h5:clamp(1.1rem, 2vw, 1.5rem);--fs-h6:clamp(1rem, 1.8vw, 1.25rem);--fs-body:1rem;--fs-medium:1.125rem;--fs-small:.875rem;--fs-tiny:.75rem;color:var(--navy);background:var(--white);font-family:var(--body-font)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--white);min-width:320px;color:var(--navy);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath d='M30 0 L60 30 L30 60 L0 30 Z M0 0 L60 60 M60 0 L0 60 M30 0 L30 60 M0 30 L60 30' fill='none' stroke='rgba(3, 12, 53, 0.015)' stroke-width='0.6'/%3E%3C/svg%3E");background-size:60px 60px;margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}.header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:100%;min-height:88px;box-shadow:none;background:#fffffff0;border:0;border-bottom:1px solid #030c351a;border-radius:0;justify-content:space-between;align-items:center;margin:0;padding:0 max(28px,50% - 759px);display:flex;position:sticky;top:0}.brand img{width:166px}.nav{color:#030c35c7;align-items:center;gap:34px;font-weight:700;display:flex}.nav a{align-items:center;gap:5px;display:inline-flex}.nav a.active{color:var(--orange)}.nav>a.active:not(.nav-cta):before,.nav-group>a.active:before{content:"";background:var(--orange);border-radius:999px;width:11px;height:4px}.nav-group{position:relative}.nav-menu{background:var(--white);min-width:230px;box-shadow:none;opacity:0;pointer-events:none;border:1px solid #030c351f;border-radius:18px;gap:8px;padding:10px;transition:all .18s;display:grid;position:absolute;top:34px;left:-18px;transform:translateY(10px)}.nav-group:hover .nav-menu,.nav-group:focus-within .nav-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-menu a{border-radius:12px;justify-content:space-between;padding:12px}.nav-menu a:hover{background:var(--off-white)}.nav-menu span{color:var(--muted);font-size:.77rem}.menu-button{background:var(--navy);width:44px;height:44px;color:var(--white);border:0;border-radius:999px;place-items:center;display:none}.button{min-height:56px;font-family:var(--body-font);white-space:nowrap;border:1px solid #0000;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:9px;padding:0 22px;font-size:1rem;font-weight:800;line-height:1;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--orange);color:var(--white);box-shadow:none}.button-arrow{gap:16px;padding:0 6px 0 28px}.cta-orb{background:var(--white);width:44px;height:44px;color:var(--orange);border-radius:999px;place-items:center;display:grid}.cta-orb-navy{background:var(--navy);color:var(--white)}.button-secondary{background:var(--navy);color:var(--white);box-shadow:none}.button-light{background:var(--white);color:var(--navy)}.button-whatsapp{background:var(--whatsapp);color:var(--white)}.button-whatsapp svg{color:var(--white)!important;fill:var(--white)!important}.button-whatsapp:hover{background:var(--whatsapp-dark)}.full-width{width:100%}.hero,.section,.page-frame{width:min(1180px,100% - 28px);margin-inline:auto}.hero{width:min(1518px,100% - 64px);min-height:auto;padding:92px 0 0;position:relative}.hero-copy-centered{text-align:center;max-width:940px;margin-inline:auto}.hero-pill{width:fit-content;color:var(--navy);font-family:var(--heading);background:#ffffffc7;border:1px solid #030c3514;border-radius:999px;align-items:center;gap:11px;margin:0 auto 30px;padding:10px 18px;font-weight:800;display:inline-flex;box-shadow:inset 0 1px #ffffffe6}.hero-pill span{background:var(--orange);width:24px;height:14px;box-shadow:10px 0 0 var(--navy);border-radius:999px}.eyebrow{color:var(--orange);font-family:var(--heading);letter-spacing:0;text-transform:uppercase;margin:0 0 14px;font-size:.78rem;font-weight:800}.eyebrow.inverse{color:#ffd5ba}h1,h2,h3,h4,h5,h6{font-family:var(--heading);letter-spacing:-.02em;margin:0;line-height:1.15}h1{max-width:820px;font-size:var(--fs-h1);letter-spacing:-.04em}.hero h1{max-width:980px;font-size:var(--fs-h1);letter-spacing:-.04em;margin-inline:auto}.hero h1 em{color:var(--orange);font-style:italic}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}h4{font-size:var(--fs-h4)}h5{font-size:var(--fs-h5)}h6{font-size:var(--fs-h6)}p{color:var(--body);font-size:var(--fs-body);line-height:1.6}.hero-subcopy{max-width:670px;font-size:var(--fs-medium);margin:24px auto 0}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:34px;display:flex}.trust-row{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.trust-row span{color:#030c35c7;background:#ffffffb3;border:1px solid #030c351a;border-radius:999px;padding:9px 13px;font-weight:700}.hero-sequence{height:1200px;margin-top:54px;margin-bottom:800px;position:relative}.hero-card-grid{height:426px;transform-style:preserve-3d;grid-template-columns:1fr 1fr 2fr;align-items:stretch;gap:28px;display:grid;position:sticky;top:112px}.hero-info-card,.hero-video-card{height:426px;box-shadow:none;border:1px solid #030c351f;border-radius:30px;position:relative;overflow:hidden}.hero-info-card{background:#ffffffc7;flex-direction:column;justify-content:space-between;padding:32px;display:flex}.scholar-stamp-card{background:#fcfbf8;justify-content:flex-start;gap:18px}.stamp-mark{width:150px;min-height:94px;color:var(--orange);outline-offset:-10px;border:2px solid #fe720273;border-radius:50%;outline:1px dashed #030c3533;place-items:center;gap:4px;display:grid;transform:rotate(-7deg)}.stamp-mark span{max-width:82px;color:var(--navy);font-family:var(--heading);text-align:center;text-transform:uppercase;font-size:.65rem;font-weight:800}.hero-info-card p{margin:0 0 26px;font-size:1.08rem}.outline-pill{width:fit-content;min-height:46px;color:var(--orange);font-family:var(--heading);border:2px solid #fe720299;border-radius:999px;align-items:center;padding:0 20px;font-weight:800;display:inline-flex}.mini-seal{background:var(--off-white);width:76px;height:76px;color:var(--orange);border:1px solid #030c351a;border-radius:999px;place-items:center;display:grid}.text-link-dark{color:var(--navy);text-underline-offset:5px;text-decoration:underline}.hero-video-card{background:var(--navy);cursor:pointer;z-index:4;transform-origin:50%;will-change:transform, border-radius;backface-visibility:hidden;height:426px;transform-style:preserve-3d}.hero-video-card img{object-fit:cover;opacity:.82;filter:saturate(.82);width:100%;height:100%;min-height:426px;transition:transform .7s,opacity .7s}.hero-video-card:hover img{opacity:.95;transform:scale(1.05)}.hero-video-card:after{content:"";pointer-events:none;background:linear-gradient(#030c350a,#030c3580);position:absolute;inset:0}.video-audio-toggle{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--white);font-family:var(--heading);cursor:pointer;box-shadow:none;background:#030c3599;border:1px solid #fff3;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:.875rem;font-weight:700;transition:all .2s;display:inline-flex;position:absolute;top:24px;right:24px}.video-audio-toggle:hover{background:var(--orange);border-color:var(--orange);transform:scale(1.05)}.video-audio-toggle svg{flex-shrink:0}.video-caption{z-index:2;max-width:320px;color:var(--white);pointer-events:none;position:absolute;bottom:26px;left:28px}.video-caption span{color:#ffffffb8;margin-bottom:6px;font-weight:700;display:block}.video-caption strong{font-family:var(--heading);font-size:1.2rem}.play-button{z-index:3;background:var(--orange);width:76px;height:76px;color:var(--white);box-shadow:none;cursor:pointer;border:0;border-radius:999px;place-items:center;transition:transform .2s;display:grid;position:absolute;bottom:26px;right:26px}.play-button:hover{box-shadow:none;transform:scale(1.07)}.video-expander{z-index:60;background:var(--navy);box-shadow:none;pointer-events:auto;border:1px solid #ffffff26;border-radius:40px;position:fixed;inset:8vh 7vw;overflow:hidden}.video-close-btn{z-index:70;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:48px;height:48px;color:var(--white);cursor:pointer;background:#fff3;border:0;border-radius:50%;place-items:center;transition:background .2s,transform .2s;display:grid;position:absolute;top:24px;right:24px}.video-close-btn:hover{background:#ffffff59;transform:scale(1.08)}.video-expander img{object-fit:cover;opacity:.86;width:100%;height:100%}.video-expander:after{content:"";background:linear-gradient(#030c3514,#030c359e);position:absolute;inset:0}.video-expander div{z-index:2;color:var(--white);position:absolute;bottom:30px;left:34px}.video-expander span{color:#ffd5ba;font-family:var(--heading);font-weight:800;display:block}.video-expander strong{font-family:var(--heading);margin-top:6px;font-size:clamp(1.5rem,4vw,3rem);display:block}.section{padding:82px 0}.section-intro{max-width:760px;margin-bottom:34px}.section-intro p:last-child,.page-hero p{max-width:700px}.package-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.package-card,.guidance-card,.category-card,.topic-card,.legal-card,.contact-panel,.empty-state,.notice-card{box-shadow:none;background:#fffffff0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath d='M30 0 L60 30 L30 60 L0 30 Z M0 0 L60 60 M60 0 L0 60 M30 0 L30 60 M0 30 L60 30' fill='none' stroke='rgba(3, 12, 53, 0.012)' stroke-width='0.6'/%3E%3C/svg%3E") 0 0/60px 60px;border:1px solid #030c351f;border-radius:28px;position:relative;overflow:hidden}.package-card{background:var(--white);flex-direction:column;justify-content:space-between;gap:24px;min-height:100%;padding:28px;transition:border-color .2s;display:flex}.package-card.is-featured{background:var(--navy);border-color:var(--navy);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath d='M30 0 L60 30 L30 60 L0 30 Z M0 0 L60 60 M60 0 L0 60 M30 0 L30 60 M0 30 L60 30' fill='none' stroke='rgba(254, 114, 2, 0.02)' stroke-width='0.6'/%3E%3C/svg%3E");background-size:60px 60px}.package-card.is-featured .card-kicker{color:var(--orange)}.package-card.is-featured h3,.package-card.is-featured .muted{color:var(--white)}.package-card.is-featured .price{color:var(--orange)}.package-card.is-featured .check-list li{color:#ffffffd9}.package-card.is-featured .check-list svg{color:var(--orange)}.card-kicker{color:var(--orange);margin:0 0 10px;font-weight:800}.price{color:var(--navy);font-family:var(--heading);margin:16px 0 8px;font-size:clamp(2.3rem,5vw,3.45rem);font-weight:800;line-height:1}.muted{color:var(--muted);margin:0}.check-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.check-list li{color:var(--body);align-items:flex-start;gap:10px;font-weight:600;display:flex}.check-list svg{color:var(--orange);flex:none;margin-top:3px}.split-section{grid-template-columns:minmax(0,.9fr) minmax(320px,1fr);align-items:center;gap:34px;display:grid}.text-link{color:var(--orange);font-family:var(--heading);align-items:center;gap:8px;font-weight:800;display:inline-flex}.fact-panel{background:var(--navy);border-radius:30px;padding:12px}.fact-row{color:var(--white);border-bottom:1px solid #ffffff1f;justify-content:space-between;gap:24px;padding:22px;display:flex}.fact-row:last-child{border-bottom:0}.fact-row span{color:#ffffffa3}.fact-row strong{text-align:right;font-family:var(--heading)}.about-band{background:linear-gradient(135deg, #fe720229, transparent 38%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath d='M30 0 L60 30 L30 60 L0 30 Z M0 0 L60 60 M60 0 L0 60 M30 0 L30 60 M0 30 L60 30' fill='none' stroke='rgba(254, 114, 2, 0.02)' stroke-width='0.6'/%3E%3C/svg%3E"), var(--navy);background-size:auto,60px 60px,auto;border-radius:42px;grid-template-columns:280px minmax(0,1fr);align-items:center;gap:42px;padding:42px;display:grid}.about-band h2,.about-band p,.about-band strong,.about-band span{color:var(--white)}.about-band p{color:#ffffffc7}.about-mark{background:#ffffff0f;border:1px solid #ffffff29;border-radius:32px;place-items:center;min-height:240px;display:grid}.about-mark img{width:190px}.promise-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.promise{background:#ffffff14;border-radius:22px;align-content:start;gap:8px;min-height:148px;padding:18px;display:grid}.promise svg{color:var(--orange)}.promise span{color:#ffffffb3}.scholar-section{grid-template-columns:minmax(0,1fr) 360px;align-items:stretch;gap:24px;display:grid}.scholar-copy{background:var(--sand);border-radius:34px;padding:40px}.notice-card{align-content:center;padding:30px;display:grid}.notice-card svg{color:var(--orange)}.guidance-preview-section{margin-inline:auto;background-color:var(--mist);width:min(1180px,100% - 28px);box-shadow:none;border:1px solid #030c3514;border-radius:38px;margin-top:34px;margin-bottom:34px;padding:64px 48px}.guidance-grid,.category-grid,.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.guidance-card,.category-card,.topic-card{padding:28px;transition:transform .18s,border-color .18s}.guidance-card:hover,.category-card:hover{border-color:var(--orange);box-shadow:none;transform:translateY(-5px)}.guidance-card svg,.category-card svg,.topic-card svg{color:var(--orange)}.category-card span{color:var(--orange);font-family:var(--heading);background:#fe72021a;border-radius:999px;margin:20px 0 12px;padding:7px 10px;font-size:.78rem;font-weight:800;display:inline-flex}.category-card.is-active{border-color:#fe72025c}.faq-list{gap:12px;display:grid}.faq-list.standalone{max-width:860px}details{background:var(--white);border:1px solid #030c351a;border-radius:20px}summary{cursor:pointer;color:var(--navy);font-family:var(--heading);padding:20px 22px;font-weight:800}details p{margin:0;padding:0 22px 22px}.final-cta{background-color:var(--navy);background-image:linear-gradient(90deg,#030c35f0 30%,#030c35a6 100%),url(/footer-cta-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:38px;justify-content:space-between;align-items:center;gap:24px;margin-top:34px;margin-bottom:112px;padding:64px 48px;display:flex;position:relative;overflow:hidden}.final-cta h2,.final-cta p{color:var(--white)}.final-cta p{color:#ffffffb8;max-width:700px}.page-frame{padding:0 0 92px}.page-hero{background-color:var(--navy);width:100vw;color:var(--white);background-position:50%;background-repeat:no-repeat;background-size:cover;margin-bottom:54px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:82px 0;position:relative;overflow:hidden}.page-hero.bg-general{background-image:linear-gradient(#030c35a6,#030c35e0),url(/kaaba-detail.png);background-position:50% 30%}.page-hero.bg-packages{background-image:linear-gradient(#030c3573,#030c35d9),url(/packages-banner.png)}.page-hero.bg-guidance{background-image:linear-gradient(#030c3573,#030c35d9),url(/guidance-banner.png)}.page-hero.bg-faq{background-image:linear-gradient(#030c3573,#030c35d9),url(/faq-banner.png)}.page-hero.bg-contact{background-image:linear-gradient(#030c3573,#030c35d9),url(/contact-banner.png)}.page-hero-content{z-index:2;width:min(1180px,100% - 28px);margin-inline:auto;position:relative}.page-hero h1,.page-hero p,.page-hero .breadcrumbs{max-width:860px}.page-hero h1{color:var(--white);margin-top:14px;margin-bottom:12px;font-size:clamp(2.45rem,6vw,4.25rem)}.page-hero p{color:#ffffffe0;font-size:var(--fs-medium);margin:0;line-height:1.6}.breadcrumbs{font-family:var(--heading);color:#ffffffb8;align-items:center;gap:8px;font-size:.875rem;font-weight:700;display:flex}.breadcrumbs a{color:#ffffffb8;transition:color .2s}.breadcrumbs a:hover{color:var(--orange)}.breadcrumbs .separator{color:#fff6}.breadcrumbs .current{color:var(--white)}.contact-panel,.empty-state,.legal-card{max-width:840px;padding:34px}.contact-panel{justify-content:space-between;align-items:center;gap:24px;display:flex}.contact-panel svg,.empty-state svg,.legal-card svg{color:var(--orange)}.empty-state{gap:12px;display:grid}.footer{background-color:var(--navy);color:var(--white);background-image:linear-gradient(#030c35f5 0%,#030c35eb 100%),url(/footer-cta-bg.png);background-position:bottom;background-repeat:no-repeat;background-size:cover;grid-template-columns:minmax(260px,.95fr) minmax(0,1.4fr);gap:42px;padding:54px max(28px,50% - 590px);display:grid;position:relative;overflow:hidden}.footer img{width:170px}.footer p,.footer a{color:#ffffffb8}.footer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.footer-column{align-content:start;gap:12px;display:grid}.footer-column strong{font-family:var(--heading)}.mobile-sticky{display:none}.guidance-journey-page{padding:24px 0 64px}.guidance-intro-section{margin-bottom:74px}.guidance-intro-grid{grid-template-columns:1.25fr .75fr;align-items:start;gap:34px;display:grid}.guidance-intro-main{gap:18px;display:grid}.guidance-intro-main h2{font-size:var(--fs-h2);margin-bottom:8px}.guidance-intro-side{gap:22px;display:grid}.hadith-card{border-left:5px solid var(--orange);background-color:var(--mist);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath d='M30 0 L60 30 L30 60 L0 30 Z' fill='none' stroke='rgba(3, 12, 53, 0.008)' stroke-width='0.6'/%3E%3C/svg%3E");border-radius:22px;padding:28px;position:relative}.hadith-icon{color:var(--orange);margin-bottom:14px}.hadith-card blockquote{color:var(--navy);margin:0 0 14px;font-size:1.15rem;font-style:italic;font-weight:600;line-height:1.5}.hadith-card cite{color:var(--muted);text-transform:uppercase;font-size:.85rem;font-weight:800;display:block}.arkan-card{background-color:var(--navy);color:var(--white);border-radius:22px;padding:28px}.arkan-icon{color:var(--orange);margin-bottom:14px}.arkan-card h3{color:var(--white);margin-bottom:18px;font-size:1.25rem}.arkan-card ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.arkan-card li{align-items:center;gap:12px;font-size:.95rem;font-weight:700;display:flex}.arkan-card li span{background:var(--orange);width:24px;height:24px;color:var(--white);border-radius:50%;place-items:center;font-size:.8rem;font-weight:800;display:grid}.journey-title-block{text-align:center;max-width:720px;margin:0 auto 64px}.journey-title-block h2{font-size:var(--fs-h2);margin-top:8px;margin-bottom:12px}.journey-roadmap{gap:64px;width:100%;margin-bottom:92px;display:grid;position:relative}.journey-timeline-line{pointer-events:none;border-left:2px dashed #030c3526;width:2px;position:absolute;top:40px;bottom:40px;left:50%;transform:translate(-50%)}.journey-node{grid-template-columns:1fr 80px 1fr;align-items:center;width:100%;display:grid}.journey-dot{background-color:var(--navy);border:4px solid var(--white);width:48px;height:48px;box-shadow:0 0 0 4px var(--orange);color:var(--white);font-family:var(--heading);z-index:2;border-radius:50%;grid-column:2;justify-self:center;place-items:center;font-size:1rem;font-weight:800;display:grid}.journey-node-left .journey-card{grid-column:1}.journey-node-right .journey-card{grid-column:3}.journey-card{background-color:var(--white);border:1px solid #030c351a;border-radius:28px;grid-template-columns:200px 1fr;gap:28px;padding:28px;transition:transform .2s,border-color .2s;display:grid}.journey-card:hover{border-color:var(--orange);transform:translateY(-4px)}.journey-card-image-box{background-color:var(--mist);border-radius:18px;width:100%;height:100%;min-height:180px;position:relative;overflow:hidden}.journey-card-image-box img{object-fit:cover;width:100%;height:100%}.journey-card-info{flex-direction:column;justify-content:center;display:flex}.journey-card-info .step-tag{color:var(--orange);font-family:var(--heading);text-transform:uppercase;margin-bottom:6px;font-size:.85rem;font-weight:800;display:block}.journey-card-info h3{font-size:var(--fs-h3);margin-bottom:12px}.journey-card-info .step-desc{color:var(--body);margin:0 0 20px}.step-actions-list h4{color:var(--navy);margin-bottom:10px;font-size:.95rem;font-weight:800}.step-actions-list ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.step-actions-list li{color:var(--body);align-items:flex-start;gap:10px;font-size:.9rem;line-height:1.5;display:flex}.step-actions-list li svg{color:var(--orange);flex-shrink:0;margin-top:2px}.sunnah-actions-section{background-color:var(--mist);border:1px solid #030c350f;border-radius:34px;margin-bottom:64px;padding:54px}.sunnah-intro{margin-bottom:34px}.sunnah-intro svg{color:var(--orange);margin-bottom:12px}.sunnah-intro h2{font-size:var(--fs-h2);margin-bottom:10px}.sunnah-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.sunnah-action-card{background-color:var(--white);border-left:4px solid var(--orange);border-top:1px solid #030c350d;border-bottom:1px solid #030c350d;border-right:1px solid #030c350d;border-radius:16px;padding:24px}.sunnah-action-card h3{margin-bottom:10px;font-size:1.1rem}.sunnah-action-card p{margin:0;font-size:.95rem;line-height:1.5}@media (width<=980px){.header{min-height:78px;padding-inline:18px}.menu-button{display:grid}.nav{background:var(--white);box-shadow:none;border:1px solid #030c3526;border-radius:24px;flex-direction:column;align-items:stretch;padding:18px;display:none;position:absolute;top:100%;left:12px;right:12px}.nav.is-open{display:flex}.nav-menu{opacity:1;pointer-events:auto;box-shadow:none;background:var(--off-white);margin-top:8px;position:static;transform:none}.nav-cta{width:100%}.hero,.split-section,.about-band,.scholar-section,.footer{grid-template-columns:1fr}.hero{width:calc(100% - 28px);min-height:auto;padding-top:52px}.hero-sequence{height:auto;margin-top:48px;margin-bottom:0}.hero-card-grid{grid-template-columns:1fr;gap:18px;height:auto;position:static}.hero-video-card{border-radius:30px!important;transform:none!important}.hero-visual,.hero-visual img{min-height:500px}.package-grid,.guidance-grid,.category-grid,.topic-grid,.promise-grid,.footer-grid{grid-template-columns:1fr}.final-cta,.contact-panel{flex-direction:column;align-items:stretch}.guidance-intro-grid{grid-template-columns:1fr;gap:28px}.journey-roadmap{gap:42px}.journey-timeline-line{left:20px;transform:none}.journey-node{grid-template-columns:40px 1fr;gap:16px}.journey-dot{grid-column:1;justify-self:left;width:40px;height:40px}.journey-node-left .journey-card,.journey-node-right .journey-card{grid-column:2}.journey-card{grid-template-columns:1fr;gap:20px}.sunnah-grid{grid-template-columns:1fr}}@media (width<=640px){.header{border-radius:0;width:100%;margin-top:0}.brand img{width:130px}.hero,.section,.page-frame{width:calc(100% - 22px)}.hero{gap:32px;padding-bottom:36px}.hero-pill{text-align:center;justify-content:center;width:100%}.hero h1{font-size:clamp(2.65rem,14vw,4rem)}.hero-actions .button,.button,.trust-row span{width:100%}.hero-visual,.hero-visual img{border-radius:28px;min-height:420px}.hero-info-card,.hero-video-card,.hero-video-card img{height:auto;min-height:285px;border-radius:22px!important}.play-button{width:64px;height:64px;bottom:18px;right:18px}.video-caption{max-width:calc(100% - 108px);bottom:20px;left:20px}.video-expander{border-radius:28px;inset:12vh 14px}.floating-card{border-radius:17px;max-width:calc(100% - 34px);padding:12px 14px;font-size:.9rem}.card-price{top:16px;left:16px}.card-date{top:auto;bottom:78px;right:16px}.card-scholar{bottom:132px;left:16px}.media-control{justify-content:center;bottom:18px;left:16px;right:16px}.section{padding:58px 0}.package-card,.guidance-card,.category-card,.topic-card,.contact-panel,.empty-state,.legal-card,.notice-card{border-radius:22px;padding:22px}.about-band,.scholar-copy,.final-cta,.guidance-preview-section{border-radius:28px;padding:28px}.fact-row{gap:6px;padding:18px;display:grid}.fact-row strong{text-align:left}.footer{padding-bottom:90px}.mobile-sticky{z-index:30;display:block;position:fixed;bottom:12px;left:12px;right:12px}.mobile-sticky a{background:var(--whatsapp);color:#062d1d;min-height:54px;font-family:var(--heading);box-shadow:none;border-radius:999px;justify-content:center;align-items:center;gap:10px;font-weight:800;display:flex}.journey-node{grid-template-columns:32px 1fr;gap:12px}.journey-timeline-line{left:16px}.journey-dot{width:32px;height:32px;box-shadow:0 0 0 3px var(--orange);font-size:.85rem}.journey-card{padding:20px}.sunnah-actions-section{border-radius:24px;padding:24px}.welcome-voice-widget{border-radius:20px;gap:12px;width:calc(100% - 24px);padding:16px 18px;bottom:84px;right:12px}.welcome-voice-text{font-size:.85rem}}.package-card:before,.guidance-card:before,.category-card:before,.topic-card:before,.legal-card:before,.contact-panel:before,.empty-state:before,.notice-card:before{content:"";z-index:0;opacity:.045;mix-blend-mode:multiply;pointer-events:none;background-image:url(/kaaba-bg.png);background-position:right -20px bottom -20px;background-repeat:no-repeat;background-size:200px;position:absolute;inset:0}.package-card.is-featured:before{content:"";z-index:0;opacity:.035;mix-blend-mode:overlay;pointer-events:none;background-image:url(/kaaba-bg.png);background-position:right -20px bottom -20px;background-repeat:no-repeat;background-size:200px;position:absolute;inset:0}.footer:before{content:"";z-index:0;opacity:.05;mix-blend-mode:overlay;pointer-events:none;background-image:url(/footer-cta-bg.png);background-position:bottom;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.welcome-voice-widget{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:380px;color:var(--white);font-family:var(--body-font);background:#030c35f2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath d='M30 0 L60 30 L30 60 L0 30 Z M0 0 L60 60 M60 0 L0 60 M30 0 L30 60 M0 30 L60 30' fill='none' stroke='rgba(254, 114, 2, 0.015)' stroke-width='0.6'/%3E%3C/svg%3E") 0 0/60px 60px;border:1px solid #fe720240;border-radius:24px;flex-direction:column;gap:16px;padding:22px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 20px 40px #030c354d}.welcome-voice-widget:before{content:"";z-index:0;opacity:.035;mix-blend-mode:overlay;pointer-events:none;background-image:url(/kaaba-bg.png);background-position:right -20px bottom -20px;background-repeat:no-repeat;background-size:150px;position:absolute;inset:0}.welcome-voice-close{z-index:10;color:#fff9;cursor:pointer;background:#ffffff1a;border:0;border-radius:50%;place-items:center;width:28px;height:28px;transition:all .2s;display:grid;position:absolute;top:16px;right:16px}.welcome-voice-close:hover{color:var(--white);background:#fff3;transform:scale(1.05)}.welcome-voice-header{z-index:1;justify-content:space-between;align-items:center;display:flex}.welcome-voice-badge{text-transform:uppercase;color:var(--orange);letter-spacing:.05em;align-items:center;gap:8px;font-size:.72rem;font-weight:800;display:inline-flex}.welcome-voice-pulse-dot{background:var(--orange);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse-dot-anim}@keyframes pulse-dot-anim{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.welcome-voice-visualizer{align-items:flex-end;gap:3px;height:16px;display:flex}.welcome-voice-visualizer .bar{background:var(--orange);border-radius:99px;width:3px;height:100%;animation:.8s ease-in-out infinite alternate visualizer-bounce}.welcome-voice-visualizer .bar:first-child{animation-duration:.6s}.welcome-voice-visualizer .bar:nth-child(2){animation-duration:.9s;animation-delay:.15s}.welcome-voice-visualizer .bar:nth-child(3){animation-duration:.7s;animation-delay:.3s}.welcome-voice-visualizer .bar:nth-child(4){animation-duration:.8s;animation-delay:50ms}@keyframes visualizer-bounce{0%{height:4px}to{height:16px}}.welcome-voice-body{z-index:1;flex-direction:column;gap:8px;display:flex}.welcome-voice-text{color:#ffffffe6;margin:0;font-size:.92rem;font-style:italic;line-height:1.55}.welcome-voice-controls{z-index:1;align-items:center;gap:12px;margin-top:4px;display:flex}.button-welcome-voice-action{background:var(--orange);min-height:46px;color:var(--white);font-weight:800;font-size:var(--fs-small);cursor:pointer;border:0;border-radius:999px;flex-grow:1;justify-content:center;align-items:center;gap:8px;padding:0 16px;transition:all .2s;display:inline-flex}.button-welcome-voice-action:hover{background:#e66500;transform:translateY(-1px)}.button-welcome-voice-action.is-pulsing{animation:2s ease-in-out infinite pulse-action-btn}@keyframes pulse-action-btn{0%,to{box-shadow:0 0 #fe720266}50%{box-shadow:0 0 0 10px #fe720200}}.button-welcome-voice-mute{color:#fffc;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:50%;place-items:center;width:46px;height:46px;transition:all .2s;display:grid}.button-welcome-voice-mute:hover{color:var(--white);background:#ffffff1a;border-color:#ffffff4d}.inline-talbiyah-player{background:var(--navy);color:var(--white);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath d='M30 0 L60 30 L30 60 L0 30 Z M0 0 L60 60 M60 0 L0 60 M30 0 L30 60 M0 30 L60 30' fill='none' stroke='rgba(254, 114, 2, 0.015)' stroke-width='0.6'/%3E%3C/svg%3E");background-size:60px 60px;border:1px solid #fe720240;border-radius:20px;flex-direction:column;gap:14px;margin-top:20px;padding:22px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #030c3526}.inline-talbiyah-player:before{content:"";z-index:0;opacity:.035;mix-blend-mode:overlay;pointer-events:none;background-image:url(/kaaba-bg.png);background-position:right -20px bottom -20px;background-repeat:no-repeat;background-size:140px;position:absolute;inset:0}.inline-talbiyah-header{z-index:1;justify-content:space-between;align-items:center;display:flex}.inline-talbiyah-title{text-transform:uppercase;color:var(--orange);letter-spacing:.05em;font-size:.72rem;font-weight:800}.inline-talbiyah-arabic{color:#fff8f2;text-align:center;z-index:1;direction:rtl;margin:0;font-family:Scheherazade New,serif;font-size:1.35rem;line-height:1.45}.inline-talbiyah-controls{z-index:1;align-items:center;gap:12px;margin-top:4px;display:flex}.button-talbiyah-play{flex-grow:1;background:var(--orange)!important;min-height:44px!important;color:var(--white)!important;font-size:var(--fs-small)!important;border:0!important;padding:0 16px!important;font-weight:800!important}.button-talbiyah-play:hover{background:#e66500!important;transform:translateY(-1px)!important}.tawaf-interactive-guide{background:var(--white);border:1px solid #030c351a;border-radius:20px;margin-top:24px;overflow:hidden}.tawaf-tabs{background:var(--mist);border-bottom:1px solid #030c351a;display:flex}.tab-btn{color:var(--muted);font-family:var(--heading);cursor:pointer;background:0 0;border:0;border-right:1px solid #030c351a;flex:1;padding:16px 12px;font-size:.9rem;font-weight:700;transition:background .18s,color .18s}.tab-btn:last-child{border-right:0}.tab-btn:hover{color:var(--navy);background:#030c3505}.tab-btn.active{background:var(--white);color:var(--orange)}.tawaf-tab-content{padding:24px}.tab-instruction{color:var(--muted);margin:0 0 16px;font-size:.88rem;font-weight:500}.landmark-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px;display:grid}.landmark-btn{background:var(--white);color:var(--navy);font-family:var(--body-font);text-align:center;cursor:pointer;border:1px solid #030c351a;border-radius:12px;padding:12px;font-size:.88rem;font-weight:700;transition:all .18s}.landmark-btn:hover{border-color:var(--orange);background:var(--off-white)}.landmark-btn.selected{border-color:var(--orange);background:var(--orange);color:var(--white)}.landmark-details-card{background:var(--off-white);border:1px solid #fe72021f;border-radius:16px;padding:18px}.landmark-details-card h4{color:var(--navy);font-family:var(--heading);margin:0 0 14px;font-size:1rem;font-weight:800}.landmark-info-row{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.landmark-info-row:last-child{margin-bottom:0}.info-badge{width:fit-content;font-size:.72rem;font-family:var(--heading);text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:3px 8px;font-weight:800}.info-badge.significance{color:var(--navy);background:#030c3514}.info-badge.ruling{color:var(--orange);background:#fe72021f}.landmark-info-row p{color:var(--body);margin:0;font-size:.88rem;line-height:1.5}.sequence-steps-list{gap:12px;margin-bottom:18px;display:grid}.sequence-step-item{align-items:flex-start;gap:14px;display:flex}.step-number{width:24px;height:24px;color:var(--orange);font-family:var(--heading);background:#fe72021f;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.82rem;font-weight:800;display:flex}.sequence-step-item p{color:var(--body);margin:0;font-size:.88rem;line-height:1.5}.tab-quote-box{border-left:3px solid var(--orange);background:var(--mist);border-radius:0 12px 12px 0;padding:12px 18px}.tab-quote-box blockquote{color:var(--navy);font-family:var(--heading);margin:0;font-size:.88rem;font-style:italic;font-weight:800}.post-tawaf-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.post-tawaf-card{background:var(--mist);border:1px solid #030c3514;border-radius:16px;flex-direction:column;gap:10px;padding:18px;display:flex}.post-tawaf-card .card-header{color:var(--orange);align-items:center;gap:10px;display:flex}.post-tawaf-card h4{color:var(--navy);font-family:var(--heading);margin:0;font-size:.95rem;font-weight:800}.post-tawaf-card p{color:var(--body);margin:0;font-size:.88rem;line-height:1.5}.block-arabic{color:var(--navy);font-size:1rem;font-family:var(--heading);margin:8px 0;font-weight:700;display:block}@media (width<=640px){.post-tawaf-grid,.landmark-grid{grid-template-columns:1fr}}.tawaf-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background-color:#030c3573;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.tawaf-modal-container{background:var(--white);border:1px solid #030c3514;border-radius:24px;flex-direction:column;width:min(1140px,100%);max-height:min(880px,90vh);display:flex;overflow:hidden;box-shadow:0 30px 60px -15px #030c3540}.tawaf-modal-top-bar{background:var(--white);border-bottom:1px solid #030c350f;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header-info .modal-eyebrow{text-transform:uppercase;letter-spacing:1px;color:var(--orange);font-size:.72rem;font-weight:800;font-family:var(--heading);margin-bottom:4px;display:block}.modal-header-info h2{color:var(--navy);font-size:1.35rem;font-weight:800;font-family:var(--heading);margin:0}.tawaf-modal-close{background:var(--mist);color:var(--navy);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:background .2s,transform .2s;display:flex}.tawaf-modal-close:hover{background:#030c3514;transform:scale(1.05)}.tawaf-modal-grid{flex:1;grid-template-columns:1.1fr .9fr;display:grid;overflow:hidden}.tawaf-modal-left{background:var(--off-white);border-right:1px solid #030c350f;flex-direction:column;padding:24px;display:flex;overflow:hidden}.tawaf-image-scroll-wrapper{background:var(--white);border:1px solid #030c350f;border-radius:16px;flex:1;justify-content:center;align-items:flex-start;padding:16px;display:flex;overflow-y:auto}.tawaf-image-scroll-wrapper img{object-fit:contain;max-width:100%;height:auto;display:block}.tawaf-image-caption{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin-top:14px;font-size:.8rem;font-weight:600;display:flex}.tawaf-image-caption .spin-icon{color:var(--orange);animation:8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.tawaf-modal-right{flex-direction:column;padding:24px;display:flex;overflow-y:auto}.tawaf-modal-right .tawaf-interactive-guide{background:0 0;border:0;border-radius:0;margin-top:0}.tawaf-modal-right .tawaf-tab-content{padding:20px 0 0}.tawaf-modal-right .tab-btn{padding:14px 10px}.modal-mobile-toggle{background:var(--mist);border:1px solid #030c350a;border-radius:12px;margin:10px 24px 0;padding:6px;display:flex}.modal-mobile-toggle .toggle-btn{color:var(--navy);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.modal-mobile-toggle .toggle-btn.active{background:var(--white);color:var(--orange);box-shadow:0 4px 12px #030c3514}.about-page-container{flex-direction:column;gap:80px;padding-bottom:60px;display:flex}.about-ceo-section{padding-top:20px}.about-ceo-grid{grid-template-columns:1.3fr .7fr;align-items:stretch;gap:40px;display:grid}.about-ceo-speech-card{background:var(--white);border:1px solid #030c3514;border-radius:24px;padding:40px;position:relative;box-shadow:0 10px 30px -10px #030c3508}.speech-quote-icon{font-size:7rem;font-family:var(--heading);color:#fe720214;line-height:1;position:absolute;top:-10px;left:30px}.about-ceo-speech-card h2{color:var(--navy);font-size:1.8rem;font-weight:800;font-family:var(--heading);z-index:2;margin:0 0 20px;position:relative}.ceo-intro-greeting{color:var(--orange);margin-bottom:16px;font-size:1.1rem;font-weight:700}.about-ceo-speech-card p{color:var(--body);margin-bottom:18px;font-size:.96rem;line-height:1.7}.ceo-signoff{color:var(--muted);font-style:italic}.ceo-profile{border-top:1px solid #030c350f;flex-direction:column;gap:4px;margin-top:30px;padding-top:20px;display:flex}.ceo-profile strong{color:var(--navy);font-size:1.1rem;font-weight:800}.ceo-profile span{color:var(--orange);font-size:.85rem;font-weight:600}.about-ceo-visual{justify-content:center;align-items:center;display:flex}.ceo-visual-card{background:var(--navy);border-radius:24px;justify-content:center;align-items:center;width:100%;height:100%;min-height:320px;padding:30px;display:flex;position:relative;overflow:hidden}.ceo-visual-accent{background:radial-gradient(circle at 100% 0,#fe72022e 0%,#0000 70%);position:absolute;inset:0}.ceo-visual-content{z-index:2;text-align:center;color:var(--white);flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}.ceo-visual-icon{color:var(--orange)}.ceo-visual-content h3{font-size:1.4rem;font-weight:800;font-family:var(--heading);margin:0}.ceo-visual-content p{color:#fffc;max-width:260px;font-size:.92rem;font-style:italic;line-height:1.6}.ceo-visual-seal{text-transform:uppercase;letter-spacing:.5px;background:#ffffff14;border:1px solid #ffffff1f;border-radius:99px;padding:6px 14px;font-size:.75rem;font-weight:700;display:inline-block}.about-why-section{padding-top:20px}.about-why-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:50px;display:grid}.why-stat-card{background:var(--navy);color:var(--white);text-align:center;border:1px solid #ffffff0d;border-radius:24px;padding:40px 30px}.why-stat-card h3{color:var(--orange);font-size:3.6rem;font-weight:800;font-family:var(--heading);margin:0 0 10px;line-height:1}.why-stat-card p{color:var(--white);margin:0;font-size:1.05rem;font-weight:700}.why-stat-divider{background:#ffffff1a;width:60px;height:1px;margin:20px auto}.why-stat-sub{color:var(--orange);text-transform:uppercase;letter-spacing:.5px;font-size:.82rem;font-weight:700;display:block}.why-text-col{flex-direction:column;gap:16px;display:flex}.why-eyebrow-tag{text-transform:uppercase;letter-spacing:1px;color:var(--orange);font-size:.72rem;font-weight:800;font-family:var(--heading);display:block}.why-split-content{color:var(--navy);font-size:1.6rem;font-weight:800;line-height:1.5;font-family:var(--heading);margin:0}.why-split-content-span{color:var(--muted);font-weight:500}.about-stats-strip{background:var(--mist);border-top:1px solid #030c3514;border-bottom:1px solid #030c3514;border-radius:20px;padding:30px 20px}.about-stats-strip-container{flex-wrap:wrap;justify-content:space-around;align-items:center;gap:20px;display:flex}.stat-strip-item{text-align:center;border-right:1px solid #030c3514;flex-direction:column;flex:1;gap:6px;min-width:150px;display:flex}.stat-strip-item:last-child{border-right:0}.stat-strip-item strong{color:var(--navy);font-size:2rem;font-weight:800;font-family:var(--heading);line-height:1}.stat-strip-item span{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:.78rem;font-weight:700}.about-pillars-interactive{padding-top:20px}.section-eyebrow-mini{text-transform:uppercase;letter-spacing:1px;color:var(--orange);font-size:.72rem;font-weight:800;font-family:var(--heading);margin-bottom:8px;display:block}.pillars-tabs-grid{grid-template-columns:.85fr 1.15fr;align-items:start;gap:40px;display:grid}.pillars-menu{flex-direction:column;gap:12px;display:flex}.pillar-menu-btn{background:var(--white);color:var(--navy);cursor:pointer;text-align:left;border:1px solid #030c3512;border-radius:16px;align-items:center;gap:16px;padding:20px;transition:all .25s;display:flex}.pillar-menu-btn:hover{background:var(--mist);border-color:#030c351f}.pillar-menu-btn.active{background:var(--white);border-color:var(--orange);box-shadow:0 10px 30px -10px #fe72021f}.pillar-menu-btn .btn-num{width:32px;height:32px;color:var(--navy);font-size:.82rem;font-weight:800;font-family:var(--heading);background:#030c350d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .25s;display:flex}.pillar-menu-btn.active .btn-num{background:var(--orange);color:var(--white)}.btn-text-wrap{flex-direction:column;gap:2px;display:flex}.btn-text-wrap strong{color:var(--navy);font-size:.95rem;font-weight:800;font-family:var(--heading)}.btn-text-wrap span{color:var(--muted);font-size:.78rem;font-weight:500}.pillars-pane-wrapper{position:relative}.pillar-pane-card{background:var(--white);border:1px solid #030c3514;border-radius:24px;padding:40px;position:relative;overflow:hidden}.pane-num-badge{color:#fe720214;font-size:2.2rem;font-weight:800;font-family:var(--heading);line-height:1;position:absolute;top:30px;right:30px}.pillar-pane-card h3{color:var(--navy);font-size:1.45rem;font-weight:800;font-family:var(--heading);max-width:80%;margin:0 0 16px}.pane-lead-text{color:var(--body);margin-bottom:24px;font-size:.96rem;line-height:1.65}.pillar-pane-card ul{flex-direction:column;gap:12px;margin:0 0 24px;padding:0;list-style:none;display:flex}.pillar-pane-card ul li{color:var(--body);padding-left:24px;font-size:.92rem;line-height:1.5;position:relative}.pillar-pane-card ul li:before{content:"✓";color:var(--orange);font-size:.95rem;font-weight:800;position:absolute;left:2px}.pillar-pane-card blockquote{border-left:3px solid var(--orange);background:var(--mist);color:var(--navy);border-radius:0 12px 12px 0;margin:24px 0 0;padding:16px 20px;font-size:.88rem;font-style:italic;font-weight:700;line-height:1.5}.section-header-centered{text-align:center;max-width:620px;margin:0 auto 40px}.section-header-centered h2{color:var(--navy);font-size:2rem;font-weight:800;font-family:var(--heading);margin:0 0 12px}.section-header-centered p{color:var(--muted);margin:0;font-size:.96rem;line-height:1.6}.about-services-section{background:radial-gradient(circle at center, #fe72020a 0%, transparent 100%), var(--off-white);border:1px solid #fe720214;border-radius:30px;padding:60px 40px;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #030c3508}.services-tabs-menu{z-index:2;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:40px;display:flex;position:relative}.service-tab-btn{font-family:var(--heading);color:var(--navy);background:var(--white);cursor:pointer;border:1px solid #030c3514;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 6px #030c3505}.service-tab-btn svg{color:var(--orange);transition:transform .3s,color .3s}.service-tab-btn:hover{border-color:#fe720233;transform:translateY(-2px);box-shadow:0 4px 12px #030c350d}.service-tab-btn:hover svg{transform:scale(1.1)}.service-tab-btn.active{color:var(--white);background:var(--orange);border-color:var(--orange);box-shadow:0 8px 20px #fe720240}.service-tab-btn.active svg{color:var(--white)}.services-pane-container{width:100%;min-height:250px;position:relative}.about-services-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.about-service-card{background:var(--white);text-align:center;border:1px solid #030c3512;border-radius:20px;flex-direction:column;align-items:center;padding:30px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex}.about-service-card:hover{border-color:#fe72024d;transform:translateY(-5px);box-shadow:0 15px 35px -10px #030c350d}.service-icon-circle{width:64px;height:64px;color:var(--orange);background:radial-gradient(circle,#fe720214 0%,#fe720203 100%);border:1px solid #fe720214;border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.about-service-card h3{color:var(--navy);font-size:1.15rem;font-weight:800;font-family:var(--heading);margin:0 0 10px}.about-service-card p{color:var(--body);margin:0;font-size:.88rem;line-height:1.6}.about-pillars-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.pillar-card{background:var(--white);border:1px solid #030c350f;border-radius:20px;flex-direction:column;gap:12px;padding:24px;display:flex}.pillar-icon{color:var(--orange);width:24px;height:24px}.pillar-card h3{color:var(--navy);font-size:1.05rem;font-weight:800;font-family:var(--heading);margin:0}.pillar-card p{color:var(--body);margin:0;font-size:.86rem;line-height:1.6}.about-cta-card-wrapper{margin-top:20px}.about-cta-card{text-align:center;color:var(--white);background-image:linear-gradient(135deg,#030c35f2,#030c35fa),url(/footer-cta-bg.png);background-position:50%;background-size:cover;border:1px solid #ffffff0d;border-radius:24px;flex-direction:column;align-items:center;gap:20px;padding:50px 30px;display:flex}.about-cta-card h2{font-size:2rem;font-weight:800;font-family:var(--heading);margin:0}.about-cta-card p{color:#ffffffd9;max-width:520px;margin:0;font-size:1rem;line-height:1.6}.about-cta-card .button-white{background:var(--white);color:var(--navy);font-family:var(--heading);border-radius:99px;align-items:center;gap:10px;padding:14px 28px;font-weight:800;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex;box-shadow:0 10px 20px -5px #030c354d}.about-cta-card .button-white:hover{background:var(--off-white);transform:translateY(-2px)}.timeline-action-block{margin-top:18px}.walkthrough-trigger-btn{align-items:center;gap:8px;padding:10px 18px;font-size:.85rem;display:inline-flex}.about-testimonials-section{padding:20px 0 0}.about-testimonials-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.testimonial-card{background:var(--white);border:1px solid #030c3514;border-radius:24px;flex-direction:column;justify-content:space-between;padding:35px 30px;transition:all .3s;display:flex;position:relative}.testimonial-card:before{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 0l10 30h30L55 50l10 30-25-20-25 20 10-30L0 30h30z' fill='%23fe7202' fill-opacity='0.006'/%3E%3C/svg%3E");border-radius:24px;position:absolute;inset:0}.testimonial-card:hover{border-color:#fe720240;transform:translateY(-5px)}.testimonial-stars{color:var(--orange);letter-spacing:2px;margin-bottom:20px;font-size:1.15rem}.testimonial-quote{color:var(--body);margin:0 0 24px;font-size:.94rem;font-style:italic;line-height:1.6}.testimonial-author{border-top:1px solid #030c350f;flex-direction:column;gap:4px;padding-top:18px;display:flex}.testimonial-author strong{color:var(--navy);font-size:.96rem;font-weight:700}.testimonial-author span{color:var(--muted);font-size:.8rem}.adab-container{flex-direction:column;gap:48px;padding-bottom:40px;display:flex}.adab-intro-card{background:var(--navy);color:var(--white);border:1px solid #ffffff14;border-radius:28px;padding:45px 40px;position:relative;overflow:hidden}.adab-intro-card:before{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 0l10 30h30L55 50l10 30-25-20-25 20 10-30L0 30h30z' fill='%23fe7202' fill-opacity='0.02'/%3E%3C/svg%3E");border-radius:28px;position:absolute;inset:0}.adab-quote-badge{font-size:8rem;font-family:var(--heading);color:#fe720214;line-height:1;position:absolute;top:-15px;right:40px}.adab-intro-card h2{color:var(--orange);font-size:1.8rem;font-weight:800;font-family:var(--heading);z-index:2;margin:0 0 12px;position:relative}.adab-intro-card p{color:var(--border);z-index:2;max-width:800px;margin:0;font-size:1.05rem;line-height:1.7;position:relative}.adab-principles-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.adab-principle-card{background:var(--white);border:1px solid #030c3514;border-radius:24px;padding:35px 30px;transition:all .3s}.adab-principle-card:hover{border-color:#fe720240;transform:translateY(-4px)}.adab-principle-card h3{color:var(--navy);font-size:1.25rem;font-weight:800;font-family:var(--heading);margin:0 0 12px}.pr-desc{color:var(--body);margin:0 0 20px;font-size:.92rem;line-height:1.6}.principle-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.principle-list li{align-items:flex-start;gap:10px;display:flex}.principle-list li span{color:var(--body);font-size:.88rem;line-height:1.5}.bullet-icon-orange{color:var(--orange);flex-shrink:0;margin-top:2px}.adab-action-banner{background:radial-gradient(circle at center, #fe720208 0%, transparent 100%), var(--off-white);text-align:center;border:1px solid #fe720214;border-radius:28px;padding:40px}.adab-action-banner h3{color:var(--navy);font-size:1.4rem;font-weight:800;font-family:var(--heading);margin:0 0 10px}.adab-action-banner p{color:var(--body);margin:0 0 24px;font-size:.95rem}.adab-btn-wrap{justify-content:center;display:flex}@media (width<=991px){.adab-principles-grid{grid-template-columns:1fr;gap:20px}.adab-intro-card{padding:30px}.adab-intro-card h2{font-size:1.5rem}.about-services-section{border-radius:24px;padding:40px 30px}.service-tab-btn{padding:10px 20px;font-size:.9rem}.about-ceo-grid{grid-template-columns:1fr}.about-why-grid,.pillars-tabs-grid{grid-template-columns:1fr;gap:30px}.about-services-grid{grid-template-columns:repeat(2,1fr)}.about-testimonials-grid{grid-template-columns:1fr;gap:20px}.tawaf-modal-grid{flex-direction:column;flex:1;display:flex;overflow:hidden}.tawaf-modal-left{border-bottom:0;border-right:0;flex-direction:column;flex:1;display:flex;max-height:none!important}.tawaf-modal-container{max-height:95vh}}@media (width<=640px){.adab-action-banner{padding:30px 20px}.adab-action-banner h3{font-size:1.25rem}.about-services-section{border-radius:20px;padding:30px 16px}.services-tabs-menu{gap:8px;margin-bottom:25px}.service-tab-btn{gap:6px;padding:8px 14px;font-size:.82rem}.about-services-grid{grid-template-columns:1fr;gap:16px}.testimonial-card{padding:25px 20px}.about-ceo-speech-card{padding:30px 20px}.about-ceo-speech-card h2{font-size:1.5rem}.about-cta-card h2{font-size:1.6rem}.tawaf-modal-container{border-radius:0;width:100%;height:100%;max-height:100vh}.tawaf-modal-overlay{padding:0}.tawaf-modal-left{max-height:none!important}}