.live-site { --acid:#a5b7ff; }
.live-brand { display:flex; align-items:center; gap:.75rem; text-decoration:none; font-size:1.15rem; font-weight:750; letter-spacing:-.04em; }
.live-brand img { border:1px solid #ffffff24; border-radius:10px; }.live-brand strong { color:#b6a2ff; font-weight:500; }
.live-hero { display:grid; grid-template-columns:1.15fr 1fr; align-items:center; gap:4rem; padding:6.5rem 0 5rem; }
.live-copy h1 { max-width:none; font-size:clamp(3.5rem,6.7vw,6rem); line-height:1.02; letter-spacing:-.07em; }.live-copy h1 span { color:#b6a2ff; }
.live-lede { color:var(--text); font-size:clamp(1.25rem,2vw,1.5rem); line-height:1.45; }.live-intro { max-width:34rem; color:var(--muted); font-size:1.05rem; }
.live-actions { display:flex; align-items:center; flex-wrap:wrap; gap:1.3rem; margin-top:2rem; }.live-actions .studio-button { margin-top:0; }.availability { color:#c6b2ff; font-size:.76rem; line-height:1.6; }.availability strong { font-weight:500; color:var(--muted); }
.live-art { margin:0; min-width:0; padding:1.5rem; border:1px solid #a591ff40; border-radius:1.4rem; background:radial-gradient(ellipse at 50% 45%,#38207555,transparent 70%),#0b0c19cc; box-shadow:0 24px 100px #5836b51c; }
.art-topline,.live-art figcaption { display:flex; justify-content:space-between; gap:.75rem; color:var(--muted); font-size:.65rem; letter-spacing:.1em; text-transform:uppercase; }.art-topline { color:#bcb1e7; }.live-art img { display:block; width:100%; height:auto; margin:1.8rem 0; mix-blend-mode:screen; }.live-art figcaption { font-size:.61rem; letter-spacing:.03em; text-transform:none; }
.signal-strip { display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap; padding:1.4rem 0; border-block:1px solid var(--line); color:#b7b5d3; font-size:.75rem; letter-spacing:.08em; text-transform:uppercase; }
.live-section { padding:6rem 0; border-bottom:1px solid var(--line); scroll-margin-top:2rem; }.live-section h2 { font-size:clamp(2.8rem,4.6vw,4.4rem); line-height:1.04; }.section-intro { max-width:42rem; margin:2rem 0 0; color:var(--muted); font-size:1.18rem; line-height:1.6; }
.mode-list { margin-top:3rem; }.mode-list article { display:grid; grid-template-columns:3rem 1fr 4rem; align-items:center; gap:1.5rem; padding:2rem 0; border-top:1px solid var(--line); }.mode-number { align-self:start; padding-top:.3rem; color:#a79acb; font-size:.75rem; }.mode-list h3 { font-size:2rem; letter-spacing:-.04em; }.mode-list p { max-width:38rem; margin:.8rem 0 0; color:var(--muted); }.mode-sign { justify-self:center; color:#c393ff; font-size:3.5rem; line-height:1; }.rings-sign { color:#80dfff; }.combo-sign { color:#d696e9; }
.getting-started,.support-section { display:grid; grid-template-columns:1fr 1fr; gap:5rem; }.getting-started h2,.support-section h2 { margin-top:1.2rem; text-align:left; }.quiet-copy { max-width:35rem; color:var(--muted); }.detail-panel { align-self:center; padding:2.5rem; border:1px solid #bba3ff33; border-radius:1.25rem; background:linear-gradient(135deg,#32205266,#14264866); backdrop-filter:blur(16px); }.detail-panel h3 { margin:1.5rem 0; font-size:2.1rem; line-height:1.05; }.detail-panel p:not(.eyebrow) { color:#c2bfd4; }
.privacy-section { position:relative; }.privacy-section h2 { margin:1.25rem 0 2.5rem; text-align:left; }.privacy-lede { margin:0; color:#c5b4ff; font-size:clamp(2rem,4vw,3rem); letter-spacing:-.05em; line-height:1.15; }.privacy-details { display:grid; grid-template-columns:1fr 1fr; gap:5rem; margin-top:2rem; color:var(--muted); }.privacy-details p { max-width:32rem; }
.support-details h3 { margin-bottom:1rem; font-size:1.5rem; }.support-details p { color:var(--muted); }.support-details strong { color:var(--text); }.support-details details { border-top:1px solid var(--line); padding:1.1rem 0; }.support-details summary { cursor:pointer; font-weight:650; }.support-details details p { margin-bottom:0; }
.back-to-studio { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:2.5rem 0; }.back-to-studio .product-link { margin:0; }.back-to-studio > span { color:var(--muted); font-size:.75rem; }
@media (max-width:900px) { .live-hero { gap:2rem; }.getting-started,.support-section,.privacy-details { gap:2.5rem; }.live-art { padding:1rem; }.live-art figcaption span { display:none; } }
@media (max-width:720px) { .live-brand { font-size:1rem; gap:.5rem; }.live-brand img { width:32px; height:32px; }.live-site nav { gap:.8rem; font-size:.75rem; }.live-hero { grid-template-columns:1fr; padding:4rem 0 3rem; gap:3rem; }.live-copy h1 { font-size:clamp(3.25rem,10vw,4.5rem); }.live-art { width:min(100%,440px); justify-self:center; padding:1.25rem; }.live-art img { margin:1rem 0; }.signal-strip { gap:.75rem 1rem; font-size:.64rem; }.live-section { padding:4rem 0; }.mode-list article { grid-template-columns:1.5rem 1fr 2rem; gap:1rem; }.mode-sign { font-size:2.5rem; }.getting-started,.support-section,.privacy-details { grid-template-columns:1fr; gap:2rem; }.detail-panel { padding:1.75rem; }.privacy-details { gap:0; }.back-to-studio { align-items:start; flex-direction:column; } }