:root{--b:#a98afa;--g:#474747;--w:#fff;--bg:#101216;--tx:#d9dde4;--mut:#9aa0aa;--r:14px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;background:var(--bg);color:var(--tx);line-height:1.65;overflow-x:hidden;background-image:radial-gradient(circle at 20% 0,#251b3b 0,transparent 40%),radial-gradient(circle at 90% 30%,#1d2921 0,transparent 35%)}
h1,h2,h3{font-family:'Space Grotesk',sans-serif;color:var(--w);line-height:1.15}
h1{font-size:clamp(2.2rem,6vw,4.2rem)}h2{font-size:clamp(1.6rem,3.6vw,2.5rem);margin-bottom:.6rem}h3{font-size:1.15rem;margin-bottom:.3rem}
a{color:var(--b)}img,svg{max-width:100%}.wrap{width:min(1100px,92%);margin:auto}section{padding:84px 0}
.mono{font-family:'JetBrains Mono',monospace;color:var(--b);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}
.dock{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:50;width:min(1100px,92%);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;background:rgba(23,26,32,.82);backdrop-filter:blur(14px);border:1px solid #ffffff1f;border-radius:18px;box-shadow:0 14px 40px #0008}
.brand{display:flex;align-items:center;gap:9px;color:var(--w);text-decoration:none;font:700 1.05rem 'Space Grotesk'}.brand img{width:34px;height:34px;border-radius:8px}
.dock nav{display:flex;gap:4px}.dock nav a{color:var(--tx);text-decoration:none;padding:7px 12px;border-radius:10px;font-size:.92rem;transition:.2s}.dock nav a:hover{background:#a98afa26;color:var(--w)}
.burger{display:none;background:none;border:1px solid #ffffff30;border-radius:10px;width:40px;height:40px;cursor:pointer;color:#fff;font-size:1.3rem}
.btn{display:inline-block;background:linear-gradient(135deg,var(--b),#7242d7);color:#fff;text-decoration:none;padding:13px 26px;border-radius:12px;font-weight:700;box-shadow:0 8px 0 #49278f,0 16px 30px #a98afa44;transition:.15s;border:0;cursor:pointer;font-size:1rem;font-family:inherit}
.btn:hover{transform:translateY(3px);box-shadow:0 5px 0 #49278f,0 10px 24px #a98afa44}.btn.ghost{background:transparent;border:1px solid #ffffff44;box-shadow:none;color:#fff}
.hero{min-height:100vh;display:flex;align-items:center;padding:130px 0 70px}.hero .wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.hero p.lead{font-size:1.1rem;margin:18px 0 26px;max-width:520px}.hero h1 span{color:var(--b)}.cta{display:flex;gap:14px;flex-wrap:wrap}
.stage{perspective:900px;height:440px;position:relative}.scene{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .15s}
.cube{position:absolute;left:50%;top:36%;width:150px;height:150px;margin:-75px;transform-style:preserve-3d;animation:spin 14s linear infinite}
.cube i{position:absolute;inset:0;background:url(../img/logo.jpg) center/cover;border:1px solid #ffffff55;box-shadow:inset 0 0 30px #0006}
.cube i:nth-child(1){transform:translateZ(75px)}.cube i:nth-child(2){transform:rotateY(90deg) translateZ(75px)}.cube i:nth-child(3){transform:rotateY(180deg) translateZ(75px)}.cube i:nth-child(4){transform:rotateY(-90deg) translateZ(75px)}.cube i:nth-child(5){transform:rotateX(90deg) translateZ(75px)}.cube i:nth-child(6){transform:rotateX(-90deg) translateZ(75px)}
@keyframes spin{from{transform:rotateX(-20deg) rotateY(0)}to{transform:rotateX(-20deg) rotateY(360deg)}}
.ring{position:absolute;left:50%;top:36%;width:300px;height:300px;margin:-150px;border:2px dashed #a98afa66;border-radius:50%;animation:rot 9s linear infinite}@keyframes rot{from{transform:rotateX(75deg) rotateZ(0)}to{transform:rotateX(75deg) rotateZ(360deg)}}
.mods{position:absolute;left:0;right:0;bottom:70px;display:flex;justify-content:center;gap:10px;transform-style:preserve-3d}
.mod{padding:10px 13px;background:var(--g);color:#fff;border-radius:10px;font:600 .78rem 'JetBrains Mono';border-bottom:4px solid #2a2a2a;transition:.6s cubic-bezier(.3,1.4,.5,1)}
.mods.on .mod{background:var(--b);border-color:#49278f;transform:translateZ(60px) translateY(-14px)}
.cap{position:absolute;bottom:112px;width:100%;text-align:center;font:.78rem 'JetBrains Mono';color:var(--mut)}
.tg{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;font-size:.88rem;white-space:nowrap}
.sw{width:54px;height:28px;background:var(--g);border-radius:20px;border:0;position:relative;cursor:pointer;transition:.3s}.sw:after{content:'';position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;transition:.3s}.sw[aria-checked=true]{background:var(--b)}.sw[aria-checked=true]:after{left:29px}
.split{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;align-items:start}.split p+p{margin-top:12px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:30px;perspective:1000px}
.card{background:linear-gradient(160deg,#20242c,#15181e);border:1px solid #ffffff1a;border-radius:var(--r);padding:26px;transform-style:preserve-3d;transition:transform .2s,border-color .2s;box-shadow:0 18px 40px #0006}.card:hover{border-color:var(--b)}.card .ic{font-size:1.8rem;display:block;margin-bottom:8px;transform:translateZ(30px)}
.steps{counter-reset:s;list-style:none;margin-top:24px}.steps li{counter-increment:s;display:flex;gap:18px;padding:18px 0;border-bottom:1px solid #ffffff1a}.steps li:before{content:counter(s);flex:none;width:44px;height:44px;border-radius:12px;background:var(--b);color:#fff;display:grid;place-items:center;font:700 1.1rem 'Space Grotesk';box-shadow:0 5px 0 #49278f}
.tw{overflow-x:auto;margin-top:22px;border:1px solid #ffffff1a;border-radius:var(--r)}table{border-collapse:collapse;width:100%;min-width:560px}th,td{text-align:left;padding:13px 16px;border-bottom:1px solid #ffffff14}th{background:#ffffff0d;color:#fff;font-family:'Space Grotesk'}tr:hover td{background:#a98afa0d}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:24px;border-block:1px solid #ffffff22}.stats div{padding:24px 18px;border-right:1px solid #ffffff14}.stats b{display:block;font:700 1.4rem 'Space Grotesk';color:var(--b)}
.quote{text-align:center;font:500 clamp(1.2rem,3vw,1.8rem)/1.4 'Space Grotesk';color:#fff;max-width:760px;margin:auto}.quote small{display:block;font:.85rem Inter;color:var(--mut);margin-top:14px}
details{border-bottom:1px solid #ffffff1f;padding:16px 0}summary{cursor:pointer;font:600 1.05rem 'Space Grotesk';color:#fff;list-style:none;display:flex;justify-content:space-between}summary:after{content:'+';color:var(--b);font-size:1.4rem}details[open] summary:after{content:'–'}details p{margin-top:10px}
.banner{background:linear-gradient(120deg,#7242d7,var(--b));text-align:center;border-radius:22px;padding:56px 20px;color:#fff;box-shadow:0 30px 60px #a98afa33}.banner h2{margin-bottom:10px}.banner .btn{background:#fff;color:#49278f;box-shadow:0 8px 0 #d5c6f5;margin-top:12px}
.page{padding:140px 0 70px;max-width:820px}.page h2{margin-top:34px;font-size:1.6rem}.page p,.page li{margin-top:10px}.page ul{padding-left:22px}.crumbs{font-size:.88rem;color:var(--mut);margin-bottom:14px}
form{display:grid;gap:14px;margin-top:20px}input,textarea{width:100%;padding:13px;border-radius:10px;border:1px solid #ffffff2a;background:#ffffff0a;color:#fff;font:inherit}
footer{border-top:1px solid #ffffff1a;padding:48px 0;margin-top:40px;font-size:.9rem;color:var(--mut);background:linear-gradient(180deg,#151a22,#101216)}footer .wrap{display:flex;flex-wrap:wrap;gap:36px 64px;justify-content:space-between;align-items:flex-start}.footer-about{flex:1 1 300px;max-width:520px}.footer-brand{display:inline-flex;align-items:center;gap:12px;color:var(--w);text-decoration:none;font:700 1.3rem 'Space Grotesk';margin-bottom:16px}.footer-brand img{border-radius:10px}.footer-about p+p{margin-top:8px}.footer-menu{flex:1 1 100%;min-width:0;overflow-x:auto}.footer-links{display:flex;flex-direction:row;flex-wrap:nowrap;gap:24px;list-style:none;margin:0 0 0 auto;padding:0;width:max-content}.footer-links a{display:block;white-space:nowrap;color:var(--tx);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--b)}.footer-links a:focus-visible{outline:2px solid var(--b);outline-offset:4px;border-radius:2px}
#top{position:fixed;right:18px;bottom:18px;width:46px;height:46px;border-radius:12px;border:0;background:var(--b);color:#fff;font-size:1.3rem;cursor:pointer;opacity:0;pointer-events:none;transition:.3s;z-index:40}#top.show{opacity:1;pointer-events:auto}
.rv{opacity:0;transform:translateY(34px) rotateX(8deg);transition:.8s}.rv.in{opacity:1;transform:none}
@media(max-width:820px){.burger{display:block}.dock nav{position:absolute;top:64px;left:0;right:0;flex-direction:column;background:#171a20f5;border:1px solid #ffffff1f;border-radius:16px;padding:10px;display:none}.dock nav.open{display:flex}.hero .wrap,.split{grid-template-columns:1fr}.stage{height:400px}.mod{padding:8px 9px;font-size:.68rem}section{padding:60px 0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}

.guide-index{max-width:1100px}.guide-index>.lead{max-width:760px;margin-top:18px}.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:22px;margin-top:36px}.guide-card{display:flex;flex-direction:column;padding:26px;border:1px solid #ffffff1a;border-radius:14px;background:linear-gradient(160deg,#20242c,#15181e)}.guide-card h2{font-size:1.35rem;margin-top:12px}.guide-card h2 a{color:var(--w);text-decoration:none}.guide-card h2 a:hover{color:var(--b)}.guide-card p{color:var(--mut)}.guide-card .mono{color:var(--b)}.guide-card .guide-read{margin-top:auto;padding-top:22px;text-decoration:none;font-weight:600}.guide-meta{color:var(--mut);font-size:.85rem}.guide-article>.lead{font-size:1.1rem;margin-top:22px}.guide-article ol{padding-left:22px}.guide-back{margin-top:32px!important;padding-top:24px;border-top:1px solid #ffffff1a}
@media(min-width:821px) and (max-width:1020px){.dock nav a{padding:7px 7px;font-size:.85rem}}

.guide-image-link{display:block;margin-bottom:18px}.guide-thumbnail{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:10px}.guide-feature{display:block;width:100%;height:auto;margin:24px 0;border-radius:14px}

/* Homepage content sections */
section[id]{scroll-margin-top:100px}
.section-note{margin-top:24px;color:var(--mut);font-size:.95rem}
.section-actions{margin-top:26px}
.content-list{padding-left:20px;margin-top:14px}.content-list li+li{margin-top:10px}
.tw caption{text-align:left;padding:14px 16px;color:var(--mut);font-size:.9rem}
code{overflow-wrap:anywhere}


.faq-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 18px}
.faq-tabs[hidden],.faq-panel[hidden]{display:none}
.faq-tabs button{padding:12px 20px;border:1px solid #ffffff30;border-radius:10px;background:#ffffff08;color:var(--tx);font:600 1rem 'Space Grotesk',sans-serif;cursor:pointer}
.faq-tabs button:hover{border-color:var(--b)}
.faq-tabs button[aria-selected="true"]{background:var(--b);border-color:var(--b);color:#101216}
.faq-tabs button:focus-visible,.faq-panel:focus-visible{outline:2px solid var(--b);outline-offset:4px}
@media(max-width:480px){.faq-tabs{gap:8px}.faq-tabs button{flex:1 1 auto;padding:12px 10px;font-size:.88rem}}
.dock nav a.nav-download{margin-left:8px;background:var(--b);color:#fff;font-weight:700;padding:7px 14px;border:1px solid var(--b);white-space:nowrap}
.dock nav a.nav-download:hover{background:#7242d7;border-color:#7242d7;color:#fff}
.dock nav a.nav-download:focus-visible{outline:2px solid #fff;outline-offset:3px}
body.home{font-family:'Roboto',system-ui,sans-serif}

/* Shared navigation and footer */
.dock{width:min(1240px,94%);top:16px;padding:10px 16px;gap:20px}
.brand,.footer-brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;line-height:1.2}
.brand img,.footer-brand img{width:44px;height:44px;flex:none;object-fit:contain;background:#fff;border-radius:12px;border:1px solid #ffffff26;padding:3px}
.brand-accent{color:var(--b)}
.dock nav{gap:2px;align-items:center}
.dock nav a{display:flex;align-items:center;gap:6px;padding:9px 10px;white-space:nowrap;font-size:.84rem}
.dock nav a svg,.burger svg{width:17px;height:17px;flex:none}
.dock nav a[aria-current="page"]{background:#a98afa20;color:#cbb6ff}
.burger{display:none;align-items:center;justify-content:center;flex:none}
.site-footer{padding:52px 0 0;margin-top:0;background:#111720}
.site-footer .footer-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(130px,.65fr) minmax(180px,.8fr);gap:48px}
.site-footer .footer-about{max-width:440px;min-width:0}
.footer-disclaimer{font-size:.82rem;color:var(--mut);margin-top:16px!important}
.footer-column{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.footer-column h2{font-size:1rem;margin:6px 0 10px}
.footer-column a{color:var(--tx);text-decoration:none;font-size:.88rem}
.footer-column a:hover{color:var(--b)}
.site-footer .footer-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between;border-top:1px solid #ffffff14;margin-top:36px;padding:20px 0;font-size:.76rem}
a:focus-visible,button:focus-visible{outline:2px solid var(--b);outline-offset:4px}
@media(min-width:1001px){
.home .hero{height:100svh;min-height:540px;padding:110px 0 36px;box-sizing:border-box}
.home .hero .wrap{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px}
.home .hero h1{font-size:clamp(2.1rem,min(3.8vw,6vh),3.65rem);line-height:1.1}
.home .hero .mono{font-size:.68rem;letter-spacing:.1em}
.home .hero .lead{font-size:clamp(.94rem,1.3vw,1.08rem);line-height:1.6;margin:18px 0 0;max-width:570px}
.home .stage{height:clamp(280px,55vh,420px)}
}
@media(max-width:1000px){
.burger{display:flex;margin-left:auto}
.dock nav{position:absolute;top:76px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;background:#171a20fa;border:1px solid #ffffff1f;border-radius:16px;padding:10px;max-height:calc(100svh - 110px);overflow:auto}
.dock nav.open{display:flex}.dock nav a{padding:12px;font-size:.95rem}
.hero .wrap{grid-template-columns:1fr;gap:20px}.hero{padding:120px 0 48px;min-height:auto}.hero h1{font-size:clamp(2.1rem,6vw,3.4rem)}.stage{height:320px}
.site-footer .footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:24px}
}
@media(max-width:640px){.site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:32px}.site-footer .footer-about{grid-column:1/-1}.site-footer .footer-bottom{align-items:flex-start;flex-direction:column}.brand{font-size:1rem}.brand img{width:40px;height:40px}.dock{padding:8px 12px}.hero .mono{font-size:.65rem;letter-spacing:.06em}.footer-column h2{font-size:.9rem}}
.brand,.footer-brand{font-family:'Space Grotesk',system-ui,sans-serif;font-weight:700}

/* Compact legal footer */
.site-footer{padding:30px 0;margin-top:0}.site-footer .footer-legal{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.footer-legal nav{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 24px}.footer-legal nav a{color:var(--tx);text-decoration:none;font-size:.88rem}.footer-legal nav a:hover{color:var(--b)}.footer-copyright{width:100%;border-top:1px solid #ffffff14;padding-top:22px}.footer-copyright p{margin:0;text-align:center}.footer-copyright p+p{margin-top:8px;font-size:.82rem}

.footer-copyright a{color:inherit;text-decoration:none}.footer-copyright a:hover{color:var(--b)}.page-home-link{padding-bottom:36px}

/* Keep the hero artwork, caption and copy in separate areas. */
.home .hero-copy{min-width:0;position:relative;z-index:1}
.home .hero-actions{margin-top:24px;padding-bottom:8px}
.home .hero-actions .btn{display:inline-flex;align-items:center;gap:18px}
.home .stage{min-width:0;isolation:isolate;overflow:clip;height:clamp(360px,55vh,420px)}
.home .stage .scene{inset:16px 0 150px}
.home .stage .cube,.home .stage .ring{top:50%}
.home .demo-info{position:absolute;left:12px;right:12px;bottom:64px;display:flex;flex-direction:column;align-items:center;gap:18px;z-index:2}
.home .demo-info .cap{position:static;line-height:1.5;font-family:'JetBrains Mono',monospace;font-size:.75rem}
.home .demo-info .mods{position:static;transform-style:flat;gap:10px}
.home .demo-info .mod{font-family:'JetBrains Mono',monospace}
.home .demo-info .mods.on .mod{transform:translateY(-5px)}
.home .stage .tg{bottom:12px}
@media(max-width:1000px){.home .hero .wrap{gap:32px}.home .stage{width:100%;max-width:500px;justify-self:center;height:380px}}
@media(min-width:1001px) and (max-height:650px){.home .hero h1{font-size:2.1rem}.home .hero .lead{font-size:.94rem;line-height:1.5}.home .hero-actions{margin-top:18px}.home .hero-actions .btn{padding:10px 20px}}
/* Larger hero heading, scaled to the available screen height. */
@media(min-width:1001px){.home .hero h1{font-size:clamp(2.7rem,min(4.5vw,7.2vh),4.5rem);line-height:1.08}}
@media(min-width:1001px) and (max-height:650px){.home .hero h1{font-size:clamp(2.4rem,6.5vh,2.8rem)}}
@media(max-width:1000px){.home .hero h1{font-size:clamp(2.5rem,7vw,4rem);line-height:1.08}}
/* Mobile and tablet layout and touch targets. */
@media(max-width:1000px){
.wrap{width:calc(100% - 40px)}
.home .hero{height:auto;min-height:0;padding:112px 0 48px}
.home .hero .wrap{grid-template-columns:minmax(0,1fr);gap:28px}
.home .hero-copy{width:100%;max-width:720px;justify-self:center}
.home .hero h1{font-size:clamp(2.5rem,6vw,3.75rem);overflow-wrap:break-word}
.home .hero p.lead{max-width:680px;font-size:1.05rem;margin:18px 0 0}
.home .stage{height:380px;max-width:460px}
.page{padding-top:112px;padding-bottom:48px;min-width:0}
.page h1{font-size:clamp(2rem,5.4vw,3.3rem);overflow-wrap:anywhere}
.page h2{overflow-wrap:anywhere}
.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.guide-card{min-width:0;padding:22px}
.guide-card h2{font-size:1.3rem}
.split{grid-template-columns:minmax(0,1fr);gap:20px}
section{padding:56px 0}
.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.card{min-width:0;padding:22px}
.tw{max-width:100%;overscroll-behavior-x:contain}
summary{min-height:44px;align-items:center;gap:14px;line-height:1.45}
summary:after{flex:none}
.burger{width:44px;height:44px}
.dock nav{top:calc(100% + 10px)}
.dock nav a{min-height:44px}
.footer-legal nav{gap:4px 18px}
.footer-legal nav a{display:inline-flex;align-items:center;min-height:44px}
.footer-copyright{line-height:1.7}
}
@media(max-width:600px){
.wrap{width:calc(100% - 32px)}
.home .hero{padding-top:108px;padding-bottom:36px}
.home .hero h1{font-size:clamp(2.15rem,8.8vw,3rem);line-height:1.1}
.home .hero .mono{font-size:.62rem;letter-spacing:.035em;line-height:1.7}
.home .hero p.lead{font-size:1rem;line-height:1.65}
.home .hero-actions{margin-top:22px}
.home .hero-actions .btn{justify-content:center;width:100%;max-width:340px;min-height:50px;padding:12px 18px}
.home .hero .wrap{gap:20px}
.home .stage{height:360px;max-width:400px}
.home .stage .ring{width:260px;height:260px;margin:-130px}
.home .demo-info{left:0;right:0;gap:16px}
.home .demo-info .cap{font-size:.67rem}
.home .demo-info .mod{font-size:.7rem;padding:9px 12px}
.grid,.guide-grid{grid-template-columns:minmax(0,1fr)}
section{padding:44px 0}
section h2{font-size:1.75rem;line-height:1.2}
.steps li{gap:12px;padding:16px 0}
.steps li:before{width:34px;height:34px;border-radius:9px;font-size:1rem}
.steps li>div{min-width:0}
.steps h3{line-height:1.35}
.guide-card{padding:20px}
.page{padding-top:108px}
.page h1{font-size:clamp(2rem,8vw,2.7rem);line-height:1.15}
.page h2{font-size:1.5rem;line-height:1.25}
.faq-tabs button{min-height:48px}
.site-footer{padding:24px 0}
.site-footer .footer-legal{gap:18px}
.footer-legal nav{gap:2px 16px}
.footer-legal nav a{font-size:.82rem}
.footer-copyright{font-size:.82rem;padding-top:18px}
.footer-copyright p+p{font-size:.75rem}
#top{right:12px;bottom:12px;width:44px;height:44px}
}
@media(hover:none){.card:hover{transform:none!important}.btn:hover{transform:none}}
/* Palette drawn from the supplied rainbow and violet Balm logo. */
:root{--b:#b49af7;--g:#394335;--bg:#121016;--tx:#e5e1ec;--mut:#b0a8bf;--violet:#8054e8;--lime:#b8df62;--gold:#eedc70}
body{background-color:var(--bg);background-image:radial-gradient(ellipse at 15% 0,#302044 0,transparent 44%),radial-gradient(ellipse at 95% 28%,#202e24 0,transparent 40%)}
.dock{background:rgba(24,20,32,.94);border-color:#b49af72b}
.brand img,.footer-brand img{background:transparent;border:0;padding:0;object-fit:contain;border-radius:0;width:48px;height:48px}
.brand-accent{color:var(--lime)}
.dock nav a[aria-current="page"]{background:#8054e82b;color:#d4c2ff}
.dock nav a:hover{background:#8054e826;color:#e2d5ff}
.btn{background:linear-gradient(125deg,#8054e8,#6338be);box-shadow:0 7px 0 #3e226e,0 15px 30px #8054e833;color:#fff}
.btn:hover{box-shadow:0 4px 0 #3e226e,0 10px 24px #8054e844}
.hero h1 span{color:var(--lime)}
.mono{color:var(--gold)}
.card,.guide-card{background:linear-gradient(150deg,#231d2e,#17141d);border-color:#b49af724}
.card:hover{border-color:#b49af7}
.steps li:before{background:#7344d1;box-shadow:0 5px 0 #43247a}
.faq-tabs button[aria-selected="true"]{background:#7344d1;border-color:#9e78ed;color:#fff}
.sw[aria-checked=true]{background:#7eae39}
.mod{background:#352e43;border-bottom-color:#231d31}
.mods.on .mod{background:#496929;border-color:#2d441b}
.site-footer{background:#15111d;border-top-color:#b49af724}
#top{background:#7344d1}
.home .hero-logo{position:absolute;left:50%;top:50%;width:280px;max-width:88%;height:280px;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 14px 22px #8054e82b)}
.home .stage .ring{border-color:#b8df6266}
@media(max-width:1000px){.dock nav{background:#1c1725fa;border-color:#b49af72b}}
@media(max-width:600px){.brand img{width:44px;height:44px}.home .hero-logo{width:260px;height:260px}}
/* Requested hero title size. */
.home .hero h1{font-size:45px;line-height:1.1}
@media(max-width:1000px){.home .hero h1{font-size:40px}}