@layer reset,base,layout,components,responsive;
@layer reset{*{box-sizing:border-box}body,h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,summary{touch-action:manipulation}[hidden]{display:none!important}}
@layer base{:root{--brand:#888485;--ink:#353235;--muted:#6b6569;--line:#e7e4e5;--soft:#f7f6f6;--paper:#fff}html{scroll-behavior:smooth;scroll-padding-top:110px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:520;line-height:1.13;letter-spacing:-.045em}h1{font-size:clamp(42px,5.3vw,76px)}h2{font-size:clamp(30px,3.3vw,46px)}h3{font-size:23px;letter-spacing:-.025em}p{color:var(--muted)}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #514c50;outline-offset:4px}a:hover{color:#000}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}::selection{background:#e7e2e5}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}address{font-style:normal}.skip{position:fixed;left:20px;top:-80px;z-index:80;padding:12px 18px;background:#353235;color:#fff}.skip:focus{top:10px}}
@layer layout{.wrap{max-width:1240px;margin-inline:auto;padding-inline:40px}.site-header{display:flex;align-items:center;gap:28px;height:104px;border-bottom:1px solid var(--line)}.site-header nav{display:flex;align-items:center;gap:27px;margin-left:auto;font-size:13px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;padding-top:100px;padding-bottom:85px}.section-space{padding-top:100px;padding-bottom:100px}.section-lead{max-width:670px;margin-bottom:45px}.section-lead>p{margin-top:20px;max-width:570px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-left:1px solid var(--line);border-top:1px solid var(--line)}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:45px}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:120px}.site-footer{padding-top:70px;padding-bottom:25px;display:grid;grid-template-columns:1fr 1fr;gap:35px;border-top:1px solid var(--line)}.site-footer nav{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:13px;font-size:13px}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;margin-top:20px;color:var(--muted);font-size:11px}.document{max-width:950px;padding-top:65px;padding-bottom:90px}.document section{margin-top:38px}.document h2{font-size:25px;letter-spacing:-.025em;margin-bottom:14px}.document section p+p{margin-top:14px}.document a:not(.button){text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.document address{border-left:2px solid var(--brand);padding:7px 20px;line-height:1.9}.document .updated{font-size:12px;margin-top:45px}}
@layer components{.brand{display:inline-flex;align-items:center;gap:10px;font-size:26px;letter-spacing:-1px;font-weight:600;flex-shrink:0}.brand img{display:block}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:#484447;border:1px solid #484447;border-radius:6px;padding:14px 22px;color:white;font-size:13px;font-weight:550;line-height:1.5}.button:hover{background:#302d30;color:#fff}.button.small{padding:10px 15px;gap:12px;font-size:12px}.button.secondary{background:white;color:var(--ink);border-color:var(--line)}.language{font-size:11px;border:1px solid var(--line);border-radius:5px;padding:5px 9px}.eyebrow{display:block;color:#777175;font-size:10px;letter-spacing:1.9px;font-weight:650;line-height:1.6;margin-bottom:22px}.hero h1 span{color:var(--brand)}.hero .lead{font-size:16px;line-height:1.85;max-width:520px;margin-top:28px}.actions{display:flex;gap:25px;align-items:center;margin-top:32px;flex-wrap:wrap}.text-link{font-size:13px;font-weight:550}.tiny{font-size:11px;line-height:1.6}.hero .tiny{margin-top:16px}.hero-visual{position:relative;padding:18px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#faf9fa,#f0edef);box-shadow:0 32px 55px -30px #80757d55;transform:rotate(-1deg)}.visual-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 2px 20px}.mini-logo{display:flex;align-items:center;font-size:13px;gap:5px;font-weight:600}.visual-tag{font-size:8px;letter-spacing:1px;color:#756c73}.project-example{display:grid;grid-template-columns:130px minmax(0,1fr);background:#fff;border:1px solid var(--line);border-radius:6px;min-height:240px}.example-tree{display:flex;flex-direction:column;gap:13px;padding:24px 13px;border-right:1px solid var(--line);font-size:10px;color:#847b81}.example-tree strong{color:#4f454c;font-weight:500}.example-code{padding:24px 16px;overflow:hidden}.example-code code{display:block;font-size:10px;line-height:2;white-space:normal;margin-top:25px;overflow-wrap:anywhere;color:#7c7379}.removed{background:#f3ecef;padding:2px;color:#8d5c69}.added{background:#edf1ed;padding:2px;color:#4e6a52}.visual-bottom{font-size:9px;text-align:center;letter-spacing:.2px;padding:18px 0 2px;color:#6b6269}.sample-label{display:block;font-size:8px;text-align:right;position:absolute;right:12px;bottom:-25px;color:#8a8187}.availability{display:flex;align-items:flex-start;gap:13px;font-size:11px;padding:20px 23px;background:var(--soft);border:1px solid var(--line);border-radius:6px}.status-dot{flex:0 0 6px;height:6px;background:var(--brand);border-radius:50%;margin-top:6px}.feature-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px 28px;display:flex;flex-direction:column;min-height:300px}.feature-number{font-size:8px;color:#8c8189;letter-spacing:1px;margin-bottom:28px}.feature-card h3{font-size:23px;line-height:1.2}.feature-card p{font-size:13px;margin:16px 0 22px;line-height:1.8}.feature-status{display:block;font-size:10px;color:#756e73;margin-top:auto}.audience-section{background:var(--soft);border-block:1px solid var(--line)}.audience-grid h3{font-size:21px;margin-bottom:15px}.audience-grid p{font-size:13px}.split-section>div>p{margin:20px 0 28px}.steps{list-style:none;counter-reset:step;margin:0;padding:0}.steps li{counter-increment:step;position:relative;border-bottom:1px solid var(--line);padding:0 0 26px 55px;margin:0 0 27px}.steps li:before{content:'0' counter(step);position:absolute;left:0;top:-3px;color:#999096;font-size:13px}.steps h3{font-size:20px;margin-bottom:11px}.steps p{font-size:13px}.faq-section{border-top:1px solid var(--line)}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{padding:23px 32px 23px 0;font-size:15px;cursor:pointer;line-height:1.6;list-style:none;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:6px;top:21px;font-size:20px;color:var(--brand)}details[open] summary:after{content:'−'}details p{font-size:13px;line-height:1.9;padding:0 40px 26px 0;max-width:850px}.faq-section>.text-link{display:inline-block;margin-top:28px}.last-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-block:50px 70px}.last-cta h2{font-size:34px}.last-cta .eyebrow{margin-bottom:15px}.site-footer p{font-size:12px;margin:14px 0}.powered{font-size:11px;color:var(--muted)}.powered strong{color:var(--ink);font-size:15px}.page-intro{margin-bottom:45px;max-width:770px}.page-intro h1{font-size:clamp(36px,4.2vw,54px)}.page-intro>p{margin-top:22px;line-height:1.85}.document section p{font-size:14px;line-height:1.9}.faq-search{display:block;margin-bottom:20px;font-size:12px;font-weight:550}.faq-search input{margin-top:10px}.faq-list{margin-top:20px}input:not([type=checkbox]),select{display:block;width:100%;border:1px solid #d7d2d5;background:#fff;border-radius:5px;padding:13px 14px;color:var(--ink);font-size:14px}input::placeholder{color:#8b8388}.auth-layout{min-height:650px;display:grid;grid-template-columns:.9fr 1fr;gap:90px;align-items:start;padding-block:70px 90px}.auth-aside{padding-top:30px}.auth-aside h1{font-size:45px}.auth-aside>p{margin-top:24px}.auth-card{padding:35px;border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 50px -40px #55434e77}.auth-card h2{font-size:28px;margin-bottom:20px}.field{margin-bottom:18px}.field label{display:block;font-size:12px;margin-bottom:7px}.field .tiny{margin-top:7px}.form-options{border:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:25px}.choice{display:flex;gap:9px;align-items:flex-start;border:1px solid var(--line);border-radius:6px;padding:13px;cursor:pointer;font-size:13px}.choice input{margin-top:6px;accent-color:#51484f}.check{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:var(--muted);margin:20px 0}.check input{margin-top:5px;accent-color:#51484f}.check a{text-decoration:underline}.auth-card .button{width:100%;margin:8px 0 16px}.auth-links{display:flex;justify-content:space-between;gap:15px;font-size:12px;flex-wrap:wrap}.auth-links a{text-decoration:underline}.form-status{font-size:13px;margin:0 0 18px;padding:12px 15px;background:var(--soft);border-left:2px solid var(--brand);overflow-wrap:anywhere}.form-status:empty{display:none}.form-status.error{border-left-color:#895463;color:#7a3d4d}.account-summary{border-block:1px solid var(--line);padding-block:15px;margin-block:20px;overflow-wrap:anywhere}.account-summary dt{font-size:10px;color:var(--muted)}.account-summary dd{font-size:13px;margin:0 0 12px}}
@layer responsive{@media(min-width:1600px){.wrap{max-width:1370px}.hero{padding-block:125px;gap:100px}.hero h1{font-size:80px}.project-example{min-height:280px}.example-code{padding-top:30px}}@media(max-width:1050px){.wrap{padding-inline:28px}.hero{gap:35px;padding-top:70px}.hero h1{font-size:54px}.project-example{grid-template-columns:95px minmax(0,1fr)}.example-tree{font-size:8px;padding-inline:9px}.example-code{padding-inline:10px}.feature-card{padding:27px 20px}.split-section{gap:55px}.auth-layout{gap:40px}.site-header nav{gap:17px}.site-header nav>a:first-child{display:none}}@media(max-width:760px){.wrap{padding-inline:22px}.site-header{height:83px;gap:15px}.brand{font-size:24px;gap:7px}.brand img{width:35px;height:35px}.site-header nav{gap:14px}.site-header nav>.button,.site-header nav>a:first-child{display:none}.site-header .language{margin-left:0}.hero{grid-template-columns:1fr;gap:55px;padding-top:55px;padding-bottom:60px}.hero h1{font-size:54px}.hero .lead{font-size:15px}.hero-visual{max-width:560px;width:100%;transform:none}.project-example{grid-template-columns:115px minmax(0,1fr);min-height:210px}.example-tree{font-size:10px}.section-space{padding-block:65px}.section-lead{margin-bottom:32px}.feature-grid{grid-template-columns:1fr 1fr}.feature-card{min-height:290px;padding:26px 20px}.feature-card h3{font-size:21px}.audience-grid{grid-template-columns:1fr;gap:30px;margin-top:30px}.split-section{grid-template-columns:1fr;gap:45px}.last-cta{align-items:flex-start;flex-direction:column;padding-block:40px 55px}.site-footer{grid-template-columns:1fr;padding-top:45px}.site-footer nav{gap:16px}.footer-bottom{font-size:10px;gap:10px;flex-wrap:wrap}.document{padding-block:45px 65px}.auth-layout{display:block;padding-block:40px 65px}.auth-aside{padding:0 0 35px}.auth-aside h1{font-size:35px}.auth-aside>p{font-size:13px;margin-top:16px}.auth-card{padding:25px}.form-options{gap:8px}.choice{padding:10px;font-size:12px}.page-intro{margin-bottom:35px}}@media(max-width:420px){.hero h1{font-size:43px}.site-header .brand{font-size:21px}.site-header .brand img{width:28px;height:28px}.site-header nav{font-size:11px;gap:12px}.site-header{gap:12px}.language{font-size:10px;padding:4px 7px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:0}.feature-number{margin-bottom:20px}.hero .actions{gap:20px}.button{font-size:12px;gap:18px}.project-example{grid-template-columns:90px minmax(0,1fr)}.example-tree{font-size:8px;padding-inline:8px}.example-code code{font-size:9px}.hero-visual{padding:12px}.visual-bottom{font-size:8px}.auth-card{padding:20px}.auth-links{flex-direction:column}.wrap{padding-inline:18px}.document h2{font-size:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}}
.security-feature{border-top:1px solid var(--line);padding-block:65px 80px}.security-feature>p{max-width:660px;margin-block:20px}.account-summary{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 20px;overflow-wrap:anywhere}.account-summary dt{font-size:12px;color:var(--muted)}.account-summary dd{margin:0;font-size:13px;min-width:0}
@media(max-width:600px){.account-summary{grid-template-columns:1fr;gap:5px}.account-summary dd{margin-bottom:14px}}
.hero-artwork{position:relative;min-width:0;margin:0;border-radius:22px;overflow:hidden;background:#dededc;box-shadow:0 22px 70px #36333212;align-self:center}.hero-artwork img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.hero-artwork figcaption{position:absolute;left:22px;bottom:15px;margin:0;font-size:10px;letter-spacing:.06em;color:#484644;text-shadow:0 1px 5px #ffffffa6}
@media(max-width:800px){.hero-artwork{width:100%;max-width:660px;margin:12px auto 0}.hero-artwork figcaption{left:16px;font-size:9px}}

@layer components{.developer-guide code{overflow-wrap:anywhere;white-space:normal}.developer-step{padding-top:28px;border-top:1px solid var(--line)}.developer-step .eyebrow{margin-bottom:12px}.developer-reference{margin-top:20px}.developer-reference>div{padding:16px 0;border-top:1px solid var(--line);min-width:0}.developer-reference dt{font-size:12px;font-weight:600}.developer-reference dd{margin:7px 0 0;font-size:12px;min-width:0;overflow-wrap:anywhere}.developer-guide .actions{gap:20px}}
@media(max-width:760px){.site-header nav>a[href$="/developers"]{display:none}}