/* The Ledger v2: paper grain, ruled lines, a red margin, tatreez stitch bands. Self-hosted fonts, no external requests. */
@font-face{font-family:'Amiri';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/amiri-400-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'Amiri';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/amiri-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Amiri';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/amiri-700-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'Amiri';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/amiri-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ibm-plex-sans-arabic-400-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ibm-plex-sans-arabic-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/ibm-plex-sans-arabic-500-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/ibm-plex-sans-arabic-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/ibm-plex-sans-arabic-600-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/ibm-plex-sans-arabic-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{
  --paper:#f4eddb;--paper2:#eadfc4;--card:#fffaee;--ink:#1b2926;--mut:#5a655d;--line:#d8cbab;--rule:rgba(27,41,38,.055);
  --green:#0c5646;--green2:#0a4639;--on-green:#f4eddb;--accent:#ad3626;--on-accent:#fff7ec;--gold:#b5832a;--on-gold:#1b2926;--ok:#1d7a4f;
  --shadow:0 1px 0 rgba(255,255,255,.7) inset,0 1px 2px rgba(60,40,10,.10),0 18px 36px -18px rgba(70,45,10,.40);
  --grain-op:.5;
  --serif:'Amiri','Noto Naskh Arabic',Georgia,serif;--sans:'IBM Plex Sans Arabic','Noto Sans Arabic',system-ui,sans-serif;
  --noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .38 0 0 0 0 .27 0 0 0 0 .12 0 0 0 .13 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 9' shape-rendering='crispEdges'%3E%3Cpath d='M4 0h1v1H4zM2 1h1v1H2zM4 1h1v1H4zM6 1h1v1H6zM3 2h3v1H3zM1 3h7v1H1zM0 4h1v1H0zM2 4h5v1H2zM8 4h1v1H8zM1 5h7v1H1zM3 6h3v1H3zM2 7h1v1H2zM4 7h1v1H4zM6 7h1v1H6zM4 8h1v1H4z'/%3E%3C/svg%3E")}
:root[data-theme=dark]{--paper:#111815;--paper2:#17201d;--card:#19231f;--ink:#ece7d9;--mut:#a2ada5;--line:#2c3934;--rule:rgba(236,231,217,.045);--green:#5bbfa5;--green2:#49a68e;--on-green:#0c1713;--accent:#e57d6b;--on-accent:#1a0e0b;--gold:#d9ae58;--on-gold:#1b160a;--ok:#6fd1a0;--shadow:0 1px 0 rgba(255,255,255,.04) inset,0 1px 2px #000,0 18px 36px -18px #000;--grain-op:.35}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#111815;--paper2:#17201d;--card:#19231f;--ink:#ece7d9;--mut:#a2ada5;--line:#2c3934;--rule:rgba(236,231,217,.045);--green:#5bbfa5;--green2:#49a68e;--on-green:#0c1713;--accent:#e57d6b;--on-accent:#1a0e0b;--gold:#d9ae58;--on-gold:#1b160a;--ok:#6fd1a0;--shadow:0 1px 0 rgba(255,255,255,.04) inset,0 1px 2px #000,0 18px 36px -18px #000;--grain-op:.35}}
*{box-sizing:border-box}html{overflow-x:clip;-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:90px;scrollbar-color:var(--line) var(--paper)}
::selection{background:var(--gold);color:#1b2926}
body{margin:0;background-color:var(--paper);background-image:var(--noise),repeating-linear-gradient(to bottom,transparent 0 31px,var(--rule) 31px 32px);color:var(--ink);font:400 17px/1.9 var(--sans);position:relative;min-height:100vh;overflow-x:clip}
body::before{content:"";position:fixed;inset-block:0;inset-inline-start:10px;width:2px;background:linear-gradient(var(--accent),var(--accent));opacity:.34;pointer-events:none;z-index:0}
@media (min-width:900px){body::before{inset-inline-start:max(14px,calc(50vw - 532px))}}
main,footer,header{position:relative;z-index:1}
a{color:var(--green);text-underline-offset:5px;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,var(--green) 45%,transparent);transition:color .15s,text-decoration-color .15s}a:hover{color:var(--accent);text-decoration-color:var(--accent)}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:4px}
.wrap{max-width:1064px;margin-inline:auto;padding-inline:22px}
.skip{position:absolute;inset-inline-start:-999px;top:8px;background:var(--green);color:var(--on-green);padding:8px 14px;z-index:99;border-radius:4px}.skip:focus{inset-inline-start:12px}
h1,h2,h3{font-family:var(--serif);line-height:1.3;margin:0 0 .4em;font-weight:700;letter-spacing:0;text-wrap:balance}
h1{font-size:clamp(40px,7.2vw,78px);line-height:1.12}h2{font-size:clamp(28px,3.8vw,40px);margin-top:1.6em}h3{font-size:23px}
p{margin:0 0 1em;text-wrap:pretty}.mut{color:var(--mut)}
/* stitch bands */
.band{height:27px;background:var(--accent);-webkit-mask:var(--star) repeat-x 0 0/36px 27px;mask:var(--star) repeat-x 0 0/36px 27px;opacity:.9}
.band.thin{height:9px;-webkit-mask-size:12px 9px;mask-size:12px 9px;opacity:.7}.band.gold{background:var(--gold)}.band.green{background:var(--green)}
/* header: sticky, frosted */
header.top{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--paper) 84%,transparent);-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);transition:box-shadow .2s}
header.top.scrolled{box-shadow:0 10px 24px -18px rgba(40,25,5,.55)}
.bar{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;padding-block:12px 10px}
.brand{font:700 25px/1 var(--serif);color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:11px}.brand:hover{color:var(--ink)}
.brand i{width:32px;height:24px;background:var(--accent);-webkit-mask:var(--star) no-repeat center/contain;mask:var(--star) no-repeat center/contain;display:inline-block;transition:transform .5s cubic-bezier(.3,1.6,.5,1)}.brand:hover i{transform:rotate(90deg) scale(1.1)}
nav.main{display:flex;gap:2px 22px;flex-wrap:wrap;margin-inline-start:auto;font-size:15px;align-items:center}
nav.main a{position:relative;color:var(--mut);text-decoration:none;padding:7px 1px;font-weight:500}
nav.main a::after{content:"";position:absolute;inset-inline:0;bottom:1px;height:2px;background:var(--accent);transform:scaleX(0);transition:transform .22s;transform-origin:inline-start}
nav.main a:hover,nav.main a[aria-current=page]{color:var(--ink)}nav.main a:hover::after,nav.main a[aria-current=page]::after{transform:scaleX(1)}
.tools{display:flex;gap:8px}
.chip,.iconbtn{font:500 14px/1 var(--sans);border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:9px 15px;text-decoration:none;cursor:pointer;min-height:38px;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s,transform .15s,background .15s}
.chip:hover,.iconbtn:hover{border-color:var(--accent);color:var(--ink);transform:translateY(-1px)}
header.top .band{display:block}
/* hero */
.hero{display:grid;gap:44px;padding-block:44px 52px;align-items:center}
@media (min-width:900px){.hero{grid-template-columns:1.08fr .92fr;gap:56px;padding-block:70px 78px}}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font:600 13px/1 var(--sans);letter-spacing:.03em;color:var(--accent);margin-bottom:22px}
.eyebrow::before{content:"";width:34px;height:2px;background:var(--accent);display:inline-block}
.hero h1{margin-bottom:.32em}
.hero h1 em{font-style:normal;color:var(--accent);position:relative;white-space:nowrap}
.hero h1 em::after{content:"";position:absolute;inset-inline:-2%;bottom:.04em;height:.14em;background:var(--gold);opacity:.55;border-radius:99px;transform:rotate(-1deg);z-index:-1}
.lead{font-size:clamp(18px,2.1vw,21px);color:var(--mut);max-width:33em;line-height:1.95}
.hero .lead{margin-bottom:32px}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--green);color:var(--on-green);font:600 16px/1 var(--sans);padding:16px 24px;border-radius:7px;text-decoration:none;min-height:50px;box-shadow:0 4px 0 var(--green2),0 14px 24px -12px rgba(10,60,48,.6);transition:transform .15s,box-shadow .15s}
.btn:hover{color:var(--on-green);transform:translateY(-2px);box-shadow:0 6px 0 var(--green2),0 18px 28px -12px rgba(10,60,48,.6)}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--green2)}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}.btn.ghost:hover{color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent)}
.btn .ar{transition:transform .2s}.btn:hover .ar{transform:translateX(-4px)}[lang=en] .btn:hover .ar{transform:translateX(4px)}
.cta{display:flex;gap:14px;flex-wrap:wrap}
.proof{display:flex;gap:10px 22px;flex-wrap:wrap;margin-top:30px;padding:0;list-style:none;font-size:14px;color:var(--mut)}.proof li{display:flex;gap:8px;align-items:center}.proof li::before{content:"";width:9px;height:9px;background:var(--green);-webkit-mask:var(--star) center/contain no-repeat;mask:var(--star) center/contain no-repeat}
/* ledger stack (hero art) */
.stack{position:relative;padding:18px 8px 34px;max-width:470px;margin-inline:auto;width:100%}
.sheet{background:var(--card);border:1px solid var(--line);border-radius:5px;box-shadow:var(--shadow);position:relative}
.sheet.back{position:absolute;inset:6px 18px 14px 4px;transform:rotate(-4.5deg);background:var(--paper2);z-index:0}
.sheet.mid{position:absolute;inset:0 10px 6px 6px;transform:rotate(-1.6deg);z-index:1;opacity:.9}
.sheet.front{z-index:2;transform:rotate(1.1deg);padding:0 22px 16px;overflow:hidden}
.sheet.front::before{content:"";position:absolute;inset-block:0;inset-inline-start:30px;width:1.5px;background:var(--accent);opacity:.45}
.sheet .stripe{height:9px;background:var(--accent);-webkit-mask:var(--star) repeat-x/12px 9px;mask:var(--star) repeat-x/12px 9px;margin:0 -22px 14px;opacity:.85}
.shead{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:4px;padding-inline-start:26px}
.shead h3{font-size:21px;margin:0}.shead span{font:600 12px/1 var(--sans);background:var(--ink);color:var(--paper);padding:5px 9px;border-radius:99px;white-space:nowrap}
.sub{font-size:13px;color:var(--mut);margin:0 0 8px;padding-inline-start:26px}
.row{display:grid;grid-template-columns:1fr auto;gap:1px 12px;padding:11px 0 11px 0;padding-inline-start:26px;border-top:1px dashed var(--line);font-size:15px;line-height:1.55;position:relative}
.row b{font-weight:600}.row .n{font:700 17px/1.2 var(--serif);direction:ltr;text-align:end;font-variant-numeric:tabular-nums}
.row .n.warn{color:var(--accent)}.row .n.lowspan{color:var(--gold)}
.row small{grid-column:1/-1;font-size:12.5px;color:var(--mut);margin-top:3px}
.meter{grid-column:1/-1;height:7px;background:var(--paper2);border-radius:99px;overflow:hidden;margin-top:5px}.meter span{display:block;height:100%;background:var(--green);border-radius:99px;transform-origin:inline-start;animation:fill 1.2s .35s cubic-bezier(.2,.8,.2,1) both}
.meter.warn span{background:var(--accent)}.meter.lowspan span{background:var(--gold)}
@keyframes fill{from{transform:scaleX(0)}}
.demo{font-size:12px;color:var(--mut);margin:8px 0 0;padding-inline-start:26px;padding-inline-end:104px}
.stamp{position:absolute;inset-block-end:10px;inset-inline-end:14px;z-index:3;border:2.5px double var(--accent);color:var(--accent);font:700 14px/1.3 var(--serif);padding:8px 13px;border-radius:5px;transform:rotate(-8deg);text-align:center;letter-spacing:.02em;mix-blend-mode:multiply;animation:stamp .55s 1.1s cubic-bezier(.3,1.6,.5,1) both}
:root[data-theme=dark] .stamp{mix-blend-mode:normal}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .stamp{mix-blend-mode:normal}}
@keyframes stamp{from{opacity:0;transform:rotate(-16deg) scale(1.9)}}
.note-hand{position:absolute;z-index:4;font:400 19px/1.35 var(--serif);color:var(--accent);inset-inline-start:-6px;top:56%;max-width:150px;transform:rotate(-4deg);display:none;animation:fade .6s 1.6s both}
.note-hand svg{display:block;width:44px;height:30px;margin-top:2px;stroke:var(--accent);fill:none;stroke-width:1.6;stroke-linecap:round}
@media (min-width:1100px){.note-hand{display:block;inset-inline-start:-62px}}
@keyframes fade{from{opacity:0}}
/* section head: table-of-contents leader */
section.s{padding-block:46px}
.sh{display:flex;align-items:baseline;gap:14px;margin-bottom:26px}
.sh .sn{font:700 20px/1 var(--serif);color:var(--accent);direction:ltr;border:1.5px solid var(--accent);border-radius:99px;padding:5px 9px 3px;align-self:center}
.sh h2{margin:0;white-space:nowrap}.sh::after{content:"";flex:1;order:2;border-bottom:3px dotted var(--line);transform:translateY(-.35em);min-width:20px}
.sh a{order:3;font-size:15px;font-weight:600;white-space:nowrap}
@media (max-width:520px){.sh h2{white-space:normal}}
/* checker */
.checker{background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);display:grid;overflow:hidden}
@media (min-width:880px){.checker{grid-template-columns:1.25fr 1fr}}
.checker .fs{padding:30px 28px 22px}.checker .legend{font:700 25px/1.3 var(--serif);margin:0 0 4px}
.checker .intro{color:var(--mut);font-size:15.5px;margin-bottom:10px}
.sig{display:flex;gap:15px;align-items:flex-start;padding:13px 10px;margin-inline:-10px;border-top:1px dashed var(--line);cursor:pointer;line-height:1.65;font-size:16px;border-radius:6px;transition:background .15s}
.sig:hover{background:color-mix(in srgb,var(--gold) 12%,transparent)}
.sig input{appearance:none;flex:none;width:28px;height:28px;margin-top:2px;border:2px solid var(--ink);border-radius:6px;background:var(--paper);display:grid;place-items:center;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.sig input:hover{transform:scale(1.06)}
.sig input:checked{background:var(--green);border-color:var(--green)}
.sig input::after{content:"";width:13px;height:7px;border:solid var(--on-green);border-width:0 0 3px 3px;transform:rotate(-45deg) translate(1px,-2px) scale(0);transition:transform .18s cubic-bezier(.3,1.6,.5,1)}
.sig input:checked::after{transform:rotate(-45deg) translate(1px,-2px) scale(1)}
.sig b{font-weight:600}
.verdict{padding:30px 28px;display:flex;flex-direction:column;justify-content:center;gap:12px;background:var(--green);color:var(--on-green);transition:background .35s,color .35s;position:relative;overflow:hidden}
.verdict[data-level="1"]{background:var(--gold);color:var(--on-gold)}.verdict[data-level="2"]{background:var(--accent);color:var(--on-accent)}
.verdict::before{content:"";position:absolute;inset-inline:0;top:0;height:9px;background:currentColor;opacity:.35;-webkit-mask:var(--star) repeat-x/12px 9px;mask:var(--star) repeat-x/12px 9px}
.count{display:flex;align-items:baseline;gap:10px;direction:ltr;justify-content:flex-start}[dir=rtl] .count{justify-content:flex-end}
.count b{font:700 76px/.9 var(--serif);font-variant-numeric:tabular-nums}.count span{font:600 15px/1 var(--sans);opacity:.8}
.dial{display:flex;gap:8px;direction:ltr}[dir=rtl] .dial{justify-content:flex-end}
.dial i{width:22px;height:17px;background:currentColor;opacity:.22;-webkit-mask:var(--star) center/contain no-repeat;mask:var(--star) center/contain no-repeat;transition:opacity .25s,transform .25s}.dial i.on{opacity:1;transform:scale(1.12)}
.verdict strong{font:700 29px/1.3 var(--serif);text-wrap:balance}.verdict p{margin:0;font-size:16px;opacity:.92}.verdict a{color:inherit;font-weight:600;text-decoration-color:currentColor}.verdict a:hover{color:inherit;opacity:.8}
.verdict .small{font-size:13.5px!important;opacity:.78}
/* cards */
.cards{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:0 26px 24px;box-shadow:var(--shadow);position:relative;display:flex;flex-direction:column;gap:8px;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,border-color .22s;overflow:hidden}
.card::before{content:"";display:block;height:9px;margin:0 -26px 18px;background:var(--accent);-webkit-mask:var(--star) repeat-x/12px 9px;mask:var(--star) repeat-x/12px 9px;opacity:.8}
.card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:var(--shadow),0 24px 40px -20px rgba(90,40,10,.4)}
.card .no{font:700 74px/.85 var(--serif);color:transparent;-webkit-text-stroke:1.6px var(--accent);margin-bottom:6px;letter-spacing:-.02em}
.card h3{margin:0}.card h3 a{color:var(--ink);text-decoration:none}.card h3 a::after{content:"";position:absolute;inset:0}.card:hover h3 a{color:var(--accent)}
.card p{color:var(--mut);margin:0;font-size:16px;line-height:1.85}
.tag{align-self:flex-start;font:600 12px/1 var(--sans);background:var(--paper2);border:1px solid var(--line);border-radius:99px;padding:7px 11px;margin-top:6px}
.card .go{margin-top:auto;padding-top:16px;font-weight:600;color:var(--green);display:flex;gap:8px;align-items:center}.card .go i{font-style:normal;transition:transform .2s}.card:hover .go i{transform:translateX(-5px)}[lang=en] .card:hover .go i{transform:translateX(5px)}
/* promises */
.promises{list-style:none;margin:0;padding:0;display:grid;gap:12px 48px;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));counter-reset:p}
.promises li{padding:20px 0 20px;border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;gap:4px 18px;counter-increment:p}
.promises li::before{content:counter(p,decimal-leading-zero);grid-row:1/3;font:700 40px/1 var(--serif);color:var(--accent);opacity:.9;min-width:1.5em;font-variant-numeric:tabular-nums}
.promises b{font:700 22px/1.4 var(--serif)}.promises span{color:var(--mut);font-size:16px;line-height:1.8;grid-column:2}
/* download */
.dl{background:linear-gradient(135deg,var(--green),var(--green2));color:var(--on-green);border-radius:12px;padding:34px 32px 40px;display:grid;gap:22px;align-items:center;position:relative;overflow:hidden;box-shadow:var(--shadow)}
@media (min-width:760px){.dl{grid-template-columns:auto 1fr auto;gap:34px}.dl:not(:has(.file)){grid-template-columns:1fr auto}}
.dl::after{content:"";position:absolute;inset-inline:0;bottom:0;height:18px;background:var(--on-green);opacity:.16;-webkit-mask:var(--star) repeat-x/24px 18px;mask:var(--star) repeat-x/24px 18px}
.dl h2{margin:0 0 6px;color:inherit;font-size:clamp(26px,3.2vw,34px)}.dl p{margin:0;opacity:.92;max-width:34em}
.dl .btn{background:var(--paper);color:#1b2926;box-shadow:0 4px 0 rgba(0,0,0,.25)}.dl .btn:hover{color:var(--accent)}
.file{width:78px;height:98px;background:var(--paper);border-radius:6px 22px 6px 6px;position:relative;box-shadow:0 12px 20px -10px rgba(0,0,0,.5);transform:rotate(-5deg);background-image:linear-gradient(var(--green) 0 22px,transparent 22px),linear-gradient(90deg,transparent 0 24px,rgba(12,86,70,.35) 24px 25px,transparent 25px 50px,rgba(12,86,70,.35) 50px 51px,transparent 51px),repeating-linear-gradient(transparent 0 14px,rgba(12,86,70,.35) 14px 15px);background-position:0 0,0 22px,0 22px;background-size:100% 100%,100% 76px,100% 76px;background-repeat:no-repeat}
.file::after{content:"xlsx";position:absolute;inset-inline-end:-10px;bottom:-9px;background:var(--gold);color:#1b2926;font:700 11px/1 var(--sans);padding:5px 7px;border-radius:4px}
@media (max-width:759px){.file{display:none}}
/* author */
.author{display:grid;gap:22px;grid-template-columns:auto 1fr;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:24px;box-shadow:var(--shadow)}
.seal{width:82px;height:82px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;font:700 40px/1 var(--serif);outline:2px solid var(--ink);outline-offset:4px;box-shadow:0 0 0 7px var(--card)}
/* footer */
footer.foot{margin-top:30px;color:var(--mut);font-size:15px;line-height:1.85;padding-bottom:44px}
.fgrid{display:grid;gap:26px 40px;padding-top:30px}@media (min-width:760px){.fgrid{grid-template-columns:1.5fr 1fr 1fr}}
.fgrid h4{font:700 18px/1 var(--serif);color:var(--ink);margin:0 0 12px}.fgrid ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.fgrid a{color:var(--mut)}.fgrid a:hover{color:var(--accent)}
.fbrand{font:700 24px/1.2 var(--serif);color:var(--ink);margin-bottom:8px;display:flex;gap:10px;align-items:center}.fbrand i{width:30px;height:22px;background:var(--accent);-webkit-mask:var(--star) center/contain no-repeat;mask:var(--star) center/contain no-repeat}
.fbot{margin-top:28px;padding-top:14px;border-top:1px dashed var(--line);font-size:13.5px;display:flex;gap:6px 22px;flex-wrap:wrap;justify-content:space-between}
/* article */
.crumbs{font-size:14px;color:var(--mut);padding-block:20px 0}.crumbs a{color:var(--mut)}.crumbs a:hover{color:var(--accent)}
article.guide{display:grid;gap:34px;padding-block:14px 50px}
@media (min-width:1000px){article.guide{grid-template-columns:minmax(0,1fr) 236px;gap:64px}}
article.guide>*{min-width:0}
.toc{font-size:15px;line-height:1.55;align-self:start}
@media (min-width:1000px){.toc{position:sticky;top:104px;order:2}}
.toc b{display:block;font:700 18px/1 var(--serif);margin-bottom:14px;color:var(--ink)}.toc ol{list-style:none;margin:0;padding:0;border-inline-start:2px solid var(--line)}
.toc a{display:block;padding:7px 15px;color:var(--mut);text-decoration:none;margin-inline-start:-2px;border-inline-start:2px solid transparent;transition:color .15s,border-color .15s,padding .15s}.toc a:hover,.toc a.on{color:var(--ink);border-color:var(--accent);padding-inline-start:19px}
@media (max-width:999px){.toc{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px 20px}.toc ol{border:0}.toc a{padding:5px 0;margin:0;border:0}.toc a:hover,.toc a.on{padding-inline-start:0}}
.prose{max-width:45rem}.prose h1{font-size:clamp(34px,5.2vw,56px);margin-bottom:18px}
.prose .eyebrow{margin-bottom:16px}
.prose>.lead{font-size:clamp(19px,2.3vw,22px);color:var(--ink);opacity:.85;border-inline-start:3px solid var(--gold);padding-inline-start:20px;margin:6px 0 28px;max-width:none;line-height:1.9}
.prose h2{margin-top:2em;padding-top:.2em;scroll-margin-top:96px;display:flex;gap:12px;align-items:center}
.prose h2::before{content:"";flex:none;width:26px;height:20px;background:var(--accent);-webkit-mask:var(--star) center/contain no-repeat;mask:var(--star) center/contain no-repeat}
.prose ul,.prose ol{padding-inline-start:1.5em;margin:0 0 1.2em}.prose li{margin-bottom:.5em;padding-inline-start:.2em}.prose li::marker{color:var(--accent);font-weight:700}
.prose strong{font-weight:600}.prose p,.prose li{font-size:17.5px}
.prose blockquote{margin:1.4em 0;padding:6px 20px;border-inline-start:3px solid var(--gold);color:var(--mut);background:color-mix(in srgb,var(--gold) 8%,transparent);border-radius:0 6px 6px 0}
.tablewrap{overflow-x:auto;margin:1.4em 0;border:1px solid var(--line);border-radius:10px;background:var(--card);box-shadow:var(--shadow)}
.prose table{border-collapse:collapse;width:100%;min-width:600px;font-size:15.5px;line-height:1.7}
.prose th,.prose td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}.prose th{font:700 16px/1.4 var(--serif);background:var(--paper2)}.prose tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--paper2) 45%,transparent)}.prose tr:last-child td{border-bottom:0}
.note{background:var(--card);border:1px solid var(--line);border-inline-start:4px solid var(--gold);border-radius:6px;padding:15px 20px;font-size:15px;line-height:1.8;margin:0 0 26px;box-shadow:var(--shadow)}
.note b{font-family:var(--serif);font-size:17px}
.meta{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px;font-size:14px}.meta span,.meta a{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:6px 13px;color:var(--mut);text-decoration:none}.meta a:hover{color:var(--accent);border-color:var(--accent)}
.next{display:grid;gap:4px;margin-top:40px;padding:22px 24px;border:1px solid var(--line);border-radius:10px;background:var(--card);text-decoration:none;color:var(--ink);box-shadow:var(--shadow);transition:transform .2s,border-color .2s}
.next:hover{transform:translateY(-3px);border-color:var(--accent);color:var(--ink)}.next span{font:600 13px/1 var(--sans);color:var(--accent)}.next b{font:700 24px/1.4 var(--serif)}
.progress{position:fixed;inset-block-start:0;inset-inline:0;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:inline-start;z-index:50}
code,.num{font-family:ui-monospace,monospace;direction:ltr;unicode-bidi:embed}
/* reveal */
.js .rv{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}.js .rv.in{opacity:1;transform:none}
.js .hero .rv:nth-child(2){transition-delay:.12s}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .rv{opacity:1;transform:none}}
@media print{body{background:#fff;color:#000}body::before,.band,.progress,header.top,.toc,footer.foot,.next,.stamp{display:none}.note{border-color:#000;box-shadow:none}}
.mb2{margin-bottom:2px}.m0{margin:0}.small{font-size:14px}.pb30{padding-block-end:30px}.mt34{margin-top:34px}.pad-page{padding-block:44px 50px}.pagelist{margin-top:30px}
.w0{width:0%}.w1{width:1%}.w2{width:2%}.w3{width:3%}.w4{width:4%}.w5{width:5%}.w6{width:6%}.w7{width:7%}.w8{width:8%}.w9{width:9%}.w10{width:10%}.w11{width:11%}.w12{width:12%}.w13{width:13%}.w14{width:14%}.w15{width:15%}.w16{width:16%}.w17{width:17%}.w18{width:18%}.w19{width:19%}.w20{width:20%}.w21{width:21%}.w22{width:22%}.w23{width:23%}.w24{width:24%}.w25{width:25%}.w26{width:26%}.w27{width:27%}.w28{width:28%}.w29{width:29%}.w30{width:30%}.w31{width:31%}.w32{width:32%}.w33{width:33%}.w34{width:34%}.w35{width:35%}.w36{width:36%}.w37{width:37%}.w38{width:38%}.w39{width:39%}.w40{width:40%}.w41{width:41%}.w42{width:42%}.w43{width:43%}.w44{width:44%}.w45{width:45%}.w46{width:46%}.w47{width:47%}.w48{width:48%}.w49{width:49%}.w50{width:50%}.w51{width:51%}.w52{width:52%}.w53{width:53%}.w54{width:54%}.w55{width:55%}.w56{width:56%}.w57{width:57%}.w58{width:58%}.w59{width:59%}.w60{width:60%}.w61{width:61%}.w62{width:62%}.w63{width:63%}.w64{width:64%}.w65{width:65%}.w66{width:66%}.w67{width:67%}.w68{width:68%}.w69{width:69%}.w70{width:70%}.w71{width:71%}.w72{width:72%}.w73{width:73%}.w74{width:74%}.w75{width:75%}.w76{width:76%}.w77{width:77%}.w78{width:78%}.w79{width:79%}.w80{width:80%}.w81{width:81%}.w82{width:82%}.w83{width:83%}.w84{width:84%}.w85{width:85%}.w86{width:86%}.w87{width:87%}.w88{width:88%}.w89{width:89%}.w90{width:90%}.w91{width:91%}.w92{width:92%}.w93{width:93%}.w94{width:94%}.w95{width:95%}.w96{width:96%}.w97{width:97%}.w98{width:98%}.w99{width:99%}.w100{width:100%}.hero.hero-one{display:block;padding-block:50px 24px}

.row small.hand{font:400 18px/1.35 var(--serif);color:var(--accent);transform:rotate(-.8deg);transform-origin:inline-start}

.icon{width:18px;height:18px;display:block}[lang=en] h1{font-size:clamp(36px,5.6vw,66px);line-height:1.14}[lang=en] .prose h1{font-size:clamp(32px,4.6vw,50px)}
@media (max-width:760px){
  header.top{position:static;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
  .bar{padding-block:14px 10px;gap:10px}.brand{order:1;font-size:22px}.tools{order:2;margin-inline-start:auto}
  nav.main{order:3;width:100%;flex-wrap:nowrap;overflow-x:auto;gap:0 20px;margin:0;padding-bottom:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}nav.main::-webkit-scrollbar{display:none}
  nav.main a{white-space:nowrap}
  .chip,.iconbtn{min-height:42px}
}
@media (max-width:760px){.brand{font-size:20px;gap:8px}.brand i{width:26px;height:20px}.tools{gap:6px}.chip{padding:8px 13px;font-size:13.5px}.iconbtn{padding:0;width:42px}}

.faq{display:grid;gap:0;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line);padding:0}
.faq summary{list-style:none;cursor:pointer;padding:18px 4px;font:700 21px/1.5 var(--serif);display:flex;justify-content:space-between;gap:16px;align-items:center;transition:color .15s}
.faq summary::-webkit-details-marker{display:none}.faq summary:hover{color:var(--accent)}
.faq summary::after{content:"+";flex:none;width:30px;height:30px;border:1.5px solid currentColor;border-radius:50%;display:grid;place-items:center;font:400 20px/1 var(--sans);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}.faq details p{color:var(--mut);padding:0 4px 20px;margin:0;max-width:44em}
.dlmeta{font-size:13.5px!important;opacity:.78!important;margin-top:8px!important}

.policyline{margin-top:26px;padding-top:18px;border-top:1px dashed var(--line);color:var(--mut);font-size:15.5px}
