:root{--navy:#241653;--navy2:#1a103f;--navy3:#3b276f;--orange:#ef8218;--orange2:#fa982e;--ink:#211d32;--muted:#6c6978;--line:#eae7f0;--surface:#f8f7fa;--white:#fff;--radius:22px;--shadow:0 25px 65px rgba(30,19,73,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:102px}body{margin:0;color:var(--ink);background:#fff;font-family:"Vazirmatn",Tahoma,Arial,sans-serif;font-size:15px;line-height:1.9;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.container{width:min(1170px,calc(100% - 50px));margin-inline:auto}.icons{position:absolute;width:0;height:0;overflow:hidden}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.5}h2{font-size:clamp(28px,3.3vw,43px);font-weight:900;letter-spacing:-.6px}h2 span{color:var(--orange)}.section{padding:106px 0}.section-kicker{color:var(--orange);font-size:13px;letter-spacing:0;font-weight:800;display:inline-flex;align-items:center;gap:11px;margin-bottom:14px}.section-kicker:before{content:"";width:25px;height:2px;background:currentColor;border-radius:2px}.section-header{margin-bottom:37px}.section-header-split{display:flex;align-items:end;justify-content:space-between;gap:65px}.section-header h2{margin:0}.section-header-split p{max-width:360px;color:var(--muted);margin:0}.section-centered{text-align:center;max-width:610px;margin-inline:auto;margin-bottom:41px}.section-centered .section-kicker{justify-content:center}.section-centered p{color:var(--muted);margin:12px auto 0;max-width:530px}
.topbar{background:var(--navy2);color:#c8c2e0;font-size:12px}.topbar-inner{min-height:35px;display:flex;align-items:center;justify-content:space-between}.topbar a{display:inline-flex;gap:8px;align-items:center;direction:ltr;color:#ebe8f4}.topbar svg{width:13px;height:13px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-bottom:1px solid rgba(40,23,91,.06)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:28px}.brand{display:inline-flex;align-items:center;gap:11px;min-width:max-content}.brand img{width:43px;height:51px;object-fit:contain}.brand-name{display:flex;flex-direction:column;line-height:1.35}.brand-name strong{font-family:Arial,sans-serif;font-size:15px;letter-spacing:1.2px;font-weight:900;color:var(--navy);white-space:nowrap}.brand-name small{font-size:14px;font-weight:800;color:var(--navy)}.nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:700;color:#585167}.nav a{transition:color .2s}.nav a:hover,.nav a:focus-visible{color:var(--orange)}.nav-actions{display:flex;align-items:center;gap:12px}.nav-cta{background:var(--navy);color:white;display:inline-flex;align-items:center;gap:8px;border-radius:12px;padding:10px 20px;font-size:12px;font-weight:800;transition:background .2s,transform .2s;white-space:nowrap}.nav-cta:hover{background:var(--navy3);transform:translateY(-2px)}.nav-cta svg{width:16px;height:16px;transform:rotate(180deg)}.menu-toggle{display:none;border:0;background:#f1eef8;color:var(--navy);border-radius:11px;width:44px;height:44px;align-items:center;justify-content:center}
.hero{position:relative;background:radial-gradient(ellipse at 92% 22%,#3c277a 0%,transparent 42%),linear-gradient(116deg,#1d1347,#28185f 70%);color:white;overflow:hidden;min-height:640px}.hero-grain{position:absolute;inset:0;opacity:.2;pointer-events:none;background-image:radial-gradient(#fff .6px,transparent .6px);background-size:20px 20px;mask-image:linear-gradient(to left,#000,transparent 70%)}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:641px;gap:18px;padding-bottom:32px}.hero-content{position:relative;z-index:2;padding:49px 0 76px}.eyebrow{display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px;padding:7px 13px 7px 17px;border:1px solid rgba(255,255,255,.19);border-radius:99px;color:#eee9fb;font-size:11px;font-weight:600;background:rgba(255,255,255,.05);margin-bottom:23px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 15px var(--orange)}.eyebrow-split{height:13px;border-right:1px solid rgba(255,255,255,.26)}.hero h1{font-size:clamp(37px,4vw,60px);line-height:1.55;font-weight:900;letter-spacing:-1.3px;margin-bottom:20px}.hero h1 em{font-style:normal;color:#ff9e39}.hero-content>p{max-width:540px;font-size:15px;line-height:2.2;color:#cec9e2;margin-bottom:27px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.btn{display:inline-flex;justify-content:center;align-items:center;gap:13px;min-height:51px;padding:10px 22px;border-radius:12px;font-weight:800;font-size:13px;border:1px solid transparent;transition:transform .2s,background .2s,box-shadow .2s}.btn svg{width:17px;height:17px;transform:rotate(180deg)}.btn:hover{transform:translateY(-3px)}.btn-orange{background:linear-gradient(125deg,#ef7b13,#ff9f30);color:#fff;box-shadow:0 12px 27px rgba(244,122,20,.2)}.btn-orange:hover{box-shadow:0 15px 30px rgba(244,122,20,.3)}.btn-ghost{border-color:rgba(255,255,255,.3);color:#fff;background:rgba(255,255,255,.05)}.btn-ghost svg{transform:none;width:15px;height:15px}.btn-ghost:hover{background:rgba(255,255,255,.14)}.hero-mini{display:flex;gap:18px;flex-wrap:wrap;color:#dcd6ed;font-size:11px;font-weight:600;margin-top:27px}.hero-mini span{display:inline-flex;align-items:center;gap:5px}.hero-mini svg{width:15px;height:15px;color:var(--orange2);stroke-width:3}.hero-visual{height:530px;position:relative;overflow:visible}.hero-sun{position:absolute;width:325px;height:325px;top:86px;left:67px;background:radial-gradient(circle at 40% 43%,#ffb85f 0%,#f28e22 45%,#d77410 100%);border-radius:50%;box-shadow:0 0 0 23px rgba(255,255,255,.04),0 0 0 53px rgba(255,255,255,.035),0 35px 70px rgba(2,0,25,.15)}.orbit{position:absolute;border:1px solid rgba(255,255,255,.07);border-radius:50%;left:20px;top:45px;width:445px;height:445px}.orbit-2{width:510px;height:510px;top:13px;left:-13px}.orbit-3{width:600px;height:600px;top:-32px;left:-57px}.hero-brand-logo{position:absolute;z-index:1;width:clamp(130px,20vw,220px);height:auto;max-height:65%;object-fit:contain;top:50%;left:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 12px 20px rgba(10,0,33,.2))}.hero-plane{position:absolute;width:550px;max-width:none;height:auto;top:106px;left:-27px;filter:drop-shadow(0 24px 28px rgba(10,0,33,.14))}.float-tag{position:absolute;z-index:2;display:flex;align-items:center;gap:11px;padding:11px 14px;background:rgba(255,255,255,.98);box-shadow:0 19px 45px rgba(4,0,32,.24);border-radius:14px;color:var(--navy);min-width:198px}.float-tag-icon{width:44px;height:44px;display:grid;place-items:center;background:#fdf1e5;border-radius:10px;color:#ed821d}.float-tag-icon svg{width:23px;height:23px}.float-tag b{display:block;font-size:12px;line-height:1.8}.float-tag small{display:block;color:#777282;font-size:10px}.float-top{top:76px;right:20px}.float-bottom{bottom:65px;left:-1px}.visa-icon{background:#edeaf7;color:var(--navy)}.hero-bottom-tag{position:absolute;bottom:10px;left:15px;display:flex;align-items:center;gap:9px;color:#afa5d5;font-size:10px;letter-spacing:1px}.hero-bottom-tag span{width:22px;height:1px;background:#afa5d5}.hero-wave{position:absolute;bottom:-1px;width:100%;height:24px;background:#fff;clip-path:polygon(0 60%,100% 0,100% 100%,0 100%)}
.services{background:#fff}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{position:relative;border:1px solid #ebe8f1;border-radius:20px;padding:28px 23px 23px;min-height:312px;display:flex;flex-direction:column;transition:transform .25s,border .25s,box-shadow .25s;overflow:hidden}.service-card:before{content:"";position:absolute;right:0;top:0;height:4px;width:0;background:linear-gradient(90deg,var(--orange),#ffc16c);transition:width .25s}.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#ddd5ed}.service-card:hover:before{width:100%}.service-num{position:absolute;top:17px;left:20px;color:#e6e2ed;font:900 24px Arial,sans-serif}.service-icon{width:60px;height:60px;border-radius:17px;background:#f3edf8;color:var(--navy);display:grid;place-items:center;margin-bottom:22px}.service-icon svg{width:28px;height:28px}.service-card:first-child .service-icon,.service-card:nth-child(3) .service-icon{background:#fff1e6;color:var(--orange)}.service-card h3{font-size:18px;font-weight:900;margin-bottom:9px}.service-card p{color:var(--muted);font-size:12px;line-height:2.05;flex:1;margin-bottom:16px}.service-card>a{display:inline-flex;align-items:center;gap:8px;color:var(--orange);font-weight:800;font-size:12px}.service-card>a svg{width:15px;height:15px;transform:rotate(180deg)}
.umrah{background:var(--navy);color:#fff;overflow:hidden}.umrah-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:78px}.umrah-media{position:relative;margin-inline:10px 0}.umrah-media:before{content:"";border-radius:28px;position:absolute;top:-12px;right:-12px;bottom:12px;left:12px;border:2px solid rgba(255,166,71,.7)}.umrah-media img{width:100%;aspect-ratio:1.18;object-fit:cover;object-position:center 47%;border-radius:22px;position:relative}.umrah-photo-label{position:absolute;bottom:15px;left:16px;background:#fff;color:var(--navy);border-radius:10px;padding:9px 14px;font-size:12px;font-weight:800;box-shadow:0 8px 27px rgba(0,0,0,.1)}.little-star{color:var(--orange);margin-left:6px}.umrah-text h2{font-size:clamp(29px,3.5vw,45px);line-height:1.55}.umrah-text h2 span{color:#ffa63e}.umrah-text>p{color:#cfc9e4;line-height:2.2;max-width:520px;font-size:14px}.light-kicker{color:#ffae55}.umrah-features{display:flex;flex-direction:column;gap:9px;color:#e5e0f1;font-size:13px;margin:21px 0 28px}.umrah-features span{display:flex;align-items:center;gap:9px}.umrah-features svg{color:var(--orange2);width:17px;height:17px;stroke-width:3}
.about-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:76px;align-items:center}.about-content h2{max-width:490px}.about-content>p{color:var(--muted);font-size:14px;line-height:2.3;margin-bottom:14px}.about-highlights{margin:26px 0;display:flex;flex-direction:column;gap:17px}.about-highlights>div{display:flex;gap:13px;align-items:center}.about-highlights>div>svg{padding:12px;width:48px;height:48px;border-radius:13px;background:#fff2e6;color:var(--orange)}.about-highlights b{display:block;font-size:14px}.about-highlights small{display:block;color:#7c7785;font-size:12px}.text-link{display:inline-flex;gap:9px;align-items:center;color:var(--navy);font-size:13px;font-weight:900;padding-bottom:5px;border-bottom:2px solid var(--orange)}.text-link svg{width:16px;height:16px;transform:rotate(180deg)}.about-collage{height:470px;position:relative}.about-main-photo{position:absolute;width:80%;height:365px;top:14px;right:0;object-fit:cover;border-radius:21px;box-shadow:var(--shadow)}.about-secondary-photo{position:absolute;bottom:0;left:0;width:37%;height:250px;object-fit:cover;object-position:center 16%;border:7px solid white;border-radius:18px;box-shadow:var(--shadow)}.about-badge{position:absolute;top:3px;left:13px;width:124px;height:124px;border-radius:50%;background:var(--orange);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 14px 30px rgba(240,130,20,.2);transform:rotate(-11deg)}.about-badge span{font-size:23px;font-weight:900;line-height:1}.about-badge strong{font:900 10px Arial;letter-spacing:1px}.about-badge small{font-size:9px}
.steps{background:var(--surface)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;text-align:center;position:relative}.steps-grid:before{content:"";position:absolute;top:34px;right:14%;left:14%;border-top:2px dashed #ddd5ea}.step{position:relative}.step>span{width:69px;height:69px;margin:0 auto 19px;border-radius:50%;background:#fff;border:2px solid #efdfd0;color:var(--orange);display:grid;place-items:center;font-size:24px;font-weight:900;box-shadow:0 7px 24px rgba(32,19,69,.07)}.step h3{font-size:17px;margin-bottom:5px}.step p{font-size:12px;color:var(--muted);max-width:280px;margin:0 auto}
.inquiry{background:radial-gradient(circle at 18% 30%,#3c287c 0%,transparent 35%),var(--navy);color:white}.inquiry-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;align-items:center}.inquiry-intro h2{font-size:clamp(30px,3.2vw,43px)}.inquiry-intro h2 span{color:#ff9f35}.inquiry-intro>p{color:#d5cfe8;font-size:14px;line-height:2.25;max-width:410px}.inquiry-note{margin-top:27px;display:flex;gap:12px;align-items:flex-start;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);border-radius:14px;padding:15px;color:#e1dbee;font-size:12px;max-width:420px}.inquiry-note svg{color:#ffac50;flex:0 0 18px;margin-top:2px}.inquiry-form{background:#fff;color:var(--ink);padding:34px;border-radius:23px;box-shadow:0 24px 50px rgba(0,0,0,.14);display:flex;flex-direction:column;gap:9px}.form-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:8px}.form-heading strong{font-size:17px}.form-heading>span{font-size:11px;color:#938c9d}.inquiry-form label{font-weight:800;font-size:12px;margin-top:4px}.inquiry-form label b{color:var(--orange)}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{width:100%;background:#faf9fc;border:1px solid #e4e0ea;border-radius:11px;outline:none;padding:11px 13px;color:var(--ink);transition:border .15s,box-shadow .15s;font-size:13px}.inquiry-form input:focus,.inquiry-form textarea:focus,.inquiry-form select:focus{border-color:#f69a3b;box-shadow:0 0 0 3px rgba(245,149,46,.13)}.inquiry-form select{cursor:pointer}.inquiry-form textarea{resize:vertical;min-height:108px}.inquiry-form .submit-btn{margin-top:11px;border:0;align-self:stretch}.form-fine{color:#807a8a;font-size:11px;text-align:center}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.contact-card{padding:27px;border:1px solid var(--line);border-radius:19px;min-height:230px;display:flex;flex-direction:column;align-items:flex-start}.contact-icon{width:50px;height:50px;display:grid;place-items:center;background:#fff0e1;color:var(--orange);border-radius:13px;margin-bottom:13px}.contact-icon svg{width:25px;height:25px}.contact-card h3{font-size:16px;margin-bottom:9px}.contact-card>a:not(.small-link){color:var(--navy);font-size:14px;font-weight:800;display:block;line-height:1.9}.contact-card>a[dir=ltr]{align-self:flex-start}.contact-card p{font-size:13px;color:var(--muted);margin:0}.small-link{display:inline-flex;gap:7px;align-items:center;font-weight:700;color:var(--orange);font-size:12px;margin-top:9px}.small-link svg{height:15px;width:15px;transform:rotate(180deg)}
.footer{background:#150d35;color:#f4efff;padding-top:55px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:62px;padding-bottom:45px}.footer-logo .brand-name strong,.footer-logo .brand-name small{color:#fff}.footer-brand>p{color:#c1b8de;font-size:12px;margin:17px 0;max-width:340px}.footer-links{display:flex;align-items:flex-start;flex-direction:column;gap:8px}.footer-links strong{font-size:14px;margin-bottom:8px}.footer-links a,.footer-links span{color:#c5bfdb;font-size:12px}.footer-links a:hover{color:#ffa543}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:15px 0;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#afa5ca;font-size:11px}.footer-bottom a{color:#ffa341;font-weight:900;letter-spacing:1px}.floating-wa{position:fixed;bottom:25px;left:24px;z-index:48;width:55px;height:55px;display:grid;place-items:center;border-radius:50%;background:#25d366;box-shadow:0 8px 26px rgba(14,137,58,.31);color:#fff;transition:transform .2s}.floating-wa:hover{transform:translateY(-4px) scale(1.05)}.floating-wa svg{width:28px;height:28px}
@media(max-width:1060px){.nav{gap:18px}.nav-cta{display:none}.hero-plane{width:490px;left:-15px}.hero-sun{left:57px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:260px}.hero h1{font-size:43px}.umrah-grid,.about-grid{gap:45px}}
@media(max-width:760px){.container{width:min(100% - 32px,570px)}.section{padding:73px 0}.topbar-inner{min-height:34px}.topbar{font-size:10px}.site-header .header-inner{min-height:72px}.brand img{width:37px;height:43px}.brand-name strong{font-size:12px}.brand-name small{font-size:12px}.menu-toggle{display:flex}.nav{position:absolute;display:none;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;background:#fff;gap:0;box-shadow:0 17px 35px rgba(20,11,49,.15);border-top:1px solid var(--line);padding:10px 24px 18px}.nav.open{display:flex}.nav a{padding:11px;border-bottom:1px solid #f1eef6}.hero-grid{grid-template-columns:1fr;min-height:initial;gap:0}.hero-content{padding:68px 0 15px}.hero h1{font-size:clamp(33px,7.9vw,46px)}.hero-content>p{font-size:13px}.hero-visual{height:350px;max-width:500px;width:100%;margin-inline:auto}.hero-sun{width:250px;height:250px;left:calc(50% - 125px);top:35px}.orbit{width:335px;height:335px;left:calc(50% - 167px);top:-5px}.orbit-2{width:395px;height:395px;left:calc(50% - 197px);top:-35px}.orbit-3{display:none}.hero-plane{width:395px;left:calc(50% - 198px);top:65px}.float-tag{padding:7px;min-width:151px;gap:7px}.float-tag-icon{width:34px;height:34px}.float-tag b{font-size:10px}.float-tag small{font-size:8px}.float-top{top:15px;right:0}.float-bottom{bottom:26px;left:0}.hero-bottom-tag{display:none}.hero-wave{height:14px}.hero-mini{margin-top:22px;gap:12px}.section-header-split{display:block}.section-header-split p{margin-top:14px;max-width:550px}.service-grid,.umrah-grid,.about-grid,.inquiry-grid{grid-template-columns:1fr}.service-grid{gap:13px}.service-card{min-height:225px}.umrah-grid{gap:34px}.umrah-media{max-width:580px}.umrah-text{grid-row:1}.about-grid{gap:15px}.about-collage{height:390px}.about-main-photo{height:310px}.about-secondary-photo{height:220px}.steps-grid{grid-template-columns:1fr;gap:25px}.steps-grid:before{display:none}.inquiry-grid{gap:27px}.inquiry-form{padding:24px}.contact-grid{grid-template-columns:1fr;gap:13px}.contact-card{min-height:initial}.footer-main{grid-template-columns:1fr 1fr;gap:24px}.footer-brand{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column;gap:0}.floating-wa{bottom:16px;left:16px;width:51px;height:51px}}
@media(max-width:430px){.topbar-inner>span{display:none}.topbar-inner{justify-content:center}.brand-name strong{font-size:11px}.brand-name small{font-size:11px}.hero h1{font-size:32px}.eyebrow{font-size:9px}.hero-buttons .btn{min-height:47px;padding:10px 15px;font-size:11px}.hero-mini{font-size:10px}.hero-visual{height:300px}.hero-sun{width:205px;height:205px;left:calc(50% - 102px)}.orbit{width:290px;height:290px;left:calc(50% - 145px)}.orbit-2{width:350px;height:350px;left:calc(50% - 175px)}.hero-plane{width:340px;left:calc(50% - 170px);top:58px}.float-bottom{bottom:12px}.float-top{right:0}.about-collage{height:310px}.about-main-photo{height:265px}.about-secondary-photo{height:160px}.about-badge{width:92px;height:92px}.about-badge span{font-size:18px}.about-badge strong{font-size:7px}.footer-main{gap:18px}.footer-links a{line-height:2.1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Brand presentation */
.hero-visual{display:flex;align-items:center;justify-content:center;padding:30px 18px}
.hero-brand-card{width:min(100%,370px);padding:40px 28px 30px;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fffaf3;border:1px solid rgba(255,255,255,.65);border-radius:28px;box-shadow:0 28px 70px rgba(10,3,32,.24)}
.hero-brand-logo{position:static;transform:none;width:156px;height:auto;max-height:none;filter:none;object-fit:contain;margin:0 0 24px}
.hero-brand-title{font-family:Arial,sans-serif;font-size:24px;font-weight:800;letter-spacing:1.2px;line-height:1.3;color:#25174f}
.hero-brand-name{font-size:18px;font-weight:700;color:#54476a;margin-top:8px}
.hero-brand-divider{width:40px;height:3px;border-radius:3px;background:#f28a1b;margin:24px 0 18px}
.hero-brand-location{font-family:Arial,sans-serif;font-size:10px;letter-spacing:3px;color:#83798f}
@media(max-width:760px){.hero-visual{height:auto;padding:0 10px 48px}.hero-brand-card{max-width:340px;padding:30px 22px 25px;border-radius:24px}.hero-brand-logo{width:120px;margin-bottom:20px}.hero-brand-title{font-size:21px}.hero-brand-name{font-size:16px}.hero-brand-divider{margin:20px 0 16px}}