:root{--ink:#1d2924;--paper:#f4f1e8;--lime:#c8e8ac;--lime2:#a5d27e;--orange:#e67546;--line:#d9d5c9;--deep:#173d37;--muted:#61706a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font-family:'DM Sans',sans-serif;color:var(--ink);line-height:1.5}.grain{position:fixed;inset:0;z-index:5;pointer-events:none;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,32px);border-bottom:1px solid var(--line);position:relative;z-index:1}.brand{display:flex;align-items:center;gap:9px;font-family:'DM Mono',monospace;font-size:14px;font-weight:500;letter-spacing:.06em;text-decoration:none;color:inherit}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--deep);color:var(--lime);font-size:18px}.muted{color:#9aa39d}nav{display:flex;gap:27px}nav a,.text-btn{font:500 13px 'DM Sans';color:var(--ink);text-decoration:none;background:none;border:0;cursor:pointer}.pill{font:500 12px 'DM Mono';border:1px solid var(--ink);border-radius:20px;padding:9px 13px;color:var(--ink);text-decoration:none}.hero{position:relative;overflow:hidden;padding:clamp(70px,12vw,160px) max(5vw,32px) 65px;min-height:720px;background:radial-gradient(circle at 85% 10%,#d8efc8 0,transparent 26%),var(--paper)}.eyebrow,.section-kicker{font:500 11px 'DM Mono';letter-spacing:.1em;color:#53625c}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow i{width:8px;height:8px;background:var(--orange);border-radius:50%;display:block}.hero h1,h2{font:600 clamp(50px,7vw,102px)/.96 'Playfair Display';letter-spacing:-.055em;margin:24px 0;max-width:900px}.hero h1 em,h2 em{color:var(--orange);font-weight:600}.lede{font-size:18px;max-width:570px;color:#46534e}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:35px}.button{background:var(--deep);color:#fff;text-decoration:none;padding:15px 19px;font-size:14px;border-radius:3px}.button span{margin-left:25px;color:var(--lime)}.hero-stats{display:flex;gap:55px;margin-top:105px;position:relative;z-index:1}.hero-stats div{display:flex;flex-direction:column}.hero-stats b{font:600 25px 'Playfair Display'}.hero-stats span{font-size:12px;color:var(--muted);margin-top:4px}.orb{position:absolute;border-radius:50%;border:1px solid #c7dfb6}.orb-one{width:540px;height:540px;right:-100px;top:40px}.orb-two{width:385px;height:385px;right:-20px;top:115px;border-color:#9abf7e;background:radial-gradient(circle at 40% 35%,rgba(200,232,172,.6),rgba(200,232,172,.04) 60%)}.section{padding:115px max(5vw,32px)}.section-kicker{margin-bottom:25px}.two-col{display:grid;grid-template-columns:1.25fr .75fr;gap:85px;align-items:start}.two-col h2{font-size:clamp(37px,5.3vw,76px);margin:0}.two-col p{font-size:16px;margin:7px 0 17px;color:#52605a}.steps{margin-top:78px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.steps article{padding:25px 25px 10px 0;border-right:1px solid var(--line);min-height:205px}.steps article+article{padding-left:25px}.steps article:last-child{border:0}.steps span{font:12px 'DM Mono';color:var(--orange)}h3{margin:14px 0 9px;font-size:18px;line-height:1.15}.steps p,.note,.etf p{font-size:13px;color:var(--muted)}.note{margin-top:62px;border-left:3px solid var(--orange);padding:14px 18px;background:#eeeadd;max-width:760px}.note b{color:var(--ink)}.dark{background:var(--deep);color:#f6f2e8}.dark .section-kicker,.dark .two-col p{color:#b7c8bd}.timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:36px;padding-top:60px}.timeline .line{position:absolute;height:1px;background:#5b786f;top:75px;left:0;right:0}.timeline article{position:relative;padding-top:33px}.timeline article:before{content:"";position:absolute;top:10px;width:12px;height:12px;border:3px solid var(--deep);background:var(--lime);border-radius:50%}.timeline b{font:14px 'DM Mono';color:var(--lime)}.timeline h3{font-size:16px}.timeline p{font-size:13px;color:#bdd0c5}.chart-card{margin-top:70px;padding:28px;background:#214a43;border:1px solid #3c635b}.chart-head{display:flex;justify-content:space-between;align-items:start}.tag{font:10px 'DM Mono';color:var(--lime);letter-spacing:.08em}.chart-head h3{font:24px 'Playfair Display';margin:5px 0}.legend{font-size:11px;color:#cedbd3}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime);margin-right:5px}.legend small{opacity:.65}svg{width:100%;margin-top:24px}.grid line{stroke:#497067;stroke-width:1}.curve{fill:none;stroke:var(--lime);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.area{fill:url(#fill)}.axis{display:flex;justify-content:space-between;font:10px 'DM Mono';color:#9eb8ae}.chart-caption{font-size:11px;color:#a7beb4;max-width:700px;margin:24px 0 0}.filters{display:flex;gap:9px;margin:50px 0 25px}.filters button,.scenario-buttons button{font:12px 'DM Sans';border:1px solid var(--line);border-radius:20px;padding:9px 14px;background:transparent;cursor:pointer;color:var(--ink)}.filters button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.etf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.etf{border:1px solid var(--line);padding:24px;background:#f7f4eb;min-height:265px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.etf:hover{transform:translateY(-4px);box-shadow:6px 8px 0 #d7e8cb}.etf.hidden{display:none}.etf-top{display:flex;justify-content:space-between}.ticker{font:500 15px 'DM Mono';color:var(--deep)}.badge{font:10px 'DM Mono';background:var(--lime);padding:3px 6px;height:max-content}.etf h3{margin-top:23px}.etf p{margin:0}.etf dl{display:flex;gap:14px;border-top:1px solid var(--line);padding-top:12px;margin:17px 0}.etf dl div{flex:1}.etf dt{font-size:9px;color:#7e8983;text-transform:uppercase}.etf dd{font:12px 'DM Mono';margin:2px 0}.etf a{margin-top:auto;font-size:12px;color:var(--deep);font-weight:700}.risk-panel{margin-top:54px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:33px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:25px}.risk-panel h3{font:27px 'Playfair Display';margin:6px 0}.risk-panel p{font-size:13px;color:var(--muted);max-width:430px}.gauges{display:flex;justify-content:space-around;text-align:center;gap:20px}.gauge{--c:var(--lime2);width:114px;height:114px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(closest-side,var(--paper) 73%,transparent 74% 100%),conic-gradient(var(--c) calc(var(--p)*1%),#d8d9cf 0)}.gauge span{font:20px 'Playfair Display'}.gauge.amber{--c:#e4ad69}.gauge.rose{--c:#dc826e}.gauges b{font-size:13px;display:block;margin-top:8px}.gauges small{font-size:10px;color:var(--muted)}.simulator{display:grid;grid-template-columns:1fr 1fr;margin-top:60px;border:1px solid #52746c}.controls{padding:35px;border-right:1px solid #52746c}.controls label{display:block;font-size:13px;margin-bottom:28px}.controls output{float:right;font:14px 'DM Mono';color:var(--lime)}input[type=range]{display:block;width:100%;accent-color:var(--lime);margin-top:13px}.scenario-buttons{display:flex;gap:8px}.scenario-buttons button{color:#e7f0e9;border-color:#5f8178;text-align:left}.scenario-buttons button small{display:block;color:#a6c2b6;margin-top:2px}.scenario-buttons button.active{background:var(--lime);border-color:var(--lime);color:var(--deep)}.scenario-buttons button.active small{color:#42645a}.result{padding:35px}.result strong{font:600 clamp(45px,5vw,74px)/1 'Playfair Display';display:block;margin:22px 0 4px;color:var(--lime)}.result p{font-size:13px;color:#bdcec4}.mini-bars{height:54px;display:flex;align-items:end;gap:5px;margin:23px 0}.mini-bars i{width:9%;background:var(--lime);opacity:.7;display:block;transition:height .25s}.result small{font-size:10px;color:#91ada2}.scenario-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}.scenario-cards article{border-top:1px solid #5b786f;padding-top:16px}.scenario-cards b{color:var(--lime)}.scenario-cards p{font-size:13px;color:#c3d1ca}.checklist h2{font-size:clamp(39px,5vw,70px);margin:0 0 60px}.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}.check-grid div{display:flex;gap:13px;padding:20px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.check-grid div:nth-child(3n){border-right:0}.check-grid span{color:var(--orange);font-weight:bold}.check-grid p{margin:0;font-size:13px}footer{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:50px;background:#ddd9cb;padding:54px max(5vw,32px);font-size:12px}footer p{color:#5a655f;max-width:390px}footer b{font:12px 'DM Mono';display:block;margin-bottom:13px}footer a:not(.brand){display:block;color:var(--ink);margin:7px 0}@media(max-width:760px){header{height:65px;padding:0 20px}header nav,.pill{display:none}.hero{min-height:650px;padding:72px 25px 45px}.hero h1{font-size:54px}.hero-stats{gap:19px;margin-top:75px}.hero-stats b{font-size:20px}.hero-stats span{font-size:10px}.orb-one{right:-230px}.orb-two{right:-150px}.section{padding:72px 25px}.two-col,.risk-panel,.simulator{grid-template-columns:1fr;gap:20px}.steps,.timeline,.etf-grid,.scenario-cards,.check-grid{grid-template-columns:1fr}.steps article,.steps article+article{padding:19px 0;border-right:0;border-bottom:1px solid var(--line);min-height:auto}.timeline{gap:18px;padding-top:35px}.timeline .line{left:5px;top:42px;bottom:0;height:auto;width:1px}.timeline article{padding:0 0 0 28px}.timeline article:before{top:3px;left:0}.chart-card{padding:16px;margin-top:45px}.chart-head{display:block}.legend{display:block;margin-top:10px}.etf{min-height:240px}.gauges{margin-top:10px}.controls{border-right:0;border-bottom:1px solid #52746c}.scenario-buttons{flex-wrap:wrap}.check-grid div,.check-grid div:nth-child(3n){border-right:0}footer{grid-template-columns:1fr;gap:22px}}
.compare{background:#e8eee2}.compare-box{margin-top:52px;border:1px solid #afc4ad;background:#f7f8f0}.compare-controls{padding:30px;border-bottom:1px solid #cbd8c7}.compare-controls label{display:block;font-size:13px;max-width:650px}.compare-controls output{float:right;font:14px 'DM Mono';color:var(--deep)}.periods{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.periods button{border:1px solid #9eb39d;background:transparent;border-radius:4px;padding:10px 13px;text-align:left;color:var(--ink);cursor:pointer;font:12px 'DM Sans'}.periods button small{display:block;color:var(--muted);margin-top:3px}.periods button.active{background:var(--deep);border-color:var(--deep);color:#fff}.periods button.active small{color:var(--lime)}.compare-results{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;padding:30px}.compare-card{padding:20px;background:var(--deep);color:#f5f3eb;min-height:180px}.compare-card.property{background:#e4a66c;color:var(--ink)}.compare-card span,.difference span{font:11px 'DM Mono';text-transform:uppercase;letter-spacing:.04em}.compare-card strong{display:block;font:600 clamp(31px,4vw,54px)/1 'Playfair Display';margin:25px 0 6px;color:var(--lime)}.compare-card.property strong{color:var(--ink)}.compare-card small{font-size:11px;opacity:.78}.compare-bar{height:7px;background:rgba(255,255,255,.18);margin-top:22px}.property .compare-bar{background:rgba(29,41,36,.18)}.compare-bar i{display:block;height:100%;background:var(--lime);transition:width .3s}.property .compare-bar i{background:var(--ink)}.difference{padding:20px;border-top:1px solid var(--line);grid-column:1/-1}.difference strong{display:block;font:600 38px 'Playfair Display';color:var(--orange);margin:7px 0}.difference p{font-size:13px;color:var(--muted);margin:0}.compare-note{margin-top:25px;border-left:3px solid var(--orange);padding:14px 18px;background:#f1eadc;max-width:900px;font-size:12px;color:var(--muted)}.compare-note b{color:var(--ink)}@media(max-width:760px){.compare-results{grid-template-columns:1fr;padding:18px}.difference{grid-column:auto}.periods button{flex:1 1 42%}.compare-card strong{font-size:39px}}
.explorer{background:#f1eee4}.explorer-box{margin-top:52px;border:1px solid var(--line);background:#f8f6ee}.explorer-controls{padding:28px;display:flex;align-items:end;gap:18px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.explorer-controls label{font-size:12px;display:flex;flex-direction:column;gap:8px}.explorer-controls select{font:14px 'DM Sans';background:var(--paper);color:var(--ink);border:1px solid #9eaaa0;padding:11px 35px 11px 12px;min-width:265px}.evo-periods{display:flex;gap:7px}.evo-periods button{font:12px 'DM Sans';padding:10px 13px;border:1px solid #a4afa6;background:transparent;color:var(--ink);cursor:pointer}.evo-periods button.active{background:var(--deep);border-color:var(--deep);color:#fff}.etf-facts{display:flex;gap:24px;margin-left:auto}.etf-facts div{display:flex;flex-direction:column;gap:3px}.etf-facts small{font:10px 'DM Mono';color:var(--muted)}.etf-facts b{font-size:12px}.evolution{padding:30px}.evolution-head{display:flex;justify-content:space-between;align-items:start}.evolution-head h3{font:25px 'Playfair Display';margin:7px 0}.evolution-head>span{font:11px 'DM Mono';color:var(--muted)}.evolution svg{background:#214a43;border:1px solid #3c635b;margin-top:18px}.evo-grid line{stroke:#497067;stroke-width:1}.evolution-path{fill:none;stroke:var(--lime);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.evolution-area{fill:rgba(200,232,172,.18)}.evo-axis{display:flex;justify-content:space-between;font:11px 'DM Mono';color:var(--muted);margin-top:8px}.evo-axis strong{color:var(--orange)}.evolution p{font-size:11px;color:var(--muted);max-width:700px}@media(max-width:760px){.explorer-controls{align-items:stretch;flex-direction:column}.explorer-controls select{min-width:0;width:100%}.etf-facts{margin-left:0;justify-content:space-between;gap:10px}.evolution{padding:16px}.evolution-head{display:block}.evolution-head>span{display:block;margin-top:8px}}
.pair-controls{display:flex;align-items:end;gap:18px;margin-top:50px;flex-wrap:wrap}.pair-controls label{font-size:11px;color:#b7c8bd;display:flex;flex-direction:column;gap:8px}.pair-controls select{min-width:230px;padding:11px;background:#214a43;border:1px solid #6b8b80;color:#fff;font:13px 'DM Sans'}.pair-controls>span{font:12px 'DM Mono';color:var(--lime);padding-bottom:12px}.pair-years{display:flex;gap:7px}.pair-years button{padding:10px 13px;border:1px solid #6b8b80;background:transparent;color:#fff;cursor:pointer;font:12px 'DM Sans'}.pair-years button.active{background:var(--lime);border-color:var(--lime);color:var(--deep)}.pair-chart{margin-top:30px;padding:24px;background:#214a43;border:1px solid #3c635b}.pair-legend{display:flex;align-items:center;gap:25px;flex-wrap:wrap;font-size:11px;color:#d6e3dc}.pair-legend span{display:flex;align-items:center;gap:6px}.pair-legend strong{margin-left:auto;color:var(--lime);font:12px 'DM Mono'}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.islamic-dot{background:var(--lime)}.conventional-dot{background:#e67546}.pair-chart svg{margin-top:18px}.pair-islamic-path,.pair-conventional-path{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.pair-islamic-path{stroke:var(--lime)}.pair-conventional-path{stroke:var(--orange)}.pair-chart p{font-size:11px;color:#a7beb4;margin:20px 0 0}@media(max-width:760px){.pair-controls{align-items:stretch;flex-direction:column}.pair-controls>span{padding:0}.pair-controls select{width:100%}.pair-years button{flex:1}.pair-legend strong{margin-left:0}}