@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700;800;900&family=Fira+Code:wght@400;500&display=swap";:root{--bg-primary:210 20% 98%;--bg-secondary:0 0% 100%;--bg-tertiary:210 40% 96.5%;--accent-blue:221.2 83.2% 53.3%;--accent-emerald:142.1 76.2% 36.3%;--accent-indigo:262.1 83.3% 57.8%;--text-primary:224 71.4% 4.1%;--text-secondary:215.4 16.3% 36.9%;--text-tertiary:215 13% 55%;--border-muted:214.3 31.8% 91.4%;--border-glow:221.2 83.2% 53.3% / .1;--backdrop-blur:24px;--container-width:1200px;--soft-shadow:0 20px 50px #0f172a0a;--deep-shadow:0 30px 80px #0f172a14;--inset-shadow:inset 0 2px 8px #0f172a05}*{box-sizing:border-box;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Inter,sans-serif}body{background-color:hsl(var(--bg-primary));color:hsl(var(--text-primary));position:relative;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#0f172a04 1px,#0000 1px),linear-gradient(90deg,#0f172a04 1px,#0000 1px);background-position:50%;background-size:50px 50px;width:100%;height:100%;position:absolute;top:0;left:0}.radial-glow-top{z-index:0;pointer-events:none;background:radial-gradient(circle,#3b82f612 0%,#6366f10a 50%,#0000 80%);width:900px;height:600px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.radial-glow-mid{z-index:0;pointer-events:none;background:radial-gradient(circle,#10b9810a 0%,#3b82f605 60%,#0000 80%);width:700px;height:700px;position:absolute;top:1500px;right:-300px}header{z-index:100;justify-content:center;width:100%;padding:24px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0}header.scrolled .nav-capsule{background:#ffffffd9;border-color:#2563eb26;padding:12px 28px;box-shadow:0 10px 40px #0f172a0f,0 0 1px #0f172a0a}.nav-capsule{width:100%;max-width:var(--container-width);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));background:#fff9;border:1px solid #0f172a0d;border-radius:100px;justify-content:space-between;align-items:center;padding:16px 36px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.logo{letter-spacing:-.03em;color:hsl(var(--text-primary));align-items:center;gap:3px;font-family:Outfit,sans-serif;font-size:26px;font-weight:900;text-decoration:none;display:flex}.logo span{color:hsl(var(--accent-emerald));animation:2s infinite logoPulse}nav{align-items:center;gap:36px;display:flex}nav a{color:hsl(var(--text-secondary));font-size:14.5px;font-weight:600;text-decoration:none;transition:color .3s;position:relative}nav a:hover{color:hsl(var(--text-primary))}.btn-nav-download{background:hsl(var(--text-primary));color:hsl(var(--bg-secondary));border:1px solid hsl(var(--text-primary));border-radius:100px;padding:10px 22px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #0f172a14}.btn-nav-download:hover{color:hsl(var(--text-primary));background:0 0;box-shadow:0 4px 16px #0f172a0a}main{z-index:1;width:100%;max-width:var(--container-width);margin:0 auto;padding:160px 24px 100px;position:relative}section{margin-bottom:140px}h1{letter-spacing:-.05em;color:hsl(var(--text-primary));font-family:Outfit,sans-serif;font-size:72px;font-weight:900;line-height:1.05}h2{letter-spacing:-.04em;color:hsl(var(--text-primary));font-family:Outfit,sans-serif;font-size:48px;font-weight:800;line-height:1.15}h3{letter-spacing:-.02em;color:hsl(var(--text-primary));font-family:Outfit,sans-serif;font-size:26px;font-weight:700}p{color:hsl(var(--text-secondary));font-size:17px;line-height:1.65}.section-label{letter-spacing:.2em;text-transform:uppercase;color:hsl(var(--accent-blue));background:#2563eb0f;border:1px solid #2563eb1a;border-radius:100px;margin-bottom:20px;padding:6px 14px;font-size:11px;font-weight:700;display:inline-block}.hero-wrapper{text-align:center;flex-direction:column;align-items:center;gap:28px;max-width:900px;margin:0 auto 80px;display:flex}.hero-wrapper h1 span{background:linear-gradient(135deg, hsl(var(--accent-blue)) 0%, hsl(var(--accent-indigo)) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-wrapper p{max-width:720px;color:hsl(var(--text-secondary));font-size:19px}.hero-ctas{align-items:center;gap:18px;margin-top:12px;display:flex}.btn-primary{background:hsl(var(--text-primary));color:hsl(var(--bg-secondary));cursor:pointer;border:none;border-radius:100px;padding:16px 36px;font-size:15.5px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 10px 24px #0f172a26}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;animation:3.5s infinite shine;position:absolute;top:0;left:-150%;transform:skew(-20deg)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 32px #0f172a38}.btn-secondary{background:hsl(var(--bg-secondary));color:hsl(var(--text-primary));border:1px solid hsl(var(--border-muted));cursor:pointer;border-radius:100px;padding:16px 36px;font-size:15.5px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #0f172a05}.btn-secondary:hover{background:hsl(var(--bg-tertiary));border-color:hsl(var(--text-tertiary));transform:translateY(-1px)}.hero-interactive-demo{background:hsl(var(--bg-secondary));border:1px solid hsl(var(--border-muted));width:100%;height:540px;box-shadow:var(--deep-shadow);border-radius:24px;grid-template-columns:1.15fr 1.85fr;gap:24px;padding:20px;display:grid;position:relative}.demo-console{border:1px solid hsl(var(--border-muted));box-shadow:var(--soft-shadow);background:#fcfdfd;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.console-header{background:hsl(var(--bg-tertiary));border-bottom:1px solid hsl(var(--border-muted));justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.console-dots{gap:7px;display:flex}.dot{border-radius:50%;width:9px;height:9px}.dot-red{background-color:#f87171}.dot-yellow{background-color:#fbbf24}.dot-green{background-color:#34d399}.console-title{color:hsl(var(--text-secondary));font-family:Fira Code,monospace;font-size:11px;font-weight:600}.console-body{color:hsl(var(--text-primary));flex-direction:column;flex:1;gap:14px;padding:20px;font-family:Fira Code,monospace;font-size:13.5px;line-height:1.6;display:flex;overflow-y:auto}.console-prompt-container{color:hsl(var(--accent-blue));gap:8px;font-weight:600;display:flex}.console-prompt-cursor{background-color:hsl(var(--accent-blue));vertical-align:middle;width:8px;height:16px;animation:1s infinite blink;display:inline-block}.console-rjal-stream{color:hsl(var(--text-secondary));white-space:pre-wrap;font-size:11.5px;display:none}.demo-excel{background:hsl(var(--bg-secondary));border:1px solid hsl(var(--border-muted));box-shadow:var(--soft-shadow);border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden}.excel-ribbon{background:hsl(var(--bg-tertiary));border-bottom:1px solid hsl(var(--border-muted));justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.excel-ribbon-tabs{gap:14px;display:flex}.excel-tab{color:hsl(var(--text-secondary));border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:700}.excel-tab.active{color:hsl(var(--accent-emerald));background:#05966914;border:1px solid #05966926}.excel-gridlines-toggle{color:hsl(var(--text-secondary));align-items:center;gap:6px;font-size:10.5px;font-weight:600;display:flex}.excel-gridlines-toggle input{accent-color:hsl(var(--accent-emerald))}.excel-viewport{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;position:relative;overflow:hidden}.excel-grid{background-color:hsl(var(--border-muted));color:hsl(var(--text-tertiary));grid-template-rows:repeat(12,25px);grid-template-columns:32px repeat(6,1fr);gap:1px;font-size:10.5px;transition:background-color .4s;display:grid}.excel-grid.no-gridlines{background-color:#0000}.excel-grid.no-gridlines .grid-cell{border-color:#0000}.grid-cell{background-color:hsl(var(--bg-secondary));border:1px solid #0f172a04;align-items:center;padding:0 6px;transition:all .3s;display:flex}.grid-cell.header-cell{background-color:hsl(var(--bg-tertiary));color:hsl(var(--text-secondary));justify-content:center;font-weight:700}.excel-build-container{flex-direction:column;gap:20px;animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn;display:none}.excel-kpis{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.kpi-card{background:hsl(var(--bg-secondary));border:1px solid hsl(var(--border-muted));border-radius:12px;flex-direction:column;gap:6px;padding:16px;display:flex;box-shadow:0 4px 16px #0f172a05}.kpi-title{color:hsl(var(--text-tertiary));letter-spacing:.06em;text-transform:uppercase;font-size:9.5px;font-weight:700}.kpi-value{color:hsl(var(--accent-emerald));font-family:Outfit,sans-serif;font-size:20px;font-weight:800}.kpi-card.pulsing{animation:.8s ease-in-out compilePulse}.excel-table{background:hsl(var(--bg-secondary));border:1px solid hsl(var(--border-muted));border-radius:10px;overflow:hidden;box-shadow:0 4px 16px #0f172a03}.table-header{background:hsl(var(--bg-tertiary));color:hsl(var(--text-primary));grid-template-columns:1.25fr repeat(3,1fr);padding:10px 14px;font-size:10px;font-weight:700;display:grid}.table-row{border-top:1px solid hsl(var(--border-muted));color:hsl(var(--text-secondary));grid-template-columns:1.25fr repeat(3,1fr);padding:10px 14px;font-size:10px;display:grid}.table-row:nth-child(2n){background-color:#0f172a03}.excel-chart-box{background:hsl(var(--bg-secondary));border:1px solid hsl(var(--border-muted));border-radius:12px;flex-direction:column;gap:12px;height:170px;padding:16px;display:flex;box-shadow:0 4px 16px #0f172a03}.chart-title{color:hsl(var(--text-secondary));font-size:10.5px;font-weight:700}.chart-canvas{border-left:2px solid hsl(var(--border-muted));border-bottom:2px solid hsl(var(--border-muted));flex:1;justify-content:space-around;align-items:flex-end;gap:20px;padding-top:8px;display:flex}.chart-bar{background:linear-gradient(180deg, hsl(var(--accent-blue)) 0%, hsl(var(--accent-indigo)) 100%);border-top-left-radius:5px;border-top-right-radius:5px;width:36px;height:0%;transition:height 1s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 12px #2563eb26}.chart-bar-green{background:linear-gradient(180deg, hsl(var(--accent-emerald)) 0%, #10b981 100%);box-shadow:0 4px 12px #05966926}.chasm-container{grid-template-columns:1fr 1fr;gap:36px;margin-top:54px;display:grid}.chasm-card{background:hsl(var(--bg-secondary));border:1px solid hsl(var(--border-muted));box-shadow:var(--soft-shadow);border-radius:20px;flex-direction:column;gap:20px;padding:36px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.chasm-card:hover{border-color:hsl(var(--text-tertiary));box-shadow:var(--deep-shadow);transform:translateY(-4px)}.chasm-card.pain-card{border-top:4px solid #ef4444}.chasm-card.gain-card{border-top:4px solid hsl(var(--accent-emerald))}.chasm-card-header{align-items:center;gap:14px;display:flex}.chasm-icon{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.pain-card .chasm-icon{color:#ef4444;background:#fee2e2}.gain-card .chasm-icon{color:hsl(var(--accent-emerald));background:#05966914}.chasm-list{flex-direction:column;gap:16px;margin-top:14px;list-style:none;display:flex}.chasm-list li{color:hsl(var(--text-secondary));align-items:flex-start;gap:12px;font-size:15px;font-weight:500;line-height:1.5;display:flex}.chasm-list li:before{content:"→";color:hsl(var(--text-tertiary));font-weight:700}.pain-card .chasm-list li:before{color:#ef4444}.gain-card .chasm-list li:before{color:hsl(var(--accent-emerald))}.bento-grid{grid-template-rows:auto auto;grid-template-columns:1.25fr 1fr;gap:32px;margin-top:54px;display:grid}.bento-card{background:hsl(var(--bg-secondary));border:1px solid hsl(var(--border-muted));box-shadow:var(--soft-shadow);border-radius:20px;flex-direction:column;gap:20px;padding:36px;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.bento-card:hover{border-color:hsl(var(--accent-blue));box-shadow:var(--deep-shadow);transform:translateY(-4px)scale(1.005)}.bento-wide{grid-column:span 2;grid-template-columns:1.2fr .8fr;align-items:center;gap:36px;display:grid}.bento-visual{background:hsl(var(--bg-tertiary));border:1px solid hsl(var(--border-muted));border-radius:14px;justify-content:center;align-items:center;width:100%;height:220px;display:flex;position:relative;overflow:hidden}.local-mesh-graphic{background:radial-gradient(circle,#2563eb0d 0%,#0000 85%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.mesh-node{background:hsl(var(--bg-secondary));border:2px solid hsl(var(--accent-blue));z-index:2;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:14px;font-weight:700;display:flex;position:absolute;box-shadow:0 4px 12px #0f172a14}.mesh-node-left{border-color:hsl(var(--accent-indigo));transform:translate(-110px)}.mesh-node-right{border-color:hsl(var(--accent-emerald));transform:translate(110px)}.mesh-line{background:linear-gradient(90deg, hsl(var(--accent-indigo)) 0%, hsl(var(--accent-emerald)) 100%);z-index:1;width:220px;height:2px;position:absolute}.csharp-code-display{color:#1e293b;border:1px solid hsl(var(--border-muted));width:100%;box-shadow:var(--inset-shadow);background:#f8fafc;border-radius:10px;padding:20px;font-family:Fira Code,monospace;font-size:11.5px}.csharp-code-display span.keyword{color:#d97706;font-weight:600}.csharp-code-display span.type{color:#059669;font-weight:600}.csharp-code-display span.method{color:#2563eb}.csharp-code-display span.string{color:#4f46e5}.sandbox-workspace{background:hsl(var(--bg-secondary));border:1px solid hsl(var(--border-muted));box-shadow:var(--soft-shadow);border-radius:24px;flex-direction:column;gap:32px;padding:40px;display:flex}.sandbox-instructions{text-align:center;flex-direction:column;gap:10px;max-width:650px;margin:0 auto;display:flex}.sandbox-quick-clicks{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin:8px 0;display:flex}.sandbox-btn-option{background:hsl(var(--bg-secondary));color:hsl(var(--text-secondary));border:1px solid hsl(var(--border-muted));cursor:pointer;border-radius:100px;padding:10px 22px;font-size:13.5px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #0f172a03}.sandbox-btn-option:hover,.sandbox-btn-option.active{color:hsl(var(--accent-blue));border-color:hsl(var(--accent-blue));background:#2563eb0d;box-shadow:0 4px 14px #2563eb14}.sandbox-btn-option.active{color:hsl(var(--accent-emerald));border-color:hsl(var(--accent-emerald));background:#0596690d;box-shadow:0 4px 14px #05966914}.sandbox-builder-grid{grid-template-columns:1.2fr 1.8fr;gap:32px;height:420px;display:grid}.sandbox-controls{border:1px solid hsl(var(--border-muted));box-shadow:var(--inset-shadow);background:#fcfdfd;border-radius:16px;flex-direction:column;justify-content:space-between;padding:24px;display:flex}.sandbox-prompt-box{flex-direction:column;gap:12px;display:flex}.sandbox-prompt-box label{color:hsl(var(--text-tertiary));text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:700}.sandbox-textarea{background:hsl(var(--bg-secondary));border:1px solid hsl(var(--border-muted));color:hsl(var(--text-primary));resize:none;height:130px;box-shadow:var(--inset-shadow);border-radius:12px;outline:none;padding:16px;font-size:14.5px;line-height:1.5;transition:all .3s}.sandbox-textarea:focus{border-color:hsl(var(--accent-blue));box-shadow:0 0 0 3px #2563eb1a}.sandbox-data-source-info{flex-direction:column;gap:10px;display:flex}.sandbox-source-title{color:hsl(var(--text-tertiary));text-transform:uppercase;letter-spacing:.07em;font-size:10.5px;font-weight:700}.sandbox-source-card{background:hsl(var(--bg-secondary));border:1px solid hsl(var(--border-muted));border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex;box-shadow:0 4px 12px #0f172a03}.sandbox-source-meta{flex-direction:column;gap:6px;display:flex}.sandbox-source-name{font-size:13.5px;font-weight:700}.sandbox-source-details{color:hsl(var(--text-tertiary));font-size:11px}.sandbox-source-tag{color:hsl(var(--accent-emerald));background:#05966914;border:1px solid #0596691f;border-radius:6px;padding:4px 8px;font-size:9.5px;font-weight:700}.sandbox-output-viewport{background:hsl(var(--bg-secondary));border:1px solid hsl(var(--border-muted));box-shadow:var(--soft-shadow);border-radius:16px;flex-direction:column;padding:24px;display:flex;overflow:hidden}.sandbox-loading-state{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;display:none}.spinner{border:3px solid hsl(var(--border-muted));border-top-color:hsl(var(--accent-blue));border-radius:50%;width:44px;height:44px;animation:1s linear infinite spin}.sandbox-interactive-excel{flex-direction:column;flex:1;justify-content:space-between;display:flex}.sandbox-sheet-tabs{border-top:1px solid hsl(var(--border-muted));gap:8px;padding-top:14px;display:flex}.sandbox-sheet-tab{background:hsl(var(--bg-tertiary));color:hsl(var(--text-secondary));border:1px solid #0000;border-radius:6px;padding:5px 12px;font-size:10.5px;font-weight:700}.sandbox-sheet-tab.active{background:hsl(var(--bg-secondary));color:hsl(var(--text-primary));border-color:hsl(var(--border-muted))}.pricing-header{text-align:center;flex-direction:column;gap:14px;max-width:650px;margin:0 auto 54px;display:flex}.pricing-grid{grid-template-columns:repeat(2,1fr);gap:36px;max-width:960px;margin:0 auto;display:grid}.pricing-card{background:hsl(var(--bg-secondary));border:1px solid hsl(var(--border-muted));box-shadow:var(--soft-shadow);border-radius:24px;flex-direction:column;justify-content:space-between;gap:36px;padding:44px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.pricing-card:hover{border-color:hsl(var(--accent-blue));box-shadow:var(--deep-shadow);transform:translateY(-4px)}.pricing-card.premium-card{border-color:hsl(var(--accent-emerald));box-shadow:0 16px 36px #0596690a}.pricing-card.premium-card:before{content:"POPULAR";background:linear-gradient(135deg, hsl(var(--accent-emerald)) 0%, #10b981 100%);color:#fff;padding:4px 30px;font-size:9.5px;font-weight:800;position:absolute;top:22px;right:-28px;transform:rotate(45deg)}.pricing-meta{flex-direction:column;gap:14px;display:flex}.pricing-name{letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--accent-blue));font-size:16px;font-weight:700}.pricing-price{color:hsl(var(--text-primary));font-family:Outfit,sans-serif;font-size:52px;font-weight:900}.pricing-price span{color:hsl(var(--text-tertiary));font-size:17px;font-weight:600}.pricing-desc{font-size:15px;line-height:1.5}.pricing-bullets{flex-direction:column;gap:18px;list-style:none;display:flex}.pricing-bullets li{color:hsl(var(--text-secondary));align-items:center;gap:14px;font-size:14.5px;font-weight:500;display:flex}.pricing-bullets li:before{content:"✓";color:hsl(var(--accent-emerald));font-weight:900}.cta-banner{background:radial-gradient(circle at 50% -50%, #2563eb0f 0%, transparent 80%), hsl(var(--bg-secondary));border:1px solid hsl(var(--border-muted));text-align:center;box-shadow:var(--soft-shadow);border-radius:28px;flex-direction:column;align-items:center;gap:28px;padding:72px 36px;display:flex}.cta-banner h2{max-width:650px}.cta-banner p{max-width:550px}footer{width:100%;max-width:var(--container-width);border-top:1px solid hsl(var(--border-muted));justify-content:space-between;align-items:center;margin:0 auto;padding:44px 24px;display:flex}.footer-logo{letter-spacing:-.02em;color:hsl(var(--text-tertiary));font-family:Outfit,sans-serif;font-size:22px;font-weight:900}.footer-copy{color:hsl(var(--text-tertiary));font-size:13.5px;font-weight:500}@keyframes shine{0%{left:-150%}50%{left:150%}to{left:150%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes compilePulse{0%{background-color:#05966900}50%{background-color:#0596691f}to{background-color:#05966900}}@keyframes logoPulse{0%,to{opacity:1;filter:drop-shadow(0 0 2px #05966966);transform:scale(1)}50%{opacity:.85;filter:drop-shadow(0 0 5px #059669b3);transform:scale(1.08)}}@media (width<=1024px){h1{font-size:52px}h2{font-size:38px}.hero-interactive-demo{grid-template-columns:1fr;height:auto}.demo-console{height:260px}.demo-excel{height:420px}.chasm-container,.bento-grid,.bento-wide{grid-template-columns:1fr}.sandbox-builder-grid{grid-template-columns:1fr;height:auto}.sandbox-output-viewport{height:400px}.pricing-grid{grid-template-columns:1fr;max-width:500px}}
