@font-face{font-family:DM Sans;src:url('/assets/fonts/dm-sans-latin.woff2') format('woff2');font-weight:100 1000;font-style:normal;font-display:swap}
:root{--paper:#f7f7f2;--ink:#252633;--muted:#666773;--line:#dcded5;--purple:#6150af;--lavender:#e9e7f2;--green:#e4eadd;--white:#fff;--radius:16px;font-family:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:110px}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input,summary{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}button{cursor:pointer}img{display:block;max-width:100%;height:auto}figure,p,h1,h2,h3,ol,ul{margin:0}p{line-height:1.7}h1,h2,h3{font-weight:550;text-wrap:balance}h1{font-size:clamp(56px,7.4vw,100px);line-height:1.01;letter-spacing:-.065em}h2{font-size:clamp(36px,4.3vw,58px);line-height:1.09;letter-spacing:-.05em}h3{font-size:25px;line-height:1.25;letter-spacing:-.025em}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--purple);letter-spacing:-.06em}small{display:block;font-size:12px;line-height:1.6;color:var(--muted)}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--purple);outline-offset:5px;border-radius:3px}::selection{background:#dcd4ff}.container{width:min(1200px,calc(100% - 88px));margin-inline:auto}.section{padding-block:110px}.section-heading{max-width:730px;margin-bottom:45px}.section-heading h2{margin-bottom:22px}.section-heading>p:not(.eyebrow){max-width:620px;color:var(--muted);font-size:18px}.eyebrow{font-size:11px;line-height:1.5;font-weight:700;letter-spacing:.13em;margin-bottom:23px;text-transform:uppercase}.lead{font-size:22px;line-height:1.55;letter-spacing:-.02em}.muted,.fine-print{color:var(--muted)}.fine-print{font-size:12px;line-height:1.7;margin-top:22px}.center{text-align:center}.narrow{max-width:850px}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.text-link{display:inline-block;font-size:14px;font-weight:650;padding-block:8px;border-bottom:1px solid currentColor}.text-link:hover{color:var(--purple)}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;min-height:52px;padding:14px 24px;background:var(--ink);color:#fff;border:1px solid transparent;border-radius:7px;font-size:14px;font-weight:600;transition:background .18s,transform .18s}.button:hover{background:var(--purple);transform:translateY(-2px)}.button span{font-size:20px}.button.primary{background:var(--purple)}.button.primary:hover{background:#49378f}.button.secondary{background:transparent;border-color:var(--line);color:var(--ink)}.button.secondary:hover{background:var(--lavender)}.button.small{min-height:40px;padding:8px 16px;gap:18px;font-size:12px}.button.light{background:#fff;color:var(--ink)}.button-row{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--ink);color:#fff;padding:15px}.skip-link:focus{top:15px}
.site-header{height:88px;border-bottom:1px solid var(--line);background:rgba(247,247,242,.95);position:sticky;top:0;z-index:30;backdrop-filter:blur(14px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-size:22px;letter-spacing:-.04em;font-weight:700;display:inline-flex;gap:10px;align-items:center}.brand img{width:36px;height:36px;border-radius:9px}.nav nav{display:flex;gap:34px;align-items:center;font-size:13px}.nav nav a{padding-block:10px;color:var(--muted)}.nav nav a:hover,.nav nav a[aria-current]{color:var(--ink)}.nav nav a[aria-current]{box-shadow:0 1px 0 var(--ink)}.menu-toggle{display:none}.hero{padding-top:68px}.hero-top{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:end;margin-bottom:48px}.hero h1{font-size:clamp(64px,7.6vw,104px)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--purple);margin-inline-end:7px}.hero-copy{padding:0 0 5px 20px;max-width:470px}.hero-copy>p:first-child{font-size:24px;line-height:1.45;letter-spacing:-.03em}.hero-copy .muted{font-size:15px;line-height:1.65;margin-top:15px;max-width:390px}.hero-copy .button-row{margin-top:25px}.hero-copy small{margin-top:15px}.hero-stage{padding:22px 48px 0;background:var(--lavender);border:1px solid #d8d5e4;border-radius:18px 18px 0 0;overflow:hidden;max-height:625px;position:relative}.stage-label{display:flex;justify-content:space-between;margin-bottom:21px;font-size:9px;font-weight:700;letter-spacing:.12em;color:#615f75}.hero-stage .screenshot{border:1px solid #d6d2e3;border-radius:11px 11px 0 0;box-shadow:0 15px 50px #3c306125}.hero-stage .screenshot img{width:100%}.image-note{text-align:center;font-size:10px;color:var(--muted);padding-block:15px 25px}.screenshot{min-width:0}.screenshot>a{display:block;border:1px solid #d5d5d0;border-radius:var(--radius);overflow:hidden;background:#f0f0ed;box-shadow:0 10px 30px #25263309}.screenshot img{width:100%;height:auto}.screenshot figcaption{font-size:11px;color:var(--muted);line-height:1.6;margin-top:13px}.promise-strip{border-block:1px solid var(--line)}.promise-strip>.container{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-block:24px}.promise-strip p{font-size:11px;color:var(--muted);line-height:1.7}.promise-strip strong{display:block;font-size:13px;color:var(--ink);font-weight:650}.workflow-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:32px;gap:25px;overflow-x:auto}.workflow-tabs button{flex-shrink:0;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);padding:17px 0;font-size:13px}.workflow-tabs button[aria-selected=true]{border-bottom-color:var(--purple);color:var(--purple);font-weight:650}.workflow-panel{display:grid;grid-template-columns:280px 1fr;gap:50px;align-items:center}.panel-copy .step-index{display:block;font-size:11px;color:var(--purple);margin-bottom:28px}.panel-copy h3{font-size:28px;margin-bottom:18px}.panel-copy p{color:var(--muted);font-size:14px;margin-bottom:20px}.delivery-section{background:#efeee8;border-block:1px solid var(--line)}.delivery-section .split{grid-template-columns:.8fr 1.2fr;gap:55px}.delivery-section .section-heading{margin-bottom:15px}.delivery-section .screenshot>a{box-shadow:0 20px 50px #25263315}.horizontal{display:flex;justify-content:space-between;align-items:end;gap:35px;max-width:none}.horizontal h2{margin-bottom:0}.horizontal>p{font-size:14px}.horizontal .text-link{flex-shrink:0}.steps-grid{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.steps-grid li{padding-top:27px;border-top:1px solid var(--line)}.steps-grid span{font-size:10px;letter-spacing:.08em;color:var(--muted)}.steps-grid h3{margin:24px 0 18px;font-size:26px}.steps-grid p{color:var(--muted);font-size:14px}.safety-band{background:var(--green);padding-block:90px}.safety-band .lead{max-width:480px}.plain-list{list-style:none;padding:20px 0 15px}.plain-list li{padding-block:10px;border-bottom:1px solid #c9d1c4;font-size:14px}.plain-list li:before{content:'✓';color:#526a45;margin-inline-end:14px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guide-card{display:flex;flex-direction:column;min-height:250px;padding:28px 27px;background:#fff;border:1px solid var(--line);border-radius:10px;transition:background .18s,border-color .18s}.guide-card:hover{background:#eeecf5;border-color:#c4bfdb}.card-category{font-size:9px;text-transform:uppercase;letter-spacing:.11em;color:var(--muted);margin-bottom:31px}.guide-card h3{font-size:25px;max-width:270px;margin-bottom:12px}.guide-card>p{font-size:12px;color:var(--muted);line-height:1.6;margin-bottom:27px}.card-link{font-size:11px;font-weight:600;display:flex;justify-content:space-between;margin-top:auto}.card-link span{font-size:18px;color:var(--purple)}.video-section{padding-top:15px}.video-shell{position:relative;background:#252633;border-radius:18px;overflow:hidden;aspect-ratio:2.1}.video-shell>img{width:100%;height:100%;object-fit:cover;opacity:.12;filter:grayscale(1)}.video-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#fff;text-align:center;padding:30px}.video-kicker{font-size:10px;letter-spacing:.2em;color:#c6c0dc}.video-overlay h3{font-size:50px;line-height:1.1;letter-spacing:-.04em}.video-pill{font-size:11px;border:1px solid #ffffff40;padding:10px 18px;border-radius:30px}.video-overlay p,.video-overlay a{font-size:12px;color:#d0cddc}.video-overlay a{text-decoration:underline;text-underline-offset:5px}.video-shell iframe{width:100%;height:100%;border:0;display:block}.faq-section{align-items:start;padding-top:20px}.faq-section h2{margin-bottom:25px}.faq-list details{border-bottom:1px solid var(--line);padding-block:20px}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:25px;font-size:15px;font-weight:600;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--muted);font-size:20px;font-weight:400}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:14px;color:var(--muted);margin:15px 25px 0 0}.final-cta{padding:90px 0;background:var(--lavender);text-align:center;border-block:1px solid #d8d5e4}.final-cta img{border-radius:15px;margin:0 auto 25px}.final-cta h2{font-size:clamp(44px,5.2vw,68px)}.final-cta .eyebrow{margin-bottom:18px}.final-cta p:not(.eyebrow){font-size:15px;color:var(--muted);margin:23px 0}.final-cta small{margin-top:18px}.site-footer{padding-top:65px}.footer-top{display:grid;grid-template-columns:1.25fr 1fr 1.25fr 1fr;gap:45px;padding-bottom:70px}.footer-top>div>p{font-size:12px;color:var(--muted);margin-top:20px}.footer-top h2{font-size:12px;letter-spacing:0;margin:10px 0 22px;font-weight:650}.footer-top>div>a:not(.brand){display:block;color:var(--muted);font-size:12px;padding-block:7px}.footer-top a:hover{color:var(--purple)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:23px;font-size:10px;color:var(--muted)}
.page-intro{padding-block:80px 65px}.page-intro h1{font-size:clamp(52px,6.7vw,88px);max-width:1050px}.page-intro .lead{max-width:700px;margin-top:30px;color:var(--muted);font-size:19px}.hub{padding-bottom:100px}.guide-tools{border-block:1px solid var(--line);padding-block:30px;margin-bottom:20px}.search-label{display:block;font-size:12px;font-weight:650}.search-label input{display:block;width:100%;background:#fff;border:1px solid #c8c9c0;border-radius:8px;min-height:52px;padding:14px 18px;margin-top:10px;font-size:15px;color:var(--ink)}.filter-group{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.filter-group button{border:1px solid var(--line);background:none;padding:10px 18px;border-radius:30px;color:var(--muted);font-size:12px}.filter-group button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.result-count{font-size:11px;color:var(--muted);margin:25px 0}.editor-note{display:grid;grid-template-columns:1fr 3fr;gap:40px;background:#eeeee7;padding:30px;margin-top:40px;border-radius:10px;font-size:13px}.editor-note p{color:var(--muted)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--muted);margin-bottom:40px}.breadcrumbs a:hover{text-decoration:underline}.article-header{padding-block:40px 60px}.article-header h1{font-size:clamp(43px,5.6vw,72px);max-width:980px;line-height:1.07}.article-header>.lead{margin-top:28px;max-width:850px;font-size:20px;color:var(--muted)}.article-meta{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:27px;font-size:10px;color:var(--muted)}.article-layout{display:grid;grid-template-columns:210px 1fr;gap:70px;align-items:start}.article-toc{position:sticky;top:125px;padding-top:10px}.article-toc strong{font-size:9px;letter-spacing:.12em;display:block;margin-bottom:20px}.article-toc>a{display:block;font-size:12px;padding-block:10px;color:var(--muted)}.article-toc>a:hover{color:var(--purple)}.toc-cta{margin-top:30px;padding-top:25px;border-top:1px solid var(--line)}.toc-cta p{font-size:13px;margin-bottom:15px}.toc-cta small{font-size:10px;margin-top:10px}.article-body{min-width:0;max-width:850px}.article-body h2{font-size:32px;letter-spacing:-.035em;line-height:1.2;margin-bottom:20px}.article-body h3{font-size:22px;letter-spacing:-.025em;margin-bottom:10px}.article-body p{font-size:16px;color:#555662}.article-body>section{margin-bottom:45px}.settings-table{width:100%;border-collapse:collapse;margin-top:25px;font-size:14px}.settings-table caption{text-align:start;font-size:10px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-bottom:12px}.settings-table th,.settings-table td{padding:15px 18px;text-align:start;border-bottom:1px solid var(--line);line-height:1.6;vertical-align:top}.settings-table th{width:30%;font-weight:600;background:#efefe8}.settings-table td{background:#fff}.article-body>.screenshot{margin:0 0 55px}.tutorial-steps{list-style:none;counter-reset:tutorial;padding:0}.tutorial-steps li{position:relative;padding:5px 0 30px 55px;counter-increment:tutorial}.tutorial-steps li:before{content:counter(tutorial,decimal-leading-zero);position:absolute;left:0;top:8px;font-size:12px;font-weight:650;color:var(--purple)}.callout{padding:30px;background:var(--green);border-left:3px solid #8a9d79;margin-block:15px 50px;border-radius:0 8px 8px 0}.callout h2{font-size:20px}.callout p{font-size:14px}.code-example{background:var(--ink);color:#e4e1f0;border-radius:10px;overflow:hidden;margin-bottom:30px}.code-example>span{display:block;font-size:9px;letter-spacing:.1em;color:#bbb5d3;padding:20px 24px 0}.code-example pre{font-size:12px;line-height:1.8;padding:15px 24px 24px;margin:0;overflow-x:auto}.article-download{border-block:1px solid var(--line);padding-block:35px;margin-top:45px}.article-download p{margin-bottom:23px}.article-download small{margin-top:20px;max-width:630px}.article-download small a{text-decoration:underline;text-underline-offset:3px}.feature-story{padding-bottom:60px}.feature-detail{align-items:start;margin-top:50px}.feature-detail p:not(.lead){font-size:15px;color:var(--muted);margin-block:20px}.tinted{background:#eeeee7;border-block:1px solid var(--line)}.feature-screens{display:grid;grid-template-columns:1fr 1fr;gap:28px}.format-row{display:flex;flex-wrap:wrap;justify-content:center;gap:35px;padding:45px 0 10px;font-size:21px;letter-spacing:-.03em;color:var(--muted)}.safety-points{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-bottom:85px}.safety-points>div{border-top:1px solid var(--line);padding-top:25px}.safety-points span{font-size:10px;color:var(--muted);letter-spacing:.1em}.safety-points h2{font-size:38px;margin-block:23px}.safety-points p{color:var(--muted);font-size:15px}.safety-points .fine-print{font-size:12px}.safety-sequence>div{position:relative;padding:20px 0 20px 50px;border-top:1px solid var(--line)}.safety-sequence span{position:absolute;left:0;top:24px;color:var(--purple);font-size:12px}.safety-sequence h3{font-size:20px;margin-bottom:10px}.safety-sequence p{font-size:14px;color:var(--muted)}.safety-sequence+.screenshot,.section>.split+.screenshot{margin-top:45px}.prose{font-size:16px;line-height:1.8}.prose p{margin-bottom:23px;color:#555662}.prose a{text-decoration:underline;text-underline-offset:3px}.prose h2{font-size:28px;margin:40px 0 18px}.prose h3{font-size:20px;margin:25px 0 12px}.prose ul{padding-left:22px;margin-bottom:25px;color:var(--muted)}.legal-body{max-width:830px;padding-bottom:100px}.legal-note{padding:25px;background:var(--green);border-radius:10px}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:65px}.plan{border:1px solid var(--line);border-radius:16px;padding:40px;background:#fff}.plan.featured{background:var(--lavender);border-color:#cdc7df}.plan h2{font-size:32px;margin-bottom:17px}.plan>p{font-size:14px;color:var(--muted)}.plan-price{font-size:22px;font-weight:550;display:block;margin:35px 0 22px;letter-spacing:-.025em}.plan .button{width:100%}.plan .fine-print{font-size:11px}.compare-table{width:100%;border-collapse:collapse;text-align:start}.compare-table caption{text-align:start;font-size:24px;font-weight:550;letter-spacing:-.03em;padding-bottom:25px}.compare-table th,.compare-table td{padding:20px;border-bottom:1px solid var(--line);font-size:14px}.compare-table thead th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.compare-table tbody th{font-weight:500;width:50%}.compare-table td:last-child{background:#ece9f3}.table-scroll{overflow-x:auto}.error-links{display:flex;gap:30px;align-items:center;padding-bottom:120px}
@media(min-width:1600px){.hero-stage{max-height:660px}}
@media(max-width:1050px){.container{width:calc(100% - 56px)}.split{gap:40px}.hero-top{gap:30px}.hero-copy{padding-left:0}.hero-copy .button-row{gap:15px}.hero-copy>p:first-child{font-size:21px}.hero-stage{padding-inline:30px}.workflow-panel{grid-template-columns:240px 1fr;gap:30px}.workflow-tabs{gap:18px}.workflow-tabs button{font-size:12px}.guide-card{padding:24px;min-height:250px}.guide-card h3{font-size:22px}.article-layout{grid-template-columns:170px 1fr;gap:35px}.footer-top{gap:25px}.video-overlay h3{font-size:40px}.video-overlay{gap:15px}}
@media(max-width:760px){:root{scroll-padding-top:85px}.container{width:calc(100% - 36px)}.site-header{height:72px}.nav{gap:14px}.brand{font-size:20px}.brand img{width:32px;height:32px}.nav>.button{display:none}.menu-toggle{display:flex;align-items:center;gap:15px;margin-inline-start:auto;border:1px solid var(--line);padding:8px 12px;background:none;border-radius:5px;font-size:12px;min-height:40px}.menu-toggle span{font-size:18px}.nav nav{display:none;position:absolute;top:71px;left:0;right:0;background:var(--paper);padding:20px 24px 28px;border-bottom:1px solid var(--line);gap:5px}.nav.is-open nav{display:flex;flex-direction:column;align-items:stretch}.nav.is-open nav a{padding:12px 5px}.nav.is-open .menu-toggle span{transform:rotate(45deg)}.hero{padding-top:42px}.hero-top{grid-template-columns:1fr;gap:28px;margin-bottom:33px}.hero h1{font-size:72px}.eyebrow{font-size:9px;margin-bottom:18px}.hero-copy{max-width:560px}.hero-copy>p:first-child{font-size:21px}.hero-copy .muted{font-size:14px;max-width:400px}.hero-copy .button-row{margin-top:24px;gap:22px}.hero-stage{padding:15px 12px 0;border-radius:12px 12px 0 0;max-height:none}.stage-label{font-size:7px;letter-spacing:.04em;margin-bottom:12px}.stage-label span:last-child{display:none}.hero-stage .screenshot{border-radius:7px 7px 0 0}.image-note{font-size:9px;line-height:1.7;padding-block:12px 20px}.promise-strip>.container{grid-template-columns:1fr;gap:13px;padding-block:22px}.promise-strip p{display:flex;gap:8px;flex-wrap:wrap;font-size:11px}.promise-strip strong{font-size:11px}.section{padding-block:65px}.section-heading{margin-bottom:30px}.section-heading h2{margin-bottom:17px}.section-heading>p:not(.eyebrow){font-size:16px}.workflow-tabs{gap:22px;margin-bottom:25px}.workflow-tabs button{font-size:12px;padding-block:14px}.workflow-panel{grid-template-columns:1fr;gap:25px}.panel-copy{display:grid;grid-template-columns:1fr}.panel-copy .step-index{margin-bottom:16px}.panel-copy h3{font-size:27px;max-width:350px}.panel-copy p{margin-bottom:12px}.panel-copy .text-link{justify-self:start}.screenshot>a{border-radius:9px}.split,.delivery-section .split{grid-template-columns:1fr;gap:35px}.delivery-section h2 br:nth-child(2){display:none}.horizontal{display:block}.horizontal>p{margin-top:22px}.horizontal .text-link{margin-top:18px}.steps-grid{grid-template-columns:1fr;gap:30px}.steps-grid h3{margin:18px 0 12px}.steps-grid h3 br{display:none}.steps-grid p{max-width:540px}.safety-band{padding-block:60px}.lead{font-size:20px}.guide-grid{grid-template-columns:1fr 1fr;gap:12px}.guide-card{padding:22px 19px;min-height:250px}.guide-card h3{font-size:22px}.card-category{font-size:8px;margin-bottom:24px;line-height:1.6}.guide-card>p{font-size:11px;margin-bottom:20px}.card-link{font-size:10px}.video-section{padding-top:0}.video-shell{aspect-ratio:1.45;border-radius:12px}.video-overlay{padding:20px;gap:15px}.video-overlay h3{font-size:34px}.video-kicker{font-size:8px}.video-overlay p{font-size:10px}.video-pill{font-size:10px;padding:8px 13px}.faq-section{padding-top:0}.faq-list summary{font-size:14px}.final-cta{padding-block:65px}.final-cta p:not(.eyebrow){font-size:14px}.footer-top{grid-template-columns:1fr 1fr;gap:30px;padding-bottom:45px}.footer-top>div:first-child{grid-column:1/-1;margin-bottom:0}.footer-top>div:first-child>p{margin-top:12px}.footer-top h2{margin-bottom:14px}.footer-bottom{font-size:9px;gap:15px;flex-wrap:wrap;line-height:1.6}.footer-bottom span:nth-child(2){order:3;flex-basis:100%}.page-intro{padding-block:48px 42px}.page-intro h1{font-size:52px;line-height:1.03}.page-intro .lead{font-size:17px;margin-top:25px}.hub{padding-bottom:65px}.guide-tools{padding-block:23px}.filter-group{gap:8px}.filter-group button{font-size:11px;padding:9px 13px}.editor-note{grid-template-columns:1fr;gap:12px;padding:23px;margin-top:30px}.article-header{padding-block:25px 35px}.article-header h1{font-size:43px;line-height:1.08}.article-header .lead{font-size:17px;margin-top:23px}.breadcrumbs{font-size:10px;gap:8px;margin-bottom:30px}.article-meta{font-size:9px;gap:10px 18px;line-height:1.7}.article-layout{display:block}.article-toc{position:static;display:flex;gap:15px;flex-wrap:wrap;margin-bottom:30px;padding:18px 0;border-block:1px solid var(--line)}.article-toc strong{width:100%;margin-bottom:0}.article-toc>a{padding:0;font-size:11px}.toc-cta{display:none}.article-body h2{font-size:28px}.article-body p{font-size:15px}.settings-table{font-size:12px}.settings-table th,.settings-table td{padding:12px}.settings-table th{width:33%}.article-body>.screenshot{margin-bottom:35px}.article-body>section{margin-bottom:35px}.tutorial-steps li{padding-left:40px;padding-bottom:24px}.tutorial-steps li:before{font-size:10px}.article-body h3{font-size:21px}.callout{padding:23px 20px}.callout h2{font-size:19px}.callout p{font-size:13px}.article-download{padding-block:30px}.feature-detail{margin-top:35px}.feature-story{padding-bottom:45px}.feature-screens{grid-template-columns:1fr;gap:20px}.format-row{gap:25px;font-size:17px;padding-top:30px}.safety-points{grid-template-columns:1fr;gap:35px;padding-bottom:60px}.safety-points h2{font-size:33px;margin-block:20px}.plan-grid{grid-template-columns:1fr;gap:20px;margin-bottom:40px}.plan{padding:28px}.plan h2{font-size:29px}.plan-price{font-size:20px;margin-top:25px}.compare-table th,.compare-table td{font-size:12px;padding:16px 12px}.compare-table tbody th{min-width:155px}.compare-table td{min-width:95px}.compare-table caption{font-size:22px}.legal-body{padding-bottom:65px}.error-links{flex-direction:column;align-items:start;gap:20px;padding-bottom:75px}}
@media(max-width:400px){.hero h1{font-size:clamp(50px,16vw,64px)}.hero-copy .button-row{gap:15px}.hero-copy .text-link{font-size:12px}.button{padding:13px 19px;gap:19px}.guide-grid{grid-template-columns:1fr}.guide-card{min-height:210px}.guide-card h3{max-width:none}.card-category{margin-bottom:20px}.video-overlay{gap:13px}.video-overlay h3{font-size:29px}.video-overlay p{max-width:230px}.article-header h1{font-size:38px}.page-intro h1{font-size:46px}.stage-label{font-size:6px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.site-header,.site-footer,.article-toc,.final-cta,.article-download{display:none}.container{width:100%}.article-layout{display:block}body{background:#fff}h1{font-size:34px}h2{font-size:25px}.screenshot{break-inside:avoid}.article-body{max-width:none}}

.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.article-body> .screenshot+.screenshot{margin-top:-25px}.example-result{border-top:1px solid var(--line);padding-top:35px}.example-result>.eyebrow{font-size:9px;color:var(--purple);margin-bottom:15px}.example-facts{margin:25px 0;font-size:13px}.example-facts>div{display:grid;grid-template-columns:1fr 2fr;gap:20px;border-bottom:1px solid var(--line);padding:12px 0;line-height:1.6}.example-facts dt{font-weight:600}.example-facts dd{margin:0;color:var(--muted)}.output-table{border-collapse:collapse;width:100%;font-size:12px;margin:15px 0 28px}.output-table caption{text-align:start;font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding-bottom:12px}.output-table th,.output-table td{padding:13px 12px;border-bottom:1px solid var(--line);text-align:start;white-space:nowrap}.output-table tbody th{font-weight:500}.output-table thead{background:#eeeee7}.example-result .screenshot{margin:10px 0 20px}.article-body .example-note{font-size:11px;color:var(--muted);line-height:1.7;margin-top:20px}@media(max-width:760px){.example-facts>div{grid-template-columns:1fr 1.4fr;gap:14px}.example-facts{font-size:12px}.output-table{font-size:10px}.output-table th,.output-table td{padding:11px 9px}.example-result>.screenshot{margin-bottom:25px}}

/* Keep navigation and every workflow readable before JavaScript is available. */
html:not(.js) .workflow-tabs,html:not(.js) .guide-tools{display:none}
html:not(.js) .workflow-panel+.workflow-panel{margin-top:50px}
.result-count{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
#reset-guides{margin-inline-start:auto;border:0;background:none;padding:10px 0;color:var(--purple);font-size:12px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.screenshot-dialog{padding:0;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);width:min(1440px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);box-shadow:0 25px 90px #0004}
.screenshot-dialog::backdrop{background:#181820b8}
.screenshot-dialog[open]{display:flex;flex-direction:column}
.screenshot-toolbar{display:flex;gap:12px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line);flex-shrink:0}
.screenshot-toolbar h2{font-size:15px;letter-spacing:0;margin:0 auto 0 0}
.screenshot-toolbar button{border:1px solid #c8c9c0;border-radius:6px;background:#fff;color:var(--ink);font-size:12px;padding:9px 12px;min-height:44px;cursor:pointer}
#screenshot-description{font-size:12px;color:var(--muted);margin:12px 20px;line-height:1.5}
.screenshot-viewport{overflow:auto;max-height:calc(100dvh - 215px);min-height:0;background:#e8e8e3;overscroll-behavior:contain}
.screenshot-viewport img{display:block;width:100%;height:auto;max-height:calc(100dvh - 215px);object-fit:contain;margin:auto}
.actual-size .screenshot-viewport img{width:1600px;max-width:none;max-height:none;margin:0}
.screenshot-help{font-size:11px;line-height:1.5;color:var(--muted);margin:12px 20px}
html.image-open{overflow:hidden}
@media(max-width:760px){
  html:not(.js) .site-header{height:auto;position:static}
  html:not(.js) .nav{flex-wrap:wrap;padding-block:16px}
  html:not(.js) .menu-toggle{display:none}
  html:not(.js) .nav nav{display:flex;position:static;flex-basis:100%;flex-wrap:wrap;padding:0;border:0;gap:8px 24px}
  html:not(.js) .nav nav a{padding:10px 0}
  .filter-group button{min-height:44px;font-size:12px}
  .screenshot-toolbar{padding:10px 12px;gap:8px}
  .screenshot-toolbar button{padding-inline:10px}
  .screenshot-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}
  #screenshot-description,.screenshot-help{margin-inline:12px}
}
@media(max-width:600px){
  .guide-grid{grid-template-columns:1fr}
  .guide-card{min-height:210px;padding:24px}
  .guide-card h3{max-width:none;font-size:25px}
  .card-category{font-size:10px;margin-bottom:20px}
  .guide-card>p{font-size:13px}
  .card-link{font-size:12px}
}
@media print{.screenshot-dialog,.workflow-tabs,.guide-tools{display:none!important}.workflow-panel[hidden]{display:grid!important}.workflow-panel+.workflow-panel{margin-top:40px}html.image-open{overflow:visible}}

.local-assurance{display:flex;align-items:flex-start;gap:13px;border:1px solid #cbd6c3;background:var(--green);border-radius:10px;padding:17px 18px;margin-top:23px;color:#34432d}.local-assurance svg{flex-shrink:0;margin-top:2px}.local-assurance strong{display:block;font-size:16px;line-height:1.4;letter-spacing:-.02em}.hero-copy .local-assurance p{font-size:13px;line-height:1.6;margin:7px 0 0;color:#475340}.hero-top{align-items:center}@media(max-width:760px){.local-assurance{margin-top:20px;padding:15px}.local-assurance strong{font-size:15px}.hero-copy .local-assurance p{font-size:13px}}

/* Language selection is plain HTML, including when storage or scripts are unavailable. */
.nav{gap:22px;position:relative}.nav nav{gap:clamp(14px,2.3vw,34px)}
.language-picker{position:relative;flex-shrink:0;font-size:12px;order:3}
.language-picker>summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:7px;cursor:pointer;list-style:none}
.language-picker>summary::-webkit-details-marker{display:none}
.language-menu{position:absolute;inset-inline-end:0;top:calc(100% + 12px);width:310px;max-width:calc(100vw - 36px);border:1px solid #c8c9c0;border-radius:10px;box-shadow:0 15px 55px #25263320;background:var(--paper);padding:18px;z-index:45}
.language-menu>p{font-size:14px;font-weight:650;margin:0 0 12px}
.language-menu>ul{list-style:none;padding:0;margin:12px 0;max-height:min(48vh,400px);overflow:auto;overscroll-behavior:contain}
.language-menu li>a{display:block;padding:10px 12px;min-height:44px;border-radius:5px;font-size:14px;line-height:1.6;letter-spacing:0;unicode-bidi:isolate}
.language-menu li>a:hover{background:var(--lavender)}
.language-menu li>a[aria-current]{background:var(--ink);color:#fff}
.language-menu>button{display:none;min-height:44px;border:1px solid #c8c9c0;background:#fff;border-radius:6px;padding:10px 12px;color:var(--ink);width:100%;font-size:13px;cursor:pointer}
.js .language-menu>button{display:block}
.language-menu>small{display:block;font-size:11px;color:var(--muted);line-height:1.6;margin:0}
.nav>.button{order:4}.nav>nav{order:2}.nav>.brand{order:0}.menu-toggle{order:5}
.screenshot-language-note{font-size:12px!important;line-height:1.7;color:var(--muted)!important;border-inline-start:2px solid #c7c1df;padding-inline-start:15px;margin:0 0 30px}
.screenshot-viewport{direction:ltr}.screenshot-toolbar h2{margin:0;margin-inline-end:auto}
.output-table tbody th{direction:ltr;unicode-bidi:plaintext}
.legal-original{margin-top:20px}
#guide-count{display:inline-block;min-width:28px;padding:2px 7px;border-radius:20px;background:var(--lavender);text-align:center;font-variant-numeric:tabular-nums}
h1,h2,h3{overflow-wrap:anywhere;hyphens:auto}
html[dir=rtl]{letter-spacing:0}
html[dir=rtl] em{font-family:inherit;font-style:normal;letter-spacing:0}
html[dir=rtl] .hero-copy{padding-inline-start:20px;padding-inline-end:0}
html[dir=rtl] .tutorial-steps li{padding-inline-start:55px;padding-inline-end:0}
html[dir=rtl] .tutorial-steps li:before{left:auto;right:0}
html[dir=rtl] .safety-sequence>div{padding-inline-start:50px;padding-inline-end:0}
html[dir=rtl] .safety-sequence span{left:auto;right:0}
html[dir=rtl] .callout{border-left:0;border-right:3px solid #8a9d79;border-radius:8px 0 0 8px}
html:lang(ar) h1,html:lang(ar) h2,html:lang(ur) h1,html:lang(ur) h2,html:lang(hi) h1,html:lang(bn) h1,html:lang(gu) h1,html:lang(kn) h1,html:lang(ml) h1,html:lang(mr) h1,html:lang(or) h1,html:lang(pa) h1,html:lang(ta) h1,html:lang(te) h1,html:lang(th) h1{line-height:1.25;letter-spacing:0}
html:lang(ja) em,html:lang(ko) em,html:lang(zh) em{font-style:normal}
@media(max-width:1000px){
 .nav>.button{display:none}.nav>.brand{margin-inline-end:auto}
 .menu-toggle{display:flex;align-items:center;gap:12px;margin:0;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:5px;background:none;font-size:12px}
 .menu-toggle span{font-size:18px}
 .nav nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:20px 24px 28px;border-bottom:1px solid var(--line);gap:5px}
 .nav.is-open nav{display:flex;flex-direction:column;align-items:stretch}.nav.is-open nav a{padding:12px 5px}
 .language-picker>summary{width:44px;padding:10px}.language-current{display:none}
 html:not(.js) .site-header{height:auto;position:static}
 html:not(.js) .nav{flex-wrap:wrap;padding-block:16px}
 html:not(.js) .menu-toggle{display:none}
 html:not(.js) .nav nav{display:flex;position:static;flex-basis:100%;flex-wrap:wrap;padding:0;border:0;gap:8px 24px;order:6}
 html:not(.js) .nav nav a{padding:10px 0}
}
@media(max-width:760px){
 .nav{gap:12px}.language-picker{position:static}.language-menu{inset-inline-end:0;top:calc(100% + 10px);max-height:calc(100dvh - 100px);overflow:auto}
 html[dir=rtl] .hero-copy{padding-inline-start:0}
 html[dir=rtl] .tutorial-steps li{padding-inline-start:40px}
}

html:not(:lang(en)) .hero h1{font-size:clamp(48px,7vw,92px)}
@media(max-width:760px){html:not(:lang(en)) .hero h1{font-size:clamp(42px,12vw,64px)}}

@media(max-width:400px){.nav{gap:8px}.menu-toggle{gap:8px;padding-inline:10px}}

html:is(:lang(bn),:lang(gu),:lang(hi),:lang(kn),:lang(ml),:lang(mr),:lang(or),:lang(pa),:lang(ta),:lang(te),:lang(th)) em{font-family:inherit;font-style:normal;letter-spacing:0}
html:is([dir=rtl],:lang(bn),:lang(gu),:lang(hi),:lang(kn),:lang(ml),:lang(mr),:lang(or),:lang(pa),:lang(ta),:lang(te),:lang(th)) :is(.eyebrow,.stage-label,.card-category){letter-spacing:0}
/* Keep short CJK page introductions together on narrow phones. */
@media(max-width:760px){html:is(:lang(zh),:lang(ja),:lang(ko)) .page-intro h1{font-size:clamp(36px,11vw,52px);line-height:1.18;letter-spacing:-.04em}}

html:lang(ko) :is(h1,h2,h3,p){word-break:keep-all;overflow-wrap:anywhere}
.builtin-jump{margin-top:18px;font-size:14px}.builtin-jump a,.builtin-method a,.editor-note a,#sources a,.tool-table a{text-decoration:underline;text-underline-offset:3px}.builtin-method{border-top:1px solid var(--line);padding-top:35px}.builtin-method>.eyebrow{font-size:9px;color:var(--purple);margin-bottom:15px}.builtin-method h3{margin-top:28px}.builtin-method .code-example{margin-top:18px}.plain-points{padding-inline-start:20px;margin:0 0 24px;color:#555662;font-size:15px;line-height:1.7}.plain-points li{margin-bottom:10px}.article-body .builtin-fit{background:#ece9f3;padding:20px 24px;border-radius:8px;color:var(--ink)}.compare-disclosure{margin-top:18px;max-width:700px;font-size:13px;color:var(--muted)}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.tool-table{min-width:560px;margin-top:10px}.tool-table th{text-align:start}.tool-table.wide{min-width:880px}.tool-table caption{font-size:10px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-bottom:12px}.compare-table.tool-table tbody th{width:auto;min-width:110px;vertical-align:top}.tool-table td{vertical-align:top}.compare-table.plain td:last-child{background:none}.compare-table.plain tr.is-ours :is(th,td),.compare-table.plain tr.is-ours td:last-child{background:#ece9f3}
@media(max-width:760px){.choice-grid{grid-template-columns:1fr;gap:12px}.plain-points{font-size:14px}.article-body .builtin-fit{padding:16px 18px}}
