.text-brand{color:#2563eb}.hero{position:relative;overflow:hidden;background:linear-gradient(160deg,#0f172a,#1e293b);min-height:90vh;display:flex}.hero-bg:before{content:"";position:absolute;top:-40%;right:-20%;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.08),transparent 70%)}.hero-bg:after{content:"";position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(212,160,74,.04),transparent 70%)}.hero-body{max-width:560px}.hero-badge{display:inline-flex;padding:6px 16px;background:#2563eb1f;border:1px solid rgba(37,99,235,.25);border-radius:6px;font-size:13px;color:#93c5fd;margin-bottom:20px}.hero-title{color:#fff;font-size:clamp(36px,5vw,56px);font-weight:700;line-height:1.1;letter-spacing:-.5px}.hero-sub{font-size:clamp(16px,1.5vw,19px);color:#ffffff80;margin-top:20px;line-height:1.6}.hero-actions{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}.btn-outline-white{background:transparent;border:1.5px solid rgba(255,255,255,.3);color:#fff}.btn-outline-white:hover{background:#ffffff14;border-color:#ffffff80}.hero-metrics{display:flex;gap:40px;margin-top:48px}.metric-num{display:block;font-size:32px;font-weight:700;color:#fff;line-height:1}.metric-label{font-size:13px;color:#fff6;margin-top:4px}.hero-visual{flex:1;position:relative;display:flex;align-items:center;justify-content:center}.hero-card-stack{position:relative;width:320px;height:320px}.hc-card{position:absolute;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px 20px;font-size:14px;color:#fffc;backdrop-filter:blur(8px)}.hc-1{top:10%;left:0;transform:rotate(-3deg)}.hc-2{top:35%;right:0;transform:rotate(2deg)}.hc-3{top:60%;left:10%;transform:rotate(-1deg)}.hc-4{bottom:0;right:10%;transform:rotate(4deg)}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}.pb-card{background:#fff;border-radius:14px;padding:28px;border:1px solid rgba(0,0,0,.04);transition:transform .3s}.pb-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000000f}.pb-icon{font-size:24px;margin-bottom:10px}.pb-card h3{font-size:17px;font-weight:600;margin-bottom:6px}.pb-card p{font-size:14px;color:#64748b;line-height:1.6}.pb-solution{background:linear-gradient(170deg,#1e293b,#0f172a);border-color:#2563eb33}.pb-solution h3{color:#fff}.pb-solution p{color:#fff9}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feat-card{background:#fff;border-radius:14px;padding:28px;border:1px solid rgba(0,0,0,.04);transition:transform .3s}.feat-card:hover{transform:translateY(-3px)}.feat-icon-wrap{width:44px;height:44px;border-radius:12px;background:#eff6ff;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.fi{font-size:22px}.feat-card h3{font-size:17px;font-weight:600;margin-bottom:6px}.feat-card p{font-size:14px;color:#64748b;line-height:1.6}.section-dark{background:linear-gradient(170deg,#0f172a,#1e293b)}.diff-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px}.diff-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:32px;transition:background .3s}.diff-card:hover{background:#ffffff12}.diff-card h3{font-size:20px;font-weight:600;margin-bottom:10px;color:#fff}.diff-card p{font-size:14px;color:#ffffff80;line-height:1.7}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.tm-card{background:#fff;border-radius:14px;padding:32px;border:1px solid rgba(0,0,0,.04)}.tm-stars{color:#d4a04a;font-size:14px;letter-spacing:2px;margin-bottom:12px}.tm-card p{font-size:15px;line-height:1.7;color:#334155;font-style:italic}.tm-author{margin-top:20px;padding-top:16px;border-top:1px solid #F1F5F9}.tm-author strong{display:block;font-size:15px;font-weight:600}.tm-author span{font-size:13px;color:#64748b}.cta-final{background:linear-gradient(170deg,#0f172a,#1e293b);padding:80px 0}@media(max-width:900px){.hero-visual{display:none}.hero-body{max-width:100%;text-align:center}.hero-metrics,.hero-actions{justify-content:center}.problem-grid,.feature-grid,.diff-grid,.testimonial-grid{grid-template-columns:1fr}}