/* Digital NorthPower Group – uppdaterad visuell profil, november 2026. */
:root{--navy:#030e1b;--panel:#0b2030;--green:#baff00;--text:#f0f4f6;--silver:#dce3e8;--muted:#afbdca;--line:#415565;background:var(--navy)}
body{background:radial-gradient(ellipse at 95% 14%,#1668251a,transparent 34%),radial-gradient(ellipse at 0 50%,#12344b2b,transparent 42%),var(--navy)}
.header{min-height:112px;border-color:#9dabb944}.header-brand-img{width:220px;height:105px;object-fit:contain}.footer .header-brand-img{width:210px;height:105px}.brand{white-space:normal}
.header nav a{font-weight:500}.nav-contact{border-radius:30px;background:linear-gradient(130deg,#233949,#0a1826 48%,#253442);border-color:#9ba7af;box-shadow:inset 0 1px #ffffff38}
.hero{grid-template-columns:1fr 1.07fr;gap:36px;min-height:700px;padding-block:65px 72px;position:relative}
.hero h1{font-size:clamp(45px,4.8vw,71px);font-weight:650;letter-spacing:-2.9px}.hero h1 em{color:var(--green);text-shadow:0 0 34px #baff0012}.hero .eyebrow{color:#c3cfd8;letter-spacing:1.8px}.intro{font-size:16px}.hero-note{color:#a5b5c3}
.north-art.supplied-brand{max-width:640px;border-radius:32px;overflow:hidden;border:1px solid #91a7b5;background:#041422;box-shadow:0 0 0 4px #263b4e66,inset 0 1px 2px #fff,0 25px 80px #0006,0 0 65px #aaff0010;position:relative}
.north-art.supplied-brand:before{content:"";height:3px;position:absolute;top:0;left:10%;right:10%;background:linear-gradient(90deg,transparent,#eff7f9,var(--green),transparent);z-index:1}.supplied-brand>img{aspect-ratio:3/2;object-fit:contain}.supplied-brand .art-caption{background:#041321;border-top:1px solid #657d7955;padding:22px;font-size:8px}
.primary{border-radius:30px;background:linear-gradient(125deg,#d4ff54,#baff00 50%,#80b600);border:1px solid #d8ff84;box-shadow:inset 0 1px #f6ffd9,0 4px 22px #baff0014;padding:17px 24px}.primary:hover{background:linear-gradient(125deg,#e5ff9c,#caff44)}
.principles{background:linear-gradient(90deg,#0c1e2d,#0a1926);border-color:#6d849455}.principles span:before{content:"↗"}.section-heading h2,.about h2{color:#e4eaf0}.section-heading{margin-bottom:42px}
.product{border:1px solid #96a7b6;border-radius:28px;background:linear-gradient(140deg,#112a3a,#061421 55%);box-shadow:inset 0 1px #e7f5ff55,0 0 0 3px #3f52623d,0 24px 45px #0003;margin-bottom:36px;position:relative;isolation:isolate}
.product:before{content:"";position:absolute;height:2px;top:0;left:8%;right:8%;background:linear-gradient(90deg,transparent,#e7eff2,var(--green),transparent);z-index:1}
.product-copy{padding:35px 38px 38px;display:flow-root}.product-top{margin-bottom:27px}.product-category{margin-bottom:22px}.product-logo{width:132px;height:132px;object-fit:contain;float:left;margin:0 20px 22px 0;border-radius:21px;box-shadow:0 8px 25px #0003}.product .product-logo+h3{font-size:34px;margin-top:28px;line-height:1.15;min-height:104px;letter-spacing:-1.1px}.product-copy>p:not(.eyebrow){clear:both}.product h3 span{color:var(--green)}.product-copy>.text-link{font-size:12px}.pill{border-radius:20px;border-color:#baff0059;padding:8px 12px;background:#baff0009;font-size:10px}.product-number{color:#bfcedb}
.product-visual,.crew .product-visual{background:radial-gradient(ellipse at 85% 50%,#7bff0025,transparent 65%),linear-gradient(145deg,#091f2d,#020c16);border-color:#71879166;position:relative}.product-visual:before{content:"";width:130%;height:18%;border-top:2px solid #baff00aa;border-radius:50%;position:absolute;top:20%;left:-10%;transform:rotate(-22deg);box-shadow:0 -12px 36px #8dff001c;z-index:-1}
.mock-app,.crew .mock-app{border-radius:19px;border:1px solid #acbac6;background:#04111f;box-shadow:0 20px 45px #0008,inset 0 1px #fff;transform:perspective(1200px) rotateY(-4deg)}.mock-header{background:linear-gradient(135deg,#1b3244,#0a1d2c);padding:19px}.mock-body{padding-top:25px}.mock-tabs span:first-child{color:var(--green)}.chart>div{background:linear-gradient(#d0ff53,#86c000);box-shadow:0 0 18px #baff000c}.chart>div:nth-child(2n){background:linear-gradient(#f1f4f6,#8c9eac 70%,#465b6a)}.shift{border-color:#9dcc4e;background:#baff0015;color:#dcff96}.shift-b{border-color:#7c94a6;background:#b7d0e21a;color:#d4e1eb}.visual-note{color:#acbdc9}
.future-concept{display:flex;align-items:center;gap:25px;border:1px solid #627a8b;border-radius:22px;padding:23px 28px;background:linear-gradient(120deg,#102838,#051320);margin-top:14px}.future-concept img{height:100px;width:100px;object-fit:contain;border-radius:17px}.future-concept h3{font-size:25px;margin:6px 0 10px;letter-spacing:-.5px}.future-concept h3 span{color:var(--green)}.future-concept .eyebrow{font-size:8px;margin:0}.future-concept p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.6;margin:0}.future-concept>.pill{margin-left:auto;white-space:nowrap}
.about{background:linear-gradient(120deg,#112637,#081725);border-color:#526a7c}.about-values{border-color:#74879455}.about-values strong{color:#e3eaf0}.silver-text{background:linear-gradient(160deg,#f2f5f8,#97a7b7 65%,#d2dce4);color:transparent;background-clip:text}
.contact-box{border:1px solid #a9b8bd;border-radius:28px;background:radial-gradient(ellipse at 100% 100%,#a5ff0017,transparent 60%),linear-gradient(135deg,#122b3a,#051320);box-shadow:inset 0 1px #ffffff66,0 0 0 3px #334b573d}.contact-status{border-color:#a3c17455}.contact-status h3{font-size:22px}.contact-box .contact-email{color:var(--green)}.privacy details{border-color:#6d819166}.footer{border-color:#687e8e66}.outlined-arrow{text-shadow:0 0 24px #baff0030}
@media(min-width:1500px){.hero{min-height:760px}.hero h1{font-size:74px}}
@media(max-width:1050px) and (min-width:761px){.hero{grid-template-columns:1fr 1fr;gap:28px;min-height:600px}.hero h1{font-size:51px}.header-brand-img{width:190px}.product-copy{padding:30px 26px}.product-logo{width:100px;height:100px;margin-right:14px}.product .product-logo+h3{font-size:28px;min-height:80px;margin-top:20px}.contact-box{padding:35px;gap:35px}}
@media(max-width:760px){.header{min-height:92px}.header-brand-img{width:164px;height:87px}.header nav{padding-top:6px}.header .nav-contact{border-radius:0;background:none;box-shadow:none}.hero{grid-template-columns:1fr;gap:34px;min-height:0;padding-block:38px 42px}.hero h1{font-size:clamp(42px,8.5vw,61px);letter-spacing:-2px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.intro{font-size:15px}.north-art.supplied-brand{max-width:520px;border-radius:22px;order:-1}.supplied-brand .art-caption{padding:17px 12px;font-size:7px;letter-spacing:.6px}.hero-copy .hero-note{margin-bottom:0}.hero .actions{gap:22px}.primary{padding:15px 19px}.product{border-radius:23px;margin-bottom:28px}.product-copy{padding:27px 24px}.product-top{margin-bottom:24px}.product-logo{width:110px;height:110px;margin-right:16px}.product .product-logo+h3{font-size:clamp(25px,5.5vw,33px);margin-top:24px;min-height:87px;letter-spacing:-.8px}.product-visual{padding:32px 25px}.future-concept{padding:20px;gap:18px;flex-wrap:wrap}.future-concept img{width:80px;height:80px}.future-concept>div{flex:1;min-width:130px}.future-concept h3{font-size:21px}.future-concept p:not(.eyebrow){font-size:12px}.future-concept>.pill{margin-left:98px}.contact-box{border-radius:23px;padding:30px 25px}.contact-box h2{font-size:43px}.contact-status h3{font-size:20px}.footer .header-brand-img{width:172px;height:90px}.footer{grid-template-columns:1fr auto}.principles>.wrap{font-size:9px}}
@media(max-width:600px){.product-logo{float:none;width:132px;height:132px;margin:0 0 22px}.product .product-logo+h3{font-size:32px;min-height:0;margin:0 0 22px}}
@media(max-width:380px){.product-copy{padding:24px 20px}.product .pill{font-size:9px;padding:7px 9px}.contact-box{padding:27px 21px}.footer .header-brand-img{width:147px}.future-concept{padding:17px;gap:14px}}