@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--bg:#03070a;--panel:#071017;--line:rgba(169,250,247,.13);--cyan:#49e1e7;--white:#eefcfc;--muted:#9ab0b2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.page{min-height:100vh;position:relative;overflow:hidden}.back{position:absolute;top:28px;left:6vw;z-index:5;color:#bfe9e9;font-weight:700;letter-spacing:.02em}.hero-service{min-height:82vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6vw;padding:100px 8vw 70px;position:relative}.hero-service:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 75% 45%,rgba(73,225,231,.14),transparent 35%);pointer-events:none}.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--cyan);font-weight:800}.hero-service h1{font:800 clamp(48px,7vw,94px)/.95 Manrope,sans-serif;margin:18px 0}.hero-service h1 em{color:var(--cyan);font-style:normal}.hero-service .lead{max-width:680px;color:#b4c7c8;font-size:19px;line-height:1.7}.hero-img{height:520px;border-radius:28px;overflow:hidden;border:1px solid var(--line);box-shadow:0 35px 90px #000}.hero-img img{width:100%;height:100%;object-fit:cover;animation:zoom 12s ease-in-out infinite alternate}@keyframes zoom{to{transform:scale(1.07)}}.content{padding:0 8vw 100px}.content-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:50px}.panel{background:linear-gradient(145deg,#071017,#03080b);border:1px solid var(--line);border-radius:24px;padding:36px}.panel h2{font:800 34px Manrope;margin:0 0 16px}.panel p,.panel li{color:#aabfc0;line-height:1.75}.panel ul{padding-left:20px}.cta{display:inline-flex;margin-top:20px;padding:15px 21px;border-radius:999px;background:var(--cyan);color:#031013;font-weight:800}.facts{display:grid;gap:18px;align-content:start}.fact-photo{height:360px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#071017;box-shadow:0 18px 45px rgba(0,0,0,.22)}.fact-photo img{width:100%;height:100%;display:block;object-fit:cover}.facts .fact{background:linear-gradient(145deg,#071017,#03080b)}.fact{padding:18px;border:1px solid var(--line);border-radius:16px}.fact b{display:block;color:var(--cyan);font-size:12px;letter-spacing:.15em;margin-bottom:6px}.fact span{color:#d8e8e8}.foot{border-top:1px solid var(--line);padding:28px 8vw;color:#82999b;display:flex;justify-content:space-between}.other{padding:30px 8vw 100px}.other h2{font:800 34px Manrope}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#071017}.card img{width:100%;height:170px;object-fit:cover}.card div{padding:18px}.card h3{margin:0 0 8px}.card p{margin:0;color:#8ea5a7}.service-link{cursor:pointer}.service-link:hover img{transform:scale(1.05)}.service-link img{transition:transform .6s ease}.service-link>div{position:relative;z-index:2}@media(max-width:850px){.hero-service{grid-template-columns:1fr;padding:90px 6vw 45px}.hero-img{height:380px}.content,.other{padding-left:6vw;padding-right:6vw}.content-grid,.cards{grid-template-columns:1fr}.foot{padding-left:6vw;padding-right:6vw;gap:15px;flex-direction:column}}


/* V19 – shared navigation for service pages */
.site-nav{position:sticky;top:0;z-index:1000;min-height:78px;padding:12px 4vw;display:flex;align-items:center;justify-content:space-between;background:rgba(3,7,10,.90);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(169,250,247,.13)}
.site-nav .brand{display:flex;align-items:center;height:54px}.site-nav .brand img{display:block;width:58px;height:54px;object-fit:contain}
.site-nav .links{display:flex;align-items:center;gap:28px}.site-nav .links a{white-space:nowrap;color:#bfe9e9}.site-nav .links a:hover{color:#fff}.site-nav .navcta{display:inline-flex;padding:12px 18px;border-radius:999px;background:#49e1e7;color:#031013!important;font-weight:800}
.site-nav .hamb{display:none;background:none;border:0;color:#fff;font-size:25px;cursor:pointer;padding:8px}
@media(max-width:820px){.site-nav{padding:10px 5vw;min-height:72px}.site-nav .brand{height:50px}.site-nav .brand img{width:52px;height:50px}.site-nav .hamb{display:block}.site-nav .links{display:none;position:absolute;left:0;right:0;top:100%;padding:18px 5vw 24px;flex-direction:column;align-items:stretch;gap:8px;background:rgba(7,16,23,.98);border-top:1px solid rgba(169,250,247,.13)}.site-nav.open .links{display:flex}.site-nav .links a{padding:10px 8px}.site-nav .links .navcta{text-align:center;margin-top:5px}}


/* V40 – bildebakgrunn for hele Laserrengjøring-siden */
.laser-page{
  background-image:linear-gradient(rgba(3,7,10,.72),rgba(3,7,10,.78)),url("assets/laser-background.jpg");
  background-size:cover;
  background-position:center center;
  background-attachment:fixed;
}
.laser-page .hero-service:after{
  background:linear-gradient(90deg,rgba(3,7,10,.18),rgba(3,7,10,.04)),radial-gradient(circle at 75% 45%,rgba(73,225,231,.12),transparent 35%);
}
.laser-page .panel,.laser-page .fact,.laser-page .card{
  background:rgba(3,10,13,.72);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}
.laser-nav{
  background-image:linear-gradient(rgba(3,7,10,.82),rgba(3,7,10,.82)),url("assets/laser-background.jpg");
  background-size:cover;
  background-position:center 28%;
}
@media(max-width:850px){.laser-page{background-attachment:scroll}}