html, body { overflow-x:hidden; }
* { scrollbar-width:none; -ms-overflow-style:none; }
*::-webkit-scrollbar { width:0 !important; height:0 !important; display:none !important; }
html, body { scrollbar-width:none; -ms-overflow-style:none; }
html::-webkit-scrollbar, body::-webkit-scrollbar { width:0 !important; height:0 !important; display:none !important; }
body { margin:0; background:#FBFCFE; color:#0B1330; font-family:'Geist',system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:#0E2B7A; text-decoration:none; }
a:hover { color:#1B3FA8; }
* { box-sizing:border-box; }
::selection { background:#0E2B7A; color:#FBFCFE; }
@keyframes marq { from { transform:translate3d(0,0,0); } to { transform:translate3d(-50%,0,0); } }
@keyframes foldL { 0% { transform:perspective(700px) rotateY(82deg); opacity:0; } 45% { opacity:1; } 100% { transform:perspective(700px) rotateY(0deg); opacity:1; } }
@keyframes foldR { 0% { transform:perspective(700px) rotateY(-82deg); opacity:0; } 45% { opacity:1; } 100% { transform:perspective(700px) rotateY(0deg); opacity:1; } }
@keyframes wordIn { from { opacity:0; letter-spacing:.55em; filter:blur(5px); } to { opacity:1; letter-spacing:.02em; filter:blur(0); } }
@keyframes wipe { 0% { clip-path:inset(0 0 0 0); } 100% { clip-path:inset(0 0 100% 0); } }
@keyframes rise { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:translateY(0); } }
@keyframes blip { 0%,100% { opacity:1; } 50% { opacity:.25; } }
@keyframes bar { from { width:0%; } to { width:100%; } }
@keyframes cubeSpin { 0% { transform:rotateX(-18deg) rotateY(0deg) rotateZ(0deg); } 100% { transform:rotateX(-18deg) rotateY(360deg) rotateZ(360deg); } }
@keyframes cubePulse { 0%,100% { opacity:.9; filter:drop-shadow(0 0 6px rgba(14,43,122,.12)); } 50% { opacity:1; filter:drop-shadow(0 0 10px rgba(14,43,122,.16)); } }
.blackbox-section { border-bottom:1px solid rgba(14,43,122,.12); background:#FBFCFE; }
.blackbox-inner { max-width:1200px; margin:0 auto; padding:70px 32px 78px; display:grid; grid-template-columns:minmax(190px,.55fr) minmax(260px,.58fr) minmax(360px,1fr); gap:42px; align-items:center; }
.cube-stage { min-height:260px; display:flex; align-items:center; justify-content:center; perspective:900px; }
.blackbox-cube { position:relative; width:132px; height:132px; transform-style:preserve-3d; animation:cubeSpin 16s linear infinite; }
.blackbox-cube span { position:absolute; inset:0; border:1px solid rgba(82,91,112,.72); background:linear-gradient(135deg,rgba(6,7,10,.98),rgba(24,27,34,.96) 46%,rgba(47,53,66,.9)); box-shadow:inset 0 0 30px rgba(255,255,255,.055), inset 0 0 42px rgba(14,43,122,.12), 0 0 8px rgba(14,43,122,.08); animation:cubePulse 3.2s ease-in-out infinite; }
.blackbox-cube span:nth-child(1) { transform:translateZ(66px); }
.blackbox-cube span:nth-child(2) { transform:rotateY(180deg) translateZ(66px); }
.blackbox-cube span:nth-child(3) { transform:rotateY(90deg) translateZ(66px); }
.blackbox-cube span:nth-child(4) { transform:rotateY(-90deg) translateZ(66px); }
.blackbox-cube span:nth-child(5) { transform:rotateX(90deg) translateZ(66px); }
.blackbox-cube span:nth-child(6) { transform:rotateX(-90deg) translateZ(66px); }
.blackbox-title { margin:0; max-width:320px; font-size:clamp(34px,4vw,52px); line-height:1.02; letter-spacing:-.035em; font-weight:600; color:#0B1330; text-align:left; }
.blackbox-copy { margin:0; color:#585F7E; font-family:'Geist',system-ui,sans-serif; font-size:17px; line-height:1.65; text-align:left; max-width:560px; }
@keyframes spiderLower { 0% { transform:translateY(-36px); opacity:0; } 55% { opacity:1; } 100% { transform:translateY(0); opacity:1; } }
@keyframes spiderSway { 0%,100% { transform:translateX(-3px) rotate(-3deg); } 50% { transform:translateX(3px) rotate(3deg); } }
@keyframes spiderLeg { 0%,100% { transform:rotate(var(--r)); } 50% { transform:rotate(calc(var(--r) + var(--w))); } }
.hero-spider { position:absolute;width:96px;height:190px;pointer-events:none;animation:spiderLower 1.1s ease-out .45s both; }
.hero-spider.s1 { left:6vw;top:130px;--line-h:128px;--bug-top:112px; }
.hero-spider.s2 { right:10vw;top:150px;--line-h:92px;--bug-top:76px;animation-delay:.62s; }
.hero-spider.s3 { left:15vw;bottom:110px;--line-h:72px;--bug-top:58px;animation-delay:.82s; }
.hero-spider-line { position:absolute;left:47px;top:0;width:1px;height:var(--line-h);background:linear-gradient(to bottom,rgba(14,43,122,.06),rgba(14,43,122,.42)); }
.hero-spider-bug { position:absolute;left:14px;top:var(--bug-top);width:64px;height:52px;animation:spiderSway 3.2s ease-in-out infinite;transform-origin:50% calc(-1 * var(--bug-top) + 28px); }
.hero-spider-svg { display:block;width:64px;height:52px;overflow:visible; }
.audit-stage,.audit-hero,.audit-lab,.code-terminal,.code-terminal pre { min-width:0; max-width:100%; box-sizing:border-box; }
.code-terminal code { display:block; min-width:max-content; }
@keyframes auditSlideLeft { from { transform:translateX(calc(50% + 56px)); } to { transform:translateX(0); } }
@keyframes terminalAppear { from { opacity:0; transform:translateX(32px) scale(.985); } to { opacity:1; transform:translateX(0) scale(1); } }
@keyframes lineDrop { from { opacity:0; transform:scaleY(0); } to { opacity:1; transform:scaleY(1); } }
@keyframes findingPop { from { opacity:0; transform:translateY(18px) scale(.98); } to { opacity:1; transform:translateY(0) scale(1); } }
@media (prefers-reduced-motion: reduce) { .audit-hero,.code-terminal,.finding-line,.finding-alert { animation:none !important; opacity:1 !important; transform:none !important; } }
@media (max-width:900px) { .hero-spider { display:none; } }
.mobile-break { display:none; }
.hero-main { min-height:calc(88vh - 53px) !important; min-height:calc(88svh - 53px) !important; }
@media (max-width:760px) {
.mobile-break { display:block; }
.site-header-inner { padding:14px 18px !important; flex-direction:column !important; align-items:flex-start !important; gap:12px !important; }
.site-nav { width:100% !important; margin-left:0 !important; gap:6px 10px !important; overflow:visible !important; padding-bottom:0 !important; flex-wrap:wrap !important; }
.site-nav span { flex:0 0 auto !important; font-size:12px !important; padding:5px 4px !important; }
.hero-main { min-height:calc(88vh - 103px) !important; min-height:calc(88svh - 103px) !important; width:100% !important; overflow:hidden !important; }
.hero-inner { width:100% !important; max-width:100vw !important; padding:54px 20px 40px !important; gap:20px !important; justify-items:start !important; overflow:hidden !important; }
.hero-title { width:100% !important; max-width:calc(100vw - 40px) !important; font-size:clamp(31px, 8.6vw, 36px) !important; line-height:1.08 !important; white-space:normal !important; overflow-wrap:break-word !important; word-break:normal !important; text-wrap:balance !important; }
.hero-copy { width:100% !important; max-width:calc(100vw - 40px) !important; font-size:15px !important; line-height:1.55 !important; overflow-wrap:break-word !important; text-wrap:pretty !important; }
.hero-actions { width:100% !important; max-width:calc(100vw - 48px) !important; box-sizing:border-box !important; justify-content:center !important; flex-direction:column !important; align-items:stretch !important; }
.hero-actions span { flex:0 0 auto !important; width:100% !important; max-width:100% !important; text-align:center !important; padding:12px 14px !important; }
.company-strip { margin-top:0 !important; padding:24px 0 30px !important; }
.company-label { font-size:10px !important; line-height:1.45 !important; margin-bottom:18px !important; padding:3px 16px 1px !important; }
.company-item { font-size:20px !important; gap:12px !important; }
.company-item > span:first-child { width:36px !important; height:36px !important; flex-basis:36px !important; }
.company-item img { width:27px !important; height:27px !important; }
.blackbox-inner { grid-template-columns:1fr !important; gap:22px !important; padding:48px 20px 56px !important; }
.cube-stage { min-height:190px !important; }
.blackbox-cube { width:96px !important; height:96px !important; }
.blackbox-cube span:nth-child(1) { transform:translateZ(48px) !important; }
.blackbox-cube span:nth-child(2) { transform:rotateY(180deg) translateZ(48px) !important; }
.blackbox-cube span:nth-child(3) { transform:rotateY(90deg) translateZ(48px) !important; }
.blackbox-cube span:nth-child(4) { transform:rotateY(-90deg) translateZ(48px) !important; }
.blackbox-cube span:nth-child(5) { transform:rotateX(90deg) translateZ(48px) !important; }
.blackbox-cube span:nth-child(6) { transform:rotateX(-90deg) translateZ(48px) !important; }
.blackbox-title { font-size:34px !important; text-align:left !important; max-width:100% !important; }
.blackbox-copy { font-size:16px !important; max-width:100% !important; }
.team-grid { grid-template-columns:1fr !important; gap:22px !important; }
footer > div:first-child { grid-template-columns:1fr !important; padding:36px 20px !important; }
}
@media (min-width:761px) and (max-width:1100px) {
.site-header-inner { padding:14px 24px !important; }
.site-nav { gap:18px !important; }
.hero-inner { padding:96px 28px 64px !important; }
.hero-title { font-size:clamp(60px, 8vw, 74px) !important; }
.hero-copy { max-width:42rem !important; }
.blackbox-inner { grid-template-columns:minmax(160px,.45fr) minmax(220px,.55fr) minmax(320px,1fr) !important; gap:28px !important; padding:58px 28px 66px !important; }
.blackbox-cube { width:112px !important; height:112px !important; }
.blackbox-cube span:nth-child(1) { transform:translateZ(56px) !important; }
.blackbox-cube span:nth-child(2) { transform:rotateY(180deg) translateZ(56px) !important; }
.blackbox-cube span:nth-child(3) { transform:rotateY(90deg) translateZ(56px) !important; }
.blackbox-cube span:nth-child(4) { transform:rotateY(-90deg) translateZ(56px) !important; }
.blackbox-cube span:nth-child(5) { transform:rotateX(90deg) translateZ(56px) !important; }
.blackbox-cube span:nth-child(6) { transform:rotateX(-90deg) translateZ(56px) !important; }
.team-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:24px !important; }
footer > div:first-child { grid-template-columns:1.4fr 1fr 1fr !important; }
}
/* Device compatibility overrides */
@media (max-width:760px) {
.site-header-inner { padding:12px 16px !important; gap:10px !important; }
.site-header-inner > a { min-width:0 !important; }
.site-nav { width:100% !important; margin-left:0 !important; gap:6px 14px !important; flex-wrap:wrap !important; align-items:center !important; overflow:visible !important; }
.site-nav a { flex:0 0 auto !important; font-size:12px !important; line-height:1.2 !important; padding:6px 0 !important; }
main { width:100% !important; max-width:100vw !important; box-sizing:border-box !important; overflow-x:hidden !important; }
.hero-actions a { flex:0 0 auto !important; width:100% !important; max-width:100% !important; box-sizing:border-box !important; text-align:center !important; padding:12px 14px !important; }
.hero-actions { width:100% !important; max-width:calc(100vw - 40px) !important; justify-content:center !important; flex-direction:column !important; align-items:stretch !important; }
.team-grid > div { min-width:0 !important; }
.audit-main { padding:56px 12px 36px !important; }
.audit-stage { min-height:auto !important; grid-template-columns:1fr !important; gap:20px !important; }
.audit-hero { transform:none !important; animation:none !important; grid-template-columns:1fr !important; padding:30px 18px !important; gap:20px !important; width:100% !important; max-width:100% !important; box-sizing:border-box !important; }
.audit-hero h1 { font-size:clamp(29px, 8.2vw, 36px) !important; line-height:1.1 !important; max-width:100% !important; overflow-wrap:anywhere !important; word-break:normal !important; }
.audit-hero p { font-size:14px !important; max-width:100% !important; overflow-wrap:anywhere !important; }
.audit-hero > div:nth-child(3) { grid-template-columns:1fr !important; }
.audit-lab { min-height:auto !important; align-items:stretch !important; justify-content:flex-start !important; }
.code-terminal pre { font-size:10px !important; line-height:1.6 !important; padding:18px 14px 20px !important; overflow-x:auto !important; overflow-y:hidden !important; }
.finding-line { height:30px !important; }
.finding-alert { width:100% !important; }
.disclosures-scroll { width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; padding-left:0 !important; padding-right:0 !important; overscroll-behavior-x:contain !important; }
.disclosures-scroll > div { min-width:780px !important; }
input { max-width:100% !important; }
footer > div > div { padding:7px 16px !important; font-size:10px !important; line-height:1.2 !important; flex-wrap:wrap !important; align-items:center !important; }
.hero-inner { width:100% !important; max-width:100vw !important; box-sizing:border-box !important; padding-left:20px !important; padding-right:20px !important; align-items:center !important; overflow:hidden !important; }
.hero-copy { width:calc(100vw - 104px) !important; max-width:calc(100vw - 104px) !important; box-sizing:border-box !important; align-self:center !important; padding:0 !important; text-align:center !important; font-size:14px !important; line-height:1.55 !important; overflow-wrap:break-word !important; word-break:normal !important; }
.disclosure-filterbar { align-items:stretch !important; }
.disclosure-filterbar input { flex:1 0 100% !important; min-width:0 !important; width:100% !important; }
.disclosure-chipbar { width:100% !important; gap:8px !important; overflow:visible !important; }
.disclosure-chipbar span { flex:1 1 calc(50% - 8px) !important; text-align:center !important; min-width:0 !important; padding-left:8px !important; padding-right:8px !important; }
}
@media (min-width:761px) and (max-width:1100px) {
.site-nav a { font-size:13px !important; }
main { max-width:100vw !important; overflow-x:hidden !important; }
.hero-actions a { padding:13px 20px !important; }
.audit-main { padding:72px 24px 44px !important; }
.audit-stage { min-height:auto !important; grid-template-columns:1fr !important; gap:24px !important; }
.audit-hero { transform:none !important; animation:none !important; padding:42px 34px !important; }
.audit-hero h1 { font-size:clamp(40px, 6vw, 58px) !important; max-width:100% !important; overflow-wrap:break-word !important; }
.audit-hero p { max-width:100% !important; }
.audit-lab { min-height:auto !important; justify-content:flex-start !important; }
.code-terminal { max-width:100% !important; }
.code-terminal pre { overflow-x:auto !important; overflow-y:hidden !important; }
.finding-alert { width:min(100%,430px) !important; }
.disclosures-scroll { max-width:100% !important; }
.disclosures-scroll > div { min-width:820px !important; }
}
@media (max-width:1100px) {
.audit-hero { transform:none !important; animation:none !important; }
.audit-stage { grid-template-columns:1fr !important; }
.audit-lab { align-items:stretch !important; min-height:auto !important; justify-content:flex-start !important; }
}
@media (max-width:760px) {
.audit-main { width:100vw !important; max-width:100vw !important; margin:0 !important; padding-left:12px !important; padding-right:12px !important; overflow-x:hidden !important; }
.audit-stage { width:100% !important; max-width:100% !important; overflow-x:hidden !important; }
.audit-hero,.audit-lab,.code-terminal { width:100% !important; max-width:100% !important; min-width:0 !important; }
.audit-hero > div:nth-child(2) { min-width:0 !important; max-width:100% !important; }
.audit-hero h1,.audit-hero p { width:100% !important; max-width:100% !important; box-sizing:border-box !important; }
}
@media (max-width:760px) {
.audit-title-line { display:block; }
.audit-hero h1 { max-width:320px !important; }
.audit-hero p { max-width:320px !important; }
}