:root{--dark-bg: #0A0F0A;--dark-text: #F0F4F0;--dark-secondary: #8A9E8A;--dark-accent: #00B300;--dark-border: #1A2A1A;--light-bg: #FAFAF9;--light-card: #FFFFFF;--light-text: #1C1917;--light-secondary: #78716C;--light-border: #E7E5E4;--accent-dark: #005a00;--accent-light: #00B300;--font-display: "DM Sans", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--max-width: 1200px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--transition: .2s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--light-text);background:var(--dark-bg)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer;border:none}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.15}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width);margin:0 auto;padding:var(--space-4) var(--space-6);background:#0a0f0ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-logo{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--dark-text);letter-spacing:-.02em}.nav-logo-light{font-weight:400;color:var(--dark-secondary)}.nav-links{display:flex;gap:var(--space-8)}.nav-links a{font-family:var(--font-body);font-size:.9rem;font-weight:500;color:var(--dark-secondary);transition:color var(--transition)}.nav-links a:hover{color:var(--dark-text)}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--dark-bg);position:relative}.hero-content{text-align:center;max-width:800px;padding:0 var(--space-6)}.hero-title{font-size:clamp(2.5rem,7vw,5rem);font-weight:700;color:var(--dark-text);letter-spacing:-.03em;margin-bottom:var(--space-6)}.hero-sub{font-size:clamp(1.1rem,2.5vw,1.5rem);color:var(--dark-secondary);margin-bottom:var(--space-10);line-height:1.5}.btn-hero{display:inline-block;padding:var(--space-4) var(--space-8);background:var(--accent-light);color:var(--dark-bg);font-family:var(--font-display);font-size:1rem;font-weight:600;border-radius:var(--radius-md);transition:background var(--transition),transform var(--transition)}.btn-hero:hover{background:#0c0;transform:translateY(-2px)}.produkter{background:var(--light-bg);padding:var(--space-24) 0}.produkter .container{text-align:center}.section-title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-4)}.section-sub{font-size:1.1rem;color:var(--light-secondary);margin-bottom:var(--space-12);max-width:600px;margin-left:auto;margin-right:auto}.produkter .section-title{color:var(--light-text)}.products-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8);max-width:900px;margin:0 auto}@media(min-width:768px){.products-grid{grid-template-columns:1fr 1fr}}.product-card{background:var(--light-card);border:1px solid var(--light-border);border-radius:var(--radius-lg);padding:var(--space-8);text-align:left;transition:transform var(--transition),box-shadow var(--transition)}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.product-screenshot{width:100%;min-height:200px;background:#f0f0ec;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6);font-family:var(--font-mono);font-size:.875rem;color:var(--light-secondary);padding:var(--space-4)}.product-card h3{font-size:1.5rem;font-weight:700;color:var(--light-text);margin-bottom:var(--space-3)}.product-card p{color:var(--light-secondary);font-size:.95rem;line-height:1.6;margin-bottom:var(--space-6)}.product-link{display:inline-block;font-weight:600;font-size:.9rem;color:var(--accent-dark);border-bottom:2px solid transparent;transition:border-color var(--transition)}.product-link:hover{border-bottom-color:var(--accent-dark)}.product-link:after{content:" →"}.hur-det-fungerar{background:var(--dark-bg);padding:var(--space-24) 0}.hur-det-fungerar .section-title{color:var(--dark-text);text-align:center}.hur-det-fungerar .section-sub{color:var(--dark-secondary);text-align:center}.steps-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8);max-width:900px;margin:0 auto;margin-top:var(--space-12)}@media(min-width:768px){.steps-grid{grid-template-columns:1fr 1fr 1fr}}.step{text-align:center;padding:var(--space-6)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--accent-light);color:var(--dark-bg);font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin-bottom:var(--space-6)}.step h3{font-size:1.25rem;font-weight:600;color:var(--dark-text);margin-bottom:var(--space-3)}.step p{color:var(--dark-secondary);font-size:.95rem;line-height:1.6}.foretag{background:var(--light-bg);padding:var(--space-24) 0}.foretag .section-title{color:var(--light-text);text-align:center}.foretag .section-sub{color:var(--light-secondary);text-align:center}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);max-width:1000px;margin:0 auto;margin-top:var(--space-12)}@media(min-width:768px){.features-grid{grid-template-columns:1fr 1fr 1fr}}.feature-card{background:var(--light-card);border:1px solid var(--light-border);border-radius:var(--radius-lg);padding:var(--space-8);text-align:left;transition:transform var(--transition),box-shadow var(--transition)}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.feature-card h3{font-size:1.2rem;font-weight:700;color:var(--light-text);margin-bottom:var(--space-3)}.feature-card p{color:var(--light-secondary);font-size:.95rem;line-height:1.6}.foretag-cta{text-align:center;margin-top:var(--space-12)}.btn-primary{display:inline-block;padding:var(--space-4) var(--space-8);background:var(--accent-dark);color:#fff;font-family:var(--font-display);font-size:1rem;font-weight:600;border-radius:var(--radius-md);transition:background var(--transition),transform var(--transition)}.btn-primary:hover{background:#004a00;transform:translateY(-2px)}.foretag-cta-note{color:var(--light-secondary);font-size:.875rem;margin-top:var(--space-3)}.vision{background:var(--dark-bg);padding:var(--space-24) 0}.vision .section-title{color:var(--dark-text);text-align:center}.vision-content{max-width:720px;margin:0 auto}.vision-lead{color:var(--dark-text);font-size:1.25rem;line-height:1.7;margin-bottom:var(--space-6)}.vision-body{color:var(--dark-secondary);font-size:1rem;line-height:1.7;margin-bottom:var(--space-6)}.vision-future{color:var(--dark-secondary);font-size:1rem;line-height:1.7;border-left:3px solid var(--dark-accent);padding-left:var(--space-6)}.kontakt{background:var(--dark-bg);padding:var(--space-24) 0}.kontakt .section-title{color:var(--dark-text);text-align:center}.kontakt .section-sub{color:var(--dark-secondary);text-align:center}.contact-form{max-width:560px;margin:var(--space-12) auto 0;display:flex;flex-direction:column;gap:var(--space-4)}.contact-form label{font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--dark-secondary);margin-bottom:var(--space-1)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.contact-form input,.contact-form textarea{width:100%;padding:var(--space-3) var(--space-4);background:#111811;border:1px solid var(--dark-border);border-radius:var(--radius-sm);color:var(--dark-text);font-family:var(--font-body);font-size:.95rem;transition:border-color var(--transition)}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--accent-light)}.contact-form textarea{min-height:140px;resize:vertical}.btn-submit{padding:var(--space-4) var(--space-8);background:var(--accent-light);color:var(--dark-bg);font-family:var(--font-display);font-size:1rem;font-weight:600;border-radius:var(--radius-md);transition:background var(--transition),transform var(--transition);margin-top:var(--space-4)}.btn-submit:hover{background:#0c0;transform:translateY(-2px)}.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.form-status{text-align:center;font-size:.95rem;margin-top:var(--space-4)}.form-status.success{color:var(--accent-light)}.form-status.error{color:#ef4444}.footer{background:var(--dark-bg);border-top:1px solid var(--dark-border);padding:var(--space-12) 0}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.footer-logo{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--dark-text)}.footer-links{display:flex;gap:var(--space-6)}.footer-links a{font-size:.875rem;color:var(--dark-secondary);transition:color var(--transition)}.footer-links a:hover{color:var(--dark-text)}.footer-copy{font-size:.8rem;color:var(--dark-secondary)}.stats{background:var(--dark-bg);padding:var(--space-12) 0;border-top:1px solid var(--dark-border)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);text-align:center}.stat-value{font-family:var(--font-mono);font-size:2.5rem;font-weight:500;color:var(--dark-text)}.stat-label{font-size:.875rem;color:var(--dark-secondary);margin-top:var(--space-2)}.mockup{background:#f0efe9;border-radius:8px;padding:1rem;font-size:.75rem;width:100%}.mockup-bar{background:#fff;border-radius:6px;padding:.5rem .75rem;margin-bottom:.75rem;color:#999;border:1px solid #E7E5E4;font-family:var(--font-body)}.mockup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.mockup-card{background:#fff;border-radius:6px;padding:.5rem}.mockup-card-img{background:#e8e6da;border-radius:4px;height:48px;margin-bottom:.375rem}.mockup-card-title{font-family:var(--font-display);font-weight:500;font-size:.6875rem;color:var(--light-text)}.mockup-card-price{font-family:var(--font-mono);font-size:.6875rem;color:var(--light-text);margin-top:2px}.mockup-list{display:flex;flex-direction:column;gap:.375rem}.mockup-row{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:6px;padding:.375rem .75rem;font-size:.6875rem}.mockup-row-name{font-family:var(--font-display);font-weight:500;color:var(--light-text)}.mockup-row-meta{color:var(--light-secondary)}.mockup-row-price{font-family:var(--font-mono);color:var(--light-text)}.mockup-header{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:.75rem}.mockup-header-title{font-family:var(--font-display);font-weight:600;color:var(--light-text)}.mockup-header-count{color:var(--light-secondary)}.hamburger{display:none;background:none;border:none;cursor:pointer;padding:.5rem}.hamburger span,.hamburger span:before,.hamburger span:after{display:block;width:24px;height:2px;background:var(--dark-secondary);position:relative;transition:all .2s}.hamburger span:before,.hamburger span:after{content:"";position:absolute;left:0}.hamburger span:before{top:-7px}.hamburger span:after{top:7px}.privacy{background:var(--dark-bg);padding:var(--space-8) 0;border-top:1px solid var(--dark-border)}.privacy p{color:var(--dark-secondary);font-size:.8125rem;line-height:1.6;text-align:center;max-width:600px;margin:0 auto}@media(max-width:767px){.hamburger{display:block}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--dark-bg);padding:1rem 2rem;flex-direction:column;gap:1rem;border-bottom:1px solid var(--dark-border)}.nav-links.open{display:flex}.nav{position:relative;padding:var(--space-3) var(--space-4)}.nav-links a{font-size:.8rem}.hero-content{padding:0 var(--space-4)}.produkter,.hur-det-fungerar,.foretag,.vision,.kontakt{padding:var(--space-16) 0}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.nav{padding:var(--space-4) var(--space-8)}}