/* HorizonNode Discord Bot Hosting Page */
.hn-bot-page{overflow:hidden;background:#05061f}
.hn-bot-page *{box-sizing:border-box}

.hn-bot-hero{
    position:relative;
    min-height:690px;
    padding:110px 22px 90px;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:
      radial-gradient(circle at 78% 30%,rgba(0,143,254,.18),transparent 28%),
      radial-gradient(circle at 15% 15%,rgba(62,193,243,.08),transparent 25%),
      linear-gradient(180deg,#07082a,#05061f);
}
.hn-bot-hero:before{
    content:"";
    position:absolute;inset:0;
    background-image:
      linear-gradient(rgba(62,193,243,.035) 1px,transparent 1px),
      linear-gradient(90deg,rgba(62,193,243,.035) 1px,transparent 1px);
    background-size:58px 58px;
}
.hn-bot-hero-inner{
    position:relative;z-index:2;
    width:min(1360px,100%);
    margin:auto;
    display:grid;
    grid-template-columns:minmax(0,.95fr) minmax(520px,1.05fr);
    align-items:center;
    gap:70px;
}
.hn-bot-badge{
    display:inline-flex;align-items:center;gap:9px;
    padding:10px 15px;margin-bottom:24px;
    border:1px solid rgba(62,193,243,.18);
    border-radius:999px;
    background:rgba(62,193,243,.06);
    color:#c8d5ef;
    font-size:10px;font-weight:800;
}
.hn-bot-badge i{
    width:8px;height:8px;border-radius:50%;
    background:#42e98a;box-shadow:0 0 13px rgba(66,233,138,.7);
}
.hn-bot-copy h1{
    margin:0;
    color:#fff;
    font-size:clamp(48px,5vw,76px);
    line-height:1.02;
    letter-spacing:-3px;
    font-weight:900;
}
.hn-bot-copy h1 span{
    display:block;
    margin-top:8px;
    background:linear-gradient(90deg,#3ec1f3,#008ffe);
    -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hn-bot-copy>p{
    max-width:720px;
    margin:27px 0 0;
    color:#a8b4d2;
    font-size:15px;
    line-height:1.85;
}
.hn-bot-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:33px}
.hn-bot-primary,.hn-bot-secondary{
    min-height:55px;padding:0 26px;
    display:inline-flex;align-items:center;justify-content:center;
    border-radius:10px;text-decoration:none;
    font-size:11px;font-weight:900;
    transition:.22s;
}
.hn-bot-primary{background:linear-gradient(135deg,#3ec1f3,#008ffe);color:#03111c;box-shadow:0 15px 40px rgba(0,143,254,.28)}
.hn-bot-secondary{border:1px solid rgba(62,193,243,.2);background:rgba(62,193,243,.05);color:#fff}
.hn-bot-primary:hover,.hn-bot-secondary:hover{transform:translateY(-3px)}
.hn-bot-checks{margin-top:31px;display:flex;flex-wrap:wrap;gap:13px 21px}
.hn-bot-checks span{display:flex;align-items:center;gap:8px;color:#cbd4ea;font-size:10px;font-weight:700}
.hn-bot-checks b{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:rgba(66,233,138,.1);color:#42e98a;font-size:9px}

.hn-bot-code-window{
    overflow:hidden;
    border:1px solid rgba(62,193,243,.2);
    border-radius:20px;
    background:#0a0c24;
    box-shadow:0 45px 120px rgba(0,0,0,.5),0 0 70px rgba(0,143,254,.1);
}
.hn-bot-code-head{
    height:62px;padding:0 20px;
    display:flex;align-items:center;justify-content:space-between;
    border-bottom:1px solid rgba(62,193,243,.11);
    background:#11142e;
}
.hn-bot-code-dots{display:flex;gap:7px}.hn-bot-code-dots i{width:9px;height:9px;border-radius:50%;background:#ff6174}.hn-bot-code-dots i:nth-child(2){background:#ffc247}.hn-bot-code-dots i:nth-child(3){background:#42e98a}
.hn-bot-code-head span{color:#cfd9f2;font-size:10px;font-weight:800}
.hn-bot-code-body{padding:28px}
.hn-bot-code-status{
    margin-bottom:22px;padding:16px 18px;
    display:flex;align-items:center;justify-content:space-between;
    border:1px solid rgba(66,233,138,.15);
    border-radius:12px;background:rgba(66,233,138,.05);
}
.hn-bot-code-status strong{font-size:11px}.hn-bot-code-status span{color:#42e98a;font-size:8px;font-weight:900}
.hn-bot-code{
    min-height:300px;padding:22px;
    border-radius:12px;background:#060817;
    font-family:Consolas,monospace;
    color:#aeb9d2;font-size:11px;line-height:1.8;
}
.hn-bot-code .blue{color:#3ec1f3}.hn-bot-code .green{color:#42e98a}.hn-bot-code .purple{color:#ba8cff}.hn-bot-code .gray{color:#5f6a85}
.hn-bot-terminal{
    margin-top:18px;padding:14px 16px;
    border:1px solid rgba(62,193,243,.1);
    border-radius:10px;background:#0f122b;
    color:#42e98a;font:10px Consolas,monospace;
}

.hn-bot-section{position:relative;padding:110px 22px}
.hn-bot-section-inner{width:min(1320px,100%);margin:auto}
.hn-bot-heading{max-width:780px;margin:0 auto 60px;text-align:center}
.hn-bot-heading span{color:#3ec1f3;font-size:10px;font-weight:900;letter-spacing:2px}
.hn-bot-heading h2{margin:15px 0;color:#fff;font-size:clamp(38px,4vw,56px);font-weight:900;letter-spacing:-2px}
.hn-bot-heading p{margin:0;color:#9eabc9;font-size:14px;line-height:1.8}

/* plans */
.hn-bot-plans{background:#080922}
.hn-bot-plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.hn-bot-plan{
    position:relative;
    padding:30px;
    display:flex;
    flex-direction:column;
    border:1px solid rgba(62,193,243,.14);
    border-radius:17px;
    background:linear-gradient(145deg,#171a3b,#0d1029);
    transition:.25s;
}
.hn-bot-plan:hover{transform:translateY(-7px);border-color:rgba(62,193,243,.48);box-shadow:0 25px 65px rgba(0,0,0,.28)}
.hn-bot-plan.featured{border-color:#3ec1f3;box-shadow:0 0 35px rgba(0,143,254,.09)}
.hn-bot-plan-badge{position:absolute;right:18px;top:-13px;padding:7px 12px;border-radius:999px;background:linear-gradient(135deg,#3ec1f3,#008ffe);color:#03111c;font-size:8px;font-weight:900}
.hn-bot-plan-label{color:#3ec1f3;font-size:9px;font-weight:900;letter-spacing:1px}
.hn-bot-plan h3{margin:11px 0 8px;font-size:23px}
.hn-bot-plan>p{min-height:60px;color:#93a0bf;font-size:11px;line-height:1.7}
.hn-bot-price{margin:18px 0 24px;color:#8895b4;font-size:10px}
.hn-bot-price strong{color:#fff;font-size:35px;font-weight:900}.hn-bot-price small{font-size:10px}
.hn-bot-plan ul{margin:0 0 26px;padding:0;list-style:none}
.hn-bot-plan li{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05);color:#c7d1e8;font-size:10px}
.hn-bot-plan li:before{content:"✓";margin-right:9px;color:#42e98a;font-weight:900}
.hn-bot-plan a{min-height:48px;margin-top:auto;display:flex;align-items:center;justify-content:center;border:1px solid rgba(62,193,243,.18);border-radius:9px;background:rgba(62,193,243,.06);color:#fff;text-decoration:none;font-size:9px;font-weight:900}
.hn-bot-plan.featured a{border:0;background:linear-gradient(135deg,#3ec1f3,#008ffe);color:#03111c}

/* feature grid */
.hn-bot-features{background:#05061f}
.hn-bot-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.hn-bot-feature{padding:30px;border:1px solid rgba(62,193,243,.13);border-radius:16px;background:linear-gradient(145deg,#161938,#0d1028)}
.hn-bot-feature-icon{width:57px;height:57px;display:grid;place-items:center;border-radius:14px;background:rgba(62,193,243,.08);font-size:26px}
.hn-bot-feature h3{margin:20px 0 11px;font-size:18px}.hn-bot-feature p{margin:0;color:#9ca9c7;font-size:12px;line-height:1.75}

/* languages */
.hn-bot-languages{background:#080922}
.hn-bot-language-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center}
.hn-bot-language-copy h2{margin:12px 0 18px;font-size:clamp(38px,4vw,54px);letter-spacing:-2px}.hn-bot-language-copy>span{color:#3ec1f3;font-size:10px;font-weight:900;letter-spacing:2px}.hn-bot-language-copy p{color:#9eabc9;font-size:13px;line-height:1.85}
.hn-bot-language-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.hn-bot-language-card{padding:25px;border:1px solid rgba(62,193,243,.13);border-radius:15px;background:#12152f}
.hn-bot-language-card strong{display:block;font-size:16px}.hn-bot-language-card span{display:block;margin-top:8px;color:#8693b2;font-size:10px;line-height:1.6}

/* faq */
.hn-bot-faq{background:#05061f}
.hn-bot-faq-list{max-width:900px;margin:auto;display:grid;gap:13px}
.hn-bot-faq-item{border:1px solid rgba(62,193,243,.13);border-radius:13px;background:#11142d;overflow:hidden}
.hn-bot-faq-item button{width:100%;padding:20px 22px;display:flex;justify-content:space-between;border:0;background:none;color:#fff;text-align:left;font:800 12px Montserrat;cursor:pointer}
.hn-bot-faq-item p{display:none;margin:0;padding:0 22px 20px;color:#96a3c1;font-size:11px;line-height:1.75}
.hn-bot-faq-item.open p{display:block}.hn-bot-faq-item.open button span{transform:rotate(45deg)}

.hn-bot-cta{padding:90px 22px;background:radial-gradient(circle at center,rgba(0,143,254,.13),transparent 48%),#080922;text-align:center}
.hn-bot-cta-box{width:min(950px,100%);margin:auto;padding:55px;border:1px solid rgba(62,193,243,.17);border-radius:21px;background:rgba(15,18,48,.9)}
.hn-bot-cta h2{margin:0;font-size:clamp(36px,4vw,54px);letter-spacing:-2px}.hn-bot-cta p{max-width:650px;margin:18px auto 28px;color:#9faccc;font-size:13px;line-height:1.8}

@media(max-width:1120px){
 .hn-bot-hero-inner,.hn-bot-language-wrap{grid-template-columns:1fr}
 .hn-bot-copy{text-align:center}.hn-bot-copy>p{margin-left:auto;margin-right:auto}.hn-bot-actions,.hn-bot-checks{justify-content:center}.hn-bot-code-window{width:min(760px,100%);margin:auto}
 .hn-bot-plan-grid{grid-template-columns:repeat(2,1fr)}
 .hn-bot-feature-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
 .hn-bot-hero{min-height:auto;padding:80px 17px}.hn-bot-copy h1{letter-spacing:-2px}
 .hn-bot-plan-grid,.hn-bot-feature-grid,.hn-bot-language-list{grid-template-columns:1fr}
 .hn-bot-cta-box{padding:38px 22px}
}