/* RichUP V7 isolated stylesheet. Keep UTF-8. Do not edit richup-v6.css for V7. */
:root {
  --bg: #0A0A0C;
  --surface: #14141B;
  --card: #14141B;
  --primary: #9D66FF;
  --primary-rgb: 157, 102, 255;
  --accent: #60A5FA;
  --accent-rgb: 96, 165, 250;
  --text-main: #F2F2F7;
  --text: #F2F2F7;
  --text-muted: #8E8E93;
  --muted: #8E8E93;
  --border: rgba(255,255,255,0.08);
  --glass: rgba(20,20,27,0.7);
  --alert: #FF6B6B;
  --ok: #9D66FF;
  --warn: #FBBF24;
}
* { box-sizing: border-box; }
body { margin: 0; font-family: 'Inter', 'PingFang SC', 'Outfit', 'Segoe UI', 'Microsoft YaHei', sans-serif; background: radial-gradient(circle at 18% 8%, rgba(var(--primary-rgb),.18), transparent 32%), radial-gradient(circle at 88% 18%, rgba(var(--accent-rgb),.12), transparent 30%), var(--bg); color: var(--text); line-height: 1.65; -webkit-font-smoothing: antialiased; }
a { color: var(--primary); text-decoration: none; transition: opacity .2s; }
a:hover { opacity: 0.8; }
code { background: rgba(255,255,255,.07); border-radius: 8px; padding: 2px 6px; font-family: monospace; color: var(--accent); }
.wrap { max-width: 1440px; margin: 0 auto; padding: 20px 16px 36px; }
.topbar, .panel, .card { background: linear-gradient(180deg, rgba(20,20,27,.88), rgba(20,20,27,.72)); border: 1px solid var(--border); border-radius: 24px; box-shadow: 0 28px 80px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.05); }
.topbar { position: sticky; top: 0; z-index: 100; padding: 14px 20px; display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 24px; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); background: rgba(10,10,12,.76); }
.brand { display: flex; gap: 14px; align-items: center; }
.badge { width: 42px; height: 42px; border-radius: 14px; display: grid; place-items: center; color: #fff; font-weight: 800; background: linear-gradient(135deg, var(--primary), var(--accent)); font-size: 1.2rem; box-shadow: 0 0 28px rgba(var(--primary-rgb),.28); }
.brand h1 { margin: 0; font-size: 1.15rem; font-weight: 900; font-family:'Noto Serif SC', serif; }
.brand p { margin: 4px 0 0; color: var(--muted); font-size: .9rem; }
.layout { display: grid; grid-template-columns: minmax(260px, 320px) minmax(0, 1fr); gap: 24px; align-items: start; transition: grid-template-columns .22s ease; }
.main { padding: 0; min-height: 75vh; min-width: 0; }
.nav { display: flex; gap: 10px; flex-wrap: wrap; }
button, select, input, textarea { font: inherit; border: 1px solid var(--border); border-radius: 18px; padding: 12px 18px; background: rgba(255,255,255,.05); color: var(--text); transition: border-color .2s ease, transform .2s cubic-bezier(0.33, 1, 0.68, 1), box-shadow .2s ease, background .2s ease; cursor: pointer; outline: none; }
button:hover { border-color: var(--primary); transform: translateY(-1px); box-shadow: 0 10px 30px rgba(var(--primary-rgb),.18); }
.primary { background: linear-gradient(135deg, #9D66FF 0%, #60A5FA 100%); border-color: rgba(var(--primary-rgb),.72); color: #fff; font-weight: 800; border-radius: 30px; }
.primary:hover { background: linear-gradient(135deg, #B084FF 0%, #7AB8FF 100%); box-shadow: 0 14px 38px rgba(var(--primary-rgb), 0.32); }
.secondary { background: rgba(var(--accent-rgb),.12); border-color: rgba(var(--accent-rgb),.34); color: var(--accent); font-weight: 800; }
.pill { border-radius: 30px; padding: 8px 16px; font-size: .9rem; }
.section { margin-bottom: 24px; animation: fadeIn .4s ease-out; }
.muted { color: var(--muted); line-height: 1.7; }
.status { padding: 16px; border-radius: 18px; margin-bottom: 16px; border: 1px solid var(--border); background: rgba(255,255,255,.05); }
.ok { border-color: rgba(var(--primary-rgb),.38); background: rgba(var(--primary-rgb),.10); color: var(--primary); }
.warn { border-color: rgba(251,191,36,.32); background: rgba(251,191,36,.10); color: var(--warn); }
.bad { border-color: rgba(255,107,107,.32); background: rgba(255,107,107,.10); color: var(--alert); }
.notegrid { display: grid; gap: 16px; grid-template-columns: repeat(2, 1fr); }
.field label { display: block; margin-bottom: 8px; font-size: .9rem; font-weight: 800; color: var(--text); }
.full { grid-column: 1 / -1; }
textarea { width: 100%; min-height: 110px; resize: vertical; line-height: 1.6; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.fade-in { animation: fadeIn .4s ease-out; }
@keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(157,102,255,0.42); } 70% { box-shadow: 0 0 0 10px rgba(157,102,255,0); } 100% { box-shadow: 0 0 0 0 rgba(157,102,255,0); } }
.pulse { animation: pulse 2s infinite; }
.bp-progress-container { width: 100%; height: 8px; background: rgba(255,255,255,.08); border-radius: 10px; margin: 24px 0; overflow: hidden; }
.bp-progress-bar { height: 100%; background: var(--primary); width: 0; transition: width .4s ease; }
.bp-instant-feedback { padding: 16px; background: rgba(var(--primary-rgb),.10); border-radius: 18px; margin-top: 16px; border-left: 4px solid var(--primary); opacity: 0; transform: translateY(10px); transition: all .4s ease; }
.pricing-card { border: 1px solid rgba(var(--primary-rgb),.48); border-radius: 24px; padding: 32px; background: rgba(20,20,27,.86); position: relative; overflow: hidden; text-align: center; box-shadow: 0 0 40px rgba(var(--primary-rgb),.16); }
.pricing-badge { position: absolute; top: 12px; right: -30px; background: var(--accent); color: #fff; padding: 4px 40px; transform: rotate(45deg); font-size: 0.75rem; font-weight: bold; }
@media (max-width:1100px) { .layout { grid-template-columns: 1fr; } .notegrid { grid-template-columns: 1fr; } .stats { grid-template-columns: repeat(2, 1fr); } }

.ru-live-stats{display:grid;gap:8px;margin:18px 0;padding:16px;border-radius:20px;background:#FFFAF3;color:var(--text);border:1px solid rgba(196,140,92,.45)}
.ru-live-stats strong{color:var(--primary)}
.ru-live-stats .muted{color:var(--muted)}.mobile-blueprint-note{display:none}.mobile-optional{display:block}.ru-mobile-sticky-cta{display:none}
@media (max-width:760px){
  body{padding-bottom:86px} input,textarea,select,button{font-size:16px}.mobile-blueprint-note{display:block}.mobile-optional{display:none!important}.bp-progress-container{height:10px}.topbar{position:static}.wrap{padding-bottom:96px}
  .ru-mobile-sticky-cta{display:block;position:fixed;left:14px;right:14px;bottom:14px;z-index:999;padding:15px 18px;border:0;border-radius:999px;background:linear-gradient(135deg,var(--primary),#60A5FA);color:#fff;font-weight:900;box-shadow:0 14px 36px rgba(157,102,255,.32)}
}


.hero-title{font-family:'Noto Serif SC',serif;font-weight:900;letter-spacing:-.02em}.black-gold-gradient{background:linear-gradient(135deg,#FDFCFB 0%,#FFF7EC 100%)}.gold-border{border:1px solid rgba(var(--accent-rgb),.34)}
@keyframes ru-scan-pulse{0%{box-shadow:0 0 0 0 rgba(var(--accent-rgb),.45);transform:rotate(0deg)}70%{box-shadow:0 0 0 20px rgba(var(--accent-rgb),0)}100%{box-shadow:0 0 0 0 rgba(var(--accent-rgb),0);transform:rotate(360deg)}}
.ru-scan-orb{width:118px;height:118px;border-radius:999px;display:grid;place-items:center;margin:18px auto;background:conic-gradient(from 90deg,rgba(var(--accent-rgb),.10),var(--accent),rgba(157,102,255,.72),rgba(var(--accent-rgb),.10));animation:ru-scan-pulse 3.5s linear infinite}.ru-scan-orb::after{content:'H3';width:78px;height:78px;border-radius:999px;display:grid;place-items:center;background:#FFFDF8;color:var(--primary);font-weight:900;border:1px dashed rgba(var(--accent-rgb),.65)}
.ru-stepper{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.ru-step{padding:10px 12px;border-radius:16px;border:1px solid var(--border);background:#FFFDF8;color:var(--muted);font-weight:800}.ru-step.is-active{border-color:var(--accent);color:var(--primary);background:rgba(var(--accent-rgb),.14)}.ru-step.is-done{border-color:rgba(46,125,50,.55);color:var(--ok);background:#F1F9F2}.ru-step.is-disabled{opacity:.52}
.error-map{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:14px}.error-map span{border:1px solid var(--border);border-radius:14px;padding:10px;background:#FFFDF8;color:var(--muted)}

body.visitor-funnel-mode .sidebar,
body.visitor-funnel-mode #dayList,
body.visitor-funnel-mode #fileList,
body.visitor-funnel-mode #daySelect,
body.visitor-funnel-mode #dayHint,
body.visitor-funnel-mode .sidebar-toggle { display: none !important; }
body.visitor-funnel-mode .nav { display: none !important; }
body.visitor-funnel-mode .layout { display: flex; justify-content: center; padding: 0; background: var(--bg); }
body.visitor-funnel-mode .main {
  max-width: 1200px; width: 100%; margin: 0 auto;
  border-left: none; padding: 40px 24px;
}
@media (min-width: 1024px) {
  body.visitor-funnel-mode #content {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 40px;
    align-items: start;
  }
  body.visitor-funnel-mode .hero { grid-column: 1; position: sticky; top: 100px; }
  body.visitor-funnel-mode #landingBlueprintSection { grid-column: 2; margin-top: 0; }
  body.visitor-funnel-mode #content > .section:not(.hero):not(#landingBlueprintSection) { grid-column: 1 / -1; }
}
body.visitor-funnel-mode .topbar { justify-content: center; position: static; border-bottom: 1px solid var(--border); }
body.visitor-funnel-mode .layout-toolbar { display: none !important; }
.landing-blueprint-form textarea { min-height: 96px; background:#FFFFFF; }
.landing-privacy { margin-top:20px; color:#6F645C; font-size:12px; font-weight:700; line-height:1.7; }
.founder-note{margin-top:16px;padding:14px 16px;border-radius:16px;background:#FFFDF8;border:1px solid var(--border);color:var(--muted);font-size:.95rem;line-height:1.8}
.ru-privacy-note{display:block;margin-top:8px;color:#6F645C;font-size:12px;font-weight:700;line-height:1.6}
.ru-live-stats strong{animation:ruTrustPulse 2.8s ease-in-out infinite}
@keyframes ruTrustPulse{0%,100%{opacity:1}50%{opacity:.72}}
.feedback-panel{border-left:6px solid var(--accent)}
.ru-feedback-btn{position:fixed;right:18px;bottom:92px;z-index:998;border:1px solid rgba(var(--accent-rgb),.45);background:#FFFDF8;color:var(--primary);font-weight:800;box-shadow:0 12px 28px rgba(42,36,32,.12)}

#liveH3Count{display:inline-grid;place-items:center;min-width:2.2em;margin:0 3px;padding:2px 8px;border-radius:999px;background:rgba(var(--accent-rgb),.18);color:var(--primary);font-weight:900;border:1px solid rgba(var(--accent-rgb),.42)}
#liveH3Count.is-pulsing{animation:liveH3Pulse 1.2s ease-out}
@keyframes liveH3Pulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(var(--accent-rgb),.45)}55%{transform:scale(1.08);box-shadow:0 0 0 10px rgba(var(--accent-rgb),0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(var(--accent-rgb),0)}}


/* PH7 Sci-Fi Purple + iOS hardening */
.ru-glass {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  background: rgba(20,20,27,0.7);
  border: 1px solid var(--border);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 24px 70px rgba(0,0,0,.34);
}
.ru-btn,
button.primary,
button.pill,
.ru-mobile-sticky-cta {
  border-radius: 30px;
  transition: transform 0.2s cubic-bezier(0.33, 1, 0.68, 1), box-shadow .2s ease, border-color .2s ease;
}
.ru-btn:active,
button.primary:active,
button.pill:active,
.ru-mobile-sticky-cta:active {
  transform: scale(0.96);
}
.black-gold-gradient,
.v7-aurora-gradient {
  background: linear-gradient(135deg, rgba(157,102,255,.20) 0%, rgba(96,165,250,.14) 100%);
}
.hero-title{font-family:'PingFang SC','Inter','Outfit','Microsoft YaHei',system-ui,sans-serif;color:var(--text-main)!important;text-shadow:0 0 34px rgba(var(--primary-rgb),.18)}
.ru-live-stats{background:rgba(20,20,27,.70)!important;border:1px solid var(--border)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.ru-live-stats strong{color:var(--text-main)!important}.ru-live-stats .muted{color:var(--text-muted)!important}
.landing-blueprint-form textarea{background:rgba(255,255,255,.05)!important;color:var(--text-main);border-color:var(--border)}
.landing-blueprint-form textarea:focus,input:focus,textarea:focus,select:focus{border-color:rgba(var(--primary-rgb),.72);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.12)}
.founder-note,.ru-step,.error-map span{background:rgba(255,255,255,.05)!important;border-color:var(--border)!important;color:var(--text-muted)!important}
.ru-step.is-active{background:rgba(var(--primary-rgb),.16)!important;border-color:rgba(var(--primary-rgb),.62)!important;color:var(--text-main)!important;box-shadow:0 0 24px rgba(var(--primary-rgb),.12)}
.ru-step.is-done{background:rgba(var(--primary-rgb),.10)!important;border-color:rgba(var(--primary-rgb),.45)!important;color:var(--primary)!important}
.ru-mobile-sticky-cta{background:linear-gradient(135deg,#9D66FF 0%,#60A5FA 100%)!important;box-shadow:0 18px 42px rgba(var(--primary-rgb),.32)!important}
.ru-feedback-btn{background:rgba(20,20,27,.86)!important;color:var(--accent)!important;border-color:rgba(var(--accent-rgb),.36)!important}
#liveH3Count{background:rgba(var(--primary-rgb),.16)!important;color:#9D66FF!important;border-color:rgba(var(--primary-rgb),.48)!important}
@keyframes liveH3Pulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(157,102,255,.48)}55%{transform:scale(1.08);box-shadow:0 0 0 10px rgba(157,102,255,0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(157,102,255,0)}}
@keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(157,102,255, 0.42); } 70% { box-shadow: 0 0 0 10px rgba(157,102,255, 0); } 100% { box-shadow: 0 0 0 0 rgba(157,102,255, 0); } }
@keyframes ru-scan-pulse{0%{box-shadow:0 0 0 0 rgba(157,102,255,.38),0 0 40px rgba(157,102,255,.30);transform:rotate(0deg)}70%{box-shadow:0 0 0 20px rgba(157,102,255,0),0 0 40px rgba(157,102,255,.30)}100%{box-shadow:0 0 0 0 rgba(157,102,255,0),0 0 40px rgba(157,102,255,.30);transform:rotate(360deg)}}
.ru-scan-orb{background:conic-gradient(from 0deg, var(--primary) 0%, transparent 70%)!important;box-shadow:0 0 40px rgba(157,102,255,.3)}
.ru-scan-orb::after{background:var(--surface)!important;color:var(--primary)!important;border-color:rgba(var(--primary-rgb),.46)!important}
body.visitor-funnel-mode .layout{background:transparent!important}
body.visitor-funnel-mode .hero .card{position:relative;overflow:hidden}
body.visitor-funnel-mode .hero .card::before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 20% 12%,rgba(var(--primary-rgb),.24),transparent 36%),radial-gradient(circle at 82% 18%,rgba(var(--accent-rgb),.16),transparent 34%);pointer-events:none}
body.visitor-funnel-mode .hero .card>*{position:relative;z-index:1}
body.visitor-funnel-mode .topbar{background:rgba(10,10,12,.74)!important}
.landing-privacy,.ru-privacy-note{color:var(--text-muted)!important}
.feedback-panel{border-left:6px solid var(--primary)!important}

/* PH9 Mobile-first product UX additions */
button:disabled,
button.primary:disabled,
.ru-btn:disabled{
  opacity:.46!important;
  filter:grayscale(.35);
  cursor:not-allowed;
  transform:none!important;
  box-shadow:none!important;
}
.product-tier-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:20px;
}
.product-tier-card ul{padding-left:18px;line-height:1.75;color:var(--text-muted)}
.product-tier-card h3{margin:10px 0;color:var(--text-main)}
@media (max-width:1100px){.product-tier-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:760px){
  body.visitor-funnel-mode .main{padding:18px 12px!important;}
  body.visitor-funnel-mode #content{display:block!important;}
  body.visitor-funnel-mode .hero{position:static!important;}
  .hero-title{font-size:clamp(2rem,10vw,3rem)!important;}
  .product-tier-grid{grid-template-columns:1fr;}
  .card.section,.hero .card{padding:20px!important;}
  .ru-live-stats{font-size:.92rem;line-height:1.7;}
  .pricing-card span[style*="4rem"]{font-size:3rem!important;}
}


/* PH9 viewport recognition + font consistency */
:root{--ru-font-sans:'Inter','Outfit','PingFang SC','Microsoft YaHei','Noto Sans SC','Segoe UI',system-ui,sans-serif;--ru-font-display:'Inter','Outfit','PingFang SC','Microsoft YaHei','Noto Sans SC',system-ui,sans-serif;}
html,body,button,input,textarea,select{font-family:var(--ru-font-sans)!important;}
.hero-title,.brand h1,h1,h2,h3,.tag,.tag2,.stat strong,.pricing-card strong{font-family:var(--ru-font-display)!important;}
body.ru-wide.visitor-funnel-mode #content{grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);}
body.ru-wide.visitor-funnel-mode .hero{position:sticky;top:96px;align-self:start;}
body.ru-mid.visitor-funnel-mode #content,body.ru-narrow.visitor-funnel-mode #content{display:block!important;}
body.ru-narrow .topbar{padding:12px 14px;}
body.ru-narrow .brand h1{font-size:1rem;}
body.ru-narrow .brand p{font-size:.82rem;}
body.ru-narrow .ru-live-stats{font-size:.9rem;}
body.ru-narrow .landing-blueprint-form textarea{min-height:88px;}

body.ru-narrow.visitor-funnel-mode .hero, body.ru-mid.visitor-funnel-mode .hero{position:static!important;top:auto!important;}

/* PH9 phone record retrieval */
.ru-phone-row{display:flex;gap:10px;align-items:stretch}
.ru-phone-row input{flex:1;min-width:0}
.ru-phone-row button{white-space:nowrap}
.ru-record-modal{position:fixed;inset:0;z-index:3000;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.58);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.ru-record-modal.is-open{display:flex}
.ru-record-card{width:min(520px,100%);padding:24px;position:relative;border-radius:24px}
.ru-record-close{position:absolute;right:14px;top:12px;width:38px;height:38px;border-radius:999px;padding:0;font-size:24px;line-height:1}
.ru-record-card input{width:100%;margin-bottom:12px;background:rgba(255,255,255,.05)}
@media (max-width:760px){.ru-phone-row{flex-direction:column}.ru-phone-row button{width:100%}.ru-record-card{padding:20px}}

/* V8.03 PC readability and conversion fixes */
.landing-submit-row{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:20px}
#landingBlueprintHint{display:block;line-height:1.75}
.human3-start-row{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-top:22px}
.human3-ack-label{display:flex;gap:10px;align-items:center;line-height:1.8}
.feedback-panel{position:relative;z-index:3}
.hero{z-index:1}
body.ru-wide.visitor-funnel-mode .main{font-size:17px}
body.ru-wide.visitor-funnel-mode .card,body.ru-wide.visitor-funnel-mode .section{line-height:1.78}

/* PH9 visitor nav + state restore */
.ru-visitor-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0 0 18px;
  padding:10px;
  border:1px solid rgba(157,102,255,.28);
  border-radius:22px;
  background:rgba(11,11,16,.72);
  box-shadow:0 12px 32px rgba(0,0,0,.22);
  position:sticky;
  top:10px;
  z-index:50;
}
.ru-visitor-nav-left,.ru-visitor-nav-right{display:flex;align-items:center;gap:8px;min-width:0}
.ru-visitor-nav-btn{min-height:40px;padding:9px 13px!important;white-space:nowrap}
.ru-visitor-nav-btn[aria-disabled="true"],.ru-visitor-nav-btn:disabled{opacity:.42!important;cursor:not-allowed!important;filter:grayscale(.45)}
.ru-nav-icon{display:inline-flex;margin-right:4px}
@media (max-width:480px){
  .ru-visitor-nav{gap:6px;padding:8px;border-radius:18px}
  .ru-visitor-nav-left,.ru-visitor-nav-right{gap:6px}
  .ru-visitor-nav-btn{min-width:42px;padding:9px 10px!important}
  .ru-nav-text{display:none}
  .ru-nav-icon{margin-right:0}
}


/* PH11 Owner card + sidebar repair */
body.sidebar-collapsed:not(.visitor-funnel-mode) .layout{grid-template-columns:72px minmax(0,1fr);}
body.sidebar-collapsed:not(.visitor-funnel-mode) .sidebar{overflow:hidden;opacity:.82;}
body.sidebar-collapsed:not(.visitor-funnel-mode) .sidebar .item span,
body.sidebar-collapsed:not(.visitor-funnel-mode) .sidebar .item .quick-action{display:none!important;}
.ph11-owner-check-card[data-owner-only="true"]{display:block;}
body.visitor-funnel-mode [data-owner-only="true"]{display:none!important;}
.ru-protected-content{user-select:none;-webkit-user-select:none;position:relative;border:1px dashed rgba(var(--accent-rgb),.45);border-radius:18px;padding:12px;background:rgba(var(--accent-rgb),.08)}
.ru-protected-content::after{content:attr(data-watermark);position:absolute;right:12px;bottom:8px;opacity:.42;font-size:.75rem;pointer-events:none;}

/* PH12 Jane first-visitor UX: Phase A finding — first visitor felt "云里雾里" without N/13 progress or scene framing. */
.ru-progress{position:sticky;top:72px;z-index:40;margin:0 0 16px;padding:12px 14px;border:1px solid rgba(var(--primary-rgb),.34);border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 12px 28px rgba(15,23,42,.08);backdrop-filter:blur(12px)}
.ru-progress-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:900;color:var(--text)}
.ru-progress-top strong{color:var(--primary);font-size:1.05rem}.ru-progress-track{height:8px;margin-top:8px;border-radius:999px;background:rgba(var(--primary-rgb),.12);overflow:hidden}.ru-progress-track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),#60A5FA)}
.ru-progress .muted{margin:8px 0 0;font-size:.9rem}.ru-scene-header{margin:0 0 16px;padding:16px 18px;border-radius:22px;background:linear-gradient(135deg,rgba(var(--primary-rgb),.10),rgba(var(--accent-rgb),.12));border:1px solid rgba(var(--primary-rgb),.22)}
.ru-scene-header h2{margin:8px 0 6px;font-size:clamp(1.25rem,4.8vw,1.9rem)}.ru-scene-header p{margin:0;line-height:1.7}
body.theme-dark .ru-progress{background:rgba(17,24,39,.86);border-color:rgba(var(--primary-rgb),.45)}body.theme-dark .ru-scene-header{background:rgba(var(--primary-rgb),.12);border-color:rgba(var(--primary-rgb),.35)}
@media(max-width:720px){.ru-progress{top:8px;margin-bottom:14px}.ru-progress-top{font-size:.95rem}.ru-scene-header{padding:14px}}