.landing-layout{background-color:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-inter), sans-serif;position:relative;overflow-x:hidden}.landing-layout:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 0,#000 0%,#0000 70%);mask-image:radial-gradient(at 50% 0,#000 0%,#0000 70%)}.landing-nav{-webkit-backdrop-filter:blur(16px);z-index:100;background:#05050580;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;width:100%;height:72px;padding:0 48px;display:flex;position:fixed;top:0}.landing-brand{font-family:var(--font-mono);letter-spacing:-.02em;text-transform:uppercase;align-items:center;gap:12px;font-size:18px;font-weight:700;display:flex}.landing-nav-links{gap:32px;display:flex}.landing-nav-links a{color:var(--text-soft);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:600;transition:color .2s}.landing-nav-links a:hover{color:var(--text)}.landing-nav-actions{align-items:center;gap:16px;display:flex}.hero-section{z-index:2;align-items:center;max-width:1400px;min-height:100vh;margin:0 auto;padding:160px 48px 80px;display:flex;position:relative}.hero-content{z-index:2;flex:1;max-width:650px}.hero-title{letter-spacing:-.03em;margin-bottom:24px;font-size:64px;font-weight:800;line-height:1.05}.text-gradient{background:linear-gradient(135deg, var(--success) 0%, var(--brand) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-soft);max-width:550px;margin-bottom:40px;font-size:18px;line-height:1.6}.hero-actions{align-items:center;gap:16px;margin-bottom:64px;display:flex}.btn-glow{background-color:var(--brand);color:#fff;border:none;transition:all .3s;box-shadow:0 0 20px #06f6,inset 0 0 10px #fff3}.btn-glow:hover{transform:translateY(-2px);box-shadow:0 0 30px #06f9,inset 0 0 10px #fff6}.hero-stats{border-top:1px solid var(--stroke);gap:48px;padding-top:40px;display:flex}.stat-item{flex-direction:column;gap:8px;display:flex}.stat-value{font-family:var(--font-mono);color:var(--text);letter-spacing:-.02em;font-size:32px;font-weight:700}.stat-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:600}.hero-visual{flex:1;justify-content:center;align-items:center;height:600px;display:flex;position:relative}.model-container{pointer-events:auto;width:130%;height:130%;position:absolute;top:-15%;right:-15%}.features-section{z-index:2;max-width:1400px;margin:0 auto;padding:120px 48px;position:relative}.section-header{text-align:center;margin-bottom:80px}.section-title{letter-spacing:-.02em;margin-bottom:16px;font-size:36px;font-weight:700}.section-subtitle{color:var(--text-soft);max-width:600px;margin:0 auto;font-size:18px}.features-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.landing-feature-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--stroke);border-radius:var(--radius-lg);background-color:#0a0a0c99;padding:40px 32px;transition:all .3s;position:relative;overflow:hidden}.landing-feature-card:before{content:"";background:linear-gradient(90deg, transparent, var(--success), transparent);opacity:0;height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.landing-feature-card:hover{border-color:var(--stroke-active);transform:translateY(-4px);box-shadow:0 20px 40px #0006}.landing-feature-card:hover:before{opacity:.5}.landing-feature-icon{background-color:var(--bg-panel);border:1px solid var(--stroke);border-radius:var(--radius-md);width:56px;height:56px;color:var(--success);justify-content:center;align-items:center;margin-bottom:24px;display:flex;box-shadow:inset 0 0 20px #00e5ff0d}.landing-feature-title{letter-spacing:-.01em;margin-bottom:16px;font-size:20px;font-weight:600}.landing-feature-desc{color:var(--text-soft);font-size:15px;line-height:1.6}.cta-section{text-align:center;z-index:2;border-top:1px solid var(--stroke);background:linear-gradient(#0000,#0066ff0d);padding:120px 48px;position:relative}.cta-title{letter-spacing:-.02em;margin-bottom:24px;font-size:40px;font-weight:800}.cta-actions{justify-content:center;gap:16px;margin-top:40px;display:flex}@keyframes pulse-slow{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.roi-section{z-index:2;border-top:1px solid var(--stroke);max-width:1400px;margin:0 auto;padding:120px 48px;position:relative}.roi-calculator{background-color:var(--bg-surface);border:1px solid var(--stroke);border-radius:var(--radius-lg);max-width:1000px;margin:0 auto;overflow:hidden;box-shadow:0 20px 40px #0006}.roi-header{border-bottom:1px solid var(--stroke);background:linear-gradient(90deg,#0066ff0d,#0000);padding:32px}.roi-title{letter-spacing:-.01em;margin-bottom:8px;font-size:24px;font-weight:700}.roi-body{padding:32px}.roi-controls{grid-template-columns:1fr 2fr;gap:32px;margin-bottom:40px;display:grid}.control-group{flex-direction:column;gap:12px;display:flex}.control-label{color:var(--text-soft);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:600}.control-value{font-family:var(--font-mono);color:var(--text);font-size:24px;font-weight:700}.control-value-sm{font-family:var(--font-mono);color:var(--brand);font-size:14px}.roi-slider{-webkit-appearance:none;background:var(--bg-panel);border-radius:3px;outline:none;width:100%;height:6px}.roi-slider::-webkit-slider-thumb{appearance:none;background:var(--brand);cursor:pointer;border-radius:50%;width:20px;height:20px;box-shadow:0 0 10px #0066ff80}.roi-results{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:48px;display:grid}.roi-stat-box{background-color:var(--bg-panel);border:1px solid var(--stroke);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:20px;display:flex}.roi-stat-label{color:var(--text-soft);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.roi-stat-value{font-family:var(--font-mono);font-size:28px;font-weight:700}.roi-chart-container{border-bottom:1px solid var(--stroke);height:200px;padding-bottom:20px;position:relative}.roi-chart{align-items:flex-end;gap:4px;height:100%;display:flex}.roi-bar-wrapper{justify-content:center;align-items:flex-end;height:100%;display:flex;position:relative}.roi-bar{background:linear-gradient(to top, var(--brand-dim), var(--brand));opacity:.8;border-radius:2px 2px 0 0;width:100%;transition:height .3s}.roi-bar-label{font-family:var(--font-mono);color:var(--text-faint);font-size:10px;position:absolute;bottom:-24px}.preview-section{z-index:2;max-width:1400px;margin:0 auto;padding:80px 48px 120px;position:relative}.mockup-window{background-color:var(--bg-surface);border:1px solid var(--stroke);border-radius:12px;position:relative;overflow:hidden;box-shadow:0 30px 60px #0009,0 0 40px #0066ff1a}.mockup-header{background-color:var(--bg-panel);border-bottom:1px solid var(--stroke);align-items:center;gap:8px;height:40px;padding:0 16px;display:flex}.mockup-dot{background-color:var(--stroke);border-radius:50%;width:12px;height:12px}.mockup-dot:first-child{background-color:#ff5f56}.mockup-dot:nth-child(2){background-color:#ffbd2e}.mockup-dot:nth-child(3){background-color:#27c93f}.mockup-body{background-image:url(/mockup-placeholder.jpg);background-position:50%;background-size:cover;height:600px;display:flex;position:relative}.mockup-sidebar{border-right:1px solid var(--stroke);background-color:var(--bg-surface);width:200px;padding:20px}.mockup-content{background-color:var(--bg);flex-direction:column;flex:1;gap:20px;padding:32px;display:flex}.fake-line{background-color:var(--bg-panel);border-radius:4px;height:12px;margin-bottom:12px}.fake-box{background-color:var(--bg-surface);border:1px solid var(--stroke);border-radius:8px;flex:1}.fake-grid{grid-template-columns:repeat(4,1fr);gap:16px;height:100px;margin-bottom:20px;display:grid}@media (max-width:1024px){.hero-section{text-align:center;flex-direction:column;padding-top:140px}.hero-content{max-width:100%;margin:0 auto}.hero-subtitle{margin:0 auto 40px}.hero-actions,.hero-stats{justify-content:center}.hero-visual{width:100%;margin-top:64px}.model-container{width:100%;position:relative;top:0;right:0}.features-grid{grid-template-columns:1fr}.landing-nav{padding:0 24px}.landing-nav-links{display:none}}