/* =========================================================
   HorizonNode Home V2
   Premium hosting layout based on user-supplied references.
   ========================================================= */

:root{
  --hn-bg:#05051b;
  --hn-bg2:#080821;
  --hn-card:#17142f;
  --hn-card2:#201a3b;
  --hn-line:rgba(118,115,189,.20);
  --hn-blue:#129cff;
  --hn-blue2:#008ffe;
  --hn-cyan:#3ec1f3;
  --hn-text:#ffffff;
  --hn-muted:#a8b7d8;
  --hn-good:#3fe48a;
}
*{box-sizing:border-box}
body{margin:0;background:var(--hn-bg);color:var(--hn-text);font-family:Montserrat,Arial,sans-serif}
a{color:inherit}
.hn2-main{overflow:hidden;background:var(--hn-bg)}
.hn2-shell{width:min(1440px,calc(100% - 48px));margin:auto}
.hn2-eyebrow{color:var(--hn-blue);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}
.hn2-title{margin:14px 0 15px;font-size:clamp(38px,4.1vw,58px);line-height:1.04;letter-spacing:-2.4px;font-weight:900}
.hn2-copy{margin:0;color:var(--hn-muted);font-size:16px;line-height:1.65}
.hn2-btn{min-height:50px;padding:0 25px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:900;transition:.2s}
.hn2-btn.primary{background:linear-gradient(135deg,#27baff,#008ffe);color:#03101b}
.hn2-btn.secondary{background:#211b3c;border:1px solid rgba(255,255,255,.04);color:#fff}
.hn2-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}

/* HERO */
.hn2-hero{
  position:relative;
  min-height:570px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-bottom:1px solid rgba(80,119,179,.12);
  background:
    linear-gradient(90deg,rgba(5,5,27,.90),rgba(7,7,35,.82)),
    radial-gradient(circle at 17% 45%,rgba(15,96,191,.24),transparent 25%),
    radial-gradient(circle at 84% 35%,rgba(57,20,94,.22),transparent 30%),
    #06051e;
}
.hn2-hero:before{
  content:"";
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(91,117,180,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(91,117,180,.08) 1px,transparent 1px);
  background-size:55px 55px;
  opacity:.78
}
.hn2-hero:after{
  content:"";
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(4,5,23,.65),transparent 22%,transparent 78%,rgba(5,5,25,.65)),
    radial-gradient(ellipse at center,transparent 20%,rgba(4,4,22,.25) 70%);
}
.hn2-hero-art-left,.hn2-hero-art-right{
  position:absolute;z-index:1;pointer-events:none;opacity:.28;filter:saturate(.7)
}
.hn2-hero-art-left{
  left:-90px;bottom:-130px;width:520px;height:450px;border-radius:45% 55% 30% 30%;
  background:
    radial-gradient(circle at 47% 16%,rgba(31,127,255,.85) 0 4%,transparent 5%),
    radial-gradient(circle at 56% 16%,rgba(230,46,92,.75) 0 4%,transparent 5%),
    linear-gradient(145deg,transparent 40%,rgba(22,39,79,.85) 41% 61%,transparent 62%);
  transform:rotate(-9deg)
}
.hn2-hero-art-right{
  right:-30px;bottom:-30px;width:370px;height:470px;
  background:linear-gradient(180deg,rgba(70,61,91,.65),rgba(17,20,47,.1));
  clip-path:polygon(35% 4%,61% 4%,69% 14%,75% 33%,89% 91%,13% 91%,24% 32%,28% 14%);
}
.hn2-hero-center{position:relative;z-index:3;width:min(900px,calc(100% - 34px));text-align:center;padding:70px 0 78px}
.hn2-hero-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 17px;border-radius:999px;background:rgba(108,46,42,.48);color:#ff7c45;font-size:13px;font-weight:900}
.hn2-hero h1{margin:25px 0 18px;font-size:clamp(56px,6.5vw,82px);line-height:.98;letter-spacing:-3.2px}
.hn2-hero h1 .blue{display:block;color:#078eff}
.hn2-hero h1 .white{display:block;color:#fff}
.hn2-hero-sub{font-size:15px;color:#c0cce7}
.hn2-dot{padding:0 8px;color:#138eff}
.hn2-hero-actions{display:flex;justify-content:center;gap:14px;margin-top:38px;flex-wrap:wrap}

/* SERVICES */
.hn2-section{padding:92px 0}
.hn2-section.alt{background:#05051b}
.hn2-section.deep{background:#06061d}
.hn2-section-head{text-align:center;max-width:780px;margin:0 auto 52px}
.hn2-section-head h2{margin:0 0 20px;font-size:42px;letter-spacing:-1.6px}
.hn2-section-head p{color:#a6b6d7;font-size:15px;line-height:1.6}
.hn2-services-tabs{display:flex;width:max-content;max-width:100%;margin:0 auto 45px;padding:5px;border:1px solid rgba(113,91,177,.3);border-radius:11px;background:#08071d;overflow:auto}
.hn2-services-tabs button{border:0;padding:13px 23px;border-radius:7px;background:none;color:#aeb9d2;font:800 13px Montserrat;white-space:nowrap;cursor:pointer}
.hn2-services-tabs button.active{background:#241e43;color:#fff}
.hn2-service-panel{display:none}.hn2-service-panel.active{display:grid}
.hn2-service-grid{grid-template-columns:repeat(4,1fr);gap:17px;max-width:1080px;margin:auto}
.hn2-product-card{min-height:350px;padding:27px 20px 21px;text-align:center;border:1px solid rgba(116,101,176,.23);border-radius:13px;background:linear-gradient(180deg,#0f0d2a,#0b0a24)}
.hn2-game-icon{width:54px;height:54px;margin:0 auto 15px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#2d2854,#11132d);font-size:27px;box-shadow:0 12px 28px rgba(0,0,0,.18)}
.hn2-product-card h3{font-size:23px;margin:0 0 12px}
.hn2-product-spec{min-height:55px;color:#9fb1d4;font-size:13px;line-height:1.8}
.hn2-product-card hr{border:0;border-top:1px solid rgba(255,255,255,.08);margin:18px 0}
.hn2-price{font-size:14px;color:#aab9d7}.hn2-price strong{font-size:23px;color:#fff}
.hn2-product-card a{height:43px;margin-top:20px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#149cff;color:#04101b;text-decoration:none;font-size:10px;font-weight:900;text-transform:uppercase}

/* FEATURES */
.hn2-features{padding-top:120px}
.hn2-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1400px;margin:auto}
.hn2-feature-card{min-height:230px;padding:39px;border:1px solid rgba(116,101,176,.18);border-radius:15px;background:#1c1737;position:relative}
.hn2-feature-card small{color:#139eff;font-size:11px;font-weight:900}
.hn2-feature-icon{position:absolute;right:30px;top:29px;color:#149cff;font-size:46px;font-weight:900}
.hn2-feature-card h3{margin:43px 0 14px;font-size:20px}
.hn2-feature-card p{margin:0;color:#a8b8d6;font-size:14px;line-height:1.55}

/* PANEL */
.hn2-panel-section{padding:110px 0 105px;background:#05051b}
.hn2-panel-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:55px}
.hn2-panel-intro h2{font-size:36px;margin:0 0 12px}
.hn2-panel-intro p{max-width:660px;margin:0;color:#aab9d8;font-size:15px;line-height:1.65}
.hn2-demo{text-align:center;font-size:12px;font-weight:800}.hn2-demo .hn2-btn{margin-top:14px}
.hn2-panel-grid{display:grid;grid-template-columns:1.45fr .7fr;gap:70px;align-items:center}
.hn2-dashboard{height:470px;border:6px solid #282d45;border-radius:22px;background:#0c1222;display:grid;grid-template-columns:145px 1fr;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.2)}
.hn2-dash-side{padding:20px 18px;background:#263248}.hn2-dash-logo{font-size:30px;color:#14a3ff;text-align:center;margin-bottom:20px}.hn2-dash-nav i{display:block;height:11px;margin:15px 0;border-radius:99px;background:#7d849f}.hn2-dash-nav i:nth-child(odd){width:68%}.hn2-dash-nav i:nth-child(even){width:42%}
.hn2-dash-main{padding:29px}.hn2-lines i{display:block;height:8px;margin:8px 0;border-radius:99px;background:#81879e}.hn2-lines i.blue{background:#179cff}.hn2-lines i:nth-child(1){width:26%}.hn2-lines i:nth-child(2){width:48%}.hn2-lines i:nth-child(3){width:40%}.hn2-lines i:nth-child(4){width:58%}.hn2-lines i:nth-child(5){width:36%}.hn2-lines i:nth-child(6){width:72%}
.hn2-dash-bar{height:42px;margin:25px 0 10px;border-radius:6px;background:#202c3e}
.hn2-dash-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.hn2-dash-cards span{height:76px;border-radius:8px;background:#202c3e}
.hn2-panel-list{display:grid;gap:16px}
.hn2-panel-item{padding:17px 20px;border:1px solid rgba(116,101,176,.18);border-radius:13px;background:#1a1532;display:flex;align-items:center;gap:16px}
.hn2-panel-item.active{background:#1c598f;border-color:#0fa7ff}
.hn2-panel-item b{color:#12a3ff;font-size:23px;width:28px;text-align:center}
.hn2-panel-item strong,.hn2-panel-item span{display:block}.hn2-panel-item strong{font-size:14px}.hn2-panel-item span{margin-top:4px;color:#aab9d6;font-size:12px;line-height:1.35}

/* FAQ */
.hn2-faq-section{position:relative;padding:80px 0 100px;background:#08071f}
.hn2-faq-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(88,88,156,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(88,88,156,.08) 1px,transparent 1px);background-size:60px 60px}
.hn2-faq-grid{position:relative;display:grid;grid-template-columns:1.35fr .8fr;gap:65px}
.hn2-faq-title{font-size:46px;line-height:1.1;margin:0 0 55px;max-width:390px}
.hn2-faq-list{display:grid;gap:12px}
.hn2-faq-item{border:1px solid rgba(147,132,188,.23);border-radius:13px;background:#252040;overflow:hidden}
.hn2-faq-item button{width:100%;padding:22px 20px;border:0;background:none;color:#fff;display:flex;justify-content:space-between;align-items:center;text-align:left;font:800 14px Montserrat;cursor:pointer}
.hn2-faq-item p{display:none;margin:0;padding:0 20px 22px;color:#d1d7e8;font-size:14px;line-height:1.55}.hn2-faq-item.open p{display:block}.hn2-faq-item.open button span{transform:rotate(45deg)}
.hn2-faq-help{align-self:end;min-height:430px;padding:48px 36px;border:1px solid rgba(147,132,188,.18);border-radius:18px;background:rgba(26,21,55,.7);text-align:center;display:flex;flex-direction:column;justify-content:center}
.hn2-chat{font-size:64px;margin-bottom:22px}.hn2-faq-help h3{font-size:19px}.hn2-faq-help p{color:#9fb2d3;line-height:1.6;font-size:13px}.hn2-faq-help a{margin-top:12px}

/* CTA */
.hn2-cta{padding:60px 0 75px;background:#05051b}
.hn2-cta-box{min-height:330px;padding:40px 48px;border:1px solid rgba(116,101,176,.22);border-radius:20px;background:linear-gradient(110deg,#0b0630 0%,#211b40 70%);display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;overflow:hidden}
.hn2-cta-copy h2{font-size:38px;line-height:1.2;margin:20px 0 28px}.hn2-cta-icon{font-size:55px;color:#159eff}.hn2-cta-actions{display:flex;gap:14px;flex-wrap:wrap}
.hn2-cta-art{height:260px;position:relative}
.hn2-bubble{position:absolute;border-radius:50%;overflow:hidden;border:6px solid #211b40;display:grid;place-items:center;color:white;font-weight:900;background:linear-gradient(135deg,#095bac,#321b57)}
.hn2-b1{width:190px;height:190px;right:190px;top:5px}.hn2-b2{width:138px;height:138px;right:60px;top:38px}.hn2-b3{width:110px;height:110px;right:205px;bottom:0}.hn2-b4{width:88px;height:88px;right:20px;bottom:10px}.hn2-b5{width:78px;height:78px;right:125px;bottom:-2px}

/* FOOTER */
.hn2-footer{padding:60px 0 25px;border-top:1px solid rgba(93,87,147,.16);background:#040416;color:#fff}
.hn2-footer-grid{display:grid;grid-template-columns:1.1fr repeat(3,.75fr);gap:55px}
.hn2-footer-brand img{width:235px;max-width:100%;height:auto}.hn2-footer-brand p{max-width:310px;color:#a6b7d8;font-size:13px;line-height:1.65}
.hn2-socials{display:flex;gap:10px}.hn2-socials a{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#1d1b2c;text-decoration:none;font-size:13px}
.hn2-footer h4{font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin:0 0 22px}.hn2-footer-links{display:grid;gap:15px}.hn2-footer-links a{text-decoration:none;color:#a8badb;font-size:13px}
.hn2-payments{display:flex;gap:17px;flex-wrap:wrap;margin-top:75px}.hn2-payments span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#17172a;color:#36aaff;font-size:11px;font-weight:900}
.hn2-news{margin-top:42px;padding:37px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;gap:30px}.hn2-news h4{font-size:14px;margin:0 0 7px;text-transform:none}.hn2-news p{margin:0;color:#a8bad8;font-size:12px}
.hn2-news-form{display:flex;gap:12px}.hn2-news-form input{width:240px;padding:15px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#12101f;color:white}.hn2-news-form button{border:0;border-radius:7px;background:#139cff;color:#04101b;font-weight:900;padding:0 25px}
.hn2-footer-bottom{padding-top:25px;display:flex;justify-content:space-between;gap:20px;color:#9db2d4;font-size:11px}.hn2-footer-bottom nav{display:flex;gap:25px}.hn2-footer-bottom a{text-decoration:none}

@media(max-width:1100px){
 .hn2-service-grid{grid-template-columns:repeat(2,1fr)}
 .hn2-feature-grid{grid-template-columns:repeat(2,1fr)}
 .hn2-panel-grid,.hn2-faq-grid,.hn2-cta-box{grid-template-columns:1fr}
 .hn2-footer-grid{grid-template-columns:repeat(2,1fr)}
 .hn2-panel-intro{align-items:flex-start}
}
@media(max-width:700px){
 .hn2-shell{width:calc(100% - 28px)}
 .hn2-hero{min-height:520px}.hn2-hero h1{font-size:52px}.hn2-hero-sub{font-size:12px;line-height:1.7}
 .hn2-service-grid,.hn2-feature-grid,.hn2-footer-grid{grid-template-columns:1fr}
 .hn2-services-tabs button{padding:12px 15px;font-size:11px}
 .hn2-feature-card{padding:28px}.hn2-panel-intro,.hn2-news,.hn2-footer-bottom{display:block}
 .hn2-dashboard{grid-template-columns:90px 1fr;height:380px}.hn2-dash-side{padding:15px 10px}
 .hn2-faq-title{font-size:38px}
 .hn2-cta-box{padding:32px 25px}.hn2-cta-art{height:230px;transform:scale(.8);transform-origin:center}
 .hn2-news-form{margin-top:20px}.hn2-news-form input{min-width:0;width:100%}.hn2-footer-bottom nav{margin-top:15px}
}