*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}:root{--bg:#0b0d0f;--text:#eef1f4}body{font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid rgba(95,209,255,.7);outline-offset:2px}*{-webkit-tap-highlight-color:transparent}:root{--bg: #0b0d0f;--panel: #121417;--text: #eef1f4;--muted: #a5adb8;--accent: #38bdf8;--radius: 14px}html{scroll-behavior:smooth}body{margin:0;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;color:var(--text);background-color:var(--bg);line-height:1.6}a{color:var(--accent);text-decoration:none}h1,h2,h3{font-family:Poppins,Inter,sans-serif;margin:0 0 .4em}.app-container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.hero{position:relative;display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;isolation:isolate;color:var(--text, #e6eef5);background:linear-gradient(180deg,#0b0d10,#0f1217 70%)}.hero__mesh,.hero__glow{position:absolute;top:-25%;left:-25%;width:150%;height:150%;background:radial-gradient(1200px 800px at 20% 10%,rgba(110,231,242,.18),transparent 70%),radial-gradient(1200px 800px at 80% 70%,rgba(57,210,227,.14),transparent 70%);filter:blur(14px);opacity:.6;pointer-events:none;z-index:0}.hero__inner{position:relative;z-index:2;text-align:center;padding:0 1rem}.hero__mesh{background-image:linear-gradient(0deg,rgba(110,231,242,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(110,231,242,.08) 1px,transparent 1px);background-size:80px 80px;opacity:.15;animation:heroMeshPulse 10s ease-in-out infinite alternate;filter:blur(.3px)}.hero__glow{inset:-20%;background:radial-gradient(900px 600px at 20% 10%,rgba(110,231,242,.18),transparent 60%),radial-gradient(900px 600px at 80% 70%,rgba(57,210,227,.14),transparent 60%);filter:blur(12px);opacity:.55}@keyframes heroMeshPulse{0%{opacity:.12}to{opacity:.22}}.hero__inner{position:relative;z-index:2;padding:72px 0;text-align:center;max-width:1100px;margin:0 auto}.hero__logo{width:min(460px,80vw);height:auto;display:block;margin:0 auto 12px;filter:drop-shadow(0 8px 28px rgba(0,0,0,.35))}.hero__title{font-size:clamp(1.9rem,3.2vw,2.8rem);line-height:1.08;margin:0;letter-spacing:.2px}.hero__title .grad{background:linear-gradient(90deg,#6ee7f2,#39d2e3);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__lead{font-size:clamp(1rem,1.3vw,1.15rem);color:var(--muted, #b6c1cc);max-width:68ch;margin:14px auto 22px}.hero__actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.hero__bullets{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;list-style:none;padding:0;margin:0}.hero__bullets li{padding:8px 12px;border:1px solid var(--nw-border, #223043);border-radius:999px;color:#cbd6e2;background:#12161d73;font-size:.93rem}@media (max-width: 720px){.hero__logo{width:min(340px,80vw);margin-bottom:8px}.hero__lead{font-size:1rem}.hero__bullets{gap:8px}.hero__bullets li{font-size:.9rem}}@media (prefers-reduced-motion: reduce){.hero__mesh{animation:none;opacity:.15}.hero__glow{transform:none!important}}@media (prefers-reduced-motion: reduce){.hero--clean .hero__glow{transform:none!important}}@media (max-width:720px){.hero--clean .hero__logo{width:min(320px,80vw)}.hero--clean .hero__trust{gap:8px}.hero--clean .hero__trust li{font-size:.9rem}}.hero__bullets{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;padding:0;list-style:none}.hero__bullets li{padding:8px 12px;border:1px solid var(--nw-border, #223043);border-radius:999px;color:#cbd6e2;background:color-mix(in oklab,var(--panel, #12161d) 92%,transparent);font-size:.95rem}.hero__glow{position:absolute;inset:-20%;background:radial-gradient(1000px 600px at 20% 10%,rgba(110,231,242,.18),transparent 60%),radial-gradient(900px 500px at 80% 40%,rgba(57,210,227,.13),transparent 60%);filter:blur(8px);z-index:0;will-change:transform}.hero__mesh{position:absolute;inset:-4px;--c: color-mix(in oklab, #6EE7F2 25%, transparent);background:linear-gradient(0deg,var(--c),var(--c)) 50%/2px 100% no-repeat,linear-gradient(90deg,var(--c),var(--c)) 50%/100% 2px no-repeat;mask:radial-gradient(circle at 50% 50%,#000 20%,transparent 60%) subtract,linear-gradient(#000,#000);opacity:.18;animation:meshPulse 8s ease-in-out infinite alternate;z-index:1;will-change:transform,opacity}@keyframes meshPulse{0%{opacity:.14}to{opacity:.26}}@media (prefers-reduced-motion: reduce){.hero__mesh{animation:none}}@media (max-width:720px){.hero__logo{width:min(420px,88vw)}.hero__bullets{gap:8px}.hero__bullets li{font-size:.9rem}}.btn{display:inline-block;padding:12px 22px;border-radius:var(--radius);font-weight:600;background:linear-gradient(180deg,#00e1ff,#00b4e6);color:#000;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00e1ff4d}.btn.ghost{background:transparent;border:1px solid #2a323b;color:var(--text)}.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}.cards{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px}.card{flex:1 1 300px;background:var(--panel);border:1px solid #232a32;border-radius:var(--radius);padding:20px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #00000040;border-color:#2a323b}.card-img{width:100%;height:180px;overflow:hidden;border-radius:10px;margin-bottom:14px;border:1px solid #232a32;background:#111315}.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.card:hover .card-img img{transform:scale(1.05)}.contact .form{display:grid;gap:14px;max-width:520px;margin-top:24px}label{display:grid;gap:6px;font-size:15px;color:var(--text)}input,textarea{background:#0f1215;border:1px solid #1b2127;border-radius:10px;color:var(--text);padding:10px 12px;outline:none;resize:vertical;font-family:inherit}input:focus,textarea:focus{border-color:#2f3943;box-shadow:0 0 0 3px #5fd1ff26}button.btn{width:fit-content;margin-top:10px}.send-bekreftelse{margin-top:18px;padding:12px 16px;background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.4);border-radius:10px;font-size:15px;animation:fadeInOut 5s ease forwards}@keyframes fadeInOut{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.footnote{color:var(--muted);margin-top:20px;font-size:14px}.footer{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:18px;color:#9aa3ad;font-size:14px;background:#0f1114;border-top:1px solid #1a1f24}.footer a{color:var(--accent)}@media (max-width: 520px){.actions,.cards{flex-direction:column}}.fancy-card{perspective:800px;transform-style:preserve-3d;transition:transform .3s ease,box-shadow .3s ease;position:relative}.card-img{position:relative;width:100%;height:180px;overflow:hidden;border-radius:10px;margin-bottom:14px;border:1px solid #232a32;background:#111315}.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.fancy-card:hover .card-img img{transform:scale(1.05)}.glare{position:absolute;top:0;left:-50%;width:200%;height:100%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);transform:translate(-100%);transition:transform .8s ease;pointer-events:none}.fancy-card:hover .glare{transform:translate(100%)}.arrow-btn{border:none;background:none;color:var(--accent);font-size:28px;line-height:1;cursor:pointer;margin-top:10px;transition:transform .25s ease,color .25s ease}.arrow-btn:hover{transform:translate(6px);color:#67e8f9}.arrow-btn:focus-visible{outline:2px solid #00e1ff;outline-offset:3px}.about p{max-width:800px;margin-bottom:20px;line-height:1.7;color:#d7dbe0}.about-blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:40px}.about-card{background:#121417;border:1px solid #1c2128;border-radius:14px;padding:22px;transition:transform .25s ease,box-shadow .25s ease}.about-card h3{color:var(--accent);margin-bottom:8px}.about-card:hover{transform:translateY(-4px);box-shadow:0 10px 26px #00000040}.quote{margin-top:60px;text-align:center;font-style:italic;color:#b9c0c7}.quote p{font-size:18px;margin-bottom:6px}.quote span{color:var(--accent);font-weight:600}.whatwedo p{max-width:800px;margin-bottom:18px;line-height:1.7;color:#d5dbe1}.work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-top:40px}.work-card{background:#121417;border:1px solid #1c2128;border-radius:14px;padding:22px;transition:transform .25s ease,box-shadow .25s ease}.work-card h3{color:var(--accent);margin-bottom:8px}.work-card:hover{transform:translateY(-4px);box-shadow:0 10px 26px #00000040}.work-icon{width:36px;height:36px;color:var(--accent);margin-bottom:10px;transition:transform .25s ease,color .25s ease}.work-card:hover .work-icon{transform:scale(1.1);color:#67e8f9}.cta-banner{margin-top:60px;padding:40px;text-align:center;background:radial-gradient(circle at center,#38bdf814,#0a0e12f2);border-radius:16px;border:1px solid #1b2026}.cta-banner h3{margin-bottom:8px;color:var(--accent)}.cta-banner p{color:#c6ccd3;margin-bottom:18px}@media (max-width: 520px){.cta-banner{padding:28px}}.products .prod-filters{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:18px 0 6px}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.chip{background:#0f1215;border:1px solid #1b2127;color:#c7cdd6;border-radius:999px;padding:8px 12px;cursor:pointer;font-size:14px;transition:background .2s,border-color .2s,color .2s}.chip:hover{border-color:#2a323b}.chip.active{background:#38bdf81f;color:#67e8f9;border-color:#2b3540}.tools{display:flex;gap:10px;align-items:center}.search,.select{background:#0f1215;border:1px solid #1b2127;border-radius:10px;color:var(--text);padding:10px 12px;outline:none}.search::placeholder{color:#8a94a1}.search:focus,.select:focus{border-color:#2f3943;box-shadow:0 0 0 3px #5fd1ff26}.product-grid{display:grid;gap:24px;margin-top:24px;grid-template-columns:repeat(4,1fr);justify-items:center}@media (max-width: 1200px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.product-grid{grid-template-columns:repeat(1,1fr)}}.product-card{background:var(--panel);border:1px solid #232a32;border-radius:14px;padding:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.product-card h3{margin:10px 0 6px;font-size:18px}.badge{position:absolute;top:10px;left:10px;background:#0f1215d9;border:1px solid #2a323b;color:#c7cdd6;font-size:12px;padding:4px 8px;border-radius:999px}.prod-meta{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.pris{font-weight:700;color:#dfe6ee}.pris-custom{color:#67e8f9}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal{width:min(980px,100%);background:#0e1013;border:1px solid #1a1f26;border-radius:16px;display:grid;grid-template-columns:1.1fr 1fr;gap:0;position:relative;overflow:hidden}.modal-image{background:#0c0e11;border-right:1px solid #1a1f26}.modal-image img{display:block;width:100%;height:100%;object-fit:cover}.modal-body{padding:22px}.modal-body h3{margin:0 0 6px}.modal-kategori{color:#9aa3ad;margin:0 0 12px}.modal-tekst{color:#c7ced6;margin:0 0 16px}.modal-actions{display:flex;gap:12px;align-items:center}.modal-close{position:absolute;top:10px;right:10px;background:transparent;border:1px solid #2a323b;color:#c7cdd6;width:32px;height:32px;border-radius:8px;cursor:pointer}.modal-close:hover{color:#fff;border-color:#3a4551}@media (max-width: 820px){.modal{grid-template-columns:1fr}.modal-image{height:260px;border-right:none;border-bottom:1px solid #1a1f26}}.footer{position:relative;overflow:hidden;padding:24px;background:linear-gradient(to bottom,#0b0e11,#0f1216);border-top:1px solid #1b2026;text-align:center;color:#cbd3dc;font-size:15px}.footer-content{position:relative;z-index:2}.footer a{color:var(--accent);text-decoration:none}.footer a:hover{text-decoration:underline}.footer-glow{position:absolute;inset:0;background:linear-gradient(115deg,transparent 10%,rgba(103,232,249,.42) 50%,transparent 95%);opacity:.5;filter:blur(2px);animation:footerSweep 10s linear infinite;pointer-events:none;z-index:1}@keyframes footerSweep{0%{transform:translate(-60%)}to{transform:translate(120%)}}.layout{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.footer{position:relative;margin-top:auto;padding:22px 16px;display:flex;align-items:center;justify-content:center;text-align:center;background:#0b0e1199;border-top:1px solid rgba(255,255,255,.06);overflow:hidden;isolation:isolate;color:#cbd6e2}.footer-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;max-width:1200px;width:100%}.footer-copy{opacity:.95}.footer-links{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.footer-links .dot{opacity:.5}.footer a{color:#e6eef5;text-decoration:none}.footer a:hover{color:#6ee7f2}.footer-glow{position:absolute;inset:-35% -20% 0;background:radial-gradient(700px 260px at 50% 0,rgba(110,231,242,.16),transparent 70%),radial-gradient(700px 260px at 20% 0,rgba(57,210,227,.1),transparent 70%);filter:blur(12px);opacity:.55;pointer-events:none;z-index:0}.footer.scrolled{transform:none;box-shadow:none}@media (max-width:540px){.footer{padding:18px 14px}.footer-links{gap:10px}}.footer{position:sticky;bottom:0;width:100%;background:linear-gradient(to bottom,#0b0e11,#0f1216);transition:transform .4s ease,box-shadow .4s ease;z-index:10}.footer.scrolled{transform:translateY(10px);box-shadow:0 -6px 18px #00000059}.nav{position:fixed;top:0;left:0;width:100%;height:64px;display:flex;align-items:center;z-index:100;background:#0b0e1166;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.05)}.nav-inner{width:100%;max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:10px;font-weight:600;color:#e6eef5}.nav-links{display:flex;align-items:center;gap:20px}.nav-links a{color:#cbd3dc;text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s ease}.nav-links a:hover{color:#6ee7f2}.btn--nav{padding:8px 14px;border-radius:6px;background:linear-gradient(90deg,#6ee7f2,#39d2e3);color:#0b0d10;font-weight:600}.btn--nav:hover{filter:brightness(1.1)}.toplogo{position:fixed;top:calc(8px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);z-index:300;height:50px;width:180px;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;animation:toplogoFadeIn .6s ease forwards .2s}.toplogo__link{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;outline:none}.toplogo__link img,.toplogo__link svg{height:34px;width:auto;display:block;filter:drop-shadow(0 3px 10px rgba(57,210,227,.4));animation:toplogoPulse 6s ease-in-out infinite alternate}.toplogo__link:focus-visible{outline:2px solid #6EE7F2;outline-offset:2px}.toplogo__glow{position:absolute;width:160px;height:60px;background:radial-gradient(80px 40px at 50% 50%,rgba(57,210,227,.25),transparent 80%);filter:blur(18px);opacity:.6}@keyframes toplogoPulse{0%{transform:translateY(0);opacity:.95}to{transform:translateY(2px);opacity:.85}}@keyframes toplogoFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 540px){.toplogo{top:calc(6px + env(safe-area-inset-top,0px));width:150px}.toplogo__link img,.toplogo__link svg{height:28px}.toplogo__glow{width:140px;height:52px;filter:blur(16px)}}@media (prefers-reduced-motion: reduce){.toplogo,.toplogo__link img,.toplogo__link svg{animation:none!important;opacity:1}}.topcta{position:fixed;top:calc(8px + env(safe-area-inset-top,0px));right:calc(14px + env(safe-area-inset-right,0px));z-index:320;pointer-events:none}.topcta__btn{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:10px;font-weight:700;text-decoration:none;background:linear-gradient(90deg,#6ee7f2,#39d2e3);color:#0b0d10;border:1px solid rgba(255,255,255,.06);box-shadow:0 6px 18px #00000047;transition:filter .18s ease,transform .12s ease}.topcta__btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.topcta__btn:active{transform:translateY(0)}.topcta__btn:focus-visible{outline:2px solid #6EE7F2;outline-offset:2px}@media (max-width: 480px){.topcta{right:calc(10px + env(safe-area-inset-right,0px));top:calc(6px + env(safe-area-inset-top,0px))}.topcta__btn{height:34px;padding:0 12px;border-radius:9px}.topcta__btn span{font-size:.95rem}}@media (prefers-reduced-motion: reduce){.topcta__btn{transition:none}}:root{--nav-h: 64px}.kontakt{padding-top:calc(var(--nav-h) + 24px);padding-bottom:56px;min-height:calc(100dvh - var(--nav-h) - 56px);display:grid;place-items:center}.kontakt-container{width:min(1000px,92vw);margin-inline:auto;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 20px 60px #00000059;display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,3vw,28px);padding:clamp(18px,3vw,28px)}.kontakt-info{align-self:center;display:grid;gap:10px;color:#e6eef5}.kontakt-info h2{margin:0;font-size:clamp(1.6rem,3.2vw,2.2rem)}.kontakt-info p{margin:0;color:#b6c1cc}.kontakt-list{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:10px}.kontakt-list li{display:flex;align-items:center;gap:8px;color:#cbd6e2}.kontakt-list a{color:#e6eef5;text-decoration:none}.kontakt-list a:hover{color:#6ee7f2}.kontakt-form{align-self:center;justify-self:center;width:min(520px,100%);display:grid;gap:12px}.kontakt-form label{display:grid;gap:6px;color:#cbd6e2;font-size:.95rem}.kontakt-form input,.kontakt-form textarea{width:100%;border-radius:10px;border:1px solid #223043;background:#0c1016a6;color:#e6eef5;padding:12px 14px;outline:none}.kontakt-form input::placeholder,.kontakt-form textarea::placeholder{color:#8da0b3}.kontakt-form input:focus,.kontakt-form textarea:focus{border-color:#39d2e3;box-shadow:0 0 0 3px #39d2e32e}.kontakt-form .btn{justify-self:center;min-width:180px}@media (max-width: 820px){.kontakt-container{grid-template-columns:1fr;text-align:center}.kontakt-info{justify-items:center}.kontakt-list li{justify-content:center}.kontakt-form{justify-self:center}}.navbar{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;background:#0a0c0ee6;border-bottom:1px solid #1b2026;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:fixed;top:0;left:0;width:100%;z-index:100}.logo a{font-size:20px;font-weight:700;color:#00e1ff;text-decoration:none}.menu-btn{background:none;border:none;font-size:26px;color:#eef1f4;cursor:pointer}.menu-btn:hover{color:#00e1ff}.sidebar{position:fixed;top:0;left:0;height:100vh;width:240px;z-index:200;background:#0d0f12;border-right:1px solid #1a1f25;padding:80px 24px;box-shadow:2px 0 18px #00000059}@media (max-width:520px){.sidebar{width:200px;padding:70px 18px}.logo a{font-size:18px}}.menu-toggle{position:fixed;top:14px;left:14px;background:none;border:1px solid #27303a;border-radius:10px;width:42px;height:42px;display:grid;place-items:center;color:#e4e9ef;z-index:1101;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e12168c;transition:border-color .2s,color .2s,background .2s}.menu-toggle:hover{color:var(--accent);border-color:#33404d}.sidebar-backdrop{position:fixed;inset:0;background:#0009;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .25s ease}.sidebar{position:fixed;top:0;left:0;height:100vh;width:240px;z-index:200;background:#0d0f12f7;border-right:1px solid #1b2026;box-shadow:2px 0 18px #00000059;padding:80px 24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:18px;transform:translate(-260px);transition:transform .35s ease}.sidebar.open{transform:translate(0)}.sidebar nav{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.sidebar nav a{display:block;width:100%;color:#c7cdd6;text-decoration:none;font-size:16px;font-weight:500;padding:8px 6px;border-radius:10px;transition:color .2s ease,background .2s ease,transform .15s ease}.sidebar nav a:hover{color:#00e1ff;background:#11161c;transform:translate(2px)}.sidebar nav a.active{color:#00e1ff;font-weight:600;background:#0f141a}@media (max-width: 520px){.sidebar{width:200px;padding:70px 18px}}