/* SpinTag page components (loads after brutal-theme.css) */
@keyframes st-gleam{0%{opacity:0;--bt-gleam:0deg}2%{opacity:1}12%{opacity:1;--bt-gleam:360deg}13%,100%{opacity:0;--bt-gleam:360deg}}
.wrap{width:min(1200px,calc(100% - 2 * clamp(24px,4vw,56px)));margin:0 auto}
@media (max-width:599px){.wrap{width:calc(100% - 32px)}}
.wordmark{color:var(--bt-text)}.wordmark b{font-weight:400;color:var(--bt-accent)}
.tagline{font:700 13px/1 var(--bt-font-text);letter-spacing:1.6px;text-transform:uppercase;margin:0;color:var(--bt-text)}
.tagline .lime{color:var(--bt-accent)}
.frame{position:relative;border:1px solid var(--bt-frame-idle);border-radius:var(--bt-r-frame);background:var(--bt-surface)}
.frame::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;
 background:conic-gradient(from var(--bt-gleam),transparent 0 46%,var(--bt-frame-peak) 50%,transparent 54% 100%);
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
 opacity:0;animation:st-gleam var(--bt-gleam-cycle) var(--bt-ease) infinite;animation-delay:var(--bt-gleam-delay,0s)}
.frame.raised{background:var(--bt-surface-raised)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 26px;border-radius:var(--bt-r-pill);font:700 16px var(--bt-font-text);border:1px solid var(--bt-accent);background:var(--bt-accent);color:var(--bt-ink);text-decoration:none}
.btn[disabled],.btn.is-disabled{background:transparent;color:var(--bt-accent);opacity:.7;cursor:not-allowed;border-style:dashed}
.chips{display:flex;gap:var(--bt-s-2);flex-wrap:wrap;list-style:none;padding:0;margin:0}
.chips li{border:1px solid var(--bt-line);border-radius:var(--bt-r-pill);padding:4px 14px;font-size:14px;font-weight:600;color:var(--bt-text-2)}
.carousel{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 14px;-webkit-overflow-scrolling:touch}
.carousel picture{flex:0 0 auto;scroll-snap-align:start}
.carousel img{width:250px;height:auto;border-radius:14px;border:1px solid var(--bt-frame-idle)}
.carousel::-webkit-scrollbar{height:6px}.carousel::-webkit-scrollbar-thumb{background:var(--bt-frame-idle);border-radius:3px}
.feature-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--bt-s-3)}
.feature-list li{padding:14px 16px}
.feature-list strong{display:block;font:400 19px/1.2 var(--bt-font-display);letter-spacing:.03em;text-transform:uppercase;color:var(--bt-accent)}
.feature-list span{color:var(--bt-text-2);font-size:15px;line-height:21px}
.section{margin:36px 0}
.viz{display:flex;align-items:center;gap:4px;height:64px}
.viz i{display:block;width:3px;height:calc(var(--h,.5)*100%);border-radius:2px;
 background:linear-gradient(var(--bt-meter-peak) 0 3px,var(--bt-meter-fill) 3px calc(100% - 3px),var(--bt-meter-peak) calc(100% - 3px));
 box-shadow:0 0 6px rgba(212,255,79,.45);animation:bt-viz 1.6s var(--bt-ease) infinite alternate;animation-delay:var(--d,0s)}
@keyframes bt-viz{from{transform:scaleY(.55)}to{transform:scaleY(1)}}
.app-hero{display:flex;gap:22px;align-items:center;padding-top:36px}
.app-icon{width:120px;height:120px;border-radius:26px;border:1px solid var(--bt-frame-idle);flex:0 0 auto}
.app-hero h1{margin:0}
.app-hero .actions{margin-top:14px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.app-hero .viz{margin-left:auto}
.short{font-size:20px;line-height:28px;margin:22px 0 0;max-width:720px}
.plus{padding:22px}.plus h2{color:var(--bt-accent)}.plus p{margin:0}.plus .btn{margin-top:16px}
@media (min-width:600px) and (max-width:1024px){
 .feature-list{grid-template-columns:repeat(2,1fr)}
 .btn{min-height:48px}
 .carousel img{width:240px}
 .app-hero .viz{display:none}
}
@media (min-width:1025px){.feature-list{grid-template-columns:repeat(3,1fr)}}
@media (max-width:599px){
 .btn{min-height:48px}
 .app-hero{flex-direction:column;align-items:flex-start;gap:14px;padding-top:24px}
 .app-hero>div{width:100%}
 .app-icon{width:88px;height:88px;border-radius:20px}
 .app-hero .actions .btn{width:100%}
 .app-hero .viz{display:none}
 .short{font-size:17px;line-height:24px}
 .carousel img{width:62vw}
}
@media (prefers-reduced-motion:reduce){.frame::before,.viz i{animation:none}.frame::before{opacity:0}}
.app-hero h1{font-size:56px;line-height:58px}
@media (max-width:599px){.app-hero h1{font-size:44px;line-height:46px}}
.st-badge{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:var(--bt-r-pill);border:1.5px solid var(--bt-accent);color:var(--bt-accent);font:700 15px/1 var(--bt-font-text);letter-spacing:.3px}
@media (max-width:599px){.st-badge{width:100%;justify-content:center}}
/* SpinTag privacy policy (/spintag/privacy) */
.st-privacy{max-width:760px;margin:0 auto 64px}
.st-privacy .bt-page-head{text-align:left}
.st-privacy .pp-meta{font-size:14px;line-height:20px;margin:0}
.st-privacy .pp-sec{border-top:1px solid var(--bt-line);padding:var(--bt-s-6) 0 var(--bt-s-2);scroll-margin-top:84px}
.st-privacy h2{font-size:26px;line-height:30px;color:var(--bt-text)}
.st-privacy h3{font-size:18px;line-height:22px;letter-spacing:.03em;color:var(--bt-accent);margin:var(--bt-s-5) 0 var(--bt-s-2)}
.st-privacy p,.st-privacy li{font-size:16px;line-height:25px;color:var(--bt-text-2)}
.st-privacy p{margin:0 0 var(--bt-s-3)}
.st-privacy strong{color:var(--bt-text)}
.st-privacy ul{margin:0 0 var(--bt-s-3);padding-left:1.2em}
.st-privacy li{margin:0 0 var(--bt-s-2)}
.st-privacy li::marker{color:var(--bt-accent)}
.st-privacy a{overflow-wrap:anywhere}
#delete-data{border:1px solid var(--bt-frame-idle);border-radius:var(--bt-r-frame);background:var(--bt-surface);padding:var(--bt-s-5);margin:var(--bt-s-4) 0}
#delete-data:target{border-color:var(--bt-accent)}
@media (max-width:599px){.st-privacy h2{font-size:23px;line-height:27px}.st-privacy .bt-page-head{text-align:left}}