:root {
  --bg: #090d16;
  --surface: rgba(18, 25, 39, .82);
  --surface-strong: #151d2d;
  --line: rgba(174, 190, 218, .16);
  --text: #f4f7fb;
  --muted: #91a0b6;
  --accent: #61e7b6;
  --accent-2: #42a5ff;
  --shadow: 0 24px 80px rgba(0, 0, 0, .35);
  --font-xs: 12px;
  --font-sm: 14px;
  --font-base: 16px;
  --font-md: 18px;
  --font-card: 20px;
  --font-section: clamp(27px, 3.4vw, 38px);
}

* { box-sizing: border-box; }
html { min-height: 100%; background: var(--bg); }
body {
  position: relative;
  min-height: 100vh;
  margin: 0;
  color: var(--text);
  background:
    radial-gradient(circle at 50% -20%, rgba(66, 165, 255, .12), transparent 40%),
    var(--bg);
  font: var(--font-base)/1.58 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
body::before {
  content: "";
  position: fixed;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(145, 166, 204, .10) 1px, transparent 1px),
    linear-gradient(90deg, rgba(145, 166, 204, .10) 1px, transparent 1px);
  background-size: 40px 40px;
}
.cursor-comet {
  position: fixed;
  z-index: 9999;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.ambient {
  position: fixed;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  filter: blur(100px);
  opacity: .13;
  pointer-events: none;
}
.ambient-one { top: 12%; left: -180px; background: var(--accent); }
.ambient-two { right: -190px; bottom: 4%; background: var(--accent-2); }

.shell { position: relative; z-index: 1; width: min(1120px, calc(100% - 32px)); margin: 0 auto; padding: 38px 0 112px; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 8px; font-size: clamp(27px, 5vw, 42px); line-height: 1.08; letter-spacing: -.04em; }
h2 { margin-bottom: 8px; font-size: clamp(22px, 3vw, 30px); letter-spacing: -.025em; }
h3 { margin-bottom: 5px; font-size: 17px; }
.eyebrow { margin-bottom: 8px; color: var(--accent); font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }

.launch-card {
  width: min(520px, 100%);
  margin: max(8vh, 48px) auto 0;
  padding: clamp(28px, 7vw, 52px);
  text-align: center;
  border: 1px solid var(--line);
  border-radius: 30px;
  background: linear-gradient(145deg, rgba(24, 33, 50, .94), rgba(13, 19, 30, .94));
  box-shadow: var(--shadow);
  backdrop-filter: blur(20px);
}
.brand-mark {
  display: grid;
  width: 66px;
  height: 66px;
  margin: 0 auto 26px;
  place-items: center;
  color: #07110e;
  border-radius: 21px;
  background: linear-gradient(135deg, var(--accent), #a7f7d9);
  box-shadow: 0 14px 40px rgba(97, 231, 182, .22);
  font-size: 27px;
  font-weight: 900;
}
.launch-card h1 span { color: var(--accent); }
.lead { color: var(--muted); font-size: 16px; }
.auth-state { min-height: 48px; margin: 28px 0 16px; padding: 13px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.03); }
.website-login { min-height: 44px; display: flex; justify-content: center; align-items: center; margin: 18px 0; }
.miniapp-launch-link { justify-content: center; margin: 18px auto; }
.launch-screen { position: relative; overflow: hidden; isolation: isolate; }
.launch-screen::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -35% 15% auto;
  height: 260px;
  border-radius: 50%;
  background: rgba(97,231,182,.11);
  filter: blur(70px);
}
.launch-visual { position: relative; width: 138px; height: 138px; margin: 0 auto 22px; }
.launch-brand {
  position: absolute;
  z-index: 3;
  inset: 36px;
  width: 66px;
  height: 66px;
  margin: 0;
  border-radius: 50%;
  box-shadow: 0 0 0 9px rgba(97,231,182,.06),0 16px 44px rgba(97,231,182,.28);
  animation: launch-brand-breathe 2.2s ease-in-out infinite;
}
.launch-orbit { position: absolute; inset: 4px; border: 1px solid rgba(97,231,182,.2); border-radius: 50%; animation: launch-orbit 3.2s linear infinite; }
.launch-orbit-two { inset: 20px; border-style: dashed; border-color: rgba(114,232,223,.24); animation-duration: 2.3s; animation-direction: reverse; }
.launch-orbit i { position: absolute; top: -4px; left: 50%; width: 8px; height: 8px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 14px var(--accent); }
.launch-orbit-two i { top: auto; right: 5px; bottom: 12px; left: auto; width: 6px; height: 6px; background: var(--accent-2); }
.launch-scan { position: absolute; z-index: 4; top: 33px; left: 42px; width: 54px; height: 2px; border-radius: 2px; background: linear-gradient(90deg,transparent,#e6fff6,transparent); box-shadow: 0 0 10px var(--accent); animation: launch-scan 1.8s ease-in-out infinite; }
.launch-screen h1 { margin-bottom: 10px; font-size: clamp(29px,7vw,38px); }
.launch-status { display: grid; min-height: 94px; margin: 26px 0 16px; padding: 17px; place-items: center; align-content: center; gap: 7px; border: 1px solid rgba(97,231,182,.18); border-radius: 18px; background: rgba(5,12,20,.34); transition: border-color .25s ease,background .25s ease; }
.launch-status strong { font-size: 15px; }
.launch-status small { color: var(--muted); line-height: 1.4; }
.launch-dots { display: flex; gap: 5px; height: 7px; margin-bottom: 3px; }
.launch-dots i { width: 6px; height: 6px; border-radius: 50%; background: var(--accent); animation: launch-dot 1.15s ease-in-out infinite; }
.launch-dots i:nth-child(2) { animation-delay: .14s; }
.launch-dots i:nth-child(3) { animation-delay: .28s; }
.launch-status[data-launch-status="success"] { border-color: rgba(97,231,182,.52); background: rgba(97,231,182,.08); }
.launch-status[data-launch-status="success"] .launch-dots i { animation: none; background: var(--accent); }
.launch-status[data-launch-status="error"] { border-color: rgba(255,117,132,.42); background: rgba(255,117,132,.07); }
.launch-status[data-launch-status="error"] .launch-dots { display: none; }
.launch-status[data-launch-status="error"] strong { color: #ffbdc5; }
.launch-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 14px; }
.launch-actions[hidden] { display: none; }
.launch-actions .miniapp-launch-link { margin: 0; }
.launch-configuration-error { color: #ffbdc5; }
.security-note { color: var(--muted); font-size: 11px; }
.security-note span { margin-right: 5px; color: var(--accent); }
@keyframes launch-orbit { to { transform: rotate(360deg); } }
@keyframes launch-brand-breathe { 50% { transform: scale(1.055); box-shadow: 0 0 0 13px rgba(97,231,182,.035),0 18px 52px rgba(97,231,182,.34); } }
@keyframes launch-scan { 0%,100% { transform: translateY(5px); opacity: .3; } 50% { transform: translateY(60px); opacity: 1; } }
@keyframes launch-dot { 0%,60%,100% { transform: translateY(0); opacity: .35; } 30% { transform: translateY(-4px); opacity: 1; } }
@media(max-width:520px){.launch-card{margin-top:max(3vh,18px);padding:28px 22px}.launch-actions{grid-template-columns:1fr}}
.demo-detail { margin-top: 22px; scroll-margin-top: 20px; }
.demo-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.demo-site { --demo-purple: #9b87ff; --demo-cyan: #72e8df; }
.demo-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 44px; }
.demo-brand { display: flex; align-items: center; gap: 12px; color: var(--text); text-decoration: none; }
.demo-brand span { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 13px; background: linear-gradient(135deg,var(--demo-purple),#65dcd6); color: #090d16; font-size: 14px; font-weight: 950; box-shadow: 0 8px 24px rgba(155,135,255,.25); }
.demo-brand strong { font-size: 19px; font-weight: 850; letter-spacing: -.035em; }
.demo-header nav { display: flex; gap: 30px; }
.demo-header nav a { padding: 8px 10px; color: var(--muted); text-decoration: none; font-size: 16px; font-weight: 720; letter-spacing: -.015em; transition: color .2s ease; }
.demo-header nav a:hover { color: var(--text); }
.demo-profile { width: 44px; height: 44px; color: var(--text); border: 1px solid var(--line); border-radius: 50%; background: rgba(255,255,255,.05); font: 800 13px/1 inherit; cursor: pointer; }
.demo-hero { position: relative; overflow: hidden; display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; min-height: 570px; padding: clamp(34px,6vw,74px); border: 1px solid rgba(255,255,255,.08); border-radius: 38px; background: radial-gradient(circle at 78% 48%,rgba(83,202,211,.12),transparent 31%),linear-gradient(135deg,rgba(26,23,48,.98),rgba(11,19,31,.95)); box-shadow: 0 38px 100px rgba(0,0,0,.42); }
.demo-hero::before { content:""; position:absolute; inset:0; opacity:.16; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:34px 34px; mask-image:linear-gradient(90deg,#000,transparent 78%); }
.demo-hero-copy { position: relative; z-index: 2; }
.demo-kicker { display: flex; align-items: center; gap: 9px; margin-bottom: 22px; color: #c0b7ff; font-size: 11px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.demo-kicker i { width: 7px; height: 7px; border-radius: 50%; background: var(--demo-cyan); box-shadow: 0 0 0 5px rgba(114,232,223,.1),0 0 18px var(--demo-cyan); animation: demo-pulse 1.8s ease infinite; }
.demo-hero h1 { max-width: 650px; margin-bottom: 22px; font-size: clamp(35px,4.8vw,61px); letter-spacing: -.06em; }
.demo-hero h1 span,.demo-hero h1 em { display:block; white-space:nowrap; }
.demo-hero h1 em { color: var(--demo-purple); font-style: normal; }
.demo-hero-copy > p { max-width: 520px; color: #aab4c5; font-size: 17px; }
.demo-hero-actions { display: flex; align-items: center; gap: 18px; margin-top: 32px; }
.demo-hero-actions .demo-cta { min-height:54px; padding:15px 21px; font-size:15px; }
.demo-hero-actions .demo-text-link { min-height:54px; padding:12px 15px; border:1px solid var(--line); border-radius:13px; font-size:15px; }
.demo-cta { display: inline-flex; align-items: center; justify-content: center; gap: 20px; padding: 14px 18px; color: #0b0c16; border: 0; border-radius: 13px; background: linear-gradient(135deg,#b19cff,#76e6dc); box-shadow: 0 12px 34px rgba(137,137,255,.2); font: inherit; font-weight: 850; text-decoration: none; cursor: pointer; transition: transform .22s ease,box-shadow .22s ease; }
.demo-cta:hover { transform: translateY(-2px); box-shadow: 0 18px 42px rgba(137,137,255,.32); }
.demo-cta span { font-size: 18px; }
.demo-text-link { padding: 9px 0; color: var(--text); border: 0; background: transparent; font: inherit; font-weight: 700; text-decoration: none; cursor: pointer; }
.demo-text-link i { display: inline-grid; width: 28px; height: 28px; margin-right: 7px; place-items: center; border: 1px solid var(--line); border-radius: 50%; color: var(--demo-cyan); font-size: 9px; font-style: normal; }
.demo-trust { display:flex; flex-wrap:wrap; gap:9px; margin-top:28px; }
.demo-trust a { padding:10px 13px; color:#aab5c7; border:1px solid var(--line); border-radius:11px; background:rgba(255,255,255,.025); font-size:13px; font-weight:720; text-decoration:none; }
.demo-radar { position:relative; justify-self:end; width:min(30vw,330px); aspect-ratio:1; border:1px solid rgba(114,232,223,.36); border-radius:50%; background:radial-gradient(circle,rgba(114,232,223,.11),rgba(7,12,22,.62) 67%); box-shadow:inset 0 0 45px rgba(114,232,223,.08),0 0 55px rgba(54,180,174,.08); }
.radar-grid { position:absolute; inset:7%; border:1px solid rgba(114,232,223,.32); border-radius:50%; background:repeating-radial-gradient(circle,transparent 0 24%,rgba(114,232,223,.16) 24.5% 25%,transparent 25.5% 49%); }
.radar-grid::before,.radar-grid::after { content:""; position:absolute; inset:50% 0 auto; height:1px; background:rgba(114,232,223,.22); transform:rotate(45deg); }
.radar-grid::after { transform:rotate(-45deg); }
.radar-crosshair::before,.radar-crosshair::after { content:""; position:absolute; z-index:1; background:linear-gradient(90deg,transparent,rgba(114,232,223,.38),transparent); }
.radar-crosshair::before { top:50%; right:3%; left:3%; height:1px; }
.radar-crosshair::after { top:3%; bottom:3%; left:50%; width:1px; background:linear-gradient(transparent,rgba(114,232,223,.38),transparent); }
.radar-sweep { position:absolute; inset:2%; z-index:2; border-radius:50%; background:conic-gradient(from 20deg,transparent 0 71%,rgba(114,232,223,.06) 76%,rgba(114,232,223,.34) 94%,transparent 100%); animation:radar-spin 4.2s linear infinite; }
.radar-scale i { position:absolute; z-index:4; color:rgba(114,232,223,.6); font-size:8px; font-style:normal; font-weight:900; }.radar-scale i:nth-child(1){top:3%;left:49%}.radar-scale i:nth-child(2){top:49%;right:3%}.radar-scale i:nth-child(3){bottom:3%;left:49%}.radar-scale i:nth-child(4){top:49%;left:3%}
.radar-center { position:absolute; inset:50% auto auto 50%; display:grid; width:64px; height:64px; place-items:center; transform:translate(-50%,-50%); border:1px solid rgba(114,232,223,.34); border-radius:50%; background:#111a28; color:var(--demo-cyan); font-size:28px; box-shadow:0 0 42px rgba(114,232,223,.18); }
.radar-node { position:absolute; display:grid; width:43px; height:43px; place-items:center; border-radius:50%; background:#1b2435; box-shadow:0 8px 25px rgba(0,0,0,.4); animation:node-float 3s ease-in-out infinite; }
.radar-node::after { content:""; position:absolute; inset:-5px; border:1px solid rgba(155,135,255,.25); border-radius:50%; }
.radar-node b { font-size:9px; }.node-a{top:15%;left:24%}.node-b{top:35%;right:5%;animation-delay:-1s}.node-c{bottom:13%;left:23%;animation-delay:-2s}
.radar-blip { position:absolute; z-index:3; width:6px; height:6px; border-radius:50%; background:#b9ff54; box-shadow:0 0 0 4px rgba(185,255,84,.08),0 0 13px #b9ff54; animation:radar-blip 1.8s ease-in-out infinite; }.blip-a{top:28%;right:29%}.blip-b{bottom:31%;right:18%;animation-delay:-.6s}.blip-c{bottom:24%;left:31%;animation-delay:-1.2s}
.demo-radar small { position:absolute; z-index:5; right:4%; bottom:7%; padding:8px 11px; border:1px solid rgba(114,232,223,.25); border-radius:10px; background:rgba(8,14,24,.9); color:#a6b5c7; font-size:10px; }.demo-radar small i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#b9ff54;box-shadow:0 0 8px #b9ff54}.demo-radar small strong{color:var(--demo-cyan)}
.demo-section { padding: 105px 0 12px; scroll-margin-top: 10px; }
.demo-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:34px; }
.demo-index { display:block; margin-bottom:10px; color:var(--demo-purple); font-size:10px; font-weight:900; letter-spacing:.14em; }
.demo-section-head h2 { margin:0; font-size:clamp(28px,4vw,46px); }
.demo-section-head > p { max-width:390px; margin:0; color:var(--muted); }
.demo-task-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.demo-task { position:relative; overflow:hidden; min-height:310px; padding:28px; color:var(--text); border:1px solid var(--line); border-radius:25px; background:linear-gradient(145deg,rgba(25,31,47,.94),rgba(14,20,32,.94)); text-align:left; text-decoration:none; font:inherit; cursor:pointer; transition:transform .25s ease,border-color .25s ease; }
.demo-task::after { content:""; position:absolute; right:-70px; bottom:-90px; width:180px; height:180px; border-radius:50%; background:var(--demo-purple); opacity:.04; filter:blur(4px); }
.demo-task:hover { transform:translateY(-7px); border-color:rgba(155,135,255,.42); }
.demo-task.is-featured { background:linear-gradient(145deg,rgba(57,46,99,.62),rgba(16,24,38,.96)); }
.task-orb { display:grid; width:48px; height:48px; margin-bottom:44px; place-items:center; border:1px solid rgba(155,135,255,.25); border-radius:15px; color:#c3b6ff; background:rgba(155,135,255,.1); font-size:23px; }
.demo-task small { color:#7c899d; font-size:9px; font-weight:850; letter-spacing:.14em; }.demo-task h3{margin:8px 0;font-size:24px}.demo-task p{min-height:48px;color:var(--muted)}.demo-task b{position:absolute;bottom:27px;left:28px;color:#c8d0dc;font-size:12px}.demo-task b i{margin-left:8px;color:var(--demo-cyan);font-style:normal}
.demo-secondary-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:14px; }
.demo-secondary-actions a { padding:10px 13px; color:var(--muted); border:1px solid var(--line); border-radius:11px; background:rgba(255,255,255,.025); font-size:11px; text-decoration:none; }
.demo-flow { text-align:left; }
.demo-timeline { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); border-radius:25px; background:rgba(17,23,36,.72); }
.demo-timeline article { position:relative; display:grid; grid-template-columns:auto 1fr auto; gap:16px; min-height:150px; padding:27px; border-right:1px solid var(--line); }
.demo-timeline article:last-child{border:0}.demo-timeline article>span{color:#59667a;font-size:11px;font-weight:900}.demo-timeline small{color:#6f7d92;font-size:8px;letter-spacing:.13em}.demo-timeline h3{margin:8px 0 5px}.demo-timeline p{margin:0;color:var(--muted);font-size:12px}.demo-timeline article>b{display:grid;width:27px;height:27px;place-items:center;border:1px solid var(--line);border-radius:50%;color:#647185;font-size:10px}.demo-timeline .is-done>b{border-color:rgba(114,232,223,.3);color:var(--demo-cyan);background:rgba(114,232,223,.08)}.demo-timeline .is-live{background:rgba(155,135,255,.04)}.demo-timeline .is-live>b i{width:7px;height:7px;border-radius:50%;background:var(--demo-purple);box-shadow:0 0 12px var(--demo-purple);animation:demo-pulse 1.2s ease infinite}.demo-run{margin-top:22px}
.demo-library { overflow:hidden; border:1px solid var(--line); border-radius:25px; background:rgba(17,23,36,.8); }
.library-toolbar,.library-footer{display:flex;align-items:center;justify-content:space-between;padding:21px 24px}.library-toolbar{border-bottom:1px solid var(--line)}.library-toolbar strong,.library-toolbar span{display:block}.library-toolbar span{color:var(--muted);font-size:11px}.library-toolbar button{padding:9px 12px;color:var(--text);border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.03)}.library-toolbar button i{padding:2px 6px;border-radius:10px;background:var(--demo-purple);color:#111;font-style:normal}.library-row{display:grid;grid-template-columns:auto minmax(180px,1fr) auto auto auto;align-items:center;gap:16px;padding:17px 24px;border-bottom:1px solid rgba(255,255,255,.05)}.channel-logo{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;font-size:10px;font-weight:900}.channel-logo.violet{background:#463d70;color:#c9bfff}.channel-logo.blue{background:#214d69;color:#83d4ff}.channel-logo.green{background:#24584e;color:#81ebd4}.library-row strong,.library-row small{display:block}.library-row small{color:var(--muted);font-size:10px}.library-row em{color:#aeb8c7;font-size:11px;font-style:normal}.match{padding:5px 8px;border-radius:8px;background:rgba(114,232,223,.07);color:var(--demo-cyan);font-size:9px}.library-row>i{display:grid;width:25px;height:25px;place-items:center;border:1px solid rgba(114,232,223,.24);border-radius:8px;color:var(--demo-cyan);font-style:normal}.library-footer{background:rgba(155,135,255,.04)}.library-footer>span{color:var(--muted);font-size:11px}.library-footer>div{display:flex;flex-wrap:wrap;gap:8px}.library-footer button{padding:11px 15px;color:#10121b;border:0;border-radius:10px;background:var(--demo-cyan);font-weight:850}.library-footer button+button{color:var(--text);border:1px solid var(--line);background:rgba(255,255,255,.04)}.library-footer button i{margin-left:9px;font-style:normal}
.process-stage { position:fixed; z-index:100; inset:0; overflow:auto; padding:24px; background:rgba(5,8,14,.88); backdrop-filter:blur(18px); animation:stage-in .3s ease both; }
.process-stage[hidden]{display:none}.process-card{position:relative;width:min(720px,100%);min-height:650px;margin:4vh auto;padding:36px;border:1px solid rgba(155,135,255,.2);border-radius:32px;background:radial-gradient(circle at 50% 24%,rgba(155,135,255,.14),transparent 32%),#0e1420;box-shadow:0 40px 120px rgba(0,0,0,.65);text-align:center}.process-back{display:block;padding:8px;color:var(--muted);border:0;background:transparent;font:inherit;cursor:pointer}.process-visual{position:relative;width:220px;height:220px;margin:20px auto}.process-orbit{position:absolute;inset:10%;border:1px solid rgba(155,135,255,.18);border-radius:50%;animation:radar-spin 4s linear infinite}.process-orbit.orbit-two{inset:27%;animation-direction:reverse;animation-duration:2.8s}.process-orbit i{position:absolute;top:-5px;left:50%;width:10px;height:10px;border-radius:50%;background:var(--demo-purple);box-shadow:0 0 16px var(--demo-purple)}.process-orbit.orbit-two i{top:auto;bottom:-4px;background:var(--demo-cyan);box-shadow:0 0 14px var(--demo-cyan)}.process-core{position:absolute;inset:50% auto auto 50%;display:grid;width:70px;height:70px;place-items:center;transform:translate(-50%,-50%);border-radius:22px;background:linear-gradient(135deg,#aa93ff,#70e3dc);color:#0c1020;font-size:28px;box-shadow:0 0 55px rgba(155,135,255,.28);animation:core-breathe 2s ease-in-out infinite}.process-copy{max-width:530px;margin:auto}.process-copy h2{font-size:29px}.process-copy p{color:var(--muted)}.process-progress{overflow:hidden;height:4px;margin:30px 0 22px;border-radius:5px;background:rgba(255,255,255,.06)}.process-progress i{display:block;width:0;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--demo-purple),var(--demo-cyan));box-shadow:0 0 14px var(--demo-cyan);transition:width 1.2s cubic-bezier(.2,.8,.2,1)}.process-steps{display:flex;justify-content:space-between;gap:10px;color:#657287;font-size:10px}.process-steps span{display:flex;align-items:center;gap:7px}.process-steps i{width:6px;height:6px;border-radius:50%;background:#414b5d}.process-steps .is-active{color:var(--text)}.process-steps .is-active i{background:var(--demo-cyan);box-shadow:0 0 10px var(--demo-cyan)}.process-card.is-complete .process-visual,.process-card.is-complete .process-copy,.process-card.is-complete .process-progress,.process-card.is-complete .process-steps{display:none}.process-result{max-width:520px;margin:110px auto 0}.process-result[hidden]{display:none}.result-check{display:grid;width:78px;height:78px;margin:0 auto 28px;place-items:center;border-radius:50%;background:rgba(114,232,223,.1);color:var(--demo-cyan);font-size:34px;box-shadow:0 0 50px rgba(114,232,223,.12);animation:result-pop .5s cubic-bezier(.2,1.6,.4,1)}.process-result p{color:var(--muted)}.process-result .demo-cta{display:flex;margin:28px auto 10px}.process-result .demo-text-link{display:block;margin:auto;color:var(--muted)}
.knowledge-shell{width:min(1040px,100%);margin:auto}.knowledge-top{display:flex;align-items:flex-end;gap:28px;margin-bottom:28px}.knowledge-top>a{margin-bottom:8px;color:var(--muted);text-decoration:none}.knowledge-top span{color:#9b87ff;font-size:10px;font-weight:900;letter-spacing:.14em}.knowledge-top h1{margin:5px 0 0}.knowledge-search{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:0 18px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.035)}.knowledge-search span{color:var(--accent);font-size:21px}.knowledge-search input{width:100%;padding:15px 0;color:var(--text);border:0;outline:0;background:transparent;font:inherit}.knowledge-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px}.knowledge-nav{align-self:start;display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.knowledge-nav a{padding:11px 12px;color:var(--muted);border-radius:10px;font-size:12px;text-decoration:none}.knowledge-nav a:hover,.knowledge-nav a.is-active{color:var(--text);background:rgba(155,135,255,.1)}.knowledge-nav p{padding:12px;color:var(--muted);font-size:12px}.knowledge-article{min-height:600px;padding:clamp(24px,5vw,46px);border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(22,29,44,.94),rgba(13,19,30,.94))}.knowledge-breadcrumb{display:flex;gap:8px;margin-bottom:24px;color:#68768b;font-size:10px}.knowledge-breadcrumb a{color:#8e9cb0;text-decoration:none}.knowledge-article h2{margin-bottom:24px;font-size:clamp(26px,4vw,40px)}.knowledge-copy{color:#b7c1cf;line-height:1.75;white-space:pre-line}.knowledge-copy b{color:var(--text)}.knowledge-copy blockquote{margin:22px 0 0;padding:20px;border:1px solid rgba(155,135,255,.16);border-radius:16px;background:rgba(155,135,255,.045)}.knowledge-related{display:grid;gap:7px;margin-top:34px;padding-top:24px;border-top:1px solid var(--line)}.knowledge-related small{margin-bottom:5px;color:#7b899e;font-size:9px;letter-spacing:.14em}.knowledge-related a{display:flex;justify-content:space-between;padding:12px 14px;color:var(--text);border:1px solid var(--line);border-radius:11px;text-decoration:none}.knowledge-related a span{color:var(--accent)}
.reveal { animation:reveal-up .65s ease both; }
@keyframes radar-spin{to{transform:rotate(360deg)}}@keyframes radar-blip{50%{opacity:.3;transform:scale(.65)}}@keyframes node-float{50%{transform:translateY(-8px)}}@keyframes demo-pulse{50%{opacity:.45;transform:scale(.8)}}@keyframes core-breathe{50%{transform:translate(-50%,-50%) scale(1.06)}}@keyframes stage-in{from{opacity:0}}@keyframes result-pop{from{opacity:0;transform:scale(.5)}}@keyframes reveal-up{from{opacity:0;transform:translateY(14px)}}
.security-note { margin: 20px 0 0; color: #6f7e93; font-size: 12px; }
.primary-button { padding: 12px 18px; color: #07110e; border: 0; border-radius: 12px; background: linear-gradient(135deg,var(--accent),#8fe8ff); box-shadow: 0 10px 26px rgba(97,231,182,.16),inset 0 1px 0 rgba(255,255,255,.45); font: inherit; font-weight: 850; cursor: pointer; }

.topbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; }
.app-utility-bar { position: sticky; z-index: 80; top: max(10px,env(safe-area-inset-top)); display: flex; align-items: center; justify-content: space-between; gap: 12px; width: min(1100px,calc(100% - 32px)); min-height: 58px; margin: 10px auto 20px; padding: 8px 9px 8px 14px; border: 1px solid rgba(174,190,218,.18); border-radius: 18px; background: rgba(11,17,27,.88); box-shadow: 0 14px 38px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.035); backdrop-filter: blur(18px); }
.app-return-link { display: inline-flex; align-items: center; gap: 10px; min-width: 0; color: var(--text); text-decoration: none; }
.app-return-link > span:first-child { display: grid; width: 35px; height: 35px; flex: 0 0 auto; place-items: center; color: var(--accent); border: 1px solid rgba(97,231,182,.25); border-radius: 11px; background: rgba(97,231,182,.08); font-size: 18px; transition: transform .18s ease,background-color .18s ease; }
.app-return-link:hover > span:first-child { transform: translateX(-2px); background: rgba(97,231,182,.14); }
.app-return-link small,.app-return-link strong,.app-location small,.app-location strong { display: block; }
.app-return-link small,.app-location small { color: var(--muted); font-size: 9px; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.app-return-link strong,.app-location strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.app-location { min-width: 0; }
.language-switch { min-width: 72px; min-height: 42px; padding: 9px 13px; color: var(--text); border: 1px solid rgba(143,232,255,.3); border-radius: 13px; background: linear-gradient(145deg,rgba(66,165,255,.11),rgba(97,231,182,.06)); font: inherit; font-size: 12px; font-weight: 900; letter-spacing: .06em; cursor: pointer; transition: transform .18s ease,border-color .18s ease,opacity .18s ease; }
.language-switch:hover { transform: translateY(-1px); border-color: rgba(143,232,255,.62); }
.language-switch:disabled { opacity: .55; cursor: wait; transform: none; }
.language-switch-status { width: min(1100px,calc(100% - 32px)); margin: -12px auto 16px; color: #ffbd82; font-size: 11px; text-align: right; }
.avatar { display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid rgba(97,231,182,.25); border-radius: 16px; background: rgba(97,231,182,.1); color: var(--accent); font-weight: 900; }
.hero-panel { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: clamp(24px, 5vw, 40px); border: 1px solid var(--line); border-radius: 28px; background: linear-gradient(135deg, rgba(26,37,56,.95), rgba(15,22,35,.88)); box-shadow: var(--shadow); }
.hero-panel p:last-child { margin-bottom: 0; color: var(--muted); }
.progress-ring {
  flex: 0 0 auto;
  display: grid;
  width: 96px;
  height: 96px;
  place-items: center;
  border-radius: 50%;
  background: radial-gradient(circle at center, var(--surface-strong) 57%, transparent 59%), conic-gradient(var(--accent) var(--progress), rgba(255,255,255,.08) 0);
}
.progress-ring strong { font-size: 18px; }
.section-head { margin: 38px 0 18px; }
.settings-block { width: min(920px,100%); margin-right: auto; margin-left: auto; padding: 26px; border: 1px solid var(--line); border-radius: 24px; background: var(--surface); box-shadow: inset 0 1px 0 rgba(255,255,255,.025); }
.setup-cluster { margin-top: 0; }
.setup-cluster-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.setup-cluster-head h2, .setup-cluster-head .eyebrow { margin-bottom: 8px; }
.settings-block-state { flex: 0 0 auto; min-width: 112px; padding: 10px 13px; color: var(--muted); border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.03); text-align: center; }
.settings-block-state strong, .settings-block-state small { display: block; }
.settings-block-state strong { color: var(--accent); font-size: 16px; }
.settings-block-state small { font-size: 10px; }
.setup-cluster.is-attention { border-color: rgba(97,231,182,.58); box-shadow: 0 0 0 4px rgba(97,231,182,.06),0 22px 70px rgba(0,0,0,.3); animation: setup-attention 1.8s ease-out 1; }
.setup-cluster.is-attention .workflow-card.is-missing { border-color: rgba(143,232,255,.5); background: linear-gradient(145deg,rgba(66,165,255,.1),rgba(97,231,182,.045)); }
.setup-cluster.is-attention .workflow-card.is-missing .status-pill { color: #8fe8ff; background: rgba(66,165,255,.13); }
.setup-cluster.is-compact { width: min(520px,100%); margin: 0; padding: 6px; border-radius: 18px; background: rgba(12,19,30,.72); box-shadow: none; }
.setup-compact-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
.setup-compact-grid a { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; align-items: center; column-gap: 10px; padding: 12px 14px; color: var(--text); border: 1px solid rgba(174,190,218,.18); border-radius: 13px; background: rgba(255,255,255,.025); text-decoration: none; }
.setup-compact-grid a > span { grid-row: 1 / 3; display: grid; width: 34px; height: 34px; place-items: center; color: var(--accent); border-radius: 10px; background: rgba(97,231,182,.08); font-size: 18px; }
.setup-compact-grid strong, .setup-compact-grid small { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.setup-compact-grid strong { font-size: 13px; }
.setup-compact-grid small { color: var(--accent); font-size: 10px; }
.banbot-settings-panel { margin-top: 16px; }
.preference-settings-panel { margin-top: 16px; }
.settings-sync-badge { flex: 0 0 auto; padding: 9px 12px; color: #8fe8ff; border: 1px solid rgba(66,165,255,.28); border-radius: 11px; background: rgba(66,165,255,.07); font-size: 10px; font-weight: 850; letter-spacing: .04em; }
.preference-grid { display: grid; grid-template-columns: minmax(260px,.8fr) minmax(360px,1.2fr); gap: 14px; }
.preference-card { min-width: 0; padding: 16px; border: 1px solid rgba(174,190,218,.14); border-radius: 15px; background: rgba(7,13,22,.25); }
.preference-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 15px; }
.preference-card-head strong, .preference-card-head small { display: block; }
.preference-card-head small, .preference-card > label, .preference-hint { color: var(--muted); font-size: 10px; }
.preference-card-head > span { display: grid; width: 32px; height: 32px; flex: 0 0 auto; place-items: center; color: var(--accent); border-radius: 10px; background: rgba(97,231,182,.08); }
.timezone-card > label { display: block; margin-bottom: 6px; }
.timezone-card select { width: 100%; padding: 11px 12px; color: var(--text); border: 1px solid var(--line); border-radius: 11px; background: #111927; }
.preference-hint { display: block; margin-top: 9px; }
.notification-list { display: grid; gap: 7px; }
.notification-toggle { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 12px; width: 100%; padding: 10px 11px; color: var(--text); border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.025); text-align: left; font: inherit; cursor: pointer; }
.notification-toggle strong, .notification-toggle small { display: block; }
.notification-toggle strong { font-size: 11px; }
.notification-toggle small { color: var(--muted); font-size: 9px; }
.notification-toggle i { min-width: 42px; padding: 5px 7px; color: #ffbd82; border-radius: 8px; background: rgba(255,174,70,.08); font-size: 9px; font-style: normal; font-weight: 850; text-align: center; }
.notification-toggle.is-on { border-color: rgba(97,231,182,.22); }
.notification-toggle.is-on i { color: var(--accent); background: rgba(97,231,182,.09); }
.banbot-settings-panel .panel-head { align-items: flex-start; gap: 20px; }
.banbot-mode { flex: 0 0 auto; padding: 10px 13px; color: #ffbd82; border: 1px solid rgba(255,174,70,.3); border-radius: 12px; background: rgba(255,174,70,.08); font: inherit; font-size: 12px; font-weight: 820; }
.banbot-mode.is-on { color: var(--accent); border-color: rgba(97,231,182,.35); background: rgba(97,231,182,.09); }
.banbot-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-bottom: 17px; }
.banbot-summary span { padding: 10px 12px; color: var(--muted); border: 1px solid rgba(174,190,218,.1); border-radius: 11px; background: rgba(255,255,255,.03); font-size: 11px; }
.banbot-summary b { color: var(--text); font-size: 15px; }
.banbot-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.banbot-columns > div { min-width: 0; padding: 14px; border: 1px solid rgba(174,190,218,.14); border-radius: 15px; background: rgba(7,13,22,.25); }
.banbot-list-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.banbot-list-head small { color: var(--muted); }
.banbot-chip-list { display: flex; flex-wrap: wrap; gap: 7px; }
.banbot-chip { display: inline-flex; align-items: center; gap: 6px; min-width: 0; padding: 7px 9px; overflow: hidden; color: var(--text); border: 1px solid rgba(97,231,182,.24); border-radius: 10px; background: rgba(97,231,182,.06); font: inherit; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.banbot-chip span { color: var(--accent); }
.banbot-chip.is-disabled { color: var(--muted); border-color: var(--line); background: rgba(255,255,255,.025); opacity: .72; }
.banbot-chip.is-disabled span { color: var(--muted); }
.banbot-personal-list { display: grid; gap: 7px; }
.banbot-personal-list > div { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 6px; }
.banbot-personal-list .banbot-chip { width: 100%; }
.banbot-personal-list .danger-action { width: 34px; border: 1px solid rgba(255,104,104,.2); border-radius: 9px; background: rgba(255,104,104,.06); }
.banbot-add-form { display: grid; gap: 9px; margin-top: 15px; padding-top: 15px; border-top: 1px solid var(--line); }
.banbot-add-form textarea { width: 100%; resize: vertical; padding: 12px; color: var(--text); border: 1px solid var(--line); border-radius: 12px; outline: none; background: rgba(5,9,16,.6); font: 12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace; }
.banbot-add-form .primary-button { justify-self: start; }
.file-button { cursor: pointer; }
.banbot-admin-list { display: grid; gap: 7px; }
.banbot-admin-list > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border-radius: 11px; background: rgba(255,255,255,.025); }
.banbot-admin-list strong,.banbot-admin-list small { display: block; }
.banbot-admin-list small { color: var(--muted); }
.compact-setup-section { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 22px; padding: 13px 15px; border: 1px solid rgba(174,190,218,.14); border-radius: 21px; background: rgba(255,255,255,.018); }
.compact-setup-section > div:first-child span, .compact-setup-section > div:first-child small { display: block; }
.compact-setup-section > div:first-child span { color: var(--accent); font-size: 11px; font-weight: 850; text-transform: uppercase; letter-spacing: .06em; }
.compact-setup-section > div:first-child small { margin-top: 3px; color: var(--muted); }
@keyframes setup-attention { 0% { transform: translateY(8px); opacity: .7; } 55% { transform: translateY(0); } 100% { opacity: 1; } }
.workflow-grid { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.workflow-grid::after { content: "→"; position: absolute; z-index: 2; top: 50%; left: 50%; display: grid; width: 28px; height: 28px; place-items: center; transform: translate(-50%,-50%); color: var(--accent); border: 1px solid rgba(97,231,182,.28); border-radius: 50%; background: #111a28; font-size: 13px; }
.workflow-grid > :nth-child(n + 3) { grid-column: 1 / -1; }
.workflow-card { display: block; min-height: 190px; padding: 22px; color: var(--text); border: 1px solid var(--line); border-radius: 21px; background: var(--surface); text-decoration: none; }
.workflow-card p { color: var(--muted); }
.card-number { margin-bottom: 30px; color: #627087; font-size: 12px; font-weight: 800; }
.status-pill { display: inline-flex; padding: 6px 10px; border-radius: 20px; background: rgba(255,255,255,.06); color: var(--muted); font-size: 11px; font-weight: 800; }
.workflow-card.is-ready { border-color: rgba(97,231,182,.2); }
.workflow-card.is-ready .status-pill { color: var(--accent); background: rgba(97,231,182,.1); }
.workflow-card[aria-disabled="true"] { pointer-events: none; }
.workflow-card.is-clickable { transition: transform .18s ease, border-color .18s ease; }
.workflow-card.is-clickable:hover { transform: translateY(-3px); border-color: rgba(97,231,182,.38); }
.action-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; gap: 18px; margin-top: 32px; }
.action-card { min-height: 168px; padding: 28px; color: var(--text); border: 1px solid var(--line); border-radius: 24px; background: rgba(255,255,255,.025); text-decoration: none; pointer-events: none; }
.action-card.is-enabled { pointer-events: auto; transition: transform .18s ease, border-color .18s ease; }
.action-card.is-enabled:hover { transform: translateY(-3px); border-color: rgba(97,231,182,.38); }
.action-card strong, .action-card small { display: block; }
.action-card small { margin-top: 4px; color: var(--muted); }
.action-icon { display: grid; width: 48px; height: 48px; margin-bottom: 22px; place-items: center; color: var(--accent); border: 1px solid rgba(97,231,182,.22); border-radius: 15px; background: linear-gradient(145deg,rgba(97,231,182,.12),rgba(66,165,255,.06)); box-shadow: inset 0 1px 0 rgba(255,255,255,.08); font-size: 24px; }
.action-card.is-primary { background: linear-gradient(145deg, rgba(97,231,182,.12), rgba(66,165,255,.06)); }
.action-card.is-admin { grid-column: 1 / -1; min-height: 132px; background: linear-gradient(145deg,rgba(255,174,70,.1),rgba(97,231,182,.055)); }
.action-card.is-admin .action-icon { color: #ffbd82; border-color: rgba(255,174,70,.25); background: rgba(255,174,70,.08); }
.back-link { display: inline-flex; margin-bottom: 24px; color: var(--muted); text-decoration: none; }
.back-link:hover { color: var(--text); }
.app-utility-bar + .language-switch-status + .shell .back-link { display: none; }
.process-switcher { display: grid; grid-template-columns: 1fr 1fr; width: min(420px,100%); margin: -8px 0 24px; padding: 5px; border: 1px solid rgba(174,190,218,.2); border-radius: 15px; background: rgba(10,16,26,.65); box-shadow: inset 0 1px 0 rgba(255,255,255,.035); }
.process-switcher a { padding: 10px 14px; color: var(--muted); border-radius: 10px; text-align: center; text-decoration: none; font-weight: 780; }
.process-switcher a.is-active { color: #07110e; background: linear-gradient(135deg,var(--accent),#8fe8ff); box-shadow: 0 7px 18px rgba(97,231,182,.16); }
.profile-shortcuts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-bottom: 18px; }
.profile-shortcuts > :nth-child(n + 3) { grid-column: 1 / -1; }
.profile-shortcuts a { padding: 13px; color: var(--text); border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.025); text-decoration: none; }
.profile-shortcuts strong, .profile-shortcuts small { display: block; }
.profile-shortcuts small { margin-top: 2px; color: var(--muted); }
.page-lead { margin-bottom: 0; color: var(--muted); }
.inner-topbar { align-items: flex-end; }
.summary-badge { min-width: 130px; padding: 18px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); text-align: center; }
.summary-badge strong, .summary-badge span { display: block; }
.summary-badge strong { color: var(--accent); font-size: 25px; }
.summary-badge span { color: var(--muted); font-size: 11px; }
.content-grid { display: grid; grid-template-columns: minmax(280px, .8fr) minmax(420px, 1.2fr); gap: 18px; }
.panel { padding: 26px; border: 1px solid var(--line); border-radius: 24px; background: var(--surface); }
.panel-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; }
.stack-form label { display: block; margin-bottom: 9px; font-size: 13px; font-weight: 750; }
.field-label-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 9px; }
.field-label-row label { margin-bottom: 0; }
.text-button { padding: 5px 9px; color: var(--accent); border: 1px solid rgba(97,231,182,.18); border-radius: 9px; background: rgba(97,231,182,.06); font: inherit; font-size: 12px; cursor: pointer; }
.text-button:hover { background: rgba(97,231,182,.12); }
.stack-form textarea { width: 100%; resize: vertical; padding: 15px; color: var(--text); border: 1px solid var(--line); border-radius: 14px; outline: none; background: rgba(5,9,16,.6); font: 13px/1.55 ui-monospace, SFMono-Regular, Menlo, monospace; }
.stack-form textarea:focus { border-color: rgba(97,231,182,.5); box-shadow: 0 0 0 3px rgba(97,231,182,.08); }
.stack-form select, .stack-form input { width: 100%; padding: 12px; color: var(--text); border: 1px solid var(--line); border-radius: 12px; background: #111927; font: inherit; }
.form-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.form-grid label { color: var(--muted); font-size: 11px; }
.check-field { display: flex !important; align-items: center; gap: 9px; color: var(--muted); font-weight: 500 !important; }
.check-field input { width: auto; }
.discovery-form { display: grid; gap: 11px; }
.flow-panel { overflow: hidden; }
.flow-progress { display: grid; grid-template-columns: auto 1fr auto 1fr auto; align-items: center; gap: 8px; margin-bottom: 24px; }
.flow-progress > span { display: flex; align-items: center; gap: 5px; color: var(--muted); font-size: 11px; font-weight: 850; }
.flow-progress > span small { font-weight: 650; }
.flow-progress > span.is-active { color: var(--accent); }
.flow-progress > span.is-done { color: var(--text); }
.flow-progress > i { height: 1px; background: var(--line); }
.flow-step { animation: flow-enter .2s ease both; }
.flow-step[hidden] { display: none; }
.discovery-query-block { margin-bottom: 22px; padding: 17px; border: 1px solid rgba(97,231,182,.18); border-radius: 16px; background: rgba(97,231,182,.035); }
.discovery-query-block > label { display: block; margin-bottom: 8px; }
.discovery-query-block textarea { width: 100%; }
.discovery-parameters-head { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; margin: 0 0 12px; padding-top: 2px; }
.discovery-parameters-head p { margin: 0; color: var(--muted); font-size: 11px; text-align: right; }
.flow-heading { margin-bottom: 18px; }
.flow-heading > span { color: var(--accent); font-size: 10px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.flow-heading h2 { margin: 4px 0; }
.flow-heading p { margin: 0; color: var(--muted); }
.discovery-methods { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0; padding: 0; border: 0; }
.discovery-methods label { cursor: pointer; }
.discovery-methods input { position: absolute; opacity: 0; pointer-events: none; }
.discovery-methods span { display: block; height: 100%; padding: 18px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.025); }
.discovery-methods input:checked + span { border-color: var(--accent); background: rgba(97,231,182,.075); }
.discovery-methods strong, .discovery-methods small { display: block; }
.discovery-methods small { margin-top: 5px; color: var(--muted); }
.flow-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 18px; }
.field-error { margin: 7px 0 0; color: #ff9a9a; font-size: 12px; }
@keyframes flow-enter { from { opacity: 0; transform: translateX(10px); } to { opacity: 1; transform: translateX(0); } }
.discovery-kind-picker { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 0; padding: 0; border: 0; }
.discovery-kind-picker legend { grid-column: 1 / -1; margin-bottom: 4px; }
.discovery-kind-picker label { cursor: pointer; }
.discovery-kind-picker input { position: absolute; opacity: 0; pointer-events: none; }
.discovery-kind-picker span { display: block; padding: 12px; border: 1px solid var(--line); border-radius: 12px; text-align: center; }
.discovery-kind-picker input:checked + span { color: var(--accent); border-color: var(--accent); background: rgba(97,231,182,.08); }
.field-hint { color: var(--muted); font-size: 12px; }
.stack-form .primary-button { width: 100%; }
.stack-form button:disabled, .row-actions button:disabled { opacity: .5; cursor: wait; }
.notice { margin: 0 0 18px; padding: 13px 16px; color: var(--accent); border: 1px solid rgba(97,231,182,.2); border-radius: 13px; background: rgba(97,231,182,.07); }
.notice.is-error { color: #ff9a9a; border-color: rgba(255,110,110,.22); background: rgba(255,80,80,.07); }
.notice a { color: currentColor; font-weight: 800; }
.job-result { margin: 14px 0; padding: 14px; border: 1px solid rgba(97,231,182,.18); border-radius: 14px; background: rgba(97,231,182,.055); }
.job-result > strong { display: block; margin-bottom: 10px; }
.job-result-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; margin-bottom: 12px; }
.job-result-stats span { padding: 8px; color: var(--muted); border-radius: 9px; background: rgba(255,255,255,.035); font-size: 10px; }
.job-result-stats b { display: block; margin-top: 2px; color: var(--text); font-size: 15px; }
.discovery-result.is-success { position: relative; overflow: hidden; border-color: rgba(97,231,182,.42); background: linear-gradient(145deg,rgba(97,231,182,.1),rgba(66,165,255,.045)); animation: result-card-arrive .55s cubic-bezier(.2,.9,.2,1) both; }
.result-success-heading { display: flex; align-items: center; gap: 11px; margin-bottom: 13px; }
.result-success-heading > div strong, .result-success-heading > div small { display: block; }
.result-success-heading > div small { margin-top: 1px; color: var(--accent); }
.result-success-mark { position: relative; display: grid; flex: 0 0 38px; height: 38px; place-items: center; color: #07110e; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 0 rgba(97,231,182,.35); font-weight: 950; animation: result-success-pulse 1.6s ease-out 2; }
.job-query-summary { display: grid; grid-template-columns: minmax(150px,.75fr) minmax(180px,1.25fr); gap: 8px; margin-bottom: 12px; }
.job-query-summary > div { min-width: 0; padding: 10px 11px; border: 1px solid rgba(174,190,218,.14); border-radius: 11px; background: rgba(7,13,22,.34); }
.job-query-summary span, .job-query-summary strong { display: block; }
.job-query-summary span { color: var(--muted); font-size: 10px; }
.job-query-summary strong { margin-top: 2px; overflow-wrap: anywhere; font-size: 12px; }
.job-query-filters { grid-column: 1 / -1; }
.job-query-filters p { margin: 3px 0 0; color: #bec9d8; font-size: 11px; line-height: 1.5; }
.result-success-button { position: relative; gap: 7px; overflow: visible; background: linear-gradient(135deg,var(--accent),#8fe8ff); box-shadow: 0 0 0 0 rgba(97,231,182,.4),0 10px 28px rgba(97,231,182,.18); animation: result-button-glow 1.8s ease-in-out infinite; }
.result-success-button::after { content: ""; position: absolute; inset: -5px; pointer-events: none; border: 1px solid rgba(97,231,182,.5); border-radius: 15px; opacity: 0; animation: result-button-ring 1.8s ease-out infinite; }
@keyframes result-card-arrive { from { opacity: 0; transform: translateY(12px) scale(.985); } to { opacity: 1; transform: none; } }
@keyframes result-success-pulse { 0% { transform: scale(.7); box-shadow: 0 0 0 0 rgba(97,231,182,.5); } 55% { transform: scale(1.08); box-shadow: 0 0 0 13px rgba(97,231,182,0); } 100% { transform: scale(1); } }
@keyframes result-button-glow { 0%,100% { box-shadow: 0 0 0 0 rgba(97,231,182,.26),0 10px 28px rgba(97,231,182,.18); } 50% { box-shadow: 0 0 0 5px rgba(97,231,182,.08),0 13px 34px rgba(97,231,182,.3); } }
@keyframes result-button-ring { 0% { opacity: .7; transform: scale(.94); } 75%,100% { opacity: 0; transform: scale(1.08); } }
.parse-result-summary { margin-bottom: 12px; padding: 14px; border-radius: 12px; background: rgba(255,255,255,.035); }
.parse-result-summary span, .parse-result-summary small { display: block; color: var(--muted); }
.parse-result-summary b { display: block; margin: 3px 0; color: var(--text); font-size: 28px; }
.job-result-actions { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.job-failure { display: flex; align-items: center; gap: 9px; margin: 14px 0; flex-wrap: wrap; }
.job-failure[hidden] { display: none; }
.secondary-link { padding: 10px 14px; color: var(--text); border: 1px solid var(--line); border-radius: 11px; text-decoration: none; font-weight: 750; }
.proxy-list { display: grid; gap: 9px; }
.proxy-row { display: grid; grid-template-columns: 10px minmax(0, 1fr) auto auto; align-items: center; gap: 13px; padding: 14px; border: 1px solid rgba(255,255,255,.06); border-radius: 15px; background: rgba(255,255,255,.025); }
.health-dot { width: 8px; height: 8px; border-radius: 50%; background: #ff6868; box-shadow: 0 0 0 4px rgba(255,104,104,.09); }
.health-dot.is-alive { background: var(--accent); box-shadow: 0 0 0 4px rgba(97,231,182,.09); }
.proxy-address { min-width: 0; }
.proxy-address strong, .proxy-address small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.proxy-address small { color: var(--muted); font-size: 11px; }
.proxy-status { color: var(--muted); font-size: 11px; }
.row-actions { display: flex; gap: 6px; }
.row-actions button { display: grid; width: 32px; height: 32px; place-items: center; color: var(--text); border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.04); cursor: pointer; }
.row-actions .danger-action { color: #ff9a9a; }
.empty-state { padding: 34px 16px; text-align: center; }
.empty-state span { color: var(--accent); font-weight: 900; }
.empty-state p { color: var(--muted); }
.empty-actions { display: flex; justify-content: center; gap: 9px; flex-wrap: wrap; }
.confirm-dialog { width: min(420px, calc(100% - 30px)); padding: 0; color: var(--text); border: 1px solid var(--line); border-radius: 24px; background: #131b29; box-shadow: var(--shadow); }
.confirm-dialog::backdrop { background: rgba(2,5,10,.72); backdrop-filter: blur(5px); }
.confirm-dialog form { padding: 28px; text-align: center; }
.dialog-icon { display: grid; width: 48px; height: 48px; margin: 0 auto 18px; place-items: center; color: #ff9999; border-radius: 15px; background: rgba(255,104,104,.1); font-size: 26px; }
.dialog-target { margin: 18px 0 8px; padding: 12px; overflow-wrap: anywhere; color: var(--text); border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.035); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.dialog-hint { color: var(--muted); font-size: 12px; }
.dialog-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 24px; }
.secondary-button, .danger-button { padding: 12px; border: 0; border-radius: 12px; font: inherit; font-weight: 800; cursor: pointer; }
.secondary-button { color: var(--text); background: rgba(255,255,255,.07); }
.danger-button { color: #fff; background: #d94f57; }
.account-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.account-card { padding: 22px; border: 1px solid var(--line); border-radius: 22px; background: var(--surface); }
.account-card.is-selected { border-color: rgba(97,231,182,.35); box-shadow: inset 0 0 0 1px rgba(97,231,182,.08); }
.account-card-head { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 13px; }
.account-avatar { display: grid; width: 46px; height: 46px; place-items: center; color: var(--accent); border-radius: 15px; background: rgba(97,231,182,.09); font-weight: 900; }
.account-identity { min-width: 0; }
.account-identity h2, .account-identity p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-identity h2 { margin-bottom: 2px; font-size: 18px; }
.account-identity p { margin-bottom: 0; color: var(--muted); font-size: 12px; }
.account-username-link { display: inline-flex; align-items: center; gap: 5px; max-width: 100%; overflow: hidden; color: #8fe8ff; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.account-username-link:hover { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.account-username-link span { flex: 0 0 auto; font-size: 10px; }
.account-health { padding: 5px 8px; color: var(--muted); border-radius: 20px; background: rgba(255,255,255,.06); font-size: 10px; text-transform: uppercase; }
.account-health.status-active { color: var(--accent); background: rgba(97,231,182,.09); }
.account-health.status-inactive, .account-health.status-deleted { color: #ff9999; background: rgba(255,104,104,.09); }
.account-health.status-frozen { color: #89c8ff; background: rgba(66,165,255,.09); }
.account-health.status-spamblocked { color: #ffc77f; background: rgba(255,174,70,.09); }
.account-meta { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin: 22px 0; }
.account-meta div { padding: 10px; border-radius: 12px; background: rgba(255,255,255,.025); }
.account-meta dt { color: var(--muted); font-size: 10px; }
.account-meta dd { margin: 2px 0 0; font-size: 12px; font-weight: 750; }
.account-proxy { margin-bottom: 16px; }
.account-proxy label, .account-proxy small { display: block; }
.account-proxy label { margin-bottom: 7px; color: var(--muted); font-size: 10px; }
.account-proxy select { width: 100%; padding: 10px; color: var(--text); border: 1px solid var(--line); border-radius: 11px; background: #111927; }
.account-proxy small { margin-top: 6px; color: var(--muted); font-size: 10px; }
.selected-label { margin-bottom: 12px; color: var(--accent); font-size: 11px; font-weight: 800; }
.account-actions { display: flex; gap: 7px; }
.account-actions button { flex: 1; padding: 9px; color: var(--text); border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.035); font: inherit; font-size: 11px; cursor: pointer; }
.account-actions button:disabled { opacity: .4; cursor: default; }
.account-actions .danger-action { color: #ff9999; }
.account-check-result { margin-top: 12px; padding: 10px; color: var(--accent); border-radius: 10px; background: rgba(97,231,182,.07); font-size: 11px; }
.account-check-result.is-error { color: #ff9999; background: rgba(255,104,104,.07); }
.account-check-result > div { margin-bottom: 5px; color: var(--muted); }
.account-check-result > strong { display: block; line-height: 1.45; }
.account-check-result.is-collapsed > div { display: none; }
.account-log-toggle {
  margin-top: 8px;
  padding: 0;
  color: currentColor;
  border: 0;
  border-bottom: 1px dashed currentColor;
  background: transparent;
  font: inherit;
  cursor: pointer;
  opacity: .82;
}
.account-empty { margin-top: 20px; }
.account-import-panel { margin-bottom: 18px; }
.account-import-form { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 16px; }
.import-files { display: grid; grid-template-columns: 1fr 1fr auto 1fr; align-items: end; gap: 10px; grid-column: 1 / -1; }
.import-files label, .import-proxy { display: grid; gap: 7px; color: var(--muted); font-size: 11px; }
.import-files input { width: 100%; padding: 10px; color: var(--muted); border: 1px dashed var(--line); border-radius: 11px; background: rgba(255,255,255,.025); }
.import-or { padding-bottom: 12px; color: var(--muted); font-size: 11px; }
.import-proxy select { min-width: 260px; padding: 11px; color: var(--text); border: 1px solid var(--line); border-radius: 11px; background: #111927; }
.account-import-form .field-hint { grid-column: 1 / -1; margin: 0; }
.compact-empty { padding: 10px; }
.primary-link { display: inline-flex; padding: 10px 14px; color: #07110e; border-radius: 11px; background: var(--accent); text-decoration: none; font-weight: 800; }
.tariff-list > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.tariff-list > div > span strong,.tariff-list > div > span small { display: block; }
.tariff-list > div > span small { color: var(--muted); }
.payment-status { margin: 12px 0 0; color: var(--accent); font-size: 12px; }
.payment-status.is-error { color: #ff8f9b; }
.import-progress {
  display: grid;
  max-height: 260px;
  margin-top: 14px;
  padding: 12px 14px;
  gap: 7px;
  overflow-y: auto;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(5, 9, 16, .72);
}
.import-progress-line {
  position: relative;
  padding-left: 18px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}
.import-progress-line::before {
  content: "›";
  position: absolute;
  left: 2px;
  color: var(--accent);
}
.import-progress-line.is-success { color: var(--accent); font-weight: 700; }
.import-progress-line.is-error { color: #ff8f9b; }
.import-progress-line.is-success::before { content: "✓"; }
.import-progress-line.is-error::before { content: "×"; color: #ff6677; }
.job-list { display: grid; gap: 14px; }
.job-card { padding: 22px; border: 1px solid var(--line); border-radius: 22px; background: var(--surface); }
.job-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.job-card-head h2 { margin: 8px 0 0; font-size: 18px; }
.job-card-head time { color: var(--muted); font-size: 11px; }
.job-message { color: var(--muted); }
.job-progress { height: 8px; overflow: hidden; border-radius: 20px; background: rgba(255,255,255,.06); }
.job-progress span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--accent), var(--accent-2)); transition: width .25s ease; }
.job-journey {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  margin: 22px 0 18px;
  padding: 24px 12px 30px;
  border: 1px solid rgba(114,232,223,.2);
  border-radius: 18px;
  background: linear-gradient(135deg,rgba(114,232,223,.045),rgba(155,135,255,.035));
  overflow: hidden;
}
.journey-line {
  position: absolute;
  top: 43px;
  right: 12.5%;
  left: 12.5%;
  height: 2px;
  background: rgba(174,190,218,.18);
}
.journey-line span {
  display: block;
  width: var(--journey-progress);
  height: 100%;
  background: linear-gradient(90deg,var(--accent),#9b87ff);
  box-shadow: 0 0 14px rgba(114,232,223,.6);
  transition: width .65s ease;
}
.journey-line i {
  position: absolute;
  top: 50%;
  left: var(--journey-progress);
  color: var(--accent);
  font-size: 22px;
  font-style: normal;
  filter: drop-shadow(0 0 7px rgba(114,232,223,.8));
  transform: translate(-48%,-52%);
  transition: left .65s ease;
}
.job-journey.is-active .journey-line i { animation: journey-arrow-pulse .8s ease-in-out infinite alternate; }
.journey-node { position: relative; z-index: 1; display: grid; justify-items: center; gap: 8px; color: var(--muted); font-size: var(--font-xs); font-weight: 750; }
.journey-node b { display: grid; width: 40px; height: 40px; place-items: center; color: var(--text); border: 1px solid rgba(174,190,218,.28); border-radius: 50%; background: #131d2c; font-size: 18px; }
.job-journey.is-active .journey-node b { box-shadow: 0 0 18px rgba(114,232,223,.09); }
.job-journey.is-complete .journey-node { color: var(--accent); }
.job-journey.is-complete .journey-node b { color: var(--accent); border-color: rgba(114,232,223,.55); }
.job-journey.is-error { border-color: rgba(255,104,104,.3); }
.job-journey.is-error .journey-line i { color: #ff8f9b; }
.job-journey>small { position: absolute; right: 14px; bottom: 7px; left: 14px; color: var(--muted); text-align: center; font-size: 11px; }
@keyframes journey-arrow-pulse {
  from { transform: translate(-48%,-52%) scale(.9); opacity: .65; }
  to { transform: translate(-48%,-52%) scale(1.2); opacity: 1; }
}
.job-meta { display: flex; justify-content: space-between; gap: 12px; margin: 8px 0 16px; color: var(--muted); font-size: 11px; }
.job-error { color: #ff9999; }
.job-events { max-height: 240px; margin: 0 0 16px; padding: 12px; overflow-y: auto; border-radius: 12px; background: rgba(5,9,16,.65); color: var(--muted); font-size: 12px; }
.job-events div + div { margin-top: 6px; }
.profile-grid { align-items: start; }
.tariff-list, .settings-list, .history-list { display: grid; gap: 8px; margin-top: 18px; }
.tariff-list > div, .history-list article { display: flex; justify-content: space-between; gap: 12px; padding: 12px; border-radius: 12px; background: rgba(255,255,255,.03); }
.tariff-list span, .history-list small, .history-list time { display: block; color: var(--muted); font-size: 11px; }
.settings-list button { display: flex; justify-content: space-between; padding: 12px; color: var(--text); border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.03); cursor: pointer; }
.source-tabs { display: flex; gap: 8px; margin-bottom: 18px; overflow-x: auto; }
.source-tabs a { flex: 0 0 auto; padding: 9px 12px; color: var(--muted); border: 1px solid var(--line); border-radius: 11px; text-decoration: none; }
.source-tabs a.is-active { color: var(--accent); border-color: rgba(97,231,182,.35); background: rgba(97,231,182,.08); }
.database-toolbar { display: flex; align-items: center; gap: 8px; margin-bottom: 14px; flex-wrap: wrap; }
.database-action-block { margin-bottom: 10px; padding: 16px; border: 1px solid rgba(97,231,182,.23); border-radius: 16px; background: linear-gradient(135deg,rgba(97,231,182,.055),rgba(66,165,255,.035)); box-shadow: 0 12px 35px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.035); }
.database-toolbar label { margin-right: auto; color: var(--muted); }
.database-toolbar [data-selection-count] { color: var(--muted); font-size: 11px; }
.database-toolbar .secondary-button { text-decoration: none; }
.folder-toolbar { display: flex; gap: 8px; margin-bottom: 14px; flex-wrap: wrap; }
.folder-create, .folder-save { display: flex; align-items: end; gap: 8px; flex-wrap: wrap; }
.folder-save { flex: 1 1 100%; padding-top: 10px; border-top: 1px solid var(--line); }
.folder-save label { flex: 1 1 100%; color: var(--muted); font-size: 11px; }
.folder-toolbar input, .folder-toolbar select { min-width: 180px; padding: 10px; color: var(--text); border: 1px solid var(--line); border-radius: 11px; background: #111927; }
.database-list { display: grid; gap: 7px; }
.database-sort-bar { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(220px,auto); align-items: center; gap: 14px; margin-bottom: 16px; padding: 12px 16px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.022); }
.database-sort-bar span, .database-sort-bar small { display: block; }
.database-sort-bar span { font-size: 12px; font-weight: 800; }
.database-sort-bar small, .database-sort-bar label { color: var(--muted); font-size: 10px; }
.database-sort-bar select { width: 100%; padding: 10px 12px; color: var(--text); border: 1px solid var(--line); border-radius: 10px; background: #111927; }
.database-columns, .database-row { display: grid; grid-template-columns: 20px minmax(180px,1.4fr) minmax(130px,1fr) minmax(95px,.55fr) minmax(70px,.45fr); align-items: center; column-gap: 0; }
.database-columns.has-banbots, .database-row.has-banbots { grid-template-columns: 20px minmax(170px,1.3fr) minmax(120px,.85fr) minmax(90px,.48fr) minmax(65px,.35fr) minmax(150px,.72fr); }
.database-columns { padding: 0 13px; color: var(--muted); border: 1px solid rgba(174,190,218,.13); border-radius: 11px; background: rgba(66,165,255,.035); font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.database-columns span { min-width: 0; padding: 9px 12px; }
.database-columns span + span { border-left: 1px solid rgba(174,190,218,.14); }
.database-row { padding: 13px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.025); }
.database-row > span { min-width: 0; padding: 2px 12px; }
.database-row > span + span { border-left: 1px solid rgba(174,190,218,.11); }
.database-row strong, .database-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.database-row small, .database-row > span:not(:first-of-type) { color: var(--muted); font-size: 11px; }
.database-row .record-link { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.database-banbots { display: grid; gap: 5px; }
.banbot-result { display: block; width: fit-content; max-width: 100%; padding: 4px 7px; overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: rgba(255,255,255,.03); color: var(--muted); font-size: 9px; font-weight: 800; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.banbot-result.is-flagged { color: #ffaaa5; border-color: rgba(255,104,104,.34); background: rgba(255,104,104,.1); }
.banbot-result.is-clean { color: var(--accent); border-color: rgba(97,231,182,.28); background: rgba(97,231,182,.07); }
.banbot-result.is-unchecked { color: #8390a4; }
.record-link { color: var(--text); text-decoration: none; }
.record-link:hover { color: var(--accent); }
.channel-save-wizard { display: grid; gap: 16px; }
.wizard-heading { margin-bottom: 14px; padding: 18px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
.wizard-heading span { color: var(--accent); font-size: 11px; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }
.wizard-heading h2 { margin: 5px 0; }
.wizard-heading p { margin: 0; color: var(--muted); }
.wizard-toolbar { padding: 12px; border-radius: 14px; background: rgba(255,255,255,.025); }
.wizard-next { display: flex; justify-content: flex-end; margin-top: 14px; }
.wizard-next .primary-button { min-width: 220px; }
.destination-options { display: grid; gap: 9px; }
.destination-option { cursor: pointer; }
.destination-option input { position: absolute; opacity: 0; pointer-events: none; }
.destination-option > span { display: block; padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.025); }
.destination-option input:checked + span { border-color: var(--accent); background: rgba(97,231,182,.075); }
.destination-option input:disabled + span { opacity: .4; cursor: not-allowed; }
.destination-option strong, .destination-option small { display: block; }
.destination-option small { margin-top: 3px; color: var(--muted); }
.destination-details { display: grid; gap: 7px; margin-top: 12px; padding: 14px; border-radius: 14px; background: rgba(255,255,255,.025); }
.destination-details[hidden] { display: none; }
.destination-details label { color: var(--muted); font-size: 11px; }
.destination-details select, .destination-details input { width: 100%; padding: 11px; color: var(--text); border: 1px solid var(--line); border-radius: 11px; background: #111927; }
.wizard-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 16px; flex-wrap: wrap; }
.wizard-success { padding: 30px 18px; text-align: center; border: 1px solid rgba(97,231,182,.25); border-radius: 20px; background: rgba(97,231,182,.06); }
.success-mark { display: grid; width: 52px; height: 52px; margin: 0 auto 14px; place-items: center; color: #07110e; border-radius: 50%; background: var(--accent); font-size: 26px; font-weight: 900; }
.wizard-success p { color: var(--muted); }
.wizard-success .wizard-actions { justify-content: center; }
.export-menu { position: relative; }
.export-menu summary { padding: 9px 13px; border: 1px solid var(--line); border-radius: 11px; cursor: pointer; list-style: none; }
.export-menu > div { position: absolute; z-index: 4; top: calc(100% + 6px); right: 0; display: flex; padding: 6px; border: 1px solid var(--line); border-radius: 11px; background: #111927; box-shadow: 0 14px 30px rgba(0,0,0,.3); }
.export-menu a { padding: 7px 9px; color: var(--text); text-decoration: none; }
.parsing-flow { gap: 20px; }
.form-section { display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 12px; align-items: start; }
.form-step { display: grid; width: 30px; height: 30px; place-items: center; color: #07110e; border-radius: 50%; background: var(--accent); font-weight: 900; }
.form-section > div { display: grid; gap: 7px; }
.mode-choice { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; padding: 0; border: 0; }
.mode-choice legend { margin-bottom: 8px; font-weight: 700; }
.mode-choice label { cursor: pointer; }
.mode-choice input { position: absolute; opacity: 0; }
.mode-choice span { display: block; height: 100%; padding: 13px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.025); }
.mode-choice input:checked + span { border-color: var(--accent); background: rgba(97,231,182,.075); }
.mode-choice strong, .mode-choice small { display: block; }
.mode-choice small { margin-top: 4px; color: var(--muted); }
.advanced-options { margin-top: 15px; padding: 18px; border: 1px solid rgba(66,165,255,.22); border-radius: 18px; background: linear-gradient(145deg,rgba(66,165,255,.055),rgba(97,231,182,.025)); }
.advanced-options-head { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.advanced-options-head > span { display: grid; flex: 0 0 38px; height: 38px; place-items: center; color: var(--accent); border: 1px solid rgba(97,231,182,.25); border-radius: 12px; background: rgba(97,231,182,.08); font-size: 21px; }
.advanced-options-head strong, .advanced-options-head small { display: block; }
.advanced-options-head strong { font-size: 15px; }
.advanced-options-head small { margin-top: 2px; color: var(--muted); }
.launch-summary { padding: 13px; border-radius: 13px; background: rgba(97,231,182,.06); }
.launch-summary span { color: var(--accent); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.launch-summary p { margin: 5px 0 0; color: var(--muted); }
.pagination { display: flex; justify-content: center; align-items: center; gap: 14px; margin-top: 18px; }
.pagination a { color: var(--accent); text-decoration: none; }
.result-link { display: inline-block; margin-top: 14px; color: var(--accent); text-decoration: none; }
.next-step-card { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 18px; padding: 18px 20px; border: 1px solid rgba(97,231,182,.2); border-radius: 18px; background: rgba(97,231,182,.06); }
.next-step-card span, .next-step-card strong, .next-step-card small { display: block; }
.next-step-card span { color: var(--accent); font-size: 10px; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }
.next-step-card strong { margin-top: 3px; }
.next-step-card small { color: var(--muted); }
.next-step-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.app-nav { position: fixed; z-index: 20; right: max(12px, env(safe-area-inset-right)); bottom: max(12px, env(safe-area-inset-bottom)); left: max(12px, env(safe-area-inset-left)); display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); width: min(1120px, calc(100% - 24px)); margin: 0 auto; padding: 7px; border: 1px solid var(--line); border-radius: 19px; background: rgba(15,22,35,.94); box-shadow: 0 16px 48px rgba(0,0,0,.45); backdrop-filter: blur(18px); }
.app-nav a { display: grid; width: 100%; min-width: 0; padding: 9px 3px; place-items: center; color: var(--muted); border-radius: 13px; text-decoration: none; }
.app-nav a.is-active { color: var(--accent); background: rgba(97,231,182,.09); }
.app-nav span { font-size: 21px; line-height: 1; }
.app-nav small { margin-top: 6px; overflow: hidden; max-width: 100%; color: #b8c2d1; font-size: 12px; font-weight: 750; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; }
.app-nav a.is-active small { color: var(--accent); }
.app-nav a::after { content: ""; position: absolute; right: 28%; bottom: 3px; left: 28%; height: 2px; border-radius: 2px; background: linear-gradient(90deg,var(--accent),var(--accent-2)); opacity: 0; transform: scaleX(.35); transition: opacity .18s ease,transform .18s ease; }
.app-nav a.is-active::after { opacity: 1; transform: scaleX(1); }
.admin-section { margin-top: 18px; }
.admin-anchor-nav { position: sticky; top: 12px; z-index: 8; display: flex; flex-wrap: wrap; gap: 7px; margin: 0 0 16px; padding: 9px; border: 1px solid rgba(174,190,218,.2); border-radius: 14px; background: rgba(12,18,29,.92); backdrop-filter: blur(14px); }
.admin-anchor-nav a { padding: 8px 11px; color: var(--muted); border-radius: 9px; font-size: var(--font-sm); text-decoration: none; }
.admin-anchor-nav a:hover { color: var(--text); background: rgba(114,232,223,.08); }
.admin-overview { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-bottom: 18px; }
.admin-overview article { position: relative; min-height: 142px; padding: 20px; overflow: hidden; border: 1px solid rgba(174,190,218,.2); border-radius: 18px; background: linear-gradient(145deg,rgba(25,34,49,.96),rgba(13,20,31,.96)); }
.admin-overview article::after { content: ""; position: absolute; width: 70px; height: 70px; right: -25px; bottom: -25px; border-radius: 50%; background: rgba(114,232,223,.08); filter: blur(2px); }
.admin-overview article.is-ok { border-color: rgba(114,232,223,.34); }
.admin-overview article.is-alert { border-color: rgba(255,143,155,.42); }
.admin-overview article.is-alert::after { background: rgba(255,104,104,.1); }
.admin-overview span,.admin-overview small { display: block; color: var(--muted); }
.admin-overview strong { display: block; margin: 13px 0 8px; font-size: var(--font-md); line-height: 1.25; }
.admin-overview small { font-size: var(--font-xs); }
.admin-failures article { display: grid; grid-template-columns: minmax(180px,.8fr) minmax(220px,1.4fr) auto; align-items: center; gap: 15px; padding: 12px 0; border-top: 1px solid var(--line); }
.admin-failures article p { margin: 0; color: var(--muted); font-size: var(--font-sm); }
.admin-failures article small,.admin-failures article time { display: block; color: var(--muted); font-size: var(--font-xs); }
.admin-failures .panel-head a { color: var(--accent); font-size: var(--font-sm); text-decoration: none; }
.admin-section,#users,#overview { scroll-margin-top: 82px; }
.admin-user-filters { margin-bottom: 12px; overflow-x: auto; flex-wrap: nowrap; scrollbar-width: thin; }
.admin-user-filters a { flex: 0 0 auto; white-space: nowrap; }
.admin-users-head { align-items: flex-start; }
.admin-user-search { display: grid; grid-template-columns: minmax(220px,1fr) auto auto; gap: 8px; margin-bottom: 14px; }
.admin-user-search input { min-width: 0; padding: 11px 13px; color: var(--text); border: 1px solid var(--line); border-radius: 11px; background: #111927; font: inherit; }
.admin-user-columns { display: grid; grid-template-columns: minmax(190px,1.3fr) minmax(110px,.65fr) minmax(95px,.55fr) minmax(145px,.75fr); gap: 12px; padding: 0 12px 7px; color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.admin-users { display: grid; max-height: 620px; gap: 7px; overflow-y: auto; padding-right: 5px; scrollbar-width: thin; scrollbar-color: rgba(114,232,223,.35) transparent; }
.admin-users article { display: grid; grid-template-columns: minmax(190px,1.3fr) minmax(110px,.65fr) minmax(95px,.55fr) minmax(145px,.75fr); align-items: center; gap: 12px; min-height: 76px; padding: 12px; border: 1px solid transparent; border-radius: 12px; background: rgba(255,255,255,.03); transition: border-color .18s ease,background-color .18s ease; }
.admin-users article:hover { border-color: rgba(114,232,223,.2); background: rgba(114,232,223,.045); }
.admin-user-identity,.admin-user-status { min-width: 0; }
.admin-user-identity strong,.admin-user-identity small,.admin-user-status strong,.admin-user-status small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-user-identity a { display: block; overflow: hidden; color: var(--accent); font-size: 12px; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.admin-user-identity a:hover { text-decoration: underline; }
.admin-role-badge { display: inline-flex; justify-content: center; padding: 8px 10px; color: #ffbd82; border: 1px solid rgba(255,174,70,.3); border-radius: 9px; background: rgba(255,174,70,.08); font-size: 11px; font-weight: 850; }
.admin-pagination { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; padding-top: 13px; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; }
.admin-pagination > div { display: flex; gap: 7px; }
.admin-users small, .admin-limits small { display: block; color: var(--muted); font-size: 11px; }
.admin-limits { display: grid; gap: 8px; }
.admin-limits form { display: grid; grid-template-columns: minmax(0,1fr) 100px auto; align-items: center; gap: 10px; }
.admin-limits input { padding: 10px; color: var(--text); border: 1px solid var(--line); border-radius: 10px; background: #111927; }
.admin-limits select { padding: 10px; color: var(--text); border: 1px solid var(--line); border-radius: 10px; background: #111927; }
.inline-subscription { display: flex; gap: 6px; }
.inline-subscription input { width: 68px; padding: 8px; color: var(--text); border: 1px solid var(--line); border-radius: 9px; background: #111927; }
.inline-subscription .secondary-button { white-space: nowrap; }
.admin-subscription-hint { margin: 12px 0 0; color: var(--muted); font-size: 11px; }
.admin-tariffs + * label span,.admin-section .form-grid label span { display: block; margin-bottom: 5px; color: var(--muted); font-size: 11px; }
.admin-section .form-grid label small { display: block; margin-top: 4px; color: var(--muted); font-size: 10px; }

@media (max-width: 760px) {
  .shell { width: min(100% - 22px, 1120px); padding-top: 22px; }
  .hero-panel { align-items: flex-start; }
  .progress-ring { width: 76px; height: 76px; }
  .workflow-grid { grid-template-columns: 1fr; }
  .workflow-grid::after { content: "↓"; }
  .content-grid { grid-template-columns: 1fr; }
  .account-grid { grid-template-columns: 1fr; }
  .account-import-form { grid-template-columns: 1fr; }
  .import-files { grid-template-columns: 1fr; }
  .import-or { padding: 0; text-align: center; }
  .import-proxy select { min-width: 0; width: 100%; }
  .workflow-card { min-height: auto; }
  .card-number { margin-bottom: 18px; }
  .action-grid { grid-template-columns: 1fr 1fr; }
  .job-result-stats { grid-template-columns: 1fr 1fr; }
  .job-query-summary { grid-template-columns: 1fr; }
  .job-query-filters { grid-column: auto; }
  .database-toolbar, .folder-create, .folder-save { align-items: stretch; }
  .database-toolbar > *, .folder-create > *, .folder-save > * { width: 100%; }
  .database-sort-bar { grid-template-columns: 1fr; gap: 8px; }
  .database-columns { display: none; }
  .database-row { grid-template-columns: 20px minmax(0,1fr); align-items: start; }
  .database-row > input { margin-top: 5px; }
  .database-row > span { grid-column: 2; display: grid; grid-template-columns: 92px minmax(0,1fr); gap: 10px; padding: 8px 4px; border-left: 0 !important; border-bottom: 1px solid rgba(174,190,218,.1); }
  .database-row > span:last-child { border-bottom: 0; }
  .database-row > span::before { content: attr(data-column); color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
  .wizard-next .primary-button, .wizard-actions > * { width: 100%; }
  .mode-choice { grid-template-columns: 1fr; }
  .discovery-methods { grid-template-columns: 1fr; }
  .flow-actions { align-items: stretch; flex-direction: column-reverse; }
  .flow-actions > * { width: 100%; }
  .discovery-parameters-head { align-items: flex-start; flex-direction: column; gap: 4px; }
  .discovery-parameters-head p { text-align: left; }
  .next-step-card { align-items: stretch; flex-direction: column; }
  .next-step-actions, .next-step-actions > * { width: 100%; }
  .next-step-actions > * { text-align: center; }
  .compact-setup-section { align-items: stretch; flex-direction: column; }
  .setup-cluster.is-compact { width: 100%; }
  .settings-block { padding: 20px; }
  .setup-cluster-head, .banbot-settings-panel .panel-head { align-items: stretch; flex-direction: column; }
  .settings-block-state, .banbot-mode { width: 100%; }
  .settings-sync-badge { width: 100%; text-align: center; }
  .preference-grid { grid-template-columns: 1fr; }
  .banbot-columns { grid-template-columns: 1fr; }
  .profile-shortcuts { grid-template-columns: 1fr; }
  .demo-header nav { display: none; }
  .demo-hero { grid-template-columns: 1fr; min-height: auto; padding: 36px 25px; }
  .demo-hero h1 { font-size: clamp(27px, 8.2vw, 40px); }
  .demo-radar { width: min(75vw,340px); margin-top: 50px; }
  .demo-task-grid,.demo-timeline { grid-template-columns: 1fr; }
  .demo-timeline article { border-right: 0; border-bottom: 1px solid var(--line); }
  .demo-section-head { align-items: flex-start; flex-direction: column; }
  .library-row { grid-template-columns: auto minmax(0,1fr) auto; }
  .library-row .match { display: none; }
  .process-card { min-height: calc(100vh - 48px); margin: 0; padding: 22px; }
  .process-steps { align-items: flex-start; flex-direction: column; }
  .knowledge-layout { grid-template-columns: 1fr; }
  .knowledge-nav { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (prefers-reduced-motion: reduce) {
  .discovery-result.is-success,.result-success-mark,.result-success-button,.result-success-button::after { animation: none; }
}

@media (max-width: 430px) {
  .app-utility-bar { width: calc(100% - 20px); margin-top: 6px; }
  .app-return-link strong,.app-location strong { max-width: 180px; }
  .app-nav small { font-size: 10px; letter-spacing: -.02em; }
  .setup-cluster-head { align-items: flex-start; flex-direction: column; gap: 5px; }
  .setup-cluster-head small { text-align: left; }
  .hero-panel { display: block; }
  .progress-ring { margin-top: 22px; }
  .action-grid { grid-template-columns: 1fr; }
  .inner-topbar { align-items: flex-start; }
  .summary-badge { min-width: 105px; }
  .proxy-row { grid-template-columns: 10px minmax(0, 1fr) auto; }
  .proxy-status { display: none; }
  .demo-hero-actions { align-items: stretch; flex-direction: column; }
  .demo-trust { flex-direction: column; gap: 7px; }
  .demo-radar { width: 100%; }
  .library-row em { display: none; }
}

.demo-subpage{width:min(1000px,100%);margin:auto}.demo-subpage-head{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:start;margin-bottom:34px}.demo-subpage-head>a{padding-top:9px;color:var(--muted);text-decoration:none}.demo-subpage-head span{color:#9b87ff;font-size:9px;font-weight:900;letter-spacing:.14em}.demo-subpage-head h1{margin:7px 0 8px}.demo-subpage-head p{margin:0;color:var(--muted)}.demo-subpage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.demo-subpage-grid article{min-height:245px;padding:26px;border:1px solid var(--line);border-radius:23px;background:linear-gradient(145deg,rgba(25,31,47,.94),rgba(14,20,32,.94))}.demo-subpage-grid article>small{color:#647187;font-size:10px;font-weight:900}.demo-subpage-grid h2{margin:34px 0 7px;font-size:21px}.demo-subpage-grid strong{display:block;color:var(--accent);font-size:12px}.demo-subpage-grid button{margin-top:30px;padding:0;color:var(--text);border:0;background:transparent;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.demo-subpage-grid button span{margin-left:7px;color:var(--accent)}.demo-subpage-actions,.demo-subpage-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.demo-subpage-actions{padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.02)}.demo-subpage-actions button{padding:10px 13px;color:var(--text);border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.035);font:inherit;font-size:11px}.demo-subpage-nav a{padding:9px 12px;color:var(--muted);font-size:10px;text-decoration:none}.demo-subpage-nav a:last-child{color:var(--accent)}
/* Единая система точных границ и маркировки интерактивных блоков. */
:where(.workflow-card,.action-card,.demo-task,.demo-subpage-grid article,.knowledge-article,.panel,.hero-panel,.demo-library){border-color:rgba(174,190,218,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
:where(.workflow-card.is-clickable,.action-card.is-enabled,.demo-task,.demo-subpage-grid article,.profile-shortcuts a,.knowledge-related a){transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background-color .18s ease}
:where(.workflow-card.is-clickable,.action-card.is-enabled,.demo-task,.demo-subpage-grid article,.profile-shortcuts a,.knowledge-related a):hover{transform:translateY(-3px);border-color:rgba(114,232,223,.65);box-shadow:inset 0 0 0 1px rgba(114,232,223,.18),0 12px 30px rgba(0,0,0,.22)}
:where(.demo-header nav a,.demo-secondary-actions a,.demo-subpage-nav a,.knowledge-nav a,.secondary-nav a,.app-nav a){position:relative;overflow:hidden;border:1px solid rgba(174,190,218,.14);border-radius:9px;transition:color .18s ease,border-color .18s ease,background-color .18s ease,transform .18s ease}
:where(.demo-secondary-actions a,.demo-subpage-nav a,.knowledge-nav a,.secondary-nav a)::before{content:"";position:absolute;top:7px;bottom:7px;left:0;width:3px;border-radius:0 3px 3px 0;background:var(--accent);opacity:0;transform:scaleY(.35);transition:opacity .18s ease,transform .18s ease}
:where(.demo-header nav a,.demo-secondary-actions a,.demo-subpage-nav a,.knowledge-nav a,.secondary-nav a,.app-nav a):hover,:where(.knowledge-nav a.is-active,.app-nav a.is-active){color:var(--text);border-color:rgba(114,232,223,.55);background:rgba(114,232,223,.075);transform:translateY(-1px)}
:where(.demo-secondary-actions a,.demo-subpage-nav a,.knowledge-nav a,.secondary-nav a):hover::before,.knowledge-nav a.is-active::before{opacity:1;transform:scaleY(1)}
:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
:where(.primary-button,.secondary-button,.demo-subpage-actions button,.library-toolbar button,.library-footer button){transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,filter .18s ease}
:where(.primary-button,.secondary-button,.demo-subpage-actions button,.library-toolbar button,.library-footer button):hover{transform:translateY(-2px);border-color:rgba(114,232,223,.7);box-shadow:0 8px 22px rgba(0,0,0,.2);filter:brightness(1.08)}

/* Универсальный и одинаково заметный отклик каждого кликабельного элемента. */
:where(
  button:not(:disabled),
  a[href],
  [role="button"],
  .workflow-card.is-clickable,
  .action-card.is-enabled,
  .demo-task
) {
  cursor: pointer;
  transition:
    color .16s ease,
    border-color .16s ease,
    box-shadow .16s ease,
    filter .16s ease,
    transform .16s ease;
}
:where(
  button:not(:disabled),
  a[href],
  [role="button"],
  .workflow-card.is-clickable,
  .action-card.is-enabled,
  .demo-task
):hover {
  filter: brightness(1.12) saturate(1.08);
  box-shadow:
    inset 0 0 0 1px rgba(114, 232, 223, .72),
    0 0 0 1px rgba(114, 232, 223, .22),
    0 8px 24px rgba(0, 0, 0, .18);
  transform: translateY(-1px);
}
:where(
  button:not(:disabled),
  a[href],
  [role="button"]
):active {
  filter: brightness(.96);
  transform: translateY(1px) scale(.99);
  transition-duration: .06s;
}
:where(button:disabled,[aria-disabled="true"]) {
  cursor: not-allowed;
  opacity: .55;
}
.demo-card-link{display:inline-block;margin-top:30px;padding:0;color:var(--text);font-size:11px;font-weight:800;text-decoration:none}.demo-card-link span{margin-left:7px;color:var(--accent)}.demo-subpage-actions a{padding:10px 13px;color:var(--text);border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.035);font-size:11px;text-decoration:none}.demo-action-notice{margin-top:12px;padding:12px 14px;border:1px solid rgba(114,232,223,.25);border-radius:12px;background:rgba(114,232,223,.06);color:var(--accent);font-size:11px}.demo-action-notice[hidden]{display:none}
@media(max-width:760px){.demo-subpage-grid{grid-template-columns:1fr}.demo-subpage-head{grid-template-columns:1fr;gap:12px}}
@media(max-width:760px){.admin-overview{grid-template-columns:1fr}.admin-anchor-nav{position:static}.admin-failures article{grid-template-columns:1fr}}
@media(max-width:760px){.admin-user-search{grid-template-columns:1fr 1fr}.admin-user-search input{grid-column:1/-1}.admin-user-columns{display:none}.admin-users{max-height:70vh}.admin-users article{grid-template-columns:minmax(0,1fr) auto}.admin-user-status{grid-column:1}.admin-users .row-actions{grid-column:2;grid-row:1}.inline-subscription{grid-column:1/-1}.admin-pagination{align-items:flex-start;flex-direction:column}}

/* Единая типографическая шкала: одинаковая иерархия на каждой странице. */
:where(p,li,label,input,select,textarea,.status-text,.notice,.demo-action-notice) {
  font-size: var(--font-base);
}
:where(small,.eyebrow,.section-kicker,.demo-subpage-head span,.demo-subpage-grid article>small) {
  font-size: var(--font-xs);
}
:where(button,.primary-button,.secondary-button,.demo-header nav a,.app-nav a,.secondary-nav a,
  .demo-secondary-actions a,.demo-subpage-actions a,.demo-subpage-actions button,
  .demo-subpage-nav a,.knowledge-nav a,.demo-card-link) {
  font-size: var(--font-sm);
  font-weight: 750;
}
:where(.workflow-card h3,.action-card h3,.demo-task h3,.demo-subpage-grid h2,
  .knowledge-article h2,.profile-shortcuts strong) {
  font-size: var(--font-card);
  line-height: 1.3;
}
:where(.section-heading h2,.demo-section-head h2,.demo-subpage-head h1,.page-heading h1) {
  font-size: var(--font-section);
  line-height: 1.12;
  letter-spacing: -.025em;
}
:where(.workflow-card p,.action-card p,.demo-task p,.demo-subpage-grid article p,
  .knowledge-related p,.profile-shortcuts span) {
  font-size: var(--font-sm);
  line-height: 1.55;
}

/* Более отчётливая плоскость блоков и единый световой отклик. */
:where(.workflow-card,.action-card,.demo-task,.demo-subpage-grid article,.knowledge-article,
  .panel,.hero-panel,.demo-library,.profile-shortcuts a,.next-step-card) {
  border-color: rgba(174,190,218,.24);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 18px 45px rgba(0,0,0,.17);
}
:where(.workflow-card,.action-card,.demo-task,.demo-subpage-grid article,.knowledge-article,
  .panel,.profile-shortcuts a) {
  background-image:
    linear-gradient(135deg,rgba(255,255,255,.035),transparent 45%),
    radial-gradient(circle at 90% 5%,rgba(114,232,223,.045),transparent 30%);
}

/* Появление блоков при прокрутке и мягкий световой импульс внутри группы. */
.motion-ready .reveal {
  opacity: 0;
  transform: translateY(18px) scale(.985);
  transition: opacity .6s ease,transform .6s cubic-bezier(.2,.75,.25,1);
}
.motion-ready .reveal.is-visible {
  opacity: 1;
  transform: none;
}
.motion-ready .reveal.is-visible > :where(article,a,.workflow-card,.action-card) {
  animation: block-arrival-glow .85s ease both;
  animation-delay: calc(var(--reveal-index,0) * 70ms);
}
@keyframes block-arrival-glow {
  0% { opacity: 0; transform: translateY(10px); box-shadow: 0 0 0 rgba(114,232,223,0); }
  65% { opacity: 1; box-shadow: 0 0 28px rgba(114,232,223,.09); }
  100% { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .cursor-comet { display: none; }
  .motion-ready .reveal { opacity: 1; transform: none; }
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}