:root{--ink:#1B2550;--acc:#E2A11B;--paper:#F5F7FA;--dis:"Bricolage Grotesque",system-ui,sans-serif;--txt:"Literata",Georgia,serif;--good:#2E7D5B;--mid:#E2A11B;--bad:#B23A48;--red:#B5303F;
--mute:color-mix(in srgb,var(--ink) 72%,#fff);--line:color-mix(in srgb,var(--ink) 16%,#fff);--soft:#EAEDF7;--card:#fff;--fg:var(--ink)}
*{box-sizing:border-box}html{scroll-padding-top:5rem}body{margin:0;background:var(--paper);color:var(--fg);font:400 1.06rem/1.65 var(--dis);-webkit-font-smoothing:antialiased}img,svg{max-width:100%;height:auto}
a{color:inherit;text-decoration-color:var(--acc);text-underline-offset:.2em}a:hover{text-decoration-thickness:3px}:focus-visible{outline:3px solid var(--acc);outline-offset:3px}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:var(--ink);color:#fff;padding:.5rem 1rem;z-index:20}.wrap{max-width:1180px;margin:0 auto;padding:0 1.25rem}.narrow{max-width:780px}.c{text-align:center}
h1,h2,h3{font-family:var(--dis);line-height:1.1;margin:0 0 .5em}h1{font-size:clamp(2.3rem,5vw,4.2rem)}h2{font-size:clamp(1.5rem,2.6vw,2.1rem)}h3{font-size:1.2rem}p{margin:0 0 1em}
.brand{display:inline-flex;align-items:center;gap:.55rem;font-weight:700;font-size:1.15rem;text-decoration:none}.brand svg{width:34px;height:34px;flex:none}
.btn{display:inline-block;font-weight:600;padding:.85rem 1.3rem;text-decoration:none;border:2px solid currentColor}.acts{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.5rem 0}
.lede{font-size:1.2rem;max-width:36rem}.stat{font-size:.95rem;max-width:34rem}.meta{font-size:.88rem;opacity:.8;margin-bottom:.4rem}.sub{opacity:.8}
.alist{list-style:none;padding:0;margin:1.5rem 0 0}.alist .it{font-weight:700;font-size:1.15rem}.st{font-size:.8rem;font-weight:600;padding:.15rem .6rem;white-space:nowrap}.dsc{opacity:.8;font-size:.97rem}.mins{display:none}
.newest{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem;align-items:center;text-decoration:none;margin-top:1.4rem}.newest h3{font-size:clamp(1.5rem,3vw,2.2rem)}.more{font-weight:700;text-decoration:underline;text-decoration-color:var(--acc)}@media(max-width:800px){.newest{grid-template-columns:1fr}}
.steps{list-style:none;counter-reset:s;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin:1.5rem 0 0}.steps li{counter-increment:s}.steps li::before{content:counter(s);display:block;font:800 2.2rem/1 var(--dis);color:var(--acc);margin-bottom:.5rem}.steps p{opacity:.85}@media(max-width:760px){.steps{grid-template-columns:1fr}}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;padding:0;margin:0 0 1.2rem;font-size:.9rem;opacity:.85}.crumbs li+li::before{content:"/";margin-right:.4rem}
.ah{padding:2rem 0 1.6rem}.ah h1{max-width:20ch}.sf{font-family:var(--txt);font-size:1.25rem;line-height:1.5;opacity:.85;max-width:66ch}.by{display:flex;flex-wrap:wrap;gap:.4rem 2rem;font-size:.93rem;margin-top:1.4rem;padding-top:1.1rem;border-top:1px solid var(--line);opacity:.9}
.ag{display:grid;grid-template-columns:minmax(0,46rem) 15rem;gap:clamp(2rem,6vw,6rem);padding-bottom:4rem}.ag.one{grid-template-columns:minmax(0,46rem)}.ag>*{min-width:0}.toc{position:sticky;top:6rem;align-self:start;font-size:.95rem}.toc h2{font-size:1rem}.toc ol{padding-left:1.1rem}.toc a{text-decoration:none}.toc a:hover{text-decoration:underline}
@media(max-width:1000px){.ag{grid-template-columns:1fr;gap:0}.toc{position:static;order:-1;border:1px solid var(--line);padding:1.1rem 1.3rem;margin-bottom:2rem}}
.prose{font-family:var(--txt);font-size:1.12rem;line-height:1.75;max-width:46rem}.prose h2{margin-top:2.6rem;font-size:clamp(1.45rem,2.4vw,1.9rem)}.prose h3{margin-top:1.8rem}.prose li{margin:.35rem 0}.prose ul,.prose ol{padding-left:1.3rem}
.fig{margin:2rem 0}.fig img{display:block;width:100%;border:1px solid var(--line)}.fig figcaption{font-family:var(--dis);font-size:.9rem;opacity:.8;margin-top:.55rem}.fig-lead{margin-top:0}
.keypoints{background:var(--soft);padding:1.4rem 1.6rem;margin:0 0 2rem;font-family:var(--dis);font-size:1.02rem;color:var(--ink)}.keypoints h2{font-size:1.15rem;margin:0 0 .6rem}.keypoints ul{margin:0}
.redflag{border:2px solid var(--red);padding:1.3rem 1.5rem;margin:2rem 0;font-family:var(--dis)}.redflag h2,.redflag h3{color:var(--red);margin-top:0;font-size:1.25rem}.redflag ul{margin-bottom:0}
.note{font-family:var(--dis);font-size:1rem;border-left:4px solid var(--acc);padding-left:1rem;margin:1.5rem 0;opacity:.9}
.table-wrap,.tw{overflow-x:auto;margin:1.4rem 0}table{border-collapse:collapse;width:100%;font-family:var(--dis);font-size:.97rem}caption{text-align:left;font-weight:700;padding-bottom:.6rem}th,td{text-align:left;padding:.65rem .8rem;border-bottom:1px solid var(--line);vertical-align:top}thead th{border-bottom:2px solid currentColor}
.zone{display:inline-block;width:.75rem;height:.75rem;border-radius:50%;margin-right:.45rem}.z-leaf{background:var(--good)}.z-haldi{background:var(--mid)}.z-kumkum{background:var(--bad)}
.prose .guides{list-style:none;padding:0;border-top:2px solid currentColor;font-family:var(--dis)}.prose .guides li{display:grid;grid-template-columns:1fr auto;gap:.2rem 1rem;padding:.9rem 0;border-bottom:1px solid var(--line)}.g-title{font-weight:700}.g-desc{grid-column:1/-1;opacity:.8;font-size:.95rem}.status{font-size:.8rem;font-weight:600;padding:.15rem .6rem;background:var(--soft);color:var(--ink)}.status-live{background:#DDEFE6;color:#1D5A40}
.faq details{border-bottom:1px solid var(--line);padding:.9rem 0;font-family:var(--dis)}.faq summary{font-weight:700;cursor:pointer}.faq details p{margin:.6rem 0 0;opacity:.85}.refs{font-family:var(--dis);font-size:.92rem;opacity:.85}.refs li{margin:.45rem 0}
.disc{font-family:var(--dis);font-size:.92rem;border:1px solid var(--line);padding:1rem 1.2rem;margin-top:2.5rem;opacity:.9}
.tool{padding:clamp(1.4rem,3vw,2.2rem)}.tool h2{font-size:1.15rem;font-family:var(--dis)}.t-row{display:grid;grid-template-columns:1fr 9.5rem;gap:1rem;align-items:center;margin:.5rem 0 1.2rem}.t-row label small{display:block;opacity:.75}
.tool input{font:700 1.4rem/1 var(--dis);padding:.5rem .7rem;border:2px solid transparent;width:100%;background:#fff;color:#111;border-radius:6px}.tool input:focus-visible{border-color:var(--acc);outline:none}.t-note{font-size:.85rem;opacity:.85;margin:0}.t-big{font:800 clamp(3.5rem,9vw,6rem)/1 var(--dis);margin:.5rem 0}.t-big small{font-size:.3em;font-weight:600;opacity:.85;margin-left:.3rem}
.chk-bar{position:relative;display:flex;height:16px}.chk-bar span{display:block;height:100%}.chk-bar span:first-child{border-radius:999px 0 0 999px}.chk-bar span:last-of-type{border-radius:0 999px 999px 0}
.chk-dot{position:absolute;top:50%;left:0;width:28px;height:28px;margin-left:-14px;transform:translateY(-50%);background:#fff;border:6px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #0003;transition:left .25s}.chk-ticks{position:relative;height:1.3rem;font-size:.8rem;opacity:.8;margin-top:.3rem}.chk-ticks span{position:absolute;transform:translateX(-50%)}.chk-out{font-size:1.3rem;font-weight:700;margin:.6rem 0}
.ft h2{font-size:1rem}.ft ul{list-style:none;padding:0;margin:0}.ft li{margin:.45rem 0}.ft .legal{font-size:.85rem;opacity:.85;grid-column:1/-1;padding-top:1.3rem;margin:0}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.hd{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.hd .wrap{display:flex;align-items:center;gap:1.5rem;min-height:4.3rem}.hd nav{margin-left:auto;display:flex;gap:1.4rem;overflow-x:auto}.hd nav a{text-decoration:none;white-space:nowrap;padding:.4rem 0;border-bottom:3px solid transparent}.hd nav a[aria-current],.hd nav a:hover{border-color:var(--mid)}
h1{font-weight:800;letter-spacing:-.03em}h2{letter-spacing:-.02em}
.hero{padding:clamp(2.5rem,6vw,5rem) 0}.two{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}@media(max-width:900px){.two{grid-template-columns:1fr}}.lede{color:var(--mute)}.stat{border-left:4px solid var(--mid);padding-left:1rem;color:var(--mute);margin-top:2rem}
.btn{border-radius:999px;border-color:var(--ink)}.pri{background:var(--ink);color:#fff}
.tool{background:var(--ink);color:#fff;border-radius:22px;box-shadow:0 30px 60px -30px color-mix(in srgb,var(--ink) 70%,transparent)}.tool a{color:#fff}
.band{padding:clamp(3rem,6vw,4.5rem) 0}.band.white{background:#fff;border-block:1px solid var(--line)}
.newest{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:1.6rem}.n-img{border-radius:12px;border:1px solid var(--line)}
.alist{border-top:2px solid var(--ink)}.alist li{display:grid;grid-template-columns:1fr auto;gap:.2rem 1rem;padding:1.1rem 0;border-bottom:1px solid var(--line)}.alist .dsc{grid-column:1/-1;color:var(--mute)}.st{border-radius:999px}.live{background:#DDEFE6;color:#1D5A40}.soon{background:var(--soft);color:var(--ink)}
.steps li{border-top:4px solid var(--ink);padding-top:1rem}.steps li::before{color:var(--mid)}
.ah h1{font-size:clamp(2.3rem,5vw,4rem)}.sf,.by{color:var(--mute)}.keypoints,.fig img,.disc{border-radius:8px}.fig img{border-radius:14px}.redflag{border-radius:8px;border-color:var(--bad)}.redflag h2{color:var(--bad)}.toc{}
.ft{background:var(--ink);color:#C9D0EA;border-top:6px solid transparent;border-image:linear-gradient(90deg,var(--good) 0 33%,var(--mid) 33% 50%,var(--bad) 50%) 1}.ft .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem;padding:3rem 1.25rem 2.5rem}.ft a{color:#fff}.ft h2{color:#fff}.ft .brand svg path{fill:#fff}.ft .legal{border-top:1px solid #ffffff26}@media(max-width:760px){.ft .wrap{grid-template-columns:1fr}.hd .wrap{flex-wrap:wrap;gap:.3rem;padding-top:.5rem}.hd nav{margin:0;width:100%}}

.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.t-hint{font-size:.85rem;opacity:.75;margin:0 0 .4rem}
.rtrack{position:relative;margin:.4rem 0}.rtrack input{position:absolute;inset:-16px 0;width:100%;height:46px;margin:0;opacity:0;cursor:pointer}.rtrack:focus-within .marker{box-shadow:0 0 0 2px #fff,0 0 0 6px var(--mid)}
.rbar{position:relative;height:14px;border-radius:999px;background:linear-gradient(90deg,var(--good) 0 17%,var(--mid) 17% 25%,var(--bad) 25% 100%)}.marker{position:absolute;top:50%;width:28px;height:28px;margin-left:-14px;transform:translateY(-50%);background:#fff;border:5px solid var(--ink);border-radius:50%;transition:left .25s}
.rscale{position:relative;height:1.2rem;font-size:.8rem;opacity:.75;margin:.5rem 0 1rem}.rscale span{position:absolute}.rscale span:nth-child(2),.rscale span:nth-child(3){transform:translateX(-50%)}
.mdot{display:inline-block;width:.8rem;height:.8rem;border-radius:50%;margin-right:.5rem;background:var(--bad)}.mfacts{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0;padding-top:1rem;border-top:1px solid #ffffff2e}.mfacts dt{font-size:.85rem;opacity:.75}.mfacts dd{margin:0;font-size:1.35rem;font-weight:700;white-space:nowrap}
.prose .tool{color:#fff;font-family:var(--dis);margin:2rem 0}.tool-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-top:1rem}.tool-row label,.tool-row .label{display:block;font-size:.88rem;opacity:.8;margin-bottom:.35rem}.tool output{display:block;font-weight:700;font-size:1.5rem;padding:.6rem 0}.prose .tool .rbar{margin:1.4rem 0 .4rem;height:10px}.prose .tool p{font-size:.9rem;opacity:.85;margin:.8rem 0 0}@media(max-width:640px){.tool-row{grid-template-columns:1fr}}
/* forms */
.sform{font-family:var(--dis);background:var(--card);border:1px solid var(--line);border-radius:14px;padding:clamp(1.2rem,3vw,2rem);margin:1.5rem 0;display:grid;gap:1.1rem}
.sform .f-row{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
.sform .f-field{display:flex;flex-direction:column}
.sform label{display:block;font-size:.95rem;font-weight:600;opacity:1;margin-bottom:.4rem;color:var(--ink)}
.sform label small{font-weight:400;opacity:.75;font-size:.85rem;margin-top:.1rem}
.sform input[type=text],.sform input[type=email],.sform input[type=url],.sform select,.sform textarea{position:static;opacity:1;height:auto;inset:auto;cursor:text;width:100%;font:400 1rem/1.4 var(--dis);padding:.7rem .8rem;border:1.5px solid var(--line);border-radius:8px;background:#fff;color:#111;box-sizing:border-box}
.sform select{cursor:pointer}
.sform textarea{resize:vertical;min-height:8rem}
.sform input:focus-visible,.sform select:focus-visible,.sform textarea:focus-visible{border-color:var(--acc);outline:2px solid var(--acc);outline-offset:1px}
.sform .f-check{display:grid;grid-template-columns:auto 1fr;gap:.7rem;align-items:start}
.sform .f-check input{position:static;opacity:1;width:1.2rem;height:1.2rem;margin:.2rem 0 0;accent-color:var(--ink);cursor:pointer;inset:auto}
.sform .f-check label{font-weight:400;font-size:.95rem;margin:0}
.sform button{justify-self:start;cursor:pointer;font:600 1rem var(--dis);background:var(--ink);color:#fff}
.sform button:hover{background:color-mix(in srgb,var(--ink) 85%,#000)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:640px){.sform .f-row{grid-template-columns:1fr}}
/* nav wrap */
@media(max-width:760px){.hd nav{flex-wrap:wrap;overflow:visible;gap:.1rem 1.1rem;font-size:.95rem;padding-bottom:.2rem}}
