:root{--navy:#061533;--navy-2:#0a1f44;--orange:#ff5e00;--orange-dark:#cc4a00;--white:#fff;--soft:#f5f5f7;--soft-2:#eef1f5;--text:#061533;--muted:#516176;--line:rgba(6,21,51,.12);--shell:min(1180px,calc(100vw - 64px));--shadow:0 24px 64px rgba(6,21,51,.14);--tc-motion-out:cubic-bezier(0.23,1,0.32,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--navy)}body{margin:0;background:#fff;color:var(--text);font:400 16px/1.62 Inter,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}body,button,a{font-family:Inter,"Helvetica Neue",Arial,sans-serif}img{display:block;max-width:100%}a{color:inherit}.page-shell{width:var(--shell);margin-inline:auto}.section-pad{padding:clamp(72px,8vw,112px) 0}.skip-link{position:fixed;left:16px;top:-80px;z-index:1000;padding:12px 18px;border-radius:8px;background:#fff;color:var(--navy);font-weight:700;transition:top .2s}.skip-link:focus{top:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:fixed;z-index:50;inset:0 0 auto;height:54px;box-sizing:border-box;color:var(--navy);background:rgba(255,255,255,.88);backdrop-filter:blur(18px);transition:box-shadow .25s}.site-header.is-scrolled{box-shadow:0 8px 28px rgba(6,21,51,.08)}.site-nav{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 38px;box-sizing:border-box;position:relative}.nav-logo{display:block;color:var(--navy);text-decoration:none;font-size:1.12rem;font-weight:800;line-height:1.5;letter-spacing:-.01em}.nav-logo span{color:var(--orange)}.nav-links{display:flex;align-items:center;gap:21.6px;list-style:none;margin:0;padding:0}.nav-links li a:not(.nav-cta){position:relative;display:inline;color:#1f1f1f;text-decoration:none;font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:.64rem;font-weight:800;line-height:1.5;text-transform:uppercase;transition:color .2s}.nav-links li a:not(.nav-cta):hover,.nav-links li a:not(.nav-cta):focus-visible{color:var(--navy)}.nav-links li a[aria-current=page]:after{display:none}.nav-links .nav-cta{display:inline;font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:.8rem;font-weight:500;line-height:1.5;text-transform:uppercase;padding:10.88px 16px;border-radius:980px;background:var(--orange);color:#fff;text-decoration:none;transition:background .2s,transform 160ms var(--tc-motion-out)}.nav-links .nav-cta:hover{background:var(--orange-dark)}.menu-toggle{display:none;border:0;background:none;padding:8px;color:var(--navy);transition:transform 160ms var(--tc-motion-out)}.menu-toggle span:not(.sr-only){display:block;width:23px;height:2px;margin:5px;background:currentColor}
.hero{position:relative;min-height:560px;padding-top:54px;display:flex;align-items:flex-end;color:#fff;background:var(--navy);overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:54px 0 0;width:100%;height:calc(100% - 54px)}.hero-image{object-fit:cover;object-position:center 52%;filter:saturate(.78) contrast(1.08)}.hero-shade{background:linear-gradient(90deg,rgba(4,15,35,.95) 0%,rgba(4,15,35,.82) 42%,rgba(4,15,35,.42) 72%,rgba(4,15,35,.5) 100%),linear-gradient(0deg,rgba(4,15,35,.86),transparent 58%)}.hero-content{position:relative;z-index:2;padding-bottom:104px}.eyebrow{display:inline-flex;align-items:center;margin:0 0 22px;padding:7px 16px;border:1px solid rgba(255,94,0,.3);border-radius:999px;color:var(--orange);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.eyebrow span{display:none}.eyebrow-light{border-color:rgba(255,255,255,.25);color:#fff;background:rgba(6,21,51,.28)}.hero h1,.intro h2,.enclosure h2,.system h2,.experience h2,.right-size h2,.closing h2{font-weight:900;letter-spacing:-.045em;text-wrap:balance}.hero h1{max-width:760px;margin:0;font-size:clamp(3rem,4.2vw,3.75rem);line-height:.98}.hero-dek{max-width:720px;margin:20px 0 0;color:rgba(255,255,255,.78);font-size:clamp(1rem,1.4vw,1.08rem)}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:0 28px;border-radius:999px;text-decoration:none;font-size:.9rem;font-weight:600;transition:transform 160ms var(--tc-motion-out),background .2s,box-shadow .2s}.button:active{transform:scale(.97);transition-duration:140ms}.button-primary{background:var(--orange);color:#fff;box-shadow:0 12px 28px rgba(255,94,0,.24)}.button-primary:hover{background:var(--orange-dark)}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:.9rem;font-weight:600;text-underline-offset:5px;transition:transform 160ms var(--tc-motion-out)}.text-link-light{color:#fff}.button:focus-visible,.text-link:focus-visible,.site-nav a:focus-visible,.nav-cta:focus-visible{outline:3px solid rgba(255,94,0,.48);outline-offset:4px}.hero-principles{position:absolute;z-index:3;left:0;bottom:0;width:100%;display:grid;grid-template-columns:repeat(4,1fr);padding-left:max(32px,calc((100vw - 1180px)/2));border-top:1px solid rgba(255,255,255,.18);background:rgba(4,15,35,.78);backdrop-filter:blur(12px)}.hero-principles span{padding:18px 22px 18px 0;color:rgba(255,255,255,.76);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.intro{background:#fff}.split-intro{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:start}.intro h2,.enclosure h2,.experience h2,.right-size h2{margin:0;font-size:clamp(2.6rem,4.2vw,3.5rem);line-height:1.02}.intro-copy{max-width:580px;padding-top:28px}.lead{font-size:clamp(1.08rem,1.4vw,1.25rem);color:var(--text)}.intro-copy p:not(.lead),.enclosure-copy>p:not(.lead):not(.note),.system-heading>p:last-child,.right-size-copy>p{color:var(--muted)}.layers{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:64px}.layer{position:relative;min-height:290px;padding:30px;border-radius:18px;background:var(--soft);overflow:hidden}.layer-wide{grid-column:span 2;min-height:280px;display:grid;grid-template-columns:72px minmax(0,650px) 1fr;align-items:end;background:var(--soft-2)}.layer-number{font-size:.7rem;font-weight:800;color:var(--orange)}.layer-kicker{margin:0 0 10px;color:var(--orange);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.layer h3{max-width:580px;margin:0 0 16px;font-size:clamp(1.65rem,2.5vw,2.7rem);line-height:1.08;letter-spacing:-.035em}.layer p:last-child{max-width:560px;margin:0;color:var(--muted)}.layer-dark{background:var(--navy);color:#fff}.layer-dark p:last-child,.layer-accent p:last-child{color:rgba(255,255,255,.72)}.layer-accent{background:var(--orange);color:#fff}.layer-accent .layer-number,.layer-accent .layer-kicker,.layer-dark .layer-number,.layer-dark .layer-kicker{color:rgba(255,255,255,.72)}.layer-mark{justify-self:end;align-self:center;display:grid;grid-template-columns:repeat(4,40px);gap:8px;transform:rotate(-10deg)}.layer-mark i{height:150px;border:1px solid rgba(6,21,51,.15);background:linear-gradient(180deg,transparent,rgba(255,94,0,.18))}
.enclosure{background:var(--soft)}.enclosure-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:center}.enclosure-copy .lead{margin:26px 0}.principle-list{margin:36px 0;border-top:1px solid var(--line)}.principle-list div{display:grid;grid-template-columns:170px 1fr;gap:24px;padding:18px 0;border-bottom:1px solid var(--line)}.principle-list strong{font-size:.94rem}.principle-list span{color:var(--muted);font-size:.88rem}.note{padding-left:16px;border-left:2px solid var(--orange);color:var(--muted);font-size:.8rem}.wall-figure{margin:0;border-radius:18px;background:var(--navy);color:#fff;box-shadow:var(--shadow);overflow:hidden}.wall-figure figcaption{display:flex;justify-content:space-between;gap:20px;padding:22px 26px;border-bottom:1px solid rgba(255,255,255,.12)}.wall-figure figcaption span{font-weight:700}.wall-figure figcaption small{color:rgba(255,255,255,.48)}.wall-stack{display:grid;grid-template-columns:.7fr .65fr 1.6fr .44fr 1.2fr .85fr;min-height:470px;padding:36px 24px 24px;gap:4px}.wall-layer{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:16px 9px;border:1px solid rgba(255,255,255,.13);overflow:hidden}.wall-layer b,.wall-layer span{writing-mode:vertical-rl;transform:rotate(180deg);align-self:center}.wall-layer b{margin-bottom:auto;font-size:.68rem}.wall-layer span{color:rgba(255,255,255,.6);font-size:.56rem}.wall-interior{background:#dfe3e8;color:var(--navy)}.wall-interior span,.wall-steel span,.wall-insulation span{color:#38465b}.wall-service{background:repeating-linear-gradient(90deg,#263248 0,#263248 12px,#1c293e 13px,#1c293e 20px)}.wall-steel{background:linear-gradient(135deg,#b2bcc6,#6f7b87 50%,#ced5db);color:#08111f}.wall-steel i{position:absolute;top:45px;bottom:45px;width:20%;border:4px solid rgba(14,26,42,.4);border-top:0;border-bottom:0}.wall-steel i:nth-of-type(1){left:10%}.wall-steel i:nth-of-type(2){left:40%}.wall-steel i:nth-of-type(3){left:70%}.wall-air{background:var(--orange)}.wall-insulation{background:repeating-linear-gradient(45deg,#c9aa77 0,#c9aa77 8px,#b78e58 9px,#b78e58 16px);color:#1a2230}.wall-rainscreen{background:repeating-linear-gradient(90deg,#28354b 0,#28354b 18px,#0f1b2e 19px,#0f1b2e 23px)}.thermal-path{display:flex;align-items:center;gap:18px;padding:18px 26px 24px;color:rgba(255,255,255,.56);font-size:.64rem;text-transform:uppercase;letter-spacing:.08em}.thermal-path i{flex:1;height:2px;background:linear-gradient(90deg,var(--orange),#efcf9c)}
.system{background:var(--navy);color:#fff;overflow:hidden}.system-heading{display:grid;grid-template-columns:1fr .7fr;column-gap:8vw}.system-heading .eyebrow{grid-column:1/-1}.system h2{margin:0;font-size:clamp(2.8rem,5.2vw,3.75rem);line-height:.95}.system-heading>p:last-child{align-self:end;max-width:510px;margin:0;color:rgba(255,255,255,.6)}.energy-stage{position:relative;height:620px;margin-top:72px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:radial-gradient(circle at center,rgba(255,94,0,.12),transparent 34%)}.energy-lines{position:absolute;inset:0;width:100%;height:100%}.energy-lines path{fill:none;stroke:url(#lineGradient);stroke-width:1.6;stroke-dasharray:7 10;opacity:.75;animation:energyFlow 16s linear infinite}@keyframes energyFlow{to{stroke-dashoffset:-240}}.energy-node,.energy-core{position:absolute;display:flex;flex-direction:column;justify-content:center}.energy-node{width:182px;min-height:112px;padding:16px 18px;border-left:2px solid var(--orange);background:rgba(255,255,255,.045)}.energy-node b{font-size:.94rem}.energy-node small{margin-top:4px;color:rgba(255,255,255,.52);font-size:.68rem}.node-icon{position:absolute;right:14px;top:12px;color:#ff9b63}.node-solar{left:3%;top:36px}.node-battery{left:3%;top:252px}.node-grid{left:3%;top:468px}.node-heat{right:3%;top:36px}.node-air{right:3%;top:252px}.node-ev{right:3%;top:468px}.energy-core{left:50%;top:50%;transform:translate(-50%,-50%);width:238px;height:238px;border-radius:50%;align-items:center;text-align:center;background:var(--navy-2);border:1px solid rgba(255,94,0,.65);box-shadow:0 0 0 26px rgba(255,94,0,.035),0 24px 60px rgba(0,0,0,.32)}.energy-core span{color:#ff9b63;font-size:.68rem;font-weight:800;letter-spacing:.16em}.energy-core b{margin:10px 0;font-size:1.55rem;line-height:1.12}.energy-core small{color:rgba(255,255,255,.46);font-size:.64rem}.operating-modes{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:54px;background:rgba(255,255,255,.12)}.operating-modes article{min-height:250px;padding:26px;background:var(--navy)}.operating-modes span{color:#ff9b63;font-size:.68rem}.operating-modes h3{margin:54px 0 12px;font-size:1.15rem}.operating-modes p{color:rgba(255,255,255,.56);font-size:.82rem}
.experience{background:#fff}.experience-grid{display:grid;grid-template-columns:.84fr 1.16fr;gap:8vw}.experience-list{border-top:1px solid var(--line)}.experience-list>div{display:grid;grid-template-columns:46px 1fr 1.15fr;gap:22px;padding:24px 0;border-bottom:1px solid var(--line)}.experience-list span{color:var(--orange);font-size:.7rem}.experience-list h3{margin:0;font-size:1.08rem}.experience-list p{margin:0;color:var(--muted);font-size:.86rem}.right-size{background:var(--soft)}.right-size-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.right-size-title{position:sticky;top:100px;align-self:start}.right-size-copy .lead{margin-top:0}.right-size-copy ul{list-style:none;margin:42px 0 28px;padding:0;border-top:1px solid var(--line)}.right-size-copy li{display:grid;grid-template-columns:180px 1fr;gap:22px;padding:18px 0;border-bottom:1px solid var(--line)}.right-size-copy li span{font-weight:700}.right-size-copy li small{color:var(--muted);font-size:.82rem}.closing{position:relative;min-height:480px;display:flex;align-items:center;background:var(--navy);color:#fff;overflow:hidden}.closing-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,15,35,.95),rgba(4,15,35,.66) 58%,rgba(4,15,35,.46)),url('/images/energy-comfort/terracore-energy-comfort-hero-20260728.webp') center/cover}.closing-content{position:relative;z-index:1}.closing h2{max-width:820px;margin:0;font-size:clamp(2.8rem,5vw,3.75rem);line-height:.98}.closing p:not(.eyebrow){max-width:650px;color:rgba(255,255,255,.7)}.closing .button{margin-top:18px}.site-footer{padding:64px 0 22px;background:#040f23;color:#fff}.footer-grid{display:grid;grid-template-columns:1.4fr .75fr .75fr;gap:8vw}.footer-brand{display:inline-flex;color:#fff;text-decoration:none;font-size:1.35rem;font-weight:800;letter-spacing:-.04em}.footer-grid p{max-width:420px;color:rgba(255,255,255,.5);font-size:.82rem}.footer-grid nav,.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.footer-grid a{color:rgba(255,255,255,.72);text-decoration:none;font-size:.82rem}.footer-grid a:hover{color:#fff}.footer-contact span{color:rgba(255,255,255,.4);font-size:.76rem}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:58px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.4);font-size:.66rem}
@keyframes tcEmsEnter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes tcEmsReveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes tcEmsFade{from{opacity:0}to{opacity:1}}
.hero-content>.eyebrow{animation:tcEmsEnter 620ms var(--tc-motion-out) 60ms both}.hero h1{animation:tcEmsEnter 680ms var(--tc-motion-out) 120ms both}.hero-dek{animation:tcEmsEnter 620ms var(--tc-motion-out) 180ms both}.hero-actions{animation:tcEmsEnter 620ms var(--tc-motion-out) 240ms both}.hero-principles{animation:tcEmsEnter 560ms var(--tc-motion-out) 300ms both}
.tc-reveal-ready{opacity:0;transform:translateY(18px)}.tc-reveal-ready.tc-reveal-visible{animation:tcEmsReveal 680ms var(--tc-motion-out) both}
@media(hover:hover) and (pointer:fine){.button:hover,.nav-cta:hover{transform:scale(1.03)}.text-link:hover{transform:translateY(-1px)}}
.button:active,.text-link:active,.nav-cta:active,.menu-toggle:active{transform:scale(.97);transition-duration:140ms}
@media(max-width:1000px){.nav-links{display:none}.menu-toggle{display:block}.site-nav{padding:0 18px}.nav-links.is-open{position:absolute;display:flex;top:54px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:12px 24px;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.nav-links.is-open li{width:100%}.nav-links.is-open li a:not(.nav-cta){padding:16px 0;border-bottom:1px solid var(--line);display:block;font-size:.9rem;line-height:1.4}.nav-links.is-open li:last-child .nav-cta{display:inline-block;border-bottom:0;margin:14px 0 6px;text-align:center}.nav-links li a[aria-current=page]:after{display:none}.split-intro,.split-intro,.enclosure-grid,.system-heading,.experience-grid,.right-size-grid{grid-template-columns:1fr}.intro-copy{padding-top:0}.layers{grid-template-columns:1fr}.layer-wide{grid-column:auto;grid-template-columns:55px 1fr}.layer-mark{display:none}.enclosure-grid{gap:60px}.system-heading>p:last-child{margin-top:28px}.energy-stage{height:720px}.energy-lines{display:none}.energy-core{width:210px;height:210px}.energy-node{width:150px}.node-solar{left:2%}.node-battery{left:2%;top:300px}.node-grid{left:2%;top:570px}.node-heat{right:2%}.node-air{right:2%;top:300px}.node-ev{right:2%;top:570px}.operating-modes{grid-template-columns:1fr 1fr}.experience-grid,.right-size-grid{gap:54px}.right-size-title{position:static}.footer-grid{grid-template-columns:1fr 1fr}.footer-contact{grid-column:2}}
@media(max-width:680px){:root{--shell:calc(100% - 32px)}.section-pad{padding:68px 0}.hero{min-height:620px}.hero-image,.hero-shade{inset:54px 0 0;height:calc(100% - 54px)}.hero-image{object-position:62% center}.hero-content{padding-bottom:125px}.hero h1{font-size:clamp(2.3rem,9.8vw,2.4rem);line-height:1;letter-spacing:-.035em}.hero-dek{font-size:.94rem;line-height:1.58}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px;margin-top:26px}.hero-principles{grid-template-columns:1fr 1fr;padding-left:16px}.hero-principles span{padding:12px 8px;font-size:.58rem}.intro h2,.enclosure h2,.experience h2,.right-size h2{font-size:clamp(2.35rem,11vw,2.75rem)}.layers{margin-top:46px}.layer,.layer-wide{min-height:270px;padding:24px}.layer-wide{display:block}.layer-wide .layer-number{margin-bottom:60px}.layer h3{font-size:1.8rem}.principle-list div,.right-size-copy li{grid-template-columns:1fr;gap:5px}.wall-figure figcaption{flex-direction:column}.wall-stack{min-height:420px;padding:24px 12px 18px;grid-template-columns:.6fr .5fr 1.6fr .38fr 1.1fr .7fr}.wall-layer{padding:8px 4px}.wall-layer b{font-size:.54rem}.wall-layer span{display:none}.system h2{font-size:clamp(2.7rem,13vw,3rem)}.energy-stage{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:200px 0 18px;margin-top:50px;border:0}.energy-core{top:96px;width:180px;height:180px}.energy-core b{font-size:1.25rem}.energy-node{position:relative;left:auto!important;right:auto!important;top:auto!important;width:auto;min-height:100px}.operating-modes{grid-template-columns:1fr}.operating-modes article{min-height:200px}.operating-modes h3{margin-top:38px}.experience-list>div{grid-template-columns:34px 1fr}.experience-list p{grid-column:2}.closing{min-height:520px}.closing h2{font-size:clamp(2.7rem,12vw,3rem)}.footer-grid{grid-template-columns:1fr;gap:38px}.footer-contact{grid-column:auto}.footer-bottom{flex-direction:column;margin-top:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}.hero-content>.eyebrow,.hero h1,.hero-dek,.hero-actions,.hero-principles{animation-name:tcEmsFade!important;animation-duration:200ms!important;animation-delay:0ms!important;animation-timing-function:ease!important;animation-fill-mode:both!important;transform:none!important}.tc-reveal-ready{opacity:1;transform:none}.tc-reveal-ready.tc-reveal-visible{animation:tcEmsFade 200ms ease both!important;transform:none!important}.energy-lines path{animation:none!important;stroke-dashoffset:0}.button:hover,.button:active,.text-link:hover,.text-link:active,.nav-cta:hover,.nav-cta:active,.menu-toggle:active{transform:none!important}}