.detail-page{background:var(--paper);color:var(--ink)}
.detail-page .site-header{position:fixed;grid-template-columns:1fr auto 1fr;background:rgba(9,13,11,.95);backdrop-filter:blur(10px)}
.detail-page .site-header nav{grid-column:1;grid-row:1;justify-content:flex-start}.detail-page .site-header .logo{grid-column:2;grid-row:1;justify-self:center;width:285px;height:72px}.detail-page .header-motto{grid-column:3;grid-row:1;justify-self:end}
.detail-hero{min-height:760px;padding:125px clamp(24px,6vw,105px) 55px;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:radial-gradient(circle at 76% 48%,rgba(88,198,56,.2),transparent 29%),linear-gradient(135deg,#070b09,#162219);color:#fff;overflow:hidden;position:relative}
.detail-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:82px 82px}.detail-copy{position:relative;z-index:2}.detail-copy h1{font:600 clamp(3.4rem,6vw,6.5rem)/1.03 Oswald,sans-serif;text-transform:uppercase;letter-spacing:-.03em;margin:20px 0}.detail-copy h1 em{font-style:normal;color:var(--green-bright)}.detail-copy>p:last-of-type{max-width:610px;color:#c8d1cb}.detail-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.detail-badges span{border:1px solid rgba(120,219,80,.4);padding:9px 12px;font-size:.7rem;font-weight:700;text-transform:uppercase}.detail-product{align-self:stretch;display:flex;align-items:flex-end;justify-content:center;position:relative;z-index:2}.detail-product>div{position:absolute;width:520px;height:570px;border-radius:48%;background:radial-gradient(ellipse,rgba(120,219,80,.2),transparent 70%);filter:blur(10px)}.detail-product img{z-index:2;max-height:670px;object-fit:contain;filter:brightness(1.04) contrast(1.05) drop-shadow(0 30px 35px #0009)}
.detail-section{position:relative;padding:105px clamp(24px,7vw,120px)}.detail-kicker{position:absolute;top:110px;left:2.2vw;writing-mode:vertical-rl;font-size:.62rem;letter-spacing:.17em;color:#68736b}.detail-section h2,.detail-cta h2{font:600 clamp(2.6rem,4.5vw,4.9rem)/1.12 Oswald,sans-serif;text-transform:uppercase;letter-spacing:-.02em;margin:12px 0 42px}.usage{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.usage-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c4cbc6}.usage-grid article{padding:30px 22px;border-right:1px solid #c4cbc6}.usage-grid article:last-child{border:0}.usage-grid span,.model small{color:#3e9c29;font-weight:800}.usage-grid h3{font:600 1.4rem Oswald,sans-serif;text-transform:uppercase;margin:16px 0 8px}.usage-grid p,.models-head>p:last-child,.model p,.model li,.operation-copy p,.fuel-content p{color:#59645c;font-size:.88rem}
.models{background:#121714;color:#fff}.models-head{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end}.models-head .eyebrow{grid-column:1/-1}.models-head h2{margin-top:0}.models-head>p:last-child{color:var(--muted)}.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}.model{padding:32px;background:#1a201c;border:1px solid #354139;min-height:360px}.model.active{border-color:var(--green)}.model h3{font:600 2rem Oswald,sans-serif;text-transform:uppercase;margin:28px 0 12px}.model p,.model li{color:#aeb9b2}.model ul{list-style:none;padding:18px 0 0;margin:20px 0 0;border-top:1px solid #354139}.model li{padding:6px 0}.model li:before{content:"+";color:var(--green);margin-right:9px}
.operation{display:grid;grid-template-columns:1fr 1fr;gap:80px}.component-list{display:grid;grid-template-columns:1fr 1fr;align-content:center;border-top:1px solid #c4cbc6}.component-list div{padding:20px 10px;border-bottom:1px solid #c4cbc6;display:flex;gap:18px}.component-list b{color:#3e9c29}.component-list span{font-weight:700}.fuel{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#dfe5e0}.fuel-content{padding-top:44px}.fuel-content p{font-size:1rem;line-height:1.8}.detail-cta{padding:90px clamp(24px,7vw,120px);background:var(--green);display:flex;align-items:center;justify-content:space-between;gap:40px}.detail-cta h2{margin-bottom:0}.detail-cta .eyebrow{color:#274f1c}.detail-cta>a{border:1px solid #25591a;padding:18px 22px;font-weight:800;text-transform:uppercase;font-size:.78rem}.detail-cta>a span{margin-left:30px}.detail-page footer{grid-template-columns:220px 1fr 1fr auto}.detail-page footer img{transform:none;background:transparent}
@media(max-width:900px){.detail-hero{grid-template-columns:1fr;min-height:auto}.detail-product{height:560px}.usage,.operation,.fuel{grid-template-columns:1fr}.usage-grid{grid-template-columns:1fr 1fr}.model-grid{grid-template-columns:1fr}.models-head{grid-template-columns:1fr}.detail-page footer{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.detail-page .site-header{grid-template-columns:1fr auto 1fr}.detail-page .site-header .logo{width:158px;height:62px}.detail-page .menu-toggle{grid-column:1;grid-row:1;justify-self:start}.detail-page .header-motto{grid-column:3;grid-row:1;font-size:.82rem}.detail-hero{padding:115px 20px 0}.detail-copy h1{font-size:3rem;line-height:1.1}.detail-product{height:460px}.detail-product img{max-height:450px}.detail-product>div{width:320px;height:390px}.detail-section{padding:75px 22px}.detail-kicker{display:none}.usage-grid{grid-template-columns:1fr}.usage-grid article{border-right:0;border-bottom:1px solid #c4cbc6}.component-list{grid-template-columns:1fr}.detail-cta{flex-direction:column;align-items:flex-start}.detail-page footer{grid-template-columns:1fr}}
