:root{--color-primary: rgb(13, 32, 64);--color-primary-dark: rgb(8, 20, 40);--color-primary-light: rgb(25, 50, 90);--color-blue: rgb(37, 99, 235);--color-blue-light: rgb(59, 130, 246);--color-success: rgb(34, 197, 94);--color-warning: rgb(242, 154, 26);--color-error: rgb(239, 68, 68);--color-white: #ffffff;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--container-max-width: 1200px;--header-height: 72px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-gray-800);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;line-height:1.2;color:var(--color-gray-900)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}p{margin:0 0 var(--spacing-md) 0}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-lg)}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-gray-500)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section{padding:var(--spacing-4xl) 0}.section-gray{background-color:var(--color-gray-50)}.section-title{text-align:center;margin-bottom:var(--spacing-3xl);font-weight:600;color:var(--color-gray-900)}.section-subtitle{text-align:center;color:var(--color-gray-600);font-size:var(--font-size-lg);max-width:700px;margin:0 auto var(--spacing-3xl) auto}.grid{display:grid;gap:var(--spacing-2xl)}.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:repeat(1,1fr)}@media(min-width:640px){.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.grid-5{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}@media(min-width:1200px){.grid-5{grid-template-columns:repeat(5,1fr)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:normal;text-align:center}@media(min-width:1100px){.btn{white-space:nowrap}}.btn:focus{outline:none;box-shadow:0 0 0 3px #f29a1a4d}.btn-primary{background-color:#f29a1a;color:var(--color-primary);border-color:#f29a1a}.btn-primary:hover{background-color:#ce8316;border-color:#ce8316;color:var(--color-primary)}.btn-secondary{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-secondary:hover{background-color:var(--color-primary);color:var(--color-white)}.btn-white{background-color:var(--color-white);color:var(--color-primary);border-color:var(--color-white)}.btn-white:hover{background-color:var(--color-gray-100);border-color:var(--color-gray-100)}.btn-lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-lg)}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.btn-full-width{width:100%}.btn-white-outline{background-color:transparent;color:var(--color-white);border-color:var(--color-white)}.btn-white-outline:hover{background-color:var(--color-white);color:var(--color-primary)}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);z-index:1000}.header-container{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-lg)}.header-logo{display:flex;align-items:center;font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);text-decoration:none}.header-logo:hover{color:var(--color-primary-dark)}.header-nav{display:none;align-items:center;gap:var(--spacing-xl)}.header-nav.open{display:flex;flex-direction:column;position:absolute;top:var(--header-height);left:0;right:0;background-color:var(--color-white);padding:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200);box-shadow:var(--shadow-lg)}.header-nav-link{color:var(--color-gray-700);font-weight:500;transition:all var(--transition-fast);padding:var(--spacing-sm) 0;position:relative}.header-nav-link:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:#f29a1a;transform:scaleX(0);transition:transform var(--transition-fast)}.header-nav-link:hover,.header-nav-link.active{color:var(--color-primary)}.header-nav-link.active:after{transform:scaleX(1)}.header-nav-mobile-only{display:block}.header-cta{display:none}.header-mobile-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:var(--spacing-sm)}.header-mobile-toggle span{display:block;width:24px;height:2px;background-color:var(--color-gray-700);transition:all var(--transition-fast)}@media(min-width:960px){.header-nav{display:flex;position:static;flex-direction:row;background:none;padding:0;border:none;box-shadow:none}.header-nav-mobile-only{display:none}.header-cta{display:flex;gap:var(--spacing-md)}.header-mobile-toggle{display:none}}.hero{padding:calc(var(--header-height) + var(--spacing-4xl)) 0 var(--spacing-4xl);background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-white) 100%);min-height:80vh;display:flex;align-items:center}.hero-container{display:grid;grid-template-columns:1fr;gap:var(--spacing-3xl);align-items:center;max-width:1400px}.hero-content{text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:#0891b21a;color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-lg)}.hero-title{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-lg);line-height:1.1}.hero-title-highlight{color:var(--color-primary)}.hero-description{font-size:var(--font-size-lg);color:var(--color-gray-600);max-width:600px;margin:0 auto var(--spacing-xl) auto}.hero-actions{display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center}.hero-image{display:block;max-width:100%}.hero-image-placeholder{width:100%;aspect-ratio:4/3;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-blue) 100%);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:var(--font-size-lg);box-shadow:var(--shadow-xl)}@media(min-width:640px){.hero-actions{flex-direction:row}}@media(min-width:1024px){.hero{padding-top:calc(var(--header-height) + var(--spacing-4xl))}.hero-container{grid-template-columns:1fr 1fr}.hero-content{text-align:left}.hero-title{font-size:var(--font-size-5xl)}.hero-description{margin-left:0;margin-right:0}.hero-actions{justify-content:flex-start}}.feature-card{background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;transition:all var(--transition-base);border:none;box-shadow:none}.feature-card:hover{transform:translateY(-2px)}.feature-card-icon{width:80px;height:80px;background:linear-gradient(135deg,#8b5cf614,#6366f11f);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#6366f1;margin:0 auto var(--spacing-lg) auto}.feature-card-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-md);color:var(--color-gray-900)}.feature-card-description{color:var(--color-gray-600);margin:0;line-height:1.6;font-size:var(--font-size-sm)}.pricing-hero{padding:calc(var(--header-height) + var(--spacing-3xl)) 0 var(--spacing-4xl);background-color:var(--color-white);text-align:center}.pricing-hero-title{font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--spacing-md);color:#0d2040}.pricing-hero-subtitle{font-size:var(--font-size-base);color:var(--color-gray-600);max-width:700px;margin:0 auto var(--spacing-3xl) auto;line-height:1.6}.pricing-benefits{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);max-width:1000px;margin:0 auto}.pricing-benefit-item{display:flex;align-items:flex-start;gap:var(--spacing-md);text-align:left}.pricing-benefit-icon{flex-shrink:0;width:56px;height:56px;background-color:var(--color-gray-50);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#0d2040}.pricing-benefit-text{flex:1}.pricing-benefit-text strong{display:block;font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-xs);color:var(--color-gray-900)}.pricing-benefit-text p{margin:0;font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:1.5}@media(min-width:768px){.pricing-benefits{grid-template-columns:repeat(3,1fr)}.pricing-benefit-item{flex-direction:column;text-align:center;align-items:center}}.pricing-simple-section{background-color:var(--color-gray-50);padding:var(--spacing-4xl) 0}.pricing-simple-card{max-width:900px;margin:0 auto;background-color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);display:flex;flex-direction:column;gap:var(--spacing-lg);align-items:center;text-align:center}.pricing-simple-icon{width:64px;height:64px;background-color:var(--color-gray-50);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#0d2040}.pricing-simple-content h3{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-gray-900)}.pricing-simple-content p{color:var(--color-gray-600);margin-bottom:var(--spacing-lg);line-height:1.6}.pricing-simple-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.pricing-simple-list li{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-gray-700);font-size:var(--font-size-sm);justify-content:center}.pricing-simple-list li svg{color:var(--color-success);flex-shrink:0}@media(min-width:768px){.pricing-simple-card{flex-direction:row;text-align:left;align-items:flex-start}.pricing-simple-list{flex-direction:row;flex-wrap:wrap}.pricing-simple-list li{justify-content:flex-start;flex:0 0 100%}}.pricing-card{background-color:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm);border:2px solid var(--color-gray-200);text-align:center;transition:all var(--transition-base);display:flex;flex-direction:column}.pricing-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.pricing-card.featured{border-color:#0d2040;box-shadow:var(--shadow-lg)}.pricing-card-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-lg);background-color:#0d2040;color:var(--color-white);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-lg)}.pricing-card-badge.promotion{background:linear-gradient(135deg,#f59e0b,#ef4444);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #f59e0b80}50%{box-shadow:0 0 20px #f59e0bcc}}.pricing-card-name{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-sm);color:#0d2040}.pricing-card-description{color:var(--color-gray-600);margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm)}.pricing-card-subtitle{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-bottom:var(--spacing-lg);font-style:italic;line-height:1.5}.pricing-card-price{margin-bottom:var(--spacing-xs);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);position:relative}.pricing-card-original-price{font-size:var(--font-size-lg);color:#dc2626;text-decoration:line-through;font-weight:600;position:relative}.pricing-card-original-price:after{content:"SPAR 1000 KR";position:absolute;top:-20px;right:-100px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;white-space:nowrap;letter-spacing:.5px}.pricing-card-amount{font-size:var(--font-size-5xl);font-weight:700;color:#0d2040}.pricing-card-amount.on-sale{background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(245,158,11,.3))}.pricing-card-period{font-size:var(--font-size-base);color:var(--color-gray-500);font-weight:400}.pricing-card-yearly{text-align:center;margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-gray-500);font-weight:600}.pricing-card-yearly:has(+*){background:linear-gradient(135deg,#f59e0b1a,#ef44441a);padding:var(--spacing-sm);border-radius:var(--radius-sm);color:#dc2626}.pricing-card-icon-wrapper{display:flex;justify-content:center;margin:var(--spacing-lg) 0}.pricing-card-divider{border-top:1px solid var(--color-gray-200);padding-top:var(--spacing-lg);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md)}.pricing-card-features-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-700);text-align:center;margin:0}.pricing-card-features{list-style:none;padding:0;margin:0 0 var(--spacing-xl) 0;text-align:left;flex:1}.pricing-card-feature{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;color:var(--color-gray-700);font-size:var(--font-size-sm);line-height:1.6}.pricing-card-feature svg{color:var(--color-success);flex-shrink:0;margin-top:2px}.pricing-cta-section{background-color:#0d2040;color:var(--color-white);padding:var(--spacing-4xl) 0;text-align:center}.pricing-cta-title{color:var(--color-white);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md);font-weight:700}.pricing-cta-description{font-size:var(--font-size-base);color:#ffffffe6;max-width:600px;margin:0 auto var(--spacing-2xl) auto}.pricing-cta-actions{display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;align-items:center}.btn-pricing-yellow{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-2xl);background-color:#f29a1a;color:#0d2040;border-radius:var(--radius-md);font-weight:700;font-size:var(--font-size-base);text-decoration:none;transition:all var(--transition-fast);border:2px solid #f29a1a;min-width:160px}.btn-pricing-yellow:hover{background-color:#ce831e;border-color:#ce831e;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-pricing-outline{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-2xl);background-color:transparent;color:var(--color-white);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-base);text-decoration:none;transition:all var(--transition-fast);border:2px solid var(--color-white);min-width:160px}.btn-pricing-outline:hover{background-color:#ffffff1a;transform:translateY(-2px)}@media(min-width:640px){.pricing-cta-actions{flex-direction:row}}.contact-form{background-color:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-gray-700)}.form-input,.form-textarea{width:100%;padding:var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-base);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary)}.form-textarea{resize:vertical;min-height:150px}.footer{background-color:var(--color-gray-900);color:var(--color-gray-300);padding:var(--spacing-4xl) 0 var(--spacing-xl);margin-top:auto}.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-2xl);margin-bottom:var(--spacing-3xl)}.footer-brand{max-width:300px}.footer-logo{font-size:var(--font-size-xl);font-weight:700;color:var(--color-white);margin-bottom:var(--spacing-md)}.footer-description{color:var(--color-gray-400);font-size:var(--font-size-sm);line-height:1.7}.footer-section-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-white);margin-bottom:var(--spacing-lg)}.footer-links{list-style:none;padding:0;margin:0}.footer-link{margin-bottom:var(--spacing-sm)}.footer-link a{color:var(--color-gray-400);font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer-link a:hover{color:var(--color-white)}.footer-bottom{padding-top:var(--spacing-xl);border-top:1px solid var(--color-gray-800);display:flex;flex-direction:column;gap:var(--spacing-md);text-align:center}.footer-copyright{font-size:var(--font-size-sm);color:var(--color-gray-500)}.footer-badges{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.footer-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-gray-800);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-gray-300)}@media(min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}.footer-bottom{flex-direction:row;justify-content:space-between;text-align:left}}.cta-section{background:linear-gradient(135deg,#0d2040,#0a376e);color:var(--color-white);padding:var(--spacing-3xl) var(--spacing-md)}.cta-container{display:flex;flex-direction:column;gap:var(--spacing-xl);align-items:center;max-width:100%}.cta-content{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center;text-align:center;max-width:100%}.cta-icon{background:#f29a1a26;border:2px solid rgb(242,154,26);border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#f29a1a}.cta-icon svg{width:32px;height:32px}.cta-text{text-align:center;max-width:100%}.cta-text h2{color:var(--color-white);font-size:clamp(1.25rem,4vw,1.75rem);margin-bottom:var(--spacing-sm);font-weight:600;word-wrap:break-word}.cta-text p{font-size:clamp(.875rem,2.5vw,1rem);color:var(--color-gray-200);margin:0;word-wrap:break-word}.cta-buttons{display:flex;flex-direction:column;width:100%;gap:var(--spacing-md);justify-content:center;align-items:stretch}.cta-button{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-weight:700;text-decoration:none;display:inline-block;transition:opacity var(--transition-fast);font-size:clamp(.875rem,2.5vw,1rem);text-align:center;white-space:nowrap}.cta-button-primary{background:#f29a1a;color:var(--color-gray-900)}.cta-button-primary:hover{color:var(--color-gray-900);opacity:.9}.cta-button-secondary{background:#f29a1a;color:var(--color-gray-900)}.cta-button-secondary:hover{color:var(--color-gray-900);opacity:.9}@media(min-width:640px){.cta-buttons{flex-direction:row;flex-wrap:wrap;width:auto;align-items:center}.cta-button{padding:var(--spacing-sm) var(--spacing-lg)}}@media(min-width:900px){.cta-button{padding:var(--spacing-md) var(--spacing-xl)}}@media(min-width:1100px){.cta-container{flex-direction:row;justify-content:center;align-items:center;gap:var(--spacing-3xl);max-width:1200px;margin:0 auto}.cta-content{flex:0 1 auto;flex-direction:row;gap:var(--spacing-lg);text-align:left}.cta-text{text-align:left}.cta-buttons{flex-shrink:0}.cta-icon{width:80px;height:80px}.cta-icon svg{width:48px;height:48px}.cta-button{padding:var(--spacing-md) var(--spacing-2xl)}}@media(min-width:768px){.cta-container{flex-direction:row;justify-content:space-between;align-items:center}.cta-content{flex:1}.cta-buttons{flex-shrink:0}}.trust-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center}.trust-badge{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);min-width:150px}.trust-badge-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.trust-badge-text{font-weight:600;color:var(--color-gray-700);font-size:var(--font-size-sm);text-align:center}.benefit-item{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg)}.benefit-icon{flex-shrink:0;width:48px;height:48px;background-color:#0891b21a;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.benefit-content h4{margin-bottom:var(--spacing-sm)}.benefit-content p{color:var(--color-gray-600);margin:0}.process-flow{display:flex;flex-direction:column;gap:var(--spacing-2xl);max-width:1000px;margin:0 auto}.process-step-wrapper{display:flex;align-items:flex-start;gap:var(--spacing-lg)}.process-step-number{flex-shrink:0;width:48px;height:48px;background:#3b82f6;color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-xl)}.process-step-content{display:flex;align-items:flex-start;gap:var(--spacing-md);flex:1}.process-step-icon{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;color:#3b82f6}.process-step-text{flex:1}.process-step-text h3{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-xs);color:var(--color-gray-900)}.process-step-text p{color:var(--color-gray-600);margin:0;line-height:1.6;font-size:var(--font-size-sm)}.process-arrow{display:flex;justify-content:center;color:#3b82f6;margin:var(--spacing-md) 0}.process-link-wrapper{margin-top:var(--spacing-2xl);text-align:center}.process-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-weight:600;color:#3b82f6;font-size:var(--font-size-base);transition:all var(--transition-fast)}.process-link:hover{color:#2563eb}@media(min-width:1024px){.process-flow{flex-direction:row;align-items:stretch;justify-content:center}.process-step-wrapper{flex-direction:column;align-items:center;flex:1;max-width:300px}.process-step-content{flex-direction:column;align-items:center;text-align:center}.process-step-icon{margin-bottom:var(--spacing-sm)}.process-arrow{align-self:center;margin:0 var(--spacing-lg)}}.page-header{padding:calc(var(--header-height) + var(--spacing-3xl)) 0 var(--spacing-3xl);background-color:var(--color-gray-50);text-align:center}.page-header-title{margin-bottom:var(--spacing-md)}.page-header-subtitle{color:var(--color-gray-600);font-size:var(--font-size-lg);max-width:600px;margin:0 auto}main{flex:1}.hvordan-hero{padding:calc(var(--header-height) + var(--spacing-3xl)) 0 var(--spacing-3xl);background:linear-gradient(180deg,var(--color-gray-50) 0%,var(--color-white) 100%)}.hvordan-hero-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-2xl);align-items:center}.hvordan-hero-title{margin-bottom:var(--spacing-md)}.hvordan-hero-subtitle{color:var(--color-gray-600);font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl)}.hvordan-hero-points{list-style:none;padding:0;margin:0;display:grid;gap:var(--spacing-sm)}.hvordan-hero-points li{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-weight:500}.hvordan-hero-points svg{color:var(--color-success)}.hvordan-hero-image-wrap{display:flex;justify-content:center}.hvordan-hero-image{width:100%;max-width:560px;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.hvordan-steps-grid{display:flex;flex-direction:column;gap:var(--spacing-xl);max-width:1200px;margin:0 auto}.hvordan-step-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.hvordan-step-card{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;position:relative;width:100%;display:flex;flex-direction:column;justify-content:center;min-height:240px}.hvordan-step-badge{position:absolute;top:var(--spacing-md);left:var(--spacing-md);width:44px;height:44px;border-radius:var(--radius-full);background:#0d2040;color:var(--color-white);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-lg)}.hvordan-step-icon{color:var(--color-gray-700);margin:var(--spacing-md) auto var(--spacing-sm) auto;display:block}.hvordan-step-card h3{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-sm);color:var(--color-gray-900)}.hvordan-step-card p{color:var(--color-gray-600);margin:0;line-height:1.6}.hvordan-step-arrow{display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);transform:rotate(90deg);font-size:var(--font-size-2xl);font-weight:300;-webkit-user-select:none;user-select:none}.hvordan-workflow-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}.hvordan-workflow-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);padding:var(--spacing-lg)}.hvordan-workflow-card h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.hvordan-workflow-card p{color:var(--color-gray-600);font-size:var(--font-size-sm)}.hvordan-checklist{list-style:none;margin:0 0 var(--spacing-md);padding:0;display:grid;gap:var(--spacing-xs)}.hvordan-checklist li{display:flex;align-items:center;justify-content:space-between;color:var(--color-gray-700);border-bottom:1px dashed var(--color-gray-200);padding-bottom:var(--spacing-xs)}.hvordan-checklist svg{color:var(--color-success)}.hvordan-status{display:inline-block;font-size:var(--font-size-xs);font-weight:700;border-radius:var(--radius-full);padding:var(--spacing-xs) var(--spacing-md)}.hvordan-status-success{background:#22c55e26;color:#15803d}.hvordan-status-warning{background:#eab30833;color:#a16207}.hvordan-mini-card{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);background:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm)}.hvordan-mini-card img{width:44px;height:44px;object-fit:cover;border-radius:var(--radius-sm)}.hvordan-thumbnail-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm)}.hvordan-thumbnail-row img{width:56px;height:56px;object-fit:cover;border-radius:var(--radius-sm)}.hvordan-badge{border-radius:var(--radius-full);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:700}.hvordan-badge-red{background:#ef444426;color:#b91c1c}.hvordan-badge-orange{background:#f59e0b33;color:#b45309}.hvordan-badge-yellow{background:#f29a1a33;color:#965f10}.hvordan-badge-green{background:#22c55e26;color:#15803d}.hvordan-workflow-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-weight:600}.hvordan-workflow-header{margin-bottom:var(--spacing-md)}.hvordan-workflow-header h3{font-size:var(--font-size-xl);margin:0;color:var(--color-gray-800)}.hvordan-checklist-section h4{font-size:var(--font-size-sm);font-weight:600;margin:var(--spacing-md) 0 var(--spacing-sm);color:var(--color-gray-700)}.hvordan-workflow-status{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-md)}.hvordan-status-text-success{font-size:var(--font-size-sm);font-weight:600;color:#15803d}.hvordan-deviation-card{background:#fff1f280;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md)}.hvordan-deviation-header{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.hvordan-deviation-header h4{font-size:var(--font-size-base);font-weight:600;margin:0;color:var(--color-gray-900)}.hvordan-deviation-content p{font-size:var(--font-size-sm);color:var(--color-gray-700);margin:var(--spacing-xs) 0}.hvordan-deviation-content p strong{color:var(--color-gray-900)}.hvordan-badge-high-priority{background:#ef444426;color:#b91c1c;align-self:flex-start}.hvordan-placeholder-image{background:var(--color-gray-200);border-radius:var(--radius-md);height:180px;display:flex;align-items:center;justify-content:center;margin:var(--spacing-md) 0;border:2px dashed var(--color-gray-300);overflow:hidden}.hvordan-placeholder-image img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}.placeholder-content{color:var(--color-gray-500);font-size:var(--font-size-sm);font-style:italic}.hvordan-user-info{margin-top:var(--spacing-md);font-size:var(--font-size-sm)}.hvordan-user-info>span{display:block;color:var(--color-gray-600);margin-bottom:var(--spacing-xs)}.hvordan-user-row{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-gray-800)}.hvordan-persona-icon{color:var(--color-gray-500);flex-shrink:0}.hvordan-date{color:var(--color-gray-600);margin-left:auto}.hvordan-action-card{background:#fef3c766;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md)}.hvordan-action-card h4{font-size:var(--font-size-base);font-weight:700;margin:0 0 var(--spacing-md);color:var(--color-gray-900)}.hvordan-action-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-gray-900);margin:0 0 var(--spacing-md)}.hvordan-action-info{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.hvordan-info-row{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.hvordan-info-row>span:first-child{color:var(--color-gray-600);font-weight:500}.hvordan-badge-in-progress{background:#f59e0b33;color:#b45309}.hvordan-completed-card{background:#f0fdf4cc;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md)}.hvordan-completed-header{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.hvordan-completed-header h4{font-size:var(--font-size-base);font-weight:600;margin:0;color:var(--color-gray-900)}.hvordan-completed-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.hvordan-badge-closed{background:#22c55e26;color:#15803d;align-self:flex-start}.hvordan-icon-card{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);padding:var(--spacing-xl)}.hvordan-icon-circle{width:48px;height:48px;border-radius:var(--radius-full);background:#0891b21f;color:#0891b2;display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md)}.hvordan-icon-card h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs)}.hvordan-icon-card p{color:var(--color-gray-600);margin:0}.hvordan-faq{max-width:900px}.hvordan-faq-item{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);background:var(--color-white)}.hvordan-faq-item summary{cursor:pointer;font-weight:600;list-style:none}.hvordan-faq-item summary::-webkit-details-marker{display:none}.hvordan-faq-item summary:after{content:"▾";float:right}.hvordan-faq-item[open] summary:after{content:"▴"}.hvordan-faq-item p{margin:var(--spacing-sm) 0 0;color:var(--color-gray-600)}.hvordan-bottom-cta{padding:var(--spacing-3xl) 0;background:linear-gradient(135deg,#0d2040,#0a376e);color:var(--color-white);text-align:center}.hvordan-bottom-cta h2{color:var(--color-white);margin:var(--spacing-sm) 0}.hvordan-bottom-cta p{color:var(--color-gray-200);margin-bottom:var(--spacing-lg)}.hvordan-bottom-cta-actions{display:inline-flex;flex-wrap:wrap;gap:var(--spacing-md)}.hvordan-yellow-button{background:#f29a1a;color:var(--color-gray-900);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-lg);font-weight:700;transition:opacity var(--transition-fast)}.hvordan-yellow-button:hover{color:var(--color-gray-900);opacity:.9}.hvordan-trust-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.hvordan-trust-item{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);padding:var(--spacing-md);font-weight:500}.hvordan-trust-item img{width:26px;height:18px;object-fit:cover;border-radius:2px}@media(min-width:768px){.hvordan-steps-grid{flex-direction:row;flex-wrap:wrap}.hvordan-step-wrapper{flex:0 0 calc(50% - var(--spacing-lg))}.hvordan-step-arrow{display:none}.hvordan-workflow-grid,.hvordan-trust-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.hvordan-hero-grid{grid-template-columns:1.1fr 1fr}.hvordan-steps-grid{flex-direction:row;flex-wrap:nowrap;align-items:stretch}.hvordan-step-wrapper{flex:1;max-width:280px}.hvordan-step-arrow{display:flex;align-self:center;transform:none;margin:0;align-items:center;gap:2px}.hvordan-step-arrow:before{content:"---";letter-spacing:.2em;color:var(--color-gray-400);font-weight:400;font-size:var(--font-size-xl)}.hvordan-step-arrow svg{width:20px;height:20px}.hvordan-trust-grid,.hvordan-workflow-grid{grid-template-columns:repeat(4,1fr)}}.who-hero{padding:calc(var(--header-height) + var(--spacing-3xl)) 0 var(--spacing-2xl);background-color:var(--color-white);text-align:center}.who-hero-title{font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--spacing-md);color:#0d2040}.who-hero-subtitle{font-size:var(--font-size-base);color:var(--color-gray-600);max-width:700px;margin:0 auto;line-height:1.6}.who-benefits{background-color:var(--color-gray-50);padding:var(--spacing-3xl) 0}.who-benefits-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);max-width:1000px;margin:0 auto}.who-benefit-item{display:flex;align-items:flex-start;gap:var(--spacing-md);text-align:left;background-color:var(--color-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.who-benefit-icon{flex-shrink:0;width:56px;height:56px;background-color:#0891b21a;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#0891b2}.who-benefit-text{flex:1}.who-benefit-text strong{display:block;font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-xs);color:var(--color-gray-900)}.who-benefit-text p{margin:0;font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:1.5}.who-audience-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-2xl)}.who-audience-card{background-color:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);transition:transform var(--transition-base),box-shadow var(--transition-base)}.who-audience-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.who-audience-image{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}.who-audience-image img{width:100%;height:100%;object-fit:cover}.who-audience-icon-overlay{position:absolute;bottom:var(--spacing-md);left:var(--spacing-md);width:64px;height:64px;background-color:#0d2040;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-white);box-shadow:var(--shadow-md)}.who-audience-content{padding:var(--spacing-xl)}.who-audience-title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-sm);color:#0d2040;border-bottom:3px solid rgb(242,154,26);display:inline-block;padding-bottom:var(--spacing-xs)}.who-audience-subtitle{color:var(--color-gray-700);margin-bottom:var(--spacing-lg);line-height:1.6;font-size:var(--font-size-sm)}.who-audience-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.who-audience-features li{display:flex;align-items:flex-start;gap:var(--spacing-sm);color:var(--color-gray-700);font-size:var(--font-size-sm)}.who-audience-features .feature-check{flex-shrink:0;color:#10b981;margin-top:2px}.who-quote-section{background:linear-gradient(135deg,#0891b20d,#6366f114);padding:var(--spacing-4xl) 0}.who-quote-section .container{display:flex;flex-direction:column;gap:var(--spacing-4xl);align-items:center}.who-quote{text-align:center;max-width:800px;margin:0 auto}.who-quote blockquote{margin:0;padding:0}.who-quote p{font-size:var(--font-size-xl);font-style:italic;color:#0d2040;line-height:1.6;font-weight:500;position:relative}.who-quote p:before{content:'"';font-size:4rem;color:#0891b2;opacity:.3;position:absolute;left:-30px;top:-20px}.who-collaboration{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl);text-align:center;max-width:700px;margin:0 auto}.who-collaboration-icon{width:80px;height:80px;background:linear-gradient(135deg,#0891b21a,#6366f126);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#0891b2}.who-collaboration-content h2{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-md);color:#0d2040}.who-collaboration-content p{font-size:var(--font-size-base);color:var(--color-gray-600);line-height:1.6;margin:0}@media(min-width:640px){.who-benefits-grid,.who-audience-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.who-benefits-grid{grid-template-columns:repeat(4,1fr)}.who-benefit-item{flex-direction:column;text-align:center;align-items:center}}@media(min-width:1024px){.who-hero-title{font-size:var(--font-size-5xl)}.who-quote-section .container{flex-direction:row;align-items:center;gap:var(--spacing-3xl)}.who-quote{flex:1;margin:0}.who-collaboration{flex:1;flex-direction:row;text-align:left;margin:0}}