.contribution-section{box-sizing:border-box;color:#111;background:#fff;width:100%;padding:120px 48px 80px}.contribution-header{width:min(100%,1100px);margin:0 auto 56px}.contribution-label{color:#777a82;letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px;font-family:DM Mono,monospace;font-size:13px;line-height:1.4}.contribution-header h2{letter-spacing:-.055em;max-width:1000px;margin:0;font-family:Manrope,sans-serif;font-size:64px;font-weight:700;line-height:.98}.contribution-header h2 span{color:#a0a0a3}.contribution-header p{color:#565960;max-width:760px;margin:30px 0 0;font-family:DM Mono,monospace;font-size:14px;line-height:1.8}.contribution-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:min(100%,1100px);margin:0 auto 40px;display:grid}.contribution-card{box-sizing:border-box;color:#111;background:#fff;border:1px solid #dedee1;border-radius:14px;align-items:center;gap:24px;min-height:150px;padding:26px 28px;text-decoration:none;transition:background .2s,border-color .2s,transform .2s;display:flex;position:relative}.contribution-card:hover{background:#fafafa;border-color:#cfcfd2;transform:translateY(-2px)}.contribution-card-icon{box-sizing:border-box;color:#111;background:#f6f6f7;border-radius:10px;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;font-family:Arial,sans-serif;font-size:20px;line-height:1;display:flex}.contribution-code-icon{font-family:DM Mono,monospace;font-size:15px}.contribution-card-content{min-width:0;padding-right:38px}.contribution-card-content h3{letter-spacing:-.035em;margin:0 0 7px;font-family:Manrope,sans-serif;font-size:21px;font-weight:700;line-height:1.15}.contribution-card-content p{color:#74767d;margin:0;font-family:DM Mono,monospace;font-size:13px;line-height:1.65}.contribution-arrow{color:#111;background:#f5f5f6;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-family:Arial,sans-serif;font-size:20px;transition:background .2s,transform .2s;display:flex;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.contribution-card:hover .contribution-arrow{color:#fff;background:#111;transform:translateY(-50%)translate(2px)}.support-box{box-sizing:border-box;background:#fafafa;border:1px solid #dedee1;border-radius:16px;grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:30px;width:min(100%,1100px);min-height:230px;margin:0 auto;padding:36px 38px;display:grid}.support-icon{background:#fff;border:1px solid #e3e3e5;border-radius:14px;justify-content:center;align-items:center;width:78px;height:78px;display:flex}.chrome-logo{background:#fff;border-radius:50%;width:44px;height:44px;position:relative;overflow:hidden}.chrome-red{background:#ea4335;position:absolute;inset:0 0 50% 50%}.chrome-green{background:#34a853;position:absolute;inset:50% 50% 0 0}.chrome-yellow{background:#fbbc05;position:absolute;inset:0 50% 50% 0;transform:rotate(60deg)translate(-8px,4px)}.chrome-blue{box-sizing:border-box;background:#4285f4;border:4px solid #fff;border-radius:50%;width:19px;height:19px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.support-content{min-width:0}.support-label{color:#777a82;letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px;font-family:DM Mono,monospace;font-size:10px;line-height:1.3}.support-content h3{letter-spacing:-.045em;max-width:620px;margin:0;font-family:Manrope,sans-serif;font-size:clamp(27px,3vw,40px);font-weight:700;line-height:1.05}.support-goal{align-items:center;gap:12px;margin-top:24px;display:flex}.support-goal-label{color:#8a8c92;letter-spacing:.14em;font-family:DM Mono,monospace;font-size:10px}.support-goal strong{box-sizing:border-box;background:#fff;border:1px solid #dedee1;border-radius:9px;justify-content:center;align-items:center;min-width:54px;height:44px;padding:0 13px;font-family:Manrope,sans-serif;font-size:17px;display:flex}.support-goal-text{color:#777a82;font-family:DM Mono,monospace;font-size:11px}.support-button{box-sizing:border-box;color:#fff;background:#111;border-radius:11px;justify-content:space-between;align-items:center;gap:20px;min-width:280px;height:74px;padding:0 24px;font-family:DM Mono,monospace;font-size:12px;font-weight:500;text-decoration:none;transition:background .2s,transform .2s;display:flex}.support-button:hover{background:#292929;transform:translateY(-1px)}.support-button-arrow{font-family:Arial,sans-serif;font-size:22px}.floating-support{z-index:9999;box-sizing:border-box;-webkit-backdrop-filter:blur(16px);background:#fffffff5;border:1px solid #d9d9dc;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;width:min(70%,100vw - 32px);min-height:84px;padding:9px 10px 9px 18px;animation:.22s floatingSupportIn;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #0000001a,0 3px 10px #0000000d}.floating-support-content{flex-direction:column;gap:3px;min-width:0;display:flex}.floating-support-label{color:#888a90;letter-spacing:.16em;font-family:DM Mono,monospace;font-size:8px;line-height:1.2}.floating-support-content strong{color:#111;letter-spacing:-.02em;font-family:Manrope,sans-serif;font-size:16px;font-weight:650;line-height:1.2}.floating-support-button{box-sizing:border-box;color:#fff;background:#111;border-radius:8px;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:42px;padding:0 15px;font-family:DM Mono,monospace;font-size:14px;text-decoration:none;transition:background .2s,transform .2s;display:flex}.floating-support-button:hover{background:#292929;transform:translateY(-1px)}.floating-support-arrow{font-family:Arial,sans-serif;font-size:18px}@keyframes floatingSupportIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.contribution-footer{color:#7d7f85;border-top:1px solid #e5e5e7;justify-content:space-between;align-items:center;gap:20px;width:min(100%,1100px);margin:10px auto 0;padding-top:14px;font-family:DM Mono,monospace;font-size:10px;line-height:1.5;display:flex}@media (max-width:900px){.contribution-section{padding:90px 28px 60px}.contribution-header{margin-bottom:40px}.contribution-grid{gap:12px}.contribution-card{min-height:140px;padding:22px}.support-box{grid-template-columns:70px minmax(0,1fr);gap:22px;padding:28px}.support-icon{width:64px;height:64px}.support-button{grid-column:2;width:240px;height:58px}}@media (max-width:680px){.contribution-section{padding:72px 18px 50px}.contribution-header h2{font-size:clamp(42px,12vw,62px)}.contribution-header p{font-size:11px;line-height:1.7}.contribution-grid{grid-template-columns:1fr;gap:10px;margin-bottom:28px}.contribution-card{border-radius:12px;gap:16px;min-height:112px;padding:18px}.contribution-card-icon{flex-basis:42px;width:42px;height:42px}.contribution-card-content h3{font-size:18px}.contribution-card-content p{font-size:10px}.contribution-arrow{width:34px;height:34px;font-size:17px;right:17px}.support-box{border-radius:13px;grid-template-columns:1fr;gap:18px;min-height:0;padding:24px}.support-icon{width:58px;height:58px}.support-content h3{font-size:28px;line-height:1.05}.support-goal{margin-top:18px}.support-button{grid-column:auto;width:100%;min-width:0;height:54px}.contribution-footer{flex-direction:column;align-items:flex-start;gap:5px;font-size:9px}.floating-support{border-radius:10px;width:calc(100vw - 20px);min-height:58px;padding:8px 8px 8px 13px;bottom:10px}.floating-support-content strong{max-width:180px;font-size:11px}.floating-support-button{gap:10px;height:40px;padding:0 11px;font-size:9px}.floating-support-arrow{font-size:16px}}@media (max-width:420px){.contribution-section{padding-left:14px;padding-right:14px}.contribution-card-content p{display:none}.contribution-card{min-height:82px}.floating-support-content strong{max-width:145px;font-size:10px}.floating-support-button span:first-child{font-size:8px}}.feature-guide{box-sizing:border-box;width:100%;margin:0 0 120px}.feature-guide-content{box-sizing:border-box;width:100%}.feature-guide-number{align-items:baseline;gap:5px;margin-bottom:12px;display:flex}.feature-guide-number strong{color:#111;font-family:DM Mono,monospace;font-size:14px;font-weight:600;line-height:1;display:inline-block}.feature-guide-number span{color:#111;font-family:DM Mono,monospace;font-size:14px;line-height:1.2;display:inline-block}.feature-guide-content h2{letter-spacing:-.055em;color:#111;width:100%;max-width:1050px;margin:0 0 16px;font-family:Manrope,sans-serif;font-size:clamp(38px,4.5vw,58px);font-weight:700;line-height:1.02}.feature-guide-content h2 span{color:#a0a0a3}.feature-guide-content>p{color:#111;max-width:1000px;margin:0 0 28px;font-family:Manrope,sans-serif;font-size:16px;font-weight:400;line-height:1.55}.feature-guide-media{box-sizing:border-box;width:100%;margin-top:42px;margin-bottom:70px}.feature-guide-media img,.feature-guide-media video{border-radius:0;width:100%;height:auto;margin:0;display:block}.feature-guide-content>.docs-highlight,.feature-guide-content>.step-list,.feature-guide-content>.feature-tags,.feature-guide-content>.command-example,.feature-guide-content>.feature-small-note{margin-bottom:0}.docs-content>div[id]{scroll-margin-top:80px}.docs-content>div[id]+div[id]{margin-top:20px}@media (max-width:900px){.feature-guide{margin-bottom:90px}.feature-guide-content h2{font-size:clamp(36px,6vw,50px)}.feature-guide-number{margin-bottom:10px}.feature-guide-media{margin-top:34px;margin-bottom:55px}}@media (max-width:680px){.feature-guide{margin-bottom:70px}.feature-guide-number{gap:4px;margin-bottom:10px}.feature-guide-number strong,.feature-guide-number span{font-size:12px}.feature-guide-content h2{letter-spacing:-.045em;margin-bottom:14px;font-size:clamp(32px,9vw,44px);line-height:1.03}.feature-guide-content>p{margin-bottom:22px;font-size:14px;line-height:1.55}.feature-guide-media{margin-top:28px;margin-bottom:45px}}
.site-footer{box-sizing:border-box;color:#111;background:#fff;width:100%}.footer-about,.footer-built{box-sizing:border-box;width:min(100%,1120px);margin:0 auto}.footer-section-label{color:#777a82;letter-spacing:.17em;text-transform:uppercase;margin-bottom:18px;font-family:DM Mono,monospace;font-size:13px;line-height:1.4}.footer-about{padding:120px 0 110px}.footer-about-title{letter-spacing:-.06em;max-width:1000px;margin:0;font-family:Manrope,sans-serif;font-size:64px;font-weight:700;line-height:.98}.footer-about-title span{color:#a0a0a3}.footer-about-copy{max-width:820px;margin-top:36px}.footer-about-copy p{color:#555960;margin:0 0 22px;font-family:DM Mono,monospace;font-size:14px;line-height:1.5}.footer-about-copy p:last-child{margin-bottom:0}.footer-people{flex-direction:column;gap:22px;margin-top:48px;display:flex}.footer-person{align-items:center;gap:16px;min-height:56px;display:flex}.footer-person-avatar{color:#fff;background:#111;border-radius:50%;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;font-family:Manrope,sans-serif;font-size:15px;font-weight:700;display:flex}.footer-person-avatar-muted{color:#777a82;box-sizing:border-box;background:#f2f2f3;border:1px solid #dedee1}.footer-person-info{min-width:0}.footer-person-name{color:#111;font-family:Manrope,sans-serif;font-size:14px;font-weight:700;line-height:1.3}.footer-person-role{color:#777a82;margin-top:3px;font-family:DM Mono,monospace;font-size:10px;line-height:1.5}.footer-person-links{align-items:center;gap:18px;margin-top:7px;display:flex}.footer-person-links a{color:#111;font-family:DM Mono,monospace;font-size:11px;text-decoration:none;transition:opacity .2s}.footer-person-links a:hover{opacity:.55}.footer-bottom{box-sizing:border-box;color:#777a82;border-top:1px solid #e4e4e6;width:100%;padding:24px max(24px,50vw - 560px);font-family:DM Mono,monospace;font-size:9px;line-height:1.5}@media (max-width:900px){.footer-about,.footer-built{width:auto;margin-left:28px;margin-right:28px}.footer-about{padding-top:90px;padding-bottom:80px}.footer-built{padding-top:80px;padding-bottom:80px}.footer-audience-grid{gap:40px}}@media (max-width:680px){.footer-about,.footer-built{margin-left:18px;margin-right:18px}.footer-about{padding-top:72px;padding-bottom:65px}.footer-section-label{margin-bottom:14px;font-size:9px}.footer-about-title{font-size:clamp(40px,12vw,58px);line-height:.98}.footer-about-copy{margin-top:28px}.footer-about-copy p{margin-bottom:18px;font-size:10px;line-height:1.75}.footer-people{gap:18px;margin-top:38px}.footer-person{gap:13px}.footer-person-name{font-size:14px}.footer-person-role{font-size:8px}.footer-person-links{gap:14px}.footer-person-links a{font-size:8px}.footer-built{padding-top:65px;padding-bottom:65px}.footer-built-title{font-size:clamp(38px,10vw,52px)}.footer-built-description{margin-top:20px;font-size:10px;line-height:1.7}.footer-tech-stack{gap:6px;margin-top:24px}.footer-tech-stack span{padding:7px 9px;font-size:8px}.footer-audience-grid{grid-template-columns:1fr;gap:40px;margin-top:55px;padding-top:30px}.footer-audience h3{font-size:22px}.footer-audience p{font-size:9px}.footer-build-note{margin-top:45px;padding-top:18px;font-size:9px}.footer-bottom{padding:20px 18px;font-size:8px}}.footer-person-avatar{background:#111;border-radius:50%;justify-content:center;align-items:center;width:50px;min-width:50px;height:50px;display:flex;overflow:hidden}.footer-person-avatar img{object-fit:cover;width:100%;height:100%;display:block}.footer-ai-avatar{background:#111}.footer-ai-avatar img{object-fit:contain;width:100%;height:100%}
.how-to-use{background:#fff;border-top:1px solid #e5e5e5;grid-template-columns:240px minmax(0,1fr);width:100%;display:grid;position:relative}.docs-sidebar{scrollbar-width:thin;scrollbar-color:#bdbdbd transparent;background:#fff;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;align-self:start;height:100vh;padding:38px 18px 40px 16px;position:sticky;top:0;left:0;overflow:hidden auto}.docs-sidebar::-webkit-scrollbar{width:5px}.docs-sidebar::-webkit-scrollbar-track{background:0 0}.docs-sidebar::-webkit-scrollbar-thumb{background:#c9c9c9;border-radius:10px}.docs-label,.docs-group-title{font-family:var(--mono);text-transform:none;color:#999;margin-left:12px;font-size:12px;line-height:1.4}.docs-label{margin-bottom:18px}.docs-group{margin-top:30px}.docs-group-title{text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.docs-sidebar a{color:#555;width:100%;min-height:38px;font-family:var(--mono);border-radius:9px;grid-template-columns:32px minmax(0,1fr);align-items:center;padding:0 12px;font-size:12px;line-height:1.3;text-decoration:none;transition:background .18s,color .18s;display:grid}.docs-sidebar a>span{color:#999;font-variant-numeric:tabular-nums;font-size:10px}.docs-sidebar a:hover{color:#111;background:#f4f4f4}.docs-sidebar a:hover>span{color:#555}.docs-sidebar a.docs-active{color:#111;background:#eee}.docs-sidebar a.docs-active>span{color:#111}.docs-content{width:100%;min-width:0}.docs-intro{border-bottom:1px solid #e5e5e5;max-width:1100px;min-height:545px;margin:0 auto;padding:82px 68px 85px}.docs-intro-number{color:#111;width:44px;font-family:var(--mono);margin-bottom:32px;padding-top:14px;font-size:12px;font-weight:600;position:relative}.docs-intro h1{color:#111;max-width:1000px;font-family:var(--sans);letter-spacing:-3.8px;margin:0;font-size:clamp(54px,5.2vw,78px);font-weight:700;line-height:.96}.docs-intro>p{color:#666;max-width:780px;font-family:var(--mono);margin:38px 0 0;font-size:13px;line-height:1.8}.docs-highlight{color:#222;width:100%;font-family:var(--mono);background:#f5f5f5;border-radius:12px;margin-top:28px;padding:23px 26px;font-size:13px;line-height:1.5}.docs-content>div[id]{scroll-margin-top:20px}.feature-guide{border-bottom:1px solid #e5e5e5;width:100%;max-width:1100px;margin:0 auto;padding:78px 68px 90px}.feature-header{grid-template-columns:72px minmax(0,1fr);align-items:start;column-gap:28px;display:grid}.feature-number{color:#111;font-family:var(--mono);padding-top:13px;font-size:11px;font-weight:600;position:relative}.feature-number:before{content:"";background:#111;width:44px;height:2px;position:absolute;top:0;left:0}.feature-label{color:#777;font-family:var(--mono);text-transform:lowercase;margin-top:28px;margin-left:-72px;font-size:11px}.feature-guide h2,.feature-title{color:#111;font-family:var(--sans);letter-spacing:-1.8px;margin:0;font-size:clamp(32px,3vw,48px);line-height:1.05}.feature-guide h2 span,.feature-title span{color:#999}.feature-guide>p,.feature-description{color:#666;max-width:820px;font-family:var(--sans);margin:16px 0 0;font-size:15px;line-height:1.65}.feature-body{margin-top:34px}.feature-media{background:#f7f7f7;border:1px solid #ddd;border-radius:12px;width:100%;margin-top:34px;overflow:hidden}.feature-media img,.feature-media video{object-fit:cover;width:100%;height:auto;display:block}.step-list{border-top:1px solid #e5e5e5;width:100%;margin-top:30px}.step-list>div{min-height:58px;font-family:var(--mono);color:#333;border-bottom:1px solid #e5e5e5;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;padding:12px 0;font-size:12px;display:grid}.step-list strong{color:#fff;background:#111;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:10px;font-weight:600;display:flex}.step-list b{color:#111}.step-list code{color:#333;font-family:var(--mono);background:#f1f1f1;border-radius:5px;padding:4px 7px;font-size:11px}.command-example{background:#fafafa;border:1px solid #ddd;border-radius:12px;width:100%;margin-top:30px;padding:28px}.command-search{width:100%;max-width:620px;min-height:52px;font-family:var(--mono);background:#fff;border:1px solid #ddd;border-radius:10px;align-items:center;gap:12px;margin:0 auto;padding:0 15px;font-size:12px;display:flex;box-shadow:0 8px 25px #0000000d}.command-placeholder{color:#999;flex:1}.command-search kbd{color:#888;font-family:var(--mono);background:#fafafa;border:1px solid #ddd;border-radius:5px;padding:4px 7px;font-size:9px}.feature-tags{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.feature-tags span{color:#555;min-height:31px;font-family:var(--mono);background:#fafafa;border:1px solid #ddd;border-radius:999px;align-items:center;padding:0 12px;font-size:11px;display:inline-flex}.feature-small-note{color:#888;max-width:720px;font-family:var(--mono);margin-top:24px;font-size:11px;line-height:1.7}#overview,#download,#open,#commands,#design,#typography,#icons,#system,#components,#inspiration,#figma,#seo,#ai,#technology,#accessibility,#reports,#libraries{scroll-margin-top:20px}@media (max-width:1000px){.how-to-use{grid-template-columns:210px minmax(0,1fr)}.docs-sidebar{padding-left:12px;padding-right:12px}.docs-sidebar a{grid-template-columns:27px minmax(0,1fr);padding:0 9px;font-size:11px}.docs-intro,.feature-guide{padding-left:45px;padding-right:45px}.docs-intro h1{font-size:clamp(48px,6vw,68px)}}@media (max-width:760px){.how-to-use{display:block}.docs-sidebar{z-index:20;border-bottom:1px solid #e5e5e5;border-right:0;gap:8px;width:100%;height:auto;max-height:none;padding:10px 15px;display:flex;position:sticky;top:0;overflow:auto hidden}.docs-label,.docs-group-title{display:none}.docs-group{display:contents}.docs-sidebar a{white-space:nowrap;flex:none;gap:8px;width:auto;min-height:36px;padding:0 11px;display:flex}.docs-intro,.feature-guide{padding:60px 24px 70px}.docs-intro{min-height:auto}.docs-intro h1{letter-spacing:-2.8px;font-size:clamp(44px,11vw,62px)}.docs-intro>p{margin-top:28px;font-size:12px}.feature-header{display:block}.feature-number{margin-bottom:25px}.feature-label{margin:0 0 12px}.feature-guide h2,.feature-title{font-size:34px}.feature-guide>p,.feature-description{font-size:15px}.feature-media{margin-top:25px}.docs-highlight{padding:18px;font-size:11px}}@media (max-width:480px){.docs-intro,.feature-guide{padding-left:18px;padding-right:18px}.docs-intro h1{letter-spacing:-2.2px;font-size:43px}.feature-guide h2,.feature-title{font-size:30px}.step-list>div{grid-template-columns:35px minmax(0,1fr);font-size:11px}}.docs-intro h1{letter-spacing:-.055em;color:#111;max-width:1050px;margin:0;font-family:Manrope,sans-serif;font-size:clamp(44px,5vw,58px);font-weight:700;line-height:1.02}.docs-intro h1 span{color:#a0a0a3}.docs-intro-number{color:#111;width:fit-content;margin-bottom:44px;padding-top:24px;font-family:DM Mono,monospace;font-size:13px;line-height:1;position:relative}.docs-intro-number:before{content:"";background:#111;width:40px;height:2px;position:absolute;top:0;left:0}.docs-intro>p{color:#565960;max-width:900px;margin:42px 0 0;font-family:DM Mono,monospace;font-size:13px;line-height:1.8}.feature-guide-number{align-items:baseline;gap:5px;width:fit-content;margin-bottom:28px;padding-top:20px;font-family:DM Mono,monospace;display:flex;position:relative}.feature-guide-number:before{content:"";background:#111;width:40px;height:2px;position:absolute;top:0;left:0}.feature-guide-number strong{color:#111;margin:0;font-family:DM Mono,monospace;font-size:13px;font-weight:600;line-height:1}.feature-guide-number span{color:#111;margin:0;font-family:DM Mono,monospace;font-size:13px;line-height:1}.feature-guide-content h2{letter-spacing:-.055em;color:#111;max-width:1100px;margin:0 0 20px;font-family:Manrope,sans-serif;font-size:clamp(44px,5vw,58px);font-weight:700;line-height:1.02}.feature-guide-content h2 span{color:#a0a0a3}.feature-guide-content>p{color:#111;max-width:1050px;margin:0 0 32px;font-family:Manrope,sans-serif;font-size:16px;font-weight:400;line-height:1.55}.feature-guide-content>.docs-highlight,.feature-guide-content>.step-list,.feature-guide-content>.feature-tags,.feature-guide-content>.command-example{margin-top:28px}.feature-guide-media{width:100%;margin-top:44px;margin-bottom:80px}.feature-guide-media img,.feature-guide-media video{width:100%;height:auto;display:block}.docs-content>div[id]{margin-bottom:30px}@media (max-width:900px){.docs-intro h1,.feature-guide-content h2{font-size:clamp(40px,6vw,52px)}.docs-intro-number{margin-bottom:36px}.docs-intro>p{margin-top:34px}.feature-guide-number{margin-bottom:22px}.feature-guide-content>p{margin-bottom:26px}.feature-guide-media{margin-top:36px;margin-bottom:60px}}@media (max-width:680px){.docs-intro h1,.feature-guide-content h2{letter-spacing:-.045em;font-size:clamp(32px,9vw,44px);line-height:1.04}.docs-intro-number{margin-bottom:28px;padding-top:18px}.docs-intro-number:before{width:34px}.docs-intro>p{margin-top:28px;font-size:11px;line-height:1.7}.feature-guide-number{margin-bottom:20px;padding-top:18px}.feature-guide-number:before{width:34px}.feature-guide-number strong,.feature-guide-number span{font-size:11px}.feature-guide-content h2{margin-bottom:16px}.feature-guide-content>p{margin-bottom:22px;font-size:14px;line-height:1.55}.feature-guide-content>.docs-highlight,.feature-guide-content>.step-list,.feature-guide-content>.feature-tags,.feature-guide-content>.command-example{margin-top:22px}.feature-guide-media{margin-top:30px;margin-bottom:50px}}
.navbar{z-index:100;background:#fff;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;width:100%;height:78px;padding:0 32px;display:flex;position:relative}.navbar .brand{color:#111;font-family:var(--mono);align-items:center;gap:12px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.navbar .brand-logo{object-fit:contain;border-radius:8px;width:35px;height:35px;display:block}.navbar .nav-links{align-items:right;gap:24px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.navbar .nav-links a{color:#444;font-family:var(--mono);white-space:nowrap;font-size:14px;line-height:1;text-decoration:none;transition:color .2s;display:inline-block}.navbar .nav-links a:hover{color:#111}.navbar .nav-button{color:#111;min-width:102px;height:44px;font-family:var(--mono);background:#fff;border:1px solid #d9d9d9;border-radius:9px;justify-content:center;align-items:center;padding:0 18px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.navbar .nav-button:hover{color:#fff;background:#111;border-color:#111}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:65px;width:100%;padding:75px 7.5vw 85px;display:grid}.hero-content{max-width:680px}.hero-eyebrow{color:#555;font-family:var(--mono);align-items:center;gap:10px;margin-bottom:8px;font-size:14px;line-height:1.4;display:flex}.status-dot{background:#111;border-radius:50%;flex-shrink:0;width:8px;height:8px}.hero h1{color:#111;font-family:var(--sans);letter-spacing:-4.5px;margin:0;font-size:clamp(48px,6vw,88px);font-weight:700;line-height:.95}.hero h1 span{color:#999}.hero-description{color:#444;max-width:650px;font-family:var(--sans);margin:12px 0 0;font-size:18px;line-height:1.55}.hero-actions{align-items:center;gap:12px;margin-top:16px;display:flex}.hero-button{min-height:47px;font-family:var(--mono);border-radius:9px;justify-content:center;align-items:center;gap:15px;padding:0 19px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s,color .2s,border-color .2s,transform .2s;display:inline-flex}.hero-button-primary{color:#fff;background:#111;border:1px solid #111}.hero-button-primary:hover{color:#fff;background:#000;border-color:#000;transform:translateY(-1px)}.hero-button-secondary{color:#111;background:#fff;border:1px solid #d8d8d8}.hero-button-secondary:hover{color:#fff;background:#111;border-color:#111;transform:translateY(-1px)}.hero-meta{color:#777;font-family:var(--mono);align-items:center;gap:10px;margin-top:13px;font-size:13px;line-height:1.4;display:flex}.meta-dot{color:#aaa}.hero-media{aspect-ratio:1.12/.78;background:#fafafa;border:1px solid #ddd;border-radius:18px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.hero-media img,.hero-media video{object-fit:cover;width:100%;height:100%;display:block}@media (max-width:1100px){.navbar{padding:0 24px}.navbar .nav-links{gap:28px}.navbar .nav-links a{font-size:13px}.hero{gap:45px;padding:60px 5vw 70px}.hero h1{font-size:clamp(56px,6vw,76px)}.hero-description{font-size:17px}}@media (max-width:850px){.navbar{height:70px;padding:0 20px}.navbar .nav-links{display:none}.hero{grid-template-columns:1fr;gap:45px;padding:55px 25px 70px}.hero h1{font-size:clamp(55px,11vw,78px)}.hero-media{max-width:700px}}@media (max-width:600px){.navbar{padding:0 16px}.navbar .brand{font-size:13px}.navbar .brand-icon{width:32px;height:32px}.navbar .nav-button{min-width:auto;height:40px;padding:0 14px;font-size:12px}.hero{gap:40px;padding:45px 20px 60px}.hero h1{letter-spacing:-3px;font-size:52px}.hero-description{margin-top:24px;font-size:16px}.hero-actions{flex-direction:column;align-items:stretch;margin-top:23px}.hero-button{width:100%}.hero-meta{font-size:12px}}