@font-face{font-family:'Chakra Petch';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/chakra-petch-500.ttf') format('truetype')}
:root{--color-canvas:#f7f7f7;--color-ink:#181818;--color-muted:#626262;--color-rule:#ddd;--color-grid:#e9e9e9;--color-surface:#eee;--color-highlight:#ffda1a;--font-sans:Arial,Helvetica,sans-serif;--font-display:'Chakra Petch',sans-serif;--page-width:min(100vw,1440px);--gutter:clamp(24px,6.6667vw,96px);--inner:calc(var(--page-width) - var(--gutter)*2);--rail:calc(var(--inner)/3);--copy:calc(var(--inner)*7/12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-sans)}h1,h2,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--color-ink);outline-offset:4px}a:hover{text-decoration:underline;text-underline-offset:4px}.skip-link{position:fixed;left:16px;top:-70px;background:var(--color-highlight);padding:12px;z-index:100}.skip-link:focus{top:16px}.blog-page{width:var(--page-width)!important;margin:auto;overflow:visible!important}.blog-main{display:contents}.blog-page>header,.blog-page>footer,.blog-main>section,.blog-main>div{width:100%!important}.article-section,.article-title,.p-2FW-0,.p-2E7-0,.p-2GB-0{padding-inline:var(--gutter)!important}.section-rail,.p-2EM-0,.p-2E8-0{width:var(--rail)!important}.section-copy{width:var(--copy)!important;min-width:0}.p-2ER-0{width:calc(var(--inner)*2/3)!important}.p-2EV-0{max-width:100%}.p-2E2-0{pointer-events:none}.p-2E3-0{left:var(--gutter)!important}.p-2E4-0{left:calc(var(--gutter) + var(--rail))!important}.p-2E5-0{left:auto!important;right:var(--gutter)}.p-2EC-0{width:var(--rail)!important;gap:24px}.blog-nav-link{font:11px/14px var(--font-sans);font-weight:bold}.p-2UM-0,.p-2YX-0{width:calc(var(--inner)*2/3)!important}.p-2YX-0{height:auto!important;aspect-ratio:2032/774}.p-2GB-0>*{width:auto!important}.p-2GB-0{justify-content:space-between;gap:24px}.p-2GC-0{width:var(--rail)!important}.p-2GD-0{flex:1}
.supplier-comparison{width:100%!important}.p-2XJ-0,.p-2ZA-0,.p-2XH-0{max-width:100%}.p-2YQ-0{width:100%!important}.p-2XJ-0>div{width:100%!important}.p-2XJ-0>div>*:first-child{width:36.5385%!important}.p-2XJ-0>div>*:not(:first-child){width:31.7307%!important}.p-2FX-0{width:100%!important}.p-2FY-0{width:28.7671%!important}.p-2G0-0{flex:1;width:auto!important;min-width:0}.p-2G1-0{width:100%!important}.p-2FX-0{gap:clamp(16px,2.78vw,40px)!important}.p-2FY-0{font-size:clamp(24px,2.5vw,36px)!important}.p-2G2-0,.p-2G3-0{font-size:clamp(20px,1.945vw,28px)!important}.article-tail{padding-left:calc(var(--gutter) + var(--rail))!important;padding-right:calc(var(--gutter) + var(--inner)/12)!important}.article-tail>div{max-width:100%}.ai-row{width:100%!important}.ai-row>*:first-child{width:39.56%!important}.ai-row>*:last-child{width:60.44%!important}.build-steps,.build-step,.p-2VN-0{width:100%!important}.build-step>*:last-child{width:auto!important;flex:1;min-width:0}
.sidebar-figure{max-width:calc(100% - 40px);z-index:1}.sidebar-figure .media-button{display:block;width:184px;height:auto;flex-shrink:0;padding:0;border:0;background:transparent;position:relative;align-self:start;cursor:zoom-in}.sidebar-figure .media-button>img{width:100%!important;height:auto!important;display:block}.sidebar-figure .media-button[data-video]{height:auto!important;aspect-ratio:2/1}.sidebar-figure .media-button[data-video]>img{width:100%!important;height:100%!important}.sidebar-figure .media-button[data-video] .p-2Z4-0{left:50%!important;top:50%!important;transform:translate(-50%,-50%)}.sidebar-figure>div:last-child{flex:1;min-width:0;height:auto!important}.media-hint{background:none;border:0;padding:0;text-align:left;align-self:start}.media-hint:hover{text-decoration:underline;text-underline-offset:3px}.reference{font-weight:700;scroll-margin-top:24px}.media-button:focus-visible{outline-color:#181818}#hover-preview{position:fixed;z-index:20;pointer-events:none;border:2px solid white;background:white;box-shadow:0 6px 18px #0003}#hover-preview img{display:block;max-width:100%;max-height:100%;object-fit:contain}dialog{width:min(1100px,94vw);max-height:94vh;padding:0;border:1px solid var(--color-rule);background:var(--color-canvas);color:var(--color-ink)}dialog::backdrop{background:#0009}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 16px;font:14px/20px var(--font-sans)}.dialog-header button{border:1px solid var(--color-ink);background:transparent;padding:6px 12px;flex-shrink:0}#full-image,#full-video{display:block;width:100%;max-height:80vh;object-fit:contain;background:#fff}[hidden]{display:none!important}
@media(max-width:1200px) and (min-width:901px){.sidebar-figure{display:block!important;max-width:calc(100% - 24px);width:184px!important;height:auto!important}.sidebar-figure>div:last-child{width:184px!important;padding:8px 0!important}.p-2EU-0{font-size:64px!important;line-height:70px!important}.p-2FY-0{line-height:34px!important}.p-2G2-0,.p-2G3-0{line-height:30px!important}}
@media(max-width:900px){:root{--gutter:24px;--rail:0px;--copy:var(--inner)}.p-2E4-0{display:none}.p-2E7-0{height:auto!important;min-height:100px;gap:24px;justify-content:space-between;flex-wrap:wrap;padding-block:24px!important}.p-2E8-0{width:auto!important}.p-2EC-0{width:auto!important;flex-wrap:wrap;gap:20px}.p-2EL-0{flex-direction:column;gap:28px;padding-top:40px!important;padding-bottom:40px!important}.p-2EM-0{width:100%!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:16px!important;padding:0!important}.p-2EP-0{padding-top:0!important}.p-2EO-0{font-size:12px!important;line-height:18px!important}.p-2ER-0{width:100%!important;gap:20px!important}.p-2EU-0{font-size:clamp(40px,8vw,64px)!important;line-height:1.1!important;overflow-wrap:normal}.p-2EV-0{width:100%!important;font-size:18px!important;line-height:28px!important}.article-section{display:flex!important;flex-direction:column;padding-top:40px!important;gap:24px}.section-rail{width:100%!important;min-height:18px;padding-top:0!important}.section-copy{width:100%!important}.p-2EZ-0{position:static!important}.sidebar-figure{position:relative!important;top:auto!important;left:auto!important;max-width:100%;width:376px!important;height:auto!important;align-self:start}.section-copy>.sidebar-figure{margin-block:-8px 0}.p-2UM-0,.p-2YX-0{width:100%!important}.article-tail{padding-inline:var(--gutter)!important;padding-top:32px!important}.p-2FX-0{flex-wrap:wrap;gap:20px!important;padding:24px!important}.p-2FY-0{width:auto!important;font-size:26px!important;line-height:32px!important}.p-2FY-0 br{display:none}.p-2FZ-0{width:24px!important;font-size:26px!important}.p-2G0-0{width:100%!important;flex-basis:100%}.p-2G2-0,.p-2G3-0{font-size:23px!important;line-height:30px!important}.p-2GB-0{flex-wrap:wrap;padding-block:28px!important}.p-2GC-0{width:auto!important}.p-2GD-0{flex-basis:60%}.p-2XJ-0,.p-2ZA-0,.p-2XH-0{width:100%!important}.p-2XJ-0>div>*:first-child{padding-right:8px}.p-2XJ-0>div>*:not(:first-child){padding-left:8px!important}.p-2XJ-0>div>*{font-size:13px!important}.ai-row>*:first-child{padding-right:12px!important}.ai-row>*:last-child{padding-left:12px!important}.p-2VY-0{font-size:28px!important;line-height:36px!important}}
@media(max-width:520px){:root{--gutter:20px}.p-2E7-0{gap:18px}.p-2EC-0{width:100%!important;justify-content:space-between!important;gap:12px}.p-2EN-0{font-size:11px!important}.p-2EQ-0{font-size:12px!important}.section-copy>p,.article-tail>p{font-size:17px!important;line-height:28px!important}.section-copy>h2{font-size:28px!important;line-height:34px!important}.p-2RG-0{font-size:25px!important;line-height:34px!important}.build-step>*:last-child{font-size:15px!important;line-height:23px!important}.sidebar-figure .media-button{width:45%!important}.sidebar-figure{width:100%!important}.sidebar-figure>div:last-child{padding:4px 10px!important}.p-2GB-0{gap:16px}.p-2GD-0{flex-basis:100%}.ai-row [role=cell],.ai-row [role=cell]>div{font-size:15px!important;line-height:23px!important}.p-2FX-0{padding:20px!important}.p-2G2-0,.p-2G3-0{font-size:20px!important;line-height:27px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Give article text breathing room alongside the vertical grid. */
:root{--text-inset:16px}
.section-copy>p,.section-copy>h2,.article-tail>p,.p-2ER-0,.p-2VX-0,.build-steps,.p-2VN-0{padding-left:var(--text-inset)!important}
.section-copy>p,.article-tail>p{font-size:18px!important;line-height:30px!important}
@media(max-width:520px){:root{--text-inset:12px}.section-copy>p,.article-tail>p{font-size:16px!important;line-height:27px!important}}

/* Shared landing-page navigation and a slightly smaller article type scale. */
.blog-header{max-width:1344px;margin-inline:auto;padding-inline:48px;height:116px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative}
.blog-header .brand{display:inline-flex;align-items:center;gap:9px;font:700 21px/1.55 Arial,Helvetica,sans-serif;letter-spacing:-.9px}
.blog-header .brand svg{width:21px;height:21px}
.blog-header nav{margin-left:auto}
.blog-configurator-link{font:700 14px/1.55 Arial,Helvetica,sans-serif;white-space:nowrap}
.section-copy>p,.article-tail>p{font-size:17px!important;line-height:28px!important}
.section-copy>h2,.p-2VY-0{font-size:28px!important;line-height:36px!important}
.p-2US-0{font-size:34px!important;line-height:42px!important}
.build-step>*:last-child{font-size:16px!important;line-height:24px!important}
.ai-row [role=cell],.ai-row [role=cell]>div{font-size:16px!important;line-height:25px!important}
.p-2RG-0{font-size:28px!important;line-height:38px!important}
.p-2FY-0{font-size:clamp(24px,2.23vw,32px)!important}
.p-2G2-0,.p-2G3-0{font-size:clamp(20px,1.74vw,25px)!important}
@media(max-width:1050px){.blog-header{padding-inline:32px}}
@media(max-width:760px){.blog-header{padding-inline:22px;height:88px}.blog-header .brand{font-size:20px;gap:6px}.blog-header .brand svg{width:18px;height:18px}.blog-configurator-link{font-size:12px}}
@media(max-width:520px){.section-copy>p,.article-tail>p{font-size:16px!important;line-height:26px!important}.section-copy>h2,.p-2VY-0{font-size:26px!important;line-height:33px!important}.p-2US-0{font-size:30px!important;line-height:38px!important}.build-step>*:last-child,.ai-row [role=cell],.ai-row [role=cell]>div{font-size:15px!important;line-height:23px!important}.p-2RG-0{font-size:24px!important;line-height:32px!important}}

/* Compact AI/Me comparison, aligned with the article's text inset. */
.ai-row{padding-block:10px!important}
.ai-row>*:first-child{padding-left:var(--text-inset)!important;padding-right:16px!important}
.ai-row>*:last-child{padding-left:16px!important}
.ai-row [role=columnheader],.ai-row [role=cell],.ai-row [role=cell]>div{font-size:14px!important;line-height:21px!important}
@media(max-width:520px){.ai-row>*:first-child{padding-right:12px!important}.ai-row>*:last-child{padding-left:12px!important}}