.phero{position:relative;padding:54px 5vw 0;background:radial-gradient(ellipse at 20% 0,#fffdf8,var(--ivory) 50%,var(--parch) 100%);overflow:hidden}.phero:before{content:"";position:absolute;inset:0;opacity:.45;background-image:repeating-linear-gradient(45deg,transparent 0 26px,#d9c49c55 27px 28px,transparent 29px 56px),repeating-linear-gradient(-45deg,transparent 0 26px,#d9c49c55 27px 28px,transparent 29px 56px);mask-image:linear-gradient(90deg,#000,transparent 60%);pointer-events:none}.phero-grid{position:relative;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center}.phero h1{font:400 clamp(32px,3.3vw,54px)/1.75 var(--urdu-display);color:var(--ink);margin:14px 0 8px}.phero h1>span{display:block}.phero h1 .h1-sub{font:400 clamp(18px,1.6vw,26px)/1.9 var(--urdu-display);color:var(--gold-deep)}.phero h1 .h1-sub .lat{font-style:normal;font-family:Cormorant Display Latin,Cormorant Garamond,serif;font-size:1.25em;letter-spacing:.04em}.phero .answer{font:400 19px/2 var(--sans);color:var(--ink-soft);margin:0;max-width:58ch}.phero .stand{display:block;margin-top:12px;font:400 14px/1.6 var(--sans);color:var(--ink-soft)}.phero-arch{position:relative;padding:12px;border:1px solid var(--gold);border-radius:50% 50% 8px 8px/30% 30% 8px 8px;background:#fffdf8;box-shadow:0 28px 50px #8a5a1230}.phero-arch:after{content:"";position:absolute;inset:4px;border:1px solid #c49b5788;border-radius:inherit;pointer-events:none}.phero-img picture{display:block;border-radius:50% 50% 4px 4px/30% 30% 4px 4px;overflow:hidden;aspect-ratio:4/3.4}.phero-img img{height:100%;object-fit:cover;transition:transform 6s ease}.phero-arch:hover .phero-img img{transform:scale(1.04)}.phero-img figcaption{justify-content:flex-end;padding-inline:6px}.phero-facts{position:relative;list-style:none;max-width:1180px;margin:34px auto 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.phero-facts li{display:grid;gap:2px;padding:16px 18px;border-inline-start:1px solid var(--line)}.phero-facts li:first-child{border-inline-start:0}.phero-facts b{font:600 clamp(26px,2.2vw,36px)/1.1 "Cormorant Garamond",serif;color:var(--lapis);direction:ltr;text-align:right;font-variant-numeric:lining-nums}.phero-facts span{font:400 14px/1.6 var(--sans);color:var(--ink-soft)}.phero-teal .phero-facts b{color:var(--teal)}.phero-gold .phero-facts b{color:var(--gold-deep)}@media(max-width:860px){.phero-grid{grid-template-columns:1fr;gap:24px}.phero-arch{order:-1;max-width:520px;margin-inline:auto;width:100%}.phero-facts{grid-template-columns:repeat(2,1fr)}.phero-facts li:nth-child(3){border-inline-start:0}}@media(prefers-reduced-motion:reduce){.phero-img img{transition:none}}.guide-arch{position:relative;overflow:hidden;isolation:isolate;padding:70px 5vw 60px;background:radial-gradient(ellipse at 50% 0,#1e5761 0,#0d2933 42%,#071a22 80%)}.guide-arch:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.13;background-image:repeating-linear-gradient(45deg,transparent 0 26px,#d5ae6724 27px 28px,transparent 29px 56px),repeating-linear-gradient(-45deg,transparent 0 26px,#d5ae6724 27px 28px,transparent 29px 56px)}.guide-frame{max-width:1060px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:56px;align-items:center}.crumbs{display:flex;gap:10px;color:#b9b39f;font:400 14px/1.6 var(--sans);margin-bottom:10px}.crumbs a{color:#e4c385}.crumbs a:hover{color:#fff}.guide-arch h1{font:400 clamp(32px,3.4vw,54px)/1.75 var(--urdu-display);color:#f4e7c9;margin:6px 0 10px}.guide-arch h1 em{font-style:normal;color:var(--gold)}.answer{font:400 19px/2 var(--sans);color:#e2ddcd;max-width:60ch;margin:0}.stand{display:block;margin-top:14px;color:#a9b2ab;font:400 14px/1.6 var(--sans)}.medallions{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.medallion{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;border:1px solid #c49b5780;border-radius:50% 50% 6px 6px/38% 38% 6px 6px;background:linear-gradient(180deg,#0b2a33,#061820);box-shadow:inset 0 0 0 5px #071a22,inset 0 0 0 6px #b58a4a80;text-align:center;padding:14px}.medallion b{font:600 clamp(30px,2.6vw,40px)/1 "Cormorant Garamond",serif;color:var(--gold);direction:ltr;font-variant-numeric:lining-nums}.medallion span{margin-top:8px;font:400 14px/1.6 var(--sans);color:#d8d4c3}.way{max-width:1060px;margin:0 auto;padding:56px 5vw 10px}.way-head h2{font:400 clamp(28px,2.6vw,40px)/1.75 var(--urdu-display);color:#f4e7c9;margin:4px 0 18px}.way-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:18px}.way-opt{all:unset;box-sizing:border-box;cursor:pointer;position:relative;display:grid;gap:4px;padding:30px 22px 22px;text-align:center;justify-items:center;border:1px solid #c49b5780;border-bottom:4px solid var(--gold);border-radius:50% 50% 4px 4px/22% 22% 4px 4px;background:linear-gradient(180deg,#0c2b34,#071a22);color:var(--cream);transition:transform .3s,box-shadow .3s,border-color .3s}.way-opt:hover{transform:translateY(-6px);border-color:#ffe6ad;box-shadow:0 0 40px #eac67e33}.way-opt:focus-visible{outline:2px solid #fff;outline-offset:4px}.way-opt[aria-selected=true]{background:linear-gradient(180deg,#f9edcf,#e6d0a8);color:var(--parch-ink);border-color:#916b38}.way-no{font:600 13px/1 DM Sans,sans-serif;letter-spacing:.2em;color:#c4ae86;direction:ltr}.way-opt[aria-selected=true] .way-no{color:#7b5b31}.way-opt b{font:400 26px/1.8 var(--urdu-display)}.way-sub{font:400 15px/1.7 var(--sans);opacity:.88}.way-meta{font:700 13px/1.5 var(--sans);color:var(--gold)}.way-opt[aria-selected=true] .way-meta{color:#7b5b31}.way-panel{margin-top:22px;position:relative;background:linear-gradient(235deg,#f9edcf,#e6d0a8 63%,#cda979);color:var(--parch-ink);box-shadow:0 30px 50px #030e14b0,0 0 0 6px #e7cb93,0 0 0 7px #916b38}.way-panel:before{content:"";position:absolute;inset:12px;border:1px solid #a27b42a8;pointer-events:none}.way-bar{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:16px 26px 0;font:700 14px/1.5 var(--sans);color:#52605b}.way-x{all:unset;cursor:pointer;padding:4px 14px;border:1px solid #7b5b31;color:#4a3519;font:700 14px/1.6 var(--sans)}.way-x:focus-visible{outline:2px solid #162a2e;outline-offset:2px}.way-body{position:relative;padding:18px clamp(22px,4vw,48px) 30px}.way-body p{font:400 17px/1.95 var(--sans);margin:0 0 12px;max-width:62ch}.way-toc{margin:6px 0 18px;padding-inline-start:1.4em;columns:2 260px;column-gap:28px;font:600 16px/1.8 var(--sans)}.way-toc a{color:#4a3519;border-bottom:1px solid #7b5b3155}.way-go,.way-btn{display:inline-block;cursor:pointer;padding:8px 20px 7px;background:transparent;border:1px solid #7b5b31;color:#4a3519;font:700 15px/1.6 var(--sans)}.way-btn.pri,.way-go{background:#162a2e;border-color:#162a2e;color:#f8dfab}.way-btn:disabled{opacity:.4;cursor:not-allowed}.way-steps{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:8px}.way-steps button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 6px;border:1px solid #9b8053;font:600 15px/1.6 var(--sans)}.way-steps button span{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid #9b8053;font:700 12px/1 DM Sans,sans-serif}.way-steps button.cur{border-color:#162a2e}.way-steps button.ok span{background:#162a2e;color:#f8dfab;border-color:#162a2e}.way-prog{height:3px;background:#9b805344;margin-bottom:20px}.way-prog i{display:block;height:100%;width:0;background:#162a2e;transition:width .4s}.way-lesson h3{font:400 clamp(24px,2.3vw,32px)/1.8 var(--urdu-display);margin:2px 0 8px}.way-kick{font:700 14px/1.5 var(--sans);color:#7b5b31}.way-q{padding:12px 0;border-top:1px solid #9b80535b}.way-q p{font-weight:700}.way-a{display:flex;flex-wrap:wrap;gap:8px}.way-a button{all:unset;cursor:pointer;padding:5px 14px;border:1px solid #9b8053;font:400 16px/1.7 var(--sans)}.way-a button.right{background:#162a2e;color:#f8dfab;border-color:#162a2e}.way-a button.wrong{text-decoration:line-through;opacity:.55}.way-a button:focus-visible{outline:2px solid #162a2e;outline-offset:2px}.way-note{font:400 15px/1.8 var(--sans);color:#5b4527}.way-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;align-items:center;margin-top:12px}.way-nav>div{display:flex;gap:8px}.payout-tool{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}.payout-tool label{display:block;font:700 15px/1.6 var(--sans);margin-bottom:6px}.payout-tool select,.payout-tool input{width:100%;padding:9px 12px;border:1px solid #9b8053;background:#fff8e9;color:#162a2e;font:400 17px/1.6 var(--sans)}.payout-tool .field{margin-bottom:16px}.payout-out{display:grid;gap:12px}.payout-out div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #9b80535b;padding-bottom:8px;font:400 16px/1.7 var(--sans)}.payout-out b{font:600 24px/1.2 Cormorant Garamond,serif;direction:ltr;font-variant-numeric:lining-nums}.article{max-width:820px;margin:0 auto;padding:40px 24px 90px}.article h2{font:400 clamp(28px,2.6vw,40px)/1.75 var(--urdu-display);color:#f4e7c9;margin:54px 0 10px}.article p{font:400 18px/2.05 var(--sans);color:#ddd8c8;margin:0 0 18px}.article a{color:#f4ca7d;border-bottom:1px solid #e1ae6c75}.steps{list-style:none;counter-reset:step;margin:22px 0;padding:0;display:grid;gap:14px}.steps li{counter-increment:step;position:relative;padding-inline-start:64px;min-height:48px;font:400 18px/1.9 var(--sans);color:#e2ddcd}.steps li:before{content:counter(step);position:absolute;inset-inline-start:0;top:0;display:grid;place-items:center;width:46px;height:52px;border:1px solid #c49b57;border-bottom:3px solid var(--gold);border-radius:50% 50% 3px 3px/30% 30% 3px 3px;color:var(--gold);font:600 22px/1 Cormorant Garamond,serif;font-variant-numeric:lining-nums}.article .ledger-table td:first-child{font:700 17px/1.6 var(--sans);letter-spacing:0;color:#fff0ca}.article .num-cell{direction:ltr;text-align:end;font-variant-numeric:tabular-nums}@media(max-width:800px){.guide-frame{grid-template-columns:1fr;gap:30px}.medallions{grid-template-columns:repeat(4,1fr);gap:10px}.medallion b{font-size:26px}.medallion span{font-size:12px}.payout-tool{grid-template-columns:1fr}}@media(max-width:600px){.guide-arch{padding:44px 18px 40px}.medallions{grid-template-columns:repeat(2,1fr)}.medallion{aspect-ratio:auto;min-height:118px;border-radius:40% 40% 6px 6px/30% 30% 6px 6px}.way{padding:40px 18px 0}.way-opt{padding:22px 14px 16px}.article{padding:30px 18px 70px}.article p,.steps li{font-size:17px}}.guide-arch{background:radial-gradient(ellipse at 50% 0,#fffdf8 0,var(--ivory) 45%,var(--parch) 100%);border-bottom:1px solid var(--line)}.guide-arch:before{opacity:.5;background-image:repeating-linear-gradient(45deg,transparent 0 26px,#d9c49c55 27px 28px,transparent 29px 56px),repeating-linear-gradient(-45deg,transparent 0 26px,#d9c49c55 27px 28px,transparent 29px 56px)}.crumbs{color:var(--ink-soft)}.crumbs a{color:var(--lapis)}.crumbs a:hover{color:var(--gold-deep)}.guide-arch h1{color:var(--ink)}.guide-arch h1 em{color:var(--gold-deep)}.answer,.stand{color:var(--ink-soft)}.medallion{background:linear-gradient(180deg,#0c3951,#082a3a);box-shadow:inset 0 0 0 5px var(--ivory),inset 0 0 0 6px #b58a4a,0 18px 26px #8a5a1222}.medallion span{color:#e8e1cf}.way-head h2{color:var(--ink)}.way-opt{background:#fffdf8;color:var(--ink);border-color:var(--line);border-bottom-color:var(--gold-deep)}.way-opt:hover{border-color:var(--gold);box-shadow:0 0 30px #e3bb7544}.way-no,.way-meta{color:var(--gold-deep)}.way-opt[aria-selected=true]{background:var(--lapis);color:#f8edcf;border-color:var(--lapis)}.way-opt[aria-selected=true] .way-no,.way-opt[aria-selected=true] .way-meta{color:#e3bb75}.way-panel{background:linear-gradient(235deg,#fffdf8,#f8efdc 63%,#efdfbf);box-shadow:0 22px 40px #8a5a1226,0 0 0 6px #fffdf8,0 0 0 7px #c49b57}.article h2{color:var(--ink);line-height:1.9;margin-top:60px}.article p{color:var(--ink-soft)}.article a{color:var(--lapis);border-bottom-color:var(--line)}.article .ledger-table td:first-child,.article .steps li{color:var(--ink)}.article .steps li:before{background:#fffdf8;color:var(--gold-deep);border-color:var(--gold);border-bottom-color:var(--gold-deep)}.guide-arch h1>span{display:block}.guide-arch h1 .h1-sub{font:400 clamp(18px,1.6vw,26px)/1.9 var(--urdu-display);color:var(--gold-deep)}.guide-arch h1 .h1-sub .lat{font-style:normal;font-family:Cormorant Display Latin,Cormorant Garamond,serif;font-size:1.25em;letter-spacing:.04em;color:var(--gold-deep)}.guide-arch h1{margin-top:16px}@media(min-width:900px){.way-opts:has(>.way-opt:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}}
