/* © 2026 Syed Rizwan Ahmed — Rizwan's AI Agency. All Rights Reserved. *//*!
 * Rizwan's AI Agency — inner page components
 * Copyright (c) 2026 Syed Rizwan Ahmed — Rizwan's AI Agency. All Rights Reserved.
 */@keyframes pulse{70%{box-shadow:0 0 0 12px rgba(185,131,79,0)}100%{box-shadow:0 0 0 0 rgba(185,131,79,0)}}.phero{position:relative;background:radial-gradient(1000px 480px at 82% 0,#f0dcc2 0,transparent 60%),radial-gradient(700px 400px at 0 100%,#ebddcb 0,transparent 60%),var(--night);color:var(--on-night);overflow:hidden;isolation:isolate}.phero canvas[data-net]{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.85}.phero::after{content:"";position:absolute;inset:auto 0 0;height:100px;background:linear-gradient(transparent,rgba(246,239,230,.9));z-index:-1}.phero .wrap{padding-block:72px 76px}.phero .grid2{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.phero h1{font-size:clamp(36px,5.2vw,64px);line-height:1.04;font-weight:800;margin-top:16px;max-width:17ch}.phero h1 .g{background:linear-gradient(100deg,var(--gold) 0,var(--gold-3) 25%,var(--gold-2) 45%,var(--gold) 70%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 6s linear infinite}@keyframes shine{to{background-position:-250% 0}}.phero .lead{color:var(--on-night-muted);max-width:58ch;font-size:17px;margin:10px 0 0}.phero .urdu{color:var(--gold-2);font-size:clamp(18px,2vw,22px);margin-top:10px}.phero .ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.crumbs{font-size:13px;color:var(--on-night-muted);display:flex;gap:8px;flex-wrap:wrap;align-items:center}.crumbs a{text-decoration:none;color:var(--gold-2)}.phero .word{display:inline-block;animation:rise 1s var(--ease) both}@keyframes rise{from{transform:translateY(.4em) rotateX(40deg);filter:blur(10px);opacity:0}to{transform:none;filter:none;opacity:1}}.phero .fade{animation:rv 1s var(--ease) both}@media (max-width:920px){.phero .grid2{grid-template-columns:1fr}.phero .wrap{padding-block:52px 56px}}.vis{position:relative;border-radius:24px;padding:20px;background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.02));border:1px solid rgba(185,131,79,.28);box-shadow:0 40px 80px -30px rgba(0,0,0,.6);backdrop-filter:blur(10px);min-height:300px;animation:stageIn 1.2s .2s var(--ease) both;transform-style:preserve-3d;transition:transform .5s var(--ease)}@keyframes stageIn{from{opacity:0;transform:translateY(40px) scale(.95) rotateX(10deg)}}.vis::before{content:"";position:absolute;inset:-1px;border-radius:24px;padding:1px;background:conic-gradient(from var(--ang,0deg),transparent 0 70%,var(--gold-2) 80%,transparent 90%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 6s linear infinite;pointer-events:none}.vbar{display:flex;gap:6px;align-items:center;font-size:11.5px;color:var(--on-night-muted);margin-bottom:14px}.vbar i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.18)}.vbar i:first-child{background:var(--gold)}.vbar span{margin-left:auto;font-family:var(--f-display);letter-spacing:.14em;font-size:10px;color:var(--gold-2)}.vtile{background:rgba(246,239,230,.6);border:1px solid rgba(185,131,79,.15);border-radius:14px;padding:12px}.v-site .sk{height:10px;border-radius:6px;background:rgba(255,255,255,.12);margin:8px 0;transform-origin:0 50%;animation:grow 4s var(--ease) infinite both}.v-site .sk.g{background:linear-gradient(90deg,var(--gold),var(--gold-2));height:14px;width:60%}.v-site .row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.v-site .card{height:64px;border-radius:10px;background:rgba(255,255,255,.07);border:1px solid rgba(185,131,79,.12);animation:pop2 4s var(--ease) infinite both}.v-site .card:nth-child(2){animation-delay:.2s}.v-site .card:nth-child(3){animation-delay:.4s}.v-site .btnsk{display:inline-block;margin-top:12px;height:26px;width:110px;border-radius:99px;background:var(--gold);animation:pop2 4s .6s var(--ease) infinite both}@keyframes grow{0%{transform:scaleX(0)}20%,85%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes pop2{0%,10%{transform:scale(.6);opacity:0}25%,85%{transform:none;opacity:1}100%{opacity:0}}.v-site .score{position:absolute;right:-14px;bottom:-14px;background:var(--card);color:var(--ink);border-radius:14px;padding:10px 14px;font-weight:800;font-size:12px;box-shadow:0 20px 40px -14px rgba(0,0,0,.5)}.v-site .score b{color:#0f7a3c;font-size:18px;font-family:var(--f-display)}.v-app .kp{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.v-app .kp div{background:rgba(246,239,230,.6);border:1px solid rgba(185,131,79,.14);border-radius:12px;padding:10px}.v-app .kp small{display:block;font-size:10px;letter-spacing:.12em;color:var(--on-night-muted)}.v-app .kp b{font-family:var(--f-display);font-size:20px;color:var(--on-night)}.v-app .bars{display:flex;align-items:flex-end;gap:8px;height:140px;margin-top:12px;padding:12px;border-radius:12px;background:rgba(246,239,230,.6);border:1px solid rgba(185,131,79,.14)}.v-app .bars i{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--gold-2),var(--gold));transform-origin:50% 100%;animation:bar 3.6s var(--ease) infinite both}@keyframes bar{0%{transform:scaleY(.1)}30%,80%{transform:scaleY(1)}100%{transform:scaleY(.1)}}.v-chat .cb{display:flex;flex-direction:column;gap:8px;min-height:230px;justify-content:flex-end}.v-chat .m2{max-width:80%;padding:9px 13px;border-radius:14px;font-size:13px;line-height:1.5;opacity:0;animation:msg 9s var(--ease) infinite both}.v-chat .m2.u{align-self:flex-end;background:var(--gold);color:var(--night);font-weight:600;border-bottom-right-radius:4px}.v-chat .m2.b{align-self:flex-start;background:rgba(255,255,255,.09);color:var(--on-night);border-bottom-left-radius:4px}.v-chat .m2.urdu{font-family:var(--f-urdu);direction:rtl;line-height:1.9;font-size:14px}@keyframes msg{0%{opacity:0;transform:translateY(10px)}6%,88%{opacity:1;transform:none}100%,96%{opacity:0}}.v-ext .bw{border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(185,131,79,.14);height:230px;position:relative;overflow:hidden}.v-ext .bw .url{margin:10px;height:22px;border-radius:99px;background:rgba(255,255,255,.08)}.v-ext .pop{position:absolute;right:14px;top:44px;width:56%;border-radius:12px;background:#24150f;border:1px solid rgba(227,180,124,.4);padding:12px;transform-origin:100% 0;animation:popx 5s var(--ease) infinite both}.v-ext .pop b{display:block;font-family:var(--f-display);color:#e3b47c;font-size:28px}.v-ext .pop small{color:#a7aec8;font-size:11px}.v-ext .pop .ln{height:7px;border-radius:5px;background:rgba(255,255,255,.12);margin-top:7px}.v-ext .ico2{position:absolute;right:14px;top:10px;width:22px;height:22px;border-radius:6px;background:#e3b47c;animation:pulse2 5s infinite}@keyframes popx{0%,12%{transform:scale(.4);opacity:0}24%,85%{transform:none;opacity:1}100%{opacity:0}}@keyframes pulse2{0%,10%{box-shadow:0 0 0 0 rgba(227,180,124,.8)}20%{box-shadow:0 0 0 12px rgba(227,180,124,0)}}.v-vid .screen{position:relative;border-radius:12px;height:200px;overflow:hidden;background:linear-gradient(120deg,#5a382a,#24150f 60%,#3b2c08);display:grid;place-items:center}.v-vid .screen::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--x,30%) 40%,rgba(255,236,190,.45),transparent 40%);animation:sweep 6s ease-in-out infinite}@keyframes sweep{0%,100%{--x:20%}50%{--x:80%}}@property --x{syntax:"<percentage>";inherits:false;initial-value:30%}.v-vid .play{position:relative;width:62px;height:62px;border-radius:50%;background:var(--gold);display:grid;place-items:center;box-shadow:0 0 0 10px rgba(156,102,48,.25);animation:pulse 2s infinite}.v-vid .play::after{content:"";border-left:18px solid var(--night);border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:5px}.v-vid .strip2{display:flex;gap:6px;margin-top:10px;overflow:hidden}.v-vid .strip2 i{flex:none;width:58px;height:38px;border-radius:6px;background:rgba(255,255,255,.08);border:1px solid rgba(185,131,79,.15);animation:slide 6s linear infinite}@keyframes slide{to{transform:translateX(-128px)}}.v-vid .tl{height:4px;border-radius:4px;background:rgba(255,255,255,.12);margin-top:10px;overflow:hidden}.v-vid .tl i{display:block;height:100%;background:var(--gold-2);animation:grow 6s linear infinite}.v-learn .lesson{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:rgba(246,239,230,.6);border:1px solid rgba(185,131,79,.14);margin-bottom:8px;font-size:13px;color:var(--on-night)}.v-learn .lesson i{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;background:rgba(255,255,255,.08);color:var(--gold-2);animation:done 6s infinite both}.v-learn .lesson:nth-child(2) i{animation-delay:1s}.v-learn .lesson:nth-child(3) i{animation-delay:2s}.v-learn .lesson:nth-child(4) i{animation-delay:3s}@keyframes done{0%,15%{background:rgba(255,255,255,.08);color:var(--gold-2)}25%,90%{background:var(--gold);color:var(--night)}}.v-learn .cert{margin-top:10px;border-radius:12px;border:1px dashed rgba(185,131,79,.5);padding:12px;text-align:center;font-family:var(--f-display);color:var(--gold-2);font-size:13px;letter-spacing:.1em}.v-flow .flow{display:grid;gap:12px}.v-flow .node2{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:rgba(246,239,230,.6);border:1px solid rgba(185,131,79,.15);position:relative;color:var(--on-night);font-size:13px}.v-flow .node2 b{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--green);color:var(--gold-2);font-family:var(--f-display);font-size:11px}.v-flow .node2 em{margin-left:auto;font-style:normal;font-size:11px;font-weight:800;color:#7fe3a9;opacity:0;animation:okk 6s infinite both}.v-flow .node2:nth-child(2) em{animation-delay:1.2s}.v-flow .node2:nth-child(3) em{animation-delay:2.4s}.v-flow .node2:nth-child(4) em{animation-delay:3.6s}@keyframes okk{0%,12%{opacity:0;transform:translateX(-6px)}20%,90%{opacity:1;transform:none}100%{opacity:0}}.v-flow .node2+.node2::before{content:"";position:absolute;left:28px;top:-13px;width:2px;height:12px;background:linear-gradient(var(--gold),transparent)}.v-brand .sw{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.v-brand .sw i{height:70px;border-radius:12px;animation:pop2 5s var(--ease) infinite both}.v-brand .sw i:nth-child(2){animation-delay:.15s}.v-brand .sw i:nth-child(3){animation-delay:.3s}.v-brand .sw i:nth-child(4){animation-delay:.45s}.v-brand .sw i:nth-child(5){animation-delay:.6s}.v-brand .type{margin-top:14px;font-family:var(--f-display);font-size:46px;font-weight:800;color:var(--on-night);line-height:1}.v-brand .type span{color:var(--gold-2)}.v-brand .posts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.v-brand .posts i{aspect-ratio:1;border-radius:10px;background:linear-gradient(135deg,var(--green-2),var(--night));border:1px solid rgba(185,131,79,.2)}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start}.split>*{min-width:0}@media (max-width:900px){.split{grid-template-columns:minmax(0,1fr)!important;gap:24px}}.ticks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.ticks li{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:16px;background:var(--card);border:1px solid var(--line);font-size:15px;transition:transform .35s var(--ease),box-shadow .35s}.ticks li:hover{transform:translateY(-3px);box-shadow:0 20px 40px -26px rgba(234,219,200,.5)}.ticks li i{flex:none;width:26px;height:26px;border-radius:8px;background:var(--green);color:var(--gold-2);display:grid;place-items:center;font-style:normal;font-size:13px}.ticks li b{display:block;font-family:var(--f-display);color:var(--ink)}.ticks li span{color:var(--muted);font-size:14px}@media (max-width:620px){.ticks{grid-template-columns:1fr}}.chips2{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.chips2 span{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:10px 16px;font-weight:700;font-size:14px}.chips2 span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold)}.steps4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px;counter-reset:s}.steps4 li{list-style:none;position:relative;padding:22px;border-radius:20px;background:var(--card);border:1px solid var(--line);counter-increment:s}.steps4 li::before{content:"0" counter(s);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(180deg,var(--gold-2),var(--gold));color:var(--night);font-family:var(--f-display);font-weight:800;margin-bottom:14px}.steps4 li b{font-family:var(--f-display);font-size:17px;display:block}.steps4 li span{color:var(--muted);font-size:14px}.steps4{padding:0}@media (max-width:900px){.steps4{grid-template-columns:1fr 1fr}}@media (max-width:520px){.steps4{grid-template-columns:1fr}}.showcase{border-radius:26px;padding:36px;background:linear-gradient(150deg,var(--night),var(--green));color:var(--on-night);display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.showcase h3{font-size:26px}.showcase p{color:var(--on-night-muted);margin:8px 0 0;max-width:60ch}@media (max-width:720px){.showcase{grid-template-columns:1fr;padding:26px}}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}@media (max-width:860px){.related{grid-template-columns:1fr}}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start}.qa{border-bottom:1px solid var(--line)}.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px 0;font-family:var(--f-display);font-weight:700;font-size:17px;color:var(--ink)}.qa summary::-webkit-details-marker{display:none}.qa summary i{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-style:normal;color:var(--green-2);transition:transform .35s var(--ease),background .3s}.qa[open] summary i{transform:rotate(45deg);background:var(--gold);border-color:var(--gold);color:var(--night)}.qa .ans{overflow:hidden;color:var(--muted);font-size:15px;padding-bottom:18px;max-width:64ch}@media (max-width:860px){.faq{grid-template-columns:1fr;gap:20px}}.cta{position:relative;overflow:hidden;background:var(--night);color:var(--on-night);text-align:center}.cta .aur{position:absolute;inset:-40%;background:conic-gradient(from 0deg at 50% 50%,rgba(156,102,48,0),rgba(156,102,48,.18),rgba(122,75,50,.4),rgba(156,102,48,0),rgba(122,75,50,.35),rgba(156,102,48,0));filter:blur(60px);animation:spinR 18s linear infinite;pointer-events:none}@keyframes spinR{to{transform:rotate(360deg)}}.cta .wrap{position:relative;padding-block:90px}.cta h2{font-size:clamp(30px,4.4vw,52px);font-weight:800;margin-top:12px}.cta .urdu{color:var(--gold-2);font-size:21px;margin-top:8px}.cta .ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:28px}.tline{position:relative;margin-top:50px;display:grid;gap:26px}.tline::before{content:"";position:absolute;left:31px;top:0;bottom:0;width:3px;background:var(--line);border-radius:3px}.tline .fill{position:absolute;left:31px;top:0;width:3px;height:var(--fill,100%);background:linear-gradient(var(--gold),var(--gold-2));border-radius:3px;box-shadow:0 0 18px rgba(156,102,48,.6)}.tl-item{position:relative;display:grid;grid-template-columns:64px 1fr;gap:22px}.tl-dot{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-family:var(--f-display);font-weight:800;font-size:18px;background:linear-gradient(180deg,var(--gold-2),var(--gold));color:var(--night);box-shadow:0 0 0 7px var(--paper),0 14px 30px -10px rgba(156,102,48,.8);position:relative;z-index:1;transition:filter .4s,transform .4s var(--ease)}.tl-item.dim .tl-dot{filter:grayscale(.9) brightness(1.15);transform:scale(.88)}.tl-card{border-radius:22px;background:var(--card);border:1px solid var(--line);padding:26px;display:grid;grid-template-columns:1.2fr 1fr;gap:24px;min-width:0}.tl-card h3{font-size:24px}.tl-card .urdu{color:var(--green-2);font-size:17px}.tl-card p{color:var(--muted);margin:6px 0 0}.tl-card dl{margin:0;display:grid;gap:12px;align-content:start}.tl-card dt{font-family:var(--f-display);font-size:11px;letter-spacing:.16em;color:var(--gold);font-weight:700;text-transform:uppercase}.tl-card dd{margin:2px 0 0;font-size:14.5px;color:var(--ink)}@media (max-width:780px){.tl-card{grid-template-columns:1fr}.tl-item{grid-template-columns:48px 1fr;gap:14px}.tl-dot{width:48px;height:48px;font-size:15px}.tline .fill,.tline::before{left:23px}}.cform{border-radius:26px;background:var(--card);border:1px solid var(--line);box-shadow:0 30px 70px -40px rgba(234,219,200,.45);padding:30px}.cform h2{font-size:26px}.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.fgrid .full{grid-column:1/-1}.fld{display:grid;gap:6px;min-width:0}.fld label{font-size:13px;font-weight:700;color:var(--ink)}.fld input,.fld select,.fld textarea{font:inherit;font-size:15px;color:var(--ink);background:var(--paper);border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;width:100%;transition:border-color .2s,box-shadow .2s}.fld textarea{min-height:110px;resize:vertical}.fld input:focus,.fld select:focus,.fld textarea:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 4px rgba(156,102,48,.15)}.fld .err{font-size:12px;color:#b4564a;min-height:0}.slots{display:flex;flex-wrap:wrap;gap:8px}.slots label{cursor:pointer;position:relative}.slots input{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none}.slots span{display:inline-block;border:1.5px solid var(--line);border-radius:999px;padding:9px 14px;font-size:13.5px;font-weight:700;background:var(--paper);transition:all .2s}.slots input:checked+span{background:var(--green);color:var(--gold-3);border-color:var(--green)}.slots input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}.okbox{text-align:center;padding:20px 6px}.okbox .tick{width:76px;height:76px;margin:0 auto;border-radius:50%;background:linear-gradient(180deg,var(--gold-2),var(--gold));display:grid;place-items:center;animation:pop .6s cubic-bezier(.2,.9,.25,1.3)}.okbox .tick svg{width:36px;height:36px;color:var(--night)}.okbox h3{font-size:24px;margin-top:16px}.okbox p{color:var(--muted)}.cside{display:grid;gap:14px}.ccard2{border-radius:20px;padding:22px;background:linear-gradient(160deg,var(--night),var(--green));color:var(--on-night)}.ccard2 small{font-size:11px;letter-spacing:.18em;color:var(--gold-2);font-weight:700}.ccard2 b{display:block;font-family:var(--f-display);font-size:24px;margin:6px 0 14px;user-select:all;font-variant-numeric:tabular-nums}@media (max-width:640px){.fgrid{grid-template-columns:1fr}.cform{padding:22px}}.gfilters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:30px}.gfilters button{border:1.5px solid var(--line);background:var(--card);border-radius:999px;padding:9px 16px;font:inherit;font-weight:700;font-size:14px;cursor:pointer;color:var(--ink);transition:all .2s}.gfilters button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:var(--gold-3)}.gsearch{margin-left:auto;min-width:0;flex:1 1 220px;max-width:320px}.gsearch input{width:100%;font:inherit;border:1.5px solid var(--line);border-radius:999px;padding:10px 16px;background:var(--card)}.gfeat{display:grid;grid-template-columns:1.1fr .9fr;border-radius:26px;overflow:hidden;background:var(--card);border:1px solid var(--line);margin-top:26px;text-decoration:none;color:inherit;transition:box-shadow .4s,transform .4s var(--ease)}.gfeat:hover{box-shadow:0 40px 80px -40px rgba(234,219,200,.5);transform:translateY(-4px)}.gfeat .art{position:relative;min-height:280px;background:radial-gradient(circle at 30% 30%,#7a4b32,#24150f);overflow:hidden}.gfeat .art .tri{position:absolute;left:50%;top:50%;width:0;height:0;border-left:70px solid transparent;border-right:70px solid transparent;border-bottom:120px solid var(--on-night);transform:translate(-50%,-55%);filter:drop-shadow(0 0 30px rgba(255,255,255,.35));transition:transform .6s var(--ease)}.gfeat:hover .art .tri{transform:translate(-50%,-60%) scale(1.06)}.gfeat .art .rings{position:absolute;inset:0;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 30px,rgba(185,131,79,.09) 30px 31px)}.gfeat .txt{padding:32px;display:flex;flex-direction:column;gap:10px}.gfeat h2{font-size:clamp(24px,3vw,34px);color:var(--ink)}.gfeat p{color:var(--muted);margin:0}.meta{display:flex;gap:12px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);font-weight:700}.meta span{display:inline-flex;gap:6px;align-items:center}.gtag{align-self:flex-start;font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--green-2);background:rgba(122,75,50,.1);border-radius:999px;padding:5px 11px;text-transform:uppercase}.ggrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.gcard{border-radius:20px;background:var(--card);border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;gap:8px;min-width:0}.gcard h3{font-size:18px;color:var(--ink)}.gcard p{margin:0;color:var(--muted);font-size:14px}.gcard .soon{margin-top:auto;font-size:12px;font-weight:800;color:var(--muted)}.gcard.plan{border-style:dashed;background:0 0}@media (max-width:900px){.gfeat{grid-template-columns:1fr}.ggrid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.ggrid{grid-template-columns:1fr}.gsearch{max-width:none;margin-left:0}}.art-hero h1{max-width:22ch}.art-wrap{display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;padding-block:60px 90px}.toc{position:sticky;top:110px;align-self:start;font-size:14px}.toc b{font-family:var(--f-display);font-size:11px;letter-spacing:.18em;color:var(--gold);display:block;margin-bottom:10px}.toc ol{list-style:none;margin:0;padding:0;display:grid;gap:4px;border-left:2px solid var(--line)}.toc a{display:block;padding:6px 12px;margin-left:-2px;border-left:2px solid transparent;text-decoration:none;color:var(--muted);font-weight:600;transition:color .2s,border-color .2s}.toc a.on{color:var(--ink);border-left-color:var(--gold)}.prose{max-width:720px;font-size:17px;line-height:1.75}.prose h2{font-size:28px;margin:44px 0 10px;scroll-margin-top:100px;color:var(--ink)}.prose h3{font-size:20px;margin:26px 0 6px;color:var(--ink)}.prose p{margin:12px 0}.prose a{color:var(--green-2);font-weight:700}.prose code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.88em;background:var(--paper-2);border:1px solid var(--line);border-radius:6px;padding:1px 6px}.code{position:relative;margin:16px 0;border-radius:14px;background:#1f120d;color:#f1e2ce;overflow:hidden}.code pre{margin:0;padding:18px 18px;overflow-x:auto;font-size:14px;line-height:1.6}.code pre code{background:0 0;border:0;padding:0;color:inherit}.code .cp{position:absolute;top:10px;right:10px;border:1px solid rgba(185,131,79,.4);background:rgba(255,255,255,.06);color:var(--gold-2);border-radius:8px;font:inherit;font-size:12px;font-weight:800;padding:5px 10px;cursor:pointer}.stepbox{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:18px;border-radius:18px;background:var(--card);border:1px solid var(--line);margin:14px 0}.stepbox>b{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--green);color:var(--gold-2);font-family:var(--f-display)}.stepbox h3{margin:0 0 4px;font-size:18px}.stepbox p{margin:0;font-size:15.5px;color:var(--muted)}.callout{border-radius:16px;padding:16px 18px;margin:18px 0;border:1px solid rgba(156,102,48,.4);background:#fffbea;font-size:15.5px}.callout b{font-family:var(--f-display)}.callout.urdu-c{direction:rtl;font-family:var(--f-urdu);line-height:2.1;background:var(--paper-2);border-color:var(--line);font-size:17px}.author{display:flex;gap:16px;align-items:center;border-radius:20px;padding:18px;background:var(--paper-2);margin-top:40px}.author img{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:50% 20%;background:var(--green);flex:none}.author b{font-family:var(--f-display)}.author p{margin:2px 0 0;font-size:14px;color:var(--muted)}@media (max-width:960px){.art-wrap{grid-template-columns:minmax(0,1fr);gap:20px}.toc{position:static;min-width:0}.toc ol{grid-auto-flow:row}}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}.vcard{border-radius:22px;padding:26px;background:var(--card);border:1px solid var(--line);position:relative;overflow:hidden}.vcard b{display:block;font-family:var(--f-display);font-size:40px;color:transparent;-webkit-text-stroke:1.2px var(--gold);line-height:1}.vcard h3{font-size:20px;margin-top:12px}.vcard p{color:var(--muted);margin:6px 0 0;font-size:14.5px}.vcard .urdu{color:var(--green-2);font-size:16px;line-height:1.9}@media (max-width:860px){.values{grid-template-columns:1fr}}.story{border-radius:28px;background:linear-gradient(150deg,var(--night),var(--green));color:var(--on-night);display:grid;grid-template-columns:.8fr 1.2fr;overflow:hidden}.story .ph{position:relative;min-height:420px;background:radial-gradient(circle at 50% 35%,#8a5a3c,var(--green) 55%,var(--night))}.story .ph img{position:absolute;left:50%;bottom:0;width:88%;height:auto;transform:translateX(-50%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%);mask-image:linear-gradient(90deg,transparent 0,#000 12%)}.story .tx{padding:44px}.story h2{font-size:clamp(28px,3.6vw,42px)}.story p{color:var(--on-night-muted);max-width:58ch}.story .urdu{color:var(--gold-2);font-size:20px}@media (max-width:860px){.story{grid-template-columns:1fr}.story .ph{min-height:340px}.story .tx{padding:28px 22px}}.prow{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}@media (max-width:860px){.prow{grid-template-columns:1fr}}.pbig{border-radius:24px;padding:30px;background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;min-width:0}.pbig h3{font-size:26px}.pbig p{color:var(--muted);margin:0}.pbig ul{margin:6px 0 10px;padding-left:18px;color:var(--ink);display:grid;gap:4px;font-size:14.5px}.pbig .badge{align-self:flex-start;font-size:10.5px;font-weight:800;letter-spacing:.14em;border-radius:999px;padding:5px 11px}.pbig .glow{position:absolute;right:-70px;top:-70px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(156,102,48,.22),transparent 70%)}.orb{position:relative;justify-self:center;width:min(380px,100%);aspect-ratio:1;display:grid;place-items:center;animation:stageIn 1.2s .2s var(--ease) both}.orb i{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(185,131,79,.28)}.orb i:nth-child(2){inset:12%;border-style:dashed;border-color:rgba(185,131,79,.35);animation:spinR 40s linear infinite}.orb i:nth-child(3){inset:26%;border-color:rgba(185,131,79,.45);animation:spinR 26s linear infinite reverse}.orb i::before{content:"";position:absolute;top:-5px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--gold-2);box-shadow:0 0 16px rgba(185,131,79,.9)}.orb i:first-child{animation:spinR 60s linear infinite}.orb b{position:relative;width:38%;aspect-ratio:1;border-radius:30%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#8a5a3c,var(--green));border:1px solid rgba(185,131,79,.6);font-family:var(--f-display);font-weight:800;font-size:clamp(22px,3vw,34px);color:var(--gold-2);box-shadow:0 30px 60px -20px rgba(0,0,0,.6),0 0 0 10px rgba(156,102,48,.06);animation:floaty2 6s ease-in-out infinite}.orb b small{display:block;font-size:11px;letter-spacing:.2em;color:var(--on-night-muted);font-weight:600;margin-top:4px;text-align:center}.orb span{position:absolute;font-family:var(--f-display);font-size:11.5px;font-weight:700;color:var(--gold-3);background:rgba(246,239,230,.85);border:1px solid rgba(185,131,79,.45);border-radius:999px;padding:6px 11px;white-space:nowrap;animation:floaty2 5s ease-in-out infinite}.orb span:first-of-type{left:-4%;top:22%}.orb span:nth-of-type(2){right:-6%;top:40%;animation-delay:-2s}.orb span:nth-of-type(3){left:6%;bottom:12%;animation-delay:-3.5s}@keyframes floaty2{50%{transform:translateY(-8px)}}@media (max-width:920px){.orb{display:none}}