:root{--color-bg: #ffffff;--color-bg-alt: #f0f9ff;--color-surface: #f1f5f9;--color-border: #cbd5e1;--color-text: #0f172a;--color-text-muted: #475569;--color-accent: #0284c7;--color-accent-hover: #0369a1;--color-success: #22c55e;--color-warning: #ca8a04;--font-sans: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: 8px;--radius-lg: 12px;--shadow: 0 4px 24px rgba(2, 132, 199, .12)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--color-text);background:var(--color-bg)}.container{max-width:960px;margin:0 auto;padding:0 1.5rem}.header{position:sticky;top:0;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.header .container{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;padding-bottom:1rem}.logo{font-weight:700;font-size:1.25rem;color:var(--color-text);text-decoration:none}.nav{display:flex;gap:1.5rem}.nav a{color:var(--color-text-muted);text-decoration:none;font-weight:500;transition:color .2s}.nav a:hover{color:var(--color-accent)}.hero{padding:4rem 0;text-align:center}.hero h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin:0 0 1rem;letter-spacing:-.02em}.hero-subtitle{font-size:1.125rem;color:var(--color-text-muted);max-width:560px;margin:0 auto}.section{padding:3rem 0}.section-alt{background:var(--color-bg-alt)}.section h2{font-size:1.75rem;font-weight:600;margin:0 0 1rem}.lead{font-size:1.0625rem;color:var(--color-text-muted);margin:0 0 1.5rem}.problem-list{list-style:none;padding:0;margin:0}.problem-list li{padding:.75rem 0 .75rem 1.5rem;position:relative;border-bottom:1px solid var(--color-border)}.problem-list li:last-child{border-bottom:none}.problem-list li:before{content:"→";position:absolute;left:0;color:var(--color-accent);font-weight:600}.value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:2rem}.value-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;transition:border-color .2s,transform .2s}.value-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.value-icon{font-size:1.5rem;display:block;margin-bottom:.75rem}.value-card h3{font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.value-card p{font-size:.9375rem;color:var(--color-text-muted);margin:0}.demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem}@media(max-width:768px){.demo-layout{grid-template-columns:1fr}}.demo-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem}.demo-panel h3{font-size:1rem;font-weight:600;margin:0 0 1rem}.code-block{font-family:var(--font-mono);font-size:.8125rem;line-height:1.5;background:#e2e8f080;border-radius:var(--radius);padding:1rem;overflow-x:auto;margin:0 0 1rem;color:var(--color-text-muted);white-space:pre-wrap;word-break:break-word}.demo-actions{display:flex;gap:.75rem}.btn{font-family:var(--font-sans);font-size:.9375rem;font-weight:500;padding:.625rem 1.25rem;border:none;border-radius:var(--radius);cursor:pointer;transition:background .2s,transform .1s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover)}.btn-secondary{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface);color:var(--color-text)}.btn-full{width:100%}.insights-output{font-size:.9375rem;line-height:1.6}.insights-output .placeholder{color:var(--color-text-muted);font-style:italic}.insight-item{padding:.5rem 0;border-bottom:1px solid var(--color-border)}.insight-item:last-child{border-bottom:none}.insight-item strong{color:var(--color-accent)}.recommendation{margin-top:.5rem;padding-left:1rem;border-left:3px solid var(--color-accent);color:var(--color-text-muted)}.report-section{margin-top:2rem}.report-section h3{font-size:1rem;font-weight:600;margin:0 0 1rem}.report-output{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;font-size:.9375rem;line-height:1.7}.report-output .placeholder{color:var(--color-text-muted);font-style:italic}.report-output h4{font-size:1rem;margin:1rem 0 .5rem}.report-output h4:first-child{margin-top:0}.report-output p{margin:0 0 .75rem}.report-output ul{margin:0 0 .75rem;padding-left:1.25rem}.disclaimer{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.disclaimer h3{font-size:1rem;font-weight:600;margin:0 0 .75rem;color:var(--color-warning)}.disclaimer p{font-size:.9375rem;color:var(--color-text-muted);margin:0}.contact-form{max-width:480px;margin-top:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:480px){.form-row{grid-template-columns:1fr}}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.375rem}.form-group input,.form-group textarea{width:100%;font-family:var(--font-sans);font-size:1rem;padding:.625rem .875rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);transition:border-color .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent)}.form-group textarea{resize:vertical;min-height:100px}.form-feedback{margin-top:1rem;padding:.75rem 1rem;border-radius:var(--radius);font-size:.9375rem}.form-feedback.success{background:#22c55e26;color:var(--color-success);border:1px solid rgba(34,197,94,.3)}.form-feedback.hidden{display:none}.footer{padding:2rem 0;border-top:1px solid var(--color-border)}.footer p{margin:0;font-size:.875rem;color:var(--color-text-muted);text-align:center}