/* ============ Tokens ============ */
:root{
  --bg:#0c0c0c;
  --brand:#3D81E3;
  --cyan:#00d2ff;
  --ink-1:#091020;
  --ink-2:#0B2551;
  --white:#ffffff;
  --w-70:rgba(255,255,255,0.7);
  --w-60:rgba(255,255,255,0.6);
  --w-50:rgba(255,255,255,0.5);
  --w-45:rgba(255,255,255,0.45);
  --w-40:rgba(255,255,255,0.4);
  --w-10:rgba(255,255,255,0.1);
  --w-05:rgba(255,255,255,0.05);
}

*{box-sizing:border-box;}
html,body{
  margin:0;
  padding:0;
  background:var(--bg);
  color:var(--white);
  font-family:'Inter', system-ui, sans-serif;
  -webkit-font-smoothing:antialiased;
  scroll-behavior:smooth;
}
::selection{ background:rgba(61,129,227,0.3); }
img,svg{ display:block; }
a{ color:inherit; text-decoration:none; }
button{ font-family:inherit; cursor:pointer; }
ul{ list-style:none; margin:0; padding:0; }

/* ============ Fixed cinematic background ============ */
.dc-bg{ position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden; }
#dc-canvas{ width:100%; height:100%; display:block; opacity:0.55; }
.dc-bg-glow{
  position:absolute; inset:0;
  background:
    radial-gradient(900px circle at 15% 5%, rgba(0,210,255,0.22), transparent 62%),
    radial-gradient(1100px circle at 88% 25%, rgba(61,129,227,0.22), transparent 62%),
    radial-gradient(1000px circle at 50% 55%, rgba(11,37,81,0.35), transparent 65%),
    radial-gradient(1400px circle at 50% 105%, rgba(164,244,253,0.12), transparent 60%),
    linear-gradient(180deg, rgba(9,16,32,0.4) 0%, rgba(12,12,12,0) 30%);
}
.dc-guide{ position:fixed; inset-block:0; width:1px; background:var(--w-10); z-index:5; pointer-events:none; display:none; }
@media(min-width:768px){
  .dc-guide{ display:block; top:0; bottom:0; }
  .dc-guide-left{ left:calc(50% - 36rem); }
  .dc-guide-right{ left:calc(50% + 36rem); }
}

.dc-root{ position:relative; z-index:1; min-height:100vh; overflow-x:hidden; }

/* ============ Reveal-on-scroll ============ */
.reveal{ opacity:0; transform:translateY(24px); transition:opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1); transition-delay:calc(var(--d,0) * 90ms); }
.reveal.in{ opacity:1; transform:translateY(0); }
@media (prefers-reduced-motion:reduce){ .reveal{ transition:none; opacity:1; transform:none; } }

/* ============ Shared icons / dots ============ */
.dc-icon{ width:16px; height:16px; }
.dc-icon-sm{ width:14px; height:14px; }
.dc-icon-lg{ width:32px; height:32px; margin-bottom:16px; }
.dc-icon-xl{ width:38px; height:38px; margin:0 auto 14px; color:var(--w-60); }
.dc-chevron{ transition:transform .2s ease; }
.dc-btn:hover .dc-chevron{ transform:translateX(2px); }
.dc-dot{ width:6px; height:6px; border-radius:50%; background:#fff; display:inline-block; }
.dc-dot-c{ width:9px; height:9px; border-radius:50%; display:inline-block; }

/* ============ Buttons ============ */
.dc-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  border-radius:999px; font-weight:500; font-size:14px; padding:12px 20px;
  transition:all .2s ease; border:none;
}
.dc-btn-white{ background:#fff; color:#000; }
.dc-btn-white:hover{ background:rgba(255,255,255,0.9); }
.dc-btn-white:active{ transform:scale(.98); }
.dc-btn-ghost{ background:transparent; color:#fff; border:1px solid var(--w-10); }
.dc-btn-ghost:hover{ background:var(--w-05); }

/* ============ Navbar ============ */
.dc-nav-wrap{ position:sticky; top:0; z-index:40; --d:0; }
.dc-nav{
  max-width:72rem; margin:0 auto; padding:18px 24px;
  display:flex; align-items:center; justify-content:space-between; gap:20px;
}
.dc-logo{ display:flex; align-items:center; gap:10px; }
.dc-logo-mark{ width:26px; height:26px; flex-shrink:0; }
.dc-logo-word{ font-weight:700; font-size:16px; letter-spacing:-0.01em; white-space:nowrap; }
.dc-logo-word em{ font-style:normal; color:var(--cyan); font-weight:600; }
.dc-nav-links{ display:none; gap:32px; }
.dc-nav-links a{ color:var(--w-70); font-size:14px; font-weight:500; transition:color .2s; }
.dc-nav-links a:hover{ color:#fff; }
.dc-nav-cta{ display:none; align-items:center; gap:10px; }
.dc-btn-login{ background:none; border:1px solid var(--w-10); color:var(--w-70); padding:10px 16px; font-size:13px; }
.dc-btn-login:hover{ background:var(--w-05); color:#fff; border-color:var(--w-10); }
.dc-nav-burger{
  width:40px; height:40px; border-radius:999px; border:1px solid var(--w-10);
  background:var(--w-05); color:#fff; display:flex; align-items:center; justify-content:center;
}
.dc-nav-burger svg{ width:18px; height:18px; }
@media(min-width:768px){
  .dc-nav-links{ display:flex; }
  .dc-nav-cta{ display:flex; }
  .dc-nav-burger{ display:none; }
}
@media(min-width:768px) and (max-width:1023px){
  .dc-nav-links{ gap:16px; }
  .dc-btn-login{ padding:9px 12px; font-size:12.5px; }
}
.dc-mobile-menu{
  max-height:0; overflow:hidden; transition:max-height .35s ease;
  display:flex; flex-direction:column; gap:2px; padding:0 24px;
  border-top:1px solid transparent;
}
.dc-mobile-menu.open{ max-height:520px; padding:8px 24px 20px; border-top-color:var(--w-10); }
.dc-mobile-menu a{ padding:12px 4px; font-size:15px; color:var(--w-70); border-bottom:1px solid var(--w-05); }
.dc-mobile-cta{ margin-top:14px; text-align:center; border-bottom:none !important; }
.dc-mobile-logins{ display:flex; gap:8px; margin-top:14px; }
.dc-mobile-logins .dc-btn{ flex:1; padding:10px; font-size:12.5px; border-bottom:none !important; }
@media(min-width:768px){ .dc-mobile-menu{ display:none !important; } }

/* ============ Hero ============ */
.dc-hero{
  max-width:56rem; margin:0 auto; padding:64px 24px 60px;
  text-align:center; display:flex; flex-direction:column; align-items:center;
}
@media(min-width:768px){ .dc-hero{ padding-top:96px; padding-bottom:80px; } }

.dc-eyebrow{
  display:inline-flex; align-items:center; gap:8px; font-size:13px; color:var(--w-70);
  border:1px solid var(--w-10); background:var(--w-05); padding:6px 14px; border-radius:999px;
}
.dc-tag{ padding:2px 8px; border-radius:999px; border:1px solid var(--w-10); color:var(--w-50); font-size:11px; }

.dc-h1{ font-size:38px; font-weight:600; letter-spacing:-0.02em; line-height:0.98; margin:28px 0 0; }
@media(min-width:768px){ .dc-h1{ font-size:68px; } }
.dc-line{ display:block; }
.dc-shiny{
  background-image:linear-gradient(to right, var(--ink-1) 0%, var(--ink-2) 12.5%, #A4F4FD 32.5%, var(--cyan) 50%, var(--ink-2) 67.5%, var(--ink-1) 87.5%, var(--ink-1) 100%);
  background-size:200% auto;
  -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;
  filter:url(#dc-noise);
  animation:dc-shine 6s linear infinite;
}
@keyframes dc-shine{ 0%{ background-position:-200% center; } 100%{ background-position:200% center; } }

.dc-lede{ margin-top:28px; color:var(--w-60); max-width:34rem; font-size:16px; line-height:1.55; }
.dc-hero-cta{ margin-top:28px; display:flex; gap:12px; flex-wrap:wrap; justify-content:center; }
.dc-hero-sub{ margin-top:18px; font-size:12px; color:var(--w-40); }
.dc-founder-byline{ margin-top:10px; font-size:12.5px; color:var(--w-50); }
.dc-founder-byline strong{ color:#A4F4FD; font-weight:600; }

/* ============ About Us ============ */
.dc-about{ max-width:72rem; margin:0 auto; padding:70px 24px 90px; }
.dc-about-head{ max-width:44rem; margin:0 auto; text-align:center; }
.dc-about-shiny{
  background-image:linear-gradient(to right, var(--ink-1) 0%, var(--ink-2) 12.5%, #A4F4FD 32.5%, var(--cyan) 50%, var(--ink-2) 67.5%, var(--ink-1) 87.5%, var(--ink-1) 100%);
  background-size:200% auto;
  -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;
  filter:url(#dc-noise); animation:dc-shine 6s linear infinite; display:inline-block;
}
.dc-about-lede{ margin-left:auto; margin-right:auto; margin-top:22px; }

.dc-about-grid{
  margin-top:52px; display:grid; grid-template-columns:1fr; gap:16px; align-items:center;
}
@media(min-width:900px){ .dc-about-grid{ grid-template-columns:1fr auto 1fr; gap:22px; } }
.dc-about-card{ border-radius:18px; padding:28px 26px; }
.dc-about-kicker{ display:inline-block; font-size:11px; text-transform:uppercase; letter-spacing:.08em; color:var(--w-40); border:1px solid var(--w-10); padding:4px 10px; border-radius:999px; margin-bottom:14px; }
.dc-about-kicker-accent{ color:#0c0c0c; background:var(--cyan); border-color:var(--cyan); }
.dc-about-card h3{ font-size:18px; margin:0 0 10px; }
.dc-about-card p{ font-size:13.5px; color:var(--w-60); line-height:1.6; margin:0; }
.dc-about-illus{ width:100%; height:auto; margin-bottom:18px; display:block; }
.dc-about-card-featured{ border-color:rgba(0,210,255,0.35); box-shadow:inset 0 1px 1px rgba(255,255,255,0.1), 0 0 0 1px rgba(0,210,255,0.15); }
.dc-about-arrow{ display:flex; align-items:center; justify-content:center; color:var(--w-40); transform:rotate(90deg); }
@media(min-width:900px){ .dc-about-arrow{ transform:none; } }
.dc-about-arrow svg{ width:26px; height:26px; }

.dc-tech-cover{ margin-top:60px; border-top:1px solid var(--w-10); padding-top:40px; }
.dc-chips-center{ justify-content:center; max-width:52rem; margin:0 auto; }

.dc-roadmap{ margin-top:70px; border-top:1px solid var(--w-10); padding-top:44px; }
.dc-roadmap-kicker{ text-align:center; font-size:12px; text-transform:uppercase; letter-spacing:.1em; color:var(--w-40); margin:0 0 30px; }
.dc-roadmap-grid{ display:grid; grid-template-columns:1fr; gap:26px; }
@media(min-width:640px){ .dc-roadmap-grid{ grid-template-columns:1fr 1fr; } }
@media(min-width:1024px){ .dc-roadmap-grid{ grid-template-columns:repeat(4,1fr); } }
.dc-roadmap-item h4{ font-size:14.5px; margin:0 0 8px; }
.dc-roadmap-item p{ font-size:12.5px; color:var(--w-50); line-height:1.55; margin:0; }

/* ============ Browser strip ============ */
.dc-strip{ height:44px; background:rgba(0,0,0,0.4); backdrop-filter:blur(10px); border-top:1px solid var(--w-10); border-bottom:1px solid var(--w-10); }
.dc-strip-inner{ max-width:72rem; margin:0 auto; padding:0 24px; height:100%; display:flex; align-items:center; justify-content:space-between; font-size:12px; color:var(--w-60); }
.dc-strip-left{ display:flex; align-items:center; gap:16px; }
.dc-strip-brand{ font-weight:700; color:#fff; }
.dc-strip-item{ color:var(--w-50); }
.dc-hide-sm{ display:none; }
.dc-hide-md{ display:none; }
@media(min-width:640px){ .dc-hide-sm{ display:inline; } }
@media(min-width:768px){ .dc-hide-md{ display:inline; } }
.dc-strip-right{ display:flex; align-items:center; gap:8px; }

/* ============ Mockup ============ */
.dc-mockup-section{ max-width:72rem; margin:0 auto; padding:56px 24px; }
@media(min-width:768px){ .dc-mockup-section{ padding:96px 24px; } }
.dc-mockup{ position:relative; border-radius:18px; overflow:hidden; border:1px solid var(--w-10); background:rgba(14,16,20,0.9); backdrop-filter:blur(30px); }
.dc-mockup-titlebar{ height:38px; display:flex; align-items:center; gap:8px; padding:0 16px; border-bottom:1px solid var(--w-10); position:relative; }
.dc-dot-red,.dc-dot-yellow,.dc-dot-green{ width:11px; height:11px; border-radius:50%; }
.dc-dot-red{ background:#ff5f57; } .dc-dot-yellow{ background:#febc2e; } .dc-dot-green{ background:#28c840; }
.dc-mockup-title{ position:absolute; left:50%; transform:translateX(-50%); font-size:12px; color:var(--w-50); }

.dc-mockup-body{ display:grid; grid-template-columns:1fr; min-height:auto; }
@media(min-width:900px){ .dc-mockup-body{ grid-template-columns:3fr 4fr 5fr; height:540px; } }

.dc-m-sidebar{ border-bottom:1px solid var(--w-10); background:rgba(0,0,0,0.3); padding:16px; }
@media(min-width:900px){ .dc-m-sidebar{ border-bottom:none; border-right:1px solid var(--w-10); } }
.dc-compose{ width:100%; background:#fff; color:#000; font-weight:600; font-size:12px; border:none; border-radius:8px; padding:10px 12px; display:flex; align-items:center; gap:8px; }
.dc-m-nav{ margin-top:16px; display:flex; flex-direction:column; gap:2px; }
.dc-m-nav a{ display:flex; align-items:center; gap:10px; font-size:13px; padding:8px 10px; border-radius:8px; color:var(--w-60); }
.dc-m-nav a:hover{ background:var(--w-05); }
.dc-m-nav a.active{ background:var(--w-10); color:#fff; }
.dc-count{ margin-left:auto; font-size:11px; color:var(--w-40); }
.dc-m-labels{ margin-top:22px; }
.dc-m-labels-title{ font-size:10px; text-transform:uppercase; letter-spacing:.08em; color:var(--w-40); margin:0 0 10px 4px; }
.dc-label-row{ display:flex; align-items:center; gap:10px; font-size:12px; color:var(--w-60); padding:5px 4px; }

.dc-m-list{ border-bottom:1px solid var(--w-10); max-height:420px; overflow-y:auto; }
@media(min-width:900px){ .dc-m-list{ border-bottom:none; border-right:1px solid var(--w-10); max-height:none; } }
.dc-m-search{ display:flex; align-items:center; gap:8px; padding:14px 16px; border-bottom:1px solid var(--w-10); color:var(--w-40); }
.dc-placeholder{ font-size:12px; }
.dc-m-item{ display:block; width:100%; text-align:left; background:none; border:none; border-bottom:1px solid var(--w-05); padding:14px 16px; color:#fff; }
.dc-m-item:hover{ background:var(--w-05); }
.dc-m-item.active{ background:var(--w-10); }
.dc-m-item-top{ display:flex; justify-content:space-between; font-size:13px; }
.dc-m-time{ color:var(--w-40); font-weight:400; }
.dc-m-item-sub{ font-size:12px; color:var(--w-60); margin-top:2px; }
.dc-m-item-preview{ font-size:11.5px; color:var(--w-40); margin-top:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.dc-m-reader{ padding:18px 20px; }
.dc-m-toolbar{ display:flex; align-items:center; gap:4px; margin-bottom:16px; }
.dc-m-toolbtn{ width:28px; height:28px; border-radius:6px; background:none; border:none; color:var(--w-60); display:flex; align-items:center; justify-content:center; }
.dc-m-toolbtn:hover{ background:var(--w-05); color:#fff; }
.dc-m-toolbtn-spacer{ flex:1; }
.dc-m-reader-title{ font-size:16px; font-weight:600; margin:0 0 14px; }
.dc-m-reader-meta{ display:flex; align-items:center; gap:10px; margin-bottom:18px; }
.dc-m-avatar{ width:28px; height:28px; border-radius:50%; background:linear-gradient(135deg, var(--cyan), var(--ink-2)); display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:700; flex-shrink:0; }
.dc-m-reader-name{ font-size:13px; font-weight:600; }
.dc-m-reader-sub{ font-size:11.5px; color:var(--w-50); }
.dc-pill{ margin-left:auto; font-size:11px; padding:3px 10px; border-radius:999px; border:1px solid var(--w-10); color:var(--w-60); }
.dc-m-reader-body{ font-size:13px; line-height:1.6; color:var(--w-70); max-height:280px; overflow-y:auto; }
.dc-m-reader-body p{ margin:0 0 12px; }
.dc-signature{ color:var(--w-40); }
.dc-summary-card{ background:var(--w-05); border:1px solid var(--w-10); border-radius:10px; padding:12px 14px; margin-bottom:16px; }
.dc-summary-head{ display:flex; align-items:center; gap:8px; font-size:12px; font-weight:600; color:#A4F4FD; margin-bottom:6px; }
.dc-attachment{ display:inline-flex; align-items:center; gap:8px; border:1px solid var(--w-10); background:var(--w-05); padding:8px 12px; border-radius:8px; font-size:12px; color:var(--w-70); }

/* ============ liquid-glass ============ */
.dc-glass{
  background:rgba(255,255,255,0.01);
  background-blend-mode:luminosity;
  backdrop-filter:blur(4px);
  border:none;
  box-shadow:inset 0 1px 1px rgba(255,255,255,0.1);
  position:relative;
  overflow:hidden;
}
.dc-glass::before{
  content:''; position:absolute; inset:0; border-radius:inherit; padding:1.4px;
  background:linear-gradient(180deg, rgba(255,255,255,0.45) 0%, rgba(255,255,255,0.15) 20%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 60%, rgba(255,255,255,0.15) 80%, rgba(255,255,255,0.45) 100%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  pointer-events:none;
}

/* ============ Feature: AI sourcing ============ */
.dc-sourcing-card{ border-radius:18px; padding:22px 20px 26px; }
.dc-sourcing-illus{ width:100%; height:auto; display:block; }
.dc-sourcing-stats{ margin-top:22px; padding-top:20px; border-top:1px solid var(--w-10); display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.dc-sourcing-stat{ display:flex; flex-direction:column; gap:4px; text-align:center; }
.dc-sourcing-num{ font-size:18px; font-weight:600; color:#A4F4FD; }
.dc-sourcing-label{ font-size:10.5px; color:var(--w-50); line-height:1.3; }

/* ============ Feature: AI screening ============ */
.dc-feature{ max-width:72rem; margin:0 auto; padding:80px 24px; display:grid; gap:40px; align-items:start; }
@media(min-width:768px){ .dc-feature{ grid-template-columns:1fr 1fr; padding:112px 24px; gap:64px; } }
.dc-h2{ font-size:30px; font-weight:600; letter-spacing:-0.02em; line-height:1.05; margin:20px 0 0; }
@media(min-width:768px){ .dc-h2{ font-size:44px; } }
.dc-center{ text-align:center; }
.dc-p{ margin-top:22px; color:var(--w-60); font-size:15.5px; line-height:1.6; max-width:32rem; }
.dc-chips{ margin-top:24px; display:flex; flex-wrap:wrap; gap:10px; }
.dc-chip{ font-size:12px; color:var(--w-70); padding:7px 14px; border-radius:999px; border:1px solid var(--w-10); background:rgba(255,255,255,0.03); }

.dc-triage-card{ border-radius:18px; padding:18px; }
.dc-triage-eyebrow{ font-size:12px; color:var(--w-50); margin:0 0 14px 4px; }
.dc-triage-sub{ border-radius:10px; padding:12px 14px; margin-bottom:10px; }
.dc-triage-sub:last-child{ margin-bottom:0; }
.dc-triage-sub-head{ display:flex; align-items:center; gap:8px; font-size:13px; font-weight:600; margin-bottom:6px; }
.dc-triage-sub p{ font-size:12px; color:var(--w-50); margin:2px 0; }

/* ============ For companies ============ */
.dc-companies{ max-width:72rem; margin:0 auto; padding:64px 24px 20px; text-align:center; }
.dc-company-grid{ margin-top:44px; display:grid; gap:18px; grid-template-columns:1fr; }
@media(min-width:768px){ .dc-company-grid{ grid-template-columns:repeat(3,1fr); } }
.dc-company-card{ border-radius:16px; padding:26px 22px; text-align:left; }
.dc-company-card h3{ font-size:17px; margin:0 0 8px; }
.dc-company-card p{ font-size:13.5px; color:var(--w-60); line-height:1.55; margin:0; }

/* ============ Upload section ============ */
.dc-upload-section{ max-width:52rem; margin:0 auto; padding:76px 24px; text-align:center; }
.dc-upload-lede{ margin-left:auto; margin-right:auto; }
.dc-upload-card{ margin-top:40px; border-radius:20px; padding:28px; text-align:left; }
.dc-dropzone{
  border:1.5px dashed var(--w-10); border-radius:14px; padding:38px 20px; text-align:center; color:var(--w-60);
  transition:all .2s ease; cursor:pointer;
}
.dc-dropzone:hover, .dc-dropzone:focus-visible, .dc-dropzone.drag{ border-color:rgba(0,210,255,0.5); background:rgba(0,210,255,0.04); outline:none; }
.dc-dropzone.filled{ border-color:rgba(40,200,64,0.5); background:rgba(40,200,64,0.05); color:#fff; }
.dc-dz-title{ font-size:15px; font-weight:600; margin:0 0 4px; color:#fff; }
.dc-dz-sub{ font-size:12.5px; color:var(--w-40); margin:0; }

.dc-form-grid{ margin-top:26px; display:grid; gap:16px; grid-template-columns:1fr; }
@media(min-width:640px){ .dc-form-grid{ grid-template-columns:1fr 1fr; } }
.dc-field{ display:flex; flex-direction:column; gap:7px; font-size:12.5px; color:var(--w-60); }
.dc-field-wide{ grid-column:1 / -1; }
.dc-field input, .dc-field select{
  background:rgba(255,255,255,0.04); border:1px solid var(--w-10); border-radius:9px;
  padding:11px 12px; color:#fff; font-size:13.5px; font-family:inherit;
}
.dc-field input:focus, .dc-field select:focus{ outline:none; border-color:rgba(0,210,255,0.5); background:rgba(255,255,255,0.06); }
.dc-field select option{ background:#111; }

.dc-upload-submit{ margin-top:26px; width:100%; }
.dc-upload-note{ margin-top:12px; font-size:11.5px; color:var(--w-40); text-align:center; }

/* ============ Early access ============ */
.dc-earlyaccess{ max-width:60rem; margin:0 auto; padding:70px 24px 40px; }
.dc-earlyaccess-card{ border-radius:24px; padding:48px 32px; text-align:center; }
.dc-earlyaccess-lede{ margin:16px auto 0; max-width:34rem; }

/* ============ Final CTA ============ */
.dc-final{ max-width:72rem; margin:0 auto; padding:70px 24px 110px; }
.dc-final-card{ position:relative; border-radius:26px; padding:60px 28px; text-align:center; }
.dc-final-glow{ position:absolute; inset:0; background:radial-gradient(600px circle at 50% 0%, rgba(255,255,255,0.15), transparent 70%); opacity:0.3; pointer-events:none; }
.dc-final-h2{ position:relative; font-size:32px; font-weight:600; letter-spacing:-0.02em; line-height:1.05; margin:0; }
@media(min-width:768px){ .dc-final-h2{ font-size:52px; } }
.dc-final-p{ position:relative; margin:20px auto 0; color:var(--w-60); max-width:30rem; font-size:14px; line-height:1.6; }
.dc-final-cta{ position:relative; margin-top:30px; display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }

/* ============ Industries we serve ============ */
.dc-industries{ max-width:72rem; margin:0 auto; padding:70px 24px 90px; text-align:center; }
.dc-industries-lede{ margin-left:auto; margin-right:auto; }
.dc-industries-grid{ margin-top:44px; display:grid; gap:18px; grid-template-columns:1fr; }
@media(min-width:768px){ .dc-industries-grid{ grid-template-columns:repeat(3,1fr); } }
.dc-industry-card{ border-radius:16px; padding:30px 24px; text-align:left; }
.dc-industry-card h3{ font-size:18px; margin:0 0 10px; }
.dc-industry-card p{ font-size:13.5px; color:var(--w-60); line-height:1.6; margin:0; }

/* ============ Footer ============ */
.dc-footer{ max-width:72rem; margin:0 auto; padding:44px 24px 40px; border-top:1px solid var(--w-10); }
.dc-footer-top{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.dc-footer-url{ font-size:12.5px; color:var(--w-40); }
.dc-footer-cols{ margin-top:34px; display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
@media(min-width:640px){ .dc-footer-cols{ grid-template-columns:repeat(3,1fr); } }
.dc-footer-cols > div{ display:flex; flex-direction:column; gap:10px; }
.dc-footer-title{ font-size:11px; text-transform:uppercase; letter-spacing:.08em; color:var(--w-40); margin:0 0 4px; }
.dc-footer-cols a{ font-size:13px; color:var(--w-60); }
.dc-footer-cols a:hover{ color:#fff; }
.dc-footer-founder{ font-size:13px; color:var(--w-70); font-weight:600; margin:0; }
.dc-footer-linkedin{ display:inline-flex; align-items:center; gap:6px; }
.dc-footer-linkedin:hover{ color:#00d2ff; }
.dc-footer-bottom{ margin-top:36px; padding-top:20px; border-top:1px solid var(--w-10); font-size:12px; color:var(--w-40); }

/* ============ Toast ============ */
.dc-toast{
  position:fixed; left:50%; bottom:28px; transform:translateX(-50%) translateY(20px);
  display:flex; align-items:center; gap:10px; background:#fff; color:#000; font-size:13px; font-weight:600;
  padding:12px 20px; border-radius:999px; box-shadow:0 12px 30px rgba(0,0,0,0.4);
  opacity:0; pointer-events:none; transition:all .35s cubic-bezier(.22,1,.36,1); z-index:100;
}
.dc-toast.show{ opacity:1; transform:translateX(-50%) translateY(0); }
