:root{--ink:#2b203b;--muted:#655c70;--paper:#fffcf8;--line:#e9e2e9;--purple:#7141b9;--orange:#ed7550;--mint:#d7f4df;--lavender:#eee5ff;--peach:#ffebdc;--lemon:#f2f6ca;--blue:#e2f1fd;--pink:#fce2ed;--radius:25px;--font-body:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%;height:auto}svg{flex-shrink:0}::selection{background:#eed6ff;color:#2b203b}:focus-visible{outline:3px solid #6d37b1;outline-offset:5px;border-radius:5px}[hidden]{display:none!important}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-weight:800;line-height:1.1;letter-spacing:-.045em}p{color:var(--muted)}h2{font-size:clamp(32px,4.3vw,54px)}h3{font-size:25px}a.text-link{font-weight:700;display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid #b39dbd;padding-bottom:5px}a.text-link:hover{color:var(--purple)}.wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.section{padding-block:94px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.13em;font-weight:800;text-transform:uppercase;color:#615071;margin-bottom:24px}.eyebrow .dot{height:7px;width:7px;border-radius:50%;background:#796345}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.section-head p{max-width:440px;margin-top:18px}.section-head .text-link{flex-shrink:0;font-size:14px}.skip-link{position:fixed;top:8px;left:8px;z-index:200;transform:translateY(-150%);padding:12px 22px;background:white;border:2px solid var(--purple);border-radius:12px}.skip-link:focus{transform:none}.site-header{height:84px;position:sticky;top:0;z-index:50;background:rgba(255,252,248,.94);backdrop-filter:blur(16px);border-bottom:1px solid #eee5e9}.nav-wrap{height:100%;display:flex;align-items:center;gap:22px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:20px;line-height:1;font-weight:800;letter-spacing:-.055em;white-space:nowrap}.brand small{font-size:inherit;color:#726780}.brand-mark{width:34px;height:34px;display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:4px;border-radius:9px;background:#302244;flex-shrink:0}.brand-mark i{border-radius:2px;background:#d4f47c}.brand-mark i:nth-child(2){background:#f5a9d4}.brand-mark i:nth-child(3){background:#a7dbf9}.brand-mark i:nth-child(4){background:#bc9fee}.desktop-nav{display:flex;align-items:center;gap:26px;margin-left:auto;font-size:12px;font-weight:700}.desktop-nav a{padding-block:13px;white-space:nowrap;position:relative}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:var(--purple)}.desktop-nav a[aria-current=page]:after{content:'';position:absolute;bottom:4px;left:0;right:0;height:2px;background:#a67bdc}.nav-cta{padding:10px 17px;border-radius:11px;background:#eee6f8;font-size:12px;font-weight:700;border:1px solid #ded0ed;white-space:nowrap}.nav-cta:hover{background:#dfcef4}.menu-toggle{display:none;background:white;border:1px solid var(--line);border-radius:10px;padding:8px 12px;margin-left:auto;font-size:13px;font-weight:700}.mobile-nav{background:var(--paper);border-top:1px solid var(--line);padding:16px 28px 22px;box-shadow:0 16px 20px #2b203b0d}.mobile-nav a{display:block;padding:10px 4px;font-weight:700;font-size:15px}.mobile-nav a[aria-current=page]{color:var(--purple)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:12px;padding:14px 22px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s;background:white;border:1px solid #ddd3e4;line-height:1.4;min-height:48px}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #39254312}.btn.primary{color:white;background:linear-gradient(110deg,#7441bc,#a43c9b);border:1px solid transparent;box-shadow:0 6px 22px #7f45ac25}.btn.light{background:#ffffffdf}.hero{position:relative;overflow:clip;background:linear-gradient(120deg,#fff9ed 0%,#fff8f0 40%,#faeffc 100%);border-bottom:1px solid #f1e6ea}.hero:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#b8909440 .8px,transparent .8px);background-size:22px 22px;opacity:.25;mask-image:linear-gradient(to right,transparent 35%,black 100%);pointer-events:none}.ambient-blob{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.2}.ambient-blob.one{background:#ffbf83;top:50px;left:-280px}.ambient-blob.two{background:#dbacf7;right:-240px;bottom:-180px}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:58px;align-items:center;padding-block:84px 74px;position:relative;z-index:1}.hero-label{display:inline-flex;align-items:center;gap:8px;border:1px solid #e6dbd3;background:#fffcf4cf;border-radius:30px;padding:6px 12px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.11em;margin-bottom:25px}.hero-label span{color:#9d3e17;font-size:13px}.hero h1{font-size:clamp(60px,6.85vw,94px);letter-spacing:-.067em;line-height:1.015}.gradient-text{background:linear-gradient(105deg,#b7491f 5%,#b9276d 65%,#8640b7 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:17px;line-height:1.75;max-width:450px;margin-top:25px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-note{font-size:11px!important;margin-top:19px!important;color:#756279!important;display:flex;align-items:center;gap:7px}.hero-note span{color:#684091}.command-stage{position:relative;padding:28px 0 20px}.command-window{background:#fffdfc;border:1px solid #fff;border-radius:22px;box-shadow:0 23px 65px #79528721,0 0 0 1px #dfcfdf;overflow:hidden;transform:rotate(-2deg)}.window-bar{height:40px;border-bottom:1px solid #eee7ef;background:#fcf9fc;display:flex;align-items:center;gap:5px;padding-inline:18px}.window-bar i{width:6px;height:6px;border-radius:50%;background:#dfacc3}.window-bar i:nth-child(2){background:#e9c079}.window-bar i:nth-child(3){background:#abd6b6}.window-bar span{margin:auto;font-size:9px;color:#716179;letter-spacing:.04em;padding-right:25px}.window-body{padding:27px}.window-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#7a697f}.window-body h2{font-size:28px;line-height:1.12;letter-spacing:-.04em;margin:10px 0 20px}.workflow-tabs{display:flex;gap:5px;background:#f3eff6;border:1px solid #e9e1ed;border-radius:9px;padding:4px;margin-bottom:18px}.workflow-tabs button{background:transparent;border:0;border-radius:6px;flex:1;font-size:10px;font-weight:700;padding:8px 4px}.workflow-tabs button[aria-selected=true]{background:white;box-shadow:0 2px 5px #49315a0c;color:#6535a1}.path-panel{min-height:162px}.path-links{display:grid;grid-template-columns:1fr 1fr;gap:9px}.path-link{padding:14px;border:1px solid #e9e2ef;background:#fff;border-radius:11px;transition:background .2s;position:relative}.path-link:hover{background:#faf5ff}.path-link .mini-icon{font-size:20px;line-height:1;display:block;margin-bottom:13px}.path-link strong{display:block;font-size:11px;font-weight:700;letter-spacing:-.01em}.path-link small{display:block;font-size:9px;color:#78697e;margin-top:4px}.path-link b{position:absolute;right:12px;top:12px;font-size:14px;font-weight:400;color:#97879e}.window-footer{display:flex;gap:12px;align-items:center;border-top:1px dashed #e4d8e6;margin-top:19px;padding-top:16px;font-size:10px;color:#776580}.window-footer .check{width:19px;height:19px;display:flex;align-items:center;justify-content:center;background:#dff1df;border-radius:50%;color:#32623d}.float-label{position:absolute;border:1px solid #fff9;border-radius:11px;box-shadow:0 8px 22px #6c497315;padding:11px 17px;font-size:11px;font-weight:700;z-index:2}.float-label.top{background:#eaddff;right:-12px;top:9px;transform:rotate(6deg)}.float-label.bottom{background:#e9f6c8;left:-25px;bottom:0;transform:rotate(-5deg)}.float-label span{margin-right:7px}.hero-strip{position:relative;z-index:1;padding:24px 0 27px;border-top:1px solid #e7d8e373;display:flex;align-items:center;gap:30px}.hero-strip p{font-size:9px;font-weight:700;letter-spacing:.1em;max-width:120px;text-transform:uppercase;line-height:1.6;flex-shrink:0}.tool-names{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;width:100%;font-size:17px;font-weight:700;letter-spacing:-.04em;color:#736979}.tool-names a:hover{color:var(--purple)}.rainbow-rule{height:3px;background:linear-gradient(90deg,#f6bc74,#f798c3,#b49beb,#85d6df,#d8eb91)}.bento-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.bento{border-radius:var(--radius);padding:30px;position:relative;overflow:hidden;min-height:290px;border:1px solid #3922460a;transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column}.bento:hover{transform:translateY(-4px);box-shadow:0 12px 30px #3824400c}.bento.wide{grid-column:span 2}.peach{background:var(--peach)}.lavender{background:var(--lavender)}.mint{background:var(--mint)}.lemon{background:var(--lemon)}.blue{background:var(--blue)}.pink{background:var(--pink)}.bento-icon{display:flex;width:45px;height:45px;border-radius:13px;background:#ffffffb8;align-items:center;justify-content:center;font-size:23px;margin-bottom:23px}.bento h3{max-width:280px;font-size:29px;letter-spacing:-.045em;margin-bottom:12px}.bento p{font-size:13px;max-width:300px;line-height:1.65;color:#66536a}.bento-arrow{position:absolute;right:28px;top:30px;font-size:22px;line-height:1}.bento-tags{margin-top:auto;padding-top:20px;display:flex;gap:7px;flex-wrap:wrap;position:relative;z-index:2}.bento-tags span{padding:3px 8px;background:#ffffff87;border-radius:6px;font-size:9px;font-weight:700;color:#645069}.mini-browser{position:absolute;right:34px;top:88px;width:230px;border:2px solid #fff;background:#ffffff9c;border-radius:13px;box-shadow:0 13px 0 -6px #e9b4953b;transform:rotate(6deg);padding:13px}.browser-dots{display:flex;gap:3px;border-bottom:1px solid #e6cfc3;padding-bottom:8px;margin-bottom:10px}.browser-dots i{height:4px;width:4px;border-radius:50%;background:#ddbbbd}.browser-block{height:39px;border-radius:6px;background:linear-gradient(100deg,#edd3fb,#f6caac);margin-bottom:8px}.browser-lines{height:4px;width:75%;background:#d9c6d5;margin:6px 0;border-radius:3px}.browser-squares{display:flex;gap:6px;margin-top:13px}.browser-squares i{height:37px;background:#f2e6fb;border-radius:5px;flex:1}.browser-squares i:nth-child(2){background:#e5f1cb}.browser-squares i:nth-child(3){background:#f5d6e1}.mini-code{position:absolute;right:30px;top:102px;width:230px;background:#ffffffb8;border:1px solid white;border-radius:12px;padding:20px;transform:rotate(-5deg);font-family:monospace;font-size:12px;color:#51675c;line-height:2}.mini-code span{color:#8a4e9c}.flow-band{background:linear-gradient(100deg,#f4effb,#fff5eb);border-block:1px solid #f0e8ef}.flow-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:90px;align-items:center}.flow-grid h2{font-size:clamp(34px,4vw,51px)}.flow-grid p{margin-top:22px;font-size:15px;max-width:490px}.flow-steps{display:grid;gap:23px}.flow-step{display:grid;grid-template-columns:42px 1fr;gap:20px;align-items:start}.step-number{height:38px;width:38px;display:flex;align-items:center;justify-content:center;background:#fff9;border:1px solid #e4d4eb;border-radius:11px;font-size:11px;font-weight:700}.flow-step h3{font-size:18px;letter-spacing:-.025em;line-height:1.3}.flow-step p{font-size:13px;margin-top:6px}.directory-call{display:flex;justify-content:space-between;align-items:center;gap:30px;border:1px solid var(--line);border-radius:20px;padding:26px 30px;margin-top:25px;background:#fff}.directory-call h3{font-size:18px;letter-spacing:-.025em}.directory-call p{font-size:12px;margin-top:5px}.posts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}.post-card{min-width:0}.post-card .post-image{border:1px solid #2b203b0b;border-radius:18px;overflow:hidden;background:#f5effb;display:block}.post-card img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .5s}.post-card:hover img{transform:scale(1.035)}.post-card .post-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:10px;color:#76637d;margin:20px 0 12px}.tag-label{text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:800;color:#764698}.post-card h3{font-size:22px;line-height:1.25;letter-spacing:-.035em}.post-card h3 a:hover{color:var(--purple)}.post-card p{font-size:13px;line-height:1.7;margin-top:11px}.post-card .read-link{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;margin-top:16px}.faq-section{border-top:1px solid var(--line)}.faq-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:90px}.faq-intro p{max-width:320px;margin-top:22px;font-size:15px}.faq-list details{border-bottom:1px solid #e6ddea;padding:19px 0}.faq-list details:first-child{border-top:1px solid #e6ddea}.faq-list summary{cursor:pointer;font-size:15px;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:20px;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:22px;line-height:1;color:#9766bf;font-weight:400}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:14px;line-height:1.8;margin-top:15px;max-width:570px}.faq-list details a{text-decoration:underline;text-underline-offset:3px;color:#7846a0}.final-cta{background:linear-gradient(110deg,#fce3d4 0%,#f8e0ed 40%,#eae1fd 70%,#e4f2d8);border:1px solid #ead7df;border-radius:27px;padding:52px 60px;display:flex;justify-content:space-between;align-items:center;gap:30px;position:relative;overflow:hidden}.final-cta h2{font-size:42px;line-height:1.08;max-width:600px}.final-cta p{font-size:14px;max-width:480px;margin-top:16px}.final-cta .btn{flex-shrink:0}.cta-section{padding-bottom:85px}.site-footer{border-top:1px solid var(--line);padding:56px 0 25px;background:#fcf9f5}.footer-grid{display:grid;grid-template-columns:1.55fr repeat(4,1fr);gap:34px}.footer-brand .brand{font-size:19px}.footer-brand p{font-size:12px;max-width:230px;margin-top:18px;line-height:1.8}.footer-brand .mail{font-size:12px;display:inline-block;margin-top:15px;font-weight:700;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.footer-links h2{font-size:10px;line-height:1.5;letter-spacing:.09em;text-transform:uppercase;margin:3px 0 18px}.footer-links a{display:block;font-size:11px;color:#73657a;margin:9px 0;line-height:1.5}.footer-links a:hover{color:var(--purple);text-decoration:underline}.footer-bottom{margin-top:40px;padding-top:22px;border-top:1px solid #e8dfe7;display:flex;justify-content:space-between;gap:22px;font-size:10px;color:#786c7f}.footer-bottom a{text-decoration:underline;text-underline-offset:3px}.footer-bottom div{display:flex;gap:18px;flex-wrap:wrap}.breadcrumb{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:11px;color:#786580;margin:28px 0 0}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span.sep{color:#bca9c3}.page-hero{padding:52px 0 57px;border-bottom:1px solid #e9e0ea;background:linear-gradient(110deg,#fff6eb,#faf1fb 65%,#f2f3e7)}.page-hero .eyebrow{margin-bottom:21px}.page-hero h1{font-size:clamp(42px,5vw,66px);line-height:1.08;letter-spacing:-.057em;max-width:960px}.page-hero .lead{font-size:17px;line-height:1.85;max-width:780px;margin-top:25px}.page-hero .breadcrumb{margin-top:0;margin-bottom:32px}.page-icon{height:61px;width:61px;border-radius:18px;background:#fff9;display:flex;align-items:center;justify-content:center;font-size:30px;margin-bottom:24px;border:1px solid #fff}.topic-content{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:78px;padding-block:60px 78px;align-items:start}.prose{min-width:0;font-size:16px;line-height:1.9;color:#574d62}.prose p{margin:0 0 24px;color:#5f536a}.prose h2{font-size:29px;line-height:1.25;margin:40px 0 17px;letter-spacing:-.035em;scroll-margin-top:110px;color:var(--ink)}.prose>h2:first-child{margin-top:0}.prose h3{font-size:21px;line-height:1.4;margin:28px 0 12px;letter-spacing:-.02em;color:var(--ink)}.prose a:not(.btn){color:#7744a0;text-decoration:underline;text-underline-offset:3px}.prose a:hover{text-decoration-thickness:2px}.prose code{background:#f1eaf6;padding:2px 5px;border-radius:4px;color:#744998;font-size:.88em;overflow-wrap:anywhere}.prose ul,.prose ol{padding-left:25px;margin:18px 0 25px}.prose li{padding-left:4px;margin:9px 0}.source-note{font-size:12px;padding:18px 22px;border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:35px;color:#73637c}.source-note a{font-weight:700}.side-panel{border:1px solid #e2d5eb;background:#f6f0fb;border-radius:20px;padding:24px;position:sticky;top:110px}.side-panel h2{font-size:18px;line-height:1.35;letter-spacing:-.025em}.check-list{list-style:none;padding:0;margin:19px 0 24px}.check-list li{position:relative;padding-left:24px;margin:14px 0;font-size:12px;line-height:1.7;color:#62506e}.check-list li:before{content:'✓';position:absolute;left:0;top:1px;color:#694591;font-size:12px;font-weight:700}.side-panel .btn{font-size:11px;min-height:42px;padding:11px 14px;gap:12px;width:100%}.side-note{font-size:10px;color:#7b6588;margin-top:14px;text-align:center}.related-section{border-top:1px solid var(--line);padding-block:62px}.related-section .section-head{margin-bottom:27px}.related-section h2{font-size:31px}.topic-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.topic-link{display:flex;align-items:flex-start;gap:13px;border:1px solid var(--line);border-radius:16px;padding:22px;background:white;transition:background .2s}.topic-link:hover{background:#f8f2fe}.topic-link .icon{height:35px;width:35px;flex-shrink:0;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#f2eaf9;font-size:19px}.topic-link strong{font-size:13px;line-height:1.5;display:block;letter-spacing:-.015em}.topic-link small{font-size:10px;color:#7b6981;display:block;margin-top:5px}.topic-link .arrow{margin-left:auto;font-size:16px}.subtopic-grid{margin-top:37px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.subtopic-grid .topic-link{padding:19px}.subtopic-grid .topic-link strong{font-size:12px}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:36px;align-items:center}.filter-btn{border:1px solid #dfd4e6;padding:8px 16px;background:#fff;border-radius:25px;font-size:11px;font-weight:700;min-height:40px}.filter-btn[aria-pressed=true]{background:#7345a6;color:white;border-color:#7345a6}.filter-btn:hover{border-color:#74469c}.result-count{font-size:11px;color:#7b6586;margin-left:auto}.blog-listing{padding-block:50px 85px}.blog-listing .posts-grid{row-gap:45px}.archive-note{margin-top:24px;display:flex;gap:10px;flex-wrap:wrap}.chip{padding:5px 11px;border-radius:20px;border:1px solid #dbcbe6;font-size:10px;color:#6e5084;background:#fff8}.chip:hover{background:#eee2f7}.article-top{background:linear-gradient(120deg,#fff8f0,#f9effb);padding:28px 0 54px;border-bottom:1px solid var(--line)}.article-top .breadcrumb{margin:0 0 36px}.article-top-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:70px;align-items:center}.article-top h1{font-size:clamp(38px,4.4vw,60px);line-height:1.13;letter-spacing:-.045em;max-width:810px}.article-top .excerpt{font-size:17px;line-height:1.7;margin:20px 0 24px}.article-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px;color:#75647e}.article-meta a{text-decoration:underline;text-underline-offset:3px}.article-feature{border-radius:22px;border:1px solid #44304a0e;box-shadow:0 15px 30px #76538b13;transform:rotate(2deg)}.article-layout{display:grid;grid-template-columns:230px minmax(0,760px);gap:75px;padding-block:60px 80px;align-items:start}.toc{position:sticky;top:114px}.toc h2{font-size:10px;text-transform:uppercase;letter-spacing:.09em;margin:0 0 16px}.toc a{display:block;font-size:11px;line-height:1.6;padding:8px 0 8px 14px;border-left:2px solid #e7ddea;color:#7a6684}.toc a:hover{color:#70419b;border-color:#8252b0}.toc .toc-bottom{margin-top:25px;font-size:11px}.toc-bottom a{border-left:0;padding-left:0;text-decoration:underline}.article-body{font-size:17px;line-height:1.9}.article-body h2{font-size:29px;line-height:1.25;margin-top:43px}.article-body p{margin-bottom:24px}.article-tail{border-top:1px solid var(--line);padding-top:25px;margin-top:40px}.article-tail p{font-size:11px;color:#806d88;margin-bottom:12px}.code-box{border:1px solid #dccde8;border-radius:17px;background:#f8f3fc;margin:22px 0;overflow:hidden}.code-top{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 18px;border-bottom:1px solid #e6dceb}.code-top strong{font-size:12px;line-height:1.5;color:#614073}.copy-btn{border:1px solid #d9c9e5;border-radius:7px;padding:5px 10px;font-size:10px;background:white;min-height:32px;white-space:nowrap}.code-box pre{margin:0;padding:21px;white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.9;color:#675276;max-height:none}.code-box pre code{padding:0;background:none;font:inherit;color:inherit}.code-caption{font-size:11px!important;padding:0 20px 15px;margin:0!important}.tool-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-block:52px 75px}.tool-card{background:#fff;border:1px solid var(--line);border-radius:23px;padding:30px;scroll-margin-top:105px}.tool-card .tool-head{display:flex;gap:15px;align-items:center;margin-bottom:20px}.tool-avatar{height:49px;width:49px;border:1px solid #eadfeb;border-radius:15px;background:linear-gradient(120deg,#fae1d8,#eee2fa);display:flex;justify-content:center;align-items:center;font-size:21px;font-weight:800}.tool-card h2{font-size:25px}.tool-card .tool-role{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#81688e;margin-top:6px}.tool-card p{font-size:13px;line-height:1.85;margin:15px 0}.tool-card h3{font-size:15px;letter-spacing:-.015em;margin:20px 0 10px}.tool-card a{font-size:11px;color:#77499c;font-weight:700;text-decoration:underline;text-underline-offset:3px;display:inline-block;margin-top:7px}.tool-card .tool-links{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:8px;margin-top:21px}.info-layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:75px;padding-block:60px 75px}.contact-box{background:#f0e6fa;border-radius:22px;padding:35px;border:1px solid #e2ceef;margin-top:30px}.contact-box a{font-size:clamp(20px,3vw,34px);letter-spacing:-.035em;color:#613b89;overflow-wrap:anywhere;text-decoration:none!important;font-weight:700}.contact-box p{font-size:12px;margin-top:13px;margin-bottom:0}.empty-state{padding-block:100px;text-align:center}.empty-state h1{font-size:80px;margin-bottom:22px}.empty-state p{max-width:470px;margin:20px auto 30px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1100px){.bento.wide>p,.bento.wide>h3{max-width:47%}}
@media(max-width:1150px){.wrap{width:calc(100% - 56px)}.desktop-nav{gap:17px;font-size:11px}.nav-wrap{gap:17px}.brand{font-size:19px}.brand-mark{width:30px;height:30px}.hero-grid{gap:38px}.hero h1{font-size:clamp(60px,7vw,85px)}.hero-copy>p{font-size:15px}.window-body{padding:23px}.window-body h2{font-size:25px}.mini-browser,.mini-code{width:180px;right:20px}.bento.wide>p,.bento.wide>h3{max-width:55%}.topic-content{gap:45px;grid-template-columns:minmax(0,1fr) 260px}.article-layout{gap:45px;grid-template-columns:210px minmax(0,1fr)}.article-top-grid{gap:45px;grid-template-columns:minmax(0,1fr) 270px}.footer-grid{gap:20px}.footer-brand .brand{font-size:17px}}
@media(max-width:950px){.desktop-nav,.nav-cta{display:none}.menu-toggle{display:block}.hero-grid{gap:32px;padding-block:63px}.hero h1{font-size:65px}.hero-copy>p{font-size:15px}.hero-actions{gap:9px}.hero-actions .btn{font-size:11px;padding:13px 15px}.window-body{padding:20px}.window-body h2{font-size:23px}.path-link{padding:12px}.path-link strong{font-size:10px}.path-link small{font-size:9px}.float-label{font-size:9px;padding:10px 12px}.float-label.bottom{left:-15px}.tool-names{font-size:15px;gap:16px}.hero-strip p{max-width:105px;font-size:8px}.bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bento.wide{grid-column:span 1}.bento.wide>h3,.bento.wide>p{max-width:100%}.mini-browser,.mini-code{display:none}.bento{min-height:280px}.flow-grid{gap:45px}.faq-grid{gap:45px}.posts-grid{gap:21px}.post-card h3{font-size:19px}.footer-grid{grid-template-columns:repeat(4,1fr)}.footer-brand{grid-column:1/-1;display:flex;align-items:start;justify-content:space-between;gap:25px}.footer-brand p{margin-top:0}.footer-brand .mail{margin-top:0}.footer-brand .brand{font-size:20px}.article-top-grid{grid-template-columns:minmax(0,1fr) 210px;gap:35px}.article-layout{grid-template-columns:180px minmax(0,1fr);gap:35px}.toc a{font-size:10px}.topic-content{gap:30px;grid-template-columns:minmax(0,1fr) 245px}.topic-links{grid-template-columns:repeat(2,minmax(0,1fr))}.info-layout{gap:35px;grid-template-columns:minmax(0,1fr) 230px}.final-cta{padding:42px}.final-cta h2{font-size:34px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:72px}.brand{font-size:20px}.brand-mark{width:32px;height:32px}.hero-grid{grid-template-columns:1fr;gap:34px;padding-top:46px;padding-bottom:45px}.hero-copy{text-align:center}.hero-label{margin-bottom:23px;font-size:9px}.hero h1{font-size:clamp(62px,10.7vw,86px);letter-spacing:-.06em}.hero-copy>p{margin-inline:auto;max-width:470px;font-size:16px}.hero-actions{justify-content:center}.hero-actions .btn{font-size:12px;padding:14px 17px}.hero-note{justify-content:center}.command-stage{width:min(450px,95%);margin-inline:auto;padding-top:15px}.command-window{transform:rotate(-1.5deg)}.window-body{padding:25px}.window-body h2{font-size:27px}.path-link{padding:14px}.path-link strong{font-size:11px}.path-link small{font-size:10px}.workflow-tabs button{font-size:11px}.float-label.top{right:-9px;top:-1px}.float-label.bottom{left:-10px}.hero-strip{display:block;padding-block:25px}.hero-strip p{max-width:none;text-align:center;margin-bottom:18px;font-size:8px}.tool-names{justify-content:center;gap:14px 26px;font-size:16px}.section{padding-block:62px}.section-head{display:block;margin-bottom:29px}.section-head .text-link{margin-top:21px}.section-head p{font-size:14px}.bento-grid{gap:14px}.bento{padding:23px;min-height:287px;border-radius:21px}.bento h3{font-size:25px}.bento p{font-size:12px}.bento-arrow{right:20px;top:25px}.bento-tags{gap:5px}.bento-tags span{font-size:8px}.flow-grid,.faq-grid{grid-template-columns:1fr;gap:36px}.flow-grid p{max-width:none}.flow-steps{gap:25px}.flow-step p{font-size:13px}.posts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.home-posts .post-card:last-child{display:none}.post-card h3{font-size:19px}.post-card .post-meta{font-size:9px;gap:8px}.post-card p{font-size:12px}.final-cta{padding:34px;display:block}.final-cta h2{font-size:35px}.final-cta .btn{margin-top:25px}.cta-section{padding-bottom:58px}.footer-brand{display:block;grid-column:1/-1}.footer-brand p{max-width:360px;margin:17px 0}.footer-grid{grid-template-columns:repeat(2,1fr);gap:28px}.footer-links h2{margin-bottom:14px}.footer-links a{font-size:12px}.footer-bottom{display:block;line-height:1.8}.footer-bottom div{margin-top:13px}.page-hero{padding:32px 0 38px}.page-hero h1{font-size:43px}.page-hero .lead{font-size:15px;margin-top:22px}.page-icon{width:50px;height:50px;font-size:25px}.topic-content,.info-layout{grid-template-columns:1fr;gap:30px;padding-block:38px 50px}.prose{font-size:15px}.prose h2{font-size:25px}.side-panel{position:static}.side-panel .btn{max-width:280px}.side-note{text-align:left}.related-section{padding-block:42px}.topic-links{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-link{padding:18px}.topic-link strong{font-size:12px}.directory-call{display:block;padding:25px}.directory-call .text-link{margin-top:18px}.article-top{padding-bottom:35px}.article-top-grid{grid-template-columns:minmax(0,1fr) 145px;gap:25px}.article-top h1{font-size:37px}.article-top .excerpt{font-size:14px}.article-top .eyebrow{font-size:9px;margin-bottom:18px}.article-meta{font-size:10px;gap:8px}.article-feature{border-radius:15px}.article-layout{grid-template-columns:1fr;gap:30px;padding-block:35px 48px}.toc{position:static;border:1px solid #e5d8ed;border-radius:17px;padding:20px;background:#f7f1fb}.toc a{font-size:11px;display:inline-block;padding:5px 10px;border-left:1px solid #ded0e8;margin:3px 0}.toc .toc-bottom{display:none}.article-body{font-size:16px;line-height:1.9}.article-body h2{font-size:26px}.article-body h3{font-size:20px}.tool-directory{gap:16px;padding-block:35px 50px}.tool-card{padding:24px}.tool-card h2{font-size:22px}.filter-bar{gap:7px}.filter-btn{padding:8px 12px;font-size:10px}.result-count{width:100%;margin:7px 0 0}.contact-box{padding:25px}.breadcrumb{font-size:10px}.section-head h2{font-size:37px}.info-layout .side-panel{max-width:none}.archive-note{gap:8px}}
@media(max-width:480px){.wrap{width:calc(100% - 36px)}.brand{font-size:19px}.brand-mark{width:30px;height:30px}.hero h1{font-size:61px}.hero-copy>p{font-size:15px;max-width:335px}.hero-grid{padding-block:38px 36px;gap:28px}.hero-actions .btn{gap:10px;padding:13px 14px;font-size:11px}.hero-note{font-size:10px!important}.command-stage{width:96%}.window-body{padding:21px}.window-body h2{font-size:25px}.window-bar{height:35px}.window-bar span{font-size:8px}.float-label.top{font-size:9px;padding:9px 11px}.float-label.bottom{font-size:9px;padding:9px 11px;left:-4px}.path-links{gap:8px}.path-link{padding:13px 12px}.path-link strong{font-size:10px}.path-link small{font-size:8px}.path-panel{min-height:159px}.workflow-tabs button{font-size:10px}.window-footer{font-size:9px}.tool-names{font-size:14px;gap:14px 20px}.bento-grid{grid-template-columns:1fr}.bento{min-height:249px;padding:26px}.bento h3{font-size:29px;max-width:85%}.bento p{font-size:13px;max-width:85%}.bento-tags span{font-size:9px}.bento-icon{margin-bottom:20px}.section-head h2{font-size:37px}.posts-grid{grid-template-columns:1fr;gap:35px}.home-posts .post-card:last-child{display:block}.post-card h3{font-size:24px}.post-card p{font-size:13px}.post-card .post-meta{font-size:10px}.post-card .post-image{border-radius:20px}.post-card .read-link{font-size:12px}.final-cta{padding:30px 25px}.final-cta h2{font-size:34px}.topic-links,.subtopic-grid{grid-template-columns:1fr}.page-hero h1{font-size:39px}.article-top-grid{grid-template-columns:1fr;gap:30px}.article-top h1{font-size:38px}.article-feature{width:210px;justify-self:center}.article-top .excerpt{font-size:15px}.article-body{font-size:16px}.article-body h2{font-size:25px}.tool-directory{grid-template-columns:1fr}.page-hero .breadcrumb{margin-bottom:26px}.empty-state h1{font-size:65px}.footer-bottom{font-size:10px}.prose{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.noscript-nav{padding-block:14px;display:flex;gap:18px;flex-wrap:wrap;font-size:12px;font-weight:700;border-bottom:1px solid var(--line)}