/* Folded A identity and independent foreground features. */
body:has(#main) .logo{align-items:center;gap:12px}
.brand-icon{display:block;flex:none;object-fit:contain;width:40px;height:40px}
body:has(#main) .header .logo-word{font-size:22px;letter-spacing:-1.1px}
body:has(#main) .header .logo-domain{font-size:11px;letter-spacing:-.35px}
body:has(#main) .footer .brand-icon{width:48px;height:48px}
.hero-feature-cloud{position:absolute;inset:0;z-index:4;pointer-events:none}
.hero-feature{position:absolute;transform:translate3d(var(--feature-x,0px),var(--feature-y,0px),0) rotate(var(--feature-rotate,0deg))}
.feature-inner{display:flex;align-items:center;gap:11px;padding:13px 17px;color:#dce4ec;font-size:14px;font-weight:450;border:1px solid #a5c5d42e;border-radius:13px;background:#20293ac9;backdrop-filter:blur(16px);box-shadow:0 15px 40px #05091430;animation:feature-float 5.4s ease-in-out infinite}
.feature-inner svg{width:23px;height:23px;fill:none;stroke:#99ddea;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex:none}
.feature-audience{left:5.5%;top:61%;--float-rotate:-2deg}
.feature-content{right:5.5%;top:58%;--float-rotate:2deg}
.feature-content .feature-inner{animation-delay:-1.8s;border-color:#ffa88a32}
.feature-content svg{stroke:#ffa88a}
.feature-bots{left:8%;bottom:8%;--float-rotate:1deg}
.feature-bots .feature-inner{animation-delay:-3.3s}
@keyframes feature-float{0%,100%{transform:translateY(0) rotate(var(--float-rotate,0deg))}50%{transform:translateY(-9px) rotate(calc(var(--float-rotate,0deg) * -1))}}
body:has(#main) .start-art{left:43%;top:0;right:-5%;bottom:0;width:auto;height:auto;transform:none;opacity:1}
.start-coins{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
body:has(#main) .start-art .start-fallback{position:absolute;top:7%;left:0;width:100%;height:86%;object-fit:contain;filter:saturate(.35) brightness(1.65);mix-blend-mode:screen;transform:rotate(-12deg)}
.has-live-invitation-coins .start-fallback{visibility:hidden;opacity:0}
body:has(#main) .start-section:after{background:linear-gradient(90deg,#151c2b 0,#151c2bb0 31%,#151c2b00 58%)}
body:has(#portal-root) .brand-mark{width:32px;height:32px;background:none;border-radius:0;padding:0;object-fit:contain}
body:has(#portal-root) .brand span:last-child{margin-left:-10px}
body:has(#portal-root) img.loading-mark{width:48px;height:48px;letter-spacing:0;object-fit:contain}
.preview-logo .brand-icon{display:inline-block;width:25px;height:25px;vertical-align:-5px;margin-right:7px}
@media(max-width:1120px){.feature-inner{font-size:13px;padding:12px 15px}.feature-inner svg{width:21px;height:21px}}
@media(max-width:760px){
 body:has(#main) .header .logo{gap:9px}
 body:has(#main) .header .brand-icon{width:33px;height:33px}
 body:has(#main) .header .logo-word{font-size:19px}
 body:has(#main) .header .logo-domain{font-size:10px}
 body:has(#main) .hero-copy h1{font-size:clamp(25px,6.9vw,39px);line-height:1.2}
 .feature-inner{font-size:11px;gap:8px;padding:10px 12px;border-radius:10px;background:#20293add}
 .feature-inner svg{width:19px;height:19px}
 .feature-audience{left:6%;top:41%}
 .feature-content{right:6%;top:48%}
 .feature-bots{left:7%;bottom:7%}
 body:has(#main) .start-art{left:0;right:0;top:48%;bottom:0;width:100%;height:auto}
 body:has(#main) .start-section:after{background:linear-gradient(#151c2b 0,#151c2b6b 46%,#151c2b00 67%)}
}
@media(prefers-reduced-motion:reduce){.feature-inner{animation:none}.hero-feature{transform:none}}

/* Keep the closing invitation calm alongside the brighter token artwork. */
body:has(#main) .start-section .button{background:#cda393;border-color:#bea091;color:#182131;box-shadow:none}
body:has(#main) .start-section .button:hover{background:#d5af9f;border-color:#d5af9f;color:#182131;box-shadow:none}
body:has(#main) .start-section .start-contact{color:#a1adbc;text-decoration-color:#a1adbc60}
body:has(#main) .start-section .start-contact:hover{color:#ced5df;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#ced5df80}
body:has(#main) .start-section :is(.button,.start-contact):focus-visible{outline:2px solid #9cabbc;outline-offset:5px}