/*
Theme Name: HeatCell Mini V20
Theme URI: https://heatcellmini.com
Author: Launch Support R&D
Author URI: https://heatcellmini.com
Description: Responsive product, research, and commercialization website theme for HeatCell Mini™, developed by Launch Support R&D. Includes desktop, tablet, and mobile layouts, engineering visualizations, application sections, pricing, lifetime-value tools, pilot-program content, and interactive product navigation.
Version: 20.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: heatcellmini
Tags: custom-logo, custom-menu, featured-images, responsive-layout, one-column, two-columns, accessibility-ready
License: Proprietary
License URI: https://heatcellmini.com
*/

:root{--ink:#0e171d;--paper:#f6f5f1;--white:#fff;--hot:#ff6338;--warm:#f6a55f;--cool:#3a84a8;--aqua:#75bdd0;--green:#315b4a;--muted:#66727a;--line:#dce1de;--soft:#ecece6;--dark:#111d23;--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:inherit}.wrap{max-width:1240px;margin:0 auto;padding:0 30px}.announcement{background:var(--dark);color:#fff;text-align:center;padding:9px 20px;font-size:12px;letter-spacing:.04em}.site-header{position:sticky;top:0;z-index:50;background:rgba(246,245,241,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(14,23,29,.09)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:950;letter-spacing:.045em;text-decoration:none;font-size:20px}.brand span{color:var(--hot)}.main-nav{display:flex;align-items:center;gap:28px}.main-nav a{text-decoration:none;font-size:14px;font-weight:700}.nav-cta{border:1px solid var(--ink);border-radius:999px;padding:11px 18px!important}.hero{min-height:710px;display:grid;align-items:end;position:relative;overflow:hidden;background:var(--dark);color:#fff}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 75% 45%,#315b4a 0,transparent 24%),radial-gradient(circle at 60% 60%,#b94b2e 0,transparent 28%),linear-gradient(125deg,#111d23 0%,#172a31 52%,#2e453d 100%)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:60px;padding-top:82px;padding-bottom:72px}.kicker{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:900}.hero h1{font-size:clamp(58px,7.2vw,108px);line-height:.86;letter-spacing:-.058em;margin:15px 0 24px;max-width:790px}.hero .lede{font-size:21px;line-height:1.5;max-width:650px;color:#e5ece9}.actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;padding:0 23px;text-decoration:none;font-weight:850;font-size:14px;background:#fff;color:var(--ink);border:1px solid #fff}.btn.ghost{background:transparent;color:#fff}.btn.hot{background:var(--hot);border-color:var(--hot);color:#fff}.hero-device{height:555px;position:relative;perspective:900px}.device-shell{position:absolute;inset:35px 28px 25px 30px;border-radius:50px;background:linear-gradient(145deg,#fbfbf8,#cdd4d2);box-shadow:0 45px 90px rgba(0,0,0,.38);transform:rotateY(-12deg) rotateX(5deg);overflow:hidden}.device-shell:before{content:'HEATCELL';position:absolute;top:34px;left:38px;font-size:19px;letter-spacing:.14em;font-weight:950;color:#182229}.device-shell:after{content:'MINI';position:absolute;top:34px;right:38px;font-size:12px;letter-spacing:.2em;font-weight:900;color:var(--hot)}.device-window{position:absolute;left:46px;right:46px;top:95px;bottom:52px;border-radius:30px;background:#182229;overflow:hidden}.pcm-layer{position:absolute;inset:22px;border-radius:20px;background:linear-gradient(180deg,#efa067,#cf5e36);opacity:.93}.hx{position:absolute;left:42px;right:42px;height:74px;background:#dae0df;border-radius:12px;border:1px solid #a8b3b2}.hx.one{top:108px}.hx.two{bottom:108px}.hx:before{content:'';position:absolute;left:-3px;right:-3px;top:-5px;height:4px;background:#fff;border-radius:999px}.micro{position:absolute;inset:13px;display:grid;grid-template-columns:repeat(12,1fr);gap:5px}.micro i{background:linear-gradient(180deg,var(--aqua),var(--cool));border-radius:999px;animation:pulse 1.8s ease-in-out infinite alternate}.micro i:nth-child(2n){animation-delay:.35s}@keyframes pulse{from{opacity:.35;transform:scaleY(.75)}to{opacity:1;transform:scaleY(1)}}.flowtag{position:absolute;right:18px;bottom:15px;background:#fff;color:#142027;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800}.section{padding:110px 0}.section-sm{padding:74px 0}.intro{text-align:center;max-width:940px;margin:0 auto}.intro h2,.display{font-size:clamp(44px,6vw,78px);line-height:.96;letter-spacing:-.05em;margin:12px 0 22px}.intro p{font-size:21px;color:var(--muted);line-height:1.5}.editorial{display:grid;grid-template-columns:1.1fr .9fr;gap:0;background:#fff;border-radius:36px;overflow:hidden;min-height:610px}.editorial-copy{padding:64px 60px;display:flex;flex-direction:column;justify-content:center}.editorial-copy h2{font-size:clamp(42px,5vw,68px);letter-spacing:-.045em;line-height:.95;margin:12px 0 24px}.editorial-copy p{font-size:18px;color:var(--muted)}.lab-visual{position:relative;background:linear-gradient(145deg,#d5dad6,#f7f3eb);overflow:hidden}.lab-visual .platebig{position:absolute;left:15%;right:15%;height:105px;background:#cfd6d6;border:2px solid #919e9d;border-radius:18px;box-shadow:0 24px 45px rgba(17,29,35,.15)}.lab-visual .platebig.a{top:29%}.lab-visual .platebig.b{bottom:29%}.lab-visual .platebig span{position:absolute;left:8%;right:8%;top:24px;height:52px;background:repeating-linear-gradient(90deg,var(--cool) 0 8px,transparent 8px 16px);border-radius:8px}.lab-visual .salt{position:absolute;inset:9%;border-radius:30px;border:2px dashed rgba(207,94,54,.65)}.lab-visual .salt:before{content:'STATIONARY SALT-HYDRATE PCM';position:absolute;left:28px;bottom:28px;font-size:12px;font-weight:900;letter-spacing:.11em;color:#9b492f}.lab-visual .coat{position:absolute;left:13%;right:13%;height:4px;background:#fff;box-shadow:0 0 0 1px #d6d6d1}.lab-visual .coat.a{top:27.5%}.lab-visual .coat.b{bottom:27.5%}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{min-height:410px;border-radius:28px;overflow:hidden;position:relative;background:#fff;border:1px solid var(--line);padding:30px;display:flex;flex-direction:column;justify-content:flex-end}.feature-card .art{position:absolute;inset:0 0 42% 0}.feature-card h3{font-size:29px;letter-spacing:-.03em;margin:0 0 10px}.feature-card p{margin:0;color:var(--muted)}.art.channels{background:repeating-linear-gradient(90deg,#d5e8ed 0 12px,#4086a3 12px 20px,#e4ecec 20px 34px)}.art.containment{background:radial-gradient(circle,#f4a06c 0 22%,#fff 23% 33%,#c9d0ce 34% 46%,#182229 47% 48%,#e8ebe7 49%)}.art.graphite{background:radial-gradient(circle at 30% 35%,#1a252b 0 3px,transparent 4px),radial-gradient(circle at 63% 50%,#1a252b 0 4px,transparent 5px),radial-gradient(circle at 46% 72%,#1a252b 0 2px,transparent 3px),linear-gradient(135deg,#efac7e,#d46a43)}.darkband{background:var(--dark);color:#fff}.darkband .intro p{color:#bfc9c8}.app-tabs{margin-top:50px}.tab-controls{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.tab-btn{border:1px solid #526169;background:transparent;color:#fff;border-radius:999px;padding:12px 17px;font-weight:800;cursor:pointer}.tab-btn.active{background:#fff;color:var(--ink)}.tab-panel{display:none;grid-template-columns:.95fr 1.05fr;gap:30px;align-items:center;border-top:1px solid #425159;padding-top:38px}.tab-panel.active{display:grid}.app-copy h3{font-size:44px;letter-spacing:-.04em;margin:0 0 15px}.app-copy p{font-size:18px;color:#c0cbca}.app-diagram{min-height:370px;background:#17272e;border:1px solid #34464d;border-radius:28px;position:relative;overflow:hidden}.home{position:absolute;left:15%;bottom:14%;width:70%;height:58%;border:3px solid #dbe5e3;border-top:none}.roof{position:absolute;left:14%;top:18%;width:72%;height:42%;border-left:3px solid #dbe5e3;border-top:3px solid #dbe5e3;transform:skewY(-18deg) rotate(-1deg)}.mini-icon{position:absolute;left:42%;bottom:21%;width:16%;height:28%;background:#f4f3ee;border-radius:9px}.heatline{position:absolute;height:4px;background:var(--hot);border-radius:99px;animation:travel 2.2s linear infinite}.heatline.a{left:17%;right:42%;bottom:31%}.heatline.b{left:58%;right:18%;bottom:31%;animation-delay:.5s}@keyframes travel{50%{opacity:.25}}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px}.step{border-top:2px solid var(--ink);padding-top:16px}.step b{font-size:12px;letter-spacing:.1em}.step h3{font-size:24px;margin:8px 0}.step p{color:var(--muted);font-size:14px}.validation{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.statwall{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat{background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px;min-height:170px}.stat strong{font-size:48px;letter-spacing:-.05em}.stat span{display:block;color:var(--muted);margin-top:8px}.pilot{background:#ff6338;color:#fff;border-radius:36px;padding:64px;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.pilot h2{font-size:clamp(44px,5.5vw,72px);line-height:.92;letter-spacing:-.05em;margin:0 0 18px}.pilot p{font-size:18px;max-width:650px}.pilot-form{background:#fff;color:var(--ink);border-radius:24px;padding:28px}.pilot-form input,.pilot-form select{width:100%;padding:14px;border:1px solid #ccd2d0;border-radius:10px;margin-top:9px;font:inherit}.promise-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.promise{min-height:390px;border-radius:30px;padding:38px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.promise h3{font-size:38px;letter-spacing:-.04em;margin:0 0 10px}.promise p{max-width:520px}.promise.test{background:linear-gradient(140deg,#d9e6e4,#f3f2ea)}.promise.circular{background:linear-gradient(140deg,#263d35,#0f1d20);color:#fff}.site-footer{background:#0d161b;color:#d7dfdd;padding:64px 0 28px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:38px}.site-footer h4{color:#fff}.site-footer a{display:block;text-decoration:none;margin:10px 0;font-size:14px}.footer-brand{font-size:28px;font-weight:950;letter-spacing:.05em;color:#fff}.disclaimer{border-top:1px solid #334047;margin-top:45px;padding-top:22px;font-size:12px;color:#8ea0a3}.reveal{opacity:0;transform:translateY(24px);transition:.7s ease}.reveal.in{opacity:1;transform:none}@media(max-width:900px){.main-nav{display:none}.hero-grid,.editorial,.tab-panel,.validation,.pilot,.footer-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-device{height:470px}.feature-grid{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}.promise-grid{grid-template-columns:1fr}.section{padding:78px 0}.editorial-copy{padding:42px 28px}.lab-visual{min-height:430px}.pilot{padding:38px 26px}}@media(max-width:560px){.wrap{padding:0 18px}.hero h1{font-size:58px}.hero-device{height:390px}.device-shell{inset:15px}.feature-card{min-height:350px}.process{grid-template-columns:1fr}.statwall{grid-template-columns:1fr}.pilot{border-radius:0;margin-left:-18px;margin-right:-18px}}


/* ===== V4 photorealistic product visualization ===== */
.hero-device.photoreal{height:575px;position:relative;perspective:1200px;isolation:isolate}
.product-halo{position:absolute;width:82%;height:58%;left:12%;bottom:4%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,99,56,.24),rgba(62,142,171,.12) 38%,transparent 72%);filter:blur(18px);transform:rotate(-6deg)}
.hero-product{position:absolute;z-index:3;width:108%;max-width:none;right:-4%;bottom:1%;object-fit:contain;filter:drop-shadow(0 42px 45px rgba(0,0,0,.46));animation:productFloat 7s ease-in-out infinite;transform-origin:50% 76%}
@keyframes productFloat{0%,100%{transform:translate3d(0,0,0) rotate(-.35deg)}50%{transform:translate3d(0,-9px,0) rotate(.25deg)}}
.render-note{position:absolute;z-index:5;right:2%;bottom:0;font-size:9px;letter-spacing:.13em;font-weight:900;color:rgba(255,255,255,.58);background:rgba(10,18,23,.62);border:1px solid rgba(255,255,255,.13);padding:8px 11px;border-radius:999px;backdrop-filter:blur(10px)}
.hero-callout{position:absolute;z-index:6;color:#fff;font-size:11px;line-height:1.15;text-transform:uppercase;letter-spacing:.08em;pointer-events:none;text-shadow:0 2px 12px rgba(0,0,0,.8)}
.hero-callout b{display:block;color:#fff;font-size:10px}
.hero-callout span{display:block;color:#a9cbd8;font-size:8px;margin-top:3px}
.hero-callout:after{content:"";position:absolute;height:1px;background:linear-gradient(90deg,var(--hot),rgba(255,255,255,.4));top:12px;width:72px}
.callout-fluid{right:-2%;top:44%}.callout-fluid:after{right:105%;transform:rotate(-7deg);transform-origin:right}
.callout-pcm{left:3%;top:29%}.callout-pcm:after{left:104%;transform:rotate(7deg);transform-origin:left}
.flow-orbit{position:absolute;z-index:4;border:1px solid rgba(90,190,225,.23);border-radius:50%;pointer-events:none}
.flow-orbit span{position:absolute;width:7px;height:7px;background:#6bc9ec;border-radius:50%;box-shadow:0 0 18px #6bc9ec}
.orbit-a{width:74%;height:31%;right:2%;top:42%;transform:rotate(-10deg)}.orbit-a span{animation:orbitA 4.6s linear infinite}
.orbit-b{width:59%;height:23%;right:9%;top:49%;transform:rotate(8deg)}.orbit-b span{animation:orbitB 3.9s linear infinite reverse}
@keyframes orbitA{0%{left:2%;top:44%}25%{left:48%;top:-3%}50%{left:96%;top:43%}75%{left:49%;top:96%}100%{left:2%;top:44%}}
@keyframes orbitB{0%{left:1%;top:45%}25%{left:48%;top:-5%}50%{left:96%;top:45%}75%{left:48%;top:95%}100%{left:1%;top:45%}}

/* exploded CAD-guided editorial stage */
.lab-visual.exploded-stage{position:relative;background:radial-gradient(circle at 50% 44%,#21343d 0,#101a20 43%,#091116 100%);overflow:hidden;min-height:610px}
.exploded-grid{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(126,191,211,.34) 1px,transparent 1px),linear-gradient(90deg,rgba(126,191,211,.34) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 85%,transparent)}
.exploded-product{position:absolute;z-index:2;width:89%;height:89%;left:5.5%;top:4%;object-fit:contain;filter:drop-shadow(0 36px 40px rgba(0,0,0,.45));transition:transform 1.1s cubic-bezier(.2,.7,.1,1),filter 1.1s ease;animation:explodedIdle 6s ease-in-out infinite}
.exploded-stage.is-active .exploded-product,.exploded-stage:hover .exploded-product{transform:translateY(-8px) scale(1.025);filter:drop-shadow(0 48px 48px rgba(0,0,0,.5))}
@keyframes explodedIdle{0%,100%{translate:0 0}50%{translate:0 -5px}}
.exploded-scan{position:absolute;z-index:3;left:8%;right:8%;height:1px;top:17%;background:linear-gradient(90deg,transparent,#6bc9ec 15%,#fff 50%,#ff6338 85%,transparent);box-shadow:0 0 12px rgba(107,201,236,.5);opacity:.55;animation:scanAssembly 5.5s ease-in-out infinite}
@keyframes scanAssembly{0%,100%{top:18%;opacity:.14}50%{top:80%;opacity:.65}}
.cad-tag{position:absolute;z-index:4;color:#edf5f6;display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.04em;opacity:.64;transition:.45s ease}
.cad-tag i{width:8px;height:8px;border:2px solid var(--hot);border-radius:50%;box-shadow:0 0 0 4px rgba(255,99,56,.12)}
.cad-tag span{position:relative;padding-left:48px}
.cad-tag span:before{content:"";position:absolute;left:0;top:8px;width:39px;height:1px;background:linear-gradient(90deg,var(--hot),rgba(255,99,56,.12))}
.cad-tag b{display:block;font-size:10px}.cad-tag small{display:block;color:#94a8af;margin-top:2px;font-size:8px}
.exploded-stage:hover .cad-tag,.exploded-stage.is-active .cad-tag{opacity:1}
.tag-lid{right:5%;top:19%}.tag-pcm{right:1%;top:35%}.tag-hx{right:0;top:53%}.tag-base{right:2%;top:77%}
.explode-caption{position:absolute;z-index:5;left:22px;bottom:18px;color:#82979f;font-size:9px;letter-spacing:.12em;font-weight:850}.explode-caption em{color:var(--hot);font-style:normal;margin:0 5px}

@media(max-width:900px){
 .hero-device.photoreal{height:500px}
 .hero-product{width:100%;right:0}
 .hero-callout{display:none}
 .lab-visual.exploded-stage{min-height:520px}
 .exploded-product{width:98%;left:1%;height:87%}
 .cad-tag{font-size:8px}.cad-tag span{padding-left:30px}.cad-tag span:before{width:24px}
}
@media(max-width:560px){
 .hero-device.photoreal{height:390px}
 .render-note{right:4%;bottom:4%;font-size:7px}
 .flow-orbit{display:none}
 .lab-visual.exploded-stage{min-height:430px}
 .cad-tag small{display:none}.cad-tag b{font-size:8px}
 .tag-lid{right:4%;top:17%}.tag-pcm{right:1%;top:36%}.tag-hx{right:0;top:55%}.tag-base{right:1%;top:77%}
}


.section-kicker{font-size:12px;font-weight:900;letter-spacing:.14em;color:var(--hot);margin-bottom:12px}
.lifetime-section{background:#f4f5f2;color:#152027}.lifetime-head{display:grid;grid-template-columns:1.3fr .7fr;gap:36px;align-items:end;margin-bottom:28px}.lifetime-badge{border:1px solid #cfd7d8;border-radius:24px;padding:24px;background:#fff}.lifetime-badge .big{display:block;font-size:54px;font-weight:900;line-height:.9}.lifetime-badge>span:nth-child(2){display:block;font-size:12px;font-weight:900;letter-spacing:.11em;margin-top:8px}.lifetime-badge small{display:block;margin-top:9px;color:#66757a}
.value-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.calc-card,.results-card{background:#fff;border:1px solid #d7ddde;border-radius:24px;padding:24px}.calc-title{font-size:26px;font-weight:850}.calc-sub{color:#69767b;margin:6px 0 18px}.calc-card label{display:block;font-size:11px;font-weight:850;letter-spacing:.04em;margin-bottom:12px}.calc-card input,.calc-card select{display:block;width:100%;margin-top:6px;border:1px solid #ccd4d6;border-radius:12px;padding:12px;background:#f9faf8;font:inherit;color:#172026}.calc-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.calc-btn{border:0;cursor:pointer;margin-top:6px}.calc-note{font-size:10px;color:#728085;margin-top:12px}
.results-card{display:grid;grid-template-columns:1fr;gap:10px;background:#0f181d;color:#fff}.result-box{border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:20px}.result-box span{display:block;color:#91a5ad;font-size:10px;font-weight:850;letter-spacing:.1em}.result-box strong{display:block;font-size:40px;line-height:1;margin:7px 0}.result-box small{color:#b8c8ce}.result-box.hot{border-color:rgba(255,99,56,.55);box-shadow:inset 0 0 28px rgba(255,99,56,.08)}.result-box.hot strong{color:var(--hot)}.results-foot{font-size:10px;color:#83969e;padding:8px 2px 0}
.source-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#d5dcde;border:1px solid #d5dcde;border-radius:18px;overflow:hidden;margin-top:20px}.source-strip div{background:#fff;padding:18px}.source-strip b{display:block}.source-strip span{display:block;color:#6d797e;font-size:11px;margin-top:4px}
.longevity-section{background:#0b1419;color:#fff}.longevity-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}.life-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.life-metrics div{border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:18px}.life-metrics strong{display:block;color:var(--hot);font-size:30px}.life-metrics span{font-size:10px;color:#9eb0b7}
.service-stack{position:relative;min-height:420px;padding-top:34px}.stack-piece{width:76%;margin:0 auto 14px;padding:22px;border-radius:18px;border:1px solid rgba(255,255,255,.17);text-align:center;font-weight:800;box-shadow:0 20px 35px rgba(0,0,0,.28);transform:perspective(700px) rotateX(52deg)}.stack-piece.top{background:#1d2b31}.stack-piece.pcm{background:linear-gradient(90deg,#823f2d,#c5764d,#823f2d)}.stack-piece.hx{background:linear-gradient(90deg,#1b4c64,#2d7fa1,#1b4c64)}.stack-piece.base{background:#29363b}.service-arrow{text-align:center;color:var(--hot);font-size:11px;letter-spacing:.15em;font-weight:900}
.pricing-section{background:#fff}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.price-card{border:1px solid #d9dfe0;border-radius:22px;padding:22px;background:#fff}.price-card.primary{background:#111a1f;color:#fff;border-color:#111a1f}.price-card.dealer{background:#f4f5f2}.price-tag{font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--hot)}.price-card strong{display:block;font-size:46px;line-height:1;margin:14px 0}.price-card p{color:#6b777c}.price-card.primary p{color:#a7b6bc}.price-card .cap{display:block;font-size:11px;color:#748287;margin-top:20px}
.installer-section{background:#eef1ef}.installer-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px}.installer-points{display:grid;grid-template-columns:1fr 1fr;gap:14px}.installer-points div{background:#fff;border-radius:18px;padding:18px;border:1px solid #d8dede}.installer-points b{display:block}.installer-points span{display:block;color:#6b787d;font-size:11px;margin-top:5px}
.film-section{background:#0b1318;color:#fff}.filmstrip{display:grid;grid-template-columns:repeat(10,minmax(180px,1fr));gap:10px;overflow-x:auto;padding-bottom:14px;scroll-snap-type:x mandatory}.frame{scroll-snap-align:start;min-height:210px;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:18px;background:linear-gradient(180deg,#16252c,#0e171c);position:relative}.frame:before,.frame:after{content:"";position:absolute;left:12px;right:12px;height:5px;background:repeating-linear-gradient(90deg,#e9edef 0 9px,transparent 9px 17px);opacity:.75}.frame:before{top:8px}.frame:after{bottom:8px}.frame span{display:block;color:var(--hot);font-weight:900;font-size:12px;margin:18px 0 22px}.frame b{display:block;font-size:17px}.frame small{display:block;color:#9fb0b6;margin-top:8px}.frame.final{background:linear-gradient(160deg,#1e282d,#341e16);border-color:rgba(255,99,56,.5)}
@media(max-width:1000px){.lifetime-head,.value-grid,.longevity-grid,.installer-grid{grid-template-columns:1fr}.source-strip{grid-template-columns:1fr 1fr}.price-grid{grid-template-columns:1fr 1fr}.installer-points{grid-template-columns:1fr 1fr}}@media(max-width:650px){.calc-pair,.price-grid,.installer-points,.source-strip{grid-template-columns:1fr}.lifetime-badge .big{font-size:42px}}


/* ===== V17 CLEAN RESPONSIVE SYSTEM =====
   Single responsive layer. No device sniffing is required for layout.
   Desktop >= 1024px, tablet 700–1023px, phone <= 699px.
*/

/* Universal safeguards */
*{box-sizing:border-box}
html,body{width:100%;max-width:100%;margin:0;overflow-x:hidden}
img,video,svg,canvas{max-width:100%;height:auto}
.mobile-nav-toggle,.mobile-drawer,.sticky-mobile-cta{display:none}
.wrap{width:min(94vw,1440px);max-width:1440px;margin-inline:auto;padding-inline:clamp(20px,3vw,48px)}

/* ---------- DESKTOP / LAPTOP ---------- */
@media (min-width:1024px){
  body{padding-bottom:0!important}
  .site-header{width:100%}
  .nav{height:78px}
  .main-nav{display:flex!important;gap:clamp(14px,1.5vw,28px)}
  .main-nav a{font-size:13px;white-space:nowrap}
  .mobile-nav-toggle,.mobile-drawer,.sticky-mobile-cta{display:none!important}

  .hero{min-height:680px!important;height:auto!important}
  .hero-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1.04fr) minmax(440px,.96fr)!important;
    gap:clamp(38px,5vw,80px)!important;
    align-items:center!important;
    padding-top:clamp(64px,7vh,100px)!important;
    padding-bottom:clamp(56px,7vh,90px)!important
  }
  .hero h1{font-size:clamp(62px,6.2vw,106px)!important}
  .hero .lede{font-size:clamp(18px,1.35vw,22px)!important}
  .hero-device.photoreal{height:clamp(500px,40vw,650px)!important;min-height:500px!important;overflow:visible!important}
  .hero-product{width:min(106%,760px)!important;max-width:none!important;right:-1%!important;left:auto!important;bottom:0!important;top:auto!important;transform:none!important}

  .section{padding:clamp(78px,7vw,112px) 0!important}
  .section-sm{padding:clamp(54px,5vw,82px) 0!important}

  .editorial{grid-template-columns:minmax(390px,.92fr) minmax(520px,1.08fr)!important;min-height:620px!important}
  .editorial-copy{padding:clamp(44px,4vw,68px)!important}
  .lab-visual.exploded-stage{min-height:620px!important}
  .exploded-product{width:92%!important;height:92%!important;left:4%!important;top:4%!important;transform:none!important}
  .cad-tag{display:flex!important}

  .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
  .feature-card{min-height:420px!important}
  .feature-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(14,23,29,.10)}

  .tab-controls{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
  .tab-controls .tab-btn{width:auto!important;min-width:0!important;padding:12px 18px!important}
  .tab-panel.active{display:grid!important;grid-template-columns:minmax(350px,.9fr) minmax(520px,1.1fr)!important;gap:clamp(38px,5vw,74px)!important;align-items:center!important}
  .app-diagram{min-height:430px!important}

  .process{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .validation{grid-template-columns:minmax(360px,.85fr) minmax(520px,1.15fr)!important;gap:clamp(44px,6vw,84px)!important}
  .statwall{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  .lifetime-head{grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr)!important;gap:46px!important}
  .value-grid{grid-template-columns:1fr 1fr!important;gap:24px!important}
  .calc-pair{grid-template-columns:1fr 1fr!important}
  .source-strip{grid-template-columns:repeat(5,minmax(0,1fr))!important}

  .longevity-grid{grid-template-columns:minmax(0,1.05fr) minmax(460px,.95fr)!important;gap:60px!important}
  .service-stack{min-height:420px!important;padding-top:28px!important}
  .stack-piece{width:76%!important;margin:0 auto 14px!important;padding:22px!important;transform:perspective(700px) rotateX(52deg)!important}

  .price-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
  .installer-grid{grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr)!important;gap:54px!important}
  .installer-points{grid-template-columns:1fr 1fr!important}

  .filmstrip{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;overflow:visible!important;scroll-snap-type:none!important}
  .frame{min-height:225px!important}

  .pilot{grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr)!important;gap:50px!important}
  .promise-grid{grid-template-columns:1fr 1fr!important}

  .footer-grid{grid-template-columns:minmax(260px,1.45fr) repeat(3,minmax(150px,.85fr))!important;gap:42px!important}
  .footer-grid>div{display:block!important;border:0!important;padding:0!important}
  .footer-grid>div a{display:block!important;margin:10px 0!important}

  .btn,.tab-btn,.price-card,.promise{transition:transform .2s ease,box-shadow .2s ease}
  .btn:hover,.tab-btn:hover{transform:translateY(-2px)}
}

/* ---------- TABLET ---------- */
@media (min-width:700px) and (max-width:1023px){
  .wrap{width:calc(100% - 28px);padding-inline:14px}
  .main-nav{display:none!important}
  .mobile-nav-toggle{display:flex!important;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;border:1px solid #c8cecc;background:#142229;color:#fff}
  .mobile-drawer{position:fixed;left:0;right:0;top:76px;background:#0e171d;z-index:99;padding:16px 24px;transform:translateY(-130%);transition:.3s ease}
  .mobile-drawer.open{display:block!important;transform:translateY(0)}
  .mobile-drawer a{display:block;color:#fff;text-decoration:none;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.1)}

  .hero-grid{grid-template-columns:1fr!important;gap:24px!important;padding-top:46px!important}
  .hero-device.photoreal{height:470px!important}
  .hero-product{width:min(92%,680px)!important;right:50%!important;transform:translateX(50%)!important}

  .editorial,.validation,.lifetime-head,.value-grid,.longevity-grid,.installer-grid,.pilot,.tab-panel.active{grid-template-columns:1fr!important}
  .feature-grid,.price-grid,.installer-points,.promise-grid,.statwall{grid-template-columns:1fr 1fr!important}
  .process{grid-template-columns:1fr 1fr!important}
  .source-strip{grid-template-columns:repeat(2,1fr)!important}
  .filmstrip{grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important}
  .footer-grid{grid-template-columns:1fr 1fr!important}
}

/* ---------- PHONE ---------- */
@media (max-width:699px){
  .wrap{width:100%!important;max-width:none!important;padding-inline:14px!important}
  .main-nav{display:none!important}
  .mobile-nav-toggle{display:flex!important;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;border:1px solid #c8cecc;background:#142229;color:#fff}
  .mobile-drawer{position:fixed;left:0;right:0;top:62px;background:#0e171d;z-index:99;padding:16px 18px;transform:translateY(-130%);transition:.3s ease}
  .mobile-drawer.open{display:block!important;transform:translateY(0)}
  .mobile-drawer a{display:block;color:#fff;text-decoration:none;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.1)}

  body{padding-bottom:82px!important}
  .sticky-mobile-cta{display:flex!important;position:fixed;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:120;background:#111b20;border-radius:18px;padding:8px;gap:8px}
  .sticky-mobile-cta a{flex:1;display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:13px;text-decoration:none;font-weight:900}
  .sticky-mobile-cta .secondary{background:#fff;color:#111}
  .sticky-mobile-cta .primary{background:var(--hot);color:#fff}

  .hero{min-height:0!important;padding:26px 0 24px!important}
  .hero-grid{grid-template-columns:1fr!important;gap:14px!important;padding:0!important}
  .hero h1{font-size:clamp(48px,15vw,72px)!important;line-height:.9!important}
  .hero .lede{font-size:16px!important}
  .actions,.hero-actions{display:grid!important;grid-template-columns:1fr!important}
  .hero-device.photoreal{height:330px!important;min-height:330px!important;overflow:hidden!important;margin-top:4px!important}
  .hero-product{position:absolute!important;width:94%!important;max-width:94%!important;left:50%!important;right:auto!important;bottom:0!important;top:auto!important;transform:translateX(-50%)!important}
  .hero-callout,.flow-orbit{display:none!important}

  .section{padding:42px 0!important}
  .section-sm{padding:30px 0!important}
  .section h2{font-size:clamp(32px,10vw,48px)!important}

  .editorial,.validation,.lifetime-head,.value-grid,.longevity-grid,.installer-grid,.pilot,.tab-panel.active{grid-template-columns:1fr!important}
  .editorial{min-height:0!important}
  .editorial-copy{padding:26px 16px!important}
  .lab-visual.exploded-stage{min-height:330px!important}

  .feature-grid,.price-grid,.installer-points,.promise-grid,.statwall,.process,.source-strip{grid-template-columns:1fr!important}
  .feature-card{min-height:0!important;padding:0 0 22px!important;display:block!important}
  .feature-card .art{position:relative!important;inset:auto!important;height:210px!important;margin:0 0 18px!important}
  .feature-card h3{margin:0 20px 10px!important}
  .feature-card p{margin:0 20px!important}

  .tab-controls{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}
  .tab-controls .tab-btn{width:100%!important}
  .app-diagram{min-height:230px!important}

  .calc-pair{grid-template-columns:1fr!important}
  .calc-card input,.calc-card select{font-size:16px!important}

  .service-stack{display:flex!important;flex-direction:column!important;gap:10px!important;min-height:0!important;padding:0!important}
  .stack-piece{width:100%!important;margin:0!important;padding:16px!important;transform:none!important}

  .filmstrip{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important;margin:0!important}
  .frame{min-height:180px!important}

  .footer-grid{grid-template-columns:1fr!important}
  .footer-grid>div:not(:first-child){display:grid!important;grid-template-columns:96px 1fr!important;gap:10px!important;border-top:1px solid rgba(255,255,255,.08);padding-top:14px!important}
  .footer-grid>div:not(:first-child) h4{margin:0!important}
  .footer-grid>div:not(:first-child) a{grid-column:2;display:inline-block!important;margin:0 10px 8px 0!important}
}

/* Reveal fallback */
.reveal{opacity:1!important;transform:none!important}

/* V18 PC POINTER OVERRIDE */
html.hcm-pc body{padding-bottom:0!important}
html.hcm-pc .mobile-nav-toggle,html.hcm-pc .mobile-drawer,html.hcm-pc .sticky-mobile-cta{display:none!important}
html.hcm-pc .wrap{width:100%!important;max-width:none!important;margin-inline:auto!important;padding-inline:clamp(28px,3vw,58px)!important}
html.hcm-pc .main-nav{display:flex!important;flex-direction:row!important}
html.hcm-pc .hero-grid{display:grid!important;grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr)!important;gap:clamp(34px,4vw,76px)!important}
html.hcm-pc .hero{min-height:680px!important;height:auto!important}
html.hcm-pc .hero-device.photoreal{height:clamp(500px,38vw,650px)!important;min-height:500px!important}
html.hcm-pc .hero-product{width:min(106%,760px)!important;right:-1%!important;left:auto!important;transform:none!important}
html.hcm-pc .editorial{grid-template-columns:minmax(390px,.92fr) minmax(500px,1.08fr)!important}
html.hcm-pc .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
html.hcm-pc .tab-panel.active{grid-template-columns:minmax(350px,.9fr) minmax(500px,1.1fr)!important}
html.hcm-pc .process{grid-template-columns:repeat(4,minmax(0,1fr))!important}
html.hcm-pc .validation,html.hcm-pc .value-grid,html.hcm-pc .longevity-grid,html.hcm-pc .installer-grid{grid-template-columns:1fr 1fr!important}
html.hcm-pc .price-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
html.hcm-pc .filmstrip{grid-template-columns:repeat(5,minmax(0,1fr))!important;overflow:visible!important}
html.hcm-pc .footer-grid{grid-template-columns:minmax(260px,1.45fr) repeat(3,minmax(150px,.85fr))!important}


/* ===== V18 FINAL PC FULL-WIDTH FAILSAFE =====
   This block intentionally appears last in the cascade.
   A fine-pointer/hover PC remains desktop even when Windows scaling or browser
   zoom reports a tablet-sized CSS viewport. */
html.hcm-pc,
html.hcm-pc body,
html.hcm-pc #page,
html.hcm-pc .site,
html.hcm-pc .wp-site-blocks,
html.hcm-pc main,
html.hcm-pc .site-header,
html.hcm-pc .site-footer{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

html.hcm-pc body{
  overflow-x:hidden !important;
  padding-bottom:0 !important;
}

html.hcm-pc .announcement,
html.hcm-pc .hero,
html.hcm-pc section,
html.hcm-pc .section,
html.hcm-pc .section-sm,
html.hcm-pc .darkband,
html.hcm-pc .pricing-section,
html.hcm-pc .lifetime-section,
html.hcm-pc .longevity-section,
html.hcm-pc .installer-section,
html.hcm-pc .film-section{
  width:100% !important;
  max-width:none !important;
  margin-inline:0 !important;
}

html.hcm-pc .wrap{
  width:100% !important;
  max-width:none !important;
  margin-inline:0 !important;
  padding-inline:clamp(34px,4vw,78px) !important;
}

html.hcm-pc .mobile-nav-toggle,
html.hcm-pc .mobile-drawer,
html.hcm-pc .sticky-mobile-cta{
  display:none !important;
}

html.hcm-pc .nav{
  display:flex !important;
  height:78px !important;
  align-items:center !important;
}

html.hcm-pc .main-nav{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:clamp(12px,1.4vw,26px) !important;
}

html.hcm-pc .hero{
  min-height:680px !important;
  height:auto !important;
}

html.hcm-pc .hero-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr) !important;
  gap:clamp(34px,4.4vw,82px) !important;
  align-items:center !important;
  padding-top:clamp(60px,7vh,98px) !important;
  padding-bottom:clamp(52px,7vh,88px) !important;
}

html.hcm-pc .hero h1{
  font-size:clamp(58px,6.2vw,108px) !important;
}

html.hcm-pc .hero-device.photoreal{
  height:clamp(500px,38vw,650px) !important;
  min-height:500px !important;
  overflow:visible !important;
}

html.hcm-pc .hero-product{
  position:absolute !important;
  width:min(104%,760px) !important;
  max-width:none !important;
  right:0 !important;
  left:auto !important;
  top:auto !important;
  bottom:0 !important;
  transform:none !important;
}

html.hcm-pc .editorial{
  display:grid !important;
  grid-template-columns:minmax(390px,.92fr) minmax(500px,1.08fr) !important;
  min-height:610px !important;
}

html.hcm-pc .feature-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:20px !important;
}

html.hcm-pc .tab-controls{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
}

html.hcm-pc .tab-controls .tab-btn{
  width:auto !important;
}

html.hcm-pc .tab-panel.active{
  display:grid !important;
  grid-template-columns:minmax(350px,.9fr) minmax(500px,1.1fr) !important;
  gap:clamp(36px,4vw,72px) !important;
}

html.hcm-pc .process{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

html.hcm-pc .validation{
  display:grid !important;
  grid-template-columns:minmax(360px,.88fr) minmax(500px,1.12fr) !important;
}

html.hcm-pc .statwall,
html.hcm-pc .installer-points,
html.hcm-pc .promise-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

html.hcm-pc .lifetime-head{
  display:grid !important;
  grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr) !important;
  gap:46px !important;
}

html.hcm-pc .value-grid,
html.hcm-pc .longevity-grid,
html.hcm-pc .installer-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

html.hcm-pc .calc-pair{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

html.hcm-pc .source-strip{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
}

html.hcm-pc .price-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

html.hcm-pc .filmstrip{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  overflow:visible !important;
  scroll-snap-type:none !important;
}

html.hcm-pc .pilot{
  display:grid !important;
  grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr) !important;
}

html.hcm-pc .footer-grid{
  display:grid !important;
  grid-template-columns:minmax(260px,1.45fr) repeat(3,minmax(150px,.85fr)) !important;
}

html.hcm-pc .footer-grid > div{
  display:block !important;
  border:0 !important;
  padding:0 !important;
}

html.hcm-pc .footer-grid > div a{
  display:block !important;
  margin:10px 0 !important;
}

/* If JavaScript is blocked, a wide CSS viewport still receives full-width desktop. */
@media (min-width:1200px){
  html:not(.hcm-touch) body,
  html:not(.hcm-touch) main,
  html:not(.hcm-touch) .site-header,
  html:not(.hcm-touch) .site-footer{
    width:100% !important;
    max-width:none !important;
  }
  html:not(.hcm-touch) .wrap{
    width:100% !important;
    max-width:none !important;
    padding-inline:clamp(34px,4vw,78px) !important;
  }
}


/* ===== V19 TRUE FULL-BLEED PAGE SHELL =====
   The site canvas itself has no exterior margin, padding, max-width, or centering.
   Spacing exists only inside .wrap content containers. */
html,
body,
body.admin-bar,
#page,
.site,
.site-content,
.content-area,
.site-main,
main,
header.site-header,
footer.site-footer{
  margin:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
}

html,body{
  background:var(--paper) !important;
  overflow-x:hidden !important;
}

body > .announcement,
body > header.site-header,
body > main,
body > footer.site-footer,
main > section,
main > .section,
main > .section-sm,
.announcement,
.hero,
.section,
.section-sm,
.darkband,
.pricing-section,
.lifetime-section,
.longevity-section,
.installer-section,
.film-section{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  border-left:0 !important;
  border-right:0 !important;
}

/* Content gutter lives inside each full-bleed section. */
.wrap{
  width:100% !important;
  max-width:1600px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:clamp(22px,3.5vw,64px) !important;
  padding-right:clamp(22px,3.5vw,64px) !important;
}

/* PC: allow more of a wide monitor to be used while preserving readable gutters. */
html.hcm-pc .wrap{
  width:100% !important;
  max-width:1680px !important;
  margin-inline:auto !important;
  padding-inline:clamp(30px,3.4vw,72px) !important;
}

/* Prevent generic WordPress/theme wrappers from creating white framing. */
.entry-content,
.site-content,
.content-area,
.wp-site-blocks,
.wp-block-group,
.wp-block-post-content{
  max-width:none !important;
}

/* If an editor/plugin injects a centered content rule, full-width sections defeat it. */
main > section{
  position:relative;
  left:auto !important;
  right:auto !important;
  transform:none !important;
}

/* Phone keeps safe gutters but no outer frame. */
@media(max-width:699px){
  .wrap{
    max-width:none !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }
}

/* Diagnostic visual rule: there should be no theme-generated outer white rail. */