*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;overflow:hidden;background:#fafafa;font-family:'Space Grotesk',-apple-system,sans-serif}#constellation{position:fixed;top:0;left:0;width:100%;height:100%}.panel{position:fixed;top:0;right:0;width:60%;height:100%;background:#fff;display:flex;flex-direction:column;pointer-events:none;box-shadow:-20px 0 60px rgba(0,0,0,.08);will-change:transform,opacity;opacity:0;transform:translateX(100%)}.panel.active{pointer-events:auto}.panel-inner{flex:1;display:flex;flex-direction:column;padding:6vh 5vw 18vh 5vw;overflow-y:auto}.panel h1{font-size:clamp(3.5rem, 8vw, 6rem);font-weight:700;letter-spacing:-.05em;line-height:.9;margin-bottom:.3em}.panel .tagline{font-size:clamp(1.1rem, 2vw, 1.5rem);color:#555;margin-bottom:2.5em;font-weight:400;line-height:1.4;max-width:450px}.panel .screenshot{width:100%;max-width:700px;height:auto;border-radius:8px;box-shadow:0 25px 80px rgba(0,0,0,.18);margin-bottom:2.5em}.panel-cta{display:flex;align-items:center;gap:2rem;margin-bottom:3em}.panel .price{font-size:2rem;font-weight:700;letter-spacing:-.02em}.panel .actions{display:flex;gap:.75rem}.panel .actions a,.panel .actions button{font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;padding:1.1em 2.2em;cursor:pointer;transition:all .2s ease}.panel .actions a{color:#000;background:0 0;border:1.5px solid #000}.panel .actions button{background:#000;color:#fff;border:1.5px solid #000}.panel .actions a:hover{background:#000;color:#fff}.panel .actions button:hover{background:#222}.panel .actions a.loading{pointer-events:none;opacity:.6}.panel-details{margin-top:auto;padding-top:1.5em;border-top:1px solid #eee}.panel-details summary{font-size:.7rem;color:#999;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;list-style:none}.panel-details summary::-webkit-details-marker{display:none}.panel-details summary::after{content:" +"}.panel-details[open] summary::after{content:" −"}.panel .features{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem 2rem;margin-top:1.2em;color:#666;font-size:.8rem;line-height:1.5}.panel .feature{padding-left:1em;position:relative}.panel .feature::before{content:"–";position:absolute;left:0;color:#ccc}.back{position:fixed;top:5vh;left:5vw;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#aaa;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s,color .15s;z-index:20}.back:hover{color:#000}.back.active{opacity:1;pointer-events:auto}.logo{position:fixed;top:5vh;right:5vw;height:32px;z-index:10;transition:opacity .3s}.logo.hidden{opacity:0}.footer{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:3rem;padding:3vh 0 4vh 0;background:linear-gradient(to top,#fafafa 0,#fafafa 50%,rgba(250,250,250,0) 100%);z-index:20}.footer a{font-size:10px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:#bbb;transition:color .15s}.footer a:hover{color:#000}.constellation-subtitle{position:fixed;bottom:12vh;left:50%;transform:translateX(-50%);font-size:.7rem;color:#bbb;letter-spacing:.03em;z-index:5;transition:opacity .3s;text-align:center}.constellation-subtitle.hidden{opacity:0}