.hero{background:var(--surface-1);padding:8rem 1rem 5rem;min-height:90vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero-bg-texture{position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(0,168,150,.045) 1px,transparent 0);background-size:40px 40px;pointer-events:none}.hero-content{display:grid;grid-template-columns:1fr 1.15fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-title{font-size:4.5rem;margin-bottom:1.5rem;line-height:1.05;color:var(--text-primary)}.hero-title-accent{color:var(--primary-dark);font-style:italic}.hero-description{font-size:1.25rem;line-height:1.7;margin-bottom:2.5rem;max-width:540px;color:var(--text-secondary);font-weight:400}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.btn-primary{background:var(--dark);color:white;padding:.875rem 2rem;border-radius:8px;font-weight:500;font-family:var(--font-body);box-shadow:0 1px 3px rgba(11,29,38,.1),0 4px 12px rgba(11,29,38,.08)}.btn-primary:hover{background:var(--dark-medium);transform:translateY(-1px);box-shadow:0 2px 4px rgba(11,29,38,.12),0 8px 24px rgba(11,29,38,.12)}.btn-secondary{background:transparent;color:var(--text-primary);padding:calc(.875rem - 1.5px) calc(2rem - 1.5px);border-radius:8px;font-weight:500;font-family:var(--font-body);border:1.5px solid var(--border-strong)}.btn-secondary:hover{border-color:var(--text-primary);background:rgba(11,29,38,.03)}.hero-proof{font-size:.875rem;color:var(--text-tertiary);font-weight:400;letter-spacing:.01em}.hero-visual{display:flex;justify-content:center;align-items:center}.screenshot-carousel{background:var(--surface-0);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-xl);border:1px solid var(--border);max-width:650px;width:100%}.screenshot-container{position:relative;width:100%;aspect-ratio:16/10;border-radius:8px;overflow:hidden;background:var(--surface-1)}.screenshot-slide{position:absolute;inset:0;opacity:0;transform:translateX(40px);transition:opacity .6s ease,transform .6s ease;pointer-events:none}.screenshot-slide.active{opacity:1;transform:translateX(0);pointer-events:auto}.screenshot-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:4px}.carousel-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding:0 .25rem}.screenshot-caption{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.carousel-indicators{display:flex;gap:.375rem}.indicator{width:8px;height:8px;border-radius:50%;background:var(--border-strong);border:none;cursor:pointer;padding:0;transition:all .3s ease}.indicator:hover{background:var(--text-tertiary)}.indicator.active{background:var(--primary);width:20px;border-radius:4px}@media (max-width:968px){.hero-content{grid-template-columns:1fr;gap:3rem}.hero{padding:6rem 1rem 4rem}.hero-title{font-size:3.25rem}}@media (max-width:640px){.hero{padding:5rem 1rem 3rem}.hero-title{font-size:2.5rem}.hero-description{font-size:1.0625rem}.hero-cta{flex-direction:column}.hero-cta button{width:100%}.screenshot-carousel{padding:1rem}.carousel-footer{flex-direction:column;gap:.75rem;align-items:center}}@media (max-width:480px){.hero-title{font-size:2.25rem}.screenshot-container{aspect-ratio:4/3}}.problem{background:var(--surface-0);position:relative}.problem:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.problem-header{text-align:center;margin-bottom:4rem}.problem-header h2{max-width:700px;margin:0 auto}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.problem-card{padding:2.5rem;border-radius:16px;background:var(--surface-1);border:1px solid var(--border);transition:all .3s ease}.problem-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.problem-number{display:block;font-family:var(--font-display);font-size:2.5rem;font-style:italic;color:var(--primary);margin-bottom:1rem;line-height:1;opacity:.5}.problem-card h3{font-family:var(--font-body);font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary);line-height:1.3}.problem-card p{font-size:.9375rem;line-height:1.7;color:var(--text-secondary)}@media (max-width:968px){.problem-grid{grid-template-columns:1fr;max-width:600px;margin:0 auto}}.solution{background:var(--surface-1);position:relative}.solution:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}.solution-header{text-align:center;margin-bottom:5rem}.solution-header h2{max-width:750px;margin:0 auto 1.25rem}.solution-sub{font-size:1.125rem;max-width:680px;margin:0 auto;color:var(--text-secondary)}.solution-highlights{display:flex;flex-direction:column;gap:5rem;margin-bottom:5rem}.highlight-row{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center}.highlight-row-reverse{direction:rtl}.highlight-row-reverse>*{direction:ltr}.highlight-image{border-radius:16px;overflow:hidden;background:var(--surface-0);border:1px solid var(--border);box-shadow:var(--shadow-lg)}.highlight-image img{width:100%;height:auto;display:block}.highlight-text h3{margin-bottom:1rem}.highlight-text p{font-size:1.0625rem;line-height:1.7;color:var(--text-secondary)}.solution-extras{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding-top:3rem;border-top:1px solid var(--border)}.extra-item{background:var(--surface-0);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:all .2s ease}.extra-item:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.extra-item h4{font-family:var(--font-body);font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.375rem}.extra-item p{font-size:.875rem;line-height:1.5;color:var(--text-tertiary)}@media (max-width:968px){.highlight-row,.highlight-row-reverse{grid-template-columns:1fr;gap:2rem;direction:ltr}.solution-highlights{gap:3.5rem}.solution-extras{grid-template-columns:1fr;max-width:400px;margin:0 auto;padding-top:3rem}}