:root{--forest-deep:#0d1c10;--forest-mid:#16301c;--card-bg:#132018;--mist:#c4d5be;--mist-lt:#dfe9db;--mist-faint:#edf2eb;--green-accent:#4a8a55;--green-lt:#6aad76;--text:#e5ede2;--text-mid:#a8c0a3;--text-soft:#6a8a65;--border:#243f2a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--forest-deep);color:var(--text);font-family:DM Sans,sans-serif;overflow-x:hidden}h1,h2,h3,h4{text-wrap:balance;font-family:Fraunces,serif}a{color:inherit;text-decoration:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes mistRise1{0%{opacity:0;transform:translateY(0)translate(0)scale(1)}10%{opacity:.65}60%{opacity:.5}to{opacity:0;transform:translateY(-30vh)translate(4%)scale(1.6)}}@keyframes mistRise2{0%{opacity:0;transform:translateY(0)translate(0)scale(1)}10%{opacity:.55}60%{opacity:.4}to{opacity:0;transform:translateY(-26vh)translate(-5%)scale(1.5)}}@keyframes mistRise3{0%{opacity:0;transform:translateY(0)translate(0)scale(1)}10%{opacity:.7}60%{opacity:.52}to{opacity:0;transform:translateY(-34vh)translate(3%)scale(1.65)}}@keyframes mistRise4{0%{opacity:0;transform:translateY(0)translate(0)scale(1)}10%{opacity:.48}60%{opacity:.35}to{opacity:0;transform:translateY(-22vh)translate(-3%)scale(1.4)}}@keyframes mistRise5{0%{opacity:0;transform:translateY(0)translate(0)scale(1)}10%{opacity:.62}60%{opacity:.45}to{opacity:0;transform:translateY(-28vh)translate(6%)scale(1.55)}}@keyframes mistRise6{0%{opacity:0;transform:translateY(0)translate(0)scale(1)}10%{opacity:.52}60%{opacity:.38}to{opacity:0;transform:translateY(-24vh)translate(-6%)scale(1.45)}}@keyframes mistRise7{0%{opacity:0;transform:translateY(0)translate(0)scale(1)}10%{opacity:.58}60%{opacity:.42}to{opacity:0;transform:translateY(-20vh)translate(3%)scale(1.45)}}@keyframes mistRise8{0%{opacity:0;transform:translateY(0)translate(0)scale(1)}10%{opacity:.6}60%{opacity:.44}to{opacity:0;transform:translateY(-32vh)translate(-4%)scale(1.6)}}nav{z-index:100;background:color-mix(in srgb, var(--forest-deep) 80%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #4a8a551a;justify-content:space-between;align-items:center;height:68px;padding:0 2.5rem;transition:background .3s;display:flex;position:fixed;top:0;left:0;right:0}nav.scrolled{background:color-mix(in srgb, var(--forest-deep) 95%, transparent)}.nav-wordmark{color:var(--mist-lt);font-family:Fraunces,serif;font-size:1.2rem;font-weight:600}.nav-logo{align-items:center;gap:10px;display:flex}.nav-links{align-items:center;gap:2.2rem;list-style:none;display:flex}.nav-links a{color:var(--text-mid);letter-spacing:.02em;font-size:.87rem;transition:color .2s}.nav-links a:hover{color:var(--mist-lt)}.nav-cta{border:1px solid #c4d5be4d;border-radius:3px;padding:8px 22px;color:var(--mist-lt)!important;font-size:.85rem!important;transition:background .2s,border-color .2s!important}.nav-cta:hover{background:#c4d5be14!important;border-color:#c4d5be80!important}.hero-wrap{align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:1;background-image:url(/hero.jpg);background-position:50%;background-size:cover;position:absolute;inset:0}.hero-overlay{z-index:3;background:linear-gradient(105deg,#08120aa6 0%,#0d1c1066 100%);position:absolute;inset:0}.hero-bottom-fade{z-index:4;background:linear-gradient(to bottom, transparent, var(--forest-deep));height:180px;position:absolute;bottom:0;left:0;right:0}.hero-content{z-index:5;text-align:center;flex-direction:column;align-items:center;max-width:700px;margin:0 auto;padding:140px 2.5rem 80px;display:flex;position:relative}.hero-content .hero-sub{text-align:center}.hero-badge{letter-spacing:.18em;text-transform:uppercase;color:var(--green-lt);border:1px solid #6aad7659;border-radius:2px;margin-bottom:1.6rem;padding:5px 12px;font-size:.7rem;font-weight:600;display:inline-block}.hero-sub{color:var(--text-mid);max-width:520px;margin-top:1.5rem;margin-bottom:2.8rem;font-size:1.05rem;line-height:1.9}.hero-actions{flex-wrap:wrap;gap:1rem;margin-bottom:5rem;display:flex}.fog-layer{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.fog-puff{filter:blur(18px);background:radial-gradient(at 50% 80%,#f0f5f2b3 0%,#dce8e459 40%,#0000 70%);border-radius:50%;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute}.fp1{width:55%;height:22%;animation-name:mistRise1;animation-duration:22s;animation-delay:0s;top:55%;left:-5%}.fp2{width:48%;height:18%;animation-name:mistRise2;animation-duration:28s;animation-delay:-7s;top:58%;left:25%}.fp3{width:52%;height:20%;animation-name:mistRise3;animation-duration:25s;animation-delay:-14s;top:52%;left:50%}.fp4{width:42%;height:16%;animation-name:mistRise4;animation-duration:32s;animation-delay:-4s;top:62%;left:10%}.fp5{width:58%;height:24%;animation-name:mistRise5;animation-duration:20s;animation-delay:-10s;top:50%;left:35%}.fp6{width:44%;height:18%;animation-name:mistRise6;animation-duration:30s;animation-delay:-18s;top:60%;left:-12%}.fp7{width:50%;height:20%;animation-name:mistRise7;animation-duration:26s;animation-delay:-3s;top:56%;left:62%}.fp8{width:46%;height:17%;animation-name:mistRise8;animation-duration:35s;animation-delay:-22s;top:64%;left:18%}.btn-primary{background:var(--green-accent);color:var(--mist-faint);letter-spacing:.03em;cursor:pointer;border:none;border-radius:3px;align-items:center;gap:8px;padding:13px 30px;font-size:.9rem;font-weight:600;transition:background .2s,transform .15s;display:inline-flex}.btn-primary:hover{background:var(--green-lt);transform:translateY(-1px)}.btn-ghost{color:var(--text-mid);cursor:pointer;background:0 0;border:1px solid #c4d5be40;border-radius:3px;align-items:center;padding:13px 30px;font-size:.9rem;font-weight:500;transition:border-color .2s,color .2s;display:inline-flex}.btn-ghost:hover{border-color:var(--mist);color:var(--mist-lt)}section{padding:110px 2.5rem}.section-inner{max-width:1200px;margin:0 auto}.section-label{letter-spacing:.18em;text-transform:uppercase;color:var(--green-accent);margin-bottom:1rem;font-size:.68rem;font-weight:600;display:inline-block}.section-title{color:var(--mist-lt);letter-spacing:-.02em;margin-bottom:1.2rem;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.1}.section-title em{color:var(--mist);font-style:italic;font-weight:300}.section-sub{color:var(--text-mid);max-width:540px;font-size:1rem;font-weight:300;line-height:1.85}#om-oss{background:var(--forest-mid);border-top:1px solid var(--border)}.about-grid{background:var(--border);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1px;margin-top:2.5rem;display:grid}.about-card{background:var(--card-bg);padding:2.2rem;transition:background .25s}.about-card:hover{background:#1a2e1f}.about-card-icon{width:40px;height:40px;color:var(--green-accent);margin-bottom:1.2rem}.about-card h3{color:var(--mist-lt);margin-bottom:.6rem;font-family:Fraunces,serif;font-size:1rem;font-weight:600}.about-card p{color:var(--text-mid);font-size:.87rem;font-weight:300;line-height:1.85}#tjänster{background:var(--forest-deep);border-top:1px solid var(--border)}#produkter{background:var(--forest-mid);border-top:1px solid var(--border)}.timeline-wrap{grid-template-columns:repeat(4,1fr);gap:0;margin-top:3.5rem;display:grid;position:relative}.timeline-line{background:var(--border);height:1px;position:absolute;top:10px;left:calc(12.5% - 1px);right:calc(12.5% - 1px)}.timeline-step{text-align:center;flex-direction:column;align-items:center;padding:0 1rem;display:flex;position:relative}.timeline-dot{border:1px solid var(--green-accent);background:var(--forest-deep);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:relative}.timeline-dot-inner{background:var(--green-lt);border-radius:50%;width:7px;height:7px}.timeline-body{margin-top:1.4rem}.timeline-num{letter-spacing:.14em;color:var(--text-soft);margin-bottom:.6rem;font-size:.65rem;font-weight:700}.timeline-title{color:var(--mist-faint);margin-bottom:.6rem;font-family:Fraunces,serif;font-size:1.1rem;font-weight:700}.timeline-desc{color:var(--text-mid);margin:0;font-size:.82rem;line-height:1.75}.timeline-footer{color:var(--text-soft);border-top:1px solid var(--border);margin-top:3rem;padding-top:1.5rem;font-size:.88rem;font-style:italic}#teknologi{background:var(--forest-mid)}#kontakt{background:var(--forest-deep);border-top:1px solid var(--border)}.contact-grid{grid-template-columns:1fr 1.3fr;align-items:start;gap:5rem;margin-top:3rem;display:grid}.contact-info{flex-direction:column;gap:1.1rem;margin-top:2rem;display:flex}.contact-item{color:var(--text-mid);align-items:center;gap:12px;font-size:.9rem;display:flex}.contact-icon{border:1px solid var(--border);width:34px;height:34px;color:var(--green-accent);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.form-card{background:var(--card-bg);border:1px solid var(--border);border-radius:4px;padding:2.5rem}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1.2rem;display:flex}.form-group label{letter-spacing:.1em;color:var(--text-soft);text-transform:uppercase;font-size:.7rem;font-weight:600}.form-group input,.form-group textarea,.form-group select{background:var(--forest-deep);border:1px solid var(--border);color:var(--text);border-radius:4px;outline:none;padding:11px 14px;font-family:DM Sans,sans-serif;font-size:.9rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--green-accent)}.form-group textarea{resize:vertical;min-height:120px}footer{background:var(--forest-deep);border-top:1px solid var(--border);padding:4rem clamp(2.5rem,8vw,10rem) 2.5rem}.footer-wordmark{color:var(--mist);font-family:Fraunces,serif;font-size:.95rem;font-weight:600}.footer-logo{align-items:center;gap:10px;display:flex}.footer-links{gap:1.8rem;list-style:none;display:flex}.footer-links a{color:var(--text-soft);font-size:.78rem;transition:color .2s}.footer-links a:hover{color:var(--mist)}.footer-copy{color:var(--text-soft);font-size:.78rem}@media (width<=860px){nav .nav-links{display:none}.contact-grid{grid-template-columns:1fr;gap:3rem}.timeline-wrap{grid-template-columns:1fr;gap:2.5rem}.timeline-line{width:1px;height:auto;inset:10px auto 10px 9px}.timeline-step{text-align:left;flex-direction:row;align-items:flex-start;gap:1.2rem;padding:0}.timeline-body{margin-top:0}}@media (width<=500px){section{padding:80px 1.2rem}nav{padding:0 1.2rem}footer{padding:3rem 1.2rem 2rem}.hero-content{margin-left:0;padding:120px 1.2rem 60px}}