/* ===== Drackserv — About 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;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;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);}
.ds-btn-lg{padding:.85rem 1.9rem;font-size:.98rem;}

/* PAGE HEADER */
.ds-page-header{padding:6.5rem 0 4rem;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;}

/* 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 h2{font-size:1.55rem;margin-bottom:1.1rem;}
.ds-body-text{color:var(--ds-muted);margin-bottom:1.2rem;}

.ds-checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.1rem;}
.ds-checklist li{position:relative;padding-left:1.7rem;color:var(--ds-muted);}
.ds-checklist li::before{content:'';position:absolute;left:0;top:.5rem;width:8px;height:8px;border-radius:50%;background:var(--ds-blue);}

/* VALUES */
.ds-value-grid{border-top:1px solid var(--ds-border);border-left:1px solid var(--ds-border);}
.ds-value-card{border-right:1px solid var(--ds-border);border-bottom:1px solid var(--ds-border);padding:2.4rem 2rem;background:var(--ds-bg);transition:background .2s;}
.ds-value-card:hover{background:var(--ds-bg-alt);}
.ds-capability-index{color:var(--ds-orange);font-size:.8rem;display:block;margin-bottom:2rem;font-weight:600;}
.ds-value-card h3{font-size:1.1rem;margin-bottom:.7rem;}
.ds-value-card p{color:var(--ds-muted);margin:0;font-size:.92rem;}

/* CONTACT */
.ds-contact-list{list-style:none;padding:0;margin:1.6rem 0 0;display:flex;flex-direction:column;gap:1.2rem;}
.ds-contact-list li{display:flex;flex-direction:column;gap:.3rem;}
.ds-contact-label{color:var(--ds-muted);font-size:.74rem;letter-spacing:.06em;}
.ds-contact-list a{color:var(--ds-blue);}
.ds-contact-list a:hover{color:var(--ds-orange);}

.ds-form{background:var(--ds-bg-alt);border:1px solid var(--ds-border);border-radius:12px;padding:2.2rem;}
.ds-label{font-size:.74rem;color:var(--ds-muted);letter-spacing:.06em;margin-bottom:.5rem;display:block;}
.ds-input{background:#fff;border:1px solid var(--ds-border);color:var(--ds-text);border-radius:8px;padding:.65rem .8rem;}
.ds-input:focus{background:#fff;border-color:var(--ds-blue);color:var(--ds-text);box-shadow:0 0 0 3px rgba(36,87,255,.15);}
.ds-error{color:var(--ds-red);font-size:.78rem;margin-top:.35rem;display:none;}
.ds-error.show{display:block;}
.ds-form-status{margin-left:1rem;color:var(--ds-blue);font-size:.85rem;}

/* 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-value-grid{border-left:none;}
}