*{box-sizing:border-box}body{margin:0;background:#080e1b;color:#f2f5ff;font-family:Arial,sans-serif;background-image:radial-gradient(ellipse at 10% 5%,#32225799,transparent 50%),radial-gradient(ellipse at 100% 90%,#06405299,transparent 50%)}.splash{height:100vh;height:100svh;min-height:460px;max-width:1260px;margin:auto;padding:clamp(12px,2.5vh,26px) 24px 12px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(10px,2vh,20px)}header{text-align:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#9fe1d5;margin:0 0 8px}h1{font-size:clamp(25px,4.4vh,43px);letter-spacing:-1.5px;line-height:1.1;margin:0 0 8px}h1 span{color:#ac9eff}.subtitle{color:#b6c3da;font-size:13px;margin:0;line-height:1.5}.panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;min-height:0}.panel{--accent:#b6a5ff;min-width:0;min-height:0;display:flex;flex-direction:column;padding:clamp(14px,2.4vh,25px);border:1px solid #44405e;border-top:3px solid var(--accent);border-radius:20px;background:linear-gradient(155deg,#26223e,#101927 60%);box-shadow:0 16px 38px #0003}.panel-vmpd{--accent:#ffa04c;border-color:#564235;border-top-color:var(--accent);background:linear-gradient(155deg,#35261f,#101927 60%)}.panel-sendcircle{--accent:#64d3ef;border-color:#2d4b58;border-top-color:var(--accent);background:linear-gradient(155deg,#183843,#101927 60%)}.brand{display:flex;flex-direction:column;gap:12px;flex:none;margin-bottom:clamp(12px,2vh,20px)}.brand img{height:43px;max-width:100%;object-fit:contain;object-position:left}.brand strong{height:43px;display:flex;align-items:center;gap:8px;font-size:35px;letter-spacing:-1.5px}.brand em{font-size:17px;color:var(--accent);font-style:normal;letter-spacing:0}.brand>span{font-size:9px;font-weight:800;letter-spacing:1.6px;color:var(--accent)}.flip-zone{flex:1;min-height:0;perspective:1000px}.flip-inner{height:100%;position:relative;transform-style:preserve-3d;transform:rotateY(0deg);transition:transform .65s cubic-bezier(.4,0,.2,1);will-change:transform}.panel.is-flipped .flip-inner{transform:rotateY(180deg)}.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:auto;scrollbar-width:thin}.back{transform:rotateY(180deg);background:#111c2c;border-radius:10px;padding:15px}.face h2{font-size:clamp(20px,2.9vh,29px);letter-spacing:-.7px;line-height:1.15;margin:0 0 12px}.face p{font-size:clamp(12px,1.65vh,15px);line-height:1.65;color:#bdc9dc;margin:0 0 15px}.face ul{list-style:none;padding:12px 0 0;margin:0;border-top:1px solid #ffffff20}.face li{font-size:clamp(12px,1.7vh,15px);line-height:1.5;margin:0 0 9px;display:flex;gap:9px}.face li:before{content:'✓';color:var(--accent);font-weight:bold}.back .eyebrow{display:block;line-height:1.5;color:var(--accent);margin-bottom:15px}.details-toggle{flex:none;margin:8px 0;padding:7px 0;background:none;border:0;color:#bdc9dc;font:inherit;font-size:11px;cursor:pointer;text-align:left}.join{flex:none;display:flex;justify-content:space-between;gap:8px;background:var(--accent);color:#111827;padding:13px 15px;border-radius:10px;text-decoration:none;font-size:14px;font-weight:800}.join:hover{filter:brightness(1.12)}button:focus-visible,a:focus-visible{outline:3px solid white;outline-offset:3px}footer{text-align:center;color:#b0bdd3;font-size:10px;line-height:1.5}footer small{display:block;font-size:9px;color:#94a5bd;margin-top:3px}.mobile-hint{display:none}@media(min-height:820px){.splash{max-height:820px}}@media(max-height:620px){.brand{gap:8px;margin-bottom:12px}.brand img,.brand strong{height:32px}.brand strong{font-size:28px}.face h2{font-size:21px;margin-bottom:8px}.face p{font-size:12px;margin-bottom:9px;line-height:1.5}.face ul{padding-top:9px}.face li{font-size:12px;margin-bottom:5px}.join{padding:11px 13px}.subtitle{font-size:12px}.splash{gap:10px;padding-top:12px}.back{padding:10px}}
@media(max-width:640px){.splash{padding-left:12px;padding-right:12px}.panels{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:92%;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:5px}.panel{scroll-snap-align:center}.subtitle{font-size:12px}.eyebrow{font-size:8px;letter-spacing:1.4px}.desktop-hint{display:none}.mobile-hint{display:inline}.face h2{font-size:27px}.face p{font-size:14px}.face li{font-size:14px}.brand img{height:42px}.brand>span{font-size:10px}}


/* A short entrance sequence draws attention, then settles for reading. */
body{isolation:isolate}body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#b8a9ff08 1px,transparent 1px),linear-gradient(90deg,#b8a9ff08 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(#0008,transparent 85%)}body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 18% 25%,#9c61ff30,transparent 42%),radial-gradient(ellipse at 80% 75%,#29cbd528,transparent 45%);animation:aurora-arrive 4s ease-out both}header{animation:title-arrive .65s ease-out both}header>.eyebrow::before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:#b5ffe0;box-shadow:0 0 12px #75efbf}h1 span{color:#b9acff;background:linear-gradient(100deg,#c6b0ff 15%,#88ffe2 45%,#e3d5ff 65%,#c6b0ff 90%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:headline-light 3.5s ease-out both}.panel{position:relative;isolation:isolate;box-shadow:0 18px 38px #0005,inset 0 1px #ffffff20;animation:panel-enter-right 1.2s cubic-bezier(.2,.7,.2,1) both;transition:border-color .2s,box-shadow .2s}.panel-vmpd{animation-name:panel-enter-up;animation-delay:.2s}.panel-sendcircle{animation-name:panel-enter-left;animation-delay:.4s}.panel::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(240px circle at var(--glow-x,50%) var(--glow-y,0%),#ffffff12,transparent 75%);opacity:.65;transition:opacity .25s}.panel:hover,.panel:focus-within{border-color:var(--accent);box-shadow:0 18px 38px #0005,inset 0 0 24px #ffffff05,0 0 18px color-mix(in srgb,var(--accent) 18%,transparent)}.panel:hover::before{opacity:1}.brand{position:relative}.brand::after{content:"";position:absolute;right:0;top:1px;width:30px;height:30px;border:1px solid var(--accent);border-radius:9px;opacity:.45;transform:rotate(12deg);background:linear-gradient(135deg,#ffffff18,transparent);pointer-events:none}.brand>span{padding-left:10px;border-left:2px solid var(--accent)}.brand img{padding-right:35px}.brand strong{text-shadow:0 0 25px #b6a5ff45}.face li:before{border-radius:50%;width:18px;height:18px;line-height:18px;text-align:center;flex:none;background:#ffffff08;border:1px solid #ffffff13;font-size:10px;margin-top:2px}.back{background:linear-gradient(145deg,#202b40,#111c2c);border:1px solid #ffffff16}.join{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#ffffff28,transparent 65%),var(--accent);box-shadow:0 4px 18px #0003,inset 0 1px #ffffff66;transition:filter .2s,box-shadow .2s}.join::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#ffffff60 48%,transparent 70%);transform:translateX(-130%);animation:join-sheen 1.1s ease-in-out .8s both;pointer-events:none}.panel-vmpd .join::before{animation-delay:1s}.panel-sendcircle .join::before{animation-delay:1.2s}.join>span{transition:transform .2s}.join:hover>span,.join:focus-visible>span{transform:translate(2px,-2px)}.details-toggle:hover{color:#fff}.details-toggle{transition:color .2s}footer{animation:title-arrive .8s ease-out .3s both}
@keyframes title-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes panel-enter-right{from{opacity:0;transform:translateX(-70px)}to{opacity:1;transform:none}}@keyframes panel-enter-up{from{opacity:0;transform:translateY(70px)}to{opacity:1;transform:none}}@keyframes panel-enter-left{from{opacity:0;transform:translateX(70px)}to{opacity:1;transform:none}}@keyframes headline-light{from{background-position:100% 0}to{background-position:0 0}}@keyframes join-sheen{from{transform:translateX(-130%)}to{transform:translateX(130%)}}@keyframes aurora-arrive{from{opacity:.35}to{opacity:1}}
/* Preserve the explicitly requested panel entrances and flips in reduced-motion mode. */
@media(prefers-reduced-motion:reduce){:not(.panel),*::before,*::after{animation:none!important}:not(.flip-inner),*::before,*::after{transition:none!important}.flip-inner{transition:transform .45s ease-in-out}.join::before{display:none}}