:root{--s4:4px;--s8:8px;--s12:12px;--s16:16px;--s24:24px;--s32:32px;--s40:40px;--s64:64px;--black:#0a0a0a;--white:#fcfcfc;--gray-light:#f0f0f0;--gray-dark:#333333;--accent:#e32619;--max:1200px;--font-main:"Helvetica Neue",Helvetica,Arial,sans-serif}
*{box-sizing:border-box;margin:0;padding:0;min-width:0}
html{font-family:var(--font-main);background-color:var(--white);color:var(--black);line-height:1.5;font-size:16px;scroll-behavior:smooth}
body{display:flex;flex-direction:column;min-height:100vh}
ul,ol{list-style:none}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%;height:auto}
.skip-link{position:absolute;top:-100px;left:0;background:var(--black);color:var(--white);padding:var(--s12) var(--s24);z-index:100}
.skip-link:focus{top:0}
:focus-visible{outline:3px solid var(--black);outline-offset:2px;border-radius:2px}
.bg-dark :focus-visible,.site-footer :focus-visible,.mobile-menu :focus-visible,.cookie-banner :focus-visible{outline-color:var(--white)}
.container{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--s16)}
.grid{display:grid;grid-template-columns:1fr;gap:var(--s24)}
@media(min-width:768px){.grid{grid-template-columns:repeat(12,1fr)}}
.swiss-asymmetry{grid-column:1/-1}
@media(min-width:768px){.swiss-asymmetry{grid-column:5/-1}}
.site-header{border-bottom:1px solid var(--gray-light);height:52px;display:flex;align-items:center}
@media(min-width:1024px){.site-header{height:64px}}
.header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%}
.brand{display:flex;align-items:center;gap:var(--s8);font-weight:700;font-size:1.25rem;letter-spacing:-0.02em;z-index:50}
.brand svg{width:24px;height:24px;fill:var(--black)}
.desktop-nav{display:none}
@media(min-width:1024px){.desktop-nav{display:flex;gap:var(--s24);flex:1;justify-content:center}.brand{flex-shrink:0;white-space:nowrap}.desktop-nav a{font-size:0.875rem;font-weight:500;white-space:nowrap;letter-spacing:0.01em}.mobile-toggle{display:none}}
.cta-button{background:var(--accent);color:var(--white);padding:var(--s8) var(--s16);font-weight:600;font-size:0.875rem;border:none;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}
.cta-button:hover{background:var(--black);color:var(--white)}
.header-cta{display:none}
@media(min-width:1024px){.header-cta{display:block;flex-shrink:0}}
.mobile-toggle{background:none;border:none;cursor:pointer;padding:var(--s8);z-index:50}
.mobile-toggle svg{width:24px;height:24px;fill:var(--black)}
.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--black);color:var(--white);z-index:40;padding:80px var(--s24) var(--s40);overflow-y:auto;display:flex;flex-direction:column}
.mobile-menu[hidden]{display:none}
.mobile-nav{display:flex;flex-direction:column;gap:var(--s24);margin-block:auto;align-items:flex-start}
.mobile-nav a{font-size:2rem;font-weight:700;letter-spacing:-0.03em;overflow-wrap:anywhere}
.mobile-nav .cta-button{margin-top:var(--s24);font-size:1rem;padding:var(--s12) var(--s24)}
main{flex:1;padding-block:var(--s64)}
.hero{margin-bottom:var(--s64)}
.hero-image{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--gray-light);margin-bottom:var(--s40)}
.title-oversized{font-size:clamp(2.5rem,6vw,5rem);font-weight:700;line-height:1.05;letter-spacing:-0.04em;margin-bottom:var(--s24)}
.intro-text{font-size:clamp(1.125rem,2vw,1.5rem);line-height:1.4;color:var(--gray-dark);max-width:40ch;margin-bottom:var(--s40)}
.accent-list{display:flex;flex-direction:column;gap:var(--s64)}
.accent-list-item{border-left:8px solid var(--accent);padding-left:var(--s24)}
.accent-list-item h2{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;letter-spacing:-0.02em;margin-bottom:var(--s12)}
.accent-list-item p{font-size:1.125rem;color:var(--gray-dark);max-width:50ch;margin-bottom:var(--s16)}
.accent-list-item a{display:inline-flex;font-weight:700;font-size:0.875rem;text-transform:uppercase;letter-spacing:0.05em;border-bottom:2px solid var(--black);padding-bottom:var(--s4)}
.accent-list-item a:hover{color:var(--accent);border-bottom-color:var(--accent)}
.content-body{font-size:1.125rem;line-height:1.6;color:var(--black)}
.content-body h2{font-size:2rem;font-weight:700;margin:var(--s64) 0 var(--s24);letter-spacing:-0.02em}
.content-body h3{font-size:1.25rem;font-weight:700;margin:var(--s32) 0 var(--s12)}
.content-body p{margin-bottom:var(--s24);max-width:65ch}
.content-body ul,.content-body ol{margin-bottom:var(--s24);padding-left:var(--s24);max-width:65ch}
.content-body li{margin-bottom:var(--s12);padding-left:var(--s8)}
.content-body ol{list-style-type:decimal}
.content-body ul{list-style-type:square}
.table-wrapper{width:100%;overflow-x:auto;margin-bottom:var(--s32)}
table{width:100%;border-collapse:collapse;min-width:600px;text-align:left}
th,td{padding:var(--s16);border-bottom:1px solid var(--gray-light)}
th{font-weight:700;background:var(--black);color:var(--white)}
.form-group{margin-bottom:var(--s24)}
.form-label{display:block;font-weight:700;margin-bottom:var(--s8);font-size:0.875rem}
.form-control{width:100%;padding:var(--s16);border:2px solid var(--black);background:var(--white);font-family:inherit;font-size:1rem;color:var(--black)}
textarea.form-control{min-height:150px;resize:vertical}
.site-footer{background:var(--black);color:var(--white);padding-block:var(--s64);margin-top:auto}
.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--s40)}
@media(min-width:768px){.footer-grid{grid-template-columns:repeat(4,1fr)}}
.footer-col h3{font-size:1rem;font-weight:700;margin-bottom:var(--s24);color:var(--gray-light)}
.footer-col ul{display:flex;flex-direction:column;gap:var(--s12)}
.footer-col a{color:var(--gray-light);font-size:0.875rem}
.footer-col a:hover{color:var(--white);text-decoration:underline}
.footer-col p{color:var(--gray-light);font-size:0.875rem;margin-bottom:var(--s8)}
.footer-bottom{margin-top:var(--s64);padding-top:var(--s24);border-top:1px solid var(--gray-dark);display:flex;flex-direction:column;gap:var(--s16);font-size:0.75rem;color:var(--gray-dark)}
@media(min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between}}
.cookie-banner{position:fixed;bottom:0;left:0;width:100%;background:var(--gray-light);border-top:2px solid var(--black);padding:var(--s24);z-index:90;transform:translateY(0);transition:transform 0.3s ease}
.cookie-banner[hidden]{display:none;transform:translateY(100%)}
.cookie-content{max-width:var(--max);margin-inline:auto;display:flex;flex-direction:column;gap:var(--s24)}
@media(min-width:1024px){.cookie-content{flex-direction:row;align-items:center;justify-content:space-between}}
.cookie-text{flex:1;font-size:0.875rem;max-width:60ch}
.cookie-actions{display:flex;flex-direction:column;gap:var(--s12);width:100%}
@media(min-width:480px){.cookie-actions{flex-direction:row;flex-wrap:wrap}}
@media(min-width:1024px){.cookie-actions{width:auto;flex-wrap:nowrap;justify-content:flex-end}}
.cookie-btn{padding:var(--s12) var(--s24);font-size:0.875rem;font-weight:700;border:2px solid var(--black);background:var(--white);color:var(--black);cursor:pointer;flex:1 1 auto;text-align:center;white-space:nowrap}
.cookie-btn.primary{background:var(--black);color:var(--white)}
.cookie-btn:hover{background:var(--accent);color:var(--white);border-color:var(--accent)}
.cookie-prefs{display:none;padding-top:var(--s16);margin-top:var(--s16);border-top:1px solid var(--black)}
.cookie-prefs.is-open{display:block}
.pref-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s12);font-size:0.875rem}
@media(prefers-reduced-motion:reduce){*{transition-duration:0.01ms!important;animation-duration:0.01ms!important}html{scroll-behavior:auto}}