.hero-orb{will-change:transform;border-radius:50%;position:absolute}.hero-orb-violet{background:radial-gradient(circle, var(--accent), transparent 70%);filter:blur(90px);opacity:.18;width:560px;height:560px;top:-180px;left:-140px}.hero-orb-cyan{background:radial-gradient(circle, var(--accent-2), transparent 70%);filter:blur(80px);opacity:.14;width:480px;height:480px;top:-100px;right:-130px}.hero-orb-pink{background:radial-gradient(circle, var(--accent-3), transparent 70%);filter:blur(100px);opacity:.12;width:420px;height:420px;bottom:-80px;left:35%}.hero-sparkle{will-change:transform, opacity;position:absolute}.hero-corner{width:100px;height:100px;color:var(--accent);opacity:.22;position:absolute}.hero-corner-tl{top:16px;left:16px}.hero-corner-tr{top:16px;right:16px}.hero-corner-bl{bottom:16px;left:16px}.hero-corner-br{bottom:16px;right:16px}@media (max-width:640px){.hero-corner{opacity:.16;width:60px;height:60px}}.hero-ring{background:linear-gradient(var(--bg,#0d0d10), var(--bg,#0d0d10)) padding-box, conic-gradient(from 0deg, transparent 0%, var(--accent) 20%, var(--accent-2) 40%, transparent 60%, var(--accent-3) 80%, transparent 100%) border-box;opacity:.15;will-change:transform;border:1px solid #0000;border-radius:50%;width:520px;height:520px}@media (max-width:640px){.hero-ring{width:300px;height:300px}}.hero-section{min-height:calc(100dvh - var(--header-h,64px));gap:2rem;padding-top:6rem;padding-bottom:3rem}@media (min-width:640px){.hero-section{padding-top:5rem;padding-bottom:3.5rem}}.hero-title{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(2.4rem,9vw,5.6rem);font-weight:700;line-height:1.06}.cinematic-title{letter-spacing:-.025em;text-wrap:balance}.hero-title-line{flex-wrap:wrap;justify-content:center;gap:.28em;line-height:1.1;display:flex}.hero-word{display:inline-block}.hero-desc{color:var(--fg-2);max-width:54ch;font-size:clamp(.95rem,2vw,1.15rem);line-height:1.72}.hero-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.hero-btn-primary{letter-spacing:.01em;color:#fff;white-space:nowrap;background:radial-gradient(circle at 20% 20%,#8b5cf6 0%,#0000 50%) 0 0/220% 220%,radial-gradient(circle at 80% 30%,#4c1d95 0%,#0000 50%) 0 0/220% 220%,radial-gradient(circle at 50% 80%,#3b82f6 0%,#0000 50%) 0 0/220% 220%,linear-gradient(135deg,#8b5cf6 0%,#4c1d95 55%,#3b82f6 100%) 0 0/100% 100%;border:none;border-radius:999px;align-items:center;gap:.5rem;height:52px;padding:0 2rem;font-size:.88rem;font-weight:700;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);animation:12s ease-in-out infinite alternate heroMesh;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #a78bfa2e,0 8px 28px #8b5cf640,0 2px 8px #0000001f;text-decoration:none!important}@keyframes heroMesh{0%{background-position:0 0,100% 20%,50% 100%,0%}to{background-position:45% 45%,60% 10%,25% 80%,100%}}.hero-btn-primary:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#ffffff2e 0%,#0000 55%);transition:opacity .35s;position:absolute;inset:0}.hero-btn-primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 0 0 1px #a78bfa8c,0 14px 44px #7c3aed99,0 4px 16px #00000040}.hero-btn-primary:hover:before{opacity:1}.hero-btn-primary:active{transform:scale(.98)}.hero-btn-icon{width:1rem;height:1rem;transition:transform .3s cubic-bezier(.16,1,.3,1)}.hero-btn-primary:hover .hero-btn-icon{transform:translate(4px)}.hero-btn-secondary{border:1px solid var(--border);height:52px;color:var(--fg-2);background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;padding:0 1.75rem;font-size:.88rem;font-weight:600;transition:color .35s cubic-bezier(.16,1,.3,1),border-color .35s cubic-bezier(.16,1,.3,1),background .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1);display:inline-flex}.hero-btn-secondary:hover{color:var(--fg);background:var(--card-hover);border-color:#a78bfa59;transform:translateY(-1px)}.hero-btn-secondary:active{transform:scale(.98)}.hero-arrow{cursor:pointer;color:var(--fg-2);transition:color .3s var(--ease-spring);background:0 0;border:0;flex-direction:column;align-self:center;align-items:center;gap:.85rem;margin-top:auto;padding:.4rem 1rem .6rem;display:inline-flex}.hero-arrow:hover{color:var(--fg)}.hero-arrow-label{letter-spacing:.18em;text-transform:uppercase;opacity:.85;transition:opacity .3s var(--ease-spring);font-size:.75rem;font-weight:600}.hero-arrow:hover .hero-arrow-label{opacity:1}.hero-arrow-icon{border:1px solid var(--border);background:var(--card-bg);-webkit-backdrop-filter:blur(12px);width:3.4rem;height:3.4rem;color:var(--fg);transition:border-color .4s var(--ease-spring), background .4s var(--ease-spring);box-shadow:0 6px 20px var(--shadow-soft);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.hero-arrow-icon svg{width:1.4rem;height:1.4rem}.hero-arrow:hover .hero-arrow-icon{border-color:var(--accent);background:var(--card-hover)}.hero-arrow:focus-visible .hero-arrow-icon{outline:2px solid var(--accent);outline-offset:4px}.mockup-outer-wrap{background:linear-gradient(135deg, var(--glow-1), var(--glow-2))}.mockup-inner-wrap{background:var(--card-bg-solid);border:1px solid var(--border)}.mockup-url-bar,.mockup-nav-bar{background:var(--border)}.mockup-nav-pill{background:var(--fg-3)}.mockup-hero-block{background:linear-gradient(135deg, var(--glow-1), var(--glow-2));border:1px solid var(--border)}.mockup-hero-title{background:var(--fg-3)}.mockup-hero-sub{background:var(--border)}.mockup-hero-btn{background:var(--fg-3)}.mockup-card-cell{background:var(--card-bg-solid);border:1px solid var(--border)}.mockup-card-line-1{background:var(--border)}.mockup-card-line-2{background:var(--border-2)}