.project-art { min-height: 320px; align-self: stretch; position: relative; overflow: hidden; border: 1px solid rgba(255,255,255,.08); border-radius: 24px; background: #0e1016; }
.project-art::after { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, transparent, rgba(142,162,255,.06)); pointer-events: none; }
.art-zevqora { display: grid; place-items: center; }
.art-title { font: 400 150px/1 var(--serif); color: var(--accent); text-shadow: 0 0 45px rgba(142,162,255,.2); }
.art-line { position: absolute; height: 1px; width: 80%; background: linear-gradient(90deg, transparent, rgba(142,162,255,.4), transparent); }
.art-line.l1 { top: 28%; transform: rotate(-11deg); }
.art-line.l2 { top: 50%; transform: rotate(8deg); }
.art-line.l3 { top: 70%; transform: rotate(-4deg); }
.art-replay { padding: 36px; display: grid; place-items: center; }
.hex { color: #89879a; font: 500 25px/1.6 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .2em; }
.scan { position: absolute; left: 12%; right: 12%; height: 1px; top: 20%; background: linear-gradient(90deg, transparent, var(--accent), transparent); box-shadow: 0 0 18px var(--accent); animation: scan 5s ease-in-out infinite; }
.art-guard { display: grid; grid-template-columns: 1fr 1fr; place-items: center; padding: 30px; }
.shield { width: 126px; aspect-ratio: 1; clip-path: polygon(50% 0, 92% 14%, 88% 70%, 50% 100%, 12% 70%, 8% 14%); display: grid; place-items: center; background: linear-gradient(145deg, #a6b5ff, #5c63ba); color: #101116; font-weight: 800; letter-spacing: -.03em; }
.risk { display: flex; flex-direction: column; gap: 6px; color: #74727f; font-size: 10px; text-transform: uppercase; letter-spacing: .12em; }
.risk b { color: #d8d5de; font-size: 13px; }
.art-aegis { padding: 34px; display: flex; flex-direction: column; justify-content: center; gap: 30px; }
.url-pill { padding: 12px 15px; border: 1px solid var(--line); border-radius: 14px; color: #9d9aa8; font: 500 12px ui-monospace, SFMono-Regular, Menlo, monospace; }
.risk-bars { display: flex; align-items: end; gap: 8px; height: 100px; }
.risk-bars i { display: block; flex: 1; border-radius: 3px 3px 0 0; background: linear-gradient(#8ea2ff, #464a76); opacity: .72; }
.risk-bars i:nth-child(1){height:34%}.risk-bars i:nth-child(2){height:61%}.risk-bars i:nth-child(3){height:46%}.risk-bars i:nth-child(4){height:78%}.risk-bars i:nth-child(5){height:54%}
.art-runner { display: grid; place-items: center; }
.runner-track { position: absolute; width: 120%; height: 1px; background: repeating-linear-gradient(90deg, rgba(142,162,255,.5) 0 25px, transparent 25px 55px); transform: rotate(-15deg); }
.art-runner span { font: 400 42px/1 var(--serif); color: #d1ced8; }
.art-aura { display: grid; place-items: center; }
.pulse { position: absolute; border: 1px solid rgba(142,162,255,.3); border-radius: 50%; animation: ripple 4s ease-out infinite; }
.pulse.p1 { width: 90px; height: 90px; }
.pulse.p2 { width: 160px; height: 160px; animation-delay: .8s; }
.pulse.p3 { width: 240px; height: 240px; animation-delay: 1.6s; }
.pulse-core { width: 28px; height: 28px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 30px rgba(142,162,255,.55); }
.project-compact { min-height: 320px; }
.project-compact .project-art { min-height: 240px; }

.principles { padding-top: 140px; padding-bottom: 150px; }
.principle-list { border-top: 1px solid var(--line); }
.principle { display: grid; grid-template-columns: 90px minmax(260px,.9fr) minmax(280px,1fr); gap: 34px; align-items: start; padding: 36px 0 40px; border-bottom: 1px solid var(--line); }
.principle b { color: var(--accent); font: 400 16px/1 var(--serif); }
.principle h3 { margin: 0; font: 400 clamp(28px,3vw,42px)/1.1 var(--serif); }
.principle p { margin: 0; color: #96949e; }

.capabilities { padding: 80px 0 150px; }
.capability-grid { margin-top: 34px; display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.capability-grid article { min-height: 250px; padding: 34px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); display: flex; flex-direction: column; justify-content: space-between; }
.capability-grid span { color: #777581; font-size: 10px; text-transform: uppercase; letter-spacing: .13em; }
.capability-grid h3 { max-width: 520px; margin: 80px 0 0; font: 400 24px/1.35 var(--serif); color: #d5d2db; }

.trajectory { padding-top: 120px; padding-bottom: 160px; }
.trajectory-track { position: relative; display: grid; grid-template-columns: repeat(5,1fr); gap: 22px; padding-top: 70px; }
.track-line { position: absolute; left: 0; right: 0; top: 36px; height: 1px; background: linear-gradient(90deg, var(--accent), rgba(255,255,255,.08)); }
.trajectory-track article { position: relative; }
.trajectory-track article::before { content:""; position:absolute; top:-40px; left:0; width:9px; height:9px; border-radius:50%; background: var(--bg); border: 2px solid var(--accent); box-shadow: 0 0 0 7px rgba(142,162,255,.06); }
.trajectory-track article>span { color: #6f6d78; font-size: 10px; letter-spacing: .12em; }
.trajectory-track b { display: block; margin-top: 18px; color: #777581; font-size: 10px; text-transform: uppercase; letter-spacing: .13em; }
.trajectory-track h3 { margin: 8px 0 12px; font: 400 24px/1.15 var(--serif); }
.trajectory-track p { margin: 0; color: #8f8d98; font-size: 13px; }

.contact { position: relative; min-height: 680px; padding-top: 120px; padding-bottom: 120px; border-top: 1px solid var(--line); display: flex; flex-direction: column; justify-content: center; overflow: hidden; }
.contact-glow { position:absolute; width:700px; height:700px; right:-200px; top:-120px; border-radius:50%; background:radial-gradient(circle, rgba(142,162,255,.14), transparent 70%); }
.contact h2 { position: relative; max-width: 990px; margin: 28px 0 20px; font: 400 clamp(48px,6.2vw,92px)/1 var(--serif); letter-spacing:-.035em; }
.contact>p { position: relative; max-width: 700px; color:#a09ea8; font-size:16px; }
.email-link { position: relative; margin-top: 42px; width: fit-content; display:inline-flex; align-items:center; gap:18px; font:400 clamp(24px,3vw,38px)/1.1 var(--serif); padding-bottom:8px; border-bottom:1px solid rgba(255,255,255,.28); }
.email-link span { color:var(--accent); }
.social-links { position: relative; margin-top:50px; display:flex; gap:26px; flex-wrap:wrap; }
.social-links a { color:#8b8994; font-size:12px; transition:color .2s ease; }
.social-links a:hover { color:#fff; }
.footer { padding-top:32px; padding-bottom:40px; border-top:1px solid var(--line); display:flex; justify-content:space-between; gap:24px; color:#686671; font-size:10px; letter-spacing:.06em; text-transform:uppercase; }
.footer div { display:flex; gap:12px; flex-wrap:wrap; }
.footer b { color:#9c9aa4; }

.reveal { opacity: 0; transform: translateY(26px); transition: opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1); }
.reveal.is-visible { opacity: 1; transform: translateY(0); }

@keyframes flow { to { stroke-dashoffset: -100; } }
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes pulse { 0%,100%{opacity:.55} 50%{opacity:1} }
@keyframes breathe { 0%,100%{opacity:.12; transform-origin:center; transform:scale(.94)} 50%{opacity:.28; transform:scale(1.04)} }
@keyframes scan { 0%,100%{top:18%; opacity:.15} 50%{top:78%; opacity:1} }
@keyframes ripple { 0%{transform:scale(.75);opacity:.65} 100%{transform:scale(1.12);opacity:0} }

@media (max-width: 1050px) {
  .hero { grid-template-columns: 1fr; padding-top: 150px; }
  .hero-copy { max-width: 900px; }
  .signal-stage { width: min(760px, 96vw); justify-self: center; margin-top: -30px; }
  .zevqora-panel { grid-template-columns: 1fr; gap: 40px; padding: 48px; }
  .zevqora-system { left:48px; right:48px; }
  .project { grid-template-columns: 60px 1fr; }
  .project-art { grid-column: 2; min-height: 300px; }
  .trajectory-track { grid-template-columns: 1fr 1fr; row-gap: 70px; }
  .track-line { display:none; }
  .trajectory-track article::before { top:-22px; }
}

@media (max-width: 760px) {
  .section-shell { width: min(100% - 28px, 1240px); }
  .site-nav { inset: 10px 14px auto; padding: 0 10px 0 14px; }
  .site-nav nav a:not(.nav-cta) { display: none; }
  .brand-copy b { font-size: 10px; }
  .hero { min-height: auto; padding-top: 130px; padding-bottom: 70px; gap: 26px; }
  .hero h1 { font-size: clamp(48px, 14vw, 72px); }
  .hero-lede { font-size: 16px; }
  .button { width: 100%; }
  .signal-label { min-width: auto; padding: 7px 9px; }
  .signal-label b { font-size: 9px; }
  .signal-caption { left: 4%; }
  .statement { padding-top: 100px; padding-bottom: 100px; }
  .statement h2 { font-size: clamp(44px, 13vw, 70px); }
  .statement-grid, .section-heading { grid-template-columns: 1fr; gap: 24px; }
  .zevqora-panel { width: calc(100% - 28px); min-height: 720px; padding: 34px 24px 120px; border-radius: 24px; }
  .zevqora-system { left:24px; right:24px; bottom:32px; flex-wrap:wrap; }
  .zevqora-system i { min-width:20px; }
  .work { padding-bottom: 100px; }
  .project { grid-template-columns: 42px 1fr; gap: 18px; padding: 32px 0; }
  .project-art { grid-column: 1 / -1; min-height: 250px; }
  .project h3 { font-size: 44px; }
  .principles { padding-top: 100px; padding-bottom: 100px; }
  .principle { grid-template-columns: 44px 1fr; }
  .principle p { grid-column: 2; }
  .capabilities { padding-bottom: 100px; }
  .capability-grid { grid-template-columns: 1fr; }
  .capability-grid article { min-height: 220px; }
  .trajectory { padding-top: 80px; padding-bottom: 100px; }
  .trajectory-track { grid-template-columns: 1fr; }
  .contact { min-height: 620px; padding-top: 90px; padding-bottom: 90px; }
  .footer { flex-direction: column; }
}

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