@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800&family=Inter:wght@400;500;600&family=Noto+Nastaliq+Urdu:wght@400;600;700&display=swap";
.landing-guide{--navy:var(--color-primary-dark,#0b1220);--navy2:color-mix(in srgb, var(--color-primary-dark,#131b2e) 88%, black);--teal:var(--color-primary-light,var(--color-primary,#14b8a6));--teal-light:var(--color-primary-light,#5eead4);--coral:#fb7185;--amber:#fbbf24;--violet:#8b5cf6;--paper:var(--color-bg,#f7f9fc);--ink:var(--color-text-primary,#0f172a);--muted:var(--color-text-muted,#64748b);background:var(--paper);color:var(--ink);min-height:100dvh;font-family:Inter,sans-serif;transition:background-color .25s,color .25s;overflow-x:hidden}.landing-guide .urdu{text-align:right;color:var(--color-text-secondary,#334155);direction:rtl;font-family:Noto Nastaliq Urdu,serif;line-height:2.1}.landing-guide .en{color:var(--color-text-secondary,#334155);line-height:1.6}.landing-guide .divider-line{background:linear-gradient(90deg, transparent, var(--color-border,#e2e8f0) 20%, var(--color-border,#e2e8f0) 80%, transparent);height:1px;margin:14px 0}.landing-guide .blob-bg{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.landing-guide .blob{filter:blur(70px);opacity:.35;border-radius:50%;animation:18s ease-in-out infinite landing-drift;position:absolute}.landing-guide .blob1{background:var(--teal);width:420px;height:420px;top:-100px;left:-100px}.landing-guide .blob2{background:var(--coral);width:380px;height:380px;animation-delay:3s;top:40%;right:-140px}.landing-guide .blob3{background:var(--violet);width:340px;height:340px;animation-delay:6s;bottom:-120px;left:30%}@keyframes landing-drift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px,-40px)scale(1.1)}}.landing-guide .top-banner{background:linear-gradient(90deg, var(--color-primary-dark) 0%, var(--color-primary) 52%, color-mix(in srgb, var(--color-primary-dark) 85%, black) 100%);color:#fffffff2;text-align:center;z-index:60;border-bottom:1px solid color-mix(in srgb, var(--color-primary-light) 35%, transparent);box-shadow:0 4px 14px -6px color-mix(in srgb, var(--color-primary-dark) 45%, transparent);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;padding:10px 6%;font-size:.85rem;font-weight:500;transition:background .25s;display:flex;position:relative}.landing-guide .top-banner a{color:var(--color-primary-light,var(--teal-light));font-weight:700;text-decoration:underline}.landing-guide .top-banner a:hover{color:color-mix(in srgb, var(--color-primary-light) 75%, white)}.landing-guide .top-banner .ur{color:#ffffffe0;direction:rtl;font-family:Noto Nastaliq Urdu,serif;font-size:.95rem}.landing-guide header{z-index:100;background:linear-gradient(90deg, var(--color-primary-dark) 0%, var(--color-primary) 55%, color-mix(in srgb, var(--color-primary-dark) 88%, black) 100%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb, var(--color-primary-light) 28%, transparent);box-shadow:0 8px 24px -12px color-mix(in srgb, var(--color-primary-dark) 55%, transparent);justify-content:space-between;align-items:center;gap:16px;padding:22px 6%;transition:background .25s,border-color .25s,box-shadow .25s;display:flex;position:sticky;top:0;overflow:visible}.landing-guide header .tag{color:#ffffffc7;font-size:.72rem;font-weight:500}.landing-guide .header-link{color:#ffffffe6;border-radius:10px;padding:8px 14px;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s}.landing-guide .header-link:hover{color:#fff;background:#ffffff1f}.landing-guide .header-cta{color:var(--color-primary);background:#fff;border-radius:10px;padding:9px 16px;font-size:.85rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 18px -8px #0f172a47}.landing-guide .header-cta:hover{transform:translateY(-1px);box-shadow:0 12px 22px -8px #0f172a52}.landing-guide .header-left{align-items:center;gap:18px;min-width:0;display:flex}.landing-guide .logo{align-items:center;text-decoration:none;display:flex}.landing-guide .logo-img{width:auto;height:42px}.landing-guide .header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}.landing-guide .header-prefs{align-items:center;gap:8px;display:flex}.landing-guide .header-prefs .tg-pref-panel,.landing-guide .header-prefs .tg-pref-panel-wide{z-index:250;width:min(17rem,100dvw - 1.5rem);max-width:calc(100dvw - 1.5rem)}.landing-guide .hero{perspective:1400px;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;padding:70px 6% 40px;display:grid}.landing-guide .eyebrow{background:color-mix(in srgb, var(--color-primary) 12%, white);border:1px solid color-mix(in srgb, var(--color-primary) 35%, white);color:var(--color-primary);border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:7px 14px;font-size:.78rem;font-weight:600;display:inline-flex}.landing-guide .dot{background:var(--color-primary);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb, var(--color-primary) 20%, transparent);border-radius:50%}.landing-guide h1{letter-spacing:-.02em;background:linear-gradient(135deg, var(--color-text-primary,#0f172a) 30%, var(--color-primary) 80%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:14px;font-family:Sora,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.12}.landing-guide h1.ur-h1{text-align:right;background:linear-gradient(135deg, var(--color-text-primary,#0f172a) 30%, color-mix(in srgb, var(--color-primary) 70%, var(--violet)) 80%);color:#0000;direction:rtl;-webkit-background-clip:text;background-clip:text;margin-top:calc(6px - .4em);margin-bottom:calc(18px - .4em);padding-top:.4em;padding-bottom:.4em;font-family:Noto Nastaliq Urdu,serif;font-size:clamp(1.6rem,3.4vw,2.3rem);font-weight:700;line-height:1.9}.landing-guide .hero h1+h1.ur-h1{margin-top:.35rem}.landing-guide .hero p.lead{color:var(--muted);max-width:520px;margin-bottom:8px;font-size:1.05rem}.landing-guide .hero p.lead.ur{color:#475569;max-width:100%;margin-bottom:24px;font-size:1.15rem}.landing-guide .cta-row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:26px;display:flex}.landing-guide .btn-primary{background:linear-gradient(135deg, var(--color-primary,var(--teal)), var(--color-primary-dark,#0d9488));color:#fff;box-shadow:0 14px 28px -10px color-mix(in srgb, var(--color-primary,#0d9488) 55%, transparent);border-radius:12px;padding:14px 26px;font-family:Inter,sans-serif;font-weight:600;text-decoration:none;transition:transform .25s,box-shadow .25s;display:inline-block}.landing-guide .btn-primary:hover{box-shadow:0 18px 34px -8px color-mix(in srgb, var(--color-primary,#0d9488) 65%, transparent);transform:translateY(-3px)}.landing-guide .btn-note{color:var(--muted);font-size:.8rem}.landing-guide .card-stage{height:380px;position:relative}.landing-guide .tilt-card{width:340px;height:300px;transform-style:preserve-3d;background:linear-gradient(160deg,#fff,#f1f5f9);border-radius:22px;margin:auto;padding:26px;transition:transform .1s ease-out;position:absolute;inset:0;box-shadow:0 30px 60px -20px #0f172a59,0 0 0 1px #0f172a0a}.landing-guide .tilt-card .row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.landing-guide .tilt-card .badge-red{color:#dc2626;background:#fee2e2;border-radius:7px;padding:4px 9px;font-size:.68rem;font-weight:700}.landing-guide .tilt-card .lab-row{color:#475569;border-bottom:1px dashed #e2e8f0;justify-content:space-between;padding:9px 0;font-size:.82rem;display:flex}.landing-guide .tilt-card .arrow-down{text-align:center;color:var(--violet);margin:10px 0 6px;font-size:1.3rem}.landing-guide .floaty-badge{color:#fff;z-index:10;border-radius:12px;padding:9px 14px;font-size:.75rem;font-weight:700;animation:4s ease-in-out infinite landing-floaty;position:absolute;box-shadow:0 14px 26px -10px #00000040}.landing-guide .fb1{background:linear-gradient(135deg, var(--amber), #f59e0b);top:-2%;left:-6%;transform:rotate(-6deg)}.landing-guide .fb2{background:linear-gradient(135deg, var(--coral), #e11d48);animation-delay:1.2s;bottom:-4%;left:10%;transform:rotate(5deg)}.landing-guide .fb3{background:linear-gradient(135deg, var(--violet), #6d28d9);animation-delay:2s;top:42%;right:-8%}@keyframes landing-floaty{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-12px) rotate(var(--r,0deg))}}.landing-guide section{padding:60px 6%}.landing-guide .section-head{text-align:center;max-width:720px;margin:0 auto 44px}.landing-guide .kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary);margin-bottom:10px;font-family:Sora,sans-serif;font-size:.78rem;font-weight:700}.landing-guide h2{margin-bottom:10px;font-family:Sora,sans-serif;font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:800}.landing-guide h2.ur{direction:rtl;margin-top:4px;font-family:Noto Nastaliq Urdu,serif;font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:700;line-height:1.9}.landing-guide .intro-card{background:linear-gradient(135deg, var(--color-primary-dark), color-mix(in srgb, var(--color-primary-dark) 70%, var(--color-primary)));color:#e2e8f0;max-width:980px;box-shadow:0 40px 70px -30px color-mix(in srgb, var(--color-primary-dark) 60%, transparent);border-radius:26px;margin:0 auto;padding:44px 6%;transition:background .25s;position:relative;overflow:hidden}.landing-guide .intro-card:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--color-primary-light) 35%, transparent), transparent 70%);border-radius:50%;width:280px;height:280px;position:absolute;top:-100px;right:-80px}.landing-guide .intro-card p.en{color:#cbd5e1;z-index:2;font-size:1.02rem;position:relative}.landing-guide .intro-card p.urdu{color:#cbd5e1;z-index:2;margin-top:16px;font-size:1.15rem;position:relative}.landing-guide .intro-card .divider-line{background:linear-gradient(90deg,#0000,#ffffff2e 30% 70%,#0000)}.landing-guide .grid{perspective:1200px;grid-template-columns:repeat(3,1fr);gap:26px;max-width:1180px;margin:0 auto;display:grid}.landing-guide .feature-card{background:var(--color-surface,#fff);box-shadow:0 10px 30px -14px #0f172a26, 0 0 0 1px var(--color-border,#0f172a0a);border-radius:20px;padding:28px 24px;transition:transform .35s,box-shadow .35s;position:relative}.landing-guide .feature-card:hover{transform:translateY(-8px)rotateX(3deg)rotateY(-3deg);box-shadow:0 26px 46px -16px #0f172a47}.landing-guide .icon-tile{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;font-size:1.5rem;display:flex;box-shadow:0 10px 20px -8px #00000040}.landing-guide .t1{background:linear-gradient(135deg, var(--color-primary-light), var(--color-primary))}.landing-guide .t2{background:linear-gradient(135deg,#fb7185,#e11d48)}.landing-guide .t3{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.landing-guide .t4{background:linear-gradient(135deg,#fbbf24,#d97706)}.landing-guide .t5{background:linear-gradient(135deg,#38bdf8,#0284c7)}.landing-guide .t6{background:linear-gradient(135deg,#25d366,#128c7e)}.landing-guide .t7{background:linear-gradient(135deg,#34d399,#059669)}.landing-guide .t8{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.landing-guide .t9{background:linear-gradient(135deg,#60a5fa,#2563eb)}.landing-guide .t10{background:linear-gradient(135deg,#f472b6,#db2777)}.landing-guide .t11{background:linear-gradient(135deg,#94a3b8,#475569)}.landing-guide .t12{background:linear-gradient(135deg,#fb923c,#ea580c)}.landing-guide .t13{background:linear-gradient(135deg,#f43f5e,#be123c)}.landing-guide .t14{background:linear-gradient(135deg,#fcd34d,#ca8a04)}.landing-guide .t15{background:linear-gradient(135deg,#2dd4bf,#0f766e)}.landing-guide .t16{background:linear-gradient(135deg,#818cf8,#4338ca)}.landing-guide .t17{background:linear-gradient(135deg,#c084fc,#9333ea)}.landing-guide .t18{background:linear-gradient(135deg,#4ade80,#16a34a)}.landing-guide .feature-card h3{margin-bottom:8px;font-family:Sora,sans-serif;font-size:1.08rem;font-weight:700}.landing-guide .feature-card p.en{margin-bottom:12px;font-size:.92rem}.landing-guide .feature-card p.urdu{font-size:1.02rem}.landing-guide .feature-card h3.ur-title{text-align:right;direction:rtl;font-family:Noto Nastaliq Urdu,serif;font-size:1.05rem}.landing-guide .benefits-wrap{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;max-width:1100px;margin:0 auto;display:grid}.landing-guide .benefit-pill{text-align:center;background:linear-gradient(160deg,#fff,#f8fafc);border-radius:18px;padding:22px;box-shadow:0 12px 26px -14px #0f172a2e,0 0 0 1px #0f172a0a}.landing-guide .benefit-pill .num{color:#fff;background:linear-gradient(135deg, var(--color-primary), color-mix(in srgb, var(--color-primary) 55%, var(--violet)));width:44px;height:44px;box-shadow:0 8px 18px -6px color-mix(in srgb, var(--color-primary) 50%, transparent);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;font-weight:800;display:flex}.landing-guide .benefit-pill h4{margin-bottom:6px;font-family:Sora,sans-serif;font-size:.98rem}.landing-guide .benefit-pill p.urdu{font-size:.95rem}.landing-guide .who-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;max-width:1100px;margin:0 auto;display:grid}.landing-guide .who-card{color:#fff;border-radius:20px;padding:26px 22px;position:relative;overflow:hidden;box-shadow:0 20px 40px -18px #0f172a59}.landing-guide .who-card:after{content:"";-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff0f;position:absolute;inset:0}.landing-guide .who-card>*{z-index:2;position:relative}.landing-guide .w1{background:linear-gradient(160deg, var(--color-primary), var(--color-primary-dark))}.landing-guide .w2{background:linear-gradient(160deg,#7c3aed,#4c1d95)}.landing-guide .w3{background:linear-gradient(160deg,#e11d48,#881337)}.landing-guide .w4{background:linear-gradient(160deg,#d97706,#78350f)}.landing-guide .who-card .emoji{margin-bottom:10px;font-size:1.8rem;display:block}.landing-guide .who-card h4{margin-bottom:6px;font-family:Sora,sans-serif;font-size:1rem;font-weight:700}.landing-guide .who-card p.en{color:#f1f5f9;margin-bottom:8px;font-size:.85rem}.landing-guide .who-card p.urdu{color:#f1f5f9;font-size:.95rem}.landing-guide .cta-final{text-align:center;background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary-light) 75%, white), color-mix(in srgb, var(--color-primary-bg) 80%, white) 45%, #fde68a);max-width:900px;box-shadow:0 30px 60px -24px color-mix(in srgb, var(--color-primary) 40%, transparent);border-radius:28px;margin:0 auto;padding:56px 6%;transition:background .25s,box-shadow .25s;position:relative;overflow:hidden}.landing-guide .cta-final h2{color:var(--color-text-primary,#0f172a)}.landing-guide .cta-final p{color:color-mix(in srgb, var(--color-primary-dark) 85%, black);max-width:560px;margin:0 auto 8px}.landing-guide .cta-final p.urdu{color:color-mix(in srgb, var(--color-primary-dark) 85%, black);max-width:100%;margin-bottom:26px}.landing-guide .btn-dark{background:var(--color-primary-dark);color:#fff;box-shadow:0 16px 30px -10px color-mix(in srgb, var(--color-primary-dark) 50%, transparent);border-radius:12px;padding:15px 30px;font-weight:600;text-decoration:none;transition:transform .25s,background-color .25s;display:inline-block}.landing-guide .btn-dark:hover{transform:translateY(-3px)}.landing-guide .disclaimer{text-align:center;max-width:820px;color:var(--muted);border-top:1px solid #e2e8f0;margin:50px auto 0;padding-top:26px;font-size:.82rem}.landing-guide .disclaimer p.urdu{margin-top:8px;font-size:.9rem}.landing-guide footer{text-align:center;color:var(--muted);padding:30px 6% 50px;font-size:.8rem}@media (max-width:960px){.landing-guide .grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:860px){.landing-guide .hero{grid-template-columns:1fr;gap:30px;padding-top:40px}.landing-guide .card-stage{height:auto;min-height:0;margin-top:20px;padding:16px 0 0;overflow:visible}.landing-guide .tilt-card{inset:unset;width:100%;max-width:340px;height:auto;margin:0 auto;padding:20px;position:relative}.landing-guide header .tag,.landing-guide .floaty-badge{display:none}}@media (max-width:600px){.landing-guide header{padding:12px max(4%, env(safe-area-inset-right,0px)) 12px max(4%, env(safe-area-inset-left,0px));gap:8px}.landing-guide .logo-img{height:34px}.landing-guide .header-link{display:none}.landing-guide .header-cta{white-space:nowrap;max-width:100%;padding:7px 10px;font-size:.72rem}.landing-guide .header-actions{flex:auto;justify-content:flex-end}.landing-guide .header-prefs .tg-pref-panel,.landing-guide .header-prefs .tg-pref-panel-wide{left:max(.75rem, env(safe-area-inset-left,0px));right:max(.75rem, env(safe-area-inset-right,0px));width:auto;max-width:none;top:calc(3.75rem + env(safe-area-inset-top,0px));position:fixed}.landing-guide .top-banner{flex-direction:column;gap:6px;padding:8px 4%;font-size:.75rem}.landing-guide .top-banner .ur{font-size:.85rem}.landing-guide section{padding:40px 5%}.landing-guide .hero{padding:30px 5% 40px}.landing-guide h1{margin-bottom:10px;font-size:1.65rem;line-height:1.2}.landing-guide h1.ur-h1{background:0 0;-webkit-background-clip:unset;background-clip:unset;color:var(--color-text-primary,#0f172a);margin-top:.25rem;margin-bottom:1rem;padding-top:.55em;padding-bottom:.55em;font-size:1.35rem;line-height:2.35}.landing-guide .hero p.lead.ur{margin-top:.25rem;line-height:2.15}.landing-guide .cta-row{flex-direction:column;align-items:stretch}.landing-guide .btn-primary{text-align:center;width:100%;padding:14px 20px}.landing-guide .intro-card{border-radius:20px;padding:30px 5%}.landing-guide .grid{grid-template-columns:1fr;gap:16px}.landing-guide .who-grid{grid-template-columns:1fr}.landing-guide .card-stage{padding:12px 0 0}.landing-guide .tilt-card{width:100%;max-width:none;padding:16px}.landing-guide .cta-final{border-radius:20px;padding:40px 5%}.landing-guide .btn-dark{text-align:center;width:100%;padding:14px 20px}.landing-guide .header-prefs{gap:6px}}html[data-lang=en] .landing-guide :is(.urdu,.ur-h1,h2.ur,h3.ur-title,.top-banner .ur),html[data-lang=ur] .landing-guide :is(.en,h1:not(.ur-h1),h2:not(.ur),h3:not(.ur-title),.benefit-pill>h4,.who-card>h4),html[data-lang=ar] .landing-guide :is(.en,h1:not(.ur-h1),h2:not(.ur),h3:not(.ur-title)){display:none!important}