@import"https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800&family=JetBrains+Mono:wght@300;400;500&display=swap";:root{--bg: #050505;--bg-elevated: #0A0A0A;--bg-card: #0F0F0F;--bg-card-hover: #141414;--glass: rgba(255, 255, 255, .03);--glass-strong: rgba(255, 255, 255, .06);--text: #FAFAFA;--text-secondary: #888888;--muted: #555555;--accent: #6366F1;--accent-light: #818CF8;--accent-glow: rgba(99, 102, 241, .15);--accent-2: #06B6D4;--accent-gradient: linear-gradient(135deg, #6366F1, #06B6D4);--border: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .12);--border-accent: rgba(99, 102, 241, .3);--danger: #EF4444;--danger-subtle: rgba(239, 68, 68, .08);--success: #10B981;--success-subtle: rgba(16, 185, 129, .08);--grid: rgba(99, 102, 241, .04);--glow: rgba(99, 102, 241, .2);--refract-orange: #f59768;--refract-orange-deep: #b05b43;--refract-bg: #000000;--refract-glass: rgba(255, 255, 255, .03);--refract-border: rgba(255, 255, 255, .08);font-family:Inter,system-ui,-apple-system,sans-serif;letter-spacing:-.01em}*,*:before,*:after{box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;background-color:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--accent);color:#fff}.gradient-text{background:linear-gradient(to bottom,#fafafa 30%,#fafafa66);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-accent{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.refract-gradient-text{background:linear-gradient(to right,#f59768,#b05b43);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.font-mono{font-family:JetBrains Mono,Fira Code,monospace}.glass-panel{background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:16px}.glass-panel-strong{background:var(--glass-strong);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-hover);border-radius:16px}.refract-glass{background:var(--refract-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--refract-border);border-radius:12px}.noise-bg{position:relative;background-color:var(--refract-bg)}.noise-bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.02;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");z-index:10}.glow-orange{box-shadow:0 0 30px #f5976826}.blueprint-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:80px 80px;pointer-events:none;z-index:0;mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black 20%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black 20%,transparent 100%)}.system-section{position:relative;padding:120px 5%;border-bottom:1px solid var(--border);overflow:hidden}.system-section .section-content{position:relative;z-index:1;max-width:1200px;margin:0 auto}.horizon-line{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.2),transparent)}.node-card{background:var(--bg-card);border:1px solid var(--border);padding:2.5rem;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;border-radius:12px;overflow:hidden}.node-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.04),transparent);transition:left .8s ease;z-index:0}.node-card:after{content:"";position:absolute;top:-1px;left:0;width:0;height:2px;background:var(--accent-gradient);transition:width .5s cubic-bezier(.4,0,.2,1)}.node-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);box-shadow:0 20px 60px #0006,0 0 40px #6366f10f;transform:translateY(-4px)}.node-card:hover:before{left:100%}.node-card:hover:after{width:100%}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(200px,auto);gap:1.25rem;width:100%}.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.row-span-1{grid-row:span 1}.row-span-2{grid-row:span 2}.row-span-3{grid-row:span 3}@media (max-width: 1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.col-span-2,.col-span-3,.col-span-4{grid-column:span 2}}@media (max-width: 640px){.bento-grid{grid-template-columns:1fr}.col-span-1,.col-span-2,.col-span-3,.col-span-4{grid-column:span 1}}.calm-btn{background:transparent;color:var(--text);border:1px solid var(--border-hover);padding:14px 36px;font-size:.8rem;letter-spacing:.12em;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);font-family:Inter,sans-serif;font-weight:400;display:inline-flex;align-items:center;gap:8px;text-decoration:none;border-radius:8px;position:relative;overflow:hidden}.calm-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);transition:left .6s ease}.calm-btn:hover{border-color:var(--accent);color:#fff;box-shadow:0 0 30px var(--accent-glow);transform:translateY(-2px)}.calm-btn:hover:before{left:100%}.calm-btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:500}.calm-btn-primary:hover{background:var(--accent-light);border-color:var(--accent-light);box-shadow:0 0 40px var(--accent-glow),0 8px 30px #6366f133}.island-nav{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:1000;background:#0a0a0abf;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:100px;padding:10px 12px 10px 20px;display:flex;align-items:center;gap:0;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 30px #0000004d}.island-nav:hover{border-color:var(--border-hover);box-shadow:0 8px 40px #0006,0 0 20px #6366f10d}.island-nav-logo{display:flex;align-items:center;gap:8px;cursor:pointer;padding-right:20px;border-right:1px solid var(--border);margin-right:8px;text-decoration:none;color:var(--text)}.island-nav-logo span{font-weight:500;letter-spacing:.2em;font-size:.75rem;opacity:.9;white-space:nowrap}.island-nav-links{display:flex;align-items:center;gap:0}.island-nav-link{color:var(--text-secondary);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:400;text-decoration:none;padding:8px 16px;border-radius:100px;transition:all .3s ease;white-space:nowrap;position:relative}.island-nav-link:hover,.island-nav-link.active{color:var(--text);background:#ffffff0f}.island-nav-link.active{color:var(--accent-light)}.island-nav-status{display:flex;align-items:center;gap:6px;font-size:.6rem;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;white-space:nowrap;padding:8px 16px;border-left:1px solid var(--border);margin-left:8px}.island-nav-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);animation:statusPulse 3s ease-in-out infinite}.terminal-window{background:#0a0a0ae6;border:1px solid var(--border-hover);border-radius:16px;overflow:hidden;box-shadow:0 20px 80px #00000080,0 0 40px #6366f10f;max-width:720px;width:100%}.terminal-header{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--border);background:#ffffff05}.terminal-dot{width:10px;height:10px;border-radius:50%}.terminal-dot.red{background:#ef4444}.terminal-dot.yellow{background:#f59e0b}.terminal-dot.green{background:#10b981}.terminal-title{font-family:JetBrains Mono,monospace;font-size:.65rem;color:var(--muted);letter-spacing:.1em;margin-left:8px}.terminal-body{padding:24px;font-family:JetBrains Mono,monospace;font-size:.78rem;line-height:2;color:var(--text-secondary);min-height:280px}.terminal-line{opacity:0;transform:translateY(4px);transition:opacity .4s ease,transform .4s ease}.terminal-line.visible{opacity:1;transform:translateY(0)}.terminal-line .cmd{color:var(--text);font-weight:500}.terminal-line .scan{color:var(--accent-light)}.terminal-line .warn{color:#f59e0b}.terminal-line .fix{color:var(--accent-2)}.terminal-line .ok{color:var(--success)}.terminal-line .err{color:var(--danger)}.terminal-cursor{display:inline-block;width:8px;height:16px;background:var(--accent);animation:terminalBlink 1s step-end infinite;vertical-align:text-bottom;margin-left:2px}.section-label{font-size:.65rem;letter-spacing:.35em;color:var(--accent-light);text-transform:uppercase;margin-bottom:2rem;font-weight:500;display:flex;align-items:center;gap:12px}.section-label:before{content:"";display:inline-block;width:24px;height:1px;background:var(--accent);opacity:.5}.system-status{position:fixed;top:28px;right:4vw;z-index:1001;display:flex;align-items:center;gap:8px;font-size:.65rem;letter-spacing:.2em;color:var(--muted);font-family:Inter,monospace;text-transform:uppercase}.system-status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:statusPulse 3s ease-in-out infinite}.log-entry{opacity:0;transform:translateY(10px);transition:all .6s ease-out;padding:1.25rem 1.5rem;border-left:2px solid var(--border);margin-bottom:1rem;font-size:.95rem;color:var(--text-secondary);border-radius:0 8px 8px 0;background:transparent}.log-entry.visible{opacity:1;transform:translateY(0)}.log-entry:hover{border-left-color:var(--accent);color:var(--text);background:#6366f108}.principle-block{padding:2rem 0;border-bottom:1px solid var(--border);font-size:1.1rem;font-weight:300;color:var(--text-secondary);letter-spacing:.05em}.principle-block:last-child{border-bottom:none}.fade-in-up{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.fade-in-up.visible{opacity:1;transform:translateY(0)}@keyframes statusPulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes terminalBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes floatSubtle{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.02)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes scannerSweep{0%{left:-100%}to{left:100%}}@keyframes pulseRing{0%{transform:scale(.95);opacity:.5}50%{transform:scale(1.05);opacity:1}to{transform:scale(.95);opacity:.5}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-subtle{animation:floatSubtle 8s ease-in-out infinite}.hero-gradient-mesh{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none}.hero-gradient-mesh .orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.15}.hero-gradient-mesh .orb-1{width:600px;height:600px;background:var(--accent);top:-200px;right:-100px;animation:floatSubtle 12s ease-in-out infinite}.hero-gradient-mesh .orb-2{width:400px;height:400px;background:var(--accent-2);bottom:-100px;left:-50px;animation:floatSubtle 15s ease-in-out infinite 3s}.hero-gradient-mesh .orb-3{width:300px;height:300px;background:#8b5cf6;top:40%;left:40%;animation:floatSubtle 18s ease-in-out infinite 6s;opacity:.08}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--glass);border:1px solid var(--border);border-radius:100px;font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--text-secondary);letter-spacing:.05em;transition:all .3s ease}.status-badge:hover{border-color:var(--border-hover);background:var(--glass-strong)}.status-badge .badge-dot{width:6px;height:6px;border-radius:50%;animation:statusPulse 2s ease-in-out infinite}.ant-layout{background:transparent!important}.ant-layout-header{background:transparent!important;border:none!important;position:relative;height:auto!important;line-height:normal!important;padding:0!important}.ant-layout-content{padding-top:0;min-height:100vh}.ant-layout-footer{background:transparent!important;border-top:1px solid var(--border);color:var(--muted)!important;padding:3rem 0 2rem!important}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.gap-12{gap:3rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.mx-24{margin-left:6rem;margin-right:6rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-20{padding-top:5rem;padding-bottom:5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-12{margin-bottom:3rem}.text-sm{font-size:.875rem}.text-xl{font-size:1.25rem}.text-4xl{font-size:2.25rem}.text-6xl{font-size:3.75rem}.font-bold{font-weight:700}.font-black{font-weight:900}.font-medium{font-weight:500}.text-gray-400{color:#9ca3af}.text-white{color:#fff}.bg-white{background-color:#fff}.text-black{color:#000}.bg-refract-orange{background-color:#f59768}.rounded-sm{border-radius:.125rem}.rounded-full{border-radius:9999px}.rotate-45{transform:rotate(45deg)}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-full{width:100%}.max-w-5xl{max-width:64rem}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.left-0{left:0}.right-0{right:0}.top-6{top:1.5rem}.left-1\/2{left:50%}.-translate-x-1\/2{transform:translate(-50%)}.z-10{z-index:10}.z-2000{z-index:2000}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.uppercase{text-transform:uppercase}.tracking-tighter{letter-spacing:-.05em}.hidden{display:none}.stroke-white{-webkit-text-stroke:1px rgba(255,255,255,.1)}@media (min-width: 768px){.md\:flex{display:flex}}@media (max-width: 768px){.system-section{padding:80px 5%}.node-card{padding:1.5rem}.system-status{display:none}.desktop-nav{display:none!important}.island-nav{left:16px;right:16px;transform:none;border-radius:20px;padding:8px 12px}.island-nav-status{display:none}.island-nav-link{padding:6px 10px;font-size:.65rem}.hero-gradient-mesh .orb{filter:blur(60px);opacity:.1}.terminal-window{border-radius:12px}.terminal-body{padding:16px;font-size:.7rem;min-height:200px}}@media (max-width: 480px){.island-nav-logo span{display:none}.bento-grid{gap:.75rem}}