/* Existing RND geometry, shared network renderer, finite motion. */
.rnd-motion { position:relative; width:320px; max-width:100%; height:130px; color:#fff; isolation:isolate; }
.rnd-motion canvas { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.rnd-lockup { position:absolute; inset:0; display:flex; justify-content:center; align-items:center; gap:14px; }
.rnd-symbol { display:block; width:52px; height:64px; overflow:visible; flex:none; }
.rnd-word { font-family:var(--font-display); font-size:44px; font-weight:700; letter-spacing:.04em; line-height:1; }
.rnd-dot { display:inline-block; width:9px; height:9px; border-radius:50%; background:var(--accent-mid,#10b981); flex:none; }
.rnd-motion.is-animating .rnd-symbol { animation:rnd-symbol-in calc(var(--duration) * .24) ease-out both; animation-delay:calc(var(--duration) * .43); }
.rnd-motion.is-animating .rnd-word { animation:rnd-word-in calc(var(--duration) * .2) ease-out both; animation-delay:calc(var(--duration) * .6); }
.rnd-motion.is-animating .rnd-dot { animation:rnd-dot-in calc(var(--duration) * .2) ease-out both; animation-delay:calc(var(--duration) * .77); }
@keyframes rnd-symbol-in { from { opacity:0; transform:scale(.97); } to { opacity:1; transform:scale(1); } }
@keyframes rnd-word-in { from { opacity:0; transform:translateX(-8px); clip-path:inset(0 100% 0 0); } to { opacity:1; transform:none; clip-path:inset(0); } }
@keyframes rnd-dot-in { 0% { opacity:0; transform:scale(0); } 45% { opacity:1; transform:scale(1.4); box-shadow:0 0 0 4px #10b98122; } 100% { opacity:1; transform:scale(1); box-shadow:0 0 0 9px #10b98100; } }
.theme-home .hero .rnd-motion { width:240px; height:84px; margin:0 0 12px -20px; }
.theme-home .hero .rnd-lockup { justify-content:flex-start; padding-left:20px; gap:10px; }
.theme-home .hero .rnd-symbol { width:32px; height:40px; }
.theme-home .hero .rnd-word { font-size:29px; }
.site-head .brand { position:relative; }
.site-head .brand span::after { display:inline-block; }
.site-head .brand::before { content:''; position:absolute; width:34px; height:34px; left:-5px; top:-2px; opacity:0; pointer-events:none; background:radial-gradient(circle at 8% 65%,#10b981 0 1px,transparent 2px),radial-gradient(circle at 90% 16%,#0ea5e9 0 1px,transparent 2px),linear-gradient(145deg,transparent 49%,#22d3ee66 50%,transparent 52%); }
.site-head .brand:is(:hover,:focus-visible)::before { animation:rnd-micro .4s ease-out; }
.site-head .brand:is(:hover,:focus-visible) span::after { animation:rnd-dot-in .4s ease-out; }
.site-head .brand:focus-visible { outline:2px solid #5eead4; outline-offset:6px; }
@keyframes rnd-micro { 0% { opacity:0; transform:translate(-2px,2px); } 40% { opacity:.65; } 100% { opacity:0; transform:translate(2px,-2px); } }
.logo-preview { margin:0; background:#0d1b2a; color:#f1f5f9; font-family:var(--font-display); }
.logo-preview main { max-width:1000px; margin:auto; padding:40px 24px; }
.logo-preview a { color:#5eead4; }
.logo-preview h1 { font-size:clamp(2rem,5vw,3.4rem); letter-spacing:-.03em; }
.logo-preview h2 { font-size:1.1rem; }
.logo-preview section { padding:28px 24px; margin-top:24px; border:1px solid #ffffff20; border-radius:8px; background:radial-gradient(ellipse at center,#142c3b,#0d1b2a); }
.logo-preview .rnd-motion { margin:24px auto; }
.logo-preview button { background:#047857; color:white; padding:12px 18px; border:0; border-radius:6px; font:inherit; cursor:pointer; min-height:44px; }
.logo-preview button:focus-visible { outline:2px solid #5eead4; outline-offset:4px; }
.logo-preview .site-head { position:static; }
.logo-preview .logo-light { background:#f3f7fa; color:#0d1b2a; }
.logo-light .rnd-motion { color:#0d1b2a; }
.logo-icons, .logo-icons > span { display:flex; align-items:center; gap:14px; }
.logo-icons { gap:48px; }
@media(prefers-reduced-motion:reduce) { .rnd-motion *, .site-head .brand::before, .site-head .brand span::after { animation:none !important; } .rnd-motion canvas { display:none; } }