:root{--ink:#143c38;--muted:#48615d;--brand:#087f73;--brand-dark:#075c54;--paper:#fff;--wash:#f0f8f6;--line:#dce9e5;--font-body:"Heebo",sans-serif;--font-display:"Heebo",sans-serif;--text-xs:clamp(.75rem,.72rem + .15vw,.875rem);--text-sm:clamp(.875rem,.84rem + .16vw,1rem);--text-base:clamp(1rem,.97rem + .2vw,1.125rem);--text-lg:clamp(1.125rem,1rem + .6vw,1.5rem);--text-xl:clamp(1.5rem,1.15rem + 1vw,2rem);--text-2xl:clamp(2rem,1.3rem + 2.5vw,3.5rem);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s12:48px;--s16:64px;--s24:96px;--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:150px;-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.8;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--font-display);text-wrap:balance}p{max-width:70ch}a{color:inherit;text-decoration:none}a,summary{transition:background-color .15s,color .15s}a:focus-visible,summary:focus-visible{outline:3px solid var(--brand);outline-offset:4px;border-radius:4px}img{max-width:100%;height:auto}.wrap{max-width:1184px;margin-inline:auto;padding-inline:var(--s6)}.skip{position:fixed;top:-100px;right:var(--s4);z-index:100;background:white;padding:var(--s3);border:2px solid var(--brand)}.skip:focus{top:var(--s2)}header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.header-inner{display:flex;justify-content:space-between;align-items:center;padding-block:var(--s3)}.brand{display:inline-flex;align-items:center;gap:var(--s3);font-size:var(--text-lg);font-weight:800;color:var(--brand-dark)}.brand img{border-radius:10px;flex-shrink:0}.login{font-size:var(--text-sm);border:1px solid var(--brand);padding:var(--s2) var(--s4);border-radius:8px;min-height:44px;display:flex;align-items:center}.login:hover{background:var(--wash)}.topnav{display:flex;gap:var(--s8);font-size:var(--text-sm)}.topnav a{display:flex;align-items:center;min-height:44px;padding-block:var(--s2);border-bottom:3px solid transparent}.topnav a[aria-current]{color:var(--brand-dark);font-weight:700;border-bottom-color:var(--brand)}.topnav a:hover{text-decoration:underline}.hero{background:var(--wash);padding-bottom:var(--s16)}.breadcrumbs{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;font-size:var(--text-xs);color:var(--muted);padding-block:var(--s6) var(--s12)}.breadcrumbs a{text-decoration:underline;min-height:44px;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:var(--s16)}.hero-grid>*{min-width:0}.eyebrow{font-size:var(--text-sm);font-weight:700;color:var(--brand-dark);margin-bottom:var(--s3)}h1{font-size:var(--text-2xl);line-height:1.16;font-weight:900;letter-spacing:-.035em;margin-bottom:var(--s6)}.intro{color:var(--muted);margin-bottom:var(--s8)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--s6);min-height:48px;background:var(--brand);color:white;padding:var(--s3) var(--s6);font-weight:700;font-size:var(--text-sm);border-radius:8px}.button:hover{background:var(--brand-dark)}.button:active{transform:translateY(1px)}.hero-note{font-size:var(--text-xs);line-height:1.7;color:var(--muted);margin-top:var(--s4)}.workflow{border-radius:var(--radius);background:var(--paper);border:1px solid var(--line);box-shadow:0 16px 44px #143c3810;padding:var(--s8)}.workflow figcaption{font-size:var(--text-lg);font-weight:800;margin-bottom:var(--s3)}.figure-note{font-size:var(--text-xs);color:var(--muted)}.flow{list-style:none;margin:var(--s6) 0;padding:0}.flow li{display:flex;align-items:flex-start;gap:var(--s4);padding-block:var(--s4);border-top:1px solid var(--line)}.step-no{color:var(--brand-dark);font-weight:800;font-size:var(--text-sm);font-variant-numeric:tabular-nums;padding-top:var(--s1)}.flow strong{font-size:var(--text-base)}.flow p{font-size:var(--text-sm);color:var(--muted)}.figure-brand{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);font-size:var(--text-xs);border-top:1px solid var(--line);padding-top:var(--s5);color:var(--muted)}.figure-brand span:first-child{font-weight:800;color:var(--brand-dark)}table{border-collapse:collapse;width:100%;font-size:var(--text-sm);margin:var(--s6) 0}caption{text-align:right;font-size:var(--text-xs);color:var(--muted);padding-bottom:var(--s3)}td,th{text-align:right;padding:var(--s3) var(--s2);border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}th{background:var(--wash);font-weight:600}.article-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--s16);padding-top:var(--s16)}.toc{align-self:start;position:sticky;top:156px;font-size:var(--text-sm);color:var(--muted)}.toc>p{font-weight:700;color:var(--ink);margin-bottom:var(--s3)}.toc nav{display:flex;flex-direction:column}.toc a{padding-block:var(--s3);border-bottom:1px solid var(--line);min-height:44px}.toc a:hover{color:var(--brand-dark);text-decoration:underline}.chapter{padding-bottom:var(--s12);margin-bottom:var(--s6);border-bottom:1px solid var(--line)}.chapter-index{color:var(--brand-dark);font-size:var(--text-xs);font-weight:700;display:block;margin-bottom:var(--s2)}h2{font-size:var(--text-xl);line-height:1.35;font-weight:800;margin-bottom:var(--s5)}.chapter p+p{margin-top:var(--s5)}.chapter p,.practical p,.faq p{color:var(--muted)}.practical{background:var(--wash);padding:var(--s8);border-radius:var(--radius);margin-bottom:var(--s16)}.practical h2{font-size:var(--text-lg)}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;padding:var(--s5) 0;min-height:48px;font-weight:600;line-height:1.6}.faq details p{padding:0 0 var(--s6);font-size:var(--text-sm)}.related{padding-block:var(--s24) var(--s16)}.related>div{display:grid;grid-template-columns:1fr 1fr;gap:var(--s6)}.related a{display:flex;align-items:center;justify-content:space-between;padding:var(--s6);background:var(--wash);border-radius:12px;font-weight:600;font-size:var(--text-base)}.related a:hover{background:#e1f0eb}.closing{background:var(--ink);color:white;text-align:center;padding-block:var(--s16)}.closing .eyebrow{color:#a8dfcf}.closing h2{font-size:var(--text-xl)}.closing p:not(.eyebrow){margin:0 auto var(--s6);color:#d1e3dd}.closing .button{background:white;color:var(--brand-dark)}.closing .button:hover{background:#d8ece5}.price-link{display:block;width:fit-content;min-height:44px;line-height:44px;margin:var(--s4) auto 0;text-decoration:underline;color:#d1e3dd;font-size:var(--text-sm)}footer{padding-block:var(--s8);display:flex;justify-content:space-between;gap:var(--s8);align-items:flex-start}footer p{font-size:var(--text-xs);color:var(--muted);margin-top:var(--s2)}footer nav{display:flex;flex-wrap:wrap;gap:var(--s4);font-size:var(--text-xs);max-width:50%}footer nav a{min-height:44px;display:inline-flex;align-items:center;text-decoration:underline}::selection{background:#c5e6da}article{min-width:0;overflow-wrap:anywhere}section[id]{scroll-margin-top:160px}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:var(--s8)}.hero-grid>div{max-width:70ch}.workflow{max-width:620px;width:100%}.article-layout{grid-template-columns:1fr;gap:var(--s8)}.toc{position:static}.toc nav{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--s6)}.breadcrumbs{padding-bottom:var(--s6)}.hero{padding-bottom:var(--s12)}.article-layout{padding-top:var(--s12)}}
@media(max-width:560px){.wrap{padding-inline:var(--s5)}.topnav{gap:var(--s4);justify-content:space-between;font-size:12px}.topnav a{max-width:33%;line-height:1.4;text-align:center;justify-content:center;min-height:48px}.hero-grid{gap:var(--s8)}.hero h1{font-size:clamp(2rem,8.4vw,2.75rem)}.workflow{padding:var(--s6)}.figure-brand{align-items:flex-start}.figure-brand span:last-child{max-width:160px}.toc nav{grid-template-columns:1fr}.practical{padding:var(--s6)}.related{padding-block:var(--s16) var(--s12)}.related>div{grid-template-columns:1fr}.related a{min-height:64px}.closing{padding-block:var(--s12)}footer{flex-direction:column;gap:var(--s4)}footer nav{max-width:100%}section[id]{scroll-margin-top:150px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}