/* Shared WeePixelBox design system. Both public asset paths reference this file. */
:root,[data-bs-theme="light"] {
 --wpb-paper:#e4e6dd; --wpb-ink:#242b25; --wpb-muted:#596252; --wpb-line:#c7cdbf; --wpb-orange:#bc4828;
 --bs-primary:#bc4828; --bs-primary-rgb:188,72,40; --bs-primary-active:#9b371c; --bs-primary-light:#f9ebe4; --bs-primary-inverse:#fff;
 --bs-link-color:#bc4828; --bs-link-hover-color:#9b371c; --bs-body-bg:#e4e6dd; --bs-body-color:#242725; --bs-text-primary:#bc4828;
 --bs-text-gray-400:#767971; --bs-text-gray-500:#686b65; --bs-text-gray-600:#5d6059; --bs-text-gray-700:#494d46; --bs-text-gray-800:#333831; --bs-text-gray-900:#242725;
 --bs-app-bg-color:#e4e6dd; --bs-app-header-base-bg-color:#f8f7f4; --bs-app-header-sticky-bg-color:#f8f7f4; --bs-border-color:#dedfd8;
 --bs-font-sans-serif:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
[data-theme="dark"],[data-bs-theme="dark"] { --bs-primary:#ed926e; --bs-primary-rgb:237,146,110; --bs-primary-active:#f7ac8d; --bs-primary-light:#362a24; --bs-primary-inverse:#222522; --bs-text-primary:#ed926e; --bs-body-bg:#171a18; --bs-body-color:#e8eae5; --bs-app-bg-color:#171a18; }
html { scroll-behavior:smooth; }
.wpb-site { display:block; height:auto; min-height:100vh; margin:0; background:var(--wpb-paper); color:var(--wpb-ink); font-family:var(--bs-font-sans-serif); font-size:15px; line-height:1.6; -webkit-font-smoothing:antialiased; }
.wpb-site * { box-sizing:border-box; }
.wpb-site h1,.wpb-site h2,.wpb-site h3 { color:var(--wpb-ink); letter-spacing:-.045em; }
.wpb-site a { transition:color .18s ease,background-color .18s ease,border-color .18s ease; }
.wpb-site a,.wpb-site button { -webkit-tap-highlight-color:transparent; }
.wpb-site a:focus-visible,.wpb-site button:focus-visible,.wpb-site input:focus-visible,.wpb-site summary:focus-visible { outline:2px solid var(--wpb-orange); outline-offset:5px; }
.wpb-site ::selection { background:#f2c6b3; color:#242725; }
.wpb-container { width:min(1280px,calc(100% - 96px)); margin-inline:auto; }
.wpb-site .container-xxl { max-width:1280px; }
.wpb-skip-link { position:fixed; top:-100px; left:20px; z-index:1000; background:var(--wpb-ink); color:#fff; padding:12px 20px; }
.wpb-skip-link:focus { top:12px; color:#fff; }
.wpb-header { position:relative; z-index:50; border-bottom:1px solid var(--wpb-line); background:var(--wpb-paper); }
.wpb-header-inner { min-height:94px; display:flex; align-items:center; gap:36px; }
.wpb-brand { display:inline-flex; align-items:center; gap:13px; color:var(--wpb-ink); font-size:23px; font-weight:750; letter-spacing:-.9px; white-space:nowrap; line-height:1.2; }
.wpb-brand:hover { color:var(--wpb-ink); }
.wpb-brand .wpb-brand-logo { display:block; flex:none; width:184px; height:52px; object-fit:cover; object-position:center; image-rendering:auto; }
.wpb-account-logo { display:block; width:168px; height:48px; object-fit:cover; object-position:center; image-rendering:auto; border-radius:3px; }
.wpb-brand-dot { color:var(--wpb-orange); }
.wpb-navigation { display:flex; align-items:center; gap:27px; flex:1; justify-content:flex-end; }
.wpb-navigation > a,.wpb-nav-account > a:not(.wpb-button) { color:#555a52; font-size:13px; font-weight:550; white-space:nowrap; padding-block:12px; }
.wpb-navigation a:hover,.wpb-navigation a[aria-current="page"] { color:var(--wpb-orange); }
.wpb-navigation a[aria-current="page"] { text-decoration:underline; text-underline-offset:7px; }
.wpb-nav-account { display:flex; align-items:center; gap:24px; margin-left:13px; }
.wpb-nav-account i { font-size:11px; margin-left:4px; }
.wpb-button { display:inline-flex; align-items:center; justify-content:center; gap:20px; min-height:52px; padding:15px 23px; border:1px solid var(--wpb-ink); border-radius:5px; background:var(--wpb-ink); color:#fff; font-size:14px; font-weight:600; line-height:1.3; text-decoration:none; cursor:pointer; }
.wpb-button:hover,.wpb-navigation .wpb-button:hover { background:#41473e; border-color:#41473e; color:#fff; }
.wpb-button-small { min-height:42px; font-size:12px; padding:12px 15px; }
.wpb-button-orange { background:#f58b61; border-color:#f58b61; color:#252823; }
.wpb-button-orange:hover { background:#fba07b; border-color:#fba07b; color:#252823; }
.wpb-text-link { display:inline-flex; align-items:center; gap:13px; color:var(--wpb-ink); font-size:14px; font-weight:600; text-decoration:none; padding-block:9px; }
.wpb-text-link:hover { color:var(--wpb-orange); }
.wpb-menu-toggle { display:none; align-items:center; justify-content:center; gap:9px; min-height:44px; padding:8px 11px; border:1px solid var(--wpb-line); border-radius:4px; background:transparent; color:var(--wpb-ink); font:inherit; font-size:13px; cursor:pointer; }
.wpb-menu-toggle i { font-size:21px; }
.wpb-main { display:flow-root; min-height:50vh; outline:none; }
/* The original theme pulled content into its tall toolbar. Neither layout
   uses that overlap: keep page content in normal flow below navigation. */
.app-content { margin-top:0; }
.wpb-main .app-content { padding:0; }
.wpb-main > :is(.app-container,.app-content,.app-main) { padding-block:48px; }
.wpb-main .app-content > .app-container { padding-inline:30px !important; }
.wpb-product-detail-image { display:block; width:100%; max-width:300px; height:auto; aspect-ratio:1; object-fit:cover; margin-inline:auto; border-radius:6px; }
.wpb-eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 23px; color:var(--wpb-muted); font-size:10px; font-weight:650; letter-spacing:.13em; line-height:1.6; text-transform:uppercase; }
.wpb-status-dot { flex:0 0 6px; width:6px; height:6px; background:var(--wpb-orange); }
.wpb-product-hero { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); align-items:center; gap:52px; padding:74px 0 62px; }
.wpb-product-copy h1 { margin:0 0 27px; font-size:clamp(62px,6.6vw,92px); font-weight:650; letter-spacing:-.075em; line-height:.99; }
.wpb-product-copy h1 > span { color:var(--wpb-orange); }
.wpb-hero-description { max-width:405px; margin:0 0 28px; color:var(--wpb-muted); font-size:16px; line-height:1.85; }
.wpb-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px 23px; }
.wpb-hero-note { display:flex; align-items:center; gap:9px; margin-top:29px; color:var(--wpb-muted); font-size:11px; }
.wpb-hero-note i { color:var(--wpb-ink); font-size:15px; }
.wpb-hero-note > span { height:12px; width:1px; margin-inline:4px; background:#bfc3ba; }
.wpb-product-visual { margin:0; min-width:0; }
.wpb-product-photo { position:relative; overflow:hidden; height:450px; background:#d8ddd4; border-radius:7px; }
.wpb-product-photo > img { display:block; width:100%; height:100%; object-fit:cover; object-position:53% center; }
.wpb-photo-label { position:absolute; bottom:21px; left:21px; display:inline-flex; align-items:center; gap:9px; background:#f8f7f4; color:var(--wpb-ink); padding:9px 13px; border-radius:3px; font-size:10px; font-weight:550; }
.wpb-photo-label > span { width:5px; height:5px; background:#48715a; border-radius:50%; }
.wpb-product-visual figcaption { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px; margin-top:15px; color:var(--wpb-muted); font-size:9px; }
.wpb-product-visual figcaption > span:first-child { letter-spacing:.09em; }
.wpb-feature-strip { display:grid; grid-template-columns:repeat(4,1fr); padding:27px 0; border-top:1px solid var(--wpb-line); border-bottom:1px solid var(--wpb-line); }
.wpb-feature-strip > div { display:flex; align-items:center; justify-content:center; gap:12px; color:#53584f; font-size:12px; }
.wpb-feature-strip > div + div { border-left:1px solid var(--wpb-line); }
.wpb-feature-strip i { color:#6f7568; font-size:18px; }
.wpb-section { padding:86px 0 90px; }
.wpb-section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:32px; margin-bottom:34px; }
.wpb-section-heading .wpb-eyebrow { margin-bottom:14px; }
.wpb-section-heading h2,.wpb-setup-intro h2 { margin:0; font-size:clamp(30px,3.1vw,43px); font-weight:600; line-height:1.15; }
.wpb-section-heading > p { max-width:390px; margin:0 0 2px; color:var(--wpb-muted); font-size:13px; line-height:1.85; }
.wpb-section-heading > .wpb-text-link { flex-shrink:0; }
.wpb-use-cases { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; }
.wpb-use-case { display:block; color:var(--wpb-ink); }
.wpb-use-case-image { height:223px; display:flex; align-items:center; justify-content:center; overflow:hidden; border-radius:5px; background:#242a26; }
.wpb-use-case-image > img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.wpb-use-case:hover .wpb-use-case-image > img { transform:scale(1.035); }
.wpb-use-case-pixels { background:#202620; }
.wpb-use-case-pixels > img { width:65%; height:auto; max-height:70%; object-fit:contain; image-rendering:pixelated; }
.wpb-use-case-copy { padding-top:21px; }
.wpb-index { color:var(--wpb-muted); font-size:9px; letter-spacing:.09em; text-transform:uppercase; }
.wpb-use-case h3 { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:10px 0 8px; font-size:20px; font-weight:600; }
.wpb-use-case h3 i { font-size:15px; font-weight:400; }
.wpb-use-case:hover h3 { color:var(--wpb-orange); }
.wpb-use-case p { max-width:345px; margin:0; color:var(--wpb-muted); font-size:13px; line-height:1.8; }
.wpb-use-case-studio { position:relative; flex-direction:column; gap:22px; background-color:#e9e8df; background-image:radial-gradient(#c4c4b8 .75px,transparent .75px); background-size:12px 12px; }
.wpb-pixel-motif { display:grid; grid-template-columns:repeat(3,27px); grid-template-rows:repeat(3,27px); gap:4px; transform:rotate(-8deg); }
.wpb-pixel-motif > span { background:var(--wpb-orange); }
.wpb-pixel-motif > span:nth-child(2),.wpb-pixel-motif > span:nth-child(4),.wpb-pixel-motif > span:nth-child(6),.wpb-pixel-motif > span:nth-child(8) { background:#ea946e; }
.wpb-pixel-motif > span:nth-child(3) { background:#f7c9a9; transform:translate(7px,-7px); }
.wpb-pixel-motif > span:nth-child(5) { background:#242b24; }
.wpb-studio-caption { color:#606253; font-size:10px; }
.wpb-library-section { padding:75px 0 80px; background:#cfd5c7; border-block:1px solid #c0c9b8; }
.wpb-sketch-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.wpb-library-card { min-width:0; display:block; color:var(--wpb-ink); }
.wpb-library-card[hidden] { display:none; }
.wpb-library-preview { display:flex; align-items:center; justify-content:center; aspect-ratio:1.45; padding:27px; background:#202420; border-radius:5px; overflow:hidden; border:1px solid #2f352e; }
.wpb-library-preview img { width:100%; height:100%; object-fit:contain; image-rendering:pixelated; transition:transform .25s ease; }
.wpb-library-card:hover .wpb-library-preview img { transform:scale(1.05); }
.wpb-library-info { padding:19px 0 0; }
.wpb-library-info h3 { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 8px; font-size:18px; font-weight:600; }
.wpb-library-info h3 i { flex-shrink:0; font-size:13px; }
.wpb-library-card:hover h3 { color:var(--wpb-orange); }
.wpb-library-info p { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:42px; margin:0 0 13px; color:var(--wpb-muted); font-size:12px; line-height:1.75; }
.wpb-library-meta { display:flex; align-items:center; gap:7px; color:var(--wpb-muted); font-size:10px; }
.wpb-setup-section { display:grid; grid-template-columns:.85fr 1.15fr; gap:90px; padding:92px 0; }
.wpb-setup-intro h2 { font-size:49px; margin-bottom:22px; }
.wpb-steps { list-style:none; margin:0; padding:0; }
.wpb-steps li { display:flex; align-items:flex-start; gap:28px; padding:25px 0; border-top:1px solid var(--wpb-line); }
.wpb-steps li:last-child { padding-bottom:0; }
.wpb-steps li > span { padding-top:3px; color:var(--wpb-orange); font-size:12px; font-variant-numeric:tabular-nums; }
.wpb-steps h3 { margin:0 0 7px; font-size:20px; font-weight:600; }
.wpb-steps p { max-width:400px; margin:0; color:var(--wpb-muted); font-size:13px; line-height:1.8; }
.wpb-owner-banner { display:flex; align-items:center; justify-content:space-between; gap:30px; margin:0 0 85px; padding:44px 48px; background:#282e27; border-radius:6px; color:#d1d6cb; }
.wpb-owner-banner .wpb-eyebrow { margin-bottom:11px; color:#bfc6b8; }
.wpb-owner-banner h2 { margin:0 0 10px; color:#f8f7f4; font-size:32px; font-weight:550; }
.wpb-owner-banner p:not(.wpb-eyebrow) { margin:0; color:#bfc6b8; font-size:13px; }
.wpb-owner-banner > .wpb-button { flex-shrink:0; }
.wpb-footer { background:#eeeee8; padding:57px 0 0; border-top:1px solid #e1e2da; }
.wpb-footer-grid { display:grid; grid-template-columns:1.7fr 1fr 1fr 1fr; gap:45px; padding-bottom:44px; }
.wpb-footer-intro p { margin:21px 0 16px; color:#51574d; font-size:18px; line-height:1.5; letter-spacing:-.3px; }
.wpb-footer-origin { color:var(--wpb-muted); font-size:10px; }
.wpb-footer h2 { margin:3px 0 21px; font-size:10px; font-weight:650; text-transform:uppercase; letter-spacing:.1em; }
.wpb-footer-grid > div:not(.wpb-footer-intro) > a { display:table; color:var(--wpb-muted); font-size:12px; padding:5px 0; }
.wpb-footer a:hover { color:var(--wpb-orange); }
.wpb-footer-bottom { display:flex; justify-content:space-between; gap:20px; padding:21px 0 25px; border-top:1px solid #d6d9cd; color:var(--wpb-muted); font-size:10px; }
.wpb-page { padding-top:62px; padding-bottom:40px; }
.wpb-page-heading { margin-bottom:42px; max-width:850px; }
.wpb-page-heading h1 { font-size:clamp(40px,4.8vw,64px); font-weight:600; line-height:1.1; margin:0 0 20px; }
.wpb-page-heading h1 > span { color:var(--wpb-orange); }
.wpb-page-heading > p:not(.wpb-eyebrow) { color:var(--wpb-muted); font-size:15px; line-height:1.85; }
.wpb-page .wpb-owner-banner { margin-top:70px; margin-bottom:35px; }
.wpb-library-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 0; margin-bottom:30px; border-block:1px solid var(--wpb-line); }
.wpb-library-toolbar > p { margin:0; color:var(--wpb-muted); font-size:13px; }
.wpb-search { display:flex; align-items:center; gap:12px; width:290px; background:#fff; border:1px solid var(--wpb-line); border-radius:4px; padding:0 14px; }
.wpb-search i { color:var(--wpb-muted); }
.wpb-search input { min-width:0; width:100%; height:44px; border:0; background:transparent; color:var(--wpb-ink); font:inherit; font-size:13px; }
.wpb-search:focus-within { outline:2px solid var(--wpb-orange); outline-offset:2px; }
.wpb-search input:focus-visible { outline:none; }
.wpb-empty-state { grid-column:1 / -1; padding:50px 25px; text-align:center; border:1px dashed #c4c8bc; border-radius:5px; }
.wpb-empty-state p { color:var(--wpb-muted); }
.wpb-empty-state[hidden] { display:none; }
.wpb-shop-product { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:58px; align-items:center; padding-bottom:70px; }
.wpb-shop-photo { width:100%; height:430px; border-radius:6px; object-fit:cover; object-position:53% center; }
.wpb-shop-details h2 { font-size:35px; margin-bottom:16px; font-weight:600; }
.wpb-shop-details > p { color:var(--wpb-muted); font-size:14px; line-height:1.85; }
.wpb-product-price { display:flex; align-items:baseline; gap:14px; margin-block:24px; }
.wpb-product-price strong { font-size:32px; color:var(--wpb-ink); font-weight:550; letter-spacing:-1px; }
.wpb-product-price span { color:var(--wpb-muted); font-size:12px; }
.wpb-product-included { list-style:none; padding:22px 0 0; margin:25px 0 0; border-top:1px solid var(--wpb-line); color:var(--wpb-muted); font-size:12px; }
.wpb-product-included li { padding-block:4px; }
.wpb-product-included i { margin-right:8px; color:#4c6c4f; }
.wpb-accessories { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:25px; margin-bottom:35px; }
.wpb-accessory { display:grid; grid-template-columns:150px minmax(0,1fr); gap:26px; align-items:center; padding:26px; border:1px solid var(--wpb-line); border-radius:6px; background:#eceee6; }
.wpb-accessory img { width:100%; height:155px; object-fit:contain; }
.wpb-accessory h3 { font-size:20px; font-weight:600; margin:0 0 7px; }
.wpb-accessory p { color:var(--wpb-muted); font-size:12px; }
.wpb-accessory .wpb-product-price { margin-block:12px; }
.wpb-accessory .wpb-product-price strong { font-size:24px; }
.wpb-accessory .wpb-actions { gap:8px 15px; }
.wpb-accessory .wpb-text-link { font-size:12px; }
/* Existing framework pages share the same palette. */
.wpb-site .card { border:1px solid var(--wpb-line); box-shadow:none; border-radius:6px; }
.wpb-site .btn { border-radius:5px; }
.wpb-site .btn-primary { --bs-btn-bg:var(--wpb-orange); --bs-btn-border-color:var(--wpb-orange); --bs-btn-hover-bg:#9b371c; --bs-btn-hover-border-color:#9b371c; }
.wpb-site .form-control:focus { border-color:var(--wpb-orange); }
.wpb-site #content { max-width:820px; margin-inline:auto; color:var(--wpb-muted); font-size:15px; line-height:1.9; }
.wpb-site #content h1 { font-size:37px; margin-bottom:25px; }
.wpb-site #content h2 { font-size:24px; margin-top:35px; margin-bottom:15px; }
.wpb-site .login-form { max-width:1200px; margin:60px auto; padding:0 20px; }
/* Contact page */
.wpb-contact-layout { display:grid; grid-template-columns:1fr 1fr; align-items:stretch; gap:70px; padding:20px 0 65px; }
.wpb-contact-details > h2 { font-size:36px; font-weight:600; line-height:1.2; margin-bottom:32px; }
.wpb-contact-option { padding:24px 0; border-top:1px solid var(--wpb-line); }
.wpb-contact-option h3 { margin:10px 0 12px; font-size:22px; font-weight:600; }
.wpb-contact-option p { max-width:460px; color:var(--wpb-muted); font-size:14px; line-height:1.8; }
.wpb-contact-option .wpb-text-link { overflow-wrap:anywhere; }
.wpb-contact-photo { margin:0; min-width:0; display:flex; flex-direction:column; }
.wpb-contact-photo img { width:100%; height:100%; min-height:400px; object-fit:cover; object-position:52% center; border-radius:6px; }
.wpb-contact-photo figcaption { padding-top:14px; color:var(--wpb-muted); font-size:11px; }
.wpb-support-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; padding:35px 0 30px; border-top:1px solid var(--wpb-line); }
.wpb-support-links > a { display:block; color:var(--wpb-ink); }
.wpb-support-links > a > i { display:block; font-size:24px; margin-bottom:20px; }
.wpb-support-links h2 { font-size:21px; font-weight:600; margin-bottom:10px; }
.wpb-support-links p { color:var(--wpb-muted); font-size:13px; }
.wpb-support-links a:hover .wpb-text-link { color:var(--wpb-orange); }
.wpb-button i,.wpb-text-link i,.wpb-menu-toggle i,.wpb-nav-account i,.wpb-use-case h3 i,.wpb-library-info i { color:inherit; }
.text-white-75 { color:var(--wpb-muted) !important; }
.wpb-contact-map .btn-outline-light { border:1px solid var(--wpb-line); color:var(--wpb-ink); }
.wpb-input { background:var(--wpb-paper); color:var(--wpb-ink); border:1px solid var(--wpb-line); }
.text-white-75 { color:rgba(255,255,255,.8); }
.object-cover { object-fit:cover; }
.tracking-wide { letter-spacing:.1em; }
/* Charcoal anchors the page; stone surfaces keep longer sections easy to read. */
.wpb-header { background:#202720; border-color:#3a4537; }
.wpb-header .wpb-brand { color:#f4f3ed; }
.wpb-header .wpb-brand-dot { color:#ed926e; }
.wpb-navigation > a,.wpb-nav-account > a:not(.wpb-button) { color:#c2ccbb; }
.wpb-navigation a:hover,.wpb-navigation a[aria-current="page"] { color:#f1a481; }
.wpb-navigation .wpb-button { background:#e7eadf; border-color:#e7eadf; color:#202720; }
.wpb-navigation .wpb-button:hover { background:#fff; border-color:#fff; color:#202720; }
.wpb-menu-toggle { color:#e4e9dd; border-color:#56614e; }
.wpb-hero-surface { background:#202720; color:#c2ccbb; }
.wpb-hero-surface .wpb-eyebrow { color:#b5c1ad; }
.wpb-hero-surface .wpb-status-dot { background:#ed926e; }
.wpb-hero-surface h1 { color:#f4f3ed; }
.wpb-hero-surface h1 > span { color:#ed926e; }
.wpb-hero-surface .wpb-hero-description { color:#bdc8b6; }
.wpb-hero-surface .wpb-button { background:#ed926e; border-color:#ed926e; color:#202720; }
.wpb-hero-surface .wpb-button:hover { background:#f5aa89; border-color:#f5aa89; }
.wpb-hero-surface .wpb-text-link { color:#e0e6d8; }
.wpb-hero-surface .wpb-text-link:hover { color:#f1a481; }
.wpb-hero-surface .wpb-hero-note,.wpb-hero-surface .wpb-hero-note i,.wpb-hero-surface figcaption { color:#afbea4; }
.wpb-hero-surface .wpb-hero-note > span { background:#56614e; }
.wpb-hero-surface .wpb-photo-label { background:#e7eadf; }
.wpb-hero-surface .wpb-product-photo { background:#384231; }
.wpb-hero-surface .wpb-feature-strip { border-color:#3a4537; border-bottom:0; padding-block:29px; }
.wpb-hero-surface .wpb-feature-strip > div { color:#c5cfbe; border-color:#3a4537; }
.wpb-hero-surface .wpb-feature-strip i { color:#99ac89; }
.wpb-footer { background:#202720; border-color:#3a4537; color:#c5cfbe; }
.wpb-footer .wpb-brand,.wpb-footer h2 { color:#f0f2e9; }
.wpb-footer .wpb-brand-dot { color:#ed926e; }
.wpb-footer-intro p { color:#ced6c6; }
.wpb-footer-origin,.wpb-footer-grid > div:not(.wpb-footer-intro) > a,.wpb-footer-bottom { color:#b2bfaa; }
.wpb-footer-bottom { border-color:#3e4b37; }
.wpb-footer a:hover { color:#f1a481; }
.wpb-site .card { background:#eceee6; }
@media(min-width:1500px) { .wpb-product-photo { height:480px; } }
@media(max-width:1199px) {
 .wpb-container { width:calc(100% - 64px); } .wpb-header-inner { gap:22px; } .wpb-navigation { gap:18px; } .wpb-nav-account { gap:18px; margin-left:0; } .wpb-brand .wpb-brand-logo { width:176px; height:50px; }
 .wpb-product-hero { gap:34px; padding-top:60px; } .wpb-product-photo { height:430px; } .wpb-hero-description { font-size:15px; } .wpb-use-case-image { height:190px; } .wpb-sketch-grid { gap:20px; }
 .wpb-accessory { grid-template-columns:110px minmax(0,1fr); gap:20px; padding:22px; }
}
@media(max-width:991px) {
 .wpb-header-inner { min-height:78px; justify-content:space-between; flex-wrap:wrap; gap:0; } .wpb-brand .wpb-brand-logo { width:176px; height:50px; } .wpb-menu-toggle { display:inline-flex; }
 .wpb-navigation { flex-basis:100%; display:none; flex-direction:column; align-items:stretch; gap:0; padding:15px 0 22px; } .wpb-navigation.is-open { display:flex; }
 .wpb-navigation > a { padding:12px 0; font-size:15px; } .wpb-nav-account { margin-top:10px; padding-top:20px; border-top:1px solid #3a4537; justify-content:space-between; flex-wrap:wrap; }
 .wpb-product-copy h1 { font-size:66px; } .wpb-product-hero { gap:30px; } .wpb-product-photo { height:450px; } .wpb-eyebrow { font-size:9px; } .wpb-hero-note { flex-wrap:wrap; }
 .wpb-feature-strip { grid-template-columns:repeat(2,1fr); gap:24px 0; } .wpb-feature-strip > div:nth-child(3) { border:0; } .wpb-section-heading > p { max-width:310px; }
 .wpb-use-cases { gap:20px; } .wpb-use-case-image { height:165px; } .wpb-use-case h3 { font-size:18px; } .wpb-use-case p { font-size:12px; }
 .wpb-sketch-grid { grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:32px; } .wpb-setup-section { gap:45px; } .wpb-owner-banner { padding:34px; } .wpb-owner-banner h2 { font-size:28px; }
 .wpb-footer-grid { gap:30px; grid-template-columns:1.4fr 1fr 1fr 1fr; } .wpb-shop-product { gap:32px; } .wpb-accessory { grid-template-columns:1fr; } .wpb-accessory img { height:170px; }
}
@media(max-width:767px) {
 .wpb-container { width:calc(100% - 40px); } .wpb-header-inner { min-height:74px; } .wpb-brand { font-size:21px; gap:10px; } .wpb-brand .wpb-brand-logo { width:164px; height:46px; }
 .wpb-product-hero { grid-template-columns:1fr; gap:34px; padding:44px 0 32px; } .wpb-product-copy h1 { font-size:clamp(62px,13vw,84px); margin-bottom:22px; }
 .wpb-product-copy .wpb-eyebrow { font-size:9px; margin-bottom:24px; } .wpb-hero-description { max-width:490px; font-size:15px; margin-bottom:24px; }
 .wpb-actions { gap:12px 20px; } .wpb-actions .wpb-text-link { font-size:13px; } .wpb-hero-note { margin-top:21px; font-size:10px; } .wpb-product-photo { height:320px; }
 .wpb-product-visual figcaption { font-size:8px; } .wpb-photo-label { bottom:15px; left:15px; }
 .wpb-feature-strip { padding:23px 0; gap:19px 0; } .wpb-feature-strip > div { font-size:10px; gap:8px; justify-content:flex-start; } .wpb-feature-strip > div:nth-child(even) { padding-left:16px; } .wpb-feature-strip i { font-size:16px; }
 .wpb-section { padding:56px 0; } .wpb-section-heading { align-items:flex-start; flex-direction:column; gap:18px; margin-bottom:27px; } .wpb-section-heading > p { max-width:100%; }
 .wpb-use-cases { grid-template-columns:1fr; gap:32px; } .wpb-use-case-image { height:245px; } .wpb-use-case-pixels > img { width:55%; } .wpb-use-case-copy { padding-top:17px; } .wpb-use-case h3 { font-size:23px; margin-top:8px; } .wpb-use-case p { max-width:100%; font-size:13px; }
 .wpb-library-section { padding:50px 0; } .wpb-library-section .wpb-section-heading { gap:12px; } .wpb-sketch-grid { gap:28px 16px; } .wpb-library-preview { aspect-ratio:1.15; padding:18px; }
 .wpb-library-info { padding-top:15px; } .wpb-library-info h3 { font-size:16px; } .wpb-library-info p { font-size:11px; min-height:39px; } .wpb-library-meta { font-size:9px; }
 .wpb-setup-section { grid-template-columns:1fr; gap:28px; padding:55px 0; } .wpb-setup-intro h2 { font-size:43px; } .wpb-steps li { gap:22px; padding-block:22px; } .wpb-steps h3 { font-size:19px; }
 .wpb-owner-banner { align-items:flex-start; flex-direction:column; padding:30px 26px; margin-bottom:55px; gap:23px; } .wpb-owner-banner h2 { font-size:29px; }
 .wpb-footer { padding-top:39px; } .wpb-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:35px 28px; } .wpb-footer-intro { grid-column:1 / -1; } .wpb-footer-intro p { margin-block:17px 12px; } .wpb-footer h2 { margin-bottom:13px; } .wpb-footer-grid > div:not(.wpb-footer-intro) > a { padding-block:7px; } .wpb-footer-bottom { font-size:9px; }
 .wpb-page { padding-top:43px; } .wpb-page-heading { margin-bottom:30px; } .wpb-page-heading > p:not(.wpb-eyebrow) { font-size:14px; } .wpb-library-toolbar { flex-direction:column; align-items:stretch; gap:15px; } .wpb-search { width:100%; }
 .wpb-shop-product { grid-template-columns:1fr; gap:30px; padding-bottom:50px; } .wpb-shop-photo { height:310px; } .wpb-accessories { grid-template-columns:1fr; } .wpb-accessory { grid-template-columns:110px minmax(0,1fr); gap:22px; } .wpb-accessory h3 { font-size:19px; }
 .wpb-main > :is(.app-container,.app-content,.app-main) { padding-block:28px; } .wpb-main > .app-container { padding-inline:20px; } .wpb-main .app-content > .app-container { padding-inline:20px !important; } .wpb-site #content h1 { font-size:29px; } .wpb-contact-layout { grid-template-columns:1fr; gap:24px; padding-bottom:40px; } .wpb-contact-photo img { height:320px; min-height:0; } .wpb-contact-details > h2 { font-size:31px; } .wpb-support-links { grid-template-columns:1fr; gap:27px; } .wpb-support-links > a { padding-bottom:20px; }
}
@media(max-width:359px) {
 .wpb-container { width:calc(100% - 32px); } .wpb-brand .wpb-brand-logo { width:156px; height:44px; } .wpb-product-copy h1 { font-size:58px; } .wpb-hero-note { font-size:9px; } .wpb-hero-note > span { margin-inline:0; }
 .wpb-feature-strip > div { font-size:9px; } .wpb-sketch-grid { grid-template-columns:1fr; } .wpb-library-preview { aspect-ratio:1.5; } .wpb-accessory { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .wpb-site *,.wpb-site *::before,.wpb-site *::after { transition:none !important; animation:none !important; } }
