@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Newsreader:ital,wght@0,500;1,500&display=swap');

.product-appearance{position:fixed;right:22px;bottom:22px;z-index:10000;font-family:'DM Sans',sans-serif}.product-appearance-trigger{display:flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid #ffffff29;border-radius:999px;background:#172620;color:#fff;box-shadow:0 12px 35px #0a191638;font:700 13px 'DM Sans',sans-serif;cursor:pointer}.product-appearance-trigger:hover{transform:translateY(-1px)}.product-appearance-trigger svg{width:17px;height:17px}.product-appearance-panel{position:absolute;right:0;bottom:58px;width:390px;padding:23px;border:1px solid #d9ddd5;border-radius:20px;background:#fffdf8;color:#172620;box-shadow:0 24px 70px #0a191638}.product-appearance-head{display:flex;justify-content:space-between;gap:18px}.product-appearance-head small{display:block;color:#1e5a43;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.product-appearance-head h2{margin:4px 0 10px;font-size:24px;letter-spacing:-.035em}.product-appearance-close{align-self:flex-start;border:0;background:none;color:#617069;font-size:22px;cursor:pointer}.product-appearance-panel>p{margin:0 0 17px;color:#617069;font-size:13px;line-height:1.5}.product-appearance-panel h3{margin:14px 0 7px;color:#55645d;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.product-style-options{display:grid;gap:8px}.product-style-option{display:grid;grid-template-columns:58px 1fr 18px;align-items:center;gap:11px;padding:11px;border:1px solid #d9ddd5;border-radius:12px;background:#fff;color:#172620;text-align:left;cursor:pointer}.product-style-option.active{border-color:#1e5a43;box-shadow:0 0 0 2px #1e5a4317}.product-swatches{display:flex}.product-swatches i{width:23px;height:29px;margin-right:-7px;border:2px solid #fff;border-radius:7px;box-shadow:0 2px 6px #0002}.product-style-option strong,.product-style-option span{display:block}.product-style-option strong{font:700 13px 'DM Sans',sans-serif}.product-style-option .note{margin:2px 0 0;padding:0;border:0;background:none;box-shadow:none;color:#617069;font:500 10px 'DM Sans',sans-serif}.product-check{color:#1e5a43;font-weight:900}.product-mode-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.product-mode-options button{padding:9px 6px;border:1px solid #d9ddd5;border-radius:10px;background:#fff;color:#526159;font:700 11px 'DM Sans',sans-serif;cursor:pointer}.product-mode-options button.active{border-color:#1e5a43;background:#edf4ef;color:#1e5a43}

html[data-site-theme="warm"] body{font-family:'DM Sans',sans-serif;color:#172620;background:radial-gradient(circle at 88% 4%,#e9f2c5,transparent 30rem),#fffdf8}html[data-site-theme="warm"] .site-nav{height:76px;border-color:#d9ddd5cc;background:#fffdf8eb}html[data-site-theme="warm"] .nav-inner{height:76px}html[data-site-theme="warm"] .brand{color:#172620}html[data-site-theme="warm"] .brand-dot{display:grid;place-items:center;width:36px;height:36px;background:#123a2c;color:#fff}html[data-site-theme="warm"] .brand-dot::after{content:'JM';font:italic 500 13px 'Newsreader',serif}html[data-site-theme="warm"] .desktop-nav>a,html[data-site-theme="warm"] .drop-label{color:#617069;font-family:'DM Sans',sans-serif;font-weight:700}html[data-site-theme="warm"] .hero{padding-top:150px}html[data-site-theme="warm"] .scan-line{display:none}html[data-site-theme="warm"] .eyebrow{color:#1e5a43;font-family:'DM Sans',sans-serif;font-size:.75rem;text-transform:uppercase}html[data-site-theme="warm"] .hero h1{font-family:'Newsreader',serif;font-weight:500;letter-spacing:-.045em}html[data-site-theme="warm"] .lede,html[data-site-theme="warm"] .card p,html[data-site-theme="warm"] .note p,html[data-site-theme="warm"] .story p,html[data-site-theme="warm"] .story ul{color:#617069}html[data-site-theme="warm"] .btn{border-radius:999px;font-family:'DM Sans',sans-serif;font-weight:800}html[data-site-theme="warm"] .btn.primary{background:#1e5a43;box-shadow:0 8px 25px #1e5a433d}html[data-site-theme="warm"] .btn.primary:hover{background:#123a2c}html[data-site-theme="warm"] .btn.secondary{border-color:#bfc9c1;background:#fffdf899;color:#1e5a43}html[data-site-theme="warm"] .shot{border-color:#d9ddd5;border-radius:24px;box-shadow:0 24px 60px #123a2c1c}html[data-site-theme="warm"] .card,html[data-site-theme="warm"] .note{border-color:#d9ddd5;border-radius:20px;background:#ffffffd9;box-shadow:0 10px 30px #123a2c0d}html[data-site-theme="warm"] .card:before{background:linear-gradient(90deg,#1e5a43,#d8ee8a)}html[data-site-theme="warm"] .story,html[data-site-theme="warm"] footer{border-color:#d9ddd5}html[data-site-theme="warm"] .mobile-menu{top:76px;background:#fffdf8}

html[data-color-mode="dark"] .product-appearance-panel{border-color:#334139;background:#111815;color:#f3f7f5}html[data-color-mode="dark"] .product-appearance-panel>p,html[data-color-mode="dark"] .product-style-option .note{color:#a6b3ad}html[data-color-mode="dark"] .product-appearance-panel h3{color:#b9c7c0}html[data-color-mode="dark"] .product-style-option,html[data-color-mode="dark"] .product-mode-options button{border-color:#334139;background:#18211d;color:#edf4f0}html[data-color-mode="dark"] .product-style-option.active,html[data-color-mode="dark"] .product-mode-options button.active{border-color:#6ee7b7;background:#1b2c24;color:#8df0c3}html[data-site-theme="tech"] .product-appearance-trigger{background:linear-gradient(135deg,#16251f,#251b42)}

html[data-site-theme="warm"][data-color-mode="dark"] body{color:#f3f7f5;background:radial-gradient(circle at 88% 4%,#1b3b2a,transparent 30rem),#090d0b}html[data-site-theme="warm"][data-color-mode="dark"] .site-nav{border-color:#29352f;background:#090d0beb}html[data-site-theme="warm"][data-color-mode="dark"] .brand{color:#f3f7f5}html[data-site-theme="warm"][data-color-mode="dark"] .desktop-nav>a,html[data-site-theme="warm"][data-color-mode="dark"] .drop-label{color:#a6b3ad}html[data-site-theme="warm"][data-color-mode="dark"] .mobile-menu{background:#090d0b}html[data-site-theme="warm"][data-color-mode="dark"] .card,html[data-site-theme="warm"][data-color-mode="dark"] .note{border-color:#29352f;background:#111815}html[data-site-theme="warm"][data-color-mode="dark"] .lede,html[data-site-theme="warm"][data-color-mode="dark"] .card p,html[data-site-theme="warm"][data-color-mode="dark"] .note p,html[data-site-theme="warm"][data-color-mode="dark"] .story p,html[data-site-theme="warm"][data-color-mode="dark"] .story ul{color:#a6b3ad}

@media(max-width:600px){.product-appearance{right:14px;bottom:14px}.product-appearance-trigger span{display:none}.product-appearance-trigger{padding:12px}.product-appearance-panel{position:fixed;left:12px;right:12px;bottom:68px;width:auto;max-height:calc(100vh - 86px);overflow:auto}}
@media(prefers-reduced-motion:reduce){.product-appearance-trigger{transition:none}}
.product-style-option:not(.active) .product-check{visibility:hidden}

.product-green-icon,.product-jts-icon{display:grid!important;place-items:center;width:42px;height:42px;border-radius:12px}.product-green-icon{border:1px solid #cfe0d7!important;background:#edf7f1!important;color:#15815b!important;box-shadow:inset 0 0 0 3px #fff,0 2px 7px #1450371a!important}.product-green-icon i{font:800 10px 'DM Sans',sans-serif;font-style:normal}.product-jts-icon{border:1px solid #d5dce5!important;background:#edf0f4!important;box-shadow:inset 0 0 0 4px #fff,0 2px 7px #1e3c5a24!important}.product-jts-icon i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#0ea5e9 58%,#22c55e);color:#fff;font:800 7px 'DM Sans',sans-serif;font-style:normal}
html[data-site-theme="jts"] body{font-family:'DM Sans',sans-serif;color:#14213a;background:radial-gradient(circle at 92% 4%,#d9f7e6,transparent 28rem),radial-gradient(circle at 70% 0,#d9eaff,transparent 34rem),#f8fafc}
html[data-site-theme="jts"] .site-nav{height:76px;border-color:#d8e1eb;background:#f8fafceb}
html[data-site-theme="jts"] .nav-inner{height:76px}
html[data-site-theme="jts"] .brand{color:#14213a}
html[data-site-theme="jts"] .brand-dot{display:grid;place-items:center;width:38px;height:38px;border:1px solid #d5dce5;border-radius:12px;background:#edf0f4;box-shadow:inset 0 0 0 4px #fff,0 3px 9px #1e3c5a21}
html[data-site-theme="jts"] .brand-dot::after{content:'JTS';display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#0ea5e9 58%,#22c55e);color:#fff;font:800 6px 'DM Sans',sans-serif}
html[data-site-theme="jts"] .scan-line{display:none}
html[data-site-theme="jts"] .eyebrow{color:#216fd1;font-family:'DM Sans',sans-serif}
html[data-site-theme="jts"] .btn{border-radius:12px;font-family:'DM Sans',sans-serif;font-weight:800}
html[data-site-theme="jts"] .btn.primary{background:linear-gradient(135deg,#216fd1,#168aa3);box-shadow:0 7px 18px #216fd133}
html[data-site-theme="jts"] .btn.secondary{border-color:#c7d5e4;background:#fff;color:#216fd1}
html[data-site-theme="jts"] .shot,html[data-site-theme="jts"] .card,html[data-site-theme="jts"] .note{border-color:#d8e1eb;border-radius:16px;background:#fff;box-shadow:0 10px 28px #23486e12}
html[data-site-theme="jts"] .card:before{background:linear-gradient(90deg,#216fd1,#22c55e)}
html[data-site-theme="jts"] .product-appearance-trigger{background:linear-gradient(135deg,#216fd1,#13a886)}
html[data-site-theme="jts"][data-color-mode="dark"] body{color:#edf5ff;background:radial-gradient(circle at 90% 0,#102a46,transparent 30rem),#09111b}
html[data-site-theme="jts"][data-color-mode="dark"] .site-nav{border-color:#29394b;background:#09111beb}
html[data-site-theme="jts"][data-color-mode="dark"] .brand{color:#edf5ff}
html[data-site-theme="jts"][data-color-mode="dark"] .card,html[data-site-theme="jts"][data-color-mode="dark"] .note{border-color:#29394b;background:#101923}