:root{--bg:#fff;--soft:#f5f3ef;--card:#fff;--ink:#252a2d;--muted:#59615e;--line:#dcd9d2;--warm:#e9d8b9;--sage:#e7ebe5;--header:#f5f3ef;color-scheme:light;scroll-padding-top:65px}
:root[data-theme=dark]{--bg:#141615;--soft:#1c1e1c;--card:#252825;--ink:#f5f3ed;--muted:#c0c5bd;--line:#444a44;--warm:#e9d8b9;--sage:#343e34;--header:#181817;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-family:Inter,Aptos,'SF Pro Text',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,input,textarea,select{font:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer;color:inherit}button{background:none;border:0}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #977347;outline-offset:4px;border-radius:4px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:750;letter-spacing:-.045em;line-height:1.12;overflow-wrap:break-word}h1{font-size:clamp(2.7rem,5vw,4.35rem);line-height:1.04}h2{font-size:clamp(1.8rem,3vw,2.65rem)}h3{font-size:1.25rem;letter-spacing:-.025em}p{color:var(--muted)}img{max-width:100%;height:auto;display:block}svg{flex-shrink:0;vertical-align:middle}hr{border:0;border-top:1px solid var(--line);margin:16px 0}[hidden]{display:none!important}.wrap{width:min(100% - 48px,1184px);margin-inline:auto}.small{font-size:.8rem}.eyebrow{font-size:.71rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:20px;color:var(--muted)}.skip-link{position:fixed;top:-100px;left:16px;z-index:2001;padding:12px 18px;background:var(--card);color:var(--ink);border:2px solid var(--ink);border-radius:6px}.skip-link:focus{top:12px}.icon-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;flex-shrink:0}.icon-button:hover{background:var(--sage)}.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;min-height:40px;padding:0 16px;background:var(--header);border-bottom:1px solid var(--header);position:sticky;top:0;z-index:1000}.header-left,.header-right{display:flex;align-items:center;min-width:0}.header-left{gap:24px}.header-right{gap:8px;justify-content:flex-end}.header-about{font-size:.875rem;font-weight:600;text-decoration:none}.header-logo{line-height:0;display:inline-flex;justify-content:center}.header-logo img{width:38px;height:38px;object-fit:contain}.dark-logo{display:none}:root[data-theme=dark] .dark-logo{display:block}:root[data-theme=dark] .light-logo{display:none}:root[data-theme=dark] .header-logo img{width:34px;height:34px}.language-flag{font-size:18px;line-height:24px;border-radius:50%;width:24px;height:24px;overflow:hidden;display:block}.hero{background:var(--soft);padding:30px 0 72px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.hero-copy{padding:30px 0}.hero .eyebrow{display:flex;align-items:center;gap:10px}.hero .eyebrow>span{width:6px;height:6px;border-radius:50%;background:#787e68;flex-shrink:0}.lead{font-size:1.1rem;line-height:1.8;margin-top:27px;max-width:690px}.hero-photo{position:relative;min-width:0;align-self:stretch;border-radius:130px 20px 20px 20px;overflow:hidden;background:#d4cebf;min-height:480px}.hero-photo>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.hero-photo figcaption{position:absolute;bottom:12px;right:16px;font-size:.62rem;background:#202721e6;color:#fff;padding:2px 7px;border-radius:4px}.breadcrumbs{display:flex;align-items:center;gap:9px;font-size:.7rem;line-height:1.5;color:var(--muted);margin-bottom:26px;flex-wrap:wrap;max-width:100%}.breadcrumbs a{text-decoration:none;white-space:nowrap}.breadcrumbs span:last-child{overflow-wrap:anywhere;max-width:100%}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:50px;padding:13px 22px;border:1px solid transparent;border-radius:7px;background:#252b27;color:#fff;font-weight:700;font-size:.87rem;line-height:1.4;text-decoration:none}.button:hover{background:#414b42;text-decoration:none}.button:after{content:'→';font-size:20px;line-height:1}.button-outline{color:var(--ink);border-color:var(--line);background:transparent}:root[data-theme=dark] .button{background:#e7e3dc;color:#1c241d}:root[data-theme=dark] .button:hover{background:#fff}.text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--ink);font-weight:700;font-size:.88rem;line-height:1.5;text-decoration:none}.text-link:hover{text-decoration:underline}.hero-proof{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:30px;color:var(--muted);font-size:.72rem}.hero-proof span{display:flex;align-items:center;gap:6px}.hero-proof svg{width:14px;height:14px}.text-hero .hero-grid{grid-template-columns:1fr}.text-hero .hero-copy{max-width:920px}.text-hero{background-image:radial-gradient(circle at 18% 22%,#8a877f18,transparent 29%),radial-gradient(circle at 88% 75%,#c2aa821c,transparent 28%)}.content-wrap{padding:56px 0 76px}.answer{padding:32px 36px;background:var(--soft);border:1px solid var(--line);border-radius:16px;max-width:100%}.answer .eyebrow{margin-bottom:12px}.answer>p:last-child{max-width:940px;font-size:1.05rem;color:var(--ink);line-height:1.8}.byline{display:flex;flex-wrap:wrap;gap:6px 24px;margin:22px 0 56px;font-size:.72rem;color:var(--muted)}.article-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:80px;align-items:start}.contents{position:sticky;top:78px;border-left:1px solid var(--line);padding-left:22px}.contents .eyebrow{font-size:.62rem}.contents nav{display:grid;gap:15px}.contents nav a{color:var(--muted);font-size:.78rem;line-height:1.6;text-decoration:none;display:block}.contents nav a:hover{color:var(--ink);text-decoration:underline}.contents>.text-link{font-size:.76rem;margin-top:22px}.article-content{min-width:0;max-width:854px}.article-content>section{margin-bottom:64px;scroll-margin-top:70px}.article-content section>h2{margin-bottom:24px}.article-content section>p+p{margin-top:20px}.article-content section>p{font-size:1rem;line-height:1.85}.article-content .section-number{font-size:.68rem;color:#857a65;letter-spacing:.1em;margin-bottom:18px;font-weight:700}.article-content .small{font-size:.79rem;margin-top:14px}.screenshot{margin:32px 0 0;border:1px solid var(--line);background:var(--soft);border-radius:14px;overflow:hidden}.screenshot img{width:100%;height:auto;background:white}.screenshot figcaption{padding:14px 18px;color:var(--muted);font-size:.72rem;line-height:1.6}.steps{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:26px}.steps>li{display:flex;gap:20px;padding-bottom:26px;border-bottom:1px solid var(--line)}.step-number{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;border:1px solid var(--line);background:var(--soft);border-radius:50%;font-size:.75rem;font-weight:750}.steps h3{margin:7px 0 12px}.steps p{font-size:.93rem;line-height:1.8}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:12px;max-width:100%;scrollbar-width:thin}table{width:100%;border-collapse:collapse;min-width:570px;font-size:.83rem;text-align:left;line-height:1.7}caption{text-align:left;padding:16px;background:var(--soft);font-weight:650;color:var(--muted)}th,td{padding:18px;border-bottom:1px solid var(--line);vertical-align:top}thead th{background:var(--sage);color:var(--ink);font-weight:700}tbody th{width:25%;background:var(--soft);font-weight:650}tr:last-child>*{border-bottom:0}.plan-note{padding:30px;background:var(--soft);border:1px solid var(--line);border-radius:16px}.plan-note h2{font-size:1.8rem}.plan-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:30px 0}.plan-columns h3{margin-bottom:12px}.plan-columns p{font-size:.9rem}.faqs details{border-bottom:1px solid var(--line);padding:20px 0}.faqs summary{cursor:pointer;font-weight:650;font-size:1rem;line-height:1.6;padding-right:12px}.faqs details p{padding:18px 0 2px;line-height:1.8;font-size:.95rem}.sources{border-top:1px solid var(--line);padding-top:28px}.article-content .sources h2{font-size:1.15rem;margin-bottom:16px}.article-content .sources p,.sources li{font-size:.78rem;line-height:1.8}.sources ul{padding-left:18px}.sources li{margin-top:9px}.sources a{overflow-wrap:anywhere}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.guide-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;padding:28px;background:var(--card);min-width:0}.guide-card>.eyebrow{font-size:.6rem;margin-bottom:18px}.guide-card h3{font-size:1.3rem;line-height:1.25;margin-bottom:16px}.guide-card h3 a{text-decoration:none}.guide-card p{font-size:.85rem;line-height:1.8;margin-bottom:20px}.guide-card>.text-link{margin-top:auto;font-size:.78rem;justify-content:space-between}.library{margin-bottom:70px}.library>h2{margin-bottom:32px}.related{padding-top:36px;margin-top:14px;border-top:1px solid var(--line)}.related>h2{margin-bottom:30px}.closing{margin-top:65px;border-radius:24px;padding:48px;background:#202321;color:#fff;background-image:radial-gradient(circle at 92% 12%,#f6d59e28,transparent 34%);display:flex;align-items:center;justify-content:space-between;gap:40px}.closing>div{max-width:690px}.closing h2{font-size:clamp(1.9rem,3vw,2.5rem);margin-bottom:22px}.closing p{color:#d2d7ce;font-size:.96rem}.closing .eyebrow{font-size:.62rem;color:#ddcfb3}.closing>.button{flex-shrink:0}.button-light{background:white;color:#202321}.button-light:hover{background:var(--warm)}.audience-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:70px}.audience-cards>a{display:block;text-decoration:none;border:1px solid var(--line);border-radius:18px;padding:36px;background:var(--soft)}.audience-cards>a:last-child{background:#252c26;color:#f5f3ef}.audience-cards>a:last-child p,.audience-cards>a:last-child .text-link{color:#d1d7cc}.audience-cards h2{font-size:2rem;margin-bottom:20px}.audience-cards p{font-size:.95rem;line-height:1.8}.audience-cards .text-link{margin-top:22px}.site-footer{background:var(--header);border-top:1px solid var(--line)}.footer-wrap{width:min(100% - 32px,1248px);margin:auto;padding:24px 0}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:32px}.footer-brand{display:flex;gap:8px;align-items:center;text-decoration:none}.footer-brand span{font-size:1rem;font-weight:850;letter-spacing:-.04em}.footer-brand img{object-fit:contain;width:28px;height:28px}.site-footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 28px;align-items:center}.footer-top nav a{font-size:.875rem;font-weight:700;text-decoration:none;white-space:nowrap}.footer-bottom nav{gap:8px 20px}.footer-bottom p,.footer-bottom nav a,.footer-bottom nav button{font-size:.75rem;font-weight:600;color:var(--muted);text-decoration:none;padding:0}.site-footer a:hover,.site-footer button:hover{text-decoration:underline}.footer-bottom p{font-weight:400}dialog{border:1px solid var(--line);border-radius:16px;background:var(--card);color:var(--ink);padding:30px;max-width:calc(100% - 32px);box-shadow:0 24px 80px #0003}dialog::backdrop{background:#0009}.dialog-close{position:absolute;right:9px;top:9px}dialog h2{font-size:1.4rem;margin:8px 35px 22px 0}dialog p{font-size:.9rem;margin-bottom:20px}.drawer{position:fixed;inset:0 auto 0 0;margin:0;width:320px;max-width:88vw;height:100dvh;max-height:100dvh;border-radius:0;padding:64px 24px 24px}.drawer-link{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:10px 12px;border-radius:10px;color:var(--ink);font-size:.875rem;font-weight:700;text-decoration:none;line-height:1.5}.drawer-link:hover{background:var(--soft);text-decoration:none}.drawer-settings{display:flex;gap:12px;margin-bottom:16px}.small-dialog{width:440px}.profile-dialog{margin:48px 16px 0 auto;width:230px;padding:50px 12px 12px}.terms-dialog{width:1152px;max-height:calc(100dvh - 32px);padding:30px}.terms-dialog>h2{text-align:center}.terms-body{overflow-y:auto;max-height:calc(100dvh - 200px);padding-right:12px;font-size:.9rem;overflow-wrap:anywhere}.terms-body h1,.terms-body h2,.terms-body h3{font-size:1.2rem;line-height:1.5;margin:24px 0 12px}.terms-body p{line-height:1.8}.terms-dialog>.button{margin-top:20px}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:1500;padding:16px max(24px,calc((100vw - 1248px)/2));background:#121412;color:white;display:flex;gap:24px;align-items:center;justify-content:space-between;box-shadow:0 -10px 32px #12141233}.cookie-banner p{font-size:.85rem;color:white;max-width:750px}.cookie-actions{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}.cookie-actions button{border:1px solid #ffffff66;padding:8px 14px;border-radius:6px;font-size:.8rem;font-weight:700;min-height:40px}.cookie-actions button:first-child{background:white;color:#121412}.cookie-actions button:hover{background:#e7e3dc;color:#121412}.consent-option{display:flex;gap:12px;align-items:center;font-size:.95rem;margin-bottom:24px}.consent-option input{width:20px;height:20px;accent-color:#363936}.generic-content{padding:64px 0;max-width:880px;overflow-wrap:anywhere}.generic-content h2,.generic-content h3{margin:32px 0 20px}.generic-content p{margin:18px 0}.generic-content iframe,.generic-content video{max-width:100%}
@media(min-width:1400px){.hero{padding-top:40px;padding-bottom:90px}.hero-photo{min-height:540px}}
@media(max-width:1100px){.article-grid{grid-template-columns:200px minmax(0,1fr);gap:40px}.hero-grid{gap:30px}.hero-photo{min-height:440px;border-top-left-radius:85px}.closing{padding:36px;flex-wrap:wrap}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cookie-banner{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:767px){.wrap{width:calc(100% - 36px)}.desktop-only{display:none!important}.site-header{padding:0 16px}.hero{padding:20px 0 45px}.hero-grid{grid-template-columns:1fr;gap:32px}.hero-copy{padding:10px 0}.hero-photo{min-height:0;aspect-ratio:1.3;border-top-left-radius:80px}.hero h1{font-size:clamp(2.4rem,8.8vw,4rem)}.lead{font-size:1rem;margin-top:24px}.hero-proof{font-size:.7rem;gap:9px 16px}.breadcrumbs{font-size:.66rem;margin-bottom:22px}.content-wrap{padding:36px 0 50px}.answer{padding:24px}.answer>p:last-child{font-size:.96rem}.byline{margin-bottom:36px;gap:6px 16px}.article-grid{grid-template-columns:1fr;gap:35px}.contents{position:static;padding:20px;border:1px solid var(--line);border-radius:12px}.contents nav{grid-template-columns:1fr 1fr;gap:12px 20px}.contents nav a{font-size:.75rem}.contents .eyebrow{margin-bottom:16px}.contents>.text-link{margin-top:12px}.article-content>section{margin-bottom:45px}.article-content section>p{font-size:.96rem}.article-content h2{font-size:1.85rem}.steps>li{gap:16px}.step-number{width:34px;height:34px}.steps h3{margin-top:3px;font-size:1.2rem}.screenshot{margin-top:25px}.screenshot figcaption{padding:12px;font-size:.68rem}.plan-note{padding:24px}.plan-columns{gap:24px;grid-template-columns:1fr}.card-grid{gap:16px}.guide-card{padding:23px}.closing{margin-top:42px;padding:28px;border-radius:18px;gap:28px}.closing h2{font-size:1.9rem}.audience-cards{grid-template-columns:1fr;margin-bottom:45px}.audience-cards>a{padding:28px}.audience-cards h2{font-size:1.85rem}.footer-wrap{padding:20px 0}.footer-top,.footer-bottom{flex-direction:column;text-align:center;gap:20px}.site-footer nav{justify-content:center;gap:8px 20px}.footer-bottom{gap:12px}.footer-bottom nav{gap:8px 16px}.footer-top nav a{font-size:.85rem}.terms-dialog{padding:24px 20px}.cookie-banner{padding:16px 18px}.cookie-actions{gap:8px}.cookie-banner p{font-size:.8rem}}
@media(max-width:440px){.card-grid{grid-template-columns:1fr}.hero h1{font-size:2.45rem}.actions{gap:12px}.actions>.button{width:100%}.hero-proof{font-size:.64rem;gap:9px 12px}.contents nav{grid-template-columns:1fr}.answer{padding:22px}.steps p{font-size:.9rem}.closing>.button{width:100%}.cookie-actions{width:100%}.cookie-actions button{flex:1;padding:8px;font-size:.75rem}.byline{font-size:.65rem}.hero-photo{aspect-ratio:1.15}.small-dialog{padding:25px}.plan-note h2{font-size:1.7rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.site-header,.contents,.actions,.cookie-banner,.site-footer,dialog{display:none!important}.hero{padding:20px 0}.hero-grid,.article-grid{display:block}.hero-photo{display:none}.wrap{width:100%}.article-content{max-width:none}.card-grid{grid-template-columns:1fr 1fr}a{color:inherit}.closing{background:#eee;color:#111}.closing p{color:#333}}

.site-header{color:#2d3748}.site-header [data-dialog=profile] svg{width:24px;height:24px}.site-header [data-theme-toggle]{margin-left:8px}.site-header [data-theme-toggle] svg{width:16px;height:16px}.site-header [data-dialog=language]{width:32px;height:32px}.site-footer{color:#1a202c;border-color:#00000029}.footer-top nav{max-width:720px}.footer-bottom p,.footer-bottom nav a,.footer-bottom nav button{color:#4a5568}.site-footer hr{border-color:#00000029}:root[data-theme=dark] .site-header{color:#e2e8f0}:root[data-theme=dark] .site-footer{color:#e2e8f0;border-color:#ffffff29}:root[data-theme=dark] .site-footer hr{border-color:#ffffff29}:root[data-theme=dark] .footer-bottom p,:root[data-theme=dark] .footer-bottom nav a,:root[data-theme=dark] .footer-bottom nav button{color:#a0aec0}.drawer{padding-top:40px}.theme-sun{display:none}:root[data-theme=dark] .theme-sun{display:inline}:root[data-theme=dark] .theme-moon{display:none}@media(max-width:991px){.footer-bottom{flex-direction:column;gap:12px}}@media(min-width:768px){.drawer-about{display:none}}
.screenshot-full{display:inline-flex;align-items:center;min-height:40px;margin-left:14px;color:var(--ink);font-weight:650;white-space:nowrap}
.drawer-hint{font-size:14px!important;color:#2d3748;margin:0!important}.drawer-settings{margin-bottom:4px}.drawer-settings [data-dialog=language]{width:32px;height:32px}.drawer-settings [data-theme-toggle]{margin-left:8px}.language-flag{font-weight:700}.site-header [data-dialog=profile],.site-header [data-theme-toggle]{color:#2d2d2d}.footer-top nav a{font-size:14px}:root[data-theme=dark] .site-header [data-dialog=profile],:root[data-theme=dark] .site-header [data-theme-toggle]{color:#ffffffeb}:root[data-theme=dark] .drawer-hint{color:#e2e8f0}

.header-menu{position:fixed;inset:auto;margin:0;padding:8px 0;width:224px;border-radius:6px;border-color:#e2e8f0;background:#fff;color:#2d2d2d;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.header-menu::backdrop{background:transparent}.header-menu .drawer-link{min-height:36px;padding:6px 12px;border-radius:0;font-size:1rem;font-weight:400;justify-content:flex-start}.header-menu .drawer-link:hover{background:#edf2f7}:root[data-theme=dark] .header-menu{background:#2d3748;color:#fff;border-color:#ffffff29}:root[data-theme=dark] .header-menu .drawer-link:hover{background:#ffffff14}.site-header,.site-footer{line-height:1.6}.site-header svg{stroke-width:2}

.conversion-action.conversion-with-note{display:flex;flex-direction:column;align-items:flex-start}
.conversion-next-step{display:block;max-width:40ch;margin-top:.65rem;font-size:.85rem;line-height:1.5;opacity:.85}