@charset "UTF-8";
:root{--paper:#fafaf8;--white:#fff;--ink:#171716;--muted:#6a6a66;--line:#deded8;--soft:#f0f0eb;--ease:cubic-bezier(.22,1,.36,1);--shell:1240px}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:105px}
body{margin:0;color:var(--ink);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
button,input{font:inherit}
button,a,summary{touch-action:manipulation}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}
a:hover{text-decoration-color:var(--muted)}
button{color:inherit;cursor:pointer}
button:disabled{cursor:wait}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
button:focus:not(:focus-visible){outline:none}
img,video{display:block;max-width:100%;height:auto}
button svg,a svg{flex:none}
h1,h2,h3,p,figure{margin:0}
.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:middle}
.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}
.skip-link{position:fixed;top:10px;left:16px;z-index:100;background:var(--ink);color:white;padding:14px 20px;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.section-shell{max-width:var(--shell);margin-inline:auto;padding-inline:40px}
.site-header{max-width:1440px;position:sticky;top:0;height:92px;margin:0 auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:20;background:var(--paper)}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:19px;font-weight:600;letter-spacing:-.7px;text-decoration:none;flex-shrink:0}
.brand img{object-fit:contain}
.desktop-nav{display:flex;gap:32px;margin-left:40px;font-size:13px;color:#55554f}
.desktop-nav a{text-decoration:none;padding:14px 0;transition:color 160ms}
.desktop-nav a:hover{color:var(--ink)}
.nav-download{display:inline-flex;align-items:center;gap:19px;font-size:12px;font-weight:550;text-decoration:none;border:1px solid #cdcdc6;border-radius:5px;padding:12px 15px;min-height:44px;transition:background 160ms,border-color 160ms}
.nav-download:hover{background:white;border-color:var(--ink)}
.nav-download .icon{width:15px;height:15px}
.eyebrow{font-size:10px;line-height:1.6;font-weight:550;letter-spacing:1.7px}
.hero{text-align:center;padding-top:64px}
.hero-eyebrow{display:flex;align-items:center;justify-content:center;gap:12px}
.tiny-mark{display:inline-flex;gap:3px;align-items:center}
.tiny-mark i{display:block;width:3px;height:3px;background:currentColor;border-radius:1px}
.hero h1{font-size:clamp(50px,6.2vw,88px);font-weight:500;letter-spacing:-5px;line-height:1.035;margin-top:25px}
h1 span,h2 span{color:#81817a}
.hero-description{font-size:17px;color:#686862;line-height:1.65;margin-top:26px;letter-spacing:-.2px}
.hero-actions{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:28px}
.button{display:inline-flex;justify-content:center;align-items:center;gap:11px;border-radius:5px;min-height:51px;padding:15px 22px;font-size:13px;font-weight:550;text-decoration:none;transition:transform 170ms var(--ease),background 170ms,border-color 170ms}
.button:hover{transform:translateY(-2px)}
.button:active{transform:translateY(0) scale(.985)}
.button-primary{background:var(--ink);color:white;border:1px solid var(--ink)}
.button-primary:hover{background:#383835}
.button-text{padding-inline:12px;font-weight:450}
.button-text:hover{background:#efefeb}
.button .icon{width:17px;height:17px}
.hero-compatibility{font-size:10px;line-height:1.8;color:#6b6b65;margin-top:15px}
.hero-compatibility a{text-decoration-color:#aaa}
.hero-product{margin-top:49px;position:relative}
.product-caption{display:flex;align-items:center;justify-content:space-between;padding:14px 0;font-size:9px;letter-spacing:1.2px;color:#62625b;border-top:1px solid var(--line)}
.caption-dot{display:inline-block;width:5px;height:5px;background:#5f5f58;margin-right:8px;border-radius:50%;vertical-align:middle}
.caption-index{font-variant-numeric:tabular-nums}
.hero-stage{position:relative;overflow:hidden;aspect-ratio:1440/640;background:#297ead;border-radius:7px}
.hero-stage .row-image,.hero-video{width:100%;height:100%;object-fit:cover}
.hero-video{position:absolute;inset:0;opacity:0;pointer-events:none}
.hero-stage.is-playing .hero-video{opacity:1}
.stage-play{position:absolute;bottom:22px;left:24px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.5);padding:10px 14px;color:white;font-size:11px;background:rgba(0,0,0,.27);min-height:44px;border-radius:4px;transition:background 160ms}
.stage-play:hover{background:rgba(0,0,0,.55)}
.stage-play .icon{width:15px;height:15px;fill:currentColor;stroke:none}
.demo-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line);gap:20px}
.demo-toolbar>p{font-size:12px;line-height:1.6;color:#6b6b63}
.demo-segment{border:1px solid var(--line);display:flex;padding:3px;border-radius:5px;gap:2px}
.demo-segment button{border:0;background:transparent;border-radius:3px;min-height:36px;padding:8px 15px;min-width:76px;font-size:11px;display:flex;align-items:center;gap:7px;justify-content:center;transition:background 160ms,color 160ms}
.demo-segment button[aria-pressed=true]{background:var(--ink);color:#fff}
.demo-segment .icon{width:12px;height:12px}
.under-hero{font-size:12px;color:#6c6c64;margin-top:22px}
.story{padding-top:132px;padding-bottom:40px}
.section-heading h2,.details-intro h2,.faq-heading h2{font-size:clamp(38px,4.1vw,58px);line-height:1.08;letter-spacing:-2.7px;font-weight:450;margin-top:20px}
.story-layout{margin-top:48px}
.story-visual{position:relative}
.scene-frame{background:#f0f0eb;border:1px solid #e1e1db;border-radius:7px;overflow:hidden;margin-bottom:24px}
.scene-topline{padding:22px 24px;display:flex;justify-content:space-between;color:#686860;font-size:9px;letter-spacing:1px}
.scene-media{position:relative;overflow:hidden;background:#e1e7e8}
.scene-media>img{width:100%;height:100%;object-fit:cover}
.selection-media{aspect-ratio:1120/796;margin:0 22px 22px;border-radius:3px}
.wide-media{aspect-ratio:1280/600;margin:36px 0;background:#2a7eaa}
.wide-media img,.wide-media video{object-fit:contain}
.scene-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}
.scene-media.wide-media video{object-fit:contain}
.scene-media.is-playing video{opacity:1}
.media-play{position:absolute;bottom:15px;left:16px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.45);border-radius:4px;background:rgba(15,15,15,.68);color:white;padding:10px 13px;min-height:44px;font-size:10px}
.media-play .icon{width:13px;height:13px;fill:currentColor;stroke:none}
.media-play:hover{background:#171716}
.scene-footnote{font-size:11px;color:#66665f;margin:22px 24px}
.story-step{position:relative;padding:24px 0 50px}
.step-number{font-size:11px;letter-spacing:1px;font-variant-numeric:tabular-nums;color:#6e6e65;margin-bottom:23px}
.story-step h3{font-weight:450;font-size:37px;line-height:1.11;letter-spacing:-1.5px;margin-bottom:22px}
.story-step>p:not(.step-number){color:#6c6c64;font-size:14px;line-height:1.8;max-width:340px}
.story-step>.quiet-detail{font-size:11px!important;line-height:1.8!important;margin-top:20px}
.text-link{display:inline-flex;gap:12px;align-items:center;font-size:12px;text-decoration:none;line-height:1.5;min-height:44px}
.text-link .icon{width:17px;height:17px;transition:transform 180ms var(--ease)}
.text-link:hover .icon{transform:translateX(4px)}
.story-step .text-link{margin-top:16px}
.story-motion .story-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:90px;align-items:start}
.story-motion .story-visual{position:sticky;top:120px;min-width:0;height:510px}
.story-motion .scene-frame{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity 420ms var(--ease),transform 550ms var(--ease),visibility 420ms}
.story-motion .scene-frame.is-active{opacity:1;visibility:visible;transform:none}
.story-motion .story-step{min-height:510px;display:flex;flex-direction:column;justify-content:center;padding-bottom:55px}
.story-motion .story-step:last-child{min-height:510px}
.story-motion .story-step .step-number{border-top:1px solid var(--line);padding-top:17px;transition:border-color 250ms}
.story-motion .story-step.is-current .step-number{border-color:#34342e;color:var(--ink)}
.details-section{padding-top:90px;padding-bottom:130px;display:grid;grid-template-columns:1fr 1.35fr;gap:100px;border-top:1px solid var(--line)}
.details-intro>p:last-child{font-size:14px;line-height:1.7;color:var(--muted);max-width:250px;margin-top:25px}
.feature-list article{display:flex;align-items:flex-start;gap:20px;padding:30px 0;border-bottom:1px solid var(--line)}
.feature-list article:first-child{padding-top:3px}
.feature-index{font-size:10px;color:#6e6e65;padding-top:4px;font-variant-numeric:tabular-nums}
.feature-list article>div{flex:1}
.feature-list h3{font-size:19px;letter-spacing:-.55px;font-weight:500;line-height:1.4}
.feature-list p{font-size:12px;color:var(--muted);line-height:1.85;margin-top:10px;max-width:390px}
.feature-glyph{font-size:31px;font-weight:200;line-height:1;padding-left:10px}
.feature-icon{width:28px;height:28px;margin-left:10px;flex:none}
.open-source-section{background:#171716;color:#fafaf8;position:relative;overflow:hidden}
.open-source-layout{padding-block:100px 130px;display:grid;grid-template-columns:1.2fr 1fr;gap:90px;position:relative}
.open-source-section .eyebrow{color:#a1a19a}
.open-source-section h2{font-size:clamp(40px,4.2vw,62px);line-height:1.08;letter-spacing:-2.6px;font-weight:400;margin-top:25px}
.open-source-copy{padding-top:44px}
.open-source-copy>p:first-child{font-size:18px;line-height:1.65;letter-spacing:-.3px}
.source-detail{font-size:12px;line-height:1.85;color:#adada5;max-width:330px;margin-top:22px}
.button-light{background:#fafaf8;color:#171716;margin-top:28px;border:1px solid white;gap:15px}
.button-light:hover{background:#deded8}
.source-credits{display:block;width:fit-content;font-size:10px;color:#b6b6ad;margin-top:20px;text-underline-offset:5px}
.open-mark{position:absolute;display:flex;align-items:center;gap:10px;bottom:35px;left:40px;opacity:.48}
.open-mark>span{width:8px;height:8px;border:1px solid #bdbdb4;border-radius:2px}
.open-mark>i{display:flex;gap:4px;align-items:center;justify-content:center;width:58px;height:26px;border:1px solid #bdbdb4;border-radius:13px;margin-left:8px}
.open-mark b{display:block;width:3px;height:3px;background:#bdbdb4;border-radius:50%}
.open-source-section a:focus-visible{outline-color:#fff}
.faq-section{display:grid;grid-template-columns:1fr 1.15fr;gap:100px;padding-block:130px}
.faq-heading .text-link{margin-top:27px}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list details:first-child{border-top:1px solid var(--line)}
.faq-list summary{list-style:none;display:flex;gap:18px;justify-content:space-between;align-items:center;padding:25px 0;cursor:pointer;font-size:14px;line-height:1.5}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary>span{font-size:23px;font-weight:300;transition:transform 180ms;flex:none}
.faq-list details[open] summary>span{transform:rotate(45deg)}
.faq-list details>p{font-size:12px;line-height:1.9;color:var(--muted);padding:0 28px 25px 0}
.download-finale{text-align:center;border-top:1px solid var(--line);padding-block:85px 100px}
.download-finale>img{margin-inline:auto;margin-bottom:25px}
.download-finale h2{font-size:clamp(52px,5.8vw,80px);line-height:1.02;letter-spacing:-4px;font-weight:450;margin-top:19px;margin-bottom:29px}
.download-finale>.button{min-width:200px}
.download-finale>p:not(.eyebrow){font-size:10px;color:#6d6d64;margin-top:16px}
.download-finale>.text-link{margin-top:5px;font-size:10px;color:#68685f}
.site-footer{border-top:1px solid var(--line);max-width:1440px;margin:auto;padding:37px 48px 28px}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px}
.footer-top>p{font-size:12px;color:#75756d}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px}
.footer-bottom>p{font-size:10px;color:#6d6d64}
.footer-bottom nav{display:flex;flex-wrap:wrap;gap:20px;font-size:10px}
.footer-bottom a{text-decoration:none;min-height:32px;display:inline-flex;align-items:center}
.attribution{font-size:9px;color:#686860;line-height:1.8;margin-top:20px}
.attribution a{text-decoration-color:#bdbdb4}
.document-shell{max-width:1200px;padding:30px 40px 90px;margin:0 auto}
.breadcrumbs{display:flex;align-items:center;gap:12px;font-size:10px;color:#6d6d64}
.breadcrumbs a{text-decoration:none;min-height:44px;display:flex;align-items:center}
.document-header{padding-top:50px;max-width:900px;padding-bottom:65px}
.document-header h1,.not-found h1{font-size:clamp(48px,5.5vw,76px);letter-spacing:-3.8px;font-weight:450;line-height:1.05;margin-top:24px}
.document-header>p:not(.eyebrow){font-size:17px;line-height:1.7;color:var(--muted);max-width:660px;margin-top:25px}
.document-header .button{margin-top:25px}
.document-layout{display:grid;grid-template-columns:220px 1fr;gap:60px;border-top:1px solid var(--line);padding-top:52px}
.document-toc{position:sticky;top:120px;height:fit-content}
.document-toc>p{font-size:9px;letter-spacing:1.5px;color:#66665e;margin-bottom:17px}
.document-toc nav{display:flex;flex-direction:column;gap:4px}
.document-toc a{font-size:11px;text-decoration:none;color:#69695f;padding:9px 0;line-height:1.5}
.document-toc a:hover{color:#151511}
.document-content{max-width:760px;min-width:0}
.document-content section{margin-bottom:62px;scroll-margin-top:36px}
.document-content h2{font-size:30px;font-weight:450;letter-spacing:-1.2px;line-height:1.2;margin-bottom:24px}
.document-content h3{font-size:17px;font-weight:550;letter-spacing:-.3px;line-height:1.5;margin-top:28px;margin-bottom:12px}
.document-content p,.document-content li{font-size:14px;line-height:1.9;color:#606057}
.document-content p+p{margin-top:18px}
.document-content ul,.document-content ol{padding-left:24px}
.document-content li{padding-left:6px;margin-bottom:10px}
.document-content strong{font-weight:550;color:#272721}
.document-content code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;background:#eeeeE8;padding:2px 4px;border-radius:2px;overflow-wrap:anywhere}
.table-scroll{width:100%;overflow-x:auto;margin:25px 0 22px}
table{width:100%;border-collapse:collapse;text-align:left;min-width:410px;font-size:12px;line-height:1.8}
caption{font-size:10px;color:#707066;text-align:left;padding-bottom:12px}
thead th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#6d6d64;padding:12px 16px;background:#f0f0eb}
tbody th,tbody td{padding:18px 16px;vertical-align:top;border-bottom:1px solid var(--line)}
tbody th{white-space:nowrap;font-weight:550}
tbody td{color:#626258}
.numbered-steps{counter-reset:steps;list-style:none;padding-left:0!important;margin-top:26px}
.numbered-steps>li{position:relative;padding-left:43px;margin-bottom:25px}
.numbered-steps>li:before{counter-increment:steps;content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:#8c8c82;font-size:11px}
.numbered-steps>li>strong{font-size:15px}
.numbered-steps p{margin-top:5px}
.notice{border-left:2px solid #37372f;padding:1px 0 1px 22px;margin-top:30px}
.notice h3{margin-top:8px}
.document-figure{margin-block:30px;background:#e0e6e8;border-radius:4px;overflow:hidden}
.document-figure figcaption{background:var(--paper);padding:10px 0;font-size:10px;color:#6c6c63}
.code-block{position:relative;background:#1b1b19;color:#f3f3ee;border-radius:5px;margin-top:24px;overflow:hidden}
.code-block pre{margin:0;padding:58px 20px 22px;overflow-x:auto}
.code-block pre code{font-size:11px;line-height:1.85;white-space:pre;background:transparent;color:inherit;padding:0;overflow-wrap:normal}
.code-block button{position:absolute;top:13px;right:14px;font-size:10px;border:1px solid #73736b;background:transparent;color:#fafaf8;border-radius:3px;padding:7px 10px;min-height:32px}
.code-block button:focus-visible{outline-color:#fff}
.copy-status{position:absolute;font-size:10px!important;top:20px;left:20px;color:#ccc!important}
.document-next{padding-top:30px;border-top:1px solid var(--line);margin-top:10px}
.document-next>p:first-child{font-size:11px;color:#6c6c63;margin-bottom:9px}
.document-next>a{font-size:20px;letter-spacing:-.5px;line-height:1.6;text-decoration:none;display:inline-flex;align-items:center;gap:15px;min-height:44px}
.document-next .small-print{font-size:11px;margin-top:16px}
.guide-header{max-width:1000px}
.document-header>.article-meta{font-size:10px!important;letter-spacing:.3px;margin-top:20px!important}
.guide-hero{border-radius:5px;overflow:hidden;margin-bottom:55px}
.not-found{padding-block:100px 140px}
.not-found h1{margin-bottom:27px}
.not-found>p:not(.eyebrow){font-size:16px;color:var(--muted);line-height:1.7}
.not-found .button{margin-top:30px}
@keyframes hero-enter{from{transform:translateY(15px);opacity:.1}to{transform:translateY(0);opacity:1}}
@media (prefers-reduced-motion:no-preference){.hero h1{animation:hero-enter 750ms var(--ease) both}.hero-description{animation:hero-enter 750ms 80ms var(--ease) both}.hero-actions{animation:hero-enter 750ms 130ms var(--ease) both}}
@media(min-width:1600px){.hero{padding-top:85px}.hero-product{margin-top:60px}}
@media(max-width:1100px){.story-motion .story-layout{gap:48px;grid-template-columns:1.25fr 1fr}.story-motion .story-visual{height:440px}.story-step h3{font-size:32px}.details-section,.faq-section{gap:55px}.open-source-layout{gap:50px}.site-header{padding-inline:36px}.section-shell{padding-inline:36px}.hero h1{letter-spacing:-4px}}
@media(max-width:899px){.site-header{height:80px;padding-inline:28px}.desktop-nav{gap:20px;margin-left:0}.section-shell{padding-inline:28px}.hero{padding-top:45px}.hero h1{font-size:68px;letter-spacing:-3.9px}.hero-product{margin-top:40px}.story{padding-top:95px}.story-layout{margin-top:0}.story-visual:empty{display:none}.story-copy{max-width:680px;margin-inline:auto}.story-step{padding-top:45px;padding-bottom:40px}.story-step>p:not(.step-number){max-width:500px}.story-step .scene-frame{margin-top:30px;margin-bottom:0}.story-step h3{font-size:35px}.section-heading{padding-bottom:12px}.details-section{grid-template-columns:1fr 1.4fr;gap:40px;padding-block:65px 85px}.details-intro h2,.faq-heading h2{font-size:40px;letter-spacing:-1.8px}.feature-list h3{font-size:17px}.feature-list article{gap:14px}.open-source-layout{gap:40px;padding-block:75px 105px}.open-source-section h2{font-size:43px}.open-source-copy{padding-top:35px}.open-source-copy>p:first-child{font-size:16px}.faq-section{gap:40px;padding-block:85px}.faq-list summary{font-size:13px}.document-shell{padding-inline:28px}.document-layout{grid-template-columns:170px 1fr;gap:30px}.document-header h1{font-size:65px}.site-footer{padding-inline:28px}.footer-bottom{align-items:flex-start}.footer-bottom nav{justify-content:flex-end;gap:16px}.open-mark{left:28px}.document-content h2{font-size:27px}}
@media(max-width:640px){html{scroll-padding-top:90px}.site-header{height:74px;padding-inline:20px;gap:10px}.brand{font-size:17px;gap:7px}.brand img{width:29px;height:29px}.desktop-nav{display:none}.nav-download{font-size:10px;padding:10px 12px;gap:10px;min-height:42px}.nav-download .icon{width:13px;height:13px}.section-shell{padding-inline:20px}.hero{padding-top:38px}.eyebrow{font-size:8px;letter-spacing:1.5px}.hero h1{font-size:clamp(40px,10.6vw,63px);letter-spacing:-2.5px;margin-top:23px}.hero-description{font-size:14px;line-height:1.75;margin-top:22px;max-width:330px;margin-inline:auto}.desktop-break{display:none}.hero-actions{gap:8px;margin-top:25px}.button{font-size:11px;padding:13px 16px;min-height:48px;gap:8px}.button-text{padding-inline:10px}.button .icon{width:15px;height:15px}.hero-compatibility{font-size:8px;max-width:320px;margin-inline:auto;line-height:1.9}.hero-product{margin-top:32px;margin-inline:-20px}.product-caption{margin-inline:20px;padding-block:13px;font-size:7px;letter-spacing:.8px}.caption-index{display:none}.hero-stage{aspect-ratio:1.65;border-radius:0}.hero-stage .row-image,.hero-video{object-fit:cover;object-position:67% center}.stage-play{left:18px;bottom:15px;font-size:10px;padding:8px 11px;min-height:38px}.demo-toolbar{margin-inline:20px;padding-block:12px;gap:8px}.demo-toolbar>p{font-size:9px;max-width:155px}.demo-segment button{font-size:9px;min-width:60px;padding:6px 10px;min-height:38px}.demo-segment{padding:2px}.under-hero{font-size:10px;margin-top:20px}.story{padding-top:78px;padding-bottom:20px}.section-heading h2{font-size:39px;letter-spacing:-1.9px;margin-top:17px}.story-step{padding-top:38px;padding-bottom:25px}.step-number{font-size:9px;margin-bottom:17px}.story-step h3{font-size:30px;letter-spacing:-1.2px;margin-bottom:17px}.story-step>p:not(.step-number){font-size:13px;line-height:1.85}.story-step>.quiet-detail{font-size:10px!important}.story-step .text-link{font-size:11px;margin-top:8px}.story-step .scene-frame{margin-top:25px}.scene-topline{font-size:7px;padding:16px}.selection-media{margin:0 13px 13px}.wide-media{aspect-ratio:1.8;margin:22px 0}.scene-footnote{font-size:9px;margin:15px}.media-play{font-size:8px;left:9px;bottom:9px;padding:8px 10px;min-height:38px}.details-section{display:block;margin-top:45px;padding-block:55px 75px}.details-intro h2{font-size:44px}.details-intro>p:last-child{max-width:290px;font-size:12px;margin-top:17px}.feature-list{margin-top:43px}.feature-list article{padding-block:23px;gap:17px}.feature-list h3{font-size:18px}.feature-list p{font-size:11px;line-height:1.85}.feature-index{font-size:9px}.feature-glyph{font-size:28px}.feature-icon{width:25px;height:25px}.open-source-layout{display:block;padding-block:62px 105px}.open-source-section h2{font-size:44px;letter-spacing:-2px;margin-top:20px}.open-source-copy{padding-top:32px}.open-source-copy>p:first-child{font-size:15px;line-height:1.8}.source-detail{font-size:11px}.button-light{margin-top:23px}.source-credits{font-size:9px}.open-mark{left:20px;bottom:35px}.faq-section{display:block;padding-block:72px}.faq-heading h2{font-size:39px;letter-spacing:-1.8px}.faq-heading .text-link{font-size:11px;margin-top:16px}.faq-list{margin-top:25px}.faq-list summary{font-size:13px;padding-block:21px}.faq-list details>p{font-size:11px}.download-finale{padding-block:65px 70px}.download-finale>img{width:72px;height:72px;margin-bottom:22px}.download-finale h2{font-size:58px;letter-spacing:-3px;margin-top:15px}.download-finale>.button{min-width:185px}.download-finale>p:not(.eyebrow){font-size:9px}.site-footer{padding:28px 20px 25px}.footer-top{align-items:flex-start;gap:30px}.footer-top>p{font-size:10px;line-height:1.7;max-width:115px;text-align:right}.footer-bottom{display:block;margin-top:24px}.footer-bottom>p{font-size:9px}.footer-bottom nav{justify-content:flex-start;gap:17px;margin-top:17px;font-size:9px}.attribution{font-size:8px;margin-top:17px}.document-shell{padding:18px 20px 65px}.breadcrumbs{font-size:9px}.document-header{padding-top:32px;padding-bottom:42px}.document-header h1{font-size:49px;letter-spacing:-2.5px;margin-top:20px}.document-header>p:not(.eyebrow){font-size:14px;line-height:1.8;margin-top:21px}.document-layout{display:block;padding-top:25px}.document-toc{position:static;margin-bottom:35px;border-bottom:1px solid var(--line);padding-bottom:22px}.document-toc>p{font-size:8px;margin-bottom:8px}.document-toc nav{flex-direction:row;flex-wrap:wrap;gap:0 18px}.document-toc a{font-size:10px;padding-block:7px}.document-content section{margin-bottom:42px}.document-content h2{font-size:26px;letter-spacing:-.9px;margin-bottom:18px}.document-content p,.document-content li{font-size:13px;line-height:1.85}.document-content h3{font-size:16px;margin-top:24px}.numbered-steps>li{padding-left:33px}.numbered-steps>li>strong{font-size:14px}.notice{padding-left:16px}.notice p{font-size:12px}.table-scroll{margin-block:20px}table{font-size:11px;min-width:370px}.document-next>a{font-size:18px}.code-block pre{padding-left:15px}.code-block pre code{font-size:10px}.guide-hero{margin-bottom:32px;aspect-ratio:1.8}.guide-hero img{height:100%;object-fit:cover;object-position:67%}.document-header>.article-meta{font-size:9px!important}.not-found{padding-block:70px 95px}.not-found h1{font-size:48px;letter-spacing:-2px}.not-found>p:not(.eyebrow){font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.button:hover{transform:none}}