.hero{position:relative;padding:3.5rem 1rem;overflow:visible;color:#0f172a;background:linear-gradient(135deg,#eef2ff,#f8fafc 45%,#eef8ff)}.hero-inner{max-width:1200px;margin:0 auto;display:flex;gap:2rem;align-items:center;justify-content:space-between;padding:0 1rem}.hero-left{flex:1 1 560px;z-index:2}.hero-title{font-size:2.4rem;margin-bottom:.6rem;background:linear-gradient(90deg,#4f46e5,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.hero-lead{color:#0f172a;opacity:.9;margin-bottom:.4rem;font-size:1.05rem}.hero-sub{color:#334155;margin-bottom:1rem}.hero-cta{display:flex;gap:.75rem;margin-bottom:1rem}.primary-btn{background:linear-gradient(135deg,#4f46e5,#06b6d4);color:white;padding:.65rem 1.1rem;border-radius:9999px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 8px 30px rgba(79,70,229,.12)}.primary-btn:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(79,70,229,.18)}.outline-btn{position:relative;color:#334155;padding:.55rem 1.2rem;border-radius:9999px;border:1px solid rgba(51,65,85,.2);text-decoration:none;display:inline-flex;align-items:center;cursor:pointer;overflow:hidden;transition:color .4s ease;z-index:1;font-size:1rem;letter-spacing:.2px;will-change:color,transform}.outline-btn:before{content:"";position:absolute;left:0;top:0;width:0;height:100%;background:linear-gradient(135deg,#4f46e5,#06b6d4);transition:width .4s ease;z-index:-1}.outline-btn:hover{color:white}.outline-btn:focus:before,.outline-btn:hover:before{width:100%}.outline-btn.active{background:linear-gradient(135deg,#4f46e5,#06b6d4);color:white;border-color:transparent;box-shadow:0 8px 30px rgba(79,70,229,.12);transform:translateY(-2px)}.outline-btn.active:before{width:100%;opacity:0;transition:none}.outline-btn.active:hover{box-shadow:0 12px 40px rgba(79,70,229,.18)}.modal-overlay{position:fixed;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,rgba(2,6,23,.45),rgba(2,6,23,.35));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:2000;padding:2rem;animation:modalFade .18s ease}@keyframes modalFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.modal-card{width:100%;max-width:520px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.92));border-radius:14px;padding:1.15rem 1.15rem 1.3rem;box-shadow:0 18px 50px rgba(2,6,23,.36),0 6px 18px rgba(2,6,23,.12);position:relative;transform-origin:center;border:1px solid rgba(15,23,42,.06)}.modal-close{position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:18px;padding:8px;border-radius:8px;cursor:pointer;color:#475569}.modal-close:hover{background:rgba(15,23,42,.03)}.modal-head h2{margin:0 0 6px;font-size:1.25rem;color:#0f172a;background:linear-gradient(90deg,#4f46e5,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.muted{margin:0;color:#64748b;font-size:.95rem}.modal-body{margin-top:.9rem;display:flex;flex-direction:column;gap:.6rem}.modal-body input[type=email]{width:100%;padding:.85rem .95rem;border-radius:10px;border:1px solid #e6eef8;background:linear-gradient(180deg,#fff,#fbfdff);font-size:.98rem;outline:none;transition:box-shadow .12s ease,transform .08s ease}.modal-body input[type=email]:focus{box-shadow:0 8px 30px rgba(79,70,229,.08);transform:translateY(-1px);border-color:rgba(79,70,229,.18)}.modal-footer{display:flex;gap:.6rem;justify-content:flex-end;margin-top:.4rem}.btn-primary{background:linear-gradient(135deg,#4f46e5,#06b6d4);color:white;padding:.6rem 1rem;border-radius:10px;border:none;font-weight:700;cursor:pointer}.btn-primary:disabled{opacity:.75;cursor:not-allowed}.btn-muted{background:transparent;border:1px solid rgba(15,23,42,.06);padding:.55rem .85rem;border-radius:10px;cursor:pointer}.error-text{color:#dc2626;font-size:.9rem;margin:0}.modal-body.success{text-align:center;padding:1.2rem 0}.success-emoji{font-size:36px;margin-top:8px}@media (max-width:640px){.modal-card{padding:.9rem;border-radius:12px}.modal-head h2{font-size:1.05rem}.btn-muted,.btn-primary{width:48%}}.sr-only{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.hero-features{display:flex;gap:1rem;margin-top:1rem;list-style:none;padding:0;color:#475569;font-weight:600;font-size:.95rem}.hero-right{flex:0 0 380px;display:flex;align-items:center;justify-content:center;z-index:2}.hero-card{width:100%;max-width:380px;border-radius:16px;padding:1rem;background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.55));box-shadow:0 10px 30px rgba(2,6,23,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .18s ease}.hero-card:hover{transform:translateY(-6px)}.hero-illustration{width:100%;border-radius:10px;overflow:hidden;background:linear-gradient(180deg,#f8fafc,#eef2ff)}.hero-img{display:block;width:100%;height:auto;object-fit:cover}.hero-stats{display:flex;gap:1rem;margin-top:.75rem;justify-content:space-between}.stat{text-align:center;color:#0f172a}.stat strong{display:block;font-size:1.05rem;color:#0f172a}.hero-decor{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:120px;z-index:1;pointer-events:none;opacity:.9}@media (max-width:900px){.hero-inner{flex-direction:column-reverse;text-align:center;gap:1.25rem}.hero-right{order:-1}.hero-title{font-size:1.8rem}.hero-features{flex-direction:column;justify-content:center;flex-wrap:wrap}.hero-decor{height:90px}.hero-cta{display:flex;flex-direction:column;width:75%;margin:auto}.hero-cta a,.hero-cta button{display:flex;justify-content:center;padding:1rem 0;border-radius:10px}}