/* Ringo v8 — первый экран по концепту C (владелец 14.11): оранжевый с чёрным, «QUIET IS OVER.», тумблер ADS OFF→ON.
   Типографика — живым шрифтом и собирается по буквам; тумблер — вырезанные слои (корпус + рычаг отдельно). */
.v8 header{position:absolute;left:0;right:0;top:0}
.v8 .site-nav{border-bottom:2px solid #14110F;max-width:calc(100% - 96px);padding:0}
.v8 .site-nav .nav-links a{color:#14110F;font-weight:500}
.v8 .menu-toggle svg{stroke:#14110F}
.c-brand{display:flex;align-items:center;gap:12px}
.c-brand .pill{position:relative;width:52px;height:28px;border-radius:20px;background:#14110F;flex:none}
.c-brand .pill b{position:absolute;right:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#F6E2C4;transition:transform .45s cubic-bezier(.5,1.6,.4,1)}
.c-brand.off .pill b{transform:translateX(-24px)}
.c-brand span{font-family:Anton,Impact,sans-serif;font-size:30px;letter-spacing:.01em;color:#F6E2C4;line-height:1}
.c-hero{position:relative;height:100svh;min-height:720px;overflow:hidden;isolation:isolate;background:radial-gradient(70% 80% at 78% 30%,#FF7A3D 0%,#FF5A1F 45%,#F04A12 100%);color:#14110F}
.c-hero::after{content:'';position:absolute;inset:0;z-index:6;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
.c-hero.quiet{filter:saturate(.35) brightness(.92);transition:filter .5s}
.c-hero:not(.quiet){transition:filter .5s}
.c-copy{position:absolute;z-index:3;left:48px;top:118px;bottom:40px;width:min(46vw,680px);display:flex;flex-direction:column}
.c-title{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:clamp(110px,15.8vw,300px);line-height:.86;letter-spacing:-.01em;text-transform:uppercase;margin:0 0 22px;perspective:900px}
.c-title .line{display:block;white-space:nowrap}
.c-title .ch{display:inline-block;transform-origin:50% 100%;will-change:transform}
.c-sub{font-size:19px;line-height:1.5;font-weight:500;max-width:520px;margin-bottom:24px}
.c-actions{display:flex;align-items:center;gap:30px;margin-bottom:auto}
.c-actions .btn.wa{min-height:58px;padding:14px 26px;font-size:18px;border-radius:12px}
.c-actions .link{font-weight:600;font-size:17px;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.c-trades{border-top:2px solid #14110F;padding-top:14px;font-size:13px;font-weight:600;letter-spacing:.42em;text-transform:uppercase;max-width:640px}
.c-stage{position:absolute;inset:0;z-index:2;pointer-events:none}
.c-stage .lp{position:absolute;inset:0}
.c-switch{--base-ar:1.067;--pivot-x:68%;--pivot-y:40%;--lever-w:16%;--lever-pivot:93.3%;position:absolute;left:50%;top:15%;width:min(36vw,620px);aspect-ratio:var(--base-ar);pointer-events:auto;cursor:pointer}
.c-switch .base{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(30px 40px 30px #7A1F0060)}
.c-switch .lever{position:absolute;left:var(--pivot-x,48%);top:var(--pivot-y,45%);width:var(--lever-w,30%);transform-origin:50% var(--lever-pivot,92%);translate:-50% calc(var(--lever-pivot,92%) * -1);rotate:-58deg;will-change:rotate}
.c-switch .glow{position:absolute;left:var(--pivot-x,48%);top:var(--pivot-y,45%);width:46%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(#FFE2B8aa,#FF8A3D33 45%,transparent 70%);mix-blend-mode:screen;opacity:0}
.c-cable{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.c-cable path{fill:none;stroke:#14110F;stroke-width:5;stroke-linecap:round}
.c-flyer{position:absolute;left:54%;top:60%;width:min(17vw,280px);transform-origin:50% -18%;pointer-events:auto;cursor:pointer}
.c-flyer img{position:absolute;inset:0;width:100%;border-radius:14px;box-shadow:0 30px 50px -18px #6A1A00AA,0 0 0 1px #ffffff40}
.c-flyer{aspect-ratio:4/5}
.c-flyer .tag{position:absolute;left:12px;top:-12px;z-index:2;padding:4px 10px;border-radius:6px;background:#14110F;color:#F6E2C4;font-size:11px;font-weight:700;letter-spacing:.14em}
.c-notes{position:absolute;left:69%;top:51%;display:grid;gap:10px;width:min(28vw,430px)}
.c-note{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:18px;background:rgba(30,18,12,.72);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);border:1px solid #ffffff24;color:#F6E2C4;box-shadow:0 20px 40px -20px #3A0E00;opacity:0}
.c-note .ic{flex:none;width:44px;height:44px;border-radius:50%;border:2px solid #F6E2C4;display:grid;place-items:center}
.c-note .ic svg{width:22px;height:22px;fill:#F6E2C4}
.c-note .tx{border-left:1px solid #ffffff40;padding-left:16px}
.c-note b{display:block;font-size:17px;font-weight:600}
.c-note span{font-size:14px;opacity:.85}
.c-hint{position:absolute;right:48px;bottom:28px;z-index:3;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;opacity:.7}

@media (max-width:900px){
  .v8 .site-nav{max-width:calc(100% - 48px)}
  .c-brand span{font-size:24px}
  .c-brand .pill{width:44px;height:24px}.c-brand .pill b{width:18px;height:18px}
  .c-hero{height:auto;min-height:100svh;padding-bottom:20px;display:flex;flex-direction:column}
  .c-copy{order:-1;position:relative;left:auto;top:auto;bottom:auto;width:auto;padding:100px 24px 0}
  .c-title{font-size:30vw;margin-bottom:14px}
  .c-sub{font-size:15px;margin-bottom:16px}
  .c-actions{margin-bottom:16px}
  .c-actions .btn.wa{width:100%;justify-content:center}
  .c-actions .link{display:none}
  .c-trades{font-size:10px;letter-spacing:.3em}
  .c-stage{position:relative;inset:auto;height:120vw;max-height:520px}
  .c-switch{left:14%;top:2%;width:76vw}
  .c-flyer{left:6%;top:50%;width:34vw}
  .c-notes{left:auto;right:4%;top:58%;width:58vw}
  .c-note:nth-child(n+3){display:none}
  .c-note{padding:12px 14px;gap:12px}.c-note .ic{width:36px;height:36px}.c-note b{font-size:14px}.c-note span{font-size:12px}
  .c-hint{display:none}
}
@media (prefers-reduced-motion:reduce){html:not(.motion) .c-note{opacity:1}}