@font-face{font-family:"Oswald";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/oswald-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Oswald";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/oswald-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* ---------- blocks (the draft page between the hero and the reveal) ---------- */
.blk{padding-block:clamp(56px,6.5vw,104px);border-top:2px dashed var(--line)}
.blk .kicker{margin-bottom:0}
.blk .h2{margin-bottom:clamp(22px,2.6vw,38px)}
.lead--wide{max-width:42em;margin-bottom:clamp(26px,3.2vw,48px)}
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.hand{font:700 clamp(26px,2.1vw,31px)/1.12 var(--fm);color:var(--red);text-wrap:balance}
.hand--c{text-align:center;margin-top:clamp(22px,2.6vw,36px)}
.fine--c{text-align:center;margin:clamp(24px,3vw,40px) auto 0;max-width:40em}
.blk>.fine{margin-top:clamp(20px,2.4vw,32px);max-width:46em}
.blk .fine{font:500 18px/1.5 var(--fh);color:#3a3a40}
.blk .lead{max-width:34em}
.blk .lead.lead--wide{max-width:42em}
button{font-family:inherit}

/* h2 marker underline, drawn when the block comes into view */
.blk .h2{position:relative;width:fit-content;max-width:min(100%,16em)}
.js .blk .h2::after{content:"";position:absolute;left:0;bottom:-.14em;height:.1em;width:100%;max-width:7em;background:var(--red);border-radius:6px;transform:scaleX(0);transform-origin:0 50%;transition:transform 1.4s var(--ease) .2s;opacity:.9}
.js .blk.in .h2::after{transform:scaleX(1)}
.blk .h2#faqH,.blk .h2#priceH{max-width:min(100%,14em)}

/* ---------- 2. cookies ---------- */
.cookies__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4vw,72px);align-items:center}
.cframe{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;padding:clamp(18px,2.4vw,34px);border:2px dashed var(--line);background:#faf9f4}
.cookie{width:min(100%,380px);height:auto;overflow:visible}
.cookie .bite{transform-box:fill-box;transform-origin:center;transform:scale(0);transition:transform 1.1s var(--ease)}
.cookie .bite.on{transform:scale(1)}
.cookie .cookie__body{transition:opacity 1s ease}
.cookie .crumbs{opacity:0;transition:opacity 1s ease}
.cookie.is-gone .cookie__body{opacity:0}
.cookie.is-gone .crumbs{opacity:1}
.cframe figcaption{font:500 16px/1.35 var(--fh);color:#3a3a40;text-align:center}
.cookies__copy{display:flex;flex-direction:column;gap:clamp(16px,1.8vw,24px)}
.cbanner{border:2px solid var(--ink);background:#faf9f4;padding:clamp(18px,2vw,28px);box-shadow:6px 6px 0 var(--ink);display:flex;flex-direction:column;gap:14px;max-width:640px}
.cbanner__t{font:800 22px/1.1 var(--fh);color:var(--ink)}
.cbanner p{font:400 19px/1.5 var(--fh);color:var(--body);text-wrap:balance}
.cbanner__btns{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cbtn{height:60px;border:2px solid var(--ink);background:var(--paper);color:var(--ink);font:800 19px/1 var(--fh);white-space:nowrap;cursor:pointer;transition:background-color .5s ease,color .5s ease}
.cbtn:hover{background:var(--ink);color:var(--paper)}

/* ---------- 4. templates ---------- */
.tpl__sites{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,36px)}
.mock{margin:0;display:flex;flex-direction:column;gap:12px}
.mock figcaption{font:600 18px/1.3 var(--fh);color:var(--ink)}
.mock__page{border:2px solid var(--line);background:#faf9f4;padding:14px;display:flex;flex-direction:column;gap:14px;transition:background-color .9s ease}
.mock__bar{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mock__slot{position:relative;width:48px;height:36px;border:2px dashed var(--line);display:grid;place-items:center;flex:none}
.mock__logo{width:30px;height:30px;opacity:0;transform:scale(.6);transition:opacity .9s ease,transform 1.2s var(--ease)}
.has-logo .mock__logo{opacity:1;transform:none}
.has-logo .mock__slot{border-color:transparent}
.mock__nav{display:flex;gap:8px}
.mock__nav i{display:block;width:30px;height:8px;border-radius:4px;background:var(--line)}
.mock__hero{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:14px;align-items:stretch}
.mock__lines{display:flex;flex-direction:column;gap:9px}
.mock__lines i{display:block;height:14px;border-radius:4px;background:var(--ink)}
.mock__lines i:nth-child(2){width:84%}
.mock__lines i:nth-child(3){width:64%;height:9px;background:var(--line);opacity:.55}
.mock__lines b{display:block;width:60%;height:28px;margin-top:6px;background:var(--red);border-radius:4px}
.mock__pic{min-height:84px;background:var(--paper-2);border:2px solid var(--line);
  background-image:linear-gradient(to top right,transparent calc(50% - 1px),var(--line) calc(50% - 1px),var(--line) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to bottom right,transparent calc(50% - 1px),var(--line) calc(50% - 1px),var(--line) calc(50% + 1px),transparent calc(50% + 1px))}
.mock__tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mock__tiles i{display:block;height:38px;border:2px solid var(--line);border-radius:4px;background:var(--paper)}
.mock--b .mock__page{background:#f7f0cd}
.mock--c .mock__page{background:#e9eef0}
.mock--b .mock__lines b{background:var(--ink)}
.mock--c .mock__lines b{background:#4a4a50}
.mock .mock__page.is-over{outline:3px dashed var(--red);outline-offset:4px}
.tpl__tray{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;margin-top:clamp(26px,3vw,44px)}
.tray{display:flex;align-items:center;gap:clamp(14px,2vw,28px)}
.token{display:inline-flex;align-items:center;gap:12px;height:68px;padding:0 22px 0 14px;border:2px solid var(--ink);background:var(--sticky);color:var(--ink);font:800 18px/1 var(--fh);white-space:nowrap;cursor:grab;box-shadow:5px 5px 0 var(--ink);touch-action:none;user-select:none;-webkit-user-select:none;transition:transform .7s var(--ease),box-shadow .7s var(--ease)}
.token svg{width:38px;height:38px;flex:none}
.token.is-drag{cursor:grabbing;box-shadow:10px 10px 0 var(--ink);transition:none;z-index:30;position:relative}
.token.is-spent{opacity:.55;box-shadow:none;cursor:default}
.gauge{display:flex;flex-direction:column;gap:10px}
.gauge__label{font:700 15px/1.2 var(--fh);letter-spacing:.12em;text-transform:uppercase;color:#3a3a40}
.gauge__label b{font-size:18px;color:var(--red);letter-spacing:.04em}
.gauge__track{display:block;height:24px;border:2px solid var(--line);overflow:hidden;background:#faf9f4}
.gauge__track i{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(1);background:repeating-linear-gradient(135deg,var(--red) 0 8px,transparent 8px 14px);transition:transform 1.8s var(--ease)}

/* ---------- 6. reviews ---------- */
.reviews__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.6vw,40px)}
.review{margin:0;display:flex;flex-direction:column;gap:18px;padding:clamp(20px,2.2vw,30px);border:2px solid var(--line);background:#faf9f4;box-shadow:6px 6px 0 var(--ink);transform:rotate(var(--rot,0deg))}
.review__top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.stars{display:inline-flex;gap:4px;align-items:center}
.stars svg,.star svg{width:30px;height:30px;fill:var(--sticky);stroke:var(--ink);stroke-width:2.6;stroke-linejoin:round}
.star{width:44px;height:44px;margin:-7px;display:grid;place-items:center;border:0;background:none;cursor:pointer;padding:0}
.star--off svg{fill:var(--paper-2);transition:fill .8s ease}
.star--off.is-hot svg{fill:var(--red)}
.review__d{font:700 15px/1.2 var(--fh);letter-spacing:.08em;text-transform:uppercase;color:#3a3a40;text-align:right;white-space:nowrap}
.review blockquote{margin:0;font:500 20px/1.5 var(--fh);color:var(--ink);flex:1}
.review figcaption{font:700 17px/1.3 var(--fh);color:#3a3a40;border-top:2px dashed var(--line);padding-top:14px}

/* ---------- 7. top-1 guarantee ---------- */
.top1__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,4vw,64px);align-items:stretch}
.sbox{border:2px solid var(--line);background:#faf9f4;padding:clamp(18px,2.2vw,32px);display:flex;flex-direction:column;gap:20px}
.sform{display:flex;align-items:center;gap:12px;border:2px solid var(--ink);padding:6px 6px 6px 16px;background:#fff;border-radius:999px}
.sform__ico{width:26px;height:26px;color:var(--ink);flex:none}
.sform__in{flex:1;min-width:0;border:0;outline:0;background:none;font:500 20px/1.2 var(--fh);color:var(--ink);height:48px}
.sform:focus-within{outline:3px solid var(--red);outline-offset:4px}
.sform__btn{height:48px;padding:0 24px;border:0;border-radius:999px;background:var(--ink);color:var(--paper);font:800 18px/1 var(--fh);white-space:nowrap;cursor:pointer}
.sstat{font:600 18px/1.3 var(--fh);color:#3a3a40}
.sres{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:22px}
.sres li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:start}
.sres__n{font:900 44px/1 var(--fh);color:var(--red)}
.sres b{display:block;font:700 22px/1.25 var(--fh);color:#1a2a8a;text-decoration:underline;text-underline-offset:4px}
.sres__u{display:block;font:500 16px/1.4 var(--fh);color:#2a6a2a;margin:2px 0 4px}
.sres p{font:400 18px/1.45 var(--fh);color:var(--body)}
.cert{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:clamp(14px,1.6vw,22px);padding:clamp(30px,3vw,46px) clamp(22px,2.4vw,36px);border:3px double var(--ink);background:#fffef8;box-shadow:6px 6px 0 var(--ink)}
.cert::before{content:"";position:absolute;inset:10px;border:2px solid var(--line);pointer-events:none}
.cert>*{position:relative}
.cert__k{font:700 15px/1.2 var(--fh);letter-spacing:.18em;text-transform:uppercase;color:#3a3a40}
.cert__seal{display:grid;place-items:center;width:clamp(120px,10.5vw,168px);aspect-ratio:1;border-radius:50%;background:var(--red);color:#fff;font:900 clamp(38px,3.6vw,60px)/1 var(--fh);letter-spacing:-.03em;box-shadow:inset 0 0 0 6px var(--red),inset 0 0 0 9px #fff;transform:rotate(-7deg)}
.cert__t{max-width:18em;font:700 clamp(22px,1.75vw,26px)/1.3 var(--fh);color:var(--ink);text-wrap:balance}
.cert__s{font:700 clamp(26px,2vw,30px)/1.1 var(--fm);color:var(--red)}

/* ---------- 7b. one-day tracker ---------- */
.speed__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,3.6vw,56px);align-items:stretch}
.status{border:2px solid var(--line);background:#faf9f4;padding:clamp(22px,2.6vw,38px);display:flex;flex-direction:column;justify-content:space-between;gap:18px}
.status__l{font:700 15px/1.3 var(--fh);letter-spacing:.14em;text-transform:uppercase;color:#3a3a40}
.status__n{display:block;font:900 clamp(96px,12vw,200px)/.9 var(--fh);letter-spacing:-.05em;color:var(--red);font-variant-numeric:tabular-nums}
.status__bar{display:block;height:30px;border:3px solid var(--ink);overflow:hidden;background:#faf9f4}
.status__bar i{display:block;height:100%;width:99%;background:repeating-linear-gradient(135deg,var(--red) 0 10px,transparent 10px 18px)}
.status__s{font:700 clamp(20px,1.7vw,24px)/1.3 var(--fh);color:var(--ink)}
.speed__side{display:flex;flex-direction:column;gap:clamp(16px,2vw,24px)}
.dayctl{border:2px solid var(--line);background:#faf9f4;padding:clamp(18px,2.2vw,30px);display:flex;flex-direction:column;gap:10px}
.dayctl__l{font:700 15px/1.2 var(--fh);letter-spacing:.14em;text-transform:uppercase;color:#3a3a40}
.dayctl__v{display:block;font:800 clamp(32px,3.2vw,48px)/1.05 var(--fh);letter-spacing:-.02em;color:var(--ink)}
.log{list-style:none;margin:0;padding:0;flex:1;display:flex;flex-direction:column;border:2px solid var(--line);background:#faf9f4}
.log li{flex:1;display:grid;grid-template-columns:clamp(96px,8.5vw,124px) minmax(0,1fr);gap:14px;align-items:center;padding:12px clamp(16px,2vw,26px);border-bottom:2px dashed var(--line);font:500 clamp(19px,1.5vw,21px)/1.35 var(--fh);color:var(--ink);transition:background-color .9s ease,box-shadow .9s ease}
.log li:last-child{border-bottom:0}
.log li b{font:800 18px/1.2 var(--fh);color:var(--ink)}
.log li.is-on{background:var(--sticky);box-shadow:inset 6px 0 0 var(--red)}

/* ---------- 8. price ---------- */
.budget{border:2px solid var(--line);background:#faf9f4;padding:clamp(20px,2.4vw,34px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,3vw,48px);align-items:center;margin-bottom:clamp(28px,3.4vw,52px)}
.budget__a{display:flex;flex-direction:column;gap:8px}
.budget__l{font:700 15px/1.2 var(--fh);letter-spacing:.14em;text-transform:uppercase;color:#3a3a40}
.budget__v{display:block;font:800 clamp(34px,4vw,64px)/1.05 var(--fh);letter-spacing:-.02em;color:var(--ink);white-space:nowrap}
.budget__u{font:600 clamp(20px,1.6vw,24px)/1.2 var(--fh);color:#3a3a40}
.budget__b{display:flex;flex-direction:column;gap:10px}
.range{-webkit-appearance:none;appearance:none;width:100%;height:44px;background:none;margin:2px 0;cursor:pointer}
.range::-webkit-slider-runnable-track{height:10px;border:2px solid var(--ink);border-radius:6px;background:linear-gradient(90deg,var(--red) var(--p,6%),#faf9f4 var(--p,6%))}
.range::-moz-range-track{height:10px;border:2px solid var(--ink);border-radius:6px;background:linear-gradient(90deg,var(--red) var(--p,6%),#faf9f4 var(--p,6%))}
.range::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-12px;border-radius:50%;background:var(--sticky);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}
.range::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--sticky);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}
.budget__verdict{font:600 clamp(20px,1.7vw,24px)/1.35 var(--fh);color:var(--ink);min-height:2.7em}
.tags{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(20px,2.6vw,40px);row-gap:0}
.tag{position:relative;display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0;justify-items:center;padding:clamp(40px,3.2vw,50px) clamp(18px,2vw,28px) clamp(20px,2vw,28px);margin-bottom:clamp(20px,2.6vw,40px);border:2px solid var(--ink);background:#faf9f4;box-shadow:6px 6px 0 var(--ink);transition:background-color 1s ease}
.tag__hole{position:absolute;left:50%;top:13px;width:22px;height:22px;margin-left:-11px;border:3px solid var(--ink);border-radius:50%;background:var(--paper)}
.tag__n{margin:0 0 12px;text-align:center;font:800 clamp(21px,1.7vw,25px)/1.2 var(--fh);color:var(--ink);text-wrap:balance}
.tag__p{display:flex;flex-direction:column;align-items:center;gap:2px;margin:0 0 12px}
.tag__p b{font:900 clamp(30px,2.7vw,44px)/1.05 var(--fh);letter-spacing:-.03em;color:var(--red);white-space:nowrap}
.tag__p span{font:600 18px/1.2 var(--fh);color:#3a3a40;white-space:nowrap}
.tag__d{margin:0 0 14px;text-align:center;font:400 19px/1.45 var(--fh);color:var(--body);text-wrap:balance}
.tag__t{justify-self:stretch;padding-top:14px;border-top:2px dashed var(--line);text-align:center;font:600 19px/1.4 var(--fh);color:var(--ink);text-wrap:balance}
.tag__t b{display:block;margin-bottom:6px;font:700 15px/1.2 var(--fh);letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.tag.fits{background:#fcf1c9}
.tag.best{background:var(--sticky)}
.tag--check{background:#fffef8;border-style:dashed;box-shadow:none}
.check{grid-row:2 / span 3;list-style:none;margin:0;padding:0;justify-self:stretch;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(10px,1.2vw,16px)}
.check li{display:flex;align-items:baseline;gap:8px;font:500 18px/1.3 var(--fh);color:var(--ink)}
.check li i{flex:1;min-width:12px;border-bottom:2px dotted var(--line);transform:translateY(-4px)}
.check li span:last-child{font-weight:800;text-align:right;white-space:nowrap}

/* ---------- 10. works ---------- */
.works__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.6vw,40px);margin-bottom:clamp(30px,3.6vw,56px)}
.ugly{margin:0;display:flex;flex-direction:column;gap:12px}
.ug{position:relative;height:190px;border:2px solid var(--ink);overflow:hidden}
.ugly h3{margin:0;font:800 21px/1.2 var(--fh);color:var(--ink)}
.ugly p{font:400 18px/1.4 var(--fh);color:var(--body);margin-top:4px}
.ug--fonts{background:#fff35c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.ug--fonts i{font-style:normal}
.ug--fonts .f1{font:900 34px/1.1 "Unbounded",sans-serif;color:#ff0080}
.ug--fonts .f2{font:700 40px/1.05 "Caveat",cursive;color:#0a2fff}
.ug--fonts .f3{font:italic 700 22px/1.2 Georgia,"Times New Roman",serif;color:#008a2e}
.ug--fonts .f4{font:900 34px/1.1 "Courier New",monospace;color:#ff6a00;letter-spacing:.2em}
.ug__play,.ug--ticker .tk,.ug__strip,.ug__led{display:block;font-style:normal}
.ug--music{background:#2b0f4f;display:flex;align-items:center;justify-content:center;gap:22px}
.ug__play{width:0;height:0;border-left:44px solid #ff3bd4;border-top:28px solid transparent;border-bottom:28px solid transparent}
.ug__eq{display:flex;align-items:flex-end;gap:5px;height:80px}
.ug__eq i{display:block;width:9px;background:linear-gradient(#3bffd9,#ff3bd4);border-radius:2px}
.ug__eq i:nth-child(1){height:30%}.ug__eq i:nth-child(2){height:70%}.ug__eq i:nth-child(3){height:45%}.ug__eq i:nth-child(4){height:92%}.ug__eq i:nth-child(5){height:58%}.ug__eq i:nth-child(6){height:78%}.ug__eq i:nth-child(7){height:36%}.ug__eq i:nth-child(8){height:64%}.ug__eq i:nth-child(9){height:48%}
.ug--wins{background:#00a6a6;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.12) 0 10px,transparent 10px 20px)}
.ug--wins i{position:absolute;width:46%;height:56%;background:#ececec;border:3px solid #17171a;box-shadow:5px 5px 0 rgba(0,0,0,.5)}
.ug--wins i::before{content:"";position:absolute;left:0;right:0;top:0;height:22px;background:#2a2aff}
.ug--wins i::after{content:"×";position:absolute;right:4px;top:-2px;font:900 22px/22px Arial,sans-serif;color:#fff}
.ug--wins i:nth-child(1){left:6%;top:8%}.ug--wins i:nth-child(2){left:30%;top:24%}.ug--wins i:nth-child(3){left:48%;top:38%}
.ug--ticker{background:#ff3b3b;display:flex;flex-direction:column;justify-content:space-around;padding:10px 0}
.ug--ticker .tk{display:block;white-space:nowrap;font:900 30px/1 Impact,"Arial Black",sans-serif;color:#ffee00;text-shadow:2px 2px 0 #17171a;overflow:hidden}
.ug--ticker .tk::before{content:"★ СКИДКИ ★ СКИДКИ ★ СКИДКИ ★ СКИДКИ"}
.ug--ticker .tk2{color:#fff}
.ug--ticker .tk2::before{content:"★ ТОЛЬКО СЕГОДНЯ ★ ТОЛЬКО СЕГОДНЯ ★"}
.ug--ticker .tk3::before{content:"★ ЗВОНИТЕ СЕЙЧАС ★ ЗВОНИТЕ СЕЙЧАС ★"}
.ug--count{background:#c9c9c9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.ug__strip{display:block;width:80%;height:26px;background:repeating-linear-gradient(135deg,#ffd400 0 16px,#17171a 16px 32px);border:2px solid #17171a}
.ug__led{display:block;padding:8px 14px;background:#17171a;border:3px inset #888;font:700 34px/1 "Courier New",monospace;color:#39ff14;letter-spacing:.12em}
.ug__led::before{content:"000417"}
.game{border:2px solid var(--ink);background:#faf9f4;box-shadow:6px 6px 0 var(--ink)}
.game__bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 18px;border-bottom:2px solid var(--ink);background:var(--paper-2)}
.game__dots{display:flex;gap:6px}
.game__dots i{display:block;width:14px;height:14px;border-radius:50%;border:2px solid var(--ink)}
.game__t{font:800 18px/1.2 var(--fh);color:var(--ink)}
.game__hud{margin-left:auto;display:flex;gap:clamp(12px,2vw,28px);flex-wrap:wrap;font:600 18px/1.2 var(--fh);color:var(--ink)}
.game__hud b{font-variant-numeric:tabular-nums}
.game__arena{position:relative;height:clamp(360px,34vw,480px);overflow:hidden;background:
  repeating-linear-gradient(0deg,rgba(23,23,26,.05) 0 1px,transparent 1px 32px),repeating-linear-gradient(90deg,rgba(23,23,26,.05) 0 1px,transparent 1px 32px),#fffef8}
.game__intro{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:20px;text-align:center}
.game__lead{max-width:30em;font:500 clamp(19px,1.7vw,23px)/1.45 var(--fh);color:var(--ink);text-wrap:balance}
.gbtn{height:60px;padding:0 34px;border:2px solid var(--ink);background:var(--ink);color:var(--paper);font:800 19px/1 var(--fh);white-space:nowrap;cursor:pointer;box-shadow:5px 5px 0 var(--red);transition:transform .6s var(--ease)}
.gbtn:hover{transform:translateY(-2px)}
.gbtn--ghost{background:var(--paper);color:var(--ink);box-shadow:5px 5px 0 var(--ink)}
.pop{position:absolute;width:min(250px,64%);background:#ececec;border:3px solid var(--ink);box-shadow:5px 5px 0 rgba(23,23,26,.55);animation:popin .6s var(--ease)}
.pop__h{display:flex;align-items:center;justify-content:space-between;gap:6px;height:44px;padding-left:10px;background:#2a2aff;color:#fff;font:700 16px/1 var(--fh)}
.pop__h span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pop__x{flex:none;width:44px;height:44px;border:0;background:var(--red);color:#fff;font:900 24px/1 Arial,sans-serif;cursor:pointer}
.pop__x:hover{background:#9e1a14}
.pop p{padding:12px;font:600 18px/1.3 var(--fh);color:var(--ink)}
@keyframes popin{from{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:none}}
.game__result{margin-top:clamp(20px,2.4vw,32px);display:flex;align-items:center;gap:clamp(16px,2.4vw,32px);flex-wrap:wrap}
.game__result[hidden]{display:none}
.game__rt{font:700 clamp(26px,2.4vw,34px)/1.15 var(--fm);color:var(--red);flex:1 1 20em;text-wrap:balance}

/* ---------- 11. team ---------- */
.team__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4vw,72px);align-items:center}
.stage{margin:0;border:2px dashed var(--line);background:#faf9f4;padding:clamp(18px,2.4vw,34px) clamp(18px,2.4vw,34px) 20px;display:flex;flex-direction:column;align-items:center;gap:12px}
.man{width:min(100%,340px);height:auto;overflow:visible}
.man .hat{display:none}
.man .hat.is-on{display:inline;animation:hatin 1s var(--ease)}
@keyframes hatin{from{opacity:0;transform:translateY(-26px)}to{opacity:1;transform:none}}
.stage figcaption{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;min-height:5.2em}
.role{font:800 22px/1.2 var(--fh);color:var(--ink);padding:6px 16px;border:2px solid var(--ink);background:var(--sticky)}
.team__side{display:flex;flex-direction:column;gap:clamp(18px,2.2vw,28px)}
.hats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
.hat-b{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px 14px;border:2px solid var(--line);background:#faf9f4;color:var(--ink);font:700 18px/1.2 var(--fh);cursor:pointer;white-space:nowrap;transition:background-color .6s ease,box-shadow .6s ease,transform .8s var(--ease)}
.hat-b svg{width:78px;height:86px}
.hat-b:hover{transform:translateY(-3px)}
.hat-b.is-on{background:var(--sticky);box-shadow:5px 5px 0 var(--ink);border-color:var(--ink)}

/* ---------- 13. faq ---------- */
.faq__grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(28px,4vw,72px);align-items:start}
.faq__side{position:sticky;top:calc(var(--bar) + 24px);display:flex;flex-direction:column;gap:clamp(18px,2vw,28px);padding-top:14px}
.faq__side .h2{margin-top:14px}
.note--faq{max-width:20em;transform:none}
.faq__list{display:flex;flex-direction:column;border:2px solid var(--line);background:#faf9f4}
.q{border-bottom:2px dashed var(--line)}
.q:last-child{border-bottom:0}
.q summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px;padding:14px clamp(16px,2vw,28px);cursor:pointer;font:800 clamp(19px,1.6vw,23px)/1.3 var(--fh);color:var(--ink)}
.q summary::-webkit-details-marker{display:none}
.q summary:focus-visible{outline:3px solid var(--red);outline-offset:-6px}
.q__i{position:relative;flex:none;width:34px;height:34px;border:2px solid var(--ink);border-radius:50%}
.q__i::before,.q__i::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:3px;background:var(--ink);transform:translate(-50%,-50%);transition:transform .7s var(--ease)}
.q__i::after{transform:translate(-50%,-50%) rotate(90deg)}
.q[open] .q__i::after{transform:translate(-50%,-50%) rotate(0)}
.q__a{padding:0 clamp(16px,2vw,28px) 24px;display:flex;flex-direction:column;gap:10px;max-width:46em}
.q__joke{font:700 clamp(26px,2.1vw,31px)/1.1 var(--fm);color:var(--red)}
.q__a p:not(.q__joke){font:400 19px/1.55 var(--fh);color:var(--body);text-wrap:pretty}

/* ---------- 14. order ---------- */
.order{display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(18px,2.2vw,30px)}
.order .beat{width:auto;margin:0;padding:0;font:700 clamp(40px,6vw,92px)/1.05 var(--fm);color:var(--red);max-width:14em}
.order__bar{display:flex;align-items:center;gap:clamp(14px,2vw,28px);width:min(100%,980px)}
.order__pct{font:900 clamp(36px,4.6vw,72px)/1 var(--fh);color:var(--ink);letter-spacing:-.03em;white-space:nowrap}
.order__track{flex:1;display:block;height:34px;border:3px solid var(--ink);overflow:hidden;background:#faf9f4}
.order__track i{display:block;height:100%;width:99%;background:repeating-linear-gradient(135deg,var(--red) 0 10px,transparent 10px 18px)}
.note--order{align-self:flex-end;width:min(100%,980px);justify-content:flex-end;transform:rotate(-1deg)}
.hold{position:relative;overflow:hidden;min-width:min(100%,520px);height:84px;padding:0 36px;border:0;background:var(--ink);color:var(--paper);font:800 clamp(20px,1.8vw,26px)/1 var(--fh);white-space:nowrap;cursor:pointer;box-shadow:6px 6px 0 var(--red);touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.hold__fill{position:absolute;inset:0;background:var(--red);transform:scaleX(0);transform-origin:0 50%;transition:transform .5s ease}
.hold.is-holding .hold__fill{transform:scaleX(1);transition:transform 1.3s linear}
.hold__t{position:relative}
.hold:focus-visible{outline:3px solid var(--red);outline-offset:6px}

/* ---------- blocks: responsive ---------- */
@media (max-width:1100px){
  .cookies__grid,.top1__grid,.speed__grid,.budget,.team__grid,.faq__grid{grid-template-columns:minmax(0,1fr)}
  .cframe{max-width:460px}
  .faq__side{position:static}
  .tpl__tray{grid-template-columns:minmax(0,1fr)}
  .works__row,.tags{grid-template-columns:repeat(2,minmax(0,1fr))}
  .reviews__row{grid-template-columns:minmax(0,1fr);max-width:720px}
  .stage{max-width:520px}
  .status{max-width:520px}
}
@media (max-width:760px){
  .ghost{display:none}
  .blk .lead{font-size:20px}
  .works__row,.tags{grid-template-columns:minmax(0,1fr)}
  .cbanner__btns{grid-template-columns:1fr 1fr;gap:10px}
  .cbtn{font-size:18px}
  .tpl__sites{grid-template-columns:minmax(0,1fr);max-width:440px}
  .tray{flex-wrap:wrap}
  .hats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sform{padding-left:12px}
  .sform__btn{padding:0 18px}
  .review{transform:none}
  .game__hud{margin-left:0;width:100%}
  .game__arena{height:420px}
  .hold{min-width:0;width:100%;padding:0 12px;font-size:19px}
  .note--order{justify-content:flex-start;align-self:flex-start}
  .order__pct{font-size:34px}
  .log li{grid-template-columns:minmax(0,1fr);gap:4px}
  .status{max-width:none}
}
@media (prefers-reduced-motion:reduce){
  .js .blk .h2::after{transform:scaleX(1)}
  .pop,.man .hat.is-on{animation:none!important}
  .hs .burst{display:none!important}
}

.range__scale{display:flex;justify-content:space-between;font:600 16px/1.2 var(--fh);color:#3a3a40;margin-top:-4px}
.ghost{position:absolute;display:block;width:min(220px,30%);height:92px;border:3px dashed rgba(23,23,26,.28);border-radius:4px;pointer-events:none}
.ghost::before{content:"";position:absolute;left:0;right:0;top:0;height:26px;border-bottom:3px dashed rgba(23,23,26,.28)}
.ghost--a{left:4%;top:9%;transform:rotate(-3deg)}.ghost--b{right:5%;top:14%;transform:rotate(2deg)}.ghost--c{right:12%;bottom:8%;transform:rotate(-2deg)}
.faq .h2{font-size:clamp(28px,2.8vw,46px)}

.q:not([open]) .q__a{display:none}
.star,.sform__btn,.hat-b{font-size:18px}
.blk p,.blk h2,.blk h3,.blk blockquote,.blk figcaption b{text-wrap:balance}
.q__a p:not(.q__joke){text-wrap:pretty}

i.nw{font-style:normal}
@media (max-width:420px){
  .tag{padding-inline:14px}
  .tag__d,.tag__t{font-size:18px}
  .stars svg,.star svg{width:25px;height:25px}
  .star{width:44px;height:44px;margin:-9px}
  .review__top{gap:8px}
}

.game__intro[hidden]{display:none}

/* ---------- block heads with a picture on the right ---------- */
.head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,3.6vw,56px);align-items:center;margin-bottom:clamp(26px,3vw,44px)}
.head__t{min-width:0}
.head__t .lead--wide{margin-bottom:0}
.head .h2{margin-bottom:clamp(18px,2vw,28px)}
.timer .head .h2{margin-bottom:0}
.meme{margin:0;display:flex;flex-direction:column;gap:12px;min-width:0}
.meme__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.8vw,26px)}
.meme__p{display:flex;flex-direction:column;border:3px solid var(--ink);background:#fff;box-shadow:6px 6px 0 var(--ink);min-width:0}
.meme__a{display:block;width:100%;height:auto;aspect-ratio:400/250;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}
.meme__t{display:flex;align-items:center;justify-content:center;padding:8px 10px;text-align:center;font:700 clamp(20px,1.6vw,29px)/1.08 "Oswald","Arial Narrow",Impact,sans-serif;text-transform:uppercase;letter-spacing:.01em;color:var(--ink);background:#fff}
.meme__t--top{min-height:1.5em}
.meme__t--bot{min-height:2.35em}
.meme__l{font:600 16px/1.3 var(--fh);color:#3a3a40}
.meme--one .meme__p{max-width:520px}
.faq__side .meme{margin-top:clamp(14px,2vw,26px)}

/* three-week calendar inside the order status */
.cal3{display:flex;flex-direction:column;gap:8px}
.cal3__t{font:700 clamp(20px,1.7vw,26px)/1.1 "Oswald","Arial Narrow",Impact,sans-serif;text-transform:uppercase;color:var(--ink);letter-spacing:.01em}
.cal3__h,.cal3__g{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.cal3__h span{font:700 15px/1.2 var(--fh);text-align:center;color:#3a3a40}
.cal3__g i{display:grid;place-items:center;min-height:38px;border:2px solid var(--line);border-radius:4px;background:var(--paper);font:700 18px/1 "Oswald",var(--fh);font-style:normal;color:var(--red)}
.cal3__g i:nth-child(7n),.cal3__g i:nth-child(7n-1){background:var(--paper-2)}
.cal3__g i:last-child{background:var(--sticky);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}

/* the weighing hands */
.six7{display:flex;align-items:center;gap:clamp(12px,1.6vw,20px)}
.six7__svg{flex:none;width:clamp(96px,8vw,124px);height:auto;overflow:visible}
.six7__t{display:flex;flex-direction:column;gap:4px}
.six7__t b{font:800 clamp(21px,1.8vw,26px)/1.2 var(--fh);color:var(--ink)}
.six7__t span{font:500 18px/1.3 var(--fh);color:#3a3a40}
.hl,.hr{animation:w67 2.6s ease-in-out infinite}
.hr{animation-delay:-1.3s}
@keyframes w67{0%,100%{transform:translateY(10px)}50%{transform:translateY(-10px)}}
.six7pop{position:fixed;left:24px;bottom:24px;z-index:84;display:flex;align-items:center;gap:16px;padding:12px 26px 12px 20px;background:var(--sticky);box-shadow:6px 6px 0 rgba(23,23,26,.9);border-radius:4px;transform:translateY(24px);opacity:0;visibility:hidden;transition:opacity .9s ease,transform .9s var(--ease),visibility 0s linear .9s}
.six7pop.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .9s ease,transform .9s var(--ease)}
.six7pop__svg{width:96px;height:auto;overflow:visible}
.six7pop__t{font:700 clamp(40px,4vw,56px)/1 var(--fm);color:var(--red);white-space:nowrap}

/* drone-show card */
.ug--drones{background:#0b1030;padding:0}
.ug--drones svg{display:block;width:100%;height:100%}

@media (max-width:1100px){
  .head{grid-template-columns:minmax(0,1fr)}
  .meme--one .meme__p{max-width:none}
}
@media (max-width:760px){
  .meme__row{grid-template-columns:minmax(0,1fr)}
  .meme__t{font-size:clamp(22px,6vw,28px)}
  .cal3__g i{min-height:34px;font-size:17px}
  .six7{flex-direction:column;align-items:flex-start}
  .six7pop{gap:8px;padding:8px 14px 8px 10px}
  .six7pop__svg{width:60px}
  .six7pop__t{font-size:34px}
}

/* hero illustration and one-liners */
.meme--hero .meme__p{max-width:none}
.quip{display:flex;flex-direction:column;align-items:center;gap:.14em;margin:clamp(28px,3.4vw,52px) auto 0;max-width:100%;font:700 clamp(30px,3.4vw,52px)/1.2 var(--fm);color:var(--red);text-align:center;text-wrap:balance;transform:rotate(-.6deg)}

/* flagship case (works) and the director card (team) */
.flag,.boss{display:grid;gap:clamp(22px,3.2vw,52px);align-items:stretch;padding:clamp(16px,2vw,30px);border:2px solid var(--ink);background:#faf9f4;box-shadow:6px 6px 0 var(--ink)}
.flag{grid-template-columns:minmax(0,7fr) minmax(0,5fr);margin-bottom:clamp(30px,3.6vw,56px)}
.boss{grid-template-columns:minmax(0,7fr) minmax(0,5fr);margin-top:clamp(36px,4.4vw,72px)}
.flag__pic,.boss__pic{display:flex;flex-direction:column;gap:10px;margin:0;min-width:0}
.flag__pic .xbox,.boss__pic .xbox{flex:1 1 auto;width:100%;min-height:clamp(240px,24vw,420px)}
.boss__pic figcaption{font:500 16px/1.35 var(--fh);color:#3a3a40}
.flag__txt,.boss__txt{display:flex;flex-direction:column;justify-content:center;gap:clamp(12px,1.4vw,20px);min-width:0}
.flag__tag{font:700 15px/1.3 var(--fh);letter-spacing:.16em;text-transform:uppercase;color:#3a3a40}
.flag__h{margin:0;font:800 clamp(26px,2.6vw,40px)/1.12 var(--fh);letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
.flag__meta{font:500 clamp(19px,1.5vw,22px)/1.4 var(--fh);color:var(--ink)}
.flag__load{display:flex;flex-direction:column;gap:8px}
.flag__ll{font:700 15px/1.3 var(--fh);letter-spacing:.12em;text-transform:uppercase;color:#3a3a40}
.flag__ll b{font-variant-numeric:tabular-nums}
.flag__track{display:block;height:26px;border:2px solid var(--line);overflow:hidden;background:#fff}
.flag__track i{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(.99);background:repeating-linear-gradient(135deg,var(--red) 0 10px,transparent 10px 18px)}
.flag__act{display:flex;align-items:center;gap:clamp(14px,1.6vw,24px);flex-wrap:wrap}
.flag__act .hand{flex:1 1 11em}
.boss__st{display:flex;align-items:center;gap:12px;font:800 clamp(21px,1.8vw,26px)/1.25 var(--fh);color:var(--ink)}
.boss__dot{flex:none;width:14px;height:14px;border-radius:50%;background:var(--red);border:2px solid var(--ink)}
.slots{list-style:none;margin:0;padding:0;border:2px solid var(--line);background:var(--paper)}
.slots li{display:grid;grid-template-columns:clamp(84px,7vw,112px) minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px clamp(14px,1.6vw,22px);border-bottom:2px dashed var(--line);min-height:50px}
.slots li:last-child{border-bottom:0}
.slots b{font:800 18px/1.2 var(--fh);color:var(--ink);white-space:nowrap}
.slots span{font:500 19px/1.3 var(--fh);color:var(--body);white-space:nowrap}
.slots em{font:700 clamp(26px,2vw,30px)/1 var(--fm);font-style:normal;color:var(--red);text-align:right}
@media (max-width:1100px){
  .flag,.boss{grid-template-columns:minmax(0,1fr)}
  .boss__pic{order:-1}
  .flag__pic .xbox,.boss__pic .xbox{flex:none;aspect-ratio:4/3;min-height:0}
}
@media (max-width:760px){
  .slots li{grid-template-columns:minmax(0,1fr) auto;gap:2px 12px}
  .slots li span{grid-column:1;grid-row:2;font-size:18px}
  .slots li b{grid-column:1;grid-row:1}
  .slots li em{grid-column:2;grid-row:1/3}
}

/* 404 */
.nf{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(16px,2vw,26px);padding-block:clamp(48px,8vw,120px)}
.nf__h{position:relative;margin:0;padding-bottom:.18em;font:900 clamp(44px,9vw,150px)/.94 var(--fh);letter-spacing:-.035em;color:var(--ink);text-wrap:balance}
.nf__line{max-width:26em;font:500 clamp(22px,2vw,28px)/1.4 var(--fh);color:var(--ink);text-wrap:balance}
.nf__go{display:inline-flex;align-items:center;justify-content:center;height:72px;padding:0 40px;background:var(--ink);color:var(--paper);font:800 clamp(18px,1.5vw,22px)/1 var(--fh);text-decoration:none;white-space:nowrap;box-shadow:5px 5px 0 var(--red);transition:background-color .4s ease}
.nf__go:hover{background:#000}