@font-face{font-family:Tenor;src:url(../fonts/tenor-sans.ttf) format("truetype");font-display:swap}@font-face{font-family:DM;src:url(../fonts/dm-sans.ttf) format("truetype");font-display:swap}:root{--bg:#090909;--bg2:#11110f;--gold:#f0cb89;--txt:#f6f6f6;--muted:#c9c9c9;--line:rgba(240,203,137,.55);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--txt);font:17px/1.6 DM,Arial,sans-serif;background-image:url(../img/background.webp);background-attachment:fixed;background-size:cover;background-position:center}a{color:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.narrow{max-width:760px}.top{position:sticky;top:0;z-index:30;background:rgba(5,5,5,.86);backdrop-filter:blur(12px);border-bottom:1px solid rgba(240,203,137,.15)}.nav{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:20px Tenor;text-decoration:none;color:var(--gold);letter-spacing:.08em}.nav nav{display:flex;gap:20px}.nav nav a{text-decoration:none;font-size:14px;color:#ddd}.hero{min-height:720px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.4)),url(../img/background.webp) center/cover}.hero-inner{display:flex}.hero-copy{max-width:760px;padding:80px 0}.eyebrow{color:var(--gold);letter-spacing:.18em;font-weight:700}.hero h1,.section h2{font-family:Tenor,serif;font-weight:400}.hero h1{font-size:clamp(44px,6vw,80px);line-height:1.04;margin:.15em 0 .35em}.hero h1 span{color:var(--gold)}.hero-copy>p:not(.eyebrow){font-size:22px;max-width:650px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 34px;margin-top:18px;background:var(--gold);color:#090909;text-decoration:none;border:0;border-radius:999px;font:600 17px DM;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.section{padding:92px 0;background:rgba(9,9,9,.94)}.section.alt{background:rgba(18,17,14,.96)}.section h2{font-size:clamp(36px,5vw,64px);line-height:1.1;margin:0 0 24px}.section h2 span{color:var(--gold)}h3{font-size:24px}.notice{color:var(--gold);font-weight:700}.lead-form{display:grid;gap:18px;background:rgba(0,0,0,.52);border:1px solid var(--line);border-radius:28px;padding:28px}.field{display:grid;gap:8px}.field label{font-weight:700}.field input,.field textarea{width:100%;border:1px solid rgba(240,203,137,.4);background:#0a0a0a;color:white;border-radius:14px;padding:16px 18px;font:inherit;outline:none}.field input:focus,.field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(240,203,137,.12)}.field small{color:#aaa}.check{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:#ccc}.check input{margin-top:5px}.trap{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}.submit{width:100%}.status{min-height:26px}.status.error{color:#ff9b9b}.status.ok{color:#a9e3b1}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:50px}.cards{padding:0;list-style:none;display:grid;gap:12px}.cards li,.feature,.rules div,.steps div,.contacts>div{border:1px solid rgba(240,203,137,.22);background:rgba(0,0,0,.28);padding:20px;border-radius:18px}.cards li:before{content:"✦";color:var(--gold);margin-right:10px}.panel{border-left:1px solid var(--line);padding-left:40px}.feature{margin:12px 0}.feature b{color:var(--gold)}.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps span{font:44px Tenor;color:var(--gold)}.timer-wrap{background:transparent;padding:70px 0}.timer-card{background:rgba(8,8,8,.78);border:1px solid var(--gold);border-radius:48px;padding:52px;text-align:center;backdrop-filter:blur(7px)}.timer-card h2{color:var(--gold)}.timer-card>p{font-size:22px;font-weight:600}.timer{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:38px auto 28px;max-width:1000px}.timer div{display:grid;gap:4px}.timer strong{font:clamp(58px,9vw,120px)/.9 Tenor;color:var(--gold);font-variant-numeric:tabular-nums}.timer span{text-transform:uppercase;letter-spacing:.12em;color:#ddd;font-size:13px}.contacts{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contacts a{display:block;color:var(--gold);font-size:20px;text-decoration:none;margin:7px 0}footer{padding:28px 0;background:#050505;color:#999;text-align:center}@media(max-width:767px){body{font-size:16px;background-image:url(../img/background-mobile.webp);background-attachment:scroll}.container{width:min(100% - 28px,var(--max))}.nav{min-height:58px}.nav nav{display:none}.brand{font-size:16px}.hero{min-height:620px;background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.92)),url(../img/background-mobile.webp) center/cover}.hero-copy{padding:70px 0}.hero h1{font-size:44px}.hero-copy>p:not(.eyebrow){font-size:18px}.section{padding:62px 0}.section h2{font-size:40px}.lead-form{padding:20px;border-radius:22px}.grid2,.rules,.steps,.contacts{grid-template-columns:1fr}.panel{border-left:0;padding-left:0}.timer-card{padding:32px 14px;border-radius:26px}.timer-card h2{font-size:36px}.timer-card>p{font-size:17px}.timer{gap:5px;margin:28px -4px 18px}.timer strong{font-size:54px}.timer span{font-size:9px;letter-spacing:.05em}.btn{width:100%}}

/* HERO v4 — one canonical implementation. Desktop preserves the original composition; mobile is rebuilt independently. */
.floating-menu{position:absolute;z-index:100;top:28px;right:max(26px,calc((100vw - 1240px)/2 + 4px));color:#fff}
.floating-menu summary{list-style:none;width:44px;height:44px;display:grid;place-content:center;gap:5px;cursor:pointer;background:rgba(0,0,0,.22);border-radius:50%;backdrop-filter:blur(5px)}
.floating-menu summary::-webkit-details-marker{display:none}.floating-menu summary span{display:block;width:24px;height:2px;background:#fff}
.floating-menu nav{position:absolute;right:0;top:50px;display:grid;min-width:190px;padding:12px;background:rgba(5,5,5,.96);border:1px solid rgba(240,203,137,.3);border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.35)}
.floating-menu nav a{padding:9px 10px;text-decoration:none;color:#eee;border-radius:8px}.floating-menu nav a:hover{background:rgba(240,203,137,.1);color:var(--gold)}
.hero{position:relative;height:900px;min-height:900px;overflow:hidden;background:url(../img/background.webp) center/cover no-repeat;border:0;isolation:isolate}
.hero-stage{position:relative;width:1240px;height:900px;margin:0 auto;transform-origin:top center}
.hero-title,.hero h1.hero-title{position:absolute;z-index:20;left:187px;top:42px;width:869px;margin:0;padding:0;color:var(--gold);font:400 55px/80px Tenor,serif;letter-spacing:-2px;text-align:center;border-bottom:1px solid rgba(255,255,255,.32);white-space:nowrap}
.hero-subtitle{position:absolute;z-index:21;left:279px;top:135px;width:672px;color:#fff;font:400 30px/40px Tenor,serif;letter-spacing:-1px;text-align:center;border-bottom:1px solid rgba(255,255,255,.28);white-space:nowrap}
.hero-with{position:absolute;z-index:22;left:735px;top:192px;width:420px;color:var(--gold);font:400 30px/80px Tenor,serif;letter-spacing:-1px;text-align:left;white-space:nowrap}
.hero-person{position:absolute;z-index:15;left:408px;top:180px;width:462px;height:auto;max-width:none;object-fit:contain}
.hero-frame{position:absolute;z-index:30;left:377px;top:303px;width:580px;height:auto;max-width:none;object-fit:contain;pointer-events:none}
.hero-message-bg{position:absolute;z-index:25;left:421px;top:575px;width:426px;height:184px;background:rgba(0,0,0,.62);border-radius:26px}
.hero-message{position:absolute;z-index:35;left:439px;top:600px;width:402px;color:#fff;font:400 19px/22px Tenor,serif}.hero-message p{margin:0 0 20px}.hero-message p:last-child{margin-bottom:0}
@media (min-width:768px) and (max-width:1279px){.hero{height:calc(900px * (100vw / 1240));min-height:0}.hero-stage{transform:scale(calc(100vw / 1240))}}

/* Mobile is deliberately independent from the desktop slider geometry. */
@media (max-width:767px){
  body{overflow-x:hidden}
  .hero{height:940px;min-height:940px;background:url(../img/background-mobile.webp) center top/cover no-repeat;overflow:hidden}
  .hero::before{content:"";position:absolute;z-index:50;inset:0 0 auto 0;height:74px;background:#050505;border-bottom:1px solid rgba(255,255,255,.10);pointer-events:none}
  .floating-menu{position:absolute;z-index:120;top:15px;right:12px}
  .floating-menu summary{width:44px;height:44px;background:transparent;backdrop-filter:none}
  .floating-menu summary span{width:26px;height:2px}
  .floating-menu nav{top:51px}
  .hero-stage{position:relative;width:100%;height:100%;left:0;margin:0;transform:none}
  .hero-title,.hero h1.hero-title{z-index:60;top:96px;left:18px;width:calc(100% - 36px);margin:0;padding:0 0 10px;border-bottom:1px solid rgba(255,255,255,.24);color:var(--gold);font:400 clamp(40px,10.9vw,48px)/1.02 Tenor,serif;letter-spacing:-.025em;text-align:center;white-space:normal}
  .hero-subtitle{z-index:61;top:206px;left:10px;width:calc(100% - 20px);border:0;color:#fff;font:400 clamp(17px,4.65vw,20px)/1.12 Tenor,serif;letter-spacing:-.018em;text-align:center;white-space:normal}
  .hero-with{z-index:62;top:252px;left:0;width:100%;color:var(--gold);font:400 clamp(25px,6.65vw,29px)/1.08 Tenor,serif;letter-spacing:-.02em;text-align:center;white-space:nowrap}
  .hero-person{z-index:20;top:302px;left:50%;width:min(114vw,500px);height:auto;max-width:none;transform:translateX(-50%);object-fit:contain;object-position:center top}
  .hero-frame{z-index:42;top:505px;left:50%;width:min(139vw,590px);height:auto;max-width:none;transform:translateX(-50%);object-fit:contain;pointer-events:none}
  .hero-message-bg{z-index:38;top:701px;left:7.5%;width:85%;height:174px;border-radius:26px;background:rgba(0,0,0,.72);box-shadow:0 12px 40px rgba(0,0,0,.22)}
  .hero-message{z-index:45;top:719px;left:11.5%;width:77%;color:#fff;font:400 clamp(15.5px,4.1vw,17.5px)/1.28 Tenor,serif;text-wrap:pretty}
  .hero-message p{margin:0 0 19px}.hero-message p:last-child{margin-bottom:0}
  .form-section{padding-top:84px}
}
@media (max-width:430px){
  .hero{height:920px;min-height:920px}
  .hero-title,.hero h1.hero-title{top:92px;font-size:clamp(39px,10.55vw,45px)}
  .hero-subtitle{top:198px;font-size:clamp(16.5px,4.4vw,19px)}
  .hero-with{top:242px;font-size:clamp(24px,6.3vw,27px)}
  .hero-person{top:291px;width:min(116vw,490px)}
  .hero-frame{top:491px;width:min(143vw,580px)}
  .hero-message-bg{top:685px;height:176px}
  .hero-message{top:703px;font-size:clamp(15px,4vw,17px)}
}
@media (max-width:390px){
  .hero{height:900px;min-height:900px}
  .hero::before{height:70px}
  .floating-menu{top:13px;right:10px}
  .hero-title,.hero h1.hero-title{top:86px;left:14px;width:calc(100% - 28px);font-size:39px;line-height:1.02;padding-bottom:9px}
  .hero-subtitle{top:187px;left:8px;width:calc(100% - 16px);font-size:16.5px}
  .hero-with{top:230px;font-size:24px}
  .hero-person{top:276px;width:119vw}
  .hero-frame{top:468px;width:147vw}
  .hero-message-bg{top:663px;left:6.5%;width:87%;height:179px;border-radius:24px}
  .hero-message{top:681px;left:10.5%;width:79%;font-size:15px;line-height:1.29}
  .hero-message p{margin-bottom:18px}
  .form-section{padding-top:78px}
}
@media (max-width:359px){
  .hero{height:875px;min-height:875px}
  .hero-title,.hero h1.hero-title{top:83px;font-size:36px}
  .hero-subtitle{top:177px;font-size:15px}
  .hero-with{top:217px;font-size:22px}
  .hero-person{top:260px;width:123vw}
  .hero-frame{top:447px;width:152vw}
  .hero-message-bg{top:635px;height:183px}
  .hero-message{top:653px;font-size:14.5px}
}
