@font-face{font-family:Inter;src:url('/assets/inter-latin-ext-400.6744a7f509eb.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;src:url('/assets/inter-latin-400.8909904ab6c8.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/inter-latin-ext-600.e4bdf67b0cd1.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;src:url('/assets/inter-latin-600.f9a06e79cd3a.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
:root{--ink:#081a20;--panel:#102830;--panel-raised:#16343b;--line:#2c484e;--mint:#64ded0;--mint-soft:#bcf0e4;--paper:#f1f4ed;--paper-text:#17383f;--paper-muted:#547078;--text:#eef6f6;--muted:#a6bec2;--faint:#78969e;--radius:14px;color-scheme:dark;font-family:Inter,"Segoe UI",sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;min-width:320px;background:var(--ink);color:var(--text);font-size:16px;line-height:1.65}body.menu-open{overflow:hidden}[hidden]{display:none!important}button,a,input,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,summary{cursor:pointer}button{color:inherit}button:disabled{cursor:default}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:600;line-height:1.13}h1,h2{letter-spacing:-.055em}p{margin-bottom:1.2em}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--mint);outline-offset:5px}::selection{background:#64ded04d}.container{width:min(1200px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;top:12px;left:20px;transform:translateY(-200%);z-index:100;background:var(--mint);color:var(--ink);padding:12px 20px;border-radius:6px}.skip-link:focus{transform:translateY(0)}.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}
.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid #a6bec21f;background:#081a20f2;backdrop-filter:blur(16px)}.nav-wrap{min-height:91px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;flex:none}.brand img{width:43px;height:49px;object-fit:contain}.brand .wordmark,.brand .brand-wordmark,.brand>span,.brand strong{font-size:26px;letter-spacing:-1.2px;line-height:1.05;font-weight:600}.brand>span>span,.brand b,.brand em,.brand .accent{font-style:normal;color:var(--mint);font-weight:600}.brand small{display:block;margin-top:6px;color:var(--muted);font-size:8px;letter-spacing:2.2px;font-weight:400}.main-nav{display:flex;align-items:center;gap:30px}.main-nav a{font-size:12px;font-weight:600;color:#c3d3d5;transition:color .16s}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--mint)}.main-nav a:last-child{border:1px solid #536e73;padding:10px 17px;border-radius:6px;color:var(--text)}.main-nav a:last-child:hover{border-color:var(--mint)}.menu-toggle{display:none;align-items:center;justify-content:center;min-width:44px;min-height:44px;background:transparent;border:1px solid var(--line);border-radius:7px;padding:8px;gap:8px;font-size:12px}.menu-toggle svg{width:21px;height:21px}
.eyebrow{font-size:10px;line-height:1.6;letter-spacing:1.8px;font-weight:600;color:var(--mint);margin-bottom:26px}.eyebrow-rule{display:inline-block;width:23px;height:1px;background:currentColor;vertical-align:middle;margin-right:9px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:53px;padding:14px 22px;border:1px solid transparent;border-radius:7px;font-size:12px;line-height:1.5;font-weight:600;transition:background .16s,border-color .16s,transform .16s}.button svg{width:19px;height:19px}.button-primary{background:var(--mint);color:var(--ink)}.button-primary:hover{background:#8aebdd;transform:translateY(-2px)}.button-secondary{background:transparent;border-color:#536e73;color:var(--text)}.button-secondary:hover{border-color:var(--mint);background:#64ded00a}.button-dark{background:var(--ink);color:var(--text)}.button-dark:hover{background:#17383f;transform:translateY(-2px)}.text-link{display:inline-flex;gap:15px;align-items:center;color:var(--mint);font-size:13px;font-weight:600}.text-link svg{width:18px;height:18px}.text-link:hover svg{transform:translateX(3px)}
.hero-section{overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:66px;align-items:center;padding-top:92px;padding-bottom:88px}.hero-copy .eyebrow{font-size:9px;letter-spacing:1.45px;white-space:nowrap;margin-bottom:30px}.hero-copy h1{font-size:clamp(70px,7.1vw,104px);line-height:1.01;margin-bottom:31px;letter-spacing:-.065em}.hero-copy h1>span{color:var(--mint)}.hero-lead{font-size:23px;letter-spacing:-.5px;line-height:1.5;margin-bottom:17px}.hero-description{max-width:400px;font-size:14px;line-height:1.9;color:var(--muted);margin-bottom:29px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.hero-text-link{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:600}.hero-text-link:hover{color:var(--mint)}.hero-text-link span{font-size:19px;font-weight:400}.hero-context{font-size:10px;color:var(--faint);margin:23px 0 0;letter-spacing:.15px}.hero-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:21px 0 24px;color:var(--faint);font-size:9px;letter-spacing:1.5px}.hero-bottom a{display:flex;align-items:center;gap:25px;color:var(--muted);font-size:11px;letter-spacing:0}.hero-bottom a:hover{color:var(--mint)}.hero-bottom a span{font-size:18px}
.flow-canvas{align-self:center;min-width:0;background:#0d242c;border:1px solid #315056;border-radius:16px;box-shadow:0 22px 75px #00000024;position:relative}.flow-canvas:before{position:absolute;content:"";inset:14px -13px -14px 13px;border:1px solid #29444a;border-radius:16px;z-index:-1}.canvas-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:21px 23px;border-bottom:1px solid #2b464e}.canvas-brand{display:flex;align-items:center;gap:9px}.canvas-brand img{width:35px;height:40px;object-fit:contain}.canvas-brand>span{font-size:17px;font-weight:600;letter-spacing:-.6px;line-height:1.1}.canvas-brand small{display:block;font-size:6px;letter-spacing:1.3px;color:var(--faint);margin-top:6px;font-weight:400}.canvas-example-label{color:var(--muted);border:1px solid #38545b;border-radius:4px;padding:4px 7px;font-size:8px;line-height:1.6;white-space:nowrap}.flow-tabs{display:grid;grid-template-columns:repeat(4,1fr);padding:0 20px;border-bottom:1px solid #2b464e;gap:4px}.flow-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:57px;white-space:nowrap;background:transparent;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:10px 3px;font-size:9px;color:var(--muted);transition:color .16s,border-color .16s}.flow-tabs button span{font-size:8px;color:var(--faint)}.flow-tabs button:hover{color:var(--text)}.flow-tabs button[aria-selected=true]{border-bottom-color:var(--mint);color:var(--mint)}.flow-tabs button[aria-selected=true] span{color:var(--mint)}.flow-panels{min-height:360px}.flow-panel{padding:30px 30px 26px;animation:panel-enter .2s ease-out}.canvas-kicker{font-size:7px;letter-spacing:1.6px;color:var(--faint);margin-bottom:11px;font-weight:600}.flow-panel h2{font-size:23px;letter-spacing:-.9px;margin-bottom:12px;line-height:1.25}.canvas-description{font-size:11px;line-height:1.85;color:var(--muted);margin-bottom:24px}.brief-illustration{border:1px solid #3c5b62;border-radius:9px;padding:17px 18px;background:#153139}.brief-label{font-size:6px;letter-spacing:1.3px;color:#9fb9bd}.brief-illustration>p{font-size:14px;letter-spacing:-.25px;line-height:1.7;margin:9px 0 19px;max-width:270px}.brief-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--faint);font-size:8px}.brief-bottom i{font-style:normal;margin:0 7px;color:var(--mint)}.brief-arrow{display:grid;place-items:center;width:27px;height:27px;background:var(--mint);color:var(--ink);border-radius:5px;font-size:18px}.canvas-bottomline{display:flex;align-items:center;gap:9px;min-height:43px;border-top:1px solid #2b464e;padding:12px 23px;color:var(--faint);font-size:8px;line-height:1.6}.canvas-bottom-mark{color:var(--mint);font-size:15px}.file-illustration{padding:1px 0}.illustration-folder,.illustration-file{display:flex;align-items:center;gap:10px;min-height:36px;padding:6px 9px;font-size:11px}.illustration-folder{padding-top:0;color:var(--mint)}.illustration-folder svg{width:17px;height:17px}.file-tree-note{margin-left:auto;font-size:7px;color:var(--faint)}.illustration-file{margin-left:8px;padding-left:20px;border-left:1px solid #365259;color:var(--muted)}.illustration-file svg{width:13px;height:13px;color:var(--faint)}.illustration-file small{font-size:6px;letter-spacing:1.1px;color:var(--faint);margin-left:auto}.illustration-file.is-selected{background:#1a4246;border-top:1px solid #35605f;border-bottom:1px solid #35605f;border-right:1px solid #35605f;border-radius:0 5px 5px 0;color:var(--text)}.permission-illustration{position:relative;border-top:1px solid #365259;padding-top:8px}.permission-symbol{position:absolute;right:0;top:-14px;background:#0d242c;padding-left:10px;color:var(--mint)}.permission-symbol svg{width:26px;height:26px}.permission-row{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #2b464e;font-size:10px;color:var(--muted)}.permission-row strong{font-size:9px;color:var(--text);font-weight:400}.devices-illustration{display:flex;justify-content:center;align-items:center;gap:23px;padding:12px 0 19px}.illustrated-desktop{position:relative;width:190px;height:115px;border:1px solid #52727a;border-radius:7px;padding:9px;background:#153139}.desktop-mini-bar{display:flex;gap:3px;height:10px}.desktop-mini-bar i{width:3px;height:3px;border-radius:50%;background:#6e9298}.desktop-mini-content{display:flex;gap:8px;height:78px}.mini-side{width:35px;background:#26474e;border-radius:2px}.mini-editor{flex:1;background:#102830;padding:10px 8px}.mini-editor i{height:3px;width:84%;display:block;background:#4c777c;margin-bottom:9px}.mini-editor i:first-child{background:var(--mint);width:58%}.mini-editor i:nth-child(3){width:68%}.desktop-stand{position:absolute;width:52px;height:14px;bottom:-16px;left:calc(50% - 26px);border-bottom:1px solid #52727a}.desktop-stand:before{content:"";position:absolute;left:24px;height:13px;border-left:1px solid #52727a}.device-connector{font-size:26px;color:var(--mint)}.illustrated-phone{width:58px;height:112px;border:1px solid #52727a;border-radius:10px;padding:16px 7px 7px;position:relative;background:#153139}.phone-notch{position:absolute;width:19px;height:3px;left:calc(50% - 9.5px);top:5px;border-radius:3px;background:#52727a}.mini-phone-line{display:block;width:26px;height:3px;background:var(--mint);margin-bottom:12px}.mini-phone-file{display:block;height:16px;border:1px solid #3d5f65;border-radius:3px;margin-top:6px}.mini-phone-file:before{content:"";display:block;width:17px;height:2px;background:#7da5a6;margin:6px 4px}@keyframes panel-enter{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.section-light{color:var(--paper-text);background:var(--paper);color-scheme:light}.section-light .eyebrow{color:#2a716c}.section-light a:focus-visible,.guide-promo a:focus-visible{outline-color:#007e78}.section-intro h2,.how-heading h2,.guide-promo h2,.story-copy h2,.home-faq h2{font-size:clamp(40px,4.7vw,62px);line-height:1.1;margin-bottom:25px;letter-spacing:-.055em}.section-intro h2 span,.home-faq h2 span{color:#6e8986}.section-lead{font-size:17px;line-height:1.8;color:var(--paper-muted);max-width:500px}.product-section{padding:105px 0 44px}.product-intro{position:relative;padding-bottom:33px}.product-intro .section-lead{position:absolute;bottom:46px;right:0;width:40%;margin-bottom:0}.product-rows{border-top:1px solid #bdceca}.product-row{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr) 145px;align-items:center;gap:45px;padding:44px 0;border-bottom:1px solid #bdceca}.product-row-heading{display:flex;align-items:flex-start;gap:24px}.row-index{font-size:10px;letter-spacing:1px;color:#6b8987;margin-top:5px;flex:none}.product-row h3{font-size:30px;letter-spacing:-1.05px;line-height:1.23;margin:0}.product-row-copy>p{font-size:13px;line-height:1.9;color:#4c6b71;margin-bottom:18px}.product-details{display:flex;flex-wrap:wrap;gap:6px 17px;font-size:9px;font-weight:600;color:#376860}.product-details>span{display:flex;align-items:center;gap:7px}.product-details>span:before{content:"";width:3px;height:3px;background:#5c9d91;border-radius:50%}.product-row-art{display:flex;align-items:center;justify-content:center;min-height:120px;position:relative;color:#26796e}.code-row-art{flex-direction:column;gap:7px}.code-row-art>span{font-family:Consolas,monospace;font-size:48px;line-height:1.3;letter-spacing:-5px;font-weight:400}.code-row-art small{font-size:7px;letter-spacing:1.6px;color:#75918c}.art-image-outline{position:relative;width:90px;height:79px;border:1px solid #84a49d;border-radius:3px;overflow:hidden;transform:rotate(-7deg)}.art-sun{position:absolute;width:13px;height:13px;border:1px solid #629587;border-radius:50%;top:14px;right:16px}.art-landscape{position:absolute;bottom:-24px;left:12px;width:65px;height:65px;border:1px solid #629587;transform:rotate(45deg)}.art-image-outline:after{content:"";position:absolute;bottom:-33px;left:-14px;width:65px;height:65px;border:1px solid #629587;transform:rotate(45deg);background:var(--paper)}.transfer-row-art{gap:9px}.art-transfer-file{display:grid;place-items:center;width:58px;height:70px;border:1px solid #84a49d;border-radius:4px;transform:rotate(-8deg)}.art-transfer-file svg{width:28px;height:28px;stroke-width:1}.art-transfer-arrow{align-self:flex-start;margin-top:19px;font-size:35px;font-weight:400}.product-footnote{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px;line-height:1.8;color:#617f7d;margin:27px 0 0}.product-footnote a{display:inline-flex;align-items:center;gap:10px;flex:none;font-weight:600;color:#28675f}.product-footnote svg{width:15px;height:15px}
.how-section{padding:100px 0 94px}.how-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:46px}.how-heading h2{margin-bottom:0}.how-heading h2 span,.story-copy h2 span{color:#84aaa9}.how-heading>p{max-width:310px;font-size:14px;line-height:1.9;color:var(--muted);margin:0 0 5px}.workflow-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:36px;padding:0;margin:0}.workflow-steps li{position:relative;border-top:1px solid #3b565d;padding-top:20px}.workflow-steps li:before{content:"";position:absolute;top:-3px;left:0;width:5px;height:5px;background:var(--mint);border-radius:50%}.workflow-number{font-size:10px;color:var(--mint);letter-spacing:1px}.workflow-steps h3{font-size:19px;letter-spacing:-.5px;margin:27px 0 13px}.workflow-steps p{font-size:12px;color:var(--muted);line-height:1.9;margin:0}.guide-promo{background:#c6e8dc;color:var(--paper-text);padding:64px 0}.guide-promo .eyebrow{color:#356d60;margin-bottom:20px}.guide-promo h2{font-size:47px;margin-bottom:0}.guide-promo h2 span{color:#5d8275}.guide-promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.guide-promo-copy>p{max-width:420px;font-size:14px;line-height:1.9;color:#3f655f;margin-bottom:24px}.guide-promo .button{font-size:12px;min-width:170px;justify-content:space-between}
.story-section{padding:112px 0 48px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.story-copy h2{font-size:49px;margin-bottom:29px}.story-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.95;max-width:460px}.story-copy .text-link{margin-top:14px}.architecture{padding:25px 0 0}.architecture-label{color:var(--faint);font-size:8px;letter-spacing:1.7px;margin-bottom:23px}.architecture-node{display:flex;align-items:center;gap:17px;border-top:1px solid #3a555c;border-bottom:1px solid #3a555c;padding:18px 16px;min-height:80px}.architecture-number{color:var(--faint);font-size:9px;font-family:Consolas,monospace;flex:none}.architecture-node strong{display:block;font-size:15px;letter-spacing:-.4px;font-weight:600}.architecture-node div>span{display:block;font-size:10px;color:var(--muted);margin-top:4px}.architecture-node img{width:35px;height:40px;object-fit:contain;margin-left:auto}.architecture-local{background:#103137;border:1px solid #35615f;border-radius:5px}.architecture-local .architecture-number{color:var(--mint)}.architecture-connector{height:25px;display:flex;align-items:center;justify-content:center;color:#678e8e;font-size:13px}.architecture-connector span{display:none}.architecture-phone{display:flex;align-items:center;gap:12px;margin:19px 0 0 17px;color:var(--muted);font-size:11px}.architecture-phone>span:first-child{color:var(--mint);font-size:22px}.architecture-phone small{display:block;color:var(--faint);font-size:8px;margin-top:4px}.build-details{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;border-top:1px solid #304b52;margin:70px 0 0;padding-top:26px}.build-details dt{font-size:8px;color:var(--faint);letter-spacing:1.6px;margin-bottom:8px}.build-details dd{margin:0;font-size:11px;color:var(--muted)}
.home-faq{padding:92px 0 100px}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}.faq-layout .eyebrow{margin-bottom:23px}.home-faq h2{font-size:47px}.faq-list{border-top:1px solid #c3d1cb}.faq-list details{border-bottom:1px solid #c3d1cb}.faq-list summary{position:relative;list-style:none;font-size:13px;font-weight:600;padding:22px 34px 22px 0;line-height:1.7}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:2px;top:21px;color:#4b7871;font-size:22px;line-height:1;font-weight:400}.faq-list details[open] summary:after{content:"−"}.faq-list details>div,.faq-list details>p{font-size:12px;line-height:1.95;color:#57716f;padding:0 32px 17px 0}.faq-list details>div p:last-child{margin-bottom:0}.faq-list a{color:#236f62;text-decoration:underline;text-underline-offset:3px}
.site-footer{padding:53px 0 22px;background:#06161b}.footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:45px;padding-bottom:40px}.footer-top .brand img{width:36px;height:43px}.footer-top .brand .wordmark,.footer-top .brand .brand-wordmark,.footer-top .brand>span,.footer-top .brand strong{font-size:23px}.footer-top p{font-size:11px;line-height:1.85;color:var(--faint);max-width:300px;margin:15px 0 0}.footer-top nav,.footer-links{display:flex;gap:26px;flex-wrap:wrap;padding-top:11px}.footer-top nav a,.footer-links a{font-size:11px;color:var(--muted)}.footer-top a:hover{color:var(--mint)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #243c43;padding-top:20px;color:var(--faint);font-size:9px;line-height:1.8}.footer-bottom p{margin:0}.footer-bottom a:hover{color:var(--text)}
/* Guide pages share the product's typography, with a quiet reading surface. */
.guide-hero{padding:76px 0 61px;border-bottom:1px solid var(--line)}.guide-hero h1{max-width:850px;font-size:clamp(42px,5.6vw,72px);line-height:1.09;margin-bottom:23px}.guide-hero>p,.guide-hero .container>p:not(.eyebrow){max-width:680px;color:var(--muted);font-size:16px;line-height:1.9;margin-bottom:0}.guide-hero .eyebrow{margin-bottom:23px}.guide-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:80px;align-items:start;padding-top:64px;padding-bottom:90px}.guide-index{position:sticky;top:127px;padding-right:25px;border-right:1px solid var(--line)}.guide-index h2,.guide-index>strong,.guide-index .eyebrow{display:block;font-size:9px;color:var(--faint);letter-spacing:1.4px;font-weight:600;margin-bottom:20px}.guide-index ol,.guide-index ul{list-style:none;padding:0;margin:0}.guide-index li{margin:0 0 3px}.guide-index a{display:block;color:var(--muted);font-size:12px;line-height:1.7;padding:8px 0}.guide-index a:hover,.guide-index a[aria-current]{color:var(--mint)}.guide-content{max-width:760px;min-width:0}.guide-section{padding:0 0 39px;margin-bottom:41px;border-bottom:1px solid var(--line);scroll-margin-top:123px}.guide-section:last-child{margin-bottom:0;border-bottom:0}.guide-section h2{font-size:32px;letter-spacing:-1.2px;line-height:1.2;margin-bottom:23px}.guide-section h3{font-size:18px;letter-spacing:-.4px;margin:30px 0 13px}.guide-content p,.guide-content li{font-size:14px;color:var(--muted);line-height:1.95}.guide-content strong{font-weight:600;color:var(--text)}.guide-content p{margin-bottom:18px}.guide-content a{color:var(--mint);text-decoration:underline;text-underline-offset:4px;text-decoration-color:#64ded04d}.guide-content a:hover{text-decoration-color:var(--mint)}.guide-content ul,.guide-content ol{padding-left:23px;margin:20px 0}.guide-content li{padding-left:6px;margin-bottom:12px}.guide-content li::marker{color:var(--mint)}.step-list{counter-reset:guide-step;list-style:none!important;padding-left:0!important}.step-list>li{counter-increment:guide-step;position:relative;padding-left:45px!important;margin-bottom:24px!important;min-height:29px}.step-list>li:before{content:counter(guide-step,decimal-leading-zero);position:absolute;left:0;top:1px;font-size:10px;color:var(--mint);border:1px solid #3c615f;width:27px;height:27px;display:grid;place-items:center;border-radius:50%}.guide-note,.guide-callout{margin:24px 0;padding:20px 23px;background:#102e34;border-left:2px solid #559b90;border-radius:0 7px 7px 0;color:var(--muted);font-size:13px;line-height:1.9}.guide-note p,.guide-callout p{font-size:13px;margin-bottom:8px}.guide-note p:last-child,.guide-callout p:last-child{margin-bottom:0}.guide-note>strong,.guide-callout>strong{display:block;font-size:13px;color:var(--text);margin-bottom:8px}.path{display:inline;padding:3px 6px;border-radius:4px;border:1px solid #345259;background:#102b32;font-size:.88em;line-height:1.8;font-family:inherit;color:#bedbd7;box-decoration-break:clone;-webkit-box-decoration-break:clone;overflow-wrap:anywhere}.guide-content code{font-size:.86em;overflow-wrap:anywhere;color:#c6e5df}.guide-content pre{overflow:auto;max-width:100%;padding:18px;border:1px solid var(--line);border-radius:6px;background:#06161b}.guide-content .faq-list{border-color:var(--line);margin-top:25px}.guide-content .faq-list details{border-color:var(--line)}.guide-content .faq-list summary{font-size:13px;color:var(--text)}.guide-content .faq-list summary:after{color:var(--mint)}.guide-content .faq-list details>div,.guide-content .faq-list details>p{color:var(--muted)}.guide-content .faq-list a{color:var(--mint)}.guide-content table{width:100%;border-collapse:collapse;font-size:12px;margin:25px 0}.guide-content th,.guide-content td{text-align:left;vertical-align:top;padding:12px;border:1px solid var(--line);color:var(--muted);line-height:1.8}.guide-content th{color:var(--text);font-weight:600;background:#102830}.notes-list{padding:0;list-style:none}.notes-list>li{padding:25px 0;border-top:1px solid var(--line)}.notes-list time{display:block;color:var(--mint);font-size:10px;margin-bottom:10px}.notes-list h2{font-size:25px}
@media(min-width:1500px){.hero-grid{gap:92px;padding-top:113px;padding-bottom:105px}.flow-panels{min-height:374px}.flow-panel{padding:34px 35px 30px}.hero-copy h1{font-size:110px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.hero-grid{gap:35px;padding-top:68px;padding-bottom:70px}.hero-copy h1{font-size:85px}.hero-lead{font-size:21px}.hero-description{font-size:13px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1px}.hero-actions{gap:17px}.hero-actions .button{font-size:11px;padding-inline:17px;gap:14px}.hero-text-link{font-size:11px}.flow-tabs{padding-inline:10px}.flow-tabs button{font-size:8px;gap:4px}.flow-panel{padding:27px 24px 23px}.flow-panel h2{font-size:21px}.canvas-topline{padding-inline:18px}.canvas-example-label{font-size:7px}.flow-panels{min-height:349px}.canvas-description{font-size:10px}.product-intro .section-lead{width:42%;font-size:15px}.product-row{gap:25px;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) 100px}.product-row-heading{gap:17px}.product-row h3{font-size:27px}.product-row-copy>p{font-size:12px}.product-details{font-size:8px;gap:6px 12px}.story-grid{gap:60px}.story-copy h2{font-size:43px}.story-copy>p:not(.eyebrow){font-size:12px}.architecture-node{padding-inline:10px;gap:13px}.architecture-node strong{font-size:13px}.guide-layout{grid-template-columns:190px minmax(0,1fr);gap:45px}.workflow-steps{gap:24px}.workflow-steps h3{font-size:17px}.faq-layout{gap:45px}}
@media(max-width:900px){html{scroll-padding-top:92px}.container{width:calc(100% - 48px)}.nav-wrap{min-height:77px}.brand img{width:35px;height:43px}.brand .wordmark,.brand .brand-wordmark,.brand>span,.brand strong{font-size:23px}.brand small{font-size:7px;letter-spacing:1.8px}.menu-toggle{display:inline-flex}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#0b2229;border-bottom:1px solid #365158;padding:20px 24px 26px;box-shadow:0 20px 30px #00000025;flex-direction:column;align-items:stretch;gap:0}.main-nav[data-open=true]{display:flex}.main-nav a{font-size:15px;padding:14px 0;border-bottom:1px solid #28434b}.main-nav a:last-child{margin-top:16px;padding:13px 16px;align-self:flex-start;font-size:13px}.hero-grid{grid-template-columns:1fr;gap:52px;padding-top:53px;padding-bottom:61px;max-width:620px}.hero-copy h1{font-size:94px;margin-bottom:26px}.hero-copy .eyebrow{font-size:9px;letter-spacing:1.2px;margin-bottom:24px}.hero-lead{font-size:23px}.hero-description{font-size:14px;max-width:420px}.hero-actions .button{font-size:12px;min-height:54px;padding-inline:21px;gap:22px}.hero-actions{gap:24px}.hero-text-link{font-size:12px}.hero-context{font-size:10px;margin-top:22px}.flow-canvas{width:100%;max-width:550px}.flow-canvas:before{inset:10px -8px -10px 8px}.flow-panel{padding:31px}.flow-panel h2{font-size:25px}.canvas-description{font-size:12px}.canvas-topline{padding:20px 23px}.canvas-example-label{font-size:8px}.flow-tabs{padding-inline:20px}.flow-tabs button{font-size:10px;gap:8px;min-height:55px}.flow-tabs button span{font-size:8px}.flow-panels{min-height:373px}.brief-illustration>p{font-size:16px}.brief-label{font-size:7px}.brief-bottom{font-size:9px}.canvas-bottomline{font-size:8px}.hero-bottom{padding-block:19px}.hero-bottom>span{font-size:8px;letter-spacing:1px}.product-section{padding-top:74px}.section-intro h2,.how-heading h2,.story-copy h2{font-size:45px}.product-intro{padding-bottom:22px}.product-intro .section-lead{position:static;width:auto;font-size:15px;max-width:420px;margin-bottom:0}.product-row{grid-template-columns:1fr 1.3fr;gap:26px;padding:34px 0}.product-row-art{display:none}.product-row h3{font-size:26px}.product-row-copy>p{font-size:12px}.product-details{font-size:8px}.product-footnote{flex-direction:column;align-items:flex-start;gap:12px;font-size:10px}.how-section{padding:73px 0}.how-heading{gap:35px;align-items:flex-start;margin-bottom:37px}.how-heading>p{font-size:12px;max-width:210px;padding-top:46px}.workflow-steps{grid-template-columns:1fr 1fr;gap:33px 35px}.workflow-steps h3{font-size:19px;margin-top:22px}.workflow-steps p{font-size:12px}.guide-promo{padding:50px 0}.guide-promo-grid{gap:40px}.guide-promo h2{font-size:36px}.guide-promo-copy>p{font-size:12px}.guide-promo .button{font-size:11px;min-width:150px}.story-section{padding-top:74px}.story-grid{grid-template-columns:1fr;gap:32px}.story-copy h2{font-size:45px}.story-copy>p:not(.eyebrow){font-size:14px;max-width:580px}.architecture{max-width:550px;padding-top:10px}.architecture-node{padding-inline:17px}.architecture-node strong{font-size:15px}.architecture-node div>span{font-size:11px}.architecture-label{font-size:9px}.architecture-phone{font-size:12px}.architecture-phone small{font-size:9px}.build-details{gap:24px;margin-top:45px}.build-details dd{font-size:10px}.build-details dt{font-size:7px;letter-spacing:1px}.home-faq{padding:68px 0}.faq-layout{grid-template-columns:1fr;gap:27px}.home-faq h2{font-size:42px;margin-bottom:0}.home-faq h2 br{display:none}.faq-list summary{font-size:14px}.faq-list details>div{font-size:13px}.footer-top{padding-bottom:30px}.footer-top nav,.footer-links{max-width:250px;gap:18px 24px}.guide-hero{padding:52px 0 40px}.guide-hero h1{font-size:48px}.guide-hero .container>p:not(.eyebrow){font-size:14px}.guide-layout{grid-template-columns:1fr;padding-top:33px;gap:37px}.guide-index{position:static;border-right:0;border-bottom:1px solid var(--line);padding:0 0 22px}.guide-index h2,.guide-index>strong,.guide-index .eyebrow{margin-bottom:13px}.guide-index ol,.guide-index ul{display:grid;grid-template-columns:1fr 1fr;gap:1px 25px}.guide-index a{font-size:11px;padding:6px 0}.guide-section h2{font-size:29px}.guide-section{scroll-margin-top:99px}.guide-content{max-width:100%}}
@media(max-width:480px){.container{width:calc(100% - 44px)}.hero-grid{padding-top:42px;gap:41px;padding-bottom:49px}.hero-copy .eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:23px}.eyebrow-rule{width:17px;margin-right:6px}.hero-copy h1{font-size:clamp(54px,15.5vw,64px);line-height:1.01;margin-bottom:24px}.hero-lead{font-size:20px;letter-spacing:-.4px;line-height:1.5;margin-bottom:16px}.hero-description{font-size:12px;line-height:1.9;margin-bottom:24px}.hero-actions{display:grid;grid-template-columns:1fr;gap:18px;justify-items:start}.hero-actions .button{width:100%;justify-content:space-between;font-size:12px;min-height:52px}.hero-text-link{font-size:11px}.hero-context{font-size:9px;line-height:1.8;margin-top:18px}.canvas-topline{padding:15px 17px;gap:5px}.canvas-brand{gap:6px}.canvas-brand img{width:28px;height:33px}.canvas-brand>span{font-size:15px}.canvas-brand small{font-size:5px;letter-spacing:1px;margin-top:5px}.canvas-example-label{font-size:6px;padding:4px 5px}.flow-tabs{padding-inline:9px;gap:1px}.flow-tabs button{font-size:8px;gap:4px;min-height:49px}.flow-tabs button span{font-size:7px}.flow-panel{padding:25px 21px 22px}.flow-panel h2{font-size:22px;letter-spacing:-.8px}.canvas-kicker{font-size:6px;letter-spacing:1.25px}.canvas-description{font-size:10px;margin-bottom:21px}.flow-panels{min-height:342px}.brief-illustration{padding:14px}.brief-illustration>p{font-size:14px;line-height:1.75;margin-bottom:15px}.brief-label{font-size:6px}.brief-bottom{font-size:7px}.brief-bottom i{margin-inline:4px}.canvas-bottomline{padding:11px 17px;font-size:6.5px;gap:7px;min-height:40px}.file-tree-note{font-size:6px}.illustration-file,.illustration-folder{font-size:10px;gap:8px}.illustration-file small{font-size:5px;letter-spacing:.7px}.permission-row{font-size:9px}.permission-row strong{font-size:8px}.devices-illustration{gap:14px;padding-top:17px}.illustrated-desktop{width:155px;height:100px;padding:8px}.desktop-mini-content{height:66px}.mini-side{width:28px}.mini-editor{padding:8px 6px}.mini-editor i{margin-bottom:8px}.illustrated-phone{width:49px;height:99px;padding:16px 5px 5px}.mini-phone-file{height:13px;margin-top:5px}.mini-phone-file:before{margin-top:5px}.device-connector{font-size:22px}.hero-bottom{font-size:8px;gap:14px}.hero-bottom>span{font-size:6px;letter-spacing:.8px}.hero-bottom a{font-size:9px;gap:12px}.hero-bottom a span{font-size:16px}.product-section{padding-top:56px;padding-bottom:32px}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:21px}.section-intro h2,.how-heading h2,.story-copy h2{font-size:37px;line-height:1.13;margin-bottom:20px}.product-intro .section-lead{font-size:13px;line-height:1.85}.product-intro{padding-bottom:25px}.product-row{grid-template-columns:1fr;gap:21px;padding:28px 0}.product-row-heading{gap:15px}.product-row h3{font-size:25px;line-height:1.2}.product-row h3 br{display:none}.row-index{font-size:9px;margin-top:6px}.product-row-copy{padding-left:37px}.product-row-copy>p{font-size:12px;margin-bottom:15px}.product-details{font-size:7px;gap:7px 12px}.product-details>span{gap:5px}.product-footnote{font-size:9px;gap:13px;margin-top:23px}.product-footnote a{font-size:10px}.how-section{padding:57px 0}.how-heading{display:block;margin-bottom:28px}.how-heading h2{margin-bottom:20px}.how-heading>p{padding-top:0;font-size:12px;max-width:300px}.how-heading>p br{display:none}.workflow-steps{grid-template-columns:1fr;gap:0}.workflow-steps li{padding:23px 0 24px 40px;border-top:1px solid #304e56}.workflow-steps li:before{display:none}.workflow-number{position:absolute;left:0;top:27px;font-size:9px}.workflow-steps h3{font-size:18px;margin:0 0 10px}.workflow-steps p{font-size:12px;max-width:280px}.guide-promo{padding:43px 0}.guide-promo-grid{grid-template-columns:1fr;gap:22px}.guide-promo .eyebrow{margin-bottom:18px}.guide-promo h2{font-size:37px}.guide-promo-copy>p{font-size:13px;line-height:1.9;margin-bottom:24px}.guide-promo .button{font-size:12px;min-height:51px;min-width:160px}.story-section{padding:58px 0 31px}.story-copy>p:not(.eyebrow){font-size:12px;line-height:1.95}.story-copy .text-link{font-size:11px;margin-top:8px}.story-grid{gap:28px}.architecture-label{font-size:7px;letter-spacing:1.2px;margin-bottom:17px}.architecture-node{gap:12px;padding:16px 11px;min-height:75px}.architecture-number{font-size:8px}.architecture-node strong{font-size:12px;letter-spacing:-.2px}.architecture-node div>span{font-size:8px}.architecture-node img{width:28px;height:33px}.architecture-phone{font-size:10px;margin-left:10px;gap:9px}.architecture-phone small{font-size:7px}.build-details{grid-template-columns:1fr;gap:19px;padding-top:24px;margin-top:32px}.build-details>div{display:grid;grid-template-columns:100px 1fr;gap:12px;align-items:baseline}.build-details dt{font-size:7px;margin-bottom:0}.build-details dd{font-size:9px}.home-faq{padding:54px 0}.home-faq h2{font-size:34px}.faq-layout{gap:25px}.faq-list summary{font-size:12px;padding-block:20px}.faq-list summary:after{top:20px;font-size:21px}.faq-list details>div,.faq-list details>p{font-size:11px;padding-right:19px}.site-footer{padding-top:35px}.footer-top{display:block;padding-bottom:26px}.footer-top .brand img{width:32px;height:38px}.footer-top p{font-size:11px;max-width:260px;margin-top:12px}.footer-top nav,.footer-links{max-width:none;padding-top:25px;gap:13px 21px}.footer-top nav a,.footer-links a{font-size:10px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:7px;font-size:8px;padding-top:17px}.guide-hero{padding:41px 0 32px}.guide-hero h1{font-size:39px;letter-spacing:-1.8px}.guide-hero .eyebrow{font-size:8px;margin-bottom:21px}.guide-hero .container>p:not(.eyebrow){font-size:12px}.guide-layout{padding-top:25px;padding-bottom:50px;gap:30px}.guide-index ol,.guide-index ul{gap:0 16px}.guide-index a{font-size:10px;padding-block:7px}.guide-index h2,.guide-index>strong,.guide-index .eyebrow{font-size:8px}.guide-section{padding-bottom:28px;margin-bottom:31px;scroll-margin-top:100px}.guide-section h2{font-size:26px;letter-spacing:-.9px;line-height:1.25;margin-bottom:19px}.guide-section h3{font-size:17px;margin-top:25px}.guide-content p,.guide-content li{font-size:12px;line-height:1.95}.guide-content ul,.guide-content ol{padding-left:18px}.guide-content li{padding-left:3px;margin-bottom:11px}.step-list>li{padding-left:37px!important;margin-bottom:23px!important}.step-list>li:before{width:24px;height:24px;font-size:8px;top:1px}.guide-note,.guide-callout{padding:16px 17px;font-size:12px;margin-block:20px}.guide-note p,.guide-callout p,.guide-note>strong,.guide-callout>strong{font-size:12px}.guide-content th,.guide-content td{padding:9px;font-size:10px}.guide-content .faq-list summary{font-size:12px}.notes-list h2{font-size:22px}}
/* Shared shell and reading refinements. */
.main-nav .nav-guide{display:inline-flex;align-items:center;justify-content:center;gap:14px}.main-nav .nav-guide svg{width:15px;height:15px}.menu-toggle{flex-direction:column;gap:5px}.menu-toggle>span{display:block;width:19px;height:1px;background:currentColor;transition:transform .16s}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-3px) rotate(-45deg)}.footer-bottom>a{display:inline-flex;align-items:center;gap:9px}.footer-bottom>a svg{width:14px;height:14px;transform:rotate(-90deg)}.guide-index>p{display:block;margin-bottom:18px;font-size:9px;color:var(--faint);letter-spacing:1.4px;font-weight:600}.guide-index a>span{color:var(--faint);font-size:9px;margin-right:8px;font-family:Consolas,monospace}.guide-index a[aria-current=location]>span{color:var(--mint)}.guide-hero .guide-note{max-width:760px;margin-top:28px}.notes-content.container{max-width:800px;padding-top:62px;padding-bottom:65px}.hero-description{font-size:15px}.product-row-copy>p{font-size:15px}.product-details{font-size:10px}.workflow-steps p{font-size:14px}.story-copy>p:not(.eyebrow){font-size:15px}.faq-list summary{font-size:15px}.faq-list details>div,.faq-list details>p{font-size:14px}.guide-promo-copy>p{font-size:15px}
@media(max-width:1100px){.hero-description,.product-row-copy>p,.story-copy>p:not(.eyebrow){font-size:14px}.product-details{font-size:9px}.workflow-steps p{font-size:13px}}
@media(max-width:900px){.guide-index{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.guide-index>p{grid-column:1/-1;margin-bottom:13px}.guide-index a{padding-block:8px}.guide-hero .guide-note{margin-top:24px}.notes-content.container{padding-top:42px;padding-bottom:45px}.hero-description,.product-row-copy>p,.workflow-steps p,.story-copy>p:not(.eyebrow),.guide-promo-copy>p{font-size:14px}.faq-list details>div,.faq-list details>p{font-size:13px}}
@media(max-width:480px){.hero-description{font-size:14px}.product-row-copy>p,.workflow-steps p,.story-copy>p:not(.eyebrow),.guide-promo-copy>p{font-size:14px}.product-details{font-size:8px}.faq-list summary{font-size:14px}.guide-content p,.guide-content li{font-size:14px}.guide-note p,.guide-callout p,.guide-note>strong,.guide-callout>strong{font-size:13px}.guide-index a{font-size:11px}.guide-content .faq-list summary{font-size:14px}.guide-hero .container>p:not(.eyebrow){font-size:14px}.notes-content.container{padding-top:33px}.guide-hero .guide-note{padding:16px}.guide-hero .guide-note p{font-size:12px}.guide-content th,.guide-content td{font-size:11px}}
/* Functional text and focus stay clear at phone sizes. */
.section-light summary:focus-visible,.section-light button:focus-visible{outline-color:#007e78}.guide-index a{min-height:44px;display:flex;align-items:center}.hero-text-link,.text-link,.hero-bottom a{min-height:44px}.footer-top nav a,.footer-links a{display:inline-flex;align-items:center;min-height:44px}.footer-bottom>a{min-height:44px}
@media(max-width:900px){.guide-index a{font-size:13px;line-height:1.6;min-height:44px}.guide-content p,.guide-content li,.guide-content .guide-note p,.guide-content .guide-callout p{font-size:16px;line-height:1.85}.guide-content .guide-note>strong,.guide-content .guide-callout>strong{font-size:15px}.hero-copy .eyebrow{font-size:9px}.hero-description{font-size:15px}}
@media(max-width:480px){.hero-copy .eyebrow{font-size:9px;letter-spacing:.9px}.hero-description{font-size:15px}.flow-tabs button{flex-direction:column;gap:3px;font-size:11px;line-height:1.3;min-height:63px;padding:11px 1px;white-space:normal;text-align:center}.flow-tabs button span{font-size:8px;line-height:1.3}.canvas-example-label{font-size:10px;padding:4px 6px}.canvas-kicker{font-size:8px;letter-spacing:1px}.canvas-description{font-size:12px;line-height:1.8}.canvas-bottomline{font-size:10px;line-height:1.7;min-height:46px}.brief-label{font-size:8px}.brief-bottom{font-size:9px}.file-tree-note{font-size:8px}.illustration-file,.illustration-folder{font-size:12px}.illustration-file small{font-size:7px}.permission-row{font-size:11px}.permission-row strong{font-size:10px}.guide-index a{font-size:13px}.guide-content p,.guide-content li,.guide-content .guide-note p,.guide-content .guide-callout p{font-size:16px;line-height:1.85}}
@media(max-width:480px){.flow-panels{min-height:370px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover,.text-link:hover svg{transform:none}}