:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f6edf4;background:#0b0910}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 650px 380px at 78% 5%,#3a1c3e80,transparent),radial-gradient(ellipse 420px 440px at -12% 42%,#42203d44,transparent),#0b0910}.shell{max-width:1030px;margin:auto;padding:0 22px}.topbar{padding:28px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff18}.brand{display:flex;gap:12px;align-items:center}.brand strong{display:block;letter-spacing:1.8px;font-size:13px}.brand small{display:block;color:#ad93ae;font-size:10px;letter-spacing:2px;margin-top:3px}.logo{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:#e488cc;color:#271322;font-size:27px;box-shadow:0 0 36px #df75bf36}.badge{font-size:10px;letter-spacing:1.2px;border:1px solid #bd7da344;color:#dda9d4;padding:9px 12px;border-radius:50px}.dot{display:inline-block;background:#7beaaf;border-radius:100%;width:7px;height:7px;margin-right:7px}.hero{padding:77px 0 45px;max-width:700px}.eyebrow{color:#f09bd2;font-size:11px;font-weight:750;letter-spacing:2.2px}.hero h1{font-size:clamp(37px,6vw,65px);line-height:1.08;letter-spacing:-2.4px;font-weight:780;margin:22px 0}.hero em{font-style:normal;color:#e994cf}.lead{font-size:16px;line-height:1.8;color:#ae9daa;max-width:630px}.steps{display:flex;flex-wrap:wrap;gap:9px;margin:7px 0 44px}.steps span{background:#18121d;border:1px solid #ffffff11;border-radius:40px;padding:10px 16px;color:#bbaaba;font-size:12px}.steps b{color:#ea96cd;margin-right:5px}.section{margin:26px 0 36px}.sectiontitle{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.sectiontitle h2{margin:0;font-size:19px;letter-spacing:-.4px}.muted{color:#8f8190;font-size:12px}.nodes{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:14px}.node{width:100%;border:1px solid #332437;border-radius:16px;padding:18px;text-align:left;background:linear-gradient(125deg,#211726,#16101c);color:inherit;cursor:pointer;transition:.16s;min-height:166px}.node:hover:not(:disabled){border-color:#e999d0;transform:translateY(-1px)}.node.selected{outline:2px solid #df80bb;border-color:#df80bb;background:#2c1c30}.node:disabled{opacity:.63;cursor:not-allowed}.nodehead,.nodebottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.serverName{font-size:16px;font-weight:700}.chip{border-radius:30px;padding:5px 9px;font-size:10px;font-weight:650;background:#244334;color:#a8f3c6}.chip.bad{background:#49252d;color:#ffa7ad}.nodedesc{font-size:12px;color:#a793a8;margin:18px 0 10px}.meter{height:6px;border-radius:20px;overflow:hidden;background:#463248}.meter>span{display:block;background:linear-gradient(90deg,#cb65bb,#ed9dcf);height:100%;border-radius:20px}.nodebottom{margin-top:13px;color:#b09eaf;font-size:12px}.empty{padding:22px;background:#211726;border-radius:13px;color:#a38e9f}.connect{border:1px solid #3b2a3d;border-radius:18px;padding:26px;background:linear-gradient(120deg,#211529,#16111b)}label{display:block;font-size:12px;font-weight:650;color:#e5cadb;margin:24px 0 10px}.pairbox{display:flex;gap:12px}input{width:100%;min-width:0;padding:15px 16px;border:1px solid #52394c;border-radius:10px;background:#0e0b11;color:white;font-size:16px;outline:0}input:focus{border-color:#e799cb}button{border:0;border-radius:10px;background:#e991ca;color:#24131f;font-weight:750;padding:13px 20px;cursor:pointer;white-space:nowrap}button:hover:not(:disabled){background:#f4b0da}button:disabled{opacity:.45;cursor:not-allowed}.hint{font-size:12px;color:#8f8290}.notice{margin-top:18px;padding:14px 16px;border:1px solid #775477;border-radius:10px;background:#3a2340;color:#f2cce5;font-size:13px;line-height:1.55}.codebox{margin-top:22px;border:1px solid #ad6396;background:#321b31;border-radius:13px;padding:22px;text-align:center}.codebox p{color:#d6b5ca;font-size:13px}.codebox strong{display:block;margin:16px 0;font-size:40px;letter-spacing:5px;color:#fff}.codebox small{display:block;color:#aa8c9e;margin-top:10px}footer{padding:28px 0 45px;border-top:1px solid #ffffff12;display:flex;justify-content:space-between;gap:20px;align-items:center;color:#ab8eaa;font-size:12px}footer strong{color:#e9a5d1}@media(max-width:610px){.hero{padding:48px 0 27px}.badge{font-size:8px}.pairbox{flex-direction:column}.pairbox button{width:100%}.connect{padding:17px}.sectiontitle h2{font-size:17px}.sectiontitle .muted{font-size:10px}footer{flex-direction:column;text-align:center}.codebox strong{font-size:31px;letter-spacing:3px}}


/* Reportes de errores */
.report-section{border:1px solid #433047;border-radius:18px;padding:24px;background:linear-gradient(120deg,#211529,#17111c)}
.report-intro{color:#ba9eb8;line-height:1.6;font-size:14px}
.report-form{display:grid;gap:0}
.report-form input,.report-form textarea,.report-form select,
.admin-toolbar select{width:100%;border:1px solid #52394c;border-radius:10px;background:#0e0b11;color:#f6edf4;font:inherit;font-size:15px;padding:14px 16px;outline:none}
.report-form textarea{min-height:90px;resize:vertical;line-height:1.5}
.report-form select:focus,.report-form textarea:focus{border-color:#e799cb}
.report-form label{margin-top:18px}
.report-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.report-form>button{margin-top:20px}
.report-form .hint{margin:10px 0 0}
@media(max-width:610px){.report-section{padding:17px}.report-two{grid-template-columns:1fr;gap:0}}

/* Distribución automática Multi-VPS */
.auto-node{background:linear-gradient(125deg,#34213b,#201425);border:1px solid #ce8abb}
.auto-node .serverName{color:#f5c8e5}
.node-resources{font-size:11px;color:#bcaac5;margin:10px 0 4px;line-height:1.5}


/* Corrección responsive: los botones heredan white-space:nowrap del estilo global.
   Esa regla impedía partir las descripciones y hacía salir el texto de las tarjetas. */
.nodes{grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr))}
.nodes .node{
  min-width:0;
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
}
.nodes .nodehead{
  min-width:0;
  align-items:flex-start;
  flex-wrap:wrap;
}
.nodes .serverName{
  min-width:0;
  flex:1 1 170px;
  white-space:normal;
  overflow-wrap:anywhere;
  line-height:1.35;
}
.nodes .chip{
  flex:0 1 auto;
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
  text-align:center;
}
.nodes .nodedesc,
.nodes .node-resources,
.nodes .nodebottom{
  min-width:0;
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
  line-height:1.55;
}
.nodes .nodebottom{flex-wrap:wrap}
@media(max-width:610px){
  .nodes{grid-template-columns:minmax(0,1fr)}
  .nodes .node{padding:16px}
  .nodes .serverName{flex-basis:160px}
}


/* Estadísticas públicas del clúster (sólo VPS con heartbeat reciente). */
.cluster-stats{margin:4px 0 42px}
.cluster-stats-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:13px;color:#ecd7e7;font-size:13px}
.cluster-stats-title .muted{margin-left:auto}
.cluster-live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#6de6ab;box-shadow:0 0 0 4px #6de6ab15}
.cluster-stats-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:12px}
.cluster-stat{min-width:0;padding:20px 19px;border:1px solid #49304b;border-radius:16px;background:linear-gradient(145deg,#25172a,#16101c);display:flex;flex-direction:column;gap:9px}
.cluster-stat-main{background:linear-gradient(140deg,#39213a,#201325);border-color:#b66b9c88}
.cluster-stat-label{font-size:13px;color:#e8c7dc;font-weight:650;line-height:1.35}
.cluster-stat-value{font-size:clamp(31px,4.5vw,46px);line-height:1.12;letter-spacing:-1.5px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.cluster-stat-main .cluster-stat-value{color:#f6bae0}
.cluster-stat small{font-size:11px;color:#b59dac;line-height:1.5}
.cluster-stats-note{color:#a790a3;font-size:11px;margin:11px 2px 0}
.cluster-stats-offline{color:#d9adbc}
@media(max-width:610px){.cluster-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cluster-stat-main{grid-column:span 2}.cluster-stat{padding:17px 15px}.cluster-stat-main .cluster-stat-value{font-size:44px}.cluster-stats-title .muted{margin-left:0}}


/* ─── Tochibana Hikari · navegación por secciones ──────────── */
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{background:radial-gradient(ellipse 800px 600px at 80% -10%,#51204b55,transparent),radial-gradient(ellipse 500px 800px at -15% 40%,#37204255,transparent),#0c0913;color:#f8f0fa}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #f0a4de;outline-offset:3px}
.site-wrap{min-height:100vh;display:flex;flex-direction:column}
.site-header{position:sticky;top:0;z-index:20;background:#120c1be8;backdrop-filter:blur(18px);border-bottom:1px solid #9d5aa044;box-shadow:0 8px 32px #0004}
.header-inner{max-width:1240px;margin:auto;min-height:82px;padding:0 26px;display:flex;justify-content:space-between;align-items:center;gap:30px}
.site-brand{display:inline-flex;gap:12px;align-items:center;min-width:0;flex-shrink:0}
.site-brand-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(140deg,#ed9acb,#b95cdc);font-size:30px;color:#2b1030;box-shadow:0 0 25px #a844af55}
.site-brand strong{display:block;font-size:18px;letter-spacing:.3px;line-height:1.1;color:#fbe8f4}
.site-brand small{display:block;color:#c6a3c6;font-size:10px;letter-spacing:1.3px;margin-top:5px}
.main-nav{display:flex;gap:6px;align-items:center}
.main-nav .nav-link{display:inline-flex;gap:6px;align-items:center;padding:12px 16px;border-radius:12px;white-space:nowrap;font-size:13px;color:#dfc9e2;font-weight:700;border:1px solid transparent;transition:background .15s}
.main-nav .nav-link:hover{background:#af61a922;color:white}
.main-nav .nav-link.active{background:linear-gradient(120deg,#a845ba,#d956b9);border-color:#f4a2e37d;box-shadow:0 0 18px #c858ab66;color:white}
.site-main{max-width:1240px;margin:0 auto;width:100%;padding:38px 26px 72px;flex:1}
.site-main > [data-page]{animation:hikari-fade .2s ease-out}
@keyframes hikari-fade{from{opacity:.75;transform:translateY(6px)}to{opacity:1;transform:none}}
.eyebrow{display:block;color:#f2a6dc;font-size:11px;font-weight:800;letter-spacing:1.7px}
.pill{padding:10px 14px;border:1px solid #b56aaa77;border-radius:999px;background:#6a27654d;width:fit-content;letter-spacing:.5px}
.landing-hero,.inner-hero{position:relative;display:grid;grid-template-columns:1.1fr .85fr;gap:30px;overflow:hidden;border:1px solid #97588a77;border-radius:26px;background:linear-gradient(125deg,#28152f,#151021 64%,#411a47);box-shadow:0 17px 55px #0006,inset 0 0 45px #9d459719}
.landing-hero{min-height:435px}
.landing-copy{position:relative;z-index:2;padding:53px 0 42px 45px;align-self:center}
.landing-copy h1,.inner-hero h1,.guide-intro h1{font-weight:850;letter-spacing:-2px;font-size:clamp(39px,5.2vw,66px);line-height:1.08;margin:23px 0 10px}
.landing-copy h1 em,.inner-hero h1 em,.guide-intro h1 em{font-style:normal;color:#f29cd4;text-shadow:0 0 20px #d64bba55}
.hero-kicker{font-weight:800;color:#e5bae0;font-size:17px;margin:0 0 12px}
.landing-copy .lead{font-size:14px;line-height:1.8;color:#d4bbd0;margin:0;max-width:570px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.button-primary,.button-outline{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 21px;border-radius:12px;font-size:14px;font-weight:800;transition:transform .16s,filter .16s;line-height:1.25;white-space:normal;text-align:center}
.button-primary{background:linear-gradient(110deg,#c741ac,#e784d6);box-shadow:0 0 23px #c848ad55;color:#1a1020}
.button-outline{border:1px solid #bd7cb5;background:#301d35;color:#f2d6ef}
.button-primary:hover,.button-outline:hover{transform:translateY(-2px);filter:brightness(1.13)}
.hero-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:23px}
.hero-tags span{padding:7px 9px;border-radius:40px;background:#d283c31c;color:#ddbdd9;font-size:11px;border:1px solid #d283c326}
.hero-image-box,.inner-hero-art{position:relative;overflow:hidden;min-height:385px;background:#201326}
.hero-image-box img,.inner-hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 13%}
.hero-image-box:after,.inner-hero-art:after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,#1b1024e9,transparent 24%),linear-gradient(0deg,#21122a9c,transparent 25%)}
.image-label{position:absolute;bottom:15px;right:17px;z-index:1;color:#f3b8e2;font-weight:800;font-size:11px;letter-spacing:1.6px;background:#170d1f99;border:1px solid #bb6aaf66;border-radius:40px;padding:9px 12px}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin:0 0 18px;flex-wrap:wrap}
.section-heading .eyebrow{margin:0 0 7px}
.section-heading h2{font-size:clamp(22px,3vw,30px);letter-spacing:-.7px;line-height:1.1;margin:0}
.live-section,.home-shortcuts,.home-benefits{margin-top:52px}
.live-refresh{color:#b8a1b9;font-size:12px;display:inline-flex;align-items:center;gap:9px}
.live-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:#70e9b0;box-shadow:0 0 13px #7fffc9}
.cluster-stats-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:13px}
.cluster-stat{border:1px solid #8a4d8477;border-radius:18px;padding:21px;background:linear-gradient(135deg,#29182d,#171021);display:flex;flex-direction:column;gap:7px;min-width:0;box-shadow:0 0 18px #a9499220}
.cluster-stat-main{border-color:#d268bb88;background:linear-gradient(140deg,#3a2041,#24162c)}
.cluster-stat-label{font-size:12px;color:#e8c6e7;font-weight:750}
.cluster-stat-value{font-size:clamp(35px,5vw,52px);letter-spacing:-1.3px;line-height:1.15;color:#f8d7ee;font-variant-numeric:tabular-nums}
.cluster-stat small{font-size:11px;color:#b29cb2}
.cluster-stats-note{font-size:12px;color:#a993ad;margin:11px 2px 0}
.cluster-stats-offline{color:#e6b7bf}
.shortcuts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.shortcut-card{display:flex;flex-direction:column;gap:9px;border:1px solid #854eaa9a;border-radius:18px;min-height:204px;padding:22px 18px;background:linear-gradient(135deg,#291634,#1b1224);position:relative;transition:transform .16s,border-color .16s}
.shortcut-card:hover{transform:translateY(-3px);border-color:#e5a0d9}
.shortcut-icon{font-size:28px;line-height:1;color:#f2a3dd}
.shortcut-card strong{font-size:18px;color:#fff}
.shortcut-card>span:nth-of-type(2){color:#ceb2cc;font-size:12px;line-height:1.55;padding-right:5px}
.shortcut-card b{position:absolute;right:16px;bottom:14px;border-radius:50%;background:#a747b18c;color:white;width:31px;height:31px;display:grid;place-items:center}
.sc-connect{background:linear-gradient(145deg,#173859,#1b1d40);border-color:#3b9fef}
.sc-servers{background:linear-gradient(145deg,#2c2055,#20162d);border-color:#8a55ce}
.sc-report{background:linear-gradient(145deg,#502054,#261328);border-color:#bb53af}
.sc-bepo{background:linear-gradient(145deg,#164033,#102820);border-color:#55d79e}
.sc-bepo .shortcut-icon,.sc-bepo strong{color:#a6ffd0}
.sc-bepo b{background:#20764d}
.benefits-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.benefits-grid article{border:1px solid #66406355;background:#1c1425;border-radius:15px;padding:20px}
.benefits-grid article>span{font-size:24px;color:#e399dc}
.benefits-grid h3{font-size:16px;margin:10px 0 8px}
.benefits-grid p{font-size:12px;line-height:1.65;color:#bba7bb;margin:0}
.home-note,.support-strip{display:flex;justify-content:space-between;align-items:center;gap:18px;background:linear-gradient(105deg,#301c35,#191321);border:1px solid #a1609d66;border-radius:17px;padding:20px 25px;margin-top:22px;flex-wrap:wrap}
.home-note h3{margin:0 0 6px;font-size:18px}
.home-note p{margin:0;color:#c2a9c2;font-size:13px;max-width:650px;line-height:1.6}
.inner-hero{grid-template-columns:1.35fr .68fr;min-height:320px;margin-bottom:42px}
.inner-hero-copy{padding:42px 0 36px 43px;align-self:center;z-index:1}
.inner-hero h1{font-size:clamp(36px,5vw,54px);margin:20px 0 13px}
.inner-hero-copy>p{font-size:14px;line-height:1.8;color:#d2b9d1;max-width:590px}
.inner-hero .hero-tags{margin-top:16px}
.inner-hero-art{min-height:310px}
.inner-hero-art img{object-position:center 22%}
.inner-hero-art:after{background:linear-gradient(90deg,#1e1228bb,transparent 35%),linear-gradient(0deg,#24132880,transparent 32%)}
.help-copy{color:#bca9bd;font-size:13px;line-height:1.7}
.servers-header{margin-top:10px}
.server-totals{display:flex;gap:11px;flex-wrap:wrap}
.server-totals>span{padding:9px 13px;background:#26182b;border:1px solid #71416d5c;border-radius:10px;color:#c9aeca;font-size:12px}
.server-totals strong{color:#ffb9e8;font-size:18px}
.auto-server-choice{width:100%;display:flex;align-items:center;gap:16px;margin:25px 0 18px;min-height:95px;text-align:left;padding:17px 21px;border:1px solid #b16cb4;border-radius:18px;background:linear-gradient(110deg,#2f1d43,#25152a);color:#f9e9f7;white-space:normal}
.auto-server-choice.selected{outline:2px solid #f29bdb;box-shadow:0 0 24px #c251aa35}
.auto-icon{background:#913caf55;padding:13px;border-radius:14px;font-size:22px}
.auto-choice-copy{display:flex;flex:1;flex-direction:column;gap:6px}
.auto-choice-copy strong{font-size:18px}
.auto-choice-copy small{color:#c4a9c6;font-size:12px;line-height:1.45}
.server-toolbar{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:13px;margin:10px 0 18px}
.toolbar-field{display:flex;flex-direction:column;gap:8px;color:#cdb4c8;font-size:12px;font-weight:700;margin:0}
.toolbar-field input,.toolbar-field select{width:100%;margin:0;background:#160f1c;color:#f5e5f3;padding:13px 14px;border:1px solid #785074;border-radius:11px;font-size:13px;min-width:0}
.toolbar-field input:focus,.toolbar-field select:focus{border-color:#ec9bd6}
.list-caption{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;color:#bfa6c0;margin:15px 1px}
.list-caption strong{color:#eccde5}
.server-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.server-grid .server-card{min-width:0;max-width:none;white-space:normal;min-height:200px;border:1px solid #6b3e70;background:linear-gradient(132deg,#29192f,#17101f);border-radius:17px;padding:21px;color:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:13px;overflow-wrap:anywhere}
.server-grid .server-card.selected{outline:2px solid #eaa4dd;background:linear-gradient(132deg,#3b2240,#211326)}
.server-grid .server-card:disabled{opacity:.62;cursor:not-allowed}
.server-grid .server-card:hover:not(:disabled){border-color:#e09cda}
.server-grid .nodehead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}
.server-grid .serverName{font-size:15px;line-height:1.35;min-width:0;flex:1}
.server-grid .chip,.auto-server-choice .chip{flex-shrink:0;font-size:10px;padding:6px 9px;background:#234a36;color:#b7f8cc;border-radius:40px}
.server-grid .chip.bad,.auto-server-choice .chip.bad{background:#4c2934;color:#ffbbc5}
.server-card-count{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#dbc1dd;font-size:12px}
.server-grid .meter{background:#49314e;border-radius:999px;height:8px;margin:0}
.server-grid .meter span{height:100%;display:block;background:linear-gradient(90deg,#d773b9,#f6b1e6);border-radius:999px}
.server-grid .node-resources{margin:0;color:#bba7bc;font-size:11px}
.server-grid .nodebottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;color:#c8b6c8;font-size:12px;margin-top:auto}
.server-status{color:#85e6b0}
.server-status.offline{color:#f0acbd}
.page-controls{display:flex;justify-content:center;align-items:center;gap:13px;margin:20px 0 30px}
.page-controls button{background:#2e2034;border:1px solid #8e588c;color:#f3d9eb;padding:11px 15px}
.page-controls span{font-size:12px;color:#d3bacf}
.connect-area,.report-section,.guide-block{border:1px solid #744674;background:linear-gradient(140deg,#25172e,#150f1c);border-radius:20px;padding:27px;margin-top:35px}
.connect-area{scroll-margin-top:112px}
.connect-area label,.report-section label{margin:17px 0 10px}
.connect-area .pairbox{gap:11px}
.connect-area .pairbox input{min-width:0}
.connect-area .pairbox button{background:linear-gradient(120deg,#d65eb7,#f0a9e0)}
.report-section{margin-top:0}
.report-section .section-heading{margin-bottom:16px}
.report-section .report-form>button{align-self:start;width:min(100%,260px)}
.report-hero .inner-hero-art img{object-position:center 18%}
.report-intro{font-size:14px}
.guide-intro{padding:34px 12px 34px;border-bottom:1px solid #9b649b44}
.guide-intro h1{margin-top:18px}
.guide-intro .lead{font-size:15px;max-width:760px;line-height:1.8}
.guide-block{margin-top:22px}
.guide-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.guide-steps article{display:flex;gap:15px;border:1px solid #70467077;background:#191122;border-radius:14px;padding:21px}
.step-number{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border:1px solid #ae64a5;border-radius:13px;background:#4b2350;color:#f5bbdf;font-size:14px;font-weight:850}
.guide-steps h3{font-size:16px;margin:0 0 8px}
.guide-steps p,.faq-list p{color:#c7b0c8;font-size:13px;line-height:1.8;margin:0}
.guide-cta{margin-top:22px}
.faq-list{display:grid;gap:10px}
.faq-list details{background:#1b1324;border:1px solid #784a77;border-radius:13px;padding:17px 19px}
.faq-list summary{cursor:pointer;font-size:14px;font-weight:750;color:#f4dbee}
.faq-list details[open] summary{margin-bottom:12px}
.support-strip{margin-top:26px}
.site-footer{border-top:1px solid #87548966;background:#100b18;text-align:center;padding:40px 20px;color:#b49bb0}
.site-footer .footer-logo{font-size:24px;font-style:italic;color:#ffc1ea;font-weight:850;margin-bottom:12px}
.site-footer strong{font-size:13px;color:#e99acf}
.site-footer p{font-size:11px;margin:14px 0 0;line-height:1.6}
@media(max-width:980px){
 .shortcuts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .landing-hero{grid-template-columns:1fr .8fr}
 .landing-copy{padding:36px 0 35px 30px}
 .server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 .header-inner{padding:12px 15px 9px;flex-direction:column;gap:11px;align-items:stretch;min-height:0}
 .site-brand{justify-content:center}
 .site-brand-icon{width:36px;height:36px;font-size:25px}
 .site-brand strong{font-size:16px}
 .site-brand small{font-size:9px}
 .main-nav{width:100%;justify-content:space-evenly;gap:3px}
 .main-nav .nav-link{padding:9px 10px;font-size:12px}
 .site-main{padding:22px 14px 45px}
 .landing-hero,.inner-hero{grid-template-columns:1fr;gap:0}
 .landing-copy{padding:29px 23px 18px}
 .landing-copy h1{font-size:clamp(39px,8vw,53px)}
 .landing-copy .lead{font-size:13px}
 .hero-image-box{min-height:260px;height:295px}
 .hero-image-box img{object-position:center 17%}
 .hero-image-box:after{background:linear-gradient(0deg,#21122a8c,transparent 40%)}
 .inner-hero-copy{padding:25px 22px 13px}
 .inner-hero h1{font-size:clamp(37px,7vw,47px)}
 .inner-hero-art{height:230px;min-height:230px}
 .inner-hero-art:after{background:linear-gradient(0deg,#22122d73,transparent 38%)}
 .live-section,.home-shortcuts,.home-benefits{margin-top:34px}
 .server-toolbar{grid-template-columns:1fr 1fr;gap:12px}
 .server-toolbar .toolbar-field:first-child{grid-column:1/-1}
 .server-grid{grid-template-columns:minmax(0,1fr)}
 .connect-area,.report-section,.guide-block{padding:19px 16px}
 .guide-steps{grid-template-columns:minmax(0,1fr)}
 .site-footer{padding:32px 18px}
}
@media(max-width:540px){
 .main-nav .nav-link{font-size:11px;gap:4px;padding:9px 7px}
 .hero-actions{flex-direction:column}
 .hero-actions .button-primary,.hero-actions .button-outline{width:100%}
 .cluster-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cluster-stat-main{grid-column:1/-1}
 .cluster-stat{padding:16px}
 .cluster-stat-value{font-size:38px}
 .shortcuts-grid{grid-template-columns:minmax(0,1fr)}
 .shortcut-card{min-height:135px}
 .benefits-grid{grid-template-columns:minmax(0,1fr)}
 .home-note,.support-strip{padding:18px}
 .auto-server-choice{flex-wrap:wrap}
 .auto-choice-copy{flex-basis:150px}
 .server-totals{gap:7px}
 .server-totals>span{font-size:11px}
 .server-toolbar{grid-template-columns:1fr}
 .server-toolbar .toolbar-field:first-child{grid-column:auto}
 .page-controls{gap:8px}
 .page-controls button{font-size:11px;padding:10px 11px}
 .pairbox{flex-direction:column}
 .pairbox button{width:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-main > [data-page]{animation:none}}