.fk-embed,.fk-host{--bg:     #ffffff;
      --text:   #0d1f1f;
      --blue:   #44a5eb;
      --teal:   #178080;
      --muted:  #4a7a7a;
      --line:   #c8e8e8;
      --soft:   #f0fafa;
      --radius: 4px;}
:is(.fk-embed,.fk-host) *,:is(.fk-embed,.fk-host) *::before,:is(.fk-embed,.fk-host) *::after{box-sizing: border-box; margin: 0; padding: 0;}
.fk-embed{scroll-behavior: smooth;}
.fk-embed{font-family: var(--font-dm-sans-opsz), sans-serif; background: var(--bg); color: var(--text); overflow-x: clip; line-height: 1.6; -webkit-font-smoothing: antialiased;}
:is(.fk-embed,.fk-host) a:focus-visible{outline: 2px solid var(--blue); outline-offset: 2px;}
:is(.fk-embed,.fk-host) .bg-canvas{position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; background: var(--bg);}
:is(.fk-embed,.fk-host) .bg-orb{position: absolute; border-radius: 50%; will-change: transform, opacity;}
@container fk (min-width: 901px){
:is(.fk-embed,.fk-host) .bg-orb{filter: blur(80px); opacity: 0.12; animation: orb-drift 18s ease-in-out infinite alternate;}
:is(.fk-embed,.fk-host) .bg-orb-1{width: 600px; height: 600px; background: radial-gradient(circle, var(--blue), transparent); top: -15%; left: -10%;}
:is(.fk-embed,.fk-host) .bg-orb-2{width: 400px; height: 400px; background: radial-gradient(circle, var(--teal), transparent); bottom: 10%; right: -5%; animation-delay: -6s;}
}
@container fk (max-width: 900px){
:is(.fk-embed,.fk-host) .bg-orb{animation: none !important; filter: none !important; opacity: 0.04 !important;}
:is(.fk-embed,.fk-host) .bg-orb-1{width: 300px; height: 300px; background: radial-gradient(circle, rgba(68,165,235,0.4), transparent 70%); top: -5%; left: -10%;}
:is(.fk-embed,.fk-host) .bg-orb-2{width: 250px; height: 250px; background: radial-gradient(circle, rgba(23,128,128,0.3), transparent 70%); bottom: 5%; right: -5%;}
}
@media (prefers-reduced-motion: reduce){
:is(.fk-embed,.fk-host) .bg-orb{animation: none !important;}
}
@keyframes orb-drift{ 0% { transform: translate(0,0) scale(1); } 100% { transform: translate(40px,30px) scale(1.08); } }
:is(.fk-embed,.fk-host) .topbar{position: relative; z-index: 200; background: var(--blue); color: #fff; text-align: center; padding: 11px 20px; font-size: 0.82rem; font-weight: 500; letter-spacing: 0.04em;}
:is(.fk-embed,.fk-host) .topbar a{color: #fff; font-weight: 700; text-decoration: none;}
:is(.fk-embed,.fk-host) .hero{position: relative; z-index: 1; padding: clamp(3.5rem, 8cqw, 6.5rem) 6% clamp(2.5rem, 5cqw, 4rem); border-bottom: 1px solid var(--line);}
:is(.fk-embed,.fk-host) .hero-inner{max-width: 1200px; margin: 0 auto;}
:is(.fk-embed,.fk-host) .eyebrow{font-size: 0.72rem; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: var(--teal); margin-bottom: 1rem;}
:is(.fk-embed,.fk-host) .hero h1{font-family: var(--font-bebas), sans-serif; font-weight: 400; font-size: clamp(3rem, 7cqw, 5.6rem); line-height: 0.95; letter-spacing: 0.02em; margin-bottom: 1.2rem; max-width: 820px;}
:is(.fk-embed,.fk-host) .hero h1 span{color: var(--blue);}
:is(.fk-embed,.fk-host) .hero-sub{font-size: clamp(1rem, 1.5cqw, 1.12rem); font-weight: 300; color: #3d5555; max-width: 600px; margin-bottom: 2rem;}
:is(.fk-embed,.fk-host) .hero-actions{display: flex; gap: 12px; flex-wrap: wrap;}
:is(.fk-embed,.fk-host) .btn-call{background: var(--blue); color: #fff; padding: 15px 30px; font-weight: 600; font-size: 1rem; text-decoration: none; border-radius: var(--radius); display: inline-flex; align-items: center; gap: 9px; transition: background 0.2s, transform 0.15s;}
:is(.fk-embed,.fk-host) .btn-call:hover{background: var(--teal);}
:is(.fk-embed,.fk-host) .btn-wa{border: 1px solid var(--line); background: #fff; color: var(--text); padding: 15px 24px; font-size: 0.95rem; font-weight: 600; text-decoration: none; border-radius: var(--radius); display: inline-flex; align-items: center; gap: 8px; transition: border-color 0.2s, color 0.2s;}
:is(.fk-embed,.fk-host) .btn-wa:hover{border-color: #25a244; color: #1d8a39;}
:is(.fk-embed,.fk-host) .stats-row{position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid var(--line); background: var(--soft);}
:is(.fk-embed,.fk-host) .stat-card{padding: 1.6rem 1rem; text-align: center; border-right: 1px solid var(--line);}
:is(.fk-embed,.fk-host) .stat-card:last-child{border-right: none;}
:is(.fk-embed,.fk-host) .stat-num{font-family: var(--font-bebas), sans-serif; font-size: 2.6rem; color: var(--teal); line-height: 1;}
:is(.fk-embed,.fk-host) .stat-label{font-size: 0.72rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); margin-top: 0.35rem;}
:is(.fk-embed,.fk-host) .container{position: relative; z-index: 1; max-width: 1200px; margin: 0 auto; padding: clamp(3rem, 6cqw, 5rem) 6%;}
:is(.fk-embed,.fk-host) .section-title{font-family: var(--font-bebas), sans-serif; font-weight: 400; font-size: clamp(2rem, 4cqw, 3rem); line-height: 1; letter-spacing: 0.03em; margin-bottom: 0.8rem;}
:is(.fk-embed,.fk-host) .section-intro{color: #3d5555; max-width: 720px; margin-bottom: 1.5rem;}
:is(.fk-embed,.fk-host) .region-nav{display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 3rem;}
:is(.fk-embed,.fk-host) .region-nav a{font-size: 0.8rem; font-weight: 600; color: var(--teal); text-decoration: none; border: 1px solid var(--line); background: #fff; padding: 7px 14px; border-radius: 3px;}
:is(.fk-embed,.fk-host) .region-nav a:hover{border-color: var(--teal);}
:is(.fk-embed,.fk-host) .region-block{margin-bottom: 3.5rem; scroll-margin-top: 1rem;}
:is(.fk-embed,.fk-host) .region-header{display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-bottom: 1.2rem; padding-bottom: 0.7rem; border-bottom: 2px solid var(--teal);}
:is(.fk-embed,.fk-host) .region-name{font-family: var(--font-bebas), sans-serif; font-weight: 400; font-size: 1.6rem; letter-spacing: 0.05em;}
:is(.fk-embed,.fk-host) .region-count{font-size: 0.72rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); white-space: nowrap;}
:is(.fk-embed,.fk-host) .city-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line);}
:is(.fk-embed,.fk-host) .city-card{background: #fff; padding: 1.1rem 1.3rem; text-decoration: none; color: var(--text); display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; transition: background 0.2s;}
:is(.fk-embed,.fk-host) .city-card:hover{background: #eef8f8;}
:is(.fk-embed,.fk-host) .city-name{font-size: 0.92rem; font-weight: 600;}
:is(.fk-embed,.fk-host) .city-plz{font-size: 0.74rem; color: var(--muted);}
:is(.fk-embed,.fk-host) .city-arrow{font-size: 0.85rem; color: var(--teal); transition: transform 0.2s;}
:is(.fk-embed,.fk-host) .city-card:hover .city-arrow{transform: translateX(3px);}
:is(.fk-embed,.fk-host) .city-partner{background: #fafafa;}
:is(.fk-embed,.fk-host) .partner-tag{font-size: 0.66rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; padding: 3px 7px; border-radius: 2px; border: 1px solid var(--line); color: var(--muted); background: #fff;}
:is(.fk-embed,.fk-host) .cta-strip{position: relative; z-index: 1; background: var(--text); color: #fff; padding: clamp(3rem, 6cqw, 4.5rem) 6%;}
:is(.fk-embed,.fk-host) .cta-inner{max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 2rem; flex-wrap: wrap;}
:is(.fk-embed,.fk-host) .cta-strip h2{font-family: var(--font-bebas), sans-serif; font-weight: 400; font-size: clamp(2rem, 5cqw, 3.2rem); line-height: 1;}
:is(.fk-embed,.fk-host) .cta-strip p{color: #b9d3d3; margin-top: 0.6rem; font-size: 0.95rem;}
:is(.fk-embed,.fk-host) .cta-strip .btn-wa{background: transparent; color: #fff; border-color: rgba(255,255,255,0.4);}
:is(.fk-embed,.fk-host) .cta-strip .btn-wa:hover{border-color: #fff; color: #fff;}
:is(.fk-embed,.fk-host) footer{position: relative; z-index: 1; border-top: 1px solid var(--line); background: #f8f8f8; padding: 56px 6% 32px;}
:is(.fk-embed,.fk-host) .footer-grid{max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 48px; padding-bottom: 40px; border-bottom: 1px solid var(--line);}
:is(.fk-embed,.fk-host) .footer-brand-name{font-family: var(--font-bebas), sans-serif; font-size: 1.4rem; letter-spacing: 0.12em; color: var(--text); margin-bottom: 12px;}
:is(.fk-embed,.fk-host) .footer-brand-name span{color: var(--blue);}
:is(.fk-embed,.fk-host) .footer-brand p{font-size: 0.82rem; color: var(--muted); line-height: 1.65;}
:is(.fk-embed,.fk-host) footer h4{font-size: 0.72rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--blue); margin-bottom: 16px;}
:is(.fk-embed,.fk-host) footer a{display: block; font-size: 0.84rem; color: var(--muted); text-decoration: none; margin-bottom: 8px; transition: color 0.2s;}
:is(.fk-embed,.fk-host) footer a:hover{color: var(--text);}
:is(.fk-embed,.fk-host) .areas-section{max-width: 1200px; margin: 32px auto 0; padding-bottom: 24px; border-bottom: 1px solid var(--line);}
:is(.fk-embed,.fk-host) .partner-grid{display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; margin-top: 12px;}
:is(.fk-embed,.fk-host) .partner-item{display: flex; flex-direction: column; gap: 4px; font-size: 0.78rem; color: #666;}
:is(.fk-embed,.fk-host) .partner-item a{color: var(--teal); font-weight: 600; font-size: 0.85rem; margin: 0;}
:is(.fk-embed,.fk-host) .partner-item a:hover{color: var(--blue); text-decoration: underline;}
:is(.fk-embed,.fk-host) .footer-bottom{max-width: 1200px; margin: 28px auto 0; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; font-size: 0.73rem; color: var(--muted);}
:is(.fk-embed,.fk-host) .footer-bottom a{display: inline; font-size: inherit; margin: 0;}
@container fk (max-width: 800px){
:is(.fk-embed,.fk-host) .stats-row{grid-template-columns: repeat(2, 1fr);}
:is(.fk-embed,.fk-host) .stat-card:nth-child(2){border-right: none;}
:is(.fk-embed,.fk-host) .stat-card:nth-child(-n+2){border-bottom: 1px solid var(--line);}
:is(.fk-embed,.fk-host) .footer-grid{grid-template-columns: 1fr; gap: 2rem;}
}
@container fk (max-width: 520px){
:is(.fk-embed,.fk-host) .city-grid{grid-template-columns: 1fr 1fr;}
:is(.fk-embed,.fk-host) .city-card{padding: 0.9rem 1rem;}
:is(.fk-embed,.fk-host) .city-arrow{display: none;}
:is(.fk-embed,.fk-host) .hero-actions a{flex: 1 1 100%; justify-content: center;}
}