/* Header and hero refinements retained from the approved direction. */
.header{background:rgba(29,24,36,.98);border-bottom:1px solid #ffffff12}
.header-inner{display:grid;grid-template-columns:205px 1fr 205px;gap:0;min-height:94px}
.header nav{display:contents}
.nav-links{display:flex;align-items:center;justify-content:center;gap:28px;font-size:13px;color:#e2dde9}
.nav-links>a,.nav-links .nav-trigger{position:relative;padding:17px 0;white-space:nowrap}
.nav-links>a:after,.nav-links .nav-trigger:after{content:'';position:absolute;height:2px;bottom:7px;left:0;right:0;background:linear-gradient(90deg,#fa00ae,#ac00ff 48%,#0866ff);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.nav-links .nav-trigger:after{right:14px}
.nav-links>a:hover:after,.nav-links>a:focus-visible:after,.nav-links .nav-trigger:hover:after,.nav-links .nav-trigger[aria-expanded=true]:after{transform:scaleX(1)}
.header .nav-account{justify-content:flex-end;gap:19px;margin:0}
.header .brand{justify-self:start}
.header .brand-lettering{font-size:32px;letter-spacing:-1.1px;gap:7px;font-weight:500}
.header .brand-plaque{display:inline-flex;align-items:center;justify-content:center;width:65px;height:35px;padding:0;border-radius:5px;font-size:21px;font-weight:500;line-height:1;letter-spacing:-.6px;background:linear-gradient(115deg,#ed00bd,#a600ed 45%,#075eff);border:1px solid #c64dff80;box-shadow:inset 0 1px 0 #ffffff55,0 4px 18px #9e00e222}
.header .brand small{font-size:9px!important;letter-spacing:2.05px!important;width:100%;text-align:center;line-height:1.3;color:#c3b9d0}
.header .header-join,.hero .primary{background:linear-gradient(110deg,#de00b8 0%,#a900ec 38%,#7620ff 70%,#075fff 100%);background-size:100% 100%;box-shadow:0 8px 26px #9700e533;border-color:#b732ff;color:#fff}
.header .header-join:hover,.hero .primary:hover{background-position:100% 0;box-shadow:0 10px 30px #9300eb55}
.hero{background:radial-gradient(ellipse at 76% 36%,#53257438,transparent 55%),linear-gradient(116deg,#211b2a 0%,#292034 62%,#221d2d 100%)}
.hero h1>span{background:linear-gradient(95deg,#ed12e0 0%,#b629ff 42%,#4179ff 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-lead{color:#d1c9dc}.hero .eyebrow{color:#d2c7df}.hero .status-dot{background:#ce08f5;box-shadow:0 0 14px #bc00ee55}.hero .quiet-link{color:#f2eaf8}.hero .trial-note{color:#c8bbd8}.hero .tiny-check{color:#e331ff}
.hero .stage-glow{background:radial-gradient(ellipse,#9514f42b,transparent 66%)}.hero .orbit{border-color:#a52ee72b}
.hero .chat-question,.hero .send-arrow,.hero .ai-avatar{background:linear-gradient(110deg,#bf00d9,#7d12ed 62%,#235cfd);color:#fff}.hero .mini-range i{background:linear-gradient(90deg,#e400cf,#7631ff,#0066ff)}
.hero .spark-icon,.hero .answer-spark,.hero .memory-icon,.hero .memory-value,.hero .window-head strong span{color:#9c12d8}
.hero .ai-window{background:#fff}.hero .chat-body{background:#fff;border-radius:0 0 9px 9px}.hero .answer-list li>span{background:#f5edf9;color:#9d13d4}.hero .answer-intro,.hero .answer-list small{color:#74677d}
.hero .float-label{padding:13px 17px;background:linear-gradient(#251c31,#251c31) padding-box,linear-gradient(125deg,#ec00c8,#7828ff,#146aff) border-box;border:1px solid transparent;box-shadow:0 12px 26px #13061e55;left:-5px;top:43px;transform:rotate(-3deg);border-radius:7px}
.marketplace-wordmark{width:255px;height:auto}.hero .brain{filter:drop-shadow(0 15px 30px #07091655);animation:brain-hover 6.2s ease-in-out infinite;will-change:transform;width:325px;height:325px;right:-27px;top:5px}
@keyframes brain-hover{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-12px) rotate(1.3deg)}}
.hero .platforms{align-items:center;gap:18px;color:#c6b9d5;font-size:12px}
.marketplace-badges{display:flex;align-items:center;gap:12px}
.marketplace-badge{display:inline-flex;align-items:center;justify-content:center;height:38px;border-radius:5px;box-shadow:0 5px 18px #0a031e22}
.marketplace-badge.wb-badge{background:#fb00e7;width:38px;overflow:hidden}.marketplace-badge.wb-badge img{width:38px;height:38px}
.marketplace-badge.ozon-badge{background:#fff;padding:0 12px}.marketplace-badge.ozon-badge img{width:83px;height:auto}
.hero-bottom{color:#c8bdd5;border-top-color:#ffffff16}
/* Surface and optical finishing, confined to the header and hero. */
.header .brand-lockup{display:inline-flex;align-items:stretch;gap:9px}
.header .brand-lettering{font-weight:500;letter-spacing:-1.35px}
.header .brand-plaque{border:0;box-shadow:none;border-radius:5px;background:linear-gradient(110deg,#ed00bb 0%,#ad00ee 42%,#075eff 100%);letter-spacing:-.8px}
.header .brand-signature{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:9px;font-weight:400;letter-spacing:1.8px;line-height:1.2;color:#c8c2d2;padding:0 1px}
.header .brand-signature span:last-child{letter-spacing:1.65px}
.header .header-join,.hero .primary{border:0;border-radius:5px;box-shadow:0 8px 22px #7900e82b;transition:box-shadow .25s,filter .25s,transform .25s}
.header .header-join:hover,.hero .primary:hover{filter:brightness(1.12);box-shadow:0 12px 30px #7900e840}
.header .dropdown-panel{width:378px;padding:10px;border:1px solid #e7e3ec;border-radius:8px;box-shadow:0 14px 24px #06031120,0 40px 85px #06031138;left:-24px}
.header .dropdown-panel.open{animation:menu-reveal .18s ease-out}
.header .dropdown-panel a{padding:14px 12px;gap:13px;border-radius:5px;font-size:13px;line-height:1.45}
.header .dropdown-panel a:hover,.header .dropdown-panel a:focus-visible{background:#f3f0fa}
.header .dropdown-panel small{font-size:10px;color:#81788c;line-height:1.5}
.header .dropdown-panel .arr{font-size:19px;color:#795194;transition:transform .2s}
.header .dropdown-panel a:hover .arr{transform:translate(2px,-1px)}
.header .menu-caption{font-size:9px;color:#8d819d;letter-spacing:1.8px;padding:13px 12px 9px}
.header .menu-course-mark,.header .menu-line-icon,.header .menu-icon{flex:none;display:grid;place-items:center;width:39px;height:39px;border-radius:5px;font-size:18px}
.header .menu-icon{background:#f0e8ff;color:#7a21ed;font-size:24px}
.header .menu-course-mark{font-size:15px;font-weight:500;letter-spacing:-.5px}
.header .mark-wb{background:#f700bf;color:white}
.header .mark-ozon{background:#065dff;color:white}
.header .mark-market{background:linear-gradient(115deg,#e600c2,#7838ff,#095cff);color:white}
.header .menu-line-icon{color:#8123d7;background:#f3ecfc}
.header .menu-line-icon svg{width:21px;height:21px}
.header .chevron{transition:transform .25s}
@keyframes menu-reveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 73% 29%,#6d24ae25,transparent 55%),radial-gradient(ellipse at 5% 76%,#763b8118,transparent 43%),linear-gradient(117deg,#1c1822,#24202d 63%,#1d1826)}
.hero::before{content:'';position:absolute;inset:0;background:url('assets/brand/hero-architecture.svg') center center/cover no-repeat;opacity:1;pointer-events:none;z-index:0}
.hero-grid,.hero-bottom{position:relative;z-index:1}
.hero .eyebrow{letter-spacing:1.1px;color:#bbb1ca}
.hero .ai-window{box-shadow:0 35px 70px #08041155,0 6px 12px #08041124;border:0}
.hero .brain{width:315px;height:315px;top:-21px;right:-20px;z-index:4;filter:drop-shadow(13px 24px 12px #19112838);animation:brain-hover 6.2s ease-in-out infinite}
.hero .brain-cast-shadow{position:absolute;top:188px;right:27px;width:214px;height:68px;z-index:3;pointer-events:none;background:radial-gradient(ellipse,#241e3d4d,transparent 70%);transform:rotate(-5deg);filter:blur(9px);animation:brain-shadow 6.2s ease-in-out infinite}
@keyframes brain-hover{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-28px) rotate(1deg)}}
@keyframes brain-shadow{0%,100%{opacity:.8;transform:translateY(0) scale(1) rotate(-5deg)}50%{opacity:.42;transform:translateY(4px) scale(.83) rotate(-5deg)}}
.hero .memory-card{background:#fff;border:0;border-radius:7px;box-shadow:0 5px 10px #17102526,0 22px 35px #09041450}
.hero .memory-card strong{color:#51435f}
.hero .memory-card small{color:#86768f}
.hero .memory-card .mini-range{height:4px;background:#e9e5ef}
.hero .mini-range i:after{width:13px;height:13px;background:#fff;border:3px solid #9f1fee;box-shadow:0 2px 5px #29183e35}
.hero .float-label{border:0;background:#201927;box-shadow:0 10px 24px #0b061838}
@media(max-width:1240px){.header-inner{grid-template-columns:190px 1fr 190px}.nav-links{gap:17px;font-size:12px}.header .brand-lettering{font-size:30px}.header .brand-plaque{width:61px;height:33px;font-size:20px}.header .nav-account{gap:16px}}
@media(max-width:1050px) and (min-width:801px){.header-inner{grid-template-columns:174px 1fr 167px}.nav-links{gap:13px;font-size:11px}.header .brand-lettering{font-size:27px;gap:5px}.header .brand-plaque{width:55px;height:30px;font-size:18px}.header .brand small{font-size:8px!important;letter-spacing:1.7px!important}.header .nav-account{gap:14px}.header .header-join{font-size:11px;padding:11px 12px}.hero .float-label{left:-10px;padding:12px 14px}.marketplace-wordmark{width:210px}.hero .brain{width:285px;height:285px;right:-25px;top:12px}.hero .platforms{font-size:11px;gap:12px}}
@media(max-width:800px){.header-inner{display:flex;justify-content:space-between;min-height:82px}.header nav{display:none;top:82px;background:#21192b}.header nav.open{display:flex}.nav-links{flex-direction:column;align-items:stretch;gap:0;font-size:15px}.nav-links>a,.nav-links .nav-trigger{padding:13px 0}.nav-links>a:after,.nav-links .nav-trigger:after{display:none}.header .nav-account{justify-content:flex-start;margin-top:20px}.header .brand-lettering{font-size:29px}.header .brand-plaque{width:59px;height:32px;font-size:19px}.header .brand small{font-size:8px!important;letter-spacing:1.9px!important}.hero .brain{width:315px;height:315px;right:0;top:0}.marketplace-wordmark{width:235px}.hero .float-label{left:0;top:40px}.hero .platforms{font-size:12px}}
@media(max-width:480px){.header-inner{min-height:78px}.header nav{top:78px}.header .brand-lettering{font-size:27px}.header .brand-plaque{width:55px;height:30px;font-size:18px}.header .brand small{font-size:8px!important;letter-spacing:1.6px!important}.hero .brain{width:192px;height:192px;right:-19px;top:2px}.hero .float-label{top:44px;padding:11px 12px;left:0}.marketplace-wordmark{width:159px}.hero .platforms{font-size:10px;gap:13px;flex-wrap:wrap}.marketplace-badges{gap:10px}.marketplace-badge{height:31px}.marketplace-badge.wb-badge{width:31px}.marketplace-badge.wb-badge img{width:31px;height:31px}.marketplace-badge.ozon-badge{padding:0 10px}.marketplace-badge.ozon-badge img{width:69px}.hero .brain{animation-duration:7s}}
@media(prefers-reduced-motion:reduce){.hero .brain{animation:none;will-change:auto}}

@media(max-width:1240px){.nav-links{gap:22px}.header .brand-signature{font-size:8px;letter-spacing:1.6px}}
@media(max-width:1050px) and (min-width:801px){.nav-links{gap:15px}.header .brand-signature{font-size:7px;letter-spacing:1.5px}.hero .brain{top:-7px}.hero .brain-cast-shadow{top:185px;width:180px;right:20px}}
@media(max-width:800px){.header .brand-signature{font-size:8px;letter-spacing:1.65px}.header .dropdown-panel{position:static;width:100%;border:0;background:#2b2235;box-shadow:none;margin:0 0 12px;animation:none}.header .dropdown-panel a{font-size:13px;color:#e6ddef}.header .dropdown-panel small,.header .menu-caption{color:#b2a1c1}.header .dropdown-panel a:hover,.header .dropdown-panel a:focus-visible{background:#382b46}.header .menu-icon,.header .menu-line-icon{background:#42304f;color:#cba4ff}.header .dropdown-panel .arr{color:#bb99db}.hero .brain{top:-19px}.hero .brain-cast-shadow{top:195px;right:45px}.hero::before{background-size:auto 100%;background-position:42% center}.nav-links{gap:0}}
@media(max-width:480px){.header .brand-signature{font-size:7px;letter-spacing:1.65px}.hero .brain{top:0}.hero .brain-cast-shadow{top:125px;right:2px;width:132px;height:45px;filter:blur(6px)}.hero .brain{animation-duration:6.2s}.header .dropdown-panel{padding:6px}.header .dropdown-panel a{padding:12px 8px}.header .dropdown-panel small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero .brain,.hero .brain-cast-shadow,.header .dropdown-panel.open{animation:none;will-change:auto}.header .chevron{transition:none}}
@media(max-width:800px){.header nav{max-height:calc(100dvh - 82px);overflow-y:auto}}
@media(max-width:480px){.header nav{left:-18px;right:-18px;max-height:calc(100dvh - 78px)}}

/* Signature: spacing between every letter, with wider spaces between words. */
.header .brand-signature{display:block;position:relative;width:100%;height:12px;padding:0;letter-spacing:normal}
.header .brand-signature svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.header .brand-signature text{font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:400;word-spacing:4px;fill:#c8c2d2}
/* A clean rectangular button system and centered interface details. */
.header .nav-links{gap:32px;font-size:14px;font-weight:400;letter-spacing:.12px;color:#fff}
.header .nav-trigger{font-weight:400}
.header .nav-links>a:hover,.header .nav-trigger:hover{color:#fff}
.header .login-link{color:#fff;font-weight:400;font-size:14px}
.header .header-join,.hero .primary{border:0;border-radius:2px;outline-offset:5px;background:linear-gradient(105deg,#db00c0,#8d13f7 55%,#155bff);background-size:100% 100%;box-shadow:0 8px 20px #08040e26;overflow:hidden}
.header .header-join:hover,.hero .primary:hover{box-shadow:0 10px 24px #08040e36;filter:brightness(1.08)}
.header .header-join{display:inline-flex;align-items:center;justify-content:center;gap:13px;line-height:1.2;min-height:45px;padding:13px 17px;font-weight:400;letter-spacing:.12px}
.header .header-join span{margin:0;color:#fff}
.account-arrow{width:16px;height:16px;flex:none}
.hero .primary{padding:19px 25px;gap:24px;min-height:60px;font-size:16px;font-weight:400;line-height:1.25;letter-spacing:.15px}
.hero .action-arrow,.hero .format-arrow{display:block;width:24px;height:24px;flex:none;transition:transform .25s}
.hero .primary:hover .action-arrow{transform:translateX(3px)}
.hero .quiet-link{font-size:15px;font-weight:400;color:#fff;gap:12px;line-height:1.25}
.hero .quiet-link span{font-size:inherit}
.hero .quiet-link:hover{color:#fff}
.hero .quiet-link:hover .format-arrow{transform:translateY(3px)}
.hero .ai-avatar{display:grid;place-items:center;flex:none;padding:0;letter-spacing:-.5px;font-size:18px;line-height:1;font-weight:500;border-radius:3px}
.hero .mini-range i:after{top:50%;right:0;transform:translate(50%,-50%);width:14px;height:14px;border:3px solid #9f1fee;box-shadow:0 2px 4px #29183e28}
.hero .memory-icon{display:flex;align-items:center;line-height:1}
.hero .memory-value{line-height:1;font-weight:500}
.hero .marketplace-badges{gap:22px}
.hero .marketplace-badge,.hero .marketplace-badge.wb-badge,.hero .marketplace-badge.ozon-badge{padding:0;border:0;box-shadow:none;background:transparent;border-radius:0;overflow:visible;width:auto;height:34px}
.hero .marketplace-badge.ozon-badge img{width:102px;height:auto;filter:brightness(1.35)}
@media(max-width:1240px){.header .nav-links{font-size:13px;gap:23px}.hero .primary{font-size:15px;padding:18px 22px}}
@media(max-width:1050px) and (min-width:801px){.header .nav-links{font-size:11px;gap:17px}.header .header-join{padding:11px 12px;font-size:11px;gap:8px;min-height:40px}.header .login-link{font-size:12px}.hero .primary{font-size:14px;padding:16px 20px;gap:20px}.hero .quiet-link{font-size:13px}.hero .marketplace-badge.ozon-badge img{width:89px}}
@media(max-width:800px){.header .nav-links{font-size:16px;gap:0}.header .header-join{font-size:14px}.hero .ai-avatar{font-size:18px}}
@media(max-width:480px){.hero .primary{font-size:15px;padding:18px 22px;gap:22px}.hero .quiet-link{font-size:14px}.hero .ai-avatar{font-size:16px}.hero .marketplace-badge.ozon-badge img{width:83px}.hero .marketplace-badges{gap:18px}}
@media(prefers-reduced-motion:reduce){.hero .action-arrow,.hero .format-arrow{transition:none}}
.hero .marketplace-badge.wb-badge img{width:60px;height:auto}
.hero .hero-lead{color:#ede9f2}
.header .brand-signature text{fill:#e9e4f0}
@media(max-width:480px){.hero .marketplace-badge.wb-badge img{width:49px;height:auto}}
.header{background:rgba(29,24,36,.99);transition:background-color .25s,box-shadow .25s}
.header.is-scrolled{background:rgba(29,24,36,.90);backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%);box-shadow:0 5px 20px #08040f1c}
@media(prefers-reduced-motion:reduce){.header{transition:none}}
/* Original Intellect asset has wider transparent margins and taller splashes. */
.hero .brain{width:430px;height:430px;right:-80px;top:-48px}
.hero .brain-cast-shadow{top:224px;right:10px;width:230px}
@media(max-width:1050px) and (min-width:801px){.hero .brain{width:385px;height:385px;right:-70px;top:-42px}.hero .brain-cast-shadow{top:220px;right:5px;width:200px}}
@media(max-width:800px){.hero .brain{width:430px;height:430px;right:-65px;top:-48px}.hero .brain-cast-shadow{top:230px;right:20px;width:230px}}
@media(max-width:480px){.hero .brain{width:280px;height:280px;right:-57px;top:-47px}.hero .brain-cast-shadow{top:149px;right:0;width:150px;height:45px}}