:root{--orange:#f04b23;--ink:#090a0d;--graphite:#15171b;--paper:#f2f2ef;--white:#fff;--muted:#969ba4;--line:rgba(255,255,255,.16);--max:100%;--pad:7.14vw;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.25;letter-spacing:-.045em}.container{width:min(100%,var(--max));margin-inline:auto;padding-inline:var(--pad)}.section{padding-block:clamp(88px,10vw,170px)}.dark-section{background:var(--ink);color:var(--white)}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 24px;color:#fff;font-size:12px;font-weight:800;letter-spacing:.18em}.eyebrow:before{width:34px;height:2px;background:var(--orange);content:""}.eyebrow.dark{color:var(--ink)}.lead{font-size:clamp(20px,2vw,30px);line-height:1.5;letter-spacing:-.025em}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;z-index:100;top:10px;left:10px;padding:12px 16px;background:#fff;color:#000;transform:translateY(-150%)}.skip-link:focus{transform:none}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:40px;padding:13px 22px;border:1px solid var(--orange);background:var(--orange);color:#fff;font-size:14px;font-weight:800;letter-spacing:.01em;transition:.25s var(--ease)}.button:hover{background:#ff5c32;transform:translateY(-2px)}.button--outline{border-color:#555;background:transparent}.button--outline:hover{border-color:var(--orange);background:var(--orange)}.button--light{border-color:#fff;background:#fff;color:#090909}.text-link{display:inline-block;border-bottom:1px solid currentColor;padding-block:5px;font-weight:700}.dark-link{color:var(--ink)}:focus-visible{outline:3px solid #ff6b42;outline-offset:4px}
.site-header{position:absolute;z-index:20;top:0;left:0;display:grid;width:100%;height:92px;grid-template-columns:220px 1fr auto;align-items:center;padding-inline:var(--pad);border-bottom:1px solid rgba(255,255,255,.22);color:#fff}.site-header.is-scrolled{position:fixed;height:76px;background:rgba(9,10,13,.94);backdrop-filter:blur(16px)}.site-logo img{width:124px}.site-nav{display:flex;justify-content:center;gap:clamp(22px,3vw,52px)}.site-nav a{position:relative;padding:12px 0;font-size:14px;font-weight:700}.site-nav a:after{position:absolute;right:0;bottom:4px;left:0;height:2px;background:var(--orange);content:"";transform:scaleX(0);transform-origin:right;transition:.25s}.site-nav a:hover:after,.site-nav a.is-active:after{transform:scaleX(1);transform-origin:left}.header-cta{font-size:13px;font-weight:800}.header-cta span{color:var(--orange)}.menu-toggle{display:none;border:0;background:none;color:#fff}
.home-hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:#111;color:#fff}.home-hero__media{position:absolute;inset:0;background:url('/assets/images/about-hero.jpg') center/cover no-repeat;transform:scale(1.02)}.home-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,7,.88) 0%,rgba(4,5,7,.52) 44%,rgba(4,5,7,.08) 75%),linear-gradient(0deg,rgba(4,5,7,.55),transparent 45%)}.home-hero__signal{position:absolute;right:0;bottom:18%;width:42%;height:2px;background:linear-gradient(90deg,transparent,var(--orange));box-shadow:0 0 28px #ff5b30}.home-hero__content{position:relative;padding-bottom:clamp(90px,12vh,150px)}.home-hero h1{max-width:1000px;margin:0 0 28px;font-size:clamp(58px,8.4vw,146px);line-height:.93;letter-spacing:-.065em}.home-hero h1 em{color:var(--orange);font-style:normal}.hero-copy{max-width:570px;margin-bottom:34px;font-size:clamp(18px,1.5vw,24px);color:#d6d8dc}.hero-actions{display:flex;align-items:center;gap:30px}.hero-note{position:absolute;right:var(--pad);bottom:32px;margin:0;color:#bbb;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.manifesto-grid,.section-heading,.story-grid,.product-intro,.product-narrative,.partner-intro,.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:clamp(40px,8vw,150px);align-items:start}.manifesto h2,.section-heading h2,.story-grid h2,.product-narrative h2,.partner-intro h2{font-size:clamp(44px,5vw,86px);margin:0}.manifesto-grid>div:last-child{padding-top:18px}.manifesto .lead{margin-bottom:40px}
.product-feature{padding-block:clamp(85px,9vw,150px)}.product-feature__grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:7vw}.product-feature__copy h2{margin:0 0 30px;font-size:clamp(72px,10vw,176px);line-height:.76}.product-feature__copy h2 span{color:var(--orange)}.product-feature__copy p{max-width:460px;margin-bottom:34px;color:#adb1b8;font-size:18px}.product-feature__visual{position:relative;display:grid;min-height:620px;place-items:center;background:radial-gradient(circle at 60% 44%,#35383f 0,#15171b 40%,#0b0c0f 72%);overflow:hidden}.product-feature__visual:before{position:absolute;width:70%;height:70%;border:1px solid #35383e;border-radius:50%;content:""}.product-feature__visual img{position:relative;width:min(70%,560px);transition:.6s var(--ease)}.product-feature__visual:hover img{transform:scale(1.035) rotate(-2deg)}.product-feature__visual span{position:absolute;right:28px;bottom:24px;font-size:11px;letter-spacing:.17em;color:#aaa}
.applications .section-heading{margin-bottom:60px}.section-heading>p{max-width:500px;padding-top:40px;color:#555;font-size:18px}.application-grid{display:grid;grid-template-columns:1.3fr .85fr;gap:18px}.application-card{position:relative;overflow:hidden;background:#111;color:#fff}.application-card--wide{grid-row:span 2}.application-card img{width:100%;height:100%;min-height:310px;object-fit:cover;transition:.7s var(--ease)}.application-card--wide img{min-height:640px}.application-card:after{position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.85));content:""}.application-card div{position:absolute;z-index:1;right:26px;bottom:24px;left:26px;display:flex;align-items:end;justify-content:space-between}.application-card span{font-size:12px;color:#ccc}.application-card h3{margin:0;font-size:clamp(24px,2.5vw,42px)}.application-card:hover img{transform:scale(1.04)}
.three-pillars h2{margin-bottom:70px;font-size:clamp(50px,7vw,110px)}.pillar-grid,.benefit-grid,.partner-values{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.pillar-grid article,.benefit-grid article,.partner-values article{padding:36px 34px 15px 0;border-right:1px solid var(--line)}.pillar-grid article+article,.benefit-grid article+article,.partner-values article+article{padding-left:34px}.pillar-grid span,.benefit-grid span,.partner-values span,.process-grid span{color:var(--orange);font-size:12px}.pillar-grid h3,.benefit-grid h2,.partner-values h2{margin:50px 0 15px;font-size:clamp(27px,3vw,46px)}.pillar-grid p,.benefit-grid p,.partner-values p{color:#9ea2aa}
.subhero{position:relative;display:flex;min-height:72svh;align-items:flex-end;padding-bottom:clamp(60px,8vw,110px);background:#111 center/cover;color:#fff}.subhero:after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.15)),linear-gradient(0deg,rgba(0,0,0,.6),transparent)}.subhero .container{position:relative;z-index:1}.subhero h1,.contact-hero h1{margin:0;font-size:clamp(68px,9vw,150px);line-height:.88}.subhero--about{background-image:url('/assets/images/about-hero.jpg')}.subhero--product{background-image:url('/assets/images/installer.jpg');background-position:center 42%}.subhero--technology{background-image:url('/assets/images/spirit-2.png')}.subhero--partners{background-image:url('/assets/images/installer.jpg')}
.story-copy p:not(.lead){max-width:640px;color:#4d5055}.principles{background:#e7e7e3}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.principle-grid article{position:relative}.principle-grid img{width:100%;aspect-ratio:1.85;object-fit:cover}.principle-grid span{display:block;margin-top:28px;color:var(--orange);font-size:12px}.principle-grid h2{margin:12px 0;font-size:38px}.brand-system .section-heading>p{color:#aaa}.brand-images{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:50px}.brand-images img{width:100%;background:#111}
.product-intro{align-items:end}.product-intro h2{margin:0;font-size:clamp(45px,6vw,90px)}.product-listing{padding-bottom:clamp(90px,12vw,190px)}.editorial-product{display:grid;grid-template-columns:1.1fr .9fr;min-height:650px;background:#111;color:#fff}.editorial-product__image{display:grid;place-items:center;background:radial-gradient(circle,#4a4c52,#1c1e22 65%)}.editorial-product__image img{width:min(72%,620px);transition:.6s var(--ease)}.editorial-product__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(35px,6vw,100px)}.editorial-product__copy>span{color:var(--orange);font-size:12px;letter-spacing:.15em}.editorial-product__copy h2{margin:50px 0 20px;font-size:clamp(55px,7vw,100px)}.editorial-product__copy p{max-width:500px;color:#aaa;font-size:18px}.editorial-product__copy b{margin-top:60px}.editorial-product:hover img{transform:scale(1.04) rotate(-2deg)}.editorial-product:hover i{color:var(--orange)}.product-roadmap{max-width:1100px;margin-inline:auto;text-align:center}.product-roadmap .eyebrow{justify-content:center}.product-roadmap h2,.verify-panel h2,.availability h2{font-size:clamp(50px,7vw,96px)}.product-roadmap p,.verify-panel p,.availability p{max-width:750px;margin-inline:auto;font-size:19px;color:#5d6065}
.product-hero{padding-top:92px;background:#0b0c0f;color:#fff}.product-hero__grid{display:grid;min-height:calc(100svh - 92px);grid-template-columns:.8fr 1.2fr;align-items:center}.product-hero__copy h1{margin:0 0 30px;font-size:clamp(80px,11vw,190px);line-height:.73}.product-hero__copy h1 span{color:var(--orange)}.product-hero__copy>p:not(.eyebrow){font-size:22px;color:#b8bbc0}.product-hero__image{display:grid;height:100%;min-height:600px;place-items:center;background:radial-gradient(circle,#464950,#181a1e 55%,#0b0c0f 75%)}.product-hero__image img{width:min(72%,650px)}.product-narrative{align-items:start}.benefit-grid{padding-top:15px}.verify-panel{text-align:center}.verify-panel .eyebrow{justify-content:center}.verify-panel .text-link{margin-top:25px}
.layer-visual{margin-top:60px;border-top:1px solid var(--line)}.layer-visual div{display:grid;grid-template-columns:70px 1fr 1fr;align-items:center;padding:26px 0;border-bottom:1px solid var(--line)}.layer-visual span{color:var(--orange)}.layer-visual b{font-size:24px}.layer-visual small{color:#979ba3}.diagram-note{margin-top:18px;color:#777;font-size:12px}.process>h2{font-size:clamp(50px,7vw,96px)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px;border-top:1px solid #bbb}.process-grid article{padding:28px 25px 0 0}.process-grid h3{margin:45px 0 10px;font-size:28px}.process-grid p{color:#60636a}.partner-intro .button{margin-top:20px}.availability{max-width:1100px;margin:auto;text-align:center}.availability .eyebrow{justify-content:center}
.contact-hero{padding:clamp(180px,23vh,270px) 0 90px;background:#0b0c0f;color:#fff}.contact-hero p:last-child{max-width:620px;margin-top:40px;color:#aeb1b7;font-size:19px}.contact-grid{grid-template-columns:.7fr 1.3fr}.contact-aside{position:sticky;top:110px}.contact-aside h2{font-size:clamp(38px,4vw,62px)}.contact-aside>p{max-width:470px;color:#5f6268}.status-pill{display:inline-flex!important;align-items:center;gap:10px;margin-top:25px!important;padding:10px 14px;border:1px solid #ccc;color:#222!important;font-size:12px!important}.status-pill span{width:8px;height:8px;border-radius:50%;background:var(--orange)}.contact-form{display:grid;gap:25px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:8px}.field label{font-size:13px;font-weight:700}.field label span,.consent b{color:var(--orange)}.field input,.field select,.field textarea{width:100%;border:0;border-bottom:1px solid #aeb0b3;background:transparent;padding:14px 4px;color:#111;border-radius:0}.field textarea{border:1px solid #aeb0b3;padding:14px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--orange);outline:0;box-shadow:0 2px 0 var(--orange)}.consent{display:flex;gap:12px;align-items:start;font-size:13px}.consent input{width:20px;height:20px;accent-color:var(--orange)}.contact-form .button{justify-self:end}.honey{position:absolute!important;left:-9999px!important}.form-message{padding:30px;border:1px solid}.form-message.success{border-color:#287f4b;background:#eaf8ef}.form-message.error{margin-bottom:30px;border-color:#a22;background:#fff0f0}
.partner-band{position:relative;display:flex;min-height:670px;align-items:center;background:#111;color:#fff;overflow:hidden}.partner-band__media{position:absolute;inset:0;background:url('/assets/images/installer.jpg') center/cover no-repeat;filter:grayscale(1)}.partner-band:after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,7,.94) 0%,rgba(4,5,7,.7) 48%,rgba(4,5,7,.25))}.partner-band__content{position:relative;z-index:1}.partner-band h2{margin:0 0 25px;font-size:clamp(55px,8vw,120px);line-height:.88}.partner-band p:not(.eyebrow){max-width:580px;color:#c0c3c8;font-size:18px}.partner-band .button{margin-top:22px}.site-footer{padding:80px 0 22px;background:#090a0d;color:#fff}.footer-grid{display:grid;grid-template-columns:1.4fr .6fr .6fr 1fr;gap:60px;padding-bottom:80px}.footer-brand img{width:150px}.footer-brand p{margin-top:20px;color:var(--orange);font-weight:700}.site-footer h2{font-size:13px;letter-spacing:.12em;text-transform:uppercase}.site-footer nav{display:flex;flex-direction:column;gap:10px}.site-footer nav a,.footer-status p{color:#92969e;font-size:14px}.site-footer nav a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;padding-top:20px;border-top:1px solid var(--line);color:#70747c;font-size:12px}
.site-logo img{transition:transform .4s var(--ease)}.site-logo:hover img{transform:scale(1.045)}
.home-hero__media{inset:-4%;transform:translate3d(0,var(--hero-shift,0),0) scale(1.08);animation:hero-breathe 14s ease-in-out infinite alternate;will-change:transform}
.home-hero__signal{width:52%;transform-origin:right;animation:signal-scan 3.2s 1s var(--ease) both}
.hero-enter{opacity:0;transform:translateY(35px);animation:hero-enter .9s var(--ease) forwards}.hero-enter--1{animation-delay:.2s}.hero-enter--2{animation-delay:.38s}.hero-enter--3{animation-delay:.58s}.hero-enter--4{animation-delay:.76s}
.button{position:relative;overflow:hidden}.button:after{position:absolute;inset:0;background:rgba(255,255,255,.22);content:"";transform:translateX(-110%) skewX(-16deg);transition:transform .55s var(--ease)}.button:hover:after{transform:translateX(110%) skewX(-16deg)}
.product-feature__visual img{animation:product-float 5s ease-in-out infinite}.application-card img{transform:scale(1.035);transition:transform 1s var(--ease),filter .6s}.application-card:hover img{filter:saturate(1.15);transform:scale(1.09)}
.principle-grid article{overflow:hidden}.principle-grid img{transition:transform .8s var(--ease),filter .6s}.principle-grid article:hover img{filter:saturate(1.2);transform:scale(1.04)}
.layer-visual div{transition:padding-left .4s var(--ease),background .4s}.layer-visual div:hover{padding-left:18px;background:linear-gradient(90deg,rgba(240,75,35,.12),transparent 70%)}
.partner-band__media{inset:0 -5%;background-position:center top;transform:translate3d(0,calc(28px + var(--partner-shift,0px)),0) scale(1.08);will-change:transform;transition:filter .7s}.partner-band:hover .partner-band__media{filter:grayscale(.65)}.subhero .eyebrow,.contact-hero .eyebrow{animation:subhero-enter .8s .15s var(--ease) both}.subhero h1,.contact-hero h1{animation:subhero-enter 1s .3s var(--ease) both}.subhero:before{position:absolute;z-index:1;right:0;bottom:0;width:42%;height:2px;background:linear-gradient(90deg,transparent,var(--orange));content:"";transform-origin:right;animation:signal-scan 2.6s .6s var(--ease) both}
.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(48px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.js .reveal.is-visible{opacity:1;transform:none}.js .pillar-grid .reveal:nth-child(2),.js .application-grid .reveal:nth-child(2){transition-delay:.12s}.js .pillar-grid .reveal:nth-child(3),.js .application-grid .reveal:nth-child(3){transition-delay:.24s}
@keyframes hero-enter{to{opacity:1;transform:none}}@keyframes subhero-enter{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}}@keyframes hero-breathe{0%{transform:translate3d(0,var(--hero-shift,0),0) scale(1.08)}100%{transform:translate3d(-1.2%,var(--hero-shift,0),0) scale(1.13)}}@keyframes signal-scan{0%{opacity:0;transform:scaleX(0)}35%{opacity:1}100%{opacity:1;transform:scaleX(1)}}@keyframes product-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-16px) rotate(1deg)}}
@media(max-width:1024px){.site-header{grid-template-columns:1fr auto;height:76px}.site-nav{position:fixed;inset:76px 0 auto;display:none;flex-direction:column;gap:0;padding:20px var(--pad) 35px;background:#090a0d}.site-nav.is-open{display:flex}.site-nav a{padding:15px 0;border-bottom:1px solid #26272b;font-size:20px}.header-cta{display:none}.menu-toggle{display:grid;width:44px;height:44px;place-content:center;gap:5px}.menu-toggle span:not(.sr-only){display:block;width:24px;height:2px;background:currentColor}.manifesto-grid,.section-heading,.story-grid,.product-intro,.product-narrative,.partner-intro,.contact-grid{grid-template-columns:1fr;gap:35px}.product-feature__grid{grid-template-columns:1fr}.product-feature__visual{min-height:520px}.contact-aside{position:static}.footer-grid{grid-template-columns:1fr 1fr}.principle-grid{grid-template-columns:1fr}.principle-grid article{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.principle-grid img{grid-row:span 4}.editorial-product{grid-template-columns:1fr}.product-hero__grid{grid-template-columns:1fr}.product-hero__copy{padding-block:100px 50px}.process-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.section{padding-block:76px}.home-hero{min-height:820px}.home-hero__media{background-position:58% center}.home-hero__shade{background:linear-gradient(0deg,rgba(4,5,7,.96),rgba(4,5,7,.15) 85%)}.home-hero h1{font-size:54px}.home-hero__content{padding-bottom:100px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-note{display:none}.product-feature__visual{min-height:390px}.application-grid{grid-template-columns:1fr}.application-card--wide{grid-row:auto}.application-card--wide img,.application-card img{min-height:330px}.pillar-grid,.benefit-grid,.partner-values{grid-template-columns:1fr}.pillar-grid article,.pillar-grid article+article,.benefit-grid article,.benefit-grid article+article,.partner-values article,.partner-values article+article{padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}.principle-grid article{display:block}.principle-grid img{margin-bottom:20px}.brand-images{grid-template-columns:1fr}.subhero{min-height:650px}.subhero h1,.contact-hero h1{font-size:58px}.editorial-product{min-height:auto}.editorial-product__image{min-height:390px}.editorial-product__copy{padding:45px 24px}.product-hero__image{min-height:420px}.layer-visual div{grid-template-columns:44px 1fr}.layer-visual small{grid-column:2}.process-grid{grid-template-columns:1fr}.field-row{grid-template-columns:1fr}.partner-band{min-height:650px}.footer-grid{grid-template-columns:1fr;gap:36px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:8px}.site-footer{padding-top:60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js .reveal,.hero-enter{opacity:1;transform:none}.home-hero__media,.partner-band__media{transform:none}}

/* 2026-08-06: product lineup slider and more open English title tracking */
h1,h2,h3{letter-spacing:-.018em}
.home-hero h1{letter-spacing:-.035em}
.subhero h1,.contact-hero h1,.product-hero__copy h1,.partner-band h2{letter-spacing:-.025em}
.product-feature{padding-block:clamp(76px,8vw,126px)}
.product-slider__viewport{position:relative}
.product-slide{display:none}
.product-slide.is-active{display:grid;min-width:0;animation:product-slide-in .42s var(--ease) both}
.product-feature__copy h2{font-size:clamp(62px,7.4vw,120px);line-height:.8;letter-spacing:-.025em}
.product-feature__copy h2 span{display:block;letter-spacing:-.012em}
.product-feature__visual{min-height:570px}
.product-feature__visual img{width:min(68%,540px)}
.product-slider__controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;margin-top:34px}
.product-slider__tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #34363c}
.product-slider__tabs button{min-height:66px;padding:14px 12px;border:0;border-bottom:1px solid #34363c;color:#777b84;background:transparent;text-align:left;font-size:11px;font-weight:800;letter-spacing:.1em;cursor:pointer;transition:.22s var(--ease)}
.product-slider__tabs button+button{border-left:1px solid #34363c}
.product-slider__tabs button span{display:block;margin-bottom:3px;color:#565a62;font-size:9px}
.product-slider__tabs button:hover,.product-slider__tabs button[aria-selected="true"]{color:#fff;background:#15171b}
.product-slider__tabs button[aria-selected="true"] span{color:var(--orange)}
.product-slider__arrows{display:flex;align-items:center;gap:14px}
.product-slider__arrows button{width:48px;height:48px;border:1px solid #444850;color:#fff;background:transparent;font-size:18px;cursor:pointer;transition:.2s}
.product-slider__arrows button:hover{border-color:var(--orange);color:var(--orange)}
.product-slider__arrows p{min-width:55px;margin:0;color:#737780;font-size:11px;letter-spacing:.12em;text-align:center}.product-slider__arrows strong{color:#fff}
.product-showcase{padding-block:clamp(70px,8vw,130px)}
.product-showcase .product-slider__viewport{margin-top:56px}
.product-detail__visual{position:relative;overflow:hidden;display:grid;place-items:center;min-width:0;min-height:clamp(260px,32vw,420px);margin-bottom:50px}
.product-detail__ghost{min-width:0;max-width:100%;overflow:hidden;font-size:clamp(80px,15vw,240px);font-weight:800;letter-spacing:-.03em;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.25);white-space:nowrap}
.product-detail__visual--legend .product-detail__ghost,.product-detail__visual--matte .product-detail__ghost{-webkit-text-stroke-color:rgba(9,10,13,.28)}
.product-detail__signal{position:absolute;left:-6%;bottom:28%;width:58%;height:2px;background:linear-gradient(90deg,transparent,var(--orange));box-shadow:0 0 24px #ff5b30}
.product-detail__index{position:absolute;right:26px;bottom:20px;font-size:11px;letter-spacing:.16em;color:rgba(255,255,255,.65)}
.product-detail__visual--legend{background:linear-gradient(135deg,#dfe1e4 0,#9a9ea8 48%,#44474e 100%)}
.product-detail__visual--shield{background:linear-gradient(135deg,#3d434b 0,#1d2125 55%,#0a0c0e 100%)}
.product-detail__visual--matte{background:linear-gradient(135deg,#8d8f94 0,#5b5d62 50%,#302f32 100%)}
.product-detail__visual--black{background:linear-gradient(135deg,#232325 0,#0a0a0b 60%,#000 100%)}
.product-detail__visual--thermal{background:linear-gradient(135deg,#2a1209 0,#8a3212 48%,var(--orange) 100%)}
.product-detail__intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:clamp(30px,6vw,90px);align-items:start;margin-bottom:50px}
.product-detail__intro h2{margin:0;font-size:clamp(40px,4.6vw,74px);line-height:.95}
.product-detail__intro h2 span{display:block;color:var(--orange)}
.product-detail__intro p{margin:0 0 26px;color:#adb1b8;font-size:18px;max-width:480px}
.product-detail__features h2{font-size:clamp(24px,2.4vw,34px)}
.product-detail__features .feature-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:24px;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:var(--orange);background:rgba(255,255,255,.03)}
.product-detail__features .feature-icon svg{width:24px;height:24px}
.product-detail__features article:hover .feature-icon{border-color:var(--orange);background:rgba(240,75,35,.1)}
@keyframes product-slide-in{from{opacity:.15;transform:translateX(22px)}to{opacity:1;transform:none}}
@media(max-width:900px){.product-slider__controls{grid-template-columns:1fr}.product-slider__arrows{justify-content:flex-end}.product-feature__visual{min-height:460px}}
@media(max-width:1024px){.product-detail__intro{grid-template-columns:1fr;gap:22px}}
@media(max-width:640px){.product-slider__tabs{display:flex;overflow-x:auto;scrollbar-width:none}.product-slider__tabs::-webkit-scrollbar{display:none}.product-slider__tabs button{min-width:108px}.product-feature__copy h2{font-size:clamp(58px,22vw,94px)}.product-feature__visual{min-height:360px}.product-detail__visual{min-height:220px}.product-detail__ghost{font-size:28vw}.product-detail__index{right:16px;bottom:14px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.product-slide.is-active{animation:none}}

/* Match XPEL's live responsive content gutter: 7.14vw desktop, 6.4vw below 1050px. */
@media(max-width:1049px){:root{--pad:6.4vw}}

/* Product packshots stay still; motion is reserved for slide transitions. */
.product-feature__visual img,.product-feature__visual:hover img{animation:none;transform:none}

/* Product navigation, news board and social footer */
.site-nav{gap:clamp(18px,2vw,38px)}
.site-nav__item{position:relative;display:flex;align-items:center}
.site-nav__item>a{position:relative;padding:12px 0;font-size:14px;font-weight:700}
.site-nav__item>a:after{position:absolute;right:0;bottom:4px;left:0;height:2px;background:var(--orange);content:"";transform:scaleX(0);transform-origin:right;transition:.25s}
.site-nav__item>a:hover:after,.site-nav__item>a.is-active:after{transform:scaleX(1);transform-origin:left}
.site-nav__submenu-toggle{width:24px;height:32px;margin-left:3px;border:0;color:inherit;background:transparent;cursor:pointer}
.site-nav__submenu-toggle>span:last-child{display:block;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
.site-nav__submenu{position:absolute;top:calc(100% + 10px);left:-28px;width:240px;padding:10px;background:rgba(12,13,16,.98);border:1px solid #303238;box-shadow:0 20px 45px rgba(0,0,0,.32);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s var(--ease)}
.site-nav__submenu:before{position:absolute;right:0;bottom:100%;left:0;height:12px;content:""}
.site-nav__submenu a{display:grid;grid-template-columns:28px 1fr;align-items:center;min-height:44px;padding:8px 12px;color:#b8bbc2;font-size:13px;font-weight:700;letter-spacing:.025em}
.site-nav__submenu a:after{display:none}.site-nav__submenu a span{color:var(--orange);font-size:9px;letter-spacing:.08em}
.site-nav__submenu a:hover,.site-nav__submenu a:focus-visible{color:#fff;background:#1d1f24}
.site-nav__item:hover .site-nav__submenu,.site-nav__item:focus-within .site-nav__submenu,.site-nav__item.is-open .site-nav__submenu{opacity:1;visibility:visible;transform:none}
.site-nav__item.is-open .site-nav__submenu-toggle>span:last-child{transform:rotate(225deg) translate(-1px,-1px)}
.footer-social{display:flex;align-items:center;gap:10px}.social-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid #34363b;color:#8e929a}.social-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6}.social-icon:first-child svg path:first-child{fill:currentColor;stroke:none}.social-icon__play,.social-icon__dot{fill:#090a0d!important;stroke:none!important}.social-icon.is-disabled{cursor:default;opacity:.72}
.footer-meta{display:flex;align-items:center;gap:18px}.footer-admin{display:inline-flex;min-height:34px;align-items:center;gap:8px;padding:0 13px;border:1px solid #3a3d43;color:#aeb2b9;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:border-color .18s,color .18s,background .18s}.footer-admin:hover{border-color:var(--orange);background:rgba(240,74,35,.08);color:#fff}.footer-admin:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.footer-admin span{color:var(--orange);font-size:14px}
.product-category-nav{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-top:1px solid #bbb;border-bottom:1px solid #bbb}.product-category-nav a{display:flex;min-height:68px;align-items:center;justify-content:space-between;padding:15px 18px;font-size:13px;font-weight:800;letter-spacing:.04em}.product-category-nav a+a{border-left:1px solid #bbb}.product-category-nav a span{color:var(--orange);font-size:10px}.product-category-nav a:hover{background:#111;color:#fff}
.product-intro .product-category-nav{grid-column:1/-1;width:100%}
.product-category-placeholder{scroll-margin-top:100px;padding:70px 0;border-top:1px solid #c9c9c5}.product-category-placeholder:first-child{border-top:0}.product-category-placeholder__grid{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:30px;align-items:center}.product-category-placeholder small{color:var(--orange);font-size:11px;letter-spacing:.14em}.product-category-placeholder h2{margin:0;font-size:clamp(34px,4vw,60px)}.product-category-placeholder p{max-width:400px;margin:0;color:#6c7076}
.news-hero{padding:clamp(180px,22vh,245px) 0 80px;background:#0b0c0f;color:#fff}.news-hero h1{margin:0;font-size:clamp(66px,9vw,140px);line-height:.9}.news-board{padding-block:clamp(75px,8vw,130px)}.news-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:35px}.news-toolbar h2{margin:0;font-size:clamp(32px,4vw,54px)}.news-search{display:flex;width:min(100%,420px);border-bottom:1px solid #999}.news-search input{width:100%;padding:12px 4px;border:0;background:transparent;outline:0}.news-search button{border:0;background:transparent;font-weight:800;cursor:pointer}.news-list{border-top:2px solid #111}.news-row{display:grid;grid-template-columns:90px minmax(0,1fr) 140px;gap:24px;align-items:center;min-height:106px;border-bottom:1px solid #ccc}.news-row__number{color:#999;font-size:12px}.news-row h2{margin:0 0 5px;font-size:23px}.news-row p{margin:0;color:#73767b;font-size:13px}.news-row time{color:#777;font-size:12px;text-align:right}.news-empty{padding:90px 20px;border-bottom:1px solid #ccc;text-align:center}.news-empty strong{display:block;margin-bottom:8px;font-size:23px}.news-empty p{margin:0;color:#777}.news-article{max-width:980px;padding-block:clamp(150px,17vw,230px) 120px}.news-article__meta{color:var(--orange);font-size:11px;letter-spacing:.12em}.news-article h1{margin:24px 0 25px;font-size:clamp(44px,6vw,82px)}.news-article time{color:#777;font-size:13px}.news-article__body{margin-top:60px;padding-top:45px;border-top:1px solid #bbb;font-size:18px;line-height:1.8;white-space:pre-line}.news-back{margin-top:60px}
@media(max-width:1024px){.site-nav{max-height:calc(100dvh - 76px);overflow-y:auto}.site-nav__item{display:grid;grid-template-columns:1fr auto}.site-nav__item>a{padding:15px 0;border-bottom:1px solid #26272b;font-size:20px}.site-nav__submenu-toggle{width:48px;height:54px;border-bottom:1px solid #26272b}.site-nav__submenu{position:static;display:none;grid-column:1/-1;width:100%;padding:4px 0 10px;border:0;box-shadow:none;opacity:1;visibility:visible;transform:none}.site-nav__item.is-open .site-nav__submenu{display:block}.site-nav__submenu a{min-height:42px;padding-left:20px}.product-category-nav{grid-template-columns:1fr 1fr}.product-category-nav a:nth-child(3){border-left:0;border-top:1px solid #bbb}.product-category-nav a:nth-child(4){border-top:1px solid #bbb}.product-category-placeholder__grid{grid-template-columns:70px 1fr}.product-category-placeholder p{grid-column:2}.footer-bottom{gap:20px}}
@media(max-width:640px){.product-category-nav{grid-template-columns:1fr}.product-category-nav a+a,.product-category-nav a:nth-child(3),.product-category-nav a:nth-child(4){border-left:0;border-top:1px solid #bbb}.product-category-placeholder__grid{grid-template-columns:1fr;gap:12px}.product-category-placeholder p{grid-column:auto}.news-toolbar{align-items:stretch;flex-direction:column}.news-search{width:100%}.news-row{grid-template-columns:44px 1fr;gap:14px;padding:20px 0}.news-row time{grid-column:2;text-align:left}.footer-meta{order:2;flex-wrap:wrap}.footer-social{order:3}}
.page-news-detail .site-header{background:#0b0c0f}

/* The global menu bar spans the viewport independently from content gutters. */
.site-header{width:100%;max-width:none;padding-inline:32px}
@media(max-width:1024px){.site-header{padding-inline:20px}}
@media(max-width:640px){.site-header{padding-inline:16px}}

/* Home principles: open, icon-led cards instead of a rigid divided table. */
.three-pillars{overflow:hidden;background:radial-gradient(circle at 88% 10%,#202329 0,transparent 34%),var(--ink)}
.three-pillars h2{max-width:900px;margin-bottom:clamp(52px,6vw,88px)}
.three-pillars .pillar-grid{gap:18px;border:0}
.three-pillars .pillar-grid article,.three-pillars .pillar-grid article+article{position:relative;min-height:350px;padding:32px 34px 36px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));overflow:hidden;transition:border-color .35s var(--ease),background .35s var(--ease),transform .35s var(--ease)}
.three-pillars .pillar-grid article:after{position:absolute;right:-42px;bottom:-72px;width:180px;height:180px;border:1px solid rgba(240,75,35,.18);border-radius:50%;content:"";transition:transform .45s var(--ease),border-color .35s var(--ease)}
.three-pillars .pillar-grid article:hover{border-color:rgba(240,75,35,.6);background:linear-gradient(145deg,rgba(240,75,35,.09),rgba(255,255,255,.025));transform:translateY(-5px)}
.three-pillars .pillar-grid article:hover:after{border-color:rgba(240,75,35,.45);transform:scale(1.12)}
.pillar-grid__top{display:flex;align-items:flex-start;justify-content:space-between}
.three-pillars .pillar-grid__top span{padding-top:4px;font-weight:800;letter-spacing:.14em}
.pillar-grid__top svg{width:82px;height:82px;fill:none;stroke:var(--orange);stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.three-pillars .pillar-grid h3{margin:82px 0 14px;font-size:clamp(30px,3vw,44px)}
.three-pillars .pillar-grid p{position:relative;z-index:1;max-width:390px;margin:0;font-size:16px;line-height:1.7}
@media(max-width:1024px){.three-pillars .pillar-grid{grid-template-columns:1fr 1fr}.three-pillars .pillar-grid article:last-child{grid-column:1/-1}.three-pillars .pillar-grid article{min-height:320px}}
@media(max-width:640px){.three-pillars .pillar-grid{grid-template-columns:1fr;gap:12px}.three-pillars .pillar-grid article,.three-pillars .pillar-grid article+article{min-height:280px;padding:26px;border:1px solid rgba(255,255,255,.1)}.three-pillars .pillar-grid article:last-child{grid-column:auto}.pillar-grid__top svg{width:68px;height:68px}.three-pillars .pillar-grid h3{margin-top:58px}.three-pillars .pillar-grid article:hover{transform:none}}

/* Dedicated global hero artwork and one shared subpage hero height. */
.subhero--product{background-image:url('/assets/images/hero-products-finished-v2.webp');background-position:center}
.subhero--technology{background-image:url('/assets/images/hero-technology-global.webp');background-position:center}
.subhero--partners{background-image:url('/assets/images/hero-partners-global.webp');background-position:center}
.subhero--news{background-image:url('/assets/images/hero-news-global.webp');background-position:center}
.subhero--contact{background-image:url('/assets/images/hero-contact-global.webp');background-position:center}
.subhero__description{max-width:620px;margin:32px 0 0;color:#d0d2d6;font-size:18px;line-height:1.65}
@media(max-width:640px){.subhero__description{max-width:520px;margin-top:24px;font-size:16px}}

/* Product benefits use the same open, icon-led card language as the home principles. */
.product-detail__features{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;padding-top:0;border:0}
.product-detail__features article,.product-detail__features article+article{position:relative;grid-column:span 2;min-width:0;min-height:330px;padding:30px 30px 34px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));overflow:hidden;transition:border-color .35s var(--ease),background .35s var(--ease),transform .35s var(--ease)}
.product-detail__features article:after{position:absolute;right:-48px;bottom:-78px;width:190px;height:190px;border:1px solid rgba(240,75,35,.16);border-radius:50%;content:"";transition:transform .45s var(--ease),border-color .35s var(--ease)}
.product-detail__features article:nth-last-child(2):nth-child(3n + 1){grid-column:2/span 2}
.product-detail__features article:hover{border-color:rgba(240,75,35,.6);background:linear-gradient(145deg,rgba(240,75,35,.09),rgba(255,255,255,.025));transform:translateY(-5px)}
.product-detail__features article:hover:after{border-color:rgba(240,75,35,.42);transform:scale(1.12)}
.product-detail__features .feature-icon{display:block;width:88px;height:88px;margin:0;border:0;border-radius:0;color:var(--orange);background:transparent}
.product-detail__features .feature-icon svg{width:88px;height:88px;stroke-width:1.35}
.product-detail__features article:hover .feature-icon{border:0;background:transparent}
.product-detail__features h2{position:relative;z-index:1;margin:76px 0 14px;font-size:clamp(27px,2.25vw,38px);line-height:1.12}
.product-detail__features p{position:relative;z-index:1;max-width:420px;margin:0;font-size:15px;line-height:1.7}
@media(max-width:1024px){.product-detail__features{grid-template-columns:repeat(2,minmax(0,1fr))}.product-detail__features article,.product-detail__features article+article,.product-detail__features article:nth-last-child(2):nth-child(3n + 1){grid-column:auto;min-height:310px}}
@media(max-width:640px){.product-detail__features{grid-template-columns:1fr;gap:12px}.product-detail__features article,.product-detail__features article+article{min-height:280px;padding:26px}.product-detail__features .feature-icon,.product-detail__features .feature-icon svg{width:72px;height:72px}.product-detail__features h2{margin-top:54px}.product-detail__features article:hover{transform:none}}

/* Keep the home campaign headline to exactly two intentional lines. */
.home-hero h1{max-width:none;font-size:clamp(48px,7.6vw,132px)}
.home-hero h1>span,.home-hero h1>em{display:block;white-space:nowrap}
@media(max-width:640px){.home-hero h1{font-size:clamp(36px,11vw,54px)}}

/* Dedicated MITO homepage supercar campaign artwork. */
.home-hero__media{background-image:url('/assets/images/hero-home-supercar.webp');background-position:center}
@media(max-width:640px){.home-hero__media{background-position:62% center}}

/* Purpose-built crops for the three Protection in practice images. */
.application-card--wide img{object-position:center 45%}
.application-card:nth-child(2) img{object-position:center 48%}
.application-card:nth-child(3) img{object-position:center 52%}