.hero{position:relative;width:100%;min-height:100vh;min-height:100dvh}.hero-nebula{position:relative;width:100%;z-index:0;pointer-events:none;overflow:hidden}.hero-nebula img{width:100%;height:auto;display:block;transform:rotate(90deg) scale(1.4);transform-origin:center center;opacity:.7}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.hero-overlay::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--as-bg-dark) 0,transparent 18%,transparent 82%,var(--as-bg-dark) 100%)}.hero-overlay::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,var(--as-bg-dark) 100%)}.hero-content{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;padding-top:var(--as-hero-padding-top)}.demo-title{font-family:var(--as-title-font);font-size:var(--as-title-size);letter-spacing:var(--as-title-spacing);line-height:var(--as-title-line-height);background:linear-gradient(180deg,var(--page-c3) 0,#c8d8e0 16%,var(--page-c2) 33%,var(--page-c1) 50%,#5a98c0 66%,#4878a0 83%,#3a6088 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:var(--as-filter-dark)}.demo-subtitle{font-family:var(--as-subtitle-font);font-weight:var(--as-subtitle-weight);font-size:var(--as-subtitle-size);letter-spacing:var(--as-subtitle-spacing);line-height:var(--as-subtitle-line-height);margin-top:var(--as-subtitle-gap);background:linear-gradient(180deg,#3a6088 0,#5a98c0 16%,var(--page-c1) 33%,var(--page-c2) 50%,#c8d8e0 66%,var(--page-c3) 83%,var(--page-c3) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;margin-top:var(--as-subtitle-gap);filter:var(--as-filter-dark)}.demo-choices{display:flex;gap:min(7rem,8vw);margin-top:clamp(9rem,22vh,18rem);z-index:10;opacity:0;animation:demo-fade-in 1s ease .8s forwards}.demo-choice-card{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:1.75rem 3.5rem;background:#000;border:2px solid transparent;box-shadow:0 0 15px rgba(var(--page-c1-rgb),0.35),0 0 35px rgba(var(--page-c2-rgb),0.2),0 0 60px rgba(var(--page-c3-rgb),0.12);transition:transform .4s cubic-bezier(0.2,0,0.2,1),box-shadow .3s;width:clamp(520px,48vw,740px)}#cardExample{border-image:linear-gradient(90deg,var(--page-c1) 0,var(--page-c2) 50%,var(--page-c3) 100%) 1}#cardYourDb{border-image:linear-gradient(90deg,var(--page-c3) 0,var(--page-c2) 50%,var(--page-c1) 100%) 1}.demo-choice-card:hover{transform:scale(1.05);box-shadow:0 0 25px rgba(var(--page-c2-rgb),0.5),0 0 55px rgba(var(--page-c3-rgb),0.3),0 0 90px rgba(var(--page-c1-rgb),0.18)}.demo-choice-card .card-name{font-family:var(--as-title-font);font-size:clamp(1.4rem,min(2.8vw,5vh),2.2rem);letter-spacing:var(--as-title-spacing);white-space:nowrap;text-align:center;color:#a8d4e8;-webkit-text-fill-color:#a8d4e8}.demo-choice-card .card-desc{margin-top:1.2rem;font-family:'Share Tech Mono',monospace;font-size:clamp(1.1rem,1.7vw,1.35rem);letter-spacing:.02em;text-align:center;line-height:1.65;white-space:nowrap;text-transform:uppercase;color:#a8d4e8;-webkit-text-fill-color:#a8d4e8}.demo-choice-card.selected{box-shadow:0 0 30px rgba(var(--page-c2-rgb),0.6),0 0 60px rgba(var(--page-c3-rgb),0.3),0 0 100px rgba(var(--page-c1-rgb),0.2);animation:demo-selected-fade .8s ease forwards}@keyframes demo-selected-fade{0%{opacity:1}60%{opacity:1}100%{opacity:0;border-image:none;border-color:transparent;box-shadow:none}}.demo-choice-card.selected .card-name{filter:drop-shadow(0 0 4px rgba(var(--as-black-rgb),0.9)) drop-shadow(0 0 10px rgba(var(--as-black-rgb),0.8)) drop-shadow(0 0 24px rgba(var(--page-c2-rgb),0.5))}.demo-choice-card.not-selected{animation:demo-fade-out .6s ease forwards;pointer-events:none}@keyframes demo-fade-out{0%{opacity:1;filter:blur(0);border-image:none}100%{opacity:0;filter:blur(4px);border-color:transparent;border-image:none;box-shadow:none}}@keyframes demo-fade-in{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}.hidden{display:none !important}@media(max-width:768px){.demo-choices{flex-direction:column;gap:2rem}.demo-choice-card{width:clamp(280px,80vw,440px);padding:2rem 2.5rem}.hero-content{padding-top:7rem}.demo-title{white-space:normal}}@media(max-width:480px){.demo-choice-card{width:clamp(250px,85vw,400px);padding:1.5rem 2rem}}