:root{--ink:#12202b;--muted:#617080;--paper:#f5f4ef;--card:#fff;--line:#dde2e5;--accent:#ef5b2a;--accent-dark:#c8431a;--blue:#123b60;--deep:#0c2b47;--green:#3b7c54;--radius:24px;--shadow:0 20px 55px rgba(11,35,53,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%}button{font:inherit}
.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:24px;min-height:74px;padding:9px clamp(16px,4vw,64px);background:rgba(10,40,65,.94);backdrop-filter:blur(18px);color:#fff;box-shadow:0 8px 25px rgba(0,0,0,.12)}
.brand{display:flex;align-items:center;gap:9px;min-width:max-content}.brand-logo{width:54px;height:54px;object-fit:contain}.brand span{display:grid}.brand b{font-size:1.28rem;line-height:1}.brand small{font-size:.68rem;opacity:.76;margin-top:4px}.topnav{margin-left:auto;display:flex;align-items:center;gap:17px;font-size:.88rem}.topnav a{opacity:.88}.topnav a:hover{opacity:1}.topnav .login{padding:12px 16px;border-radius:13px;background:var(--accent);font-weight:800;opacity:1}.topnav .lang{border:1px solid rgba(255,255,255,.26);padding:8px 10px;border-radius:999px}.nav-toggle{display:none;margin-left:auto;border:0;background:transparent;color:white;font-size:1.5rem}
.hero{max-width:1500px;margin:auto;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(480px,1.1fr);min-height:650px;background:#fff;overflow:hidden}.hero-photo-wrap{position:relative;min-height:650px;background:#ddd}.hero-photo{height:100%;object-fit:cover;object-position:center}.hero-photo-fade{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,25,35,.88) 0%,rgba(8,25,35,.34) 35%,rgba(8,25,35,.04) 68%,rgba(8,25,35,0) 100%);backdrop-filter:blur(0)}.hero-photo-fade:after{content:"";position:absolute;left:0;right:0;bottom:0;height:36%;background:linear-gradient(to top,rgba(8,25,35,.52),rgba(8,25,35,0));backdrop-filter:blur(4px);mask-image:linear-gradient(to top,#000,transparent)}.hero-photo-caption{position:absolute;left:34px;right:34px;bottom:34px;color:#fff;font-size:clamp(1.35rem,2.6vw,2.35rem);font-weight:850;line-height:1.06;text-shadow:0 2px 18px rgba(0,0,0,.65)}
.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,6vw,92px)}.eyebrow{display:inline-block;color:var(--accent);font-weight:900;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}.hero h1{margin:12px 0 18px;font-size:clamp(3rem,5.8vw,6.2rem);line-height:.91;letter-spacing:-.055em}.lead{font-size:clamp(1.05rem,1.5vw,1.3rem);color:#465762;max-width:760px}.geo-box{margin-top:30px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:13px 14px;border:1px solid var(--line);border-radius:18px;background:#f9faf8;box-shadow:0 10px 28px rgba(10,30,42,.06)}.pin{width:14px;height:14px;color:var(--accent);font-size:1.4rem}.geo-copy{display:grid;gap:2px}.geo-copy strong{font-size:1rem}.geo-copy span{font-size:.83rem;color:var(--muted)}.geo-box button{border:0;border-radius:12px;padding:12px 15px;background:var(--blue);color:#fff;font-weight:800;cursor:pointer}.geo-box.located{border-color:#a8cdb3;background:#f0f7f2}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.hero-actions a{padding:14px 18px;border-radius:14px;font-weight:850}.primary{background:var(--accent);color:white}.secondary{background:#eef2f3;color:var(--deep)}
.solidarity-strip{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;padding:18px 24px;background:var(--deep);color:white;text-align:center}.solidarity-strip strong{color:#ffc36f}
.local-stats,.nearby,.how,.audiences,.about,.downloads{max-width:1450px;margin:auto;padding:70px clamp(16px,4vw,64px)}.stats-head,.section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:26px}.stats-head h2,.section-head h2,.section-title h2,.about h2,.downloads h2{font-size:clamp(2rem,4vw,4rem);line-height:1;margin:8px 0}.stats-head p,.section-head p{color:var(--muted);margin:0}.radius-box{min-width:300px;background:#fff;border:1px solid var(--line);padding:12px;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.05)}.radius-box>span{display:block;font-size:.82rem;margin:0 0 8px}.radius-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.radius-buttons button{border:0;padding:9px;border-radius:10px;background:#eef2f4;font-weight:800;cursor:pointer}.radius-buttons button.active{background:var(--accent);color:#fff}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{position:relative;min-height:250px;border-radius:22px;overflow:hidden;background:#222;box-shadow:var(--shadow)}.stat-card img{position:absolute;inset:0;height:100%;object-fit:cover}.media-fade{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,24,34,.94) 0%,rgba(8,24,34,.5) 45%,rgba(8,24,34,.05) 82%)}.media-fade:after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;backdrop-filter:blur(3px);mask-image:linear-gradient(to top,#000,transparent)}.stat-content{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;color:white}.stat-content>strong{font-size:3rem;line-height:.9;color:#ffd66e}.stat-content>span{display:block;font-weight:900;font-size:1.05rem;margin-top:6px}.stat-content small{display:block;margin-top:7px;opacity:.9}
.nearby{padding-top:30px}.section-head>a,.about-copy>a{font-weight:900;color:var(--accent)}.teaser-state{padding:25px;border:1px dashed #b8c2c8;border-radius:18px;color:var(--muted);text-align:center}.teaser-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.teaser-card{overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 10px 34px rgba(10,30,42,.09)}.teaser-media{height:190px;overflow:hidden}.teaser-media img{height:100%;object-fit:cover}.teaser-body{padding:16px}.teaser-name{font-weight:900;font-size:1.06rem}.teaser-meta{display:flex;justify-content:space-between;gap:12px;margin-top:8px}.teaser-price{font-weight:900;color:var(--accent)}.teaser-desc{margin-top:8px;color:var(--muted);font-size:.88rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.how{background:#fff;max-width:none;padding-left:max(16px,calc((100vw - 1450px)/2 + 64px));padding-right:max(16px,calc((100vw - 1450px)/2 + 64px))}.section-title{max-width:820px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.how-grid article{padding:26px;border:1px solid var(--line);border-radius:22px;background:#fbfbf8}.how-grid b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--accent);color:#fff}.how-grid h3{font-size:1.35rem;margin:18px 0 8px}.how-grid p{color:var(--muted);margin:0}
.audiences{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.audience-card{position:relative;min-height:470px;border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.audience-card>img{position:absolute;inset:0;height:100%;object-fit:cover}.audience-card>div:last-child{position:absolute;z-index:2;left:24px;right:24px;bottom:24px;color:white}.audience-card span{font-size:.75rem;font-weight:900;letter-spacing:.12em;color:#ffd66e}.audience-card h2{font-size:2rem;line-height:1.02;margin:8px 0 10px}.audience-card p{max-width:520px;margin:0 0 18px}.audience-card a{display:inline-block;background:#fff;color:var(--deep);padding:11px 15px;border-radius:12px;font-weight:900}
.about{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:stretch}.about-photo{position:relative;min-height:430px;overflow:hidden;border-radius:24px}.about-photo img{height:100%;object-fit:cover}.about-copy{align-self:center}.about-copy p{color:#4f5e67;font-size:1.06rem}.downloads{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;background:#eef2f1;border-radius:30px;margin-bottom:70px}.download-grid{display:grid;gap:10px}.download-grid a{padding:15px 17px;border-radius:14px;background:white;border:1px solid var(--line);font-weight:850}.download-grid a:before{content:"↓";margin-right:10px;color:var(--accent)}
footer{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:28px clamp(16px,4vw,64px);background:var(--deep);color:white}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand img{width:48px;height:48px;object-fit:contain}.footer-brand div{display:grid}.footer-brand span{font-size:.78rem;opacity:.74}footer nav{display:flex;gap:18px;flex-wrap:wrap;font-size:.85rem}
@media(max-width:1120px){.topnav{display:none;position:absolute;top:74px;left:0;right:0;margin:0;padding:18px;background:var(--deep);flex-direction:column;align-items:stretch}.topnav.open{display:flex}.nav-toggle{display:block}.hero{grid-template-columns:1fr}.hero-photo-wrap{min-height:520px}.hero-copy{padding:48px 28px}.stats-grid,.teaser-grid{grid-template-columns:repeat(2,1fr)}.audiences{grid-template-columns:1fr}.audience-card{min-height:430px}.about{grid-template-columns:1fr}}
@media(max-width:700px){.brand-logo{width:44px;height:44px}.brand b{font-size:1.05rem}.hero-photo-wrap{min-height:390px}.hero-photo-caption{left:20px;right:20px;bottom:20px}.hero-copy{padding:34px 18px}.hero h1{font-size:clamp(2.7rem,14vw,4.7rem)}.geo-box{grid-template-columns:auto 1fr}.geo-box button{grid-column:1/-1}.stats-head,.section-head{align-items:flex-start;flex-direction:column}.radius-box{min-width:0;width:100%}.stats-grid,.teaser-grid,.how-grid{grid-template-columns:1fr}.local-stats,.nearby,.how,.audiences,.about,.downloads{padding-left:16px;padding-right:16px}.stat-card{min-height:270px}.downloads{grid-template-columns:1fr;margin:0 10px 40px}.about-photo{min-height:330px}footer{align-items:flex-start;flex-direction:column}}