:root{--bg-color:#050508;--bg-panel:#12161e99;--text-main:#f8fafc;--text-muted:#94a3b8;--accent-cyan:#00f0ff;--accent-cyan-glow:#00f0ff66;--accent-purple:#b026ff;--glass-border:#ffffff14;--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:4rem;--font-sans:"Inter", system-ui, sans-serif;--font-mono:"Fira Code", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-sans);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{letter-spacing:-.03em;font-weight:700;line-height:1.2}.text-balance{text-wrap:balance}.text-muted{color:var(--text-muted)}.text-cyan{color:var(--accent-cyan)}.text-center{text-align:center}.gradient-text{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.container{width:100%;max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.grid-cols-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.items-center{align-items:center}.items-stretch{align-items:stretch}.flex-col-center{flex-direction:column;justify-content:center;display:flex}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.pb-xl{padding-bottom:var(--space-xl)}.glass-panel{background:var(--bg-panel);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);border-radius:24px;padding:2.5rem;transition:transform .3s,border-color .3s;box-shadow:0 8px 32px #0006}.glass-panel:hover{border-color:#00f0ff4d;transform:translateY(-4px)}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:1rem 2rem;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));color:#fff;box-shadow:0 0 20px var(--accent-cyan-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #00f0ff99}.btn-secondary{color:var(--text-main);border:1px solid var(--glass-border);background:#ffffff08}.btn-secondary:hover{border-color:var(--accent-cyan);background:#ffffff14}.glowing-orbs{pointer-events:none;z-index:-2;background:radial-gradient(circle at 20% 30%,#00f0ff14 0%,#0000 50%),radial-gradient(circle at 80% 60%,#b026ff1a 0%,#0000 50%);width:100%;max-width:1400px;height:600px;position:absolute;top:0;left:50%;transform:translate(-50%)}.site-header{z-index:10;padding:2rem 0;position:relative}.header-container{justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.nav-links{align-items:center;gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--text-muted);font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover,.nav-links a:focus-visible{color:var(--accent-cyan)}.hero{text-align:center;padding:6rem 0 8rem;position:relative}.hero-bg{opacity:.5;z-index:-2;background:url(/assets/hero.png) 50%/cover no-repeat;position:absolute;inset:0}.hero-overlay{background:radial-gradient(circle at center, #050508b3 0%, var(--bg-color) 80%);z-index:-1;position:absolute;inset:0}.hero-content{max-width:800px;margin:0 auto}.badge{color:var(--accent-cyan);margin-bottom:var(--space-lg);background:#00f0ff1a;border:1px solid #00f0ff33;border-radius:9999px;align-items:center;gap:6px;padding:.375rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.hero-title{margin-bottom:var(--space-lg);font-size:clamp(3rem,6vw,5rem)}.hero-subtitle{margin-bottom:var(--space-xl);text-shadow:0 2px 10px #000c;font-size:clamp(1.125rem,3vw,1.5rem)}.cta-group{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.section{padding:6rem 0}.section-header{text-align:center;margin-bottom:5rem}.section-header h2{margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem)}.section-header p{max-width:600px;margin:0 auto;font-size:1.125rem}.feature-card{padding:2rem}.feature-title{margin-bottom:1rem;font-size:1.25rem}.panel-title{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.code-tabs{background:#0000004d;border-radius:12px;gap:.5rem;width:max-content;margin-bottom:1rem;padding:.5rem;display:flex}.code-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem 1rem;font-family:inherit;font-weight:500;transition:all .2s}.code-tab-btn:hover{color:#fff;background:#ffffff0d}.code-tab-btn.active{color:#fff;background:#ffffff1a;box-shadow:0 2px 8px #0003}.code-panel{font-family:var(--font-mono);border:1px solid var(--glass-border);background:#0a0c10;border-radius:8px;height:380px;padding:1.5rem;font-size:.875rem;overflow:auto}.code-panel:not(.active){display:none}.syntax-keyword{color:#c678dd}.syntax-string{color:#98c379}.syntax-comment{color:#5c6370;font-style:italic}.syntax-builtin{color:#61afef}.syntax-class{color:#e5c07b}.sandbox-container{border:1px dashed var(--glass-border);background:#07090c;border-radius:12px;height:380px;margin-bottom:1.5rem;position:relative;overflow:hidden}.node{border:2px solid var(--text-muted);z-index:2;background:#1e293b;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:.75rem;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;transform:translate(-50%,-50%)}.node.active{border-color:var(--accent-cyan);box-shadow:0 0 20px var(--accent-cyan-glow);background:#00f0ff26}.node-text{white-space:nowrap;color:var(--text-muted);font-size:.7rem;position:absolute;bottom:-24px}.node.type-identity{color:#ef4444;background:#ef44441a;border-color:#ef4444}.node.type-identity.active{box-shadow:0 0 20px #ef444466}.node.type-memory{color:#60a5fa;background:#60a5fa1a;border-color:#60a5fa}.node.type-memory.active{box-shadow:0 0 20px #60a5fa66}.node.type-entity{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b}.node.type-entity.active{box-shadow:0 0 20px #f59e0b66}.node.type-contract{color:#a855f7;background:#a855f71a;border-color:#a855f7}.node.type-contract.active{box-shadow:0 0 20px #a855f766}.node.type-clause{color:#f97316;background:#f973161a;border-color:#f97316}.node.type-clause.active{box-shadow:0 0 20px #f9731666}.node.type-obligation{color:#ef4444;background:#ef44441a;border-color:#ef4444}.node.type-obligation.active{box-shadow:0 0 20px #ef444466}.node.type-soul{color:#10b981;background:#10b9811a;border-color:#10b981}.node.type-soul.active{box-shadow:0 0 20px #10b98166}.node.type-technical{color:#fbbf24;background:#fbbf241a;border-color:#fbbf24}.node.type-technical.active{box-shadow:0 0 20px #fbbf2466}.sandbox-edges{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.edge-line{stroke:#fff3;stroke-width:1.5px;stroke-dasharray:4}.sandbox-controls{gap:.5rem;display:flex}.sandbox-controls .btn{flex:1}.chart-panel{padding:3rem}.chart-container{flex-direction:column;gap:1.5rem;margin-bottom:3rem;display:flex}.chart-row{align-items:center;gap:1.5rem;display:flex}.chart-label{text-align:right;flex-direction:column;width:160px;display:flex}.chart-sublabel{color:var(--text-muted);font-size:.8rem}.chart-track{background:#ffffff0d;border-radius:12px;flex-grow:1;height:48px}.chart-bar{border-radius:12px;align-items:center;height:100%;padding:0 1rem;transition:width 1.5s cubic-bezier(.2,.8,.2,1);display:flex}.chart-value{white-space:nowrap;text-shadow:0 2px 4px #0009;font-weight:700}.bg-gradient-red{background:linear-gradient(90deg,#dc2626,#ef4444)}.bg-gradient-yellow{background:linear-gradient(90deg,#d97706,#f59e0b)}.bg-gradient-cyan{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-purple))}.bar-glow{box-shadow:0 0 20px var(--accent-cyan-glow)}.chart-summary{text-align:center;border-top:1px solid var(--glass-border);padding-top:2rem}.chart-summary h3{margin-bottom:.5rem;font-size:3rem}.calculator-panel{border:1px solid var(--glass-border);background:#0a0c10;border-radius:16px;padding:2.5rem}.calc-slider-group{margin-bottom:2rem}.calc-slider-group:last-child{margin-bottom:0}.calc-slider-group label{color:var(--text-muted);justify-content:space-between;margin-bottom:1rem;font-size:.9rem;display:flex}.calc-val-highlight{color:#fff;font-size:1.1rem}.styled-slider{width:100%;accent-color:var(--accent-cyan);cursor:ew-resize}.projection-title{margin-bottom:1.5rem;font-size:1.5rem}.projection-row{justify-content:space-between;width:100%;max-width:300px;margin-bottom:1rem;display:flex}.row-highlight{border-bottom:1px solid var(--glass-border);margin-bottom:1.5rem;padding-bottom:1rem}.saving-display{background:#00f0ff0d;border:1px solid #00f0ff26;border-radius:12px;width:100%;padding:2rem}.saving-display h4{text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.85rem}.net-savings{font-size:3rem}.cta-panel{border-color:#00f0ff33}.cta-form{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.email-input{border:1px solid var(--glass-border);color:#fff;background:#07090c;border-radius:8px;min-width:300px;padding:1rem 1.5rem;font-family:inherit;font-size:1rem}.email-input:focus{border-color:var(--accent-cyan);outline:none;box-shadow:0 0 0 3px #00f0ff33}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.content-visibility-auto{content-visibility:auto;contain-intrinsic-size:500px}.site-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--glass-border);padding:2rem 0;font-size:.875rem}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()) and (animation-range:entry){@keyframes slide-up-fade{0%{opacity:0;transform:translateY(60px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.reveal-on-scroll{animation:cubic-bezier(.2,.8,.2,1) both slide-up-fade;animation-timeline:view();animation-range:entry 5% cover 25%}}}.code-panel::-webkit-scrollbar{width:8px;height:8px}.code-panel::-webkit-scrollbar-track{background:var(--bg-color);border-radius:4px}.code-panel::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}.code-panel::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes spin{to{transform:rotate(360deg)}}