/* MAX CUSTOM – versjon 2: rolig premium industrielt uttrykk */
:root{--orange:#f88c3f;--focus:#ffad67}
body{background:#0b1417;color:#f2f5f4;-webkit-font-smoothing:antialiased}
.top,.nav{background:#0b1316e8;backdrop-filter:blur(12px)}
.top .brand{letter-spacing:-1.3px}
.top .links a{transition:color .2s ease}
.btn,.add,.cart{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}
.btn:hover,.add:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ff812724}
.btn:focus-visible,.showcase-control:focus-visible,.showcase-dot:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #ffb178;outline-offset:3px}
.demo,.banner{background:#182528!important;color:#d2dedf!important;font-weight:500!important;border-bottom:1px solid #354348!important;letter-spacing:.13px}
.hero{min-height:560px;position:relative;background:radial-gradient(ellipse at 70% 50%,#1b2b2f 0%,#0b1417 67%)}
.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,#e17c2707 1px,transparent 1px) 0 0/38px 38px;opacity:.3;pointer-events:none}
.hero-grid{grid-template-columns:43% 57%;min-height:545px;position:relative;align-items:stretch;gap:0}
.hero-text{padding:78px 28px 74px 0;align-self:center;position:relative;z-index:3}
.hero .hero-text h1{font-size:clamp(45px,4.6vw,72px);line-height:1.015;letter-spacing:-2.6px;margin-bottom:26px}
.hero .hero-text p{font-size:18px;line-height:1.63;color:#cdd8d8;max-width:500px;margin-bottom:29px}
.hero-eyebrow,.section-eyebrow{font-size:11px;font-weight:800;letter-spacing:2.5px;color:#ffad73;text-transform:uppercase}
.hero-eyebrow{margin-bottom:23px;display:flex;align-items:center;gap:12px}
.hero-eyebrow:before{content:'';height:2px;width:32px;background:var(--orange)}
.hero-promise{margin-top:34px;font-size:12px;letter-spacing:.2px;color:#9fb1b3;display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.hero-promise i{width:4px;height:4px;background:#e68c4b;border-radius:50%;display:inline-block}
.hero .btn{border-radius:7px}
/* banner */
.showcase-banner{min-width:0;position:relative;overflow:hidden;isolation:isolate;margin:24px -35px 24px 0;border:1px solid #34464a;border-radius:16px;background:#1b282c;box-shadow:0 30px 70px #0006}
.showcase-banner:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 38%,#070d0f18 45%,#070d0ff5 96%)}
.showcase-stage{position:absolute;inset:0;z-index:0;overflow:hidden}
.showcase-fallback{position:absolute;inset:0;background-size:cover;background-position:center}
.showcase-layer{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;overflow:hidden;display:grid;place-items:center}
.showcase-layer.is-active{opacity:1;z-index:1}
.showcase-backdrop{position:absolute;inset:-36px;background-size:cover;background-position:center;filter:blur(32px) brightness(.47) saturate(.85);transform:scale(1.16)}
.showcase-image{display:block;position:relative;width:100%;height:100%;object-fit:contain;object-position:center 40%;padding:10px 0 125px;filter:drop-shadow(0 18px 25px #0007);transform:scale(1.012);transition:transform 7s ease}
.showcase-layer.is-active .showcase-image{transform:scale(1.075)}
.showcase-top{position:absolute;top:23px;left:24px;right:24px;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:14px}
.showcase-chip{font-size:10px;letter-spacing:1.9px;font-weight:800;color:#f0f3f2;background:#101b1dcf;border:1px solid #9aa9a933;border-radius:4px;padding:9px 11px}
.showcase-counter{font-size:12px;font-weight:800;letter-spacing:1.3px;color:#fff;text-shadow:0 1px 7px #000}
.showcase-counter .soft{color:#aabbbb}
.showcase-caption{position:absolute;bottom:67px;left:27px;right:28px;z-index:3}
.showcase-caption .showcase-category{display:block;color:#ffb37b;letter-spacing:2.1px;font-size:10px;font-weight:800;margin-bottom:8px}
.showcase-caption h2{margin:0 0 7px;font-size:clamp(22px,2.15vw,31px);letter-spacing:-.5px;line-height:1.12;color:#f8f9f9}
.showcase-caption p{margin:0 0 14px;font-size:13px;line-height:1.45;color:#dce1e0;max-width:420px}
.showcase-caption a{font-size:12px;font-weight:800;color:#ffc398;text-decoration:none;border-bottom:1px solid #ffba8d99;padding-bottom:3px}
.showcase-caption a:hover{color:white}
.showcase-bottom{position:absolute;bottom:14px;left:24px;right:24px;z-index:3;display:flex;gap:12px;align-items:center;justify-content:space-between}
.showcase-dots{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.showcase-dot{width:19px;height:3px;background:#bec7c786;border:0;padding:0;border-radius:3px;cursor:pointer;transition:width .25s ease,background-color .25s ease}
.showcase-dot.is-active{background:#ff9a58;width:36px}
.showcase-buttons{display:flex;gap:8px;align-items:center}
.showcase-control{width:33px;height:33px;display:grid;place-items:center;border:1px solid #c7d5d562;background:#0712148c;color:white;border-radius:6px;cursor:pointer;font-size:16px;line-height:1}
.showcase-control:hover{background:#ff8127;color:#141414;border-color:#ff8127}
.showcase-pause{width:auto;padding:0 12px;font-size:11px;font-weight:800}
.showcase-note{position:absolute;top:69px;right:24px;z-index:3;font-size:10px;color:#e1e3e2;background:#101b1d99;padding:5px 7px;border-radius:3px}
/* more refined cards */
.feature,.product,.cap,.steps>div{transition:transform .23s ease,border-color .23s ease,box-shadow .23s ease}
.feature:hover,.product:hover,.cap:hover{transform:translateY(-3px);border-color:#6b7878;box-shadow:0 14px 42px #0003}
.feature{border-radius:12px}.product{border-radius:10px}.product img{transition:transform .45s ease}.product:hover img{transform:scale(1.055)}
.section-title{padding-top:12px}.section-title h2{letter-spacing:-.65px}
.cap{border-radius:10px}.guide,.card,.preview,.panel{border-radius:13px}
/* Entrance transitions only applied when JS successfully loads */
.motion-ready .reveal-item{opacity:0;transform:translateY(15px);transition:opacity .75s ease,transform .75s ease}
.motion-ready .reveal-item.is-visible{opacity:1;transform:translateY(0)}
.form-status{margin-top:15px;padding:13px 15px;border-radius:8px;border:1px solid #526367;background:#172a2e;color:#dce8e9;font-size:14px;line-height:1.5;display:none}
.form-status[data-state='sending']{display:block;border-color:#7a7865;color:#f0dfba}
.form-status[data-state='ok']{display:block;border-color:#6b9a7b;background:#1a3429;color:#d7f4dd}
.form-status[data-state='feil']{display:block;border-color:#a36e64;background:#382623;color:#ffe0d9}
button[disabled]{opacity:.65;cursor:wait}
.honeypot-field{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
@media(max-width:1100px){.hero-grid{grid-template-columns:48% 52%}.showcase-banner{margin-right:0}.hero-text{padding-right:20px}.hero .hero-text h1{font-size:clamp(40px,4.4vw,60px)}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr 1fr;min-height:500px}.hero-text{padding-top:55px;padding-bottom:55px}.hero .hero-text h1{font-size:43px}.hero .hero-text p{font-size:16px}.showcase-banner{margin:18px 0}.showcase-image{padding-bottom:145px}.showcase-caption{bottom:66px;left:17px;right:17px}.showcase-caption h2{font-size:23px}.showcase-caption p{font-size:12px}}
@media(max-width:650px){.hero-grid{grid-template-columns:1fr;min-height:0}.hero-text{padding:42px 0 27px}.hero .hero-text h1{font-size:clamp(42px,9vw,54px)}.hero .hero-text p{font-size:16px}.hero-promise{margin-top:21px}.showcase-banner{height:430px;margin:0 0 22px}.showcase-image{padding-bottom:138px;object-position:center 36%}.showcase-top{top:17px;left:16px;right:16px}.showcase-note{top:61px;right:16px}.showcase-caption{left:17px;right:17px;bottom:62px}.showcase-caption h2{font-size:24px}.showcase-bottom{left:17px;right:17px}.showcase-pause{padding:0 8px}.showcase-control{width:31px;height:31px}}
@media(prefers-reduced-motion:reduce){.showcase-layer,.showcase-image,.motion-ready .reveal-item,.product img{transition:none!important;animation:none!important}.showcase-layer.is-active .showcase-image{transform:none}.reveal-item{opacity:1!important;transform:none!important}}