:root{--k-navy: #1B3045;--k-navy-mid: #243d57;--k-navy-light: #2d4a69;--k-accent: #F9CA0D;--k-accent-hover: #e8bb00;--k-accent-text: #1B3045;--k-blue: #0076cf;--k-bg: #ffffff;--k-bg-subtle: #f8fafc;--k-bg-muted: #f1f5f9;--k-border: #e2e8f0;--k-border-light: #f1f5f9;--k-text: #0f172a;--k-text-muted: #475569;--k-text-light: #94a3b8;--k-navy-deep: var(--k-navy);--k-warm-white: var(--k-bg-subtle);--k-cream: var(--k-bg);--k-shadow-xs: var(--shadow-xs);--k-shadow-sm: var(--shadow-sm);--k-shadow-md: var(--shadow-md);--k-shadow-lg: var(--shadow-lg);--k-shadow-xl: var(--shadow-xl);--k-green: #22c55e;--k-event-blue: #3b82f6;--k-yellow: #F9CA0D;--k-gray: #9ca3af;--font-display: "Plus Jakarta Sans", "DM Sans", system-ui, sans-serif;--font-body: "DM Sans", system-ui, -apple-system, sans-serif;--container: 1200px;--gutter: 1.5rem;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .05), 0 2px 4px -2px rgba(15, 23, 42, .05);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .06), 0 4px 6px -4px rgba(15, 23, 42, .04);--shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, .08), 0 8px 10px -6px rgba(15, 23, 42, .04);--shadow-2xl: 0 25px 50px -12px rgba(15, 23, 42, .16);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--ease-spring: cubic-bezier(.16, 1, .3, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-out-expo: cubic-bezier(.19, 1, .22, 1)}.homepage{background:var(--k-bg);min-height:100vh;position:relative;overflow-x:hidden}.ambient-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.35}.orb-1{width:800px;height:800px;top:-200px;right:-200px;background:radial-gradient(circle,rgba(59,130,246,.12) 0%,transparent 70%);animation:orb-float 30s ease-in-out infinite}.orb-2{width:600px;height:600px;bottom:20%;left:-200px;background:radial-gradient(circle,rgba(99,102,241,.08) 0%,transparent 70%);animation:orb-float 25s ease-in-out infinite reverse}@keyframes orb-float{0%,to{transform:translate(0)}33%{transform:translate(40px,-30px)}66%{transform:translate(-20px,20px)}}.calendar-section{animation:page-enter .8s var(--ease-out-expo) both;position:relative;z-index:1}@keyframes page-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.calendar-section{max-width:var(--container);margin:0 auto;padding:2rem var(--gutter) 0}.hero-new{padding:5rem 0 3rem;margin:3rem 0 0;position:relative}.hero-container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;position:relative}.hero-content{max-width:560px}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:.8125rem;font-weight:600;color:var(--k-navy);letter-spacing:.02em;margin-bottom:1.75rem;padding:.375rem .875rem .375rem .625rem;background:#1b30450f;border:1px solid rgba(27,48,69,.12);border-radius:100px}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--k-accent);animation:pulse-dot 2.5s ease-in-out infinite;box-shadow:0 0 8px #f9ca0d99}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 8px #f9ca0d99}50%{opacity:.7;transform:scale(1.4);box-shadow:0 0 16px #f9ca0d66}}.hero-headline{font-family:var(--font-display);font-size:clamp(2.25rem,4.5vw,3.25rem);font-weight:800;line-height:1.15;color:var(--k-navy);margin:0 0 1.75rem;letter-spacing:-.03em}.headline-line{display:block;opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-out-expo)}.headline-line.revealed{opacity:1;transform:translateY(0)}.headline-line--accent{color:var(--k-blue)}.hero-subheadline{font-family:var(--font-body);font-size:1.125rem;line-height:1.7;color:var(--k-text, #0f172a);margin:0 0 2rem}.segmentation{margin-bottom:2rem;padding:1.25rem;background:var(--k-bg);border:1px solid var(--k-border);border-radius:16px;box-shadow:var(--shadow-sm)}.segmentation-question{font-family:var(--font-body);font-size:.8125rem;font-weight:600;color:var(--k-text);margin:0 0 .875rem;letter-spacing:-.01em}.segmentation-options{display:flex;flex-wrap:wrap;gap:.5rem}.segment-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:var(--k-bg-subtle);border:1.5px solid var(--k-border);border-radius:100px;font-family:var(--font-body);font-size:.8125rem;font-weight:500;color:var(--k-text);cursor:pointer;transition:all .3s var(--ease-spring);letter-spacing:-.01em}.segment-btn:hover{border-color:var(--k-navy);background:#1b30450a;transform:translateY(-1px);box-shadow:0 2px 8px #1b304514}.segment-btn.active{background:var(--k-navy);border-color:var(--k-navy);color:#fff;box-shadow:0 4px 16px #1b304540}.segment-icon{font-size:.875rem}.hero-ctas{display:flex;flex-wrap:wrap;gap:1rem}.cta-primary{display:inline-flex;align-items:center;gap:.625rem;padding:.875rem 2rem;background:var(--k-accent);color:var(--k-accent-text);font-family:var(--font-brand, "ExoBlack", sans-serif);font-size:1rem;font-weight:700;text-decoration:none;border-radius:12px;letter-spacing:.01em;transition:all .4s var(--ease-spring);box-shadow:0 1px 2px #f9ca0d40,0 4px 16px #f9ca0d33;position:relative;overflow:hidden}.cta-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.25) 0%,transparent 50%);opacity:0;transition:opacity .35s ease}.cta-primary:hover{transform:translateY(-2px);background:var(--k-accent-hover);box-shadow:0 4px 8px #f9ca0d33,0 12px 40px #f9ca0d4d}.cta-primary:hover:before{opacity:1}.cta-primary svg{transition:transform .3s var(--ease-spring);position:relative}.cta-primary:hover svg{transform:translate(3px)}.hero-demo{position:relative}.demo-container{background:var(--k-bg-subtle);border:1px solid var(--k-border);border-radius:20px;padding:1.5rem;position:relative;box-shadow:0 0 0 1px #0f172a0a,var(--shadow-lg);transition:all .5s var(--ease-spring)}.demo-container:hover{box-shadow:0 0 0 1px #0f172a0f,var(--shadow-2xl);transform:translateY(-4px)}.demo-header{display:flex;gap:.875rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--k-border-light)}.demo-date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:56px;height:56px;background:var(--k-navy);border-radius:14px;flex-shrink:0}.demo-day-name{font-family:var(--font-body);font-size:.5625rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.08em}.demo-day-number{font-family:var(--font-display);font-size:1.625rem;color:#fff;line-height:1}.demo-title-wrap{flex:1;display:flex;flex-direction:column;justify-content:center}.demo-title{font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:var(--k-navy);margin:0 0 .125rem}.demo-subtitle{font-family:var(--font-body);font-size:.8125rem;color:var(--k-text-muted);margin:0;line-height:1.4}.demo-events{display:flex;flex-direction:column;gap:.5rem}.demo-event{display:flex;align-items:center;gap:.625rem;padding:.75rem .875rem;background:var(--k-bg);border:1px solid var(--k-border-light);border-radius:12px;opacity:0;transform:translateY(12px);transition:all .6s var(--ease-out-expo)}.hero-demo.animate .demo-event{opacity:1;transform:translateY(0);transition-delay:var(--delay)}.demo-event:hover{background:var(--k-bg-subtle);border-color:var(--k-border);box-shadow:var(--shadow-xs)}.event-time{font-family:var(--font-body);font-size:.6875rem;font-weight:600;color:var(--k-text-light);min-width:36px;letter-spacing:.02em}.event-indicator{width:3px;height:100%;min-height:36px;border-radius:2px;flex-shrink:0}.event-content{flex:1;min-width:0}.event-title{display:flex;align-items:center;gap:.375rem;font-family:var(--font-body);font-size:.875rem;font-weight:600;color:var(--k-text);letter-spacing:-.01em}.event-emoji{font-size:.875rem}.event-source{display:flex;align-items:center;gap:.25rem;margin-top:.125rem;font-family:var(--font-body);font-size:.6875rem;color:var(--k-text-light)}.event-source-name{font-weight:500;color:var(--k-text-muted)}.event-source-type{padding:.0625rem .375rem;background:var(--k-bg-muted);border-radius:100px;font-size:.625rem}.demo-footer{margin-top:1.25rem;padding-top:.875rem;border-top:1px dashed var(--k-border-light);text-align:center}.demo-message{font-family:var(--font-display);font-size:.9375rem;color:var(--k-text-muted);margin:0}.demo-message em{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-style:italic}.stats-section{position:relative;z-index:1;padding:0 var(--gutter)}.stats-container{max-width:var(--container);margin:0 auto;padding:2.5rem 0}.stats-grid{display:flex;align-items:center;justify-content:center;gap:0;padding:2.5rem 3rem;background:var(--k-navy);border-radius:20px;position:relative;overflow:hidden;box-shadow:var(--shadow-2xl)}.stats-grid:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 30%,rgba(139,92,246,.1) 0%,transparent 50%);pointer-events:none}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.375rem;flex:1;text-align:center;position:relative}.stat-value{font-family:var(--font-brand, "ExoBlack", var(--font-display));font-size:clamp(2rem,3.5vw,3rem);font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}.stat-label{font-family:var(--font-body);font-size:.8125rem;font-weight:500;color:#ffffff80;letter-spacing:.02em;text-transform:uppercase}.stat-divider{width:1px;height:48px;background:#ffffff1a;flex-shrink:0}.how-section{padding:6rem var(--gutter);background:var(--k-navy);color:#fff;position:relative;overflow:hidden;z-index:1}.how-bg{position:absolute;inset:0;pointer-events:none}.how-gradient-1{position:absolute;width:600px;height:600px;top:-200px;left:10%;background:radial-gradient(circle,rgba(59,130,246,.2) 0%,transparent 60%);filter:blur(80px);animation:how-drift 20s ease-in-out infinite}.how-gradient-2{position:absolute;width:500px;height:500px;bottom:-150px;right:15%;background:radial-gradient(circle,rgba(139,92,246,.15) 0%,transparent 60%);filter:blur(80px);animation:how-drift 25s ease-in-out infinite reverse}@keyframes how-drift{0%,to{transform:translate(0)}33%{transform:translate(30px,-20px)}66%{transform:translate(-15px,15px)}}.how-container{max-width:960px;margin:0 auto;text-align:center;position:relative;z-index:1}.how-eyebrow{display:inline-block;font-family:var(--font-body);font-size:.75rem;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.15em;margin-bottom:1.25rem}.how-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);font-weight:800;margin:0 0 1.25rem;line-height:1.2;letter-spacing:-.03em}.how-title em{font-style:normal;font-weight:600;color:#fff9}.how-text{font-family:var(--font-body);font-size:1.0625rem;line-height:1.7;color:#fff9;margin:0 auto 3.5rem;max-width:640px}.how-cards{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap}.how-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 2.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .5s var(--ease-spring);cursor:default;max-width:220px}.how-card:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 16px 48px #0003}.how-card-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:16px;color:#fffc;transition:all .3s ease}.how-card:hover .how-card-icon{background:#3b82f633;border-color:#3b82f64d;color:#fff}.how-card-title{font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:#fff;margin:0}.how-card-desc{font-family:var(--font-body);font-size:.8125rem;line-height:1.6;color:#ffffff73;margin:0;text-align:center}.how-card-connector{display:flex;align-items:center;justify-content:center;padding:0 .5rem}.connector-line{animation:connector-dash 3s linear infinite}@keyframes connector-dash{0%{stroke-dashoffset:0}to{stroke-dashoffset:-16}}.connector-pulse{animation:connector-pulse-glow 2s ease-in-out infinite}@keyframes connector-pulse-glow{0%,to{opacity:.4;r:3}50%{opacity:1;r:5}}.network-nodes{position:absolute;inset:0;pointer-events:none}.network-node{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#f9ca0d80;box-shadow:0 0 8px #f9ca0d4d;animation:network-node-pulse 4s ease-in-out infinite;animation-delay:var(--delay)}@keyframes network-node-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.8)}}.network-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.network-line{stroke:#f9ca0d1f;stroke-width:.15;stroke-dasharray:2 3;animation:network-line-draw 6s ease-in-out infinite;animation-delay:var(--line-delay)}@keyframes network-line-draw{0%,to{opacity:.15;stroke-dashoffset:0}50%{opacity:.4;stroke-dashoffset:-10}}.quick-access{max-width:var(--container);margin:0 auto;padding:4rem var(--gutter) 5rem;position:relative;z-index:1}.quick-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.75rem}.quick-header h2{font-family:var(--font-display);font-size:1.5rem;color:var(--k-navy);margin:0}.quick-subtitle{font-family:var(--font-body);font-size:.875rem;color:var(--k-text-muted);margin:.25rem 0 0}.see-all{display:inline-flex;align-items:center;gap:.375rem;font-family:var(--font-body);font-size:.875rem;font-weight:600;color:var(--k-blue);text-decoration:none;transition:all .2s;padding:.375rem 0}.see-all:hover{color:var(--k-navy)}.see-all svg{transition:transform .25s var(--ease-spring)}.see-all:hover svg{transform:translate(3px)}.kommun-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem}.kommun-card{display:flex;flex-direction:column;padding:1.25rem 1rem;background:var(--k-bg);border:1px solid var(--k-border);border-radius:16px;text-decoration:none;transition:all .4s var(--ease-spring);position:relative;overflow:hidden}.kommun-card:hover{border-color:var(--k-blue);box-shadow:0 4px 16px #0076cf1f,var(--shadow-md);transform:translateY(-3px)}.kommun-name{font-family:var(--font-display);font-size:1.0625rem;color:var(--k-navy);position:relative}.kommun-type{font-family:var(--font-body);font-size:.6875rem;color:var(--k-text-light);margin-top:.25rem;text-transform:uppercase;letter-spacing:.06em;font-weight:500;position:relative}.kommun-arrow{position:absolute;top:.875rem;right:.875rem;color:var(--k-text-light);opacity:0;transform:translate(-4px,4px);transition:all .3s var(--ease-spring)}.kommun-card:hover .kommun-arrow{opacity:1;transform:translate(0);color:var(--k-blue)}@media(max-width:1024px){.hero-container{grid-template-columns:1fr;gap:3rem}.hero-content{max-width:100%;text-align:center}.hero-eyebrow{justify-content: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)}.stats-grid{padding:2rem 1.5rem}}@media(max-width:768px){.hero-new{padding:3rem 0 2rem;margin:2rem 0 0}.hero-headline{font-size:1.75rem}.hero-subheadline{font-size:.9375rem}.segmentation-options{flex-direction:column}.segment-btn{width:100%;justify-content:center}.hero-ctas{flex-direction:column}.cta-primary{width:100%;justify-content:center}.demo-container{padding:1rem}.demo-header{flex-direction:column;align-items:flex-start}.how-section{padding:4rem var(--gutter)}.how-cards{flex-direction:column;gap:.75rem}.how-card{max-width:none;width:100%;flex-direction:row;text-align:left;padding:1.25rem 1.5rem}.how-card-desc{text-align:left}.how-card-connector{display:none}.kommun-grid{grid-template-columns:repeat(2,1fr)}.quick-header{flex-direction:column;align-items:flex-start;gap:.5rem}.stats-grid{flex-wrap:wrap;gap:1.5rem;padding:2rem 1.5rem}.stat-divider{display:none}.stat-item{flex:0 0 calc(50% - .75rem)}.stat-value{font-size:1.75rem}}@media(max-width:480px){.demo-event{padding:.625rem}.event-time{display:none}}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease-out-expo),transform .9s var(--ease-out-expo)}[data-reveal].revealed{opacity:1;transform:translateY(0)}[data-reveal=fade]{transform:none}[data-reveal=scale]{transform:scale(.96)}[data-reveal=scale].revealed{transform:scale(1)}[data-reveal=left]{transform:translate(-28px)}[data-reveal=left].revealed{transform:translate(0)}[data-reveal=right]{transform:translate(28px)}[data-reveal=right].revealed{transform:translate(0)}[data-stagger-child]{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease-out-expo),transform .7s var(--ease-out-expo)}[data-stagger-child].revealed{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){[data-reveal],[data-stagger-child],.headline-line{opacity:1;transform:none;transition:none}.hero-demo,.calendar-section,.how-gradient-1,.how-gradient-2,.eyebrow-dot,.orb,.network-node,.network-line,.connector-line,.connector-pulse{animation:none}}