
/* MindBloom v9 — refinamientos visuales y accesibilidad */
:root{--violet:#7028f7;--violet-deep:#5020bd;--violet-soft:#b99bff}
.header{background:rgba(15,8,29,.87);backdrop-filter:blur(19px);-webkit-backdrop-filter:blur(19px)}
.logo{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;display:flex!important;align-items:center;min-width:0}
.logo img{width:215px!important;height:auto!important;max-height:65px!important;object-fit:contain!important;padding:0!important;filter:drop-shadow(0 1px 14px rgba(178,135,255,.13))}
.footbrand img{background:transparent!important;border-radius:0!important;padding:0!important;max-width:250px;max-height:90px;object-fit:contain}
.intro-emblem{display:block;width:min(340px,80vw);height:auto;object-fit:contain;margin:0 auto 20px}
.intro-symbol{display:none}
.hero{background:radial-gradient(ellipse 630px 440px at 82% 36%,rgba(107,46,218,.36),transparent 74%),radial-gradient(ellipse 480px 550px at 7% 86%,rgba(92,36,170,.16),transparent 75%),#10091d}
.hero:before{pointer-events:none}
.hero-copy{position:relative;z-index:2}
.hero h1{letter-spacing:-.072em;text-wrap:balance}
.hero-copy>p{max-width:590px}
.eyebrow{background:rgba(125,70,255,.08)!important;border-color:rgba(184,142,255,.34)!important}
.hero-stage{perspective:1200px;isolation:isolate}
.stage-orb{opacity:.85;filter:blur(.3px) drop-shadow(0 34px 65px rgba(120,55,255,.22))}
.browser-mock{transition:box-shadow .3s ease;box-shadow:0 36px 100px rgba(5,3,12,.56),0 0 0 1px rgba(255,255,255,.12)}
.browser-mock:hover{box-shadow:0 46px 110px rgba(5,3,12,.66),0 0 0 1px rgba(184,142,255,.3)}
.mock-tags button{font:inherit;border:0;border-radius:8px;color:#eae7ef;background:#26252b;padding:8px 11px;cursor:pointer;transition:background .15s ease,transform .15s ease}
.mock-tags button.picked{background:#ef333b;color:white}
.mock-tags button:hover,.mock-product button:hover{transform:translateY(-2px)}
.mock-product[hidden]{display:none!important}
.mock-product button{cursor:pointer;transition:transform .15s ease,background .15s ease}
.mock-product button:focus-visible,.mock-tags button:focus-visible,.btn:focus-visible,.logo:focus-visible{outline:3px solid #dabaff;outline-offset:3px}
.mock-total{transition:filter .2s ease}
.mock-total.flash{filter:brightness(1.3)}
.hero-micro{display:flex;align-items:center;gap:13px}
.micro-dots{display:flex;gap:0;padding-left:8px}
.micro-dots i{display:block;width:24px;height:24px;border-radius:50%;background:#8e54f8;border:2px solid #180c2a;margin-left:-8px}
.micro-dots i:nth-child(2){background:#cfb5ff}.micro-dots i:nth-child(3){background:#fff}
.demo-card{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease;will-change:auto}
.demo-card:hover{transform:translateY(-9px);box-shadow:0 28px 55px rgba(47,22,73,.18)}
.demo-image img{transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.demo-card:hover .demo-image img{transform:scale(1.075)}
.price-main{box-shadow:0 30px 65px rgba(91,36,194,.22)}
.navcta,.btn.primary{box-shadow:0 10px 26px rgba(99,38,231,.24);transition:transform .25s,box-shadow .25s}
.navcta:hover,.btn.primary:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(99,38,231,.36)}
.process-steps>div{transition:background .2s,padding-left .2s}
.process-steps>div:hover{background:#faf7ff;padding-left:34px}
@media(max-width:720px){.logo img{width:173px!important;max-height:56px!important}.hero h1{font-size:clamp(44px,10vw,62px);letter-spacing:-.055em}.hero-stage{min-height:550px}.browser-mock{max-width:95%}.float-note{right:0}.navlinks.open{background:#1b102b!important}.navlinks.open a{color:#fff!important}}
@media(prefers-reduced-motion:reduce){.demo-card,.demo-image img,.browser-mock,.mock-tags button,.mock-product button,.navcta,.btn.primary{transition:none!important}.demo-card:hover,.navcta:hover,.btn.primary:hover{transform:none!important}}
