*{box-sizing:border-box}html,body{margin:0;overflow-x:hidden}img{max-width:100%;height:auto;display:block}
body{font-family:Georgia,serif;background:#050707;color:#e9f3f2}a{color:#00d1c3}
.k{font:600 .8rem Arial,sans-serif;letter-spacing:.4em;color:#00d1c3;text-transform:uppercase}
header{position:sticky;top:0;z-index:10;background:#050707ee;backdrop-filter:blur(8px);border-bottom:1px solid #00d1c333;display:flex;justify-content:space-between;align-items:center;padding:10px 5vw;flex-wrap:wrap;gap:10px}
.logo{height:60px;width:auto;background:#f2f2f2;border-radius:10px;padding:3px 8px}
header .logo{height:140px;padding:8px 14px;box-shadow:0 0 0 2px #14b8a6,0 6px 24px rgba(20,184,166,.35)}
@media(max-width:700px){header .logo{height:88px}}
nav{display:flex;gap:26px;align-items:center;flex-wrap:wrap}nav a{color:#cfdcdb;text-decoration:none;font:600 .85rem Arial;letter-spacing:.15em;text-transform:uppercase}nav a.on{color:#00d1c3}
nav a.cta{padding:12px 18px}
.cta{display:inline-flex;gap:14px;align-items:center;border:1px solid #00d1c3;color:#fff;padding:18px 30px;text-decoration:none;font:700 .9rem Arial;letter-spacing:.2em;text-transform:uppercase;background:linear-gradient(90deg,#00d1c3 50%,#0000 50%);background-size:200% 100%;background-position:100%;transition:.4s}
.cta:hover{background-position:0;color:#000}.cta.solid{background:#00d1c3;color:#000}
h1,h2{font-weight:400;line-height:1.05}h1 i,h2 i{color:#00d1c3}
.wrap{max-width:1200px;margin:auto;padding:80px 5vw}
.ph-hero{position:relative;padding:130px 5vw 90px;background:linear-gradient(90deg,#000e,#003d39aa),var(--img) center/cover}
.ph-hero h1{font-size:clamp(2.4rem,5vw,4.2rem);margin:14px 0}.ph-hero p{font:1.15rem/1.6 Arial;color:#c5d3d2;max-width:640px}
p,li{font-family:Arial,sans-serif;line-height:1.6;color:#c5d3d2}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.card{border:1px solid #00d1c344;padding:30px;background:linear-gradient(#0a1414,#050707)}
.card h3{font-weight:400;font-size:1.6rem;margin:6px 0 10px}.price{font-size:2rem;white-space:nowrap;color:#00d1c3}
.card.feat{border-color:#00d1c3;box-shadow:0 0 40px #00d1c322}
.yt{position:relative;overflow:hidden;border:1px solid #00d1c333;background:#000;cursor:pointer;padding:0;display:block;width:100%;color:#fff}.yt.w{aspect-ratio:16/9}.yt.v{aspect-ratio:9/16}
.yt img{width:100%;height:100%;object-fit:cover;filter:brightness(.75);transition:.4s}.yt:hover img{filter:none}.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt:after{content:"▶";position:absolute;inset:0;margin:auto;width:70px;height:70px;border-radius:50%;background:#00d1c3;color:#000;display:grid;place-items:center;font-size:1.6rem;pointer-events:none}.yt.on:after{display:none}
.yt span{position:absolute;left:0;bottom:0;right:0;padding:12px 16px;background:linear-gradient(#0000,#000d);font:.95rem Arial;text-align:left}.yt.on span{display:none}
.pf{display:grid;gap:24px}.pf .vv{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:760px;margin:0 auto;width:100%}@media(max-width:600px){.pf .vv{grid-template-columns:1fr}}
.vid{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid #00d1c333}.vid img{width:100%;height:100%;object-fit:cover;filter:grayscale(.3) brightness(.7);transition:.5s}
.vid:hover img{filter:none;transform:scale(1.05)}.vid:after{content:"▶";position:absolute;inset:0;margin:auto;width:70px;height:70px;border-radius:50%;background:#00d1c3;color:#000;display:grid;place-items:center;font-size:1.6rem}
.vid span{position:absolute;left:0;bottom:0;right:0;padding:12px 16px;background:linear-gradient(#0000,#000d);font:.9rem Arial;z-index:2}
.frm{display:grid;grid-template-columns:1fr 1fr;gap:14px}.frm input,.frm textarea,.frm select{padding:14px;font:1rem Arial;background:#0000;border:1px solid #00d1c377;color:#fff}
.frm textarea,.frm .full{grid-column:1/-1}.frm label{font:.8rem Arial;color:#9bb;display:grid;gap:6px}.frm select option{color:#000}
.frm button{grid-column:1/-1;padding:18px;font:700 1rem Arial;letter-spacing:.3em;text-transform:uppercase;border:0;background:#00d1c3;color:#000;cursor:pointer}
.note{font:.8rem Arial;color:#7a9;margin-top:10px}
footer{background:#000;border-top:1px solid #00d1c333;padding:50px 5vw 30px;display:grid;grid-template-columns:auto 1fr 1fr 1fr;gap:40px;font:.9rem/1.7 Arial;color:#9bb}
footer a{color:#9bb;text-decoration:none;display:block}.faq h3{font-weight:400;font-size:1.35rem;margin:28px 0 6px;color:#fff}.crumb{font:.8rem Arial;color:#9bb;margin-bottom:10px}.crumb a{color:#9bb}.svc-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px}footer small{grid-column:1/-1;opacity:.6;border-top:1px solid #222;padding-top:16px}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.15) translate(-3%,-2%)}}@keyframes up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
.hero{display:grid;grid-template-columns:44% 56%;min-height:680px}
.hero .l{padding:60px 5vw;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #00d1c355}
.hero h1{font-size:clamp(2.6rem,5vw,4.6rem);margin:16px 0;animation:up 1s both}
.hero .r{position:relative;overflow:hidden}.hero .r img{width:100%;height:100%;object-fit:cover;animation:kb 16s ease-in-out infinite alternate}
.tag{position:absolute;bottom:30px;left:30px;background:#000c;padding:16px 22px;border-left:3px solid #00d1c3;font:.95rem Arial}
.num{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #00d1c355;border-bottom:1px solid #00d1c355}
.num div{padding:40px 30px;border-right:1px solid #00d1c333}.num b{display:block;font-size:3.2rem;font-weight:400;color:#00d1c3}.num span{font:.95rem Arial;color:#b9c9c8}
.gal{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:250px 250px;gap:6px}.gal img{width:100%;height:100%;object-fit:cover}.gal img:first-child{grid-row:1/3}
.band{padding:110px 5vw;text-align:center;background:linear-gradient(90deg,#000e,#003d39bb,#000e),url(/img/sport.webp) center/cover}
.band h2{font-size:clamp(2.2rem,4vw,3.4rem);margin:10px 0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
@media(max-width:820px){.hero,.split{grid-template-columns:1fr}.hero .r{height:340px}.num{grid-template-columns:1fr 1fr}.gal{grid-template-columns:1fr;grid-template-rows:auto}.gal img:first-child{grid-row:auto}
.frm{grid-template-columns:1fr}footer{grid-template-columns:1fr}nav{gap:14px}nav a{font-size:.72rem;letter-spacing:.08em}header{justify-content:center}.num div{padding:26px 18px}}
.mb,.hcta{display:none}
@media(max-width:820px){
header{position:sticky;padding:6px 4vw;flex-wrap:nowrap;justify-content:space-between;gap:10px}header>a:first-child{margin-right:auto}
header .logo{height:64px;padding:4px 8px;box-shadow:0 0 0 2px #14b8a6}
.hcta{display:inline-flex;padding:0 12px;min-height:44px;font-size:.7rem;letter-spacing:.1em}
.hcta{white-space:nowrap}
.mb{display:inline-grid;place-items:center;width:48px;height:48px;background:#0000;border:1px solid #00d1c377;color:#fff;font-size:1.6rem;cursor:pointer;padding:0}
nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#050707;border-bottom:1px solid #00d1c355;padding:6px 0}nav.open{display:flex}
nav a,nav a.cta{display:flex;align-items:center;min-height:48px;padding:0 6vw;font-size:1rem;letter-spacing:.1em;border-top:1px solid #00d1c31a}nav a.cta{display:none}
}
@media(max-width:600px){
body{font-size:16px}p,li{font-size:1rem}.k{font-size:.75rem;letter-spacing:.18em}
h1,.hero h1,.ph-hero h1{font-size:clamp(2rem,8.5vw,2.6rem)!important}h2{font-size:clamp(1.6rem,7vw,2.1rem)!important}.card h3{font-size:1.4rem}
.hero{min-height:0!important}.hero .l{padding:36px 5vw}.hero .r{height:240px}.ph-hero{padding:48px 5vw 40px}.ph-hero p{font-size:1rem}
.wrap{padding:44px 5vw}.card{padding:22px}.band{padding:44px 5vw}.cta{padding:14px 20px;letter-spacing:.12em;min-height:48px}
footer{padding:36px 5vw 24px;gap:20px;font-size:1rem}footer a{min-height:44px;display:flex;align-items:center}footer small a{min-height:0}
.crumb{font-size:.95rem}.crumb a{display:inline-flex;align-items:center;min-height:44px}.svc-links a,main p a,main li a,.card a:not(.cta){display:inline-block;min-height:44px;line-height:44px}
.frm label,.frm input,.frm textarea,.frm select{font-size:16px}.frm input,.frm select{min-height:48px}.note{font-size:.9rem}
}