.landing-container{background-color:var(--color-bg,#fafbfc);min-height:100vh;color:var(--color-text-primary,#0f172a);font-family:var(--font-sans);background-image:radial-gradient(circle at 15%,#2563eb0d 0%,#0000 50%),radial-gradient(circle at 85% 30%,#0ea5e90d 0%,#0000 50%);overflow-x:hidden}.landing-navbar{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:1.5rem 5%;display:flex}.landing-brand{letter-spacing:-.02em;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;display:flex}.landing-brand span{color:var(--color-primary)}.brand-icon{width:24px;height:24px;color:var(--color-primary)}.landing-hero{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1400px;min-height:calc(100vh - 90px);margin:0 auto;padding:4rem 5% 6rem;display:grid}@media (max-width:968px){.landing-hero{text-align:center;grid-template-columns:1fr;padding-top:2rem}}.hero-content{z-index:10;flex-direction:column;gap:1.5rem;display:flex}@media (max-width:968px){.hero-content{align-items:center}}.hero-badge{background:var(--color-primary-light,#dbeafe);border:1px solid var(--color-primary-subtle,#eff6ff);color:var(--color-primary,#2563eb);border-radius:999px;width:fit-content;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-block;box-shadow:0 4px 14px #2563eb1a}.hero-title{letter-spacing:-.03em;color:var(--color-text-primary,#0f172a);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;line-height:1.1}.hero-title span{background:linear-gradient(135deg,#2563eb 0%,#0ea5e9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--color-text-secondary,#475569);max-width:600px;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.6}.hero-actions{gap:1rem;margin-top:1rem;display:flex}@media (max-width:480px){.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%}}.hero-actions .btn-secondary{background:var(--color-surface,#fff);color:var(--color-text-primary,#0f172a);border:1px solid var(--color-border,#e2e8f0)}.hero-actions .btn-secondary:hover{background:var(--color-surface-hover,#f8fafc);border-color:var(--color-text-tertiary,#94a3b8)}.hero-illustration{perspective:1000px;width:100%;height:400px;position:relative}.glass-card{-webkit-backdrop-filter:blur(16px);background:#fffc;border:1px solid #ffffff80;border-radius:16px;box-shadow:0 20px 40px -10px #0000001a}.main-chart{width:90%;height:80%;padding:1.5rem;transition:transform .5s;position:absolute;top:10%;right:5%;transform:rotateY(-15deg)rotateX(5deg)}.main-chart:hover{transform:rotateY(-5deg)rotateX(2deg)}.chart-header{border-bottom:1px solid var(--color-border-light,#f1f5f9);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.chart-header .dots{gap:6px;display:flex}.chart-header .dots span{background:#cbd5e1;border-radius:50%;width:10px;height:10px}.chart-header .dots span:first-child{background:#ef4444}.chart-header .dots span:nth-child(2){background:#f59e0b}.chart-header .dots span:nth-child(3){background:#10b981}.chart-title{color:var(--color-text-secondary,#475569);font-size:.875rem;font-weight:500}.chart-body{width:100%;height:calc(100% - 40px)}.small-card{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);align-items:center;gap:1rem;padding:1rem;display:flex;position:absolute}.small-card svg{width:32px;height:32px;color:var(--color-primary,#2563eb)}.sc-title{color:var(--color-text-secondary,#475569);margin-bottom:.25rem;font-size:.75rem}.sc-value{font-size:1.125rem;font-weight:700}.sc-value.positive{color:var(--color-success,#10b981)}.sc-value.safe{color:var(--color-primary,#2563eb)}.ai-card{bottom:0;left:0;transform:translateZ(50px)}.risk-card{top:5%;right:-5%;transform:translateZ(80px)}@keyframes float{0%{transform:translateY(0)translateZ(50px)}50%{transform:translateY(-10px)translateZ(50px)}to{transform:translateY(0)translateZ(50px)}}@keyframes floatDelayed{0%{transform:translateY(0)translateZ(80px)}50%{transform:translateY(10px)translateZ(80px)}to{transform:translateY(0)translateZ(80px)}}@keyframes pulseOp{0%{opacity:.5;r:4}50%{opacity:1;r:8;box-shadow:0 0 20px #0ea5e966}to{opacity:.5;r:4}}.float-anim{animation:4s ease-in-out infinite float}.float-anim-delayed{animation:5s ease-in-out 1s infinite floatDelayed}.pulse{animation:2s ease-in-out infinite pulseOp}.landing-features{max-width:1400px;margin:0 auto;padding:6rem 5%}.section-title{text-align:center;color:var(--color-text-primary,#0f172a);margin-bottom:1rem;font-size:2.5rem;font-weight:800}.section-subtitle{text-align:center;color:var(--color-text-secondary,#475569);max-width:600px;margin:0 auto 4rem;font-size:1.125rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.feature-card{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);box-shadow:var(--shadow-sm);border-radius:16px;padding:2rem;transition:all .3s}.feature-card:hover{background:var(--color-surface-hover,#f8fafc);border-color:var(--color-primary-light,#dbeafe);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.feature-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1.5rem;display:flex}.feature-icon svg{width:28px;height:28px}.icon-blue{color:#2563eb;background:#3b82f61a}.icon-purple{color:#9333ea;background:#a855f71a}.icon-green{color:#059669;background:#10b9811a}.icon-orange{color:#ea580c;background:#f973161a}.feature-title{color:var(--color-text-primary,#0f172a);margin-bottom:1rem;font-size:1.25rem;font-weight:700}.feature-desc{color:var(--color-text-secondary,#475569);font-size:.9375rem;line-height:1.6}.landing-footer{border-top:1px solid var(--color-border,#e2e8f0);background-color:var(--color-surface,#fff);margin-top:4rem;padding:2rem 5%}.footer-content{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}@media (max-width:640px){.footer-content{text-align:center;flex-direction:column;gap:1rem}}.footer-brand{color:var(--color-text-primary,#0f172a);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;display:flex}.footer-brand span{color:var(--color-primary,#2563eb)}.footer-text{color:var(--color-text-tertiary,#94a3b8);font-size:.875rem}
