:root{--bg-gradient:linear-gradient(135deg,#fde8d8 0%,#d4f0e0 20%,#b8e8d0 40%,#a5e0c8 60%,#8dd3b8 80%,#7dcdb0 100%);--bg-accent-peach:radial-gradient(ellipse 50% 40% at 10% 5%,#fdb99659 0%,transparent 70%);--bg-accent-mint:radial-gradient(ellipse 60% 50% at 50% 40%,#b4e8d240 0%,transparent 65%);--bg-accent-teal:radial-gradient(ellipse 50% 45% at 85% 90%,#64c8aa33 0%,transparent 65%);--glass-bg:#ffffff59;--glass-border:#ffffff80;--glass-blur:blur(16px);--glass-shadow:0 8px 32px #003c2814;--glass-highlight:linear-gradient(135deg,#fff9 0%,#ffffff26 100%);--glass-inner-glow:inset 0 1px 0 #ffffff80;--glass-bg-hover:#ffffff80;--glass-border-hover:#ffffffa6;--glass-shadow-hover:0 12px 40px #003c281f;--glass-bg-max:#fff9;--glass-border-max:#ffffffbf;--glass-shadow-max:0 16px 48px #003c2826;--font-display:"IBM Plex Sans", Arial, sans-serif;--font-serif:"Playfair Display", Georgia, serif;--font-body:"IBM Plex Sans", Arial, sans-serif;--font-mono:"IBM Plex Mono", Consolas, monospace;--text-primary:#0c2e1e;--text-secondary:#1a4a35;--text-tertiary:#3d7a5f;--text-muted:#6ba889;--text-on-glass:#0f3324;--accent-emerald:#059669;--accent-teal:#0d9488;--accent-green:#10b981;--cta-gradient:linear-gradient(135deg,#059669 0%,#10b981 50%,#34d399 100%);--cta-hover:linear-gradient(135deg,#047857 0%,#059669 50%,#10b981 100%);--cta-shadow:0 4px 20px #0596694d;--cta-shadow-hover:0 8px 30px #05966966;--status-red:#ef4444;--status-amber:#f59e0b;--status-green:#22c55e;--status-blue:#3b82f6;--status-purple:#8b5cf6;--border-glass:#ffffff80;--border-subtle:#00321e14;--border-accent:#05966940;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-pill:9999px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}.landing-root *,.landing-root :before,.landing-root :after{box-sizing:border-box;margin:0;padding:0}.landing-root{font-family:var(--font-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow-x:hidden}.glass-card{background:var(--glass-bg);background-image:var(--glass-highlight);background-blend-mode:overlay;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow), var(--glass-inner-glow);transition:background .3s,box-shadow .3s,transform .3s,border-color .3s;position:relative}.glass-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffffb3 30%,#ffffffe6 50%,#ffffffb3 70%,#0000 100%);border-radius:1px;height:1px;position:absolute;top:0;left:10%;right:10%}.glass-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover), var(--glass-inner-glow);transform:translateY(-3px)}.glass-card-static{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow), var(--glass-inner-glow);position:relative}.glass-card-static:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffffb3 30%,#ffffffe6 50%,#ffffffb3 70%,#0000 100%);border-radius:1px;height:1px;position:absolute;top:0;left:10%;right:10%}.glass-card-elevated{background:var(--glass-bg-max);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border-max);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow-max), var(--glass-inner-glow);position:relative}.glass-card-elevated:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#fffc 40%,#fff 50%,#fffc 60%,#0000 100%);border-radius:1px;height:1px;position:absolute;top:0;left:8%;right:8%}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px);background:#ffffff40;border-bottom:1px solid #ffffff59;padding:16px 40px;transition:all .3s;position:sticky;top:0}.navbar.scrolled{background:#ffffff80;padding:12px 40px;box-shadow:0 4px 20px #003c280f}.smith-image{object-fit:cover;object-position:center top;border-radius:var(--radius-xl);filter:drop-shadow(0 24px 48px #003c2826);width:auto;max-width:100%;height:520px;display:block}.cta-btn{background:var(--cta-gradient);color:#fff;border-radius:var(--radius-pill);font-family:var(--font-body);cursor:pointer;box-shadow:var(--cta-shadow);transition:transform .25s var(--ease-spring), box-shadow .25s ease;border:none;align-items:center;gap:8px;padding:13px 28px;font-size:15px;font-weight:600;display:inline-flex}.cta-btn:hover{box-shadow:var(--cta-shadow-hover);transform:scale(1.035)}.nav-link{color:var(--text-secondary);font-family:var(--font-body);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.nav-link:after{content:"";background:var(--accent-emerald);transform-origin:0;height:1.5px;transition:transform .2s;position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(0)}.nav-link:hover{color:var(--accent-emerald)}.nav-link:hover:after{transform:scaleX(1)}[data-animate]{opacity:0}[data-animate=fadeUpBlur].visible{animation:fadeUpBlur .65s var(--ease-out-expo) both}[data-animate=scaleIn].visible{animation:scaleIn .65s var(--ease-out-expo) both}[data-animate=slideInLeft].visible{animation:slideInLeft .65s var(--ease-out-expo) both}[data-animate=fadeIn].visible{animation:.5s both fadeIn}[data-animate=lineGrow]{opacity:0;transform-origin:top}[data-animate=lineGrow].visible{animation:lineGrow .3s var(--ease-out-expo) both}.pipe-node{cursor:pointer;transition:transform .25s}.pipe-node:hover{transform:translateY(-3px)}.pipe-node.active{outline:2px solid var(--accent-emerald);outline-offset:2px}.pipe-dash{stroke-dasharray:8 5;animation:1.8s linear infinite dashFlow}.smith-center{animation:2.5s ease-in-out infinite smithRings}@keyframes fadeUpBlur{0%{opacity:0;filter:blur(10px);transform:translateY(28px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-36px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #05966914, var(--glass-inner-glow)}50%{box-shadow:0 0 40px #05966938, var(--glass-inner-glow)}}@keyframes dashFlow{0%{stroke-dashoffset:26px}to{stroke-dashoffset:0}}@keyframes heroBgIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes smithRings{0%,to{box-shadow:0 0 0 8px #0596691f,0 0 0 20px #0596690f}50%{box-shadow:0 0 0 12px #05966929,0 0 0 28px #05966914}}@keyframes lineGrow{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes archCardIn{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes archProgress{0%{width:0%}to{width:100%}}@keyframes stageDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.65)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-animate]{opacity:1!important}}@media (width<=1024px){.caps-grid,.stats-grid{grid-template-columns:repeat(2,1fr)!important}.pipe-nodes{flex-wrap:wrap!important}}@media (width<=768px){.navbar{padding:14px 20px!important}.caps-grid,.stats-grid{grid-template-columns:1fr!important}.arch-row{flex-wrap:wrap!important}.ctr,.hero-section{padding:0 20px!important}.arch-card-body{grid-template-columns:1fr!important}.arch-card-desc{border-bottom:1px solid #00321e12!important;border-right:none!important}.arch-card-visual{padding:18px 20px!important}.collect-grid{grid-template-columns:repeat(2,1fr)!important}.stage-flex-row{flex-direction:column!important}.cta-card{padding:32px 24px!important}.footer-row>div:last-child{text-align:left!important}}@media (width<=480px){.stage-rail{padding:0!important}.stage-rail-dot{width:30px!important;height:30px!important}.stage-rail-label{text-align:center;line-height:1.2;white-space:normal!important;font-size:9px!important}}.sarsmith-demo{color:#000;background-color:#0000;background-image:radial-gradient(50% 40% at 10% 5%,#fdb99659 0%,#0000 70%),radial-gradient(60% 50% at 50% 40%,#b4e8d240 0%,#0000 65%),radial-gradient(50% 45% at 85% 90%,#64c8aa33 0%,#0000 65%),linear-gradient(135deg,#fde8d8 0%,#d4f0e0 20%,#b8e8d0 40%,#a5e0c8 60%,#8dd3b8 80%,#7dcdb0 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-height:100vh;font-family:IBM Plex Sans,Arial,sans-serif}.glass{-webkit-backdrop-filter:blur(16px);background:#ffffff73;border:1px solid #fff9;border-radius:16px;transition:background .2s,box-shadow .2s;box-shadow:0 8px 32px #003c2814}.glass:hover{background:#fff9;box-shadow:0 12px 40px #003c281f}.glass-elevated{-webkit-backdrop-filter:blur(20px);background:#fff9;border:1px solid #ffffffbf;border-radius:20px;box-shadow:0 12px 48px #003c281a}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes scaleSpring{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes phaseFade{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}.live-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse}.message-enter{animation:.3s ease-out forwards fadeIn}.slide-up{animation:.4s ease-out forwards slideUp}.check-appear{animation:.4s cubic-bezier(.34,1.56,.64,1) forwards scaleSpring}.phase-label{animation:.35s ease-out forwards phaseFade}.feed-scroll::-webkit-scrollbar{width:4px}.feed-scroll::-webkit-scrollbar-track{background:0 0}.feed-scroll::-webkit-scrollbar-thumb{background:#05966940;border-radius:2px}.dmono{font-variant-numeric:tabular-nums lining-nums;font-family:IBM Plex Mono,Consolas,Courier New,monospace!important}.dcq-mono{font-variant-numeric:normal!important;font-feature-settings:normal!important;font-family:Consolas,Courier New,Lucida Console,monospace!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=1100px){.feed-columns{flex-direction:column!important}.feed-left{min-height:400px!important;max-height:500px!important}.feed-right{width:100%!important}}
