/** * @file * Deep Signal - shared page CSS. * * TRANSITIONAL (Phase 4 of the inline-CSS extraction, see * /EXTRACTION-AUDIT-2026-07-31.md). Every rule below appeared with *identical* * declarations in two or more of the nine landing bodies, and only after the * Phase 3 prefix unification could they be recognised as the same rule. * * Selection is deliberately conservative. A rule is here only if: * 1. its declarations are byte-identical everywhere it appears; * 2. that selector has exactly one payload site-wide (no competing variant); * 3. hoisting it cannot change the cascade - no retained rule with the same * rightmost compound and specificity, declaring any of the same * properties, currently sits before it in the body. * * Rule 3 matters because moving a rule into makes it lose ties it used * to win on source order. 9 otherwise-eligible selectors were excluded by it. * * The 26 selectors whose definitions genuinely differ between pages stay in * their node bodies, per the agreed "zero visual change" policy. * * Attached per-node by celthrac_deep_signal_preprocess_page(). */ .dsp-home,.dsp-home * { box-sizing:border-box; } .dsp-home { font-family:var(--f-body);font-size:16px;line-height:1.55;color:#fff;background:#0a0a0f;width:100%;overflow-x:hidden; } .dsp-home h1,.dsp-home h2,.dsp-home h3 { font-family:var(--f-head);font-weight:800;letter-spacing:-.02em;margin:0;color:#fff; } .dsp-home p { margin:0; } .dsp-home a { color:inherit;text-decoration:none; } .dsp-wrap { max-width:1320px;margin:0 auto;padding:0 var(--s-lg); } .dsp-eyebrow { font-family:var(--f-mono);font-size:.85rem;letter-spacing:.18em;color:var(--orange);text-transform:uppercase;display:block;margin-bottom:18px; } .dsp-sec { padding:var(--s-xl) var(--s-lg);position:relative; } .dsp-bg-charcoal { background:var(--charcoal); } .dsp-bg-145 { background:var(--charcoal-2); } .dsp-note { background:var(--orange);color:#fff;text-align:center;padding:10px;font-family:var(--f-mono);font-size:.78rem;letter-spacing:.08em; } .dsp-nav { position:relative;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:18px 64px;backdrop-filter:saturate(140%) blur(18px);background:linear-gradient(180deg,rgba(6, 6, 9,.96) 0%,rgba(10, 10, 15,.92) 100%);border-bottom:1px solid rgba(91, 84, 240,.18);box-shadow:0 12px 32px -18px rgba(0,0,0,.9);width:100%; } .dsp-btn:hover { transform:translateY(-1px); } .dsp-btn-chev { position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;overflow:hidden; } .dsp-btn-chev .chev { position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .35s var(--ease); } .dsp-btn-chev .chev-alt { transform:translateX(-110%); } .dsp-btn:hover .dsp-btn-chev .chev-alt { transform:translateX(0); } .dsp-btn-primary .dsp-btn-chev { background:var(--orange); } .dsp-btn-ghost .dsp-btn-chev { background:transparent;outline:1px solid var(--orange);outline-offset:-1px; } .dsp-btn-ghost .dsp-btn-chev .chev { color:var(--orange); } .dsp-focus { position:relative;left:50%;margin-left:-50vw;width:100vw;background:#0d0d12; } .dsp-focus-stage { height:100vh;overflow:hidden;position:relative; } .dsp-focus-img { position:absolute;top:50%;left:50%;width:94vw;aspect-ratio:16/9;max-height:88vh;transform:translate(-50%,-50%);background:#1c1a36;overflow:hidden;will-change:transform,opacity,filter;z-index:1; } .dsp-focus-text { position:absolute;top:50%;right:5%;width:min(46vw,640px);transform:translateY(-50%);will-change:transform,opacity;color:#fff;z-index:2; } .dsp-focus-text p { color:#d1d1d1;font-size:1.1rem;line-height:1.65; } .dsp-focus-text .cta { margin-top:32px; } .dsp-sov-lead { font-size:1.1rem;color:#b6b6c2;max-width:60ch;margin-bottom:var(--s-md); } .dsp-badge:hover { border-left-color:var(--orange);background:rgba(91, 84, 240,.07);transform:translateY(-2px); } .dsp-cta { overflow:hidden;text-align:left;background:radial-gradient(900px 540px at 28% -12%,rgba(91, 84, 240,.17),transparent 60%),linear-gradient(160deg,#0a0a0f,#14141b); } .dsp-cta .dsp-wrap { max-width:1320px; } .dsp-frag { font-family:var(--f-head);font-weight:800;text-transform:uppercase;line-height:.82;letter-spacing:-.03em;margin:8px 0 0;white-space:nowrap; } .dsp-frag .f1 { color:#fff; } .dsp-frag .f2 { margin-left:.42em;color:transparent;-webkit-text-stroke:3px var(--orange);text-stroke:3px var(--orange); } .dsp-cta .sub { font-size:clamp(1.05rem,1.45vw,1.35rem);color:var(--n500);margin:30px 0 40px;max-width:52ch; } .dsp-cta-grid { display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:80px;align-items:start; } .dsp-cta-side { display:flex;flex-direction:column;gap:36px;padding-top:8px; } .dsp-cta-side .blk { padding-left:18px;border-left:2px solid rgba(91, 84, 240,.45); } .dsp-cta-side .blk a:hover { color:var(--orange); } .dsp-cta-side .blk .sla { display:block;color:#7c7c8a;font-size:.85rem;margin-top:6px; } .dsp-cta-trust { display:flex;flex-wrap:wrap;gap:10px 14px; } .dsp-form-mount { max-width:680px; } .dsp-form-mount form { display:grid;gap:18px; } .dsp-form-mount .form-item,.dsp-form-mount .form-actions { margin:0; } .dsp-form-mount label { display:block;font-family:var(--f-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--n500);margin-bottom:6px; } .dsp-form-mount textarea { min-height:120px;resize:vertical; } [class$="-glow"]:not(.sp-hero-glow),[class*="-header-glow"] { animation:dsm-breathe 7.5s ease-in-out infinite; } .has-img { background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important; } .has-img .flow { display:none!important; } .has-img::after { display:none!important; } .dsp-home h1,.dsp-home h2,.dsp-home h3,.dsp-home h4 { font-family:var(--f-head);font-weight:800;letter-spacing:-.02em;margin:0;color:#fff; } .dsp-btn:hover .dsp-btn-chev .chev { transform:translateX(110%); } .dsp-crumb { padding:14px var(--s-lg);background:#0a0a0f;border-bottom:1px solid rgba(255,255,255,.05);font-family:var(--f-mono);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--n500); } .dsp-crumb a:hover { color:var(--orange); } .dsp-crumb .sep { margin:0 12px;color:rgba(255,255,255,.18); } .dsp-crumb .curr { color:var(--orange); } .dsp-hero { position:relative;overflow:hidden;background:radial-gradient(900px 540px at 78% -20%,rgba(91, 84, 240,.22),transparent 60%),var(--charcoal);padding:var(--s-xl) var(--s-lg); } .dsp-hero .dsp-wrap { position:relative;z-index:1; } .dsp-hero-glow { position:absolute;top:-25%;right:-12%;width:65%;height:160%;background:radial-gradient(closest-side,rgba(91, 84, 240,.18),transparent 70%);filter:blur(12px);pointer-events:none; } .dsp-hero-cta { display:flex;flex-wrap:wrap;gap:24px;align-items:center; } .dsp-hero-cta .dsp-btn-primary { font-size:1.1rem; } .dsp-hero-cta .dsp-btn-primary .dsp-btn-chev { width:46px;height:46px; } .dsp-onpage { position:relative;z-index:55;background:rgba(10, 10, 15,.94);backdrop-filter:saturate(140%) blur(18px);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);padding:14px var(--s-lg);width:100%; } .dsp-onpage-list { display:flex;flex-wrap:wrap;gap:6px 28px;font-family:var(--f-mono);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:#8a8a99;max-width:1320px;margin:0 auto; } .dsp-onpage-list a:hover { color:#fff; } .dsp-onpage-list a.is-active { color:var(--orange);border-bottom-color:var(--orange); } .dsp-onpage-list .n { color:var(--orange);font-weight:600; } .dsp-reel { position:relative;background:#0a0a0f; } .dsp-reel-pin { height:100vh;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:center; } .dsp-reel-head { position:absolute;top:100px;left:var(--s-lg);right:var(--s-lg);z-index:4;pointer-events:none; } .dsp-reel-head h2 { font-size:clamp(1.8rem,3.4vw,3rem);line-height:1.02;color:#fff;max-width:20ch; } .dsp-reel-track { display:flex;gap:24px;padding:0 var(--s-lg);align-items:center;height:62vh;margin-top:40px;will-change:transform; } .dsp-reel-img { position:absolute;inset:0;z-index:0; } .dsp-reel-img::after { content:"▢ image: " attr(data-imglabel);position:absolute;top:18px;left:20px;font-family:var(--f-mono);font-size:.66rem;letter-spacing:.1em;color:rgba(255,255,255,.45);text-transform:uppercase; } .dsp-reel-scrim { position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10, 10, 15,.08) 26%,rgba(10, 10, 15,.93)); } .dsp-reel-body { position:relative;z-index:2; } .dsp-reel-body .k { font-family:var(--f-mono);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--orange);display:block;margin-bottom:14px; } .dsp-reel-body .stat { display:flex;align-items:baseline;gap:12px;margin-top:22px; } .dsp-reel-progress { position:absolute;bottom:48px;left:var(--s-lg);right:var(--s-lg);height:2px;background:rgba(255,255,255,.12);z-index:4; } .dsp-reel-progress i { display:block;height:100%;width:0;background:var(--orange);box-shadow:0 0 10px rgba(91, 84, 240,.6); } .dsp-reel-hint { position:absolute;bottom:24px;right:var(--s-lg);z-index:4;font-family:var(--f-mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:#777; } .dsp-viewwrap .view-content { display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:0; } .dsp-card[hidden] { display:none; } .dsp-grid.c3 { grid-template-columns:repeat(3,1fr); } .dsp-grid.c2 { grid-template-columns:repeat(2,1fr); } .dsp-grid.c4 { grid-template-columns:repeat(4,1fr); } .dsp-card .k { font-family:var(--f-mono);font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--orange); } .dsp-card p { font-size:.98rem;color:#b3b0cd;line-height:1.55; } .dsp-card .more { margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--orange); } .dsp-card .more .c { display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;outline:1px solid var(--orange);color:var(--orange); } .dsp-table { width:100%;border-collapse:collapse;margin-top:var(--s-sm);font-size:.95rem; } .dsp-table th { text-align:left;font-family:var(--f-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);padding:16px 18px;border-bottom:1px solid rgba(91, 84, 240,.4); } .dsp-table td { padding:18px;border-bottom:1px solid rgba(255,255,255,.07);color:#b6b6c2;vertical-align:top; } .dsp-table tr:hover td { background:rgba(255,255,255,.02); } .dsp-table td b { color:#fff;font-weight:600; } [class$="-glow"],[class*="-hero-glow"] { animation:dsm-breathe 7.5s ease-in-out infinite; } /* ---- responsive rules shared across landing pages (Phase 4b) ---- */ @media (max-width:900px) { .dsp-focus-stage { height:auto; } .dsp-focus-img { position:relative;top:auto;left:auto;transform:none;width:100%;max-height:50vh; } .dsp-focus-text { position:relative;top:auto;right:auto;width:100%;transform:none;padding:32px var(--s-sm); } .dsp-wrap { padding:0 var(--s-sm); } .dsp-sec { padding:var(--s-lg) var(--s-sm); } .dsp-cta-grid { grid-template-columns:1fr;gap:48px; } .dsp-cta-side { order:2; } .dsp-note { font-size:.7rem;padding:8px; } .dsp-onpage { padding:10px 18px;overflow-x:auto;-webkit-overflow-scrolling:touch; } .dsp-onpage-list { flex-wrap:nowrap;white-space:nowrap;font-size:.78rem;gap:6px 20px;padding:0 4px; } .dsp-crumb { padding:12px 18px;font-size:.72rem; } .dsp-hero { padding:80px 24px 56px; } .dsp-reel-pin { height:auto;display:block; } .dsp-reel-head { position:relative;top:auto;left:auto;right:auto;padding:80px 24px 0; } .dsp-reel-track { height:auto;flex-direction:column;padding:28px 24px;gap:16px;margin-top:0; } .dsp-reel-panel { width:100%;height:auto;min-height:58vh; } .dsp-reel-progress,.dsp-reel-hint { display:none; } .dsp-viewwrap .view-content { grid-template-columns:1fr; } .dsp-grid.c2,.dsp-grid.c3,.dsp-grid.c4 { grid-template-columns:1fr; } .dsp-table thead { display:none; } .dsp-table tr { display:block;margin-bottom:18px;border-left:2px solid rgba(91, 84, 240,.4); } .dsp-table td { display:block;border:0;padding:6px 14px; } } @media (max-width:1100px) { .dsp-viewwrap .view-content { grid-template-columns:repeat(2,1fr); } .dsp-grid.c3,.dsp-grid.c4 { grid-template-columns:repeat(2,1fr); } .dsp-cta-grid { grid-template-columns:1fr;gap:48px; } }