/* Studio Amanah. Local OFL fonts; no runtime font CDN. */
@font-face{font-family:'DM Sans';src:url('/assets/fonts/dm-sans.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('/assets/fonts/instrument-serif.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('/assets/fonts/instrument-serif-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
:root{--paper:#f6f4ed;--surface:#fffef9;--ink:#183f35;--ink-dark:#102e27;--muted:#53665e;--line:#d8dcd0;--field-border:#718278;--sage:#e6ebdf;--copper:#9c5035;--error:#852e28;--error-bg:#fff0e8;--font-ui:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;--font-display:'Instrument Serif',Georgia,serif;--font-code:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;--header-height:80px;--ease:cubic-bezier(.2,.8,.2,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-padding-top:calc(var(--header-height) + 20px)}body{margin:0;color:var(--ink);background:var(--paper);font:400 16px/1.65 var(--font-ui);-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure,ul,ol,dl,dd{margin:0}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}img,svg{vertical-align:middle}img{max-width:100%}fieldset{min-width:0;border:0;padding:0;margin:0}[hidden]{display:none!important}::selection{color:var(--ink);background:#dce7d6}:focus-visible{outline:3px solid var(--copper);outline-offset:4px}
.wrap{width:min(100%,1264px);padding-inline:32px;margin-inline:auto}.icon{width:20px;height:20px;flex:0 0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:10px;left:12px;transform:translateY(-160%);z-index:100;padding:12px 20px;color:var(--surface);background:var(--ink);border-radius:8px}.skip:focus{transform:none}.eyebrow{font-size:11px;font-weight:600;line-height:1.5;letter-spacing:.12em}.eyebrow-line{display:inline-block;width:24px;height:1px;background:var(--copper);margin-right:10px;vertical-align:middle}
/* Identity and compact shell */
.site-header{position:sticky;top:0;z-index:30;height:var(--header-height);background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;min-height:44px;gap:11px;align-items:center;text-decoration:none;font-size:23px;font-weight:700;letter-spacing:-.7px;line-height:1}.brand-mark{display:inline-flex;width:39px;height:39px;align-items:center;justify-content:center;border-radius:10px;background:var(--ink);color:var(--paper);flex-shrink:0}.brand-mark svg{width:32px;height:29px}.brand-light{font-weight:400}.brand-dot{color:var(--copper)}.desktop-nav{display:flex;align-items:center;gap:20px}.desktop-nav a{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding-inline:7px;text-decoration:none;font-size:14px;font-weight:500}.desktop-nav a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--copper)}.desktop-nav .nav-support{border-left:1px solid var(--line);padding-left:26px;margin-left:6px}.mobile-menu{display:none}
.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 21px;color:var(--surface);background:var(--ink);border:1px solid var(--ink);border-radius:9px;font-size:15px;font-weight:600;line-height:1.4;text-decoration:none;transition:background-color 140ms var(--ease),border-color 140ms var(--ease),transform 80ms var(--ease)}.btn-secondary{background:transparent;color:var(--ink);border-color:var(--field-border)}.btn-paper{color:var(--ink);background:var(--surface);border-color:var(--surface)}.btn-quiet{color:var(--ink);background:transparent;border-color:transparent;padding-inline:12px}.btn-block{width:100%}.btn:disabled{opacity:.58;transform:none}.btn:active:not(:disabled){transform:translateY(1px)}.text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:500;text-decoration:none}.text-link .icon{width:17px;height:17px;flex-basis:17px}
/* Editorial hero: a real, explicitly labelled example, not invented metrics. */
.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:72px;align-items:center;padding-block:64px 60px}.hero-copy{min-width:0}.hero h1{font-family:var(--font-display);font-size:clamp(66px,6.3vw,88px);font-weight:400;line-height:.99;letter-spacing:-1.8px;margin-block:22px 24px}.hero h1 em{font-weight:400;color:var(--copper)}.hero-intro{max-width:45ch;font-size:17px;line-height:1.7;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:28px}.hero-trust{list-style:none;display:flex;flex-wrap:wrap;gap:20px;margin-top:24px;color:var(--muted);font-size:12px}.hero-trust li{display:flex;align-items:center;gap:6px}.hero-trust .icon{width:15px;height:15px;flex-basis:15px}
.hero-preview{position:relative;min-width:0;height:445px;overflow:hidden;border-radius:22px;background:var(--ink);color:#e8eee1}.preview-lines{position:absolute;inset:0;width:100%;height:100%;color:#b2c1a2;opacity:.25;stroke:currentColor;stroke-width:.6}.preview-top{position:absolute;top:24px;left:26px;right:26px;display:flex;align-items:center;justify-content:space-between}.preview-symbol{font-size:28px;line-height:1;color:#dac4a4}.preview-sheet{position:absolute;left:50%;top:55%;width:310px;max-width:calc(100% - 62px);padding:24px;color:var(--ink);background:var(--paper);border-radius:10px;transform:translate(-50%,-50%) rotate(-5deg);box-shadow:12px 18px 0 #102e2780,0 16px 24px #06181050}.preview-sheet-title{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600;margin-bottom:24px}.preview-sheet-title .tool-icon{width:30px;height:30px;border:0;background:var(--sage);border-radius:7px}.preview-sheet-title .icon{width:18px;height:18px}.preview-caption{color:var(--muted);font-size:9px;line-height:1.5;letter-spacing:.09em;margin-bottom:8px}.preview-input{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:18px;line-height:1.4;font-weight:600}.preview-input span{font-size:10px;font-weight:400;color:var(--muted)}.preview-divider{height:1px;background:var(--line);margin-block:21px}.preview-amount{font-family:var(--font-display);font-size:41px;line-height:1.2;white-space:nowrap}.preview-amount span{font:400 11px var(--font-ui);margin-left:6px;color:var(--muted)}.preview-formula{display:inline-block;font-size:10px;margin-top:12px;padding:4px 8px;border-radius:4px;background:var(--sage)}.hero-preview figcaption{position:absolute;bottom:20px;left:26px;right:26px;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:10px}.hero-preview figcaption span:first-child{display:inline-flex;align-items:center;gap:5px}.hero-preview figcaption .icon{width:13px;height:13px;flex-basis:13px}
/* Curated six-tool collection */
.tools-section{scroll-margin-top:calc(var(--header-height) + 20px);padding-top:22px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.section-heading .eyebrow{color:var(--copper);margin-bottom:8px}h2{font-family:var(--font-display);font-weight:400;font-size:44px;line-height:1.12;letter-spacing:-.7px}h2 em{color:var(--copper)}.section-note{font-size:13px;line-height:1.6;color:var(--muted);padding-bottom:2px}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool-card{min-width:0;display:flex;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);text-decoration:none;transition:border-color 150ms var(--ease),transform 150ms var(--ease),background-color 150ms var(--ease)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-index{color:var(--muted);font-size:11px;letter-spacing:.08em}.card-index span{margin-left:6px;font-size:9px;text-transform:uppercase}.tool-icon{display:inline-flex;width:43px;height:43px;align-items:center;justify-content:center;color:var(--ink);background:var(--sage);border-radius:10px;flex-shrink:0}.tool-icon .icon{width:24px;height:24px}.card-title{font-size:20px;font-weight:600;line-height:1.35;letter-spacing:-.35px;margin-top:18px}.card-description{color:var(--muted);font-size:14px;line-height:1.6;margin-top:7px;max-width:34ch}.card-action{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:500;padding-top:24px;margin-top:auto}.card-arrow{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--line)}.card-arrow .icon{width:15px;height:15px;flex-basis:15px;transition:transform 150ms var(--ease)}.tool-card.featured{background:var(--ink);color:var(--paper);border-color:var(--ink)}.featured .card-description,.featured .card-index{color:#d2dece}.featured .tool-icon{color:var(--paper);background:#ffffff13}.featured .card-arrow{border-color:#97af9b}
.principles{padding-block:104px 88px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:88px}.principles-title .eyebrow{color:var(--copper);margin-bottom:18px}.principle-list article{display:flex;gap:22px;padding-block:24px;border-top:1px solid var(--line)}.principle-list article:first-child{padding-top:0;border-top:0}.principle-number{color:var(--copper);font-size:12px;padding-top:3px}.principle-list h3{font-size:18px;font-weight:500;line-height:1.4;margin-bottom:8px}.principle-list p{color:var(--muted);font-size:15px;max-width:48ch}.principle-list .text-link{margin-top:4px}.support-section{scroll-margin-top:calc(var(--header-height) + 20px)}.support-panel{background:var(--ink);color:var(--paper);border-radius:20px;padding:44px 48px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:60px;align-items:center}.support-panel .eyebrow{color:#d4d4b8;margin-bottom:16px}.support-panel h2{font-size:42px}.support-panel h2 em{color:#e0c6a2}.support-panel p:not(.eyebrow){color:#d5dfce;max-width:48ch;font-size:14px;margin-top:16px}.support-actions{display:flex;align-items:start;flex-direction:column;gap:12px;justify-self:end}.support-actions .text-link{font-size:12px}.faq-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:88px;padding-block:90px 96px}.faq-section .eyebrow{color:var(--copper);margin-bottom:18px}
.faq-item,.guide-item{border-bottom:1px solid var(--line)}.faq-item:first-child,.guide-item:first-child{border-top:1px solid var(--line)}summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:60px;padding-block:18px;list-style:none;cursor:pointer;font-size:15px;font-weight:500;line-height:1.5}summary::-webkit-details-marker{display:none}summary .icon{width:16px;height:16px;flex-basis:16px;transition:transform 120ms var(--ease)}details[open]>summary .icon{transform:rotate(45deg)}.faq-answer{max-width:62ch;padding:0 36px 22px 0;font-size:15px;color:var(--muted);line-height:1.7}
.site-footer{border-top:1px solid var(--line)}.footer-main{display:flex;justify-content:space-between;gap:48px;padding-block:42px 40px}.footer-main p{font-size:14px;color:var(--muted);margin-top:18px}.footer-links{display:flex;gap:90px;padding-top:6px}.footer-links>div{display:flex;flex-direction:column;align-items:start;gap:0}.footer-links .eyebrow{color:var(--copper);margin-bottom:2px;font-size:10px}.footer-links a{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:13px;text-decoration:none}.footer-links .icon{width:13px;height:13px;flex-basis:13px}.footer-bottom{align-items:center;padding-block:14px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px}.footer-bottom a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
/* Tool workspaces and explicit result states */
.tool-main{padding-block:30px 48px}.breadcrumb{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}.breadcrumb a{display:inline-flex;align-items:center;gap:7px;min-height:44px;text-decoration:none}.breadcrumb .icon{width:15px;height:15px;flex-basis:15px}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-block:30px 34px}.page-heading .eyebrow{color:var(--copper);margin-bottom:10px}.page-heading h1{font:400 clamp(38px,4.5vw,60px)/1.12 var(--font-display);letter-spacing:-1px}.heading-dot{color:var(--copper)}.page-intro{color:var(--muted);font-size:15px;max-width:60ch;margin-top:10px}.privacy-pill{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);padding-block:8px;white-space:nowrap}.privacy-pill .icon{width:16px;height:16px;flex-basis:16px}.tool-workspace{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;align-items:start}.tool-panel{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:30px}.panel-heading{display:flex;align-items:start;gap:12px;margin-bottom:24px}.panel-number{font-size:10px;line-height:1.5;color:var(--copper);padding-top:5px}.panel-heading h2{font-family:var(--font-ui);font-size:18px;font-weight:600;line-height:1.4;letter-spacing:-.25px}.panel-heading p{color:var(--muted);font-size:13px;margin-top:4px}
.field{margin-bottom:20px}.field label{display:block;font-size:14px;font-weight:500;margin-bottom:7px}input:not([type=checkbox]),select,textarea{width:100%;min-width:0;max-width:100%;min-height:48px;border:1px solid var(--field-border);background:var(--surface);border-radius:7px;padding:10px 13px;color:var(--ink);font-size:16px;line-height:1.5}input[type=checkbox]{width:20px;height:20px;accent-color:var(--ink);flex-shrink:0}input::placeholder,textarea::placeholder{color:#62736a;opacity:1}input[aria-invalid=true],textarea[aria-invalid=true],select[aria-invalid=true]{border-color:var(--error);background:var(--error-bg)}select{cursor:pointer}textarea{resize:vertical;display:block}.input-shell{display:flex;align-items:center;min-width:0;border:1px solid var(--field-border);border-radius:7px;background:var(--surface)}.input-shell>span{font-size:14px;color:var(--muted);padding-left:13px}.input-shell input{border:0;background:transparent}.input-shell:focus-within{outline:3px solid var(--copper);outline-offset:3px}.input-shell input:focus-visible{outline:none}.input-shell:has(input[aria-invalid=true]){border-color:var(--error);background:var(--error-bg)}.input-shell:has(input[aria-invalid=true])>span{color:var(--error)}.field-help{margin-top:7px;color:var(--muted);font-size:13px;line-height:1.6}.check-field{display:flex;align-items:start;gap:10px;font-size:14px;margin-bottom:22px}.check-field input{margin-top:2px}.check-field .field-help{display:block}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.status{font-size:13px;line-height:1.6;margin-top:14px;color:var(--muted);overflow-wrap:anywhere}.status:empty{display:none}.status[data-state=error],.status.is-error,.field-error{color:var(--error);background:var(--error-bg);border-left:3px solid var(--error);padding:9px 12px;border-radius:3px}
.result-panel{--result-ink:#fafbf4;--result-muted:#cfddcd;--result-border:#75917d;min-width:0;padding:32px;border:1px solid var(--ink);background:var(--ink);color:var(--result-ink);border-radius:16px}.result-panel .eyebrow{color:var(--result-muted);margin-bottom:14px}.result-panel[data-state=error]{--result-ink:#772e26;--result-muted:#743a31;--result-border:#b57d70;background:var(--error-bg);border-color:#a45544}.result-panel[data-state=stale]{--result-ink:var(--ink);--result-muted:var(--muted);--result-border:#97a59a;background:#e8eadf;border-color:var(--line)}.result-value{display:block;font:400 clamp(40px,4vw,60px)/1.15 var(--font-display);letter-spacing:-1px;font-variant-numeric:tabular-nums}#r{min-width:0;max-width:100%;overflow-wrap:anywhere}.result-detail{color:var(--result-muted);font-size:14px;line-height:1.65;margin-top:16px;overflow-wrap:anywhere}.result-meta{color:var(--result-muted);font-size:12px;margin-top:10px}.result-caveat{color:var(--result-muted);border-top:1px solid var(--result-border);padding-top:17px;margin-top:24px;font-size:12px;line-height:1.7}.result-panel .btn{margin-top:24px}.result-panel .btn:disabled{background:transparent;color:var(--result-muted);opacity:.7;border-color:var(--result-border);border-style:dashed}.password-output{display:block;font:500 22px/1.65 var(--font-code);padding-block:10px;overflow-wrap:anywhere;white-space:pre-wrap}.copy-status{color:var(--result-muted);font-size:12px;min-height:20px;margin-top:12px;overflow-wrap:anywhere}.tool-tip{display:flex;gap:12px;padding-top:24px;margin-top:24px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.tool-tip .icon{width:17px;height:17px;flex-basis:17px;margin-top:2px}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:28px;padding-top:22px;border-top:1px solid var(--result-border)}.metric-grid dt{color:var(--result-muted);font-size:12px;margin-bottom:4px}.metric-grid dd{font-size:24px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.4;overflow-wrap:anywhere}.metric-grid small{font-size:10px;display:block;font-weight:400}.reading-metric{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;border-top:1px solid var(--result-border);margin-top:24px;padding-top:18px;font-size:12px;color:var(--result-muted)}.reading-metric strong{color:var(--result-ink);font-weight:500}.result-heading{font-family:var(--font-display);font-size:27px;line-height:1.25;margin-bottom:18px}
#q{max-width:100%;min-width:0;width:min(100%,300px);aspect-ratio:1;margin-inline:auto;background:white;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:12px;overflow:hidden}#q img{display:block;max-width:100%;max-height:100%;width:100%;height:auto;object-fit:contain;image-rendering:pixelated}#swatch{max-width:100%;height:auto}.qr-empty{padding:12px;text-align:center;color:var(--muted)}.qr-empty .icon{width:46px;height:46px;color:var(--ink)}.qr-empty p{margin-top:18px;font-size:13px;line-height:1.65}.json-workspace{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.code-editor{font:400 14px/1.6 var(--font-code);min-height:288px}.json-result{--result-ink:var(--ink);--result-muted:var(--muted);--result-border:var(--line);background:var(--surface);color:var(--ink);border-color:var(--line);padding:30px}.json-result .panel-heading{margin-bottom:12px}.json-status{font-size:12px;min-height:24px;margin-bottom:7px;color:var(--muted)}.json-result .toolbar{margin-top:20px}.json-result .btn{margin-top:0}.json-result textarea{background:#f3f5ec}.json-meta{font-size:11px;color:var(--muted)}.workspace-privacy{display:flex;gap:7px;align-items:center;font-size:11px;color:var(--muted);margin-top:14px}.workspace-privacy .icon{width:14px;height:14px;flex-basis:14px}
.qr-viewport{position:relative;width:min(100%,300px);margin-inline:auto}.qr-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.qr-state{display:none}.result-panel[data-state=success] .qr-placeholder{display:none}.result-panel[data-state=idle] .qr-idle,.result-panel[data-state=stale] .qr-stale,.result-panel[data-state=error] .qr-error{display:block}
.result-rail{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--result-muted);padding-bottom:10px;margin-bottom:22px;border-bottom:1px solid var(--result-border);font:500 10px/1.5 var(--font-code);letter-spacing:.08em}.result-rail::after{content:"";position:absolute;left:0;bottom:-5px;width:73px;height:5px;background:repeating-linear-gradient(to right,var(--result-border) 0,var(--result-border) 1px,transparent 1px,transparent 12px)}
/* Keyboard focus needs a contrasting ring on both surfaces. */
.result-panel:not(.json-result):is([data-state=idle],[data-state=success]) :focus-visible,.support-panel :focus-visible{outline-color:var(--paper)}
.word-summary{font-size:13px;color:var(--muted);margin-top:14px}.workspace-note{padding-top:0;margin-top:18px;border:0;font-size:13px;max-width:70ch}
.tool-workspace:has(#income-fields){align-items:stretch}.result-primer{margin-top:28px}.result-primer .primer-kicker{font:500 10px/1.5 var(--font-code);letter-spacing:.1em;color:var(--result-muted)}.primer-title{font:400 32px/1.2 var(--font-display);margin-top:8px}.result-primer dl{display:grid;gap:20px;margin-top:26px}.result-primer dl>div{padding-left:15px;border-left:1px solid var(--result-border)}.result-primer dt{font-size:14px;font-weight:500}.result-primer dd{color:var(--result-muted);font-size:13px;line-height:1.65;max-width:36ch;margin-top:4px}.result-panel[data-state=success] .result-primer{display:none}
.reference-link{display:inline-flex;align-items:center;min-height:44px}
.catalog-search{margin-bottom:18px;max-width:620px}.catalog-search input{background:var(--surface)}
@media(max-width:767px){.tools-section .section-heading{margin-bottom:14px}.catalog-search{margin-bottom:12px}}
@media(max-width:375px){.tools-section .section-heading{margin-bottom:8px}.catalog-search{margin-bottom:8px}}
/* Extra tools inherit the same surfaces; elapsed time is the main value. */
.clock-output{display:block;font:500 clamp(36px,5vw,60px)/1.15 var(--font-ui);font-variant-numeric:tabular-nums;letter-spacing:-.04em;overflow-wrap:anywhere}
.task-list,.lap-list{list-style:none;display:grid;gap:10px;margin-top:20px}.task-list li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:center;padding-block:10px;border-bottom:1px solid var(--result-border)}.task-list input{margin:0;width:24px;height:24px}.task-list span{overflow-wrap:anywhere;font-size:15px}.task-list button{min-height:44px;padding:8px 12px;border:1px solid var(--result-border);border-radius:7px;background:transparent;color:var(--result-ink);font-size:13px}.task-list li:has(input:checked)>span{text-decoration:line-through}.lap-list li{padding-block:10px;border-bottom:1px solid var(--result-border);overflow-wrap:anywhere;font-size:14px}
/* Reading flow: related tools before optional long-form guides. */
.related-section{padding-block:48px 0}.related-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.related-heading h2{font-family:var(--font-ui);font-size:18px;font-weight:500;letter-spacing:-.3px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.related-link{display:flex;align-items:center;gap:12px;min-width:0;border-bottom:1px solid var(--line);padding:13px 0;text-decoration:none;font-size:13px;line-height:1.4}.related-link>span:nth-child(2){flex:1}.related-link .tool-icon{width:33px;height:33px;border-radius:8px}.related-link .tool-icon .icon{width:18px;height:18px}.related-link>.icon{width:16px;height:16px;flex-basis:16px}.help-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:88px;margin-top:76px}.help-section .eyebrow{color:var(--copper);margin-bottom:14px}.help-section h2{font-size:36px}.help-section>div>p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:38ch;margin-top:18px}.guide-item summary{font-size:14px}.prose{max-width:64ch;font-size:15px;line-height:1.75;color:var(--muted)}.guide-item .prose{padding:0 24px 24px 0}.prose strong{color:var(--ink);font-weight:600}.zakat-note{padding-top:24px}.zakat-note h3{color:var(--ink);font-size:17px;font-weight:500;margin-bottom:12px}.zakat-note p{margin-top:12px}.arabic{font-family:'Noto Naskh Arabic','Geeza Pro','Segoe UI',serif;font-style:normal;font-size:24px;line-height:1.9;text-align:right;color:var(--ink)}.tool-faq{margin-top:64px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:88px}.tool-faq h2{font-size:31px}.tool-support{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:20px;margin-top:56px;color:var(--muted);font-size:12px}.tool-support a{display:inline-flex;align-items:center;gap:5px;min-height:32px;color:var(--ink)}.tool-support .icon{width:13px;height:13px;flex-basis:13px}
.document-main{padding-block:30px 88px}.document-heading{padding-block:32px 44px;max-width:850px}.document-heading .eyebrow{color:var(--copper);margin-bottom:16px}.document-heading h1{font:400 clamp(40px,4.5vw,64px)/1.07 var(--font-display);letter-spacing:-1px}.document-heading>p:last-child{color:var(--muted);font-size:12px;margin-top:20px}.document-layout{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:70px;border-top:1px solid var(--line);padding-top:42px}.document-aside p{font-family:var(--font-display);font-size:27px;line-height:1.25;margin-block:20px}.document-prose{max-width:64ch}.prose-section{margin-bottom:30px}.prose-section h2{font:500 19px/1.4 var(--font-ui);margin-bottom:12px;letter-spacing:-.2px}.prose-section p{font-size:16px;line-height:1.75;color:var(--muted)}.prose-section a{color:var(--ink)}.error-page{padding-block:90px 110px}.error-page .eyebrow{color:var(--copper);margin-bottom:22px}.error-page h1{font:400 clamp(48px,6vw,78px)/1.02 var(--font-display);letter-spacing:-1px}.error-page h1 em{color:var(--copper)}.error-page p:not(.eyebrow){margin-top:24px;color:var(--muted)}.error-page .btn{margin-top:28px}
@media(hover:hover) and (pointer:fine){.btn:hover:not(:disabled){background:var(--ink-dark);border-color:var(--ink-dark)}.btn-secondary:hover:not(:disabled),.btn-quiet:hover:not(:disabled),.btn-paper:hover:not(:disabled){background:var(--sage);color:var(--ink);border-color:var(--field-border)}.tool-card:hover{border-color:var(--field-border);transform:translateY(-2px)}.tool-card:hover .card-arrow .icon{transform:translate(1px,-1px)}.desktop-nav a:hover,.text-link:hover,.footer-links a:hover,.breadcrumb a:hover{text-decoration:underline}summary:hover{color:var(--copper)}}
@media(max-width:1023px){:root{--header-height:72px}.wrap{padding-inline:24px}.hero{gap:32px;padding-block:46px}.hero h1{font-size:66px}.hero-preview{height:395px}.preview-sheet{padding:20px}.preview-amount{font-size:35px}.hero-actions{gap:10px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.principles,.faq-section{gap:40px}.support-panel{padding:34px;gap:30px}.support-panel h2{font-size:36px}.tool-workspace{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tool-panel,.result-panel{padding:24px}.page-heading h1{font-size:48px}.help-section,.tool-faq{gap:40px}.footer-links{gap:48px}}
@media(max-width:767px){:root{--header-height:64px}.wrap{padding-inline:20px}.brand{font-size:21px;gap:9px}.brand-mark{width:34px;height:34px;border-radius:8px}.brand-mark svg{width:28px;height:26px}.desktop-nav{display:none}.mobile-menu{display:block}.mobile-menu>summary{min-height:48px;min-width:76px;gap:8px;padding:0 7px;font-size:12px}.mobile-menu>summary .icon{width:20px;height:20px;transform:none}.mobile-menu>nav{position:absolute;top:calc(var(--header-height) - 1px);left:0;right:0;border-block:1px solid var(--line);background:var(--surface);padding:12px 20px 20px;display:flex;flex-direction:column;box-shadow:0 10px 20px #183f350f}.mobile-menu nav a{display:flex;justify-content:space-between;align-items:center;min-height:48px;text-decoration:none;font-size:15px;border-bottom:1px solid var(--line)}.hero{gap:22px}.hero h1{font-size:54px}.hero-preview{height:330px}.preview-sheet{max-width:calc(100% - 46px);top:55%;padding:16px}.preview-sheet-title{margin-bottom:14px;font-size:12px}.preview-input{font-size:15px;flex-wrap:wrap}.preview-divider{margin-block:14px}.preview-amount{font-size:29px}.preview-amount span{display:block;margin:0}.preview-top{top:18px;left:18px;right:18px}.preview-top .eyebrow{font-size:8px}.hero-preview figcaption{left:18px;right:18px;bottom:14px;font-size:8px}.hero-preview figcaption span:last-child{display:none}.hero-trust{gap:12px}.hero-intro{font-size:15px}.hero-secondary{display:none}.principles,.faq-section,.support-panel{grid-template-columns:minmax(0,1fr);gap:32px}.support-actions{justify-self:start}.principles{padding-block:64px}.faq-section{padding-block:64px}.footer-main{gap:30px;flex-direction:column}.footer-links{justify-content:space-between;gap:24px}.footer-bottom span:nth-child(2){display:none}.page-heading{display:block;margin-block:22px 26px}.privacy-pill{margin-top:8px}.page-heading h1{font-size:43px}.tool-workspace{grid-template-columns:minmax(0,1fr)}.result-panel{padding:26px}.result-value{font-size:50px}.related-section{padding-top:34px}.related-grid{grid-template-columns:minmax(0,1fr);gap:0}.help-section,.tool-faq{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:52px}.help-section h2{font-size:34px}.tool-faq h2{font-size:30px}.document-layout{grid-template-columns:minmax(0,1fr);gap:26px}.document-aside{display:none}.document-heading{padding-block:22px 30px}}
@media(max-width:599px){.wrap{padding-inline:20px}.hero{display:block;padding-block:28px}.hero-preview{display:none}.hero h1{font-size:54px;line-height:.98;margin-block:14px;letter-spacing:-1px}.hero .eyebrow{font-size:10px;letter-spacing:.1em}.hero-intro{font-size:14px;line-height:1.6;max-width:40ch}.hero-actions{margin-top:20px}.hero-actions .btn{padding-inline:20px}.hero-trust{margin-top:16px;gap:14px;font-size:11px}.hero-trust .icon{width:13px;height:13px;flex-basis:13px}.desktop-only{display:none}.tools-section{padding-top:6px}.section-heading{margin-bottom:16px}.section-heading .eyebrow{font-size:10px;margin-bottom:6px}.section-heading h2{font-size:32px}.section-note{display:none}.tool-grid{grid-template-columns:minmax(0,1fr);gap:12px}.tool-card{display:grid;grid-template-columns:40px minmax(0,1fr) 22px;grid-template-areas:'icon title arrow' 'icon desc arrow';gap:4px 13px;padding:20px 17px;border-radius:12px}.card-top{display:contents}.card-index{display:none}.tool-card .tool-icon{grid-area:icon;width:40px;height:40px;align-self:start;margin-top:2px}.card-title{grid-area:title;margin:0;font-size:16px}.card-description{grid-area:desc;margin:0;font-size:13px;line-height:1.6}.card-action{display:contents}.card-action>span:first-child{display:none}.card-arrow{grid-area:arrow;width:22px;height:22px;border:0;align-self:center}.principles-title h2,.faq-section h2{font-size:36px}.principle-list article{gap:16px}.support-panel{padding:28px 24px;border-radius:14px;gap:26px}.support-panel h2{font-size:34px}.support-actions{width:100%;align-items:stretch;gap:10px}.support-actions .text-link{justify-content:center}.faq-answer{padding-right:20px;font-size:14px}.footer-main{padding-block:32px}.tool-main{padding-block:18px 32px}.page-heading h1{font-size:39px}.page-heading .eyebrow{font-size:10px}.page-intro{font-size:14px}.privacy-pill{display:none}.tool-panel,.result-panel{padding:22px;border-radius:13px}.panel-heading{margin-bottom:20px}.panel-heading h2{font-size:16px}.panel-heading p{font-size:13px}.field label{font-size:13px}.field-help{font-size:13px}.toolbar{gap:8px}.toolbar .btn{flex-grow:1;padding-inline:14px;font-size:14px}.toolbar .btn-quiet{flex-grow:0}.workspace-privacy{align-items:start;font-size:10px}.result-value{font-size:48px}.password-output{font-size:20px}#q{width:min(100%,280px);padding:10px}.result-detail{font-size:13px}.metric-grid{gap:20px}.related-heading h2{font-size:17px}.related-heading .text-link{font-size:12px}.code-editor{font-size:13px;min-height:240px}.document-heading h1{font-size:43px}.document-prose p{font-size:15px}.error-page{padding-block:60px 80px}}
@media(max-width:359px){:root{--header-height:60px}.wrap{padding-inline:16px}.hero{padding-block:22px}.hero h1{font-size:47px;margin-block:12px}.hero-intro{font-size:13px}.hero-actions{margin-top:16px}.hero-trust{gap:10px;font-size:10px;margin-top:14px}.hero .eyebrow-line{width:16px;margin-right:6px}.section-heading h2{font-size:29px}.tool-card{padding:17px 14px;gap:4px 10px}.card-title{font-size:15px}.card-description{font-size:13px}.page-heading h1{font-size:35px}.tool-panel,.result-panel{padding:18px}.result-value{font-size:42px}.footer-links{gap:18px}.footer-links a{font-size:12px}}
/* The connected AH ruler is the same motif at every size. */
.hero-mobile-copy,.hero-mobile-preview{display:none}.preview-symbol svg{width:32px;height:29px}.preview-lines path{vector-effect:non-scaling-stroke;stroke-width:1}.principles-title h2,.faq-section h2{font-family:var(--font-ui);font-size:32px;font-weight:500;line-height:1.25;letter-spacing:-.7px}
@media(max-width:599px){
 .hero{padding-block:20px}.hero h1{font-size:50px}.hero-desktop-copy,.hero-trust{display:none}.hero-mobile-copy{display:inline}.hero-actions{margin-top:16px}.hero-mobile-preview{display:block;margin-top:16px;padding:11px 14px;background:var(--ink);color:var(--paper);border-radius:12px}.hero-mobile-preview figcaption{font-size:9px;letter-spacing:.1em;color:#d8ddc8}.mini-demo{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:10px;align-items:center;margin-block:3px}.mini-demo>span{font-size:14px;font-weight:500;white-space:nowrap}.mini-demo .icon{width:16px;height:16px}.mini-demo strong{font:400 27px/1.15 var(--font-display);text-align:right;white-space:nowrap}.hero-mobile-preview p{font-size:10px;line-height:1.5;color:#d8ddc8}.principles-title h2,.faq-section h2{font-size:28px}.workspace-privacy{font-size:12px}.tools-section,.support-section{scroll-margin-top:0}
}
@media(max-width:359px){.hero{padding-block:16px}.hero h1{font-size:44px}.hero-mobile-preview{margin-top:14px;padding:10px 12px}.mini-demo strong{font-size:25px}.hero-mobile-preview p{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition-duration:0s!important;scroll-behavior:auto!important}.btn:active:not(:disabled),.tool-card:hover,.tool-card:hover .card-arrow .icon{transform:none}}
@media(forced-colors:active){.btn,input,select,textarea,.tool-card,.result-panel{border:1px solid ButtonText}.brand-mark{border:1px solid CanvasText}:focus-visible{outline-color:Highlight}}