.root{box-sizing:border-box}:root{--bg: #2f3338;--text: #f3efe8;--muted: rgba(243,239,232,.72);--nav-bg: rgba(250, 250, 250, .95);--nav-border: rgba(183,139,52,.12);--accent: #16a34a;--card: rgba(255, 255, 255, .116);--container-w: 1100px;--grain-texture: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='t'><feTurbulence baseFrequency='0.9' numOctaves='2' seed='5' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23t)' fill='%23000000' opacity='0.06'/></svg>");--bg-image: var(--grain-texture)}*{box-sizing:border-box}body{font-family:Inter,system-ui,Arial,sans-serif;margin:0;background-color:var(--bg);background-image:var(--bg-image);background-repeat:repeat;background-size:auto 100px;color:var(--text)}.container{max-width:var(--container-w);margin:0 auto;padding:2rem}.nav{background:var(--nav-bg);padding:.75rem 0;border-bottom:2px solid var(--nav-border);box-shadow:0 8px 20px #0b0c0a0a}.nav-inner{display:flex;align-items:center;justify-content:space-between}.brand{font-weight:700;font-size:2rem;color:#131212;font-family:Playfair Display,serif}.nav-links a{margin-right:1rem;color:var(--text);text-decoration:none}.btn{padding:.6rem 1rem;border-radius:10px;border:0;cursor:pointer;transition:all .18s ease}.btn-primary{background:var(--accent);color:#fff;border-radius:10px;box-shadow:0 6px 18px #10a3521f}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #10a35224}.btn-ghost,.btn-outline{background:transparent;border:1px solid rgba(0,0,0,.06)}.hero{display:flex;gap:3rem;align-items:center;padding:6rem 0}.hero-left{flex:1;padding-right:1rem}.hero-right{flex:1;display:flex;align-items:center;justify-content:center}.hero-title{font-size:2.25rem;line-height:1.05;margin:0}.subtitle{color:var(--muted);margin-top:.6rem;font-size:1.05rem}.lead{color:var(--muted);font-size:1.03rem}.cta{display:flex;gap:.5rem;margin-top:1rem}.cta input{padding:.8rem;border-radius:10px;border:1px solid rgba(0,0,0,.08);flex:1}.btn.large{padding:14px 20px;font-size:1rem}.mock{width:420px;height:280px;background:linear-gradient(135deg,#ffffff08,#ffffff03);display:flex;align-items:center;justify-content:center;border-radius:12px;color:var(--text);border:1px solid rgba(255,255,255,.04)}.charts{display:flex;flex-direction:column;gap:14px;width:420px}.chart-row{display:flex;gap:14px}.chart{width:100%;height:160px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(255,255,255,.04);background:linear-gradient(180deg,#ffffff05,#ffffff03);box-shadow:0 8px 24px #0000003d}.chart.card{padding:10px}.bar-chart{height:120px}.donut-chart{width:120px;height:120px;display:flex;align-items:center;justify-content:center}.line-chart{height:140px}.info{padding:4rem 0}.info-head{max-width:900px;margin:0 auto;text-align:center;font-size:1.4rem}.model-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-top:2rem}.model-card{background:var(--card);padding:1.25rem;border-radius:12px;border:1px solid rgb(255,255,255);transition:transform .18s ease,box-shadow .18s ease}.model-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0b12200f}.footer{padding:2.5rem 0;color:#000;background-color:#ffffffbd;border-top:1px solid rgba(255,255,255,.04);font-size:.95rem}#contact{padding:4.5rem 0;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}#contact h2{font-size:2rem;margin:0 0 .75rem;color:var(--text)}#contact p{font-size:1.05rem;color:var(--muted);max-width:720px}#contact a{color:var(--text);text-decoration:underline}.hero,.info,#contact{border-bottom:1px solid rgba(255,255,255,.04)}@media (max-width:800px){.hero{flex-direction:column}.nav-links{display:none}}
