*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--b);color:var(--a);font-family:Arial,"Microsoft YaHei",sans-serif;line-height:1.7}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.wrap{width:min(1180px,92vw);margin:auto}.site-head{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--b) 88%,white);border-bottom:1px solid color-mix(in srgb,var(--a) 14%,transparent);backdrop-filter:blur(14px)}.nav{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:25px;font-weight:900}.brand span{display:inline-block;margin-left:8px;font-size:12px;color:var(--b);background:var(--c);padding:4px 8px;border-radius:999px}.nav nav{display:flex;gap:8px}.nav nav a{padding:9px 14px;border-radius:999px;color:color-mix(in srgb,var(--a) 70%,white)}.nav .active,.nav nav a:hover{background:color-mix(in srgb,var(--c) 20%,white);color:var(--a)}.hero{padding:72px 0;background:linear-gradient(135deg,color-mix(in srgb,var(--b) 90%,white),color-mix(in srgb,var(--d) 16%,var(--b)))}.hero-grid{display:grid;grid-template-columns:1fr .82fr;gap:42px;align-items:center}.kicker{font-weight:900;color:var(--d)}h1{font-size:clamp(36px,5vw,64px);line-height:1.08;margin:10px 0}p,.desc{color:color-mix(in srgb,var(--a) 68%,white)}.actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.actions a,.promo a,.app a,.contact button,.contact aside a,.pager button{background:linear-gradient(135deg,var(--c),var(--d));color:var(--b);border:0;border-radius:999px;padding:11px 18px;font-weight:900;cursor:pointer}.actions a+ a{background:var(--b);color:var(--a);border:1px solid color-mix(in srgb,var(--a) 16%,transparent)}.hero-img{border-radius:10px;overflow:hidden;box-shadow:0 18px 48px color-mix(in srgb,var(--a) 20%,transparent)}.hero-img img{height:430px;width:100%;object-fit:cover}.metrics{margin-top:-24px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metrics article,.services a,.news article,.seo,.movie-card,.about article,.contact section,.contact aside{background:color-mix(in srgb,var(--b) 82%,white);border:1px solid color-mix(in srgb,var(--a) 13%,transparent);border-radius:10px;box-shadow:0 14px 36px color-mix(in srgb,var(--a) 10%,transparent)}.metrics article{padding:20px}.metrics b{display:block;font-size:22px}.section{padding:64px 0}.soft{background:color-mix(in srgb,var(--d) 9%,var(--b))}.head{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:24px}.head h2,.promo h2,.seo h2{font-size:32px;margin:0}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.services a{overflow:hidden}.services img{height:170px;width:100%;object-fit:cover}.services h3,.services p{padding:0 18px}.services h3{margin:16px 0 6px}.services p{margin:0 0 18px}.movie-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.movie-card{overflow:hidden;transition:.25s}.movie-card:hover{transform:translateY(-5px)}.movie-card img{height:190px;width:100%;object-fit:cover}.movie-card .body{padding:14px}.movie-card h3{margin:0 0 6px;font-size:17px}.score{color:var(--c);font-weight:900}.split{display:grid;grid-template-columns:1fr .85fr;gap:20px}.news{display:grid;gap:12px}.news article{padding:18px}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.tags span,.tags button{background:var(--b);border:1px solid color-mix(in srgb,var(--a) 14%,transparent);border-radius:999px;padding:8px 14px;color:var(--a)}.tags button.active{background:var(--d);color:var(--b)}.promo{display:grid;grid-template-columns:1fr .72fr;gap:24px;align-items:center}.promo img{height:260px;width:100%;object-fit:cover;border-radius:10px}.timeline{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.timeline article{border-left:4px solid var(--d);padding:17px;background:color-mix(in srgb,var(--b) 86%,white);border-radius:10px}.float{position:fixed;right:22px;bottom:24px;background:var(--c);color:var(--b);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-weight:900;box-shadow:0 14px 36px #0002}footer{padding:32px 0;background:var(--a);color:var(--b)}.page{padding:48px 0 72px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin:18px 0}.filters input,.filters select,.contact input,.contact textarea{width:100%;padding:12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--a) 14%,transparent);background:color-mix(in srgb,var(--b) 86%,white);color:var(--a)}.pager{text-align:center;margin-top:24px}.pager span{display:inline-block;margin:0 12px}.about{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.about article{padding:22px}.contact{display:grid;grid-template-columns:1fr .8fr;gap:22px}.contact section,.contact aside{padding:24px}.contact section{display:grid;gap:12px}.contact textarea{min-height:140px}.contact iframe{grid-column:1/-1;width:100%;height:320px;border:0;border-radius:10px}.app{display:grid;grid-template-columns:1fr .8fr;gap:28px;align-items:center}.app img{height:420px;width:100%;object-fit:cover;border-radius:10px}.app .about{grid-column:1/-1}.reveal{opacity:0;transform:translateY(20px);transition:.7s}.reveal.show{opacity:1;transform:none}@media(max-width:900px){.nav{height:auto;display:block;padding:14px 0}.nav nav{margin-top:10px;flex-wrap:wrap}.hero-grid,.split,.promo,.contact,.app{grid-template-columns:1fr}.metrics,.services,.movie-grid,.about,.timeline{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr}.hero-img img{height:310px}}@media(max-width:560px){.metrics,.services,.movie-grid,.about,.timeline{grid-template-columns:1fr}h1{font-size:34px}.section{padding:46px 0}}