:root{
  --navy:#101E2B; --navy-2:#182B3D; --cream:#F6F3EC; --ink:#17242F;
  --paper:#FFFDF8; --violet:#5F4693; --violet-soft:#B7A6DD;
  --line-dark:rgba(246,243,236,0.16); --line-light:rgba(23,36,47,0.14);
  --font-display:'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body:'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
*{box-sizing:border-box;min-width:0;}
html{scroll-behavior:smooth;overflow-x:hidden;}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-wrap:break-word;padding-top:64px;}
img{max-width:100%;display:block;}
a{color:inherit;}
::selection{background:var(--violet);color:#fff;}
:focus-visible{outline:2px solid var(--violet);outline-offset:3px;}
.wrap{max-width:820px;margin:0 auto;padding:0 28px;width:100%;}
section{padding:64px 0;}
@media (max-width:720px){section{padding:44px 0;}}
h1,h2,h3{font-family:var(--font-display);font-weight:500;margin:0;letter-spacing:-0.01em;}

header.site-nav{position:fixed;top:0;left:0;right:0;width:100%;z-index:40;background:rgba(16,30,43,0.94);backdrop-filter:blur(6px);border-bottom:1px solid var(--line-dark);}
.nav-inner{max-width:1040px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px;color:#F6F3EC;}
.brand{flex:none;display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:1.15rem;color:#fff;text-decoration:none;white-space:nowrap;}
nav.links{flex:1 1 auto;min-width:0;display:flex;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;}
nav.links::-webkit-scrollbar{display:none;}
nav.links a{flex:none;display:inline-block;color:#D9D3C6;text-decoration:none;font-size:0.92rem;white-space:nowrap;padding:4px 2px;margin-right:22px;border-bottom:1px solid transparent;transition:border-color .2s, color .2s;}
nav.links a:last-child{margin-right:0;}
nav.links a:hover{color:#fff;border-color:var(--violet-soft);}
.nav-cta{flex:none;background:var(--violet);color:#fff;text-decoration:none;font-size:0.85rem;padding:8px 15px;border-radius:2px;white-space:nowrap;transition:background .2s;}
.nav-cta:hover{background:#4d3a79;}
@media (max-width:520px){ .nav-cta{display:none;} }

.hero{background:linear-gradient(180deg,var(--navy) 0%, var(--navy-2) 100%);color:#F6F3EC;padding:64px 0 56px;}
.hero h1{font-size:clamp(1.9rem,4vw,2.7rem);line-height:1.1;color:#fff;}
.hero p{margin-top:16px;color:#CBC4B4;font-size:1.02rem;max-width:60ch;}

.legal h2{font-size:1.25rem;margin:40px 0 14px;color:var(--navy);}
.legal h2:first-child{margin-top:0;}
.legal h3{font-size:1.05rem;margin:26px 0 10px;color:var(--navy);}
.legal p{font-size:0.98rem;color:#3C4650;margin:0 0 14px;max-width:70ch;}
.legal ul{margin:0 0 14px;padding-left:20px;color:#3C4650;font-size:0.98rem;}
.legal li{margin-bottom:6px;}
.legal a{color:var(--violet);text-decoration:underline;}
.legal strong{color:var(--ink);}

.kontakt-cta{background:linear-gradient(180deg,var(--navy-2) 0%, var(--navy) 100%);color:#F6F3EC;}
.kontakt-cta h2{font-size:clamp(1.6rem,3vw,2.1rem);color:#fff;max-width:22ch;}
.kontakt-cta p{margin-top:14px;max-width:54ch;color:#C7C0B1;font-size:1rem;}
.kontakt-head{display:flex;gap:22px;align-items:center;}
@media (max-width:600px){ .kontakt-head{flex-direction:column;align-items:flex-start;gap:16px;} }
.kontakt-avatar{width:68px;height:68px;border-radius:50%;object-fit:cover;flex:none;border:2px solid var(--violet-soft);}
.kontakt-direct{margin-top:22px;display:flex;gap:28px;flex-wrap:wrap;}
.kontakt-direct a{font-family:var(--font-display);font-size:1.2rem;color:#fff;text-decoration:none;border-bottom:1px solid var(--violet-soft);}

footer{background:var(--navy);color:#8C8676;border-top:1px solid var(--line-dark);padding:26px 0;font-size:0.85rem;}
.footer-inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:1040px;margin:0 auto;padding:0 28px;}
footer a{color:#B9B2A2;text-decoration:none;}
footer a:hover{color:#fff;}
.footer-links{display:flex;gap:18px;flex-wrap:wrap;}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto;}*{transition:none !important;}}


.menu-btn{flex:none;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:#F6F3EC;margin-left:6px;padding:0;}
.menu-btn svg{width:22px;height:22px;}
.site-menu-overlay{position:fixed;inset:0;background:rgba(16,30,43,0.98);z-index:200;display:none;overflow-y:auto;}
.site-menu-overlay.is-open{display:block;}
.site-menu-inner{max-width:640px;margin:0 auto;padding:96px 28px 60px;}
.site-menu-close{position:fixed;top:18px;right:24px;width:40px;height:40px;background:none;border:none;color:#F6F3EC;font-size:1.6rem;cursor:pointer;z-index:201;line-height:1;}
.site-menu-group{margin-bottom:34px;}
.site-menu-group h3{font-family:var(--font-body);font-weight:600;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--violet-soft);margin-bottom:12px;}
.site-menu-group a{display:block;font-family:var(--font-display);font-size:1.25rem;color:#F6F3EC;text-decoration:none;padding:9px 0;border-bottom:1px solid var(--line-dark);}
.site-menu-group a:hover{color:var(--violet-soft);}


.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:150;background:var(--navy);border-top:1px solid var(--line-dark);padding:18px 24px;}
.cookie-inner{max-width:900px;margin:0 auto;display:flex;gap:20px;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.cookie-inner p{margin:0;color:#D9D3C6;font-size:0.88rem;max-width:60ch;line-height:1.5;}
.cookie-inner a{color:var(--violet-soft);}
.cookie-actions{display:flex;gap:10px;flex:none;flex-wrap:wrap;}
.cookie-actions button{font-family:var(--font-body);font-size:0.85rem;padding:10px 18px;border-radius:2px;border:none;cursor:pointer;white-space:nowrap;}
#cookieAccept{background:var(--violet);color:#fff;}
#cookieAccept:hover{background:#4d3a79;}
#cookieDecline{background:transparent;color:#D9D3C6;border:1px solid var(--line-dark);}