/* Product-first presentation; account and installed-product services stay separate. */
.sidebar{padding:26px 18px 20px}.brand{margin-bottom:28px}.nav-label{margin:0 14px 9px;font-size:10px;color:#a7b1aa}.nav-item{min-height:41px;padding:9px 14px;font-size:14px;gap:12px}.nav-divider{margin:15px 14px}.nav-symbol{width:21px;height:21px;flex:0 0 21px;color:#a9b8ac}.nav-symbol svg{width:100%;height:100%}.nav-item.active{background:#343f2b;color:#e8f4cb;box-shadow:inset 2px 0 var(--accent)}.nav-item.active .nav-symbol{color:var(--accent)}.pattern-category-nav{margin:4px 0 0 23px;padding-left:15px;border-left:1px solid #3c443f}.pattern-category-nav a{display:block;padding:8px 12px;font-size:13px;color:#b7c1b9;border-radius:5px;line-height:1.5}.pattern-category-nav a:hover{background:#2b322b;color:#fff}.pattern-category-nav a.active{background:#343f2b;color:#e8f4cb}.pattern-nav-title{margin-bottom:2px}.sidebar-bottom{padding-top:25px}.sidebar-bottom p{font-size:12px;line-height:1.65;margin:0}.sidebar-bottom-rule{margin-bottom:9px}.sidebar-meta{margin-top:13px}.topbar{height:70px}.product-hero{display:grid;grid-template-columns:1fr 1.04fr;background:#edf1e9;border:1px solid #dbe2d8;border-radius:14px;overflow:hidden;min-height:410px}.product-hero-copy{padding:36px;display:flex;flex-direction:column;align-items:flex-start}.product-hero h2{font-size:clamp(27px,2.6vw,43px);letter-spacing:-1.8px;line-height:1.45;margin:0 0 15px}.product-hero h2 em{font-style:normal;color:#67804b}.product-hero-copy>p{font-size:15px;line-height:1.95;color:#52614f;margin:0 0 26px;max-width:450px;word-break:keep-all}.product-hero .pill{font-size:10px;letter-spacing:1.1px}.product-hero .hero-actions{gap:10px}.product-hero .button{gap:15px;font-size:13px;padding:11px 15px}.product-hero-media{margin:0;min-width:0;display:flex;flex-direction:column;background:#e6ebe1}.product-hero-media button{padding:0;display:block;flex:1;background:transparent;min-height:300px;overflow:hidden}.product-hero-media img{width:100%;height:100%;object-fit:cover;display:block}.product-hero-media.live{background:#24292c;justify-content:center}.product-hero-media.live button{min-height:0;flex:0 1 auto}.product-hero-media.live img{height:auto;object-fit:contain;padding:16px}.product-hero-media figcaption{padding:12px 18px;font-size:11px;color:#52614f;display:flex;align-items:center;justify-content:space-between;background:#ffffffa8}.product-hero-media figcaption span{font-size:18px}.product-hero-media.live figcaption{background:#30383d;color:#d8e1d8}.fact-order{color:#718459;font-size:14px;font-variant-numeric:tabular-nums}.fact span.fact-order{font-size:14px}.extension-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.extension-link{display:grid;grid-template-columns:36px 1fr 16px;column-gap:12px;align-items:center;padding:23px 20px;background:white;border:1px solid var(--line);border-radius:10px;transition:border-color .15s,transform .15s}.extension-link:hover{border-color:#8caa6f;transform:translateY(-2px)}.extension-link>span{grid-row:1/3;width:32px;color:#587740}.extension-link svg{width:32px;height:32px}.extension-link strong{font-size:16px}.extension-link small{grid-column:2;display:block;font-size:12px;color:var(--muted);line-height:1.6;margin-top:6px;word-break:keep-all}.extension-link b{grid-column:3;grid-row:1/3;font-weight:400}.workflow-steps{list-style:none;margin:0 0 25px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}.workflow-steps li{background:white;padding:24px 20px}.workflow-steps li>span{font-size:12px;color:#68814e;display:block;margin-bottom:18px}.workflow-steps strong{font-size:16px}.workflow-steps p{font-size:13px;color:#626e63;line-height:1.8;margin-bottom:0}.builder-screen{margin:0;border:1px solid #cad2cb;border-radius:12px;overflow:hidden;background:#22272b}.builder-screen img{display:block;width:100%;height:auto}.builder-screen figcaption{background:white;display:flex;gap:12px;justify-content:space-between;padding:19px 22px;flex-wrap:wrap;font-size:13px}.builder-screen figcaption span{color:var(--muted)}.product-scope{font-size:12px;line-height:1.9;color:#697568;margin:15px 0 0}.category-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.category-link-grid a{padding:24px 20px;border:1px solid var(--line);border-radius:10px;background:#fff;display:flex;align-items:center;gap:15px}.category-link-grid a:hover{border-color:#8caa6f}.category-link-grid span{font-size:11px;color:#778b66}.category-link-grid strong{font-size:15px}.category-link-grid b{margin-left:auto;font-weight:400}.command-line-guide{margin:46px 0 0;padding:30px;border-top:1px solid var(--line);background:#edf1e9;border-radius:10px}.command-line-guide h2{font-size:23px;margin:0 0 14px;letter-spacing:-.7px}.command-line-guide>p{font-size:14px;line-height:1.9}.command-line-guide pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;padding:19px;border:1px solid var(--line);border-radius:6px;font-size:13px;line-height:1.9}.command-line-guide .cli-notes{font-size:12px;color:#62705e}.noscript-note{position:fixed;inset:70px 20px auto 280px;padding:25px;background:white;z-index:10}.media-dialog{width:min(1250px,94vw);max-width:94vw}.media-dialog .dialog-image{width:100%;height:auto;max-height:78vh;object-fit:contain}.product-page .intro-row p{text-align:right;word-break:keep-all}.footer{flex-wrap:wrap}
@media(min-width:1700px){.product-hero-copy{padding:50px}.product-hero{min-height:475px}}
@media(max-width:1250px){main{padding:32px 30px 50px}.topbar{padding:0 30px}.product-hero{grid-template-columns:1fr}.product-hero-copy{padding:30px}.product-hero-media{max-height:350px}.product-hero-media button{min-height:0}.product-hero-media img{max-height:315px;object-fit:cover}.product-hero-media.live img{object-fit:contain}.extension-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.category-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-page .intro-row p{font-size:12px}}
@media(max-width:900px){.sidebar{padding-top:30px;width:280px}.sidebar nav{padding-top:4px}.sidebar-bottom{display:none}.brand{margin-bottom:22px}.mobile-close{position:absolute;right:10px;top:14px}.nav-item{min-height:40px}.pattern-category-nav a{padding:7px 12px}.topbar{height:64px}.product-hero{grid-template-columns:1fr 1fr}.product-hero-copy{padding:25px}.product-hero-media{max-height:none}.product-hero-media button{min-height:300px}.product-hero-media img{max-height:none}.product-hero-media.live button{min-height:0}.product-page .intro-row h1{font-size:40px}.product-page .intro-row p{display:none}.noscript-note{left:20px}}
@media(max-width:650px){main{padding:28px 20px 40px}.topbar{padding:0 17px}.breadcrumb{gap:9px;font-size:11px}.topbar-actions{gap:12px}.topbar .text-link{font-size:12px}.product-hero{grid-template-columns:1fr}.product-hero h2{font-size:30px}.product-hero-copy{padding:27px 23px}.product-hero-media{max-height:310px}.product-hero-media button{min-height:0}.product-hero-media img{max-height:275px}.product-hero-media.live img{padding:10px;object-fit:contain}.product-page .intro-row h1{font-size:36px}.product-page .product-facts{grid-template-columns:1fr;gap:16px;padding:23px 0}.product-page .fact{padding:0;border:0}.extension-grid{grid-template-columns:1fr}.workflow-steps{grid-template-columns:1fr 1fr}.workflow-steps li{padding:20px 16px}.workflow-steps strong{font-size:14px}.workflow-steps p{font-size:12px}.category-link-grid{grid-template-columns:1fr}.command-line-guide{padding:24px 18px}.command-line-guide h2{font-size:21px}.section-heading h2{font-size:23px;line-height:1.5}.section-heading p{line-height:1.8}.builder-screen figcaption{padding:16px;line-height:1.7}.product-page .feature-grid{grid-template-columns:1fr}}