.lead-page{--li-bg:#fff;--li-surface:#f8fafc;--li-surface-2:#f1f5f9;--li-border:#e2e8f0;--li-border-strong:#cbd5e1;--li-text:#0f172a;--li-text-secondary:#334155;--li-muted:#64748b;--li-subtle:#94a3b8;--li-primary:#2563eb;--li-primary-light:#4f7cff;background:var(--li-bg);color:var(--li-text);min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.lead-page *,.lead-page :before,.lead-page :after{box-sizing:border-box}.lead-page img{max-width:100%;display:block}.lead-page h1,.lead-page h2,.lead-page h3,.lead-page h4,.lead-page h5,.lead-page h6,.lead-page p,.lead-page ul{margin-top:0}.lead-page h1,.lead-page h2,.lead-page h3,.lead-page h4,.lead-page h5,.lead-page h6{color:var(--li-text)}.lead-page p{color:var(--li-muted)}.lead-page section{width:min(1280px,92%);margin:0 auto}.lead-page .li-hero{grid-template-columns:1fr 1fr;align-items:center;gap:72px;min-height:88vh;padding:80px 0;display:grid}.lead-page .li-hero-left{max-width:620px}.lead-page .eyebrow{color:var(--li-primary);letter-spacing:.18em;text-transform:uppercase;margin-bottom:20px;font-size:.72rem;font-weight:700}.lead-page .li-hero h1{color:var(--li-text);letter-spacing:-.055em;margin-bottom:28px;font-size:clamp(3.5rem,5vw,5rem);font-weight:700;line-height:.95}.lead-page .li-hero h1 span{color:var(--li-primary);display:block}.lead-page .li-hero-text{color:var(--li-muted);margin-bottom:36px;font-size:1.15rem;line-height:1.8}.lead-page .li-hero-buttons{flex-wrap:wrap;gap:12px;margin-bottom:36px;display:flex}.lead-page .primary,.lead-page .secondary{border-radius:8px;justify-content:center;align-items:center;padding:13px 22px;font-size:.85rem;font-weight:650;text-decoration:none;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.lead-page .primary{background:var(--li-primary);color:#fff;box-shadow:0 10px 25px #2563eb29}.lead-page .primary:hover{background:#1d4ed8;transform:translateY(-2px)}.lead-page .secondary{border:1px solid var(--li-border-strong);color:var(--li-text);background:#fff}.lead-page .secondary:hover{background:var(--li-surface);border-color:#94a3b8;transform:translateY(-2px)}.lead-page .li-stack{flex-wrap:wrap;gap:8px;display:flex}.lead-page .li-stack span{border:1px solid var(--li-border);background:var(--li-surface);color:var(--li-text-secondary);border-radius:999px;padding:7px 13px;font-size:.78rem}.lead-page .li-hero-right{justify-content:center;display:flex}.lead-page .li-browser{border:1px solid var(--li-border);background:#fff;border-radius:18px;width:100%;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 30px 70px #0f172a1a}.lead-page .li-browser:hover{transform:translateY(-5px);box-shadow:0 40px 80px #0f172a24}.lead-page .li-browser-top{border-bottom:1px solid var(--li-border);background:#f8fafc;align-items:center;gap:8px;padding:13px 16px;display:flex}.lead-page .li-browser-top p{color:#64748b;margin:0 0 0 12px;font-size:.8rem}.lead-page .red,.lead-page .yellow,.lead-page .green{border-radius:50%;width:10px;height:10px}.lead-page .red{background:#ff5f57}.lead-page .yellow{background:#febc2e}.lead-page .green{background:#28c840}.lead-page .li-workflow-image{width:100%;height:auto}.lead-page .stats{grid-template-columns:repeat(4,1fr);gap:18px;margin:20px auto 90px;display:grid}.lead-page .stat{border:1px solid var(--li-border);background:#fff;border-radius:18px;padding:32px;transition:transform .25s,box-shadow .25s;box-shadow:0 8px 25px #0f172a0a}.lead-page .stat:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0f172a14}.lead-page .stat h2{color:var(--li-primary);margin-bottom:8px;font-size:2.5rem;font-weight:650;line-height:1}.lead-page .stat p{color:var(--li-muted);margin:0;font-size:.9rem;line-height:1.6}.lead-page .problem{grid-template-columns:1fr 1fr;gap:24px;padding-bottom:100px;display:grid}.lead-page .card{border:1px solid var(--li-border);background:var(--li-surface);border-radius:22px;padding:48px;box-shadow:0 8px 30px #0f172a09}.lead-page .card h3{color:var(--li-text);letter-spacing:-.045em;margin-bottom:24px;font-size:clamp(2rem,3vw,2.8rem);font-weight:600;line-height:1}.lead-page .card p{color:var(--li-muted);margin-bottom:28px;line-height:1.8}.lead-page .card ul{margin:0;padding:0;list-style:none}.lead-page .card li{color:var(--li-text-secondary);margin:15px 0;padding-left:22px;position:relative}.lead-page .card li:before{content:"•";color:var(--li-primary);position:absolute;left:0}.lead-page .architecture{padding:120px 0}.lead-page .architecture-header{text-align:center;max-width:760px;margin:0 auto 60px}.lead-page .architecture-header h2{color:var(--li-text);letter-spacing:-.05em;margin:16px 0;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:600;line-height:1}.lead-page .architecture-header p{color:var(--li-muted);margin:0;font-size:1.05rem;line-height:1.8}.lead-page .architecture-container{grid-template-columns:1.35fr .65fr;align-items:start;gap:40px;display:grid}.lead-page .architecture-canvas{border:1px solid var(--li-border);background:#f8fafc;border-radius:24px;min-height:700px;padding:40px;position:relative;overflow:hidden}.lead-page .architecture-sidebar{flex-direction:column;gap:14px;display:flex;position:sticky;top:100px}.lead-page .sidebar-card{border:1px solid var(--li-border);background:#fff;border-radius:16px;gap:16px;padding:20px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex}.lead-page .sidebar-card:hover{border-color:#9db7ff;transform:translate(5px);box-shadow:0 10px 25px #0f172a0f}.lead-page .sidebar-card.active{border-color:var(--li-primary);background:#f8faff}.lead-page .step-number{background:var(--li-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:.8rem;font-weight:700;display:flex}.lead-page .sidebar-card h3{color:var(--li-text);margin-bottom:6px;font-size:1rem;font-weight:650}.lead-page .sidebar-card p{color:var(--li-muted);margin:0;font-size:.88rem;line-height:1.65}.lead-page .flow{z-index:2;flex-direction:column;align-items:center;gap:28px;height:100%;display:flex;position:relative}.lead-page .flow-row{justify-content:center;gap:30px;width:100%;display:flex}.lead-page .flow-node{z-index:3;border:1px solid var(--li-border);cursor:pointer;background:#fff;border-radius:16px;align-items:center;gap:15px;min-width:240px;padding:16px 20px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;box-shadow:0 8px 20px #0f172a0a}.lead-page .flow-node:hover{border-color:var(--li-primary);transform:translateY(-5px);box-shadow:0 15px 35px #2563eb1a}.lead-page .flow-node .icon{background:#eef2ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.lead-page .flow-node h4{color:var(--li-text);margin:0;font-size:.95rem;font-weight:650}.lead-page .flow-node span{color:var(--li-muted);margin-top:4px;font-size:.8rem;display:block}.lead-page .flow-lines{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.lead-page .line{fill:none;stroke:#9db7ff;stroke-width:3px;stroke-linecap:round;stroke-dasharray:8 10;animation:18s linear infinite li-flow}@keyframes li-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-220px}}.lead-page .ai-engine{padding:120px 0}.lead-page .ai-header{text-align:center;max-width:760px;margin:0 auto 60px}.lead-page .ai-header h2{color:var(--li-text);letter-spacing:-.05em;margin:16px 0;font-size:clamp(2.5rem,4vw,3.4rem);font-weight:600;line-height:1}.lead-page .ai-header p{color:var(--li-muted);margin:0;font-size:1.05rem;line-height:1.8}.lead-page .ai-grid{grid-template-columns:.9fr 1.1fr;gap:24px;display:grid}.lead-page .lead-card,.lead-page .analysis-card{border:1px solid var(--li-border);background:#fff;border-radius:20px;padding:32px;box-shadow:0 8px 25px #0f172a0a}.lead-page .card-title{color:var(--li-text);margin-bottom:26px;font-size:1.2rem;font-weight:700}.lead-page .field{margin-bottom:20px}.lead-page .field label{color:var(--li-subtle);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:.7rem;font-weight:700;display:block}.lead-page .field span{color:var(--li-text-secondary);font-size:.95rem;line-height:1.7}.lead-page .analysis-top{justify-content:space-between;align-items:flex-start;margin-bottom:30px;display:flex}.lead-page .score-label{color:var(--li-subtle);margin-bottom:5px;font-size:.8rem}.lead-page .score{color:var(--li-text);font-size:3.5rem;font-weight:700;line-height:1}.lead-page .score span{color:var(--li-subtle);font-size:1.2rem}.lead-page .priority{letter-spacing:.08em;border-radius:999px;padding:8px 14px;font-size:.7rem;font-weight:700}.lead-page .priority.high{color:#16a34a;background:#f0fdf4;border:1px solid #86efac}.lead-page .analysis-section{margin-bottom:28px}.lead-page .analysis-section h4{color:var(--li-text);margin-bottom:10px;font-size:1rem}.lead-page .analysis-section p{color:var(--li-muted);line-height:1.8}.lead-page .analysis-section ul{margin:0;padding-left:20px}.lead-page .analysis-section li{color:var(--li-text-secondary);margin:10px 0}.lead-page .confidence{border-top:1px solid var(--li-border);color:var(--li-muted);justify-content:space-between;padding-top:20px;font-size:.9rem;display:flex}.lead-page .confidence strong{color:#16a34a;font-size:1.25rem}.lead-page .tech-stack{padding:120px 0}.lead-page .tech-header{text-align:center;max-width:760px;margin:0 auto 60px}.lead-page .tech-header h2{color:var(--li-text);letter-spacing:-.05em;margin:16px 0;font-size:clamp(2.5rem,4vw,3.4rem);font-weight:600;line-height:1}.lead-page .tech-header p{color:var(--li-muted);margin:0;font-size:1.05rem;line-height:1.8}.lead-page .stack-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.lead-page .tool-card{border:1px solid var(--li-border);background:#fff;border-radius:20px;padding:30px;transition:transform .25s,border-color .25s;box-shadow:0 8px 25px #0f172a0a}.lead-page .tool-card:hover{border-color:#9db7ff;transform:translateY(-5px)}.lead-page .tool-logo{justify-content:flex-start;align-items:center;width:54px;height:54px;margin-bottom:20px;display:flex}.lead-page .tool-logo img{object-fit:contain;width:44px;height:44px}.lead-page .tool-card h3{color:var(--li-text);margin-bottom:6px;font-size:1.05rem}.lead-page .tool-card>span{color:var(--li-subtle);letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;font-size:.72rem;font-weight:700;display:block}.lead-page .tool-card p{color:var(--li-muted);margin:0;line-height:1.75}.lead-page .outcomes{padding:120px 0}.lead-page .outcomes-header{text-align:center;max-width:760px;margin:0 auto 60px}.lead-page .outcomes-header h2{color:var(--li-text);letter-spacing:-.05em;margin:16px 0;font-size:clamp(2.5rem,4vw,3.4rem);font-weight:600;line-height:1}.lead-page .outcomes-header p{color:var(--li-muted);font-size:1.05rem;line-height:1.8}.lead-page .outcomes-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.lead-page .outcome-card{border:1px solid var(--li-border);background:#fff;border-radius:20px;padding:36px;box-shadow:0 8px 25px #0f172a0a}.lead-page .outcome-card h3{color:var(--li-text);margin-bottom:22px;font-size:1.35rem}.lead-page .outcome-card ul{margin:0;padding:0;list-style:none}.lead-page .outcome-card li{border-bottom:1px solid var(--li-border);color:var(--li-text-secondary);padding:13px 0}.lead-page .outcome-card li:last-child{border-bottom:none}.lead-page .project-summary{padding:140px 0}.lead-page .summary-box{border:1px solid var(--li-border);background:var(--li-surface);text-align:center;border-radius:24px;max-width:920px;margin:0 auto;padding:64px}.lead-page .summary-box h2{color:var(--li-text);letter-spacing:-.05em;margin:18px 0;font-size:clamp(2.4rem,4vw,3.5rem);font-weight:600;line-height:1}.lead-page .summary-box p{color:var(--li-muted);margin-bottom:24px;font-size:1.05rem;line-height:1.8}.lead-page .summary-box .summary-intro{color:var(--li-text-secondary)}.lead-page .summary-highlights{grid-template-columns:repeat(4,1fr);gap:16px;margin:50px 0;display:grid}.lead-page .summary-highlights div{border:1px solid var(--li-border);background:#fff;border-radius:16px;padding:22px}.lead-page .summary-highlights strong{color:var(--li-text);margin-bottom:6px;display:block}.lead-page .summary-highlights span{color:var(--li-muted);font-size:.85rem}.lead-page .summary-buttons{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}@media (width<=1100px){.lead-page .li-hero{grid-template-columns:1fr}.lead-page .li-hero-left{max-width:none}.lead-page .stats{grid-template-columns:repeat(2,1fr)}.lead-page .problem,.lead-page .architecture-container{grid-template-columns:1fr}.lead-page .architecture-sidebar{position:relative;top:0}.lead-page .stack-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.lead-page .ai-grid,.lead-page .outcomes-grid{grid-template-columns:1fr}.lead-page .summary-highlights{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.lead-page section{width:calc(100% - 2rem)}.lead-page .li-hero{min-height:auto;padding:60px 0}.lead-page .li-hero h1{font-size:3.2rem}.lead-page .li-hero-text{font-size:1rem}.lead-page .li-hero-buttons{flex-direction:column}.lead-page .primary,.lead-page .secondary{text-align:center;width:100%}.lead-page .stats{grid-template-columns:1fr;margin-bottom:60px}.lead-page .card{padding:30px}.lead-page .card h3{font-size:2rem}.lead-page .architecture,.lead-page .ai-engine,.lead-page .tech-stack,.lead-page .outcomes{padding:80px 0}.lead-page .architecture-canvas{min-height:500px;padding:20px;overflow-x:auto}.lead-page .flow{min-width:600px}.lead-page .flow-row{gap:18px}.lead-page .flow-node{min-width:210px}.lead-page .stack-grid{grid-template-columns:1fr}.lead-page .summary-box{padding:36px 24px}.lead-page .summary-highlights{grid-template-columns:1fr}.lead-page .summary-buttons{flex-direction:column}.lead-page .summary-buttons .primary,.lead-page .summary-buttons .secondary{width:100%}}
