.synapse-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:8rem 2rem 4rem;background:linear-gradient(180deg,#fff,#f8fafc)}.synapse-hero-content{max-width:640px}.synapse-hero h1{font-family:Space Grotesk,sans-serif;font-size:clamp(3rem,8vw,5.5rem);font-weight:700;letter-spacing:-.04em;color:#0a0a0a;margin:1rem 0 1.5rem}.synapse-hero-sub{font-size:1.2rem;color:#666;line-height:1.7;max-width:480px;margin:0 auto}.synapse-orb{width:160px;height:160px;margin:0 auto 2rem;position:relative;animation:orb-rotate 20s linear infinite}.orb-ring{position:absolute;border-radius:50%;border:1.5px solid #0ea5e9;top:50%;left:50%;transform:translate(-50%,-50%)}.orb-ring-1{width:160px;height:160px;opacity:.15;animation:orb-pulse 4s ease-in-out infinite}.orb-ring-2{width:108px;height:108px;opacity:.25;animation:orb-pulse 4s ease-in-out infinite .6s}.orb-ring-3{width:56px;height:56px;opacity:.4;animation:orb-pulse 4s ease-in-out infinite 1.2s}.orb-core{position:absolute;width:16px;height:16px;background:#0ea5e9;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.8;animation:orb-glow 3s ease-in-out infinite}.orb-particle{position:absolute;width:5px;height:5px;background:#0ea5e9;border-radius:50%;opacity:.4}.p1{top:10%;left:50%;animation:particle-drift 6s ease-in-out infinite}.p2{top:50%;right:8%;animation:particle-drift 6s ease-in-out infinite 2s}.p3{bottom:15%;left:20%;animation:particle-drift 6s ease-in-out infinite 4s}@keyframes orb-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orb-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.08);opacity:.5}}@keyframes orb-glow{0%,to{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.5)}}@keyframes particle-drift{0%,to{transform:translateY(0) scale(1);opacity:.4}50%{transform:translateY(-14px) scale(1.4);opacity:.7}}.synapse-features{max-width:1000px;margin:0 auto;padding:6rem 2rem}.synapse-feature-row{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:4rem 0;border-bottom:1px solid rgba(0,0,0,.06)}.synapse-feature-row:last-child{border-bottom:none}.synapse-feature-row.reverse .synapse-feature-text{order:2}.synapse-feature-row.reverse .synapse-feature-visual{order:1}.synapse-feature-text .label{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#0ea5e9;margin-bottom:1rem}.synapse-feature-text h2{font-family:Space Grotesk,sans-serif;font-size:1.8rem;font-weight:600;color:#0a0a0a;margin-bottom:1rem;letter-spacing:-.02em}.synapse-feature-text p{font-size:1.05rem;line-height:1.8;color:#555}.synapse-feature-visual{display:flex;align-items:center;justify-content:center;padding:2rem;overflow:hidden}.reveal{opacity:1;transform:translateY(0);transition:opacity .8s ease,transform .8s ease}.js-reveal .reveal:not(.visible){opacity:0;transform:translateY(30px)}@media(prefers-reduced-motion:reduce){.js-reveal .reveal,.js-reveal .reveal:not(.visible){opacity:1!important;transform:none!important;transition:none!important}}.visual-neural{width:240px;height:240px;flex-shrink:0}.neural-line{stroke-dasharray:140;stroke-dashoffset:140;animation:neural-flow 3s ease-in-out infinite}.nl1{animation-delay:0s}.nl2{animation-delay:.3s}.nl3{animation-delay:.6s}.nl4{animation-delay:.2s}.nl5{animation-delay:.5s}.nl6{animation-delay:.1s}.nl7{animation-delay:.4s}.nl8{animation-delay:.7s}@keyframes neural-flow{0%{stroke-dashoffset:140;opacity:.55}50%{stroke-dashoffset:0;opacity:.9}to{stroke-dashoffset:-140;opacity:.3}}.neural-node{animation:neural-breathe 3s ease-in-out infinite}.nn1{animation-delay:.5s}.nn2{animation-delay:1s}.nn3{animation-delay:1.5s}.nn4{animation-delay:.8s}.nn5{animation-delay:0s}.nn6{animation-delay:1.2s}.nn7{animation-delay:.3s}@keyframes neural-breathe{0%,to{opacity:.85}50%{opacity:1}}.neural-pulse{animation:neural-ripple 4s ease-in-out infinite}@keyframes neural-ripple{0%,to{r:18;opacity:.15}50%{r:28;opacity:.05}}.visual-terminal{width:320px;background:#0a0a0a;border-radius:12px;overflow:hidden;box-shadow:0 12px 40px #0003,0 0 0 1px #ffffff0d inset}.terminal-bar{display:flex;gap:7px;padding:12px 16px;background:#1a1a1a}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-dot.red{background:#ff5f57}.terminal-dot.yellow{background:#febc2e}.terminal-dot.green{background:#28c840}.terminal-body{padding:20px;font-family:SF Mono,Fira Code,monospace;font-size:.85rem;line-height:2}.terminal-line{color:#0ea5e9;opacity:0;animation:terminal-type .5s ease forwards}.fade-in-1{animation-delay:.6s}.fade-in-2{animation-delay:1.2s}.fade-in-3{animation-delay:1.8s}@keyframes terminal-type{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.t-prompt{color:#38bdf8}.t-cmd{color:#fff;font-weight:500}.t-success{color:#22c55e}.t-output{color:#ffffffb3}.t-cursor{color:#0ea5e9;animation:cursor-blink 1s step-end infinite}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.visual-code{width:220px;height:220px;position:relative}.code-bracket{font-family:SF Mono,Fira Code,monospace;font-size:5rem;font-weight:300;color:#0ea5e9;position:absolute;opacity:.7}.bracket-left{top:8%;left:10%;animation:bracket-float 5s ease-in-out infinite}.bracket-right{bottom:8%;right:10%;animation:bracket-float 5s ease-in-out infinite 2.5s}@keyframes bracket-float{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(-10px);opacity:.85}}.code-line{position:absolute;height:4px;border-radius:2px;background:#0ea5e9;opacity:.45}.line-1{top:32%;left:25%;width:50%;animation:code-slide 4s ease-in-out infinite}.line-2{top:42%;left:30%;width:38%;animation:code-slide 4s ease-in-out infinite .5s}.line-3{top:52%;left:20%;width:55%;animation:code-slide 4s ease-in-out infinite 1s}.line-4{top:62%;left:35%;width:32%;animation:code-slide 4s ease-in-out infinite 1.5s}.line-5{top:72%;left:28%;width:44%;animation:code-slide 4s ease-in-out infinite 2s}@keyframes code-slide{0%,to{opacity:.5;transform:scaleX(1)}50%{opacity:.9;transform:scaleX(1.08)}}.code-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#0ea5e9}.d1{top:22%;right:18%;opacity:.6;animation:dot-pulse 3s ease-in-out infinite}.d2{top:48%;left:12%;opacity:.5;animation:dot-pulse 3s ease-in-out infinite 1s}.d3{bottom:18%;right:25%;opacity:.6;animation:dot-pulse 3s ease-in-out infinite 2s}@keyframes dot-pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.6);opacity:1}}.visual-orbit{width:220px;height:220px;position:relative}.orbit-center{position:absolute;width:16px;height:16px;background:#0ea5e9;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1;box-shadow:0 0 12px #0ea5e966}.orbit-ring{position:absolute;border:2px solid rgba(14,165,233,.8);border-radius:50%;top:50%;left:50%}.orbit-ring-a{width:110px;height:110px;margin:-55px 0 0 -55px;animation:orbit-spin 8s linear infinite}.orbit-ring-b{width:155px;height:155px;margin:-77.5px 0 0 -77.5px;animation:orbit-spin 12s linear infinite reverse}.orbit-ring-c{width:200px;height:200px;margin:-100px 0 0 -100px;animation:orbit-spin 16s linear infinite}.orbit-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:#0ea5e9;top:-5px;left:50%;margin-left:-5px}.dot-a{opacity:.8}.dot-b{opacity:.65}.dot-c{opacity:.7}@keyframes orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.synapse-principle{background:#0a0a0a;padding:7rem 2rem;text-align:center;width:100%}.synapse-principle-content{max-width:640px;margin:0 auto}.synapse-principle blockquote{font-family:Space Grotesk,sans-serif;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:500;color:#fff;line-height:1.4;margin:0 0 2rem;letter-spacing:-.02em}.synapse-principle p{font-size:1.05rem;line-height:1.8;color:#ffffff80}.synapse-use-cases{background:#fff;padding:8rem 2rem;width:100%}.synapse-use-cases-intro{max-width:720px;margin:0 auto 4rem;text-align:center}.synapse-use-cases-intro .label{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#0ea5e9;margin-bottom:1rem}.synapse-use-cases-intro h2{font-family:Space Grotesk,sans-serif;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:600;color:#0a0a0a;letter-spacing:-.02em;line-height:1.25}.synapse-use-cases-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#0ea5e91f;border:1px solid rgba(14,165,233,.12)}.synapse-use-case{background:#fff;padding:2.5rem;transition:background .4s ease}.synapse-use-case:hover{background:#f8fafc}.synapse-use-case .label{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#0ea5e9;margin-bottom:1.25rem}.synapse-use-case h3{font-family:Space Grotesk,sans-serif;font-size:1.3rem;font-weight:600;color:#0a0a0a;letter-spacing:-.01em;line-height:1.35;margin-bottom:1rem}.synapse-use-case p{font-size:.98rem;line-height:1.7;color:#555}.synapse-use-case p em{font-style:italic;color:#0a0a0a;font-weight:500}.synapse-status{text-align:center;padding:8rem 2rem;background:#f8fafc;width:100%}.synapse-status .label{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#0ea5e9;margin-bottom:1rem}.synapse-status h2{font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:#0a0a0a;letter-spacing:-.03em;margin-bottom:1rem}.synapse-status p{font-size:1.1rem;color:#888}@media(max-width:768px){.synapse-feature-row,.synapse-feature-row.reverse{grid-template-columns:1fr;gap:2rem;padding:3rem 0}.synapse-feature-row.reverse .synapse-feature-text{order:1}.synapse-feature-row.reverse .synapse-feature-visual{order:2}.visual-neural,.visual-code{width:160px;height:160px}.visual-neural svg{width:160px;height:160px}.visual-orbit{width:160px;height:160px;overflow:hidden}.visual-orbit .orbit-ring-c{width:160px;height:160px;margin:-80px 0 0 -80px}.visual-terminal{width:280px}.terminal-body{font-size:.82rem;padding:18px}.visual-code{width:160px;height:160px}.code-bracket{font-size:4rem}.synapse-feature-visual{padding:1.5rem}.synapse-use-cases{padding:5rem 1.5rem}.synapse-use-cases-grid{grid-template-columns:1fr}.synapse-use-case{padding:2rem}}
