/* GOLDJAXE · посадочная goldjaxe.org/terminal — сгенерировано стили из прототипа (out/2026-10-19-vitriny-goldjaxe-os/shag2b-terminal/instrumenty/build_posadochnaya2.py) экспортом export_t2_org.py · руками не править */
:where(#v7) *,:where(#v7) ::before,:where(#v7) ::after{border-width:revert;border-style:revert;border-color:revert}:where(#v7) :is(h1,h2,h3,h4,h5,h6){font-size:revert;font-weight:revert}:where(#v7) :is(blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre){margin:revert}:where(#v7) hr{height:revert;color:revert;border-top-width:revert}:where(#v7) a{color:revert;text-decoration:revert}:where(#v7) :is(b,strong){font-weight:revert}:where(#v7) :is(code,kbd,samp,pre){font-family:revert;font-feature-settings:revert;font-variation-settings:revert;font-size:revert}:where(#v7) small{font-size:revert}:where(#v7) :is(sub,sup){font-size:revert;line-height:revert;position:revert;vertical-align:revert}:where(#v7) sub{bottom:revert}:where(#v7) sup{top:revert}:where(#v7) table{text-indent:revert;border-color:revert;border-collapse:revert}:where(#v7) :is(button,input,optgroup,select,textarea){font-family:revert;font-feature-settings:revert;font-variation-settings:revert;font-size:revert;font-weight:revert;line-height:revert;letter-spacing:revert;color:revert;margin:revert;padding:revert}:where(#v7) :is(button,select){text-transform:revert}:where(#v7) :is(button,input:where([type=button],[type=reset],[type=submit])){-webkit-appearance:revert;appearance:revert;background-color:revert;background-image:revert}:where(#v7) [type=search]{-webkit-appearance:revert;appearance:revert;outline-offset:revert}:where(#v7) summary{display:revert}:where(#v7) :is(fieldset,legend){margin:revert;padding:revert}:where(#v7) :is(ol,ul,menu){list-style:revert;margin:revert;padding:revert}:where(#v7) dialog{padding:revert}:where(#v7) textarea{resize:revert}:where(#v7) :is(input,textarea)::placeholder{opacity:revert;color:revert}:where(#v7) button{cursor:revert}:where(#v7) [role=button]{cursor:revert}:where(#v7) :disabled{cursor:revert}:where(#v7) :is(img,svg,video,canvas,audio,iframe,embed,object){display:revert;vertical-align:revert}:where(#v7) :is(img,video){max-width:revert;height:revert}
:root:where(.v7){--gx-logo:url("/terminal/img/gx-cube-160.webp");--gx-logo2:url("/terminal/img/gx-cube-320.webp");--gx-drawer-art:none}
:root:where(.v7),.gx-night{--gx-bg: #050505; --gx-bg2: #0b0b0d; --gx-card: rgba(255, 255, 255, 0.035); --gx-card2: rgba(255, 255, 255, 0.06);
  --gx-line: rgba(235, 197, 84, 0.2); --gx-line2: rgba(235, 197, 84, 0.46);
  --gx-ink: #ededed; --gx-ink2: #c7c7c7; --gx-muted: #9a9a9a;
  --gx-gold: #ebc554; --gx-gold-hi: #ffd36b; --gx-gold-lo: #ccac0b; --gx-glow: rgba(235, 197, 84, 0.5);
  --gx-grad: linear-gradient(100deg, #fff1c4 0%, #ffd36b 18%, #ebc554 42%, #ccac0b 64%, #ffd36b 84%, #fff1c4 100%);
  --gx-btn-bg: linear-gradient(180deg, #ffd978 0%, #ebc554 46%, #c9a20e 100%); --gx-btn-ink: #140f00;
  --gx-glass: rgba(8, 8, 10, 0.62); --gx-solid: rgba(8, 8, 10, 0.88); --gx-veil: rgba(5, 5, 5, 0.86); --gx-ok: #5bd49a;
  --gx-shadow: 0 40px 90px -30px rgba(0, 0, 0, 0.9);
  --gx-th: #ffe39a;
  color-scheme: dark;}
:where(html.v7)[data-theme="light"]{--gx-bg: #f5f5f5; --gx-bg2: #ffffff; --gx-card: rgba(255, 255, 255, 0.72); --gx-card2: #ffffff;
  --gx-line: rgba(122, 102, 20, 0.2); --gx-line2: rgba(122, 102, 20, 0.5);
  --gx-ink: #141414; --gx-ink2: #2b2b2b; --gx-muted: #5a5a5a;
  --gx-gold: #7a6614; --gx-gold-hi: #a9852a; --gx-gold-lo: #8a6a1f; --gx-glow: rgba(169, 133, 42, 0.28);
  --gx-grad: linear-gradient(100deg, #6e5a10 0%, #8a6a1f 22%, #a9852a 46%, #7a6614 70%, #8a6a1f 100%);
  --gx-btn-bg: linear-gradient(180deg, #8f7418 0%, #7a6614 100%); --gx-btn-ink: #ffffff;
  --gx-glass: rgba(245, 245, 245, 0.8); --gx-solid: rgba(250, 250, 248, 0.94); --gx-veil: rgba(245, 245, 245, 0.86); --gx-ok: #1f8a5b;
  --gx-shadow: 0 40px 80px -34px rgba(60, 45, 10, 0.35);
  --gx-th: #8a6a1f;
  color-scheme: light;}
:root:where(.v7){--gx-font: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --gx-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --gx-brand: 'Space Mono', ui-monospace, monospace;

  
  --gx-fs-h1: clamp(36px, 4.45vw, 64px);     
  --gx-fs-h2: clamp(30px, 3.62vw, 52px);     
  --gx-fs-h3: clamp(21px, 1.81vw, 26px);     
  --gx-fs-label: 14px;                       
  --gx-fs-menu: 14px;                        
  --gx-fs-lead: clamp(17px, 1.39vw, 20px);   
  --gx-fs-body: clamp(16px, 1.25vw, 18px);   
  --gx-fs-small: 14px;                       
  --gx-fs-btn: 14px;                         
  --gx-fs-num: clamp(48px, 6.67vw, 96px);    
  --gx-btn-h: 56px;
  --gx-track: 0.12em;                        

  --gx-max: 1200px; --gx-wide: 1400px; --gx-gut: clamp(16px, 4vw, 64px); --gx-hdr: 80px;

  
  --gx-ease: cubic-bezier(0.23, 1, 0.32, 1); --gx-ease-io: cubic-bezier(0.77, 0, 0.175, 1);
  --gx-t-fast: 200ms; --gx-t: 400ms; --gx-t-slow: 700ms;}
@media (max-width: 767px){:root:where(.v7){--gx-fs-label: 13px; --gx-btn-h: 52px; --gx-hdr: 64px;}}
:where(html.v7) *,:where(html.v7) *::before,:where(html.v7) *::after{box-sizing: border-box;}
html:where(.v7){-webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--gx-hdr) + 12px);}
:where(html.v7) body{margin: 0; background: var(--gx-bg); color: var(--gx-ink); font: 400 var(--gx-fs-body)/1.6 var(--gx-font); overflow-x: clip;
  -webkit-font-smoothing: antialiased; transition: background-color 0.5s var(--gx-ease), color 0.5s var(--gx-ease);}
html:where(.v7).gx-lock,html:where(.v7).gx-lock body{overflow: hidden;}
:where(html.v7) img,:where(html.v7) svg,:where(html.v7) video,:where(html.v7) canvas{display: block; max-width: 100%;}
:where(html.v7) a{color: inherit; text-decoration: none;}
:where(html.v7) button,:where(html.v7) input{font: inherit; color: inherit;}
:where(html.v7) :focus-visible{outline: 2px solid var(--gx-gold); outline-offset: 3px;}
.gx-wrap{width: min(var(--gx-max), 100% - 2 * var(--gx-gut)); margin-inline: auto; position: relative;}
.gx-vh{position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;}
.gx-skip{position: fixed; left: 12px; top: -80px; z-index: 100; padding: 12px 16px; background: var(--gx-gold); color: var(--gx-btn-ink); font: 700 14px/1 var(--gx-mono);}
.gx-skip:focus{top: 12px;}
.gx-cap{font: 500 var(--gx-fs-label)/1.4 var(--gx-mono); letter-spacing: var(--gx-track); text-transform: uppercase;}
.gx-gt{background: var(--gx-grad); background-size: 220% 100%; background-position: 0 0; -webkit-background-clip: text; background-clip: text; color: transparent;}
.gx-num{font-family: var(--gx-mono); font-variant-numeric: tabular-nums;}
.gx-cube{display: block; aspect-ratio: 1; background: var(--gx-logo) center / contain no-repeat;}
.gx-btn{position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 12px; height: var(--gx-btn-h); padding: 0 28px;
  border: 1px solid var(--gx-line2); border-radius: 2px; background: transparent; color: var(--gx-ink); white-space: nowrap; overflow: hidden; cursor: pointer;
  font: 700 var(--gx-fs-btn)/1 var(--gx-mono); letter-spacing: var(--gx-track); text-transform: uppercase;
  transition: transform 0.16s var(--gx-ease), border-color 0.25s, background-color 0.25s, box-shadow 0.35s var(--gx-ease);}
.gx-btn:active{transform: scale(0.97);}
.gx-btn .gx-ar{transition: transform 0.3s var(--gx-ease);}
.gx-btn--pri{border: 0; color: var(--gx-btn-ink); background: var(--gx-btn-bg); box-shadow: 0 14px 44px -14px var(--gx-glow), inset 0 1px 0 rgba(255, 255, 255, 0.45);}
.gx-btn--pri::after{content: ''; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(110deg, transparent 32%, rgba(255, 255, 255, 0.62) 50%, transparent 68%); transform: translateX(-130%); animation: gx-glint 4s var(--gx-ease) 1.2s infinite;}
.gx-btn--hdr{height: 48px; padding: 0 22px;}
@media (hover: hover) and (pointer: fine){.gx-btn--pri:hover{box-shadow: 0 18px 56px -10px var(--gx-glow), inset 0 1px 0 rgba(255, 255, 255, 0.45);}
.gx-btn:hover .gx-ar{transform: translateX(4px);}
.gx-btn--sec:hover{border-color: var(--gx-gold); background: rgba(235, 197, 84, 0.08);}}
.gx-hdr{position: fixed; inset: 0 0 auto; z-index: 60; height: var(--gx-hdr); padding-top: env(safe-area-inset-top);
  border-bottom: 1px solid transparent; transition: background-color 0.4s, border-color 0.4s;}
.gx-hdr::before{content: ''; position: absolute; inset: 0 0 -24px; z-index: -1; pointer-events: none; transition: opacity 0.4s;
  background: linear-gradient(180deg, color-mix(in srgb, var(--gx-bg) 82%, transparent), color-mix(in srgb, var(--gx-bg) 40%, transparent) 70%, transparent);}
.gx-hdr.is-glass::before{opacity: 0;}
.gx-hdr.is-glass{background: var(--gx-glass); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-bottom-color: var(--gx-line);}
.gx-hdr-in{height: 100%; width: min(var(--gx-wide), 100% - 2 * clamp(16px, 2.4vw, 40px)); margin-inline: auto; display: flex; align-items: center; gap: clamp(16px, 2vw, 32px);}
.gx-logo{display: flex; align-items: center; gap: 14px; flex: none;}
.gx-mark{position: relative; width: 48px; height: 48px; flex: none;}
.gx-logo .gx-cube{width: 100%; position: relative; z-index: 1; filter: drop-shadow(0 0 12px rgba(235, 197, 84, 0.45));}
.gx-id{display: grid; gap: 7px;}
.gx-wm{position: relative; display: flex; align-items: baseline; gap: 10px; font: 700 22px/1 var(--gx-brand); letter-spacing: 0.05em; color: var(--gx-gold); white-space: nowrap;}
.gx-site{font: inherit; letter-spacing: 0.05em; color: var(--gx-ink);}
.gx-status{display: flex; align-items: center; gap: 8px; font: 500 14px/1 var(--gx-mono); letter-spacing: 0.06em; color: var(--gx-muted); white-space: nowrap;}
.gx-status i{width: 7px; height: 7px; border-radius: 50%; background: var(--gx-ok); box-shadow: 0 0 8px var(--gx-ok); flex: none; animation: gx-blinkdot 2.4s ease-in-out infinite;}
.gx-typed::after{content: '▍'; margin-inline-start: 2px; color: var(--gx-gold); animation: gx-caret 1s steps(2) infinite;}
.gx-halo,.gx-thread,.gx-st-a,.gx-st-b{display: none;}
:root:where(.v7){--gx-wm-glint: #fff4d0;}
:where(html.v7)[data-theme="light"]{--gx-wm-glint: #c9a332;}
html:where(.v7)[data-hl="a"] .gx-halo{display: block; position: absolute; inset: -8px; border-radius: 50%; pointer-events: none;}
.gx-halo::before{content: ''; position: absolute; inset: 0; border-radius: 50%; border: 1px solid var(--gx-line);}
.gx-halo::after{content: ''; position: absolute; inset: -1px; border-radius: 50%;
  background: conic-gradient(from 0deg, transparent 0deg, transparent 210deg, rgba(235, 197, 84, 0.25) 290deg, #ffe7a3 352deg, transparent 360deg);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1.5px)); mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1.5px));
  animation: gx-orbit 6.5s linear infinite;}
:where(html.v7)[data-theme="light"] .gx-halo::after{background: conic-gradient(from 0deg, transparent 0deg, transparent 210deg, rgba(122, 102, 20, 0.25) 290deg, #a9852a 352deg, transparent 360deg);}
html:where(.v7)[data-hl="a"] .gx-wm-t{background: linear-gradient(100deg, transparent 42%, var(--gx-wm-glint) 50%, transparent 58%) 130% 0 / 260% 100% no-repeat, linear-gradient(var(--gx-gold), var(--gx-gold));
  -webkit-background-clip: text; background-clip: text; color: transparent; animation: gx-wmglint 12s var(--gx-ease) 1.6s infinite;}
html:where(.v7)[data-hl="a"] .gx-st-a{display: flex;}
html:where(.v7)[data-hl="b"] .gx-st-b{display: flex;}
.gx-drum{display: block; height: 16px; overflow: hidden; -webkit-mask: linear-gradient(transparent, #000 30%, #000 70%, transparent); mask: linear-gradient(transparent, #000 30%, #000 70%, transparent);}
.gx-drum-r{display: grid; animation: gx-drum 14s var(--gx-ease-io) 1.2s infinite;}
.gx-drum-r b{display: block; height: 16px; font: 500 14px/16px var(--gx-mono); letter-spacing: 0.06em; color: var(--gx-muted); white-space: nowrap;}
.gx-drum-r b:first-child,.gx-drum-r b:last-child{color: var(--gx-ink2);}
html:where(.v7)[data-hl="c"] .gx-logo{gap: 16px;}
html:where(.v7)[data-hl="c"] .gx-thread{display: block; position: absolute; inset: auto 0 -10px -16px; height: 1px; pointer-events: none;
  background: linear-gradient(90deg, rgba(235, 197, 84, 0.75), rgba(235, 197, 84, 0.2)); transform-origin: 0 50%; animation: gx-drawx 1.4s var(--gx-ease) 0.5s both;}
.gx-thread i{position: absolute; inset: 0; animation: gx-run 5.2s var(--gx-ease-io) 2s infinite;}
.gx-thread i::before{content: ''; position: absolute; left: 0; top: -2.5px; width: 6px; height: 6px; border-radius: 50%; background: #fff4cf;
  box-shadow: 0 0 8px #ffd36b, 0 0 18px rgba(255, 211, 107, 0.8); opacity: 0; animation: gx-runfade 5.2s linear 2s infinite;}
html:where(.v7)[data-hl="c"] .gx-site{animation: gx-osglow 5.2s ease-out 2s infinite;}
.gx-nav{display: flex; align-self: stretch; margin-inline-start: auto;}
.gx-nav a{position: relative; display: flex; align-items: center; padding: 0 14px; font: 500 var(--gx-fs-menu)/1 var(--gx-mono); letter-spacing: var(--gx-track);
  text-transform: uppercase; color: var(--gx-ink2); white-space: nowrap; transition: color 0.25s;}
.gx-nav a::after{content: ''; position: absolute; left: 14px; right: 14px; bottom: -1px; height: 2px; background: var(--gx-gold);
  box-shadow: 0 0 8px var(--gx-gold), 0 0 16px rgba(235, 197, 84, 0.55); transform: scaleX(0); transition: transform 0.3s var(--gx-ease);}
.gx-nav a:hover,.gx-nav a.is-on{color: var(--gx-gold);}
.gx-nav a:hover::after,.gx-nav a.is-on::after{transform: scaleX(1);}
.gx-tools{display: flex; align-items: center; gap: 10px; flex: none;}
.gx-key{display: inline-flex; align-items: center; gap: 9px; height: 44px; padding: 0 14px; border: 1px solid var(--gx-line2); background: transparent; cursor: pointer;
  font: 500 14px/1 var(--gx-mono); letter-spacing: var(--gx-track); text-transform: uppercase; color: var(--gx-ink); transition: border-color 0.25s, color 0.25s;}
.gx-key svg{width: 16px; height: 16px; color: var(--gx-gold); flex: none;}
.gx-key[aria-expanded="true"],.gx-key:hover{border-color: var(--gx-gold); color: var(--gx-gold);}
.gx-lang{display: flex; height: 44px; border: 1px solid var(--gx-line);}
.gx-lang button{width: 42px; border: 0; background: transparent; cursor: pointer; font: 500 14px/1 var(--gx-mono); letter-spacing: 0.08em; color: var(--gx-ink2); transition: background-color 0.2s, color 0.2s;}
.gx-lang button[aria-pressed="true"]{background: var(--gx-gold); color: var(--gx-btn-ink);}
.gx-lang button:not([aria-pressed="true"]):hover{color: var(--gx-gold);}
.gx-theme,.gx-burger,.gx-x{width: 44px; height: 44px; display: grid; place-items: center; flex: none; border: 1px solid var(--gx-line); background: transparent; color: var(--gx-ink); cursor: pointer;
  transition: border-color 0.25s, color 0.25s, transform 0.16s var(--gx-ease);}
.gx-theme:hover,.gx-burger:hover,.gx-x:hover{border-color: var(--gx-gold); color: var(--gx-gold);}
.gx-theme:active,.gx-burger:active{transform: scale(0.94);}
.gx-theme .i-moon{display: none;}
:where(html.v7)[data-theme="light"] .gx-theme .i-sun{display: none;}
:where(html.v7)[data-theme="light"] .gx-theme .i-moon{display: block;}
.gx-burger{display: none;}
.gx-hint{position: absolute; top: calc(100% + 8px); right: 0; padding: 8px 12px; background: var(--gx-bg2); border: 1px solid var(--gx-line2); color: var(--gx-ink2);
  font: 500 13px/1.3 var(--gx-mono); white-space: nowrap; opacity: 0; transform: translateY(-4px); transition: opacity 0.2s, transform 0.2s var(--gx-ease); pointer-events: none;}
.gx-hint.is-on{opacity: 1; transform: none;}
.gx-lang-wrap{position: relative;}
.gx-read{position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; pointer-events: none;}
.gx-read i{display: block; height: 100%; background: linear-gradient(90deg, var(--gx-gold-lo), var(--gx-gold-hi)); box-shadow: 0 0 10px var(--gx-glow); transform: scaleX(0); transform-origin: 0 50%;}
:where(html.v7) [dir="rtl"] .gx-read i{transform-origin: 100% 50%;}
.gx-keypop{position: fixed; z-index: 70; top: calc(var(--gx-hdr) + 10px); right: max(var(--gx-gut), (100% - var(--gx-wide)) / 2); width: min(440px, 100% - 2 * var(--gx-gut));
  padding: 18px; background: var(--gx-glass); -webkit-backdrop-filter: blur(18px) saturate(1.3); backdrop-filter: blur(18px) saturate(1.3); border: 1px solid var(--gx-line2); box-shadow: var(--gx-shadow);
  animation: gx-pop 0.3s var(--gx-ease);}
.gx-keypop[hidden]{display: none;}
.gx-keypop label{display: block; margin-bottom: 12px; color: var(--gx-gold);}
.gx-keypop form{display: flex; border: 1px solid var(--gx-line2);}
.gx-keypop input{flex: 1; min-width: 0; height: 52px; padding: 0 16px; border: 0; background: transparent; font: 500 16px/1 var(--gx-mono); letter-spacing: 0.2em; text-transform: uppercase; color: var(--gx-ink);}
.gx-keypop input::placeholder{color: var(--gx-muted);}
.gx-keypop input:focus{outline: none;}
.gx-keypop form:focus-within{border-color: var(--gx-gold); box-shadow: 0 0 0 3px rgba(235, 197, 84, 0.18);}
.gx-keypop button{width: 52px; border: 0; border-inline-start: 1px solid var(--gx-line2); background: var(--gx-btn-bg); color: var(--gx-btn-ink); font: 700 18px/1 var(--gx-mono); cursor: pointer;}
.gx-keypop-st{min-height: 20px; margin: 12px 0 0; font: 500 14px/1.45 var(--gx-font); color: var(--gx-ink2);}
.gx-drawer{position: fixed; inset: 0; z-index: 80; display: flex; flex-direction: column; overflow-y: auto; overscroll-behavior: contain;
  padding: calc(env(safe-area-inset-top) + 12px) var(--gx-gut) calc(env(safe-area-inset-bottom) + 28px); background: var(--gx-bg);
  opacity: 0; visibility: hidden; transform: translateY(-12px); transition: opacity 0.3s var(--gx-ease), transform 0.4s var(--gx-ease), visibility 0s 0.4s;}
.gx-drawer.is-open{opacity: 1; visibility: visible; transform: none; transition: opacity 0.35s var(--gx-ease), transform 0.45s var(--gx-ease);}
.gx-drawer::before{content: ''; position: absolute; inset: 0 0 auto; height: min(78vh, 150vw); z-index: -1; pointer-events: none;
  background: linear-gradient(transparent 30%, var(--gx-bg) 96%), var(--gx-drawer-art, none) 50% 0 / cover no-repeat; opacity: 0.55;}
.gx-drawer-top{display: flex; align-items: center; justify-content: space-between; height: 52px;}
.gx-drawer nav{display: grid; margin-top: auto; padding-top: 32px;}
.gx-drawer nav a{display: flex; align-items: baseline; gap: 16px; min-height: 64px; padding: 16px 0; border-bottom: 1px solid var(--gx-line);
  font: 500 22px/1.2 var(--gx-mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--gx-ink);}
.gx-drawer nav a span{font-size: 14px; color: var(--gx-gold);}
.gx-drawer-tools{display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 28px;}
.gx-drawer-tools .gx-lang{height: 48px;}
.gx-drawer-tools .gx-lang button{width: 52px;}
.gx-drawer-tools .gx-theme{width: 48px; height: 48px;}
.gx-drawer-tools .gx-key{height: 48px;}
.gx-drawer .gx-btn{width: 100%; margin-top: 20px;}
.gx-ftr{position: relative; isolation: isolate; overflow: hidden; background: var(--gx-bg); color: var(--gx-ink); border-top: 1px solid var(--gx-line);
  padding: clamp(56px, 7vw, 96px) 0 calc(env(safe-area-inset-bottom) + 28px);}
.gx-net{position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; pointer-events: none; opacity: 0.75;}
.gx-ftr::before{content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(ellipse 80% 60% at 50% 0%, transparent 0%, var(--gx-bg) 85%);}
.gx-fb{display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0 56px; align-items: end;}
.gx-fb-id{display: flex; align-items: center; gap: 18px;}
.gx-fb-id .gx-cube{width: 60px; flex: none; filter: drop-shadow(0 0 18px rgba(235, 197, 84, 0.45));}
.gx-fb-id .gx-wm{font-size: 30px; gap: 14px;}
.gx-fb-slo{margin: 20px 0 0; font: 500 14px/1.4 var(--gx-mono); letter-spacing: 0.22em; color: var(--gx-ink2);}
.gx-fb-type{display: flex; gap: 12px; margin: 14px 0 0; min-height: 1.6em; font: 500 16px/1.6 var(--gx-mono); color: var(--gx-ink);}
.gx-fb-type b{color: var(--gx-gold); font-weight: 700; flex: none;}
.gx-fb-r{display: grid; gap: 10px; justify-items: stretch;}
.gx-soc{display: grid; grid-template-columns: repeat(4, 48px); gap: 8px;}
.gx-soc a{width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid var(--gx-line); color: var(--gx-ink2); background: var(--gx-bg2);
  transition: color 0.2s, border-color 0.2s, box-shadow 0.3s, transform 0.16s var(--gx-ease);}
.gx-soc a svg{width: 20px; height: 20px;}
.gx-soc a:hover,.gx-soc a:focus-visible{color: var(--gx-gold); border-color: var(--gx-gold); box-shadow: 0 0 18px rgba(235, 197, 84, 0.3);}
.gx-bella{display: inline-flex; align-items: center; justify-content: center; gap: 12px; height: 48px; padding: 0 18px 0 8px; border: 1px solid var(--gx-line2); background: var(--gx-bg2);
  font: 500 14px/1 var(--gx-mono); letter-spacing: var(--gx-track); text-transform: uppercase; color: var(--gx-ink); transition: border-color 0.25s, color 0.25s;}
.gx-bella i{width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; background: rgba(235, 197, 84, 0.12); position: relative;}
.gx-bella i::before{content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--gx-ok); box-shadow: 0 0 8px var(--gx-ok);}
.gx-bella:hover{border-color: var(--gx-gold); color: var(--gx-gold);}
.gx-sites{margin-top: 56px;}
.gx-fb > .gx-sites{grid-column: 1 / -1;}
.gx-tiles{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: 1fr; gap: 1px; background: var(--gx-line); border: 1px solid var(--gx-line);}
.gx-tile{position: relative; isolation: isolate; display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: center; gap: 0 16px; min-height: 96px;
  padding: 20px 22px 20px 20px; background: var(--gx-bg2); color: var(--gx-ink); font-family: var(--gx-mono); --r: 235; --g: 197; --b: 84;}
.gx-tile.t-com{--r: 196; --g: 77; --b: 255;}
.gx-tile::after{content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: 0; transition: opacity 0.35s var(--gx-ease);
  background: radial-gradient(130% 150% at 0% 0%, rgba(var(--r), var(--g), var(--b), 0.13), transparent 62%); box-shadow: inset 0 0 0 1px rgba(var(--r), var(--g), var(--b), 0.55);}
.gx-tile-ic{width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid var(--gx-line2); color: var(--gx-gold); transition: border-color 0.3s;}
.gx-tile-ic svg,.gx-tile-go svg{display: block; width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round;}
.gx-tile-tx{display: grid; gap: 6px; min-width: 0;}
.gx-tile-cap{font: 700 16px/1.25 var(--gx-mono); letter-spacing: 0.02em; color: var(--gx-ink); overflow-wrap: anywhere;}
.gx-tile-desc{font: 500 14px/1.45 var(--gx-mono); color: var(--gx-ink2);}
.gx-tile-go{width: 22px; height: 22px; color: var(--gx-muted); transition: transform 0.3s var(--gx-ease), color 0.3s;}
.gx-tile-here{display: inline-flex; align-items: center; gap: 8px; font: 500 13px/1 var(--gx-mono); letter-spacing: var(--gx-track); text-transform: uppercase; color: var(--gx-gold); white-space: nowrap;}
@media (min-width: 1280px){.gx-tile-here{position: absolute; top: 14px; right: 18px;}}
.gx-tile.is-here{background: linear-gradient(180deg, rgba(235, 197, 84, 0.09), var(--gx-bg2) 72%);}
.gx-tile.is-here::before{content: ''; position: absolute; inset: 0 0 auto; height: 2px; background: linear-gradient(90deg, transparent, var(--gx-gold) 20%, var(--gx-gold) 80%, transparent);
  box-shadow: 0 0 12px rgba(235, 197, 84, 0.7), 0 0 24px rgba(235, 197, 84, 0.3);}
.gx-tile.is-here .gx-tile-ic{background: var(--gx-btn-bg); border-color: transparent; color: var(--gx-btn-ink);}
.gx-dot{position: relative; width: 8px; height: 8px; flex: none; border-radius: 50%; background: var(--gx-gold); box-shadow: 0 0 8px var(--gx-gold), 0 0 16px rgba(235, 197, 84, 0.5);}
.gx-dot::after{content: ''; position: absolute; inset: 0; border-radius: 50%; border: 1px solid var(--gx-gold); animation: gx-ping 2.2s var(--gx-ease) infinite;}
.gx-tile:focus-visible{outline-offset: -3px;}
@media (hover: hover) and (pointer: fine){:where(html.v7) a.gx-tile:not(.is-here):hover::after{opacity: 1;}
:where(html.v7) a.gx-tile:not(.is-here):hover .gx-tile-ic{border-color: rgb(var(--r), var(--g), var(--b));}
:where(html.v7) a.gx-tile:hover .gx-tile-go{color: rgb(var(--r), var(--g), var(--b)); transform: translate(3px, -3px);}}
.gx-legal{display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 16px 28px; margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--gx-line);}
.gx-legal-c{margin: 0; font: 500 13px/1.4 var(--gx-mono); letter-spacing: 0.1em; text-transform: uppercase; color: var(--gx-ink2); white-space: nowrap;}
.gx-docs{display: flex; flex-wrap: wrap; justify-content: center; gap: 6px;}
.gx-docs a{display: inline-flex; align-items: center; height: 36px; padding: 0 12px; border: 1px solid var(--gx-line); font: 500 13px/1 var(--gx-mono);
  letter-spacing: 0.1em; text-transform: uppercase; color: var(--gx-ink2); transition: border-color 0.2s, color 0.2s;}
.gx-docs a:hover,.gx-docs a:focus-visible{border-color: var(--gx-gold); color: var(--gx-gold);}
.gx-legal-r{display: flex; align-items: center; gap: 10px; justify-self: end;}
.gx-legal .gx-lang,.gx-legal .gx-theme{height: 44px;}
.gx-fc-bar,.gx-fc-cmd{display: none;}
@media (max-width: 1279px){.gx-tile{grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto 1fr; align-items: start; gap: 16px 12px; min-height: 0; padding: 18px 18px 20px;}
.gx-tile-ic{grid-row: 1; grid-column: 1;}
.gx-tile-go,.gx-tile-here{grid-row: 1; grid-column: 2;}
.gx-tile-tx{grid-row: 2; grid-column: 1 / -1; align-self: end;}
.gx-legal{grid-template-columns: minmax(0, 1fr) auto;}
.gx-docs{grid-column: 1 / -1; grid-row: 1; justify-content: flex-start;}
.gx-legal-c,.gx-legal-r{grid-row: 2;}}
@media (max-width: 1023px){.gx-tiles{grid-template-columns: repeat(2, minmax(0, 1fr));}}
@media (pointer: coarse){.gx-docs a{height: 44px;}
.gx-legal .gx-lang{height: 46px;}
.gx-legal .gx-lang button{width: 46px;}
.gx-legal .gx-theme{width: 46px; height: 46px;}}
.js .gx-rv{opacity: 0; transform: translateY(26px); transition: opacity 0.8s var(--gx-ease), transform 0.8s var(--gx-ease); transition-delay: calc(var(--i, 0) * 80ms);}
.js .gx-rv.is-in{opacity: 1; transform: none;}
.gx-spot{isolation: isolate;}
.gx-spot::before{content: ''; position: absolute; inset: -1px; z-index: -1; opacity: 0; transition: opacity 0.4s; pointer-events: none;
  background: radial-gradient(360px circle at var(--mx, 50%) var(--my, 50%), rgba(235, 197, 84, 0.16), transparent 60%);}
.gx-spot:hover::before{opacity: 1;}
@keyframes gx-glint{ 0% { transform: translateX(-130%); } 22%, 100% { transform: translateX(130%); } }
@keyframes gx-breathe-f{ 0%, 100% { filter: drop-shadow(0 0 10px rgba(235, 197, 84, 0.32)); } 50% { filter: drop-shadow(0 0 20px rgba(235, 197, 84, 0.6)); } }
@keyframes gx-blinkdot{ 0%, 100% { opacity: 1; } 50% { opacity: 0.45; } }
@keyframes gx-caret{ to { opacity: 0; } }
@keyframes gx-ping{ 0% { transform: scale(1); opacity: 0.9; } 100% { transform: scale(3); opacity: 0; } }
@keyframes gx-sheen{ 0%, 100% { background-position: 100% 0; } 50% { background-position: 0 0; } }
@keyframes gx-pop{ from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }
@keyframes gx-orbit{ to { transform: rotate(360deg); } }
@keyframes gx-wmglint{ 0% { background-position: 130% 0, 0 0; } 15%, 100% { background-position: -30% 0, 0 0; } }
@keyframes gx-drum{ 0%, 19% { transform: translateY(0); } 25%, 44% { transform: translateY(-16px); } 50%, 69% { transform: translateY(-32px); } 75%, 94% { transform: translateY(-48px); } 100% { transform: translateY(-64px); } }
@keyframes gx-drawx{ from { transform: scaleX(0); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes gx-run{ 0% { transform: translateX(0); } 34%, 100% { transform: translateX(100%); } }
@keyframes gx-runfade{ 0% { opacity: 0; } 4%, 30% { opacity: 1; } 36%, 100% { opacity: 0; } }
@keyframes gx-osglow{ 0%, 30% { text-shadow: none; color: var(--gx-ink); } 36% { text-shadow: 0 0 10px var(--gx-gold-hi), 0 0 22px var(--gx-glow); color: var(--gx-gold-hi); } 60%, 100% { text-shadow: none; color: var(--gx-ink); } }
@media (max-width: 1440px){.gx-nav a{padding: 0 11px;}
.gx-nav a::after{left: 11px; right: 11px;}}
@media (max-width: 1280px){.gx-nav,.gx-tools .gx-lang-wrap,.gx-tools .gx-theme{display: none;}
.gx-tools{margin-inline-start: auto;}
.gx-burger{display: grid;}}
@media (max-width: 767px){.gx-tools .gx-key,.gx-tools .gx-btn{display: none;}
.gx-logo{gap: 10px;}
.gx-mark{width: 40px; height: 40px;}
.gx-id{gap: 6px;}
.gx-wm{font-size: 18px; gap: 8px;}
.gx-status,.gx-drum-r b{font-size: 13px;}
.gx-burger{width: 48px; height: 48px;}
.gx-keypop{top: calc(var(--gx-hdr) + 8px);}
.gx-fb{grid-template-columns: minmax(0, 1fr);}
.gx-fb-id .gx-wm{font-size: 20px; gap: 10px;}
.gx-fb-id .gx-cube{width: 48px;}
.gx-fb-type{font-size: 15px; min-height: 3.2em;}
.gx-sites{margin-top: 40px;}
.gx-tile{gap: 14px 10px; padding: 16px 14px 18px;}
.gx-tile-ic{width: 40px; height: 40px;}
.gx-tile-cap{font-size: 14px;}
.gx-tile-desc{font-size: 13px;}
.gx-legal{grid-template-columns: minmax(0, 1fr); gap: 18px;}
.gx-docs,.gx-legal-c,.gx-legal-r{grid-column: 1; grid-row: auto;}
.gx-docs a{height: 44px;}
.gx-legal .gx-lang{height: 46px;}
.gx-legal .gx-lang button{width: 46px;}
.gx-legal .gx-theme{width: 46px; height: 46px;}
.gx-legal-c{white-space: normal;}
.gx-legal-r{justify-self: start;}}
@media (prefers-reduced-motion: reduce){html:where(.v7){scroll-behavior: auto;}
.gx-btn--pri::after,.gx-dot::after,.gx-status i,.gx-typed::after{animation: none;}
.gx-logo .gx-cube,.gx-fb-id .gx-cube{animation: none;}
.gx-halo::after,html:where(.v7)[data-hl] .gx-wm-t,.gx-drum-r,.gx-thread,.gx-thread i,.gx-thread i::before,html:where(.v7)[data-hl] .gx-site{animation: none;}
.js .gx-rv{transform: none; transition: opacity 0.3s;}
.gx-drawer,.gx-drawer.is-open{transform: none;}
.gx-keypop{animation: none;}}
.sec{position: relative; padding: clamp(96px, 11vw, 160px) 0;}
.sec + .sec::before{content: ''; position: absolute; top: 0; left: 50%; width: min(1200px, 90%); height: 1px; translate: -50% 0; background: linear-gradient(90deg, transparent, var(--gx-line2), transparent);}
.sh{max-width: 900px; margin-bottom: clamp(44px, 5vw, 72px);}
.sh .k{display: block; color: var(--gx-gold); margin-bottom: 20px;}
.h2{font: 800 var(--gx-fs-h2)/1.04 var(--gx-font); letter-spacing: -0.024em; text-transform: uppercase; margin: 0; text-wrap: balance;}
.sub{font-size: var(--gx-fs-body); line-height: 1.6; color: var(--gx-ink2); margin: 22px 0 0; max-width: 680px;}
.mk{position: absolute; z-index: 4; bottom: 18px; right: var(--gx-gut); padding: 6px 10px; border: 1px dashed rgba(235, 197, 84, 0.55); background: rgba(5, 5, 5, 0.6);
  font: 500 13px/1 var(--gx-mono); letter-spacing: 0.08em; text-transform: uppercase; color: #ebc554; pointer-events: none;}
.hero{--hh: clamp(640px, 100svh, 1000px); --col: 780px; --cx: calc(max(var(--gx-gut), (100% - var(--gx-max)) / 2) + min(var(--col), 100% - 2 * var(--gx-gut)) + 40px);
  position: relative; min-height: var(--hh); display: flex; align-items: center; padding: calc(var(--gx-hdr) + 3vh) 0 9vh; overflow: hidden; isolation: isolate;}
.art{position: absolute; top: 0; height: var(--hh); width: calc(var(--hh) * 2); left: max(calc(var(--cx) - var(--hh) * 1.1), calc(100% - var(--hh) * 2)); z-index: -3;}
.art-in{position: absolute; inset: 0; will-change: transform;}
.art .a-d,.art .a-l{position: absolute; inset: 0; background: var(--i17) center / cover no-repeat; transition: opacity 0.7s var(--gx-ease);}
.art .a-l{background-image: var(--i19); opacity: 0;}
:where(html.v7)[data-theme="light"] .art .a-d{opacity: 0;}
:where(html.v7)[data-theme="light"] .art .a-l{opacity: 1;}
.cglow{position: absolute; left: 55%; top: 22.5%; width: 20%; aspect-ratio: 1; margin: -10% 0 0 -10%; border-radius: 50%; pointer-events: none;
  background: radial-gradient(circle, rgba(255, 222, 140, 0.55) 0%, rgba(255, 211, 107, 0.16) 32%, transparent 64%); animation: breathe 5.2s ease-in-out infinite;}
:where(html.v7)[data-theme="light"] .cglow{opacity: 0; animation: none;}
.threads{position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none;}
.thread{fill: none; stroke: url(#tg); stroke-width: 1.3; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 1; animation: draw 2.6s var(--gx-ease) 0.7s forwards;}
.thread.t2{animation-delay: 0.95s; stroke-width: 1;}
.thread.t3{animation-delay: 1.2s; stroke-width: 0.9;}
.spark{opacity: 0; animation: fadein 0.6s 2.2s forwards;}
.dust{position: absolute; inset: 0; width: 100%; height: 100%; z-index: -2; pointer-events: none; will-change: transform;}
.hero::before{content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: linear-gradient(90deg, var(--gx-bg) 0%, color-mix(in srgb, var(--gx-bg) 82%, transparent) calc(var(--cx) * 0.42), color-mix(in srgb, var(--gx-bg) 30%, transparent) calc(var(--cx) - 60px), transparent calc(var(--cx) + 40px));}
.hero::after{content: ''; position: absolute; inset: auto 0 0; height: 24%; z-index: -1; pointer-events: none; background: linear-gradient(transparent, var(--gx-bg));}
.hero-in{width: min(var(--col), 100%);}
.kick{display: flex; align-items: center; gap: 14px; color: var(--gx-gold); margin: 0 0 24px;}
.kick::before{content: ''; width: 34px; height: 1px; background: currentColor; flex: none;}
.h1{font: 800 var(--gx-fs-h1)/1.02 var(--gx-font); letter-spacing: -0.026em; text-transform: uppercase; margin: 0; text-wrap: balance;}
.lead{font-size: var(--gx-fs-lead); line-height: 1.58; color: var(--gx-ink2); margin: 26px 0 0; max-width: 600px;}
.cta{display: flex; flex-wrap: wrap; gap: 14px; margin-top: 36px;}
.proof{display: flex; align-items: center; gap: 12px; margin: 24px 0 0; color: var(--gx-muted); font-size: 16px; line-height: 1.45;}
.proof i{width: 8px; height: 8px; border-radius: 50%; background: var(--gx-gold); flex: none; position: relative;}
.proof i::after{content: ''; position: absolute; inset: 0; border-radius: 50%; border: 1px solid var(--gx-gold); animation: gx-ping 2.4s var(--gx-ease) infinite;}
.cue{position: absolute; left: 50%; bottom: 26px; translate: -50% 0;}
.cue i{display: block; width: 1px; height: 44px; background: linear-gradient(var(--gx-gold), transparent); transform-origin: top; animation: cue 2.4s var(--gx-ease-io) infinite;}
.nm{margin: 0; text-transform: none;}
.nm-name{display: flex; align-items: baseline; gap: 0.2em; white-space: nowrap; font: 800 clamp(44px, 7.4vw, 108px)/0.94 var(--gx-font); letter-spacing: -0.045em;}
.nm-name i{font-style: normal;}
.nm-br{display: none;}
.nm-sub{display: block; margin-top: 20px; font: 600 clamp(21px, 2.05vw, 30px)/1.25 var(--gx-font); letter-spacing: -0.012em; color: var(--gx-ink); text-wrap: balance;}
:root:where(.v7){--nm-metal: linear-gradient(180deg, #fffaf0 0%, #f7e9bd 30%, #ebc554 58%, #a8800f 100%); --nm-glint: rgba(255, 255, 255, 0.9);}
:where(html.v7)[data-theme="light"]{--nm-metal: linear-gradient(180deg, #3a2f0b 0%, #6e5a10 40%, #8a6a1f 66%, #5c4a0d 100%); --nm-glint: rgba(255, 236, 170, 0.95);}
html:where(.v7)[data-nm="a"] .nm-name{background: linear-gradient(100deg, transparent 44%, var(--nm-glint) 50%, transparent 56%) 140% 0 / 300% 100% no-repeat, var(--nm-metal);
  -webkit-background-clip: text; background-clip: text; color: transparent; animation: nm-glint 12s var(--gx-ease) 1.4s infinite;}
html:where(.v7)[data-nm="b"] .nm-name{font: 700 clamp(40px, 7.2vw, 104px)/0.96 var(--gx-brand); letter-spacing: 0.01em; gap: 0.28em; color: var(--gx-gold);}
html:where(.v7)[data-nm="b"] .nm-name .os{font-size: 0.46em; color: var(--gx-ink); align-self: center; letter-spacing: 0.04em;}
html:where(.v7)[data-nm="b"] .nm-br{display: inline; color: var(--gx-gold);}
html:where(.v7)[data-nm="c"] .nm-name{position: relative; color: var(--gx-ink);}
html:where(.v7)[data-nm="c"] .nm-name .os{background: var(--gx-grad); background-size: 220% 100%; -webkit-background-clip: text; background-clip: text; color: transparent;}
html:where(.v7)[data-nm="c"] .nm-name::before{content: ''; position: absolute; left: -6%; top: -40%; width: 70%; height: 180%; z-index: -1; pointer-events: none;
  background: radial-gradient(ellipse at 40% 50%, rgba(255, 222, 140, 0.22), rgba(255, 211, 107, 0.06) 45%, transparent 70%); animation: breathe 5.2s ease-in-out infinite;}
:where(html.v7)[data-theme="light"] html[data-nm="c"] .nm-name::before,html:where(.v7)[data-theme="light"][data-nm="c"] .nm-name::before{opacity: 0.5;}
html:where(.v7)[data-nm="c"] .nm-sub{font: 700 clamp(15px, 1.25vw, 18px)/1.4 var(--gx-mono); letter-spacing: 0.14em; text-transform: uppercase; color: var(--gx-gold); margin-top: 22px;}
@keyframes nm-glint{ 0% { background-position: 140% 0, 0 0; } 18%, 100% { background-position: -40% 0, 0 0; } }
.console{margin-top: 30px; display: inline-flex; align-items: center; gap: 18px; max-width: 100%; height: 58px; padding: 0 22px;
  background: var(--gx-solid); border: 1px solid var(--gx-line); position: relative;}
.console::before{content: ''; position: absolute; inset: -1px; border: 1px solid transparent; background: linear-gradient(90deg, var(--gx-gold), transparent 40%) border-box;
  -webkit-mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity: 0.55; pointer-events: none;}
.cs-mod{display: flex; align-items: center; gap: 12px; flex: none;}
.cs-mod .gx-cap{color: var(--gx-muted);}
.cs-slot{display: flex; align-items: center; gap: 8px;}
.cs-slot .win{height: 26px; overflow: hidden; display: inline-block;}
.cs-slot .roll{display: grid; animation: slot 7.2s var(--gx-ease-io) infinite;}
.cs-slot .roll b{font: 700 20px/26px var(--gx-mono); color: var(--gx-gold);}
.cs-slot em{font: 500 15px/1 var(--gx-font); font-style: normal; color: var(--gx-ink2);}
.cs-sep{width: 1px; height: 26px; background: var(--gx-line2); flex: none;}
.cs-set{list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: nowrap; gap: 18px;}
.cs-set li{display: inline-flex; align-items: center; gap: 8px; font: 500 14px/1 var(--gx-mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--gx-ink2); white-space: nowrap;}
.cs-set li::before{content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--gx-gold); animation: chk 2.4s var(--gx-ease) infinite; animation-delay: calc(var(--i) * 80ms + 0.15s);}
.js .hero .ent{opacity: 0; transform: translateY(20px); animation: ent 1s var(--gx-ease) forwards; animation-delay: calc(var(--i, 0) * 90ms + 120ms);}
.js .h1 .gx-gt{animation: shim 2.6s var(--gx-ease) 0.75s both;}
.kick{margin-bottom: 22px;}
.scene{position: relative; background: var(--gx-bg); color: var(--gx-ink);}
.frame-c{position: absolute; inset: 0; overflow: hidden; container-type: size;}
.plate{position: absolute; right: 0; top: 50%; width: max(100cqw, calc(100cqh * var(--ar))); aspect-ratio: var(--ar); translate: 0 -50%;}
.plate-img{position: absolute; inset: 0; background: var(--pic) center / 100% 100% no-repeat;}
.plate svg{position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none;}
.veil{position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(90deg, rgba(5, 5, 5, 0.55), transparent 42%), linear-gradient(180deg, rgba(5, 5, 5, 0.55), transparent 22%, transparent 78%, rgba(5, 5, 5, 0.9));}
.sc-txt{position: absolute; z-index: 3; top: 50%; translate: 0 -50%; padding-top: calc(var(--gx-hdr) / 2);
  left: max(var(--gx-gut), calc(100cqw - max(100cqw, 100cqh * var(--ar)) + max(100cqw, 100cqh * var(--ar)) * 0.215)); width: min(620px, 100cqw - 2 * var(--gx-gut));}
.sc-txt .k{display: block; color: var(--gx-gold); margin-bottom: 18px;}
.sc-txt .sub{margin-top: 18px;}
.tail{stroke: var(--gx-th); stroke-width: 1.4; fill: none; stroke-linecap: round;}
.bead{fill: #fff4cf;}
.halo{fill: url(#sgl);}
.sc-dome{--ar: 1.5901; --pic: var(--i-kupol); --gx-sticky: 1; height: 330vh;}
.stick{position: sticky; top: 0; height: 100svh; overflow: hidden;}
.steps{list-style: none; margin: 30px 0 0; padding: 0; display: grid; gap: 8px;}
.step{position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 16px; width: 100%; padding: 14px 18px 16px; text-align: start; cursor: pointer;
  border: 1px solid rgba(235, 197, 84, 0.2); background: rgba(8, 8, 10, 0.86); color: var(--gx-ink); overflow: hidden;
  transition: border-color 0.35s, background-color 0.35s;}
.step .n{grid-row: span 2; padding-top: 3px; font: 500 14px/1 var(--gx-mono); color: var(--gx-muted); transition: color 0.3s;}
.step b{font: 700 19px/1.3 var(--gx-font);}
.step .d{font-size: 16px; line-height: 1.45; color: var(--gx-muted);}
.step .pg{position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: rgba(235, 197, 84, 0.12);}
.step .pg i{position: absolute; inset: 0; background: var(--gx-gold); transform: scaleX(0); transform-origin: 0 50%;}
.step.is-on{border-color: #ebc554; background: linear-gradient(90deg, rgba(235, 197, 84, 0.16), rgba(8, 8, 10, 0.6) 80%);}
.step.is-on .n{color: #ebc554;}
.step.is-on .d{color: var(--gx-ink2);}
.step.is-on .pg i{transform: scaleX(var(--gx-p, 0));}
.step.is-done .pg i{transform: scaleX(1);}
.keep{margin-top: 22px;}
.keep .gx-cap{color: var(--gx-muted);}
.keep ul{list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px;}
.keep li{display: inline-flex; align-items: center; gap: 8px; padding: 9px 13px; border: 1px solid rgba(91, 212, 154, 0.35); background: rgba(8, 8, 10, 0.55);
  font: 500 14px/1 var(--gx-mono); letter-spacing: 0.06em; text-transform: uppercase; color: var(--gx-ink);}
.keep li::before{content: '✓'; color: var(--gx-ok); font-weight: 700;}
.ly{opacity: 0; visibility: hidden; transition: opacity 0.7s var(--gx-ease), visibility 0s linear 0.7s;}
.sc-dome[data-step="0"] .ly0,.sc-dome[data-step="1"] .ly1,.sc-dome[data-step="2"] .ly2{opacity: 1; visibility: visible; transition-delay: 0s;}
.orbit{fill: none; stroke: #ffd36b; stroke-width: 2.2; stroke-dasharray: 2 9; stroke-linecap: round; animation: flow 3.6s linear infinite; filter: drop-shadow(0 0 6px rgba(255, 211, 107, 0.8));}
.tower-glow{fill: url(#tgw); transform-box: fill-box; transform-origin: center; animation: breathe 2.6s ease-in-out infinite;}
.beam{fill: url(#bm); filter: url(#blr); transform-box: fill-box; transform-origin: 50% 100%; animation: beam 2.6s ease-in-out infinite;}
.dome-arc{fill: none; stroke: #ffe39a; stroke-width: 3; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 1; filter: drop-shadow(0 0 8px rgba(255, 211, 107, 0.9));
  transition: stroke-dashoffset 1.6s var(--gx-ease-io);}
.sc-dome[data-step="2"] .dome-arc{stroke-dashoffset: 0;}
.dome-fill{fill: url(#dmf); opacity: 0; transition: opacity 1.2s var(--gx-ease) 0.6s;}
.sc-dome[data-step="2"] .dome-fill{opacity: 1;}
.hit{fill: none; stroke: #ffe39a; stroke-width: 1.4; transform-box: fill-box; transform-origin: center; animation: hit 1.8s var(--gx-ease) infinite; animation-delay: var(--dl, 0s);}
.sc-naut{--ar: 1.5901; --pic: var(--i-naut); height: calc(100svh - 92px); min-height: 600px; overflow: hidden;}
.sc-naut .sc-txt{padding-top: 0;}
.sc-dome{scroll-margin-top: calc(-1 * (var(--gx-hdr) + 12px));}
.regs{display: flex; align-items: center; gap: 10px; margin: 16px 0 0; font: 500 14px/1.4 var(--gx-mono); letter-spacing: 0.04em; color: var(--gx-ink2);}
.regs i{width: 8px; height: 8px; border-radius: 50%; background: var(--gx-gold); box-shadow: 0 0 10px var(--gx-gold); flex: none;}
.cham{fill: url(#chg); opacity: 0.12; transform-box: fill-box; transform-origin: center; animation: cham 7.5s var(--gx-ease) infinite; animation-delay: calc(var(--i) * 1.5s);}
.tag{position: absolute; z-index: 2; translate: -50% -50%; display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; white-space: nowrap;
  border: 1px solid rgba(235, 197, 84, 0.45); background: rgba(5, 5, 5, 0.86);
  font: 500 14px/1 var(--gx-mono); letter-spacing: 0.1em; text-transform: uppercase; color: #ededed; animation: tag 7.5s var(--gx-ease) infinite; animation-delay: calc(var(--i) * 1.5s);}
.tag::before{content: ''; width: 7px; height: 7px; border-radius: 50%; background: #ebc554; box-shadow: 0 0 10px #ebc554;}
.os{overflow: hidden;}
.os-grid{position: relative; display: grid; grid-template-columns: minmax(0, 300px) minmax(0, 1fr) minmax(0, 300px); gap: clamp(20px, 3vw, 44px); align-items: center;}
.gx-wires{position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; z-index: 1;}
.gx-w{fill: none; stroke: url(#wg); stroke-width: 1.2; opacity: 0.7; stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-width 0.3s, opacity 0.3s;}
.os-grid.is-in .gx-w,.gx-shot .gx-w{stroke-dashoffset: 0; transition: stroke-dashoffset 1.8s var(--gx-ease) calc(var(--i) * 90ms), stroke-width 0.3s, opacity 0.3s;}
.gx-w.is-hot{stroke-width: 2.6; opacity: 1;}
.has-hot .gx-w:not(.is-hot){opacity: 0.25;}
.gx-w-end{fill: #ebc554;}
.gx-pk{fill: #fff4cf; filter: drop-shadow(0 0 4px #ffd36b);}
.has-hot .gx-pk:not(.is-hot){opacity: 0.2;}
.os-col{list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; position: relative; z-index: 2;}
.pr{position: relative; display: grid; gap: 6px; padding: 18px 20px; background: rgba(11, 11, 13, 0.9); border: 1px solid var(--gx-line);
  transition: border-color 0.3s, transform 0.3s var(--gx-ease); outline-offset: 2px;}
.pr .gx-cap{color: var(--gx-gold); font-size: 13px;}
.pr b{font: 700 18px/1.25 var(--gx-font);}
.pr > span:not(.gx-cap){font-size: 15px; line-height: 1.45; color: var(--gx-ink2);}
.pr:hover,.pr:focus-within,.pr:focus{border-color: #ebc554;}
@media (hover: hover) and (pointer: fine){.pr:hover{transform: translateY(-3px);}}
.mini{position: absolute; z-index: 5; top: 50%; width: 236px; padding: 14px; display: grid; gap: 10px; background: #0d0d10; border: 1px solid rgba(235, 197, 84, 0.5);
  box-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.9), 0 0 40px -12px rgba(235, 197, 84, 0.4); opacity: 0; pointer-events: none;
  transform: translateY(-50%) scale(0.94); transition: opacity 0.25s var(--gx-ease), transform 0.3s var(--gx-ease);}
.os-l .mini{left: calc(100% + 14px); transform-origin: 0 50%;}
.os-r .mini{right: calc(100% + 14px); transform-origin: 100% 50%;}
.pr:hover .mini,.pr:focus-within .mini,.pr:focus .mini{opacity: 1; transform: translateY(-50%) scale(1);}
.mini .mh{display: flex; justify-content: space-between; align-items: center; font: 600 13px/1 var(--gx-mono); letter-spacing: 0.1em; text-transform: uppercase; color: #ebc554;}
.mini .mh i{width: 8px; height: 8px; border-radius: 50%; background: var(--gx-ok); box-shadow: 0 0 8px var(--gx-ok);}
.mc{display: inline-flex; align-items: center; gap: 6px; padding: 5px 9px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.1); background: #19191d; font: 500 13px/1.2 var(--gx-mono); color: #c7c7c7;}
.mc.ok{color: #5bd49a; border-color: rgba(91, 212, 154, 0.35);}
.mc.g{color: #ebc554; border-color: rgba(235, 197, 84, 0.35);}
.mrow{display: flex; flex-wrap: wrap; gap: 6px;}
.mwave{display: flex; align-items: center; gap: 3px; height: 30px;}
.mwave i{flex: 1; height: 100%; border-radius: 2px; background: linear-gradient(#ebc554, rgba(235, 197, 84, 0.3)); transform: scaleY(0.2); animation: wv 1.1s ease-in-out infinite; animation-delay: calc(var(--i) * -90ms);}
.mbars{display: flex; align-items: flex-end; gap: 6px; height: 40px;}
.mbars i{flex: 1; height: var(--h); background: linear-gradient(#ffd36b, #8a6a1f); transform-origin: 50% 100%; animation: grow 1.4s var(--gx-ease) both; animation-delay: calc(var(--i) * 80ms);}
.mbub{justify-self: start; padding: 10px 12px; border-radius: 12px 12px 12px 4px; background: #19191d; border: 1px solid rgba(255, 255, 255, 0.1); font-size: 15px;}
.mdots{display: inline-flex; gap: 4px; margin-inline-start: 6px;}
.mdots i{width: 5px; height: 5px; border-radius: 50%; background: #ebc554; animation: gx-blinkdot 1.2s ease-in-out infinite; animation-delay: calc(var(--i) * 0.2s);}
.mnet{display: grid; grid-template-columns: repeat(8, 1fr); gap: 5px;}
.mnet i{aspect-ratio: 1; border: 1px solid rgba(235, 197, 84, 0.4); animation: lit2 2.4s linear infinite; animation-delay: calc(var(--i) * 0.3s);}
.mroute{position: relative; height: 34px;}
.mroute::before{content: ''; position: absolute; left: 6px; right: 6px; top: 50%; height: 1px; background: rgba(235, 197, 84, 0.5);}
.mroute i{position: absolute; top: 50%; width: 10px; height: 10px; margin: -5px 0 0 -5px; border-radius: 50%; border: 1px solid #ebc554; background: #0d0d10; left: var(--x);}
.mroute b{position: absolute; top: 50%; left: 6px; width: 8px; height: 8px; margin-top: -4px; border-radius: 50%; background: #fff4cf; box-shadow: 0 0 10px #ffd36b; animation: route 3s var(--gx-ease-io) infinite;}
.mdoc{display: grid; gap: 6px;}
.mdoc i{height: 6px; border-radius: 3px; background: rgba(255, 255, 255, 0.12); width: var(--w);}
.os-core{position: relative; z-index: 0; justify-self: center; width: min(100%, 560px);}
.sphere{position: relative; aspect-ratio: 840 / 966;}
.sphere-img{position: absolute; inset: 0; background: var(--i-sfera) center / 100% 100% no-repeat; -webkit-mask: radial-gradient(ellipse 72% 68% at 52% 48%, #000 62%, transparent 100%); mask: radial-gradient(ellipse 72% 68% at 52% 48%, #000 62%, transparent 100%);}
.sphere svg{position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none;}
.ring{fill: none; stroke: #ffd36b; stroke-width: 1.4; stroke-opacity: 0.4; stroke-dasharray: 3 12; animation: flow 6s linear infinite; transition: stroke-opacity 0.3s, stroke-width 0.3s;}
.ring.r2{animation-duration: 9s; animation-direction: reverse; stroke-dasharray: 18 10;}
.ring.r3{animation-duration: 12s; stroke-dasharray: 1 7;}
.os-grid[data-hot="terminal"] .r3,.os-grid[data-hot="scribe"] .r1,.os-grid[data-hot="finance"] .r1,.os-grid[data-hot="design"] .r1,.os-grid[data-hot="bella"] .r2,.os-grid[data-hot="studio"] .r2,.os-grid[data-hot="logistics"] .r2,.os-grid[data-hot="legal"] .r2{stroke-opacity: 1; stroke-width: 2.6; filter: drop-shadow(0 0 6px rgba(255, 211, 107, 0.9));}
.src{position: absolute; left: 58.9%; top: 37.9%; width: 14px; height: 14px; margin: -7px 0 0 -7px; border-radius: 50%; z-index: 2;}
.src::before{content: ''; position: absolute; inset: -40px; border-radius: 50%; background: radial-gradient(circle, rgba(255, 222, 140, 0.6), rgba(255, 211, 107, 0.15) 40%, transparent 70%);
  animation: breathe 3.2s ease-in-out infinite;}
.os-cap{position: relative; z-index: 2; margin: -6px 0 0; text-align: center;}
.os-cap b{display: block; font: 800 clamp(24px, 2.2vw, 30px)/1.1 var(--gx-font); letter-spacing: -0.01em; text-transform: uppercase;}
.os-cap span{display: block; margin-top: 8px; color: var(--gx-muted);}
.base{position: relative; z-index: 2; width: min(880px, 100%); margin: clamp(28px, 4vw, 48px) auto 0; display: grid; justify-items: center;}
.base > svg{width: 100%; height: auto; overflow: visible;}
.engr{font: 500 14px/1 var(--gx-mono); letter-spacing: 0.12em; text-transform: uppercase; fill: #ebc554;}
.engr-t{font: 700 14px/1 var(--gx-mono); letter-spacing: 0.16em; text-transform: uppercase; fill: #ededed;}
.plinth{fill: none; stroke: rgba(235, 197, 84, 0.35); stroke-width: 1;}
.seal{position: relative; width: 132px; height: 132px; margin-top: -86px;}
.seal svg{width: 100%; height: 100%; animation: spin 40s linear infinite;}
.seal text{font: 600 13px/1 var(--gx-mono); letter-spacing: 0.18em; fill: #ebc554; text-transform: uppercase;}
.seal .gx-cube{position: absolute; inset: 34px; filter: drop-shadow(0 0 14px rgba(235, 197, 84, 0.5));}
.seal-cap{margin: 14px 0 0; text-align: center; color: var(--gx-ink2); font-size: 16px;}
.method-list{display: none;}
.rows{position: relative; z-index: 2; display: grid; gap: 14px; margin-top: clamp(40px, 5vw, 64px); padding-top: 28px; border-top: 1px solid var(--gx-line);}
.row{display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px;}
.row .gx-cap{color: var(--gx-muted); min-width: 120px;}
.row a{display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border: 1px solid var(--gx-line); font: 500 15px/1.2 var(--gx-font); color: var(--gx-ink); transition: border-color 0.25s, color 0.25s;}
.row a:hover{border-color: #ebc554; color: #ebc554;}
.fin{position: relative; padding: clamp(100px, 12vw, 170px) 0; overflow: hidden; isolation: isolate;}
.fin-g{display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); gap: clamp(32px, 5vw, 80px); align-items: center;}
.fin .h2{font-size: clamp(36px, 4.45vw, 64px);}
.std{display: inline-flex; align-items: center; gap: 10px; color: var(--gx-gold); margin-bottom: 24px;}
.std::before{content: ''; width: 34px; height: 1px; background: currentColor;}
.pic{position: relative; aspect-ratio: 4 / 5; overflow: hidden; border: 1px solid var(--gx-line2); box-shadow: var(--gx-shadow); isolation: isolate;}
.pic .kb{position: absolute; inset: 0; animation: kb2 22s ease-in-out infinite alternate;}
.pic .a-d,.pic .a-l{position: absolute; inset: 0; background: var(--i17) 56.9% 0 / 360% auto no-repeat; transition: opacity 0.7s var(--gx-ease);}
.pic .a-l{background-image: var(--i19); opacity: 0;}
:where(html.v7)[data-theme="light"] .pic .a-d{opacity: 0;}
:where(html.v7)[data-theme="light"] .pic .a-l{opacity: 1;}
.pic .fglow{position: absolute; left: 50%; top: 32%; width: 64%; aspect-ratio: 1; translate: -50% -50%; border-radius: 50%; pointer-events: none;
  background: radial-gradient(circle, rgba(255, 222, 140, 0.5), rgba(255, 211, 107, 0.12) 36%, transparent 66%); animation: breathe 4.6s ease-in-out infinite;}
:where(html.v7)[data-theme="light"] .pic .fglow{opacity: 0;}
.pic canvas{position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none;}
.pic::after{content: ''; position: absolute; inset: 0; background: linear-gradient(transparent 60%, var(--gx-bg));}
@keyframes ent{ to { opacity: 1; transform: none; } }
@keyframes shim{ from { background-position: 100% 0; } to { background-position: 0 0; } }
@keyframes draw{ to { stroke-dashoffset: 0; } }
@keyframes fadein{ to { opacity: 1; } }
@keyframes breathe{ 0%, 100% { opacity: 0.75; transform: scale(0.94); } 50% { opacity: 1; transform: scale(1.08); } }
@keyframes cue{ 0% { transform: scaleY(0); opacity: 1; } 60% { transform: scaleY(1); opacity: 1; } 100% { transform: scaleY(1); opacity: 0; } }
@keyframes slot{ 0%, 28% { transform: translateY(0); } 33%, 61% { transform: translateY(-32px); } 66%, 94% { transform: translateY(-64px); } 100% { transform: translateY(-96px); } }
@keyframes chk{ 0%, 100% { transform: scale(1); opacity: 0.55; } 12% { transform: scale(1.9); opacity: 1; } 30% { transform: scale(1); opacity: 1; } }
@keyframes pg{ from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes flow{ to { stroke-dashoffset: -60; } }
@keyframes beam{ 0%, 100% { opacity: 0.55; transform: scaleY(0.92); } 50% { opacity: 1; transform: scaleY(1.05); } }
@keyframes hit{ 0% { opacity: 0.9; transform: scale(0.4); } 100% { opacity: 0; transform: scale(2.6); } }
@keyframes kb{ from { transform: scale(1); } to { transform: scale(1.07) translate3d(-1%, 0.6%, 0); } }
@keyframes kb2{ from { transform: scale(1.02); } to { transform: scale(1.12) translate3d(0, 2%, 0); } }
@keyframes cham{ 0%, 100% { opacity: 0.12; } 6%, 18% { opacity: 1; } 30% { opacity: 0.12; } }
@keyframes tag{ 0%, 100% { border-color: rgba(235, 197, 84, 0.45); box-shadow: none; } 6%, 18% { border-color: #ffd36b; box-shadow: 0 0 22px rgba(255, 211, 107, 0.55); } 30% { border-color: rgba(235, 197, 84, 0.45); box-shadow: none; } }
@keyframes spin{ to { transform: rotate(360deg); } }
@keyframes wv{ 0%, 100% { transform: scaleY(0.18); } 50% { transform: scaleY(1); } }
@keyframes grow{ from { transform: scaleY(0); } to { transform: scaleY(1); } }
@keyframes lit2{ 0%, 8% { background: #ffd36b; box-shadow: 0 0 10px #ffd36b; } 22%, 100% { background: transparent; box-shadow: none; } }
@keyframes route{ 0% { transform: translateX(0); } 100% { transform: translateX(200px); } }
@media (max-width: 1100px){.fin-g{grid-template-columns: minmax(0, 1fr);}
.pic{max-width: 520px;}
.os-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}
.os-core{grid-column: 1 / -1; grid-row: 1; width: min(100%, 520px);}
.mini{display: none;}}
@media (max-width: 900px){.console{flex-wrap: wrap; height: auto; padding: 14px 18px; gap: 12px 16px;}
.cs-sep{display: none;}
.cs-set{flex-wrap: wrap; gap: 10px 16px;}}
@media (max-width: 1023px), (max-aspect-ratio: 5/4){.sc-dome{--gx-sticky: 0; height: auto;}
.stick{position: relative; height: auto; overflow: visible;}
.frame-c{position: relative; inset: auto; height: min(112vw, 640px);}
.sc-txt{position: relative; top: auto; left: auto; translate: none; width: auto; padding: 32px var(--gx-gut) 64px;}
.sc-naut{height: auto; min-height: 0; overflow: visible;}
.veil{background: linear-gradient(180deg, rgba(5, 5, 5, 0.5), transparent 24%, transparent 70%, var(--gx-bg));}
.mk{bottom: 12px;}
.step.is-on .pg i{transform: scaleX(1); animation: pg 3.8s linear both;}
.tag{padding: 6px 9px; font-size: 13px; gap: 6px;}}
@media (max-width: 767px), (max-aspect-ratio: 4/5){.hero{--hh: auto; display: block; min-height: 0; padding: calc(var(--gx-hdr) + 150vw * 0.42) 0 64px;}
.art{left: 0; top: var(--gx-hdr); width: 100%; height: auto; aspect-ratio: 2 / 3;}
.art .a-d{background-image: var(--i18);}
.art .a-l{background-image: var(--i20);}
.threads{display: none;}
.cglow{left: 44%; top: 6%; width: 34%; margin: -17% 0 0 -17%;}
.hero::before{background: linear-gradient(transparent 0, transparent calc(150vw * 0.36), color-mix(in srgb, var(--gx-bg) 70%, transparent) calc(150vw * 0.5), var(--gx-bg) calc(150vw * 0.66));}
.hero::after,.cue{display: none;}}
@media (max-width: 767px){.cta{flex-direction: column; align-items: stretch;}
.cta .gx-btn{justify-content: center;}
.nm-sub{margin-top: 14px;}
.os-grid{grid-template-columns: minmax(0, 1fr);}
.pr .gx-cap{font-size: 13px;}
.base > svg{display: none;}
.seal{margin-top: 0;}
.method-list{display: grid; gap: 8px; width: 100%; margin: 0 0 24px; padding: 0; list-style: none; counter-reset: m;}
.method-list li{display: flex; gap: 14px; align-items: baseline; padding: 12px 14px; border: 1px solid var(--gx-line); font: 500 14px/1.3 var(--gx-mono); letter-spacing: 0.08em; text-transform: uppercase;}
.method-list li::before{counter-increment: m; content: '0' counter(m); color: #ebc554;}
.row .gx-cap{min-width: 0; width: 100%;}}
@media (prefers-reduced-motion: reduce){.cglow,.spark,.cue i,.proof i::after,.cs-slot .roll,.cs-set li::before,.orbit,.tower-glow,.beam,.hit,.sc-naut .plate,.cham,.tag,.ring,.src::before,.seal svg,.pic .kb,.pic .fglow,.mwave i,.mdots i,.mnet i,.mroute b,.nm-name,.nm-name::before{animation: none !important;}
.thread{stroke-dashoffset: 0; animation: none;}
.spark,.bead{display: none;}
.cham{opacity: 0.6;}
.js .hero .ent{opacity: 1; transform: none; animation: none;}
.gx-w{stroke-dashoffset: 0 !important;}}
.gx-shot .sc-dome{height: auto; --gx-sticky: 0;}
.gx-shot .stick{position: relative;}
.td{--td-bg: #0b0b0d; --td-side: #0f0f12; --td-panel: #141417; --td-raised: #1b1b1f; --td-raised2: #232328;
  --td-line: rgba(255, 255, 255, 0.08); --td-line2: rgba(255, 255, 255, 0.14); --td-gline: rgba(235, 197, 84, 0.22); --td-gline2: rgba(235, 197, 84, 0.46);
  --td-ink: #ededed; --td-ink2: #c7c7c7; --td-mut: #9a9a9a; --td-gold: #ebc554; --td-ok: #5bd49a;
  --td-hd: #08080a; --td-hd-ink: #ededed; --td-hd-mut: #a3a3a3; --td-hd-line: rgba(235, 197, 84, 0.2);
  position: relative; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); overflow: hidden; overflow: clip; isolation: isolate;
  background: var(--td-bg); color: var(--td-ink); font: 400 14px/1.5 var(--gx-font); text-align: start;}
:where(html.v7)[data-theme="light"] .td{--td-bg: #fafaf7; --td-side: #f1efe9; --td-panel: #ffffff; --td-raised: #f0ede8; --td-raised2: #e7e3da;
  --td-line: rgba(26, 26, 26, 0.1); --td-line2: rgba(26, 26, 26, 0.16); --td-gline: rgba(122, 102, 20, 0.24); --td-gline2: rgba(122, 102, 20, 0.5);
  --td-ink: #141414; --td-ink2: #2b2b2b; --td-mut: #5a5a5a; --td-gold: #7a6614; --td-ok: #15803d;}
.td button{font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer;}
.td .ic{width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}
.td-cap{font: 700 13px/1.3 var(--gx-mono); letter-spacing: 0.1em; text-transform: uppercase;}
.td-top{position: relative; z-index: 3; display: flex; align-items: center; gap: 16px; height: 60px; padding: 0 16px; background: var(--td-hd); color: var(--td-hd-ink); border-bottom: 1px solid var(--td-hd-line);}
.td-logo{display: flex; align-items: center; gap: 10px; flex: none;}
.td-logo .gx-cube{width: 34px; filter: drop-shadow(0 0 8px rgba(235, 197, 84, 0.45));}
.td-wm{display: grid; gap: 3px; font: 700 15px/1 var(--gx-brand); letter-spacing: 0.06em; color: #ebc554;}
.td-wm small{font: 700 13px/1 var(--gx-brand); letter-spacing: 0.08em; color: var(--td-hd-ink);}
.td-selw{position: relative; display: flex; align-items: center; flex: none;}
.td-sel{position: relative; display: flex; align-items: center; gap: 10px; height: 44px; padding: 0 12px 0 8px; border-inline-start: 1px solid rgba(255, 255, 255, 0.08);}
.td-sel .td-agi{width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: rgba(235, 197, 84, 0.12); color: #ebc554;}
.td-sel .td-agi .ic{width: 16px; height: 16px;}
.td-sel span{display: grid; gap: 2px; text-align: start;}
.td-sel b{font: 600 14px/1.15 var(--gx-font); white-space: nowrap;}
.td-sel small{font: 400 13px/1.15 var(--gx-font); color: var(--td-hd-mut); white-space: nowrap;}
.td-sel small em{font-style: normal; color: #ebc554;}
.td-sel > .ic{width: 14px; height: 14px; color: var(--td-hd-mut);}
.td-menu{position: absolute; z-index: 6; top: calc(100% + 6px); left: 0; min-width: 300px; padding: 6px; border: 1px solid rgba(235, 197, 84, 0.3); background: #111114;
  box-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.9); display: none;}
.td-menu.is-open{display: grid; animation: gx-pop 0.2s var(--gx-ease);}
.td-menu button{display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 2px 10px; padding: 9px 10px; text-align: start; color: #ededed;}
.td-menu button:hover,.td-menu button:focus-visible{background: rgba(235, 197, 84, 0.1);}
.td-menu button::before{content: ''; grid-row: span 2; width: 8px; height: 8px; margin: 6px 0 0 4px; border-radius: 50%; border: 1px solid #ebc554;}
.td-menu button[aria-checked="true"]::before{background: #ebc554; box-shadow: 0 0 8px #ebc554;}
.td-menu b{font: 600 14px/1.3 var(--gx-font);}
.td-menu small{font: 400 13px/1.35 var(--gx-font); color: #a3a3a3;}
.td-on{display: flex; align-items: center; gap: 8px; min-width: 0; font: 500 13px/1 var(--gx-mono); letter-spacing: 0.04em; color: var(--td-hd-mut); white-space: nowrap; overflow: hidden;}
.td-on i{width: 7px; height: 7px; border-radius: 50%; background: #5bd49a; box-shadow: 0 0 8px #5bd49a; flex: none; animation: gx-blinkdot 2.4s ease-in-out infinite; will-change: opacity;}
.td-on b{font-weight: 500; color: #5bd49a;}
.td-on span{overflow: hidden; text-overflow: ellipsis;}
.td-tools{display: flex; align-items: center; gap: 4px; margin-inline-start: auto; flex: none;}
.td-tools button{display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 10px; font: 500 13px/1 var(--gx-mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--td-hd-mut);
  border: 1px solid transparent; transition: color 0.2s, border-color 0.2s;}
.td-tools button:hover,.td-tools button[aria-pressed="true"]{color: #ebc554; border-color: rgba(235, 197, 84, 0.35);}
.td-tools .ic{width: 15px; height: 15px;}
.td-cnt{min-width: 30px; padding: 3px 6px; border-radius: 999px; background: #ebc554; color: #140f00; font: 700 13px/1 var(--gx-mono); text-align: center; letter-spacing: 0; transition: transform 0.3s var(--gx-ease);}
.td-cnt.bump{transform: scale(1.25);}
.td-mbtn{display: none; width: 36px; height: 36px; place-items: center; flex: none; color: var(--td-hd-ink);}
.td-mbtn .ic{width: 20px; height: 20px;}
.td-scrim{display: none;}
.td-demo{flex: none; padding: 5px 8px; border: 1px dashed rgba(235, 197, 84, 0.45); font: 500 13px/1 var(--gx-mono); letter-spacing: 0.06em; color: #ebc554;}
.td-body{position: relative; display: grid; grid-template-columns: 220px minmax(0, 1fr); min-height: 0;}
.td-side{display: flex; flex-direction: column; gap: 6px; padding: 14px 12px; background: var(--td-side); border-inline-end: 1px solid var(--td-line); min-height: 0; overflow: hidden;}
.td-brand{display: flex; align-items: center; gap: 10px; padding: 2px 4px 0;}
.td-brand .gx-cube{width: 34px; filter: drop-shadow(0 0 8px rgba(235, 197, 84, 0.45));}
.td-side .td-wm{color: var(--td-gold);}
.td-side .td-wm small{color: var(--td-ink);}
.td-tag{display: flex; gap: 8px; margin: 2px 4px 8px; font: 500 13px/1.4 var(--gx-mono); color: var(--td-mut);}
.td-tag i{width: 7px; height: 7px; margin-top: 5px; border-radius: 50%; background: var(--td-ok); box-shadow: 0 0 8px var(--td-ok); flex: none;}
.td-new{display: flex; align-items: center; gap: 10px; height: 40px; padding: 0 12px; border: 1px solid var(--td-gline); color: var(--td-ink); font: 500 14px/1 var(--gx-font);}
.td-new .ic{width: 16px; height: 16px; color: var(--td-gold);}
.td-side .td-cap{margin: 12px 4px 4px; color: var(--td-mut); font-weight: 500;}
.td-ags{display: grid; gap: 2px;}
.td-ag{display: flex; align-items: center; gap: 10px; height: 36px; padding: 0 10px; border-radius: 6px; color: var(--td-ink2); font: 500 14px/1.2 var(--gx-font); text-align: start; transition: background-color 0.2s, color 0.2s;}
.td-ag .ic{width: 16px; height: 16px; color: var(--td-mut);}
.td-ag:hover{background: var(--td-raised);}
.td-ag[aria-current="true"]{background: var(--td-raised2); color: var(--td-ink);}
.td-ag[aria-current="true"] .ic{color: var(--td-gold);}
.td-side .td-demo{display: block; align-self: flex-start; margin-top: auto; color: var(--td-gold); border-color: var(--td-gline2);}
.td-hist{display: block; padding: 7px 10px; color: var(--td-mut); font-size: 13px; line-height: 1.35; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.td-main{position: relative; display: grid; grid-template-rows: minmax(0, 1fr) auto; min-height: 0;}
.td-scroll{position: relative; overflow: hidden; padding: 18px 26px 10px;}
.td-scroll::before{content: ''; position: absolute; z-index: 2; top: 0; left: 0; right: 0; height: 28px; background: linear-gradient(var(--td-bg), transparent); opacity: 0; transition: opacity 0.3s; pointer-events: none;}
.td-scroll.is-over::before{opacity: 1;}
.td-feed{transition: transform 0.45s var(--gx-ease);}
.td .td-stop{position: absolute; z-index: 4; left: 50%; bottom: 10px; translate: -50% 0; display: inline-flex; align-items: center; gap: 8px; height: 34px; padding: 0 14px; border: 1px solid var(--td-gline2);
  border-radius: 999px; background: var(--td-panel); color: var(--td-gold); font: 500 13px/1 var(--gx-mono); letter-spacing: 0.06em; white-space: nowrap; box-shadow: 0 8px 24px -12px rgba(0, 0, 0, 0.6);}
.td-scroll.is-auto{padding-bottom: 54px;}
.td .td-stop::before{content: ''; width: 9px; height: 9px; background: currentColor;}
.td .td-stop[hidden]{display: none;}
.td-empty[hidden]{display: none;}
.td-empty{display: grid; justify-items: center; gap: 10px; text-align: center; padding: 18px 0 8px;}
.td-hi{margin: 4px 0 0; font: 600 26px/1.2 var(--gx-font); letter-spacing: -0.01em;}
.td-hi b{color: var(--td-gold); font-weight: 600;}
.td-agsub{margin: 0; max-width: 460px; color: var(--td-mut); font-size: 14px;}
.td-starters{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; width: 100%; max-width: 620px; margin-top: 14px;}
.td .td-st{position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 10px; align-items: center; padding: 12px 14px; border: 1px solid var(--td-line2); border-radius: 8px;
  background: var(--td-panel); text-align: start; transition: border-color 0.25s, transform 0.2s var(--gx-ease);}
.td-st small{font: 500 13px/1.2 var(--gx-font); color: var(--td-gold);}
.td-st b{grid-column: 1; font: 500 14px/1.35 var(--gx-font); color: var(--td-ink);}
.td-st .ar{grid-row: 1 / span 2; grid-column: 2; color: var(--td-mut); transition: transform 0.25s var(--gx-ease), color 0.25s;}
.td .td-st:hover{border-color: var(--td-gline2);}
.td-st:hover .ar{transform: translateX(3px); color: var(--td-gold);}
.td .td-st.is-hint{border-color: var(--td-gline2); box-shadow: 0 0 0 3px rgba(235, 197, 84, 0.12);}
.td-feed{display: grid; gap: 14px;}
.td-feed:empty{display: none;}
.td-me{justify-self: end; max-width: 78%; padding: 10px 14px; border-radius: 12px 12px 4px 12px; background: var(--td-raised2); color: var(--td-ink); font-size: 14px;}
.td-ai{position: relative; display: grid; gap: 10px; max-width: 100%;}
.td-ai-h{display: flex; align-items: center; flex-wrap: wrap; gap: 8px 10px;}
.td-ai-h .td-agi{width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; background: rgba(235, 197, 84, 0.12); color: var(--td-gold);}
.td-ai-h .td-agi .ic{width: 14px; height: 14px;}
.td-ai-h b{font: 600 14px/1 var(--gx-font);}
.td-mdl{padding: 3px 8px; border: 1px solid var(--td-line2); border-radius: 4px; font: 500 13px/1 var(--gx-mono); color: var(--td-ink2);}
.td-why{margin: 0; color: var(--td-mut); font-size: 13px;}
.td-steps{list-style: none; margin: 0; padding: 0; display: grid; gap: 6px;}
.td-steps li{display: grid; grid-template-columns: 22px 124px minmax(0, 1fr); align-items: center; gap: 10px; font-size: 14px; color: var(--td-ink2);}
.td-steps li > i{position: relative; width: 18px; height: 18px; border-radius: 50%; border: 1.5px solid var(--td-line2);}
.td-steps li > i::after{content: ''; position: absolute; inset: 3px 5px 5px 5px; border: solid var(--td-ok); border-width: 0 2px 2px 0; transform: rotate(45deg) scale(0); transition: transform 0.25s var(--gx-ease);}
.td-steps li.is-run > i{border-color: var(--td-gold); border-top-color: transparent; animation: td-spin 0.8s linear infinite;}
.td-steps li.is-done > i{border-color: var(--td-ok);}
.td-steps li.is-done > i::after{transform: rotate(45deg) scale(1);}
.td-steps li b{font: 700 13px/1.2 var(--gx-mono); letter-spacing: 0.06em; text-transform: uppercase; color: var(--td-gold);}
.td-text{margin: 0; color: var(--td-ink); font-size: 15px; line-height: 1.55;}
.td-doc{margin: 0; padding: 12px 16px; border-inline-start: 2px solid var(--td-gold); background: var(--td-raised); color: var(--td-ink2); font-size: 14px; line-height: 1.6;}
.td-doc p{margin: 0 0 6px;}
.td-doc p:last-child{margin: 0;}
.td-file{display: flex; align-items: center; gap: 12px; max-width: 420px; padding: 10px 12px; border: 1px solid var(--td-line2); border-radius: 8px; background: var(--td-panel);}
.td-file > i{display: grid; place-items: center; width: 38px; height: 44px; border: 1px solid var(--td-gline2); border-radius: 4px; font: 700 13px/1 var(--gx-mono); font-style: normal; color: var(--td-gold);}
.td-file span{display: grid; gap: 2px; min-width: 0;}
.td-file b{font: 600 14px/1.3 var(--gx-font); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.td-file small{font: 400 13px/1.2 var(--gx-font); color: var(--td-mut);}
.td-file em{margin-inline-start: auto; font: 500 13px/1 var(--gx-mono); font-style: normal; color: var(--td-gold);}
.td-chips{display: flex; flex-wrap: wrap; gap: 6px;}
.td-chip{display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; border: 1px solid var(--td-line2); background: var(--td-panel); font: 500 13px/1.3 var(--gx-mono); color: var(--td-ink2);}
.td-chip.g{color: var(--td-gold); border-color: var(--td-gline2);}
.td-chip.ok{color: var(--td-ok); border-color: color-mix(in srgb, var(--td-ok) 45%, transparent);}
.td-stamp{position: absolute; top: -6px; right: 4px; padding: 6px 10px; border: 2px solid var(--td-gold); border-radius: 4px; color: var(--td-gold); font: 700 13px/1.15 var(--gx-mono);
  letter-spacing: 0.06em; text-transform: uppercase; text-align: center; transform: rotate(-8deg); opacity: 0.92; pointer-events: none;}
.js .td [data-in]{opacity: 0; transform: translateY(8px); transition: opacity 0.35s var(--gx-ease), transform 0.35s var(--gx-ease);}
.js .td [data-in].in{opacity: 1; transform: none;}
.js .td .td-stamp[data-in]{transform: rotate(-8deg) scale(1.8);}
.js .td .td-stamp[data-in].in{transform: rotate(-8deg) scale(1); transition: opacity 0.2s, transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);}
.js .td-feed [data-in]:not(.in){display: none;}
.js .td-feed [data-in].in{animation: td-in 0.35s var(--gx-ease);}
.js .td-feed .td-stamp[data-in].in{animation: td-stamp-in 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);}
@keyframes td-in{ from { opacity: 0; transform: translateY(8px); } }
@keyframes td-stamp-in{ from { opacity: 0; transform: rotate(-8deg) scale(1.8); } }
.td-bav{width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(135deg, #f6de8a, #c9a332); color: #140f00; font: 700 13px/1 var(--gx-font);}
.td-bella .td-mdl{color: var(--td-gold); border-color: var(--td-gline2);}
.td-typing{display: inline-flex; gap: 5px; padding: 6px 2px;}
.td-typing i{width: 7px; height: 7px; border-radius: 50%; background: var(--td-gold); animation: td-dot 1.2s ease-in-out infinite;}
.td-typing i:nth-child(2){animation-delay: 0.15s;}
.td-typing i:nth-child(3){animation-delay: 0.3s;}
@keyframes td-dot{ 0%, 100% { opacity: 0.3; transform: translateY(0); } 40% { opacity: 1; transform: translateY(-3px); } }
.td-cmp{margin: 0 26px 14px; padding: 10px 10px 8px 14px; border: 1px solid var(--td-line2); border-radius: 12px; background: var(--td-panel); display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: end;}
.td-cmp textarea{resize: none; height: 24px; max-height: 96px; border: 0; outline: 0; background: transparent; color: var(--td-ink); font: 400 15px/24px var(--gx-font);}
.td-cmp textarea::placeholder{color: var(--td-mut);}
.td-send{width: 36px; height: 36px; display: grid; place-items: center; border-radius: 8px; background: linear-gradient(180deg, #ffd978, #ebc554 46%, #c9a20e); color: #140f00;}
.td-send:disabled{opacity: 0.4; cursor: default;}
.td-send .ic{width: 16px; height: 16px;}
.td-legal{grid-column: 1 / -1; margin: 0; font-size: 13px; color: var(--td-mut);}
.td-panel{position: absolute; z-index: 4; top: 0; bottom: 0; right: 0; width: min(340px, 100%); display: grid; grid-template-rows: auto auto minmax(0, 1fr); background: var(--td-panel);
  border-inline-start: 1px solid var(--td-gline); box-shadow: -30px 0 60px -30px rgba(0, 0, 0, 0.6); transform: translateX(104%); transition: transform 0.45s var(--gx-ease);}
.td.pn-open .td-panel{transform: none;}
.td-pn-h{display: flex; align-items: center; justify-content: space-between; padding: 12px 14px 8px;}
.td-pn-h .td-wm{color: var(--td-gold);}
.td-pn-h .td-wm small{color: var(--td-ink);}
.td-x{width: 32px; height: 32px; display: grid; place-items: center; color: var(--td-mut);}
.td-pn-tabs{display: flex; gap: 4px; padding: 0 12px; border-bottom: 1px solid var(--td-line);}
.td-pn-tabs button{position: relative; display: flex; align-items: center; gap: 6px; height: 38px; padding: 0 10px; font: 500 14px/1 var(--gx-font); color: var(--td-mut);}
.td-pn-tabs button[aria-selected="true"]{color: var(--td-ink);}
.td-pn-tabs button[aria-selected="true"]::after{content: ''; position: absolute; left: 8px; right: 8px; bottom: -1px; height: 2px; background: var(--td-gold);}
.td-pn-tabs small{font: 500 13px/1 var(--gx-mono); color: var(--td-mut);}
.td-pn-b{overflow: hidden; padding: 12px 14px;}
.td-pn-b [data-pn-log] .td-log:nth-of-type(n + 7),.td-pn-b [data-pn-mem] .td-mem:nth-of-type(n + 6){display: none;}
.td-pn-b h3{margin: 0 0 2px; font: 600 14px/1.3 var(--gx-font);}
.td-pn-b > p{margin: 0 0 10px; font-size: 13px; color: var(--td-mut);}
.td-rule,.td-mem,.td-log{display: grid; gap: 2px; padding: 10px 12px; margin-bottom: 8px; border: 1px solid var(--td-line); border-radius: 8px; background: var(--td-bg);}
.td-rule{grid-template-columns: minmax(0, 1fr) auto; align-items: center;}
.td-rule small,.td-mem small,.td-log small{font-size: 13px; color: var(--td-mut);}
.td-rule b,.td-mem b{font: 600 14px/1.35 var(--gx-font);}
.td-rule .td-cap{font-size: 13px; color: var(--td-gold);}
.td-tg{grid-row: 1 / span 3; grid-column: 2; position: relative; width: 40px; height: 24px; border-radius: 999px; background: var(--td-line2); transition: background-color 0.25s;}
.td-tg::after{content: ''; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; transition: transform 0.25s var(--gx-ease);}
.td-tg[aria-checked="true"]{background: var(--td-gold);}
.td-tg[aria-checked="true"]::after{transform: translateX(16px);}
.td-log{grid-template-columns: auto minmax(0, 1fr); gap: 2px 10px;}
.td-log time{grid-row: span 2; font: 500 13px/1.4 var(--gx-mono); color: var(--td-mut);}
.td-log b{font: 500 14px/1.35 var(--gx-font);}
.td-log.new{animation: td-new 1.6s var(--gx-ease);}
.td-tip{position: relative; z-index: 5; display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid #ebc554; background: rgba(8, 8, 10, 0.92); color: #ededed;
  font: 500 13px/1 var(--gx-mono); letter-spacing: 0.06em; pointer-events: none; animation: td-bob 1.8s ease-in-out infinite;}
.td-tip::before{content: ''; width: 8px; height: 8px; border-radius: 50%; background: #ebc554; box-shadow: 0 0 10px #ebc554;}
.td.is-used .td-tip{opacity: 0; transition: opacity 0.3s;}
.td--mob{font-size: 14px;}
.td--mob .td-top{height: 56px; gap: 10px; padding: 0 12px;}
.td--mob .td-on,.td--mob .td-tools .td-tl,.td--mob .td-tl-t{display: none;}
.td--mob .td-mbtn{display: grid;}
.td--mob .td-selw{flex: 1 1 auto; min-width: 0;}
.td--mob .td-sel{width: 100%; min-width: 0;}
.td--mob .td-sel > span{min-width: 0;}
.td--mob .td-sel b{overflow: hidden; text-overflow: ellipsis;}
.td--mob .td-sel .td-agi,.td--mob .td-sel > .ic{display: none;}
.td--mob .td-tools{flex: none;}
.td--mob .td-sel{border: 0; padding: 0; min-width: 0;}
.td--mob .td-sel b{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.td--mob .td-body{grid-template-columns: minmax(0, 1fr);}
.td--mob .td-side{position: absolute; z-index: 6; top: 0; bottom: 0; left: 0; width: 84%; transform: translateX(-104%); transition: transform 0.4s var(--gx-ease);}
.td--mob.side-open .td-side{transform: none; box-shadow: 30px 0 60px -30px rgba(0, 0, 0, 0.7);}
.td--mob .td-scrim{display: block; position: absolute; inset: 0; z-index: 5; background: rgba(0, 0, 0, 0.5); opacity: 0; pointer-events: none; transition: opacity 0.3s;}
.td--mob.side-open .td-scrim{opacity: 1; pointer-events: auto;}
.td--mob .td-scroll{padding: 14px 14px 10px;}
.td--mob .td-hi{font-size: 22px;}
.td--mob .td-starters{grid-template-columns: minmax(0, 1fr);}
.td--mob .td-pn-b [data-pn-log] .td-log:nth-of-type(n + 5),.td--mob .td-pn-b [data-pn-mem] .td-mem:nth-of-type(n + 4){display: none;}
.td--mob .td-starters .td-st:nth-child(n + 3){display: none;}
.td--mob .td-me{max-width: 88%;}
.td--mob .td-steps li{grid-template-columns: 20px minmax(0, 1fr); gap: 2px 8px; font-size: 13px; align-items: start;}
.td--mob .td-steps li > i{grid-row: span 2; margin-top: 1px;}
.td--mob .td-stamp{top: 26px;}
.td--mob .td-cmp{margin: 0 10px 10px;}
.td--mob .td-cmp textarea{font-size: 16px;}
.td--mob .td-legal{display: none;}
.td--mob .td-panel{top: auto; left: 0; right: 0; width: 100%; height: 72%; border-inline-start: 0; border-top: 1px solid var(--td-gline); border-radius: 14px 14px 0 0; transform: translateY(104%);}
.td--mob.pn-open .td-panel{transform: none;}
.td--mob .td-pn-tabs{padding: 0 6px; gap: 0;}
.td--mob .td-pn-tabs button{padding: 0 8px;}
.td--mob .td-pn-h{padding: 10px 10px 6px 14px;}
@keyframes td-spin{ to { transform: rotate(360deg); } }
@keyframes td-new{ 0% { background: rgba(235, 197, 84, 0.22); } 100% { background: var(--td-bg); } }
@keyframes td-bob{ 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
.tm-sec{--tm-h: clamp(520px, calc(100svh - 144px), 820px); padding-block: 24px;}
.tm-grid{width: min(var(--gx-wide), 100% - 2 * var(--gx-gut)); margin-inline: auto; display: grid; grid-template-columns: 340px minmax(0, 1fr); column-gap: 48px;
  grid-template-rows: 1fr auto auto 1fr; grid-template-areas: ". stage" "copy stage" "cta stage" ". stage";}
.tm-copy{grid-area: copy; min-width: 0;}
.tm-copy .k{display: block; color: var(--gx-gold); margin-bottom: 18px;}
.tm-h{text-transform: none;}
.tm-name{text-transform: uppercase;}
html:where(.v7)[data-nm] .nm-name.tm-name{flex-wrap: wrap; row-gap: 0.04em; white-space: normal; font-size: clamp(40px, 3.4vw, 52px);}
.tm-sub3{display: block; margin-top: 14px; font: 600 clamp(19px, 1.5vw, 22px)/1.3 var(--gx-font); letter-spacing: -0.01em; color: var(--gx-ink);}
.tm-copy .sub{margin-top: 16px; font-size: 16px;}
.tm-how{list-style: none; display: grid; gap: 10px; margin: 20px 0 0; padding: 0;}
.tm-how li{display: flex; align-items: center; gap: 12px; font: 500 14px/1.3 var(--gx-mono); letter-spacing: 0.06em; text-transform: uppercase; color: var(--gx-ink2);}
.tm-how li b{display: grid; place-items: center; width: 28px; height: 28px; flex: none; border: 1px solid var(--gx-line2); color: var(--gx-gold); font-weight: 700;}
.tm-cta{grid-area: cta; display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px;}
.tm-stage{grid-area: stage; position: relative; height: var(--tm-h); padding-right: 228px;}
.tm-win{height: 100%; border: 1px solid rgba(235, 197, 84, 0.22); border-radius: 12px; box-shadow: 0 40px 80px -40px rgba(0, 0, 0, 0.9), 0 0 0 1px rgba(255, 255, 255, 0.04);}
.tm-ph{position: absolute; z-index: 2; right: 0; bottom: 0; width: 268px; padding: 8px; border-radius: 34px; background: linear-gradient(#26262b, #0c0c0e); border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: -30px 40px 90px -30px rgba(0, 0, 0, 0.95), 0 0 0 1px rgba(235, 197, 84, 0.16);}
.tm-ph .td{height: min(calc(var(--tm-h) * 0.8), 580px); border-radius: 27px;}
.tm-win .td-scroll{padding-right: 66px;}
.tm-win .td-cmp{margin-right: 66px;}
.tm-ph-isl{position: absolute; z-index: 9; top: 18px; left: 50%; width: 84px; height: 24px; margin-left: -42px; border-radius: 999px; background: #000;}
.tm-ph .td{padding-top: 42px; background: linear-gradient(var(--td-hd) 0 42px, var(--td-bg) 42px);}
.tm-ph .td::before{content: '9:41'; position: absolute; top: 20px; left: 28px; font: 600 14px/1 var(--gx-font); color: #ededed;}
.tm-ph .td::after{content: ''; position: absolute; top: 22px; right: 26px; width: 24px; height: 11px; border: 1.5px solid #ededed; border-radius: 3px; opacity: 0.85;}
.dp{margin-top: 22px;}
.dp-row{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px;}
.dp-b{position: relative; display: flex; align-items: center; gap: 8px; height: 44px; padding: 0 12px; border: 1px solid rgba(235, 197, 84, 0.25); background: rgba(8, 8, 10, 0.88); color: #ededed; cursor: pointer; overflow: hidden;
  font: 500 13px/1 var(--gx-mono); letter-spacing: 0.08em; text-transform: uppercase; transition: border-color 0.25s, background-color 0.25s, color 0.25s;}
.dp-b .ic{width: 16px; height: 16px; color: #ebc554; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}
.dp-b:hover{border-color: #ebc554;}
.dp-b[aria-pressed="true"]{border-color: #ebc554; background: linear-gradient(90deg, rgba(235, 197, 84, 0.22), rgba(8, 8, 10, 0.7)); color: #fff;}
.dp-b .pg{position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #ebc554; transform: scaleX(0); transform-origin: 0 50%;}
.dp-b[aria-pressed="true"].is-auto .pg{animation: pg var(--dur, 7000ms) linear forwards;}
.dpw{margin-top: 12px; grid-template-rows: auto auto; border: 1px solid rgba(235, 197, 84, 0.3); border-radius: 10px; box-shadow: 0 30px 70px -30px rgba(0, 0, 0, 0.9), 0 0 80px -30px var(--gx-glow);}
.dpw .td-top{height: 46px; gap: 10px;}
.dpw .td-on{font-size: 13px;}
.dpw .td-wm{display: none;}
.dpw-stack{display: grid;}
.dpw-p{grid-area: 1 / 1; display: flex; flex-direction: column; gap: 10px; padding: 14px 16px 0; visibility: hidden; opacity: 0; transition: opacity 0.3s, visibility 0s 0.3s;}
.dpw-p.is-on{visibility: visible; opacity: 1; transition: opacity 0.3s;}
.dpw .td-me{max-width: 100%; align-self: stretch; padding: 8px 12px; font-size: 14px; border-radius: 10px 10px 4px 10px;}
.dpw-p .td-steps{margin-block: auto;}
.dpw .td-steps li{grid-template-columns: 20px 118px minmax(0, 1fr); font-size: 14px;}
.dp-res{display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 -16px; padding: 12px 16px; border-top: 1px solid var(--td-line);}
.dp-res .td-chip{min-width: 0; font-size: 13px;}
.dp-go{display: inline-flex; align-items: center; flex: none; gap: 8px; height: 40px; padding: 0 16px; background: linear-gradient(180deg, #ffd978, #ebc554 46%, #c9a20e); color: #140f00;
  font: 700 13px/1 var(--gx-mono); letter-spacing: 0.1em; text-transform: uppercase; white-space: nowrap;}
.dp-proof{margin: 14px 0 0; font-size: 14px; line-height: 1.5; color: var(--gx-ink2);}
.dp-proof b{color: var(--gx-ink); font-weight: 600;}
.dp-proof a{color: var(--gx-gold); text-decoration: underline; text-decoration-color: rgba(235, 197, 84, 0.4); text-underline-offset: 3px;}
.dp-proof a:hover{text-decoration-color: currentColor;}
.sc-naut .cham{animation: none; opacity: 0.12; transition: opacity 0.6s var(--gx-ease);}
.sc-naut .cham.is-on{opacity: 1;}
.sc-naut .tag{animation: none; opacity: 1; transition: border-color 0.4s, background-color 0.4s, color 0.4s; cursor: pointer;}
.sc-naut .tag.is-on{border-color: #ebc554; background: rgba(235, 197, 84, 0.24); color: #fff;}
.sc-naut .tail.dp-t{stroke-dasharray: 1; stroke-dashoffset: 1; opacity: 0; transition: stroke-dashoffset 0.9s var(--gx-ease), opacity 0.3s;}
.sc-naut .tail.dp-t.is-on{stroke-dashoffset: 0; opacity: 1;}
.sc-naut .bead{display: none;}
.sc-naut .bead.is-on{display: inline;}
@media (max-width: 1359px){.tm-grid{grid-template-columns: 300px minmax(0, 1fr); column-gap: 36px;}
.tm-stage{padding-right: 0;}
.tm-ph{display: none;}
.tm-win .td-scroll{padding-right: 26px;}
.tm-win .td-cmp{margin-right: 26px;}
.tm-copy .sub{font-size: 15px;}
.tm-how{margin-top: 16px; gap: 8px;}
.tm-cta{margin-top: 22px;}
.td--desk .td-tl .td-tl-t{display: none;}
.td--desk .td-tl .ic{width: 16px; height: 16px;}}
@media (max-width: 1023px){.tm-sec{--tm-h: clamp(520px, calc(100svh - 180px), 680px); padding-block: 40px;}
.tm-grid{grid-template-columns: minmax(0, 1fr); grid-template-rows: auto; grid-template-areas: "copy" "stage" "cta"; row-gap: 24px;}
.tm-copy{max-width: 680px;}
.tm-cta{margin-top: 0;}
.dp-row{grid-template-columns: repeat(4, minmax(0, 1fr));}}
@media (max-width: 767px){.tm-sec{--tm-h: auto; padding-block: 32px;}
.tm-grid{row-gap: 20px;}
html:where(.v7)[data-nm] .nm-name.tm-name{font-size: clamp(34px, 10.4vw, 48px);}
.tm-how{gap: 8px;}
.tm-win{display: none;}
.tm-stage{height: auto;}
.tm-ph{display: block; position: static; width: 100%; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none;}
.tm-ph-isl,.tm-ph .td::before,.tm-ph .td::after{display: none;}
.tm-ph .td{height: max(480px, calc(100svh - 176px)); padding-top: 0; background: var(--td-bg); border: 1px solid rgba(235, 197, 84, 0.3); border-radius: 12px;}
.tm-cta{flex-direction: column; gap: 10px; margin-top: -8px;}
.tm-cta .gx-btn{width: 100%; justify-content: center;}
.dp-row{display: flex; flex-wrap: wrap; gap: 6px;}
.dp-b{flex: 1 1 auto; justify-content: center;}
.dpw .td-steps li{grid-template-columns: 20px minmax(0, 1fr); gap: 2px 8px; font-size: 13px; align-items: start;}
.dpw .td-steps li > i{grid-row: span 2; margin-top: 1px;}
.dpw .td-logo,.dpw .td-on span{display: none;}
.dpw .td-sel{border: 0; padding-inline-start: 0;}
.dp-res{flex-direction: column; align-items: stretch;}
.dp-res .td-chip{align-self: flex-start;}
.dp-go{justify-content: center;}}
@media (prefers-reduced-motion: reduce){.td-on i,.td-tip,.td-steps li.is-run > i,.tm-name{animation: none !important;}
.td-panel,.js .td [data-in],.td-feed,.dpw-p{transition: none;}
.js .td-feed [data-in].in{animation: none !important;}
.dp-b .pg{animation: none !important;}}
.fq6{position: relative; padding: clamp(72px, 9vw, 120px) 0; background: var(--gx-bg);}
.fq6::before{content: ''; position: absolute; top: 0; left: 50%; width: min(1200px, 90%); height: 1px; translate: -50% 0; pointer-events: none;
  background: linear-gradient(90deg, transparent, var(--gx-line2), transparent);}
@media (min-width: 1000px) and (min-height: 640px){.fq6{display: grid; align-content: center; min-height: min(calc(100svh - var(--gx-hdr) - 12px), 1000px); padding: 36px 0;}}
.fq6-g{display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 8fr); gap: clamp(40px, 6vw, 96px); align-items: start;}
.fq6 .sh{max-width: 460px; margin: 0;}
.fq6 .sh .sub{margin-top: 20px;}
.fq6-ask{display: grid; justify-items: start; gap: 14px; margin-top: 36px;}
.fq6-ask p{margin: 0; max-width: 360px; font-size: 16px; line-height: 1.5; color: var(--gx-muted);}
.fq6-list{list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--gx-line2);}
.fq6-it{position: relative; border-bottom: 1px solid var(--gx-line);}
.fq6-it::before{content: ''; position: absolute; left: 0; top: -1px; bottom: -1px; width: 2px; background: var(--gx-gold); box-shadow: 0 0 12px var(--gx-glow);
  transform: scaleY(0); transform-origin: 50% 0; transition: transform 0.45s var(--gx-ease);}
.fq6-it.is-open::before{transform: scaleY(1);}
.fq6-q{margin: 0; font: inherit;}
.fq6-q button{width: 100%; min-height: 60px; display: grid; grid-template-columns: 52px minmax(0, 1fr) 28px; align-items: center; gap: 0 12px;
  padding: 13px 8px 13px 18px; border: 0; background: none; color: var(--gx-ink); text-align: start; cursor: pointer;
  font: 600 clamp(17px, 1.3vw, 19px)/1.35 var(--gx-font); letter-spacing: -0.005em; transition: color 0.25s;}
.fq6-q button:focus-visible{outline-offset: -2px;}
.fq6-n{font: 500 14px/1 var(--gx-mono); letter-spacing: 0.1em; color: var(--gx-muted); transition: color 0.25s;}
.fq6-it.is-open .fq6-n{color: var(--gx-gold);}
.fq6-ic{position: relative; width: 28px; height: 28px; border: 1px solid var(--gx-line2); border-radius: 50%; color: var(--gx-gold);
  transition: border-color 0.25s, background-color 0.25s;}
.fq6-ic i{position: absolute; left: 50%; top: 50%; width: 12px; height: 1.5px; margin: -0.75px 0 0 -6px; background: currentColor; transition: transform 0.35s var(--gx-ease);}
.fq6-ic i:last-child{transform: rotate(90deg) scaleX(1);}
.fq6-it.is-open .fq6-ic{border-color: var(--gx-gold); background: rgba(235, 197, 84, 0.1);}
.fq6-it.is-open .fq6-ic i:last-child{transform: rotate(90deg) scaleX(0);}
@media (hover: hover) and (pointer: fine){.fq6-q button:hover{color: var(--gx-gold);}
.fq6-q button:hover .fq6-ic{border-color: var(--gx-gold);}}
.fq6-p{display: grid;}
.js .fq6-p{grid-template-rows: 0fr;}
.js .fq6-it.is-open .fq6-p{grid-template-rows: 1fr;}
.fq6-pi{min-height: 0; overflow: hidden;}
.fq6-a{margin: 0; padding: 0 40px 22px 82px; font-size: 16px; line-height: 1.6; color: var(--gx-ink2); text-wrap: pretty;}
.js .fq6-a{opacity: 0; transform: translateY(-8px); transition: opacity 0.3s var(--gx-ease), transform 0.45s var(--gx-ease);}
.js .fq6-it.is-open .fq6-a{opacity: 1; transform: none; transition-delay: 0.05s;}
@media (max-width: 999px){.fq6-g{grid-template-columns: minmax(0, 1fr); gap: 36px;}
.fq6 .sh{max-width: 680px;}
.fq6-ask{grid-auto-flow: column; align-items: center; justify-content: start; gap: 20px; margin-top: 28px;}}
@media (max-width: 767px){.fq6{padding: 64px 0 56px;}
.fq6-ask{grid-auto-flow: row; gap: 12px; margin-top: 24px;}
.fq6-ask .gx-btn{width: 100%;}
.fq6-q button{min-height: 56px; grid-template-columns: 30px minmax(0, 1fr) 28px; gap: 0 10px; padding: 14px 2px 14px 10px; font-size: 16px;}
.fq6-n{font-size: 13px;}
.fq6-a{padding: 0 6px 18px 50px; font-size: 16px;}}
@media (prefers-reduced-motion: reduce){.fq6-it::before,.fq6-ic i,.js .fq6-a{transition: none;}
.js .fq6-a{transform: none;}}
.fn6{--fn6-err: #ff8f7e; --fn6-in: rgba(255, 255, 255, 0.035); --fn6-in-f: rgba(255, 255, 255, 0.055);
  position: relative; isolation: isolate; overflow: hidden; padding: clamp(72px, 9vw, 120px) 0; background: var(--gx-bg);}
:where(html.v7)[data-theme="light"] .fn6{--fn6-err: #b42318; --fn6-in: #f6f5f1; --fn6-in-f: #ffffff;}
.fn6::before{content: ''; position: absolute; top: 0; left: 50%; z-index: 1; width: min(1200px, 90%); height: 1px; translate: -50% 0; pointer-events: none;
  background: linear-gradient(90deg, transparent, var(--gx-line2), transparent);}
.fn6::after{content: ''; position: absolute; z-index: -1; left: 0; top: 0; width: 70%; height: 100%; pointer-events: none;
  background: radial-gradient(ellipse 60% 55% at 62% 58%, rgba(235, 197, 84, 0.09), transparent 70%);}
:where(html.v7)[data-theme="light"] .fn6::after{background: radial-gradient(ellipse 60% 55% at 62% 58%, rgba(169, 133, 42, 0.1), transparent 70%);}
@media (min-width: 1000px) and (min-height: 640px){.fn6{display: grid; align-content: center; min-height: min(calc(100svh - var(--gx-hdr) - 12px), 1000px); padding: 20px 0;}}
.fn6-wires{position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none;}
.fn6-th path{fill: none; stroke: url(#fn6-rg); stroke-linecap: round;}
.fn6-wi path{fill: none; stroke: url(#fn6-rg); stroke-width: 1.4; stroke-linecap: round;}
.fn6-th,.fn6-wi{opacity: 0; transition: opacity 1.4s var(--gx-ease);}
.fn6.is-in .fn6-th{opacity: 0.9;}
.fn6.is-in .fn6-wi{opacity: 1; transition-delay: 0.5s;}
.fn6.is-sent .fn6-th{opacity: 1;}
.fn6-sp .h{fill: url(#fn6-sg);}
.fn6-sp .c{fill: #fff4cf;}
:where(html.v7)[data-theme="light"] .fn6-sp .h{fill: url(#fn6-sgl);}
:where(html.v7)[data-theme="light"] .fn6-sp .c{fill: #8a6a1f;}
.fn6-g{position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 500px); gap: clamp(40px, 5.5vw, 88px); align-items: stretch;}
.fn6-lft{display: flex; flex-direction: column; min-width: 0;}
.fn6 .std{margin: 0 0 18px;}
.fn6-h{margin: 0;}
.fn6 .nm-name{font-size: clamp(42px, 5.6vw, 84px);}
.fn6 .fn6-sub{margin-top: 12px;}
.fn6-slo{margin: 18px 0 0; font: 500 14px/1.4 var(--gx-mono); letter-spacing: 0.14em; text-transform: uppercase; color: var(--gx-gold);}
.fn6-stage{position: relative; flex: 1 1 auto; min-height: 220px; margin: 8px 0;}
.fn6-dust{position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none;}
.fn6-core{position: absolute; left: 60%; top: 50%; width: clamp(118px, 10.4vw, 150px); aspect-ratio: 1; translate: -50% -50%;}
.fn6-cube{position: absolute; inset: 0; z-index: 3; background: var(--fn6-cube) center / contain no-repeat; animation: fn6-float 6.4s ease-in-out infinite;}
.fn6-glow{position: absolute; inset: -62%; z-index: 0; border-radius: 50%; pointer-events: none;
  background: radial-gradient(circle, rgba(255, 222, 140, 0.5) 0%, rgba(255, 211, 107, 0.15) 32%, transparent 64%); animation: breathe 5.2s ease-in-out infinite;}
:where(html.v7)[data-theme="light"] .fn6-glow{background: radial-gradient(circle, rgba(169, 133, 42, 0.3) 0%, rgba(169, 133, 42, 0.08) 34%, transparent 64%);}
.fn6-ring{position: absolute; inset: -17%; z-index: 1; border-radius: 50%; border: 1px solid var(--gx-line); pointer-events: none;}
.fn6-ring::after{content: ''; position: absolute; inset: -1px; border-radius: 50%;
  background: conic-gradient(from 0deg, transparent 0deg, transparent 220deg, rgba(235, 197, 84, 0.3) 300deg, #ffe7a3 354deg, transparent 360deg);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1.5px)); mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1.5px));
  animation: gx-orbit 9s linear infinite;}
.fn6-ring--o{inset: -42%; border-color: rgba(235, 197, 84, 0.12);}
.fn6-ring--o::after{animation-duration: 16s; animation-direction: reverse; opacity: 0.6;}
:where(html.v7)[data-theme="light"] .fn6-ring::after{background: conic-gradient(from 0deg, transparent 0deg, transparent 220deg, rgba(122, 102, 20, 0.3) 300deg, #a9852a 354deg, transparent 360deg);}
:where(html.v7)[data-theme="light"] .fn6-ring--o{border-color: rgba(122, 102, 20, 0.14);}
.fn6-burst{position: absolute; inset: -6%; z-index: 4; border-radius: 50%; border: 1.5px solid var(--gx-gold-hi); opacity: 0; pointer-events: none;}
.fn6.is-burst .fn6-burst{animation: fn6-burst 1.1s var(--gx-ease) both;}
.fn6.is-burst .fn6-glow{animation: fn6-flare 1.1s var(--gx-ease) both;}
.fn6:not(.fn6-on) .fn6-cube,.fn6:not(.fn6-on) .fn6-glow,.fn6:not(.fn6-on) .fn6-ring::after,.fn6:not(.fn6-on) .nm-name,.fn6:not(.fn6-on) .gx-btn--pri::after{animation-play-state: paused;}
.fn6-who{display: grid; gap: 8px; max-width: 560px; padding-top: 16px; border-top: 1px solid var(--gx-line);}
.fn6-who .gx-cap{margin: 0; color: var(--gx-gold);}
.fn6-who-t{margin: 0; font-size: 15px; line-height: 1.55; color: var(--gx-ink2);}
.fn6-who-t b{font: 700 15px/1.2 var(--gx-mono); letter-spacing: 0.02em; color: var(--gx-ink); white-space: nowrap;}
.fn6-card{position: relative; display: flex; flex-direction: column; min-width: 0; background: var(--gx-bg2); border: 1px solid var(--gx-line2); box-shadow: var(--gx-shadow);}
.fn6-card::before{content: ''; position: absolute; inset: -1px -1px auto; height: 2px; z-index: 2; pointer-events: none;
  background: linear-gradient(90deg, transparent, var(--gx-gold) 22%, var(--gx-gold-hi) 50%, var(--gx-gold) 78%, transparent);}
.fn6-card::after{content: ''; position: absolute; inset: -1px; z-index: 2; pointer-events: none; opacity: 0;
  box-shadow: 0 0 0 1px var(--gx-gold), 0 0 46px -8px var(--gx-glow); transition: opacity 0.6s var(--gx-ease);}
.fn6-card.is-flash::after{opacity: 1; transition-duration: 0.2s;}
.fn6-fa{position: relative; padding: 20px 28px 18px;}
.fn6-form{display: grid; transition: opacity 0.35s var(--gx-ease);}
.fn6-top{display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 32px; margin-bottom: 10px;}
.fn6-ct{margin: 0; color: var(--gx-gold);}
.fn6-topic{display: inline-flex; align-items: center; gap: 8px; min-width: 0; max-width: 72%; height: 32px; padding: 0 2px 0 12px;
  border: 1px solid var(--gx-line2); background: rgba(235, 197, 84, 0.08); font: 500 13px/1 var(--gx-mono); color: var(--gx-ink);}
.fn6-topic[hidden]{display: none;}
.fn6-topic.is-pop{animation: fn6-pop 0.45s var(--gx-ease);}
.fn6-topic-k{flex: none; letter-spacing: 0.1em; text-transform: uppercase; color: var(--gx-muted);}
.fn6-topic b{min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700;}
.fn6-topic-x{flex: none; width: 28px; height: 28px; display: grid; place-items: center; padding: 0; border: 0; background: none; color: var(--gx-muted); cursor: pointer;}
.fn6-topic-x:hover{color: var(--gx-gold);}
.fn6-i{width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: none;}
.fn6-hp{position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden;}
.fn6-fs{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 14px;}
.fn6-f{display: grid; gap: 6px; min-width: 0; align-content: space-between;}
.fn6-f--w{grid-column: 1 / -1;}
.fn6-lr{display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 2px 10px;}
.fn6-lb{font: 500 13px/1.35 var(--gx-mono); letter-spacing: 0.1em; text-transform: uppercase; color: var(--gx-ink2); cursor: pointer;}
.fn6-e{margin: 0 0 0 auto; font: 500 13px/1.3 var(--gx-font); color: var(--fn6-err); text-align: end;}
.fn6-e:empty{display: none;}
.fn6-in{display: block; width: 100%; height: 48px; padding: 0 14px; border: 1px solid var(--gx-line); border-radius: 2px; background: var(--fn6-in);
  color: var(--gx-ink); font: 400 16px/1.4 var(--gx-font); transition: border-color 0.2s, box-shadow 0.25s, background-color 0.2s;}
.fn6-in::placeholder{color: var(--gx-muted); opacity: 1;}
.fn6-in:hover{border-color: var(--gx-line2);}
.fn6-in:focus{outline: none; border-color: var(--gx-gold); background: var(--fn6-in-f); box-shadow: 0 0 0 3px rgba(235, 197, 84, 0.18);}
.fn6-in[aria-invalid="true"]{border-color: var(--fn6-err);}
.fn6-in[aria-invalid="true"]:focus{box-shadow: 0 0 0 3px color-mix(in srgb, var(--fn6-err) 22%, transparent);}
.fn6-ta{height: 66px; padding: 10px 14px; line-height: 1.4; resize: none;}
.fn6-cs-w{margin-top: 12px;}
.fn6-cs{position: relative; display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 12px; align-items: start; cursor: pointer;}
.fn6-cs input{position: absolute; left: 0; top: 0; width: 20px; height: 20px; margin: 0; opacity: 0; cursor: pointer;}
.fn6-box{width: 20px; height: 20px; margin-top: 1px; display: grid; place-items: center; border: 1px solid var(--gx-line2); border-radius: 2px; background: var(--fn6-in);
  color: var(--gx-btn-ink); transition: background-color 0.2s, border-color 0.2s;}
.fn6-box-i{width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; opacity: 0; transform: scale(0.6);
  transition: opacity 0.2s, transform 0.25s var(--gx-ease);}
.fn6-cs input:checked + .fn6-box{background: var(--gx-gold); border-color: var(--gx-gold);}
.fn6-cs input:checked + .fn6-box .fn6-box-i{opacity: 1; transform: none;}
.fn6-cs input:focus-visible + .fn6-box{outline: 2px solid var(--gx-gold); outline-offset: 2px;}
.fn6-cs input[aria-invalid="true"] + .fn6-box{border-color: var(--fn6-err);}
.fn6-cs-t{font-size: 13px; line-height: 1.4; color: var(--gx-muted);}
.fn6-cs-t a{color: var(--gx-ink2); text-decoration: underline; text-decoration-color: var(--gx-line2); text-underline-offset: 3px;}
.fn6-cs-t a:hover{color: var(--gx-gold); text-decoration-color: currentColor;}
.fn6-e--cs{margin: 6px 0 0; text-align: start;}
.fn6-btns{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 12px;}
.fn6-btns .gx-btn{width: 100%; padding: 0 16px;}
.fn6-after{list-style: none; margin: auto 0 0; padding: 12px 28px 14px; display: grid; gap: 6px; border-top: 1px solid var(--gx-line);}
.fn6-after li{display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 10px; align-items: start; font-size: 14px; line-height: 1.45; color: var(--gx-ink2);}
.fn6-after .fn6-i{width: 18px; height: 18px; margin-top: 1px; color: var(--gx-gold);}
.fn6-ok{position: absolute; inset: 0; z-index: 3; display: grid; place-content: center; justify-items: center; gap: 14px; padding: 28px; text-align: center;
  background: var(--gx-bg2); opacity: 0; transition: opacity 0.4s var(--gx-ease);}
.fn6-ok[hidden]{display: none;}
.fn6-card.is-sent .fn6-ok{opacity: 1;}
.fn6-card.is-sent .fn6-form{opacity: 0;}
.fn6-ok-ic{width: 64px; height: 64px; display: grid; place-items: center; border: 1px solid var(--gx-gold); border-radius: 50%; background: rgba(235, 197, 84, 0.1);
  color: var(--gx-gold); box-shadow: 0 0 34px -6px var(--gx-glow); transform: scale(0.6); opacity: 0; transition: transform 0.6s var(--gx-ease) 0.15s, opacity 0.4s 0.15s;}
.fn6-card.is-sent .fn6-ok-ic{transform: none; opacity: 1;}
.fn6-ok-i{width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
.fn6-ok-t{margin: 0; font: 800 clamp(24px, 2vw, 30px)/1.1 var(--gx-font); letter-spacing: -0.01em; text-transform: uppercase; color: var(--gx-ink); outline: none;}
.fn6-ok-topic{margin: 0; font-size: 15px; color: var(--gx-ink2);}
.fn6-ok-topic[hidden]{display: none;}
.fn6-ok-note{max-width: 340px; margin: 0; font: 500 14px/1.5 var(--gx-mono); color: var(--gx-muted);}
.fn6-mk{display: inline-block; margin: 0 0 8px; padding: 5px 9px; border: 1px dashed rgba(235, 197, 84, 0.55); font: 500 13px/1 var(--gx-mono);
  letter-spacing: 0.08em; text-transform: uppercase; color: var(--gx-gold);}
.fn6-ok-note .fn6-mk{display: table; margin: 0 auto 10px;}
.fn6-again{margin-top: 6px;}
@media (min-width: 1000px) and (max-width: 1199px){.fn6-g{grid-template-columns: minmax(0, 1fr) minmax(0, 440px); gap: 48px;}
.fn6-fa{padding: 20px 24px 18px;}
.fn6-after{padding: 14px 24px 16px;}
.fn6-in{padding: 0 12px; font-size: 15px;}
.fn6-ta{padding: 11px 12px;}}
@media (max-width: 999px){.fn6-g{grid-template-columns: minmax(0, 1fr); gap: 28px;}
.fn6-lft{display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 260px); grid-template-areas: "hd stage" "who stage"; gap: 20px 32px; align-items: start;}
.fn6-hd{grid-area: hd;}
.fn6-stage{grid-area: stage; min-height: 240px; margin: 0;}
.fn6-who{grid-area: who;}
.fn6-core{left: 50%;}}
@media (max-width: 767px){.fn6{padding: 56px 0 48px;}
.fn6 .nm-name{font-size: clamp(38px, 12vw, 48px);}
.fn6 .fn6-sub{font-size: 21px;}
.fn6-slo{font-size: 13px; letter-spacing: 0.1em;}
.fn6-stage{min-height: 200px; margin: 6px 0 4px;}
.fn6-core{width: 104px;}
.fn6-who{order: 3; margin-top: 22px;}
.fn6-card{order: 2;}
.fn6-g{gap: 0;}
.fn6-lft{display: contents;}
.fn6-hd,.fn6-stage,.fn6-who{grid-area: auto;}
.fn6-hd{order: 0;}
.fn6-stage{order: 1;}
.fn6-card{max-width: none;}
.fn6-fa{padding: 18px 16px 18px;}
.fn6-fs{grid-template-columns: minmax(0, 1fr);}
.fn6-in{height: 50px;}
.fn6-ta{height: 96px;}
.fn6-top{flex-wrap: wrap;}
.fn6-topic{max-width: 100%; height: 44px;}
.fn6-topic-x{width: 44px; height: 44px;}
.fn6-cs-t{font-size: 13px;}
.fn6-btns{grid-template-columns: minmax(0, 1fr);}
.fn6-after{padding: 14px 16px 16px; gap: 10px;}}
@keyframes fn6-float{ 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
@keyframes fn6-burst{ from { opacity: 0.95; transform: scale(0.7); } to { opacity: 0; transform: scale(2.6); } }
@keyframes fn6-flare{ 0% { opacity: 0.8; transform: scale(1); } 30% { opacity: 1; transform: scale(1.35); } 100% { opacity: 0.8; transform: scale(1); } }
@keyframes fn6-pop{ 0% { transform: scale(0.86); opacity: 0; } 60% { transform: scale(1.04); opacity: 1; } 100% { transform: none; } }
@media (prefers-reduced-motion: reduce){.fn6-cube,.fn6-glow,.fn6-ring::after,.fn6 .nm-name,.fn6.is-burst .fn6-burst,.fn6.is-burst .fn6-glow,.fn6-topic.is-pop{animation: none !important;}
.fn6-th,.fn6-wi{opacity: 0.9; transition: none;}
.fn6-sp{display: none;}
.fn6-ok,.fn6-ok-ic,.fn6-form,.fn6-card::after{transition: none;}}
.gx-shot .fn6-th,.gx-shot .fn6-wi{opacity: 0.9; transition: none;}
.mt6{--mt6-ring: rgba(235, 197, 84, 0.3); --mt6-tick: rgba(235, 197, 84, 0.26); --mt6-arc: var(--gx-gold); --mt6-hand: var(--gx-gold-hi); --mt6-tip: var(--gx-th);
  --mt6-paper: var(--gx-bg2); --mt6-chip: var(--gx-bg2); --mt6-core: rgba(255, 214, 120, 0.3); --mt6-wash: rgba(235, 197, 84, 0.07);
  --mt6-card-sh: 0 34px 80px -44px rgba(0, 0, 0, 0.95); --mt6-on: linear-gradient(90deg, rgba(235, 197, 84, 0.2), rgba(10, 10, 12, 0.96) 85%);
  --mt6-pad: clamp(16px, 2.6vh, 36px);
  position: relative; display: flex; align-items: center; min-height: calc(100svh - var(--gx-hdr) - 12px);
  background: radial-gradient(52% 64% at 70% 48%, var(--mt6-wash), transparent 72%), var(--gx-bg); color: var(--gx-ink); overflow: hidden;}
:where(html.v7)[data-theme="light"] .mt6{--mt6-ring: rgba(122, 102, 20, 0.3); --mt6-tick: rgba(122, 102, 20, 0.26); --mt6-arc: var(--gx-gold-hi); --mt6-hand: var(--gx-gold-hi); --mt6-tip: var(--gx-gold-hi);
  --mt6-core: rgba(235, 197, 84, 0.42); --mt6-wash: rgba(169, 133, 42, 0.08);
  --mt6-card-sh: 0 30px 64px -38px rgba(60, 45, 10, 0.34); --mt6-on: linear-gradient(90deg, rgba(169, 133, 42, 0.16), var(--gx-bg2) 85%);}
.mt6::before{content: ''; position: absolute; top: 0; left: 50%; width: min(1200px, 90%); height: 1px; translate: -50% 0; background: linear-gradient(90deg, transparent, var(--gx-line2), transparent);}
.mt6-in{padding-block: var(--mt6-pad);}
.mt6-grid{display: grid; grid-template-columns: minmax(0, 420px) minmax(0, 1fr); column-gap: clamp(32px, 3.4vw, 56px);
  min-height: clamp(500px, calc(100svh - var(--gx-hdr) - 12px - 2 * var(--mt6-pad) - 112px), 640px);}
.mt6-txt{display: flex; flex-direction: column; justify-content: space-between; gap: 28px; min-width: 0;}
.mt6 .sh{margin: 0; max-width: none;}
.mt6 .sh .k{margin-bottom: 16px;}
.mt6 .sub{margin-top: 16px;}
.mt6-stage{position: relative; min-width: 0; container-type: size;}
.mt6-orb{position: absolute; inset: 0; --S: min(100cqw, 100cqh, (50cqw - 118px) / 0.4185);}
.mt6-ring{position: absolute; left: 50%; top: 50%; width: var(--S); height: var(--S); translate: -50% -50%; overflow: visible; pointer-events: none;}
.mt6-ticks line{stroke: var(--mt6-tick); stroke-width: 1; vector-effect: non-scaling-stroke;}
.mt6-inner{fill: none; stroke: var(--mt6-ring); stroke-width: 1.2; stroke-dasharray: 2 9; opacity: 0.55;}
.mt6-spokes line{stroke: var(--mt6-ring); stroke-width: 1; vector-effect: non-scaling-stroke; opacity: 0.42;}
.mt6-base{fill: none; stroke-width: 1.4; vector-effect: non-scaling-stroke;}
.mt6-arc{fill: none; stroke: var(--mt6-arc); stroke-width: 2.6; stroke-linecap: round; vector-effect: non-scaling-stroke; opacity: 0; transition: opacity 0.45s var(--gx-ease);}
.mt6-arc.is-lit{opacity: 1; transition: opacity 0.9s var(--gx-ease) 0.3s;}
.mt6-full{opacity: 0; transition: opacity 0.5s var(--gx-ease);}
.mt6-full circle{fill: none; stroke: var(--mt6-arc);}
.mt6.is-closed .mt6-full{opacity: 1; transition: opacity 1s var(--gx-ease) 0.5s;}
.mt6-rot{position: absolute; left: 50%; top: 50%; width: var(--S); height: var(--S); translate: -50% -50%; z-index: 1; pointer-events: none; transform: rotate(0deg); transition: transform 1.2s var(--gx-ease-io); will-change: transform;}
.mt6-rot svg{position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible;}
.mt6-hand{stroke-width: 1.6; vector-effect: non-scaling-stroke;}
.mt6-tail{fill: none; stroke-width: 3; stroke-linecap: round; vector-effect: non-scaling-stroke;}
.mt6-tip{fill: var(--mt6-tip);}
.mt6-bead{position: absolute; left: calc(50% - 4px); top: 7.6%; width: 8px; height: 28.6%; opacity: 0;}
.mt6-bead::before{content: ''; position: absolute; left: 1px; bottom: -3px; width: 6px; height: 6px; border-radius: 50%; background: var(--mt6-tip); box-shadow: 0 0 10px 2px var(--gx-glow);}
.mt6.mt6-live .mt6-bead{animation: mt6-bead 2.2s var(--gx-ease-io) infinite;}
.mt6-dust{position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none;}
.mt6-core{position: absolute; left: 50%; top: 50%; z-index: 2; width: calc(var(--S) * 0.25); aspect-ratio: 1; translate: -50% -50%; display: grid; place-items: center; pointer-events: none;}
.mt6-glow{position: absolute; inset: -42%; border-radius: 50%; background: radial-gradient(circle, var(--mt6-core) 0%, transparent 62%); opacity: 0.8; transition: opacity 0.8s var(--gx-ease), transform 0.8s var(--gx-ease);}
.mt6.mt6-live .mt6-glow{animation: mt6-breathe 6s ease-in-out infinite;}
.mt6.is-closed .mt6-glow{opacity: 1; transform: scale(1.14); animation: none;}
.mt6-cube{position: relative; width: 76%;}
:where(html.v7)[data-theme="light"] .mt6-core::before{content: ''; position: absolute; inset: 4%; border-radius: 50%; background: radial-gradient(circle, rgba(29, 22, 7, 1) 0%, rgba(11, 11, 13, 1) 72%);
  box-shadow: 0 0 0 1px rgba(122, 102, 20, 0.4), 0 22px 44px -20px rgba(60, 45, 10, 0.55);}
.mt6-cap{position: absolute; left: 50%; top: calc(50% + var(--S) * 0.16); z-index: 2; margin: 0; translate: -50% 0; white-space: nowrap; color: var(--gx-ink2); pointer-events: none;}
.mt6-st{list-style: none; margin: 0; padding: 0;}
.mt6-st > li{position: absolute; z-index: 3; left: calc(50% + var(--S) * 0.44 * var(--x)); top: calc(50% + var(--S) * 0.44 * var(--y)); translate: -50% -50%;}
.mt6-slot:empty{display: none;}
.mt6-b{display: inline-flex; align-items: center; gap: 10px; height: 46px; padding: 0 16px 0 14px; white-space: nowrap; cursor: pointer;
  border: 1px solid var(--gx-line2); background: var(--mt6-chip); color: var(--gx-muted); font: 600 15px/1 var(--gx-font); letter-spacing: -0.005em;
  transition: border-color 0.3s, color 0.3s, background-color 0.3s;}
.mt6-n{font: 600 13px/1 var(--gx-mono); letter-spacing: 0.06em; color: var(--gx-muted); transition: color 0.3s;}
.mt6-dot{position: relative; flex: none; width: 9px; height: 9px; border-radius: 50%; border: 1.5px solid var(--mt6-arc); transition: background-color 0.3s;}
.mt6-st > li.is-done .mt6-dot{background: var(--mt6-arc);}
.mt6-st > li.is-done .mt6-b{color: var(--gx-ink2);}
.mt6-b[aria-pressed="true"]{border-color: var(--mt6-arc); color: var(--gx-ink); background: var(--mt6-on); box-shadow: 0 14px 34px -16px var(--gx-glow);}
.mt6-b[aria-pressed="true"] .mt6-n{color: var(--gx-gold);}
.mt6-b[aria-pressed="true"] .mt6-dot{background: var(--mt6-arc);}
.mt6.is-auto .mt6-b[aria-pressed="true"],.mt6.is-auto .mt6-b[aria-pressed="true"] .mt6-n,.mt6.is-auto .mt6-b[aria-pressed="true"] .mt6-dot{transition-delay: 0.6s;}
.mt6.is-auto.mt6-live .mt6-b[aria-pressed="true"] .mt6-dot::after{animation-delay: 0.8s;}
.mt6.mt6-live .mt6-b[aria-pressed="true"] .mt6-dot::after{content: ''; position: absolute; inset: -6px; border-radius: 50%; border: 1px solid var(--mt6-arc); animation: mt6-ping 2s var(--gx-ease) infinite;}
@media (hover: hover) and (pointer: fine){.mt6-b:hover{border-color: var(--mt6-arc); color: var(--gx-ink);}}
.mt6-play{position: absolute; right: 0; bottom: 0; z-index: 4; width: 44px; height: 44px; display: grid; place-items: center; padding: 0; cursor: pointer;
  border: 1px solid var(--gx-line); background: var(--mt6-chip); color: var(--gx-ink2); transition: border-color 0.25s, color 0.25s;}
.mt6-play[hidden]{display: none;}
.mt6-play svg{width: 14px; height: 14px; fill: currentColor; stroke: currentColor; stroke-width: 2; stroke-linecap: round;}
.mt6-play .mt6-i-pause{fill: none;}
.mt6-play .mt6-i-play,.mt6-play[data-paused="true"] .mt6-i-pause{display: none;}
.mt6-play[data-paused="true"] .mt6-i-play{display: block;}
@media (hover: hover) and (pointer: fine){.mt6-play:hover{border-color: var(--gx-gold); color: var(--gx-gold);}}
.mt6-card{position: relative; isolation: isolate; padding: 24px 26px 30px; background: var(--mt6-paper); border: 1px solid var(--gx-line); box-shadow: var(--mt6-card-sh);}
.mt6-card::before{content: ''; position: absolute; inset: 7px; z-index: -1; pointer-events: none; opacity: 0.75;
  background: linear-gradient(var(--mt6-arc), var(--mt6-arc)) 0 0 / 14px 1px, linear-gradient(var(--mt6-arc), var(--mt6-arc)) 0 0 / 1px 14px,
    linear-gradient(var(--mt6-arc), var(--mt6-arc)) 100% 0 / 14px 1px, linear-gradient(var(--mt6-arc), var(--mt6-arc)) 100% 0 / 1px 14px,
    linear-gradient(var(--mt6-arc), var(--mt6-arc)) 0 100% / 14px 1px, linear-gradient(var(--mt6-arc), var(--mt6-arc)) 0 100% / 1px 14px,
    linear-gradient(var(--mt6-arc), var(--mt6-arc)) 100% 100% / 14px 1px, linear-gradient(var(--mt6-arc), var(--mt6-arc)) 100% 100% / 1px 14px;
  background-repeat: no-repeat;}
.mt6-pages{display: grid;}
.mt6-pg{grid-area: 1 / 1; min-width: 0; opacity: 0; visibility: hidden; transform: translateY(10px);
  transition: opacity 0.22s var(--gx-ease), transform 0.3s var(--gx-ease), visibility 0s linear 0.3s;}
.mt6-pg.is-on{opacity: 1; visibility: visible; transform: none; transition: opacity 0.45s var(--gx-ease) 0.08s, transform 0.55s var(--gx-ease) 0.08s, visibility 0s;}
.mt6-pg-h{padding-right: 112px;}
.mt6-no{margin: 0 0 8px; color: var(--gx-gold);}
.mt6-srok{white-space: nowrap;}
.mt6-h3{margin: 0; font: 700 var(--gx-fs-h3)/1.15 var(--gx-font); letter-spacing: -0.012em; text-wrap: balance;}
.mt6-dl{margin: 18px 0 0; display: grid;}
.mt6-dl dt{margin-top: 14px; font: 500 13px/1.4 var(--gx-mono); letter-spacing: 0.1em; text-transform: uppercase; color: var(--gx-muted);}
.mt6-dl dt:first-child{margin-top: 0;}
.mt6-dl dd{margin: 4px 0 0; font-size: 16px; line-height: 1.5; color: var(--gx-ink);}
.mt6-seal{position: absolute; top: 18px; right: 20px; width: 96px; height: 96px; display: grid; place-items: center; pointer-events: none;}
.mt6-guide{position: absolute; inset: 4px; display: grid; place-items: center; padding: 0 12px; text-align: center; border: 1px dashed var(--gx-line2); border-radius: 50%;
  font: 600 13px/1.15 var(--gx-mono); letter-spacing: 0.06em; text-transform: uppercase; color: var(--gx-muted); transition: opacity 0.3s var(--gx-ease);}
.mt6-stamp{position: relative; width: 86px; opacity: 0; transition: opacity 0.18s;}
.mt6-seal::after{content: ''; position: absolute; inset: 6px; border-radius: 50%; border: 2px solid var(--mt6-arc); opacity: 0; pointer-events: none;}
.mt6-seal::before{content: ''; position: absolute; inset: -10px; border-radius: 50%; background: radial-gradient(circle, var(--mt6-core) 0%, transparent 66%); opacity: 0; transition: opacity 0.3s;}
.mt6-card.is-sealed .mt6-seal::before{opacity: 1; transition: opacity 0.6s var(--gx-ease) 0.2s;}
.mt6-card.is-sealed .mt6-guide{opacity: 0;}
.mt6-card.is-sealed .mt6-stamp{animation: mt6-stamp 0.62s cubic-bezier(0.23, 1, 0.32, 1) forwards;}
.mt6-card.is-sealed .mt6-seal::after{animation: mt6-impact 0.8s var(--gx-ease) 0.24s;}
.mt6-plaque{position: absolute; left: 22px; bottom: -15px; z-index: 2; margin: 0; padding: 8px 12px; max-width: calc(100% - 44px);
  background: var(--gx-btn-bg); color: var(--gx-btn-ink); box-shadow: 0 12px 30px -14px var(--gx-glow);
  font: 700 13px/1.25 var(--gx-mono); letter-spacing: 0.02em; text-transform: uppercase; opacity: 0; transform: translateY(6px); transition: opacity 0.2s, transform 0.25s;}
.mt6-card.is-sealed .mt6-plaque{opacity: 1; transform: none; transition: opacity 0.5s var(--gx-ease) 0.42s, transform 0.6s var(--gx-ease) 0.42s;}
.mt6-prog{position: absolute; left: 0; right: 0; bottom: 0; height: 2px; overflow: hidden; background: var(--gx-line); transition: opacity 0.3s;}
.mt6-prog i{display: block; height: 100%; background: var(--gx-gold); transform: scaleX(0); transform-origin: 0 50%;}
.mt6-card.is-run .mt6-prog i{animation: mt6-pg var(--mt6-dur, 7000ms) linear forwards;}
.mt6-card.is-sealed .mt6-prog{opacity: 0;}
.mt6-svc{display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; column-gap: 28px; margin-top: 24px;}
.mt6-svc-cap{margin: 0; color: var(--gx-muted);}
.mt6-doors{list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px;}
.mt6-doors li{display: flex; min-width: 0;}
.mt6-door{position: relative; flex: 1; display: grid; align-content: center; row-gap: 3px; min-height: 72px; padding: 13px 18px;
  border: 1px solid var(--gx-line); background: var(--gx-card); color: var(--gx-ink); transition: border-color 0.25s, background-color 0.25s;}
.mt6-door-t{padding-right: 28px; font: 600 17px/1.25 var(--gx-font); letter-spacing: -0.01em;}
.mt6-door-d{font-size: 14px; line-height: 1.4; color: var(--gx-muted);}
.mt6-door-ar{position: absolute; top: 16px; right: 16px; font: 600 18px/1 var(--gx-mono); color: var(--gx-gold); transition: transform 0.3s var(--gx-ease);}
@media (hover: hover) and (pointer: fine){.mt6-door:hover{border-color: var(--gx-gold); background: var(--gx-card2);}
.mt6-door:hover .mt6-door-ar{transform: translateX(4px);}}
@keyframes mt6-bead{ 0% { transform: translateY(0); opacity: 0; } 18% { opacity: 1; } 78% { opacity: 1; } 100% { transform: translateY(-100%); opacity: 0; } }
@keyframes mt6-breathe{ 0%, 100% { opacity: 0.72; transform: scale(0.96); } 50% { opacity: 1; transform: scale(1.04); } }
@keyframes mt6-ping{ 0% { opacity: 0.9; transform: scale(0.6); } 100% { opacity: 0; transform: scale(1.9); } }
@keyframes mt6-stamp{ 0% { opacity: 0; transform: scale(1.7) rotate(-24deg); } 58% { opacity: 1; transform: scale(0.93) rotate(-9deg); } 100% { opacity: 1; transform: scale(1) rotate(-9deg); } }
@keyframes mt6-impact{ 0% { opacity: 0.85; transform: scale(0.72); } 100% { opacity: 0; transform: scale(1.5); } }
@keyframes mt6-pg{ from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes mt6-in{ from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
@media (max-width: 1179px){.mt6{display: block; min-height: 0;}
.mt6-in{padding-block: clamp(72px, 9vw, 104px);}
.mt6-grid{grid-template-columns: minmax(0, 1fr); row-gap: 36px; min-height: 0;}
.mt6-txt{display: contents;}
.mt6 .sh{order: 1; max-width: 680px;}
.mt6-stage{order: 2; container-type: inline-size;}
.mt6-orb{position: relative; inset: auto; height: min(100cqw, 560px); --S: min(100cqw, 560px, (50cqw - 118px) / 0.4185);}
.mt6-home{order: 3; width: min(100%, 620px); justify-self: center;}
.mt6-home:empty{display: none;}
.mt6-svc{grid-template-columns: minmax(0, 1fr); row-gap: 14px; margin-top: 40px;}}
@media (max-width: 1023px){.mt6-doors{grid-template-columns: minmax(0, 1fr);}}
@media (max-width: 767px){.mt6-in{padding-block: 64px;}
.mt6-grid{row-gap: 28px;}
.mt6-stage{container-type: normal;}
.mt6-orb{height: auto;}
.mt6-ring,.mt6-rot,.mt6-dust{display: none;}
.mt6-core{position: relative; left: auto; top: auto; translate: none; width: 40px;}
.mt6-glow{inset: -38%;}
.mt6-cube{width: 100%;}
.mt6-cap{left: 56px; top: 20px; translate: 0 -50%;}
.mt6-st{position: relative; margin-top: 10px;}
.mt6-st::before{content: ''; position: absolute; left: 19.5px; top: -10px; height: 36px; width: 1px; background: var(--mt6-arc);}
.mt6-st > li{position: relative; left: auto; top: auto; translate: none;}
.mt6-st > li:not(:last-child)::before{content: ''; position: absolute; left: 19.5px; top: 26px; bottom: -26px; width: 1px; background: var(--mt6-ring); transition: background-color 0.4s;}
.mt6-st > li.is-done::before{background: var(--mt6-arc);}
.mt6-b{display: flex; width: 100%; height: auto; min-height: 52px; padding: 0 8px 0 15px; gap: 14px; border: 0; background: none; box-shadow: none; white-space: normal; text-align: start; font-size: 16px; line-height: 1.3;}
.mt6-b[aria-pressed="true"]{background: none; box-shadow: none;}
.mt6-dot{width: 11px; height: 11px; background: var(--gx-bg);}
.mt6-slot{padding: 2px 0 28px 40px;}
.mt6.mt6-live .mt6-slot .mt6-card{animation: mt6-in 0.45s var(--gx-ease);}
.mt6-play{top: -2px; bottom: auto;}
.mt6-card{padding: 20px 18px 54px;}
.mt6-pg-h{padding-right: 88px;}
.mt6-seal{top: 14px; right: 12px; width: 84px; height: 84px;}
.mt6-stamp{width: 76px;}
.mt6-plaque{left: 14px; max-width: calc(100% - 28px);}
.mt6-door{min-height: 64px; padding: 12px 16px;}}
@media (prefers-reduced-motion: reduce){.mt6-rot,.mt6-arc,.mt6-arc.is-lit,.mt6-full,.mt6-pg,.mt6-pg.is-on,.mt6-plaque,.mt6-glow,.mt6-stamp,.mt6-guide{transition: none !important;}
.mt6-bead,.mt6-glow,.mt6-dot::after,.mt6-slot .mt6-card{animation: none !important;}
.mt6-bead,.mt6-prog,.mt6-dot::after{display: none;}
.mt6-pg{transform: none;}
.mt6-card.is-sealed .mt6-stamp{animation: none; opacity: 1; transform: rotate(-9deg);}
.mt6-card.is-sealed .mt6-seal::after{animation: none;}}
.pr6{--pr6-pt: clamp(24px, 3.4vh, 36px); --pr6-st: clamp(460px, calc(100svh - 282px), 548px); --pr6-wc: #ebc554; --pr6-gap: clamp(22px, 2.6vw, 40px);
  position: relative; background: var(--gx-bg); color: var(--gx-ink); overflow: clip;}
.pr6.sec{padding: var(--pr6-pt) 0 clamp(56px, 8vh, 96px);}
:where(html.v7)[data-theme="light"] .pr6{--pr6-wc: #a9852a;}
.pr6-sprite{position: absolute; width: 0; height: 0; overflow: hidden;}
.pr6 .sh{max-width: none; margin-bottom: clamp(18px, 2.6vh, 26px);}
.pr6 .sh .k{margin-bottom: 12px;}
.pr6 .sub{margin-top: 12px; max-width: 1000px;}
.pr6-stage{position: relative; display: grid; height: var(--pr6-st); column-gap: var(--pr6-gap);
  grid-template-columns: minmax(232px, 0.68fr) minmax(0, 1fr) minmax(0, 1.26fr); grid-template-areas: 'list core frame';}
.pr6-wires{position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; overflow: visible; pointer-events: none;}
.pr6-w{fill: none; stroke: var(--pr6-wc); stroke-width: 1; opacity: 0.34; transition: opacity 0.35s;}
.pr6-w.is-hot{opacity: 1; stroke-width: 1.8;}
.pr6-we{fill: var(--pr6-wc); opacity: 0.45; transition: opacity 0.35s;}
.pr6-we.is-hot{opacity: 1;}
.pr6-wp{fill: #fff4cf;}
:where(html.v7)[data-theme="light"] .pr6-wp{fill: #7a6614;}
.pr6-list{grid-area: list; position: relative; z-index: 2; display: flex; flex-direction: column; min-width: 0;}
.pr6-grp{display: flex; align-items: center; gap: 10px; margin: 0 0 8px; font: 500 13px/1.3 var(--gx-mono); letter-spacing: 0.12em; text-transform: uppercase; color: var(--gx-muted);}
.pr6-grp::after{content: ''; flex: 1; height: 1px; background: var(--gx-line);}
.pr6-grp:not(:first-child){margin-top: auto; padding-top: 14px;}
.pr6-p{position: relative; display: flex; align-items: center; gap: 12px; width: 100%; min-height: 46px; margin: 0 0 4px; padding: 5px 12px 5px 5px;
  border: 1px solid transparent; border-radius: 2px; background: transparent; color: var(--gx-ink2); font: 600 clamp(14px, 1.12vw, 16px)/1.2 var(--gx-font);
  text-align: start; cursor: pointer; transition: border-color 0.25s, background-color 0.25s, color 0.25s;}
.pr6-p:last-child{margin-bottom: 0;}
.pr6-pi{display: grid; place-items: center; flex: none; width: 34px; height: 34px; border: 1px solid var(--gx-line); color: var(--gx-gold); transition: border-color 0.25s, background-color 0.25s;}
.pr6-pi .pr6-ic{width: 19px; height: 19px;}
.pr6-pn{min-width: 0;}
.pr6-p[aria-pressed="true"]{color: var(--gx-ink); background: var(--gx-card2); border-color: var(--gx-line2);}
.pr6-p[aria-pressed="true"] .pr6-pi{border-color: var(--gx-gold); background: rgba(235, 197, 84, 0.12);}
:where(html.v7)[data-theme="light"] .pr6-p[aria-pressed="true"]{box-shadow: 0 10px 26px -18px rgba(60, 45, 10, 0.45);}
:where(html.v7)[data-theme="light"] .pr6-p[aria-pressed="true"] .pr6-pi{background: rgba(122, 102, 20, 0.08);}
.pr6-prog{position: absolute; left: -1px; right: -1px; bottom: -1px; height: 2px; background: var(--gx-gold); transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.1s linear; pointer-events: none;}
.pr6:not(.is-auto) .pr6-prog{display: none;}
@media (hover: hover) and (pointer: fine){.pr6-p:hover{color: var(--gx-ink); background: var(--gx-card); border-color: var(--gx-line);}
.pr6-p[aria-pressed="true"]:hover{background: var(--gx-card2); border-color: var(--gx-line2);}}
.pr6-core{grid-area: core; position: relative; z-index: 0; align-self: center; justify-self: center; margin: 0; padding: 10px 12px 16px; display: grid; justify-items: center;
  border: 1px solid transparent; border-radius: 4px;}
:where(html.v7)[data-theme="light"] .pr6-core{background: #050505; border-color: rgba(122, 102, 20, 0.4); box-shadow: 0 34px 70px -42px rgba(60, 45, 10, 0.55);}
.pr6-sph{position: relative; width: min(100%, calc((var(--pr6-st) - 96px) * 0.8696)); aspect-ratio: 840 / 966;}
.pr6-sph-img{position: absolute; inset: 0; background: var(--i-sfera) center / 100% 100% no-repeat;
  -webkit-mask: radial-gradient(ellipse 74% 70% at 52% 46%, #000 62%, transparent 100%); mask: radial-gradient(ellipse 74% 70% at 52% 46%, #000 62%, transparent 100%);}
.pr6-sph-fx{position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none;}
.pr6-ring{fill: none; stroke: #ffd36b; stroke-width: 1.4; stroke-dasharray: 3 12; opacity: 0.4; transition: opacity 0.4s;}
.pr6-ring.r2{stroke-dasharray: 18 10;}
.pr6-ring.r3{stroke-dasharray: 1 7;}
.pr6[data-ring="r1"] .pr6-ring.r1,.pr6[data-ring="r2"] .pr6-ring.r2,.pr6[data-ring="r3"] .pr6-ring.r3{opacity: 0.95; stroke-width: 2.8;}
.pr6-glow{position: absolute; left: 58.9%; top: 37.9%; width: 30%; aspect-ratio: 1; margin: -15% 0 0 -15%; border-radius: 50%; pointer-events: none;
  background: radial-gradient(circle, rgba(255, 222, 140, 0.55), rgba(255, 211, 107, 0.14) 42%, transparent 70%); animation: pr6-breathe 3.6s ease-in-out infinite;}
.pr6-hub{position: absolute; z-index: 2; width: 28px; height: 28px; margin: -14px 0 0 -14px; pointer-events: none;}
.pr6-hub::before{content: ''; position: absolute; inset: 8px; border-radius: 50%; border: 1.5px solid #ffd36b; background: rgba(5, 5, 5, 0.75); box-shadow: 0 0 12px rgba(255, 211, 107, 0.6);}
.pr6-hub::after{content: ''; position: absolute; inset: 0; border-radius: 50%; border: 1px solid #ffd36b; opacity: 0; animation: pr6-ping 2.6s var(--gx-ease) infinite;}
.pr6-hub--l{left: 8.6%; top: 35.8%;}
.pr6-hub--r{left: 82.2%; top: 59.8%;}
.pr6-hub--r::after{animation-delay: 1.3s;}
.pr6-sph .pr6-mk{top: 4px; right: 4px; bottom: auto;}
.pr6-os{position: relative; z-index: 2; margin: -10px 0 0; text-align: center;}
.pr6-os b{display: block; font: 800 clamp(22px, 1.9vw, 28px)/1.1 var(--gx-font); letter-spacing: -0.01em; text-transform: uppercase; color: var(--gx-ink);}
.pr6-os span{display: block; margin-top: 8px; font: 500 13px/1.45 var(--gx-mono); letter-spacing: 0.05em; text-transform: uppercase; color: var(--gx-muted); text-wrap: balance;}
.pr6-frame{grid-area: frame; position: relative; z-index: 2; display: grid; min-width: 0; border: 1px solid var(--gx-line); background: var(--gx-bg2);}
.pr6-frame::before{content: ''; position: absolute; left: -1px; right: -1px; top: -1px; height: 1px; pointer-events: none;
  background: linear-gradient(90deg, var(--gx-gold), transparent 70%); opacity: 0.8;}
:where(html.v7)[data-theme="light"] .pr6-frame{box-shadow: 0 30px 70px -46px rgba(60, 45, 10, 0.45);}
.pr6-pane{grid-area: 1 / 1; display: flex; flex-direction: column; gap: 14px; min-width: 0; padding: clamp(16px, 1.5vw, 22px);
  opacity: 0; visibility: hidden; transition: opacity 0.28s var(--gx-ease), visibility 0s linear 0.28s;}
.pr6-pane.is-on{opacity: 1; visibility: visible; transition: opacity 0.45s var(--gx-ease) 0.06s, visibility 0s;}
.pr6-ph{min-width: 0;}
.pr6-tag{margin: 0; font: 500 13px/1.3 var(--gx-mono); letter-spacing: 0.12em; text-transform: uppercase; color: var(--gx-gold);}
.pr6-name{margin: 8px 0 0; font: 700 clamp(21px, 1.75vw, 25px)/1.15 var(--gx-font); letter-spacing: -0.012em; color: var(--gx-ink);}
.pr6-line{margin: 6px 0 0; min-height: 2.9em; font-size: 15px; line-height: 1.45; color: var(--gx-ink2); text-wrap: balance;}
.pr6-pane .pr6-scr{margin-block: auto;}
.pr6-go{align-self: flex-start; height: 46px; padding: 0 22px;}
.pr6-scr{--s-bg: #0b0b0d; --s-panel: #141417; --s-raised: #1b1b1f; --s-pg: #111114; --s-line: rgba(255, 255, 255, 0.08); --s-line2: rgba(255, 255, 255, 0.15);
  --s-ink: #ededed; --s-ink2: #c7c7c7; --s-mut: #9a9a9a; --s-gold: #ebc554; --s-ok: #86d4ad; --s-warn: #e7b24c; --s-risk: #f08a7c; --s-dot: #5c5850;
  position: relative; width: 100%; aspect-ratio: 16 / 10; container-type: inline-size; overflow: hidden; isolation: isolate; border-radius: 10px;
  border: 1px solid var(--s-line2); background: var(--s-bg); color: var(--s-ink); font: 400 13px/1.35 var(--gx-font); box-shadow: 0 26px 60px -38px rgba(0, 0, 0, 0.95);}
:where(html.v7)[data-theme="light"] .pr6-scr{--s-bg: #fafaf7; --s-panel: #ffffff; --s-raised: #f0ede8; --s-pg: #ffffff; --s-line: rgba(26, 26, 26, 0.1); --s-line2: rgba(26, 26, 26, 0.16);
  --s-ink: #141414; --s-ink2: #2b2b2b; --s-mut: #5a5a5a; --s-gold: #7a6614; --s-ok: #1f7a50; --s-warn: #8a5a00; --s-risk: #b42318; --s-dot: #c2bba9;
  box-shadow: 0 24px 50px -36px rgba(60, 45, 10, 0.4);}
.pr6-ui{position: absolute; inset: 0; display: grid; grid-template-rows: auto minmax(0, 1fr); transition: opacity 0.4s var(--gx-ease);}
.pr6-ui.is-out{opacity: 0; transition-duration: 0.3s;}
.pr6-ui.is-reset *,.pr6-ui.is-reset *::before,.pr6-ui.is-reset *::after{transition: none !important;}
.pr6-bar{display: flex; align-items: center; justify-content: space-between; gap: 10px; height: clamp(32px, 8.6cqw, 40px); padding: 0 clamp(10px, 3cqw, 14px);
  background: #08080a; color: #c7c7c7; border-bottom: 1px solid rgba(235, 197, 84, 0.22); font: 500 13px/1 var(--gx-mono); letter-spacing: 0.04em; white-space: nowrap; overflow: hidden;}
.pr6-bar--c{justify-content: center;}
.pr6-bl{display: inline-flex; align-items: center; gap: 8px; min-width: 0; overflow: hidden;}
.pr6-bl > span{overflow: hidden; text-overflow: ellipsis;}
.pr6-bl .pr6-ic{width: 16px; height: 16px; color: #ebc554;}
.pr6-bar .pr6-st{flex: none; color: #ebc554;}
.pr6-wm{display: inline-flex; align-items: baseline; gap: 8px;}
.pr6-wm b{font: 700 13px/1 var(--gx-brand); letter-spacing: 0.06em; color: #ebc554;}
.pr6-wm span{font: 700 13px/1 var(--gx-mono); letter-spacing: 0.08em; color: #ededed;}
.pr6-bd{position: relative; min-height: 0; padding: clamp(10px, 3.4cqw, 18px);}
.pr6-k{font: 500 13px/1.2 var(--gx-mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--s-mut);}
.pr6-num{font-family: var(--gx-mono); font-variant-numeric: tabular-nums;}
.pr6-ic{width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;}
.pr6-ok{width: 15px; height: 15px; stroke-width: 2.4;}
.pr6-ln{display: block; height: 6px; border-radius: 3px; background: var(--s-line2); transform: scaleX(0); transform-origin: 0 50%; transition: transform 0.5s var(--gx-ease);}
.pr6-ln.is-on{transform: none;}
.pr6-ln--s{width: 64%;}
.pr6-sw-s{display: none;}
.pr6-tm{display: grid; grid-template-rows: auto auto auto; align-content: center; justify-items: center; gap: clamp(8px, 2.8cqw, 18px);}
.pr6-tm-mod{display: flex; align-items: center; gap: 10px;}
.pr6-k--g{color: var(--s-gold);}
.pr6-seg{--m: inherit; position: relative; display: grid; grid-template-columns: repeat(3, 1fr); padding: 3px; border: 1px solid var(--s-line2); border-radius: 999px; background: var(--s-panel);}
.pr6-seg b{position: relative; z-index: 1; display: grid; place-items: center; width: clamp(36px, 10.5cqw, 46px); height: 24px; font: 700 13px/1 var(--gx-mono); color: var(--s-mut); transition: color 0.3s;}
.pr6-seg b.is-on{color: #140f00;}
.pr6-seg-p{position: absolute; top: 3px; left: 3px; width: calc((100% - 6px) / 3); height: 24px; border-radius: 999px;
  background: linear-gradient(180deg, #ffd978, #ebc554 46%, #c9a20e); box-shadow: 0 0 14px -2px rgba(235, 197, 84, 0.6); transform: translateX(calc(var(--m, 0) * 100%)); transition: transform 0.55s var(--gx-ease-io);}
.pr6-tm-cols{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(6px, 2cqw, 10px); width: 100%;}
.pr6-tm-c{position: relative; display: flex; flex-direction: column; align-items: center; gap: 8px; min-width: 0; padding: clamp(8px, 2.4cqw, 12px) clamp(6px, 2cqw, 10px);
  border: 1px solid var(--s-line); border-radius: 8px; background: var(--s-panel); overflow: hidden;}
.pr6-tm-c::after{content: ''; position: absolute; inset: 0; border: 1px solid var(--s-gold); border-radius: inherit; opacity: 0; pointer-events: none;}
.pr6-tm-c.is-pulse::after{animation: pr6-pulse 0.9s var(--gx-ease);}
.pr6-tm-h{display: flex; align-items: center; justify-content: center; gap: 6px; margin: 0; font: 700 13px/1 var(--gx-mono); letter-spacing: 0.05em; text-transform: uppercase; color: var(--s-gold);}
.pr6-tm-h .pr6-ic{width: 14px; height: 14px;}
.pr6-tgs{list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; width: 100%;}
.pr6-tgs li{display: flex; align-items: center; justify-content: space-between; gap: 6px; font-size: 13px; line-height: 1.2; color: var(--s-ink2); white-space: nowrap;}
.pr6-tgs li span{overflow: hidden; text-overflow: ellipsis;}
.pr6-tg{position: relative; flex: none; width: 26px; height: 15px; border-radius: 999px; background: var(--s-line2); overflow: hidden;}
.pr6-tg::before{content: ''; position: absolute; inset: 0; background: var(--s-gold); opacity: 0; transition: opacity 0.25s;}
.pr6-tg::after{content: ''; position: absolute; top: 2px; left: 2px; width: 11px; height: 11px; border-radius: 50%; background: #fff; transition: transform 0.28s var(--gx-ease);}
.pr6-tgs li.is-on .pr6-tg::before{opacity: 1;}
.pr6-tgs li.is-on .pr6-tg::after{transform: translateX(11px);}
.pr6-tm-n{display: none; margin: 0; font-size: 13px; color: var(--s-mut); white-space: nowrap;}
.pr6-tm-n b{font: 700 15px/1 var(--gx-mono); color: var(--s-ink);}
.pr6-mw{--row: 22px; width: 100%; height: calc(var(--row) * 3); overflow: hidden;}
.pr6-mem{--mem: inherit; list-style: none; margin: 0; padding: 0; transform: translateY(calc(var(--mem, 0) * var(--row) * -1)); transition: transform 0.55s var(--gx-ease);}
.pr6-mem li{display: flex; align-items: center; justify-content: center; height: var(--row); font-size: 13px; color: var(--s-ink2); white-space: nowrap; overflow: hidden; transition: color 0.4s;}
.pr6-mem li.is-new{color: var(--s-gold);}
.pr6-mem li.is-new::before{content: '+'; margin-inline-end: 5px; font: 700 13px/1 var(--gx-mono);}
.pr6-tm-c--log{justify-content: flex-start;}
.pr6-cnt{margin-top: 2px; font: 700 clamp(22px, 7.6cqw, 34px)/1 var(--gx-mono); color: var(--s-ink);}
.pr6-cnt.is-bump{animation: pr6-bump 0.45s var(--gx-ease);}
.pr6-tm-s{font-size: 13px; color: var(--s-mut);}
.pr6-tm-msg{display: inline-flex; align-items: center; gap: 6px; margin: 0; font-size: 13px; line-height: 1.25; color: var(--s-ok); opacity: 0; transform: translateY(4px); transition: opacity 0.35s, transform 0.35s var(--gx-ease);}
.pr6-tm-msg.is-on{opacity: 1; transform: none;}
.pr6-tm-msg.is-flash{animation: pr6-flash 0.9s var(--gx-ease);}
.pr6-sc{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: clamp(8px, 2.6cqw, 13px); text-align: center;}
.pr6-wave{display: flex; align-items: center; justify-content: center; gap: clamp(2px, 0.75cqw, 4px); width: 100%; height: clamp(34px, 12cqw, 58px); opacity: 0.55; transition: opacity 0.5s;}
.pr6-wave i{width: clamp(3px, 1.05cqw, 5px); height: 100%; border-radius: 3px; background: linear-gradient(transparent, var(--s-gold) 30%, var(--s-gold) 70%, transparent);
  transform: scaleY(calc(var(--h) * 0.56));}
.pr6-wave.is-rec{opacity: 1;}
.pr6-wave.is-rec i{animation: pr6-wv 1.15s ease-in-out infinite; animation-delay: calc(var(--d) * -75ms);}
.pr6-say{display: grid; gap: 3px; justify-items: center; max-width: 100%;}
.pr6-wipe{position: relative; margin: 0; max-width: 100%; font-size: 13px; line-height: 1.35; color: var(--s-ink2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; opacity: 0; transition: opacity 0.2s;}
.pr6-wipe::after{content: ''; position: absolute; inset: 0; background: var(--s-bg); transform-origin: 100% 50%; transform: scaleX(1);}
.pr6-wipe.is-on{opacity: 1;}
.pr6-wipe.is-on::after{transform: scaleX(0); transition: transform 1.1s steps(22);}
.pr6-res{display: flex; justify-content: center; gap: 6px;}
.pr6-chip{display: inline-flex; align-items: center; gap: 5px; padding: 4px 10px 4px 8px; border-radius: 999px; border: 1px solid var(--s-line2); font: 500 13px/1.2 var(--gx-mono);
  color: var(--s-mut); opacity: 0.4; transition: opacity 0.3s, border-color 0.3s, color 0.3s;}
.pr6-chip .pr6-ok{color: var(--s-ok); opacity: 0; transform: scale(0.6); transition: opacity 0.3s, transform 0.3s var(--gx-ease);}
.pr6-chip.is-on{opacity: 1; color: var(--s-ink2); border-color: color-mix(in srgb, var(--s-ok) 40%, transparent);}
.pr6-chip.is-on .pr6-ok{opacity: 1; transform: none;}
.pr6-done{display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin: 0; padding: 7px 18px; border-radius: 999px; border: 1px solid color-mix(in srgb, var(--s-ok) 34%, transparent);
  background: color-mix(in srgb, var(--s-ok) 8%, transparent); color: var(--s-ok); font: 600 14px/1.2 var(--gx-font); opacity: 0; transform: scale(0.94); transition: opacity 0.45s var(--gx-ease), transform 0.45s var(--gx-ease);}
.pr6-done.is-on{opacity: 1; transform: none;}
.pr6-rec{width: 9px; height: 9px; flex: none; border-radius: 50%; background: #5bd49a;}
.pr6-rec.is-rec{background: #f06b5b; animation: pr6-blink 1.2s ease-in-out infinite;}
.pr6-sd{display: flex; flex-direction: column; justify-content: center; gap: clamp(8px, 2.8cqw, 14px);}
.pr6-sd-cap{margin: 0; font-size: 13px; line-height: 1.35; color: var(--s-ink2); text-align: center; text-wrap: balance;}
.pr6-sd-row{display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1.25fr); align-items: center; gap: clamp(8px, 3cqw, 16px);}
.pr6-post{display: grid; gap: 6px; padding: 8px; border: 1px solid var(--s-line2); border-radius: 8px; background: var(--s-panel);}
.pr6-post-i{display: grid; place-items: center; aspect-ratio: 16 / 10; border-radius: 5px; background: linear-gradient(135deg, #2a2418, #6b5520 55%, #ebc554); opacity: 0; transform: scale(0.94);
  transition: opacity 0.4s, transform 0.5s var(--gx-ease);}
.pr6-post-i.is-on{opacity: 1; transform: none;}
.pr6-post-i i{width: 0; height: 0; border-left: 11px solid rgba(255, 255, 255, 0.92); border-top: 7px solid transparent; border-bottom: 7px solid transparent; margin-left: 3px;}
.pr6-yes{position: relative; display: grid; place-items: center; width: clamp(44px, 13cqw, 58px); aspect-ratio: 1; border-radius: 50%; border: 1px solid var(--s-gold); background: var(--s-panel);
  color: var(--s-gold); font: 700 14px/1 var(--gx-mono); letter-spacing: 0.06em; text-transform: uppercase;}
.pr6-yes::after{content: ''; position: absolute; inset: 0; border-radius: 50%; border: 2px solid #fff4cf; opacity: 0; pointer-events: none;}
.pr6-yes.is-on{background: linear-gradient(180deg, #ffd978, #ebc554 46%, #c9a20e); color: #140f00; border-color: transparent; animation: pr6-press 0.42s var(--gx-ease);}
.pr6-yes.is-on::after{animation: pr6-ring 1s var(--gx-ease);}
.pr6-nets{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(4px, 1.4cqw, 7px);}
.pr6-net{position: relative; display: grid; place-items: center; aspect-ratio: 1; border: 1px solid color-mix(in srgb, var(--s-gold) 38%, transparent); color: var(--s-mut);
  transition: color 0.35s; transition-delay: calc(var(--i) * 110ms);}
.pr6-net svg{position: relative; z-index: 1; width: 50%; height: 50%;}
.pr6-net::before,.pr6-net::after{content: ''; position: absolute; inset: -1px; pointer-events: none; opacity: 0;}
.pr6-net::before{background: color-mix(in srgb, var(--s-gold) 18%, transparent); box-shadow: inset 0 0 0 1px var(--s-gold); transition: opacity 0.35s; transition-delay: calc(var(--i) * 110ms);}
.pr6-net::after{background: color-mix(in srgb, var(--s-gold) 55%, transparent);}
.is-pub .pr6-net{color: var(--s-gold);}
.is-pub .pr6-net::before{opacity: 1;}
.is-pub .pr6-net::after{animation: pr6-chase 2.4s linear infinite; animation-delay: calc(var(--i) * 0.3s + 1.2s);}
.pr6-sd-out{display: inline-flex; align-items: center; justify-content: center; gap: 6px; align-self: center; margin: 0; font-size: 13px; color: var(--s-ok);
  opacity: 0; transform: translateY(4px); transition: opacity 0.4s, transform 0.4s var(--gx-ease);}
.pr6-sd-out.is-on{opacity: 1; transform: none;}
.pr6-ds{display: grid; grid-template-columns: minmax(0, 0.78fr) minmax(0, 2fr); align-items: stretch; gap: clamp(10px, 3cqw, 16px);}
.pr6-ck{list-style: none; margin: 0; padding: 0; display: grid; align-content: center; gap: clamp(6px, 2.2cqw, 12px);}
.pr6-ck li{display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--s-mut); transition: color 0.3s;}
.pr6-ck .pr6-ok{width: 18px; height: 18px; padding: 3px; border-radius: 50%; border: 1px solid var(--s-line2); stroke: transparent; transition: stroke 0.3s, background-color 0.3s, border-color 0.3s;}
.pr6-ck li.is-on{color: var(--s-ink);}
.pr6-ck li.is-on .pr6-ok{stroke: #140f00; background: #ebc554; border-color: #ebc554;}
.pr6-page{position: relative; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; gap: clamp(6px, 2cqw, 10px); min-height: 0; padding: clamp(8px, 2.6cqw, 14px);
  border: 1px solid var(--s-line2); border-radius: 8px; background: var(--s-pg); overflow: hidden;}
.pr6-grid{position: absolute; inset: 0 clamp(8px, 2.6cqw, 14px); display: grid; grid-template-columns: repeat(6, 1fr); gap: 6px; opacity: 0; transition: opacity 0.6s; pointer-events: none;}
.pr6-grid i{background: color-mix(in srgb, var(--s-gold) 7%, transparent); border-inline: 1px dashed color-mix(in srgb, var(--s-gold) 30%, transparent);}
.pr6-grid.is-on{opacity: 1;}
.pr6-pg-h{position: relative; display: flex; align-items: center; gap: 8px;}
.pr6-mark{width: clamp(22px, 6.4cqw, 30px); flex: none; opacity: 0; transform: translateY(-14px) scale(0.7); transition: opacity 0.45s, transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);}
.pr6-mark.is-on{opacity: 1; transform: none;}
.pr6-pg-h .pr6-ln{width: 34%;}
.pr6-pill{display: block; margin-left: auto; width: 24%; height: clamp(14px, 4cqw, 18px); border-radius: 999px; background: linear-gradient(180deg, #ffd978, #ebc554 46%, #c9a20e);
  opacity: 0; transform: translateX(10px); transition: opacity 0.4s, transform 0.5s var(--gx-ease);}
.pr6-pill.is-on{opacity: 1; transform: none;}
.pr6-pg-m{position: relative; display: grid; align-content: center; justify-items: start; gap: 5px; min-height: 0;}
.pr6-aa{font: 800 clamp(26px, 9.4cqw, 44px)/1 var(--gx-font); letter-spacing: -0.03em; color: var(--s-ink); opacity: 0; transform: translateY(12px); transition: opacity 0.45s, transform 0.55s var(--gx-ease);}
.pr6-fn{font: 500 13px/1.2 var(--gx-mono); color: var(--s-gold); white-space: nowrap; opacity: 0; transform: translateY(8px); transition: opacity 0.45s 0.1s, transform 0.55s var(--gx-ease) 0.1s;}
.pr6-aa.is-on,.pr6-fn.is-on{opacity: 1; transform: none;}
.pr6-pg-m .pr6-ln{width: 52%; margin-top: 2px;}
.pr6-sw{position: relative; display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px;}
.pr6-sw i{height: clamp(14px, 4.4cqw, 20px); border-radius: 4px; background: var(--c); box-shadow: inset 0 0 0 1px var(--s-line2); opacity: 0; transform: translateX(26px);
  transition: opacity 0.4s, transform 0.55s var(--gx-ease); transition-delay: calc(var(--i) * 80ms);}
.pr6-sw.is-on i{opacity: 1; transform: none;}
.pr6-dot{width: 8px; height: 8px; flex: none; border-radius: 50%; background: #6b6b6b; transition: background-color 0.3s;}
.pr6-dot.is-on{background: #5bd49a;}
.pr6-lg{display: flex; flex-direction: column; gap: clamp(6px, 2cqw, 10px); padding: 0 0 clamp(8px, 2.4cqw, 12px);}
.pr6-map{position: relative; flex: none; width: 100%; aspect-ratio: 1440 / 500;}
.pr6-map svg{position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible;}
.pr6-map-dots path{fill: none; stroke: var(--s-dot); stroke-width: 6.4; stroke-linecap: round;}
.pr6-map-fx{will-change: transform;}
.pr6-lg-o{fill: none; stroke: var(--s-gold); stroke-width: 2.2; stroke-opacity: 0.4; stroke-dasharray: 2 9; stroke-linecap: round;}
.pr6-lg-e{fill: var(--s-gold); opacity: 0.5; animation: pr6-twinkle 3.2s ease-in-out infinite; animation-delay: calc(var(--i) * -0.6s);}
.pr6-lg-r{fill: none; stroke: var(--s-gold); stroke-width: 3.6; stroke-linecap: round; stroke-linejoin: round;}
.pr6-lg-r--l{stroke-dasharray: 8 9; stroke-width: 3;}
.pr6-lg-a,.pr6-lg-st{fill: var(--s-bg); stroke: var(--s-gold); stroke-width: 3.5;}
.pr6-lg-cp{fill: var(--s-gold);}
.pr6-lg-cw{fill: none; stroke: var(--s-gold); stroke-width: 3; transform-box: fill-box; transform-origin: center; animation: pr6-hit 2.2s var(--gx-ease) infinite;}
.pr6-lg-cw.is-hit{animation: pr6-burst 0.9s var(--gx-ease);}
.pr6-lg-s{opacity: 0; transition: opacity 0.3s;}
.is-sail .pr6-lg-s{opacity: 1;}
.pr6-lg-sh{fill: #ffd36b; opacity: 0.28;}
.pr6-lg-sc,.pr6-lg-s0{fill: #fff4cf; stroke: #ebc554; stroke-width: 3.5;}
:where(html.v7)[data-theme="light"] .pr6-lg-sc,:where(html.v7)[data-theme="light"] .pr6-lg-s0{fill: #ffe7a3; stroke: #7a6614;}
.pr6-lg-s0{opacity: 0;}
.is-done .pr6-lg-s0{opacity: 1;}
.pr6-ml{position: absolute; z-index: 2; padding: 3px 7px; border-radius: 4px; border: 1px solid var(--s-line2); background: color-mix(in srgb, var(--s-bg) 84%, transparent);
  font: 500 13px/1.1 var(--gx-mono); letter-spacing: 0.02em; color: var(--s-ink2); white-space: nowrap; pointer-events: none;}
.pr6-ml--a{transform: translate(calc(-100% - 9px), -50%);}
.pr6-ml--c{transform: translate(calc(-100% - 10px), -50%); color: var(--s-gold); border-color: color-mix(in srgb, var(--s-gold) 45%, transparent);}
.pr6-ml--w{transform: translate(10px, -50%);}
.pr6-lg-row{display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 8px; margin-top: auto; padding: 0 clamp(8px, 2.4cqw, 12px);}
.pr6-lg-box{position: relative; display: flex; align-items: center; gap: 8px; min-width: 0; padding: 7px 10px; border: 1px solid var(--s-line2); border-radius: 8px; background: var(--s-panel);}
.pr6-lg-i{flex: none; color: var(--s-gold);}
.pr6-lg-i .pr6-ic{width: 22px; height: 22px;}
.pr6-lg-t{display: grid; gap: 3px; min-width: 0;}
.pr6-lg-t b{font: 700 13px/1.15 var(--gx-mono); color: var(--s-ink); white-space: nowrap;}
.pr6-lg-t span{font-size: 13px; line-height: 1.15; color: var(--s-mut); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pr6-lg-eta{flex-direction: column; align-items: flex-start; justify-content: center; gap: 4px;}
.pr6-lg-eta b{font: 700 clamp(14px, 4.2cqw, 18px)/1.05 var(--gx-mono); color: var(--s-ink); white-space: nowrap;}
.pr6-stamp{position: absolute; right: clamp(6px, 2cqw, 10px); top: 50%; z-index: 2; padding: 4px 8px; border: 2px solid var(--s-gold); border-radius: 4px;
  background: color-mix(in srgb, var(--s-panel) 86%, transparent); color: var(--s-gold); font: 700 13px/1.1 var(--gx-mono); letter-spacing: 0.04em; text-transform: uppercase; white-space: nowrap;
  opacity: 0; transform-origin: 100% 50%; transform: translateY(-50%) rotate(-7deg) scale(1.35); transition: opacity 0.2s, transform 0.38s cubic-bezier(0.34, 1.4, 0.64, 1); pointer-events: none;}
.pr6-stamp.is-on{opacity: 0.96; transform: translateY(-50%) rotate(-7deg) scale(1);}
.pr6-lgl{display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); align-items: stretch; gap: clamp(8px, 2.6cqw, 14px);}
.pr6-doc{--lr: clamp(24px, 6.2cqw, 28px); position: relative; display: grid; align-content: start; min-height: 0; padding: clamp(4px, 1.6cqw, 8px) clamp(4px, 1.4cqw, 8px);
  border: 1px solid var(--s-line2); border-radius: 8px; background: var(--s-pg); overflow: hidden;}
.pr6-cl{position: relative; z-index: 1; list-style: none; margin: 0; padding: 0;}
.pr6-cl li{position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 8px; height: var(--lr); padding: 0 4px; font-size: 13px; color: var(--s-ink2);}
.pr6-cl li + li{border-top: 1px dashed var(--s-line);}
.pr6-cl li::before{content: ''; position: absolute; inset: 1px 0; border-radius: 4px; opacity: 0; transition: opacity 0.35s 0.2s; z-index: -1;}
.pr6-cl li[data-r="hi"]::before{background: color-mix(in srgb, var(--s-risk) 13%, transparent);}
.pr6-cl li[data-r="md"]::before{background: color-mix(in srgb, var(--s-warn) 12%, transparent);}
.pr6-cl li.is-on[data-r="hi"]::before,.pr6-cl li.is-on[data-r="md"]::before{opacity: 1;}
.pr6-cl b{font: 700 13px/1 var(--gx-mono); color: var(--s-mut);}
.pr6-cl span{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pr6-cl em{padding: 2px 6px; border-radius: 4px; font: 500 13px/1.1 var(--gx-mono); font-style: normal; opacity: 0; transform-origin: 100% 50%; transform: scale(0.82); transition: opacity 0.3s 0.2s, transform 0.3s var(--gx-ease) 0.2s;}
.pr6-cl li.is-on em{opacity: 1; transform: none;}
.pr6-cl [data-r="hi"] em,.pr6-rs [data-r="hi"]::before{color: var(--s-risk); background: color-mix(in srgb, var(--s-risk) 14%, transparent);}
.pr6-cl [data-r="md"] em,.pr6-rs [data-r="md"]::before{color: var(--s-warn); background: color-mix(in srgb, var(--s-warn) 14%, transparent);}
.pr6-cl [data-r="lo"] em,.pr6-rs [data-r="lo"]::before{color: var(--s-ok); background: color-mix(in srgb, var(--s-ok) 12%, transparent);}
.pr6-scan{position: absolute; z-index: 0; left: 0; right: 0; top: clamp(4px, 1.6cqw, 8px); height: var(--lr); opacity: 0; pointer-events: none;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--s-gold) 20%, transparent) 30%, color-mix(in srgb, var(--s-gold) 20%, transparent) 70%, transparent);
  border-block: 1px solid color-mix(in srgb, var(--s-gold) 40%, transparent); transform: translateY(calc(var(--q, 0) * var(--lr))); transition: transform 0.45s var(--gx-ease), opacity 0.3s;}
.pr6-scan.is-on{opacity: 1;}
.pr6-risk{display: flex; flex-direction: column; justify-content: center; gap: 7px; min-width: 0; padding: clamp(8px, 2.4cqw, 12px); border: 1px solid var(--s-line2); border-radius: 8px; background: var(--s-panel);}
.pr6-rn{display: flex; align-items: baseline; gap: 6px; margin: 0;}
.pr6-rn b{font: 700 clamp(24px, 8cqw, 36px)/1 var(--gx-mono); color: var(--s-ink);}
.pr6-rn b.is-bump{animation: pr6-bump 0.45s var(--gx-ease);}
.pr6-rn span{font-size: 13px; color: var(--s-mut);}
.pr6-meter{position: relative; display: block; height: 6px; border-radius: 3px; overflow: hidden; background: linear-gradient(90deg, var(--s-ok), var(--s-warn) 55%, var(--s-risk));}
.pr6-meter i{--v: 0; position: absolute; inset: 0; background: var(--s-raised); transform-origin: 100% 50%; transform: scaleX(calc(1 - var(--v))); transition: transform 0.5s var(--gx-ease);}
.pr6-rs{list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; opacity: 0; transition: opacity 0.4s;}
.pr6-rs.is-on{opacity: 1;}
.pr6-rs li{display: flex; align-items: center; gap: 7px; font-size: 13px; color: var(--s-ink2); white-space: nowrap;}
.pr6-rs li::before{content: ''; width: 8px; height: 8px; flex: none; border-radius: 50%;}
.pr6-rs [data-r="hi"]::before{background: var(--s-risk);}
.pr6-rs [data-r="md"]::before{background: var(--s-warn);}
.pr6-rs [data-r="lo"]::before{background: var(--s-ok);}
.pr6-seal{position: absolute; z-index: 3; right: clamp(8px, 3cqw, 16px); bottom: clamp(6px, 2cqw, 10px); padding: 4px 10px; border: 2px solid var(--s-gold); border-radius: 4px;
  background: color-mix(in srgb, var(--s-bg) 72%, transparent); color: var(--s-gold); font: 700 13px/1.15 var(--gx-mono); letter-spacing: 0.06em; text-transform: uppercase; text-align: center;
  opacity: 0; transform-origin: 100% 50%; transform: rotate(-8deg) scale(1.3); transition: opacity 0.2s, transform 0.38s cubic-bezier(0.34, 1.4, 0.64, 1); pointer-events: none;}
.pr6-seal.is-on{opacity: 0.96; transform: rotate(-8deg) scale(1);}
.pr6-fc{display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); align-items: stretch; gap: clamp(8px, 2.6cqw, 14px);}
.pr6-jr{list-style: none; margin: 0; padding: 0; display: grid; align-content: center; gap: 5px;}
.pr6-jr li{position: relative; display: flex; align-items: center; justify-content: space-between; gap: 8px; height: clamp(26px, 7.8cqw, 32px); padding: 0 10px;
  border: 1px solid var(--s-line); border-radius: 6px; background: var(--s-panel); opacity: 0; transform: translateX(-10px); transition: opacity 0.35s, transform 0.45s var(--gx-ease);}
.pr6-jr li.is-on{opacity: 1; transform: none;}
.pr6-jr span{min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--s-ink2);}
.pr6-jr b{flex: none; font: 600 13px/1 var(--gx-mono); color: var(--s-ink);}
.pr6-jr b.pr6-pos{color: var(--s-ok);}
.pr6-pk{position: absolute; z-index: 2; left: 0; top: 0; width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 50%; background: #ffd36b; box-shadow: 0 0 8px #ffd36b; opacity: 0; pointer-events: none;
  transform: translate(var(--px, 0px), var(--py, 0px));}
.pr6-pk.is-fly{animation: pr6-fly 0.6s var(--gx-ease);}
.pr6-rep{display: grid; grid-template-rows: minmax(0, 1fr) auto; align-content: center; gap: 8px; min-width: 0;}
.pr6-pnl{display: grid; align-content: center; gap: 5px; padding: clamp(8px, 2.4cqw, 12px); border: 1px solid var(--s-line2); border-radius: 8px; background: var(--s-panel);}
.pr6-pnl .pr6-k{margin: 0 0 2px;}
.pr6-pnl p:not(.pr6-k){position: relative; display: flex; justify-content: space-between; gap: 8px; margin: 0 -6px; padding: 1px 6px; font-size: 13px; line-height: 1.3; color: var(--s-ink2);}
.pr6-pnl p:not(.pr6-k)::after{content: ''; position: absolute; inset: 0; border-radius: 4px; background: color-mix(in srgb, var(--s-gold) 18%, transparent); opacity: 0; pointer-events: none;}
.pr6-pnl p.is-hit::after{animation: pr6-flash2 0.9s var(--gx-ease);}
.pr6-pnl b{font: 600 13px/1.3 var(--gx-mono); color: var(--s-ink);}
.pr6-pnl .pr6-tot{padding-top: 5px; border-top: 1px solid var(--s-line);}
.pr6-pnl .pr6-tot span{font-weight: 600; color: var(--s-ink);}
.pr6-pnl .pr6-tot b{color: var(--s-gold);}
.pr6-bal{display: flex; align-items: center; justify-content: center; gap: 6px; margin: 0; padding: 7px 10px; border: 1px dashed var(--s-line2); border-radius: 8px; font-size: 13px; color: var(--s-mut);
  transition: color 0.35s, border-color 0.35s, background-color 0.35s;}
.pr6-bal .pr6-ok{opacity: 0; transform: scale(0.6); transition: opacity 0.3s, transform 0.3s var(--gx-ease);}
.pr6-bal.is-on{border-style: solid; border-color: color-mix(in srgb, var(--s-ok) 40%, transparent); background: color-mix(in srgb, var(--s-ok) 8%, transparent); color: var(--s-ok);}
.pr6-bal.is-on .pr6-ok{opacity: 1; transform: none;}
.pr6-bav{display: grid; place-items: center; flex: none; width: 22px; height: 22px; border-radius: 50%; background: linear-gradient(135deg, #f6de8a, #c9a332); color: #140f00; font: 700 13px/1 var(--gx-font); font-style: normal;}
.pr6-bl > b{font: 600 14px/1 var(--gx-font); letter-spacing: 0; color: #ededed;}
.pr6-ai{flex: none; font: 500 13px/1 var(--gx-mono); letter-spacing: 0.02em; color: #ebc554;}
.pr6-be{display: grid; grid-template-rows: auto minmax(0, 1fr); gap: clamp(8px, 2.6cqw, 12px);}
.pr6-chan{display: flex; justify-content: center; gap: 6px;}
.pr6-ch{display: inline-flex; align-items: center; gap: 6px; height: clamp(30px, 8.8cqw, 38px); padding: 0 12px 0 9px; border: 1px solid var(--s-line2); border-radius: 999px;
  font: 500 13px/1 var(--gx-font); color: var(--s-mut); transition: color 0.3s, border-color 0.3s, background-color 0.3s;}
.pr6-ch .pr6-ic{width: clamp(18px, 5.4cqw, 22px); height: clamp(18px, 5.4cqw, 22px); stroke-width: 1.6;}
.pr6-ch.is-on{color: var(--s-ink); border-color: var(--s-gold); background: color-mix(in srgb, var(--s-gold) 10%, transparent);}
.pr6-ch.is-on .pr6-ic{color: var(--s-gold);}
.pr6-chat{display: flex; flex-direction: column; justify-content: center; gap: 6px; min-height: 0;}
.pr6-msg{max-width: 88%; margin: 0; padding: 7px 12px; font-size: 13px; line-height: 1.35; opacity: 0; transform: translateY(6px); transition: opacity 0.35s, transform 0.4s var(--gx-ease);}
.pr6-msg.is-on{opacity: 1; transform: none;}
.pr6-msg--in{align-self: flex-start; border-radius: 12px 12px 12px 4px; background: var(--s-raised); color: var(--s-ink);}
.pr6-msg--out{border-radius: 12px 12px 4px 12px; border: 1px solid color-mix(in srgb, var(--s-gold) 36%, transparent); background: color-mix(in srgb, var(--s-gold) 14%, var(--s-panel)); color: var(--s-ink);}
.pr6-slot{display: grid; justify-items: end;}
.pr6-slot > *{grid-area: 1 / 1;}
.pr6-dots{display: inline-flex; align-items: center; gap: 4px; min-height: 31px;}
.pr6-dots i{width: 6px; height: 6px; border-radius: 50%; background: var(--s-gold); animation: pr6-dot 1.2s ease-in-out infinite;}
.pr6-dots i:nth-child(2){animation-delay: 0.15s;}
.pr6-dots i:nth-child(3){animation-delay: 0.3s;}
.pr6-okl{display: inline-flex; align-items: center; gap: 6px; align-self: center; margin: 2px 0 0; font-size: 13px; color: var(--s-ok); opacity: 0; transform: translateY(4px); transition: opacity 0.4s, transform 0.4s var(--gx-ease);}
.pr6-okl.is-on{opacity: 1; transform: none;}
@container (max-width: 359px){.pr6-tgs,.pr6-tm-h .pr6-ic,.pr6-tm-s,.pr6-lw{display: none;}
.pr6-sw-s{display: inline;}
.pr6-tm-n{display: block;}
.pr6-tm-c{gap: 8px; padding: 8px 4px; justify-content: center;}
.pr6-mw{--row: 20px; height: var(--row);}
.pr6-mem{transform: translateY(calc((var(--mem, 0) + 2) * var(--row) * -1));}
.pr6-mem li.is-new::before{display: none;}
.pr6-cnt{font-size: 20px;}
.pr6-res,.pr6-post,.pr6-ck,.pr6-risk,.pr6-ml--a,.pr6-pk{display: none;}
.pr6-sd-row{grid-template-columns: auto minmax(0, 1fr);}
.pr6-nets{grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 4px;}
.pr6-net svg{width: 62%; height: 62%;}
.pr6-ds,.pr6-lgl{grid-template-columns: minmax(0, 1fr);}
.pr6-fc{grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto; gap: 7px; align-content: center;}
.pr6-jr{gap: 4px;}
.pr6-jr li{height: 24px;}
.pr6-rep{grid-template-rows: none; grid-template-columns: minmax(0, 1fr) auto;}
.pr6-pnl{padding: 0 10px; align-content: center;}
.pr6-pnl .pr6-k,.pr6-pnl p[data-a="rv"],.pr6-pnl p[data-a="xv"]{display: none;}
.pr6-pnl .pr6-tot{padding-top: 0; border-top: 0;}
.pr6-bal{padding: 6px 10px;}
.pr6-doc{--lr: 25px;}
.pr6-lg-row{gap: 6px; grid-template-columns: minmax(0, 1.36fr) minmax(0, 1fr);}
.pr6-lg-eta b{font-size: 14px;}
.pr6-lg-box{padding: 6px 8px;}
.pr6-lg-i{display: none;}
.pr6-ch{padding: 0 10px 0 8px;}
.pr6-sd-cap{text-wrap: balance;}}
@container (min-width: 560px){.pr6-scr{font-size: 14px;}
.pr6-tgs li,.pr6-mem li,.pr6-wipe,.pr6-sd-cap,.pr6-ck li,.pr6-cl li,.pr6-jr li,.pr6-pnl p:not(.pr6-k),.pr6-msg,.pr6-ch,.pr6-rs li{font-size: 15px;}
.pr6-mw{--row: 26px;}
.pr6-done{font-size: 16px;}
.pr6-tm-c{padding: 14px 12px; gap: 10px;}
.pr6-tgs{gap: 10px;}
.pr6-doc{--lr: 42px; align-content: center; padding-bottom: 54px;}
.pr6-jr{gap: 8px;}
.pr6-jr li{height: 44px; padding: 0 14px;}
.pr6-rep{grid-template-rows: auto auto;}
.pr6-pnl{gap: 10px; padding: 16px;}
.pr6-msg{padding: 10px 14px;}
.pr6-chat{gap: 10px;}
.pr6-ck{gap: 16px;}}
@keyframes pr6-breathe{ 0%, 100% { opacity: 0.72; transform: scale(0.94); } 50% { opacity: 1; transform: scale(1.08); } }
@keyframes pr6-ping{ 0% { opacity: 0.85; transform: scale(0.42); } 100% { opacity: 0; transform: scale(1); } }
@keyframes pr6-pulse{ 0%, 100% { opacity: 0; } 30% { opacity: 1; } }
@keyframes pr6-bump{ 0% { transform: scale(1); } 35% { transform: scale(1.16); } 100% { transform: scale(1); } }
@keyframes pr6-flash{ 0% { opacity: 0.35; } 100% { opacity: 1; } }
@keyframes pr6-flash2{ 0% { opacity: 0; } 25% { opacity: 1; } 100% { opacity: 0; } }
@keyframes pr6-wv{ 0%, 100% { transform: scaleY(calc(var(--h) * 0.2)); } 50% { transform: scaleY(var(--h)); } }
@keyframes pr6-blink{ 0%, 100% { opacity: 1; } 50% { opacity: 0.25; } }
@keyframes pr6-press{ 0% { transform: scale(1); } 35% { transform: scale(0.88); } 100% { transform: scale(1); } }
@keyframes pr6-ring{ 0% { opacity: 0.9; transform: scale(0.5); } 100% { opacity: 0; transform: scale(1); } }
@keyframes pr6-chase{ 0%, 9% { opacity: 0.85; } 24%, 100% { opacity: 0; } }
@keyframes pr6-twinkle{ 0%, 100% { opacity: 0.25; } 50% { opacity: 0.85; } }
@keyframes pr6-hit{ 0% { opacity: 0.9; transform: scale(0.5); } 100% { opacity: 0; transform: scale(2.4); } }
@keyframes pr6-burst{ 0% { opacity: 1; transform: scale(0.6); } 100% { opacity: 0; transform: scale(3.4); } }
@keyframes pr6-fly{ 0% { opacity: 0; transform: translate(var(--px, 0px), var(--py, 0px)); } 20% { opacity: 1; } 100% { opacity: 0; transform: translate(calc(var(--px, 0px) + var(--pd, 30px)), var(--py, 0px)); } }
@keyframes pr6-dot{ 0%, 100% { opacity: 0.3; transform: translateY(0); } 40% { opacity: 1; transform: translateY(-3px); } }
.pr6:not(.is-live) .pr6-stage *,.pr6:not(.is-live) .pr6-stage *::before,.pr6:not(.is-live) .pr6-stage *::after,.pr6-pane:not(.is-on) *,.pr6-pane:not(.is-on) *::before,.pr6-pane:not(.is-on) *::after{animation-play-state: paused !important;}
@media (max-width: 1199px){.pr6-p{gap: 10px; padding-inline-end: 8px;}
.pr6-pi{width: 30px; height: 30px;}}
@media (max-width: 1023px){.pr6.sec{padding: clamp(56px, 8vw, 88px) 0 clamp(64px, 9vw, 96px);}
.pr6-stage{height: auto; grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); grid-template-areas: 'core list' 'frame frame'; row-gap: 28px; align-items: center;}
.pr6-wires,.pr6-hub{display: none;}
.pr6-sph{width: min(100%, 340px);}
.pr6-grp:not(:first-child){margin-top: 14px; padding-top: 0;}
.pr6-pane{padding: clamp(18px, 3vw, 26px);}
.pr6-line{min-height: 0;}}
@media (max-width: 767px){.pr6-stage{display: flex; flex-direction: column; gap: 22px;}
.pr6-core{order: -1; align-self: center; padding: 8px 10px 14px;}
.pr6-sph{width: min(72vw, 300px);}
.pr6-os b{font-size: 22px;}
.pr6-p{min-height: 52px;}
.pr6-list .pr6-frame{margin: -5px 0 10px; border-color: var(--gx-line2); border-top: 0; background: var(--gx-card2);}
.pr6-list .pr6-frame::before{display: none;}
.pr6-list .pr6-pane{gap: 12px; padding: 12px 0 14px;}
.pr6-list .pr6-tag,.pr6-list .pr6-name{display: none;}
.pr6-list .pr6-line{margin: 0; padding: 0 12px;}
.pr6-list .pr6-scr{margin: 0; border-radius: 0; border-inline: 0; box-shadow: none;}
.pr6-list .pr6-go{margin: 0 12px; align-self: stretch;}
.pr6 .gx-btn.pr6-go{height: 48px;}}
@media (prefers-reduced-motion: reduce){.pr6-stage *,.pr6-stage *::before,.pr6-stage *::after{animation: none !important; transition-duration: 0.01ms !important; transition-delay: 0s !important;}
.pr6-glow{opacity: 0.85;}}
.gx-hdr .gx-id{gap: 0;}
.gx-hdr .gx-mark{width: 54px; height: 54px;}
.gx-hdr .gx-wm{font-size: 28px; gap: 12px; letter-spacing: 0.06em;}
@media (min-width: 1281px) and (max-width: 1439px){.gx-hdr .gx-key{width: 44px; padding: 0; gap: 0; justify-content: center;}
.gx-hdr .gx-key-t{position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;}}
@media (max-width: 767px){.gx-hdr .gx-mark{width: 42px; height: 42px;}
.gx-hdr .gx-wm{font-size: 21px; gap: 8px;}}
html:where(.v7)[data-theme="light"] .gx-hdr:not(.is-glass){--gx-bg: #050505; --gx-bg2: #0b0b0d; --gx-line: rgba(235, 197, 84, 0.2); --gx-line2: rgba(235, 197, 84, 0.46);
  --gx-ink: #ededed; --gx-ink2: #c7c7c7; --gx-muted: #9a9a9a; --gx-gold: #ebc554; --gx-gold-hi: #ffd36b; --gx-gold-lo: #ccac0b; --gx-glow: rgba(235, 197, 84, 0.5);
  --gx-grad: linear-gradient(100deg, #fff1c4 0%, #ffd36b 18%, #ebc554 42%, #ccac0b 64%, #ffd36b 84%, #fff1c4 100%);
  --gx-btn-bg: linear-gradient(180deg, #ffd978 0%, #ebc554 46%, #c9a20e 100%); --gx-btn-ink: #140f00; --gx-th: #ffe39a; color: var(--gx-ink); color-scheme: dark;}
html:where(.v7)[data-theme="light"] .gx-night{--nm-metal: linear-gradient(180deg, #fffaf0 0%, #f7e9bd 30%, #ebc554 58%, #a8800f 100%); --nm-glint: rgba(255, 255, 255, 0.9);}
:root:where(.v7){--gx-hdr-solid: rgba(8, 8, 10, 0.98);}
:where(html.v7)[data-theme="light"]{--gx-hdr-solid: rgba(250, 250, 248, 0.98);}
.gx-hdr.is-glass{-webkit-backdrop-filter: none; backdrop-filter: none; background: var(--gx-hdr-solid);}
.h7:not(.is-vis) .nm-name,.h7:not(.is-vis) .cs-set li::before,.h7:not(.is-vis) .gx-btn::after{animation-play-state: paused;}
.h7 .cs-slot .roll{row-gap: 6px;}
.gx-l7{position: relative;}
.gx-l7-b{display: inline-flex; align-items: center; gap: 6px; height: 44px; padding: 0 10px 0 14px; border: 1px solid var(--gx-line); background: transparent; cursor: pointer;
  font: 500 14px/1 var(--gx-mono); letter-spacing: 0.08em; color: var(--gx-ink); transition: border-color 0.2s, color 0.2s;}
.gx-l7-b .i-chev{color: var(--gx-ink2); transition: transform 0.2s var(--gx-ease);}
.gx-l7-b:hover,.gx-l7-b[aria-expanded="true"]{border-color: var(--gx-gold); color: var(--gx-gold);}
.gx-l7-b[aria-expanded="true"] .i-chev{transform: rotate(180deg);}
.gx-l7-m{position: absolute; z-index: 5; top: calc(100% + 8px); right: 0; min-width: 196px; padding: 6px; display: grid; gap: 2px;
  background: var(--gx-bg2); border: 1px solid var(--gx-line2); box-shadow: var(--gx-shadow);}
.gx-l7-m[hidden]{display: none;}
.gx-l7-m button{display: flex; align-items: center; gap: 14px; height: 44px; padding: 0 12px; border: 0; background: transparent; cursor: pointer; text-align: start;
  color: var(--gx-ink2); font: 400 15px/1 var(--gx-font);}
.gx-l7-m button b{width: 28px; font: 500 14px/1 var(--gx-mono); letter-spacing: 0.08em; color: var(--gx-ink);}
.gx-l7-m button:hover,.gx-l7-m button:focus-visible{background: var(--gx-card2); color: var(--gx-ink);}
.gx-l7-m button[aria-checked="true"] b{color: var(--gx-gold);}
.gx-l7 .gx-hint{white-space: nowrap;}
@media (max-width: 1280px){.gx-tools .gx-l7{display: none;}}
.h7 .h7-art{left: 0; top: 0; width: 100%; height: 100%;}
.h7-pl,.h7-pl img,.h7-vid{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 85% 50%;}
.h7-pl{display: block;}
.h7-vid{opacity: 0; transition: opacity 1.2s var(--gx-ease);}
.h7-vid.is-on{opacity: 1;}
.h7-vid--ph{display: none;}
.h7::before{background: linear-gradient(90deg, var(--gx-bg) 0%, color-mix(in srgb, var(--gx-bg) 75%, transparent) 28%, transparent 56%);}
@media (max-width: 767px), (max-aspect-ratio: 4/5){.h7{padding-top: calc(var(--gx-hdr) + 100vw * 0.86);}
.h7 .h7-art{top: 0; height: auto; aspect-ratio: 9 / 16;}
.h7-pl img{object-position: 50% 0;}
.h7-vid--pc{display: none;}
.h7-vid--ph{display: block; object-position: 50% 0;}
.h7::before{background: linear-gradient(transparent 0, transparent calc(100vw * 0.62), color-mix(in srgb, var(--gx-bg) 70%, transparent) calc(100vw * 0.92), var(--gx-bg) calc(100vw * 1.25));}}
.sc7-mars{--ar: 1.7778; --pic: url("/terminal/img/03-mars-2880.avif");}
.sc7-tower{--ar: 1.7778; --pic: url("/terminal/img/04-bashnya-2880.avif");}
@media (max-width: 1023px){.sc7-mars{--pic: url("/terminal/img/03-mars-1600.avif");}
.sc7-tower{--pic: url("/terminal/img/04-bashnya-1600.avif");}}
@media (min-width: 1024px) and (min-aspect-ratio: 5/4){.sc7-mars .frame-c{top: var(--gx-hdr);}
.sc7-mars .plate,.sc7-tower .plate{width: min(100cqw, calc(100cqh * var(--ar)));}
.sc7-mars .sc-txt,.sc7-tower .sc-txt{left: max(var(--gx-gut), calc((100vw - var(--gx-max)) / 2)); width: min(580px, 100vw - 2 * var(--gx-gut));}}
@media (min-width: 1024px) and (min-aspect-ratio: 5/4) and (max-height: 860px){.sc7-mars .h2,.sc7-tower .h2{font-size: clamp(30px, 3vw, 42px);}
.sc7-mars .sc-txt .k,.sc7-tower .sc-txt .k{margin-bottom: 12px;}
.sc7-mars .sc-txt .sub,.sc7-tower .sc-txt .sub{margin-top: 12px;}
.sc7-mars .steps{margin-top: 18px; gap: 6px;}
.sc7-mars .step{padding: 11px 16px 12px;}
.sc7-mars .keep{margin-top: 14px;}
.sc7-mars .regs{margin-top: 10px;}
.sc7-tower .dp{margin-top: 14px;}
.sc7-tower .dp-proof{margin-top: 10px;}}
.sc7-mars .veil,.sc7-tower .veil{background: linear-gradient(90deg, rgba(5, 5, 5, 0.6), transparent 46%), linear-gradient(180deg, rgba(5, 5, 5, 0.5), transparent 18%, transparent 80%, rgba(5, 5, 5, 0.9));}
.sc7-mars .steps{position: relative; isolation: isolate;}
.sc7-mars .steps::before{content: ''; position: absolute; z-index: -1; left: 0; right: 0; top: 0; height: var(--ih, 0px); transform: translateY(var(--iy, 0px));
  border: 1px solid #ebc554; background: linear-gradient(90deg, rgba(235, 197, 84, 0.18), rgba(8, 8, 10, 0.55) 78%);
  box-shadow: 0 18px 44px -26px rgba(235, 197, 84, 0.55); transition: transform 0.75s cubic-bezier(0.2, 0.9, 0.2, 1), height 0.75s cubic-bezier(0.2, 0.9, 0.2, 1); pointer-events: none;}
.sc7-mars .steps::after{content: ''; position: absolute; z-index: -1; left: 0; top: 0; width: 3px; height: var(--ih, 0px); transform: translateY(var(--iy, 0px));
  background: linear-gradient(#ffe7a3, #ebc554); box-shadow: 0 0 14px rgba(255, 211, 107, 0.7); transition: transform 0.75s cubic-bezier(0.2, 0.9, 0.2, 1), height 0.75s cubic-bezier(0.2, 0.9, 0.2, 1);}
.sc7-mars .step,.sc7-mars .step.is-on{border-color: rgba(235, 197, 84, 0.14); background: rgba(8, 8, 10, 0.5); transition: border-color 0.5s, background-color 0.5s;}
.sc7-mars .step.is-on{border-color: transparent; background: transparent;}
.sc7-mars .step b{transition: color 0.45s var(--gx-ease); color: var(--gx-ink2);}
.sc7-mars .step.is-on b{color: #fff;}
.sc7-mars .step .d{display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows 0.6s cubic-bezier(0.2, 0.9, 0.2, 1), opacity 0.35s var(--gx-ease);}
.sc7-mars .step .d > span{overflow: hidden; min-height: 0;}
.sc7-mars .step.is-on .d{grid-template-rows: 1fr; opacity: 1; transition: grid-template-rows 0.6s cubic-bezier(0.2, 0.9, 0.2, 1), opacity 0.5s var(--gx-ease) 0.15s;}
.sc7-mars .step:not(.is-on){row-gap: 0;}
.sc7-mars .plate{transform-origin: 74% 16%; transition: transform 1.4s cubic-bezier(0.2, 0.9, 0.2, 1), transform-origin 1.4s cubic-bezier(0.2, 0.9, 0.2, 1);}
.sc7-mars[data-step="0"] .plate{transform: scale(1.035); transform-origin: 74% 16%;}
.sc7-mars[data-step="1"] .plate{transform: scale(1.035); transform-origin: 74% 50%;}
.sc7-mars[data-step="2"] .plate{transform: scale(1.035); transform-origin: 74% 80%;}
.spot7{position: absolute; inset: 0; z-index: 0; opacity: 0; pointer-events: none; transition: opacity 0.9s var(--gx-ease);
  background: radial-gradient(ellipse 24% 26% at var(--sx) var(--sy), transparent 0%, transparent 45%, rgba(0, 0, 0, 0.5) 100%);}
.sc7-mars[data-step="0"] .sp0,.sc7-mars[data-step="1"] .sp1,.sc7-mars[data-step="2"] .sp2{opacity: 1;}
.glow7{fill: url(#g7);}
.orb7{fill: none; stroke: #ffd36b; stroke-width: 6; stroke-linecap: round; stroke-dasharray: 0.004 0.011; animation: orb7 9s linear infinite paused;}
.sc7-mars.is-vis[data-step="0"] .orb7{animation-play-state: running;}
@keyframes orb7{ to { stroke-dashoffset: -1; } }
.arc7{fill: none; stroke: #ffe39a; stroke-width: 6; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 1.6s var(--gx-ease-io);}
.arc7.hal7{stroke: rgba(255, 211, 107, 0.28); stroke-width: 22;}
.sc-dome[data-step="1"] .ly1 .arc7,.sc-dome[data-step="2"] .ly2 .arc7{stroke-dashoffset: 0;}
.ping7{fill: none; stroke: #ffe39a; stroke-width: 4; transform-box: fill-box; transform-origin: center; animation: hit 2.4s var(--gx-ease) infinite paused;}
.sc7-mars.is-vis[data-step="2"] .ping7{animation-play-state: running;}
.sc7-tower .cham{animation: none; opacity: 0; transition: opacity 0.6s var(--gx-ease);}
.sc7-tower .cham.is-on{opacity: 1;}
.fl7{fill: url(#fl7);}
.slab7{fill: none; stroke: #ffe39a; stroke-width: 5; stroke-linecap: round; opacity: 0; transition: opacity 0.5s var(--gx-ease);}
.slab7.is-on{opacity: 1;}
.sc7-tower .tail.dp-t{stroke-width: 3;}
.sc7-tower .tag7{translate: 0 -50%;}
@media (max-width: 767px){.sc7-tower .tag7{display: none;}}
.sc7-tower .dp-row{grid-template-columns: repeat(4, auto);}
.sc7-tower .dp-b{white-space: nowrap;}
.sc7-tower .tag7{letter-spacing: 0.06em;}
@media (max-width: 1279px){.sc7-tower .tag7,.sc7-tower .dp-t{display: none;}}
.dp-proof7{display: grid; gap: 6px; font-size: 15px;}
.dp-pl{display: flex; flex-wrap: wrap; align-items: center; gap: 6px 22px;}
.dp-proof7 b.gx-cap{color: var(--gx-gold); font-weight: 500;}
.dp-proof7 a{display: inline-flex; align-items: center; gap: 6px; min-height: 30px; font: 600 15px/1.2 var(--gx-font); color: var(--gx-ink);
  text-decoration: none; border-bottom: 1px solid var(--gx-line2); transition: color 0.2s, border-color 0.2s;}
.dp-proof7 a svg{width: 14px; height: 14px; fill: none; stroke: var(--gx-gold); stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round;}
.dp-proof7 a:hover,.dp-proof7 a:focus-visible{color: var(--gx-gold); border-bottom-color: var(--gx-gold);}
@media (prefers-reduced-motion: reduce){.sc7-mars .steps::before,.sc7-mars .steps::after,.sc7-mars .step .d,.sc7-mars .plate,.spot7{transition: none;}
.h7-vid{display: none;}
.orb7,.ping7{animation: none;}
.arc7,.slab7,.sc7-tower .cham{transition: none;}}
.td .td-cmp{gap: 10px; margin-bottom: 10px; padding: 12px 12px 12px 18px; border-radius: 18px; border-color: var(--td-line2); box-shadow: 0 14px 34px -22px rgba(0, 0, 0, 0.7);
  transition: border-color 0.2s;}
.td .td-cmp:focus-within{border-color: rgba(235, 197, 84, 0.55);}
.td .td-cmp textarea{height: 48px; font-size: 16px; line-height: 24px;}
.td .td-send{width: 36px; height: 36px; border-radius: 50%;}
.td .td-send:disabled{opacity: 1; background: transparent; color: var(--td-mut); box-shadow: inset 0 0 0 1px var(--td-line2);}
.td-note7{margin: 0 26px 12px; text-align: center; font-size: 13px; line-height: 1.4; color: var(--td-mut);}
.tm-win .td-note7{margin-right: 66px;}
.td--mob .td-note7{display: none;}
.tm-copy .sub{text-wrap: pretty;}
@media (max-width: 1023px){.tm-win .td-note7{margin-right: 26px;}}
@media (prefers-reduced-motion: reduce){.td-typing i{animation: none;}}
#terminal .td-tag,#terminal .td-hist,#terminal .td-side .td-cap ~ .td-cap,#terminal .td-side .td-demo,#terminal .td-top .td-on,#terminal .td-tools .td-tl-t{display: none;}
#terminal .td-hi{font-size: 30px;}
#terminal .td--mob .td-hi{font-size: 22px;}
#terminal .td-agsub{font-size: 15px;}
#terminal .td-me{font-size: 15px;}
#terminal .td-st small{color: var(--td-mut);}
.td-mode7{display: inline-flex; align-items: center; gap: 2px; margin-inline-end: 6px; padding: 3px; border: 1px solid var(--td-line); border-radius: 999px; background: var(--td-bg);}
.td-mode7 button{display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 12px; border-radius: 999px; color: var(--td-mut); font: 500 13px/1 var(--gx-font);
  transition: background-color 0.25s var(--gx-ease), color 0.25s var(--gx-ease);}
.td-mode7 svg{width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round;}
.td-mode7 button:hover{color: var(--td-ink);}
.td-mode7 button[aria-pressed="true"]{background: var(--td-raised2); color: var(--td-ink);}
.td-mode7 button:focus-visible{outline: 2px solid var(--td-gold); outline-offset: 1px;}
.td--mob .td-mode7{display: none;}
.td--desk .td-body{transition: grid-template-columns 0.35s var(--gx-ease);}
.td--desk[data-mode="fokus"] .td-body{grid-template-columns: 64px minmax(0, 1fr);}
.td--desk[data-mode="fokus"] .td-side{align-items: center; padding: 14px 8px;}
.td--desk[data-mode="fokus"] .td-side .td-wm,.td--desk[data-mode="fokus"] .td-side .td-cap{display: none;}
.td--desk[data-mode="fokus"] .td-new,.td--desk[data-mode="fokus"] .td-ag{width: 44px; height: 44px; padding: 0; gap: 0; justify-content: center; font-size: 0;}
.td--desk[data-mode="fokus"] .td-new .ic,.td--desk[data-mode="fokus"] .td-ag .ic{width: 18px; height: 18px;}
.td--desk[data-mode="fokus"] .td-empty{padding-top: 40px; gap: 14px;}
.td--desk[data-mode="fokus"] .td-hi{font-size: 34px;}
.td--desk[data-mode="fokus"] .td-starters{max-width: 560px;}
@media (prefers-reduced-motion: reduce){.td--desk .td-body{transition: none;}}
.pr7{--pr7-cap: 96px; --pr7-h: var(--pr6-st);}
.pr7 .sh{position: relative; z-index: 3;}
.pr7 .pr7-core{align-self: stretch; justify-self: stretch; margin: 0; padding: 0; display: block; border: 0;}
.pr7-plate{--gh: calc((var(--pr7-h) - var(--pr7-cap)) * 1.35); --gw: calc(var(--gh) * 1.7778);
  position: absolute; z-index: 0; left: calc(50% - var(--gw) * 0.495); top: calc(var(--gh) * -0.116); width: var(--gw); height: var(--gh); pointer-events: none;
  -webkit-mask: radial-gradient(ellipse 31% 60% at 49.6% 45%, #000 72%, transparent 100%), linear-gradient(#000 84%, transparent 91%);
  -webkit-mask-composite: source-in; mask: radial-gradient(ellipse 31% 60% at 49.6% 45%, #000 72%, transparent 100%) intersect, linear-gradient(#000 84%, transparent 91%);}
.pr7-img{position: absolute; inset: 0; display: block; width: 100%; height: 100%;}
.pr7-fx{z-index: 1;}
.pr7 .pr6-hub{z-index: 2;}
.pr7 .pr7-core .pr6-os{position: absolute; z-index: 3; left: 50%; bottom: 2px; width: max-content; max-width: 100%; margin: 0; translate: -50% 0;}
.pr7 .pr7-core .pr6-os::before{content: ''; position: absolute; z-index: -1; inset: -22px -56px -12px; background: radial-gradient(closest-side, rgba(0, 0, 0, 0.92), rgba(0, 0, 0, 0.6) 55%, transparent);}
.pr7 .pr7-core .pr6-os b{font: 800 clamp(28px, 2.5vw, 38px)/1 var(--gx-font); letter-spacing: -0.02em; text-transform: uppercase;
  background: var(--nm-metal); -webkit-background-clip: text; background-clip: text; color: transparent;}
.pr7 .pr7-core .pr6-os span{margin-top: 10px; color: var(--gx-gold);}
.pr7 .pr6-be{grid-template-rows: auto auto; align-content: center; gap: clamp(12px, 4cqw, 20px);}
.pr7 .pr6-chan{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px;}
.pr7 .pr6-ch{justify-content: center; padding: 0 10px;}
.pr7 .pr6-chat{justify-content: flex-start; gap: 8px;}
.pr7-h{fill: none; stroke: rgba(255, 211, 107, 0.3); stroke-width: 28; stroke-linecap: round; opacity: 0; transition: opacity 0.45s var(--gx-ease);}
.pr7-l{fill: none; stroke: #ffe7a3; stroke-width: 7; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 1; opacity: 0;
  transition: opacity 0.45s var(--gx-ease), stroke-dashoffset 0s linear 0.45s;}
.pr7-gl{fill: url(#pr7g); opacity: 0; transition: opacity 0.6s var(--gx-ease);}
.pr7-pi{fill: none; stroke: #ffe7a3; stroke-width: 4; opacity: 0; transform-box: fill-box; transform-origin: center;}
.pr7-a.is-on .pr7-h{opacity: 1; transition-delay: 0.2s;}
.pr7-a.is-on .pr7-l{opacity: 1; stroke-dashoffset: 0; transition: opacity 0.2s, stroke-dashoffset 1.3s var(--gx-ease-io);}
.pr7-a.is-on .pr7-gl{opacity: 1;}
.pr7.is-live .pr7-a.is-on .pr7-pi{animation: hit 2.4s var(--gx-ease) infinite;}
html:where(.v7)[data-theme="light"] .pr7{--pr6-wc: #ebc554;}
html:where(.v7)[data-theme="light"] .pr7 .pr6-wp{fill: #fff4cf;}
html:where(.v7)[data-theme="light"] .pr7 .pr6-p[aria-pressed="true"]{box-shadow: none;}
html:where(.v7)[data-theme="light"] .pr7 .pr6-p[aria-pressed="true"] .pr6-pi{background: rgba(235, 197, 84, 0.12);}
html:where(.v7)[data-theme="light"] .pr7 .pr6-core{background: none; border-color: transparent; box-shadow: none;}
html:where(.v7)[data-theme="light"] .pr7 .pr6-frame{box-shadow: none;}
html:where(.v7)[data-theme="light"] .pr7 .pr6-scr{--s-bg: #0b0b0d; --s-panel: #141417; --s-raised: #1b1b1f; --s-pg: #111114; --s-line: rgba(255, 255, 255, 0.08);
  --s-line2: rgba(255, 255, 255, 0.15); --s-ink: #ededed; --s-ink2: #c7c7c7; --s-mut: #9a9a9a; --s-gold: #ebc554; --s-ok: #86d4ad; --s-warn: #e7b24c;
  --s-risk: #f08a7c; --s-dot: #5c5850;}
html:where(.v7)[data-theme="light"] .pr7 .pr6-lg-sc,html:where(.v7)[data-theme="light"] .pr7 .pr6-lg-s0{fill: #fff4cf; stroke: #ebc554;}
@media (max-width: 1023px){.pr7{--pr7-h: clamp(340px, 44vw, 420px);}
.pr7 .pr7-core{height: var(--pr7-h);}}
@media (max-width: 767px){.pr7{--pr7-h: min(104vw, 440px); --pr7-cap: 84px;}
.pr7 .pr7-core{align-self: stretch;}}
@media (prefers-reduced-motion: reduce){.pr7-l,.pr7-h,.pr7-gl{transition: none;}}
.mt7{--mt7-p: 0; --mt7-dot: 18px; position: relative; background: var(--gx-bg); color: var(--gx-ink);}
.mt7::before{content: ''; position: absolute; z-index: 1; top: 0; left: 50%; width: min(1200px, 90%); height: 1px; translate: -50% 0;
  background: linear-gradient(90deg, transparent, var(--gx-line2), transparent);}
.mt7 .sh{max-width: none; margin: 0;}
.mt7 .sh .k{margin-bottom: 14px;}
.mt7 .sub{margin-top: 14px;}
.mt7-path{position: relative; flex: 1; min-width: 0; height: 120px;}
.mt7-s{position: absolute; left: var(--x); top: var(--y); width: 0; height: 0;}
.mt7-b{position: absolute; left: 0; top: 0; translate: -50% -22px; display: grid; justify-items: center; gap: 4px; width: max-content; max-width: 190px; padding: 0 6px 6px;
  border: 0; background: none; color: var(--gx-ink2); cursor: pointer; text-align: center;}
.mt7-s:first-child .mt7-b{translate: -22px -22px; justify-items: start; text-align: start; padding-left: 0;}
.mt7-t{font: 600 17px/1.25 var(--gx-font); letter-spacing: -0.01em; transition: color 0.3s;}
.mt7-s.is-on .mt7-t{color: var(--gx-ink);}
.mt7-b:focus-visible{outline: 2px solid var(--gx-gold); outline-offset: 4px;}
@media (hover: hover) and (pointer: fine){.mt7-b:hover .mt7-t{color: var(--gx-ink);}}
.mt7-card{position: relative; width: min(480px, 46%); margin-top: clamp(40px, 6.4vh, 64px); padding: 22px 26px 24px; background: var(--gx-bg2); border: 1px solid var(--gx-line);
  box-shadow: var(--gx-shadow); transform: translateX(var(--mt7-cx, 0px)); transition: transform 0.6s var(--gx-ease);}
.mt7-card::before{content: ''; position: absolute; top: -8px; left: var(--mt7-px, 40px); width: 14px; height: 14px; margin-left: -7px; rotate: 45deg;
  background: var(--gx-bg2); border-left: 1px solid var(--gx-line); border-top: 1px solid var(--gx-line); transition: left 0.6s var(--gx-ease);}
.mt7-card::after{content: ''; position: absolute; left: -1px; right: -1px; top: -1px; height: 1px; background: linear-gradient(90deg, var(--gx-gold), transparent 70%);}
.mt7-pages{display: grid;}
.mt7-pg{grid-area: 1 / 1; min-width: 0; opacity: 0; visibility: hidden; transition: opacity 0.25s var(--gx-ease), visibility 0s linear 0.25s;}
.mt7-pg.is-on{opacity: 1; visibility: visible; transition: opacity 0.45s var(--gx-ease) 0.1s, visibility 0s;}
.mt7-no{margin: 0 0 8px; color: var(--gx-gold);}
.mt7-h3{margin: 0; font: 700 var(--gx-fs-h3)/1.15 var(--gx-font); letter-spacing: -0.012em;}
.mt7-dl{margin: 16px 0 0; display: grid;}
.mt7-dl dt{margin-top: 12px; font: 500 13px/1.4 var(--gx-mono); letter-spacing: 0.1em; text-transform: uppercase; color: var(--gx-muted);}
.mt7-dl dt:first-child{margin-top: 0;}
.mt7-dl dd{margin: 4px 0 0; font-size: 16px; line-height: 1.5; color: var(--gx-ink); text-wrap: pretty;}
.mt7-svc{display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; column-gap: 28px; padding-block: 4px clamp(64px, 9vh, 112px);}
.mt7-svc .mt6-svc-cap{margin: 0; color: var(--gx-muted);}
@media (min-width: 1024px) and (min-aspect-ratio: 5/4) and (max-height: 860px){.mt7 .h2{font-size: clamp(30px, 3.3vw, 46px);}
.mt7-card{padding: 18px 24px 20px;}
.mt7-dl{margin-top: 12px;}}
@media (min-width: 1024px) and (max-width: 1279px) and (min-aspect-ratio: 5/4){.mt7 .mt7-b{max-width: 140px;}
.mt7 .mt7-t{font-size: 15px;}}
@media (max-width: 1023px), (max-aspect-ratio: 5/4){.mt7-path{height: auto;}
.mt7-card{display: none;}
.mt7-s:not(:last-child)::before,.mt7-s:not(:last-child)::after{content: ''; position: absolute; left: 21px; top: 22px; bottom: -22px; width: 2px; background: var(--gx-line2);}
.mt7-s:not(:last-child)::after{background: var(--gx-gold-hi); transform-origin: 50% 0; transform: scaleY(0); transition: transform 0.6s var(--gx-ease);}
.mt7-s.is-done::after{transform: scaleY(1);}
.mt7-s{position: relative; left: auto; top: auto; width: auto; height: auto; padding: 0 0 26px 62px;}
.mt7-s:last-child{padding-bottom: 0;}
.mt7-b,.mt7-s:first-child .mt7-b{position: static; translate: none; display: flex; align-items: center; gap: 12px; max-width: none; padding: 0; text-align: start;}
.mt7-b{min-height: 44px;}
.mt7-svc{grid-template-columns: minmax(0, 1fr); row-gap: 14px; padding-top: 40px;}}
@media (max-width: 1023px){.mt7-svc .mt6-doors{grid-template-columns: minmax(0, 1fr);}}
@media (prefers-reduced-motion: reduce){.mt7-pg,.mt7-card,.mt7-card::before,.mt7-s::after{transition: none !important;}}
.fq7{position: relative; padding: clamp(28px, 4.4vh, 48px) 0 clamp(72px, 10vh, 120px); background: var(--gx-bg); color: var(--gx-ink);}
.fq7::before{content: ''; position: absolute; top: 0; left: 50%; width: min(1200px, 90%); height: 1px; translate: -50% 0; background: linear-gradient(90deg, transparent, var(--gx-line2), transparent);}
.fq7 .sh{max-width: none; margin: 0;}
.fq7 .sh .k{margin-bottom: 14px;}
.fq7 .sub{margin-top: 14px;}
.fq7-qs{list-style: none; margin: 0; padding: 0; display: grid; gap: 4px;}
.fq7-q{position: relative; display: flex; align-items: center; gap: 14px; width: 100%; min-height: 50px; padding: 8px 14px 8px 14px; border: 1px solid transparent;
  background: none; color: var(--gx-ink2); font: 600 16px/1.3 var(--gx-font); text-align: start; cursor: pointer; transition: color 0.25s, background-color 0.25s, border-color 0.25s;}
.fq7-n{flex: none; width: 22px; font: 500 13px/1 var(--gx-mono); letter-spacing: 0.08em; color: var(--gx-muted); transition: color 0.25s;}
.fq7-q[aria-pressed="true"]{color: var(--gx-ink); background: var(--gx-card2); border-color: var(--gx-line2);}
.fq7-q[aria-pressed="true"]::before{content: ''; position: absolute; left: -1px; top: -1px; bottom: -1px; width: 2px; background: var(--gx-gold);}
.fq7-q[aria-pressed="true"] .fq7-n{color: var(--gx-gold);}
.fq7-q:focus-visible{outline: 2px solid var(--gx-gold); outline-offset: 2px;}
@media (hover: hover) and (pointer: fine){.fq7-q:hover{color: var(--gx-ink); background: var(--gx-card); border-color: var(--gx-line);}}
.fq7-win{grid-template-rows: auto minmax(0, 1fr) auto; border: 1px solid var(--td-gline); border-radius: 14px; box-shadow: var(--gx-shadow);}
.fq7-pair{grid-area: 1 / 1; display: grid; align-content: start; gap: 16px; min-width: 0; opacity: 0; visibility: hidden; transition: opacity 0.2s var(--gx-ease), visibility 0s linear 0.2s;}
.fq7-pair.is-on{opacity: 1; visibility: visible; transition: opacity 0.35s var(--gx-ease), visibility 0s;}
.fq7-pair.is-wait .fq7-a{display: none;}
.fq7-a{font-size: 16px; line-height: 1.6; text-wrap: pretty;}
.fq7-a.is-typing::after{content: ''; display: inline-block; width: 2px; height: 1.1em; margin-left: 3px; vertical-align: -0.18em; background: var(--td-gold); animation: fq7-caret 0.9s steps(1) infinite;}
@keyframes fq7-caret{ 50% { opacity: 0; } }
.fq7 .td-cmp{gap: 10px; margin: 6px 26px 20px; padding: 9px 9px 9px 18px; border-radius: 18px; align-items: center; transition: border-color 0.2s;}
.fq7 .td-cmp:focus-within{border-color: rgba(235, 197, 84, 0.55);}
.fq7 .td-cmp textarea{height: 26px; font-size: 16px; line-height: 26px;}
.fq7 .td-send{width: 36px; height: 36px; border-radius: 50%;}
.fq7 .td-send:disabled{opacity: 1; background: transparent; color: var(--td-mut); box-shadow: inset 0 0 0 1px var(--td-line2);}
@media (max-width: 1023px){.fq7{padding-top: clamp(56px, 8vw, 88px);}}
@media (max-width: 767px){.fq7-q{min-height: 52px; font-size: 16px;}
.fq7-qs li > .fq7-win{margin: 6px 0 12px;}
.fq7 .td-cmp{margin: 6px 12px 14px;}}
@media (prefers-reduced-motion: reduce){.fq7-pair,.fq7-q{transition: none;}
.fq7-a.is-typing::after{animation: none;}}
.fn7{--mh: 30cqh; --mx: calc(max(var(--gx-gut), (100cqw - var(--gx-max)) / 2) + (min(var(--gx-max), 100cqw - 2 * var(--gx-gut)) - 500px - clamp(40px, 5.5vw, 88px)) / 2); --my: 58cqh;}
html:where(.v7)[data-theme="light"] .fn7{--fn6-err: #ff8f7e; --fn6-in: rgba(255, 255, 255, 0.035); --fn6-in-f: rgba(255, 255, 255, 0.055);}
html:where(.v7)[data-theme="light"] .fn7::after{background: none;}
html:where(.v7)[data-theme="light"] .fn7 .fn6-sp .h{fill: url(#fn6-sg);}
html:where(.v7)[data-theme="light"] .fn7 .fn6-sp .c{fill: #fff4cf;}
.fn7::after{display: none;}
.fn7-pic{position: absolute; inset: 0; z-index: 0; overflow: hidden; container-type: size; pointer-events: none; min-height: 0; margin: 0;}
.fn7-img{--ih: calc(var(--mh) / 0.46); position: absolute; height: var(--ih); width: calc(var(--ih) * 1.7778); max-width: none;
  left: calc(var(--mx) - var(--ih) * 1.7778 * 0.269); top: calc(var(--my) - var(--ih) * 0.461);
  -webkit-mask: radial-gradient(ellipse 46% 58% at 27% 50%, #000 58%, transparent 100%), linear-gradient(#000 80%, transparent 93%); -webkit-mask-composite: source-in;
  mask: radial-gradient(ellipse 46% 58% at 27% 50%, #000 58%, transparent 100%) intersect, linear-gradient(#000 80%, transparent 93%);}
.fn7 .fn7-core{left: var(--mx); top: var(--my); width: var(--mh);}
.fn7 .fn6-glow{animation: none; opacity: 0;}
.fn7 .fn6-th{display: none;}
.fn7 .fn7-g{align-items: start;}
.fn7-g > .fn7-hd{grid-column: 1; grid-row: 1; position: relative; z-index: 2; justify-self: center; text-align: center;}
.fn7-g > .fn6-card{grid-column: 2; grid-row: 1;}
.fn7-hd .nm-name{justify-content: center;}
.fn7 .nm-name{font-size: clamp(40px, 4.6vw, 68px);}
.fn7 .fn6-cs-w{margin-top: 14px; padding: 12px 14px 12px 12px; border: 1px solid var(--gx-line); background: var(--gx-card);}
.fn7 .fn6-cs-t{line-height: 1.5;}
.fn7 .fn6-after{gap: 8px;}
.fn7 .fn6-after li{align-items: center;}
@media (min-width: 1000px) and (min-height: 640px){.fn7.fn6{align-content: start; padding: clamp(28px, 4.4vh, 48px) 0 clamp(28px, 4vh, 44px);}}
@media (max-width: 999px), (max-height: 639px){.fn7 .fn7-g{grid-template-columns: minmax(0, 1fr); grid-template-rows: none; row-gap: 28px;}
.fn7-g > .fn7-hd,.fn7-g > .fn6-card{grid-column: 1; grid-row: auto;}
.fn7-pic{position: relative; inset: auto; aspect-ratio: 4 / 5; max-height: 640px; margin: 0 auto -8%;}
.fn7{--mh: 50cqw; --mx: 50cqw; --my: 44cqh;}
.fn7.fn6{padding-top: 0;}
.fn7 .fn6-wi{display: none;}}
@media (min-width: 768px) and (max-width: 999px){.fn7-pic{aspect-ratio: 16 / 10;}
.fn7{--mh: 34cqw; --my: 46cqh;}}
.ft7.gx-ftr{padding-top: clamp(40px, 5vw, 64px);}
.ft7 .gx-fb{align-items: center;}
.ft7 .gx-fb-id .gx-cube{width: 48px;}
.ft7 .gx-fb-id .gx-wm{font-size: 24px; gap: 12px;}
.ft7 .gx-fb-slo{margin-top: 12px;}
.ft7 .gx-fb-type{margin-top: 20px; font-size: 15px;}
.ft7 .gx-fb-r{grid-template-columns: auto auto; align-items: center; gap: 12px;}
.ft7 .gx-soc{grid-template-columns: repeat(8, 44px); gap: 6px;}
.ft7 .gx-soc a{width: 44px; height: 44px;}
.ft7 .gx-sites{margin-top: 20px;}
.ft7 .gx-tiles{grid-template-columns: repeat(6, minmax(0, 1fr));}
.ft7 .gx-tile{grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto; align-items: start; gap: 10px 8px; min-height: 0; padding: 14px 14px 16px;}
.ft7 .gx-tile-ic{width: 36px; height: 36px; grid-row: 1; grid-column: 1;}
.ft7 .gx-tile-ic svg{width: 18px; height: 18px;}
.ft7 .gx-tile-go,.ft7 .gx-tile-here{grid-row: 1; grid-column: 2; position: static;}
.ft7 .gx-tile-tx{grid-row: 2; grid-column: 1 / -1; gap: 4px; align-self: start;}
.ft7 .gx-tile-cap{font-size: 14px;}
.ft7 .gx-tile-desc{font-size: 13px; line-height: 1.4;}
.ft7 .gx-legal{margin-top: 24px; padding-top: 18px;}
.ft7 .ft7-base{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 28px; margin-top: 10px;}
.ft7 .ft7-addr{margin: 0; font: 500 12px/1.5 var(--gx-mono); letter-spacing: 0.04em; color: var(--gx-muted);}
.ft7 .ft7-ag{white-space: nowrap;}
.ft7 .ft7-made{margin: 0;}
.ft7 .ft7-made a{display: inline-flex; flex-wrap: wrap; align-items: center; gap: 2px 14px; min-height: 44px; font: 500 13px/1.4 var(--gx-mono);
  letter-spacing: 0.04em; color: var(--gx-ink2); text-decoration: none;}
.ft7 .ft7-made b{font-weight: 700; color: var(--gx-gold);}
.ft7 .ft7-want{display: inline-flex; align-items: center; gap: 8px; color: var(--gx-gold);
  background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat; transition: background-size 0.35s var(--gx-ease);}
.ft7 .ft7-want svg{width: 14px; height: 14px; transition: transform 0.3s var(--gx-ease);}
.ft7 .ft7-made a:focus-visible{outline: 2px solid var(--gx-gold); outline-offset: 4px;}
@media (hover: hover) and (pointer: fine){.ft7 .ft7-made a:hover .ft7-want{background-size: 100% 1px;}
.ft7 .ft7-made a:hover .ft7-want svg{transform: translateX(3px);}}
@media (prefers-reduced-motion: reduce){.ft7 .ft7-want,.ft7 .ft7-want svg{transition: none;}}
@media (max-width: 1279px){.ft7 .gx-fb-r{grid-template-columns: minmax(0, 1fr); justify-items: start; margin-top: 20px;}
.ft7 .gx-tiles{grid-template-columns: repeat(3, minmax(0, 1fr));}}
@media (max-width: 767px){.ft7.gx-ftr{padding-top: 36px;}
.ft7 .gx-fb-id .gx-cube{width: 42px;}
.ft7 .gx-fb-id .gx-wm{font-size: 18px; gap: 8px;}
.ft7 .gx-fb-slo{margin-top: 10px; font-size: 13px; letter-spacing: 0.16em;}
.ft7 .gx-fb-r{grid-template-columns: auto; margin-top: 14px; gap: 10px;}
.ft7 .gx-soc{grid-template-columns: repeat(4, 48px); gap: 8px;}
.ft7 .gx-soc a{width: 48px; height: 48px;}
.ft7 .gx-sites{margin-top: 20px;}
.ft7 .gx-tiles{grid-template-columns: repeat(2, minmax(0, 1fr));}
.ft7 .gx-tile{padding: 12px 12px 14px; gap: 8px 6px;}
.ft7 .gx-tile-ic{width: 32px; height: 32px;}
.ft7 .gx-tile-desc{display: none;}
.ft7 .gx-tile-cap{font-size: 13px;}
.ft7 .gx-legal{margin-top: 20px; padding-top: 16px; gap: 12px 16px;}}
.td-demo7{display: none;}
@media (max-width: 767px){.dpw .td-top > .td-demo{display: none;}
.dpw .td-demo7{display: inline;}
.dpw .td-on b{position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;}}
.fq8{--b-bg: #0a0a0c; --b-ink: #f2f2f2; --b-name: #ffffff; --b-role: #ebc554; --b-gold: #ebc554; --b-frame: rgba(235, 197, 84, 0.72);
  --b-line: rgba(235, 197, 84, 0.26); --b-tint: rgba(235, 197, 84, 0.16); --b-msg: linear-gradient(180deg, rgba(235, 197, 84, 0.08), rgba(235, 197, 84, 0.03));
  --b-me: linear-gradient(135deg, #f6de8a, #ebc554 46%, #c9a332); --b-on: #32d74b; --b-mut: #a3a3a3;
  --b-net: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M18 24L72 10L130 38L186 16M18 24L40 86L104 96L130 38M104 96L160 78L186 16M40 86L14 150L84 160L104 96M84 160L140 140L160 78M140 140L192 170M84 160L60 196' fill='none' stroke='%23EBC554' stroke-opacity='.17' stroke-width='.7'/%3E%3Cg fill='%23EBC554' fill-opacity='.42'%3E%3Ccircle cx='18' cy='24' r='1.6'/%3E%3Ccircle cx='72' cy='10' r='1.2'/%3E%3Ccircle cx='130' cy='38' r='1.8'/%3E%3Ccircle cx='186' cy='16' r='1.2'/%3E%3Ccircle cx='40' cy='86' r='1.3'/%3E%3Ccircle cx='104' cy='96' r='1.9'/%3E%3Ccircle cx='160' cy='78' r='1.3'/%3E%3Ccircle cx='14' cy='150' r='1.2'/%3E%3Ccircle cx='84' cy='160' r='1.6'/%3E%3Ccircle cx='140' cy='140' r='1.2'/%3E%3Ccircle cx='192' cy='170' r='1.5'/%3E%3Ccircle cx='60' cy='196' r='1.1'/%3E%3C/g%3E%3C/svg%3E");}
html:where(.v7)[data-theme="light"] .fq8{--b-bg: #fafaf7; --b-ink: #161616; --b-name: #0a0a0c; --b-role: #7a6614; --b-gold: #7a6614; --b-frame: #7a6614;
  --b-line: rgba(122, 102, 20, 0.28); --b-tint: rgba(201, 163, 50, 0.16); --b-msg: #fbf7ea; --b-on: #1f9d3a; --b-mut: #5c5c5c;
  --b-net: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath d='M18 24L72 10L130 38L186 16M18 24L40 86L104 96L130 38M104 96L160 78L186 16M40 86L14 150L84 160L104 96M84 160L140 140L160 78M140 140L192 170M84 160L60 196' fill='none' stroke='%237A6614' stroke-opacity='.16' stroke-width='.7'/%3E%3Cg fill='%237A6614' fill-opacity='.34'%3E%3Ccircle cx='18' cy='24' r='1.6'/%3E%3Ccircle cx='72' cy='10' r='1.2'/%3E%3Ccircle cx='130' cy='38' r='1.8'/%3E%3Ccircle cx='186' cy='16' r='1.2'/%3E%3Ccircle cx='40' cy='86' r='1.3'/%3E%3Ccircle cx='104' cy='96' r='1.9'/%3E%3Ccircle cx='160' cy='78' r='1.3'/%3E%3Ccircle cx='14' cy='150' r='1.2'/%3E%3Ccircle cx='84' cy='160' r='1.6'/%3E%3Ccircle cx='140' cy='140' r='1.2'/%3E%3Ccircle cx='192' cy='170' r='1.5'/%3E%3Ccircle cx='60' cy='196' r='1.1'/%3E%3C/g%3E%3C/svg%3E");}
.fq8-g{display: grid; grid-template-columns: minmax(0, 360px) minmax(0, 1fr); column-gap: clamp(28px, 3.4vw, 52px); align-items: start; margin-top: clamp(22px, 3.6vh, 36px);}
.fq8-win{position: relative; display: grid; grid-template-columns: 252px minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto; min-width: 0; overflow: hidden;
  background: var(--b-bg); color: var(--b-ink); border: 1px solid var(--b-frame); box-shadow: 0 30px 90px -30px rgba(0, 0, 0, 0.8);}
html:where(.v7)[data-theme="light"] .fq8-win{box-shadow: 0 30px 80px -34px rgba(60, 45, 10, 0.3);}
.fq8-body{display: contents;}
.fq8-bh{position: relative; z-index: 2; display: none; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 16px; padding: 14px 22px 14px 18px;
  background: radial-gradient(120% 140% at 0% 0%, var(--b-tint) 0%, transparent 58%), var(--b-bg);}
.fq8-bh::after{content: ''; position: absolute; inset: auto 0 0; height: 1px; pointer-events: none;
  background: linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--b-gold) 60%, transparent) 50%, transparent 100%);}
.fq8-sweep{position: absolute; inset: auto 0 0; height: 1px; overflow: hidden; pointer-events: none;}
.fq8-sweep::before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 40%; background: linear-gradient(90deg, transparent, #f6de8a, transparent); transform: translateX(-100%);}
.fq8.is-vis .fq8-sweep::before{animation: fq8-sweep 1100ms cubic-bezier(0.23, 1, 0.32, 1) 260ms both;}
@keyframes fq8-sweep{ from { transform: translateX(-100%); } to { transform: translateX(260%); } }
.fq8-who{display: flex; align-items: center; gap: 14px; min-width: 0; min-height: 52px; margin: 0; padding: 0; border: 0; background: none; color: inherit; font: inherit;
  text-align: start; cursor: zoom-in; -webkit-tap-highlight-color: transparent;}
.fq8-who:focus-visible,.fq8-shot:focus-visible{outline: 2px solid var(--b-gold); outline-offset: 4px;}
.fq8-ava{position: relative; flex: none; width: 52px; height: 52px; transition: transform 160ms var(--gx-ease);}
.fq8-who:active .fq8-ava{transform: scale(0.94);}
.fq8-ava img{position: relative; z-index: 1; display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover;}
.fq8-ava::before{content: ''; position: absolute; z-index: 2; inset: -3px; border-radius: 50%; border: 1.5px solid var(--b-gold); pointer-events: none;}
.fq8-ava::after{content: ''; position: absolute; z-index: 0; inset: -12px; border-radius: 50%; pointer-events: none; opacity: 0.7;
  background: radial-gradient(circle, rgba(235, 197, 84, 0.42) 0%, rgba(235, 197, 84, 0.14) 46%, transparent 70%);}
.fq8.is-vis .fq8-ava::after{animation: fq8-halo 3.2s ease-in-out infinite;}
.fq8.is-speaking .fq8-ava::after{animation-duration: 1.4s;}
.fq8.is-viewing .fq8-ava img,.fq8.is-viewing .fq8-shot img{visibility: hidden;}
@keyframes fq8-halo{ 0%, 100% { opacity: 0.55; transform: scale(0.94); } 50% { opacity: 1; transform: scale(1.06); } }
.fq8-on{position: absolute; z-index: 3; inset-inline-end: -2px; bottom: -2px; width: 13px; height: 13px; border-radius: 50%; background: var(--b-on); border: 2px solid var(--b-bg);}
.fq8-id{display: flex; flex-direction: column; gap: 6px; min-width: 0;}
.fq8-name{font: 800 20px/1.1 var(--gx-font); letter-spacing: 0.06em; text-transform: uppercase; color: var(--b-name);}
.fq8-role{font: 700 13px/1.25 var(--gx-mono); letter-spacing: 0.1em; text-transform: uppercase; color: var(--b-role); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.fq8-st{display: inline-flex; align-items: center; gap: 8px; font: 600 14px/1 var(--gx-font); color: var(--b-on); white-space: nowrap;}
.fq8-st i{width: 8px; height: 8px; border-radius: 50%; background: currentColor;}
.fq8 .fq8-th--light{display: none;}
html:where(.v7)[data-theme="light"] .fq8 .fq8-th--light{display: block;}
html:where(.v7)[data-theme="light"] .fq8 .fq8-th--dark{display: none;}
.fq8-shot{position: relative; grid-row: 1 / span 2; grid-column: 1; margin: 0; padding: 0; border: 0; border-right: 1px solid var(--b-line); background: #0a0a0c; overflow: hidden; cursor: zoom-in;}
.fq8-shot img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 16%; transition: transform 0.6s var(--gx-ease);}
@media (hover: hover) and (pointer: fine){.fq8-shot:hover img{transform: scale(1.03);}}
.fq8-cap{position: absolute; inset: auto 0 0; display: grid; justify-items: start; gap: 6px; padding: 64px 16px 16px; text-align: start;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.85) 62%); color: #fff;}
.fq8-cap b{font: 800 20px/1 var(--gx-font); letter-spacing: 0.06em; text-transform: uppercase;}
.fq8-cap span{font: 700 13px/1.3 var(--gx-mono); letter-spacing: 0.1em; text-transform: uppercase; color: #ebc554;}
.fq8-cap em,.fq8v-cap em{display: inline-flex; align-items: center; gap: 7px; font: 600 13px/1 var(--gx-font); font-style: normal; color: #32d74b;}
.fq8-cap em i,.fq8v-cap em i{width: 7px; height: 7px; border-radius: 50%; background: currentColor;}
.fq8-log{position: relative; grid-row: 1; grid-column: 2; display: flex; flex-direction: column; justify-content: flex-end; gap: 12px; min-width: 0; height: 400px;
  padding: 16px 22px 18px; overflow: hidden;
  background: radial-gradient(110% 46% at 50% 0%, color-mix(in srgb, var(--b-gold) 9%, transparent) 0%, transparent 70%),
    linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--b-bg) 55%, transparent) 45%, var(--b-bg) 82%), var(--b-net);}
.fq8-pairs{display: grid;}
.fq8-pair{grid-area: 1 / 1; display: flex; flex-direction: column; justify-content: flex-end; gap: 12px; min-width: 0; opacity: 0; visibility: hidden;
  transition: opacity 0.2s var(--gx-ease), visibility 0s linear 0.2s;}
.fq8-pair.is-on{opacity: 1; visibility: visible; transition: opacity 0.3s var(--gx-ease), visibility 0s;}
.fq8-m{margin: 0; font: 400 16px/1.6 var(--gx-font); text-wrap: pretty;}
.fq8-me{align-self: flex-end; max-width: 80%; padding: 12px 16px; background: var(--b-me); color: #0a0a0a; font-weight: 500; line-height: 1.45;}
.fq8-bella{padding: 15px 18px; background: var(--b-msg); border: 1px solid var(--b-line); color: var(--b-ink);}
html:where(.v7)[data-theme="light"] .fq8-m{font-weight: 500;}
.fq8-typ{display: none; align-self: flex-start; gap: 6px; padding: 16px 18px; border: 1px solid var(--b-line);}
.fq8-typ i{width: 7px; height: 7px; border-radius: 50%; background: var(--b-gold); animation: fq8-dots 1.2s infinite;}
.fq8-typ i:nth-child(2){animation-delay: 0.15s;}
.fq8-typ i:nth-child(3){animation-delay: 0.3s;}
@keyframes fq8-dots{ 0%, 80%, 100% { opacity: 0.3; transform: translateY(0); } 40% { opacity: 1; transform: translateY(-3px); } }
.fq8-pair.is-wait .fq8-typ{display: inline-flex;}
.fq8-pair.is-wait .fq8-a{display: none;}
.fq8-pair.is-stream .fq8-w{animation: fq8-word 240ms ease both; animation-delay: calc(var(--k) * 28ms);}
@keyframes fq8-word{ from { opacity: 0; } }
.fq8-form{grid-row: 2; grid-column: 2; display: flex; align-items: center; gap: 8px; margin: 12px 18px 18px; padding: 4px; padding-inline-start: 18px;
  border: 1px solid color-mix(in srgb, var(--b-gold) 45%, transparent); background: color-mix(in srgb, var(--b-ink) 3%, transparent); transition: border-color 160ms ease;}
.fq8-form:focus-within{border-color: var(--b-gold);}
.fq8-form textarea{flex: 1; min-width: 0; height: 26px; margin: 0; padding: 0; border: 0; background: none; color: var(--b-ink); font: 400 16px/26px var(--gx-font); resize: none; outline: none;}
.fq8-form textarea::placeholder{color: var(--b-mut);}
.fq8-send{flex: none; display: grid; place-items: center; width: 44px; height: 44px; border: 0; background: linear-gradient(180deg, #ffd978, #ebc554 46%, #c9a20e); color: #140f00; cursor: pointer;
  transition: opacity 160ms ease, transform 160ms ease;}
.fq8-send svg{width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
.fq8-send:disabled{opacity: 0.35; cursor: default;}
.fq8-send:not(:disabled):active{transform: scale(0.95);}
.fq8-send:focus-visible{outline: 2px solid var(--b-gold); outline-offset: 2px;}
:where(html.v7) dialog.fq8v{position: fixed; inset: 0; width: 100vw; height: 100dvh; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; background: transparent; color: #fff;
  overflow: hidden; touch-action: none;}
:where(html.v7) dialog.fq8v::backdrop{background: transparent;}
.fq8v-bg{position: absolute; inset: 0; background: #000; opacity: 0;}
.fq8v-photo{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; -webkit-user-select: none; user-select: none; -webkit-user-drag: none;}
@media (min-aspect-ratio: 3/4){.fq8v-photo{object-fit: contain;}}
.fq8v-top{position: absolute; z-index: 2; inset: 0 0 auto; display: flex; padding: calc(16px + env(safe-area-inset-top)) 16px 40px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.55), transparent); pointer-events: none;}
.fq8v-x{pointer-events: auto; display: grid; place-items: center; width: 48px; height: 48px; padding: 0; border: 1px solid rgba(255, 255, 255, 0.32); background: rgba(8, 8, 10, 0.45); color: #fff; cursor: pointer;}
.fq8v-x svg{width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round;}
.fq8v-x:focus-visible{outline: 2px solid #ebc554; outline-offset: 2px;}
.fq8v-cap{position: absolute; z-index: 2; inset: auto 0 0; display: flex; flex-direction: column; align-items: flex-start; gap: 9px; padding: 96px 22px calc(28px + env(safe-area-inset-bottom));
  background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.8) 62%); pointer-events: none;}
@media (min-aspect-ratio: 3/4){.fq8v-cap{left: 50%; right: auto; width: 56.25dvh; translate: -50% 0;}}
.fq8v-cap b{font: 800 30px/1.05 var(--gx-font); letter-spacing: 0.05em; text-transform: uppercase;}
.fq8v-cap span{font: 700 14px/1.25 var(--gx-mono); letter-spacing: 0.12em; text-transform: uppercase; color: #ebc554;}
.fq8v-ui{opacity: 0;}
@media (max-width: 1023px){.fq8-g{grid-template-columns: minmax(0, 300px) minmax(0, 1fr);}
.fq8-win{grid-template-columns: 196px minmax(0, 1fr);}}
@media (max-width: 767px){.fq8-g{grid-template-columns: minmax(0, 1fr); row-gap: 20px;}
.fq8-qs li > .fq8-win{margin: 6px 0 12px;}
.fq8-win{grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr) auto;}
.fq8-bh{display: grid; padding: 12px 14px; gap: 10px;}
.fq8-body{position: relative; display: grid; grid-template-columns: minmax(0, 1fr); min-height: 0;}
.fq8-shot{display: none;}
.fq8-log,.fq8-form{grid-row: auto; grid-column: auto;}
.fq8-ava{width: 44px; height: 44px;}
.fq8-name{font-size: 18px;}
.fq8-st{font-size: 13px;}
.fq8-log{height: auto; min-height: 0; padding: 14px 14px 16px;}
.fq8-form{margin: 10px 12px 14px;}}
@media (max-width: 400px){.fq8-stt{position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;}
.fq8-st i{width: 10px; height: 10px;}}
@media (prefers-reduced-motion: reduce){.fq8.is-vis .fq8-ava::after,.fq8.is-vis .fq8-sweep::before,.fq8-typ i,.fq8-pair.is-stream .fq8-w{animation: none !important;}
.fq8-pair,.fq8-shot img,.fq8-ava{transition: none !important;}}
.pr8-grp{color: #ebc554;}
.pr8-soon{position: relative; display: grid; grid-template-columns: 30px minmax(0, 1fr); align-items: center; column-gap: 12px; width: 100%; min-height: 48px; margin: 0 0 4px;
  padding: 2px 12px 2px 5px; border: 1px dashed rgba(235, 197, 84, 0.28); background: transparent; color: #9a9a9a; font: 600 15px/1.25 var(--gx-font); text-align: start; cursor: pointer;
  transition: color 0.25s, border-color 0.25s, background-color 0.25s;}
.pr8-soon .pr6-pi{width: 30px; height: 30px; border-style: dashed; color: rgba(235, 197, 84, 0.7);}
@media (min-width: 1024px){.pr7 .pr6-stage{grid-template-rows: minmax(0, 1fr);}
.pr7 .pr6-list{min-height: 0;}
.pr7 .pr6-p,.pr7 .pr8-soon{flex: 0 1 37px; min-height: 26px; margin-bottom: 2px; padding-block: 1px;}
.pr7 .pr6-p .pr6-pi,.pr7 .pr8-soon .pr6-pi{width: 24px; height: 24px;}
.pr7 .pr6-grp{margin-bottom: 4px;}
.pr7 .pr6-grp:not(:first-child){padding-top: 8px;}}
.pr8-soon .pr6-ic{width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round;}
.pr8-soon[aria-pressed="true"]{color: #ededed; border-style: solid; border-color: rgba(235, 197, 84, 0.6); background: rgba(235, 197, 84, 0.06);}
.pr8-soon:focus-visible{outline: 2px solid #ebc554; outline-offset: 2px;}
@media (hover: hover) and (pointer: fine){.pr8-soon:hover{color: #ededed; border-color: rgba(235, 197, 84, 0.55);}}
.pr8-sp{grid-area: 1 / 1; display: none; min-width: 0; padding: clamp(16px, 1.5vw, 22px);}
.pr6-frame.is-soon .pr6-pane{display: none !important;}
.pr6-frame.is-soon .pr8-sp.is-on{display: flex;}
.pr8-sp-st{display: inline-flex; align-items: center; gap: 8px; margin: 0; font: 600 13px/1 var(--gx-mono); letter-spacing: 0.12em; text-transform: uppercase; color: #ebc554;}
.pr8-sp-st i{width: 7px; height: 7px; border-radius: 50%; border: 1.5px solid currentColor;}
.k24{flex-direction: column; gap: 12px; min-height: 0;}
.k24 > *{flex: none;}
.k24 .pr6-ph{margin: 0;}
.k24-desc{display: none; margin: 0; font: 400 15px/1.55 var(--gx-font); color: #c7c7c7; text-wrap: pretty;}
.k24-scr{aspect-ratio: 16 / 10;}
@media (min-width: 1024px){.k24{container-type: inline-size;}
.k24 > .k24-scr{flex: 1 1 auto; min-height: 150px; max-height: calc(100cqw * 0.625); aspect-ratio: auto;}}
.k24-st{margin: 0;}
.k24-cap{display: grid; align-content: start; gap: 6px;}
.k24-cap-t{display: flex; align-items: baseline; gap: 10px; margin: 0; font: 600 16px/1.25 var(--gx-font); color: #ededed;}
.k24-cap-t b{font-size: 13px; color: #ebc554;}
.k24-cap-d{margin: 0; font: 400 14px/1.45 var(--gx-font); color: #a8a8a8;}
.k24-ticks{display: flex; gap: 6px; margin-top: 4px;}
.k24-ticks button{position: relative; flex: 1; display: block; min-width: 0; margin: 0; padding: 0; border: 0; background: none; cursor: pointer;}
.k24-ticks button::before{content: ''; position: absolute; inset: -11px 0;}
.k24-ticks button:focus-visible{outline: 2px solid #ebc554; outline-offset: 4px;}
.k24-ticks i{display: block; height: 3px; background: rgba(255, 255, 255, 0.36); overflow: hidden;}
.k24-ticks i.is-done{background: rgba(235, 197, 84, 0.5);}
.k24-ticks i.is-on{background: linear-gradient(90deg, #ebc554 var(--p, 0%), rgba(255, 255, 255, 0.36) var(--p, 0%));}
@media (hover: hover) and (pointer: fine){.k24-ticks button:hover i:not(.is-on){background: rgba(235, 197, 84, 0.7);}}
.k24-bd{position: relative;}
.k24-sc{position: absolute; inset: clamp(10px, 3.4cqw, 18px); display: flex; align-items: center; gap: clamp(12px, 4cqw, 22px); opacity: 0; visibility: hidden;
  transition: opacity 0.35s var(--gx-ease), visibility 0s linear 0.35s;}
.k24-sc.is-on{opacity: 1; visibility: visible; transition: opacity 0.45s var(--gx-ease) 0.1s, visibility 0s;}
.k24-col{display: grid; gap: 10px; min-width: 0; flex: 1;}
.k24-wide{max-width: 92%; margin-inline: auto;}
.k24 .pr6-k{margin: 0;}
.k24-rows{display: grid; gap: 5px; margin: 0; padding: 0; list-style: none;}
.k24-r{display: flex; align-items: center; gap: 8px; min-width: 0; padding: 5px 10px; border: 1px solid var(--s-line); background: var(--s-panel); font-size: 13px;}
.k24-r span{flex: 1; min-width: 0; color: var(--s-ink2); text-wrap: balance;}
.k24-r b{flex: none; font-size: 13px; color: var(--s-ink);}
.k24-r .pr6-ic{width: 15px; height: 15px; color: var(--s-mut);}
.k24-r.ok .pr6-ic{color: var(--s-ok);}
.k24-r.warn .pr6-ic,.k24-r.warn b{color: var(--s-warn);}
.k24-r.lock .pr6-ic,.k24-r.lock b{color: var(--s-gold);}
.k24-sc.is-on .k24-r{animation: k24-in 0.5s var(--gx-ease) both; animation-delay: calc(var(--i, 0) * 160ms + 200ms);}
@keyframes k24-in{ from { opacity: 0; transform: translateY(6px); } }
.k24-note{display: flex; align-items: center; gap: 8px; margin: 0; font: 600 13px/1.3 var(--gx-font); color: var(--s-ok);}
.k24-note.warn{color: var(--s-warn);}
.k24-note .pr6-ic{width: 15px; height: 15px;}
.k24-sc.is-on .k24-note{animation: k24-in 0.5s var(--gx-ease) 0.8s both;}
.k24-ask{display: grid; gap: 8px; padding: 10px 12px; border: 1px solid rgba(235, 197, 84, 0.35); background: var(--s-panel);}
.k24-q{margin: 0; font: 600 14px/1.35 var(--gx-font); color: var(--s-ink);}
.k24-bs{display: flex; flex-wrap: wrap; gap: 8px;}
.k24-b{display: inline-grid; place-items: center; min-width: 64px; height: 30px; padding: 0 12px; border: 1px solid var(--s-line2); font: 600 13px/1 var(--gx-font); color: var(--s-ink2);}
.k24-b.is-pri{border-color: transparent; background: linear-gradient(180deg, #ffd978, #ebc554 46%, #c9a20e); color: #140f00;}
.k24-sc.is-on .k24-b.is-pri{animation: k24-pulse 1.6s ease-in-out 0.6s 2;}
@keyframes k24-pulse{ 50% { box-shadow: 0 0 0 6px rgba(235, 197, 84, 0.18); } }
.k24-hint{margin: 0; font: 500 13px/1.2 var(--gx-mono); letter-spacing: 0.04em; color: var(--s-gold);}
.k24-ph{position: relative; flex: none; height: 100%; max-height: 230px; width: auto; max-width: 26%; aspect-ratio: 9 / 17; border: 2px solid rgba(235, 197, 84, 0.55);
  border-radius: 12% / 6%; background: #0e0e11;}
.k24-ph-n{position: absolute; left: 50%; top: 4%; width: 26%; height: 2.4%; translate: -50% 0; border-radius: 4px; background: rgba(255, 255, 255, 0.18);}
.k24-ph-g{position: absolute; inset: 16% 12% auto; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: min-content; gap: 10px 12%;}
.k24-ph-g i{display: block; width: 100%; height: auto; aspect-ratio: 1; align-self: start; border-radius: 22%; background: rgba(235, 197, 84, 0.16); border: 1px solid rgba(235, 197, 84, 0.3);}
.k24-ph-g i:nth-child(5){background: rgba(235, 197, 84, 0.42);}
.k24-tap{position: absolute; left: 50%; top: 45%; width: 18%; aspect-ratio: 1; translate: -50% -50%; border-radius: 50%; border: 2px solid #ffe7a3; opacity: 0;}
.k24-sc.is-on .k24-tap{animation: k24-tap 2.4s var(--gx-ease) 0.3s infinite;}
@keyframes k24-tap{ 0% { opacity: 0; transform: scale(0.4); } 20% { opacity: 1; transform: scale(1); } 45% { opacity: 0; transform: scale(1.6); } 100% { opacity: 0; } }
.k24-apps{display: flex; flex-wrap: wrap; gap: 6px;}
.k24-apps span{padding: 5px 8px; border: 1px solid var(--s-line2); font: 500 13px/1 var(--gx-font); color: var(--s-ink2);}
.k24-apps span.is-on{border-color: #ebc554; color: #ffe7a3; background: rgba(235, 197, 84, 0.1);}
.k24-lockup{display: flex; align-items: center; gap: clamp(12px, 4cqw, 22px); width: 100%;}
.k24-lk{display: grid; place-items: center; flex: none; width: 22%; aspect-ratio: 1; border-radius: 50%; border: 1px solid rgba(235, 197, 84, 0.5); color: #ebc554;
  background: radial-gradient(closest-side, rgba(235, 197, 84, 0.14), transparent);}
.k24-lk .pr6-ic{width: 42%; height: 42%; stroke-width: 1.5;}
@container (max-width: 310px){.k24-lk{width: 15%;}
.k24-ui .pr6-bar .pr6-st{display: none;}}
.k24-idea{margin: 0; font: 600 15px/1.3 var(--gx-font); color: var(--s-ink);}
.k24-run{display: block; height: 4px; background: var(--s-line2); overflow: hidden;}
.k24-run i{display: block; height: 100%; background: #ebc554; transform-origin: 0 50%; transform: scaleX(0);}
.k24-sc.is-on .k24-run i{animation: k24-fill 1.4s var(--gx-ease) 0.2s both;}
@keyframes k24-fill{ to { transform: scaleX(1); } }
.k24-big{margin: 0; font-size: clamp(26px, 9cqw, 40px); font-weight: 700; line-height: 1; color: var(--s-ink); letter-spacing: -0.01em;}
.k24-sub{margin: 0; font: 500 13px/1 var(--gx-font); color: var(--s-mut);}
.k24-sub b{color: var(--s-ok);}
.k24-bal{display: grid; gap: 6px; margin-top: 4px;}
.k24-bal span{display: grid; grid-template-columns: 1fr 62px; align-items: center; gap: 10px; font: 500 13px/1 var(--gx-font); color: var(--s-mut);}
.k24-bal i{display: block; height: 6px; background: var(--s-line2); position: relative; overflow: hidden; order: -1;}
.k24-bal i::after{content: ''; position: absolute; inset: 0; background: #ebc554; transform-origin: 0 50%; transform: scaleX(var(--v));}
.k24-bal span + span i::after{background: var(--s-warn);}
.k24-tl{display: grid; gap: 8px; margin: 0; padding: 0 0 0 14px; list-style: none; border-left: 1px solid rgba(235, 197, 84, 0.4);}
.k24-tl li{position: relative; display: flex; gap: 12px; align-items: baseline; font-size: 13px; color: var(--s-ink2);}
.k24-tl li::before{content: ''; position: absolute; left: -18px; top: 5px; width: 7px; height: 7px; border-radius: 50%; background: #ebc554;}
.k24-tl b{flex: none; width: 74px; font-size: 13px; color: var(--s-gold);}
.k24-sc.is-on .k24-tl li{animation: k24-in 0.5s var(--gx-ease) both;}
.k24-sc.is-on .k24-tl li:nth-child(2){animation-delay: 0.16s;}
.k24-sc.is-on .k24-tl li:nth-child(3){animation-delay: 0.32s;}
.k24-days{position: relative; display: grid; gap: 8px;}
.k24-days p{display: grid; grid-template-columns: 72px minmax(0, 1fr) 36px; align-items: center; gap: 10px; margin: 0; font-size: 13px; color: var(--s-ink2);}
.k24-days p i{height: 8px; background: linear-gradient(90deg, #ebc554 calc(var(--v) * 100%), var(--s-line) 0);}
.k24-days p b{font-size: 13px; text-align: end; color: var(--s-ink);}
.k24-lim{position: absolute; top: -6px; bottom: -6px; left: calc(72px + 10px + (100% - 72px - 36px - 20px) * var(--v)); width: 0; border-left: 1px dashed var(--s-warn);}
.k24-lim span{position: absolute; top: -16px; left: 4px; font: 600 13px/1 var(--gx-mono); color: var(--s-warn);}
.k24-sc:has(> .mr-sc){align-items: stretch;}
.mr-sc{position: relative; display: flex; align-items: center; width: 100%; min-height: 100%;}
.mr-map{position: absolute; inset: 0; overflow: hidden; border-radius: 6px; background: #050506;}
.mr-map img,.mr-map svg{position: absolute; inset: 0; width: 100%; height: 100%;}
.mr-map img{object-fit: cover;}
.mr-map::after{content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(11, 11, 13, 0.94), rgba(11, 11, 13, 0.82) 40%, rgba(11, 11, 13, 0) 64%);}
.mr-pn{position: relative; z-index: 1; display: grid; gap: 6px; width: 46%; min-width: 0; padding: 0 0 0 clamp(8px, 2cqw, 12px);}
.mr-pn .k24-r{background: rgba(20, 20, 23, 0.94);}
.mr-rt{fill: none; stroke: #ffe7a3; stroke-width: 8; stroke-linecap: round; stroke-dasharray: 1 18; opacity: 0.9;}
.mr-t{stroke: #0b0b0d; stroke-width: 6;}
.mr-t.f{fill: #ebc554;}
.mr-t.a{fill: #e7a54c;}
.mr-t.r,.mr-t.c{fill: #f08a7c;}
.mr-ring{fill: none; stroke: #ffe7a3; stroke-width: 6; opacity: 0; transform-box: fill-box; transform-origin: center;}
.mr-tk-h{fill: rgba(255, 231, 163, 0.26);}
.mr-tk-c{fill: #fff4cf; stroke: #ebc554; stroke-width: 7;}
.k24-sc.is-on .mr-t.c{animation: mr-call 2.6s var(--gx-ease) both;}
.k24-sc.is-on .mr-ring{animation: mr-ring 2.6s var(--gx-ease) both;}
@keyframes mr-call{ 0%, 70% { fill: #f08a7c; } 80% { fill: #fff4cf; } 100% { fill: #ebc554; } }
@keyframes mr-ring{ 0%, 72% { opacity: 0; transform: scale(0.6); } 80% { opacity: 0.9; } 100% { opacity: 0; transform: scale(2.4); } }
.mr-cnt{display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 6px; margin: 2px 0 0; font: 600 13px/1.3 var(--gx-font); color: var(--s-ok);}
.mr-cnt b{display: inline-grid; color: var(--s-ink);}
.mr-cnt i{grid-area: 1 / 1; font-style: normal;}
.mr-cnt .mr-n2{opacity: 0;}
.k24-sc.is-on .mr-n1{animation: mr-out 0.3s 2.1s both;}
.k24-sc.is-on .mr-n2{animation: mr-in 0.3s 2.1s both;}
@keyframes mr-out{ to { opacity: 0; transform: translateY(-4px); } }
@keyframes mr-in{ from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
.mr-bd{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px;}
.mr-bd p{display: grid; gap: 2px; margin: 0; padding: 5px 8px; border: 1px solid var(--s-line); background: var(--s-panel);}
.mr-bd span{font: 500 13px/1.2 var(--gx-font); color: var(--s-mut);}
.mr-bd b{font-size: 15px; color: var(--s-ink);}
.mr-bd p.is-on{border-color: #ebc554; background: rgba(235, 197, 84, 0.1);}
.mr-bd p.is-on b{color: #ffe7a3;}
.k24-sc.is-on .mr-bd p.is-on{animation: k24-in 0.5s var(--gx-ease) 0.3s both;}
.mr-wk{position: relative;}
.mr-st{position: absolute; right: 0; top: 0; padding: 4px 8px; border: 2px solid #ebc554; border-radius: 4px; font: 700 13px/1 var(--gx-mono); letter-spacing: 0.06em;
  text-transform: uppercase; color: #ffe7a3; opacity: 0; transform: rotate(-7deg);}
.k24-sc.is-on .mr-st{animation: mr-stamp 0.45s var(--gx-ease) 1.3s both;}
@keyframes mr-stamp{ from { opacity: 0; transform: rotate(-7deg) scale(1.6); } to { opacity: 0.96; transform: rotate(-7deg) scale(1); } }
@container (max-width: 380px){.mr-pn{width: 58%;}
.mr-map::after{background: linear-gradient(90deg, rgba(11, 11, 13, 0.94), rgba(11, 11, 13, 0.84) 52%, rgba(11, 11, 13, 0) 76%);}}
@container (max-width: 310px){.mr-pn{width: 66%;}}
@media (min-width: 768px){.k24-ui{container: k24 / size;}}
@container k24 (max-height: 236px){.k24-sc{inset: 8px clamp(10px, 3.4cqw, 18px);}
.k24-col{gap: 6px;}
.k24-rows{gap: 4px;}
.k24-r{padding-block: 3px;}
.k24-ask{gap: 6px; padding-block: 8px;}}
@media (max-width: 767px){.k24 .k24-desc{display: block;}
.k24-scr{aspect-ratio: auto;}
.k24-ui{position: relative;}
.k24-bd{display: grid;}
.k24-sc{position: relative; inset: auto; grid-area: 1 / 1;}
.k24-ph{width: 26%; height: auto;}
.k24-ticks button::before{inset: -23px 0;}}
.pr8-sa{fill: none; stroke: #ffe7a3; stroke-width: 6; stroke-linecap: round; stroke-dasharray: 0.035 0.03; opacity: 0.18; transition: opacity 0.45s var(--gx-ease);}
.pr8-sb{fill: none; stroke: #ffe7a3; stroke-width: 5; stroke-dasharray: 10 9; opacity: 0.25; transition: opacity 0.45s var(--gx-ease);}
.pr7[data-soon="devices"] [data-a="A9"] :is(.pr8-sa, .pr8-sb),.pr7[data-soon="trader"] [data-a="A10"] :is(.pr8-sa, .pr8-sb),.pr7[data-soon="owner"] [data-a="A11"] :is(.pr8-sa, .pr8-sb),.pr7[data-soon="travel"] [data-a="A12"] :is(.pr8-sa, .pr8-sb),.pr7[data-soon="marshal"] [data-a="A13"] :is(.pr8-sa, .pr8-sb){opacity: 1;}
.pr7[data-soon] .pr7-a{opacity: 0.25;}
.pr7[data-soon="marshal"] .pr7-a[data-a="A6"]{opacity: 0.7;}
.pr7[data-soon="marshal"] .pr7-a[data-a="A6"] .pr7-l{opacity: 1; stroke-dashoffset: 0; transition: opacity 0.2s, stroke-dashoffset 1.3s var(--gx-ease-io);}
.pr7[data-soon="marshal"] .pr7-a[data-a="A6"] .pr7-h{opacity: 0.6;}
.pr7-a{transition: opacity 0.45s var(--gx-ease);}
.pr7-who{font-style: normal; color: var(--s-mut);}
@container (max-width: 420px){.pr7-who{display: none;}}
.pr7 .pr7-u-case .pr6-meter{background: linear-gradient(90deg, #a8861c, #ebc554 60%, #ffe7a3);}
.g8{--ox: 48.6%; --oy: 43%;}
.g8-rot{position: absolute; inset: 0; transform-origin: var(--ox) var(--oy);}
.g8-rot .pr7-img{position: absolute; inset: 0; width: 100%; height: 100%;}
.g8-rot .pr7-fx{position: absolute; inset: 0; width: 100%; height: 100%;}
.g8-core{position: absolute; z-index: 2; overflow: hidden; border-radius: 50%; opacity: 0; pointer-events: none;}
.g8-core img{position: absolute; height: auto; max-width: none;}
.g8.is-run .g8-core{opacity: 1;}
.g8-fx{position: absolute; inset: 0; z-index: 3; width: 100%; height: 100%; overflow: visible; pointer-events: none;}
.g8-hit{position: absolute; z-index: 4; border: 0; border-radius: 50%; padding: 0; background: transparent; cursor: pointer; pointer-events: auto; -webkit-tap-highlight-color: transparent;}
.g8-hit:focus-visible{outline: 2px dashed #ebc554; outline-offset: -8%;}
.g8.is-run .g8-hit{cursor: default;}
.g8-ret{opacity: 0; transition: opacity 0.5s var(--gx-ease);}
.g8.is-run .g8-ret{opacity: 1;}
.g8-ax{fill: none; stroke-width: 9;}
.g8-ah{fill: none; stroke-width: 34; opacity: 0.22;}
.g8-tk path{fill: none; stroke: #ffe7a3; stroke-width: 7; opacity: 0.8;}
.g8-z{font: 600 54px/1 'JetBrains Mono', monospace; fill: #ffe7a3; letter-spacing: 2px;}
.g8-rh,.g8-rv{transform-box: view-box;}
.g8-bl{opacity: 0; transform-box: fill-box; transform-origin: center;}
.g8-sh{fill: none; stroke: #ffe7a3; stroke-width: 7; opacity: 0; transform-box: fill-box; transform-origin: center;}
.g8.is-lock .g8-bl{animation: g8-bloom 1.8s cubic-bezier(0.23, 1, 0.32, 1) both;}
.g8.is-lock .g8-sh{animation: g8-shock 1.1s cubic-bezier(0.23, 1, 0.32, 1) both;}
.g8.is-lock .g8-core{animation: g8-trem 0.46s linear both;}
@keyframes g8-bloom{ 0% { opacity: 0; transform: scale(0.5); } 22% { opacity: 0.95; transform: scale(1.05); } 100% { opacity: 0; transform: scale(1.2); } }
@keyframes g8-shock{ 0% { opacity: 0.95; transform: scale(1); } 100% { opacity: 0; transform: scale(3.4); } }
@keyframes g8-trem{ 0%, 100% { transform: translate(0, 0); } 10% { transform: translate(-2px, 1px); } 20% { transform: translate(2px, -1px); } 30% { transform: translate(-1.6px, -1px); }
  40% { transform: translate(1.6px, 1px); } 50% { transform: translate(-1px, 0.6px); } 60% { transform: translate(1px, -0.6px); } 75% { transform: translate(-0.5px, 0.4px); } }
.g8.is-sync .pr7-a .pr7-l{opacity: 1; stroke-dashoffset: 0; transition: opacity 0.15s, stroke-dashoffset 0.5s var(--gx-ease); transition-delay: calc(var(--d, 0) * 1ms);}
.g8.is-sync .pr7-a .pr7-h{opacity: 1; transition-delay: calc(var(--d, 0) * 1ms);}
.g8.is-sync .pr7-a .pr7-gl{opacity: 0.8; transition-delay: calc(var(--d, 0) * 1ms);}
.g8.is-run .g8-rot,.g8.is-run .g8-core{will-change: transform;}
@media (prefers-reduced-motion: reduce){.g8.is-lock .g8-bl,.g8.is-lock .g8-sh,.g8.is-lock .g8-core{animation: none;}
.pr8-sa,.pr8-sb,.pr7-a,.g8-ret{transition: none;}
.k24-sc{transition: none;}
.k24-sc.is-on .k24-r,.k24-sc.is-on .k24-note,.k24-sc.is-on .k24-tap,.k24-sc.is-on .k24-run i,.k24-sc.is-on .k24-b.is-pri,.k24-sc.is-on .k24-tl li{animation: none;}
.k24-run i{transform: none;}
.k24-ticks i.is-on{--p: 100%;}
.k24-sc.is-on .mr-t.c,.k24-sc.is-on .mr-ring,.k24-sc.is-on .mr-n1,.k24-sc.is-on .mr-n2,.k24-sc.is-on .mr-st,.k24-sc.is-on .mr-bd p.is-on{animation: none;}
.mr-t.c{fill: #ebc554;}
.mr-cnt .mr-n1{opacity: 0;}
.mr-cnt .mr-n2,.mr-st{opacity: 0.96;}}
.mt8-in{display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: clamp(32px, 4vw, 72px);
  padding-block: calc(var(--gx-hdr) + clamp(14px, 2.6vh, 32px)) clamp(18px, 3vh, 36px);}
.mt8-txt{min-width: 0;}
.mt8-card{width: auto; max-width: 520px; margin-top: clamp(20px, 3.4vh, 36px); transform: none;}
.mt8-card::before{display: none;}
.mt8-ticks{display: flex; gap: 6px; margin-top: 18px;}
.mt8-ticks i{flex: 1; height: 3px; background: var(--gx-line); transition: background-color 0.4s var(--gx-ease);}
.mt8-ticks i.is-done{background: var(--gx-ink2);}
.mt8-ticks i.is-on{background: var(--gx-gold);}
.mt8-stage{--st: min(600px, calc(100svh - 170px), 46vw); position: relative; width: var(--st); height: var(--st); border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(235, 197, 84, 0.16), 0 40px 120px -40px rgba(0, 0, 0, 0.8);}
html:where(.v7)[data-theme="light"] .mt8-stage{box-shadow: 0 0 0 1px rgba(122, 102, 20, 0.35), 0 40px 100px -40px rgba(60, 45, 10, 0.5);}
.mt8-cv{position: absolute; inset: 0; width: 100%; height: 100%; border-radius: 50%; background: radial-gradient(closest-side, #0e0d0b 0%, #070707 72%, #050505 100%);}
.mt8-gates{position: absolute; inset: 0; margin: 0; padding: 0; list-style: none; pointer-events: none;}
.mt8-g{position: absolute; left: 0; top: 0; translate: 0 -50%; font: 600 13px/1 var(--gx-mono); letter-spacing: 0.08em; color: rgba(235, 197, 84, 0.45); transition: color 0.35s;}
.mt8-g[data-side="l"]{translate: -100% -50%;}
.mt8-g.is-done{color: #ebc554;}
.mt8-g.is-on{color: #fff1c4;}
.mt8-core{position: absolute; left: 50%; top: 50%; width: 31%; aspect-ratio: 1; translate: -50% -50%; pointer-events: none;}
.mt8-seal{position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; opacity: 0; transform: scale(1.4) rotate(-24deg); transition: opacity 0.4s var(--gx-ease), transform 0.9s var(--gx-ease);}
.mt8-so{fill: rgba(10, 9, 7, 0.9); stroke: #ffd36b; stroke-width: 2.5;}
.mt8-si{fill: none; stroke: #ebc554; stroke-width: 1.2; stroke-dasharray: 2 5;}
.mt8-stx{font: 600 18px/1 'JetBrains Mono', monospace; letter-spacing: 0; fill: #ffd36b;}
.mt8-cube{position: absolute; left: 50%; top: 50%; width: 56%; translate: -50% -50%; opacity: 0.25; transform: scale(0.82);
  background-image: -webkit-image-set(var(--gx-logo) 1x, var(--gx-logo2) 2x); background-image: image-set(var(--gx-logo) 1x, var(--gx-logo2) 2x);
  transition: opacity 0.5s var(--gx-ease) 0.15s, transform 0.8s var(--gx-ease) 0.15s;}
.mt8.is-sealed .mt8-seal{opacity: 1; transform: none;}
.mt8.is-sealed .mt8-cube{opacity: 1; transform: none;}
.mt8.is-sealed .mt8-seal{animation: mt8-turn 60s linear infinite;}
@keyframes mt8-turn{ to { transform: rotate(360deg); } }
@media (min-width: 1024px) and (min-aspect-ratio: 5/4){.mt8-run{height: 380vh;}
.mt8-stick{position: sticky; top: 0; height: 100svh; overflow: hidden; display: grid; align-items: center;}}
@media (min-width: 1024px) and (min-aspect-ratio: 5/4) and (max-height: 860px){.mt8 .h2{font-size: clamp(30px, 3.3vw, 46px);}
.mt8-card{padding: 18px 24px 20px;}}
@media (max-width: 1023px), (max-aspect-ratio: 5/4){.mt8-in{grid-template-columns: minmax(0, 1fr); padding-block: clamp(56px, 8vw, 88px) 12px;}
.mt8-stage{--st: min(78vw, 340px); order: 0; position: sticky; top: calc(var(--gx-hdr) + 12px); z-index: 2; justify-self: center; margin: 22px 0 8px;}
.mt8-stage::before{content: ''; position: absolute; z-index: -1; left: 50%; top: -12px; bottom: -14px; width: 100vw; translate: -50% 0; background: var(--gx-bg);}
.mt8-txt{display: contents;}
.mt8-txt > .sh{order: -1;}
.mt8 .mt8-card{display: block; order: 1; max-width: none; margin-top: 18px; padding: 0; border: 0; background: none; box-shadow: none;}
.mt8-card::after,.mt8-ticks{display: none;}
.mt8-card .mt7-pages{display: grid; gap: 14px;}
.mt8-card .mt7-pg{grid-area: auto; opacity: 1; visibility: visible; padding: 16px 18px 18px; border: 1px solid var(--gx-line); background: var(--gx-card); transition: border-color 0.35s, background-color 0.35s;}
.mt8-card .mt7-pg.is-on{border-color: var(--gx-line2); background: var(--gx-card2);}}
@media (prefers-reduced-motion: reduce){.mt8-seal,.mt8-cube,.mt8-ticks i,.mt8-g{transition: none;}
.mt8.is-sealed .mt8-seal{animation: none;}}
.g9{position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none;}
.g9-back{z-index: 1;}
.g9-front{z-index: 3;}
.g9 .g9-l,.g9-cover{opacity: 0; transition: opacity 1.2s var(--gx-ease);}
.g8[data-gz="code"] .g9 .g9-l,.g8[data-gz="inner"] .g9 .g9-l{opacity: 1; transition-delay: 0.25s;}
.g8[data-gz="code"] .g9-back .g9-l,.g8[data-gz="inner"] .g9-back .g9-l{opacity: 0.42;}
.g8[data-gz="code"] .g9-cover{opacity: 1;}
.g9 path{fill: none; stroke-linecap: round; stroke-linejoin: round;}
.g9-gl{stroke: #ffd36b; stroke-width: 46; opacity: 0.06;}
.g9-bo{stroke: #f2d38a; stroke-width: 24; opacity: 0.17;}
.g9-ed{stroke: #ffe7a3; stroke-width: 5.5; opacity: 0.92;}
.g9-m .g9-ed,.g9-h .g9-ed{stroke: #e9c46a; opacity: 0.75;}
.g9-m .g9-bo,.g9-h .g9-bo{opacity: 0.14;}
.g9-in .g9-gl{stroke-width: 26; opacity: 0.09;}
.g9-in .g9-bo{stroke-width: 9; opacity: 0.24;}
.g9-in .g9-ed{stroke-width: 4;}
.g9 .is-on .g9-ed{stroke: #fff4cf; stroke-width: 7; opacity: 1;}
.g9 .is-on .g9-gl{opacity: 0.2; stroke-width: 48;}
.g9-bead circle:first-child{opacity: 0.6;}
.g9-bead.is-on circle:first-child{opacity: 1;}
.g9-vid{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1.2s var(--gx-ease); pointer-events: none;}
.g8[data-gz="video"] .g9-vid{opacity: 1;}
.g8-rot > .pr7-fx{z-index: 1;}
.g8[data-gz="video"] .pr7-fx,.g8[data-gz="code"] .pr7-fx{opacity: 0; transition: opacity 0.6s var(--gx-ease);}
.g8[data-gz="video"] .pr7-fx,.g8[data-gz="code"] .pr7-fx{visibility: hidden;}
html:where(.v7)[data-theme] .pr7 .g8-core{display: none;}
.gz-heart{position: absolute; z-index: 2; pointer-events: none;}
.gz-heart > *{position: absolute; inset: 0; width: 100%; height: 100%;}
.gz-lens{background: radial-gradient(closest-side, rgba(0, 0, 0, 0.96) 0, rgba(0, 0, 0, 0.9) 50%, rgba(0, 0, 0, 0) 100%); opacity: 0; transition: opacity 1.2s var(--gx-ease);}
.g8[data-gz="video"] .gz-lens{opacity: 1;}
.gz-glow{background: radial-gradient(closest-side, rgba(255, 231, 163, 0.5), rgba(255, 211, 107, 0.16) 46%, rgba(235, 197, 84, 0) 74%); opacity: 0.1;}
.gz-sign{display: block; object-fit: contain; transform-origin: 50% 50%;}
.gz-glow{display: none;}
.g8.is-lock .gz-heart{animation: g8-trem 0.46s linear both;}
.f9,.f9-vid{position: absolute; height: var(--ih); width: calc(var(--ih) * 1.7778); max-width: none;
  left: calc(var(--mx) - var(--ih) * 1.7778 * 0.269); top: calc(var(--my) - var(--ih) * 0.461); pointer-events: none;
  -webkit-mask: radial-gradient(ellipse 46% 58% at 27% 50%, #000 58%, transparent 100%), linear-gradient(#000 80%, transparent 93%); -webkit-mask-composite: source-in;
  mask: radial-gradient(ellipse 46% 58% at 27% 50%, #000 58%, transparent 100%) intersect, linear-gradient(#000 80%, transparent 93%);}
.fn7-pic .f9,.fn7-pic .f9-vid{--ih: calc(var(--mh) / 0.46);}
.f9{overflow: visible;}
.f9-vid{object-fit: cover; opacity: 0; transition: opacity 0.8s var(--gx-ease);}
.fn7.f9-on .f9-vid{opacity: 1;}
.f9-sp{fill: #ffe7a3; opacity: 0;}
.f9-pu{fill: none; stroke: url(#f9-st); stroke-width: 10; stroke-linecap: round; stroke-dasharray: 90 700; stroke-dashoffset: 90; opacity: 0;}
.f9-hx{fill: none; stroke: #fff4cf; stroke-width: 7; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 7 93; opacity: 0;}
.fn7.f9-on .f9-sp{animation: f9-fall var(--du) linear infinite; animation-delay: var(--dl);}
.fn7.f9-on .f9-pu{opacity: 1; animation: f9-pulse 2.6s cubic-bezier(0.5, 0, 0.6, 1) infinite;}
.fn7.f9-on .f9-pu-b{animation-delay: -1.3s;}
.fn7.f9-on .f9-hx-a{opacity: 0.9; animation: f9-run 5.2s linear infinite;}
.fn7.f9-on .f9-hx-b{opacity: 0.9; animation: f9-run 5.2s linear infinite; animation-delay: -2.6s;}
@keyframes f9-fall{ 0% { opacity: 0; transform: translate(0, 0); } 15% { opacity: 0.9; } 85% { opacity: 0.7; } 100% { opacity: 0; transform: translate(var(--dx), 540px); } }
@keyframes f9-pulse{ from { stroke-dashoffset: 90; } to { stroke-dashoffset: -600; } }
@keyframes f9-run{ from { stroke-dashoffset: 100; } to { stroke-dashoffset: 0; } }
.b9-loop,.fq8-shot .b9-ans{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 16%; pointer-events: none;}
.b9-loop{opacity: 1;}
.fq8-shot .b9-ans{opacity: 0; transition: opacity 0.4s var(--gx-ease);}
.fq8.b9-talk .fq8-shot .b9-ans{opacity: 1;}
.b9--light{display: none;}
html:where(.v7)[data-theme="light"] .b9--light{display: block;}
html:where(.v7)[data-theme="light"] .b9--dark{display: none;}
.fq8-shot .fq8-cap{z-index: 2;}
.b9-ava{position: absolute; inset: 0; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; object-position: 50% 20%; transform: scale(1.9); transform-origin: 50% 24%; display: none;}
.b9-snd{position: absolute; z-index: 4; top: 14px; left: 14px; display: grid; place-items: center; width: 40px; height: 40px; padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.24); border-radius: 50%; background: rgba(8, 8, 10, 0.5); color: #f3efe6; cursor: pointer;
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); transition: border-color 0.2s, color 0.2s, background-color 0.2s;}
.b9-snd svg{width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
.b9-snd .b9-w{display: none;}
.b9-snd[aria-pressed="true"] .b9-w{display: inline;}
.b9-snd[aria-pressed="true"] .b9-m{display: none;}
.b9-snd[aria-pressed="true"]{border-color: rgba(235, 197, 84, 0.7); color: #ebc554;}
@media (hover: hover) and (pointer: fine){.b9-snd:hover{border-color: #ebc554;}}
.b9-snd:focus-visible{outline: 2px solid #ebc554; outline-offset: 2px;}
.fq8.b9-talk .fq8-pair.b9-sync .fq8-w{animation: none; opacity: 0.16; transition: opacity 0.22s ease;}
.fq8 .fq8-pair.b9-sync .fq8-w.b9-said{opacity: 1;}
.b9-note{display: none;}
@media (max-width: 767px){.fq8 .b9-ava{display: block;}
html:where(.v7)[data-theme="light"] .fq8 .b9-ava.b9--dark,html:where(.v7):not([data-theme="light"]) .fq8 .b9-ava.b9--light{display: none;}
.fq8-ava{position: relative; overflow: hidden;}
.b9-note{position: relative; display: block; width: 168px; height: 168px; margin: 2px 0 10px; border-radius: 50%; overflow: hidden;
    box-shadow: 0 0 0 1px rgba(235, 197, 84, 0.45), 0 18px 40px -18px rgba(0, 0, 0, 0.7); background: #0a0a0c;}
.b9-note .b9-ans{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 22%; transform: scale(1.75); transform-origin: 50% 26%;}
.b9-note .b9-snd{top: auto; left: auto; right: 6px; bottom: 6px; width: 36px; height: 36px;}}
.fq8-log{background: none !important;}
.fq8-shot{border-right: 0;}
.fq8-bella{border-color: transparent;}
.fq8-win{border-color: rgba(235, 197, 84, 0.22);}
html:where(.v7)[data-theme="light"] .fq8-win{border-color: rgba(120, 90, 20, 0.18);}
@media (min-width: 1024px) and (min-aspect-ratio: 5/4){.mt8-run{height: calc(100svh + 5 * min(22svh, 200px));}}
.gx-drawer{--gx-drawer-art: none;}
.gx-drawer.is-open{--gx-drawer-art: url("/terminal/img/hero-phone-780.avif");}
@media (prefers-reduced-motion: reduce){.g9-vid,.f9-vid,.b9-loop,.fq8-shot .b9-ans,.b9-ava,.b9-note{display: none !important;}
.fn7.f9-on .f9-sp,.fn7.f9-on .f9-pu,.fn7.f9-on .f9-hx-a,.fn7.f9-on .f9-hx-b{animation: none;}
.g8 .pr7-fx{opacity: 1 !important; visibility: visible !important;}}
.sc7-mars:not(.gx-near) .plate-img,.sc7-tower:not(.gx-near) .plate-img{background-image: none;}
.tm-how li b{border-color: transparent; background: none; color: #ebc554;}
.td-mdl,.td-chip{border-color: transparent; background: rgba(255, 255, 255, 0.05);}
.td-stop{border-color: transparent; background: rgba(255, 255, 255, 0.06);}
.td-side{border-inline-end-color: transparent;}
.td-cmp{border-color: rgba(255, 255, 255, 0.08);}
.td-send{border-color: transparent;}
.td-panel,.td-pn-tabs,.td-rule,.td-mem,.td-log,.td-doc,.td-file,.td-tip,.td-st{border-color: transparent !important; box-shadow: none !important;}
.td-top{border-bottom-color: rgba(255, 255, 255, 0.05);}
.tm-win{border-color: rgba(235, 197, 84, 0.16);}
.pr6-p,.pr8-soon{font: 500 13px/1.25 var(--gx-mono); letter-spacing: 0.1em; text-transform: uppercase;}
.pn-b{font: inherit; color: #8b8578; font-weight: 500;}
.pn-p{font: inherit; color: #f3efe6; font-weight: 700;}
.pr6-p[aria-pressed="true"] .pn-p{color: #ebc554;}
:where(html.v7) h2 .gx-gt{background: none; color: var(--gx-gold); -webkit-text-fill-color: currentColor; animation: none;}
.gx-btn--pri{box-shadow: 0 10px 24px -14px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.45);}
.gx-btn--pri::after{animation: none;}
@media (hover: hover) and (pointer: fine){.gx-btn--pri:hover::after{animation: gx-glint 1.1s var(--gx-ease) 1;}}
.dpw{box-shadow: 0 30px 70px -30px rgba(0, 0, 0, 0.9);}
.cs-set li::before,.gx-thread i,.gx-thread i::before,.mdots i,.pr6-dots i,.td-on i,.gx-status i,.fq8-ava::after{animation: none !important;}
.mt8-g{color: rgba(235, 197, 84, 0.72);}
:where(html.v7) dialog.bx{--q-sheet: #121110; --q-bubble: rgba(255, 255, 255, 0.06); --q-mine: rgba(235, 197, 84, 0.15); --q-mine-text: #f2d47a; --q-ok: #32d74b;
  --q-text: var(--gx-ink); --q-muted: rgba(255, 255, 255, 0.70); --q-faint: rgba(255, 255, 255, 0.55); --q-sep: rgba(255, 255, 255, 0.08); --q-hover: rgba(255, 255, 255, 0.045);
  --q-side: 420px;}
:where(html.v7)[data-theme="light"] dialog.bx{--q-sheet: #fbfaf7; --q-bubble: rgba(26, 26, 26, 0.055); --q-mine: rgba(122, 102, 20, 0.12); --q-mine-text: #5e4e0e; --q-ok: #15803d;
  --q-muted: rgba(26, 26, 26, 0.70); --q-faint: rgba(26, 26, 26, 0.62); --q-sep: rgba(26, 26, 26, 0.08); --q-hover: rgba(26, 26, 26, 0.04);}
:where(html.v7) dialog.bx{position: fixed; z-index: 90; inset: 0; width: 100%; height: 100%; max-width: none; max-height: none; margin: 0; padding: 0; border: 0; overflow: hidden;
  background: transparent; color: var(--q-text); overscroll-behavior: contain; font-family: var(--gx-font);}
:where(html.v7) dialog.bx:not([open]){display: none;}
:where(html.v7) dialog.bx::backdrop{background: rgba(0, 0, 0, 0.55); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); opacity: 0; transition: opacity 260ms ease;}
:where(html.v7)[data-theme="light"] dialog.bx::backdrop{background: rgba(20, 18, 12, 0.32);}
:where(html.v7) dialog.bx[open]::backdrop{opacity: 1;}
:where(html.v7) dialog.bx.is-closing::backdrop{opacity: 0; transition-duration: 200ms;}
.bx-shell{position: absolute; inset: auto 0 0 0; display: flex; flex-direction: column; height: min(88dvh, 760px); max-height: calc(100dvh - 24px); margin: 0 auto; box-sizing: border-box;
  border-radius: 22px 22px 0 0; background: var(--q-sheet); box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.06); outline: none;
  transform: translateY(0); will-change: transform; touch-action: pan-y;}
:where(html.v7)[data-theme="light"] .bx-shell{box-shadow: 0 -12px 34px rgba(26, 26, 26, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.8);}
@media (min-width: 640px){.bx-shell{width: 600px;}}
:where(html.v7) dialog.bx.is-opening .bx-shell{animation: bx-sheet-in 360ms cubic-bezier(0.32, 0.72, 0, 1) both;}
:where(html.v7) dialog.bx.is-dragging .bx-shell{transition: none;}
:where(html.v7) dialog.bx.is-closing .bx-shell{animation: none; transition: transform 220ms cubic-bezier(0.32, 0, 0.67, 0); transform: translateY(105%);}
@keyframes bx-sheet-in{ from { transform: translateY(100%); } }
.q-grab{flex: 0 0 auto; display: grid; place-items: center; height: 22px; cursor: grab; touch-action: none;}
.q-grab span{width: 40px; height: 5px; border-radius: 3px; background: rgba(255, 255, 255, 0.22);}
:where(html.v7)[data-theme="light"] .q-grab span{background: rgba(26, 26, 26, 0.18);}
.bh{position: relative; flex: 0 0 auto; display: flex; align-items: center; gap: 12px; padding: 2px 10px 14px 18px; touch-action: none;}
html:where(.v7)[dir="rtl"] .bh{padding: 2px 18px 14px 10px;}
.bh-who{display: flex; align-items: center; gap: 14px; min-width: 0; flex: 1 1 auto; margin: 0; padding: 0; border: 0; background: none; color: inherit; text-align: start;
  cursor: zoom-in; -webkit-tap-highlight-color: transparent; font: inherit;}
.bh-who:focus-visible{outline: 2px solid var(--gx-gold); outline-offset: 4px; border-radius: 30px;}
.bh-ava{position: relative; flex: 0 0 auto; width: 56px; height: 56px; border-radius: 50%; padding: 2px; box-sizing: border-box; box-shadow: inset 0 0 0 1.5px var(--gx-gold);}
.bh-ava img{display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover;}
.bh-th--light{display: none !important;}
:where(html.v7)[data-theme="light"] .bh-th--light{display: block !important;}
:where(html.v7)[data-theme="light"] .bh-th--dark{display: none !important;}
:where(html.v7) dialog.bx.is-viewing .bh-ava img{opacity: 0;}
.bh-id{display: flex; flex-direction: column; gap: 4px; min-width: 0;}
.bh-name{font: 700 22px/1.1 var(--gx-font); letter-spacing: -0.005em; color: var(--gx-gold);}
.bh-top{display: flex; align-items: center; flex-wrap: wrap; gap: 4px 10px;}
.bh-role{font: 500 14px/1.35 var(--gx-font); color: var(--q-muted); white-space: nowrap;}
.bh-live{display: none; align-items: center; gap: 6px; font: 600 13px/1 var(--gx-font); color: var(--q-ok);}
.bh-live i{width: 7px; height: 7px; border-radius: 50%; background: currentColor;}
:where(html.v7) dialog.bx.is-live .bh-live{display: inline-flex;}
.bx-x{flex: 0 0 auto; display: grid; place-items: center; width: 44px; height: 44px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--q-text);
  cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background-color 160ms ease;}
.bx-x svg{width: 24px; height: 24px;}
.bx-x:active{background: var(--q-hover);}
.bx-x:focus-visible{outline: 2px solid var(--gx-gold); outline-offset: 2px;}
@media (hover: hover) and (pointer: fine){.bx-x:hover{background: var(--q-hover);}}
.bx-log{flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; display: flex; flex-direction: column; gap: 10px; padding: 6px 16px 16px; scroll-padding-bottom: 16px;}
.bx-msg{position: relative; max-width: 82%; padding: 12px 16px; border-radius: 18px; font: 400 16px/1.5 var(--gx-font); overflow-wrap: anywhere; box-sizing: border-box;
  animation: bx-up 260ms cubic-bezier(0.23, 1, 0.32, 1) both;}
.bx-msg.bella{align-self: flex-start; margin-inline-start: 44px; background: var(--q-bubble); color: var(--q-text); border-start-start-radius: 6px;}
.bx-msg.bella::before{content: ''; position: absolute; top: 0; inset-inline-start: -44px; width: 34px; height: 34px; border-radius: 50%;
  background: url('/terminal/img/bella-noch-ava-240.jpg') center / cover no-repeat; box-shadow: 0 0 0 1px rgba(235, 197, 84, 0.45);}
:where(html.v7)[data-theme="light"] .bx-msg.bella::before{background-image: url('/terminal/img/bella-ofis-ava-240.jpg'); box-shadow: 0 0 0 1px rgba(122, 102, 20, 0.45);}
.bx-msg.bella + .bx-msg.bella{margin-top: -4px;}
.bx-msg.bella + .bx-msg.bella::before{display: none;}
.bx-msg.team::after{content: attr(data-who); display: block; margin-top: 6px; font-size: 12px; font-weight: 600; color: var(--q-faint);}
.bx-msg.me{align-self: flex-end; background: var(--q-mine); color: var(--q-mine-text); border-end-end-radius: 6px;}
.bx-w{animation: bx-word 260ms ease both;}
.bx-w.is-still{animation: none;}
html:where(.v7)[dir="rtl"] .bx-msg{font-size: 17px; line-height: 1.6;}
.bx-typing{align-self: flex-start; display: inline-flex; gap: 5px; margin-inline-start: 44px; padding: 14px 16px; border-radius: 18px; border-start-start-radius: 6px; background: var(--q-bubble);}
.bx-typing i{width: 7px; height: 7px; border-radius: 50%; background: var(--q-muted); animation: bx-dots 1.2s ease-in-out infinite;}
.bx-typing i:nth-child(2){animation-delay: 0.15s;}
.bx-typing i:nth-child(3){animation-delay: 0.3s;}
.bx-note{align-self: center; max-width: 92%; padding: 8px 12px; font: 400 14px/1.45 var(--gx-font); text-align: center; color: var(--q-muted);}
@keyframes bx-up{ from { opacity: 0; transform: translateY(8px); } }
@keyframes bx-word{ from { opacity: 0; } }
@keyframes bx-dots{ 0%, 60%, 100% { opacity: 0.35; transform: translateY(0); } 30% { opacity: 1; transform: translateY(-3px); } }
.bx-sugg{display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 4px 0 0;}
.bx-sugg button{display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 52px; margin: 0; padding: 8px 10px; box-sizing: border-box;
  border: 0; border-radius: 14px; background: var(--q-bubble); box-shadow: inset 0 0 0 1px rgba(235, 197, 84, 0.22); color: var(--gx-gold); cursor: pointer;
  font: 600 14.5px/1.25 var(--gx-font); text-align: center; -webkit-tap-highlight-color: transparent;
  animation: bx-up 260ms cubic-bezier(0.23, 1, 0.32, 1) calc(var(--i, 0) * 60ms) both; transition: background-color 160ms ease, transform 160ms ease;}
.bx-sugg button:first-child:nth-last-child(odd){grid-column: 1 / -1;}
:where(html.v7)[data-theme="light"] .bx-sugg button{box-shadow: inset 0 0 0 1px rgba(122, 102, 20, 0.38);}
@media (max-width: 430px){.bx-sugg{grid-template-columns: minmax(0, 1fr);}
.bx-sugg button{justify-content: flex-start; padding: 8px 16px; min-height: 50px; text-align: start;}}
.bx-sugg button svg{flex: 0 0 auto; width: 18px; height: 18px;}
.bx-sugg button:active{transform: scale(0.98); background: rgba(235, 197, 84, 0.12);}
.bx-sugg button:focus-visible{outline: 2px solid var(--gx-gold); outline-offset: 2px;}
@media (hover: hover) and (pointer: fine){.bx-sugg button:hover{background: rgba(235, 197, 84, 0.10);}}
.bx-alt{display: flex; flex-direction: column; align-items: center; gap: 10px; margin: 6px 0 0; animation: bx-up 260ms cubic-bezier(0.23, 1, 0.32, 1) 120ms both;}
.bx-alt-cap{font: 500 14px/1.3 var(--gx-font); color: var(--q-muted); text-align: center;}
.bx-alt-row{display: grid; grid-template-columns: repeat(2, minmax(0, 148px)); justify-content: center; gap: 10px; width: 100%;}
.bx-alt-row a{display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; padding: 0 14px; box-sizing: border-box; border-radius: 14px;
  box-shadow: inset 0 0 0 1px var(--q-sep); background: transparent; color: var(--q-text); text-decoration: none;
  font: 600 15px/1 var(--gx-font); -webkit-tap-highlight-color: transparent; transition: background-color 160ms ease, transform 160ms ease;}
.bx-alt-row a svg{width: 20px; height: 20px; color: var(--gx-gold);}
.bx-alt-row a:active{transform: scale(0.98); background: var(--q-hover);}
.bx-alt-row a:focus-visible{outline: 2px solid var(--gx-gold); outline-offset: 2px;}
@media (hover: hover) and (pointer: fine){.bx-alt-row a:hover{background: var(--q-hover);}}
.bx-alt-row a:only-child{grid-column: 1 / -1; justify-self: center; width: 148px;}
.bx-foot{flex: 0 0 auto; padding: 8px 16px calc(12px + env(safe-area-inset-bottom));}
.bx-foot[hidden]{display: none;}
.bx-form{display: flex; align-items: center; gap: 8px; min-height: 56px; margin: 0; padding: 6px 6px 6px 18px; box-sizing: border-box; border-radius: 28px;
  background: var(--q-bubble); box-shadow: inset 0 0 0 1px var(--q-sep); transition: box-shadow 160ms ease;}
html:where(.v7)[dir="rtl"] .bx-form{padding: 6px 18px 6px 6px;}
.bx-form:focus-within{box-shadow: inset 0 0 0 1px var(--gx-line2);}
.bx-form input{flex: 1 1 auto; min-width: 0; height: 44px; margin: 0; padding: 0; border: 0; outline: none; background: transparent; color: var(--q-text); caret-color: var(--gx-gold);
  font: 400 16px/1.3 var(--gx-font);}
.bx-form input::placeholder{color: var(--q-faint); opacity: 1;}
.bx-form button{flex: 0 0 44px; display: grid; place-items: center; width: 44px; height: 44px; margin: 0; padding: 0; border: 0; border-radius: 50%;
  background: var(--gx-btn-bg); color: var(--gx-btn-ink); cursor: pointer; transition: transform 160ms ease, opacity 160ms ease;}
.bx-form button svg{width: 20px; height: 20px; margin-inline-start: -2px;}
html:where(.v7)[dir="rtl"] .bx-form button svg{transform: scaleX(-1); margin-inline-start: 0; margin-inline-end: -2px;}
.bx-form button:active{transform: scale(0.94);}
.bx-form button:disabled{opacity: 0.5; cursor: default;}
.bx-form button:focus-visible{outline: 2px solid var(--gx-gold); outline-offset: 2px;}
.bx-consent{max-width: 40ch; margin: 10px auto 0; font: 400 12px/1.5 var(--gx-font); text-align: center; text-wrap: balance; color: var(--q-faint);}
.bx-consent a{color: var(--q-muted); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: var(--q-sep);
  transition: color 160ms ease, text-decoration-color 160ms ease;}
.bx-consent a:hover{color: var(--gx-gold); text-decoration-color: currentColor;}
html:where(.v7)[dir="rtl"] .bx-consent{font-size: 13px; line-height: 1.6;}
html:where(.v7).bx-lock,html:where(.v7).bx-lock body{overflow: hidden;}
@media (min-width: 1024px){:where(html.v7) dialog.bx{inset: var(--gx-hdr) 0 0 auto; width: var(--q-side); height: auto;}
:where(html.v7) dialog.bx::backdrop{display: none;}
.bx-shell{inset: 0; width: auto; height: 100%; max-height: none; border-radius: 0; box-shadow: -1px 0 0 var(--gx-line), -24px 0 48px rgba(0, 0, 0, 0.35);}
:where(html.v7)[data-theme="light"] .bx-shell{box-shadow: -1px 0 0 var(--q-sep), -24px 0 48px rgba(26, 26, 26, 0.10);}
html:where(.v7)[dir="rtl"] dialog.bx{inset: var(--gx-hdr) auto 0 0;}
html:where(.v7)[dir="rtl"] .bx-shell{box-shadow: 1px 0 0 var(--gx-line), 24px 0 48px rgba(0, 0, 0, 0.35);}
:where(html.v7) dialog.bx.is-opening .bx-shell{animation: bx-side-in 320ms cubic-bezier(0.32, 0.72, 0, 1) both;}
html:where(.v7)[dir="rtl"] dialog.bx.is-opening .bx-shell{animation-name: bx-side-in-rtl;}
:where(html.v7) dialog.bx.is-closing .bx-shell{transform: translateX(105%);}
html:where(.v7)[dir="rtl"] dialog.bx.is-closing .bx-shell{transform: translateX(-105%);}
.q-grab{display: none;}
.bh{padding: 18px 12px 16px 20px; touch-action: auto;}
html:where(.v7)[dir="rtl"] .bh{padding: 18px 20px 16px 12px;}
.bx-sugg{grid-template-columns: 1fr 1fr;}}
@keyframes bx-side-in{ from { transform: translateX(100%); } }
@keyframes bx-side-in-rtl{ from { transform: translateX(-100%); } }
:where(html.v7) dialog.bxv{z-index: 95;}
html:where(.v7):not(.bx-live) .gx-bella i::before{background: var(--gx-gold); box-shadow: none;}
html:where(.v7):not(.bx-live) .fq8-st,html:where(.v7):not(.bx-live) .fq8-on,html:where(.v7):not(.bx-live) .fq8-cap em,html:where(.v7):not(.bx-live) .fq8v-cap em{display: none;}
html:where(.v7).bx-side .gx-bella{border-color: var(--gx-gold); color: var(--gx-gold);}
@media (prefers-reduced-motion: reduce){:where(html.v7) dialog.bx.is-opening .bx-shell,html:where(.v7)[dir="rtl"] dialog.bx.is-opening .bx-shell{animation: bx-fade 200ms ease both;}
:where(html.v7) dialog.bx.is-closing .bx-shell,html:where(.v7)[dir="rtl"] dialog.bx.is-closing .bx-shell{transform: none; transition: opacity 160ms ease; opacity: 0;}
.bx-msg,.bx-sugg button,.bx-alt{animation: bx-fade 200ms ease both;}
.bx-typing i{animation: none;}
.bx-form button,.bx-sugg button,.bx-alt-row a,.bx-x{transition: none;}}
@keyframes bx-fade{ from { opacity: 0; } }
@media (min-width: 768px) and (max-width: 1023px){.gx-hdr .gx-key{width: 44px; padding: 0; gap: 0; justify-content: center;}
.gx-hdr .gx-key-t{position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;}}
@media (max-width: 767px){.ft7 > .gx-wrap{display: flex; flex-direction: column; align-items: center; text-align: center;}
.ft7 .gx-fb{width: 100%; grid-template-columns: minmax(0, 1fr); justify-items: center; row-gap: 0;}
.ft7 .gx-fb-l{display: grid; justify-items: center;}
.ft7 .gx-fb-id{justify-content: center;}
.ft7 .gx-fb-slo{margin-top: 14px; font-size: 12px; letter-spacing: 0.08em; white-space: nowrap;}
.ft7 .gx-fb-type{display: none;}
.ft7 .gx-fb-r{width: 100%; justify-items: center; margin-top: 26px; gap: 14px;}
.ft7 .gx-soc{justify-content: center; gap: 12px;}
.ft7 .gx-bella{width: 100%; height: 52px;}
.ft7 .gx-fb > .gx-sites{width: 100%; margin-top: 26px; text-align: start;}
.ft7 .gx-legal,.ft7 .ft7-base{display: contents;}
.ft7 .ft7-made{order: 1; width: 100%; margin-top: 30px; padding-top: 20px; border-top: 1px solid var(--gx-line);}
.ft7 .ft7-made a{flex-direction: column; justify-content: center; gap: 6px; padding: 4px 0;}
.ft7 .gx-legal-c{order: 2; margin-top: 18px; white-space: normal; font-size: 12px; letter-spacing: 0.08em; text-wrap: balance;}
.ft7 .ft7-addr{order: 3; margin-top: 6px;}
.ft7 .gx-docs{order: 4; display: grid; grid-template-columns: repeat(2, auto); justify-content: center; justify-items: center; margin-top: 12px; gap: 0 6px;}
.ft7 .gx-docs a{height: 44px; padding: 0 9px; border: 0; background: none; text-decoration: underline; text-decoration-color: var(--gx-line2);
    text-decoration-thickness: 1px; text-underline-offset: 6px;}
.ft7 .gx-legal-r{order: 5; justify-self: auto; margin-top: 10px;}}
@media (max-width: 767px){.gx-hdr .gx-wm{margin-inline-start: 8px;}
.h7 .console{display: grid; grid-template-columns: minmax(0, 1fr); width: 100%; gap: 14px; padding: 14px 14px 16px;}
.h7 .cs-set{display: flex; flex-wrap: nowrap; justify-content: space-between; gap: 0; padding-top: 14px; border-top: 1px solid var(--gx-line);}
.h7 .cs-set li{flex-direction: column; justify-content: flex-start; gap: 10px; min-width: 0; font-size: clamp(12px, 3.4vw, 13px); letter-spacing: 0.04em;}}
@media (min-width: 768px) and (max-aspect-ratio: 4/5){.h7{padding-top: calc(var(--gx-hdr) + min(100vw * 0.86, 100svh - 470px));}}
@media (min-width: 768px) and (max-width: 1023px){.pr6-stage{display: flex; flex-direction: column; gap: 26px;}
.pr6-core{order: -1; align-self: center; padding: 8px 10px 14px;}
.pr7{--pr7-h: min(60vw, 480px); --pr7-cap: 90px;}
.pr7 .pr7-core{align-self: stretch;}
.pr6-p{min-height: 52px;}
.pr6-list .pr6-frame{margin: -5px 0 10px; border-color: var(--gx-line2); border-top: 0; background: var(--gx-card2);}
.pr6-list .pr6-frame::before{display: none;}
.pr6-list .pr6-pane{gap: 14px; padding: 14px 0 16px;}
.pr6-list .pr6-tag,.pr6-list .pr6-name{display: none;}
.pr6-list .pr6-line{margin: 0; padding: 0 18px;}
.pr6-list .pr6-scr{margin: 0; border-radius: 0; border-inline: 0; box-shadow: none;}
.pr6-list .pr6-go{margin: 0 18px; align-self: flex-start;}
.pr6 .gx-btn.pr6-go{height: 48px;}
.k24 .k24-desc{display: block;}}
@media (min-width: 768px) and (max-width: 1023px){.fq8-g{grid-template-columns: minmax(0, 1fr); row-gap: 20px;}
.fq8-qs li > .fq8-win{margin: 8px 0 16px;}
.fq8-win{grid-template-columns: 240px minmax(0, 1fr);}
.fq8-log{height: 380px;}}
@media (max-width: 1023px), (max-aspect-ratio: 5/4){.mt8-stage{--st: min(78vw, 340px, 40svh);}}
@media (max-width: 1023px) and (max-height: 540px) and (orientation: landscape){.mt8-stage{position: relative; top: auto; --st: min(62svh, 300px);}}
@media (max-width: 767px){.b9-note{background: #0a0a0c url("/terminal/img/bella-noch-ava-240.jpg") 50% 30% / cover no-repeat;}
html:where(.v7)[data-theme="light"] .b9-note{background-image: url("/terminal/img/bella-ofis-ava-240.jpg");}
.dp-res .td-chip{border-radius: 12px; text-wrap: balance;}}
@media (pointer: coarse){.gx-hdr .gx-logo{min-height: 44px;}
#terminal .td-mbtn{width: 44px; height: 44px;}
.td-new,.td-ag{height: 44px;}
.td-send,.td-x,.td-tools button,.td-mode7 button{position: relative;}
.td-send::before,.td-x::before,.td-tools button::before,.td-mode7 button::before,.td-pn-tabs button::before,.td-tg::before{content: ''; position: absolute;}
.td-send::before{inset: -4px;}
.td-x::before{inset: -6px;}
.td-tools button::before{inset: -4px 0;}
.td-mode7 button::before{inset: -8px 0;}
.td-pn-tabs button::before{inset: -3px 0;}
.td-tg::before{inset: -10px -4px;}
.dp-go{height: 48px;}
.dp-pl{row-gap: 16px;}
.dp-pl a{position: relative;}
.dp-pl a::before{content: ''; position: absolute; inset: -8px 0;}
.b9-snd::before{content: ''; position: absolute; inset: -4px;}
.fq8-form textarea{height: 44px; padding-block: 9px; box-sizing: border-box;}}
@media (max-width: 1023px){.h1,.h2,:where(html.v7) h2,:where(html.v7) h3,.nm-sub,.tm-sub3,.fq7-q,.fq8-q,.mt7-t,.td-empty h3,.td-tip,.regs,.kick,.proof,.dp-proof b{text-wrap: balance;}
:where(html.v7) p,.sub,.lead,.fq8-a,.mt7-pg dd{text-wrap: pretty;}}
html:where(.v7)[data-hl="a"] .gx-wm-t{animation-iteration-count: 1;}
.gx-halo::after{animation: none;}
.gx-btn--pri::after{content: none;}
.gx-hdr .gx-btn--hdr{background: transparent; color: var(--gx-gold); box-shadow: inset 0 0 0 1px var(--gx-line2);}
.gx-hdr .gx-btn--hdr:hover{background: rgba(235, 197, 84, 0.1);}
.td-tip{letter-spacing: 0.02em; animation: none;}
.td-tip::before{box-shadow: none;}
.td--mob .td-stop{height: 44px;}
.td--mob .td-send,.td--mob.td .td-send{width: 44px; height: 44px;}
.td--mob .td-tools button,.td--mob .td-mbtn{min-width: 44px; height: 44px;}
:where(html.v7)[data-theme="light"] .td-hi b{color: #5c4a0d;}
.td .td-main > .td-stop{position: static; translate: none; justify-self: center; align-self: center; margin: 2px 0 8px; box-shadow: none;}
.td .td-scroll.is-auto{padding-bottom: 10px;}
.td--mob .td-why,.td--mob .td-chips{display: none;}
.td--mob .td-steps{display: flex; flex-wrap: wrap; gap: 6px 14px;}
.td--mob .td-steps li{display: inline-flex; align-items: center; gap: 6px;}
.td--mob .td-steps li > span{display: none;}
.td--mob .td-steps li > i{grid-row: auto; margin: 0;}
.td--mob .td-ai > .td-stamp,.js .td--mob .td-ai > .td-stamp[data-in].in{position: static; justify-self: start; margin: 4px 0 0 2px;}
.td--mob .td-file b{white-space: normal; overflow: visible; text-overflow: clip;}
.td--mob .td-file em{flex: none;}
.td-file > i{width: 46px;}
.td--mob .td-feed > :not(:nth-last-child(-n + 2)){display: none;}
.td--mob .td-cmp{margin-bottom: 8px; padding: 6px 6px 6px 14px; border-radius: 14px;}
.td--mob .td-cmp textarea{height: 24px; min-height: 24px; line-height: 24px;}
@media (min-width: 768px){.tm-ph .td--mob .td-feed > .td-me,.tm-ph .td--mob .td-doc{display: none;}}
.tm-ph .td--mob .td-text{font-size: 14px;}
.tm-ph .td--mob .td-file em{display: none;}
.tm-ph .td--mob .td-ai{grid-template-columns: minmax(0, 1fr) auto; column-gap: 8px; row-gap: 8px;}
.tm-ph .td--mob .td-ai > *{grid-column: 1 / -1;}
.tm-ph .td--mob .td-ai > .td-ai-h{grid-column: 1; grid-row: 1;}
.tm-ph .td--mob .td-ai > .td-stamp,.js .tm-ph .td--mob .td-ai > .td-stamp[data-in].in{grid-column: 2; grid-row: 1; margin: 0; align-self: start;}
.tm-ph .td--mob .td-ai-h .td-mdl{display: none;}
.tm-ph .td--mob .td-ai-h{flex-wrap: nowrap;}
.tm-ph .td--mob .td-ai-h b{min-width: 0; line-height: 1.25;}
.tm-ph .td--mob .td-text{line-height: 1.45;}
.tm-ph .td--mob .td-file{padding: 8px 10px;}
.td--desk .td-ai:has(> .td-stamp) > .td-ai-h,.td--desk .td-ai:has(> .td-stamp) > .td-why{padding-inline-end: 136px;}
.td-st{align-content: start;}
.td-tip{display: none !important;}
.td-hi b{color: inherit;}
.td-user{display: flex; align-items: center; gap: 10px; margin-top: auto; padding: 12px 6px 4px; border-top: 1px solid var(--td-line);}
.td-ava{flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--td-raised2); color: var(--td-ink); font: 600 14px/1 var(--gx-font);}
.td-who{flex: 1; min-width: 0; display: grid; gap: 2px;}
.td-who b{color: var(--td-ink); font: 600 14px/1.3 var(--gx-font); white-space: nowrap;}
.td-who small{color: var(--td-mut); font: 400 14px/1.3 var(--gx-font); white-space: nowrap;}
.td-uset{flex: none; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 3px; color: var(--td-mut);}
.td-uset svg{width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round;}
.td-uset:hover{color: var(--td-ink); background: var(--td-raised);}
.td-uset:focus-visible{outline: 2px solid var(--td-gold); outline-offset: 1px;}
.td--desk[data-mode="fokus"] .td-user{justify-content: center; padding-inline: 0;}
.td--desk[data-mode="fokus"] .td-who,.td--desk[data-mode="fokus"] .td-uset{display: none;}
.td--mob .td-panel{height: 86%;}
.td--mob .td-pn-tabs{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; padding: 0 4px;}
.td--mob .td-pn-tabs button{flex-direction: column; justify-content: center; gap: 2px; height: 52px; padding: 4px 2px; font-size: 14px;}
.td--mob .td-pn-tabs button[aria-selected="true"]::after{left: 14px; right: 14px;}
.td--mob .td-pn-tabs small,.td--mob .td-pn-h .td-wm small,.td--mob .td-pn-b > p,.td--mob .td-rule small,.td--mob .td-mem small,.td--mob .td-log small,.td--mob .td-log time,.td--mob .td-rule .td-cap{font-size: 14px;}
.td--mob .td-pn-b{padding-bottom: 20px;}
.td--mob .td-rule b,.td--mob .td-mem b,.td--mob .td-log b{overflow-wrap: anywhere;}
.td--mob .td-x{width: 44px; height: 44px;}
@media (min-width: 768px){.tm-ph{transition: opacity 0.3s var(--gx-ease), translate 0.3s var(--gx-ease);}
.tm-stage:has(.td--desk.pn-open) .tm-ph{opacity: 0; translate: 32px 0; pointer-events: none;}}
.td--mob .td-top{gap: 12px;}
.td--mob .td-tools{margin-inline-start: 6px;}
:where(html.v7)[data-theme="light"] .td-chip{background: var(--td-raised);}
@media (max-width: 767px){.td--mob .td-mbtn,.td--mob .td-tools button,.td--mob .td-send,.td--mob .td-x{min-width: 48px; min-height: 48px;}
.td--mob .td-sel{min-height: 48px;}
.td--mob .td-main > .td-stop{height: 48px;}
.td--mob .td-pn-tabs button{height: 56px;}}
@media (prefers-reduced-motion: reduce){.tm-ph{transition: none;}}
.td--mob .td-doc p:nth-child(n + 2){display: none;}
.td--mob .td-side,.td-pn-b{overflow-y: auto;}
.td--mob .td-menu small{white-space: normal;}
.tm-ph .td--mob .td-menu{left: -48px; width: 230px; min-width: 0;}
@media (max-width: 767px){.td--mob .td-menu{left: -60px; width: min(320px, calc(100vw - 56px)); min-width: 0;}}
.fn6 .fn6-lb,.fn6 .fn6-cs-t,.fn6 .fn6-cs-t a,.fn6 .fn6-slo,.fn6 .fn6-ct{font-size: 14px;}
.td--mob .td-side{padding-bottom: 0; overscroll-behavior: contain;}
.td--mob .td-side > *{flex-shrink: 0;}
.td--mob .td-side .td-user{position: sticky; bottom: 0; z-index: 1; padding-bottom: 14px; background: var(--td-side);}
.td--mob .td-side{top: -56px; gap: 4px; padding-top: 10px;}
.td--mob .td-scrim{top: -56px;}
.td--mob .td-side .td-cap{margin-top: 6px;}
.td--mob .td-ags{gap: 0;}
.td--mob .td-side .td-user{padding-top: 8px; padding-bottom: 10px;}
.td--mob .td-side{visibility: hidden; transition: transform 0.4s var(--gx-ease), visibility 0s linear 0.4s;}
.td--mob.side-open .td-side{visibility: visible; transition: transform 0.4s var(--gx-ease);}
.td-panel{visibility: hidden; transition: transform 0.45s var(--gx-ease), visibility 0s linear 0.45s;}
.td.pn-open .td-panel{visibility: visible; transition: transform 0.45s var(--gx-ease);}
.td--mob .td-cmp{align-items: center;}
.td--mob .td-doc p:nth-child(2){display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.td-ai-h .td-ai-s{display: none;}
.td--mob .td-sel > span{flex: 1 1 auto;}
.td--mob .td-sel > span > *{min-width: 0; overflow: hidden; text-overflow: ellipsis;}
@media (min-width: 768px){.tm-ph .td--mob .td-top{gap: 6px; padding-inline: 10px;}
.tm-ph .td--mob .td-mbtn{width: 36px;}
.tm-ph .td--mob .td-tools{margin-inline-start: 0;}
.tm-ph .td--mob .td-tools > button{padding: 0 5px; gap: 5px;}
.tm-ph .td--mob .td-ai-h .td-agi,.tm-ph .td--mob .td-ai-h .td-ai-n{display: none;}
.tm-ph .td--mob .td-ai-h .td-ai-s{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tm-stage:has(.td--desk.pn-open) .tm-ph{opacity: 1; pointer-events: auto; translate: var(--tm-ph-out, 48px) 0;}}
@media (max-width: 767px){.td--mob .td-new,.td--mob .td-ag{height: 48px;}
.td--mob .td-uset{width: 48px; height: 48px; margin-inline-end: -6px;}
.td--mob .td-tg,.td--mob .td-tg[aria-checked="true"]{width: 48px; height: 48px; margin: -12px -4px; background: none;}
.td--mob .td-tg::before{content: ''; position: absolute; left: 4px; top: 12px; width: 40px; height: 24px; border-radius: 999px; background: var(--td-line2); transition: background-color 0.25s;}
.td--mob .td-tg[aria-checked="true"]::before{background: var(--td-gold);}
.td--mob .td-tg::after{top: 15px; left: 7px;}}
.td--desk .td-ai:has(> .td-text.in) > .td-why{display: none;}
.td--desk .td-ai:has(> .td-text.in) .td-steps{display: flex; flex-wrap: wrap; gap: 6px 16px;}
.td--desk .td-ai:has(> .td-text.in):has(> .td-stamp) .td-steps{padding-inline-end: 136px;}
.td--desk .td-ai:has(> .td-text.in) .td-steps li{display: inline-flex; align-items: center; gap: 7px;}
.td--desk .td-ai:has(> .td-text.in) .td-steps li > span{display: none;}
.td--desk .td-ai:has(> .td-text.in) .td-doc p:nth-child(2){display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
@media (min-width: 768px){.tm-ph .td--mob .td-starters .td-st:nth-child(n + 2){display: none;}}
.td--desk .td-st b{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.td--desk .td-empty{padding-bottom: 18px;}
.td .td-file > i{width: 34px; height: 34px; border: 0; border-radius: 8px; background: color-mix(in srgb, var(--td-gold) 13%, transparent);
  font: 700 12px/1 var(--gx-mono); letter-spacing: 0.04em;}
.td-pn-h .td-wm{display: flex; align-items: baseline; gap: 8px; font-size: 15px;}
.td-pn-h .td-wm small{font-size: 15px; letter-spacing: 0.06em;}
.td-brand{padding: 0 4px;}
.td-brand .gx-cube{display: block;}
@media (max-width: 767px){.td--mob .td-cmp textarea{box-sizing: border-box; height: 48px; min-height: 48px; padding-block: 12px; line-height: 24px;}}
:where(html.v7)[data-theme="light"] .td-chip.ok{background: var(--td-panel);}
@media (prefers-reduced-motion: reduce){.td-panel,.td.pn-open .td-panel,.td--mob .td-side,.td--mob.side-open .td-side{transition: none;}}
.ft7 .gx-legal.ft7-a{grid-template-columns: minmax(0, 1fr) auto auto; grid-template-areas: "docs docs docs" "co made ctl"; align-items: center;
  gap: 24px 32px; margin-top: 40px; padding-top: 28px;}
.ft7 .ft7-a .gx-docs{grid-area: docs; flex-wrap: nowrap; justify-content: center; gap: 8px;}
.ft7 .ft7-a .gx-docs a{height: 44px; padding: 0 16px; font-size: 14px; letter-spacing: 0.06em; white-space: nowrap;}
.ft7 .ft7-a .ft7-co{grid-area: co; min-width: 0;}
.ft7 .ft7-a .gx-legal-c{margin: 0; font: 400 14px/1.5 var(--gx-font); letter-spacing: 0; text-transform: none; color: var(--gx-ink2); white-space: normal;}
.ft7 .ft7-a .gx-legal-c .ft7-ag:first-child{font-weight: 600; color: var(--gx-ink);}
.ft7 .ft7-a .ft7-addr{margin: 2px 0 0; font: 400 14px/1.5 var(--gx-font); letter-spacing: 0; text-transform: none; color: var(--gx-ink2); text-wrap: balance;}
.ft7 .ft7-a .ft7-made{grid-area: made; margin: 0; padding: 0; border: 0;}
.ft7 .ft7-a .ft7-made a{display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; min-height: 44px; text-decoration: none;}
.ft7 .ft7-a .ft7-made-t{font: 400 15px/1.4 var(--gx-font); letter-spacing: 0; text-transform: none; color: var(--gx-ink2);}
.ft7 .ft7-a .ft7-made-t b{font-weight: 600; color: var(--gx-ink);}
.ft7 .ft7-a .ft7-want{display: inline-flex; align-items: center; gap: 6px; font: 500 15px/1.4 var(--gx-font); letter-spacing: 0; text-transform: none; color: var(--gx-gold);}
.ft7 .ft7-a .gx-legal-r{grid-area: ctl; justify-self: end;}
.ft7 .gx-tile-cap{font: 600 16px/1.25 var(--gx-font); letter-spacing: 0;}
.ft7 .gx-tile-desc{font: 400 14px/1.45 var(--gx-font); letter-spacing: 0;}
.ft7 .gx-tile-here{font: 600 14px/1 var(--gx-font); letter-spacing: 0; text-transform: none;}
.ft7 .gx-fb-slo{font-size: 14px; white-space: normal;}
@media (max-width: 1023px){.ft7 .gx-legal.ft7-a{grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "docs docs" "co ctl" "made made";}
.ft7 .ft7-a .gx-docs{display: grid; grid-template-columns: repeat(3, auto); justify-content: center;}}
@media (max-width: 767px){.ft7 .gx-legal.ft7-a{display: grid; grid-template-columns: minmax(0, 1fr); grid-template-areas: "docs" "co" "made" "ctl"; justify-items: center;
    text-align: center; gap: 20px; margin-top: 28px;}
.ft7 .ft7-a .gx-docs{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); justify-items: stretch; width: 100%; gap: 8px; margin: 0; order: 0;}
.ft7 .ft7-a .gx-docs a{justify-content: center; height: 48px; padding: 0 8px; border: 1px solid var(--gx-line); background: none; text-decoration: none;}
.ft7 .ft7-a .gx-docs a:last-child{grid-column: 1 / -1;}
.ft7 .ft7-a .ft7-co,.ft7 .ft7-a .gx-legal-c,.ft7 .ft7-a .ft7-addr,.ft7 .ft7-a .gx-legal-r{order: 0; margin-top: 0;}
.ft7 .ft7-a .ft7-addr{margin-top: 2px;}
.ft7 .ft7-a .ft7-made{order: 0; width: auto; margin: 0; padding: 0; border: 0;}
.ft7 .ft7-a .ft7-made a{flex-direction: column; justify-content: center; gap: 6px;}
.ft7 .ft7-a .gx-legal-r{justify-self: center;}
.ft7 .gx-tile-cap{font-size: 15px;}
.ft7 .gx-fb-slo{font-size: 14px; line-height: 1.7; letter-spacing: 0.22em; white-space: normal;}
.ft7 .gx-fb-slo span{display: block;}
.ft7 .gx-fb-slo i{display: none;}}
@font-face{ font-family: 'Space Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url('/terminal/fonts/space-mono-latin-400-normal.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; }
@font-face{ font-family: 'JetBrains Mono'; font-style: normal; font-weight: 400 500; font-display: swap; src: url('/terminal/fonts/ibm-plex-sans-arabic-arabic-500-normal.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face{ font-family: 'JetBrains Mono'; font-style: normal; font-weight: 600 800; font-display: swap; src: url('/terminal/fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
.b2{display: none;}
html:where(.v7).b2-on .b2{display: block;}
html:where(.v7).b2-hold .hero .ent{animation-play-state: paused;}
.b2{position: fixed; inset: 0; z-index: 1000; overflow: hidden; contain: strict; color: #fff; color-scheme: dark; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent;
  --g: #ebc554; --gh: #ffd36b; --gl: #fff4cf; --glo: #ccac0b; --ok: #4ade80; --ok2: #22c55e;
  --mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace; --sm: 'Space Mono', ui-monospace, monospace;
  --sx: 72.7vw; --sy: 55vh; --sw: 31vw; --tx: 0px; --ty: 0px; --tw: 600px;}
.b2-bg{position: absolute; inset: 0; background: #050505;}
.b2-dust{position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none;}
.b2-term{position: absolute; left: var(--tx); top: var(--ty); width: var(--tw); opacity: 0; transform-origin: 50% 50%;}
.b2-halo{position: absolute; inset: -22% -14%; border-radius: 50%; opacity: 0; pointer-events: none;
  background: radial-gradient(closest-side, rgba(235, 197, 84, 0.2), rgba(235, 197, 84, 0.06) 55%, transparent 76%); transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1);}
.b2-win{position: relative; overflow: hidden; border-radius: 4px; background: rgba(10, 10, 10, 0.96); border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 0 80px rgba(0, 0, 0, 0.9), 0 0 0 1px rgba(255, 255, 255, 0.05), 0 40px 120px rgba(0, 0, 0, 0.55);}
.b2-bar{position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; height: 38px; padding: 0 16px; background: #111; border-bottom: 1px solid rgba(255, 255, 255, 0.12);}
.b2-bar::before{content: ''; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--g) 28%, var(--gh) 50%, var(--g) 72%, transparent);}
.b2-ver{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 400 13px/1 var(--sm); letter-spacing: 0.08em; color: rgba(255, 255, 255, 0.8);}
.b2-dots{display: flex; gap: 6px; flex: none;}
.b2-dots i{width: 8px; height: 8px; border-radius: 50%; background: rgba(255, 255, 255, 0.34); transition: background-color 0.4s, box-shadow 0.4s;}
.b2.is-open .b2-dots i:first-child{background: var(--ok); box-shadow: 0 0 8px var(--ok);}
.b2-body{position: relative; padding: 22px 24px 24px;}
.b2-body > *{position: relative; z-index: 1;}
.b2-pr{margin: 0 0 12px; white-space: nowrap; overflow: hidden; font: 400 14px/1.4 var(--sm); color: var(--ok2);}
.b2-pr b{font-weight: 400; color: #fff;}
.b2-logo{margin: 0 0 8px; min-height: 1.25em; white-space: nowrap; font: 700 17px/1.25 var(--sm); letter-spacing: 0.04em;}
.b2-logo .g{color: var(--g);}
.b2-logo .s{color: rgba(255, 255, 255, 0.88);}
.b2-cr{display: inline-block; width: 9px; height: 17px; margin-inline-start: 6px; vertical-align: -3px; background: #fff; animation: b2-blink 0.9s steps(1) infinite;}
.b2-geo{margin: 0 0 20px; min-height: 1.4em; white-space: nowrap; overflow: hidden; font: 400 13px/1.4 var(--sm); letter-spacing: 0.12em; color: rgba(255, 255, 255, 0.72);}
.b2-lines{position: relative; height: calc(5 * 21px + 4 * 8px); margin: 0 0 20px; overflow: hidden;}
.b2-list{position: absolute; left: 0; right: 0; top: 0; display: flex; flex-direction: column; gap: 8px;}
.b2-ln{display: flex; gap: 10px; align-items: baseline; min-height: 21px; font: 500 14px/1.5 var(--mono); color: rgba(255, 255, 255, 0.86); white-space: nowrap;}
.b2-ln b{flex: none; font-weight: 700; color: var(--ok); opacity: 0;}
.b2-ln span{min-width: 0; overflow: hidden; text-overflow: clip;}
.b2-mt{display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin: 0 0 8px; font: 500 13px/1 var(--mono); letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255, 255, 255, 0.78);}
.b2-mt b{flex: none; color: var(--g); font-weight: 700; letter-spacing: 0.04em; font-variant-numeric: tabular-nums;}
.b2-prog{position: relative; height: 3px; margin: 0 0 16px; border-radius: 3px; background: rgba(255, 255, 255, 0.12);}
.b2-prog i{position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(90deg, var(--glo), var(--g) 60%, var(--gh)); box-shadow: 0 0 10px rgba(235, 197, 84, 0.6);
  transform-origin: 0 50%; transform: scaleX(0);}
.b2-prog u{position: absolute; left: 0; top: 50%; width: 18px; height: 12px; margin: -6px 0 0 -9px; border-radius: 50%; opacity: 0;
  background: radial-gradient(closest-side, #fffaf0, rgba(255, 214, 120, 0.75) 45%, transparent);}
:where(html.v7) [dir="rtl"] .b2-prog i{transform-origin: 100% 50%; background: linear-gradient(270deg, var(--glo), var(--g) 60%, var(--gh));}
:where(html.v7) [dir="rtl"] .b2-prog u{left: auto; right: 0; margin: -6px -9px 0 0;}
.b2-st{min-height: 16px; margin: 0 0 18px; font: 500 13px/1.2 var(--mono); letter-spacing: 0.08em; color: rgba(255, 255, 255, 0.74);}
.b2-st.is-load{animation: b2-blink 0.9s steps(1) infinite;}
.b2-st.is-ok{color: var(--ok2); font-weight: 700; animation: none;}
.b2-fin{opacity: 0;}
.b2-fin p{display: flex; gap: 10px; margin: 0 0 6px; font: 700 14px/1.4 var(--mono); letter-spacing: 0.06em; color: #fff;}
.b2-fin p b{flex: none; color: var(--ok2);}
.b2-fin small{display: block; margin: 0 0 18px; font: 400 13px/1.4 var(--sm); letter-spacing: 0.1em; color: rgba(255, 255, 255, 0.66);}
.b2-btn{position: relative; display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; height: 50px; overflow: hidden; border: 0; border-radius: 3px; cursor: pointer; visibility: hidden; opacity: 0;
  background: linear-gradient(180deg, #ffd978 0%, #ebc554 46%, #c9a20e 100%); color: #140f00; font: 700 14px/1 var(--mono); letter-spacing: 0.2em; text-transform: uppercase;
  box-shadow: 0 0 34px rgba(235, 197, 84, 0.38);}
.b2-btn::after{content: ''; position: absolute; inset: 0; background: linear-gradient(100deg, transparent 40%, rgba(255, 255, 255, 0.6) 50%, transparent 60%); transform: translateX(-120%);
  animation: b2-glint 2.6s cubic-bezier(0.65, 0, 0.35, 1) 0.5s infinite;}
.b2-btn:focus-visible{outline: 2px solid #fff; outline-offset: 3px;}
.b2-btn.is-on{visibility: visible;}
.b2-scan{position: absolute; inset: 0; z-index: 2; pointer-events: none; background: repeating-linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0 1px, transparent 1px 3px);}
.b2-scan::after{content: ''; position: absolute; left: 0; right: 0; top: -30%; height: 30%; background: linear-gradient(180deg, transparent, rgba(235, 197, 84, 0.045), transparent); animation: b2-sweep 4.6s linear infinite;}
.b2-sheen{position: absolute; inset: 0; z-index: 3; pointer-events: none; background: linear-gradient(110deg, transparent 38%, rgba(255, 255, 255, 0.075) 47%, rgba(255, 255, 255, 0.02) 52%, transparent 60%);
  transform: translateX(-120%); animation: b2-glint 5.4s cubic-bezier(0.65, 0, 0.35, 1) 1.4s infinite;}
.b2-sign{position: absolute; left: var(--sx); top: var(--sy); width: var(--sw); aspect-ratio: 1; translate: -50% -50%; pointer-events: none;}
.b2-sign img{position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0;}
.b2-glow{position: absolute; inset: -34%; border-radius: 50%; opacity: 0; background: radial-gradient(closest-side, rgba(255, 211, 107, 0.34), rgba(235, 197, 84, 0.1) 46%, transparent 74%);}
.b2-ring{position: absolute; inset: 14%; border-radius: 50%; border: 1px solid rgba(255, 227, 154, 0.8); opacity: 0;}
.b2-flash{position: absolute; inset: 16%; border-radius: 50%; opacity: 0; background: radial-gradient(closest-side, #fffaf0, rgba(255, 214, 120, 0.6) 38%, transparent 72%);}
.b2-rip{position: absolute; left: 0; top: 0; width: 240px; aspect-ratio: 7 / 1; border-radius: 50%; border: 1.5px solid rgba(255, 214, 120, 0.78); translate: -50% -50%; opacity: 0; pointer-events: none;}
.b2-dial{position: absolute; left: var(--dx); top: var(--dy); width: 0; height: 0; pointer-events: none;}
.b2 .b2-dial svg{position: absolute; inset: auto; left: 0; top: 0; width: var(--s); height: var(--s); max-width: none; max-height: none; translate: -50% -50%; overflow: visible; opacity: 0;}
.b2-dial circle{fill: none; stroke: rgba(235, 197, 84, 0.32); stroke-width: 1;}
.b2-dial line{stroke: rgba(235, 197, 84, 0.44); stroke-width: 1;}
.b2-dial line.mj{stroke: rgba(255, 211, 107, 0.78); stroke-width: 1.4;}
.b2-dial .nt{fill: #ffd36b;}
.b2-seam{position: absolute; left: var(--dx); top: 0; bottom: 0; width: 2px; margin-left: -1px; opacity: 0; transform: scaleY(0); pointer-events: none;
  background: linear-gradient(180deg, transparent, rgba(255, 211, 107, 0.9) 18%, #fffaf0 50%, rgba(255, 211, 107, 0.9) 82%, transparent); box-shadow: 0 0 18px #ffd36b, 0 0 46px rgba(235, 197, 84, 0.6);}
.b2-door{position: absolute; top: 0; bottom: 0; width: 50.2%; display: none; background: #050505;}
.b2-door.l{left: 0; box-shadow: inset -2px 0 0 rgba(255, 220, 140, 0.95), inset -46px 0 70px -40px rgba(235, 197, 84, 0.55);}
.b2-door.r{right: 0; box-shadow: inset 2px 0 0 rgba(255, 220, 140, 0.95), inset 46px 0 70px -40px rgba(235, 197, 84, 0.55);}
.b2-door::after{content: ''; position: absolute; top: 50%; width: min(46vmin, 420px); aspect-ratio: 1; translate: 0 -50%; border-radius: 50%; border: 1px solid rgba(235, 197, 84, 0.18);}
.b2-door.l::after{right: 0; translate: 50% -50%; clip-path: inset(0 50% 0 0);}
.b2-door.r::after{left: 0; translate: -50% -50%; clip-path: inset(0 0 0 50%);}
.b2-scene{position: absolute; inset: 0;}
.b2-scene img,.b2-scene video{position: absolute; object-fit: cover;}
.b2-blur{filter: blur(16px) brightness(0.42) saturate(0.9); transform: scale(1.06);}
.b2-sharp,.b2-vid{opacity: 0;}
.b2[data-v="2"] .b2-win{background: rgba(8, 8, 9, 0.82); -webkit-box-reflect: below 26px linear-gradient(transparent 55%, rgba(255, 255, 255, 0.16));}
.b2-drop{position: absolute; left: 0; top: 0; width: 3px; height: 16px; margin: -8px 0 0 -1.5px; border-radius: 2px; opacity: 0; pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 244, 207, 0), #fff4cf); box-shadow: 0 0 10px #ffd36b;}
.b2-meta{position: absolute; left: var(--sx); top: var(--sy); width: var(--mw); height: var(--mw); translate: -50% -50%; overflow: visible; pointer-events: none;}
.b2-meta line,.b2-meta circle{fill: none; stroke: #ebc554; stroke-linecap: round;}
.b2-meta line{stroke-width: 0.42; stroke-opacity: 0.62; stroke-dasharray: 1 2; stroke-dashoffset: 1;}
.b2-meta circle{stroke-width: 0.55; stroke-opacity: 0.85; opacity: 0; transform-box: fill-box; transform-origin: center;}
.b2.is-still .b2-term,.b2.is-still .b2-fin,.b2.is-still .b2-ln b,.b2.is-still .b2-btn,.b2.is-still .b2-dial svg{opacity: 1;}
.b2.is-still .b2-btn{visibility: visible;}
.b2.is-still .b2-prog i{transform: none;}
.b2.is-still .b2-sign img{opacity: 1;}
.b2-demo{position: fixed; left: 50%; bottom: 16px; translate: -50% 0; z-index: 1001; display: flex; align-items: center; gap: 4px; max-width: calc(100vw - 24px); padding: 5px; overflow-x: auto; scrollbar-width: none;
  border-radius: 999px; background: rgba(11, 11, 13, 0.94); border: 1px solid rgba(235, 197, 84, 0.32); box-shadow: 0 12px 34px rgba(0, 0, 0, 0.45);
  font: 500 13px/1 'JetBrains Mono', ui-monospace, monospace; color: #c7c7c7; color-scheme: dark;}
.b2-demo span{padding: 0 8px 0 10px; color: #9a9a9a; white-space: nowrap;}
.b2-demo button{flex: none; height: 36px; min-width: 36px; padding: 0 12px; border-radius: 999px; border: 0; background: transparent; color: #ededed; font: inherit; cursor: pointer; white-space: nowrap;}
.b2-demo button:hover{background: rgba(235, 197, 84, 0.14);}
.b2-demo button[aria-pressed="true"]{background: #ebc554; color: #140f00;}
.b2-demo button:focus-visible{outline: 2px solid #ebc554; outline-offset: 2px;}
.b2-demo i{flex: none; width: 1px; height: 20px; margin: 0 4px; background: rgba(235, 197, 84, 0.3);}
@keyframes b2-blink{ 50% { opacity: 0; } }
@keyframes b2-glint{ 0% { transform: translateX(-120%); } 40%, 100% { transform: translateX(120%); } }
@keyframes b2-sweep{ to { transform: translateY(440%); } }
@media (max-width: 767px){.b2-body{padding: 18px 16px 18px;}
.b2-bar{height: 34px; padding: 0 12px;}
.b2-ver{letter-spacing: 0.04em;}
.b2-pr,.b2-ln,.b2-fin p{font-size: 13px;}
.b2-logo{font-size: 16px;}
.b2-geo,.b2-fin small{letter-spacing: 0.04em;}
.b2-mt,.b2-st{letter-spacing: 0.06em;}
.b2-lines{height: calc(5 * 20px + 4 * 7px);}
.b2-list{gap: 7px;}
.b2-ln{min-height: 20px; white-space: normal;}
.b2-ln span{overflow: visible;}
.b2-pr,.b2-geo{white-space: normal;}
.b2-btn{height: 48px; font-size: 13px; letter-spacing: 0.16em;}
.b2-demo{bottom: 10px;}
.b2-demo span{display: none;}
.b2-demo button{padding: 0 10px;}}
@media (prefers-reduced-motion: reduce){.b2-cr,.b2-st.is-load,.b2-btn::after,.b2-scan::after,.b2-sheen{animation: none;}}
html:where(.v7){background: var(--gx-bg);}
:where(html.v7) body{background: var(--gx-bg);}
.t2-hero{--t2-fs: clamp(56px, min(5.6vw, 10svh), 112px); --t2-w: 709px; --t2-ov: 228px; --t2-gap: 36px;
  --tm-h: clamp(500px, calc(100svh - var(--gx-hdr) - var(--t2-fs) * 0.9 - 70px), 820px);
  position: relative; isolation: isolate; padding: calc(var(--gx-hdr) + 30px) 0 10px;}
.t2-hero::before{content: ''; position: absolute; z-index: -1; left: 50%; top: calc(var(--gx-hdr) + var(--t2-fs) * 0.5); width: min(1180px, 100%); height: min(900px, 100%);
  translate: -50% 0; pointer-events: none; background: radial-gradient(closest-side, rgba(235, 197, 84, 0.11), rgba(235, 197, 84, 0.035) 55%, transparent 78%);}
.t2-hero{background: var(--gx-bg); color: var(--gx-ink);}
.t2-in{width: min(var(--gx-wide), 100% - 2 * var(--gx-gut)); margin-inline: auto; display: grid;
  grid-template-columns: minmax(0, 1fr) var(--t2-w) minmax(0, 1fr); column-gap: var(--t2-gap); row-gap: 26px;
  grid-template-areas: "name name name" "side stage .";}
.t2-name{grid-area: name; justify-self: center; margin: 0; font: 800 var(--t2-fs)/0.9 var(--gx-font); letter-spacing: -0.04em; text-transform: uppercase; white-space: nowrap;}
.t2-nm{display: block; padding-inline: 0.04em; background: linear-gradient(100deg, transparent 44%, rgba(255, 250, 235, 0.85) 50%, transparent 56%) 140% 0 / 300% 100% no-repeat, var(--gx-grad);
  -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 8px 40px rgba(235, 197, 84, 0.18)); animation: nm-glint 12s var(--gx-ease) 3s 1;}
.t2-side{grid-area: side; align-self: center; justify-self: end; width: 100%; max-width: 248px;}
.t2-line{margin: 0; font: 600 clamp(20px, 1.5vw, 26px)/1.22 var(--gx-font); letter-spacing: -0.015em; color: var(--gx-ink2); text-wrap: balance;}
.t2-line b{font-weight: 800; color: var(--gx-ink); white-space: nowrap;}
.t2-side .t2-how{margin-top: 24px;}
.t2-how li{letter-spacing: 0.02em;}
.t2-how li b{color: var(--gx-ink); border-color: rgba(237, 237, 237, 0.22);}
.t2-cta{display: grid; gap: 10px; margin-top: 28px;}
.t2-cta .gx-btn{width: 100%; justify-content: center;}
.t2-stage{grid-area: stage; justify-self: start; width: calc(var(--t2-w) + var(--t2-ov)); min-width: 0;}
.t2-hero .tm-stage{height: var(--tm-h);}
@media (max-width: 1359px){.t2-hero{--t2-fs: clamp(48px, min(6.6vw, 11svh), 96px); --tm-h: clamp(460px, calc(100svh - var(--gx-hdr) - var(--t2-fs) * 0.9 - 134px), 720px);}
.t2-in{grid-template-columns: auto auto; justify-content: center; column-gap: 28px; row-gap: 18px; grid-template-areas: "name name" "line cta" "stage stage";}
.t2-side{display: contents;}
.t2-line{grid-area: line; align-self: center; font-size: clamp(19px, 1.7vw, 22px); text-wrap: nowrap;}
.t2-side .t2-how{display: none;}
.t2-cta{grid-area: cta; display: flex; gap: 10px; margin: 0;}
.t2-cta .gx-btn{width: auto;}
.t2-stage{justify-self: center;}
.t2-hero .tm-stage{padding-right: var(--t2-ov);}
.t2-hero .tm-ph{display: block;}
.t2-hero .tm-win .td-scroll{padding-right: 66px;}
.t2-hero .tm-win .td-cmp,.t2-hero .tm-win .td-note7{margin-right: 66px;}}
@media (max-width: 1023px){.t2-hero{--tm-h: clamp(480px, calc(100svh - var(--gx-hdr) - var(--t2-fs) * 0.9 - 202px), 760px);}
.t2-in{grid-template-columns: minmax(0, 1fr); grid-template-areas: "name" "line" "cta" "stage"; row-gap: 16px;}
.t2-line{justify-self: center; text-align: center; text-wrap: balance;}
.t2-cta{justify-self: center;}
.t2-stage{width: 100%;}
.t2-hero .tm-stage{padding-right: 0;}
.t2-hero .tm-ph{display: none;}
.t2-hero .tm-win .td-scroll{padding-right: 26px;}
.t2-hero .tm-win .td-cmp,.t2-hero .tm-win .td-note7{margin-right: 26px;}}
@media (max-width: 767px){.t2-hero{--t2-fs: clamp(44px, 14.6vw, 72px); --t2-ph: clamp(420px, calc(100svh - var(--gx-hdr) - var(--t2-fs) * 1.8 - 162px), 640px); padding-top: calc(var(--gx-hdr) + 16px);}
.t2-in{grid-template-areas: "name" "line" "stage" "cta"; row-gap: 14px;}
.t2-name{white-space: normal; text-align: center;}
.t2-nm > span{display: block;}
.t2-line{font-size: 17px; line-height: 1.35; max-width: 30ch;}
.t2-line b{display: block;}
.t2-stage{width: 100%;}
.t2-hero .tm-stage{height: auto;}
.t2-hero .tm-ph{display: block;}
.t2-hero .tm-ph .td{height: var(--t2-ph);}
.t2-cta{width: 100%; flex-direction: column; margin-top: 2px;}
.t2-cta .gx-btn{width: 100%;}}
html:where(.v7).t2-boot .t2-name,html:where(.v7).t2-boot .t2-side > *,html:where(.v7).t2-boot .t2-hero .tm-ph{opacity: 0; animation: t2-safe 0.4s 20s forwards;}
html:where(.v7).t2-boot .t2-hero .tm-stage{opacity: 0; transform: translateY(120vh); animation: t2-safe 0.4s 20s forwards;}
@keyframes t2-safe{ to { opacity: 1; transform: none; } }
html:where(.v7).t2-touch .t2-hero .td:not(.t2-live) .td-scroll{overflow-y: hidden;}
html:where(.v7).b2-on .b2:empty{background: #050505;}
.b2.t2-b .b2-term{will-change: transform, opacity;}
.b2.t2-b .b2-logo .s{color: rgba(255, 255, 255, 0.92);}
@media (prefers-reduced-motion: reduce){.t2-nm{animation: none;}}
@media (max-width: 420px){.fn6 .nm-name{font-size: min(40px, 9.6vw);}}
.t2-name{position: relative;}
.t2-nm{animation: none;}
.t2-glw{display: block; z-index: 1; overflow: hidden; pointer-events: none;}
.t2-gl{display: block; transform: translateX(-100%); animation: t2-gl-o 2.2s var(--gx-ease) 3s 1 both;
  -webkit-mask-image: linear-gradient(100deg, transparent 38%, #000 50%, transparent 62%); mask-image: linear-gradient(100deg, transparent 38%, #000 50%, transparent 62%);}
.t2-gl > .t2-nm{background: none; color: rgba(255, 250, 235, 0.9); filter: none; transform: translateX(100%); animation: t2-gl-i 2.2s var(--gx-ease) 3s 1 both;}
@keyframes t2-gl-o{ from { transform: translateX(-100%); } to { transform: translateX(100%); } }
@keyframes t2-gl-i{ from { transform: translateX(100%); } to { transform: translateX(-100%); } }
html:where(.v7)[data-nm] .fn6 .nm-name{animation: none;}
.fn6 .nm-name i.os{overflow: visible;}
html:where(.v7)[data-hl] .gx-wm-t{animation: none;}
.gx-read i{box-shadow: none;}
.gx-ftr .gx-dot{box-shadow: none;}
.gx-ftr .gx-dot::after{content: none; animation: none;}
.gx-ftr .gx-typed::after{content: none; animation: none;}
@media (max-width: 767px){.gx-hdr .gx-logo{min-height: 48px;}
.gx-x{width: 48px; height: 48px;}
.gx-drawer-tools .gx-lang{height: auto;}
.gx-lang button,.gx-ftr .gx-theme{min-width: 48px; min-height: 48px;}
.gx-keypop label,.gx-keypop .gx-cap{font-size: 14px;}
.fn6 .fn6-e,.fn6 .fn6-topic{font-size: 14px;}
#brigady .dp-b,#brigady .dp-go{min-height: 48px;}
#brigady .dp-pl a{display: inline-flex; align-items: center; min-height: 48px;}}
.sc7-mars .steps::after,.tag::before,.td-on i,.fq6-it::before,.gx-nav a::after,.gx-tile.is-here::before{box-shadow: none; filter: none;}
.td-on i{animation: none;}
.dpw .td-on{line-height: 18px; overflow: visible;}
.dp-res{flex-wrap: wrap; gap: 10px 12px;}
.dp-res .td-chip{min-width: 0; white-space: normal; line-height: 1.35;}
@media (min-width: 768px){.dp-res .td-chip{flex: 1 1 240px;}}
.dp-pl a{font: 500 13px/1.3 var(--gx-mono); letter-spacing: 0.08em; text-transform: uppercase;}
.fn6 .nm-name{font-size: clamp(56px, 5.2vw, 86px);}
@media (max-width: 767px){.ft7 .gx-tiles{grid-template-columns: minmax(0, 1fr);}
.ft7 .gx-tile{grid-template-columns: 36px minmax(0, 1fr) auto; grid-template-rows: auto; align-items: center; column-gap: 14px;}
.ft7 .gx-tile-tx{grid-row: 1; grid-column: 2;}
.ft7 .gx-tile-go,.ft7 .gx-tile-here{grid-row: 1; grid-column: 3;}}
@media (max-width: 767px){.fn6 .nm-name{font-size: min(56px, 13.6vw); flex-direction: column; align-items: center;}}
.ft7 .gx-tile{grid-template-rows: 36px auto;}
.ft7 .ft7-a .ft7-addr,.ft7 .ft7-a .ft7-addr .ft7-ag{font: 500 13px/1.7 var(--gx-mono); letter-spacing: 0.08em; text-transform: uppercase;}
@media (min-width: 768px){.ft7 .gx-legal.ft7-a{grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "docs docs" "co ctl" "made ctl"; row-gap: 10px;}
.ft7 .ft7-a .gx-legal-r{align-self: start;}}
@media (min-width: 768px){.dpw .td-sel .td-demo7{display: none;}}
.gx-keypop{z-index: 90;}
.fn6 [data-fn6-th] .fn6-sp,.fn6 [data-fn6-wi] .fn6-sp{display: none;}
html:where(.v7)[data-theme="light"] .gx-hdr.is-glass,html:where(.v7)[data-theme="light"] .gx-drawer{--gx-solid: rgba(8, 8, 10, 0.88); --gx-veil: rgba(5, 5, 5, 0.86);
  --gx-bg: #050505; --gx-bg2: #0b0b0d; --gx-line: rgba(235, 197, 84, 0.2); --gx-line2: rgba(235, 197, 84, 0.46);
  --gx-ink: #ededed; --gx-ink2: #c7c7c7; --gx-muted: #9a9a9a; --gx-gold: #ebc554; --gx-gold-hi: #ffd36b; --gx-gold-lo: #ccac0b; --gx-glow: rgba(235, 197, 84, 0.5);
  --gx-grad: linear-gradient(100deg, #fff1c4 0%, #ffd36b 18%, #ebc554 42%, #ccac0b 64%, #ffd36b 84%, #fff1c4 100%);
  --gx-btn-bg: linear-gradient(180deg, #ffd978 0%, #ebc554 46%, #c9a20e 100%); --gx-btn-ink: #140f00; --gx-th: #ffe39a; --gx-glass: rgba(8, 8, 10, 0.62); --gx-hdr-solid: rgba(8, 8, 10, 0.98);
  color: var(--gx-ink); color-scheme: dark;}
@media (max-width: 1359px){.t2-hero{--tm-ph-out: max(0px, min(48px, calc(50vw - 477px)));}}
@media (prefers-reduced-motion: reduce){.t2-glw{display: none;}}
.fn6-card{scroll-margin-top: calc(var(--gx-hdr, 64px) + 16px);}
@media (max-width: 767px){.js .fn6-card.gx-rv{opacity: 1; transform: none;}
.fn6-card.is-sent .fn6-form{display: none;}
.fn6-card.is-sent .fn6-ok{position: relative; inset: auto;}
.fn6-mk{font-size: 14px;}}
.orb7,.ping7{animation-iteration-count: 1;}
.regs i,.fn6-ok-ic{box-shadow: none;}
@media (min-width: 1024px) and (min-aspect-ratio: 5/4){#brigady.sc-naut{height: auto; min-height: max(600px, calc(100svh - 92px)); display: grid; align-items: center;}
#brigady.sc-naut > .sc-txt{position: relative; top: auto; translate: none; justify-self: start; margin-block: 40px;}}
html.v7{line-height:revert;tab-size:revert;-moz-tab-size:revert;font-family:revert;-webkit-tap-highlight-color:revert}html.v7 body,html.v7:not(.dark) body{background:var(--gx-bg);color:var(--gx-ink);overflow-x:clip;text-rendering:auto}.gx-lic{margin:32px 0 0;font:500 13px/1.6 var(--gx-mono);letter-spacing:.02em;color:var(--gx-ink2)}.gx-lic a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--gx-line)}.gx-lic a:hover{color:var(--gx-ink)}.gx-lic+.gx-legal{margin-top:16px}