:root{color-scheme:light;interpolate-size:allow-keywords;--bg:#f7faf8;--bg-2:#eaf2ed;--card:#fff;--ink:#15281f;--body:#55635c;--subtle:#5d6c64;--line:#dce6df;--line-strong:#b7c9bd;--teal:#157d72;--teal-deep:#0f5a51;--teal-tint:#e4f0eb;--teal-light:#79c9bc;--mint:#deeee4;--forest:#122b25;--terra:#b4553a;--gold-tint:#f6ecd0;--gold-ink:#7c5a10;--gold-light:#e9bd63;--on-dark:rgb(255 255 255 / 0.74);--on-dark-quiet:rgb(255 255 255 / 0.6);--shadow-sm:0 1px 3px rgb(21 40 31 / 0.05);--shadow-md:0 16px 36px -22px rgb(21 40 31 / 0.28);--shadow-lg:0 28px 60px -32px rgb(21 40 31 / 0.34);--radius:1rem;--font:ui-sans-serif, system-ui, sans-serif}@view-transition{navigation: auto; }*,::before,::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100dvh;display:grid;grid-template:auto 1fr auto/minmax(0,1fr);font:1rem/1.6 var(--font);color:var(--ink);background:var(--bg);caret-color:var(--teal-deep);scrollbar-color:var(--teal)var(--bg-2);-webkit-font-smoothing:antialiased;overflow-x:clip;&:has(.organic-signup-sticky:not([hidden])){padding-bottom:6rem}}body>main{min-width:0}::selection{color:var(--forest);background:#b8e3d0}h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}h1,h2,h3{font-weight:700;line-height:1.15;letter-spacing:-.02em;text-wrap:balance;overflow-wrap:break-word;hyphens:auto;hyphenate-limit-chars:10 4 4}p,li,dd{text-wrap:pretty}img,svg{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--teal);outline-offset:4px;border-radius:4px}.icon{width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.wrap{width:min(100% - 3rem,76rem);margin-inline:auto}.wrap.narrow{width:min(100% - 3rem,48rem)}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--teal);&.warm{color:var(--terra)}&.gold{color:var(--gold-light)}}.lead{margin-top:1.5rem;max-width:42rem;font-size:1.125rem;line-height:1.8;color:var(--body)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:3rem;padding:.75rem 1.4rem;border:0;border-radius:999px;background:var(--teal);color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;transition:background .16s ease-out,color .16s ease-out;&:hover{background:var(--teal-deep)}&.quiet{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong);&:hover{background:var(--bg-2)}}&.light{background:#fff;color:var(--forest);&:hover{background:var(--gold-light)}}&.ghost{background:0 0;color:#fff;box-shadow:inset 0 0 0 1px rgb(255 255 255/.3);&:hover{background:rgb(255 255 255/.1)}}&:disabled{opacity:.7;cursor:wait}}.text-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.5rem;font-size:.9375rem;font-weight:700;color:var(--teal-deep);text-decoration-thickness:1px;text-underline-offset:.35em;&:hover{text-decoration-line:underline}.icon{transition:translate .2s}&:hover .icon{translate:.2rem}}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.mobile-only{display:inline-flex}.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line);background:rgb(247 250 248/.92);backdrop-filter:blur(14px);view-transition-name:site-header;> .wrap{display:flex;align-items:center;gap:1rem;padding-block:.9rem}.button{min-height:2.6rem;padding:.55rem 1.2rem;font-size:.875rem}}.brand{display:inline-flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;.icon{width:2.5rem;height:2.5rem;padding:.55rem;border-radius:.75rem;background:var(--forest);color:var(--teal-light)}}.primary-nav{display:none;align-items:center;gap:.25rem;margin-inline:auto;> a, .guides-button{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:0;border-radius:999px;background:0 0;font-size:.875rem;font-weight:500;color:var(--body);cursor:pointer;transition:background .16s,color .16s;&:hover, &.active{background:var(--teal-tint);color:var(--ink)}}.guides-button{anchor-name:--guides;.icon{width:.9rem;height:.9rem;transition:rotate .2s}}.guides-button:has(+ :popover-open) .icon{rotate:180deg}}.guides-menu,.mobile-menu{margin:.75rem 0 0;inset:auto;padding:.75rem;border:1px solid var(--line);border-radius:1rem;background:var(--card);box-shadow:var(--shadow-lg);opacity:0;translate:0 -.5rem;transition:opacity .2s,translate .2s,overlay .2s allow-discrete,display .2s allow-discrete;&:popover-open{display:grid;opacity:1;translate:0;@starting-style{opacity: 0; translate: 0 -0.5rem; }}}.guides-menu{position-anchor:--guides;position-area:bottom center;width:min(40rem,100vw - 2rem);grid-template-columns:1fr 1fr;gap:.25rem;a{display:grid;gap:.25rem;padding:.75rem;border-radius:.75rem;font-size:.875rem;font-weight:700;transition:background .16s;&:hover{background:var(--bg-2)}span{font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--teal)}&.warm span{color:var(--terra)}&.all{background:var(--forest);color:#fff;span{color:var(--teal-light)}&:hover{background:var(--teal-deep)}}}}.header-cta{display:none}.menu-button{anchor-name:--menu;display:inline-flex;align-items:center;gap:.4rem;margin-left:auto;padding:.55rem .9rem;border:1px solid var(--line);border-radius:.75rem;background:var(--card);font-size:.875rem;font-weight:600;cursor:pointer}.mobile-menu{position-anchor:--menu;position-area:bottom span-left;width:min(18rem,100vw - 2rem);gap:.15rem;a:not(.button){padding:.7rem 1rem;border-radius:.75rem;font-size:.9rem;font-weight:500;&:hover, &.active{background:var(--bg-2)}}.mobile-guides{display:grid;gap:.15rem;margin-block:.25rem;padding-block:.4rem;border-block:1px solid var(--line);a:not(.button){padding-block:.5rem;color:var(--body)}}.button{margin-top:.5rem}}@media(width >= 64rem){.primary-nav{display:flex}.header-cta{display:inline-flex}.menu-button{display:none}.mobile-only{display:none}}.hero{padding-block:clamp(3rem,8vw,6rem)}.hero-grid{display:grid;gap:3rem;align-items:center}.home{h1{font-size:clamp(2.9rem,6.5vw,6rem);line-height:1.04;letter-spacing:-.035em}h2{font-size:clamp(1.9rem,3.4vw,3.1rem);line-height:1.14;letter-spacing:-.025em}h3{font-size:1.125rem;line-height:1.5;letter-spacing:-.01em}.lead{max-width:44ch;margin-top:1.75rem;line-height:1.85}}.hero-contact{margin-top:2rem}.contact-form{label{display:block;margin-bottom:.625rem;font-size:.875rem;font-weight:600}> p{margin-top:.75rem;font-size:.8125rem;line-height:1.7;color:var(--body)}.cf-turnstile{margin-top:.75rem}}.contact-fields{display:flex;flex-direction:column;gap:.625rem;input{width:100%;min-width:0;min-height:3.4rem;padding:.875rem 1rem;border:1px solid var(--line-strong);border-radius:.75rem;background:#fff;color:var(--ink);font-size:.9375rem;&::placeholder{color:var(--subtle);opacity:1}}.button{flex:none;min-height:3.4rem;border-radius:.75rem;font-size:.9375rem;gap:1rem}}@media(width >= 40rem){.contact-fields{flex-direction:row}}.product-map{padding:clamp(2rem,4vw,2.75rem)clamp(2rem,4vw,3rem)clamp(2rem,4vw,3rem);border-radius:var(--radius);background:var(--mint)}.map-brand{> span{font-size:3rem;font-weight:800;letter-spacing:-.03em;color:var(--forest)}p{margin-top:.25rem;font-size:.9375rem;color:#345849}}.map-path{display:grid;margin-top:2.5rem;> div{position:relative;min-height:6.5rem;padding-left:3.5rem}> div:last-child{min-height:3rem}> div:not(:last-child)::after{content:"";position:absolute;left:1rem;top:2.75rem;bottom:.4rem;width:1px;background:#90b5a0}.icon{position:absolute;left:0;top:0;width:2rem;height:2rem;color:var(--teal-deep);stroke-width:1.5}span{display:block;font-size:1.375rem;font-weight:700;letter-spacing:-.02em;color:var(--forest)}p{margin-top:.375rem;font-size:.875rem;line-height:1.7;color:#345849}}@media(width >= 64rem){.hero-grid{grid-template-columns:1.15fr 1fr;gap:5rem}}.flow{padding-block:4rem;border-block:1px solid var(--line);background:#fff;.home & h2{font-size:clamp(1.65rem,2.7vw,2.25rem)}}.three-up{display:grid;gap:2rem;margin-top:2.5rem;padding:0;list-style:none;p{max-width:38ch;margin-top:.75rem;font-size:.9375rem;line-height:1.9;color:var(--body)}}@media(width >= 48rem){.three-up{grid-template-columns:repeat(3,1fr);gap:3rem}}.section{padding-block:clamp(3.5rem,8vw,6rem)}.section-copy{max-width:48ch;margin-top:1.5rem;font-size:1.0625rem;line-height:1.9;color:var(--body)}.split{display:grid;gap:2.5rem 6rem}@media(width >= 64rem){.split{grid-template-columns:1fr 1fr}.split.wide-first{grid-template-columns:1.2fr 1fr}.split.centered{grid-template-columns:1.1fr 1fr;align-items:center}}.detail-list>div{display:grid;gap:.5rem;padding-block:1.5rem;border-top:1px solid var(--line-strong)}.detail-list{dt{font-weight:700;overflow-wrap:anywhere}dd{font-size:.9375rem;line-height:1.9;color:var(--body)}}@media(width >= 40rem){.detail-list>div{grid-template-columns:10rem 1fr;gap:1.5rem}}.payment,.cta{background:var(--forest);color:#fff;.section-copy, .three-up p, .contact-form > p{color:#c8ddd2}.text-link{color:#a8e4cb}}.payment .section-copy,.transition .section-copy{margin-top:0}.payment-details{margin-top:3.5rem;padding-top:2rem;border-top:1px solid #456558}.reporting{background:var(--bg-2)}.report-list{padding:0;list-style:none;li{display:flex;align-items:flex-start;gap:1.25rem;padding-block:1.5rem;border-top:1px solid var(--line-strong)}.icon{width:1.6rem;height:1.6rem;color:var(--teal-deep)}p{margin-top:.5rem;font-size:.9375rem;line-height:1.8;color:var(--body)}}.intro{max-width:48rem}.audiences{display:flex;flex-wrap:wrap;gap:1rem 2.5rem;margin-top:2.5rem;padding:0;list-style:none;font-size:1.25rem;font-weight:700;color:var(--teal-deep)}.transition{border-top:1px solid var(--line);background:#fff}.resources{padding-block:3rem;background:#fff;.home & h2{font-size:1.375rem;letter-spacing:-.015em}.text-link{margin-top:0}}.resources-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem}.page-head{padding-block:clamp(3rem,7vw,5rem);border-bottom:1px solid var(--line);background:var(--card);h1{margin-top:1rem;max-width:48rem;font-size:clamp(2.25rem,5vw,3rem);line-height:1.05;font-weight:650}}.page-head-grid{display:grid;gap:2.5rem;align-items:end}.back-link{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.75rem;font-size:.875rem;font-weight:600;color:var(--teal-deep);&:hover{color:var(--ink)}}.head-card{display:none;padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);box-shadow:var(--shadow-md);> p:not(.eyebrow){margin-top:.75rem;font-size:.875rem;line-height:1.7;color:var(--body)}.head-card-title{font-size:1.2rem;font-weight:650;line-height:1.4;color:var(--ink)}.button{margin-top:1.25rem}}@media(width >= 64rem){.page-head-grid{grid-template-columns:minmax(0,.72fr)minmax(18rem,.28fr)}.tools-head{grid-template-columns:1fr .9fr;align-items:center}.head-card{display:block}.page-head-grid>.head-card .button{width:100%}}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1rem;border-radius:999px;background:var(--teal-tint);font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--teal-deep)}.tool-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;.back-link{margin:0}}.article-grid{display:grid;gap:3rem;padding-block:clamp(3rem,6vw,4rem)}.article-body{min-width:0}.article-aside{display:grid;gap:1rem;align-content:start}.aside-box{display:grid;gap:.75rem;padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);> a:not(.text-link){font-size:.875rem;font-weight:600;&:hover{color:var(--teal-deep)}}.eyebrow{margin-bottom:.25rem}&.dark{border:0;background:var(--forest);color:#fff;.eyebrow{color:var(--teal-light)}p:not(.eyebrow){font-size:.875rem;line-height:1.7;color:var(--on-dark)}.text-link{margin-top:.5rem;color:#fff;&:hover{color:var(--gold-light)}}}}@media(width >= 64rem){.article-grid{grid-template-columns:minmax(0,44rem)18rem;justify-content:space-between}.article-aside{position:sticky;top:7rem;align-self:start}}.reviewed{margin-top:2rem;font-size:.875rem;font-style:italic;color:var(--subtle)}.related{margin-top:3.5rem;padding-top:2.5rem;border-top:1px solid var(--line);h2{margin-top:.5rem;font-size:1.5rem;font-weight:650}.card-grid{margin-top:1.5rem}}.card-grid{display:grid;gap:1rem;&.two{grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr))}&.three{grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:1.25rem}}.card{padding:1.25rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-sm);h2, h3{font-size:1rem;font-weight:650;line-height:1.4}> p{margin-top:.5rem;font-size:.875rem;line-height:1.75;color:var(--body)}}.link-card{position:relative;transition:translate .2s,border-color .2s,box-shadow .2s; :is(h2, h3) a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; } &:hover { translate: 0 -2px; border-color: color-mix(in oklab, var(--teal) 30%, transparent); box-shadow: var(--shadow-md); :is(h2, h3) { color: var(--teal-deep); } } &:has(a:focus-visible) { outline: 3px solid var(--teal); outline-offset: 4px; } a:focus-visible { outline: none; }}.task-band{padding-block:2.5rem;background:var(--forest);color:#fff;h2{font-size:1.5rem;font-weight:650}}.task-grid{display:grid;gap:1rem;margin-top:1.25rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));a{padding:1.25rem;border:1px solid rgb(255 255 255/.2);border-radius:.75rem;transition:background .16s;&:hover{background:rgb(255 255 255/.1)}}h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:650}p{margin-top:.5rem;font-size:.875rem;line-height:1.75;color:var(--on-dark)}}.topics{padding-block:clamp(3rem,6vw,4rem);.card{padding:1.5rem;h2{font-size:1.25rem}> p{line-height:1.75}}}.topic-links{display:grid;gap:.5rem;margin-top:1.25rem;padding:0;list-style:none;a{display:inline-flex;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--teal-deep);&:hover{color:var(--ink)}.icon{margin-top:.2rem;width:.8rem;height:.8rem}}}.guide-group{display:grid;gap:1.5rem;padding-block:3rem 1rem;border-top:1px solid var(--line);h2{font-size:1.5rem;font-weight:650}.guide-group-head p{margin-top:.75rem;font-size:.875rem;line-height:1.75;color:var(--body)}}@media(width >= 64rem){.guide-group{grid-template-columns:18rem minmax(0,1fr)}.guide-group-head{position:sticky;top:7rem;align-self:start}}.next-step{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem;margin-block:3rem clamp(3rem,6vw,5rem);padding:1.75rem;border:1px solid var(--line);border-radius:1.5rem;background:var(--card);box-shadow:var(--shadow-sm);h2{margin-top:.5rem;font-size:1.5rem;font-weight:650}}.figures{padding:1.5rem;border:1px solid var(--line);border-radius:1.5rem;background:var(--bg);box-shadow:var(--shadow-md);> p{font-size:.875rem;font-weight:650;color:var(--teal-deep)}dl{display:grid;gap:.75rem;margin-top:1.25rem;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr))}dl > div{display:flex;flex-direction:column-reverse;justify-content:flex-end;padding:1rem;border:1px solid var(--line);border-radius:1rem;background:var(--card)}dt{margin-top:.25rem;font-size:.875rem;font-weight:400;color:var(--body)}dd{font-size:1.9rem;font-weight:650;line-height:1.2}.gold{border-color:rgb(217 159 63/.25);background:var(--gold-tint); :is(dt, dd) { color: var(--gold-ink); }}.dark{border:0;background:var(--forest);dd{color:var(--gold-light)}dt{color:var(--on-dark)}}}.tools-body{padding-block:clamp(3rem,6vw,4rem)}.tool-card{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:.75rem;padding:1.5rem;h2{margin-top:.75rem;font-size:1.5rem;line-height:1.3}}.tool-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.chip{display:grid;place-items:center;width:3rem;height:3rem;border-radius:.75rem;background:var(--teal-tint);color:var(--teal-deep);transition:background .16s,color .16s;.icon{width:1.4rem;height:1.4rem}.link-card:hover &{background:var(--teal);color:#fff}}.more{display:inline-flex;align-items:center;gap:.5rem;align-self:end;padding-top:1.5rem;font-size:.875rem;font-weight:600;color:var(--teal-deep);.icon{transition:translate .2s}.link-card:hover & .icon{translate:.25rem}}.dark-panel{display:grid;gap:1.5rem;align-items:center;margin-top:2rem;padding:2rem;border-radius:1.5rem;background:var(--forest);color:#fff;box-shadow:var(--shadow-md);h2{margin-top:.75rem;font-size:clamp(1.5rem,3vw,1.9rem);font-weight:650}p:not(.eyebrow){margin-top:.75rem;max-width:48rem;font-size:.875rem;line-height:1.75;color:var(--on-dark)}.actions{margin-top:0}}@media(width >= 64rem){.dark-panel{grid-template-columns:1fr auto}}.tool{display:grid;gap:1.5rem;padding-block:clamp(3rem,6vw,4rem)1rem}@media(width >= 64rem){.tool{grid-template-columns:minmax(0,1fr)24rem}}.tool-form{display:grid;gap:1.25rem;align-content:start;padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-sm);align-self:start;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));> label{display:grid;gap:.5rem;align-content:end;font-size:.875rem;font-weight:500}input[type=number]{min-height:3rem;padding-inline:.75rem;border:1px solid var(--line-strong);border-radius:.75rem;background:var(--bg);font-size:1rem;transition:border-color .16s,box-shadow .16s,background .16s;&:focus{outline:none;border-color:var(--teal);background:#fff;box-shadow:0 0 0 4px rgb(21 125 114/.14)}}&.checklist{grid-template-columns:1fr;gap:.75rem;> label{display:flex;gap:.75rem;align-items:flex-start;padding:1rem;border:1px solid var(--line);border-radius:.75rem;background:var(--bg);line-height:1.6;cursor:pointer;transition:border-color .16s,background .16s;&:hover{border-color:color-mix(in oklab,var(--teal) 30%,transparent)}&:has(:checked){border-color:var(--teal);background:var(--teal-tint)}}input{flex:none;width:1.1rem;height:1.1rem;margin:.15rem 0 0;accent-color:var(--teal)}}}.tool-result{align-self:start;padding:1.5rem;border-radius:var(--radius);background:var(--forest);color:#fff;box-shadow:var(--shadow-md);.result-main{margin-top:1rem;font-size:2.5rem;font-weight:650;line-height:1.1}.result-sub{margin-top:.75rem;font-size:.875rem;font-weight:500;color:rgb(255 255 255/.85)}dl{display:grid;gap:1rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgb(255 255 255/.15)}dt{font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--on-dark-quiet)}dd{margin-top:.4rem;font-size:1.5rem;font-weight:650}.result-text{margin-top:1.5rem;font-size:.875rem;line-height:1.75;color:var(--on-dark)}noscript p{margin-top:1rem;font-size:.875rem}&.teal{background:var(--teal);.eyebrow{color:rgb(255 255 255/.75)}.result-main{font-size:3rem}.result-text{padding-top:1.25rem;border-top:1px solid rgb(255 255 255/.2);color:rgb(255 255 255/.88)}}}.tool-content{padding-block:2.5rem 3rem}.related-tools{padding-block:3.5rem;background:var(--card);.card{display:block;background:var(--bg);box-shadow:none;font-size:.875rem;line-height:1.75;color:var(--body);transition:border-color .16s;&:hover{border-color:color-mix(in oklab,var(--teal) 35%,transparent)}}strong{display:block;font-size:1rem;font-weight:650;color:var(--ink)}}.prose{font-size:1.0625rem;line-height:1.85;color:var(--body);overflow-wrap:break-word;> * + *{margin-top:1.25em}> :first-child{margin-top:0} :is(h2, h3, h4) { color: var(--ink); font-weight: 650; letter-spacing: -0.02em; scroll-margin-top: 6rem; } h2 { margin-top: 2.2em; font-size: 1.5rem; line-height: 1.3; } h3 { margin-top: 1.8em; font-size: 1.2rem; line-height: 1.4; } h4 { margin-top: 1.6em; font-size: 1.05rem; } :is(h2, h3, h4) + * { margin-top: 0.75em; } a { font-weight: 500; color: var(--teal-deep); text-decoration: underline; text-decoration-color: var(--teal-light); text-decoration-thickness: 1px; text-underline-offset: 4px; &:hover { text-decoration-color: currentColor; } } strong { color: var(--ink); font-weight: 700; } :is(ul, ol) { padding-left: 1.4em; } li + li, li > :is(ul, ol) { margin-top: 0.5em; } li::marker { color: var(--teal); } ol > li::marker { font-weight: 650; } blockquote { margin-inline: 0; padding-left: 1.25em; border-left: 3px solid var(--terra); color: var(--ink); font-style: italic; } hr { border: 0; border-top: 1px solid var(--line); margin-block: 3em; } code { padding: 0.15em 0.4em; border-radius: 0.4em; background: var(--bg-2); color: var(--ink); font-size: 0.85em; font-weight: 600; } pre { overflow-x: auto; padding: 1rem 1.25rem; border-radius: 0.75rem; background: var(--forest); color: #eef3f1; font-size: 0.875rem; code { padding: 0; background: none; color: inherit; font-weight: 400; } } img { border-radius: var(--radius); } .table-scroll { overflow-x: auto; border: 1px solid var(--line); border-radius: 0.75rem; background: var(--card); } table { width: 100%; border-collapse: collapse; font-size: 0.9rem; line-height: 1.6; } th, td { min-width: 6.5rem; padding: 0.75rem 1rem; text-align: left; vertical-align: top; } th { background: var(--bg-2); color: var(--ink); font-weight: 700; } tbody tr + tr td, tbody tr:first-child td { border-top: 1px solid var(--line); }}.workflow-figure{margin-block:2rem 2.5rem;img{width:100%;border-radius:0}}@media(width < 37.5rem){.workflow-figure{max-width:23rem;margin-inline:auto;img{aspect-ratio:360/676}}}.editorial-toc{padding-block:.9rem;border-block:1px solid var(--line);font-size:.9rem;summary{cursor:pointer;font-weight:650;color:var(--ink)}nav{margin-top:.75rem}ul{margin:.3rem 0;padding-left:1.25rem}li + li{margin-top:.15rem}a{font-weight:500}}details{&::details-content{block-size:0;overflow:clip;transition:block-size .25s,content-visibility .25s allow-discrete}&[open]::details-content{block-size:auto}}.editorial-answer{padding:1.4rem 1.6rem;border:1px solid var(--line-strong);border-left:4px solid var(--teal);border-radius:.75rem;background:var(--teal-tint);color:var(--ink);.editorial-answer-title{margin:0 0 .5rem;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-deep)}p + p{margin-top:.4rem}}.editorial-next{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--line);h2{margin:0 0 1.25rem;font-size:1.4rem}}.editorial-next-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}.prose .editorial-next-card{display:grid;gap:.5rem;padding:1.2rem;border:1px solid var(--line);border-radius:.75rem;background:var(--card);color:var(--ink);font-weight:400;text-decoration:none;transition:border-color .16s,background .16s;&:hover{border-color:var(--teal);background:var(--teal-tint)}}.editorial-next-title{font-weight:700;line-height:1.45;> span{white-space:nowrap;color:var(--teal-deep)}}.editorial-next-why{font-size:.88rem;line-height:1.65;color:var(--body)}.organic-compact{display:grid;gap:1.25rem;margin-top:2.5rem;padding:1.5rem;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--teal-tint);p{font-size:.9rem;line-height:1.6;color:var(--body)}.organic-compact-heading{margin-bottom:.5rem;font-size:1.12rem;font-weight:700;line-height:1.35;color:var(--ink)}form{display:grid;gap:.55rem;align-content:center}label{font-size:.8rem;font-weight:650}input{width:100%;min-height:2.9rem;padding:.7rem .85rem;border:1px solid var(--line-strong);border-radius:.75rem;background:#fff}button{min-height:2.9rem;padding:.7rem 1rem;border:0;border-radius:999px;background:var(--teal);color:#fff;font-weight:700;cursor:pointer;&:hover:not(:disabled){background:var(--teal-deep)}&:disabled{opacity:.7;cursor:wait}} [data-organic-signup-error] { color: #b42318; }}@media(width >= 48rem){.organic-compact{grid-template-columns:minmax(0,1fr)minmax(14rem,.7fr);align-items:center}}.organic-signup{width:min(100% - 3rem,76rem);margin:clamp(2.5rem,6vw,3.5rem)auto;border:1px solid var(--line);border-radius:1.5rem;background:linear-gradient(135deg,var(--teal-tint),#fff 70%);overflow:hidden;h2{font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.12}}.organic-signup-inner{display:grid;gap:2rem;padding:clamp(1.35rem,4vw,2.5rem)clamp(1.35rem,4vw,3rem)}.organic-signup-copy{max-width:44rem;> p:not(.organic-signup-eyebrow){margin-top:.9rem;font-size:1.05rem;line-height:1.65;color:var(--body)}}.organic-signup-eyebrow{margin-bottom:.65rem;font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}.organic-signup-benefits{display:grid;gap:.55rem;margin-top:1.35rem;padding:0;list-style:none;font-size:.95rem;li{display:flex;gap:.65rem;align-items:baseline}li::before{content:"✓";color:var(--teal);font-weight:800}}.organic-signup-form{padding:1.25rem;border:1px solid var(--line);border-radius:1.15rem;background:#fff;box-shadow:var(--shadow-md);label{display:block;margin-bottom:.45rem;font-size:.85rem;font-weight:700}}.organic-signup-fields{display:grid;gap:.65rem}:is(.organic-signup,.organic-signup-sticky){ :is(input, select) { width: 100%; min-width: 0; min-height: 3rem; padding: 0.75rem 0.9rem; border: 1px solid var(--line-strong); border-radius: 0.75rem; background: #fff; } :is(input, select):focus { outline: 3px solid rgb(21 125 114 / 0.25); outline-offset: 1px; } button[type="submit"] { min-height: 3rem; padding: 0.75rem 1rem; border: 0; border-radius: 999px; background: var(--teal); color: #fff; font-weight: 800; cursor: pointer; transition: background 0.16s; &:hover:not(:disabled) { background: var(--teal-deep); } &:disabled { opacity: 0.7; cursor: wait; } }}.organic-signup-error{margin-top:.7rem;font-size:.85rem;color:#b42318}.organic-signup-sticky{position:fixed;z-index:40;inset:auto 0 0;padding:.65rem .65rem max(.65rem,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgb(255 255 255/.95);box-shadow:0 -8px 28px rgb(21 40 31/.12);backdrop-filter:blur(12px);&[hidden]{display:none}}.organic-signup-sticky-inner{display:flex;gap:1rem;align-items:center;justify-content:space-between;max-width:90rem;margin:auto;padding-inline:.75rem}.organic-signup-sticky-copy{display:grid;gap:.15rem;min-width:0;max-width:48%; :is(strong, span) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } strong { font-size: 0.9rem; } span { font-size: 0.78rem; color: var(--body); }}.organic-signup-sticky-form{position:relative;display:flex;flex:0 1 34rem;gap:.45rem;align-items:center;label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} :is(input, select) { min-height: 2.65rem; padding: 0.55rem 0.7rem; font-size: 0.85rem; } button[type="submit"] { min-height: 2.65rem; padding: 0.55rem 0.9rem; font-size: 0.82rem; white-space: nowrap; } .organic-signup-dismiss { width: 2rem; min-height: 2.65rem; padding: 0; border: 0; border-radius: 0.5rem; background: transparent; color: var(--body); font-size: 1.4rem; cursor: pointer; &:hover { background: var(--bg-2); } } .organic-signup-error { position: absolute; right: 0; bottom: 3.15rem; margin: 0; padding: 0.4rem 0.6rem; border: 1px solid var(--line); border-radius: 0.5rem; background: #fff; }}@media(width >= 48rem){.organic-signup-inner{grid-template-columns:minmax(0,1.15fr)minmax(18rem,.85fr);align-items:center}}@media(width < 48rem){body:has(.organic-signup-sticky:not([hidden])){padding-bottom:8rem}.organic-signup-sticky-inner{display:block;padding:0}.organic-signup-sticky-copy{display:none}.organic-signup-sticky-form{display:grid;grid-template-columns:minmax(0,1fr)auto 2rem;width:100%;input{grid-area:1/1/2/3;font-size:1rem}button[type=submit]{grid-area:2/1/3/3;white-space:normal;font-size:.95rem}.organic-signup-dismiss{grid-area:1/3/3;align-self:start}.organic-signup-error{bottom:6.25rem}}}.not-found{margin-block:clamp(3rem,12vh,7rem);text-align:center;h1{margin-top:1rem;font-size:clamp(2rem,5vw,3rem)}.lead{margin-inline:auto}.actions{justify-content:center}}.thanks-mark{display:inline-grid;place-items:center;width:4rem;height:4rem;border-radius:1.25rem;background:var(--forest);color:var(--teal-light);.icon{width:2rem;height:2rem}}.site-footer{padding-block:4rem 2rem;border-top:1px solid var(--line);background:var(--bg);font-size:.875rem;> .wrap{display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.footer-about{grid-column:1/-1;p{margin-top:1.25rem;max-width:24rem;line-height:1.75;color:var(--body)}}.footer-mail{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.25rem;font-weight:500;color:var(--teal-deep);&:hover{color:var(--ink)}}h2{font-size:.75rem;font-weight:650;letter-spacing:.16em;text-transform:uppercase;color:var(--subtle)}ul{display:grid;gap:.75rem;margin-top:1.25rem;padding:0;list-style:none;color:var(--body)}ul a:hover{color:var(--ink)}}.footer-legal{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;margin-top:1rem;padding-top:1.75rem;border-top:1px solid var(--line);color:var(--subtle);.text-link{margin-top:0;font-size:.875rem;font-weight:600}}@media(width >= 64rem){.site-footer>.wrap{grid-template-columns:1.4fr 1fr 1fr 1fr}.site-footer .footer-about{grid-column:auto}}@media(width < 40rem){.wrap,.wrap.narrow,.organic-signup{width:calc(100% - 2rem)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::before,::after{transition:none!important;animation:none!important}@view-transition{navigation: none; }}@keyframes form-submit-guard-spin{to{rotate:1turn}}.form-submit-guard-spinner{box-sizing:border-box;display:inline-block;flex:none;width:1em;height:1em;margin-right:.5em;border:.14em solid;border-right-color:transparent;border-radius:50%;vertical-align:-.125em;animation:form-submit-guard-spin .65s linear infinite}