@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#080912;--bg2:#11111b;--panel:#171824;--panel2:#20202a;--ink:#f7f3ed;--muted:#b8b5bf;--line:rgba(255,255,255,.11);--fire:#ff542f;--orange:#ff8b24;--yellow:#ffd62f;--cream:#ffe9ce;--max:1390px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.7 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}
.skip-link{position:absolute;left:-9999px;top:9px;background:var(--yellow);color:#100d0d;padding:10px 13px;z-index:2000}.skip-link:focus{left:12px}
.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(8,9,18,.96);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,130,61,.22);box-shadow:0 10px 35px rgba(0,0,0,.22)}
.header-shell{width:min(var(--max),calc(100% - 46px));margin:auto;min-height:91px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:block;flex:0 0 190px;width:190px}.brand img{width:190px;height:72px;object-fit:contain;object-position:left center}
.primary-nav{display:flex;align-items:center;justify-content:flex-end;gap:6px 14px;flex-wrap:wrap;font-size:11px;line-height:1.2;font-weight:800;color:#e4e0e4;max-width:1180px}
.primary-nav>a{padding:7px 0;white-space:nowrap;transition:color .18s}.primary-nav>a:hover,.primary-nav>a:focus-visible{color:var(--yellow)}
.primary-nav .nav-cta{display:inline-flex;align-items:center;gap:8px;border-radius:5px;padding:11px 13px;background:linear-gradient(110deg,var(--yellow),var(--orange));color:#1a1010;box-shadow:0 5px 22px rgba(255,98,43,.22);font-size:11px;font-weight:900}.primary-nav .nav-cta:hover{color:#1a1010;filter:brightness(1.08)}
.primary-nav .language-link{border:1px solid rgba(255,255,255,.2);border-radius:5px;padding:9px 10px}
.menu-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:7px;padding:10px;cursor:pointer}.menu-toggle span{display:block;width:23px;height:2px;margin:4px 0;background:var(--yellow)}
.hero{position:relative;isolation:isolate;overflow:hidden;background:#171018;min-height:485px;display:flex;align-items:center}
.hero-home{min-height:670px}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 50%;z-index:-3}
.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(7,8,18,.96) 0%,rgba(8,8,18,.85) 33%,rgba(9,8,16,.43) 67%,rgba(9,8,16,.20) 100%),linear-gradient(0deg,rgba(8,9,18,.81),transparent 42%)}
.hero-shell{width:min(var(--max),calc(100% - 46px));margin:auto;padding:62px 0 78px;position:relative;z-index:1}
.hero-home .hero-shell{padding-top:80px;padding-bottom:101px}
.hero-copy,.inner-hero-copy{max-width:760px}
.kicker{display:flex;align-items:center;gap:10px;color:var(--yellow);text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:900;margin:0 0 18px}
.kicker-dot{width:8px;height:8px;border-radius:50%;background:var(--fire);box-shadow:0 0 0 5px rgba(255,84,47,.18)}
h1,h2,h3{font-family:"Barlow Condensed",Manrope,Arial,sans-serif;line-height:1.04;letter-spacing:-.018em}
h1{font-size:clamp(45px,6.3vw,83px);font-weight:900;text-transform:uppercase;margin:0 0 24px;max-width:850px;text-wrap:balance}
.hero-inner h1{font-size:clamp(39px,5vw,66px);max-width:900px}
.hero-lead{font-size:clamp(16px,1.5vw,19px);line-height:1.7;color:#e9e1dc;max-width:650px;margin:0}
.hero-chips{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 30px}
.hero-chips span{font-size:11px;line-height:1.3;border:1px solid rgba(255,214,47,.35);background:rgba(7,8,18,.57);border-radius:4px;padding:9px 12px;color:#fff1dc;font-weight:700}
.hero-note{font-size:12px;color:#ccc2c0;margin:17px 0 0}
.age-badge{position:absolute;z-index:3;top:25px;right:max(24px,calc((100% - var(--max))/2));display:flex;align-items:center;justify-content:center;width:61px;height:61px;border-radius:50%;border:2px solid rgba(255,214,47,.95);background:rgba(10,10,19,.85);color:var(--yellow);font:900 21px/1 "Barlow Condensed",sans-serif;box-shadow:0 0 0 6px rgba(255,214,47,.12),0 8px 30px rgba(0,0,0,.4)}
.hero-bottom-line{position:absolute;bottom:0;left:0;right:0;background:rgba(6,7,14,.65);border-top:1px solid rgba(255,255,255,.13);display:flex;align-items:center;gap:14px;padding:18px max(23px,calc((100% - var(--max))/2))}
.hero-bottom-line span{height:3px;width:43px;background:linear-gradient(90deg,var(--fire),var(--yellow))}
.hero-bottom-line small{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#e9dcd2;font-weight:800}
.breadcrumb{display:flex;gap:9px;align-items:center;color:#c9bdc4;font-size:12px;margin-bottom:23px}.breadcrumb a{color:var(--yellow)}
.below-hero-cta{background:linear-gradient(95deg,#211118,#15131e 60%,#21130f);border-bottom:1px solid rgba(255,125,46,.18)}
.below-hero-inner{width:min(var(--max),calc(100% - 46px));margin:auto;min-height:91px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0}
.below-hero-note{font:700 18px/1.2 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.04em;color:#fff0d7}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:5px;padding:13px 20px;font-size:13px;font-weight:900;line-height:1.2;transition:transform .18s,filter .18s}.btn:hover{transform:translateY(-2px);filter:brightness(1.07)}
.btn-primary{background:linear-gradient(110deg,var(--yellow),var(--orange));color:#1b1110;box-shadow:0 7px 24px rgba(255,83,44,.19);min-width:178px}
.content-section,.topics-section,.faq-section{width:min(var(--max),calc(100% - 46px));margin:0 auto;padding:78px 0}
.content-section{border-bottom:1px solid var(--line)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:30px}
.eyebrow{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--orange);font-weight:900;margin:0 0 10px}
.section-heading h2{font-size:clamp(31px,3.5vw,47px);text-transform:uppercase;font-weight:800;margin:0}
.section-intro{max-width:450px;color:var(--muted);font-size:13px;margin:0 0 2px}
.content-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.content-card{min-height:222px;display:flex;gap:16px;padding:25px 22px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:linear-gradient(145deg,rgba(34,31,43,.9),rgba(20,19,29,.96));box-shadow:0 10px 36px rgba(0,0,0,.16);position:relative;overflow:hidden}
.content-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--fire),var(--yellow),transparent 80%);opacity:.85}
.card-number{font:800 25px/1 "Barlow Condensed",sans-serif;color:var(--orange);flex:0 0 30px;padding-top:2px}
.content-card h2{font-size:23px;text-transform:uppercase;margin:0 0 12px;letter-spacing:0}
.content-card p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}
.topics-section{padding-top:68px;padding-bottom:78px}
.topics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.topic-card{position:relative;min-height:116px;padding:20px 48px 20px 21px;border-radius:7px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(140deg,#191824,#12131d);display:flex;flex-direction:column;justify-content:center;gap:7px;transition:border-color .18s,transform .18s}
.topic-card:hover{border-color:rgba(255,214,47,.5);transform:translateY(-2px)}
.topic-label{font-size:10px;color:var(--orange);letter-spacing:.12em;text-transform:uppercase;font-weight:900}
.topic-card strong{font:700 20px/1.2 "Barlow Condensed",sans-serif;text-transform:uppercase}
.topic-arrow{position:absolute;right:19px;top:18px;color:var(--yellow);font-size:18px}
.faq-section{border-top:1px solid var(--line);padding-top:74px;padding-bottom:82px}
.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
.faq-item{border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#13141e;padding:0 18px}
.faq-item summary{list-style:none;position:relative;cursor:pointer;font-size:13px;font-weight:800;padding:17px 26px 17px 0}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{content:"+";position:absolute;right:0;top:12px;color:var(--yellow);font-size:23px;font-weight:500}
.faq-item[open] summary:after{content:"−"}
.faq-item p{font-size:12px;color:var(--muted);margin:0;padding:0 0 18px;line-height:1.8}
.site-footer{border-top:1px solid rgba(255,105,43,.2);background:#06070d}
.footer-top,.footer-bottom{width:min(var(--max),calc(100% - 46px));margin:auto}
.footer-top{display:flex;align-items:flex-start;gap:30px;padding:42px 0 30px}
.footer-brand{width:190px;flex:0 0 190px;background:rgba(255,255,255,.025);border-radius:6px;padding:7px}
.footer-brand img{width:176px;height:65px;object-fit:contain;object-position:left center}
.footer-content{flex:1;min-width:0}.footer-top .eyebrow{margin:3px 0 8px}
.footer-cta{color:#d7cfd0;font-size:13px;margin:0}
.footer-commercial-links{display:flex;flex-wrap:wrap;gap:10px 19px;margin-top:18px}
.footer-commercial-links a{font-size:11px;color:#e5dbe0;font-weight:700}.footer-commercial-links a:hover{color:var(--yellow);text-decoration:underline}
.footer-bottom{border-top:1px solid rgba(255,255,255,.09);padding:20px 0 28px;color:#9f9aa6;font-size:11px;line-height:1.8}
.footer-bottom p{margin:4px 0}
.footer-legal-links{display:flex;gap:18px;margin-top:12px}.footer-legal-links a{color:var(--yellow);font-weight:700;font-size:11px}
.copyright{color:#6e6c79;margin-top:15px!important}
@media(max-width:1240px){
 .header-shell{gap:15px}.brand{flex-basis:154px;width:154px}.brand img{width:154px}
 .menu-toggle{display:block;margin-left:auto;flex:0 0 auto}
 .primary-nav{display:none;position:absolute;top:100%;left:0;right:0;max-width:none;padding:13px max(23px,calc((100% - var(--max))/2)) 20px;background:rgba(9,9,18,.99);border-bottom:1px solid rgba(255,126,49,.2);box-shadow:0 20px 35px rgba(0,0,0,.38);align-items:stretch;flex-direction:column;gap:2px}
 .primary-nav.is-open{display:flex}
 .primary-nav>a{padding:11px 8px;border-bottom:1px solid rgba(255,255,255,.06)}
 .primary-nav .nav-cta{align-self:flex-start;margin-top:7px;padding:12px 16px}
 .primary-nav .language-link{align-self:flex-start;margin-top:7px;padding:9px 12px}
}
@media(max-width:900px){.content-list{grid-template-columns:1fr}.content-card{min-height:0}.topics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
 .header-shell{width:calc(100% - 28px);min-height:76px}.brand,.brand img{width:139px}.brand{flex-basis:139px}.brand img{height:60px}
 .hero{min-height:430px}.hero-home{min-height:650px}.hero-image{object-position:57% center}
 .hero-shade{background:linear-gradient(90deg,rgba(7,8,18,.94),rgba(8,8,18,.64)),linear-gradient(0deg,rgba(8,9,18,.79),transparent 45%)}
 .hero-shell{width:calc(100% - 32px);padding:56px 0 83px}.hero-home .hero-shell{padding-top:72px;padding-bottom:103px}
 h1{font-size:clamp(41px,11vw,58px)}.hero-inner h1{font-size:clamp(36px,9vw,49px)}
 .hero-lead{font-size:14px}.age-badge{width:51px;height:51px;font-size:18px;top:14px;right:15px}
 .hero-bottom-line{padding:14px 16px}.hero-bottom-line small{font-size:8px;letter-spacing:.09em}
 .hero-chips{gap:7px;margin:21px 0 26px}.hero-chips span{font-size:10px;padding:7px 9px}
 .below-hero-inner{width:calc(100% - 32px);min-height:78px}.below-hero-note{font-size:14px}.below-hero-cta .btn{min-width:0;padding:12px 14px;font-size:11px}
 .content-section,.topics-section,.faq-section{width:calc(100% - 32px);padding:54px 0}
 .section-heading{display:block;margin-bottom:24px}.section-intro{margin-top:12px}
 .content-card{padding:22px 18px;gap:12px}.content-card h2{font-size:21px}.content-card p{font-size:12px}
 .topics-grid{grid-template-columns:1fr}.topic-card{min-height:92px}
 .faq-list{grid-template-columns:1fr}
 .footer-top,.footer-bottom{width:calc(100% - 32px)}.footer-top{display:block;padding:31px 0 25px}
 .footer-brand{display:block;margin-bottom:22px;width:166px}.footer-brand img{width:152px;height:60px}
 .footer-commercial-links{gap:11px 15px}.footer-commercial-links a{font-size:11px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
