.official-chrome { --ink: #231b36; --muted: #756d84; --purple: #7346dc; --line: #e8e3ef; --soft: #f7f5fb; --lav: #eee7fc; }
.official-chrome, .official-chrome * { box-sizing: border-box; }
.official-chrome { margin: 0px; font-family: Arial, Helvetica, sans-serif; color: var(--ink); background: rgb(255, 255, 255); }
.official-chrome a { color: inherit; text-decoration: none; }
.official-chrome button, .official-chrome input, .official-chrome select, .official-chrome textarea { font: inherit; }
.official-chrome button, .official-chrome a, .official-chrome input, .official-chrome select, .official-chrome textarea { outline-offset: 5px; }
.official-chrome button { cursor: pointer; }
.official-chrome header { height: 88px; border-bottom: 1px solid var(--line); position: sticky; top: 0px; background: rgba(255, 255, 255, 0.96); z-index: 30; display: flex; align-items: center; justify-content: space-between; padding: 0px 5.5%; }
.official-chrome .logo { font-size: 29px; font-weight: 850; letter-spacing: -1.7px; color: rgb(66, 38, 116); }
.official-chrome .nav { display: flex; gap: 28px; align-items: center; font-size: 13px; }
.official-chrome .nav a.active { color: var(--purple); }
.official-chrome .btn { display: inline-flex; gap: 22px; align-items: center; border-radius: 7px; padding: 15px 23px; border: 1px solid var(--purple); background: var(--purple); color: white; font-size: 13px; font-weight: 600; justify-content: center; }
.official-chrome .menu { display: none; background: transparent; border: 0px; font-size: 24px; }
.official-chrome .dropdown { position: relative; }
.official-chrome .dropdown > a { padding: 30px 0px; display: block; }
.official-chrome .drop { display: none; position: absolute; top: 55px; left: -25px; width: 260px; padding: 12px; background: white; box-shadow: rgba(33, 16, 56, 0.094) 0px 16px 55px; border: 1px solid var(--line); border-radius: 12px; }
.official-chrome .drop a { padding: 13px 14px; display: block; border-radius: 8px; }
.official-chrome .drop a:hover { background: var(--soft); }
.official-chrome .dropdown:hover .drop, .official-chrome .dropdown:focus-within .drop { display: block; }
.official-chrome .wrap { max-width: 1260px; margin: auto; padding: 0px 5%; }
.official-chrome p { line-height: 1.75; color: var(--muted); font-size: 15px; margin: 0px 0px 20px; }
.official-chrome .footer { border-top: 1px solid var(--line); padding: 60px 0px 25px; }
.official-chrome .footgrid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 30px; margin-bottom: 45px; }
.official-chrome .footgrid p { font-size: 12px; max-width: 270px; margin-top: 16px; }
.official-chrome .footgrid h4 { font-size: 12px; font-weight: 600; margin: 0px 0px 22px; }
.official-chrome .footgrid a { font-size: 12px; color: var(--muted); display: block; margin-bottom: 14px; }
.official-chrome .fine { border-top: 1px solid var(--line); padding-top: 23px; font-size: 10px; line-height: 1.8; color: rgb(146, 137, 159); }
.official-chrome .bottom { display: flex; justify-content: space-between; margin-top: 25px; font-size: 10px; color: var(--muted); }
.official-chrome { scroll-behavior: smooth; }
@media (min-width: 1450px) {.official-chrome .wrap { padding: 0px 25px; }}
@media (max-width: 1000px) {.official-chrome .nav { gap: 17px; }}
@media (max-width: 760px) {.official-chrome header { height: 72px; padding: 0px 6%; }
.official-chrome .logo { font-size: 27px; }
.official-chrome .menu { display: block; }
.official-chrome .nav { display: none; position: absolute; top: 72px; left: 0px; right: 0px; background: white; padding: 25px 6%; border-bottom: 1px solid var(--line); max-height: 85vh; overflow: auto; }
.official-chrome .nav.open { display: block; }
.official-chrome .nav > a, .official-chrome .dropdown > a { display: block; padding: 15px 0px; }
.official-chrome .drop { display: block; position: static; width: auto; box-shadow: none; border: 0px; padding: 0px 0px 6px 15px; }
.official-chrome .drop a { font-size: 12px; padding: 10px; }
.official-chrome .wrap { padding: 0px 6%; }
.official-chrome .footgrid { grid-template-columns: 1fr 1fr; }
.official-chrome .footgrid > div:first-child { grid-column: 1 / -1; }
.official-chrome .bottom { gap: 15px; flex-wrap: wrap; }}
@media (prefers-reduced-motion: reduce) {.official-chrome, .official-chrome * { scroll-behavior: auto !important; transition: none !important; }}
.official-chrome { --purple: #8150eb; --ink: #221932; --soft: #f5f3f9; }
.official-chrome header { height: 94px; padding: 0px 5%; border-bottom-color: rgb(237, 232, 242); }
.official-chrome .logo { font-size: 33px; }
.official-chrome .wrap { max-width: 1440px; padding: 0px 6%; }
.official-chrome .btn { border-radius: 5px; padding: 17px 25px; }
.official-chrome .fine { font-size: 11px; }
.official-chrome .footgrid { padding-top: 10px; }
@media (max-width: 760px) {.official-chrome header { height: 74px; }
.official-chrome .nav { top: 74px; }
.official-chrome .wrap { padding: 0px 6%; }
.official-chrome .logo { font-size: 30px; }}
.official-chrome { --purple: #8854f0; --lav: #ece3ff; }
@keyframes sphereFloat { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-12px); }
}
@keyframes toolFloat { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-7px); }
}
@keyframes orbitSpin { 
  100% { transform: rotate(360deg); }
}
@keyframes scanOrb { 
  0%, 100% { top: 30%; opacity: 0.12; }
  50% { top: 57%; opacity: 0.3; }
}
@keyframes linkFlow { 
  100% { stroke-dashoffset: -120; }
}
@keyframes waveSignal { 
  0%, 100% { transform: scaleY(0.4); opacity: 0.4; }
  50% { transform: scaleY(1); opacity: 1; }
}
@keyframes pulseStatus { 
  0%, 100% { box-shadow: rgba(161, 104, 219, 0) 0px 0px 0px; }
  50% { box-shadow: rgba(161, 104, 219, 0.333) 0px 0px 16px; }
}
.official-chrome { --brand-purple: #6f2d91; --brand-orange: #8d35f0; --brand-blue: #0b5394; --purple: #6f2d91; --ink: #172a42; --muted: #68778a; --line: #e0e7ee; --soft: #f4f7fb; --lav: #f0e7f5; }
.official-chrome .brand-logo { display: block; width: 160px; height: auto; object-fit: contain; }
.official-chrome .logo { display: inline-flex; align-items: center; line-height: 1; letter-spacing: normal; }
.official-chrome .logo .brand-logo { width: 166px; }
.official-chrome .footer .logo .brand-logo { width: 188px; }
.official-chrome .btn { background: rgb(11, 83, 148); border-color: rgb(11, 83, 148); }
.official-chrome .btn:hover { background: rgb(8, 71, 127); border-color: rgb(8, 71, 127); }
.official-chrome .nav a.active { color: rgb(111, 45, 145); }
.official-chrome .fine { color: rgb(126, 139, 155); }
@media (max-width: 760px) {.official-chrome .logo .brand-logo { width: 145px; }
.official-chrome .footer .logo .brand-logo { width: 174px; }}
.official-chrome { --purple: #7a2fe0; --brand-purple: #7a2fe0; --brand-blue: #3577b9; --brand-orange: #7a2fe0; --ink: #211a3d; --muted: #655f7c; --line: #dfddef; --soft: #f6f4fd; --lav: #efe6fd; --sky: #eaf5ff; }
.official-chrome { background: rgb(253, 252, 255); }
.official-chrome .btn { background: rgb(122, 47, 224); border-color: rgb(122, 47, 224); border-radius: 9px; transition: transform 0.2s, box-shadow 0.2s; }
.official-chrome .btn:hover { box-shadow: rgba(122, 47, 224, 0.145) 0px 8px 24px; transform: translateY(-2px); }
.official-chrome .btn:focus-visible, .official-chrome a:focus-visible, .official-chrome button:focus-visible { outline: rgb(131, 189, 240) solid 3px; }
.official-chrome .footer .footgrid { grid-template-columns: 1.5fr 1fr 1fr 1.3fr 1fr; }
.official-chrome .footer-extra { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; border-top: 1px solid var(--line); padding: 25px 0px; }
.official-chrome .footer-extra a { font-size: 12px; color: var(--muted); margin-right: 18px; display: inline-block; margin-bottom: 12px; }
.official-chrome .footer-extra p { font-size: 12px; }
@media (max-width: 1100px) {.official-chrome .nav { gap: 16px; font-size: 12px; }
.official-chrome .footer .footgrid { grid-template-columns: 1.5fr 1fr 1fr; }}
@media (max-width: 760px) {.official-chrome .hero-layout, .official-chrome .customer-access-grid, .official-chrome .marketing-grid, .official-chrome .footer-extra { grid-template-columns: 1fr; }
.official-chrome .footer .footgrid { grid-template-columns: 1fr 1fr; }
.official-chrome .nav { max-height: 85vh; }}
@media (min-width: 761px) and (max-width: 1100px) {.official-chrome header { height: 78px; }
.official-chrome .menu { display: block; }
.official-chrome .nav { display: none; position: absolute; top: 78px; left: 0px; right: 0px; background: white; padding: 25px 6%; border-bottom: 1px solid var(--line); max-height: 85vh; overflow: auto; }
.official-chrome .nav.open { display: block; }
.official-chrome .nav > a, .official-chrome .dropdown > a { display: block; padding: 15px 0px; }
.official-chrome .drop { display: block; position: static; width: auto; box-shadow: none; border: 0px; padding: 0px 0px 6px 15px; }
.official-chrome .drop a { font-size: 12px; padding: 10px; }}
.official-chrome { --purple: #7735cf; --brand-purple: #7735cf; --ink: #242039; --muted: #6a647c; --line: #e4e0ee; --soft: #f7f5fc; --lav: #f0e8fc; --sky: #eaf4ff; }
.official-chrome { font-family: Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; }
.official-chrome header { height: 82px; background: rgba(255, 255, 255, 0.93); backdrop-filter: blur(18px); border-bottom: 1px solid rgb(232, 228, 239); }
.official-chrome .logo .brand-logo { width: 154px; }
.official-chrome .nav { gap: 25px; }
.official-chrome .drop { top: 48px; border-radius: 14px; box-shadow: rgba(53, 34, 83, 0.082) 0px 18px 60px; padding: 10px; }
.official-chrome .drop a { padding: 12px 14px; }
.official-chrome .wrap { max-width: 1380px; }
.official-chrome .btn { min-height: 48px; padding: 13px 21px; gap: 12px; font-size: 13px; line-height: 1.4; font-weight: 600; border-radius: 9px; background: rgb(119, 53, 207); border-color: rgb(119, 53, 207); box-shadow: rgba(119, 53, 207, 0.047) 0px 4px 12px; }
.official-chrome .btn:hover { transform: translateY(-2px); box-shadow: rgba(119, 53, 207, 0.125) 0px 9px 25px; background: rgb(103, 37, 189); border-color: rgb(103, 37, 189); }
.official-chrome .footer { padding-top: 48px; }
.official-chrome .footgrid { gap: 25px; }
.official-chrome .footgrid a { font-size: 11px; line-height: 1.6; margin-bottom: 10px; }
.official-chrome .footgrid a:hover { color: rgb(119, 53, 207); }
.official-chrome .footgrid h4 { margin-bottom: 18px; }
.official-chrome .footer .brand-logo { width: 174px; }
.official-chrome .fine { font-size: 10px; }
@keyframes meshPulse { 
  0%, 100% { opacity: 0.35; }
  50% { opacity: 1; }
}
@keyframes meshFlow { 
  100% { stroke-dashoffset: -240; }
}
@media (min-width: 1101px) {.official-chrome .nav { font-size: 12px; }}
@media (max-width: 1100px) {.official-chrome header { height: 76px; }
.official-chrome .nav { top: 76px; }}
@media (max-width: 760px) {.official-chrome header { height: 70px; }
.official-chrome .nav { top: 70px; }
.official-chrome .logo .brand-logo { width: 139px; }
.official-chrome .btn { min-height: 46px; padding: 12px 18px; font-size: 12px; }
.official-chrome .footer { padding-top: 35px; }}
@media (prefers-reduced-motion: reduce) {.official-chrome .btn:hover, .official-chrome .card:hover { transform: none; }}
@keyframes contextFlow { 
  100% { stroke-dashoffset: -240; }
}
@keyframes contextFloat { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-7px); }
}
@keyframes contextGlow { 
  0%, 100% { opacity: 0.4; }
  50% { opacity: 1; }
}
.official-chrome .btn { vertical-align: middle; text-align: center; flex-shrink: 0; }
.official-chrome .drop { max-height: calc(-120px + 100vh); overflow: auto; }
.official-chrome .nav .drop a { line-height: 1.5; }
.official-chrome .footer .fine { max-width: 1180px; line-height: 1.85; }
@media (max-width: 760px) {.official-chrome .drop { max-height: none; overflow: visible; }}
@keyframes walletTransfer { 
  100% { stroke-dashoffset: -192; }
}
@keyframes walletPulse { 
  0%, 100% { opacity: 0.45; }
  50% { opacity: 1; }
}
@keyframes walletHalo { 
  0%, 100% { transform: scale(0.98); opacity: 0.2; }
  50% { transform: scale(1.04); opacity: 0.4; }
}
@keyframes fxOrbit { 
  100% { transform: rotate(360deg); }
}
@keyframes controlDrift { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-4px); }
}
@keyframes controlScan { 
  0%, 100% { opacity: 0.15; transform: translateY(0px); }
  50% { opacity: 0.75; transform: translateY(37px); }
}
@keyframes controlPulse { 
  0%, 100% { opacity: 0.4; }
  50% { opacity: 1; }
}
@keyframes neuralAwake { 
  0%, 100% { opacity: 0.2; }
  50% { opacity: 0.5; }
}
.official-chrome .btn { min-height: 44px; line-height: 1.4; transition: background 0.18s, border-color 0.18s, box-shadow 0.18s; }
.official-chrome .btn:hover { box-shadow: rgba(113, 74, 156, 0.125) 0px 5px 18px; }
.official-chrome .btn:focus-visible, .official-chrome button:focus-visible, .official-chrome a:focus-visible { outline: rgb(128, 85, 178) solid 2px; outline-offset: 4px; }
.official-chrome .footer .fine { font-size: 12px; line-height: 1.85; color: rgb(112, 93, 131); max-width: 1150px; }
@media (max-width: 760px) {.official-chrome .footer .fine { font-size: 12px; }}
@keyframes ecosystemScroll { 
  100% { transform: translateX(-50%); }
}
@keyframes agentTravel { 
  100% { stroke-dashoffset: -52; }
}
@keyframes agentBreathe { 
  50% { opacity: 0.35; transform: scale(1.05); }
}
@keyframes orbitHalo { 
  50% { opacity: 0.4; transform: scale(1.035); }
}
@keyframes orbitTrack { 
  100% { transform: rotate(360deg); }
}
@keyframes globalEarthPulse { 
  50% { opacity: 0.12; }
}
.official-chrome header .header-brand { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; flex-shrink: 0; }
.official-chrome header .brand-era { font-size: 10px; font-weight: 500; letter-spacing: 0.18px; line-height: 1.2; color: rgb(121, 91, 153); white-space: nowrap; }
.official-chrome header .header-brand .brand-logo { display: block; }
@media (min-width: 1600px) {.official-chrome header .header-brand { flex-direction: row; align-items: center; gap: 18px; }
.official-chrome header .brand-era { border-left: 1px solid rgb(222, 211, 235); padding-left: 18px; max-width: 142px; white-space: normal; font-size: 11px; line-height: 1.5; }}
@media (max-width: 760px) {.official-chrome header .brand-era { font-size: 9px; letter-spacing: 0px; }
.official-chrome header .header-brand { gap: 5px; }}
@font-face { font-family: "Noto Sans"; src: url("/assets/fonts/NotoSans-Regular.ttf") format("truetype"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "Noto Sans CJK SC"; src: url("/assets/fonts/NotoSansCJKsc.otf") format("opentype"); font-style: normal; font-weight: 400; font-display: swap; }
.official-chrome, .official-chrome button, .official-chrome input, .official-chrome select, .official-chrome textarea, .official-chrome table, .official-chrome code, .official-chrome pre, .official-chrome .code { font-family: "Noto Sans", "Noto Sans CJK SC", sans-serif; }
.official-chrome p { line-height: 1.75; }
.official-chrome header .nav { gap: 20px; font-size: 12px; }
.official-chrome header .header-brand { margin-right: 24px; }
@media (min-width: 1101px) and (max-width: 1260px) {.official-chrome header { padding-left: 3%; padding-right: 3%; }
.official-chrome header .nav { gap: 13px; font-size: 11px; }
.official-chrome header .header-brand .brand-logo { width: 160px; }
.official-chrome header .brand-era { font-size: 9px; }
.official-chrome header .header-brand { margin-right: 14px; }
.official-chrome .nav .btn { padding: 12px 14px; }}
@font-face { font-family: "Noto Sans"; src: url("/assets/fonts/NotoSans-Bold.ttf") format("truetype"); font-style: normal; font-weight: 600 900; font-display: swap; }
@keyframes tour-orbit { 
  100% { transform: rotate(360deg); }
}
@keyframes tour-enter { 
  0% { opacity: 0; transform: translateY(9px); }
  100% { opacity: 1; transform: none; }
}
@keyframes tour-bars { 
  0%, 100% { transform: scaleY(0.8); }
  50% { transform: scaleY(1); }
}
@keyframes tour-signal { 
  0%, 55%, 100% { background: rgb(241, 234, 249); box-shadow: none; }
  15%, 35% { background: rgb(227, 213, 246); box-shadow: rgba(156, 116, 196, 0.2) 0px 0px 16px; }
}
@keyframes tour-card { 
  0%, 100% { transform: translateY(0px) rotate(-1deg); }
  50% { transform: translateY(-5px) rotate(1deg); }
}
@keyframes tour-progress { 
  0% { transform: translateX(-110%); }
  100% { transform: translateX(390%); }
}
@keyframes tour-real-tilt { 
  0%, 100% { transform: rotateY(-8deg) rotateX(3deg) translateY(0px); }
  50% { transform: rotateY(6deg) rotateX(-2deg) translateY(-5px); }
}
@keyframes tour-card-glint { 
  0%, 30% { transform: translateX(-60%); }
  65%, 100% { transform: translateX(60%); }
}
@keyframes tour-route-light { 
  0%, 100% { opacity: 0.3; text-shadow: none; }
  50% { opacity: 1; text-shadow: rgb(151, 99, 207) 0px 0px 10px; }
}
.official-chrome .nav .nav-luo { color: rgb(112, 64, 150); font-weight: 600; background: rgb(240, 229, 251); border: 1px solid rgb(220, 201, 239); padding: 9px 13px; border-radius: 20px; white-space: nowrap; }
@keyframes card-scene-tap { 
  0%, 100% { transform: translateX(-12px) rotate(-7deg); }
  40%, 60% { transform: translateX(10px) rotate(-2deg); }
}
@keyframes card-scene-atm { 
  0%, 100% { transform: translateX(-12px) scale(0.9); }
  40%, 60% { transform: translateX(10px) scale(0.85); }
}
@keyframes card-scene-signal { 
  0%, 25%, 80%, 100% { opacity: 0; transform: scale(0.4); }
  45%, 60% { opacity: 0.8; transform: scale(1.5); }
}
@keyframes card-scene-cash { 
  0%, 45%, 100% { opacity: 0; transform: translateY(-12px); }
  65%, 85% { opacity: 1; transform: translateY(0px); }
}
@keyframes pos-swipe { 
  0%, 10% { transform: translate(0px, 20px) rotate(-12deg); opacity: 1; }
  27% { transform: translate(205px, -40px) rotate(80deg); opacity: 1; }
  44% { transform: translate(205px, 90px) rotate(80deg); opacity: 1; }
  57%, 88% { transform: translate(0px, 20px) rotate(-12deg); opacity: 1; }
  100% { transform: translate(0px, 20px) rotate(-12deg); opacity: 1; }
}
@keyframes atm-insert { 
  0%, 12% { transform: translate(0px, 0px) scale(1); opacity: 1; }
  31% { transform: translate(215px, -1px) scale(0.38); opacity: 1; }
  38%, 82% { transform: translate(225px, -1px) scale(0.1); opacity: 0; }
  94%, 100% { transform: translate(0px, 0px) scale(1); opacity: 1; }
}
@keyframes scene-ready { 
  0%, 40% { opacity: 1; }
  41%, 100% { opacity: 0; }
}
@keyframes scene-process { 
  0%, 40% { opacity: 0; }
  41%, 62% { opacity: 1; }
  63%, 100% { opacity: 0; }
}
@keyframes scene-approved { 
  0%, 62% { opacity: 0; }
  63%, 94% { opacity: 1; }
  95%, 100% { opacity: 0; }
}
@keyframes dispense-cash { 
  0%, 62% { opacity: 0; transform: translateY(-8px) rotateX(85deg) scaleY(0.1); }
  72%, 88% { opacity: 1; transform: translateY(1px) rotateX(18deg) scaleY(1); }
  94%, 100% { opacity: 0; transform: translateY(32px) rotateX(0deg) scaleY(1); }
}
@media (max-width: 600px) {@keyframes pos-swipe { 
  0%, 10%, 57%, 100% { transform: translate(0px, 20px) rotate(-12deg); }
  27% { transform: translate(175px, -40px) rotate(80deg); }
  44% { transform: translate(175px, 90px) rotate(80deg); }
}
@keyframes atm-insert { 
  0%, 12%, 94%, 100% { transform: translate(0px, 0px); opacity: 1; }
  31% { transform: translate(185px, -1px) scale(0.38); opacity: 1; }
  38%, 82% { transform: translate(195px, -1px) scale(0.1); opacity: 0; }
}}
@keyframes pos-swipe { 
  0%, 10%, 57%, 100% { transform: translate(0px, 15px) rotate(-10deg); }
  27% { transform: translate(244px, -40px) rotate(78deg); }
  44% { transform: translate(244px, 85px) rotate(78deg); }
}
@keyframes atm-insert { 
  0%, 12%, 94%, 100% { transform: translate(0px, 0px); opacity: 1; }
  31% { transform: translate(255px, -1px) scale(0.35); opacity: 1; }
  38%, 82% { transform: translate(265px, -1px) scale(0.08); opacity: 0; }
}
@media (max-width: 600px) {@keyframes pos-swipe { 
  0%, 10%, 57%, 100% { transform: translate(0px, 15px) rotate(-10deg); }
  27% { transform: translate(196px, -40px) rotate(78deg); }
  44% { transform: translate(196px, 85px) rotate(78deg); }
}
@keyframes atm-insert { 
  0%, 12%, 94%, 100% { transform: translate(0px, 0px); opacity: 1; }
  31% { transform: translate(206px, -1px) scale(0.35); opacity: 1; }
  38%, 82% { transform: translate(216px, -1px) scale(0.08); opacity: 0; }
}}
.official-chrome .nav .developer-dropdown .drop { min-width: 230px; }
@keyframes portalReveal { 
  0% { opacity: 0.4; transform: translateY(3px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes baas-scene-enter { 
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes filmCode { 
  0% { opacity: 0; transform: translateY(2px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes filmLine { 
  0% { opacity: 0; transform: translateY(4px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes filmResponse { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes packetAcross { 
  100% { left: 120%; }
}
@keyframes barRise { 
  0% { transform: scaleY(0.1); }
  100% { transform: scaleY(1); }
}
@keyframes baasOrbit { 
  100% { transform: rotate(360deg); }
}
@keyframes journeyPacket { 
  100% { stroke-dashoffset: -206; }
}
@keyframes nodePulse { 
  50% { opacity: 0.5; }
}
.official-chrome .account-primary { white-space: nowrap; }
.official-chrome .account-menu { position: relative; }
.official-chrome .account-menu > button { font-family: inherit; cursor: pointer; white-space: nowrap; color: rgb(255, 255, 255) !important; }
.official-chrome .account-menu-panel { display: none; position: absolute; right: 0px; top: calc(100% + 12px); padding: 12px; background: rgb(255, 255, 255); border: 1px solid rgb(227, 216, 237); box-shadow: rgba(64, 39, 79, 0.11) 0px 15px 40px; border-radius: 10px; z-index: 110; gap: 8px; grid-template-columns: max-content max-content max-content; max-width: calc(-32px + 100vw); }
.official-chrome .account-menu.open .account-menu-panel { display: grid; }
.official-chrome .account-menu-panel a { display: block; padding: 12px 15px; border: 1px solid rgb(229, 215, 239); background: rgb(251, 247, 255); border-radius: 6px; font-size: 12px; line-height: 1.5; white-space: nowrap; text-align: center; color: rgb(134, 90, 158) !important; }
.official-chrome .account-menu-panel a:nth-child(2) { background: rgb(243, 249, 255); border-color: rgb(212, 227, 239); color: rgb(66, 111, 150) !important; }
.official-chrome .account-menu-panel a:nth-child(3) { background: rgb(246, 243, 249); color: rgb(105, 82, 119) !important; }
.official-chrome .account-menu-panel a:hover { filter: brightness(0.97); }
@media (max-width: 760px) {.official-chrome .account-menu { width: 100%; }
.official-chrome .account-menu > button { width: 100%; justify-content: center; }
.official-chrome .account-menu-panel { position: static; margin-top: 10px; width: 100%; box-sizing: border-box; max-width: 100%; grid-template-columns: 0.9fr 1fr 1.5fr; padding: 8px; gap: 5px; box-shadow: none; }
.official-chrome .account-menu-panel a { white-space: normal; font-size: 11px; padding: 10px 5px; display: flex; align-items: center; justify-content: center; min-width: 0px; }}
.official-chrome .header-access-actions { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.official-chrome .sign-in-menu > button.sign-in-primary { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 16px; background: rgb(250, 247, 254); border: 1px solid rgb(225, 214, 238); border-radius: 24px; box-shadow: none; font-size: 12px; font-weight: 500; line-height: 1.4; color: rgb(121, 87, 142) !important; }
.official-chrome .sign-in-primary svg { width: 17px; height: 17px; flex-shrink: 0; }
.official-chrome .sign-in-primary small { font-size: 10px; color: rgb(162, 138, 179); margin-left: 2px; }
.official-chrome .sign-in-menu > button.sign-in-primary:hover, .official-chrome .sign-in-menu.open > button.sign-in-primary { background: rgb(241, 233, 250); border-color: rgb(205, 181, 224); color: rgb(114, 70, 142) !important; }
.official-chrome .sign-in-menu .account-menu-panel { border-color: rgb(220, 214, 229); }
.official-chrome .sign-in-menu .account-menu-panel a { font-size: 12px; padding: 12px 18px; }
.official-chrome .header-access-actions .account-primary { padding: 13px 19px; }
@media (max-width: 1180px) and (min-width: 761px) {.official-chrome header .nav { gap: 14px; }
.official-chrome .header-access-actions { gap: 9px; }
.official-chrome .sign-in-menu > button.sign-in-primary { padding: 10px 12px; font-size: 11px; }
.official-chrome .header-access-actions .account-primary { padding: 11px 14px; font-size: 11px; }
.official-chrome .header-access-actions .sign-in-primary svg { width: 15px; height: 15px; }}
@media (max-width: 760px) {.official-chrome .header-access-actions { width: 100%; align-items: flex-start; gap: 10px; }
.official-chrome .header-access-actions > .account-menu { width: auto; flex: 1 1 0%; position: static; }
.official-chrome .header-access-actions .sign-in-primary, .official-chrome .header-access-actions .account-primary { width: 100%; min-height: 44px; padding: 12px 10px; font-size: 12px; box-sizing: border-box; }
.official-chrome .header-access-actions .account-menu-panel { position: absolute; left: 10px; right: 10px; top: auto; margin-top: 10px; width: calc(100% - 20px); background: rgb(255, 255, 255); box-shadow: rgba(77, 48, 89, 0.098) 0px 10px 25px; z-index: 120; }
.official-chrome .sign-in-menu .account-menu-panel a { font-size: 12px; padding: 10px 7px; }}
.official-chrome .luo-ai-name { display: inline-flex; align-items: baseline; white-space: nowrap; vertical-align: baseline; gap: 0.2em; }
.official-chrome .luo-ai-icon { width: 0.92em; height: 0.92em; flex: 0 0 auto; align-self: center; overflow: visible; opacity: 0.92; }
.official-chrome .luo-ai-label { font: inherit; color: inherit; letter-spacing: inherit; }
.official-chrome .nav-luo .luo-ai-icon, .official-chrome .luo-page-layout h1 .luo-ai-icon, .official-chrome .model-foundation h3 .luo-ai-icon { color: currentcolor; }
.official-chrome .luo-ai-name .luo-ai-icon path { pointer-events: none; }
@media (max-width: 760px) {.official-chrome .luo-ai-name { gap: 0.18em; }
.official-chrome .nav-luo .luo-ai-icon { width: 1em; height: 1em; }}
@keyframes labFloat { 
  100% { transform: translate(90px, 120px) scale(1.2); }
}
@keyframes labPacket { 
  100% { stroke-dashoffset: -3300; }
}
@keyframes labHue { 
  100% { background-position: 100% center; }
}
@keyframes labBlink { 
  50% { opacity: 0; }
}
@keyframes labTransmit { 
  0% { transform: translateX(-110%); opacity: 0; }
  20% { opacity: 1; }
  100% { transform: translateX(390%); opacity: 0; }
}
@keyframes labCodeIn { 
  0% { opacity: 0; transform: translateY(7px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes coreOrbit { 
  100% { transform: rotate(360deg); }
}
@keyframes coreBreathe { 
  50% { transform: scale(1.06); opacity: 0.7; }
}
@keyframes agenticPacket { 
  0% { left: 0px; opacity: 0; }
  20%, 80% { opacity: 1; }
  100% { left: 100%; opacity: 0; }
}
@keyframes agenticWords { 
  0% { opacity: 0; transform: translateY(5px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes finaleBrace { 
  50% { transform: translateX(8px); color: rgb(211, 181, 250); }
}
@keyframes agenticDataPacket { 
  100% { stroke-dashoffset: -96; }
}
@keyframes homeFinaleField { 
  100% { transform: rotate(-3deg) translateY(20px); }
}
@keyframes homeFinalePacket { 
  0% { left: -12px; }
  100% { left: 100%; }
}
@keyframes topicDrop { 
  0% { transform: translateY(0px); opacity: 0; }
  50% { opacity: 1; }
  100% { transform: translateY(14px); opacity: 0; }
}
@keyframes topicCurrency { 
  50% { border-color: var(--topic-accent); box-shadow: 0 0 14px var(--topic-soft); }
}
@keyframes topicRail { 
  50% { transform: translateX(3px); color: rgb(219, 186, 247); }
}
@keyframes topicEvent { 
  0% { top: 0px; opacity: 0; }
  25%, 75% { opacity: 1; }
  100% { top: 40px; opacity: 0; }
}
@keyframes topicBar { 
  50% { transform: scaleY(0.88); }
}
@keyframes catalogMoney { 
  0% { left: -15px; }
  100% { left: 100%; }
}
@keyframes catalogDrop { 
  0% { top: 0px; opacity: 0; }
  50% { opacity: 1; }
  100% { top: 35px; opacity: 0; }
}
@keyframes catalogPanel { 
  0% { opacity: 0.5; transform: translateY(3px); }
  100% { opacity: 1; transform: translateY(0px); }
}



.official-chrome { --ink: #292238; --muted: #7c718b; --purple: #9a43cf; --line: #e8e0f0; --soft: #f8f5fc; --lav: #f0e6fb; --brand-blue: #5a96c0; --brand-wash: linear-gradient(115deg,#f5edfc 0%,#f0f0fc 48%,#eef8fc 100%); --brand-balance: linear-gradient(115deg,#ede2fb 0%,#e5e9fc 48%,#e0f4fa 100%); --brand-action: linear-gradient(110deg,#9740d2,#ad5bd6); --brand-night: linear-gradient(125deg,#151226,#152338); --brand-shadow: 0 10px 30px #72558d09; }
.official-chrome { background: rgb(253, 252, 255); color: var(--ink); }
.official-chrome header { background: rgba(255, 255, 255, 0.93); border-bottom-color: rgb(233, 226, 241); }
.official-chrome .nav a.active { color: rgb(151, 65, 204); }
.official-chrome .nav-luo { background: linear-gradient(110deg, rgb(242, 230, 252), rgb(240, 237, 252)); border-color: rgb(228, 210, 241) !important; color: rgb(137, 86, 169) !important; }
.official-chrome .header-brand .brand-era { color: rgb(137, 119, 151); }
.official-chrome .drop { background: rgb(255, 255, 255); border-color: rgb(230, 220, 236); box-shadow: rgba(100, 70, 124, 0.07) 0px 16px 45px; }
.official-chrome .drop a:hover, .official-chrome .drop a:focus-visible { background: linear-gradient(110deg, rgb(248, 239, 255), rgb(243, 246, 253)); color: rgb(134, 83, 168); }
.official-chrome .btn { background: var(--brand-action); border-color: rgb(162, 100, 203); box-shadow: rgba(150, 80, 189, 0.075) 0px 5px 16px; color: rgb(255, 255, 255); }
.official-chrome .btn:hover { filter: brightness(1.025); }
.official-chrome .account-primary { background: var(--brand-action) !important; border-color: rgb(163, 101, 203) !important; }
.official-chrome .sign-in-menu > button.sign-in-primary { background: linear-gradient(110deg, rgb(251, 247, 254), rgb(244, 246, 253)); border-color: rgb(226, 217, 236); color: rgb(140, 107, 160) !important; }
.official-chrome .account-menu-panel { border-color: rgb(230, 220, 239); box-shadow: rgba(99, 69, 122, 0.08) 0px 16px 38px; }
.official-chrome .account-menu-panel a { background: rgb(250, 244, 254); border-color: rgb(233, 218, 244); color: rgb(146, 101, 173) !important; }
.official-chrome .account-menu-panel a:nth-child(2) { background: rgb(241, 248, 253); border-color: rgb(217, 232, 243); color: rgb(101, 142, 172) !important; }
.official-chrome .account-menu-panel a:nth-child(3) { background: rgb(244, 241, 251); border-color: rgb(226, 218, 237); color: rgb(140, 117, 161) !important; }
.official-chrome .footer { background: linear-gradient(120deg, rgb(251, 248, 254), rgb(246, 249, 253)); border-top-color: rgb(230, 223, 237); }
.official-chrome .footer p, .official-chrome .footer .footgrid a { color: rgb(143, 128, 158); }
.official-chrome .footer h4 { color: rgb(93, 77, 112); }



.page-shell .glass-nav,
.page-shell footer,
.official-legacy-footer-frame {
  display: none !important;
}

.official-chrome {
  font-weight: 400;
  line-height: normal;
  -webkit-font-smoothing: antialiased;
}

.official-header-shell {
  position: sticky;
  top: 0;
  z-index: 100;
}

.official-chrome .menu {
  padding: 0;
  min-width: 44px;
  min-height: 44px;
  line-height: normal;
}

.official-chrome .footer-extra h4 {
  margin: 1.33em 0;
  font-weight: bold;
}

.official-chrome-ready main.page-shell {
  padding-top: 24px;
  padding-bottom: 32px;
}