:root{--ink:#091111;--night:#0d1717;--night-2:#122120;--panel:#142321;--panel-2:#182a28;--line:rgba(224,208,177,.16);--text:#e9e3d6;--muted:#9daaa0;--copper:#d7a76b;--copper-2:#b97744;--sand:#f3d6a1;--sage:#9eb5a0;--red:#df927c;--radius:22px;--shadow:0 24px 70px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--text);font-family:'IBM Plex Sans Arabic',sans-serif;line-height:1.75;overflow-x:hidden}body.motion-off *{animation:none!important;transition:none!important}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}::selection{background:var(--copper);color:var(--ink)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.25;background-image:linear-gradient(rgba(215,167,107,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(215,167,107,.06) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 80%);z-index:-3}.ambient{position:fixed;width:42vw;height:42vw;border-radius:50%;filter:blur(80px);opacity:.15;pointer-events:none;z-index:-2}.ambient-one{background:#b97845;top:-22vw;right:-12vw}.ambient-two{background:#3e7363;bottom:-22vw;left:-10vw}.geometry{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden;opacity:.32}.geometry i{position:absolute;width:190px;height:190px;border:1px solid rgba(215,167,107,.22);transform:rotate(45deg);animation:float 16s ease-in-out infinite}.geometry i:before,.geometry i:after{content:"";position:absolute;inset:22px;border:1px solid rgba(215,167,107,.15)}.geometry i:after{inset:44px}.geometry i:nth-child(1){right:3%;top:18%;animation-delay:-2s}.geometry i:nth-child(2){left:2%;top:58%;width:110px;height:110px;animation-delay:-8s}.geometry i:nth-child(3){right:17%;bottom:-5%;width:260px;height:260px;animation-delay:-11s}.geometry i:nth-child(4){left:27%;top:7%;width:80px;height:80px;animation-delay:-5s}@keyframes float{0%,100%{transform:rotate(45deg) translate(0)}50%{transform:rotate(52deg) translate(12px,-20px)}}
.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.site-header{height:82px;border-bottom:1px solid rgba(233,227,214,.08);position:sticky;top:0;z-index:20;background:rgba(9,17,17,.82);backdrop-filter:blur(18px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--copper);color:var(--copper);transform:rotate(45deg);position:relative}.brand-mark:before,.brand-mark:after{content:"";position:absolute;inset:5px;border:1px solid rgba(215,167,107,.5)}.brand-mark span{font-family:'Noto Kufi Arabic';font-weight:800;font-size:17px;transform:rotate(-45deg)}.brand-word{font-family:'Noto Kufi Arabic';font-weight:800;letter-spacing:.04em;font-size:19px}.main-nav{display:flex;gap:38px;margin-right:80px}.main-nav a{font-size:13px;color:var(--muted);position:relative;padding:28px 0;transition:color .2s}.main-nav a:after{content:"";height:2px;width:0;background:var(--copper);position:absolute;right:0;bottom:19px;transition:width .25s}.main-nav a:hover,.main-nav a.active{color:var(--text)}.main-nav a.active:after{width:20px}.icon-button{border:1px solid var(--line);background:transparent;color:var(--copper);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;transition:all .25s}.icon-button:hover{background:var(--copper);color:var(--ink);transform:rotate(35deg)}.settings-icon{font-size:25px;line-height:1;transform:rotate(-20deg)}
.hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;padding:78px 0 70px}.eyebrow,.section-kicker{font-size:11px;letter-spacing:.12em;color:var(--copper);font-weight:700}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:22px}.eyebrow-dot{width:7px;height:7px;background:var(--copper);border-radius:50%;box-shadow:0 0 0 6px rgba(215,167,107,.1)}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand-word{font-family:'Noto Kufi Arabic',sans-serif}h1{font-size:clamp(38px,5vw,70px);line-height:1.35;letter-spacing:-.06em;margin-bottom:22px;font-weight:700}h1 em,h2 em{color:var(--copper);font-style:normal;position:relative}h1 em:after,h2 em:after{content:"";height:7px;background:rgba(215,167,107,.18);position:absolute;bottom:3px;right:0;left:3px;z-index:-1}.hero-lead{font-size:17px;line-height:2;color:var(--muted);max-width:540px;margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:28px;margin-bottom:22px}.button{border:0;border-radius:8px;padding:13px 22px;display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;font-size:13px;font-weight:700;transition:transform .25s,box-shadow .25s,background .25s,color .25s}.button span{font-size:18px}.button-primary{background:var(--copper);color:var(--ink);box-shadow:0 10px 30px rgba(215,167,107,.15)}.button-primary:hover{background:var(--sand);transform:translateY(-3px);box-shadow:0 15px 35px rgba(215,167,107,.25)}.button-ghost{background:transparent;border:1px solid var(--line);color:var(--text)}.button-ghost:hover{border-color:var(--copper);color:var(--copper)}.text-link{font-size:13px;color:var(--muted);transition:color .2s}.text-link:hover{color:var(--copper)}.text-link span{font-size:17px;margin-right:7px}.trust-line{font-size:11px;color:#6f8176;display:flex;align-items:center;gap:8px}.lock-icon{color:var(--sage);font-size:19px}.hero-visual{height:430px;position:relative;display:flex;align-items:center;justify-content:center}.glass-card{border:1px solid var(--line);background:linear-gradient(135deg,rgba(28,48,45,.91),rgba(14,26,25,.91));box-shadow:var(--shadow);backdrop-filter:blur(16px)}.hero-card-main{width:390px;border-radius:18px;padding:25px;position:relative;z-index:2;transform:rotate(-3deg);animation:cardFloat 7s ease-in-out infinite}.card-topline,.result-header{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.status-pill{font-size:10px;border:1px solid rgba(158,181,160,.28);color:var(--sage);padding:4px 8px;border-radius:20px}.status-pill b{display:inline-block;width:5px;height:5px;background:#9ec2a0;border-radius:50%;margin-left:4px}.hero-card-value{display:flex;align-items:flex-end;justify-content:space-between;padding:31px 0 19px}.hero-card-value span{color:var(--muted);font-size:12px}.hero-card-value strong{font-family:'Noto Kufi Arabic';font-size:26px;color:var(--sand)}.hero-card-value small{font-size:10px;color:var(--copper);font-family:'IBM Plex Sans Arabic'}.mini-divider{height:1px;background:var(--line);margin-bottom:8px}.allocation-row{display:grid;grid-template-columns:1fr 45px 92px;align-items:center;padding:10px 0;color:var(--muted);font-size:12px}.allocation-row span{display:flex;align-items:center;gap:8px}.allocation-row strong{color:var(--text);font-family:'Noto Kufi Arabic';font-size:16px}.allocation-row small{font-size:10px;text-align:left;color:#71847c}.avatar-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-copper{background:var(--copper)}.dot-sage{background:var(--sage)}.dot-sand{background:var(--sand)}.hero-card-note{position:absolute;bottom:37px;left:0;padding:15px 17px;border-radius:13px;display:flex;gap:12px;align-items:center;z-index:3;transform:rotate(3deg);animation:cardFloat 8s ease-in-out -2s infinite}.note-icon{color:var(--copper);font-size:21px}.hero-card-note b{display:block;font-family:'Noto Kufi Arabic';font-size:11px;margin-bottom:3px}.hero-card-note small{display:block;color:var(--muted);font-size:10px}.seal{position:absolute;right:0;top:24px;width:104px;height:104px;border:1px solid rgba(215,167,107,.5);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--copper);transform:rotate(11deg);z-index:1}.seal:before,.seal:after{content:"";position:absolute;border:1px solid rgba(215,167,107,.3);inset:9px;border-radius:50%}.seal:after{inset:21px;border-style:dashed}.seal span{font-family:'Noto Kufi Arabic';font-size:28px;font-weight:800;line-height:1;z-index:1}.seal small{font-size:9px;line-height:1.5;text-align:center;z-index:1}.orbit{position:absolute;border:1px solid rgba(215,167,107,.15);border-radius:50%;transform:rotate(-23deg)}.orbit-one{width:420px;height:180px}.orbit-two{width:320px;height:110px;transform:rotate(28deg)}@keyframes cardFloat{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-9px)}}
.stats-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr) 1.3fr;min-height:100px;align-items:center;margin-bottom:135px}.stats-strip>div{min-height:58px;border-left:1px solid var(--line);padding:8px 28px;display:flex;flex-direction:column;justify-content:center}.stats-strip>div:first-child{border-left:0}.stats-strip strong{font-family:'Noto Kufi Arabic';font-size:24px;color:var(--copper);line-height:1.3}.stats-strip span{font-size:11px;color:var(--muted)}.stats-strip .strip-quote{font-family:'Noto Kufi Arabic';font-size:14px;color:var(--sand);text-align:center;display:block}
.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:38px}.section-heading h2{font-size:clamp(30px,4vw,49px);line-height:1.55;letter-spacing:-.05em;margin:8px 0 0}.section-heading p{font-size:14px;color:var(--muted);max-width:390px;margin:0;line-height:2.1}.calculator-section{padding-bottom:130px}.calculator-shell{border-radius:24px;overflow:hidden}.stepper{display:flex;align-items:center;padding:22px 30px;background:rgba(7,15,15,.28);border-bottom:1px solid var(--line)}.step{background:transparent;color:var(--muted);border:0;text-align:right;display:grid;grid-template-columns:40px auto;column-gap:10px;min-width:130px;padding:0}.step span{grid-row:1/3;color:#65766f;font-family:'Noto Kufi Arabic';font-size:13px}.step b{font-size:12px;font-weight:600}.step small{font-size:10px;color:#61736c}.step.active{color:var(--text)}.step.active span{color:var(--copper)}.step.active b{color:var(--sand)}.step-line{height:1px;flex:1;background:var(--line);margin:0 20px}.calculator-grid{display:grid;grid-template-columns:1.12fr .88fr;min-height:580px}.form-column{padding:42px 42px 32px;border-left:1px solid var(--line)}.panel-heading{display:flex;gap:17px;align-items:flex-start;margin-bottom:33px}.panel-number{font-family:'Noto Kufi Arabic';font-size:13px;color:var(--copper);padding-top:5px}.panel-heading h3{font-size:19px;margin:0 0 5px;letter-spacing:-.04em}.panel-heading p{font-size:12px;color:var(--muted);margin:0}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.field{display:block}.field-wide{grid-column:1/-1}.field>span{display:block;font-size:12px;color:#b5c0b7;margin-bottom:8px}.field small{display:block;color:#64766e;font-size:10px;margin-top:5px}.input-wrap{height:50px;display:flex;align-items:center;border:1px solid var(--line);background:rgba(5,12,12,.25);border-radius:8px;padding:0 14px;transition:border .2s,box-shadow .2s}.input-wrap:focus-within{border-color:var(--copper);box-shadow:0 0 0 3px rgba(215,167,107,.09)}input[type=number]{border:0;outline:0;background:transparent;color:var(--sand);width:100%;font-family:'Noto Kufi Arabic';font-size:18px;direction:ltr;text-align:right}input[type=number]::-webkit-inner-spin-button{opacity:.4}.input-wrap b{font-size:10px;color:var(--copper);font-weight:500}.net-preview{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;display:flex;align-items:center;gap:16px}.net-preview span{font-size:11px;color:var(--muted)}.net-preview strong{font-family:'Noto Kufi Arabic';font-size:21px;color:var(--sand)}.net-preview small{font-family:'IBM Plex Sans Arabic';font-size:9px;color:var(--copper)}.net-preview i{font-size:10px;color:#688077;font-style:normal;margin-right:auto}.form-error{font-size:11px;color:var(--red);margin:14px 0 0;min-height:18px}.heir-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.heir-card{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:10px;padding:14px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(8,16,16,.22);transition:border-color .2s,transform .2s}.heir-card:hover{border-color:rgba(215,167,107,.45);transform:translateY(-2px)}.heir-card-muted{opacity:.82}.heir-symbol{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:rgba(215,167,107,.12);color:var(--copper);font-family:'Noto Kufi Arabic';font-size:13px}.heir-card b{display:block;font-size:12px;font-weight:600}.heir-card small{display:block;color:#697b73;font-size:9px;white-space:nowrap}.counter{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:7px;padding:2px}.counter button{width:21px;height:24px;padding:0;border:0;background:transparent;color:var(--muted);font-size:18px;line-height:1}.counter button:hover{color:var(--copper)}.counter strong{min-width:18px;text-align:center;font-size:12px;color:var(--sand)}.option-list{border-top:1px solid var(--line)}.option-row{display:grid;grid-template-columns:34px 1fr auto 34px;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid var(--line);cursor:pointer}.option-icon{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(215,167,107,.35);color:var(--copper);border-radius:8px;font-size:13px}.option-row b{display:block;font-size:12px;font-weight:600}.option-row small{display:block;color:#6e7f77;font-size:10px;margin-top:3px}.option-row input,.switch input{position:absolute;opacity:0}.toggle,.switch i{width:34px;height:19px;border-radius:20px;background:#2a3a36;position:relative;transition:background .2s}.toggle:after,.switch i:after{content:"";width:13px;height:13px;background:#7c8c83;position:absolute;border-radius:50%;top:3px;right:3px;transition:transform .2s,background .2s}.option-row input:checked+.toggle,.switch input:checked+i{background:var(--copper)}.option-row input:checked+.toggle:after,.switch input:checked+i:after{transform:translateX(-15px);background:var(--ink)}.fiqh-note{display:flex;gap:12px;padding:16px;margin-top:22px;background:rgba(215,167,107,.08);border:1px solid rgba(215,167,107,.18);border-radius:10px}.fiqh-note>span{width:23px;height:23px;border:1px solid var(--copper);color:var(--copper);border-radius:50%;display:grid;place-items:center;font-family:'Noto Kufi Arabic';font-size:12px;flex:none}.fiqh-note b{font-size:11px;color:var(--sand)}.fiqh-note p{font-size:10px;color:var(--muted);margin:4px 0 0;line-height:1.8}.form-actions{display:flex;justify-content:flex-start;gap:10px;margin-top:34px}.result-column{padding:30px;background:rgba(8,16,16,.25);position:relative;overflow:hidden}.result-column:before{content:"";position:absolute;top:-100px;left:-80px;width:260px;height:260px;border:1px solid rgba(215,167,107,.15);transform:rotate(45deg)}.result-status{font-size:10px;color:var(--sage)}.result-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--sage);margin-left:5px}.result-empty{min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;z-index:1}.empty-orbit{height:105px;width:105px;border:1px dashed rgba(215,167,107,.45);border-radius:50%;display:grid;place-items:center;margin-bottom:20px;position:relative}.empty-orbit:before,.empty-orbit:after{content:"";position:absolute;border:1px solid rgba(215,167,107,.2);border-radius:50%;inset:11px;transform:rotate(45deg)}.empty-orbit:after{inset:25px;transform:rotate(-45deg)}.empty-orbit span{font-family:'Noto Kufi Arabic';font-size:33px;color:var(--copper);z-index:1}.result-empty h3{font-size:16px;margin-bottom:6px}.result-empty p{color:var(--muted);font-size:11px;max-width:220px;line-height:1.9}.empty-rule{width:45px;height:1px;background:var(--copper);margin:15px 0}.result-empty>span{font-size:10px;color:#657870}.result-content{position:relative;z-index:1;padding-top:25px}.result-hero{padding:19px;border:1px solid rgba(215,167,107,.24);border-radius:12px;background:rgba(215,167,107,.07);margin:20px 0}.result-hero span{display:block;font-size:10px;color:var(--muted)}.result-hero strong{display:block;font-family:'Noto Kufi Arabic';font-size:28px;color:var(--sand);margin:4px 0}.result-hero small{color:var(--copper);font-size:10px}.result-stat-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}.result-stat{padding:11px;border:1px solid var(--line);border-radius:9px}.result-stat small{display:block;color:var(--muted);font-size:9px}.result-stat b{display:block;color:var(--text);font-family:'Noto Kufi Arabic';font-size:16px;margin-top:4px}.allocation-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.allocation-title h4{font-size:11px;margin:0}.allocation-title span{font-size:9px;color:var(--muted)}.result-table{width:100%;border-collapse:collapse;font-size:10px}.result-table th{font-weight:500;color:#70827a;text-align:right;padding:8px 0;border-bottom:1px solid var(--line)}.result-table th:not(:first-child),.result-table td:not(:first-child){text-align:left}.result-table td{padding:10px 0;border-bottom:1px solid rgba(224,208,177,.08);color:#c2c9c1}.result-table td:first-child{color:var(--text);font-weight:600}.result-table td strong{color:var(--sand)}.result-table .share-chip{color:var(--copper);font-family:'Noto Kufi Arabic'}.result-disclaimer{margin-top:22px;font-size:10px;line-height:1.8;color:#9da99e;border-right:2px solid var(--copper);padding-right:10px}.result-actions{display:flex;gap:8px;margin-top:18px}.result-actions button{font-size:10px;border:1px solid var(--line);background:transparent;color:var(--muted);padding:8px 10px;border-radius:6px}.result-actions button:hover{color:var(--copper);border-color:var(--copper)}
.how-section{padding-bottom:135px}.process-track{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative}.process-track:before{content:"";position:absolute;top:54px;right:14%;left:14%;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}.process-card{min-height:280px;padding:29px 26px;border:1px solid var(--line);background:rgba(16,31,29,.55);border-radius:16px;position:relative;overflow:hidden;transition:transform .25s,border-color .25s}.process-card:hover{transform:translateY(-5px);border-color:rgba(215,167,107,.45)}.process-card-featured{background:linear-gradient(160deg,rgba(29,51,46,.85),rgba(17,30,28,.85));border-color:rgba(215,167,107,.35)}.process-index{position:absolute;top:20px;left:24px;color:#50635a;font-family:'Noto Kufi Arabic';font-size:12px}.process-icon{display:grid;place-items:center;width:49px;height:49px;border:1px solid var(--copper);border-radius:50%;color:var(--copper);font-size:22px;margin-bottom:28px}.process-card h3{font-size:18px;margin-bottom:9px}.process-card p{font-size:12px;color:var(--muted);line-height:2}.process-arrow{position:absolute;bottom:21px;left:25px;color:var(--copper);font-size:22px}.sources-section{padding-bottom:105px}.source-panel{border-radius:22px;display:grid;grid-template-columns:1.35fr .65fr;overflow:hidden}.source-copy{padding:48px 50px}.source-copy h2{font-size:37px;line-height:1.6;margin:9px 0 16px;letter-spacing:-.05em}.source-copy p{color:var(--muted);font-size:13px;max-width:540px;line-height:2.1}.source-links{display:flex;gap:27px;margin-top:25px}.source-links a{font-size:11px;color:var(--copper);border-bottom:1px solid rgba(215,167,107,.35);padding-bottom:3px}.privacy-card{margin:17px;background:rgba(8,17,17,.48);border-radius:15px;padding:30px 26px;display:flex;flex-direction:column;justify-content:center}.privacy-seal{width:50px;height:50px;border:1px solid var(--copper);border-radius:50%;display:grid;place-items:center;color:var(--copper);font-size:25px;margin-bottom:24px}.privacy-card b{font-family:'Noto Kufi Arabic';font-size:13px;color:var(--sand)}.privacy-card p{color:var(--muted);font-size:11px;line-height:1.9}.privacy-line{display:flex;align-items:center;gap:4px;margin-top:20px}.privacy-line span{height:3px;flex:1;background:var(--sage);opacity:.7}.privacy-line span:nth-child(2){opacity:.45}.privacy-line span:nth-child(3){opacity:.18}.privacy-line b{font-family:'IBM Plex Sans Arabic';font-size:9px;color:var(--sage);margin-right:8px}.closing{border-top:1px solid var(--line);padding:50px 0 70px;display:flex;align-items:center;gap:24px}.closing-mark{width:38px;height:38px;border:1px solid var(--copper);display:grid;place-items:center;color:var(--copper);font-family:'Noto Kufi Arabic';transform:rotate(45deg)}.closing-mark:before{content:"";position:absolute;width:26px;height:26px;border:1px solid rgba(215,167,107,.4)}.closing-mark{font-size:16px}.closing p{font-family:'Noto Kufi Arabic';font-size:17px;margin:0;color:var(--sand)}.closing .button{margin-right:auto}.site-footer{border-top:1px solid var(--line);padding:22px 0;color:#64756d;font-size:10px}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-inner .brand-word{font-size:13px;color:var(--copper)}
.settings-dialog{border:1px solid var(--line);background:#122120;color:var(--text);border-radius:16px;padding:30px;width:min(420px,calc(100% - 32px));box-shadow:0 30px 90px #000;position:fixed;inset:0;margin:auto}.settings-dialog::backdrop{background:rgba(0,0,0,.68);backdrop-filter:blur(5px)}.settings-dialog h2{font-size:22px;margin:7px 0}.settings-dialog>p{color:var(--muted);font-size:12px}.dialog-close{position:absolute;left:18px;top:15px;border:0;background:transparent;color:var(--muted);font-size:25px}.dialog-option{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:16px 0;font-size:12px}.switch{display:block;position:relative}.switch i{display:block}.toast{position:fixed;bottom:25px;right:25px;z-index:50;background:var(--sand);color:var(--ink);border-radius:7px;padding:10px 15px;font-size:11px;transform:translateY(80px);opacity:0;transition:all .3s;box-shadow:0 10px 30px rgba(0,0,0,.25)}.toast.show{transform:translateY(0);opacity:1}.reveal{animation:reveal .8s both}.delay-one{animation-delay:.16s}.delay-two{animation-delay:.32s}@keyframes reveal{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:25px;padding-top:60px}.hero-copy{max-width:650px}.hero-visual{height:380px}.stats-strip{grid-template-columns:repeat(3,1fr)}.stats-strip .strip-quote{display:none}.calculator-grid{grid-template-columns:1fr}.form-column{border-left:0;border-bottom:1px solid var(--line)}.result-column{min-height:500px}.source-panel{grid-template-columns:1fr}.privacy-card{margin:0 25px 25px}.section-heading{gap:30px}}
@media(max-width:600px){.container{width:min(100% - 30px,1180px)}.site-header{height:70px}.main-nav{gap:13px;margin:0}.main-nav a{font-size:10px;padding:22px 0}.icon-button{width:34px;height:34px}.brand-word{font-size:16px}.brand-mark{width:29px;height:29px}.hero{padding:48px 0 45px;min-height:auto}.hero h1{font-size:39px}.hero-lead{font-size:14px}.hero-actions{gap:17px;flex-wrap:wrap}.button{font-size:11px;padding:11px 15px}.hero-visual{height:330px;transform:scale(.86);transform-origin:center}.stats-strip{margin-bottom:85px;min-height:85px}.stats-strip>div{padding:4px 10px}.stats-strip strong{font-size:18px}.stats-strip span{font-size:9px;line-height:1.5}.section-heading{display:block;margin-bottom:25px}.section-heading p{margin-top:15px;font-size:12px}.calculator-section,.how-section{padding-bottom:85px}.stepper{padding:17px 14px}.step{min-width:0;grid-template-columns:27px auto}.step b{font-size:10px}.step small{display:none}.step-line{margin:0 7px}.form-column{padding:27px 18px 22px}.panel-heading{gap:10px}.panel-heading h3{font-size:16px}.panel-heading p{font-size:10px}.field-grid,.heir-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.heir-card{grid-template-columns:35px 1fr auto}.result-column{padding:24px 18px}.process-track{grid-template-columns:1fr;gap:12px}.process-track:before{display:none}.process-card{min-height:220px}.source-copy{padding:30px 24px}.source-copy h2{font-size:27px}.source-links{gap:17px;flex-wrap:wrap}.closing{flex-wrap:wrap;gap:18px}.closing .button{margin-right:0;width:100%}.footer-inner{flex-wrap:wrap;gap:10px}.footer-inner span:nth-child(2){order:3;width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
@media print{body{background:white;color:#111}body:before,.ambient,.geometry,.site-header,.hero,.stats-strip,.how-section,.sources-section,.closing,.site-footer,.stepper,.form-column,.result-header{display:none!important}.container{width:100%}.calculator-section{padding:0}.calculator-shell{border:0;box-shadow:none;background:white}.calculator-grid{display:block}.result-column{background:white;color:#111;padding:0}.result-column:before{display:none}.result-content{display:block!important}.result-hero,.result-stat,.result-table,.result-disclaimer{color:#111;border-color:#bbb}.result-hero strong,.result-stat b,.result-table td,.result-table th{color:#111}.result-hero small,.result-table .share-chip{color:#7a4f24}}


/* Mobile-first refinement layer — صَرْف / مملكتي ديزاين */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body{min-width:320px;padding-bottom:env(safe-area-inset-bottom);}
button,a,input{touch-action:manipulation;}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--copper);outline-offset:3px;}

@media (max-width: 600px){
  .container{width:calc(100% - 30px);}
  .site-header{height:auto;min-height:68px;padding-top:env(safe-area-inset-top);}
  .header-inner{min-height:68px;gap:10px;}
  .brand{gap:9px;flex:none;}
  .brand-word{font-size:15px;}
  .brand-mark{width:29px;height:29px;flex:none;}
  .main-nav{flex:1;justify-content:center;gap:clamp(8px,2.5vw,16px);margin:0;min-width:0;}
  .main-nav a{font-size:10px;white-space:nowrap;padding:21px 0;}
  .main-nav a:after{bottom:14px;}
  .icon-button{width:38px;height:38px;flex:none;}

  .hero{width:calc(100% - 30px);padding-top:48px;overflow:visible;}
  .hero-copy{max-width:100%;}
  .hero h1{font-size:clamp(34px,10vw,42px);line-height:1.42;}
  .hero-lead{font-size:14px;line-height:2;}
  .hero-actions{align-items:stretch;gap:12px;}
  .hero-actions .button-primary{flex:1;}
  .hero-actions .text-link{display:flex;align-items:center;justify-content:center;padding-inline:4px;}
  .trust-line{font-size:10px;line-height:1.7;}
  .hero-visual{width:100%;height:315px;transform:none;overflow:visible;}
  .hero-card-main{width:min(390px,calc(100vw - 62px));padding:20px;}
  .hero-card-value{padding:23px 0 14px;}
  .hero-card-value strong{font-size:22px;}
  .allocation-row{grid-template-columns:1fr 36px 78px;font-size:11px;padding:8px 0;}
  .hero-card-note{left:0;bottom:20px;padding:12px 13px;max-width:205px;}
  .hero-card-note small{font-size:9px;}
  .seal{right:0;top:14px;width:78px;height:78px;}
  .seal span{font-size:22px;}
  .seal small{font-size:8px;}
  .orbit-one{width:calc(100vw - 28px);height:145px;}
  .orbit-two{width:calc(100vw - 82px);height:92px;}

  .stats-strip{width:calc(100% - 30px);grid-template-columns:repeat(3,1fr);margin-bottom:85px;}
  .stats-strip>div{padding:7px 5px;text-align:center;align-items:center;}
  .stats-strip strong{font-size:18px;}
  .stats-strip span{font-size:9px;line-height:1.5;}

  .section-heading{display:block;}
  .section-heading p{font-size:12px;line-height:2;margin-top:14px;}
  .calculator-shell{border-radius:18px;overflow:hidden;}
  .stepper{padding:16px 12px;gap:4px;}
  .step{flex:1;min-width:0;display:block;text-align:center;padding:0;}
  .step span{display:block;font-size:11px;line-height:1.25;}
  .step b{display:block;font-size:10px;line-height:1.45;white-space:nowrap;}
  .step small{display:none;}
  .step-line{flex:0 0 12px;margin:0;}
  .calculator-grid{display:flex;flex-direction:column;min-height:0;}
  .form-column{padding:25px 17px 22px;border:0;border-bottom:1px solid var(--line);}
  .panel-heading{gap:10px;margin-bottom:25px;}
  .panel-heading h3{font-size:16px;line-height:1.7;}
  .panel-heading p{font-size:10px;line-height:1.8;}
  .field-grid{grid-template-columns:1fr;gap:14px;}
  .field-wide{grid-column:auto;}
  .input-wrap{height:52px;min-height:52px;}
  input[type=number]{font-size:16px;}
  .net-preview{flex-wrap:wrap;gap:6px 12px;margin-top:24px;padding-top:17px;}
  .net-preview strong{font-size:18px;}
  .net-preview i{width:100%;margin-right:0;}
  .heir-grid{grid-template-columns:1fr;gap:10px;}
  .heir-card{min-height:64px;grid-template-columns:38px minmax(0,1fr) auto;padding:11px 10px;}
  .heir-card small{white-space:normal;line-height:1.4;}
  .counter{min-height:42px;padding:2px 3px;gap:2px;}
  .counter button{width:36px;height:36px;font-size:21px;}
  .counter strong{min-width:25px;font-size:13px;}
  .option-row{grid-template-columns:32px minmax(0,1fr) 34px;gap:10px;padding:15px 0;min-height:70px;}
  .option-row small{font-size:9px;line-height:1.55;}
  .fiqh-note{padding:13px;gap:9px;}
  .fiqh-note p{font-size:9px;line-height:1.85;}
  .form-actions{position:sticky;bottom:0;z-index:4;margin:24px -17px -22px;padding:12px 17px calc(12px + env(safe-area-inset-bottom));background:rgba(13,23,23,.94);backdrop-filter:blur(12px);}
  .form-actions .button{min-height:48px;flex:1;}
  .form-actions .button-ghost{flex:0 0 86px;}
  .result-column{min-height:470px;padding:22px 17px;}
  .result-empty{min-height:390px;}
  .result-content{padding-top:18px;}
  .result-hero{padding:16px;}
  .result-hero strong{font-size:24px;}
  .result-stat-row{gap:8px;}
  .result-stat{padding:10px 8px;}
  .result-table{table-layout:fixed;font-size:9px;}
  .result-table th,.result-table td{padding:9px 3px;overflow-wrap:anywhere;}
  .result-table th:first-child,.result-table td:first-child{width:36%;}
  .result-table th:nth-child(2),.result-table td:nth-child(2){width:24%;}
  .result-table th:last-child,.result-table td:last-child{width:40%;}
  .result-actions{flex-wrap:wrap;}
  .result-actions button{min-height:42px;flex:1;}
  .source-panel{display:block;}
  .source-copy{padding:30px 22px;}
  .privacy-card{margin:0 16px 16px;padding:25px 20px;}
  .closing{padding-bottom:58px;}
  .closing .button{width:100%;}
  .settings-dialog{max-height:calc(100dvh - 32px);padding:26px 22px;}
}

@media (max-width: 380px){
  .container,.hero,.stats-strip{width:calc(100% - 24px);}
  .header-inner{gap:6px;}
  .main-nav{gap:7px;}
  .main-nav a{font-size:9px;}
  .icon-button{width:34px;height:34px;}
  .hero h1{font-size:34px;}
  .hero-actions{flex-direction:column;}
  .hero-actions .text-link{min-height:42px;}
  .stepper{padding-inline:8px;}
  .step-line{flex-basis:8px;}
  .step b{font-size:9px;}
  .form-column{padding-inline:13px;}
  .form-actions{margin-inline:-13px;padding-inline:13px;}
}

@media (hover:none){
  .button-primary:hover,.process-card:hover,.heir-card:hover{transform:none;}
  .button,.icon-button,.counter button,.result-actions button{min-height:44px;}
}