:root {
  --bg: #070705;
  --panel: #0f0f0e;
  --panel2: #141412;
  --line: #25231f;
  --line2: #363126;
  --text: #f6f4ef;
  --muted: #85817a;
  --white: #fff;
  --accent: #ffb52e;
  --accent-2: #e89216;
  --accent-soft: rgba(255,181,46,.12);
  --green: #20d69a;
  --danger: #ff5c65;
}

body { background: var(--bg); color: var(--text); }
html,body { overflow-x:hidden; }
.grid-bg {
  background-image: linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(circle at 78% 18%,rgba(213,119,19,.18),transparent 31%);
  background-size: 52px 52px,52px 52px,auto;
  mask-image: linear-gradient(to bottom,#000 0,rgba(0,0,0,.78) 68%,transparent 100%);
}

/* Public shell */
.site-header {
  height: 66px;
  padding: 0 max(24px,calc((100vw - 1120px)/2));
  border-color: rgba(255,181,46,.1);
  background: rgba(7,7,5,.88);
}
.logo { letter-spacing: .2px; font-size: 13px; }
.logo img { border-radius: 9px; width: 31px; height: 31px; filter: drop-shadow(0 0 14px rgba(255,181,46,.18)); }
.logo>span>span { color: var(--accent); margin-left: 1px; }
.top-nav { gap: 34px; }
.top-nav a { color: #817d76; font-size: 10px; }
.top-nav a:hover { color: var(--accent); }
.system-pill { color: #aaa59c; border-color: #27251f; background: rgba(14,14,11,.9); }
.btn { border-radius: 10px; font-weight: 750; }
.btn-white { color: #171006; background: linear-gradient(135deg,#ffc14c,var(--accent)); box-shadow: 0 10px 34px rgba(230,142,15,.14), inset 0 1px rgba(255,255,255,.45); }
.btn-white:hover { background: #ffc458; box-shadow: 0 12px 40px rgba(230,142,15,.22); }
.btn-ghost { background: rgba(16,15,12,.86); border-color: #302d27; color: #c2bdb4; }
.btn-ghost:hover { border-color: #554a35; color: #fff; }
.user-chip { border-color: #312b20; background: #11100d; }

.hero {
  width: min(1120px,calc(100% - 40px));
  min-height: 680px;
  grid-template-columns: .92fr 1.08fr;
  gap: 56px;
  padding: 48px 0 60px;
}
.hero-copy { padding-top: 12px; }
.hero-tags { display: flex; gap: 8px; flex-wrap: wrap; }
.hero-tags span { padding: 7px 11px; border: 1px solid #332d23; background: rgba(20,17,12,.75); border-radius: 999px; color: #b9b2a8; font-size: 8px; font-weight: 700; }
.hero-tags span:first-child { color: #e8bc6f; border-color: rgba(255,181,46,.23); }
.hero h1 { margin: 23px 0 19px; font-size: clamp(54px,5vw,72px); line-height: .98; letter-spacing: -4.8px; font-weight: 700; }
.hero h1 span { color: var(--accent); }
.hero-copy>p { color: #a19c93; font-size: 12.5px; line-height: 1.75; max-width: 500px; }
.hero-actions { margin-top: 28px; }
.hero-actions .btn { min-width: 150px; }
.trust-row { gap: 0; border: 1px solid #28251f; border-radius: 13px; margin-top: 32px; padding: 0; width: fit-content; overflow: hidden; background: rgba(15,14,11,.75); }
.trust-row span { padding: 13px 18px; min-width: 92px; border-right: 1px solid #28251f; }
.trust-row span:last-child { border-right: 0; }
.trust-row small { display: block; color: #625e56; font-size: 5px; letter-spacing: 1.2px; margin-bottom: 5px; }
.trust-row b { color: #eee9df; font-size: 14px; margin: 0; }

.hero-product { height: 535px; }
.product-glow { width: 540px; height: 540px; background: radial-gradient(circle,rgba(214,119,21,.25),transparent 63%); filter: blur(5px); }
.module-map { position: relative; width: 100%; height: 500px; border: 1px solid #3a2d1c; border-radius: 23px; background: radial-gradient(circle at 50% 46%,rgba(212,112,15,.2),transparent 38%),linear-gradient(145deg,rgba(35,22,10,.9),rgba(12,10,7,.95)); box-shadow: 0 35px 90px #000, inset 0 1px rgba(255,202,115,.12); overflow: hidden; }
.module-map:before { content:""; position:absolute; inset: 14%; border-radius:50%; background:rgba(255,155,28,.08); filter:blur(25px); }
.module-map svg { position:absolute; inset:0; width:100%; height:100%; fill:none; stroke:rgba(255,166,46,.35); stroke-width:1.2; filter:drop-shadow(0 0 7px rgba(255,146,23,.5)); }
.module-map svg path { stroke-dasharray: 5 7; }
.module-node { position:absolute; z-index:2; width:132px; min-height:68px; padding:12px; border:1px solid #4a3420; border-radius:14px; background:rgba(24,18,12,.9); box-shadow:inset 0 1px rgba(255,255,255,.04); display:grid; grid-template-columns:26px 1fr; align-items:center; }
.module-node i { grid-row:1/3; width:24px; height:24px; display:grid; place-items:center; color:var(--accent); border-radius:8px; background:rgba(255,181,46,.09); font-style:normal; font-size:12px; }
.module-node b { font-size:9px; }
.module-node small { font-size:6px; color:#766e62; margin-top:2px; }
.node-tickets { left:28px; top:34px; }
.node-contests { right:28px; top:34px; }
.node-stats { left:28px; bottom:36px; }
.node-discord { right:28px; bottom:36px; }
.core-node { position:absolute; z-index:3; left:50%; top:47%; transform:translate(-50%,-50%); width:125px; height:125px; border:1px solid #6b451f; border-radius:25px; background:linear-gradient(145deg,#29180b,#130e09); display:flex; flex-direction:column; align-items:center; justify-content:center; box-shadow:0 0 55px rgba(217,124,20,.23),inset 0 1px rgba(255,208,132,.18); }
.core-node img { width:45px; height:45px; object-fit:contain; border-radius:12px; margin-bottom:8px; }
.core-node b { font-size:10px; color:#f0e7d9; }
.core-node small { font-size:5px; letter-spacing:.8px; color:#9a6b34; margin-top:4px; }
.code-card { z-index:5; position:absolute; right:-12px; bottom:-17px; width:390px; height:174px; border:1px solid #433524; border-radius:15px; background:rgba(14,13,11,.97); box-shadow:0 25px 65px #000; overflow:hidden; }
.code-card>div { height:38px; padding:0 13px; border-bottom:1px solid #28251f; display:flex; align-items:center; gap:5px; color:#77736d; }
.code-card>div span { width:6px; height:6px; background:#37332d; border-radius:50%; }
.code-card>div b { font-size:7px; margin-left:7px; }
.code-card>div small { margin-left:auto; color:var(--green); font-size:6px; }
.code-card code { display:block; padding:17px 20px; color:#a9a39a; font-size:9px; line-height:1.65; }
.code-card em { color:var(--accent); font-style:normal; }
.code-card strong { color:#f0c476; font-weight:500; }
.code-card mark { float:right; color:var(--green); background:rgba(32,214,154,.08); padding:3px 6px; border-radius:5px; }

.logo-strip { height:86px; border-color:#24211b; gap:52px; color:#5f5a52; background:rgba(9,9,7,.76); }
.logo-strip b { color:#9c958b; font-size:9px; }
.logo-strip span { color:#635d54; }
.section { width:min(1120px,calc(100% - 40px)); padding:105px 0; }
.section-heading>small { color:#a06b24; }
.section-heading h2 { font-size:47px; font-weight:650; }
.section-heading h2 span { color:#8b857c; }
.section-heading p { color:#888279; }
.feature-grid { gap:13px; }
.feature-card { border-color:#292620; background:linear-gradient(145deg,#11100e,#0b0b09); }
.feature-card.featured { border-color:#49351f; background:radial-gradient(circle at 90% 0,rgba(255,181,46,.13),transparent 42%),#100e0b; }
.feature-card:after { border-color:rgba(255,181,46,.08); }
.feature-icon { border-color:#3b3124; background:#17130e; color:var(--accent); }
.status.ready { color:var(--green); border-color:rgba(32,214,154,.24); background:rgba(32,214,154,.04); }
.status.soon { color:#c18b3a; border-color:rgba(255,181,46,.18); }
.feature-card p,.steps p,.price-card>p { color:#8b857c; }
.feature-card li:before,.price-card li:before { color:var(--accent); }
.how-section,.pricing-section { border-color:#201e19; }
.steps article { border-color:#393127; }
.steps article>b { color:var(--accent); }
.price-card { border-color:#3c3022; background:linear-gradient(145deg,#16120d,#0d0c09); }
.price-card.active { box-shadow:inset 0 1px rgba(255,192,83,.09); }
.price-card.roadmap { padding:36px; background:radial-gradient(circle at 100% 0,rgba(255,181,46,.13),transparent 43%),#0e0d0b; }
.roadmap h3 { margin:25px 0 12px; font-size:26px; line-height:1.15; }
.roadmap-list { display:grid; gap:9px; margin-top:26px; }
.roadmap-list span { display:flex; align-items:center; gap:10px; border-top:1px solid #2a261f; padding-top:10px; color:#aaa49b; font-size:9px; }
.roadmap-list i { color:var(--accent); font-style:normal; font-size:7px; }
.cta { background:linear-gradient(120deg,#ffc85b,#ed991b); }
.cta>img { filter:drop-shadow(0 18px 30px rgba(46,25,0,.22)); }
.cta .btn-dark { box-shadow:0 13px 28px rgba(57,30,0,.2); }
footer { border-color:#24211b; }

/* Control panel shell */
.control-panel { background:#080807; }
.control-panel .grid-bg { display:none; }
.control-panel .app-page { min-height:100vh; grid-template-columns:230px minmax(0,1fr); }
.control-panel .app-sidebar { top:0; height:100vh; padding:16px 13px 13px; border-color:#22211e; background:#0b0b0a; gap:0; z-index:40; }
.panel-brand { height:48px; display:flex; align-items:center; gap:9px; margin:0 5px 18px; text-decoration:none; color:#f4f1ec; font-size:11px; letter-spacing:.1px; font-weight:800; }
.panel-brand img { width:32px; height:32px; border-radius:9px; object-fit:contain; border:1px solid #2e2b25; }
.panel-brand b { color:var(--accent); }
.side-nav { display:flex; flex-direction:column; gap:4px; }
.control-panel .nav-caption { color:#5e5a53; font-size:6px; letter-spacing:1.4px; margin:9px 11px 7px; }
.control-panel .side-link { height:40px; padding:0 11px; border-radius:9px; color:#8f8a82; font-size:9px; font-weight:650; }
.control-panel .side-link i { font-style:normal; width:20px; color:#8e887e; font-size:13px; text-align:center; }
.control-panel .side-link:hover { color:#eeeae3; background:#13120f; }
.control-panel .side-link.active { color:var(--accent); background:linear-gradient(90deg,rgba(255,181,46,.12),rgba(255,181,46,.045)); box-shadow:inset 3px 0 var(--accent); }
.control-panel .side-link.active i { color:var(--accent); }
.control-panel .side-link.disabled { opacity:.38; }
.control-panel .side-link b { margin-left:auto; font-size:5px; color:#9d7b45; border-color:#473a27; }
.server-switcher { display:grid; grid-template-columns:34px minmax(0,1fr) 12px; align-items:center; gap:8px; margin:0 2px 13px; padding:8px; border:1px solid #282620; border-radius:10px; text-decoration:none; color:#eee; background:#0f0f0d; }
.server-switcher>span { width:34px; height:34px; display:grid; place-items:center; border-radius:8px; background:var(--accent); color:#161006; font-size:12px; font-weight:800; overflow:hidden; }
.server-switcher img { width:100%; height:100%; object-fit:cover; }
.server-switcher div { min-width:0; }
.server-switcher small,.server-switcher b { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.server-switcher small { color:#605c55; font-size:5px; letter-spacing:.8px; margin-bottom:3px; }
.server-switcher b { font-size:8px; }
.server-switcher>i { color:#625e56; font-style:normal; }
.sidebar-health { min-height:54px; margin:8px 0; padding:9px; border:1px solid #27251f; border-radius:10px; background:#10100e; display:flex; align-items:center; gap:9px; }
.sidebar-health>i { width:27px; height:27px; display:grid; place-items:center; border-radius:7px; background:#171714; border:1px solid #302d26; color:#bbb5ab; font-style:normal; }
.sidebar-health span { min-width:0; }
.sidebar-health b,.sidebar-health small { display:block; white-space:nowrap; }
.sidebar-health b { font-size:7px; color:#d7d2ca; }
.sidebar-health small { color:#6f6a62; font-size:5px; margin-top:3px; }
.sidebar-health em { display:inline-block; width:4px; height:4px; margin-right:5px; background:var(--green); border-radius:50%; box-shadow:0 0 6px var(--green); }
.sidebar-health em.off { background:var(--danger); box-shadow:none; }
.sidebar-user { min-height:48px; display:flex; align-items:center; gap:8px; padding:7px; border:1px solid #24221e; border-radius:10px; background:#0e0e0c; }
.sidebar-user>img { width:30px; height:30px; border-radius:8px; object-fit:cover; }
.sidebar-user>span { min-width:0; flex:1; }
.sidebar-user b,.sidebar-user small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sidebar-user b { font-size:7px; }
.sidebar-user small { font-size:5px; color:#68635c; margin-top:3px; }
.sidebar-user form { display:block; }
.sidebar-user button,.sidebar-user>a { width:25px; height:25px; display:grid; place-items:center; color:#7f796f; background:transparent; border:0; text-decoration:none; cursor:pointer; }

.control-panel .app-content { padding:32px clamp(24px,3.5vw,56px) 70px; }
.control-panel .server-content,.control-panel .dashboard-content,.control-panel .admin-content { max-width:1500px; width:100%; margin:0 auto; }
.control-panel .panel-heading { margin-bottom:23px; padding-bottom:22px; border-bottom:1px solid #211f1b; }
.control-panel .panel-heading .kicker { color:#6d675f; font-size:7px; letter-spacing:.8px; text-transform:none; }
.control-panel .panel-heading h1 { margin:6px 0 5px; font-size:31px; letter-spacing:-1.5px; font-weight:650; }
.control-panel .panel-heading p { color:#777169; font-size:8px; }
.control-panel .live-status,.control-panel .bot-status { border-color:rgba(32,214,154,.18); background:rgba(32,214,154,.045); color:#4ee0ad; }
.control-panel .live-status:not(.online) { color:#b87878; border-color:rgba(255,92,101,.2); background:rgba(255,92,101,.04); }
.account-strip { min-height:73px; margin-bottom:17px; padding:15px 18px; border:1px solid #27241e; border-radius:13px; background:radial-gradient(circle at 80% 0,rgba(255,181,46,.09),transparent 32%),#10100e; display:flex; align-items:center; justify-content:space-between; }
.account-strip small,.account-strip b { display:block; }
.account-strip small { color:#6e685f; font-size:6px; letter-spacing:1.1px; margin-bottom:4px; }
.account-strip b { font-size:15px; }
.account-strip>span { color:#8c867d; font-size:7px; border:1px solid #302c24; border-radius:999px; padding:7px 10px; }
.account-strip>span i { display:inline-block; width:5px; height:5px; background:var(--green); border-radius:50%; margin-right:6px; }

.control-panel .guild-grid { grid-template-columns:repeat(3,minmax(220px,1fr)); gap:11px; }
.control-panel .guild-card { padding:17px; border-color:#292620; border-radius:13px; background:linear-gradient(145deg,#11110f,#0e0e0c); }
.control-panel .guild-card:hover { border-color:#493921; transform:translateY(-1px); }
.control-panel .guild-avatar { background:var(--accent); color:#171006; }
.control-panel .installed.yes { color:var(--green); }
.server-empty>div { width:46px; height:46px; margin:0 auto 16px; border:1px solid #3f3628; background:var(--accent-soft); color:var(--accent); border-radius:13px; display:grid; place-items:center; font-size:22px; }

.control-panel .overview-metrics { gap:10px; margin-bottom:10px; }
.control-panel .overview-metrics article { min-height:142px; padding:16px; border:1px solid #292620; border-radius:12px; background:#11110f; }
.reference-metrics { grid-template-columns:repeat(3,1fr); }
.metric-top { display:flex; align-items:center; justify-content:space-between; }
.metric-top>span { color:#7f7971; font-size:8px; }
.metric-top>i { width:30px; height:30px; border-radius:8px; display:grid; place-items:center; background:#181713; border:1px solid #2c2922; color:#aaa39a; font-style:normal; }
.reference-metrics article:first-child .metric-top>i { background:var(--accent); color:#181006; border-color:var(--accent); }
.control-panel .reference-metrics article>b { font-size:34px; margin:7px 0 0; }
.reference-metrics article>small { color:#6e6860; font-size:7px; }
.reference-metrics article>a { height:30px; margin-top:10px; border-radius:7px; background:var(--accent); color:#171006; display:flex; align-items:center; justify-content:center; text-decoration:none; font-size:7px; font-weight:800; }
.reference-metrics article>a strong { margin-left:auto; padding-right:10px; }
.metric-progress { height:4px; border-radius:4px; background:#2a2720; overflow:hidden; margin-top:18px; }
.metric-progress i { display:block; min-width:7%; height:100%; border-radius:4px; background:var(--accent); }
.control-panel .panel-card { border-color:#292620; background:#11110f; border-radius:13px; }
.module-health { margin-bottom:10px; padding:16px; }
.control-panel .panel-card-title small { color:#756d61; }
.control-panel .panel-card-title h2 { font-size:12px; margin:4px 0; }
.control-panel .panel-card-title p { color:#68635b; font-size:7px; }
.health-summary { color:var(--green); border:1px solid rgba(32,214,154,.18); background:rgba(32,214,154,.05); border-radius:8px; padding:7px 9px; font-size:6px; }
.health-summary i { display:inline-block; width:4px; height:4px; background:var(--green); border-radius:50%; margin-right:5px; }
.health-modules { display:grid; grid-template-columns:repeat(4,1fr); gap:6px; margin-top:13px; }
.health-modules>a,.health-modules>span { min-width:0; padding:10px; border:1px solid #27251f; border-radius:8px; background:#0e0e0c; text-decoration:none; color:#eeeae3; display:grid; grid-template-columns:1fr auto; }
.health-modules span>span,.health-modules a>span { font-size:8px; font-weight:700; }
.health-modules span>span i,.health-modules a>span i { display:inline-block; width:4px; height:4px; background:var(--green); border-radius:50%; margin-right:6px; }
.health-modules small { color:#676159; font-size:6px; margin-top:4px; }
.health-modules b { grid-column:2; grid-row:1/3; align-self:center; color:#9a5b5e; background:rgba(255,92,101,.07); border:1px solid rgba(255,92,101,.16); border-radius:6px; padding:5px; font-size:5px; }
.health-modules b.ready { color:var(--green); border-color:rgba(32,214,154,.18); background:rgba(32,214,154,.05); }
.reference-grid { grid-template-columns:minmax(0,1.45fr) minmax(260px,.75fr); gap:10px; }
.control-panel .readiness-card,.control-panel .resource-card { padding:17px; }
.readiness-visual { min-height:145px; display:flex; align-items:center; gap:28px; }
.readiness-ring { width:104px; height:104px; flex:0 0 auto; border:10px solid #2c2923; border-top-color:var(--accent); border-right-color:var(--accent); border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; transform:rotate(-45deg); }
.readiness-ring>* { transform:rotate(45deg); }
.readiness-ring.complete { border-color:var(--accent); box-shadow:0 0 28px rgba(255,181,46,.08); }
.readiness-ring b { font-size:24px; }
.readiness-ring small { color:#6c665e; font-size:6px; }
.readiness-lines { flex:1; display:grid; gap:15px; }
.readiness-lines span { display:grid; grid-template-columns:10px 1fr; }
.readiness-lines i { grid-row:1/3; width:7px; height:7px; margin-top:3px; border:1px solid #4b453c; border-radius:50%; }
.readiness-lines i.done { border-color:var(--green); background:var(--green); box-shadow:0 0 8px rgba(32,214,154,.4); }
.readiness-lines b { font-size:8px; }
.readiness-lines small { color:#68625a; font-size:6px; margin-top:3px; }
.card-symbol { color:var(--accent); font-style:normal; font-size:17px; }
.control-panel .resource-counts span { border-color:#28251f; background:#0e0e0c; }
.control-panel .resource-counts b { color:var(--accent); }
.control-panel .activity-card { margin-top:10px; padding:17px; }
.control-panel .clean-activity { border-color:#28251f; }
.control-panel .clean-activity>div { border-color:#24221d; }

/* Existing builders, forms and admin surfaces */
.control-panel .builder-guide,.control-panel .table-card,.control-panel .admin-control,.control-panel .config-card,.control-panel .preview-card,.control-panel .metric-card,.control-panel .action-log { border-color:#292620; background:#11110f; }
.control-panel input,.control-panel select,.control-panel textarea { background:#0d0d0b !important; border-color:#302d26 !important; color:#e9e5de !important; }
.control-panel input:focus,.control-panel select:focus,.control-panel textarea:focus { border-color:#745226 !important; box-shadow:0 0 0 3px rgba(255,181,46,.06); }
.control-panel .switch input:checked+span { background:var(--accent); }
.control-panel .switch input:checked+span:after { background:#191107; }
.control-panel .custom-panel-card:hover { border-color:#5a4124; }
.control-panel .custom-panel-icon { background:var(--accent-soft); color:var(--accent); }
.control-panel .command-pill { color:var(--accent); border-color:#493820; background:var(--accent-soft); }
.control-panel .modern-row { border-color:#28251f; }
.control-panel .modern-row strong { color:var(--accent); }
.control-panel .admin-metrics { gap:10px; }
.control-panel .admin-metrics article { position:relative; border-color:#292620; background:#11110f; overflow:hidden; }
.control-panel .admin-metrics article>i { position:absolute; right:15px; top:15px; color:#6c665c; font-style:normal; }
.control-panel .admin-metrics article:first-child>i { color:var(--accent); }
.control-panel .admin-control>div { display:flex; align-items:center; gap:11px; }
.control-icon { width:34px; height:34px; border-radius:9px; display:grid; place-items:center; color:var(--accent); background:var(--accent-soft); border:1px solid #42341f; }
.control-panel .table-head,.control-panel .data-row { border-color:#25231e; }
.control-panel .data-avatar { background:#211a10; color:var(--accent); }
.control-panel .connect-banner { border-color:#564021; background:rgba(255,181,46,.065); }
.flash { background:#14130f; border-color:#393328; }

@media (max-width: 1100px) {
  .hero { grid-template-columns:1fr; padding-top:80px; }
  .hero-copy { text-align:left; max-width:650px; margin:auto; }
  .hero-copy>p { margin-left:0; }
  .hero-actions,.trust-row { justify-content:flex-start; }
  .hero-product { width:min(610px,100%); margin:auto; }
  .control-panel .guild-grid { grid-template-columns:repeat(2,1fr); }
  .health-modules { grid-template-columns:repeat(2,1fr); }
}

@media (max-width: 760px) {
  .site-header { height:60px; }
  .site-header .header-actions { margin-left:auto; }
  .site-header .btn.small { min-width:76px; }
  .hero { padding:48px 0 30px; min-height:auto; }
  .hero,.hero-copy,.hero-product,.module-map { min-width:0; max-width:100%; }
  .hero-copy { width:100%; text-align:left; }
  .hero h1 { font-size:48px; line-height:1; letter-spacing:-3px; }
  .hero-copy>p { font-size:11px; }
  .hero-actions { flex-direction:column; }
  .hero-actions .btn { width:100%; }
  .trust-row { width:100%; display:grid; grid-template-columns:1fr 1fr; }
  .trust-row span { min-width:0; border-bottom:1px solid #28251f; }
  .hero-product { height:390px; }
  .module-map { height:360px; }
  .module-node { width:104px; min-height:54px; padding:8px; grid-template-columns:22px 1fr; }
  .module-node i { width:19px; height:19px; }
  .node-tickets,.node-stats { left:10px; }
  .node-contests,.node-discord { right:10px; }
  .node-tickets,.node-contests { top:18px; }
  .node-stats,.node-discord { bottom:18px; }
  .core-node { width:96px; height:96px; }
  .core-node img { width:34px; height:34px; }
  .code-card { right:6px; bottom:-14px; width:270px; max-width:calc(100% - 12px); height:145px; }
  .code-card code { font-size:7px; }
  .logo-strip { justify-content:flex-start; padding:0 16px; gap:25px; }
  .section-heading h2 { font-size:36px; }
  .cta { background:linear-gradient(150deg,#ffc75a,#e98d12); }

  .control-panel .app-page { display:block; }
  .control-panel .app-sidebar { position:sticky; top:0; height:59px; padding:7px 10px; border-right:0; border-bottom:1px solid #27251f; flex-direction:row; align-items:center; overflow:visible; backdrop-filter:none; }
  .panel-brand { margin:0 auto 0 0; height:42px; }
  .panel-brand span { display:block !important; }
  .server-switcher { display:flex; width:42px; height:42px; margin:0 5px 0 0; padding:4px; border:0; background:transparent; }
  .server-switcher>span { width:34px; flex:0 0 34px; }
  .server-switcher div,.server-switcher>i { display:none; }
  .control-panel .side-nav { position:fixed; z-index:50; left:0; right:0; bottom:0; height:58px; padding:7px 8px; background:rgba(11,11,10,.96); backdrop-filter:blur(16px); border-top:1px solid #292620; flex-direction:row; justify-content:space-around; }
  .control-panel .nav-caption,.control-panel .side-link.disabled { display:none; }
  .control-panel .side-link { width:auto; height:43px; flex:1; padding:0 6px; flex-direction:column; justify-content:center; gap:2px; font-size:6px; }
  .control-panel .side-link span { display:block; }
  .control-panel .side-link i { font-size:12px; }
  .control-panel .side-link.active { box-shadow:inset 0 -2px var(--accent); }
  .control-panel .side-spacer,.sidebar-health { display:none; }
  .sidebar-user { width:40px; height:40px; min-height:0; padding:4px; border:0; background:transparent; }
  .sidebar-user>img { width:32px; height:32px; }
  .sidebar-user>span,.sidebar-user form,.sidebar-user>a { display:none; }
  .control-panel .app-content { padding:25px 13px 82px; }
  .control-panel .panel-heading { align-items:flex-start; }
  .control-panel .panel-heading h1 { font-size:25px; }
  .control-panel .panel-heading p { max-width:250px; }
  .reference-metrics { grid-template-columns:1fr; }
  .control-panel .overview-metrics article { min-height:128px; }
  .health-modules { grid-template-columns:1fr; }
  .reference-grid { grid-template-columns:1fr; }
  .control-panel .guild-grid { grid-template-columns:1fr; }
  .readiness-visual { gap:18px; }
  .readiness-ring { width:88px; height:88px; }
  .control-panel .admin-metrics { grid-template-columns:1fr 1fr; }
  .control-panel .admin-control { align-items:center; }
}

/* Readability pass: comfortable sizes for real screens */
body { font-size:16px; line-height:1.55; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
.logo { font-size:15px; }
.top-nav a { font-size:13px; }
.system-pill { font-size:11px; padding:8px 12px; }
.user-chip { font-size:12px; }
.btn { min-height:44px; font-size:13px; line-height:1.2; }
.hero-tags span { font-size:11px; padding:8px 12px; }
.hero-copy>p { max-width:560px; font-size:16px; line-height:1.75; color:#b1aba2; }
.trust-row small { font-size:8px; }
.trust-row b { font-size:18px; }
.module-node { width:145px; min-height:76px; }
.module-node b { font-size:12px; }
.module-node small { font-size:9px; color:#918779; }
.core-node b { font-size:12px; }
.core-node small { font-size:8px; }
.code-card>div b { font-size:10px; }
.code-card>div small { font-size:9px; }
.code-card code { font-size:11px; }
.logo-strip span { font-size:9px; }
.logo-strip b { font-size:12px; }
.section-heading>small { font-size:10px; }
.section-heading p { max-width:560px; font-size:15px; line-height:1.75; }
.feature-card h3 { font-size:22px; }
.feature-card p { font-size:15px; line-height:1.7; }
.feature-card li,.price-card li { font-size:13px; }
.status { font-size:9px; }
.steps article>b { font-size:11px; }
.steps h3 { font-size:19px; }
.steps p { font-size:14px; }
.price-card>span { font-size:10px; }
.price-card>p { font-size:14px; }
.price { font-size:40px; }
.price small { font-size:12px; }
.roadmap-list span { font-size:13px; }
.roadmap-list i { font-size:10px; }
.cta p { font-size:15px; }
footer p,footer>small { font-size:12px; }

.control-panel { font-size:14px; }
.control-panel .app-page { grid-template-columns:250px minmax(0,1fr); }
.panel-brand { font-size:14px; }
.control-panel .nav-caption { font-size:9px; }
.control-panel .side-link { min-height:44px; font-size:13px; }
.control-panel .side-link i { font-size:15px; }
.control-panel .side-link b { font-size:8px; }
.server-switcher small { font-size:8px; }
.server-switcher b { font-size:12px; }
.sidebar-health b,.sidebar-user b { font-size:11px; }
.sidebar-health small,.sidebar-user small { font-size:9px; }
.control-panel .panel-heading .kicker { font-size:10px; }
.control-panel .panel-heading h1 { font-size:38px; line-height:1.1; }
.control-panel .panel-heading p { font-size:13px; line-height:1.55; color:#99938a; }
.control-panel .live-status,.control-panel .bot-status { font-size:11px; }
.account-strip small { font-size:9px; }
.account-strip b { font-size:18px; }
.account-strip>span { font-size:11px; }
.control-panel .guild-copy h3 { font-size:15px; }
.control-panel .guild-copy span,.control-panel .installed { font-size:11px; }
.metric-top>span { font-size:12px; }
.reference-metrics article>small { font-size:10px; }
.reference-metrics article>a { min-height:38px; font-size:11px; }
.control-panel .panel-card-title small { font-size:9px; }
.control-panel .panel-card-title h2 { font-size:18px; }
.control-panel .panel-card-title p { font-size:12px; line-height:1.5; }
.health-summary { font-size:10px; }
.health-modules span>span,.health-modules a>span { font-size:12px; }
.health-modules small { font-size:9px; }
.health-modules b { font-size:8px; padding:6px 8px; }
.readiness-ring small { font-size:9px; }
.readiness-lines b { font-size:12px; }
.readiness-lines small { font-size:9px; }
.control-panel .resource-counts span { font-size:10px; }
.control-panel .resource-counts b { font-size:22px; }
.control-panel .clean-activity b { font-size:12px; }
.control-panel .clean-activity span,.control-panel .clean-activity p { font-size:10px; }
.control-panel .admin-metrics small { font-size:9px; }
.control-panel .admin-control h3 { font-size:14px; }
.control-panel .admin-control p { font-size:11px; }
.control-panel .table-head h2 { font-size:15px; }
.control-panel .table-head span { font-size:10px; }
.control-panel .data-row b { font-size:12px; }
.control-panel .data-row small,.control-panel .date { font-size:9px; }
.control-panel .builder-guide b,.control-panel .custom-panel-card h2 { font-size:14px; }
.control-panel .builder-guide small,.control-panel .custom-panel-card p,.control-panel .custom-panel-metrics { font-size:11px; }
.control-panel .modern-row { font-size:12px; }
.control-panel .modern-row.head { font-size:10px; }
.control-panel .modern-row small { font-size:10px; }
.control-panel label,.control-panel .clean-form-grid label,.control-panel .single-select { font-size:12px; }
.control-panel input,.control-panel select,.control-panel textarea { font-size:13px !important; line-height:1.5; }
.control-panel .editor-kicker { font-size:10px; }
.control-panel .editor-header p { font-size:13px; }
.control-panel .builder-step-nav b { font-size:12px; }
.control-panel .builder-step-nav small { font-size:9px; }
.control-panel .builder-section-head small { font-size:10px; }
.control-panel .builder-section-head p,.control-panel .subsection-title p,.control-panel .inline-title p { font-size:11px !important; }
.control-panel .button-editor-summary b { font-size:12px; }
.control-panel .button-editor-summary small { font-size:9px; }
.control-panel .check-item b { font-size:11px; }
.control-panel .check-item small { font-size:9px; }

@media (max-width:760px) {
  body { font-size:15px; }
  .site-header .btn.small { min-width:88px; font-size:12px; }
  .hero-tags span { font-size:10px; }
  .hero-copy>p { font-size:15px; line-height:1.7; }
  .trust-row small { font-size:8px; }
  .trust-row b { font-size:17px; }
  .module-node { width:112px; min-height:62px; }
  .module-node b { font-size:10px; }
  .module-node small { font-size:8px; }
  .core-node b { font-size:10px; }
  .core-node small { font-size:7px; }
  .code-card code { font-size:10px; }
  .logo-strip b { font-size:11px; }
  .section-heading p,.feature-card p { font-size:14px; }
  .control-panel .app-page { display:block; }
  .control-panel .side-link { min-height:43px; font-size:9px; }
  .control-panel .panel-heading h1 { font-size:29px; }
  .control-panel .panel-heading p { max-width:280px; font-size:12px; }
  .control-panel .overview-metrics article { min-height:150px; }
}

/* Readability refinement: centered actions and stronger supporting text */
.control-panel .app-content p,
.control-panel .app-content small {
  color:#a6a097;
  line-height:1.55;
}
.control-panel .app-content p { font-size:13px; }
.control-panel .app-content small { font-size:11px; }
.control-panel .panel-heading p { color:#b3ada4; font-size:14px; }
.control-panel .panel-heading .kicker,
.control-panel .panel-card-title small,
.control-panel .editor-kicker {
  color:#a49b8e;
  font-size:11px;
  letter-spacing:.1em;
}
.control-panel .metric-top>span {
  color:#b2aca3;
  font-size:13px;
  font-weight:600;
}
.control-panel .reference-metrics article {
  min-height:162px;
  padding:18px;
}
.control-panel .reference-metrics article>small {
  display:block;
  min-height:18px;
  color:#aaa49a;
  font-size:11px;
}
.control-panel .reference-metrics article>a {
  position:relative;
  min-height:42px;
  padding:0 40px;
  justify-content:center;
  text-align:center;
  font-size:12px;
  line-height:1.2;
}
.control-panel .reference-metrics article>a strong {
  position:absolute;
  right:14px;
  top:50%;
  margin:0;
  padding:0;
  transform:translateY(-50%);
  font-size:14px;
}
.control-panel .btn,
.control-panel button {
  text-align:center;
}
.control-panel .btn { justify-content:center; font-size:13px; }
.control-panel .health-modules small,
.control-panel .readiness-lines small,
.control-panel .clean-activity span,
.control-panel .data-row small {
  color:#9f998f;
}
.control-panel .panel-card-title h2,
.control-panel .health-modules span>span,
.control-panel .readiness-lines b {
  color:#f4f1eb;
}
.feature-card p,.steps p,.price-card>p,.section-heading p { color:#a9a39a; }

@media (max-width:760px) {
  .control-panel .reference-metrics article { min-height:164px; }
  .control-panel .reference-metrics article>a { width:100%; font-size:12px; }
  .control-panel .app-content p { font-size:13px; }
  .control-panel .app-content small { font-size:11px; }
}