
:root{--ink:#112f36;--petrol:#0a6471;--cyan:#00bddb;--sand:#f4efe8;--soft:#eef6f7;--white:#fff;--muted:#5d6f73;--line:#d9e5e7;--shadow:0 18px 50px rgba(8,48,57,.12);--radius:20px;--container:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}img{display:block;max-width:100%}a{color:inherit}.container{width:min(calc(100% - 40px),var(--container));margin:auto}.skip-link{position:fixed;left:16px;top:-80px;z-index:999;background:#fff;padding:12px 18px;border-radius:8px}.skip-link:focus{top:16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.site-header{position:fixed;inset:0 0 auto;z-index:50;padding:18px 0;transition:.25s}.site-header.scrolled{background:rgba(255,255,255,.96);box-shadow:0 6px 30px rgba(0,0,0,.09);padding:10px 0}.header-inner{display:flex;align-items:center;gap:28px}.brand{margin-right:auto}.brand img{height:48px;width:auto}.main-nav{display:flex;gap:25px}.main-nav a,.language-link{text-decoration:none;font-weight:650;font-size:.94rem}.header-actions{display:flex;align-items:center;gap:16px}.nav-toggle{display:none;background:none;border:0;padding:8px}.nav-toggle span:not(.sr-only){display:block;width:25px;height:2px;background:var(--ink);margin:5px}
.hero{min-height:790px;position:relative;display:flex;align-items:center;color:#fff}.hero-media{position:absolute;inset:0;background:url('../images/top-img.webp') center/cover no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,35,41,.92) 0%,rgba(4,35,41,.68) 52%,rgba(4,35,41,.18) 100%)}.hero-content{position:relative;padding-top:120px}.hero h1{font-size:clamp(2.7rem,5vw,5rem);line-height:1.04;max-width:850px;margin:0 0 24px;letter-spacing:-.045em}.hero-copy{max-width:760px;font-size:1.18rem;color:rgba(255,255,255,.9)}.hero-buttons{display:flex;gap:12px;margin:34px 0 48px}.hero-stats{display:flex;gap:48px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-size:1.45rem}.hero-stats span{font-size:.88rem;color:rgba(255,255,255,.75)}
.trust-strip{background:var(--ink);color:#fff;padding:18px 0}.trust-inner{display:flex;justify-content:space-between;gap:30px;align-items:center}.trust-inner p{font-weight:650;margin:0}.trust-inner span{font-size:.86rem;color:#b8c9cc;white-space:nowrap}.section{padding:105px 0}.section-soft{background:var(--soft)}.section-heading{max-width:790px;margin-bottom:52px}.section-heading h2,.about-band h2,.contact-copy h2{font-size:clamp(2.1rem,4vw,3.6rem);line-height:1.1;letter-spacing:-.04em;margin:0 0 18px}.section-heading>p:last-child{color:var(--muted);font-size:1.08rem}.section-heading.split{max-width:none;display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:end}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.audience-card{position:relative;padding:42px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 8px 30px rgba(14,62,71,.06)}.audience-card.featured{background:var(--ink);color:#fff}.card-number{font-size:.82rem;font-weight:800;color:var(--cyan)}.audience-card h3{font-size:1.55rem;margin:35px 0 14px}.audience-card p{color:var(--muted)}.audience-card.featured p{color:#c3d1d3}.audience-card a{display:inline-block;margin-top:16px;color:var(--petrol);font-weight:750;text-decoration:none}.audience-card.featured a{color:#72e2ef}
.apartment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.apartment-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.apartment-card>img{width:100%;height:250px;object-fit:cover}.apartment-body{padding:28px}.apartment-tag{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--petrol)}.apartment-body h3{font-size:1.4rem;margin:9px 0}.apartment-body p{color:var(--muted)}.apartment-body ul{padding-left:19px;color:#40565b}.apartment-body a{display:inline-block;margin-top:10px;color:var(--petrol);font-weight:800;text-decoration:none}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.benefit-grid article{padding:30px 28px;border-top:3px solid var(--cyan);background:#fff}.benefit-icon{width:48px;height:48px;border-radius:50%;background:var(--soft);display:grid;place-items:center;font-weight:850;color:var(--petrol)}.benefit-grid h3{margin:20px 0 8px}.benefit-grid p{color:var(--muted)}
.about-band{padding:95px 0;background:var(--petrol);color:#fff}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:center}.about-grid>div>p:last-child{color:#d3e4e6;font-size:1.08rem}.about-facts{display:grid;gap:12px}.about-facts div{background:rgba(255,255,255,.1);padding:20px 24px;border-radius:14px;display:flex;align-items:baseline;justify-content:space-between;gap:20px}.about-facts strong{font-size:1.65rem}.about-facts span{color:#d5e3e5;text-align:right}.contact-section{background:var(--sand)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.contact-copy p{color:var(--muted);font-size:1.05rem}.contact-direct{display:flex;flex-direction:column;gap:7px;margin-top:28px}.contact-direct a{font-weight:800;color:var(--petrol);text-decoration:none}.contact-form{background:#fff;border-radius:var(--radius);padding:34px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label>span{display:block;font-size:.82rem;font-weight:750;margin-bottom:6px}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px 13px;font:inherit;background:#fff}.contact-form textarea{resize:vertical;margin-bottom:12px}.contact-form input:focus,.contact-form textarea:focus{outline:3px solid rgba(0,189,219,.17);border-color:var(--cyan)}.privacy-check{display:flex;gap:10px;align-items:flex-start;margin:10px 0 20px}.privacy-check input{width:auto;margin-top:5px}.privacy-check span{font-weight:400!important}.privacy-check a{color:var(--petrol)}.honeypot{position:absolute!important;left:-9999px!important}.form-status{font-weight:700;margin:14px 0 0}.form-status.success{color:#14713d}.form-status.error{color:#a52828}
.site-footer{background:#071f24;color:#fff;padding:70px 0 24px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr .7fr;gap:35px}.footer-grid img{margin-bottom:14px}.footer-grid h3{font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;color:#78dce8}.footer-grid p,.footer-grid a{color:#b7c6c9;text-decoration:none;display:block;margin:5px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:45px;padding-top:20px;display:flex;justify-content:space-between;color:#84999d;font-size:.85rem}.footer-bottom a{color:#b7c6c9;text-decoration:none}
@media(max-width:1000px){.main-nav{display:none;position:absolute;top:78px;left:20px;right:20px;background:#fff;padding:22px;border-radius:16px;box-shadow:var(--shadow);flex-direction:column}.main-nav.open{display:flex}.nav-toggle{display:block}.header-actions .button-small{display:none}.hero{min-height:720px}.audience-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.apartment-grid,.benefit-grid{grid-template-columns:1fr 1fr}.section-heading.split{grid-template-columns:1fr;gap:10px}.footer-grid{grid-template-columns:1fr 1fr}.contact-copy{max-width:700px}}
@media(max-width:680px){.container{width:min(calc(100% - 28px),var(--container))}.site-header{background:rgba(255,255,255,.96);padding:10px 0}.brand img{height:40px}.hero{min-height:760px}.hero-overlay{background:rgba(4,35,41,.8)}.hero-content{padding-top:110px}.hero h1{font-size:2.65rem}.hero-copy{font-size:1rem}.hero-buttons{flex-direction:column;align-items:stretch}.hero-stats{gap:20px;flex-wrap:wrap}.hero-stats div{min-width:120px}.trust-inner{align-items:flex-start;flex-direction:column;gap:4px}.section{padding:75px 0}.audience-card{padding:28px}.apartment-grid,.benefit-grid,.form-grid,.footer-grid{grid-template-columns:1fr}.apartment-card>img{height:220px}.about-grid{gap:40px}.contact-form{padding:24px}.footer-bottom{flex-direction:column;gap:10px}.language-link{font-size:.86rem}}

/* FAP family design system — shared visual DNA */
:root{--ink:#0b1c20;--petrol:#006f80;--cyan:#00bddb;--soft:#edf6f9;--muted:#5e7e88;--line:#d6e5e9;--radius:18px;--shadow:0 8px 32px rgba(0,20,30,.14);--button-gradient:linear-gradient(135deg,#00bddb 0%,#006f80 100%);--button-shadow:0 12px 28px rgba(0,111,128,.22);--color-petrol:#006f80;--color-cyan:#00bddb;--color-ink:#0b1c20;--color-warm:var(--sand);--color-offwhite:#fcfaf7;--radius-button:14px;--radius-button-small:12px;--chairos-ink:#0b1c20;--chairos-text:#4f6870;--chairos-cyan:#00bddb;--chairos-petrol:#006f80;--chairos-dark:#1b252b;--chairos-dark-deep:#11191e}
.brand img{height:60px;transition:height .25s}.site-header.scrolled .brand img{height:52px}
.main-nav{gap:3px}.main-nav a{padding:8px 11px;border-radius:8px;transition:background .18s,color .18s}.main-nav a:hover{background:rgba(0,189,219,.14);color:var(--petrol)}
.language-link{display:grid;place-items:center;min-width:34px;height:34px;border-radius:8px;transition:background .18s}.language-link:hover{background:rgba(0,189,219,.14)}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border:1px solid transparent;border-radius:var(--radius-button);background:var(--button-gradient);color:#fff;font-family:Inter,sans-serif;font-size:.95rem;font-weight:700;line-height:1;text-decoration:none;box-shadow:var(--button-shadow);transition:transform 180ms ease,box-shadow 180ms ease,filter 180ms ease}.button:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,111,128,.28);filter:brightness(1.03)}.button:active{transform:translateY(0)}.button:focus-visible{outline:3px solid rgba(0,189,219,.28);outline-offset:3px}.button-small{min-height:44px;padding:0 20px;border-radius:var(--radius-button-small);font-size:.86rem}.button-ghost{min-height:52px;padding:0 26px;border:1px solid rgba(0,111,128,.34);border-radius:var(--radius-button);background:rgba(255,255,255,.72);color:var(--color-petrol);font-size:.95rem;font-weight:700;box-shadow:none}.button-ghost:hover{background:#fff;border-color:var(--color-petrol);transform:translateY(-2px);box-shadow:none;filter:none}
.eyebrow{display:inline-flex;align-items:center;justify-content:center;min-height:38px;margin:0 0 16px;padding:0 20px;border:1px solid rgba(0,111,128,.28);border-radius:999px;background:rgba(255,255,255,.32);color:var(--color-petrol);font-family:Inter,sans-serif;font-size:.78rem;font-weight:700;line-height:1;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.hero .eyebrow.light{color:var(--color-petrol);border-color:rgba(0,111,128,.28);background:rgba(255,255,255,.32)}.about-band .eyebrow.light{color:rgba(255,255,255,.86);border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.04)}
.audience-card,.apartment-card,.benefit-grid article,.contact-form{border-radius:18px;border:1px solid rgba(0,189,219,.16);box-shadow:0 2px 10px rgba(0,63,80,.08);transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s,border-color .28s}
.audience-card:hover,.apartment-card:hover,.benefit-grid article:hover{transform:translateY(-6px);box-shadow:0 16px 48px rgba(0,63,80,.18);border-color:rgba(0,189,219,.4)}
.apartment-card>img{transition:transform .5s cubic-bezier(.22,1,.36,1)}.apartment-card:hover>img{transform:scale(1.035)}
.contact-form input,.contact-form textarea{padding:14px 15px;border-radius:12px;background:#f9fcfd;transition:border-color .2s,background .2s,box-shadow .2s}.contact-form input:focus,.contact-form textarea:focus{outline:0;background:#fff;border-color:#28c5ea;box-shadow:0 0 0 2px rgba(40,197,234,.18),0 0 16px rgba(40,197,234,.12)}
.site-footer{background:linear-gradient(162deg,#1a2229 0%,#0b2027 100%);padding-top:64px}.footer-grid{grid-template-columns:1.55fr .85fr 1.2fr .7fr 1.25fr;gap:32px}.footer-grid h3{font-size:.67rem;font-weight:700;letter-spacing:.16em;color:var(--cyan)}.footer-grid p,.footer-grid a{font-size:.84rem;line-height:1.75;color:#fff}.footer-grid a{transition:color .18s}.footer-grid a:hover{color:var(--cyan)}.footer-brand>img{width:210px;height:auto;margin-bottom:14px}.footer-partner img{width:150px;height:auto;max-height:62px;object-fit:contain;margin:5px 0 12px;filter:none}.footer-partner p{margin-bottom:7px}.footer-partner .partner-url{font-size:.75rem;color:#9aecf8}.footer-bottom{font-size:.72rem}
@media(max-width:1100px){.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-partner{grid-column:span 2}}
@media(max-width:680px){.brand img{height:50px}.site-header.scrolled .brand img{height:46px}.button{width:100%}.footer-grid{grid-template-columns:1fr}.footer-partner{grid-column:auto}.footer-brand>img{width:190px}}

/* Focused FAP alignment: header, glass hero and footer */
.site-header,.site-header.scrolled{background:rgba(255,255,255,.96);box-shadow:0 6px 30px rgba(0,63,80,.1);backdrop-filter:blur(14px) saturate(145%);-webkit-backdrop-filter:blur(14px) saturate(145%)}
.header-inner{width:min(calc(100% - 40px),var(--container));gap:32px}.brand img{height:64px}.site-header.scrolled .brand img{height:56px}.main-nav{gap:8px}.main-nav a{padding-inline:13px}
.hero{min-height:850px;padding:128px 0 64px;color:var(--ink);align-items:center}.hero-media{background-position:center;background-size:cover}.hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.03) 46%,rgba(255,255,255,0) 76%)}
.hero-content{padding-top:0}.hero-glass{width:min(720px,62%);padding:42px 44px 38px;border:1px solid rgba(255,255,255,.76);border-radius:24px;background:rgba(255,255,255,.72);box-shadow:0 24px 70px rgba(0,42,53,.2);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}
.hero h1{max-width:660px;margin-bottom:20px;font-size:clamp(2.55rem,4.4vw,4.4rem);color:var(--ink)}.hero-copy{max-width:640px;color:#2c4a52;font-size:1.08rem}.hero-buttons{margin:30px 0 38px;flex-wrap:wrap}
.hero-stats{gap:0;border-top:1px solid rgba(0,111,128,.16);padding-top:24px}.hero-stats div{flex:1;padding-right:18px}.hero-stats div+div{padding-left:22px;border-left:1px solid rgba(0,111,128,.16)}.hero-stats strong{color:var(--petrol)}.hero-stats span{color:var(--muted)}
.footer-brand>img{display:block;width:240px;height:auto;max-height:132px;object-fit:contain;object-position:left center;filter:none;margin:0 0 16px}.footer-partner img{filter:none}
@media(max-width:1000px){.header-inner{width:min(calc(100% - 40px),var(--container))}.main-nav{gap:0}.hero{min-height:800px;padding-top:118px}.hero-glass{width:min(700px,76%);padding:36px}.hero h1{font-size:clamp(2.4rem,6vw,3.8rem)}}
@media(max-width:680px){.header-inner{width:min(calc(100% - 28px),var(--container));gap:10px}.brand img{height:52px}.site-header.scrolled .brand img{height:48px}.header-actions{gap:6px}.hero{min-height:auto;padding:104px 0 34px;align-items:flex-end}.hero-overlay{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.15))}.hero-content{display:flex;align-items:flex-end}.hero-glass{width:100%;padding:27px 22px 24px;border-radius:20px;background:rgba(255,255,255,.8);backdrop-filter:blur(15px) saturate(130%);-webkit-backdrop-filter:blur(15px) saturate(130%)}.hero h1{font-size:clamp(2.15rem,11vw,3rem)}.hero-copy{font-size:1rem}.hero-buttons{margin:25px 0 29px}.hero .button{width:100%}.hero-stats{gap:16px;flex-direction:column}.hero-stats div{padding:0}.hero-stats div+div{padding:0;border-left:0}.footer-brand>img{width:230px;max-height:126px}}

/* Airier four-column footer with legal links in the bottom bar */
.footer-grid{grid-template-columns:1.55fr .9fr 1.35fr 1.2fr;gap:clamp(34px,4vw,68px)}
.footer-bottom{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 28px;color:rgba(255,255,255,.62)}.footer-bottom>span{grid-column:1/-1}.footer-legal{display:flex;align-items:center;gap:9px}.footer-legal a{color:rgba(255,255,255,.72);text-decoration:none;transition:color .18s}.footer-legal a:hover{color:var(--cyan)}.footer-legal span{color:rgba(255,255,255,.3)}
@media(max-width:1100px){.footer-grid{grid-template-columns:1.2fr 1fr}.footer-partner{grid-column:auto}}
@media(max-width:680px){.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{grid-template-columns:1fr;gap:10px}.footer-legal{order:2}}

/* Centered legal close, matching the original Chairos footer */
.footer-bottom{display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(calc(100% - 40px),var(--container));gap:5px;text-align:center}.footer-legal{justify-content:center}.footer-legal a{color:var(--cyan)}.footer-legal a:hover{color:#9aecf8}.footer-copyright{margin:0;color:rgba(255,255,255,.5);font-size:.72rem;line-height:1.6}
@media(max-width:680px){.footer-bottom{width:min(calc(100% - 28px),var(--container));gap:5px}.footer-legal{order:initial}.footer-copyright{font-size:.7rem}}

/* Final unified FAP-style footer composition */
.site-footer{padding:48px 0 20px}.footer-grid{grid-template-columns:1.25fr .9fr 1.35fr 1fr;gap:clamp(36px,5vw,76px);align-items:start}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start}.footer-grid h3{min-height:18px;margin:0 0 14px;font-size:.67rem;line-height:1.4;letter-spacing:.16em}.footer-grid p,.footer-grid a{margin:0}.footer-grid>div:not(.footer-brand)>a+ a{margin-top:3px}.footer-brand>img{width:185px;height:auto;max-height:none;margin:0 0 12px}.footer-brand p{margin:0}.footer-partner>a{display:inline-flex;align-items:center}.footer-partner img{width:150px;height:auto;max-height:none;margin:0;object-fit:contain}.footer-bottom{margin-top:32px;padding-top:16px}
@media(max-width:1100px){.footer-grid{grid-template-columns:1.2fr 1fr;gap:34px 56px}}
@media(max-width:680px){.site-footer{padding-top:40px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-brand>img{width:185px}.footer-bottom{margin-top:28px}}

.footer-brand>img{margin-bottom:0}.footer-slogan{margin:0 0 3px;color:rgba(255,255,255,.8);font-size:.78rem;font-weight:500;line-height:1.6;text-align:center}.footer-legal{margin-bottom:0}
@media(max-width:680px){.footer-slogan{font-size:.75rem}}

/* Temporary Skyline hero test */
.hero-media{background-image:linear-gradient(rgba(10,20,28,.35),rgba(10,20,28,.18)),url('../images/hero-frankfurt-skyline.jpg');background-size:cover;background-position:center center;background-repeat:no-repeat}.hero-overlay{background:transparent}.site-header:not(.scrolled){background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}

/* Transparent dual-logo hero header */
.site-header{z-index:100;transition:background .25s ease,box-shadow .25s ease,padding .25s ease,backdrop-filter .25s ease}.site-header:not(.is-scrolled){background:transparent;border-bottom:1px solid transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.site-header.is-scrolled{padding:10px 0;background:rgba(27,37,43,.97);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 10px 28px rgba(0,0,0,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.site-header .brand{position:relative;display:block;flex:0 0 128px;width:128px;height:72px}.site-header .brand .header-logo{position:absolute;inset:0;display:block;width:128px;height:72px;object-fit:contain;filter:none;transition:opacity .25s ease,visibility .25s ease}.header-logo--hero,.site-header.is-scrolled .header-logo--hero{opacity:1;visibility:visible}.header-logo--sticky,.site-header.is-scrolled .header-logo--sticky{opacity:0;visibility:hidden}
.site-header:not(.is-scrolled) .main-nav a,.site-header:not(.is-scrolled) .language-link{color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.32)}.site-header:not(.is-scrolled) .main-nav a:hover,.site-header:not(.is-scrolled) .language-link:hover{color:#fff;background:rgba(255,255,255,.16)}.site-header.is-scrolled .main-nav a,.site-header.is-scrolled .language-link{color:rgba(255,255,255,.88);text-shadow:none}.site-header.is-scrolled .main-nav a:hover,.site-header.is-scrolled .language-link:hover{color:var(--chairos-cyan);background:rgba(0,189,219,.12)}.site-header.is-scrolled .main-nav a[aria-current="page"]{color:#fff;background:rgba(0,189,219,.12)}
.hero-media{background-image:linear-gradient(90deg,rgba(5,18,22,.18) 0%,rgba(5,18,22,.06) 48%,rgba(5,18,22,.16) 100%),url('../images/hero-frankfurt-skyline.jpg');background-position:56% center}.hero-glass{background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.55);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
@media(max-width:1000px){.site-header:not(.is-scrolled) .nav-toggle span:not(.sr-only),.site-header.is-scrolled .nav-toggle span:not(.sr-only){background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.28)}.site-header .main-nav.open{background:rgba(27,37,43,.98);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.site-header:not(.is-scrolled) .main-nav.open a,.site-header.is-scrolled .main-nav.open a{color:rgba(255,255,255,.88);text-shadow:none}.site-header:not(.is-scrolled) .main-nav.open a:hover,.site-header.is-scrolled .main-nav.open a:hover{color:var(--chairos-cyan);background:rgba(0,189,219,.12)}}
@media(max-width:680px){.site-header .brand{flex-basis:100px;width:100px;height:58px}.site-header .brand .header-logo{width:100px;height:58px}.hero-media{background-position:center center}}

/* Fullscreen video hero */
.hero{height:100svh;min-height:720px;max-height:none;overflow:hidden}.hero-media{background-image:url('../images/hero-frankfurt-skyline.jpg');background-size:cover;background-position:center center;background-repeat:no-repeat}.hero-video{width:100%;height:100%;display:block;object-fit:cover;object-position:center center}.hero-overlay{pointer-events:none;background:linear-gradient(90deg,rgba(8,18,24,.42) 0%,rgba(8,18,24,.18) 48%,rgba(8,18,24,.06) 100%)}
.hero-content{width:min(calc(100% - 64px),var(--container));margin-inline:auto}.hero-glass{width:min(700px,60%);padding:40px 42px 36px;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.62);box-shadow:0 22px 60px rgba(4,24,32,.18);backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%)}.hero h1{font-family:Inter,Arial,sans-serif;font-weight:600;letter-spacing:-.045em}.hero-copy{max-width:560px}
.scroll-indicator{position:absolute;z-index:3;left:50%;bottom:24px;width:24px;height:40px;border:1px solid rgba(255,255,255,.78);border-radius:999px;transform:translateX(-50%);box-shadow:0 2px 12px rgba(0,0,0,.12)}.scroll-indicator span{position:absolute;left:50%;top:8px;width:1px;height:10px;background:#fff;transform:translateX(-50%);animation:hero-scroll 1.8s ease-in-out infinite}@keyframes hero-scroll{0%{opacity:0;transform:translate(-50%,0)}30%{opacity:1}75%{opacity:1}100%{opacity:0;transform:translate(-50%,12px)}}
@media(max-width:1000px){.hero-video{object-position:58% center}.hero-content{width:min(calc(100% - 40px),var(--container))}.hero-glass{width:min(640px,72%);padding:34px 36px 32px}}
@media(max-width:680px){.hero{height:100svh;min-height:700px;padding:100px 0 52px}.hero-video{object-position:66% center}.hero-content{width:min(calc(100% - 28px),var(--container));align-items:flex-end}.hero-glass{width:100%;padding:26px 22px 23px}.scroll-indicator{bottom:12px;transform:translateX(-50%) scale(.85)}}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}.scroll-indicator span{animation:none;opacity:1}.hero .button{transition:none}}

.section{background:var(--color-offwhite)}.section-soft,.contact-section{background:var(--color-warm)}
@media(max-width:680px){.eyebrow{min-height:34px;padding:0 16px;font-size:.7rem;letter-spacing:.13em}.button{min-height:50px}.button-small{min-height:44px;padding:0 20px;font-size:.86rem}}

.about-band{background:radial-gradient(circle at 15% 20%,rgba(0,111,128,.18) 0%,rgba(0,111,128,.04) 32%,transparent 58%),linear-gradient(135deg,#162126 0%,#1c1d1f 52%,#211f1e 100%)}.about-band h2{color:#fff}.about-grid>div>p:last-child{color:rgba(255,255,255,.76)}.about-band .eyebrow.light{color:rgba(255,255,255,.84);border-color:rgba(0,189,219,.36);background:rgba(0,189,219,.06)}.about-facts div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 38px rgba(0,0,0,.16);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background 180ms ease,border-color 180ms ease,transform 180ms ease}.about-facts strong{color:#fff}.about-facts span{color:rgba(255,255,255,.74)}.about-facts div:hover{background:rgba(255,255,255,.09);border-color:rgba(0,189,219,.28);transform:translateY(-2px)}

/* Chairos/FAP color system */
body{color:var(--chairos-ink)}.hero h1{color:var(--chairos-ink)}.hero-copy{color:var(--chairos-text)}.hero .eyebrow.light{color:var(--chairos-petrol);border-color:rgba(0,189,219,.34);background:rgba(255,255,255,.28)}.hero-stats{border-color:rgba(0,111,128,.18)}.hero-stats div+div{border-color:rgba(0,111,128,.18)}.hero-stats strong{color:var(--chairos-petrol)}.hero-stats span{color:var(--chairos-text)}
.section-heading h2,.contact-copy h2{color:var(--chairos-ink)}.section-heading>p:last-child,.audience-card p,.apartment-body p,.apartment-body ul,.benefit-grid p,.contact-copy p{color:var(--chairos-text)}.audience-card h3,.apartment-body h3,.benefit-grid h3{color:var(--chairos-petrol)}.card-number{color:var(--chairos-cyan)}.benefit-icon{color:var(--chairos-petrol);background:rgba(0,189,219,.08)}
.section .eyebrow,.contact-section .eyebrow{color:var(--chairos-petrol);border-color:rgba(0,189,219,.34);background:rgba(255,255,255,.24)}.section a,.contact-section a{color:var(--chairos-petrol);font-weight:700;transition:color 180ms ease}.section a:hover,.contact-section a:hover{color:var(--chairos-cyan)}
.audience-card.featured h3{color:var(--chairos-cyan)}.audience-card.featured p{color:rgba(255,255,255,.76)}.audience-card.featured a{color:var(--chairos-cyan)}
.about-band h2,.about-facts strong{color:var(--chairos-cyan)}.about-band .eyebrow.light{color:var(--chairos-cyan);border-color:rgba(0,189,219,.52);background:rgba(0,189,219,.05)}.about-grid>div>p:last-child{color:rgba(255,255,255,.76)}.about-facts span{color:rgba(255,255,255,.76)}
.contact-form label>span{color:var(--chairos-ink)}.contact-direct a,.privacy-check a{color:var(--chairos-petrol)}.contact-direct a:hover,.privacy-check a:hover{color:var(--chairos-cyan)}

.text-gradient-accent,.audience-card h3,.apartment-body h3,.benefit-grid h3,.about-band h2{background:linear-gradient(90deg,#28d7f5 0%,#11bce0 45%,#008fa3 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:none}

.text-gradient,.heading-gradient,.accent-gradient,.hero-stats strong,.about-facts strong{display:inline-block;background:linear-gradient(90deg,#28d7f5 0%,#11bce0 45%,#008fa3 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:none}.heading-gradient,.hero h1,.section-heading h2,.contact-copy h2,.about-band h2{display:block;width:fit-content;max-width:100%;background:linear-gradient(90deg,#28d7f5 0%,#11bce0 45%,#008fa3 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:none}.link-gradient,.audience-card>a,.apartment-body>a,.contact-direct a{display:inline-block;background:linear-gradient(90deg,#28d7f5 0%,#11bce0 45%,#008fa3 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-decoration:none;text-shadow:none}.link-gradient:hover,.audience-card>a:hover,.apartment-body>a:hover,.contact-direct a:hover{filter:brightness(1.12);text-decoration:none;transform:none}

/* Shared legal-page system */
.legal-page{margin:0;overflow-x:hidden;background:var(--color-warm);color:#405960;font-family:Inter,sans-serif}.legal-header,.legal-header.is-scrolled{position:fixed;inset:0 0 auto;z-index:100;padding:10px 0;background:rgba(27,37,43,.98);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 8px 24px rgba(0,0,0,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.legal-header .header-logo--hero{opacity:1;visibility:visible}.legal-header .main-nav a,.legal-header .language-link{color:rgba(255,255,255,.88);text-shadow:none}.legal-header .main-nav a:hover,.legal-header .language-link:hover{color:var(--chairos-cyan);background:rgba(0,189,219,.12)}
.legal-main{background:var(--color-warm)}.legal-hero{background:radial-gradient(circle at 15% 20%,rgba(0,111,128,.2) 0%,rgba(0,111,128,.05) 34%,transparent 60%),linear-gradient(135deg,#162126 0%,#1b252b 55%,#11191e 100%);padding-top:clamp(90px,10vw,150px);padding-bottom:clamp(46px,6vw,82px)}.legal-hero .eyebrow.light{color:var(--chairos-cyan);border-color:rgba(0,189,219,.48);background:rgba(0,189,219,.05)}.legal-hero h1{margin:0;color:#fff;font-family:Inter,sans-serif;font-size:clamp(2.6rem,5vw,5rem);font-weight:700;line-height:1;letter-spacing:-.045em}
.legal-card{width:min(calc(100% - 48px),1040px);margin:clamp(38px,5vw,68px) auto clamp(60px,8vw,110px);padding:clamp(34px,5vw,72px);background:#fff;border:1px solid rgba(0,111,128,.1);border-radius:22px;box-shadow:0 22px 55px rgba(21,33,38,.1);color:#405960;font-family:Inter,sans-serif;font-size:1rem;line-height:1.75;overflow-wrap:anywhere}.legal-card p{margin:0 0 1.2em}.legal-card h2,.legal-card h3{width:fit-content;max-width:100%;margin:2.2em 0 .7em;background:linear-gradient(90deg,#28d7f5 0%,#11bce0 45%,#008fa3 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-size:clamp(1.35rem,2vw,1.8rem);font-weight:700;line-height:1.25}.legal-card>h3:first-child{margin-top:0}.legal-card h4,.legal-card h5,.legal-card strong{color:var(--chairos-ink);font-weight:700}.legal-card a{color:var(--chairos-petrol);font-weight:700;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}.legal-card a:hover{color:var(--chairos-cyan)}.legal-card ul,.legal-card ol{margin-block:1rem;padding-left:1.25rem}.legal-card li{margin-bottom:.45rem}.legal-card li::marker{color:var(--chairos-petrol)}
@media(max-width:1000px){.legal-header .nav-toggle span:not(.sr-only){background:#fff}.legal-header .main-nav.open{background:rgba(27,37,43,.98)}.legal-header .main-nav.open a{color:rgba(255,255,255,.88)}.legal-card{padding:clamp(32px,4vw,40px)}}
@media(max-width:680px){.legal-hero{padding-top:110px}.legal-card{width:calc(100% - 32px);padding:26px 22px;border-radius:16px}.legal-card h2,.legal-card h3,.legal-card h4,.legal-card h5,.legal-card p,.legal-card a{overflow-wrap:anywhere}}

.hero h1,.hero-title,.hero-content h1{background:linear-gradient(90deg,#0b4f5d 0%,#006b7d 18%,#008da6 38%,#15b7dc 68%,#36d8ff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:inline-block}
.hero-stats strong{background:linear-gradient(90deg,#0b4f5d 0%,#006b7d 18%,#008da6 38%,#15b7dc 68%,#36d8ff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:inline-block}
.eyebrow{font-size:15px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;line-height:1;border:1.5px solid rgba(22,195,231,.45)!important;box-shadow:0 0 0 1px rgba(255,255,255,.25) inset,0 4px 12px rgba(17,188,224,.08);transition:all .28s ease}.eyebrow:hover{border-color:#16c3e7!important;box-shadow:0 0 0 1px rgba(255,255,255,.35) inset,0 8px 20px rgba(17,188,224,.18)}
.legal-card .legal-company-name{display:block;width:auto;margin-block:1.67em;background:none;-webkit-text-fill-color:initial;color:var(--chairos-ink);font-size:.83em;line-height:normal}

/* Compact mobile hero */
@media(max-width:680px){
    .header-inner{width:min(calc(100% - 24px),var(--container));gap:8px}
    .site-header .brand{flex-basis:92px;width:92px;height:54px}
    .site-header .brand .header-logo{width:92px;height:54px}
    .header-actions{gap:4px}
    .nav-toggle{padding:6px}
    .nav-toggle span:not(.sr-only){width:23px;margin:4px}
    .hero{height:auto;min-height:0;padding:92px 0 calc(26px + env(safe-area-inset-bottom));overflow:visible;align-items:flex-start}
    .hero-content{width:min(calc(100% - 24px),var(--container));align-items:flex-start}
    .hero-glass{width:100%;padding:21px 18px 20px;border-radius:18px}
    .hero .eyebrow{min-height:30px;margin-bottom:12px;padding:0 13px;font-size:.68rem;letter-spacing:.12em}
    .hero h1{margin-bottom:14px;font-size:clamp(2.25rem,10vw,2.625rem);line-height:1.02}
    .hero-copy{margin-block:0;font-size:1rem;line-height:1.42}
    .hero-buttons{gap:8px;margin:18px 0 20px}
    .hero .button{min-height:44px;padding:0 18px;font-size:.88rem}
    .hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding-top:15px}
    .hero-stats div{min-width:0;padding:0 8px}
    .hero-stats div:first-child{padding-left:0}
    .hero-stats div+div{padding-left:8px;border-left:1px solid rgba(0,111,128,.18)}
    .hero-stats strong{font-size:1.12rem}
    .hero-stats span{font-size:.68rem;line-height:1.25}
    .scroll-indicator{display:none}
}
@media(max-width:360px){
    .site-header .brand{flex-basis:88px;width:88px;height:52px}
    .site-header .brand .header-logo{width:88px;height:52px}
    .hero{padding-top:88px}
    .hero-glass{padding:18px 16px}
    .hero h1{font-size:2.25rem}
    .hero .button{min-height:42px}
    .hero-stats div{padding-inline:6px}
    .hero-stats div+div{padding-left:6px}
}
