:root{
  --sd-bg: #070312;
  --sd-surface: rgba(255,255,255,.06);
  --sd-surface-2: rgba(255,255,255,.10);
  --sd-border: rgba(255,255,255,.10);
  --sd-text: rgba(255,255,255,.92);
  --sd-muted: rgba(255,255,255,.68);
  --sd-magenta: #ff2bd6;
  --sd-gold: #f5c542;
  --sd-purple: #6a2cff;
  --sd-radius: 18px;
  --sd-max: 1180px;
  --sd-shadow: 0 18px 60px rgba(0,0,0,.55);

  /* Cinematic grading defaults (sections can override via inline CSS vars) */
  --sd-grade-vignette: 0.24;
  --sd-grade-grain: 0.08;
  --sd-grade-contrast: 1.10;


  /* Design system tokens */
  --sd-spacing-unit: 8px;
  --sd-glass-bg: rgba(0,0,0,.55);
  --sd-glass-blur: 14px;
  --sd-ease: cubic-bezier(.2,.8,.2,1);

  --sd-font-body: 'Inter', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, 'Apple Color Emoji','Segoe UI Emoji';
  --sd-font-display: 'Montserrat', 'Inter', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;

  --sd-header-h: 64px;
  --sd-header-max: 1420px;

  --sd-safe-top: 0px;
  --sd-safe-bottom: 0px;
  --sd-header-offset: var(--sd-header-h);
}


@supports (padding: env(safe-area-inset-top)){
  :root{
    --sd-safe-top: env(safe-area-inset-top);
    --sd-safe-bottom: env(safe-area-inset-bottom);
    --sd-header-offset: calc(var(--sd-header-h) + var(--sd-safe-top));
  }
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--sd-header-offset)}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:0.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:0.01ms !important;
    scroll-behavior:auto !important;
  }
  .sd-reveal{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
}

body{
  margin:0;
  font-family: var(--sd-font-body);
  color:var(--sd-text);
  background: radial-gradient(900px 600px at 15% 10%, rgba(255,43,214,.22), transparent 55%),
              radial-gradient(900px 600px at 85% 0%, rgba(245,197,66,.18), transparent 55%),
              radial-gradient(900px 900px at 70% 85%, rgba(106,44,255,.20), transparent 60%),
              var(--sd-bg);
}


/* Swiftdeal Signal (subtle grid + bloom overlay) */
body{position:relative}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:
    radial-gradient(circle at 18% 12%, rgba(255,43,214,.10), transparent 55%),
    radial-gradient(circle at 82% 18%, rgba(106,44,255,.12), transparent 60%),
    radial-gradient(circle at 55% 86%, rgba(245,197,66,.08), transparent 62%),
    repeating-linear-gradient(0deg, rgba(255,255,255,.045) 0, rgba(255,255,255,.045) 1px, transparent 1px, transparent 72px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.030) 0, rgba(255,255,255,.030) 1px, transparent 1px, transparent 72px);
  opacity:.26;
  mix-blend-mode:overlay;
  z-index:0;
}

a{color:inherit; text-decoration:none}
a:hover{opacity:.92}
img{max-width:100%; height:auto}

.sd-skip-link{
  position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden;
}
.sd-skip-link:focus{
  left:16px; top:16px; width:auto; height:auto; padding:10px 12px;
  background:#000; border:1px solid var(--sd-border); border-radius:10px; z-index:99999;
}

.sd-container{
  width:min(var(--sd-max), calc(100% - 40px));
  margin:0 auto;
}

.sd-section{padding:92px 0}
@media (max-width: 768px){
  .sd-section{padding:72px 0}
}

.sd-kicker{
  letter-spacing:.18em;
  text-transform:uppercase;
  font-size:12px;
  color:var(--sd-muted);
}

.sd-h1{
  font-family: var(--sd-font-display);
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: clamp(38px, 4.3vw, 72px);
  line-height:1.02;
  margin:12px 0 16px;
}
.sd-h2{
  font-family: var(--sd-font-display);
  letter-spacing: .02em;
  font-size: clamp(28px, 3vw, 44px);
  line-height:1.08;
  margin:12px 0 16px;
}
.sd-p{
  font-size: 16px;
  line-height:1.6;
  color:var(--sd-muted);
  margin:0;
}
.sd-lead{
  font-size: 18px;
  line-height:1.55;
  color: rgba(255,255,255,.76);
}

.sd-btn{
  display:inline-flex; align-items:center; justify-content:center;
  gap:10px;
  padding:12px 16px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background: linear-gradient(135deg, rgba(255,43,214,.24), rgba(245,197,66,.16));
  box-shadow: 0 12px 40px rgba(0,0,0,.35);
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}
.sd-btn:hover{transform: translateY(-1px); border-color: rgba(255,255,255,.24)}
.sd-btn--ghost{
  background: transparent;
  box-shadow:none;
}
.sd-btn--ghost:hover{background: rgba(255,255,255,.06)}

.sd-card{
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
  border:1px solid var(--sd-border);
  border-radius: var(--sd-radius);
  box-shadow: var(--sd-shadow);
}

/* Media slot (image / mp4)
   Used by snippets/sd-media.liquid and various sections */
.sd-media{
  position:relative;
  width:100%;
  overflow:hidden;
  border-radius: var(--sd-radius);
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.25);
}
.sd-media__el{
  position: relative;
  z-index: 1;
  display:block;
  width:100%;
  height:100%;
  object-fit: var(--sd-media-fit, cover);
  filter: contrast(var(--sd-grade-contrast, 1));
  transform: translateZ(0);
}
.sd-media__video{
  background: rgba(0,0,0,.35);
}

/* Cinematic media grading (vignette + grain) – controlled via per-section CSS vars:
   --sd-grade-vignette: 0..1
   --sd-grade-grain: 0..1
   --sd-grade-contrast: 0.9..1.4 */
.sd-media::before,
.sd-media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index: 2;
}
/* Grain */
.sd-media::before{
  opacity: var(--sd-grade-grain, 0);
  mix-blend-mode: overlay;
  background-image:
    repeating-linear-gradient(0deg, rgba(255,255,255,.04) 0 1px, rgba(0,0,0,0) 1px 3px),
    repeating-linear-gradient(90deg, rgba(0,0,0,.05) 0 1px, rgba(0,0,0,0) 1px 4px),
    repeating-linear-gradient(45deg, rgba(255,255,255,.025) 0 1px, rgba(0,0,0,0) 1px 5px);
  filter: contrast(130%) saturate(0%);
}
/* Vignette */
.sd-media::after{
  opacity: 1;
  mix-blend-mode: multiply;
  background: radial-gradient(ellipse at 50% 45%, rgba(0,0,0,0) 38%, rgba(0,0,0, var(--sd-grade-vignette, .32)) 100%);
}

.sd-grid{
  display:grid;
  gap:18px;
}

.sd-two{
  grid-template-columns: 1.05fr .95fr;
  align-items: center;
}
@media (max-width: 900px){
  .sd-two{grid-template-columns: 1fr}
}


/* Header */
.sd-header{
  position: fixed;
  padding-top: var(--sd-safe-top);
  top: 0;
  left: 0;
  right: 0;
  z-index: 200;
  background: transparent;
  border-bottom: 1px solid transparent;
  transition: background .25s ease, border-color .25s ease, backdrop-filter .25s ease;
}
.sd-header.is-scrolled{
  background: rgba(0,0,0,.55);
  border-color: rgba(255,255,255,.12);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* offset content under fixed header (except homepage hero) */
#MainContent{
  padding-top: var(--sd-header-offset);
}
.template-index #MainContent{
  padding-top: 0;
}

.sd-header__inner{
  width: min(var(--sd-header-max), calc(100% - 48px));
  margin: 0 auto;
  height: var(--sd-header-h);
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 16px;
}

.sd-header__brand{
  display:flex;
  align-items:center;
  min-width: 180px;
}

.sd-header__logo{
  height: 34px;
  width: auto;
  display:block;
  filter: drop-shadow(0 10px 30px rgba(0,0,0,.35));
}

.sd-nav{
  flex: 1;
  min-width: 0;
  overflow: hidden;
  display:flex;
  align-items:center;
  justify-content: center;
  gap: 22px;
  padding: 0 10px;
}

.sd-nav a{
  position: relative;
  padding: 8px 0;
  color: rgba(255,255,255,.88);
  font-family: var(--sd-font-display);
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .12em;
  border-radius: 0;
  white-space: nowrap;
}

.sd-nav a::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10px;
  height: 2px;
  background: rgba(255,255,255,.92);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .18s ease;
  opacity: .9;
}

.sd-nav a:hover{
  opacity: 1;
}
.sd-nav a:hover::after{
  transform: scaleX(1);
}

.sd-nav__btn{position:relative; opacity:.78; transition:opacity .16s ease}
.sd-nav__btn::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-10px;
  height:2px;
  background: rgba(255,255,255,.92);
  transform: scaleX(0);
  transform-origin:left;
  transition: transform .18s ease;
  opacity:.9;
}
.sd-nav__btn:hover{opacity:1}
.sd-nav__btn:hover::after{transform: scaleX(1)}

@media (max-width: 900px){
  .sd-nav{display:none}
}

/* Mobile header tuning (keep the command bar compact and avoid right-side overflow) */
@media (max-width: 900px){
  .sd-header__inner{ width: calc(100% - 28px); }
  .sd-header__brand{ min-width: 0; }
  .sd-header__logo{ height: 30px; }
  .sd-header__right{ min-width: 0; gap: 10px; }
}

.sd-header__right{
  display:flex;
  align-items:center;
  justify-content: flex-end;
  gap: 12px;
  min-width: 220px;
}

/* Countdown widget (SpaceX-like) */
.sd-countdown{
  display:flex;
  align-items:center;
  gap: 14px;
  padding: 9px 12px;
  border-radius: 4px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(0,0,0,.14);
  cursor: pointer;
  font-family: var(--sd-font-display);
  text-transform: uppercase;
  letter-spacing: .14em;
  box-shadow: 0 12px 36px rgba(0,0,0,.28);
}
.sd-countdown__label{
  font-size: 10px;
  color: rgba(255,255,255,.76);
}
.sd-countdown__time{
  font-size: 12px;
  color: rgba(255,255,255,.92);
  letter-spacing: .10em;
}
.sd-countdown:hover{
  border-color: rgba(255,255,255,.32);
  background: rgba(0,0,0,.22);
}

@media (max-width: 900px){
  /* Keep the countdown visible on mobile.
     Collapse the label first and show a compact time-only pill.
  */
  .sd-countdown{display:flex; padding: 8px 10px; gap: 10px; box-shadow: 0 10px 28px rgba(0,0,0,.26);}
  .sd-countdown__label{display:none}
  .sd-countdown__time{font-size: 12px; letter-spacing: .08em}
}

@media (max-width: 420px){
  .sd-countdown{padding: 7px 9px; gap: 8px;}
  .sd-countdown__time{font-size: 11px;}
}

/* Countdown panel */
.sd-countdownPanel{
  position: fixed;
  top: calc(var(--sd-header-offset) + 14px);
  right: 24px;
  width: min(420px, calc(100% - 32px));
  z-index: 210;
  opacity: 0;
  transform: translateY(-10px);
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
}
.sd-countdownPanel[aria-hidden="false"]{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.sd-countdownPanel__inner{
  border:1px solid rgba(255,255,255,.14);
  border-radius: 6px;
  background: rgba(0,0,0,.58);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 30px 90px rgba(0,0,0,.65);
  padding: 14px;
}
.sd-countdownPanel__top{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
}
.sd-countdownPanel__title{
  font-family: var(--sd-font-display);
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .16em;
  color: rgba(255,255,255,.78);
}
.sd-countdownPanel__close{
  width: 34px;
  height: 34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.12);
  border-radius: 6px;
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.88);
  cursor:pointer;
}
.sd-countdownPanel__close:hover{
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.22);
}
.sd-countdownPanel__list{
  margin-top: 12px;
}
.sd-countdownPanel__item{
  display:block;
  padding: 12px 12px;
  border-radius: 6px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.02);
  transition: border-color .16s ease, background .16s ease, transform .16s ease;
  margin-top: 10px;
}
.sd-countdownPanel__item:hover{
  transform: translateY(-1px);
  border-color: rgba(255,255,255,.22);
  background: rgba(255,255,255,.04);
}
.sd-countdownPanel__item.is-next{
  border-color: rgba(245,197,66,.45);
  background: rgba(245,197,66,.08);
}
.sd-countdownPanel__itemTitle{
  font-size: 14px;
  font-weight: 600;
  color: rgba(255,255,255,.94);
}
.sd-countdownPanel__itemMeta{
  margin-top: 6px;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  font-family: var(--sd-font-display);
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 10px;
  color: rgba(255,255,255,.72);
}
.sd-countdownPanel__itemTime{
  color: rgba(255,255,255,.90);
}

/* Mobile MENU button (opens globe overlay) */
.sd-menuBtn{
  display:none;
  align-items:center;
  gap: 10px;
  padding: 10px 10px;
  border: 0;
  background: transparent;
  color: rgba(255,255,255,.92);
  cursor:pointer;
  font-family: var(--sd-font-display);
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .18em;
}
.sd-menuBtn__icon{
  display:inline-flex;
  flex-direction: column;
  gap: 4px;
}
.sd-menuBtn__icon span{
  display:block;
  width: 18px;
  height: 2px;
  background: rgba(255,255,255,.86);
}

@media (max-width: 900px){
  .sd-menuBtn{display:flex}
}

@media (max-width: 420px){
  .sd-menuBtn__text{display:none}
  .sd-menuBtn{padding: 10px 8px; gap: 8px;}
}


/* Hero */
.sd-hero{
  position:relative;
  padding: 118px 0 92px;
  overflow:hidden;
}
.sd-hero__bg{
  position:absolute; inset:0;
  background:
    linear-gradient(180deg, rgba(7,3,18,.35), rgba(7,3,18,.92)),
    url("//swiftdealventures-fz.com/cdn/shop/t/73/assets/sd-hero-bg.jpg?v=36800799349005040251776213202") center/cover no-repeat;
  filter: saturate(1.05) contrast(1.05);
}
.sd-hero__content{position:relative}
.sd-hero__panel{
  padding: 34px;
}
@media (max-width: 768px){
  .sd-hero{padding: 96px 0 72px}
  .sd-hero__panel{padding: 24px}
}
.sd-hero__badges{
  display:flex; flex-wrap:wrap; gap:10px; margin-top:18px
}
.sd-badge{
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.18);
  font-size:13px;
  color: rgba(255,255,255,.78);
}

/* Services */
.sd-services__cards{
  grid-template-columns: repeat(12, 1fr);
}
.sd-service{
  grid-column: span 4;
  padding: 20px;
  position:relative;
  overflow:hidden;
}
.sd-service:before{
  content:"";
  position:absolute; inset:-40%;
  background: radial-gradient(circle at 30% 30%, rgba(255,43,214,.22), transparent 45%),
              radial-gradient(circle at 70% 60%, rgba(245,197,66,.16), transparent 50%);
  opacity:.65;
}
.sd-service > *{position:relative}
.sd-service__title{
  font-weight:700;
  font-size:18px;
  margin: 2px 0 8px;
}
.sd-service__desc{
  color: rgba(255,255,255,.72);
  line-height:1.55;
  font-size:14px;
}
@media (max-width: 980px){
  .sd-service{grid-column: span 6}
}
@media (max-width: 620px){
  .sd-service{grid-column: span 12}
}

/* Process */
.sd-steps{
  grid-template-columns: repeat(12, 1fr);
}
.sd-step{
  grid-column: span 3;
  padding: 18px;
}
.sd-step__num{
  width:34px; height:34px;
  border-radius: 12px;
  display:grid; place-items:center;
  background: rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  font-weight:700;
}
.sd-step__title{margin:12px 0 6px; font-weight:700}
.sd-step__desc{margin:0; color: rgba(255,255,255,.70); font-size:14px; line-height:1.55}
@media (max-width: 980px){
  .sd-step{grid-column: span 6}
}
@media (max-width: 620px){
  .sd-step{grid-column: span 12}
}

/* Products */
.sd-products__tiles{
  grid-template-columns: repeat(12, 1fr);
}
.sd-tile{
  grid-column: span 6;
  padding: 22px;
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03)),
    url("//swiftdealventures-fz.com/cdn/shop/t/73/assets/sd-bg-network.jpg?v=125128155004864105061776213202") center/cover no-repeat;
}
.sd-tile:before{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(7,3,18,.40), rgba(7,3,18,.92));
}
.sd-tile > *{position:relative}
.sd-tile__title{font-weight:800; font-size:20px; margin: 0 0 8px}
.sd-tile__desc{margin:0; color: rgba(255,255,255,.74); line-height:1.55}
@media (max-width: 900px){
  .sd-tile{grid-column: span 12}
}

/* Contact */
.sd-form{
  display:grid;
  gap:12px;
}
.sd-input, .sd-textarea{
  width:100%;
  padding: 12px 14px;
  border-radius: 14px;
  border:1px solid rgba(255,255,255,.16);
  background: rgba(0,0,0,.18);
  color: var(--sd-text);
  outline:none;
}
.sd-input:focus, .sd-textarea:focus{border-color: rgba(255,43,214,.45)}
.sd-textarea{min-height: 120px; resize: vertical}

/* Footer */
.sd-footer{
  padding: 44px 0;
  border-top: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, transparent, rgba(0,0,0,.25));
}
.sd-footer__grid{
  display:grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap:18px;
}
@media (max-width: 900px){
  .sd-footer__grid{grid-template-columns: 1fr}
}
.sd-footer__small{
  color: rgba(255,255,255,.60);
  font-size: 13px;
  line-height:1.6;
}

/* Generic pages */
.sd-page{
  padding: 92px 0;
}
.sd-prose{
  color: rgba(255,255,255,.78);
  line-height:1.7;
}
.sd-prose h1,.sd-prose h2,.sd-prose h3{color:var(--sd-text)}
.sd-divider{height:1px; background: rgba(255,255,255,.10); margin: 24px 0}

/* ==============================
   Command Interface UI
   ============================== */

/* Make header compact on scroll */
.sd-header{
  --sd-header-h: 64px;
}
.sd-header.is-scrolled{
  --sd-header-h: 64px;
}
.sd-header__inner{
  height: var(--sd-header-h);
  transition: height .25s var(--sd-ease);
}
.sd-header__logo{
  transition: height .25s var(--sd-ease), transform .25s var(--sd-ease);
}
.sd-header.is-scrolled .sd-header__logo{
  height: 28px;
}

/* Command buttons */
.sd-cmdBtn{
  display:flex;
  align-items:center;
  gap: 12px;
  padding: 9px 12px;
  border-radius: 4px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(0,0,0,.14);
  cursor: pointer;
  font-family: var(--sd-font-display);
  text-transform: uppercase;
  letter-spacing: .14em;
  box-shadow: 0 12px 36px rgba(0,0,0,.28);
}
.sd-cmdBtn__text{font-size:10px;color:rgba(255,255,255,.76)}
.sd-cmdBtn__kbd{
  font-size: 10px;
  color: rgba(255,255,255,.88);
  border:1px solid rgba(255,255,255,.14);
  padding: 6px 8px;
  border-radius: 4px;
  background: rgba(255,255,255,.03);
}
.sd-cmdBtn:hover{border-color: rgba(255,255,255,.32); background: rgba(0,0,0,.22)}
@media (max-width: 900px){ .sd-cmdBtn{display:none} }

.sd-nav__btn{
  appearance:none;
  border:0;
  background:transparent;
  color: rgba(255,255,255,.88);
  font-family: var(--sd-font-display);
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .12em;
  padding: 8px 0;
  cursor:pointer;
}
.sd-nav__btn:focus-visible{
  outline:2px solid rgba(245,197,66,.55);
  outline-offset:6px;
}

/* Mega drawer (Capabilities) */
.sd-mega{
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  z-index: 220;
  pointer-events:none;
}
@supports (height: 100dvh){
  .sd-mega{ height: 100dvh; }
}
.sd-mega[aria-hidden="false"]{
  pointer-events:auto;
}
.sd-mega__backdrop{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.62);
  opacity:0;
  transition: opacity .18s var(--sd-ease);
}
.sd-mega[aria-hidden="false"] .sd-mega__backdrop{
  opacity:1;
}
.sd-mega__panel{
  position:absolute;
  left:0;
  right:0;
  top: 0;
  padding-top: var(--sd-header-offset);
  transform: translateY(-10px);
  opacity:0;
  transition: opacity .22s var(--sd-ease), transform .22s var(--sd-ease);
}
.sd-mega[aria-hidden="false"] .sd-mega__panel{
  opacity:1;
  transform: translateY(0);
}
.sd-mega__panelInner{
  width: min(1320px, calc(100% - 48px));
  margin: 18px auto 0;
  border:1px solid rgba(255,255,255,.14);
  border-radius: 10px;
  background: rgba(0,0,0,.62);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 30px 100px rgba(0,0,0,.70);
  overflow:hidden;
}
.sd-mega__top{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap:12px;
  padding: 14px 14px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.sd-mega__title{
  font-family: var(--sd-font-display);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size: 11px;
  color: rgba(255,255,255,.78);
}
.sd-mega__close{
  width: 36px;
  height: 36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: 8px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  cursor:pointer;
  color: rgba(255,255,255,.88);
}
.sd-mega__close:hover{
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.22);
}
.sd-mega__grid{
  display:grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 0;
}
@media (max-width: 980px){
  .sd-mega__grid{grid-template-columns: 1fr}
}
.sd-mega__list{
  padding: 10px;
  border-right:1px solid rgba(255,255,255,.10);
}
@media (max-width: 980px){
  .sd-mega__list{border-right:0; border-bottom:1px solid rgba(255,255,255,.10)}
}
.sd-megaItem{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:6px;
  padding: 12px 12px;
  border-radius: 8px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.02);
  cursor:pointer;
  text-align:left;
  transition: border-color .16s var(--sd-ease), background .16s var(--sd-ease), transform .16s var(--sd-ease);
}
.sd-megaItem + .sd-megaItem{margin-top:10px}
.sd-megaItem:hover{
  transform: translateY(-1px);
  border-color: rgba(255,255,255,.22);
  background: rgba(255,255,255,.05);
}
.sd-megaItem.is-active{
  border-color: rgba(245,197,66,.45);
  background: rgba(245,197,66,.08);
}
.sd-megaItem__tag{
  font-family: var(--sd-font-display);
  letter-spacing:.18em;
  text-transform:uppercase;
  font-size: 10px;
  color: rgba(255,255,255,.70);
}
.sd-megaItem__title{
  font-weight:800;
  color: rgba(255,255,255,.94);
  font-size: 18px;
}
.sd-megaItem__desc{
  color: rgba(255,255,255,.72);
  font-size: 13px;
  line-height:1.5;
}
.sd-mega__preview{
  padding: 10px;
}
.sd-mega__previewTop{
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap:12px;
  padding: 10px 8px 0;
}
.sd-mega__previewTitle{
  font-family: var(--sd-font-display);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:800;
  font-size: 14px;
  margin:0;
}
.sd-mega__previewLink{
  font-family: var(--sd-font-display);
  text-transform:uppercase;
  letter-spacing:.16em;
  font-weight:700;
  font-size: 11px;
  padding: 10px 12px;
  border-radius: 10px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.04);
}
.sd-mega__previewLink:hover{
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.22);
}
.sd-mega__previewMedia{
  margin-top: 10px;
}

/* Capabilities Preview HUD (mini mission metrics inside mega drawer) */
.sd-mega__hud{
  margin-top: 12px;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  position: relative;
  overflow: hidden;
  display: none;
}
.sd-mega__hud.is-on{ display:block; }

/* Micro‑HUD radar sweep (CSS‑only, subtle) */
.sd-mega__hud > *{ position: relative; z-index: 1; }

@media (prefers-reduced-motion: no-preference){
  .sd-mega__hud.is-on::before{
    content:"";
    position:absolute;
    inset:-45%;
    pointer-events:none;
    background: conic-gradient(
      from 180deg,
      rgba(0,0,0,0) 0deg,
      rgba(106,44,255,0) 28deg,
      rgba(106,44,255,.22) 60deg,
      rgba(255,43,214,.14) 78deg,
      rgba(0,0,0,0) 110deg,
      rgba(0,0,0,0) 360deg
    );
    opacity:.55;
    transform: rotate(0deg);
    animation: sd-radarSweep 6.6s linear infinite;
    mix-blend-mode: screen;
    will-change: transform;
  }
  .sd-mega__hud.is-on::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      radial-gradient(circle at 22% 18%, rgba(255,43,214,.10), transparent 58%),
      radial-gradient(circle at 74% 70%, rgba(106,44,255,.12), transparent 56%),
      repeating-linear-gradient(0deg, rgba(255,255,255,.04) 0, rgba(255,255,255,.04) 1px, transparent 1px, transparent 44px),
      repeating-linear-gradient(90deg, rgba(255,255,255,.028) 0, rgba(255,255,255,.028) 1px, transparent 1px, transparent 44px);
    opacity:.22;
    mix-blend-mode: overlay;
  }
}

@keyframes sd-radarSweep{
  to{ transform: rotate(360deg); }
}


.sd-capHud__chips{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}
.sd-capHud__chip{
  flex: 1;
  min-width: 160px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.26);
}
.sd-capHud__chipLabel{
  font-family: var(--sd-font-display);
  text-transform: uppercase;
  letter-spacing: .20em;
  font-size: 10px;
  color: rgba(255,255,255,.62);
}
.sd-capHud__chipValue{
  margin-top: 4px;
  font-family: var(--sd-font-display);
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 800;
  font-size: 12px;
  color: rgba(255,255,255,.90);
}

.sd-capHud__list{
  margin: 10px 0 0;
  padding: 0;
  list-style:none;
  display:grid;
  gap: 7px;
}
.sd-capHud__list li{
  position: relative;
  padding-left: 14px;
  font-size: 13px;
  line-height: 1.35;
  color: rgba(255,255,255,.74);
}
.sd-capHud__list li::before{
  content:"";
  position:absolute;
  left:0;
  top: 7px;
  width: 6px;
  height: 6px;
  border-radius: 99px;
  background: linear-gradient(135deg, rgba(106,44,255,.95), rgba(255,43,214,.95));
  box-shadow: 0 0 0 2px rgba(255,255,255,.05);
  opacity: .95;
}

/* Concepts drawer (Right-side dossier) */
.sd-dossier{
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  z-index: 230;
  pointer-events:none;
}
@supports (height: 100dvh){
  .sd-dossier{ height: 100dvh; }
}
.sd-dossier[aria-hidden="false"]{pointer-events:auto}
.sd-dossier__backdrop{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.62);
  opacity:0;
  transition: opacity .18s var(--sd-ease);
}
.sd-dossier[aria-hidden="false"] .sd-dossier__backdrop{opacity:1}
.sd-dossier__panel{
  position:absolute;
  top:0;
  right:0;
  height:100%;
  width: min(520px, calc(100% - 44px));
  background: radial-gradient(900px 380px at 12% 10%, rgba(106,44,255,.18), transparent 55%),
              radial-gradient(700px 380px at 88% 30%, rgba(255,43,214,.14), transparent 55%),
              rgba(0,0,0,.72);
  border-left:1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: -30px 0 120px rgba(0,0,0,.75);
  transform: translateX(12px);
  opacity:0;
  transition: opacity .22s var(--sd-ease), transform .22s var(--sd-ease);
  display:flex;
  flex-direction:column;
}
.sd-dossier[aria-hidden="false"] .sd-dossier__panel{
  opacity:1;
  transform: translateX(0);
}
.sd-dossier__top{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.sd-dossier__title{
  font-family: var(--sd-font-display);
  text-transform: uppercase;
  letter-spacing:.18em;
  font-weight:800;
  font-size: 12px;
  color: rgba(255,255,255,.78);
}
.sd-dossier__close{
  width: 36px;
  height: 36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: 10px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  cursor:pointer;
  color: rgba(255,255,255,.88);
}
.sd-dossier__close:hover{
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.22);
}
.sd-dossier__body{
  padding: 16px;
  overflow:auto;
  flex:1;
  min-height:0;
}
.sd-conceptsGrid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
.sd-conceptCard{
  padding: 14px;
  border-radius: 10px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
  cursor:pointer;
  transition: transform .16s var(--sd-ease), border-color .16s var(--sd-ease), background .16s var(--sd-ease);
}
.sd-conceptCard:hover{
  transform: translateY(-1px);
  border-color: rgba(255,255,255,.22);
  background: rgba(255,255,255,.05);
}
.sd-chip{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.18);
  font-family: var(--sd-font-display);
  text-transform: uppercase;
  letter-spacing:.14em;
  font-size: 10px;
  color: rgba(255,255,255,.78);
}
.sd-chip--available{
  border-color: rgba(85,255,170,.28);
  color: rgba(180,255,220,.88);
}
.sd-chip--reserved{
  border-color: rgba(255,125,125,.28);
  color: rgba(255,200,200,.88);
}
.sd-chip--coming{
  border-color: rgba(245,197,66,.28);
  color: rgba(245,197,66,.92);
}
.sd-chip--planned{
  border-color: rgba(245,197,66,.28);
  color: rgba(245,197,66,.92);
}
.sd-chip--in_progress{
  border-color: rgba(85,255,170,.28);
  color: rgba(180,255,220,.88);
}
.sd-chip--launching{
  border-color: rgba(150,110,255,.32);
  color: rgba(225,210,255,.92);
}
.sd-chip--complete{
  border-color: rgba(255,255,255,.18);
  color: rgba(255,255,255,.72);
}
.sd-chip--on_hold{
  border-color: rgba(255,125,125,.28);
  color: rgba(255,200,200,.88);
}
.sd-conceptCard__title{
  margin: 10px 0 6px;
  font-weight: 800;
  font-size: 18px;
  color: rgba(255,255,255,.94);
}
.sd-conceptCard__desc{
  margin:0;
  color: rgba(255,255,255,.72);
  font-size: 13px;
  line-height:1.5;
}

.sd-dossierDetail{
  display:none;
}
.sd-dossierDetail.is-active{
  display:block;
}
.sd-dossierDetail__head{
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap:12px;
}
.sd-dossierDetail__h{
  font-family: var(--sd-font-display);
  text-transform: uppercase;
  letter-spacing:.12em;
  font-weight: 900;
  font-size: 16px;
  margin:0;
}
.sd-dossierDetail__meta{
  margin-top:10px;
}
.sd-dossierDetail__p{
  margin: 10px 0 14px;
  color: rgba(255,255,255,.76);
  line-height:1.65;
  font-size: 14px;
}
.sd-dossierDetail__actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 12px;
}

/* Command Palette */
.sd-cmdk{
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  z-index: 240;
  pointer-events:none;
}
@supports (height: 100dvh){
  .sd-cmdk{ height: 100dvh; }
}
.sd-cmdk[aria-hidden="false"]{pointer-events:auto}
.sd-cmdk__backdrop{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.66);
  opacity:0;
  transition: opacity .18s var(--sd-ease);
}
.sd-cmdk[aria-hidden="false"] .sd-cmdk__backdrop{opacity:1}
.sd-cmdk__dialog{
  position:absolute;
  left:50%;
  top: 14vh;
  transform: translateX(-50%) translateY(-10px);
  width: min(680px, calc(100% - 28px));
  border:1px solid rgba(255,255,255,.14);
  background: radial-gradient(900px 380px at 12% 10%, rgba(106,44,255,.18), transparent 55%),
              radial-gradient(700px 380px at 88% 30%, rgba(255,43,214,.14), transparent 55%),
              rgba(0,0,0,.72);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-radius: 12px;
  box-shadow: 0 40px 140px rgba(0,0,0,.75);
  overflow:hidden;
  opacity:0;
  transition: opacity .22s var(--sd-ease), transform .22s var(--sd-ease);
}
.sd-cmdk[aria-hidden="false"] .sd-cmdk__dialog{
  opacity:1;
  transform: translateX(-50%) translateY(0);
}
.sd-cmdk__inputWrap{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 12px;
  border-bottom: 1px solid rgba(255,255,255,.10);
}
.sd-cmdk__input{
  flex:1;
  border:0;
  outline:none;
  background: transparent;
  color: rgba(255,255,255,.92);
  font-size: 16px;
  padding: 10px 8px;
}
.sd-cmdk__hint{
  font-family: var(--sd-font-display);
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size: 10px;
  color: rgba(255,255,255,.62);
  border:1px solid rgba(255,255,255,.10);
  padding: 8px 10px;
  border-radius: 8px;
  background: rgba(255,255,255,.03);
}
.sd-cmdk__list{
  list-style:none;
  margin:0;
  padding: 10px;
  max-height: 48vh;
  overflow:auto;
}
.sd-cmdk__item{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 12px;
  border-radius: 10px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.02);
  cursor:pointer;
  transition: background .16s var(--sd-ease), border-color .16s var(--sd-ease);
}
.sd-cmdk__item + .sd-cmdk__item{margin-top:10px}
.sd-cmdk__item.is-active{
  border-color: rgba(245,197,66,.45);
  background: rgba(245,197,66,.08);
}
.sd-cmdk__item:hover{
  border-color: rgba(255,255,255,.22);
  background: rgba(255,255,255,.05);
}
.sd-cmdk__itemLabel{
  font-weight: 700;
  color: rgba(255,255,255,.92);
}
.sd-cmdk__itemMeta{
  font-family: var(--sd-font-display);
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size: 10px;
  color: rgba(255,255,255,.66);
}

/* Reveals */
.sd-reveal{
  opacity:0;
  transform: translateY(12px);
  transition: opacity .7s var(--sd-ease), transform .7s var(--sd-ease);
  will-change: opacity, transform;
}
.sd-reveal.is-in{
  opacity:1;
  transform: none;
}

/* SD Media play overlay (mobile click-to-play) */
.sd-media{
  position:relative;
}
.sd-media__play{
  position:absolute;
  inset:0;
  z-index: 4;
  display:flex;
  align-items:center;
  justify-content:center;
  background: radial-gradient(circle at 50% 45%, rgba(0,0,0,.05), rgba(0,0,0,.55));
  border:0;
  cursor:pointer;
  opacity:0;
  pointer-events:none;
  transition: opacity .18s var(--sd-ease);
}
.sd-media.is-paused .sd-media__play{
  opacity:1;
  pointer-events:auto;
}
.sd-media__playIcon{
  width: 54px;
  height: 54px;
  border-radius: 999px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.20);
  background: rgba(0,0,0,.32);
  color: rgba(255,255,255,.92);
  font-size: 18px;
}
@media (hover:hover) and (pointer:fine){
  .sd-media__play{display:none}
}


/* ==============================
   Launch Catalog (Homepage)
   ============================== */
.sd-launchGrid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 16px;
  margin-top: 22px;
}
@media (max-width: 980px){
  .sd-launchGrid{grid-template-columns: repeat(2, minmax(0,1fr));}
}
@media (max-width: 640px){
  .sd-launchGrid{grid-template-columns: 1fr;}
}
.sd-launchEmpty{
  padding: 18px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 10px;
  background: rgba(0,0,0,.28);
  color: rgba(255,255,255,.72);
}

.sd-missionCard{
  text-align:left;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 12px;
  background: rgba(0,0,0,.34);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  padding: 16px 16px 14px;
  cursor:pointer;
  transition: transform .22s var(--sd-ease), border-color .22s var(--sd-ease), background .22s var(--sd-ease);
}
.sd-missionCard:hover{
  transform: translateY(-2px);
  border-color: rgba(255,255,255,.24);
  background: rgba(0,0,0,.46);
}
.sd-missionCard:focus-visible{
  outline: 2px solid rgba(111,44,255,.7);
  outline-offset: 4px;
}
.sd-missionCard__top{
  display:flex;
  justify-content: space-between;
  align-items:center;
  gap:12px;
}
.sd-missionCard__chip{
  font-family: var(--sd-font-display);
  letter-spacing: .18em;
  font-size: 11px;
  text-transform: uppercase;
  color: rgba(255,255,255,.82);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  padding: 6px 10px;
  background: rgba(255,255,255,.03);
}
.sd-missionCard__id{
  font-family: var(--sd-font-display);
  letter-spacing: .18em;
  font-size: 11px;
  text-transform: uppercase;
  color: rgba(255,255,255,.56);
}
.sd-missionCard__title{
  margin-top: 12px;
  font-family: var(--sd-font-display);
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 18px;
  color: rgba(255,255,255,.92);
}
.sd-missionCard__desc{
  margin-top: 8px;
  color: rgba(255,255,255,.68);
  line-height: 1.55;
  font-size: 14px;
}
.sd-missionCard__hint{
  margin-top: 14px;
  font-family: var(--sd-font-display);
  letter-spacing: .16em;
  font-size: 11px;
  text-transform: uppercase;
  color: rgba(245,197,66,.86);
}


/* Services section card CTA */
.sd-service__cta{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top: 16px;
  font-family: var(--sd-font-display);
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-size: 11px;
  color: rgba(245,197,66,.92);
  text-decoration:none;
}
.sd-service__cta:hover{ color: rgba(255,79,216,.95); }
.sd-service[role="button"]{ cursor:pointer; }
.sd-service[role="button"]:focus-visible{
  outline:2px solid rgba(111,44,255,.7);
  outline-offset:6px;
}

/* ==============================
   Mission Request Form
   ============================== */
.sd-mission{
  margin-top: 18px;
}
.sd-formGrid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
  margin-top: 18px;
}
@media (max-width: 760px){
  .sd-formGrid{ grid-template-columns: 1fr; }
}
.sd-field--full{ grid-column: 1 / -1; }
.sd-label{
  display:block;
  margin-bottom: 8px;
  font-family: var(--sd-font-display);
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(255,255,255,.70);
}
.sd-input,
.sd-select,
.sd-textarea{
  width: 100%;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.34);
  color: rgba(255,255,255,.92);
  padding: 12px 12px;
  outline: none;
  transition: border-color .18s var(--sd-ease), background .18s var(--sd-ease);
}
.sd-textarea{ resize: vertical; min-height: 132px; }
.sd-input:focus,
.sd-select:focus,
.sd-textarea:focus{
  border-color: rgba(111,44,255,.70);
  background: rgba(0,0,0,.46);
}
.sd-input.is-error,
.sd-textarea.is-error{
  border-color: rgba(255,80,120,.75);
}
.sd-formNote{
  margin-top: 12px;
  padding: 12px 12px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.28);
  color: rgba(255,255,255,.78);
}
.sd-formNote--success{
  border-color: rgba(0,255,160,.24);
  color: rgba(0,255,160,.92);
}
.sd-formNote--error{
  border-color: rgba(255,80,120,.35);
}
.sd-field--actions{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 14px;
}
@media (max-width: 760px){
  .sd-field--actions{flex-direction: column; align-items:flex-start;}
}
.sd-formHint{
  font-size: 13px;
  color: rgba(255,255,255,.60);
  line-height: 1.5;
}
.sd-missionForm.is-loading{
  opacity: .92;
}




/* Mission – Interest chips (premium quick select) */
.sd-interestChips{
  display:flex;
  flex-wrap:wrap;
  gap: 10px;
  margin: 2px 0 10px;
}
.sd-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.24);
  color: rgba(255,255,255,.86);
  font-family: var(--sd-font-display);
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-weight: 700;
  cursor:pointer;
  user-select:none;
  transition: transform .16s var(--sd-ease), border-color .16s var(--sd-ease), background .16s var(--sd-ease), color .16s var(--sd-ease);
  position:relative;
  overflow:hidden;
}
.sd-chip::after{
  content:"";
  position:absolute;
  inset:-2px;
  background: radial-gradient(closest-side, rgba(111,44,255,.22), transparent 60%);
  opacity:0;
  transition: opacity .16s var(--sd-ease);
}
.sd-chip:hover{
  transform: translateY(-1px);
  border-color: rgba(111,44,255,.55);
}
.sd-chip:hover::after{ opacity:1; }
.sd-chip.is-active{
  border-color: rgba(255,79,216,.58);
  background: linear-gradient(135deg, rgba(111,44,255,.28), rgba(255,79,216,.18));
  color: rgba(255,255,255,.94);
}
.sd-chip.is-active::after{
  opacity:1;
  background: radial-gradient(closest-side, rgba(255,79,216,.26), transparent 60%);
}
.sd-chip:focus-visible{
  outline: 2px solid rgba(111,44,255,.75);
  outline-offset: 4px;
}
@media (max-width: 760px){
  .sd-interestChips{ gap: 8px; }
  .sd-chip{ padding: 10px 10px; font-size: 10px; letter-spacing: .14em; }
}
/* ==============================
   Toasts (AJAX feedback)
   ============================== */
.sd-toasts{
  position: fixed;
  right: 18px;
  bottom: 18px;
  /* Keep above drawers, modals, and Shopify preview UI */
  z-index: 9999;
  display:flex;
  flex-direction: column;
  gap: 10px;
  pointer-events:none;
}
.sd-toast{
  pointer-events:auto;
  width: min(420px, calc(100vw - 36px));
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.14);
  background: radial-gradient(900px 380px at 12% 10%, rgba(106,44,255,.18), transparent 55%),
              radial-gradient(700px 380px at 88% 30%, rgba(255,43,214,.14), transparent 55%),
              rgba(0,0,0,.72);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 22px 70px rgba(0,0,0,.58);
  padding: 12px 12px;
  transform: translateY(10px);
  opacity: 0;
  transition: transform .22s var(--sd-ease), opacity .22s var(--sd-ease);
}
.sd-toast.is-in{ transform: translateY(0); opacity: 1; }
.sd-toast.is-out{ transform: translateY(8px); opacity: 0; }
.sd-toast__title{
  font-family: var(--sd-font-display);
  text-transform: uppercase;
  letter-spacing: .18em;
  font-size: 11px;
  color: rgba(255,255,255,.88);
  margin-bottom: 6px;
}
.sd-toast__msg{
  font-size: 13px;
  color: rgba(255,255,255,.70);
  line-height: 1.5;
}
.sd-toast--success{
  border-color: rgba(0,255,160,.22);
}
.sd-toast--error{
  border-color: rgba(255,80,120,.34);
}

/* ==============================
   Service Cinematic Pages
   ============================== */
.sd-serviceHero{
  position: relative;
  min-height: 100vh;
  display:flex;
  align-items: flex-end;
  padding: 120px 0 56px;
  overflow:hidden;
}
@media (max-width: 760px){
  .sd-serviceHero{ padding: 110px 0 46px; min-height: 92vh; }
}
.sd-serviceHero__bg{
  position:absolute;
  inset:0;
}
.sd-serviceHero__overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.20) 0%, rgba(0,0,0,.62) 55%, rgba(0,0,0,.82) 100%);
}
.sd-serviceHero__grid{
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity: .28;
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(circle at 30% 30%, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 60%);
}
.sd-serviceHero__content{
  position: relative;
  z-index: 2;
}
.sd-serviceHero__ctas{
  display:flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 18px;
}
.sd-serviceSubnav{
  position: sticky;
  /* Stick below the fixed header so anchors and nav never hide each other */
  top: var(--sd-header-offset);
  z-index: 120;
  border-top: 1px solid rgba(255,255,255,.10);
  border-bottom: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.62);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.sd-serviceSubnav .sd-container{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 18px;
  padding: 12px 0;
}

@media (max-width: 760px){
  .sd-serviceSubnav .sd-container{
    justify-content:flex-start;
    overflow-x:auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .sd-serviceSubnav .sd-container::-webkit-scrollbar{display:none}
  .sd-serviceSubnav a{white-space:nowrap}
}
.sd-serviceSubnav a{
  font-family: var(--sd-font-display);
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 11px;
  color: rgba(255,255,255,.70);
  text-decoration:none;
  padding: 6px 8px;
  border-radius: 6px;
  border: 1px solid transparent;
}
.sd-serviceSubnav a.is-active,
.sd-serviceSubnav a:hover{
  color: rgba(255,255,255,.92);
  border-color: rgba(111,44,255,.55);
  background: rgba(111,44,255,.08);
}
.sd-servicePanel{
  padding: 86px 0;
}
@media (max-width: 760px){
  .sd-servicePanel{ padding: 66px 0; }
}

/* Mobile Sticky CTA (Service pages)
   - Hidden on desktop
   - Appears after scroll threshold (JS toggles .is-visible)
*/
.sd-mobileCtaWrap{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 180;
  padding: 12px 16px calc(12px + var(--sd-safe-bottom));
  pointer-events: none;
  opacity: 0;
  transform: translateY(12px);
  transition: opacity .22s var(--sd-ease), transform .22s var(--sd-ease);
  display: none;
}
.sd-mobileCtaWrap.is-visible{
  opacity: 1;
  transform: translateY(0);
}
@media (max-width: 900px){
  .sd-mobileCtaWrap{ display:block; }
}
.sd-mobileCta{
  width: 100%;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.14);
  background:
    linear-gradient(135deg, rgba(106,44,255,.22), rgba(255,43,214,.14)),
    rgba(0,0,0,.68);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 18px 70px rgba(0,0,0,.65);
  cursor: pointer;
  pointer-events: auto;
}
.sd-mobileCta:active{
  transform: translateY(1px);
}
.sd-mobileCta__stack{
  display:flex;
  flex-direction: column;
  align-items:flex-start;
  gap: 2px;
  min-width: 0;
}
.sd-mobileCta__label{
  font-family: var(--sd-font-display);
  text-transform: uppercase;
  letter-spacing: .18em;
  font-weight: 900;
  font-size: 12px;
  color: rgba(255,255,255,.92);
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
  max-width: 78vw;
}
.sd-mobileCta__meta{
  font-size: 12px;
  color: rgba(255,255,255,.70);
  white-space: nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
  max-width: 78vw;
}
.sd-mobileCta__arrow{
  font-family: var(--sd-font-display);
  font-size: 14px;
  letter-spacing: .08em;
  color: rgba(255,255,255,.86);
  padding-left: 10px;
}




/* Mobile Sticky CTA pulse (only when Mission not yet reached) */
@media (prefers-reduced-motion: no-preference){
  .sd-mobileCtaWrap.is-visible.is-pulse .sd-mobileCta{
    animation: sd-mctaPulse 2.6s var(--sd-ease) infinite;
  }
}
@keyframes sd-mctaPulse{
  0%,100%{
    box-shadow:
      0 18px 70px rgba(0,0,0,.65),
      0 0 0 0 rgba(106,44,255,0),
      0 0 0 0 rgba(255,43,214,0);
    border-color: rgba(255,255,255,.14);
  }
  50%{
    box-shadow:
      0 18px 70px rgba(0,0,0,.65),
      0 0 0 6px rgba(106,44,255,.16),
      0 0 34px rgba(255,43,214,.14);
    border-color: rgba(255,255,255,.26);
  }
}
/* Service Proof Grid (V18) */
.sd-proofGrid{
  margin-top: 22px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 1024px){
  .sd-proofGrid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  .sd-proofGrid{ grid-template-columns: 1fr; gap: 14px; }
}
.sd-proofCard{
  position: relative;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 14px;
  overflow:hidden;
  background: rgba(0,0,0,.22);
  cursor:pointer;
  transform: translateZ(0);
}
.sd-proofCard:focus-visible{
  outline: 2px solid rgba(245,197,66,.60);
  outline-offset: 2px;
}
.sd-proofCard__bg{
  position: relative;
  aspect-ratio: 16 / 9;
  min-height: 200px;
}
.sd-proofCard__bg .sd-media{
  position:absolute;
  inset:0;
}
.sd-proofCard__bg .sd-media__play{
  display:none;
}
.sd-proofCard__overlay{
  position:absolute;
  inset:0;
  background:
    radial-gradient(700px 420px at 20% 20%, rgba(255,43,214,.10), transparent 60%),
    radial-gradient(700px 420px at 82% 20%, rgba(106,44,255,.12), transparent 62%),
    linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.56) 70%, rgba(0,0,0,.78) 100%);
  pointer-events:none;
}
.sd-proofCard__grid{
  position:absolute;
  inset:0;
  background-image:
    repeating-linear-gradient(0deg, rgba(255,255,255,.032) 0, rgba(255,255,255,.032) 1px, transparent 1px, transparent 84px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.022) 0, rgba(255,255,255,.022) 1px, transparent 1px, transparent 84px);
  opacity: .16;
  mix-blend-mode: overlay;
  pointer-events:none;
}
.sd-proofCard__body{
  padding: 14px 14px 16px;
}
.sd-proofCard__hint{
  margin-top: 14px;
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.18);
  font-family: var(--sd-font-display);
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 10px;
  color: rgba(255,255,255,.84);
}
.sd-proofCard:hover .sd-proofCard__hint{
  border-color: rgba(245,197,66,.40);
  background: rgba(245,197,66,.08);
}



/* Work Grid (V18) */
.sd-workGrid{
  margin-top: 22px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
@media (max-width: 1024px){
  .sd-workGrid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  .sd-workGrid{ grid-template-columns: 1fr; gap: 14px; }
}
.sd-workCard{
  position: relative;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 14px;
  overflow:hidden;
  background: rgba(0,0,0,.22);
  cursor:pointer;
  transform: translateZ(0);
}
.sd-workCard:focus-visible{
  outline: 2px solid rgba(245,197,66,.60);
  outline-offset: 2px;
}
.sd-workCard__bg{
  position: relative;
  aspect-ratio: 16 / 9;
  min-height: 200px;
}
.sd-workCard__bg .sd-media{
  position:absolute;
  inset:0;
}
.sd-workCard__bg .sd-media__play{
  display:none;
}
.sd-workCard__overlay{
  position:absolute;
  inset:0;
  background:
    radial-gradient(700px 420px at 20% 20%, rgba(255,43,214,.10), transparent 60%),
    radial-gradient(700px 420px at 82% 20%, rgba(106,44,255,.12), transparent 62%),
    linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.56) 70%, rgba(0,0,0,.78) 100%);
  pointer-events:none;
}
.sd-workCard__grid{
  position:absolute;
  inset:0;
  background-image:
    repeating-linear-gradient(0deg, rgba(255,255,255,.032) 0, rgba(255,255,255,.032) 1px, transparent 1px, transparent 84px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.022) 0, rgba(255,255,255,.022) 1px, transparent 1px, transparent 84px);
  opacity: .16;
  mix-blend-mode: overlay;
  pointer-events:none;
}
.sd-workCard__body{
  padding: 14px 14px 16px;
}
.sd-workCard__hint{
  margin-top: 14px;
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.18);
  font-family: var(--sd-font-display);
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 10px;
  color: rgba(255,255,255,.84);
}
.sd-workCard:hover .sd-workCard__hint{
  border-color: rgba(245,197,66,.40);
  background: rgba(245,197,66,.08);
}

.sd-proofPanels{
  margin-top: 24px;
}
.sd-proofPanel{
  position: relative;
  min-height: 78vh;
  display:flex;
  align-items:flex-end;
  padding: 64px 0;
  overflow:hidden;
  border-top: 1px solid rgba(255,255,255,.08);
  cursor: pointer;
}
.sd-proofPanel:focus-visible{
  outline: 2px solid rgba(245,197,66,.60);
  outline-offset: -2px;
}
.sd-proofPanel__bg{
  position:absolute;
  inset:0;
}
.sd-proofPanel__overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.10) 0%, rgba(0,0,0,.72) 72%, rgba(0,0,0,.86) 100%);
}
.sd-proofPanel__content{
  position: relative;
  z-index: 2;
}

.sd-proofPanel__hint{
  margin-top: 18px;
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.18);
  font-family: var(--sd-font-display);
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 10px;
  color: rgba(255,255,255,.84);
}
.sd-proofPanel:hover .sd-proofPanel__hint{
  border-color: rgba(111,44,255,.55);
  background: rgba(111,44,255,.08);
}

/* FAQ */
.sd-faqItem{
  border:1px solid rgba(255,255,255,.10);
  border-radius: 10px;
  background: rgba(0,0,0,.22);
  padding: 12px 14px;
  margin-bottom: 10px;
}
.sd-faqItem__q{
  cursor:pointer;
  font-family: var(--sd-font-display);
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 13px;
  color: rgba(255,255,255,.88);
}
.sd-faqItem__a{
  margin-top: 10px;
  color: rgba(255,255,255,.70);
  line-height:1.65;
}

/* Before/After */
.sd-baWrap{ margin-top: 18px; }
.sd-ba{
  position: relative;
  border-radius: 14px;
  overflow:hidden;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.22);
  box-shadow: 0 30px 100px rgba(0,0,0,.45);
}
.sd-ba__img{
  display:block;
  width:100%;
  height: min(520px, 70vh);
  object-fit: cover;
}
@media (max-width: 760px){
  .sd-ba__img{ height: min(440px, 62vh); }
}
.sd-ba__afterWrap{
  position:absolute;
  inset:0;
  width:50%;
  overflow:hidden;
}
.sd-ba__handle{
  position:absolute;
  top:0;
  bottom:0;
  left:50%;
  width: 2px;
  transform: translateX(-1px);
  background: linear-gradient(180deg, rgba(111,44,255,.0), rgba(111,44,255,.9), rgba(255,79,216,.9), rgba(255,79,216,0));
  box-shadow: 0 0 20px rgba(111,44,255,.35);
}
.sd-ba__range{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity: 0;
  cursor: ew-resize;
}
.sd-ba.is-dragging .sd-ba__handle{
  box-shadow: 0 0 34px rgba(111,44,255,.55);
}



/* 404 — Signal Lost */
.sd-404{
  position:relative;
  min-height:calc(100vh - var(--sd-header-h));
  display:flex;
  align-items:center;
  padding:clamp(36px,6vw,84px) 0;
  overflow:hidden;
}
.sd-404__bg{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(900px 600px at 20% 20%, rgba(255,43,214,.16), transparent 60%),
    radial-gradient(900px 600px at 82% 10%, rgba(106,44,255,.18), transparent 60%),
    radial-gradient(900px 900px at 60% 85%, rgba(245,197,66,.10), transparent 65%);
  opacity:.9;
  z-index:0;
}
.sd-404__panel{
  position:relative;
  z-index:1;
  max-width:760px;
  padding:26px;
  border-radius:var(--sd-radius);
  border:1px solid var(--sd-border);
  background:rgba(0,0,0,.55);
  backdrop-filter:blur(var(--sd-glass-blur));
  box-shadow:var(--sd-shadow);
}
.sd-404__actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:18px;
}
.sd-404__meta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:18px;
}
.sd-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid var(--sd-border);
  background:rgba(0,0,0,.35);
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(255,255,255,.82);
}
.sd-pill strong{color:rgba(255,255,255,.95)}


/* Work — Cinematic Case Panels (V15) */
.sd-work{
  padding: 86px 0 0;
}
.sd-work[data-sd-work-layout="grid"]{
  padding-bottom: 86px;
}
.sd-work__intro{
  padding-bottom: 18px;
}
.sd-workPanels{
  margin-top: 22px;
}
.sd-casePanel{
  position: relative;
  min-height: clamp(520px, 82vh, 940px);
  display:flex;
  align-items:flex-end;
  padding: 64px 0;
  overflow:hidden;
  border-top: 1px solid rgba(255,255,255,.08);
  cursor:pointer;
}
@media (max-width: 760px){
  .sd-casePanel{ min-height: clamp(460px, 70vh, 820px); padding: 52px 0; }
}
.sd-casePanel__bg{ position:absolute; inset:0; }
.sd-casePanel__bg .sd-media__play{ display:none; }
.sd-casePanel__overlay{
  position:absolute;
  inset:0;
  background:
    radial-gradient(900px 600px at 20% 20%, rgba(255,43,214,.10), transparent 60%),
    radial-gradient(900px 600px at 82% 20%, rgba(106,44,255,.12), transparent 62%),
    linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.66) 68%, rgba(0,0,0,.86) 100%);
}
.sd-casePanel__grid{
  position:absolute;
  inset:0;
  background-image:
    repeating-linear-gradient(0deg, rgba(255,255,255,.035) 0, rgba(255,255,255,.035) 1px, transparent 1px, transparent 84px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.024) 0, rgba(255,255,255,.024) 1px, transparent 1px, transparent 84px);
  opacity: .22;
  mix-blend-mode: overlay;
  pointer-events:none;
}
.sd-casePanel__content{ position:relative; z-index:2; }
.sd-casePanel__hint{
  margin-top: 18px;
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.18);
  font-family: var(--sd-font-display);
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 10px;
  color: rgba(255,255,255,.84);
}
.sd-casePanel:hover .sd-casePanel__hint{
  border-color: rgba(245,197,66,.40);
  background: rgba(245,197,66,.08);
}
.sd-casePanel:focus-visible{
  outline: 2px solid rgba(245,197,66,.60);
  outline-offset: -2px;
}


/* Case Viewer (Fullscreen modal) — V15 */
.sd-caseviewer{
  position: fixed;
  inset: 0;
  z-index: 235;
  pointer-events: none;
}
.sd-caseviewer[aria-hidden="false"]{ pointer-events: auto; }
.sd-caseviewer__backdrop{
  position:absolute;
  inset:0;
  background: radial-gradient(900px 380px at 12% 10%, rgba(106,44,255,.18), transparent 55%),
              radial-gradient(700px 380px at 88% 30%, rgba(255,43,214,.14), transparent 55%),
              rgba(0,0,0,.72);
  opacity:0;
  transition: opacity .18s var(--sd-ease);
}
.sd-caseviewer[aria-hidden="false"] .sd-caseviewer__backdrop{ opacity:1; }
.sd-caseviewer__dialog{
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%, -50%) scale(.985);
  opacity:0;
  width: min(1220px, calc(100% - 34px));
  height: min(86vh, 860px);
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.74);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 50px 160px rgba(0,0,0,.75);
  overflow:hidden;
  transition: opacity .22s var(--sd-ease), transform .22s var(--sd-ease);
}
.sd-caseviewer[aria-hidden="false"] .sd-caseviewer__dialog{
  opacity:1;
  transform: translate(-50%, -50%) scale(1);
}
.sd-caseviewer__close{
  position:absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
  width: 42px;
  height: 42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.90);
  cursor:pointer;
}
.sd-caseviewer__close:hover{ background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.22); }

.sd-caseviewer__grid{
  height:100%;
  display:grid;
  grid-template-columns: 1.15fr .85fr;
}
@media (max-width: 900px){
  .sd-caseviewer__grid{ grid-template-columns:1fr; grid-template-rows: 38vh 1fr; }
  .sd-caseviewer__dialog{ height: min(88vh, 920px); }
}

.sd-caseviewer__media{
  position: relative;
  height:100%;
  background: rgba(0,0,0,.35);
}
.sd-caseviewer__media .sd-media{
  height:100%;
  border:0;
  border-radius: 0;
}
.sd-caseviewer__body{
  position: relative;
  padding: 22px 22px 20px;
  overflow: auto;
  border-left: 1px solid rgba(255,255,255,.10);
}
@media (max-width: 900px){
  .sd-caseviewer__body{ border-left: 0; border-top: 1px solid rgba(255,255,255,.10); }
}

.sd-caseviewer__outcomes{
  margin: 16px 0 0;
  padding: 0;
  list-style:none;
  display:flex;
  flex-direction:column;
  gap: 10px;
}
.sd-caseviewer__outcomes li{
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
  color: rgba(255,255,255,.80);
  font-size: 13px;
  line-height:1.55;
}
.sd-caseviewer__actions{
  margin-top: 18px;
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
}



@media (max-width: 900px){
  /* Touch ergonomics */
  .sd-countdown,
  .sd-nav__btn,
  .sd-menuBtn,
  .sd-countdownPanel__close,
  .sd-mega__close,
  .sd-dossier__close,
  .sd-caseviewer__close{
    min-height: 44px;
    min-width: 44px;
  }
  .sd-countdown{border-radius: 6px}
  .sd-countdownPanel{right: 16px}
  .sd-countdownPanel__inner{padding-bottom: calc(14px + var(--sd-safe-bottom))}
}


/* Theme Editor setup notice (rendered only in request.design_mode) */
.sd-setupNotice{
  position: fixed;
  top: calc(var(--sd-header-offset) + 10px);
  left: 12px;
  right: 12px;
  z-index: 9999;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  background: rgba(8,6,18,.90);
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  color: rgba(255,255,255,.92);
  border-radius: 16px;
  box-shadow: 0 18px 60px rgba(0,0,0,.55);
}
.sd-setupNotice__inner{padding:12px 14px; display:flex; flex-direction:column; gap:8px;}
.sd-setupNotice__title{font-weight:700; letter-spacing:.04em; text-transform:uppercase; font-size:12px;}
.sd-setupNotice__text{font-size:13px; color: rgba(255,255,255,.78); line-height:1.45;}
.sd-setupNotice__details{margin-top:2px;}
.sd-setupNotice__details summary{cursor:pointer; font-size:13px; color: rgba(255,255,255,.9);}
.sd-setupNotice__list{margin:10px 0 0 18px; padding:0; color: rgba(255,255,255,.82); font-size:13px; line-height:1.5;}
.sd-setupNotice__actions{display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; margin-top:4px;}
.sd-setupNotice__hint{font-size:12px; color: rgba(255,255,255,.65);}
.sd-setupNotice code{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size:12px; color: rgba(255,255,255,.9);}
.sd-setupNotice__close{
  appearance:none;
  border-radius: 999px;
  padding:8px 12px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.92);
  cursor:pointer;
}
.sd-setupNotice__close:hover{background: rgba(255,255,255,.10);}
@media (max-width: 520px){
  .sd-setupNotice{left:10px; right:10px;}
  .sd-setupNotice__actions{align-items:flex-start;}
}


/* Service hero metrics */
.sd-serviceHero__metrics{margin-top:18px; display:flex; gap:10px; flex-wrap:wrap; align-items:flex-start;}
.sd-metric{
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
  border-radius: 999px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.sd-metric__value{font-weight:700; font-size:13px; letter-spacing:.02em; color: rgba(255,255,255,.92);}
.sd-metric__label{font-size:10px; letter-spacing:.12em; text-transform:uppercase; color: rgba(255,255,255,.62);}
@media (max-width: 749px){
  .sd-serviceHero__metrics{gap:8px;}
  .sd-metric{padding:9px 11px;}
}


/* ------------------------------------------------------------
   V25: Media clamps (prevents off-screen overflow in drawers)
   ------------------------------------------------------------ */
.sd-mega__previewMedia{
  max-height: min(46vh, 360px);
  overflow: hidden;
}
.sd-mega__previewMedia .sd-media{
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
}
.sd-mega__previewMedia .sd-media__el{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sd-dossierDetail__media{
  border-radius: 12px;
  overflow: hidden;
  max-height: min(38vh, 320px);
}
.sd-dossierDetail__media .sd-media{
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
}
.sd-dossierDetail__media .sd-media__el{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@supports (height: 100dvh){
  .sd-mega__dialog{
    max-height: min(86dvh, 760px);
  }
  .sd-caseviewer__dialog{
    height: min(88dvh, 860px);
  }
}

@media (max-width: 749px){
  .sd-mega__previewMedia{ max-height: min(34vh, 260px); }
  .sd-dossierDetail__media{ max-height: min(30vh, 220px); }
}

/* ==============================
   V27 – Final polish layer
   (Safe overrides; visual-first)
   ============================== */

:root{
  --sd-glow-magenta: rgba(255,43,214,.38);
  --sd-glow-purple: rgba(111,44,255,.38);
  --sd-glow-gold: rgba(245,197,66,.28);
  --sd-line: rgba(255,255,255,.10);
  --sd-line-strong: rgba(255,255,255,.18);
  --sd-elev-1: 0 18px 60px rgba(0,0,0,.58);
  --sd-elev-2: 0 26px 90px rgba(0,0,0,.62);
}

/* Extra texture: ultra-subtle dotfield over the global signal */
body::after{
  content:"";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image:
    radial-gradient(rgba(255,255,255,.065) 1px, transparent 1px);
  background-size: 4px 4px;
  opacity: .06;
  mix-blend-mode: overlay;
  z-index: 0;
}

/* Unified premium focus ring (keyboard) */
:where(a, button, [role="button"], input, select, textarea):focus-visible{
  outline: 2px solid rgba(255,43,214,.55);
  outline-offset: 4px;
}

/* Buttons: add a subtle “scan” highlight without changing layout */
.sd-btn{
  position: relative;
  overflow: hidden;
  box-shadow: var(--sd-elev-1);
}
.sd-btn::before{
  content:"";
  position:absolute;
  top:-60%;
  left:-40%;
  width:60%;
  height:220%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
  transform: translateX(-140%) rotate(14deg);
  transition: transform .75s var(--sd-ease);
  pointer-events:none;
  opacity:.9;
}
@media (hover:hover) and (pointer:fine){
  .sd-btn:hover::before{ transform: translateX(240%) rotate(14deg); }
}
.sd-btn:active{
  transform: translateY(0px) scale(.99);
  box-shadow: 0 12px 30px rgba(0,0,0,.55);
}

/* Header links: cinematic underline */
.sd-nav a{
  position: relative;
}
.sd-nav a::after{
  content:"";
  position:absolute;
  left: 10px;
  right: 10px;
  bottom: 3px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg,
    rgba(111,44,255,0),
    rgba(111,44,255,.75),
    rgba(255,43,214,.70),
    rgba(245,197,66,.45),
    rgba(111,44,255,0)
  );
  opacity: 0;
  transform: scaleX(.35);
  transform-origin: center;
  transition: opacity .25s var(--sd-ease), transform .25s var(--sd-ease);
  pointer-events:none;
}
@media (hover:hover) and (pointer:fine){
  .sd-nav a:hover::after{ opacity: 1; transform: scaleX(1); }
}
.sd-nav a:focus-visible::after{ opacity: 1; transform: scaleX(1); }

/* Cards: subtle gradient borders + scanline on hover (launch + dossier) */
.sd-missionCard,
.sd-conceptCard{
  position: relative;
  overflow: hidden;
  border: 1px solid transparent;
  background:
    linear-gradient(rgba(0,0,0,.34), rgba(0,0,0,.34)) padding-box,
    linear-gradient(135deg,
      rgba(111,44,255,.30),
      rgba(255,43,214,.20),
      rgba(245,197,66,.12)
    ) border-box;
  box-shadow: var(--sd-elev-1);
}
.sd-missionCard:hover,
.sd-conceptCard:hover{
  background:
    linear-gradient(rgba(0,0,0,.42), rgba(0,0,0,.34)) padding-box,
    linear-gradient(135deg,
      rgba(111,44,255,.55),
      rgba(255,43,214,.28),
      rgba(245,197,66,.16)
    ) border-box;
  box-shadow: var(--sd-elev-2);
}
.sd-missionCard::after,
.sd-conceptCard::after{
  content:"";
  position:absolute;
  inset: -45% -65%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent);
  transform: translateX(-140%) rotate(12deg);
  transition: transform .85s var(--sd-ease);
  pointer-events:none;
  opacity:.85;
}
@media (hover:hover) and (pointer:fine){
  .sd-missionCard:hover::after,
  .sd-conceptCard:hover::after{ transform: translateX(150%) rotate(12deg); }
}

/* Dossier concept cards: tighten the top row */
.sd-conceptCard__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.sd-conceptCard__chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(0,0,0,.22);
  font-family: var(--sd-font-display);
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255,255,255,.86);
}
.sd-conceptCard__id{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(255,255,255,.55);
}

/* Backdrops: a touch more glass */
.sd-mega__backdrop,
.sd-dossier__backdrop,
.sd-cmdk__backdrop,
.sd-caseviewer__backdrop{
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

/* Scrollbars: match the theme (supported browsers only) */
.sd-mega__panel,
.sd-dossier__dialog,
.sd-caseviewer__dialog,
.sd-cmdk__dialog{
  scrollbar-width: thin;
  scrollbar-color: rgba(245,197,66,.55) rgba(255,255,255,.08);
}
.sd-mega__panel::-webkit-scrollbar,
.sd-dossier__dialog::-webkit-scrollbar,
.sd-caseviewer__dialog::-webkit-scrollbar,
.sd-cmdk__dialog::-webkit-scrollbar{
  width: 10px;
}
.sd-mega__panel::-webkit-scrollbar-track,
.sd-dossier__dialog::-webkit-scrollbar-track,
.sd-caseviewer__dialog::-webkit-scrollbar-track,
.sd-cmdk__dialog::-webkit-scrollbar-track{
  background: rgba(255,255,255,.06);
  border-radius: 999px;
}
.sd-mega__panel::-webkit-scrollbar-thumb,
.sd-dossier__dialog::-webkit-scrollbar-thumb,
.sd-caseviewer__dialog::-webkit-scrollbar-thumb,
.sd-cmdk__dialog::-webkit-scrollbar-thumb{
  background: linear-gradient(180deg, rgba(111,44,255,.55), rgba(255,43,214,.35), rgba(245,197,66,.28));
  border-radius: 999px;
}

/* Mission Board */
.sd-missionBoard__grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 22px;
}
.sd-missionBoard__card{
  padding: 18px;
  border-radius: var(--sd-radius-lg);
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 20px 60px rgba(0,0,0,.55);
}
.sd-missionBoard__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.sd-missionBoard__meta{ display:flex; align-items:center; gap: 10px; }
.sd-missionBoard__countdown{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.35);
  color: rgba(255,255,255,.78);
}
.sd-missionBoard__title{ margin: 0 0 6px; }
.sd-missionBoard__desc{ margin: 0 0 14px; color: rgba(255,255,255,.72); }
.sd-missionBoard__media{ margin: 12px 0 14px; }
.sd-missionBoard__actions{ display:flex; flex-wrap:wrap; gap: 10px; }

@media (max-width: 989px){
  .sd-missionBoard__grid{ grid-template-columns: 1fr; }
}

/* Contact “Interested in”: remove native dropdown (JS-on) so it never looks old-school */
html:not(.no-js) .sd-field--interest .sd-select{ display:none; }
.no-js .sd-interestChips{ display:none; }

@media (prefers-reduced-motion: reduce){
  body::after{ opacity: .04; }
  .sd-btn::before,
  .sd-missionCard::after,
  .sd-conceptCard::after{ display:none !important; }
}

/* Press — founder coverage. Mirrors the .sd-steps 12-column pattern so the
   section inherits the existing card language instead of introducing a new one. */
.sd-pressGrid{
  grid-template-columns: repeat(12, 1fr);
  margin-top:24px;
}
.sd-pressCard{
  grid-column: span 6;
  padding: 22px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.sd-pressCard__meta{
  display:flex; flex-wrap:wrap; align-items:center; gap:8px;
  font-size:12px; letter-spacing:.12em; text-transform:uppercase;
  color: rgba(255,255,255,.62);
}
.sd-pressCard__outlet{color: var(--sd-gold); font-weight:700}
.sd-pressCard__kind{
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px; padding:3px 10px; letter-spacing:.10em;
}
.sd-pressCard__title{margin:2px 0 0; font-weight:700; font-size:20px; line-height:1.3}
.sd-pressCard__excerpt{margin:0; color: rgba(255,255,255,.72); font-size:15px; line-height:1.6}
.sd-pressCard__link{
  margin-top:auto; align-self:flex-start;
  color: var(--sd-text); font-weight:700; font-size:14px;
  text-decoration:none; border-bottom:1px solid rgba(255,255,255,.28);
  padding-bottom:2px; transition: border-color .2s ease, color .2s ease;
}
.sd-pressCard__link:hover{color: var(--sd-gold); border-color: var(--sd-gold)}
.sd-pressCard__link:focus-visible{outline:2px solid var(--sd-gold); outline-offset:4px}
@media (max-width: 980px){
  .sd-pressCard{grid-column: span 12}
}