:root{--smd-ink:#0E1B33;--smd-brass:#C9971C;--smd-brass-soft:#E4BC55;--smd-royal:#1D4ED8;--smd-sand:#FBF8F2;--smd-line:#E8E0CE;--smd-text:#243247;--smd-muted:#6b6455;--urdu-font:'MehrNastaliqCustom', serif}.front-tiles{direction:rtl;background:radial-gradient(1100px 380px at 50% -140px,rgb(201 151 28 / .07),transparent 70%),var(--smd-sand);font-family:var(--urdu-font);padding:64px 0 56px;text-rendering:optimizeLegibility}.front-tiles .container{max-width:1100px;margin:0 auto;padding:0 20px}.home-header{text-align:center;margin-bottom:40px}.home-header h2{margin:0;font-size:clamp(1.7rem, 4.5vw, 2.4rem);font-weight:400;color:var(--smd-ink);line-height:1.9}.home-header h2::after{content:"◆";display:block;margin:2px auto 0;font-size:.65rem;color:var(--smd-brass);letter-spacing:0;line-height:1;position:relative}.home-header p{margin:6px 0 0;font-size:1.05rem;color:var(--smd-muted);line-height:2}.cat-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.tile-card{display:flex;flex-direction:column;gap:8px;padding:20px 20px 16px;background:#fff;border:1px solid var(--smd-line);border-radius:16px;text-decoration:none;color:var(--smd-text);position:relative;overflow:hidden;transition:transform 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease}.tile-card::before{content:"";position:absolute;top:0;right:0;left:100%;height:3px;background:linear-gradient(270deg,var(--smd-brass-soft),var(--smd-brass));transition:left 0.3s ease}.tile-card:hover,.tile-card:focus-visible{transform:translateY(-4px);border-color:rgb(201 151 28 / .5);box-shadow:0 14px 30px rgb(14 27 51 / .1)}.tile-card:hover::before,.tile-card:focus-visible::before{left:0}.tile-card:focus-visible{outline:3px solid var(--smd-brass-soft);outline-offset:2px}.tile-top-row{display:flex;align-items:center;gap:14px}.tile-icon{flex:none;width:64px;height:68px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#FFFDF6,#F7EFDD);border:1px solid rgb(201 151 28 / .35);border-radius:32px 32px 10px 10px;transition:background-color 0.2s ease,border-color 0.2s ease}.tile-card:hover .tile-icon{border-color:rgb(201 151 28 / .7);background:linear-gradient(180deg,#FFFBEF,#F3E7C9)}.tile-icon svg{display:block}.tile-card h3{margin:0;font-size:1.35rem;font-weight:400;color:var(--smd-ink);line-height:1.9}.tile-desc{margin:0;font-size:.98rem;color:var(--smd-muted);line-height:2}.tile-card::after{content:"←";position:absolute;bottom:12px;left:16px;font-size:1rem;color:var(--smd-brass);opacity:0;transform:translateX(6px);transition:opacity 0.2s ease,transform 0.2s ease}.tile-card:hover::after,.tile-card:focus-visible::after{opacity:1;transform:translateX(0)}.seo-content-extra{margin-top:56px;padding:30px 30px 26px;background:#fff;border:1px solid var(--smd-line);border-right:4px solid var(--smd-brass);border-radius:14px}.seo-content-extra h2{margin:0 0 8px;font-size:1.55rem;font-weight:400;color:var(--smd-ink);line-height:1.9}.seo-content-extra p{margin:0 0 10px;font-size:1.05rem;line-height:2.3;color:var(--smd-text)}.seo-content-extra p:last-child{margin-bottom:0}.seo-content-extra strong{color:var(--smd-ink)}.bottom-contact{margin-top:34px}.pro-contact-box{text-align:center;padding:36px 24px 40px;color:#fff;background:radial-gradient(600px 200px at 85% -60px,rgb(201 151 28 / .28),transparent 70%),linear-gradient(135deg,#12244A 0%,#0E1B33 60%);border-radius:18px;border:1px solid rgb(201 151 28 / .35);position:relative;overflow:hidden}.pro-contact-box::before{content:"";position:absolute;inset:10px;border:1px dashed rgb(201 151 28 / .35);border-radius:12px;pointer-events:none}.pro-contact-box h3{margin:0 0 4px;font-size:clamp(1.4rem, 4vw, 1.9rem);font-weight:400;line-height:1.9;color:#F3D98B}.pro-contact-box p{margin:0 0 18px;font-size:1.05rem;color:#DCD6C6;line-height:2}.wa-action-btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:6px 32px 10px;font-family:inherit;font-size:1.12rem;line-height:1.9;color:#fff;text-decoration:none;background:linear-gradient(180deg,#2BB673,#1E9A5F);border-radius:12px;box-shadow:0 10px 24px rgb(30 154 95 / .4);transition:transform 0.18s ease,box-shadow 0.18s ease}.wa-action-btn:hover,.wa-action-btn:focus-visible{transform:translateY(-2px);box-shadow:0 14px 30px rgb(30 154 95 / .5)}.wa-action-btn:focus-visible{outline:3px solid #7CE0AF;outline-offset:2px}@media (prefers-reduced-motion:reduce){.tile-card,.tile-card::before,.tile-card::after,.tile-icon,.wa-action-btn{transition:none}}@media (max-width:600px){.front-tiles{padding:48px 0 44px}.cat-tiles{grid-template-columns:repeat(2,1fr);gap:12px}.tile-card{padding:12px 12px 10px}.tile-top-row{flex-direction:row-reverse;align-items:center;gap:10px}.tile-icon{width:46px;height:50px;border-radius:23px 23px 8px 8px}.tile-card h3{font-size:1.08rem;flex:1;text-align:right}.tile-desc{font-size:.86rem;text-align:right}.seo-content-extra{padding:20px 18px}}.smd-reveal{opacity:0;transform:translateY(18px);transition:opacity 0.55s ease,transform 0.55s ease}.smd-reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.smd-reveal{opacity:1;transform:none;transition:none}}.front-tiles--tail{padding-top:0;background:var(--smd-sand)}.front-tiles--tail .seo-content-extra{margin-top:0}