@media (max-width:700px){
.header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(16,18,24,0.65);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid rgba(255,255,255,0.08)}
.spacer-header{height:60px}
.nav{padding:10px 0;gap:10px}
.brand{margin-right:auto;gap:10px}
.brand-badge{width:36px;height:36px}
.brand span{font-size:22px}
.nav-links{display:none !important}
.cta{gap:0}
.cta .btn.alt{display:none !important}
.cta .menu-toggle{display:none !important}
.cta .btn{padding:10px 14px}
.btn{font-size:14px;line-height:1.5}
.header .container{width:96vw}
.side-drawer{display:none !important}
.backdrop{display:none !important}
.hero-inner{padding:64px 0 28px}
.hero-grid{display:grid;grid-template-columns:1fr;gap:16px}
.kicker{font-size:12px}
.hero h1{font-size:26px;line-height:1.12;margin:6px 0}
.hero p.lead{font-size:15px;margin-bottom:10px}
.stats{gap:8px;margin:8px 0 10px}
.stat{padding:6px 10px;font-size:13px}
.stat small{font-size:11px}
.hero-actions{display:grid;gap:8px}
.hero-actions .btn{width:100%}
.hero-3d{min-height:220px}
.hero-3d .stage{min-height:220px}
.hero-3d .panel{width:180px;height:180px}
.hero-3d .bot-icon{width:72%;height:72%}
.hero-token{width:34px;height:34px;border-radius:10px}
.hero-token.t1{top:10%;left:4%}
.hero-token.t2{top:18%;right:6%}
.hero-token.t3{bottom:12%;left:8%}
.hero-token.t4{bottom:8%;right:8%}
.section{padding:40px 0}
#features .features-intro .lead{font-size:15px}
.feature-row{display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:16px 0}
.feature-row .feature-copy{order:1}
.feature-row .feature-media{order:2}
.feature-row.reverse{display:flex;flex-direction:column;align-items:stretch}
.feature-row.reverse .feature-copy{order:1}
.feature-row.reverse .feature-media{order:2}
.feature-row + .feature-row{margin-top:10px;padding-top:16px}
.feature-copy h3{font-size:20px;margin-bottom:6px}
.feature-copy p{font-size:14px;margin-bottom:10px}
.bullets{gap:6px}
.grid-bullets{grid-template-columns:1fr;gap:8px}
.feature-row .actions{gap:8px}
.feature-row .actions .btn{flex:1 1 100%}
.card-scene{width:100%;padding:10px;border-radius:14px}
.card-edge-sheen{border-radius:14px}
.mock{width:100%;border-radius:12px}
.mock-body{padding:12px;gap:10px}
.mock-head{padding:8px}
.discord-card{width:100%}
.discord-wrap{gap:10px;padding:10px}
.discord-avatar{width:34px;height:34px;flex:0 0 34px}
.discord-name{font-size:14px}
.discord-timestamp{font-size:11px}
.discord-embed .title{font-size:14px}
.discord-embed .desc{font-size:13px}
.discord-reactions{gap:6px;padding:8px 0 0}
.reaction{gap:6px;padding:2px 8px;font-size:12px}
.info-note{padding:8px 10px;font-size:13px}
.info-note.has-bar{padding-left:16px}
#testimonials{padding:40px 0}
.testi-head{gap:12px;margin-bottom:12px}
.testi-eyebrow{padding:5px 10px;font-size:12px}
.testi-title{font-size:22px;margin:6px 0 0}
.testi-lead{font-size:14px}
.testi-grid{grid-template-columns:1fr;gap:12px}
.testi-card{grid-column:1/-1;padding:14px;border-radius:14px}
.testi-card:nth-child(3n){grid-column:1/-1}
.testi-card:nth-child(4n){grid-column:1/-1}
.testi-quote{font-size:15px;line-height:1.6}
.testi-quote .mark{font-size:38px;top:-6px}
.testi-author{margin-top:10px;font-size:13px}
.testi-role{font-size:11px}
.metrics{grid-template-columns:1fr 1fr;gap:10px}
.metric{padding:12px;border-radius:12px}
.metric strong{font-size:18px}
.metric span{font-size:12px}
.cta-section{padding:34px 0}
.cta-panel{gap:12px;padding:14px;border-radius:14px}
.cta-panel .grow{flex:1 1 100%}
.cta-panel p{font-size:14px}
.band{gap:10px;padding:10px;border-radius:12px}
.band small{font-size:12px}
.cta-panel .btn{width:100%}
.footer-top{grid-template-columns:1fr;gap:16px;padding:28px 0}
.footer-column h4{margin:0 0 8px}
.footer-column ul{gap:6px}
.footer-column a{font-size:14px}
.about-section p{font-size:13px}
.social-icons{gap:8px}
.social-icons a{width:36px;height:36px;border-radius:10px}
.footer-bottom{padding:12px 0;gap:10px;flex-direction:column;align-items:flex-start}
.footer-links{gap:8px;font-size:14px}
.footer-links .bar{display:none}
.footer-notice{font-size:13px}
#footer-logo{height:16px}
.container{width:92vw}
.lead{font-size:15px}
hr{margin:16px 0}
.btn{padding:10px 14px;border-radius:999px}
.discord-mention,.user-mention{font-size:13px}
.nowrap-entity{gap:4px}
.username-frag{font-size:14px}
.hero-media .image{background-position:center top}
.testi-card:hover{transform:none}
img{max-width:100%;height:auto}
.mock-birthday .item{padding:8px;border-radius:10px}
.mock-birthday .avatar{width:28px;height:28px}
.mock-birthday .badge{font-size:11px;padding:3px 6px}
.mock-blacklist .entry{padding:8px;border-radius:10px}
.mock-blacklist .avatar{width:28px;height:28px;border-radius:6px}
.mock-blacklist .mini{width:30px;height:30px;border-radius:8px}
.discord-footer{gap:6px;font-size:11px;margin-top:8px}
.discord-footer .icon{width:18px;height:18px}
.discord-card .discord-buttons{gap:6px;margin-top:8px}
.discord-card .d-btn{padding:12px 8px;border-radius:6px;font-size:13px}
.hero-3d .bot-ring{filter:blur(12px);opacity:.75}
.section h2{font-size:22px}
.gallery{grid-template-columns:1fr;gap:10px;margin-top:12px}
.frame{padding:10px;border-radius:12px;gap:8px;min-height:120px}
.frame .caption{font-size:11px;padding:5px 8px}
a,button{touch-action:manipulation}
*{word-wrap:break-word}
.nowrap-entity,.username-frag{overflow-wrap:anywhere}
.stats .stat{flex:1 1 auto}
html,body{overflow-x:hidden}
#features .features-intro{margin-bottom:12px}
.card-glow{width:90px;height:90px;top:-18px;right:-18px}
.card-glow.alt{width:90px;height:90px;left:-18px;bottom:-18px}
.discord-embed .bar{width:3px}
.kicker .dot{width:6px;height:6px;box-shadow:0 0 0 3px rgba(36,97,230,0.18)}
.hero h1 + .lead{margin-top:4px}
.hero .btn.alt{border-color:rgba(255,255,255,0.22)}
ul{padding-left:18px}
.bullets,.grid-bullets{padding-left:0}
.discord-message code{font-size:12px}
.reaction .emo{font-size:15px}
.footer a{padding:4px 0;display:inline-block}
.testi-tags{gap:6px}
.testi-tag{font-size:11px;padding:3px 6px}
.band>*{flex:1 1 100%}
.header .brand span{line-height:1}
.hero-orbit{pointer-events:none}
.hero .container{width:92vw}
#conclusion .hero-actions{gap:10px}
#conclusion .btn{width:100%}
.footer-column h4{letter-spacing:.4px}
:focus-visible{outline:2px solid rgba(36,97,230,0.7);outline-offset:2px}
.discord-badge{padding:2px 6px;font-size:11px}
.hero-3d .stage{pointer-events:none}
body{line-height:1.5}
h1,h2,h3,h4,h5,h6{margin-top:0}
.footer-logo{align-items:center}
.drawer-content{padding:10px}
.header + .spacer-header{height:56px}
.card-scene{box-shadow:0 8px 20px rgba(0,0,0,0.26)}
.mock{box-shadow:0 8px 20px rgba(0,0,0,0.26)}
.testi-card{box-shadow:0 10px 24px rgba(0,0,0,0.28)}
.footer-bottom,.footer-links{font-size:13px}
.mock-birthday .chip{padding:2px 6px;font-size:11px}
.discord-message .fa-solid{transform:translateY(1px)}
.frame .bar{height:8px}
.hero-3d .panel.image-1{max-width:220px}
.btn i{width:16px;display:inline-block;text-align:center}
.back-to-top{display:none}
.footer{padding-bottom:8px}
.section .container{width:92vw}
table{display:block;overflow-x:auto;max-width:100%}
.discord-embed img{max-width:100%;height:auto;border-radius:6px}
#testimonials::before,#testimonials::after{width:360px;height:360px;filter:blur(28px)}
.hero-media .image{filter:saturate(105%) contrast(0.95)}
.footer .bar{opacity:.3}
code{font-size:12px}
li{margin:0}
.section a{padding:2px 0}
}