.sample{color:var(--ink)}.demo-bar{background:#f3f5f9;color:#536277;display:flex;justify-content:space-between;align-items:center;padding:9px 30px;font-size:10px;border-bottom:1px solid #e6ebf2}.demo-bar button{background:none;color:#1765ed;font-size:10px}.sample header{position:relative}.sample-nav{height:91px;display:flex;align-items:center;gap:40px}.sample-brand{font-weight:800;font-size:23px;letter-spacing:1px}.sample-brand small{display:block;font-size:7px;font-weight:500;letter-spacing:2px;padding-left:28px}.sample-nav nav{display:flex;gap:30px;margin-left:auto;font-size:12px}.sample-cta{display:inline-block;background:var(--accent);color:white;border-radius:3px;padding:13px 23px;font-size:12px;font-weight:600}.sample-hero{background:var(--soft)}.sample-hero-inner{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:50px;padding-block:65px}.sample h1{font-size:clamp(36px,4.6vw,64px);line-height:1.07;letter-spacing:-2.2px;margin:0 0 25px}.sample-hero p:not(.eyebrow){font-size:14px;line-height:1.9;margin-bottom:30px}.sample-secondary{font-size:12px;margin-left:22px}.sample figure{margin:0}.sample figure img{width:100%;display:block;mix-blend-mode:multiply}.sample figcaption{font-size:8px;letter-spacing:1px;text-align:center;color:#8a97a8;margin-top:12px}.sample-promises{display:flex;justify-content:space-between;padding-block:25px;border-bottom:1px solid var(--line);font-size:11px;color:#8794a4}.sample-section{padding-block:75px}.sample-title{display:flex;justify-content:space-between;align-items:center}.sample-title a{font-size:12px;color:var(--accent)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}.product-card{border:1px solid #e6e9ef;border-radius:6px;overflow:hidden}.product-card:hover{border-color:var(--accent)}.product-card img{display:block;width:100%;aspect-ratio:1.25;object-fit:contain;background:var(--soft)}.product-card>div{padding:22px}.product-card small{font-size:8px;letter-spacing:1px;color:#8b98aa}.product-card h3{font-size:19px;margin:10px 0}.product-card span{font-size:12px;color:#8b98aa}.product-card b{display:block;margin-top:20px;font-size:11px;font-weight:500;color:var(--accent)}.sample-about{background:var(--soft);padding-block:65px}.about-split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about-split p{font-size:14px;line-height:1.9}.about-mark{min-height:300px;display:flex;align-items:center;justify-content:center;font-size:140px;color:var(--accent);background:repeating-linear-gradient(45deg,transparent,transparent 24px,#98a5b414 25px,#98a5b414 26px),var(--soft);position:relative;font-weight:800;border:1px solid #8795a320}.about-mark small{position:absolute;bottom:20px;font-size:8px;letter-spacing:2px;color:#8b98aa}.sample-faq{display:grid;grid-template-columns:1fr 1.3fr;gap:60px}.sample-faq details{padding:19px 0;border-bottom:1px solid var(--line);font-size:14px}.sample-faq summary{cursor:pointer}.sample-faq p{font-size:12px}.sample-bottom{background:var(--soft);padding:50px 0}.sample-bottom>.wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.sample-bottom h2{font-size:30px;margin:0}.sample-footer{padding-block:40px;display:flex;align-items:center;justify-content:space-between;gap:25px}.sample-footer p,.sample-footer>a,.sample-footer>span{font-size:10px}.sample-footer>span{color:#9aa5b3}.page-heading{padding-block:65px;background:var(--soft)}.page-heading h1{font-size:52px}.page-heading p:not(.eyebrow){font-size:14px}.sample-note{font-size:11px;color:#929cab;margin-top:22px}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;margin:35px 0 65px}.product-detail h1{font-size:40px}.product-detail p,.product-detail li{font-size:13px;line-height:1.9}.product-detail ul{padding-left:18px;margin-bottom:28px}.spec-table{width:100%;border-collapse:collapse;font-size:13px}.spec-table th,.spec-table td{text-align:left;padding:16px 20px;border:1px solid #e1e7ee}.spec-table th{background:var(--soft);width:35%;font-weight:500}.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.about-values span{color:var(--accent);font-size:30px}.about-values p{font-size:13px}.inquiry-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:80px}.inquiry-layout p{font-size:13px;line-height:1.9}.demo-contact{margin-top:35px;border-left:3px solid var(--accent);padding:3px 0 3px 22px}.demo-contact small{font-size:11px;color:#8b98aa}.demo-contact strong{font-size:25px;display:block;margin:10px 0}#demo-inquiry{display:grid;grid-template-columns:1fr 1fr;gap:20px}#demo-inquiry label{font-size:11px;font-weight:600}#demo-inquiry input,#demo-inquiry select,#demo-inquiry textarea{display:block;width:100%;border:1px solid #dce3ec;padding:12px;margin-top:8px;border-radius:4px;font-size:12px;background:white;color:var(--ink)}.full{grid-column:1/-1}.inquiry-result{padding:20px;background:var(--soft);border:1px solid var(--accent);white-space:pre-wrap;font-size:13px;overflow-wrap:anywhere}.variant-2 .sample-hero{background:var(--ink);color:white}.variant-2 .sample-hero .eyebrow{color:#fff9}.variant-2 .sample-hero p:not(.eyebrow){color:#ced5dd}.variant-2 .sample-hero figure{background:var(--soft);padding:20px;border-radius:8px}.variant-0 .sample-hero-inner>div{order:2}.variant-0 .sample-hero-inner>figure{order:1}.variant-0 .sample-hero{background:white;border-bottom:1px solid var(--line)}
@media(max-width:760px){.demo-bar{padding:9px 15px;font-size:9px}.demo-bar>span{display:none}.sample-nav{height:auto;min-height:100px;gap:15px;flex-wrap:wrap;padding-block:16px}.sample-brand{font-size:20px}.sample-nav nav{order:3;width:100%;margin:0;justify-content:center;font-size:11px}.sample-nav>.sample-cta{margin-left:auto;font-size:10px;padding:9px 12px}.sample-hero-inner{grid-template-columns:1fr;gap:30px;padding-block:42px}.sample h1{font-size:43px}.sample-hero .eyebrow{font-size:8px}.sample-hero p:not(.eyebrow){font-size:12px}.sample-hero figure{max-width:390px;width:100%;margin:auto}.variant-0 .sample-hero-inner>div{order:1}.variant-0 .sample-hero-inner>figure{order:2}.sample-promises{display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:9px}.sample-section{padding-block:45px}.sample-title{align-items:flex-start;gap:15px}.sample-title h2{font-size:26px}.sample-title a{font-size:10px;white-space:nowrap}.product-grid{grid-template-columns:1fr}.product-card img{max-height:300px}.about-split,.sample-faq,.product-detail,.inquiry-layout{grid-template-columns:1fr;gap:30px}.sample-about{padding-block:40px}.about-mark{min-height:240px}.sample-bottom>.wrap{display:block}.sample-bottom h2{font-size:26px;margin-bottom:20px}.sample-footer{flex-wrap:wrap}.page-heading{padding-block:45px}.page-heading h1{font-size:38px}.page-heading p:not(.eyebrow){font-size:12px}.product-detail h1{font-size:33px}.about-values{grid-template-columns:1fr;gap:20px}.spec-table th,.spec-table td{padding:12px;font-size:11px}#demo-inquiry{gap:16px;grid-template-columns:1fr}#demo-inquiry .full{grid-column:1} .sample .eyebrow{letter-spacing:1.2px}}
.sample figure img{height:auto;mix-blend-mode:normal;border-radius:8px}.sample-hero figure img{aspect-ratio:4/3;object-fit:cover}.variant-2 .sample-hero figure{padding:0 0 15px;overflow:hidden}.variant-2 .sample-hero figure img{border-radius:0}.sample-disclosure{font-size:9px;color:#8794a4;margin-top:22px}.variant-2 .sample-disclosure{color:#acb7c6}.product-card .card-spec{font-size:12px;line-height:1.8;margin:14px 0;color:#69788d}.model-picker{font-size:11px;display:block;margin:16px 0 22px;color:#718096}.model-picker select{display:block;width:100%;padding:12px;border:1px solid #d8e0ec;border-radius:4px;background:#fff;color:var(--ink);font-size:12px;margin-top:6px}.data-disclosure{border-left:3px solid var(--accent);background:var(--soft);font-size:11px!important;padding:14px 18px;margin:0 0 20px!important;color:var(--ink)}.application{font-size:12px;margin-top:24px}.model-comparison{margin-top:60px}.model-comparison>p{font-size:11px}.compare-scroll{overflow-x:auto}.compare-scroll table{min-width:620px}.compare-scroll th{width:auto}.sample .product-detail{align-items:start}.product-detail figure{position:sticky;top:25px}.product-detail .sample-cta{margin-top:6px}@media(max-width:760px){.product-detail figure{position:static}.data-disclosure{font-size:10px!important}.model-comparison{margin-top:40px}.sample .product-detail{gap:30px}}
/* Eight distinct art directions for the demo homepages. */
.design-forge .sample-hero-inner{grid-template-columns:1fr 1.2fr}.design-forge .sample-hero{background:#252a31}.design-forge .sample-hero figure{border-radius:0}.design-nature .sample-hero{background:#f1f6ed}.design-nature .sample-hero figure img{border-radius:48% 48% 2% 2%}.design-volt .sample-hero{background:#241a44;color:#fff}.design-volt .sample-hero .eyebrow{color:#cbb5ff}.design-volt .sample-hero figure img{border-radius:50%;aspect-ratio:1}.design-aqua .sample-hero{background:#e6f6f5}.design-aqua .sample-hero figure img{border-radius:50% 4% 50% 4%}.design-solar .sample-hero{background:#29251b;color:white}.design-solar .sample-hero .eyebrow{color:#d9bc80}.design-solar .sample-hero figure img{border-radius:0}.design-living .sample-hero{background:#f7f0ea}.design-living .sample-hero figure img{border-radius:45% 45% 0 0}.design-med .sample-hero{background:#fff6f7}.design-med .sample-hero figure img{border-radius:50% 4% 4% 50%}@media(max-width:760px){.design-forge .sample-hero-inner{grid-template-columns:1fr}}