/* Public Brainzz. Restrained space canvas with the original block vocabulary. */
.welcome-page{background:#07080c;color:#f6f5f2;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif}
.welcome-page .welcome-shell{background:radial-gradient(circle at 15% 4%,#151824 0,transparent 26%),#07080c;overflow:hidden}
.welcome-page p{color:#bfc1c7}.welcome-page .eyebrow{color:#aeb4c4;letter-spacing:.17em;font-size:10px}
.welcome-page [hidden]{display:none!important}
.welcome-nav{background:#08090edb;border-bottom:1px solid #ffffff21;backdrop-filter:blur(22px);height:76px;z-index:20}
.wordmark{color:#f7f7f4!important;font-size:22px;letter-spacing:-.065em}.wordmark-mark{border-color:#fff}.wordmark-mark i{background:#fff}
.welcome-nav nav a,.nav-signin{color:#d4d5da}.welcome-nav nav a:hover,.nav-signin:hover{color:#fff}
.nav-signin{background:transparent;color:#fff;border:0;border-radius:0;box-shadow:none;font-weight:750}
.block-action,.nav-invite,.primary-cta,.closing-cta button,.signin-main form button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #fff;border-radius:2px;background:#f7f6f2;color:#0b0d12!important;text-decoration:none;font-weight:850;letter-spacing:.015em;box-shadow:5px 5px 0 #757d96;transform:translate(0,0);transition:transform .2s,box-shadow .2s,background .2s,color .2s}
.block-action:hover,.nav-invite:hover,.primary-cta:hover,.closing-cta button:hover,.signin-main form button:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 #b7a5f0;background-color:#10131b!important;color:#fff!important;background-image:radial-gradient(circle at 18% 25%,#fff 0 1px,transparent 2px),radial-gradient(circle at 70% 72%,#fff 0 1px,transparent 2px),radial-gradient(circle at 85% 20%,#fff 0 1px,transparent 2px)}
.nav-invite{padding:11px 17px;white-space:nowrap}.nav-invite span{font-size:16px}
.welcome-page :is(button,a,input,summary):focus-visible{outline:3px solid #a9d8e8;outline-offset:5px}
.welcome-hero{max-width:1300px;min-height:640px;padding:90px 24px 110px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:46px;text-align:left}
.hero-copy{max-width:630px;margin:0}.welcome-hero h1{font-size:clamp(58px,6.1vw,100px);line-height:.98;letter-spacing:-.07em;margin:23px 0 29px;max-width:680px}.welcome-hero h1 span{color:#c6c4ea}
.hero-intro{color:#c0c2c7;font-size:clamp(18px,1.7vw,22px);line-height:1.52;max-width:525px;margin:0}.hero-actions{justify-content:flex-start;gap:24px;margin-top:35px}.primary-cta{padding:15px 22px;font-size:14px}.quiet-link{color:#e8e8ec!important;font-size:13px}.invite-note{color:#9b9faa!important;font-size:11px;max-width:480px}
.hero-scene{height:510px;position:relative;display:grid;place-items:center;isolation:isolate}.hero-scene:before{content:"";position:absolute;width:min(440px,90%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#191d31 0,#111522 40%,transparent 70%);z-index:-2}.hero-scene:after{content:"";position:absolute;inset:8%;background-image:radial-gradient(#fff 1px,transparent 2px),radial-gradient(#b7a5f0 1px,transparent 2px);background-size:74px 83px,127px 113px;opacity:.55;z-index:-1}.orbit{position:absolute;width:82%;aspect-ratio:1;border:1px solid #b2bde84d;border-radius:50%;transform:rotateX(65deg) rotate(-19deg);animation:orbit-turn 22s linear infinite}.orbit-two{width:60%;transform:rotateY(63deg) rotate(22deg);border-color:#f4cf9e66;animation-duration:28s}.hero-mascot{width:min(330px,68%);filter:drop-shadow(0 20px 35px #0009);animation:mascot-float 6s ease-in-out infinite}.mascot-label{position:absolute;bottom:23px;font-size:10px;letter-spacing:.15em;color:#a9aabc!important;text-align:center}.mascot-label span{color:#ffd48d}
@keyframes mascot-float{50%{transform:translateY(-14px) rotate(2deg)}}@keyframes orbit-turn{to{rotate:360deg}}
.product-intro{max-width:1300px;border-top:1px solid #ffffff23;padding:95px 24px 110px}.product-intro h2,.walkthrough h2,.public-section h2,.faq-section h2,.closing-cta h2{color:#f7f6f4}.product-intro>p:last-child{color:#bfc1c8}
.walkthrough{border-top:1px solid #ffffff24;padding:95px max(24px,calc((100vw - 1300px)/2)) 105px;background:#0d0f16}.walkthrough-heading{display:flex;align-items:end;justify-content:space-between;gap:35px}.walkthrough-heading h2{font-size:clamp(42px,5vw,70px);line-height:1.05;letter-spacing:-.06em;margin:0}.walkthrough-heading>p{max-width:330px;font-size:14px;line-height:1.55;margin:0 0 10px}.demo-stage{border:1px solid #ffffff3e;background:#151821;margin-top:38px;box-shadow:0 28px 80px #0008}.demo-tabs{display:flex;gap:0;border-bottom:1px solid #ffffff2e;overflow-x:auto}.demo-tabs button{background:transparent;color:#b5b7c1;border:0;border-right:1px solid #ffffff22;min-height:55px;padding:15px 23px;border-radius:0;white-space:nowrap;font-size:12px;font-weight:800}.demo-tabs button[aria-selected="true"]{background:#f4f3ef;color:#14171e}.demo-tabs button:hover:not([aria-selected="true"]){background:#ffffff13;color:#fff}.demo-window{margin:22px;border:1px solid #ffffff35;min-height:400px;background:#07080c}.demo-window-bar{height:45px;padding:0 20px;border-bottom:1px solid #ffffff23;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.12em;color:#9ea4b5}.demo-window-bar strong{color:#fff;letter-spacing:0;font-size:12px}.demo-dots{color:#bda9e3;letter-spacing:.5em}.demo-panel{min-height:352px;animation:demo-reveal .35s ease-out}.demo-panel:not([hidden]){display:flex}.demo-side{width:180px;background:#11141d;border-right:1px solid #ffffff24;padding:28px;display:flex;flex-direction:column;gap:17px;font-size:12px;color:#a5a8b5}.demo-side span{font-size:10px;letter-spacing:.15em;color:#f3f2f0}.demo-side b{font-size:18px;color:#fff}.demo-writing{padding:46px clamp(24px,6vw,80px);flex:1;max-width:760px}.demo-writing>span,.demo-board-head span{font-size:10px;letter-spacing:.16em;color:#afb2c2}.demo-writing h3,.demo-board-head h3{font-size:clamp(30px,3vw,48px);letter-spacing:-.055em;margin:25px 0 16px}.demo-writing p{font-size:18px}.demo-cursor{display:inline-block;width:2px;height:23px;background:#a7d9e9;animation:cursor-blink 1.2s steps(2) infinite}.demo-writing-meta{border-top:1px solid #ffffff21;margin-top:55px;padding-top:17px;font-size:10px;letter-spacing:.13em;color:#9da3b0}.demo-writing-meta span{color:#e8cb97;margin-left:12px}
#demo-boards{padding:34px;gap:28px;align-items:center}.demo-board-head{width:31%}.demo-board-head p{font-size:14px}.demo-board-grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.demo-board-grid>div{min-height:185px;border:1px solid #ffffff35;background:#1c2030;padding:18px;display:flex;flex-direction:column;gap:15px}.demo-board-grid b{color:#b9a6e6}.demo-board-grid span{font-size:11px;letter-spacing:.1em;color:#e7e8ec}.demo-board-grid p{font-size:15px;line-height:1.45}.demo-moon{width:70px;height:70px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#e8e0ff,#8c93cf 47%,#363f73 68%);box-shadow:0 0 30px #a4a9e766}
#demo-collection{flex-direction:column;align-items:center;justify-content:center;padding:18px}#demo-collection img{max-width:100%;max-height:300px;object-fit:contain}#demo-collection p{font-size:12px}
@keyframes demo-reveal{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes cursor-blink{50%{opacity:0}}
.walkthrough-note{display:flex;align-items:center;justify-content:flex-end;gap:13px;color:#d6d6df;margin-top:14px}.walkthrough-note img{width:42px}.walkthrough-note p{font-size:13px;font-style:italic;margin:0}.walkthrough-note span{font-size:9px;letter-spacing:.13em;color:#9ca0ad}
.public-section{border-top:1px solid #ffffff24}.public-section p:not(.eyebrow){color:#bfc1c8}.template-preview,.collection-preview{background:#171a22;border:1px solid #ffffff31;box-shadow:0 15px 35px #0005;color:#f7f6f3}.template-preview p{border-top-color:#ffffff25!important;color:#c8c9d1!important}.collection-preview{background:#171a22}.collection-preview small{color:#b7b9c4}.collection-preview img{border-radius:3px}
.privacy-section{background:#10121a}.privacy-section a{color:#fff}.faq-section details{border-color:#ffffff2c}.faq-section summary{color:#f7f6f3}.faq-section details p{color:#b8bbc5}
.closing-cta{background:#151722;border-top:1px solid #ffffff25}.closing-cta>img{width:75px;display:block;margin:0 auto 18px}.closing-cta p{color:#bfc1c8}.closing-cta>div{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.closing-cta button,.closing-cta a{width:auto;margin:25px 0 0;padding:14px 22px;font-size:13px}.closing-cta a{color:#111}
.welcome-footer{background:#08090e;border-top:1px solid #ffffff25;display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr);gap:60px;padding:65px max(24px,calc((100vw - 1300px)/2)) 30px;color:#bec0ca;max-width:none}.welcome-footer .footer-main{display:flex;flex-direction:column;align-items:flex-start;gap:13px;margin:0}.welcome-footer .footer-main p{font-size:13px;margin:0}.welcome-footer .footer-main>a:last-child{color:#fff}.welcome-footer .footer-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0}.welcome-footer .footer-columns>div{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin:0}.welcome-footer strong{font-size:10px;letter-spacing:.15em;color:#fff}.welcome-footer a{color:#d8d9e0}.welcome-footer span{font-size:12px;color:#888d9c}.welcome-footer small{grid-column:1/-1;border-top:1px solid #ffffff1e;padding-top:22px;color:#8f93a2}
.signin-dialog{background:#11141b;color:#f8f8f5;border:1px solid #ffffff3b}.signin-dialog::backdrop{background:#030408d9}.signin-side{background:#1b1e2b}.signin-side p,.signin-main .eyebrow{color:#c0c4d0}.signin-side img{width:130px;position:absolute;bottom:15px;left:28px}.signin-main form input{background:#0a0c12;color:#fff;border-color:#ffffff45}.signin-main form button{margin-top:14px}.signin-links a{color:#e1e4ee}.dialog-close{color:#fff;border-color:#ffffff66}.signin-footnote{color:#aeb0bd}.signin-decoration{display:none}
@media(max-width:1000px){.welcome-nav nav{display:none}.welcome-hero{grid-template-columns:1fr;gap:0;padding-top:70px}.hero-scene{height:300px}.hero-mascot{width:200px}.orbit{width:250px}.walkthrough-heading{display:block}.walkthrough-heading>p{margin-top:22px}.welcome-footer{grid-template-columns:1fr}}
@media(max-width:700px){.welcome-nav{height:68px;padding:0 18px}.welcome-hero{padding:66px 22px 85px}.welcome-hero h1{font-size:clamp(50px,12vw,70px)}.hero-scene{height:245px}.hero-mascot{width:160px}.mascot-label{bottom:0;font-size:8px}.product-intro,.public-section,.faq-section{padding:70px 22px}.walkthrough{padding:70px 18px}.demo-window{margin:10px}.demo-window-bar{padding:0 10px}.demo-window-bar>span:last-child{display:none}.demo-side{display:none}.demo-writing{padding:30px 20px}.demo-panel{min-height:295px}#demo-boards{display:block;padding:22px}.demo-board-head{width:auto}.demo-board-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-board-grid>div{padding:9px;min-height:130px}.demo-board-grid p{font-size:11px}.demo-moon{width:45px;height:45px}.walkthrough-note{justify-content:flex-start;flex-wrap:wrap}.walkthrough-note span{width:100%}.welcome-footer{display:block;padding:55px 22px 28px}.welcome-footer .footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:35px}.closing-cta{padding:75px 20px}.signin-side img{display:none}}
@media(max-width:420px){.welcome-nav .nav-signin{margin-left:auto}.nav-invite{font-size:11px;padding:10px}.hero-actions{gap:14px}.hero-actions .quiet-link{font-size:12px}.welcome-footer .footer-columns{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.welcome-page *, .welcome-page *::before,.welcome-page *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.landing-badges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%}
.landing-badge{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:20px 7px;border:1px solid #ffffff2e;background:#11131c;color:#f7f6f3}
.landing-badge .collectible-art{width:min(100%,140px);aspect-ratio:1;display:grid;place-items:center}
.landing-badge svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 9px 8px #0008)}
.landing-badge strong{font-size:11px;line-height:1.2;text-align:center}
.landing-badge .holo-contour{stroke-width:2.7;stroke-linejoin:round;stroke-dasharray:58 17 28 13;filter:drop-shadow(0 0 3px #72f9f2) drop-shadow(0 0 6px #df76ce);animation:brainzz-holo-orbit 7s linear infinite}
@keyframes brainzz-holo-orbit{to{stroke-dashoffset:-116}}
.collection-preview{padding:22px;min-height:0}.collection-preview .landing-badges{margin:0}.collection-preview small{align-self:flex-start;margin-top:12px}
#demo-collection .landing-badges{max-width:680px}
@media(max-width:700px){.landing-badges{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-badge .collectible-art{width:min(100%,105px)}.landing-badge{padding:12px 6px}.landing-badge strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){.landing-badge .holo-contour{animation:none;stroke-dasharray:none}}