@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap");

:root{--ink:#202124;--dark:#242526;--dark2:#191a1b;--paper:#f5f3ec;--soft:#ebe9df;--white:#fff;--muted:#62656a;--red:#e84036;--orange:#f5a623;--yellow:#ffd34e;--green:#87be3f;--line:#d9d7ce;--radius:20px;--shadow:0 22px 60px rgba(27,27,24,.18);--shell:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.7 Manrope,Arial,sans-serif}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Barlow Condensed",Impact,sans-serif;line-height:.98;letter-spacing:-.02em}h1{margin-bottom:25px;font-size:clamp(4rem,8vw,7.7rem);text-transform:uppercase}h2{margin-bottom:18px;font-size:clamp(2.6rem,5vw,4.6rem);text-transform:uppercase}h3{font-size:1.75rem}.shell{width:min(calc(100% - 40px),var(--shell));margin-inline:auto}.section{padding:100px 0}.section--dark{color:#fff;background:var(--dark2)}.section--soft{background:var(--soft)}.skip{position:fixed;z-index:100;top:-60px;left:20px;padding:10px 15px;background:var(--yellow)}.skip:focus{top:10px}
.agebar{color:#d9d9d7;background:#171819;font-size:.7rem}.agebar .shell{display:flex;gap:10px;align-items:center;min-height:28px}.agebar b{display:grid;width:20px;height:20px;place-items:center;border-radius:50%;color:#fff;background:var(--red);font-size:.62rem}.header{position:sticky;z-index:50;top:0;border-bottom:1px solid rgba(255,255,255,.1);color:#fff;background:rgba(37,38,39,.94);backdrop-filter:blur(14px)}.header__row{display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center;min-height:74px}.logo{display:flex;gap:10px;align-items:center;font:900 1.35rem/1 "Barlow Condensed";white-space:nowrap}.logo>span{display:grid;width:42px;height:42px;place-items:center;border:2px solid rgba(255,255,255,.15);border-radius:50%;background:var(--red)}.logo i{color:var(--yellow);font-style:normal}.header nav{display:flex;gap:30px;justify-content:center}.header nav a,.footer nav a{color:#bdc0c3;font-size:.72rem;font-weight:800;text-transform:uppercase;transition:.2s}.header nav a:hover,.footer nav a:hover{color:var(--yellow)}.nav-toggle{display:none;border:0;background:none}.nav-toggle span{display:block;width:25px;height:2px;margin:5px;background:#fff}.btn{display:inline-flex;gap:12px;align-items:center;justify-content:center;min-height:54px;padding:0 27px;border:2px solid var(--orange);border-radius:9px;color:#171717;background:linear-gradient(135deg,var(--yellow),var(--orange));box-shadow:0 12px 25px rgba(245,166,35,.18);font-size:.83rem;font-weight:800;text-transform:uppercase;transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(245,166,35,.28)}.btn--small{min-height:42px;padding:0 17px}.btn--line{border-color:rgba(255,255,255,.4);color:#fff;background:transparent;box-shadow:none}
.hero{position:relative;overflow:hidden;color:#fff;background:#242526}.hero::after{position:absolute;right:-5%;bottom:-15%;width:55%;height:90%;content:"";opacity:.1;background:repeating-linear-gradient(90deg,transparent 0 88px,#fff 88px 94px,transparent 94px 176px);transform:skew(-7deg)}.hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;min-height:700px;padding:65px 0}.hero__copy,.hero__visual{min-width:0}.kicker,.section-no{display:inline-flex;gap:9px;align-items:center;margin-bottom:18px;color:var(--red);font-size:.69rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.kicker{color:var(--yellow)}.kicker span{width:32px;height:3px;background:var(--red)}.hero h1 em{display:block;color:transparent;-webkit-text-stroke:2px var(--yellow);font-style:normal}.hero__lead{max-width:620px;margin-bottom:30px;color:#c8cbce;font-size:1.12rem}.hero__buttons{display:flex;flex-wrap:wrap;gap:12px}.hero__meta{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px;border-top:1px solid rgba(255,255,255,.12)}.hero__meta div{padding:20px 8px 0}.hero__meta div+div{border-left:1px solid rgba(255,255,255,.12);padding-left:18px}.hero__meta strong{display:block;color:var(--yellow);font:800 1.25rem "Barlow Condensed"}.hero__meta span{color:#aeb1b5;font-size:.65rem;font-weight:700;text-transform:uppercase}.hero__visual{position:relative}.hero__visual::before{position:absolute;inset:-12px;content:"";border:1px solid rgba(255,255,255,.2);border-radius:28px;transform:rotate(3deg)}.hero__visual img{position:relative;width:100%;border:7px solid #343638;border-radius:20px;box-shadow:0 30px 70px rgba(0,0,0,.42);transform:rotate(-2deg)}.hero__badge{position:absolute;right:-20px;bottom:-34px;display:grid;width:126px;height:126px;place-items:center;padding:24px 10px;border:4px solid #fff;border-radius:50%;color:#1e2515;background:var(--green);box-shadow:var(--shadow);text-align:center;transform:rotate(8deg)}.hero__badge span,.hero__badge small{font-size:.62rem;font-weight:800}.hero__badge b{font:900 2rem/1 "Barlow Condensed"}
.quick__intro{display:grid;grid-template-columns:1fr 1fr;gap:70px}.quick__intro h2{max-width:500px}.quick__intro p{color:var(--muted)}.facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 15px 40px rgba(30,30,26,.07)}.facts article{display:grid;grid-template-columns:auto 1fr;padding:25px}.facts article+article{border-left:1px solid var(--line)}.facts span{grid-row:1/3;margin-right:12px;font-size:1.8rem}.facts small{color:#949494;font-size:.6rem;font-weight:800;letter-spacing:.1em}.facts b{font-size:.8rem}.section-no--light{color:var(--yellow)}.heading{max-width:860px;margin-bottom:50px}.heading>p{max-width:720px;color:var(--muted)}.section--dark .heading p{color:#adb1b4}.heading--split{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;max-width:none;align-items:end}.heading--center{margin-inline:auto;text-align:center}.heading--center>p{margin-inline:auto}.game{overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#0c0d0e;box-shadow:0 30px 70px rgba(0,0,0,.4)}.game__top{display:flex;gap:20px;align-items:center;min-height:60px;padding:0 20px;background:#303234}.game__name{margin-right:auto;font:800 1.05rem "Barlow Condensed";text-transform:uppercase}.game__name span{margin-right:7px}.live{display:flex;gap:8px;align-items:center;color:#bfc2c4;font-size:.68rem;font-weight:700}.live i{width:8px;height:8px;border-radius:50%;background:#4ee07a;box-shadow:0 0 9px #4ee07a}.fullscreen{padding:7px 12px;border:1px solid rgba(255,255,255,.15);border-radius:7px;color:#fff;background:rgba(255,255,255,.05);cursor:pointer}.game__frame{min-height:500px;aspect-ratio:16/9}.game iframe,.video iframe{width:100%;height:100%;border:0}.demo-note{display:flex;gap:22px;margin-top:18px;padding:15px 20px;border-left:4px solid var(--yellow);color:#b8bbbe;background:#292b2d;font-size:.78rem}.demo-note b{color:var(--yellow);text-transform:uppercase}
.terms{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.terms article{min-height:245px;padding:28px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 13px 35px rgba(30,30,28,.05)}.terms__icon{display:grid;width:48px;height:48px;margin-bottom:35px;place-items:center;border-radius:50%;color:#fff;background:var(--red);font:800 1.4rem "Barlow Condensed"}.terms h3{margin-bottom:9px}.terms p{margin:0;color:var(--muted);font-size:.82rem}.explain{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;margin-top:90px}.explain__media{position:relative}.explain__media img{border-radius:17px;box-shadow:var(--shadow);transform:rotate(-2deg)}.explain__media>span{position:absolute;right:-15px;bottom:20px;padding:8px 14px;color:#fff;background:var(--red);font-size:.64rem;font-weight:800;letter-spacing:.1em}.explain__copy p{color:var(--muted)}.callout{padding:15px 18px;border-left:4px solid var(--orange);background:#ebe7da;font-size:.82rem;font-weight:700}.version{color:#fff;background:linear-gradient(120deg,#6e972f,#35471f)}.version__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.version p{color:#dce8cd}.road-list{margin:0;padding:0;list-style:none}.road-list li{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.18)}.road-list li>span{display:grid;flex:0 0 46px;width:46px;height:46px;place-items:center;border:2px solid rgba(255,255,255,.5);border-radius:50%;font:800 1.1rem "Barlow Condensed"}.road-list b{display:block}.road-list p{margin:2px 0 0;font-size:.78rem}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.timeline article{min-height:200px;padding:24px;border:1px solid var(--line);border-radius:14px;background:#fff}.timeline article>span{display:block;margin-bottom:25px;color:var(--red);font:900 2.2rem "Barlow Condensed"}.timeline h3{font-size:1.45rem}.timeline p{margin:0;color:var(--muted);font-size:.78rem}.timeline article:last-child{color:#fff;background:var(--red)}.timeline article:last-child>span,.timeline article:last-child p{color:#fff}.interface{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center;margin-top:90px;padding:50px;border-radius:22px;background:#e9e5d9}.interface__copy ul{padding:0;list-style:none}.interface__copy li{padding:9px 0;border-bottom:1px solid #d2cec2;color:var(--muted);font-size:.82rem}.interface__copy b{color:var(--ink)}.interface__media{position:relative}.interface__media img{border:6px solid #fff;border-radius:16px;box-shadow:var(--shadow)}.interface__media>div{position:absolute;right:-20px;bottom:-25px;padding:15px 24px;border:4px solid #fff;border-radius:12px;background:var(--yellow);box-shadow:var(--shadow)}.interface__media b,.interface__media span{display:block}.interface__media b{font:900 2rem "Barlow Condensed"}.interface__media span{font-size:.6rem;font-weight:800;text-transform:uppercase}.comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:25px;align-items:center;max-width:900px;margin:auto}.comparison article{padding:38px;border:2px solid var(--green);border-radius:17px;background:#fff}.comparison__real{border-color:var(--red)!important}.comparison__head{display:flex;gap:17px;align-items:center}.comparison__head>span{font-size:2.7rem}.comparison__head small{font-size:.62rem;font-weight:800;color:var(--green)}.comparison__real small{color:var(--red)}.comparison__head h3{margin:0;font-size:2.2rem}.comparison ul{padding:20px 0 0;list-style:none}.comparison li{padding:10px 0;border-bottom:1px solid #e7e5de;color:var(--muted);font-size:.8rem}.comparison li::before{margin-right:9px;color:var(--green);content:"✓";font-weight:900}.comparison__real li::before{color:var(--red)}.vs{display:grid;width:50px;height:50px;place-items:center;border-radius:50%;color:#fff;background:var(--dark);font:800 1rem "Barlow Condensed"}
.video{color:#fff;background:#222324}.video__grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px;align-items:center}.video p{color:#afb2b5}.video__warning{padding:14px;border:1px solid rgba(255,211,78,.25);border-radius:9px;color:#e2d8b1;background:rgba(255,211,78,.07);font-size:.75rem}.video__frame{overflow:hidden;aspect-ratio:16/9;border:6px solid #37393a;border-radius:18px;box-shadow:0 25px 60px rgba(0,0,0,.4)}.checks{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.checks article{padding:28px;border:1px solid var(--line);border-radius:14px;background:#fff}.checks article>span{color:var(--red);font:900 2rem "Barlow Condensed"}.checks h3{margin-top:25px}.checks p{margin:0;color:var(--muted);font-size:.8rem}.devices{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center;margin-top:75px;padding:45px;border-radius:20px;background:#e9e5d9}.devices p{color:var(--muted)}.device-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.device-cards article{display:grid;padding:20px;border-radius:12px;background:#fff}.device-cards span{margin-bottom:22px;font-size:2rem}.device-cards b{font-size:.8rem}.device-cards small{color:var(--muted);font-size:.65rem}.responsible{color:#fff;background:var(--red)}.responsible__grid{display:grid;grid-template-columns:auto 1fr 1fr;gap:55px;align-items:center}.responsible__age{display:grid;width:110px;height:110px;place-items:center;border:6px solid #fff;border-radius:50%;font:900 2.6rem "Barlow Condensed"}.responsible p{margin-bottom:0;color:#ffe2df}.responsible__rules{padding-left:45px;border-left:1px solid rgba(255,255,255,.35)}.responsible__rules a{display:inline-block;margin-top:15px;padding-bottom:2px;border-bottom:1px solid #fff;font-weight:800}.advice__grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.advice__grid>div p{color:var(--muted)}.advice ol{margin:0;padding:0;list-style:none}.advice li{display:flex;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);font-weight:700}.advice li span{color:var(--red);font:900 1.25rem "Barlow Condensed"}.faq__grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px}.faq__grid>div:first-child p{color:var(--muted)}.faq details{border-bottom:1px solid #ceccc3}.faq summary{display:flex;justify-content:space-between;padding:20px 0;font-weight:800;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:1.5rem;transition:.2s}.faq details[open] summary span{transform:rotate(45deg)}.faq p{padding:0 35px 18px 0;color:var(--muted);font-size:.85rem}.closing{padding:75px 0;color:#fff;background:#252627}.closing__grid{display:flex;gap:60px;align-items:center;justify-content:space-between}.closing__grid>div{max-width:820px}.closing p{margin:0;color:#b8bbbd}.closing .btn{flex:none}.footer{padding:45px 0 25px;color:#fff;background:#171819}.footer__top{display:flex;gap:30px;align-items:center;justify-content:space-between;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1)}.footer nav{display:flex;gap:25px}.footer__bottom{display:flex;gap:35px;justify-content:space-between;padding-top:22px}.footer__bottom p{max-width:780px;margin:0;color:#8e9295;font-size:.7rem}.footer__bottom b{color:var(--yellow);font-size:.7rem;white-space:nowrap}
@media(max-width:980px){.header nav{position:absolute;top:74px;right:20px;display:none;width:230px;padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#292a2b;box-shadow:var(--shadow)}.header nav.open{display:grid}.nav-toggle{display:block;order:2;cursor:pointer}.header__row{grid-template-columns:1fr auto auto}.hero__grid{grid-template-columns:1fr;padding:90px 0}.hero__visual{max-width:700px;margin:auto}.quick__intro,.heading--split,.explain,.version__grid,.interface,.video__grid,.devices,.advice__grid,.faq__grid{grid-template-columns:1fr}.facts,.terms,.timeline{grid-template-columns:1fr 1fr}.facts article+article{border-left:0}.facts article:nth-child(even){border-left:1px solid var(--line)}.facts article:nth-child(n+3){border-top:1px solid var(--line)}.checks{grid-template-columns:1fr 1fr}.responsible__grid{grid-template-columns:auto 1fr}.responsible__rules{grid-column:1/3;padding:30px 0 0;border-top:1px solid rgba(255,255,255,.35);border-left:0}.heading--split{gap:0}.faq__grid{gap:20px}}
@media(max-width:680px){body{font-size:15px}.shell{width:min(calc(100% - 28px),var(--shell))}.section{padding:75px 0}.agebar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header .btn{display:none}.header__row{grid-template-columns:1fr auto}.hero__grid{min-height:auto;padding:75px 0 95px}.hero h1{font-size:4.2rem}.hero__meta{grid-template-columns:1fr}.hero__meta div+div{border-left:0;padding-left:8px}.hero__badge{right:0;width:105px;height:105px}.quick__intro{gap:25px}.facts,.terms,.timeline,.checks,.device-cards{grid-template-columns:1fr}.facts article:nth-child(even){border-left:0}.facts article+article{border-top:1px solid var(--line)}.game__frame{min-height:520px;aspect-ratio:auto}.live{display:none}.fullscreen span{display:none}.demo-note{align-items:flex-start;flex-direction:column;gap:4px}.explain,.version__grid,.video__grid{gap:40px}.interface,.devices{padding:25px}.comparison{grid-template-columns:1fr}.vs{margin:-10px auto}.responsible__grid{grid-template-columns:1fr;gap:28px}.responsible__rules{grid-column:auto}.closing__grid,.footer__top,.footer__bottom{align-items:flex-start;flex-direction:column}.closing .btn{width:100%}.footer nav{flex-wrap:wrap}.footer__bottom b{white-space:normal}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}}