@import url("https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&display=swap");@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap");.hero{--royal:#4169e1;--black:#111;--white:#fff;--pale-blue:#f1f4ff;--text-secondary:#5a5a6e;--serif:"DM Serif Display",Georgia,serif;--sans:"Instrument Sans",system-ui,sans-serif;align-items:center;background:linear-gradient(160deg,var(--white) 0,var(--pale-blue) 40%,rgba(199,191,232,.1) 70%,var(--white) 100%);display:grid;font-family:var(--sans);gap:80px;grid-template-columns:1fr 1fr;min-height:100vh;overflow:hidden;padding:var(--hero-pt) clamp(24px,8vw,160px) var(--hero-pb);position:relative}.hero:before{background:radial-gradient(ellipse at 70% 30%,rgba(65,105,225,.08) 0,transparent 55%),radial-gradient(ellipse at 40% 60%,rgba(199,191,232,.18) 0,transparent 60%),radial-gradient(circle at 80% 80%,rgba(65,105,225,.05) 0,transparent 50%);height:100%;pointer-events:none;right:-15%;top:-30%;width:80%;z-index:0}.hero:after,.hero:before{content:"";position:absolute}.hero:after{background:linear-gradient(90deg,transparent,rgba(199,191,232,.3),transparent);bottom:0;height:1px;left:0;right:0}.hero .hero-text{padding:16px 0;position:relative;z-index:1}.hero .hero-eyebrow{color:var(--royal);font-size:13px;font-weight:600;letter-spacing:.12em;margin:0 0 28px;text-transform:uppercase}.hero h1{color:var(--black);font-family:"DM Serif Display",serif!important;font-size:clamp(30px,8vw,42px);font-weight:700;letter-spacing:-.025em;line-height:1.05;margin:0}.hero .hero-sub{color:var(--text-secondary);font-size:clamp(16px,1.5vw,19px);line-height:1.65;margin-top:28px;max-width:520px}.hero .hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-top:44px}.hero .btn-primary{align-items:center;background:var(--royal);border:none;border-radius:10px;box-shadow:0 2px 20px rgba(65,105,225,.2);color:var(--white);display:inline-flex;font-family:var(--sans);font-size:15px;font-weight:600;gap:10px;padding:16px 32px;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1)}.hero .btn-primary:hover{box-shadow:0 8px 30px rgba(65,105,225,.3);transform:translateY(-2px)}.hero .btn-primary svg{transition:transform .3s cubic-bezier(.16,1,.3,1)}.hero .btn-primary:hover svg{transform:translateX(3px)}.hero .btn-ghost{align-items:center;color:var(--text-secondary);display:inline-flex;font-family:var(--sans);font-size:15px;font-weight:500;gap:8px;padding:16px 8px;text-decoration:none;transition:color .2s}.hero .btn-ghost:hover{color:var(--black)}.hero .hero-image-col{align-items:flex-end;display:flex;justify-content:center;padding:16px 0;position:relative;z-index:1}.hero .hero-image-wrap{max-width:420px;position:relative;width:100%}.hero .hero-image-wrap:before{background:radial-gradient(ellipse at 60% 40%,rgba(65,105,225,.12),transparent 70%);border-radius:calc(var(--hero-radius) + 4px);content:"";inset:-16px;position:absolute;z-index:0}.hero .hero-image-wrap:after{border:2px solid rgba(65,105,225,.2);border-radius:var(--hero-radius);bottom:-12px;content:"";height:60%;position:absolute;right:-12px;width:60%;z-index:0}.hero .hero-image-wrap img{border-radius:var(--hero-radius);box-shadow:0 24px 80px rgba(65,105,225,.12),0 4px 20px rgba(0,0,0,.08);display:block;height:auto;position:relative;width:100%;z-index:1}@media (max-width:1024px){.hero{gap:48px;grid-template-columns:1fr;min-height:auto;padding-top:110px}.hero .hero-image-col{order:-1}}@media (max-width:640px){.hero .hero-actions{align-items:flex-start;flex-direction:column}}