:root{--color-base:#0f0f1a;--color-mid:#172e75;--color-apex:#e6f2ff;--color-accent-primary:#4d80ff;--color-accent-secondary:#3366e6;--color-accent-tertiary:#1a80b3;--color-bg:#0f0f1a;--color-bg-elevated:#0f0f1acc;--color-border:#4d80ff26;--color-border-hover:#4d80ff4d;--color-text-primary:#e6f2ff;--color-text-secondary:#e6f2ffb3;--color-text-accent:#4d80ff;--color-claude:#da7756;--color-glow:#4d80ff33;--glass-bg:#0f0f1a99;--glass-blur:20px;--glass-radius:12px;--nav-bg:#0f0f1ae6;--nav-border:#4d80ff1a;--nav-height:64px;--grid-color:#172e7514;--grid-size:40px;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, monospace;--font-orbitron:"Orbitron", var(--font-sans);--text-h1:clamp(36px, 5vw, 56px);--text-h2:clamp(28px, 3.5vw, 36px);--text-card-title:clamp(18px, 2vw, 20px);--text-body:clamp(15px, 1.5vw, 16px);--text-code:clamp(13px, 1.2vw, 14px);--text-nav:14px;--text-badge:12px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--container-max:1200px;--section-padding:clamp(64px, 8vw, 96px);--card-padding:32px;--ease-default:cubic-bezier(.4, 0, .2, 1);--duration-fast:.2s;--duration-normal:.6s;--syn-keyword:#4d80ff;--syn-string:#38bdf8;--syn-comment:#4d80ff8c;--syn-function:#e6f2ff;--syn-property:#3366e6;--syn-punctuation:#e6f2ff80;--dot-red:#ff5f57;--dot-yellow:#ffbd2e;--dot-green:#27c93f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.btn-primary:focus-visible{box-shadow:0 0 0 3px #4d80ff66}.btn-ghost:focus-visible{box-shadow:0 0 0 3px #4d80ff40}body{font-family:var(--font-sans);font-size:var(--text-body);color:var(--color-text-secondary);background-color:var(--color-bg);line-height:1.6}h1,h2,h3{color:var(--color-text-primary);line-height:1.2}.hero h1{font-family:var(--font-orbitron)}a{color:var(--color-text-accent);text-decoration:none}img,video{max-width:100%;display:block}.blueprint-grid{background-image:repeating-linear-gradient(0deg, var(--grid-color) 0px, var(--grid-color) 1px, transparent 1px, transparent var(--grid-size)), repeating-linear-gradient(90deg, var(--grid-color) 0px, var(--grid-color) 1px, transparent 1px, transparent var(--grid-size));background-color:var(--color-bg)}.container{max-width:var(--container-max);padding-inline:var(--space-lg);margin-inline:auto}.section{padding-block:var(--section-padding)}.section-alt{background:linear-gradient(#172e750a 0%,#172e750f 50%,#172e750a 100%)}.section-divider{background:linear-gradient(90deg,#0000 0%,#4d80ff26 20%,#4d80ff40 50%,#4d80ff26 80%,#0000 100%);border:none;height:1px;margin:0}.section-heading{font-size:var(--text-h2);font-weight:var(--weight-semibold);text-align:center;margin-bottom:var(--space-2xl)}.accent{color:var(--color-text-accent)}.text-red{color:#e05252}.text-green{color:#4ade80}.subtitle-link{color:var(--color-text-secondary);text-underline-offset:3px;text-decoration:underline;transition:color .2s}.subtitle-link:hover{color:var(--color-text-accent)}.claude{background:linear-gradient(120deg,#da7756 0%,#f97316 55%,#f59e0b 100%);-webkit-text-fill-color:transparent;font-weight:var(--weight-semibold);filter:drop-shadow(0 0 10px #da775666);-webkit-background-clip:text;background-clip:text}.syntropic-brand--link{text-underline-offset:3px;-webkit-text-decoration:underline #fbbf2473;text-decoration:underline #fbbf2473;transition:text-decoration-color .2s}.syntropic-brand--link:hover{text-decoration-color:#fbbf24}.syntropic-brand{background:linear-gradient(120deg,#fbbf24 0%,#fde047 50%,#fef9c3 100%);-webkit-text-fill-color:transparent;font-weight:var(--weight-semibold);filter:drop-shadow(0 0 14px #fde047a6);-webkit-background-clip:text;background-clip:text}.glass{border:1px solid var(--color-border);border-radius:var(--glass-radius);background:#0f0f1ad9;transition:border-color .25s ease-out,box-shadow .25s ease-out,transform .25s ease-out;box-shadow:0 1px 2px #0000001a,0 4px 16px #00000014,inset 0 1px #ffffff08}.glass:hover{border-color:var(--color-border-hover);box-shadow:0 2px 4px #0000001f,0 8px 24px #0000001f,0 0 40px #4d80ff0f,inset 0 1px #ffffff0d}.btn-primary{align-items:center;gap:var(--space-sm);background:var(--color-accent-primary);color:var(--color-base);font-weight:var(--weight-semibold);font-size:var(--text-body);cursor:pointer;border:none;border-radius:8px;padding:12px 28px;text-decoration:none;transition:background .2s ease-out,box-shadow .2s ease-out,transform .2s ease-out;display:inline-flex;position:relative;box-shadow:0 1px 2px #0003,0 0 0 1px #4d80ff4d,inset 0 1px #ffffff1a}.btn-primary:hover{color:var(--color-base);background:#5a8cff;transform:translateY(-1px);box-shadow:0 2px 8px #0000004d,0 0 0 1px #4d80ff66,0 0 20px #4d80ff40,inset 0 1px #ffffff26}.btn-primary:active{transform:translateY(0);box-shadow:0 1px 2px #0003,0 0 0 1px #4d80ff4d}.btn-primary svg{transition:transform .2s ease-out}.btn-primary:hover svg{transform:translate(2px)}.btn-ghost{align-items:center;gap:var(--space-sm);color:var(--color-text-primary);font-weight:var(--weight-semibold);font-size:var(--text-body);cursor:pointer;background:#ffffff08;border:1px solid #e6f2ff1f;border-radius:8px;padding:12px 28px;text-decoration:none;transition:background .2s ease-out,border-color .2s ease-out,box-shadow .2s ease-out,transform .2s ease-out;display:inline-flex}.btn-ghost:hover{color:var(--color-text-primary);background:#4d80ff14;border-color:#4d80ff40;transform:translateY(-1px);box-shadow:0 0 16px #4d80ff14}.btn-ghost:active{box-shadow:none;transform:translateY(0)}.nav{z-index:100;height:var(--nav-height);background:#0f0f1af2;border-bottom:1px solid #4d80ff14;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.nav-left{align-items:center;gap:var(--space-sm);display:flex}.nav-logo{width:32px;height:32px}.nav-brand{font-family:var(--font-orbitron);font-size:var(--text-nav);font-weight:var(--weight-bold);color:var(--color-text-accent);letter-spacing:.05em;cursor:pointer;text-decoration:none;transition:color .2s ease-out}.nav-brand:hover{color:#8ab4ff}.nav-tagline{font-size:var(--text-nav);font-weight:var(--weight-regular);color:var(--color-text-secondary);margin-left:var(--space-xs)}.nav-tagline:before{content:"— "}.nav-right{align-items:center;gap:var(--space-lg);display:flex}.nav-link{font-size:var(--text-nav);font-weight:var(--weight-medium);color:#e6f2ffa6;cursor:pointer;text-decoration:none;transition:color .2s ease-out;position:relative}.nav-link:hover{color:var(--color-text-primary)}.nav-github-btn{font-size:var(--text-nav);font-weight:var(--weight-medium);color:var(--color-text-primary);background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.nav-github-btn:hover{background:#ffffff24;border-color:#fff3}.badge{font-size:var(--text-badge);font-weight:var(--weight-semibold);color:var(--color-text-accent);text-transform:uppercase;letter-spacing:.05em;background:#4d80ff0f;border:1px solid #4d80ff4d;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;transition:border-color .2s ease-out,background .2s ease-out;display:inline-flex}.badge:hover{background:#4d80ff1a;border-color:#4d80ff80}.hero-section{padding-block:var(--space-3xl) var(--space-2xl);flex-direction:column;display:flex;position:relative;overflow:hidden}.hero-glow{pointer-events:none;border-radius:50%;position:absolute}.hero-glow--primary{background:radial-gradient(circle,#4d80ff2e 0%,#4d80ff0f 30%,#0000 60%);width:900px;height:900px;animation:25s ease-in-out alternate glow-drift-1;top:-350px;left:-300px}.hero-glow--secondary{background:radial-gradient(circle,#3b82f61a 0%,#67e8f90a 30%,#0000 60%);width:800px;height:800px;animation:30s ease-in-out alternate glow-drift-2;bottom:-300px;right:-250px}@keyframes glow-drift-1{0%{transform:translate(0)}to{transform:translate(40px,20px)}}@keyframes glow-drift-2{0%{transform:translate(0)}to{transform:translate(-30px,15px)}}.hero{z-index:1;gap:var(--space-3xl);grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative}.hero-text{gap:var(--space-lg);flex-direction:column;display:flex}.hero-eyebrow-row{align-items:center;gap:var(--space-sm);display:flex}.hero-eyebrow{width:fit-content;font-family:var(--font-mono);font-size:12px;font-weight:var(--weight-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-accent);background:#4d80ff14;border:1px solid #4d80ff33;border-radius:100px;align-items:center;gap:8px;padding:6px 16px;display:inline-flex}.eyebrow-sep{background:#4d80ff4d;width:1px;height:14px}.hero h1{font-size:var(--text-h1);font-weight:var(--weight-bold);letter-spacing:-.02em;line-height:1.1}.hero h1 .accent{position:relative}.hero-subtitle{color:var(--color-text-secondary);font-size:clamp(18px,2vw,22px);line-height:1.5;font-weight:var(--weight-medium);letter-spacing:-.01em}.hero-description{font-size:var(--text-body);color:var(--color-text-secondary);max-width:540px;margin-top:var(--space-md);line-height:1.7}.install-terminal{border-radius:12px;overflow:visible}.install-terminal-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.install-terminal>.terminal-line{padding:var(--space-sm) var(--space-lg)}.hero-install{max-width:680px;margin-top:var(--space-lg)}.hero-install-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.hero-install-code,.get-started-code{padding:var(--space-sm) 0;font-family:var(--font-mono);font-size:var(--text-code);margin:0}.terminal-line{padding:var(--space-xs) var(--space-lg);cursor:pointer;border-radius:4px;transition:background .15s;display:block;position:relative}.terminal-line:hover{background:#ffffff0d}.terminal-line-text{white-space:nowrap;font-family:var(--font-mono)}.terminal-line-icon{right:var(--space-md);color:var(--color-text-tertiary);opacity:0;transition:opacity .15s;position:absolute;top:50%;transform:translateY(-50%)}.terminal-line:hover .terminal-line-icon{opacity:1}.terminal-copied-tooltip{font-family:var(--font-sans);color:var(--color-bg);background:var(--color-text-accent);white-space:nowrap;pointer-events:none;border-radius:4px;padding:2px 10px;font-size:.75rem;animation:1.5s forwards tooltip-pop;position:absolute;top:-28px;left:50%;transform:translate(-50%)}@keyframes tooltip-pop{0%{opacity:0;transform:translate(-50%)translateY(4px)}15%{opacity:1;transform:translate(-50%)translateY(0)}80%{opacity:1}to{opacity:0}}.text-shimmer{color:var(--color-text-primary);background:linear-gradient(110deg, transparent 0%, transparent 30%, #d97706 36%, #fbbf24 42%, #fff 50%, #67e8f9 58%, #3b82f6 64%, transparent 70%, transparent 100%) no-repeat calc(-100% - var(--shimmer-width,140px)) 0 / var(--shimmer-width,140px) 100%, linear-gradient(var(--color-text-primary), var(--color-text-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:7s ease-in-out .5s infinite text-shimmer}@keyframes text-shimmer{0%,to{background-position:calc(-100% - var(--shimmer-width,140px)) 0, 0 0}25%{background-position:calc(100% + var(--shimmer-width,140px)) 0, 0 0}25.01%,75%{background-position:calc(-100% - var(--shimmer-width,140px)) 0, 0 0}}.hero-ctas{gap:var(--space-md);padding-top:var(--space-sm);flex-wrap:wrap;display:flex}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.hero-visual-frame{z-index:1;background:#0f0f1a;border:1px solid #4d80ff1f;border-radius:12px;transition:border-color .3s ease-out,box-shadow .3s ease-out;position:relative;overflow:hidden;box-shadow:0 0 0 1px #4d80ff0f,0 4px 16px #0000004d,0 16px 48px #0003,inset 0 1px #ffffff0a}.hero-visual-frame:hover{border-color:#4d80ff40;box-shadow:0 0 0 1px #4d80ff1a,0 4px 16px #0000004d,0 16px 48px #0003,0 0 60px #4d80ff14,inset 0 1px #ffffff0f}.hero-video{object-fit:contain;width:100%;max-height:500px;display:block}.typing-cursor{color:var(--color-text-accent);font-weight:var(--weight-regular);animation:1s step-end 10 blink;display:inline}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-definitions{z-index:1;padding-top:var(--space-xl);border-top:1px solid var(--color-border);margin-top:var(--space-xl);justify-content:center;display:flex;position:relative}.hero-definitions .syntropic-pair{width:100%;max-width:720px}.install-cmd{align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-code);cursor:pointer;background:#4d80ff0f;border:1px solid #4d80ff26;border-radius:8px;padding:12px 20px;transition:background .2s ease-out,border-color .2s ease-out,box-shadow .2s ease-out;display:inline-flex}.install-cmd:hover{background:#4d80ff1a;border-color:#4d80ff40;box-shadow:0 0 20px #4d80ff0f}.install-prefix{color:var(--color-text-secondary)}.install-text{color:var(--color-text-accent)}.install-copy{cursor:pointer;opacity:0;color:var(--color-text-secondary);background:0 0;border:none;border-radius:4px;padding:2px;font-size:14px;transition:opacity .2s ease-out}.install-cmd:hover .install-copy{opacity:.6}.install-copy:hover{opacity:1!important}.cards-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.cards-grid--two{grid-template-columns:repeat(2,1fr)}.card{padding:var(--card-padding);cursor:default;height:100%;transition:transform .25s ease-out,border-color .25s ease-out,box-shadow .25s ease-out}.card:hover{transform:translateY(-2px)}.card-link{color:inherit;cursor:pointer;text-decoration:none;display:block}.card-icon{width:40px;height:40px;color:var(--color-accent-secondary);margin-bottom:var(--space-md);transition:color .2s ease-out}.card:hover .card-icon{color:var(--color-accent-primary)}.card-title{font-size:var(--text-card-title);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-sm);letter-spacing:-.01em}.card-desc{font-size:var(--text-body);color:var(--color-text-secondary);line-height:1.65}.card-accented{border-top:2px solid var(--card-accent,var(--color-accent-primary));position:relative;overflow:hidden}.card-accented .card-icon{color:var(--card-accent,var(--color-accent-secondary))}.card-accented:hover .card-icon{color:var(--card-accent,var(--color-accent-primary));filter:brightness(1.15)}.card-num{top:-6px;right:var(--space-lg);color:var(--card-accent,var(--color-accent-primary));opacity:.07;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:-.04em;font-size:96px;font-weight:800;line-height:1;transition:opacity .25s ease-out;position:absolute}.card-accented:hover .card-num{opacity:.12}.card-horizontal{align-items:flex-start;gap:var(--space-lg);padding:var(--space-xl) var(--card-padding);flex-direction:row;display:flex}.card-horizontal .card-title{margin-top:2px}.card-icon-chip{background:var(--icon-bg);width:48px;height:48px;color:var(--icon-color);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .25s ease-out;display:flex}.card-horizontal:hover .card-icon-chip{filter:brightness(1.15)}.card-security,.card-security .card-title,.card-security .card-desc{text-align:center}.security-icon-ring{border:1.5px solid var(--icon-color,var(--color-accent-primary));width:68px;height:68px;color:var(--icon-color,var(--color-accent-primary));margin:0 auto var(--space-lg);background:var(--icon-bg);border-radius:50%;justify-content:center;align-items:center;transition:all .25s ease-out;display:flex}.card-security:hover .security-icon-ring{background:var(--icon-bg-hover);box-shadow:0 0 28px var(--icon-glow)}.code-editor{max-width:800px;margin-inline:auto;overflow:hidden;box-shadow:0 2px 4px #0000001a,0 8px 24px #00000026,0 24px 48px #0000001a}.code-titlebar{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);background:#0f0f1af2;display:flex}.code-dots{gap:6px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot-red{background:var(--dot-red)}.dot-yellow{background:var(--dot-yellow)}.dot-green{background:var(--dot-green)}.code-filename{font-family:var(--font-mono);font-size:var(--text-code);color:var(--color-text-secondary);margin-left:var(--space-sm)}.code-body{padding:var(--space-lg);font-family:var(--font-mono);font-size:var(--text-code);grid-template-columns:auto 1fr;margin:0;line-height:1.6;display:grid;overflow-x:auto}.syn-keyword{color:var(--syn-keyword)}.syn-string{color:var(--syn-string)}.syn-comment{color:var(--syn-comment);font-style:italic}.syn-function{color:var(--syn-function)}.syn-property{color:var(--syn-property)}.syn-punctuation{color:var(--syn-punctuation)}.arch-flow{justify-content:center;align-items:center;gap:0;display:flex}.arch-step{align-items:center;display:flex}.arch-node{padding:var(--space-lg) var(--space-xl);text-align:center;min-width:180px}.arch-node-accented{border-top:2px solid var(--step-color,var(--color-accent-primary));transition:border-color .25s ease-out,box-shadow .25s ease-out}.arch-node-accented:hover{box-shadow:0 0 20px color-mix(in srgb, var(--step-color) 15%, transparent)}.arch-step-num{letter-spacing:.1em;color:var(--step-color);opacity:.75;margin-bottom:var(--space-sm);font-size:10px;font-weight:700;font-family:var(--font-mono);text-transform:uppercase}.arch-icon{width:32px;height:32px;color:var(--step-color,var(--color-accent-secondary));margin-inline:auto;margin-bottom:var(--space-sm)}.arch-title{font-size:var(--text-card-title);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.arch-subtitle{font-size:var(--text-code);color:var(--color-text-secondary);margin-top:var(--space-xs)}.arch-arrow{padding-inline:var(--space-md);color:var(--color-text-accent);align-items:center;display:flex}.how-it-works-caption{text-align:center;color:var(--color-text-secondary);font-size:var(--text-body);max-width:640px;margin:var(--space-xl) auto 0;line-height:1.7}.get-started-container{text-align:center}.get-started-install{max-width:780px;margin:var(--space-xl) auto 0;text-align:left;overflow:hidden}.get-started-install-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.install-container{text-align:center}.install-container .get-started-install{max-width:780px;margin:var(--space-xl) auto 0;text-align:left}.inline-code{font-family:var(--font-mono);color:var(--color-text-accent);background:#4d80ff1a;border-radius:4px;padding:2px 6px;font-size:.9em}.phase-cmd{font-family:var(--font-mono);font-size:var(--text-code);color:var(--color-text-secondary)}#orchestrator .card{flex-direction:column;display:flex}.orc-commands{padding-top:var(--space-md);flex-direction:column;gap:6px;min-height:58px;margin-top:auto;display:flex}.orc-cmd{color:var(--color-text-secondary);background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;padding:4px 8px;display:block}.triggers-examples{gap:var(--space-md);margin-top:var(--space-xl);flex-direction:column;max-width:700px;margin-left:auto;margin-right:auto;display:flex}.trigger-card{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);display:flex}.trigger-card-v2{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-left:2px solid var(--trigger-color,var(--color-accent-primary));transition:border-color .25s ease-out,box-shadow .25s ease-out,transform .25s ease-out;display:flex}.trigger-card-v2:hover{box-shadow:-4px 0 16px color-mix(in srgb, var(--trigger-color) 20%, transparent);transform:translate(2px)}.trigger-icon-chip{background:var(--trigger-bg);width:36px;height:36px;color:var(--trigger-color);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:filter .2s ease-out;display:flex}.trigger-card-v2:hover .trigger-icon-chip{filter:brightness(1.2)}.trigger-event-col{flex-direction:column;gap:2px;min-width:0;display:flex}.trigger-label{letter-spacing:.08em;text-transform:uppercase;color:var(--trigger-color);opacity:.7;font-size:10px;font-weight:600}.trigger-event{font-family:var(--font-mono);font-size:var(--text-code);color:var(--color-text-accent);white-space:nowrap}.trigger-arrow{color:var(--color-claude);font-weight:var(--weight-bold);flex-shrink:0}.trigger-action{color:var(--color-text-secondary);font-size:var(--text-body)}.syntropic-pair{gap:var(--space-xl);grid-template-columns:1fr auto 1fr;align-items:start;width:100%;display:grid}.syntropic-divider{background:linear-gradient(#0000 0%,#4d80ff4d 50%,#0000 100%);width:1px;height:100%}.syntropic-block{gap:var(--space-sm);flex-direction:column;display:flex}.syntropic-label{font-family:var(--font-orbitron);font-size:var(--text-card-title);font-weight:var(--weight-bold);color:var(--color-text-accent);letter-spacing:.02em}.syntropic-one-liner{font-size:clamp(18px,2vw,22px);font-weight:var(--weight-semibold);color:var(--color-text-primary);letter-spacing:-.01em;line-height:1.35}.syntropic-note{font-size:var(--text-code);color:var(--color-text-secondary);line-height:1.7}.syntropic-note em{color:var(--color-text-accent);font-style:normal}.footer{padding-top:var(--space-2xl);border-top:1px solid var(--color-border);background:#0a0a14e6;position:relative;overflow:hidden}.entropy-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.footer-grid,.footer-bottom{z-index:1;position:relative}.footer-grid{justify-content:space-between;gap:var(--space-2xl);padding-block:var(--space-2xl);display:flex}.footer-brand{gap:var(--space-xs);flex-direction:column;display:flex}.footer-name{font-family:var(--font-orbitron);font-size:var(--text-card-title);font-weight:var(--weight-bold);color:var(--color-text-accent)}.footer-tagline{font-size:var(--text-body);color:var(--color-text-secondary)}.footer-links{gap:var(--space-3xl);display:flex}.footer-col{gap:var(--space-sm);flex-direction:column;display:flex}.footer-col-title{font-size:var(--text-code);font-weight:var(--weight-semibold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.footer-link{font-size:var(--text-body);color:var(--color-text-secondary);cursor:pointer;text-decoration:none;transition:color .2s ease-out}.links-page{min-height:100vh;padding:var(--space-xl);justify-content:center;align-items:center;display:flex}.links-container{width:100%;max-width:440px}.links-header{text-align:center;margin-bottom:var(--space-lg)}.links-install{margin-bottom:var(--space-xl)}.links-brand{font-family:var(--font-orbitron);font-size:32px;font-weight:var(--weight-bold);color:var(--color-text-primary);letter-spacing:.05em;text-decoration:none}.links-brand:hover{color:var(--color-accent)}.links-list{gap:var(--space-sm);flex-direction:column;display:flex}.links-item{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);color:var(--color-text-primary);border-radius:12px;text-decoration:none;transition:transform .2s,border-color .2s;display:flex}.links-item:hover{border-color:#4d80ff66;transform:translateY(-2px)}.links-item-icon{color:var(--color-text-accent);flex-shrink:0}.links-item-text{flex-direction:column;display:flex}.links-item-title{font-weight:var(--weight-semibold);font-size:var(--text-body)}.links-item-desc{color:var(--color-text-tertiary);margin-top:2px;font-size:13px}.footer-link:hover{color:var(--color-text-primary)}.footer-bottom{padding-block:var(--space-lg);border-top:1px solid var(--color-border);font-size:var(--text-code);color:var(--color-text-secondary);justify-content:space-between;align-items:center;display:flex}.skip-link{top:-100%;left:var(--space-md);z-index:200;padding:var(--space-sm) var(--space-md);background:var(--color-accent-primary);color:var(--color-base);font-weight:var(--weight-semibold);border-radius:0 0 8px 8px;transition:top .2s ease-out;position:absolute}.skip-link:focus{color:var(--color-base);top:0}.section-subtitle{text-align:center;color:var(--color-text-secondary);max-width:480px;margin-inline:auto;margin-top:calc(-1 * var(--space-xl));margin-bottom:var(--space-2xl);font-size:clamp(15px,1.5vw,17px);line-height:1.6}.hero-visual-glow{border-radius:14px;padding:2px;position:relative;overflow:clip}.hero-visual-glow:before{content:"";pointer-events:none;background:conic-gradient(#0000 0% 65%,#4d80ff66 74%,#67e8f9cc 80%,#ffffffe6 83%,#67e8f9cc 86%,#4d80ff66 92%,#0000 100%);animation:6s linear infinite border-orbit;position:absolute;inset:-50%}@keyframes border-orbit{to{transform:rotate(360deg)}}.code-line-numbers{text-align:right;padding-right:var(--space-md);color:var(--syn-punctuation);opacity:.4;-webkit-user-select:none;user-select:none;flex-direction:column;line-height:1.6;display:flex}.nav-toggle{border:1px solid var(--color-border);cursor:pointer;color:var(--color-text-primary);background:0 0;border-radius:6px;padding:6px;transition:border-color .2s ease-out,background .2s ease-out;display:none}.nav-toggle:hover{border-color:var(--color-border-hover);background:#4d80ff0f}.nav-drawer{top:var(--nav-height);border-bottom:1px solid var(--color-border);padding:var(--space-md) var(--space-lg);gap:var(--space-md);opacity:0;pointer-events:none;background:#0f0f1af7;flex-direction:column;transition:opacity .2s ease-out,transform .2s ease-out;display:none;position:absolute;left:0;right:0;transform:translateY(-8px)}.nav-drawer.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-drawer .nav-link{font-size:var(--text-body);padding:var(--space-sm) 0}.fade-in{opacity:0;transition:opacity var(--duration-normal) var(--ease-default), transform var(--duration-normal) var(--ease-default);transform:translateY(20px)}.fade-in.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=1024px){.hero-section{min-height:auto}.hero{text-align:center;gap:var(--space-xl);grid-template-columns:1fr}.hero-text{align-items:center}.hero-visual{order:-1}.hero-visual-frame{max-width:320px}.hero-glow--primary{width:400px;height:400px;left:50%;transform:translate(-50%)}.hero-glow--secondary{display:none}.cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){:root{--text-h1:36px;--text-h2:28px;--section-padding:48px}.hero-section{padding-block:var(--space-2xl) var(--space-xl);overflow-x:hidden}.hero{text-align:center}.hero-text{align-items:center;width:100%;max-width:100%;overflow:hidden}.hero-text>*{max-width:100%}.hero h1{font-size:28px}.hero-eyebrow{gap:5px;padding:5px 10px;font-size:9px}.eyebrow-sep{height:12px}.hero-subtitle{font-size:15px}.hero-description{max-width:100%;font-size:13px}.hero-install{width:100%;max-width:100%}.hero-install-code,.get-started-code{text-align:left}.terminal-line{padding:var(--space-xs) var(--space-sm)}.terminal-line-text{font-size:10px;overflow-x:auto}.hero-ctas{flex-wrap:wrap;width:100%}.hero-ctas a{justify-content:center;width:100%}.get-started-install{max-width:100%}.nav-toggle{padding:10px}.trigger-card{flex-wrap:wrap}.trigger-card-v2{gap:var(--space-sm);flex-wrap:wrap}.trigger-card-v2 .trigger-arrow{display:none}.trigger-card-v2 .trigger-action{width:100%;padding-left:calc(36px + var(--space-sm))}.trigger-action{width:100%}.hero-visual-frame{max-width:240px}.hero-definitions{padding-top:var(--space-lg)}.syntropic-pair{text-align:center;grid-template-columns:1fr}.syntropic-divider{background:linear-gradient(90deg,#0000 0%,#4d80ff4d 50%,#0000 100%);width:100%;height:1px}.cards-grid{grid-template-columns:1fr}.arch-flow,.arch-step{flex-direction:column;align-items:center}.arch-arrow{padding-inline:0;padding-block:var(--space-sm);transform:rotate(90deg)}.arch-node{width:100%;min-width:auto}.nav-inner{padding-inline:var(--space-sm)}.nav-right{display:none}.nav-toggle{justify-content:center;align-items:center;display:flex}.nav-drawer{display:flex}.nav-brand{font-size:12px}.nav-tagline{display:none}.badge{padding:3px 6px;font-size:10px}.hero-ctas .btn-primary,.hero-ctas .btn-ghost{justify-content:center;padding:14px 24px;font-size:15px}.footer-grid{gap:var(--space-xl);flex-direction:column}.footer-links{gap:var(--space-xl)}.footer-bottom{gap:var(--space-sm);text-align:center;flex-direction:column}.install-cmd{padding:8px 14px}.hero-ctas{flex-direction:column;width:100%}.hero-ctas a{justify-content:center}}
