/* =========================================================
   HORIZONNODE DISCORD BOT HOSTING V2
   ========================================================= */

:root{
  --bot-bg:#05051d;
  --bot-bg2:#070720;
  --bot-card:#17162f;
  --bot-card2:#12142d;
  --bot-blue:#4c5cff;
  --bot-cyan:#24b8ff;
  --bot-green:#20df84;
  --bot-text:#fff;
  --bot-muted:#a8b6d5;
  --bot-line:rgba(113,104,170,.25);
}
*{box-sizing:border-box}
.bot-page{background:var(--bot-bg);color:#fff;overflow:hidden}
.bot-shell{width:min(1450px,calc(100% - 48px));margin:auto}
.bot-section{padding:95px 0}
.bot-section-head{text-align:center;max-width:760px;margin:0 auto 56px}
.bot-section-head>span,.bot-eyebrow{color:#32bfff;font-size:11px;font-weight:900;letter-spacing:1.2px}
.bot-section-head h2{margin:13px 0 18px;font-size:clamp(40px,4.2vw,60px);line-height:1.05;letter-spacing:-2.2px}
.bot-section-head p{margin:0;color:var(--bot-muted);font-size:16px;line-height:1.65}

/* hero */
.bot-hero{
  min-height:650px;
  position:relative;
  display:flex;
  align-items:center;
  background:
    radial-gradient(circle at 58% 23%,rgba(71,84,255,.2),transparent 28%),
    radial-gradient(circle at 70% 22%,rgba(32,73,147,.17),transparent 25%),
    linear-gradient(90deg,rgba(5,5,29,.98),rgba(7,7,34,.90)),
    #06061f;
  border-bottom:1px solid rgba(82,82,142,.13);
}
.bot-hero:before{
  content:"";
  position:absolute;inset:0;
  opacity:.34;
  background-image:
    radial-gradient(circle at 50% 28%,rgba(204,208,236,.25) 0 6%,transparent 6.3%),
    linear-gradient(rgba(76,88,160,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(76,88,160,.06) 1px,transparent 1px);
  background-size:auto,60px 60px,60px 60px;
}
.bot-hero-grid{
  position:relative;z-index:2;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  align-items:center;
  gap:70px;
  padding:72px 0;
}
.bot-pill{
  width:max-content;
  max-width:100%;
  padding:8px 14px;
  border-radius:999px;
  background:#201d39;
  color:#e1e6f7;
  display:flex;
  align-items:center;
  gap:9px;
  font-size:11px;
  font-weight:800;
}
.bot-pill i{width:4px;height:4px;border-radius:50%;background:#b6bdd3}
.bot-hero h1{
  margin:30px 0 26px;
  font-size:clamp(54px,5.6vw,82px);
  line-height:.98;
  letter-spacing:-3.3px;
}
.bot-discord-word{color:#5865f2}
.bot-hero-copy>p{
  max-width:690px;
  margin:0;
  color:#f1f3fb;
  font-size:17px;
  line-height:1.65;
}
.bot-stat-row{display:flex;gap:50px;margin:34px 0}
.bot-mini-stat{display:flex;align-items:center;gap:14px}
.bot-stat-icon{
  width:51px;height:51px;border-radius:11px;
  display:grid;place-items:center;
  font-size:25px;
}
.bot-stat-icon.server{background:#053c30;color:#16e18a}
.bot-stat-icon.chat{background:#2a0e55;color:#a14bff}
.bot-mini-stat strong,.bot-mini-stat small{display:block}
.bot-mini-stat strong{font-size:17px}
.bot-mini-stat small{margin-top:5px;color:#9eb0d1;font-size:13px}
.bot-hero-actions{display:flex;gap:17px;flex-wrap:wrap}
.bot-btn{
  min-height:49px;padding:0 23px;border-radius:7px;
  display:inline-flex;align-items:center;justify-content:center;
  text-decoration:none;text-transform:uppercase;
  font-size:10px;font-weight:900;
  transition:.22s ease;
}
.bot-btn.primary{background:linear-gradient(135deg,#25b8ff,#008ffe);color:#03101a}
.bot-btn.light{background:#fff;color:#050611}
.bot-btn:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,143,254,.18)}
.bot-disclaimer{margin-top:27px!important;color:#9aabd0!important;font-size:11px!important;max-width:760px!important}

/* chat illustration */
.bot-chat-scene{position:relative;min-height:510px;display:grid;place-items:center}
.bot-chat-card{
  width:min(100%,520px);
  border-radius:15px;
  background:#303036;
  box-shadow:0 30px 70px rgba(0,0,0,.42);
  padding:0 18px 18px;
  overflow:hidden;
}
.bot-chat-head{margin:0 -18px 18px;padding:20px 18px;background:#333338;border-bottom:1px solid rgba(255,255,255,.06);font-weight:800}
.bot-chat-head span{color:#7e7f86;margin-right:10px}
.bot-message{display:grid;grid-template-columns:42px 1fr;gap:10px;margin:15px 0}
.bot-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:900}
.bot-avatar-blue{background:#5865f2}.bot-avatar-red{background:#ef4444}
.bot-message-name{font-size:12px;font-weight:800}
.bot-message-name b{margin-left:4px;padding:2px 5px;border-radius:4px;background:#5865f2;font-size:9px}
.bot-message-name small{margin-left:5px;color:#8c8c94;font-weight:500}
.bot-message p{margin:5px 0 0;color:#d7d7dc;font-size:12px}
.bot-response{margin-top:8px;padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#303035;color:#ddd;font-size:12px}
.bot-response-time{text-align:center;margin:18px 0;color:#777;font-size:10px}
.bot-input{padding:13px;border-radius:8px;background:#424247;color:#8e8e96;font-size:11px}
.bot-floating-card{
  position:absolute;padding:13px 17px;border:1px solid rgba(93,91,145,.26);border-radius:12px;
  background:#111122;box-shadow:0 18px 35px rgba(0,0,0,.28);
  display:flex;align-items:center;gap:11px;
}
.bot-floating-card strong,.bot-floating-card small{display:block}
.bot-floating-card strong{font-size:12px}.bot-floating-card small{margin-top:3px;color:#8d96ad;font-size:10px}
.bot-floating-card.uptime{right:10px;top:30px}
.bot-floating-card.deploy{left:0;bottom:40px}
.bot-floating-card .dot{width:24px;height:24px;border-radius:50%;background:#1fe181;box-shadow:0 0 0 7px rgba(31,225,129,.08)}
.deploy-icon{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:#5664f5}

/* hardware cards */
.bot-hardware{background:#05051d}
.bot-hardware-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;max-width:1100px;margin:auto}
.bot-hardware-card{
  min-height:260px;padding:25px 27px;border:1px solid rgba(106,102,165,.20);
  border-radius:13px;background:#15132b;
  transition:.27s ease;
}
.bot-hardware-card:hover{transform:translateY(-9px);box-shadow:0 25px 55px rgba(0,0,0,.32)}
.bot-hardware-card.pink{background:linear-gradient(120deg,#171329,#391229)}
.bot-hardware-card.blue{background:linear-gradient(120deg,#14132d,#101b50)}
.bot-hardware-card.orange{background:linear-gradient(120deg,#171329,#3b1f12)}
.bot-hardware-card.green{background:linear-gradient(120deg,#14152d,#082f2a)}
.bot-hardware-icon{width:51px;height:51px;border-radius:11px;display:grid;place-items:center;font-size:28px;background:#f45bb8}
.bot-hardware-card.blue .bot-hardware-icon{background:#4b81ff}
.bot-hardware-card.orange .bot-hardware-icon{background:#ff8a31}
.bot-hardware-card.green .bot-hardware-icon{background:#27d96e}
.bot-hardware-card h3{font-size:23px;margin:19px 0 5px}
.bot-hardware-card p{margin:0 0 22px;color:#a9b5d3;font-size:14px}
.bot-hardware-card ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.bot-hardware-card li{font-size:13px;font-weight:700}
.bot-hardware-card li:before{content:"•";margin-right:10px;color:#f45bb8}
.bot-hardware-card.blue li:before{color:#53a0ff}.bot-hardware-card.orange li:before{color:#ff971c}.bot-hardware-card.green li:before{color:#1dde7c}
.bot-hardware-stats{max-width:1100px;margin:55px auto 0;display:grid;grid-template-columns:repeat(4,1fr);text-align:center}
.bot-hardware-stats strong,.bot-hardware-stats span{display:block}
.bot-hardware-stats strong{font-size:30px}.bot-hardware-stats span{margin-top:7px;color:#a9b9d8;font-size:14px}

/* protection */
.bot-protection{background:#05051d}
.bot-protection-grid{display:grid;grid-template-columns:1fr .8fr;gap:100px;align-items:center}
.bot-protection-copy h2{margin:10px 0 28px;font-size:50px;line-height:1.04}
.bot-protection-copy h2 span{display:block;color:#0c93ff}
.bot-protection-copy>p{max-width:650px;color:#a9b8d8;line-height:1.65}
.bot-protection-list{display:grid;gap:18px;margin:31px 0}
.bot-protection-list>div{display:flex;align-items:center;gap:15px}
.bot-protection-list b{width:45px;height:45px;border-radius:12px;background:#062753;color:#129cff;display:grid;place-items:center;font-size:20px}
.bot-protection-list strong,.bot-protection-list small{display:block}
.bot-protection-list strong{font-size:13px}.bot-protection-list small{margin-top:5px;color:#9eb0cf;font-size:11px}
.bot-protection-stats{display:flex;gap:70px;padding:28px 0;border-top:1px solid rgba(255,255,255,.08)}
.bot-protection-stats strong,.bot-protection-stats small{display:block}
.bot-protection-stats strong{color:#0b93ff;font-size:29px}.bot-protection-stats small{font-size:9px;color:#9aafd0;font-weight:800;margin-top:6px}
.bot-shield-art{position:relative;min-height:480px;border-radius:18px;background:radial-gradient(circle at center,rgba(16,96,204,.40),rgba(13,16,59,.65) 48%,rgba(7,7,31,.5) 70%);display:grid;place-items:center;overflow:hidden}
.bot-shield{width:215px;height:255px;display:grid;place-items:center;font-size:100px;border:5px solid rgba(0,143,254,.36);background:rgba(4,32,88,.65);clip-path:polygon(50% 0,90% 17%,84% 67%,50% 100%,16% 67%,10% 17%)}
.bot-orbit{position:absolute;border:1px solid rgba(48,144,255,.15);border-radius:50%}
.orbit-one{width:390px;height:390px}.orbit-two{width:300px;height:300px}
.bot-bubble{position:absolute;width:65px;height:65px;border-radius:50%;display:grid;place-items:center;background:#17234e;border:1px solid rgba(91,111,197,.3);font-size:11px;font-weight:900}
.bot-bubble.one{top:45px;left:65px}.bot-bubble.two{right:50px;top:85px}.bot-bubble.three{left:55px;bottom:55px}.bot-bubble.four{right:60px;bottom:45px}

/* plans */
.bot-plans{background:#080821}
.bot-plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:stretch}
.bot-plan{
  min-height:520px;padding:31px 27px 24px;border:1px solid rgba(101,103,166,.28);border-radius:13px;background:linear-gradient(180deg,#171a3b,#11152f);
  display:flex;flex-direction:column;position:relative;overflow:visible;
  transition:transform .27s ease,border-color .27s ease,box-shadow .27s ease;
}
.bot-plan:hover{transform:translateY(-13px) scale(1.02);border-color:#3ec1f3;box-shadow:0 28px 70px rgba(0,0,0,.42),0 0 36px rgba(0,143,254,.26);z-index:5}
.bot-plan.featured{border-color:#3ec1f3}
.bot-popular{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:7px 18px;border-radius:999px;background:#32bfff;color:#03121a;font-size:9px;font-weight:900}
.bot-plan-kicker{color:#35c2ff;font-size:10px;font-weight:900;letter-spacing:.5px}
.bot-plan h3{font-size:22px;margin:14px 0 13px}
.bot-plan>p{min-height:62px;margin:0;color:#9da9c7;font-size:12px;line-height:1.55}
.bot-price{margin:28px 0 22px}.bot-price strong{font-size:39px}.bot-price span{font-size:10px;color:#8e9ab8}
.bot-plan ul{list-style:none;padding:0;margin:0 0 21px}
.bot-plan li{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:10px;color:#c2cbe2}
.bot-plan li:before{content:"✓";color:#22df83;margin-right:9px;font-weight:900}
.bot-plan>a{margin-top:auto;min-height:45px;border:1px solid rgba(28,151,230,.45);border-radius:7px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;font-size:9px;font-weight:900;transition:.22s ease}
.bot-plan.featured>a{background:linear-gradient(135deg,#32bfff,#008ffe);color:#03121a}
.bot-plan>a:hover{background:linear-gradient(135deg,#3ec1f3,#008ffe);color:#03121a;box-shadow:0 10px 28px rgba(0,143,254,.34)}

/* CTA */
.bot-final-cta{padding:70px 0 90px;background:#05051d}
.bot-final-card{padding:45px 48px;border:1px solid rgba(89,101,165,.22);border-radius:18px;background:linear-gradient(120deg,#111235,#1b1640);display:flex;justify-content:space-between;align-items:center;gap:30px}
.bot-final-card span{color:#32bfff;font-size:10px;font-weight:900;letter-spacing:1px}
.bot-final-card h2{margin:10px 0 8px;font-size:36px}.bot-final-card p{margin:0;color:#a8b6d4}

/* responsive */
@media(max-width:1150px){
  .bot-hero-grid,.bot-protection-grid{grid-template-columns:1fr}
  .bot-chat-scene{order:-1}
  .bot-plan-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:800px){
  .bot-hardware-grid{grid-template-columns:1fr}
  .bot-hardware-stats{grid-template-columns:repeat(2,1fr);gap:30px}
  .bot-final-card{display:block}.bot-final-card .bot-btn{margin-top:25px}
}
@media(max-width:620px){
  .bot-shell{width:calc(100% - 28px)}
  .bot-hero h1{font-size:50px}
  .bot-stat-row{display:grid;gap:16px}
  .bot-chat-scene{min-height:430px}
  .bot-floating-card.uptime{right:-5px}.bot-floating-card.deploy{left:-5px}
  .bot-plan-grid{grid-template-columns:1fr}
  .bot-hardware-stats{grid-template-columns:1fr 1fr}
  .bot-protection-stats{gap:25px;flex-wrap:wrap}
  .bot-shield-art{min-height:360px}
  .bot-final-card{padding:30px 24px}
}


/* =========================================================
   BOT HOSTING V3 — SPEC-ACCURATE VISUAL REBUILD
   ========================================================= */

.bot-hero{
  background:
    radial-gradient(circle at 50% 17%,rgba(98,109,255,.20),transparent 18%),
    radial-gradient(circle at 72% 30%,rgba(65,80,255,.16),transparent 30%),
    linear-gradient(90deg,rgba(5,5,29,.99),rgba(9,10,42,.94)),
    #06061f;
}

.bot-hero:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 25%,rgba(211,218,255,.16) 0 7%,transparent 7.4%),
    linear-gradient(180deg,transparent 0 68%,rgba(3,3,20,.22));
  opacity:.8;
}

.bot-chat-card{
  border:1px solid rgba(123,130,255,.22);
  background:linear-gradient(180deg,#303039,#292a32);
}

.bot-floating-card{
  backdrop-filter:blur(10px);
  background:rgba(17,17,34,.88);
}

.bot-hardware-card{
  position:relative;
  overflow:hidden;
}

.bot-hardware-card:after{
  content:"";
  position:absolute;
  inset:auto -20% -45% auto;
  width:190px;
  height:190px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.07),transparent 68%);
  pointer-events:none;
}

.bot-hardware-card:hover{
  transform:translateY(-11px) scale(1.012);
  border-color:rgba(62,193,243,.36);
  box-shadow:
    0 26px 60px rgba(0,0,0,.35),
    0 0 30px rgba(0,143,254,.11);
}

.bot-hardware-stats{
  padding-top:10px;
}

.bot-hardware-stats strong{
  color:#fff;
  letter-spacing:-.5px;
}

.bot-protection{
  position:relative;
}

.bot-protection:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(72,84,145,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(72,84,145,.045) 1px,transparent 1px);
  background-size:58px 58px;
}

.bot-protection-grid{
  position:relative;
  z-index:1;
}

.bot-plan{
  transition:
    transform .28s cubic-bezier(.2,.8,.2,1),
    border-color .28s ease,
    box-shadow .28s ease,
    background .28s ease;
}

.bot-plan:hover{
  transform:translateY(-15px) scale(1.025);
  box-shadow:
    0 32px 78px rgba(0,0,0,.44),
    0 0 0 1px rgba(62,193,243,.20),
    0 0 38px rgba(0,143,254,.28);
}

.bot-plan.featured:hover{
  transform:translateY(-18px) scale(1.035);
  box-shadow:
    0 36px 86px rgba(0,0,0,.48),
    0 0 0 1px rgba(62,193,243,.36),
    0 0 45px rgba(0,143,254,.38);
}

/* V4: plans directly under hero */
.bot-hero + .bot-plans{padding-top:72px;}


/* =========================================================
   BOT PAGE FOOTER ISOLATION
   Keep shared footer identical to the main page.
   ========================================================= */

#site-footer,
#footer,
.hn2-footer,
.hn2-footer *{
  box-sizing:border-box;
}

.bot-page + #site-footer,
.bot-page + #footer{
  position:relative;
  z-index:1;
}

.bot-page{
  margin-bottom:0;
}

/* Prevent generic bot-page rules from affecting shared footer typography/images */
.hn2-footer img{
  max-width:100%;
  height:auto;
}

.hn2-footer a{
  text-decoration:none;
}

.hn2-footer ul,
.hn2-footer ol{
  margin:0;
  padding:0;
}