:root{
  --bg:#05020a;
  --panel:#100718;
  --panel-2:#16091f;
  --text:#f7f1ff;
  --muted:#bfb3cf;
  --soft:#8f829f;
  --gold:#f2c363;
  --gold-2:#b7782c;
  --purple:#9d3dff;
  --violet:#6f22d8;
  --line:rgba(242,195,99,.22);
  --line-2:rgba(157,61,255,.24);
  --shadow:0 24px 90px rgba(0,0,0,.42);
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:
  radial-gradient(circle at 8% 5%,rgba(157,61,255,.24),transparent 32%),
  radial-gradient(circle at 92% 18%,rgba(242,195,99,.14),transparent 28%),
  linear-gradient(180deg,#030106 0%,#0b0311 42%,#05020a 100%);
  color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 75%);pointer-events:none;z-index:-2}
.noise{position:fixed;inset:0;opacity:.07;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem clamp(1rem,4vw,3rem);background:rgba(7,4,12,.76);border-bottom:1px solid rgba(242,195,99,.14);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:.75rem;font-weight:950;letter-spacing:.02em;text-transform:uppercase;font-size:.88rem}.brand img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(157,61,255,.45))}.nav{display:flex;gap:.25rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}.nav a,.menu-toggle{border:1px solid transparent;border-radius:999px;padding:.7rem .85rem;color:var(--muted);font-weight:800;font-size:.84rem;background:transparent}.nav a:hover,.nav a:focus-visible,.menu-toggle:hover{border-color:var(--line);color:#fff;background:rgba(255,255,255,.06)}.menu-toggle{display:none;color:var(--text);cursor:pointer}
.hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:center;gap:clamp(2rem,5vw,5rem);padding:clamp(3rem,8vw,7rem) clamp(1rem,6vw,5rem)}
.eyebrow{margin:0 0 .8rem;color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-size:.74rem;font-weight:950}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.3rem,9vw,8.5rem);line-height:.82;margin-bottom:1.3rem;text-transform:uppercase;letter-spacing:-.08em;text-shadow:0 0 42px rgba(157,61,255,.35)}h2{font-size:clamp(2rem,5vw,4.4rem);line-height:.92;letter-spacing:-.055em;margin-bottom:1rem}h3{font-size:1.12rem;margin-bottom:.7rem}.hero-text,.lead,.about-copy p,.mission-card p,.command-copy p,.download-card p,.contact-card p,.serve-card p,.section-kicker{font-size:clamp(1.02rem,1.65vw,1.2rem);line-height:1.68;color:var(--muted)}
.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:2rem 0}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.95rem 1.25rem;font-weight:950;border:1px solid var(--line);cursor:pointer;font:inherit}.btn.primary{background:linear-gradient(135deg,var(--gold),#fff0b9 44%,var(--purple));color:#14051e;box-shadow:0 12px 50px rgba(157,61,255,.28)}.btn.secondary{background:rgba(255,255,255,.06);color:var(--text)}.btn.ghost{background:transparent;color:var(--gold)}.btn:hover{transform:translateY(-2px)}
.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;max-width:760px}.metrics div{padding:1rem;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:18px}.metrics strong{font-size:2rem;color:#fff}.metrics span{display:block;color:var(--muted);font-size:.82rem}.hero-mark{position:relative;padding:clamp(1rem,3vw,2.5rem);border-radius:var(--radius);background:radial-gradient(circle at 50% 50%, rgba(157,61,255,.34), transparent 60%)}.hero-mark:before{content:"";position:absolute;inset:7%;border:1px solid var(--line);border-radius:50%;filter:blur(.1px)}.hero-mark img{position:relative;filter:drop-shadow(0 0 46px rgba(242,195,99,.32)) drop-shadow(0 0 58px rgba(157,61,255,.32))}
.section{padding:clamp(3rem,7vw,6rem) clamp(1rem,6vw,5rem)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;margin-bottom:2rem}.section-head h2{max-width:860px}.section-kicker{max-width:520px;margin:0}.about,.answer-strip,.who-we-serve{border-top:1px solid rgba(242,195,99,.1);border-bottom:1px solid rgba(242,195,99,.1);background:rgba(255,255,255,.025)}.about-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:1.2rem}.about-copy,.mission-card,.serve-card,.service-card,.process-step,.faq-item,.answer-grid article,.download-card,.proof-card,.profile-panel,.roster-card,.contact-card{border:1px solid var(--line);background:linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.025));box-shadow:var(--shadow);border-radius:var(--radius);overflow:hidden}.about-copy,.mission-card,.serve-card,.service-card,.process-step,.answer-grid article{padding:clamp(1.2rem,3vw,2rem)}.mission-card{background:linear-gradient(145deg,rgba(157,61,255,.18),rgba(242,195,99,.07))}.value-list,.pill-grid,.contact-points{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.3rem}.value-list span,.pill-grid span,.contact-points span{border:1px solid var(--line);border-radius:999px;padding:.6rem .8rem;color:var(--muted);background:rgba(255,255,255,.04);font-weight:800;font-size:.86rem}
.answer-strip{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:1.5rem;align-items:start}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.answer-grid article h3{color:#fff}.answer-grid article p{color:var(--muted);line-height:1.58;margin:0}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.service-card{position:relative;min-height:250px}.service-card span,.process-step span{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;background:linear-gradient(135deg,var(--gold),var(--purple));color:#14051e;font-weight:950;margin-bottom:1.2rem}.service-card p,.process-step p{color:var(--muted);line-height:1.65;margin:0}.service-card:hover,.roster-card:hover,.faq-item:hover{border-color:rgba(242,195,99,.58);transform:translateY(-4px)}
.serve-card{padding:clamp(1.4rem,4vw,3rem)}.serve-card p{max-width:900px}.pill-grid span{border-radius:16px}
.command{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:2rem;align-items:center}.command-image{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:#07030c}.command-image img{width:100%;height:100%;object-fit:cover}.command-copy{padding:clamp(1rem,4vw,3rem)}.check-list{display:grid;gap:.5rem;padding:0;margin:1.3rem 0 0;list-style:none}.check-list li{color:var(--muted);padding-left:1.7rem;position:relative}.check-list li:before{content:"◆";position:absolute;left:0;color:var(--gold)}
.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.process-step{min-height:230px}
.proof{padding-top:2rem}.proof-card,.download-card{padding:clamp(1.4rem,4vw,3rem)}.proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1.5rem}.proof-grid span,.download-grid a,.quick-nav a{border:1px solid var(--line);background:rgba(255,255,255,.05);border-radius:16px;padding:1rem;color:var(--muted);font-weight:850}.proof-grid span:hover,.download-grid a:hover,.quick-nav a:hover{border-color:var(--purple);color:#fff}
.search-wrap{min-width:min(100%,360px);display:grid;gap:.45rem}.search-wrap label{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);font-weight:950}.search-wrap input,.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.06);color:var(--text);padding:.95rem 1.1rem;font:inherit;outline:none}.search-wrap input{border-radius:999px}.search-wrap input:focus,.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--purple);box-shadow:0 0 0 4px rgba(157,61,255,.13)}.contact-form option{background:#14071c;color:#fff}
.roster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.roster-card{position:relative;transition:.25s ease transform,.25s ease border-color}.card-link{position:absolute;inset:0;z-index:3}.card-image{aspect-ratio:4/5;background:#0b0412;overflow:hidden}.portrait,.card-image img,.profile-media img{width:100%;height:100%;object-fit:cover;object-position:center top}.dual-portrait{display:grid;grid-template-columns:1fr 1fr;height:100%;gap:2px;background:rgba(242,195,99,.18)}.card-body{padding:1rem;position:relative;z-index:2}.card-body h3{font-size:1.25rem;margin-bottom:.25rem}.role,.profile-role{color:var(--gold);font-weight:950}.card-body p:not(.eyebrow):not(.role){color:var(--muted);line-height:1.55;font-size:.92rem}.card-body .eyebrow{font-size:.65rem;margin-bottom:.55rem}
.quick-nav{display:flex;flex-wrap:wrap;gap:.5rem;max-width:720px;justify-content:flex-end}.quick-nav a{padding:.55rem .75rem;border-radius:999px;font-size:.82rem}.profiles-stack{display:grid;gap:1.4rem}.profile-panel{display:grid;grid-template-columns:minmax(260px,.38fr) minmax(0,.62fr);scroll-margin-top:100px}.profile-media{min-height:100%;background:#09040e}.profile-copy{padding:clamp(1.3rem,4vw,3rem)}.profile-copy h2{font-size:clamp(2rem,4.2vw,4.2rem)}.profile-copy p{line-height:1.68;color:var(--muted)}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem;margin:2rem 0}.profile-copy ul{padding-left:1.2rem;color:var(--muted);line-height:1.65}.profile-copy li{margin:.3rem 0}.timeline{display:grid;gap:.9rem;margin:1rem 0 2rem}.timeline-item{display:grid;grid-template-columns:18px 1fr;gap:.8rem;align-items:start}.timeline-item span{width:12px;height:12px;border-radius:99px;margin-top:.38rem;background:linear-gradient(135deg,var(--gold),var(--purple));box-shadow:0 0 20px rgba(157,61,255,.55)}.timeline-item p{margin:0;padding-bottom:.9rem;border-bottom:1px solid rgba(242,195,99,.12)}
.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.faq-item{padding:0;transition:.25s ease transform,.25s ease border-color}.faq-item summary{cursor:pointer;padding:1.1rem 1.2rem;font-weight:950;color:#fff;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";float:right;color:var(--gold);font-size:1.2rem}.faq-item[open] summary:after{content:"–"}.faq-item p{color:var(--muted);line-height:1.65;padding:0 1.2rem 1.2rem;margin:0}
.download-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-top:1.5rem}.download-grid a{text-align:center}.contact-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:1.5rem;padding:clamp(1.4rem,4vw,3rem);align-items:start}.contact-form{display:grid;gap:.9rem}.contact-form label{display:grid;gap:.4rem;color:var(--gold);font-size:.8rem;text-transform:uppercase;letter-spacing:.11em;font-weight:950}.hidden-field{display:none!important}.contact-form textarea{resize:vertical;min-height:140px}.contact-points{margin-top:1rem}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:2rem clamp(1rem,6vw,5rem);border-top:1px solid rgba(242,195,99,.14);background:rgba(0,0,0,.25);color:var(--muted)}.site-footer img{width:76px;height:76px;object-fit:contain}.site-footer a{color:var(--gold);font-weight:950}.footer-links{display:flex;gap:1rem;flex-wrap:wrap}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease, transform .7s ease}.reveal.is-visible{opacity:1;transform:none}.hidden-by-search{display:none!important}
@media (max-width:1180px){.service-grid,.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero,.about-grid,.answer-strip,.command,.profile-panel,.contact-card{grid-template-columns:1fr}.profile-media{max-height:760px}.section-head{align-items:start;flex-direction:column}.quick-nav{justify-content:flex-start}.download-grid,.proof-grid,.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.site-header{align-items:flex-start}.menu-toggle{display:block}.nav{position:absolute;top:78px;left:1rem;right:1rem;display:none;flex-direction:column;align-items:stretch;padding:1rem;background:rgba(14,6,24,.98);border:1px solid var(--line);border-radius:22px}.nav.is-open{display:flex}.nav a{text-align:center}.hero{padding-top:3rem}.metrics,.roster-grid,.profile-grid,.download-grid,.proof-grid,.faq-grid,.service-grid,.process-grid,.answer-grid{grid-template-columns:1fr}h1{font-size:clamp(3rem,18vw,5rem)}.hero-actions .btn{width:100%}.section{padding-left:1rem;padding-right:1rem}.site-footer{flex-direction:column;text-align:center}.footer-links{justify-content:center}.profile-copy{padding:1.15rem}.brand span{max-width:170px;line-height:1.05}.contact-card{padding:1rem}.about-copy,.mission-card,.serve-card,.service-card,.process-step,.answer-grid article{padding:1rem}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Portrait treatment update: floating images, no visible image containers */
.card-image,
.profile-media,
.command-image {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.roster-card,
.profile-panel {
  overflow: visible !important;
}

.card-image {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.1rem 1.1rem .35rem;
  aspect-ratio: 4 / 4.8;
}

.profile-media {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  padding: clamp(1.2rem, 4vw, 2.7rem);
}

.command-image {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(1rem, 3vw, 2rem);
}

.portrait,
.card-image > img,
.profile-media > img,
.command-image > img,
.dual-portrait img {
  border-radius: 34px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  background: transparent !important;
  border: 0 !important;
  box-shadow:
    0 0 18px rgba(242,195,99,.35),
    0 0 42px rgba(157,61,255,.35),
    0 24px 70px rgba(0,0,0,.55);
  filter: saturate(1.08) contrast(1.04);
  animation: darthomFloatPulse 5.5s ease-in-out infinite;
  will-change: transform, filter, box-shadow;
}

.roster-card:nth-child(2n) .portrait,
.roster-card:nth-child(2n) .dual-portrait img,
.profile-panel:nth-child(2n) .portrait,
.profile-panel:nth-child(2n) .dual-portrait img {
  animation-delay: .45s;
}

.roster-card:nth-child(3n) .portrait,
.roster-card:nth-child(3n) .dual-portrait img,
.profile-panel:nth-child(3n) .portrait,
.profile-panel:nth-child(3n) .dual-portrait img {
  animation-delay: .9s;
}

.dual-portrait {
  background: transparent !important;
  gap: clamp(.75rem, 2vw, 1.2rem);
  overflow: visible !important;
  height: 100%;
}

.card-image .dual-portrait,
.profile-media .dual-portrait {
  width: 100%;
}

.card-image .dual-portrait img,
.profile-media .dual-portrait img {
  min-width: 0;
}

.card-body {
  margin-top: .35rem;
}

@keyframes darthomFloatPulse {
  0%, 100% {
    transform: translateY(0) scale(1);
    box-shadow:
      0 0 16px rgba(242,195,99,.30),
      0 0 38px rgba(157,61,255,.30),
      0 24px 70px rgba(0,0,0,.55);
    filter: saturate(1.05) contrast(1.02);
  }
  50% {
    transform: translateY(-9px) scale(1.018);
    box-shadow:
      0 0 26px rgba(242,195,99,.55),
      0 0 62px rgba(157,61,255,.55),
      0 32px 86px rgba(0,0,0,.68);
    filter: saturate(1.14) contrast(1.07);
  }
}

@media (prefers-reduced-motion: reduce) {
  .portrait,
  .card-image > img,
  .profile-media > img,
  .command-image > img,
  .dual-portrait img {
    animation: none !important;
  }
}

@media (max-width: 760px) {
  .card-image {
    padding: .9rem .9rem .1rem;
  }
  .profile-media {
    padding: 1rem;
  }
  .portrait,
  .card-image > img,
  .profile-media > img,
  .command-image > img,
  .dual-portrait img {
    border-radius: 26px;
  }
}


/* Longform Research Library */
.blog-index-hero, .authors-hero, .article-hero { padding-top: 8rem; }
.article-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.42fr); gap:2rem; padding:8rem clamp(1rem,6vw,5rem) 3rem; align-items:center; }
.article-author-card, .source-box, .article-next, .author-panel { border:1px solid var(--line); background:var(--card); border-radius:var(--radius); box-shadow:var(--shadow); }
.article-author-card { padding:1.2rem; text-align:center; }
.article-author-card h2 { font-size:1.6rem; margin-top:1rem; }
.article-meta { display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1.2rem; }
.article-meta span { border:1px solid rgba(242,195,99,.22); background:rgba(255,255,255,.05); padding:.55rem .75rem; border-radius:999px; color:var(--muted); font-weight:850; }
.longform { max-width:980px; margin:0 auto 3rem; padding:clamp(1.2rem,4vw,3rem); }
.longform p { color:var(--muted); font-size:1.05rem; line-height:1.86; margin:0 0 1.2rem; }
.longform p:first-of-type { color:#f6e9d6; font-size:1.12rem; }
.article-disclaimer { border-left:4px solid var(--gold); padding:1rem 1rem 1rem 1.2rem; background:rgba(242,195,99,.07); border-radius:0 18px 18px 0; }
.source-box { margin-top:2.5rem; padding:1.4rem; }
.source-box h2 { margin-bottom:.8rem; }
.source-box ol { color:var(--muted); padding-left:1.2rem; }
.source-box li { margin:.9rem 0; line-height:1.5; }
.source-box a, .topic-list a { color:var(--gold); font-weight:950; }
.source-box p { font-size:.92rem; line-height:1.55; margin:.2rem 0 0; }
.article-next { max-width:980px; margin:0 auto 5rem; padding:1.2rem; display:flex; gap:1rem; flex-wrap:wrap; justify-content:space-between; }
.blog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.blog-card { position:relative; border:1px solid var(--line); background:var(--card); border-radius:var(--radius); box-shadow:var(--shadow); overflow:visible; transition:.25s ease transform,.25s ease border-color; }
.blog-card:hover { transform:translateY(-5px); border-color:rgba(242,195,99,.42); }
.blog-card-top { padding:1rem 1rem 0; min-height:220px; display:flex; justify-content:center; align-items:center; }
.blog-thumb { max-height:230px; width:100%; object-fit:cover; }
.blog-card-body { padding:1.1rem; }
.blog-card-body h2, .blog-card-body h3 { font-size:1.22rem; line-height:1.1; margin-bottom:.65rem; }
.blog-card-body p:not(.eyebrow) { color:var(--muted); font-size:.95rem; line-height:1.55; }
.blog-card-body span { color:var(--gold); font-weight:950; font-size:.82rem; }
.author-stack { display:grid; gap:1.4rem; }
.author-panel { display:grid; grid-template-columns:minmax(240px,.34fr) minmax(0,.66fr); overflow:visible; scroll-margin-top:100px; }
.author-portrait { padding:clamp(1rem,3vw,2rem); display:flex; align-items:center; justify-content:center; }
.author-copy { padding:clamp(1.2rem,4vw,2.5rem); }
.author-copy h2 { font-size:clamp(2rem,4vw,3.6rem); }
.author-copy p { color:var(--muted); line-height:1.72; }
.author-copy h3 { margin:1.5rem 0 .6rem; color:var(--gold); }
.author-copy ul { color:var(--muted); line-height:1.7; }
.author-expertise { margin:1.2rem 0; }
.topic-list { color:var(--muted); padding-left:1.2rem; display:grid; gap:.55rem; }
.topic-list li { border-bottom:1px solid rgba(242,195,99,.12); padding-bottom:.5rem; }
.topic-list span { display:block; color:rgba(255,255,255,.48); font-size:.82rem; }
.research-preview .section-head { align-items:end; }
.featured-blog-grid .blog-card { min-height:235px; }
@media (max-width:1180px){ .article-hero, .author-panel { grid-template-columns:1fr; } .blog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:760px){ .article-hero { padding:7rem 1rem 2rem; } .blog-grid { grid-template-columns:1fr; } .longform { padding:1rem; } .longform p { font-size:1rem; line-height:1.75; } .article-next { margin-left:1rem; margin-right:1rem; } .article-next .btn { width:100%; } }

.voice-guide-card { margin:1.1rem 0; padding:1rem; border:1px solid rgba(242,195,99,.22); border-radius:24px; background:linear-gradient(135deg, rgba(242,195,99,.09), rgba(132,72,255,.08)); }
.voice-guide-card h3 { margin-top:0; }
.voice-guide-card p { margin:.45rem 0; font-size:.96rem; }


/* Mega Knowledge Base + Local Brain Room */
.brain-hero { padding: 8.2rem clamp(1rem,6vw,5rem) 2.2rem; }
.brain-hero h1, .blog-index-hero h1 { font-size: clamp(2.6rem, 7vw, 6.2rem); line-height: .92; max-width: 1050px; }
.brain-stat-grid, .kb-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-top:1.5rem; }
.brain-stat-grid div, .kb-stats { border:1px solid rgba(242,195,99,.22); background:linear-gradient(135deg, rgba(242,195,99,.08), rgba(132,72,255,.08)); border-radius:28px; padding:1rem; box-shadow:var(--shadow); }
.brain-stat-grid strong, .kb-stats strong { display:block; color:var(--gold); font-size:clamp(2rem,5vw,4rem); line-height:1; }
.brain-stat-grid span { color:var(--muted); font-weight:850; }
.brain-shell { display:grid; grid-template-columns: minmax(260px,.32fr) minmax(0,.68fr); gap:1.2rem; align-items:start; }
.brain-sidebar, .chat-panel, .kb-card, .source-library { border:1px solid var(--line); background:var(--card); border-radius:var(--radius); box-shadow:var(--shadow); }
.brain-sidebar { padding:1rem; position:sticky; top:92px; }
.brain-select, .chat-form textarea, .kb-controls input, .kb-controls select { width:100%; border:1px solid rgba(242,195,99,.25); border-radius:18px; background:rgba(0,0,0,.32); color:#fff; padding:.9rem 1rem; font:inherit; outline:none; }
.brain-profile-card { margin-top:1rem; }
.brain-pic { display:flex; gap:.7rem; align-items:center; justify-content:center; overflow:visible; min-height:190px; }
.brain-pic img { max-width:100%; width:min(220px, 90%); object-fit:cover; border-radius:34px; background:transparent; box-shadow:0 0 26px rgba(242,195,99,.45), 0 0 64px rgba(157,61,255,.42), 0 28px 80px rgba(0,0,0,.65); animation:darthomFloatPulse 5s ease-in-out infinite; }
.brain-pic.dual img { width:46%; min-width:0; }
.brain-profile-card h2 { margin:1rem 0 .2rem; font-size:1.55rem; }
.brain-profile-card .role { color:var(--gold); font-weight:950; }
.brain-profile-card p { color:var(--muted); line-height:1.6; }
.brain-tags { display:flex; flex-wrap:wrap; gap:.45rem; margin-top:.9rem; }
.brain-tags span, .kb-tags em, .prompt-chips button { border:1px solid rgba(242,195,99,.22); background:rgba(255,255,255,.05); color:var(--muted); border-radius:999px; padding:.42rem .6rem; font-size:.78rem; font-style:normal; font-weight:850; }
.brain-note { margin-top:1rem; color:var(--muted); font-size:.92rem; line-height:1.5; border-top:1px solid rgba(242,195,99,.16); padding-top:1rem; }
.chat-panel { padding:1rem; min-height:620px; display:flex; flex-direction:column; }
.chat-log { flex:1; overflow:auto; max-height:620px; padding:.4rem; display:grid; gap:1rem; }
.chat-msg { border:1px solid rgba(242,195,99,.16); border-radius:28px; padding:1rem; background:rgba(255,255,255,.045); }
.chat-msg.user { justify-self:end; max-width:88%; background:rgba(242,195,99,.12); }
.chat-msg.brain { justify-self:start; max-width:96%; }
.chat-msg.system { justify-self:center; max-width:90%; border-style:dashed; }
.chat-msg p { color:var(--muted); line-height:1.7; margin:.4rem 0; }
.route-note { border-left:4px solid var(--gold); padding-left:1rem; color:#f6e9d6 !important; }
.answer-grid-mini { display:grid; gap:.8rem; margin:1rem 0; }
.answer-chunk { border:1px solid rgba(132,72,255,.26); background:rgba(0,0,0,.18); border-radius:22px; padding:.9rem; }
.answer-chunk span { color:var(--gold); font-size:.78rem; font-weight:950; text-transform:uppercase; letter-spacing:.08em; }
.answer-chunk h4 { margin:.3rem 0; font-size:1rem; }
.answer-sources { display:flex; flex-wrap:wrap; gap:.5rem; align-items:center; margin-top:1rem; color:var(--muted); }
.answer-sources a { color:var(--gold); border-bottom:1px solid rgba(242,195,99,.45); }
.prompt-chips { display:flex; flex-wrap:wrap; gap:.55rem; margin:1rem 0; }
.prompt-chips button { cursor:pointer; }
.chat-form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.75rem; align-items:end; }
.chat-form textarea { min-height:76px; resize:vertical; }
.kb-controls { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(180px,.5fr) minmax(180px,.5fr); gap:.75rem; margin-top:1.5rem; }
.kb-layout { display:grid; grid-template-columns:minmax(0,.68fr) minmax(280px,.32fr); gap:1rem; align-items:start; }
.kb-results { display:grid; gap:1rem; }
.kb-card { padding:1rem; }
.kb-card span { color:var(--gold); text-transform:uppercase; letter-spacing:.08em; font-size:.78rem; font-weight:950; }
.kb-card h2 { margin:.35rem 0; font-size:1.25rem; }
.kb-card p { color:var(--muted); line-height:1.62; }
.kb-card details { margin-top:.75rem; border-top:1px solid rgba(242,195,99,.12); padding-top:.75rem; }
.kb-card summary { cursor:pointer; color:#fff; font-weight:950; }
.freshness { font-size:.86rem; color:rgba(255,255,255,.5)!important; }
.kb-tags { display:flex; flex-wrap:wrap; gap:.4rem; margin-top:.75rem; }
.source-library { padding:1rem; position:sticky; top:92px; }
.source-library h2 { font-size:1.4rem; }
.source-library p { color:var(--muted); line-height:1.55; }
.source-library article { border-top:1px solid rgba(242,195,99,.12); padding:.9rem 0; }
.source-library h3 { font-size:.98rem; margin:0 0 .35rem; }
.source-library a { color:var(--gold); }
.kb-home-band { border:1px solid rgba(242,195,99,.22); background:linear-gradient(135deg, rgba(242,195,99,.1), rgba(132,72,255,.1)); border-radius:var(--radius); padding:clamp(1.2rem,4vw,2rem); display:grid; grid-template-columns:minmax(0,.62fr) minmax(260px,.38fr); gap:1.2rem; align-items:center; }
.kb-home-band p { color:var(--muted); line-height:1.72; }
.kb-home-actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1rem; }
.kb-mini-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }
.kb-mini-grid div { border:1px solid rgba(255,255,255,.1); background:rgba(0,0,0,.2); border-radius:22px; padding:1rem; }
.kb-mini-grid strong { display:block; color:var(--gold); font-size:1.8rem; }
.kb-mini-grid span { color:var(--muted); font-size:.9rem; }
@media (max-width: 980px){ .brain-shell, .kb-layout, .kb-home-band { grid-template-columns:1fr; } .brain-sidebar, .source-library { position:static; } .kb-controls { grid-template-columns:1fr; } }
@media (max-width: 720px){ .brain-stat-grid, .kb-stats, .kb-mini-grid { grid-template-columns:1fr; } .chat-form { grid-template-columns:1fr; } .chat-msg.user, .chat-msg.brain { max-width:100%; } }


/* Brain Room v2: model switching, ambient portraits, local GPT-style surface */
.upgraded-brain-hero { position:relative; overflow:hidden; }
.upgraded-brain-hero:after { content:""; position:absolute; inset:12% 2% auto auto; width:min(520px, 44vw); height:min(520px, 44vw); background:radial-gradient(circle, rgba(242,195,99,.18), rgba(132,72,255,.12) 42%, transparent 70%); filter:blur(8px); opacity:.8; pointer-events:none; }
.section-head.compact h2 { font-size:clamp(2rem, 5vw, 4rem); margin:.15rem 0; }
.brain-model-section { padding-top:1.5rem; }
.brain-model-strip { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:1rem; margin-top:1.2rem; }
.brain-model-card { position:relative; isolation:isolate; min-height:210px; overflow:hidden; border:1px solid rgba(242,195,99,.18); background:linear-gradient(160deg, rgba(255,255,255,.075), rgba(132,72,255,.075)); border-radius:30px; padding:1rem; color:#fff; text-align:left; cursor:pointer; box-shadow:var(--shadow); transition:transform .22s ease, border-color .22s ease, background .22s ease; }
.brain-model-card:hover, .brain-model-card.active { transform:translateY(-4px); border-color:rgba(242,195,99,.58); background:linear-gradient(160deg, rgba(242,195,99,.14), rgba(132,72,255,.13)); }
.brain-model-card .model-glow { position:absolute; inset:auto -12% -18% auto; width:160px; height:160px; border-radius:50%; background-image:var(--model-img); background-size:cover; background-position:center; filter:blur(18px); opacity:.38; z-index:-1; animation:darthomGlowPulse 4.8s ease-in-out infinite; }
.brain-model-card img { width:88px; height:88px; object-fit:cover; border-radius:50%; display:block; background:transparent; box-shadow:0 0 28px rgba(242,195,99,.45), 0 0 55px rgba(132,72,255,.32); animation:darthomFloatPulse 5.2s ease-in-out infinite; }
.brain-model-card strong { display:block; margin-top:.8rem; font-size:1.25rem; color:var(--gold); }
.brain-model-card small { display:block; margin-top:.18rem; color:var(--muted); font-weight:800; line-height:1.35; }
.brain-model-card em { display:inline-flex; margin-top:.65rem; border:1px solid rgba(242,195,99,.25); border-radius:999px; padding:.35rem .55rem; color:#fff; background:rgba(0,0,0,.28); font-size:.72rem; font-style:normal; font-weight:950; text-transform:uppercase; letter-spacing:.06em; }
.brain-shell-upgraded { align-items:stretch; }
.chat-panel-upgraded { position:relative; overflow:hidden; min-height:760px; background:linear-gradient(145deg, rgba(8,8,12,.95), rgba(17,11,28,.92)); }
.chat-panel-upgraded:before { content:""; position:absolute; inset:0; background-image:var(--active-brain-image); background-size:min(620px, 78%); background-position:right 9% top 54%; background-repeat:no-repeat; opacity:.10; filter:saturate(1.05) contrast(1.05) drop-shadow(0 0 56px rgba(242,195,99,.65)); transform:scale(1.02); pointer-events:none; transition:background-image .35s ease, opacity .35s ease; animation:darthomAmbientPulse 7s ease-in-out infinite; }
.chat-panel-upgraded:after { content:""; position:absolute; inset:0; background:radial-gradient(circle at 75% 35%, rgba(242,195,99,.18), transparent 34%), radial-gradient(circle at 12% 88%, rgba(132,72,255,.16), transparent 32%), linear-gradient(90deg, rgba(0,0,0,.62), rgba(0,0,0,.16)); pointer-events:none; }
.chat-panel-upgraded > * { position:relative; z-index:2; }
.chat-ambient { position:absolute; inset:0; pointer-events:none; z-index:1; background:linear-gradient(180deg, rgba(0,0,0,.2), rgba(0,0,0,.75)); }
.chat-header-brain { display:flex; align-items:center; justify-content:space-between; gap:1rem; border:1px solid rgba(242,195,99,.22); background:rgba(0,0,0,.36); backdrop-filter:blur(14px); border-radius:28px; padding:.8rem; margin-bottom:.8rem; box-shadow:0 18px 60px rgba(0,0,0,.32); }
.chat-brain-badge { display:flex; align-items:center; gap:.85rem; }
.chat-brain-badge img { width:58px; height:58px; object-fit:cover; border-radius:50%; box-shadow:0 0 22px rgba(242,195,99,.42), 0 0 42px rgba(132,72,255,.34); animation:darthomFloatPulse 4.8s ease-in-out infinite; }
.chat-brain-badge strong { display:block; color:var(--gold); font-size:1.1rem; }
.chat-brain-badge span { display:block; color:var(--muted); font-size:.88rem; font-weight:800; }
.chat-status { display:flex; align-items:center; gap:.5rem; color:var(--muted); font-size:.84rem; font-weight:850; text-align:right; }
.chat-status span { display:inline-block; width:.65rem; height:.65rem; border-radius:50%; background:#93ffb8; box-shadow:0 0 18px rgba(147,255,184,.8); }
.chat-log { border:1px solid rgba(242,195,99,.10); border-radius:28px; background:rgba(0,0,0,.20); backdrop-filter:blur(9px); }
.chat-msg { backdrop-filter:blur(12px); }
.chat-msg.brain { background:linear-gradient(135deg, rgba(255,255,255,.09), rgba(132,72,255,.08)); box-shadow:0 16px 52px rgba(0,0,0,.26); }
.chat-msg.system { background:rgba(0,0,0,.34); color:var(--muted); }
.chat-msg.user { background:linear-gradient(135deg, rgba(242,195,99,.18), rgba(242,195,99,.08)); border-color:rgba(242,195,99,.34); }
.voice-line { border-left:3px solid rgba(242,195,99,.65); padding-left:1rem; }
.brain-voice-rules { list-style:none; padding:0; margin:1rem 0 0; display:grid; gap:.45rem; }
.brain-voice-rules li { color:var(--muted); font-size:.88rem; line-height:1.45; padding:.55rem .65rem; border:1px solid rgba(242,195,99,.12); border-radius:16px; background:rgba(255,255,255,.035); }
.brain-route-panel { margin-top:1rem; border:1px solid rgba(242,195,99,.16); border-radius:24px; padding:1rem; background:linear-gradient(135deg, rgba(242,195,99,.07), rgba(132,72,255,.07)); }
.brain-route-panel h3 { margin:0 0 .35rem; color:var(--gold); }
.brain-route-panel p { color:var(--muted); line-height:1.55; margin:.3rem 0; }
.route-pills { display:flex; flex-wrap:wrap; gap:.4rem; margin-top:.75rem; }
.route-pills span { border:1px solid rgba(242,195,99,.2); border-radius:999px; padding:.35rem .55rem; color:#fff; font-size:.78rem; font-weight:850; background:rgba(0,0,0,.26); }
.answer-grid-mini { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:.75rem; margin:1rem 0; }
.answer-chunk { border:1px solid rgba(242,195,99,.18); border-radius:22px; padding:.85rem; background:rgba(0,0,0,.28); }
.answer-chunk span { color:var(--gold); font-size:.75rem; font-weight:950; text-transform:uppercase; letter-spacing:.06em; }
.answer-chunk h4 { margin:.4rem 0; color:#fff; font-size:1rem; }
.answer-chunk p { margin:0; font-size:.9rem; line-height:1.58; }
.answer-sources { display:flex; flex-wrap:wrap; gap:.45rem; align-items:center; margin-top:1rem; border-top:1px solid rgba(242,195,99,.14); padding-top:.85rem; }
.answer-sources strong { color:var(--gold); margin-right:.35rem; }
.answer-sources a { color:#fff; text-decoration:none; border:1px solid rgba(242,195,99,.20); border-radius:999px; padding:.35rem .55rem; background:rgba(255,255,255,.045); font-size:.82rem; font-weight:850; }
.route-note { border:1px solid rgba(242,195,99,.22); background:rgba(242,195,99,.08); border-radius:18px; padding:.75rem .85rem; }
.chat-form-upgraded { margin-top:.85rem; }
.chat-form-upgraded textarea { background:rgba(0,0,0,.50); backdrop-filter:blur(10px); }
@keyframes darthomAmbientPulse { 0%,100%{ opacity:.08; transform:scale(1.01) translateY(0); } 50%{ opacity:.16; transform:scale(1.035) translateY(-5px); } }
@keyframes darthomGlowPulse { 0%,100%{ opacity:.30; transform:scale(.98); } 50%{ opacity:.55; transform:scale(1.06); } }
@media (max-width: 1120px){ .brain-model-strip { grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media (max-width: 720px){ .brain-model-strip, .answer-grid-mini { grid-template-columns:1fr; } .chat-header-brain { align-items:flex-start; flex-direction:column; } .chat-status { text-align:left; } .chat-panel-upgraded:before { background-size:90%; background-position:center 16%; opacity:.08; } }



/* Global injected cinematic background layer. Created by video-bg-injector.js, not inline HTML. */
html.has-darthom-trailer-bg,
body.has-darthom-trailer-bg {
  background: #030106 !important;
}

.darthom-trailer-bg {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background: #030106;
  isolation: isolate;
  transform: translateZ(0);
}

.darthom-trailer-bg--native > * {
  position: absolute;
  pointer-events: none;
}

.darthom-bg-gradient {
  inset: -8%;
  background:
    radial-gradient(circle at 16% 14%, rgba(157,61,255,.45), transparent 32%),
    radial-gradient(circle at 84% 18%, rgba(242,195,99,.30), transparent 28%),
    radial-gradient(circle at 48% 78%, rgba(94,225,255,.18), transparent 38%),
    linear-gradient(180deg, #030106 0%, #0c0414 47%, #040106 100%);
  animation: darthomBgBreath 10s ease-in-out infinite;
  opacity: .92;
}

.darthom-bg-grid {
  inset: -25% -10%;
  background:
    linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.040) 1px, transparent 1px);
  background-size: 78px 78px;
  transform: perspective(900px) rotateX(62deg) translateY(10%);
  opacity: .28;
  animation: darthomGridDrift 18s linear infinite;
}

.darthom-bg-logo {
  width: min(34vw, 420px);
  aspect-ratio: 1.15;
  right: 5vw;
  top: 9vh;
  background: url('/assets/brand/darthom-logo.webp') center / contain no-repeat;
  opacity: .15;
  filter: drop-shadow(0 0 34px rgba(242,195,99,.55)) drop-shadow(0 0 70px rgba(157,61,255,.38));
  animation: darthomFloat 13s ease-in-out infinite, darthomSoftPulse 5s ease-in-out infinite;
}

.darthom-bg-orb {
  width: 30vmax;
  aspect-ratio: 1;
  border-radius: 999px;
  filter: blur(36px);
  mix-blend-mode: screen;
  opacity: .22;
  animation: darthomOrb 16s ease-in-out infinite;
}

.orb-1 { left: -8vmax; top: 8vh; background: rgba(157,61,255,.7); }
.orb-2 { right: -10vmax; bottom: 6vh; background: rgba(242,195,99,.45); animation-delay: -5s; }
.orb-3 { left: 34vw; bottom: -14vmax; background: rgba(94,225,255,.32); animation-delay: -9s; }

.darthom-bg-code {
  color: rgba(246,216,151,.28);
  border: 1px solid rgba(242,195,99,.10);
  background: rgba(5,2,9,.26);
  box-shadow: inset 0 0 24px rgba(157,61,255,.06), 0 0 45px rgba(0,0,0,.24);
  border-radius: 18px;
  font: 800 clamp(8px, .9vw, 12px)/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  letter-spacing: .08em;
  padding: 1rem;
  white-space: pre;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  animation: darthomFloat 11s ease-in-out infinite;
}

.darthom-bg-code::before {
  content: "> data_intelligence.scan()\A> ai_workflow.audit()\A> access.policy.verify()\A> proof.artifact.export()\A> operator.signal.route()\A> arizona.node.online";
}

.code-1 { left: 4vw; top: 14vh; width: min(35vw, 390px); transform: rotate(-3deg); }
.code-2 { right: 8vw; bottom: 14vh; width: min(34vw, 370px); animation-delay: -4s; opacity: .75; }
.code-3 { left: 12vw; bottom: 7vh; width: min(30vw, 340px); animation-delay: -8s; opacity: .60; }

.darthom-bg-portrait {
  width: clamp(130px, 17vw, 245px);
  aspect-ratio: 4 / 5;
  border-radius: 32px;
  background-position: center;
  background-size: cover;
  opacity: .13;
  filter: saturate(1.12) contrast(1.08) drop-shadow(0 0 28px rgba(242,195,99,.36)) drop-shadow(0 0 58px rgba(157,61,255,.28));
  mix-blend-mode: screen;
  animation: darthomPortraitDrift 17s ease-in-out infinite, darthomSoftPulse 5.8s ease-in-out infinite;
  mask-image: radial-gradient(ellipse at center, #000 52%, rgba(0,0,0,.82) 68%, transparent 100%);
  -webkit-mask-image: radial-gradient(ellipse at center, #000 52%, rgba(0,0,0,.82) 68%, transparent 100%);
}

.bg-gray { left: 8vw; top: 27vh; background-image: url('/assets/trailer/assets/gray-skyes.webp'); opacity: .18; }
.bg-female-1 { left: 30vw; top: 12vh; background-image: url('/assets/trailer/assets/female1.webp'); animation-delay: -5s; }
.bg-male-2 { right: 28vw; top: 30vh; background-image: url('/assets/trailer/assets/male2.webp'); animation-delay: -8s; }
.bg-female-3 { right: 9vw; top: 42vh; background-image: url('/assets/trailer/assets/female3.webp'); animation-delay: -11s; }
.bg-male-3 { left: 46vw; bottom: 5vh; background-image: url('/assets/trailer/assets/male3.webp'); animation-delay: -14s; opacity: .11; }

.darthom-bg-scan {
  inset: -15% 0 auto 0;
  height: 24vh;
  background: linear-gradient(180deg, transparent, rgba(94,225,255,.06), rgba(242,195,99,.14), rgba(157,61,255,.08), transparent);
  filter: blur(3px);
  opacity: .55;
  animation: darthomScan 7.5s linear infinite;
}

.darthom-trailer-bg__tint,
.darthom-trailer-bg__veil {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.darthom-trailer-bg__tint {
  background:
    linear-gradient(180deg, rgba(3,1,6,.56), rgba(3,1,6,.46) 36%, rgba(3,1,6,.78) 100%),
    radial-gradient(circle at 50% 12%, rgba(255,255,255,.035), transparent 36%);
  z-index: 20;
}

.darthom-trailer-bg__veil {
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    radial-gradient(circle, transparent 0 58%, rgba(0,0,0,.70));
  background-size: 100% 5px, 100% 100%;
  opacity: .26;
  z-index: 21;
  mix-blend-mode: screen;
}

body.has-darthom-trailer-bg > :not(.darthom-trailer-bg) {
  position: relative;
  z-index: 2;
}

body.has-darthom-trailer-bg:before {
  opacity: .18;
  z-index: 1;
}

body.has-darthom-trailer-bg .noise {
  z-index: 1;
  opacity: .055;
}

body.has-darthom-trailer-bg .site-header {
  background: rgba(7,4,12,.48);
  border-bottom-color: rgba(242,195,99,.22);
  box-shadow: 0 18px 60px rgba(0,0,0,.26);
}

body.has-darthom-trailer-bg .nav.is-open {
  background: rgba(14,6,24,.72);
  backdrop-filter: blur(18px);
}

body.has-darthom-trailer-bg .about,
body.has-darthom-trailer-bg .answer-strip,
body.has-darthom-trailer-bg .who-we-serve,
body.has-darthom-trailer-bg .site-footer {
  background: rgba(7,3,12,.22);
  backdrop-filter: blur(8px);
}

body.has-darthom-trailer-bg .about-copy,
body.has-darthom-trailer-bg .mission-card,
body.has-darthom-trailer-bg .serve-card,
body.has-darthom-trailer-bg .service-card,
body.has-darthom-trailer-bg .process-step,
body.has-darthom-trailer-bg .faq-item,
body.has-darthom-trailer-bg .answer-grid article,
body.has-darthom-trailer-bg .download-card,
body.has-darthom-trailer-bg .proof-card,
body.has-darthom-trailer-bg .profile-panel,
body.has-darthom-trailer-bg .roster-card,
body.has-darthom-trailer-bg .contact-card,
body.has-darthom-trailer-bg .brain-sidebar,
body.has-darthom-trailer-bg .chat-panel,
body.has-darthom-trailer-bg .kb-card,
body.has-darthom-trailer-bg .source-library,
body.has-darthom-trailer-bg .brain-stat-grid div,
body.has-darthom-trailer-bg .kb-stats,
body.has-darthom-trailer-bg .brain-model-card,
body.has-darthom-trailer-bg .chat-header-brain,
body.has-darthom-trailer-bg .brain-route-panel,
body.has-darthom-trailer-bg .blog-card,
body.has-darthom-trailer-bg .article-card,
body.has-darthom-trailer-bg .author-card,
body.has-darthom-trailer-bg .source-card,
body.has-darthom-trailer-bg .metrics div,
body.has-darthom-trailer-bg .value-list span,
body.has-darthom-trailer-bg .pill-grid span,
body.has-darthom-trailer-bg .contact-points span,
body.has-darthom-trailer-bg .proof-grid span,
body.has-darthom-trailer-bg .download-grid a,
body.has-darthom-trailer-bg .quick-nav a,
body.has-darthom-trailer-bg .prompt-chips button,
body.has-darthom-trailer-bg .brain-tags span,
body.has-darthom-trailer-bg .kb-tags em,
body.has-darthom-trailer-bg .brain-voice-rules li,
body.has-darthom-trailer-bg .chat-msg,
body.has-darthom-trailer-bg .search-wrap input,
body.has-darthom-trailer-bg .contact-form input,
body.has-darthom-trailer-bg .contact-form textarea,
body.has-darthom-trailer-bg .contact-form select,
body.has-darthom-trailer-bg .brain-select,
body.has-darthom-trailer-bg .chat-form textarea,
body.has-darthom-trailer-bg .kb-controls input,
body.has-darthom-trailer-bg .kb-controls select {
  background: linear-gradient(145deg, rgba(13,6,22,.58), rgba(12,4,18,.31)) !important;
  border-color: rgba(242,195,99,.24) !important;
  backdrop-filter: blur(14px) saturate(1.14);
  -webkit-backdrop-filter: blur(14px) saturate(1.14);
  box-shadow: 0 24px 90px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.045) !important;
}

body.has-darthom-trailer-bg .mission-card,
body.has-darthom-trailer-bg .proof-card,
body.has-darthom-trailer-bg .download-card,
body.has-darthom-trailer-bg .chat-panel-upgraded {
  background: linear-gradient(145deg, rgba(157,61,255,.18), rgba(242,195,99,.08), rgba(8,3,14,.42)) !important;
}

body.has-darthom-trailer-bg .hero-mark,
body.has-darthom-trailer-bg .command-image,
body.has-darthom-trailer-bg .card-image,
body.has-darthom-trailer-bg .profile-media {
  background: transparent !important;
}

body.has-darthom-trailer-bg .btn.secondary,
body.has-darthom-trailer-bg .btn.ghost,
body.has-darthom-trailer-bg .nav a:hover,
body.has-darthom-trailer-bg .menu-toggle:hover {
  background: rgba(255,255,255,.075) !important;
  backdrop-filter: blur(10px);
}

body.has-darthom-trailer-bg h1,
body.has-darthom-trailer-bg h2,
body.has-darthom-trailer-bg h3,
body.has-darthom-trailer-bg .brand,
body.has-darthom-trailer-bg .role,
body.has-darthom-trailer-bg .profile-role {
  text-shadow: 0 0 28px rgba(157,61,255,.42), 0 0 36px rgba(242,195,99,.18);
}

@keyframes darthomBgBreath {
  0%, 100% { transform: scale(1); filter: saturate(1); }
  50% { transform: scale(1.03); filter: saturate(1.18); }
}

@keyframes darthomGridDrift {
  from { background-position: 0 0, 0 0; }
  to { background-position: 78px 156px, 78px 156px; }
}

@keyframes darthomFloat {
  0%, 100% { translate: 0 0; rotate: 0deg; }
  50% { translate: 0 -18px; rotate: .6deg; }
}

@keyframes darthomSoftPulse {
  0%, 100% { opacity: .12; }
  50% { opacity: .20; }
}

@keyframes darthomOrb {
  0%, 100% { transform: translate3d(0,0,0) scale(1); }
  50% { transform: translate3d(4vw,-3vh,0) scale(1.14); }
}

@keyframes darthomPortraitDrift {
  0%, 100% { transform: translate3d(0,0,0) scale(1); }
  50% { transform: translate3d(2vw,-2vh,0) scale(1.055); }
}

@keyframes darthomScan {
  from { transform: translateY(-28vh); }
  to { transform: translateY(128vh); }
}

@media (max-width: 760px) {
  .code-2,
  .code-3,
  .bg-female-3,
  .bg-male-3 { display: none; }
  .darthom-bg-code { width: 72vw; opacity: .45; }
  .code-1 { left: 6vw; top: 18vh; }
  .darthom-bg-portrait { width: 42vw; opacity: .10; }
  .bg-gray { left: 58vw; top: 10vh; }
  .bg-female-1 { left: 4vw; top: 48vh; }
  .bg-male-2 { right: 8vw; top: 64vh; }
}

@media (prefers-reduced-motion: reduce) {
  .darthom-trailer-bg--native * {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
  }
  .darthom-bg-portrait,
  .darthom-bg-code,
  .darthom-bg-logo {
    opacity: .10;
  }
}


/* =============================================================
   VISIBILITY FIX: true see-through site shell + injected trailer
   This keeps the trailer layer injected by video-bg-injector.js and
   makes the website glass-light so the motion layer is actually visible.
   ============================================================= */
html.has-darthom-trailer-bg,
body.has-darthom-trailer-bg {
  background: transparent !important;
}
body.has-darthom-trailer-bg {
  isolation: isolate;
}
body.has-darthom-trailer-bg > :not(#darthom-trailer-background-layer) {
  position: relative;
  z-index: 2;
}
#darthom-trailer-background-layer {
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  background: #020006 !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.darthom-trailer-bg,
.darthom-trailer-bg * {
  box-sizing: border-box;
}
.trailer-canvas,
.trailer-gradient,
.trailer-grid,
.trailer-hud,
.trailer-scan,
.trailer-noise,
.trailer-scenes,
.trailer-progress {
  position: absolute;
  inset: 0;
}
.trailer-canvas { width:100%; height:100%; display:block; }
.trailer-matrix { opacity:.65; mix-blend-mode:screen; }
.trailer-network { opacity:.80; mix-blend-mode:screen; }
.trailer-sparks { opacity:.78; mix-blend-mode:screen; }
.trailer-gradient {
  background:
    radial-gradient(circle at 14% 16%, rgba(164,56,255,.45), transparent 31vw),
    radial-gradient(circle at 86% 13%, rgba(245,199,107,.32), transparent 28vw),
    radial-gradient(circle at 50% 82%, rgba(94,225,255,.20), transparent 34vw),
    linear-gradient(180deg, rgba(2,0,7,.44), rgba(6,1,17,.34) 48%, rgba(2,0,7,.42));
  z-index: 2;
}
.trailer-grid {
  z-index: 3;
  inset: -28% -12%;
  background:
    linear-gradient(90deg, rgba(255,255,255,.075) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px);
  background-size: 72px 72px;
  transform: perspective(900px) rotateX(62deg) translateY(5%);
  opacity: .36;
  animation: trailerGrid 16s ease-in-out infinite;
}
.trailer-hud {
  z-index: 7;
  inset: clamp(18px,3vw,50px);
  border: 1px solid rgba(245,199,107,.24);
  box-shadow: inset 0 0 34px rgba(164,56,255,.07);
}
.trailer-hud:before,
.trailer-hud:after {
  content:"";
  position:absolute;
  width:88px;
  height:88px;
  border:2px solid rgba(245,199,107,.52);
}
.trailer-hud:before { top:-1px; left:-1px; border-right:0; border-bottom:0; }
.trailer-hud:after { right:-1px; bottom:-1px; border-left:0; border-top:0; }
.trailer-scan {
  z-index: 8;
  overflow:hidden;
  opacity:.80;
}
.trailer-scan:before {
  content:"";
  position:absolute;
  left:-10%;
  right:-10%;
  top:-24vh;
  height:18vh;
  background: linear-gradient(180deg, transparent, rgba(94,225,255,.12), rgba(245,199,107,.26), rgba(164,56,255,.14), transparent);
  filter: blur(2px);
  animation: trailerScan 4.2s linear infinite;
}
.trailer-noise {
  z-index: 9;
  opacity:.10;
  mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
  animation: trailerNoise .28s steps(2,end) infinite;
}
.trailer-scenes {
  z-index: 6;
  display: block;
}
.trailer-scene {
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  padding:clamp(1rem,5vw,5rem);
  opacity:0;
  transform:scale(.965) translateY(14px);
  transition: opacity .9s ease, transform .9s cubic-bezier(.2,.9,.2,1);
}
.trailer-scene.active {
  opacity:.88;
  transform:scale(1) translateY(0);
}
.trailer-logo-box {
  position:relative;
  width:min(52vw,530px);
  aspect-ratio:1.05;
  display:grid;
  place-items:center;
  filter:drop-shadow(0 0 34px rgba(245,199,107,.55)) drop-shadow(0 0 86px rgba(164,56,255,.36));
  animation: trailerFloat 6s ease-in-out infinite;
}
.trailer-logo-box:before {
  content:"";
  position:absolute;
  inset:7%;
  border-radius:50%;
  background: conic-gradient(transparent, rgba(245,199,107,.48), transparent, rgba(164,56,255,.45), transparent);
  filter: blur(10px);
  animation: trailerSpin 7s linear infinite;
}
.trailer-logo {
  width:100%;
  height:100%;
  object-fit:contain;
  position:relative;
  z-index:2;
}
.trailer-headline-block,
.trailer-logo-box + .trailer-kicker,
.trailer-logo-box + .trailer-kicker + .trailer-title {
  text-align:center;
}
.trailer-kicker {
  margin:0 0 .8rem;
  color:rgba(245,199,107,.9);
  font:900 clamp(10px,1.05vw,14px) ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing:.22em;
  text-transform:uppercase;
  text-shadow:0 0 18px rgba(245,199,107,.42);
}
.trailer-title {
  margin:0;
  max-width:1100px;
  color:rgba(255,248,220,.95);
  font:1000 clamp(42px,8.2vw,132px)/.86 Inter, system-ui, sans-serif;
  letter-spacing:-.08em;
  text-transform:uppercase;
  text-align:center;
  text-shadow:0 0 34px rgba(164,56,255,.6), 0 0 86px rgba(245,199,107,.23);
}
.trailer-operator-card {
  width:min(1120px,92vw);
  display:grid;
  grid-template-columns:minmax(230px,.34fr) minmax(0,.66fr);
  gap:clamp(1rem,4vw,3rem);
  align-items:center;
}
.trailer-operator-photo-wrap {
  position:relative;
  aspect-ratio:4/5;
  border-radius:34px;
  overflow:hidden;
  border:1px solid rgba(245,199,107,.32);
  background:rgba(0,0,0,.16);
  box-shadow:0 0 70px rgba(164,56,255,.27), 0 0 55px rgba(245,199,107,.20);
  transform:rotateY(8deg);
  animation: trailerFloat 5.5s ease-in-out infinite;
}
.trailer-operator-photo-wrap:before,
.trailer-operator-photo-wrap:after {
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
}
.trailer-operator-photo-wrap:before { background:linear-gradient(180deg, transparent 42%, rgba(0,0,0,.66)); }
.trailer-operator-photo-wrap:after { background:linear-gradient(90deg, transparent, rgba(94,225,255,.22), transparent); transform:translateX(-140%); animation: trailerSheen 2.8s ease-in-out infinite; }
.trailer-operator-photo {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  filter:saturate(1.08) contrast(1.05);
}
.trailer-operator-index {
  position:absolute;
  right:1.1rem;
  bottom:.9rem;
  z-index:3;
  color:rgba(245,199,107,.88);
  font:1000 clamp(38px,5vw,84px) ui-monospace, SFMono-Regular, Menlo, monospace;
  line-height:1;
  text-shadow:0 0 22px rgba(245,199,107,.48);
}
.trailer-operator-copy {
  padding:clamp(1rem,3vw,2rem);
  text-shadow:0 0 24px rgba(0,0,0,.85);
}
.trailer-operator-name {
  margin:0;
  color:rgba(255,248,220,.98);
  font:1000 clamp(42px,7vw,112px)/.85 Inter, system-ui, sans-serif;
  letter-spacing:-.08em;
  text-transform:uppercase;
  text-shadow:0 0 30px rgba(164,56,255,.62), 0 0 70px rgba(245,199,107,.22);
}
.trailer-operator-role {
  margin:.9rem 0 0;
  color:rgba(245,199,107,.95);
  font-size:clamp(18px,2.1vw,34px);
  text-transform:uppercase;
  letter-spacing:.03em;
}
.trailer-operator-line {
  max-width:760px;
  margin:1rem 0 0;
  color:rgba(255,247,222,.76);
  font-size:clamp(14px,1.55vw,22px);
  line-height:1.55;
  text-transform:uppercase;
  letter-spacing:.055em;
}
.trailer-progress {
  z-index: 11;
  inset:auto clamp(18px,3vw,48px) clamp(14px,2.6vw,38px);
  height:2px;
  background:rgba(255,255,255,.10);
  overflow:hidden;
}
.trailer-progress span {
  display:block;
  width:38%;
  height:100%;
  background:linear-gradient(90deg, rgba(164,56,255,.0), rgba(94,225,255,.85), rgba(245,199,107,.9));
  animation: trailerProgress 4.4s linear infinite;
}
.darthom-trailer-bg__tint,
.darthom-trailer-bg__veil,
.darthom-bg-gradient,
.darthom-bg-grid,
.darthom-bg-logo,
.darthom-bg-orb,
.darthom-bg-code,
.darthom-bg-portrait,
.darthom-bg-scan {
  display:none !important;
}

/* Make the actual website glass-light instead of blocking the trailer. */
body.has-darthom-trailer-bg .noise { opacity:.04 !important; }
body.has-darthom-trailer-bg main,
body.has-darthom-trailer-bg section,
body.has-darthom-trailer-bg .section,
body.has-darthom-trailer-bg .hero,
body.has-darthom-trailer-bg .about,
body.has-darthom-trailer-bg .process,
body.has-darthom-trailer-bg .who-we-serve,
body.has-darthom-trailer-bg .roster,
body.has-darthom-trailer-bg .faq,
body.has-darthom-trailer-bg .contact,
body.has-darthom-trailer-bg .kb-preview {
  background: transparent !important;
}
body.has-darthom-trailer-bg .site-header {
  background: rgba(2,0,8,.18) !important;
  border-bottom-color: rgba(245,199,107,.14) !important;
  backdrop-filter: blur(8px) saturate(1.35) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.35) !important;
  box-shadow: 0 10px 40px rgba(0,0,0,.16) !important;
}
body.has-darthom-trailer-bg .brand,
body.has-darthom-trailer-bg .nav,
body.has-darthom-trailer-bg .menu-toggle {
  background: rgba(0,0,0,.08) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}
body.has-darthom-trailer-bg .hero-copy,
body.has-darthom-trailer-bg .hero-mark,
body.has-darthom-trailer-bg .section-head,
body.has-darthom-trailer-bg .about-copy,
body.has-darthom-trailer-bg .mission-card,
body.has-darthom-trailer-bg .answer-strip,
body.has-darthom-trailer-bg .kb-home-band,
body.has-darthom-trailer-bg .serve-card,
body.has-darthom-trailer-bg .command,
body.has-darthom-trailer-bg .command-copy,
body.has-darthom-trailer-bg .command-image,
body.has-darthom-trailer-bg .contact-card,
body.has-darthom-trailer-bg .form-card,
body.has-darthom-trailer-bg .download-card,
body.has-darthom-trailer-bg .brain-shell,
body.has-darthom-trailer-bg .brain-panel,
body.has-darthom-trailer-bg .chat-panel,
body.has-darthom-trailer-bg .chat-panel-upgraded,
body.has-darthom-trailer-bg .knowledge-shell,
body.has-darthom-trailer-bg .source-library,
body.has-darthom-trailer-bg .blog-shell,
body.has-darthom-trailer-bg .author-shell,
body.has-darthom-trailer-bg .author-profile,
body.has-darthom-trailer-bg .author-voice,
body.has-darthom-trailer-bg article,
body.has-darthom-trailer-bg [class*="card"],
body.has-darthom-trailer-bg [class*="panel"],
body.has-darthom-trailer-bg [class*="tile"],
body.has-darthom-trailer-bg [class*="box"],
body.has-darthom-trailer-bg [class*="strip"],
body.has-darthom-trailer-bg [class*="grid"] > div,
body.has-darthom-trailer-bg .metrics div,
body.has-darthom-trailer-bg .faq-item,
body.has-darthom-trailer-bg .value-list span,
body.has-darthom-trailer-bg .pill-grid span,
body.has-darthom-trailer-bg .route-pills span,
body.has-darthom-trailer-bg .answer-chunk,
body.has-darthom-trailer-bg .answer-sources a,
body.has-darthom-trailer-bg .chat-msg,
body.has-darthom-trailer-bg .chat-log,
body.has-darthom-trailer-bg textarea,
body.has-darthom-trailer-bg input,
body.has-darthom-trailer-bg select {
  background: rgba(5, 1, 14, .16) !important;
  background-image: none !important;
  border-color: rgba(245,199,107,.18) !important;
  box-shadow: 0 18px 65px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.045) !important;
  backdrop-filter: blur(5px) saturate(1.25) !important;
  -webkit-backdrop-filter: blur(5px) saturate(1.25) !important;
}
body.has-darthom-trailer-bg .service-card,
body.has-darthom-trailer-bg .profile-card,
body.has-darthom-trailer-bg .blog-card,
body.has-darthom-trailer-bg .author-card,
body.has-darthom-trailer-bg .kb-card,
body.has-darthom-trailer-bg .brain-model-card,
body.has-darthom-trailer-bg .chat-header-brain,
body.has-darthom-trailer-bg .brain-route-panel,
body.has-darthom-trailer-bg .faq-item,
body.has-darthom-trailer-bg .mission-card {
  background: rgba(6, 2, 18, .12) !important;
}
body.has-darthom-trailer-bg .hero-mark,
body.has-darthom-trailer-bg .profile-image,
body.has-darthom-trailer-bg .portrait-wrap,
body.has-darthom-trailer-bg .command-image {
  background: rgba(0,0,0,.05) !important;
  border-color: rgba(245,199,107,.11) !important;
  box-shadow: 0 0 60px rgba(245,199,107,.18), 0 0 90px rgba(164,56,255,.14) !important;
}
body.has-darthom-trailer-bg .chat-panel-upgraded:before { opacity:.13 !important; }
body.has-darthom-trailer-bg .chat-panel-upgraded:after,
body.has-darthom-trailer-bg .chat-ambient {
  background: linear-gradient(90deg, rgba(0,0,0,.26), rgba(0,0,0,.06)) !important;
  opacity:.54 !important;
}
body.has-darthom-trailer-bg .btn,
body.has-darthom-trailer-bg button,
body.has-darthom-trailer-bg .filter-button {
  background: rgba(8, 2, 20, .32) !important;
  border-color: rgba(245,199,107,.35) !important;
  backdrop-filter: blur(5px) !important;
  -webkit-backdrop-filter: blur(5px) !important;
}
body.has-darthom-trailer-bg .btn.primary,
body.has-darthom-trailer-bg button[type="submit"] {
  background: rgba(245,199,107,.36) !important;
  color: #160710 !important;
}
body.has-darthom-trailer-bg h1,
body.has-darthom-trailer-bg h2,
body.has-darthom-trailer-bg h3,
body.has-darthom-trailer-bg p,
body.has-darthom-trailer-bg li,
body.has-darthom-trailer-bg span,
body.has-darthom-trailer-bg a,
body.has-darthom-trailer-bg label,
body.has-darthom-trailer-bg summary {
  text-shadow: 0 2px 16px rgba(0,0,0,.92), 0 0 24px rgba(0,0,0,.5);
}
body.has-darthom-trailer-bg .site-footer {
  background: rgba(0,0,0,.18) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}
body.has-darthom-trailer-bg::after {
  content:"";
  position:fixed;
  inset:0;
  z-index:1;
  pointer-events:none;
  background: linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.05) 44%, rgba(0,0,0,.18));
}

@keyframes trailerGrid { 0%,100%{ transform:perspective(900px) rotateX(62deg) translateY(5%); } 50%{ transform:perspective(900px) rotateX(61deg) translateY(9%); } }
@keyframes trailerScan { to { transform:translateY(130vh); } }
@keyframes trailerNoise { 50%{ transform:translate3d(-1%,1%,0); } }
@keyframes trailerFloat { 0%,100%{ transform:translateY(0) rotateY(8deg); } 50%{ transform:translateY(-14px) rotateY(3deg); } }
@keyframes trailerSpin { to { transform:rotate(360deg); } }
@keyframes trailerSheen { 0%,45%{ transform:translateX(-140%); } 78%,100%{ transform:translateX(140%); } }
@keyframes trailerProgress { from{ transform:translateX(-120%); } to{ transform:translateX(280%); } }

@media (max-width: 760px) {
  .trailer-operator-card { grid-template-columns:1fr; max-width:84vw; gap:1rem; }
  .trailer-operator-photo-wrap { width:min(58vw,260px); margin-inline:auto; }
  .trailer-operator-copy { text-align:center; padding:.6rem; }
  .trailer-operator-name { font-size:clamp(34px,11vw,70px); }
  .trailer-title { font-size:clamp(34px,11vw,80px); }
  .trailer-hud { opacity:.42; }
  body.has-darthom-trailer-bg .site-header { background:rgba(2,0,8,.28)!important; }
}

/* Accidental text selection fix for scroll/drag gestures */
html,
body {
  overscroll-behavior-y: contain;
  -webkit-tap-highlight-color: transparent;
}

body,
body * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

img,
svg,
video,
canvas,
.card-link,
.btn,
button,
a {
  -webkit-user-drag: none;
  user-drag: none;
}

input,
textarea,
select,
option,
[contenteditable="true"],
.allow-select,
[data-allow-select="true"] {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}

.no-accidental-select,
.no-accidental-select * {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  cursor: default;
}

.no-accidental-select input,
.no-accidental-select textarea,
.no-accidental-select select,
.no-accidental-select option,
.no-accidental-select [contenteditable="true"] {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
  cursor: text;
}

::selection {
  background: rgba(242,195,99,.28);
  color: #fff;
}

/* Homepage cinematic handoff layer.
   Injected globally by video-bg-injector.js, but it only runs on /.
   It does not change page markup. It lets visitors see the motion layer first,
   then dissolves into the persistent background layer underneath the site. */
#darthom-intro-dissolve-layer {
  position: fixed !important;
  inset: 0 !important;
  z-index: 90 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 44%, rgba(164,56,255,.26), transparent 34vw),
    radial-gradient(circle at 28% 20%, rgba(245,199,107,.18), transparent 28vw),
    #020006 !important;
  opacity: 1;
  transform: scale(1.015);
  filter: saturate(1.06) contrast(1.03);
  animation: introVideoHold 7.6s ease-out forwards;
  box-sizing: border-box;
}
#darthom-intro-dissolve-layer * { box-sizing: border-box; }
#darthom-intro-dissolve-layer .trailer-gradient { opacity: .96; }
#darthom-intro-dissolve-layer .trailer-grid { opacity: .44; }
#darthom-intro-dissolve-layer .trailer-hud { opacity: .74; }
#darthom-intro-dissolve-layer .trailer-scan { opacity: .86; }
#darthom-intro-dissolve-layer .trailer-noise { opacity: .13; }
#darthom-intro-dissolve-layer .trailer-scene.active { opacity: 1; }
#darthom-intro-dissolve-layer .trailer-logo-box { width: min(58vw, 590px); }
#darthom-intro-dissolve-layer .trailer-logo-box + .trailer-kicker,
#darthom-intro-dissolve-layer .trailer-logo-box + .trailer-kicker + .trailer-title {
  animation: introLogoText 1.7s ease-out both;
}
#darthom-intro-dissolve-layer .trailer-title,
#darthom-intro-dissolve-layer .trailer-operator-name {
  text-shadow: 0 0 36px rgba(164,56,255,.72), 0 0 96px rgba(245,199,107,.28), 0 5px 28px rgba(0,0,0,.92);
}
#darthom-intro-dissolve-layer .trailer-progress--intro span {
  animation: introProgress 9.4s linear forwards;
}
#darthom-intro-dissolve-layer.is-settling {
  animation: introVideoDissolve 1.8s cubic-bezier(.16,.9,.18,1) forwards;
}
html.darthom-intro-running,
body.darthom-intro-running {
  overflow-x: hidden;
}
@keyframes introVideoHold {
  0% { opacity: 0; transform: scale(1.04); filter: blur(8px) saturate(1.2) contrast(1.05); }
  8% { opacity: 1; transform: scale(1.015); filter: blur(0) saturate(1.08) contrast(1.04); }
  82% { opacity: 1; transform: scale(1.006); filter: blur(0) saturate(1.06) contrast(1.03); }
  100% { opacity: 1; transform: scale(1.006); filter: blur(0) saturate(1.06) contrast(1.03); }
}
@keyframes introVideoDissolve {
  0% { opacity: 1; transform: scale(1.006); filter: blur(0) saturate(1.06) contrast(1.03); }
  58% { opacity: .42; transform: scale(.985); filter: blur(1.5px) saturate(.98) contrast(.98); }
  100% { opacity: 0; transform: scale(.955); filter: blur(5px) saturate(.86) contrast(.92); visibility: hidden; }
}
@keyframes introLogoText {
  0% { opacity: 0; transform: translateY(18px); }
  100% { opacity: 1; transform: translateY(0); }
}
@keyframes introProgress {
  from { transform: translateX(-105%); }
  to { transform: translateX(300%); }
}
@media (max-width: 760px) {
  #darthom-intro-dissolve-layer .trailer-logo-box { width: min(78vw, 430px); }
  #darthom-intro-dissolve-layer .trailer-hud { inset: 14px; opacity: .46; }
}
@media (prefers-reduced-motion: reduce) {
  #darthom-intro-dissolve-layer {
    animation: introVideoDissolve 1s ease 1.8s forwards !important;
  }
  #darthom-intro-dissolve-layer .trailer-scene { transition: none !important; }
}


/* AI sitemap + developer knowledge database additions */
.dev-database-home,
.dev-database-explain { position: relative; z-index: 2; }
.dev-database-card {
  border: 1px solid rgba(227, 184, 91, 0.26);
  border-radius: 28px;
  padding: clamp(1.1rem, 2vw, 2rem);
  background: rgba(18, 10, 30, 0.34);
  box-shadow: 0 20px 70px rgba(0,0,0,.24), inset 0 0 40px rgba(126, 62, 255, .08);
  backdrop-filter: blur(12px);
}
.dev-database-card.wide { max-width: 1080px; margin: 0 auto; }
.dev-database-explain { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.dev-brain-hero .section-kicker { max-width: 980px; }
.dev-chat-shell .chat-form textarea { min-height: 130px; }
.dev-brain-page .answer-chunk { background: rgba(8,5,15,.32); }
@media (max-width: 860px){ .dev-database-explain { grid-template-columns: 1fr; } }