.homepage{--k-navy: #002B49;--k-navy-light: #003d66;--k-gold: #F2C400;--k-gold-hover: #e5b800;--k-cream: #fdfcfa;--k-warm-white: #faf9f7;--k-border: #e8e6e3;--k-text: #1a1a1a;--k-text-muted: #5a5a5a;--k-text-light: #8a8a8a;--k-green: #22c55e;--k-blue: #3b82f6;--k-yellow: #eab308;--k-gray: #9ca3af;--font-display: "Fraunces", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--container: 1200px;--gutter: 1.5rem;background:var(--k-cream);min-height:100vh}.hero-new{padding:3rem 0;margin:2rem 0;background:linear-gradient(180deg,var(--k-cream) 0%,var(--k-warm-white) 100%);border-radius:16px;overflow:hidden}.hero-container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-content{max-width:560px}.hero-headline{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;line-height:1.25;color:var(--k-navy);margin:0 0 1.25rem;letter-spacing:-.02em}.hero-subheadline{font-family:var(--font-body);font-size:1.125rem;line-height:1.6;color:var(--k-text-muted);margin:0 0 2rem}.segmentation{margin-bottom:2rem;padding:1.5rem;background:#fff;border:1px solid var(--k-border);border-radius:16px}.segmentation-question{font-family:var(--font-body);font-size:.875rem;font-weight:600;color:var(--k-text);margin:0 0 1rem}.segmentation-options{display:flex;flex-wrap:wrap;gap:.75rem}.segment-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--k-warm-white);border:1.5px solid var(--k-border);border-radius:100px;font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--k-text);cursor:pointer;transition:all .2s ease}.segment-btn:hover{border-color:var(--k-navy);background:#fff}.segment-btn.active{background:var(--k-navy);border-color:var(--k-navy);color:#fff}.segment-icon{font-size:1rem}.hero-ctas{display:flex;flex-wrap:wrap;gap:1rem}.cta-primary{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 1.75rem;background:var(--k-gold);color:var(--k-navy);font-family:var(--font-body);font-size:1rem;font-weight:700;text-decoration:none;border-radius:12px;transition:all .25s ease;box-shadow:0 4px 16px #f2c40059}.cta-primary:hover{background:var(--k-gold-hover);transform:translateY(-2px);box-shadow:0 8px 24px #f2c40066}.cta-primary svg{transition:transform .2s ease}.cta-primary:hover svg{transform:translate(4px)}.cta-secondary{display:inline-flex;align-items:center;padding:1rem 1.75rem;background:#fff;color:var(--k-navy);font-family:var(--font-body);font-size:1rem;font-weight:600;text-decoration:none;border:1.5px solid var(--k-border);border-radius:12px;transition:all .2s ease}.cta-secondary:hover{border-color:var(--k-navy);background:var(--k-warm-white)}.hero-demo{position:relative}.demo-container{background:#fff;border:1px solid var(--k-border);border-radius:20px;padding:1.5rem;box-shadow:0 4px 24px #002b4914,0 12px 48px #002b490a}.demo-header{display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--k-border)}.demo-date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:64px;height:64px;background:var(--k-navy);border-radius:12px;flex-shrink:0}.demo-day-name{font-family:var(--font-body);font-size:.625rem;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em}.demo-day-number{font-family:var(--font-display);font-size:1.75rem;font-weight:600;color:#fff;line-height:1}.demo-title-wrap{flex:1}.demo-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--k-navy);margin:0 0 .25rem}.demo-subtitle{font-family:var(--font-body);font-size:.875rem;color:var(--k-text-muted);margin:0;line-height:1.4}.demo-events{display:flex;flex-direction:column;gap:.75rem}.demo-event{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--k-warm-white);border:1px solid var(--k-border);border-radius:12px;opacity:0;transform:translate(-20px);transition:all .4s cubic-bezier(.22,1,.36,1)}.hero-demo.animate .demo-event{opacity:1;transform:translate(0);transition-delay:var(--delay)}.event-time{font-family:var(--font-body);font-size:.75rem;font-weight:600;color:var(--k-text-muted);min-width:40px}.event-indicator{width:4px;height:100%;min-height:40px;border-radius:2px;flex-shrink:0}.event-content{flex:1;min-width:0}.event-title{display:flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:.9375rem;font-weight:600;color:var(--k-text)}.event-emoji{font-size:1rem}.event-source{display:flex;align-items:center;gap:.375rem;margin-top:.25rem;font-family:var(--font-body);font-size:.75rem;color:var(--k-text-muted)}.event-source-name{font-weight:500}.event-source-type{padding:.125rem .5rem;background:#002b490f;border-radius:100px;font-size:.6875rem}.event-badge{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--event-color);border-radius:8px;color:#fff;opacity:.9}.demo-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px dashed var(--k-border);text-align:center}.demo-message{font-family:var(--font-display);font-size:1rem;font-weight:500;color:var(--k-navy);margin:0}.demo-message em{font-style:italic;color:var(--k-gold)}.algorithm-section{padding:4rem var(--gutter);background:var(--k-navy);color:#fff}.algorithm-container{max-width:800px;margin:0 auto;text-align:center}.algorithm-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:600;margin:0 0 1rem;line-height:1.3}.algorithm-text{font-family:var(--font-body);font-size:1.0625rem;line-height:1.7;color:#fffc;margin:0 0 2.5rem}.algorithm-visual{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap}.node{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:#ffffff1a;border-radius:12px;border:1px solid rgba(255,255,255,.2)}.node-icon{font-size:1.5rem}.node-label{font-family:var(--font-body);font-size:.875rem;font-weight:600;color:#fff}.connection{width:40px;height:2px;background:linear-gradient(90deg,rgba(255,255,255,.2),var(--k-gold),rgba(255,255,255,.2))}.calendar-section{max-width:var(--container);margin:0 auto;padding:2rem var(--gutter) 0}.quick-access{max-width:var(--container);margin:0 auto;padding:2rem var(--gutter) 4rem}.quick-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.25rem}.quick-header h2{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--k-navy);margin:0}.see-all{font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--k-text-muted);text-decoration:none;transition:color .2s}.see-all:hover{color:var(--k-navy)}.kommun-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem}.kommun-card{display:flex;flex-direction:column;padding:1rem;background:#fff;border:1px solid var(--k-border);border-radius:12px;text-decoration:none;transition:all .2s}.kommun-card:hover{border-color:var(--k-gold);box-shadow:0 4px 16px #f2c4001f;transform:translateY(-2px)}.kommun-name{font-family:var(--font-body);font-size:.9375rem;font-weight:600;color:var(--k-navy)}.kommun-type{font-family:var(--font-body);font-size:.6875rem;color:var(--k-text-light);margin-top:.25rem;text-transform:uppercase;letter-spacing:.03em}@media(max-width:1024px){.hero-container{grid-template-columns:1fr;gap:3rem}.hero-content{max-width:100%;text-align:center}.segmentation{text-align:left}.hero-ctas{justify-content:center}.hero-demo{max-width:520px;margin:0 auto}.kommun-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.hero-new{padding:2.5rem var(--gutter) 2rem}.hero-headline{font-size:1.625rem}.hero-subheadline{font-size:1rem}.segmentation-options{flex-direction:column}.segment-btn{width:100%;justify-content:center}.hero-ctas{flex-direction:column}.cta-primary,.cta-secondary{width:100%;justify-content:center}.demo-container{padding:1rem}.demo-header{flex-direction:column;align-items:flex-start}.algorithm-visual{flex-direction:column;gap:1rem}.connection{width:2px;height:24px;background:linear-gradient(180deg,rgba(255,255,255,.2),var(--k-gold),rgba(255,255,255,.2))}.kommun-grid{grid-template-columns:repeat(2,1fr)}.quick-header{flex-direction:column;gap:.5rem}}@media(max-width:480px){.demo-event{padding:.75rem}.event-time{display:none}.widget-container{padding:0}}