/* Optional review directions: no attribute keeps the existing palette. */
html[data-color=warm]{--paper:#f6f3ec;--line:#dcd8ce}
html[data-color=warm] body{background:radial-gradient(ellipse at 95% 0%,#e9e3d540,transparent 45%),var(--paper)}
html[data-color=warm] .site-header{background:linear-gradient(110deg,#181d1b 0%,#292c27 62%,#35342b 100%)}
html[data-color=warm] .services-section{background:linear-gradient(125deg,#f1eee6 0%,#e8ece4 100%)}
html[data-color=warm] .about-section,html[data-color=warm] .process-section{background:radial-gradient(ellipse at 100% 0%,#e2e2d2 0%,transparent 60%),linear-gradient(110deg,#eeeee7,#e8ece4)}
html[data-color=warm] .products-section{background:linear-gradient(130deg,#e9e3d7 0%,#dce5d9 100%)}
html[data-color=warm] .reviews-section{background:linear-gradient(115deg,#fcfaf5,#f4f2eb)}
html[data-color=warm] .faq-section{background:linear-gradient(110deg,#efece5,#e8ede6)}
html[data-color=warm] .journal-section{background:radial-gradient(ellipse at 0% 100%,#e3e5dc60,transparent 70%),var(--paper)}
html[data-color=warm] .inquiry-section,html[data-color=warm] .site-footer{background:radial-gradient(ellipse at 100% 0%,#46433160,transparent 70%),linear-gradient(115deg,#1b211e,#2b3028)}
html[data-color=blue]{--paper:#f5f6f8;--line:#d4dae0}
html[data-color=blue] body{background:radial-gradient(ellipse at 100% 0%,#dce5f345,transparent 50%),var(--paper)}
html[data-color=blue] .site-header{background:linear-gradient(105deg,#17201f 0%,#1b2635 62%,#283959 100%)}
html[data-color=blue] .services-section{background:linear-gradient(120deg,#edf0f2 0%,#e6edf5 100%)}
html[data-color=blue] .about-section,html[data-color=blue] .process-section{background:radial-gradient(ellipse at 100% 0%,#d6e2f1 0%,transparent 65%),linear-gradient(115deg,#edf1ee,#e7edf4)}
html[data-color=blue] .products-section{background:linear-gradient(135deg,#e1e8e3 0%,#dce5f0 100%)}
html[data-color=blue] .reviews-section{background:linear-gradient(115deg,#fbfcf9,#eef2f8)}
html[data-color=blue] .faq-section{background:linear-gradient(110deg,#eff2f3,#e6ecf4)}
html[data-color=blue] .journal-section{background:radial-gradient(ellipse at 0% 100%,#dce6f260,transparent 70%),var(--paper)}
html[data-color=blue] .inquiry-section,html[data-color=blue] .site-footer{background:radial-gradient(ellipse at 100% 0%,#3b548e55,transparent 75%),linear-gradient(110deg,#19221f,#1c2a40)}
html[data-color=sage]{--paper:#f4f5ef;--line:#d2d9cb}
html[data-color=sage] body{background:radial-gradient(ellipse at 100% 0%,#dce7d340,transparent 50%),var(--paper)}
html[data-color=sage] .site-header{background:linear-gradient(110deg,#17201c 0%,#26342d 62%,#34473a 100%)}
html[data-color=sage] .services-section{background:linear-gradient(125deg,#eff0e8 0%,#e2ebdf 100%)}
html[data-color=sage] .about-section,html[data-color=sage] .process-section{background:radial-gradient(ellipse at 100% 0%,#d4e2ce 0%,transparent 65%),linear-gradient(115deg,#eef0e7,#e4ece1)}
html[data-color=sage] .products-section{background:linear-gradient(130deg,#e4e7d9 0%,#d3e1d2 100%)}
html[data-color=sage] .reviews-section{background:linear-gradient(115deg,#fafbf5,#edf2e8)}
html[data-color=sage] .faq-section{background:linear-gradient(110deg,#eff1e8,#e3ece0)}
html[data-color=sage] .journal-section{background:radial-gradient(ellipse at 0% 100%,#dce7d460,transparent 70%),var(--paper)}
html[data-color=sage] .inquiry-section,html[data-color=sage] .site-footer{background:radial-gradient(ellipse at 100% 0%,#536b3f55,transparent 75%),linear-gradient(110deg,#17201c,#293b30)}
html[data-color=warm] .site-footer,html[data-color=blue] .site-footer,html[data-color=sage] .site-footer{color:#f4f5ef;border-top:1px solid #ffffff20;padding-bottom:30px}
html[data-color=warm] .site-footer .brand img,html[data-color=blue] .site-footer .brand img,html[data-color=sage] .site-footer .brand img{filter:brightness(0) invert(1);mix-blend-mode:normal}
html[data-color=warm] .site-footer .footer-bottom,html[data-color=blue] .site-footer .footer-bottom,html[data-color=sage] .site-footer .footer-bottom{color:#d1d8ce;border-color:#ffffff30}
html[data-color=warm] .site-footer .preview-note,html[data-color=blue] .site-footer .preview-note,html[data-color=sage] .site-footer .preview-note{color:#b8c2b6}
html[data-color=warm] .site-footer .social-icon,html[data-color=blue] .site-footer .social-icon,html[data-color=sage] .site-footer .social-icon{color:white;border-color:#ffffff45}
html[data-color=warm] .site-footer a:hover,html[data-color=blue] .site-footer a:hover,html[data-color=sage] .site-footer a:hover{color:#b8c7ff}
.design-selector{position:fixed;bottom:17px;right:17px;z-index:80;width:310px;max-width:calc(100vw - 34px);border:1px solid #d1d6ca;border-radius:16px;background:#ffffffed;color:#1d211f;box-shadow:0 8px 35px #16201525;padding:15px;font-family:Montserrat,Arial,sans-serif;backdrop-filter:blur(8px)}.design-selector summary{cursor:pointer;font-size:11px;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:10px;align-items:center}.design-selector summary::-webkit-details-marker{display:none}.design-selector summary:after{content:'+';font-size:18px;color:#3157ff}.design-selector[open] summary:after{content:'−'}.design-selector nav{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}.design-selector nav a{text-align:center;border:1px solid #d6d8d0;padding:8px 4px;border-radius:999px;font-size:9px;font-weight:600;line-height:1.3}.design-selector nav a[aria-current=page]{background:#1d211f;color:white;border-color:#1d211f}.design-selector>.compare-link{display:block;font-size:9px;margin-top:12px;text-decoration:underline;text-underline-offset:3px}.design-selector a:focus-visible,.design-selector summary:focus-visible{outline:2px solid #3157ff;outline-offset:3px}