/* ===== Drackserv — Servers page styles (standalone) ===== */
:root{
  --ds-bg:#FFFFFF;
  --ds-bg-alt:#F4F6FA;
  --ds-surface:#FFFFFF;
  --ds-text:#0F172A;
  --ds-muted:#5B6472;
  --ds-border:rgba(15,23,42,0.10);
  --ds-blue:#2457FF;
  --ds-orange:#FF6A2B;
  --ds-red:#E23B3B;
  --ds-font-display:'Space Grotesk',sans-serif;
  --ds-font-body:'Inter',sans-serif;
  --ds-font-mono:'JetBrains Mono',monospace;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--ds-bg);color:var(--ds-text);font-family:var(--ds-font-body);line-height:1.6;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4{font-family:var(--ds-font-display);font-weight:600;letter-spacing:-0.01em;color:var(--ds-text);}
a{text-decoration:none;color:inherit;}
.ds-mono{font-family:var(--ds-font-mono);}
:focus-visible{outline:2px solid var(--ds-blue);outline-offset:2px;}

/* NAV */
.ds-nav{background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--ds-border);position:sticky;top:0;z-index:50;padding:.7rem 0;}
.ds-brand{display:flex;align-items:center;gap:.6rem;font-family:var(--ds-font-display);font-weight:600;font-size:1.1rem;color:var(--ds-text);}
.ds-brand-mark{width:32px;height:32px;border-radius:8px;}
.ds-nav .nav-link{color:var(--ds-muted);font-weight:500;padding:.5rem 1rem;transition:color .2s;font-size:.92rem;}
.ds-nav .nav-link:hover{color:var(--ds-blue);}
.ds-toggler-icon{display:inline-block;width:22px;height:2px;background:var(--ds-text);position:relative;}
.ds-toggler-icon::before,.ds-toggler-icon::after{content:'';position:absolute;left:0;width:22px;height:2px;background:var(--ds-text);}
.ds-toggler-icon::before{top:-7px;}
.ds-toggler-icon::after{top:7px;}
.navbar-toggler{border:none;background:none;}
.navbar-toggler:focus{box-shadow:none;}

.ds-btn-solid{background:var(--ds-orange);color:#fff;font-weight:600;border:1px solid var(--ds-orange);border-radius:99px;padding:.55rem 1.4rem;display:inline-block;font-size:.9rem;text-align:center;transition:transform .15s,box-shadow .15s,background .15s;}
.ds-btn-solid:hover{background:#E85A1E;transform:translateY(-1px);box-shadow:0 8px 24px rgba(255,106,43,.35);color:#fff;}
.ds-btn-line{border:1px solid var(--ds-border);color:var(--ds-text);border-radius:99px;padding:.55rem 1.4rem;display:inline-block;font-size:.9rem;background:transparent;text-align:center;transition:border-color .2s,background .2s,color .2s;}
.ds-btn-line:hover{border-color:var(--ds-blue);background:rgba(36,87,255,.06);color:var(--ds-blue);}

/* PAGE HEADER */
.ds-page-header{padding:6.5rem 0 3.5rem;border-bottom:1px solid var(--ds-border);background:var(--ds-bg-alt);}
.ds-eyebrow{color:var(--ds-blue);font-size:.78rem;letter-spacing:.08em;font-weight:600;}
.ds-page-header h1{font-size:clamp(2.1rem,4.4vw,3.1rem);margin:.9rem 0 1.1rem;max-width:760px;}
.ds-page-sub{color:var(--ds-muted);max-width:620px;font-size:1.06rem;margin-bottom:2.2rem;}

.ds-billing-toggle{display:inline-flex;background:#fff;border:1px solid var(--ds-border);border-radius:99px;padding:.3rem;gap:.2rem;}
.ds-toggle-btn{background:transparent;border:none;color:var(--ds-muted);padding:.5rem 1.2rem;border-radius:99px;font-size:.85rem;transition:background .2s,color .2s;}
.ds-toggle-btn.active{background:var(--ds-orange);color:#fff;}

/* SECTIONS */
.ds-section{padding:6rem 0;}
.ds-section-alt{background:var(--ds-bg-alt);}
.ds-section-head{max-width:640px;margin-bottom:3rem;}
.ds-section-head h2{font-size:clamp(1.7rem,3.4vw,2.3rem);margin-top:.8rem;}
.ds-section-sub{color:var(--ds-muted);margin-top:.8rem;}

/* PLAN CARDS */
.ds-plan-grid{border-top:1px solid var(--ds-border);border-left:1px solid var(--ds-border);}
.ds-plan-card{border-right:1px solid var(--ds-border);border-bottom:1px solid var(--ds-border);padding:2.2rem 1.8rem;display:flex;flex-direction:column;position:relative;background:var(--ds-bg);transition:background .2s;}
.ds-plan-card:hover{background:var(--ds-bg-alt);}
.ds-plan-featured{background:rgba(36,87,255,.04);}
.ds-featured-tag{position:absolute;top:1.6rem;right:1.8rem;color:var(--ds-red);font-size:.7rem;letter-spacing:.06em;font-weight:600;}
.ds-plan-card h3{font-size:1.1rem;margin-bottom:1.2rem;}
.ds-price{display:flex;align-items:baseline;gap:.3rem;margin-bottom:1.6rem;}
.ds-price-num{font-size:2rem;font-weight:700;color:var(--ds-text);}
.ds-price-period{color:var(--ds-muted);font-size:.85rem;}
.ds-spec-list{list-style:none;padding:0;margin:0 0 1.8rem;flex-grow:1;}
.ds-spec-list li{display:flex;justify-content:space-between;padding:.55rem 0;border-bottom:1px solid var(--ds-border);font-size:.82rem;}
.ds-spec-list li:last-child{border-bottom:none;}
.ds-spec-list li span:first-child{color:var(--ds-muted);}
.ds-spec-list li span:last-child{color:var(--ds-text);}

/* FAQ */
.ds-accordion{max-width:760px;}
.ds-faq-item{border-bottom:1px solid var(--ds-border);}
.ds-faq-q{width:100%;text-align:left;background:none;border:none;color:var(--ds-text);font-family:var(--ds-font-display);font-weight:600;font-size:1.02rem;padding:1.3rem 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;}
.ds-faq-icon{color:var(--ds-orange);font-size:1.3rem;transition:transform .2s;}
.ds-faq-q[aria-expanded="true"] .ds-faq-icon{transform:rotate(45deg);}
.ds-faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;}
.ds-faq-a p{color:var(--ds-muted);padding-bottom:1.3rem;margin:0;}

/* FOOTER */
.ds-footer{padding:4.5rem 0 1.5rem;border-top:1px solid var(--ds-border);}
.ds-footer-tag{color:var(--ds-muted);margin-top:1rem;font-size:.88rem;max-width:280px;}
.ds-footer h4{font-size:.76rem;letter-spacing:.06em;color:var(--ds-red);margin-bottom:1.1rem;font-weight:600;}
.ds-footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.65rem;}
.ds-footer-links a{color:var(--ds-text);font-size:.9rem;}
.ds-footer-links a:hover{color:var(--ds-blue);}
.ds-footer-bottom{border-top:1px solid var(--ds-border);margin-top:3rem;padding-top:1.5rem;color:var(--ds-muted);font-size:.78rem;text-align:center;}

@media (max-width:991px){
  .ds-btn-solid,.ds-btn-line{margin:.4rem .4rem 0 0;display:inline-block;}
  .ds-page-header{padding:4rem 0 2.5rem;}
  .ds-plan-grid{border-left:none;}
}