@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#111b19;--panel:#192622;--line:#304139;--text:#f3f5ed;--muted:#abb9af;--lime:#c0f28a;--ink:#142019}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:4px}[hidden]{display:none!important}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.header{height:108px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.brand{font-family:Manrope,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-x{color:var(--lime);margin-left:-10px}.brand-mark{display:inline-grid;place-items:center;background:var(--lime);color:var(--ink);width:36px;height:36px;border-radius:9px;letter-spacing:-3px;font-size:24px;padding-right:3px}.header nav,.header-actions{display:flex;align-items:center;gap:25px}.header nav a,.login-link{font-size:12px;color:#c7d0c9}.header nav a:hover,.login-link:hover{color:var(--lime)}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:17px 22px;background:var(--lime);border:0;border-radius:6px;color:var(--ink);font-size:13px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:#d3ffa9;transform:translateY(-2px)}.button span{font-size:19px}.button.small{padding:11px 17px}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:45px;padding-block:85px 90px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:9px;font-weight:700;letter-spacing:2px;color:var(--lime);margin:0 0 24px}.dot{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%}h1,h2,h3,h4{font-family:Manrope,sans-serif;margin-top:0}h1{font-size:clamp(42px,4.45vw,62px);letter-spacing:-2.8px;font-weight:500;line-height:1.15;margin-bottom:25px}em{font-style:normal;color:var(--lime)}.intro{font-size:15px;line-height:1.85;color:var(--muted);max-width:495px;margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:26px}.text-link{display:inline-flex;align-items:center;gap:15px;font-size:12px;font-weight:600;color:var(--text);background:none;border:0;padding:0}.text-link span{color:var(--lime);font-size:20px}.text-link:hover{color:var(--lime)}.hero-note{font-size:10px;color:var(--muted);margin:25px 0 0}.hero-visual{position:relative;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#111b19}.hero-visual img{display:block;width:100%;height:400px;object-fit:contain}.visual-tag{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:8px;background:#15251ed9;border:1px solid #567247;padding:12px 14px;border-radius:6px;font-size:8px;letter-spacing:1.4px}.visual-caption{display:flex;justify-content:space-between;padding:19px;background:#1a2822;border-top:1px solid var(--line);font-size:7px;letter-spacing:1.3px;color:#b6c4b8}.ticker{border-block:1px solid var(--line);background:#18241f}.ticker .wrap{display:flex;align-items:center;justify-content:space-between;padding-block:24px;font-size:12px}.ticker .wrap>span:last-child{font-size:9px;letter-spacing:2px}.ticker b{color:var(--lime);margin:0 28px;font-size:18px}.section{padding-block:80px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:38px}h2{font-size:42px;line-height:1.2;font-weight:500;letter-spacing:-1.5px;margin-bottom:0}.section-heading>p{color:var(--muted);font-size:13px;line-height:1.9;margin:0 0 4px}.core-panel{display:grid;grid-template-columns:1fr 1.2fr;border:1px solid #52694a;background:linear-gradient(120deg,#24362a,#192622);border-radius:12px;overflow:hidden}.core-copy{padding:40px;border-right:1px solid #41553b}.pill{font-size:8px;letter-spacing:1.5px;padding:8px 10px;display:inline-block;border:1px solid #799564;border-radius:20px;color:var(--lime);margin-bottom:25px}.core-copy h3{font-size:32px;line-height:1.25;letter-spacing:-1px;font-weight:500;margin-bottom:20px}.core-copy>p{font-size:13px;line-height:1.9;color:var(--muted);margin-bottom:25px}.core-copy .core-footnote{font-size:10px;margin:20px 0 0;max-width:300px}.core-grid{padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.core-grid article{padding:15px}.icon{display:grid;place-items:center;height:42px;width:42px;background:#c0f28a12;border:1px solid #c0f28a25;border-radius:9px;color:var(--lime);font-size:23px}.core-grid h4{font-size:15px;font-weight:600;margin:16px 0 9px}.core-grid p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.packages-section{border-top:1px solid var(--line)}.catalogue-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.filters{display:flex;flex-wrap:wrap;gap:6px}.filter{border:1px solid var(--line);background:var(--panel);color:var(--muted);padding:11px 13px;border-radius:5px;font-size:10px}.filter:hover{border-color:#6a8658;color:var(--text)}.filter.active{background:var(--lime);border-color:var(--lime);color:var(--ink);font-weight:700}.search{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line);border-radius:5px;color:var(--muted)}.search input{width:145px;border:0;background:none;color:var(--text);font-size:11px;padding:3px}.search input::placeholder{color:var(--muted)}.result-count{font-size:10px;color:var(--muted);margin:20px 0}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.package-card{display:flex;flex-direction:column;padding:27px;border:1px solid var(--line);border-radius:9px;background:var(--panel);transition:transform .2s,border-color .2s}.package-card:hover{transform:translateY(-4px);border-color:#75965e}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:26px}.card-top>span:last-child{font-size:7px;letter-spacing:1.1px;color:var(--muted);text-align:right}.package-card h3{font-size:20px;letter-spacing:-.5px;line-height:1.35;margin:0 0 12px;font-weight:600}.package-card p{font-size:12px;line-height:1.85;color:var(--muted);margin:0 0 26px}.package-card .text-link{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);justify-content:space-between}.connect-section{padding-block:75px;background:#18251f;border-block:1px solid var(--line)}.connect-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.connect-layout .intro{margin-top:25px}.connection-map{background:#111d16;border:1px solid #40543a;border-radius:12px;padding:30px;text-align:center}.system-node{border:1px solid #5d7350;border-radius:8px;padding:20px;background:#233127}.system-node>span{display:block;font-size:7px;letter-spacing:1.5px;color:var(--muted);margin-bottom:10px}.system-node strong{font-size:19px;font-weight:500}.system-node small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.map-line{display:flex;flex-direction:column;gap:5px;color:var(--lime);padding:12px;font-size:21px}.map-line span{font-size:9px;color:var(--muted)}.suite-node{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px;border:1px solid #90ba6a;background:#2c3e29;border-radius:8px}.suite-node strong{font-size:21px;font-weight:600}.map-branches{display:flex;gap:7px;justify-content:center;padding-top:22px}.map-branches span{border:1px solid var(--line);border-radius:5px;padding:10px 12px;font-size:9px;color:#cad5c7;background:#1d2a20}.connection-map>p{font-size:9px;line-height:1.7;color:var(--muted);margin:20px 0 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps article>span{color:var(--lime);font-size:12px;display:block;padding-block:17px;border-top:1px solid var(--line);margin-bottom:12px}.steps h3{font-size:19px;letter-spacing:-.4px;margin-bottom:12px}.steps p{font-size:13px;color:var(--muted);line-height:1.8}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px 65px;padding-bottom:80px}.faq-section .eyebrow{grid-column:1;margin-bottom:0;align-self:end}.faq-section h2{grid-column:1;align-self:start;font-size:35px}.faq{grid-column:2;grid-row:1/3}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-size:14px;padding:20px 0}.faq p{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 20px}.contact{background:var(--lime);color:var(--ink);padding:45px 48px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:30px}.contact .eyebrow{color:#4d673f;margin-bottom:17px}.contact h2{font-size:35px}.contact p:last-child{font-size:13px;color:#4d673f;margin:18px 0 0}.contact .button{background:var(--ink);color:var(--text);white-space:nowrap}footer{display:flex;flex-wrap:wrap;align-items:center;gap:28px;padding-block:40px}footer .brand{font-size:20px}footer p,footer>a:not(.brand),footer small{font-size:10px;color:var(--muted)}footer p{margin:0}footer small{margin-left:auto}dialog{width:min(620px,calc(100% - 32px));max-height:90vh;overflow:auto;border:1px solid #668553;border-radius:14px;padding:42px;background:#1b2a22;color:var(--text);box-shadow:0 30px 100px #0008}dialog::backdrop{background:#08100cd9;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:12px;right:15px;background:none;border:0;color:var(--text);font-size:28px}.dialog-close:hover{color:var(--lime)}dialog h2{font-size:33px;padding-right:10px}.detail-tagline{font-size:17px;color:var(--lime);margin:20px 0 15px}#detail-description{font-size:14px;line-height:1.85;color:var(--muted)}#detail-features{padding-left:20px;font-size:13px;line-height:2;color:var(--text)}.detail-note{font-size:11px;line-height:1.8;color:var(--muted);padding:17px;background:#132017;border:1px solid var(--line);border-radius:6px;margin:24px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.header nav,.header-actions{gap:16px}.header nav a{font-size:11px}.hero{gap:25px}h1{font-size:48px}.hero-visual img{height:370px}.core-copy{padding:30px}.core-grid{padding:20px;gap:15px}.package-card{padding:23px}.connect-layout{gap:45px}}
@media(max-width:850px){.header nav{display:none}.hero{grid-template-columns:1fr;padding-block:55px;gap:35px}.hero-copy{max-width:630px}h1{font-size:58px}.hero-visual img{height:390px;object-fit:contain}.hero-visual{max-width:650px;width:100%;margin:auto}.core-panel{grid-template-columns:1fr}.core-copy{border-right:0;border-bottom:1px solid #41553b}.core-copy>p{max-width:600px}.core-grid{padding:25px}.package-grid{grid-template-columns:repeat(2,1fr)}.connect-layout{grid-template-columns:1fr;gap:35px}.connection-map{max-width:600px;width:100%}.faq-section{display:block}.faq-section h2{margin-bottom:25px}.faq-section .eyebrow{margin-bottom:20px}.steps{gap:25px}.steps h3{font-size:17px}.section-heading>p{font-size:12px}.contact{padding:35px}.contact h2{font-size:30px}}
@media(max-width:560px){.wrap{width:calc(100% - 36px)}.header{height:84px;gap:12px}.brand{font-size:22px}.brand-mark{width:31px;height:31px;font-size:21px}.header .button{display:none}.login-link{font-size:11px}.hero{padding-top:45px}h1{font-size:40px;letter-spacing:-1.8px}.eyebrow{font-size:8px;letter-spacing:1.5px}.intro{font-size:14px}.hero-actions{gap:20px}.hero-actions .text-link{font-size:11px}.hero-visual img{height:270px}.visual-caption{font-size:6px;padding:15px}.visual-tag{top:12px;left:12px;font-size:7px;padding:10px}.ticker .wrap{flex-direction:column;gap:17px}.ticker b{margin:0 17px}.section{padding-block:55px}.section-heading{display:block;margin-bottom:28px}h2{font-size:33px;letter-spacing:-1px}.section-heading>p{margin-top:20px}.core-copy{padding:27px}.core-copy h3{font-size:29px}.core-grid{padding:17px;gap:14px}.core-grid article{padding:9px}.core-grid h4{font-size:13px}.core-grid p{font-size:11px}.filters{gap:6px}.filter{padding:10px;font-size:9px}.search{width:100%}.search input{width:100%}.package-grid{grid-template-columns:1fr}.package-card{padding:25px}.package-card h3{font-size:22px}.card-top>span:last-child{font-size:8px}.connect-section{padding-block:55px}.connection-map{padding:22px}.map-branches span{padding:9px 7px;font-size:8px}.steps{grid-template-columns:1fr;gap:20px}.steps h3{font-size:20px}.steps p{margin-bottom:0}.faq-section{padding-bottom:55px}.faq-section h2{font-size:31px}.faq summary{font-size:13px}.contact{display:block;padding:30px 25px}.contact h2{font-size:29px}.contact .button{margin-top:25px}footer{gap:20px}footer small{margin-left:0}dialog{padding:35px 25px}dialog h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
#detail-image{display:block;width:100%;height:190px;object-fit:contain;background:#111b19;border-radius:8px;margin:20px 0}

/* RetailVueX / optical technology identity */
:root{--bg:#080b14;--panel:#101522;--line:#ffffff14;--text:#f3f5ff;--muted:#a2acc2;--lime:#a8bcff;--ink:#080b14;--accent:#8576ff;--blue:#78b9ff}
body{background:radial-gradient(ellipse at 80% 8%,#30225b20,transparent 36%),var(--bg)}
.brand{font-weight:700;letter-spacing:-1.1px;font-size:25px;gap:10px}.brand-symbol{width:39px;height:39px;display:block}.brand-x{color:#a7b5ff;margin-left:-10px}.brand-mark{background:none!important;border-radius:0!important;padding:0!important}.header{border-color:#ffffff0f}.header nav a,.login-link{color:#a7b1c6}.header nav a:hover,.login-link:hover{color:#fff}
.button{background:linear-gradient(110deg,#9faeff,#7d71ed);color:#080b14;border-radius:7px;box-shadow:0 3px 20px #7264ff15}.button:hover{background:linear-gradient(110deg,#bac5ff,#9c91ff);box-shadow:0 5px 24px #7264ff28}.button.small{background:#ffffff0a;border:1px solid #ffffff24;color:#e3e8ff;box-shadow:none}
.eyebrow{color:#9dafff;letter-spacing:2.4px}.dot{background:#91b6ff;box-shadow:0 0 12px #689cff80}
.hero{grid-template-columns:1fr 1.08fr;gap:20px;padding-block:100px 105px;position:relative}h1{font-weight:500;letter-spacing:-3px;line-height:1.12;font-size:clamp(43px,4.35vw,62px)}h1 em{background:linear-gradient(95deg,#f3f5ff,#b7caff 45%,#9a8dff);background-clip:text;-webkit-background-clip:text;color:transparent}.hero .intro{max-width:450px}.hero-visual{border:0;background:transparent;overflow:visible;border-radius:0;position:relative}.hero-visual:before{content:'';position:absolute;inset:10% 3%;background:radial-gradient(ellipse,#6273ef20,transparent 68%);filter:blur(30px);pointer-events:none}.hero-visual img{position:relative;display:block;aspect-ratio:1.25;height:460px;object-fit:contain;border-radius:18px;mix-blend-mode:screen}.visual-tag{top:auto;bottom:44px;left:22px;background:#0b1023b0;border:1px solid #a2b3ff28;backdrop-filter:blur(18px);font-size:7px;letter-spacing:1.8px}.visual-caption{background:none;border:0;padding:14px 22px;color:#7b8baa;font-size:7px;letter-spacing:1.5px}.hero-note{color:#77849d}
.ticker{background:#0d111c;border-color:#ffffff0b}.ticker b{color:#667494;font-size:13px}.ticker .wrap>span:last-child{color:#a3adc2}.section{padding-block:85px}.section-heading .eyebrow{margin-bottom:20px}h2{font-weight:500;letter-spacing:-1.7px}h2 em{color:#aab9ee}
.core-panel{background:radial-gradient(ellipse at 0 0,#5543a127,transparent 60%),linear-gradient(125deg,#151b2b,#0d121f);border:1px solid #ffffff12;border-radius:15px;box-shadow:0 20px 60px #0002}.core-copy{border-color:#ffffff0a}.pill{color:#b7c5ff;border-color:#a2b3ff25;background:#8996ff0a}.icon{background:linear-gradient(135deg,#8f91ff12,#79b4ff07);border:1px solid #a0b7ff18;color:#b2caff;border-radius:10px}.core-grid article{border:0}.core-copy .core-footnote{color:#8490aa}
.packages-section{border:0}.filter{background:#111725;border-color:#ffffff0d;color:#a5b1c6;border-radius:7px}.filter.active{background:#8b81fb1a;border-color:#9086ff55;color:#d1cbff}.filter:hover{color:#fff;border-color:#a0b0ee50}.search{background:#0e1421;border-color:#ffffff14}.search input{color:#e9efff}.search input::placeholder{color:#74829b}.package-card{background:linear-gradient(135deg,#131a2a,#0e1420);border:1px solid #ffffff0c;border-radius:12px;box-shadow:0 10px 25px #0001}.package-card:hover{border-color:#8b91ff50;background:linear-gradient(135deg,#1a2136,#121a2b);box-shadow:0 10px 30px #3a2f7515}.card-top>span:last-child{color:#7e8da8}.package-card .text-link{border:0;padding-top:9px}.text-link span{color:#9fb9ff}.text-link:hover{color:#b5caff}
.connect-section{background:radial-gradient(ellipse at 80% 60%,#48307916,transparent 65%),#0c101b;border:0}.connection-map{background:linear-gradient(150deg,#141b2c,#0a1020);border-color:#ffffff14;border-radius:15px}.system-node{background:#182034;border-color:#9db4ff20}.system-node>span{color:#93a0bb}.map-line{color:#8fa6f5}.suite-node{background:linear-gradient(110deg,#7979dc16,#6497d511);border-color:#969fff40}.suite-node .brand-symbol{width:30px;height:30px}.map-branches span{background:#161d30;border-color:#ffffff10;color:#b1c1dd}.steps article>span{border-color:#ffffff12;color:#9b8ffc}.faq details{border-color:#ffffff12}.faq summary{color:#dce3f3}
.contact{background:radial-gradient(ellipse at 100% 0,#7463ce35,transparent 65%),linear-gradient(110deg,#1b2340,#1b1c34);border:1px solid #a0a8ed25;border-radius:16px;color:#f0f3ff}.contact .eyebrow{color:#9fafff}.contact p:last-child{color:#a7b4cd}.contact .button{background:linear-gradient(110deg,#a6b5ff,#8978f2);color:#080b14}.contact .button:hover{background:linear-gradient(110deg,#c0caff,#a797ff)}
footer .brand-symbol{width:29px;height:29px}footer{border:0}dialog{background:linear-gradient(135deg,#192136,#101626);border-color:#94a3ff35;border-radius:16px}dialog::backdrop{background:#030613da}.detail-note{background:#0b1120;border-color:#ffffff0b}.detail-tagline{color:#afc5ff}#detail-image{background:#080b14;mix-blend-mode:screen}.dialog-close:hover{color:#c3ceff}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline-color:#a2b9ff}
@media(max-width:1100px){.hero{gap:15px}.hero-visual img{height:410px}}@media(max-width:850px){.hero{grid-template-columns:1fr;padding-block:60px;gap:25px}h1{font-size:57px}.hero-visual{max-width:650px}.hero-visual img{height:390px}.core-copy{border-bottom-color:#ffffff0a}}
@media(max-width:560px){h1{font-size:41px;letter-spacing:-2px}.hero{padding-block:45px 50px;gap:15px}.hero-visual img{height:290px}.visual-tag{bottom:42px;left:12px}.visual-caption{padding:12px;font-size:6px}.section{padding-block:55px}.core-copy h3{font-size:28px}.brand-symbol{width:32px;height:32px}.header .brand{font-size:22px}.contact{padding:30px 25px}}

.hero-visual>img{mask-image:radial-gradient(ellipse at center,#000 45%,transparent 76%);-webkit-mask-image:radial-gradient(ellipse at center,#000 45%,transparent 76%)}

/* Product interface concepts and practical product information */
.preview-button{display:block;width:100%;padding:0;border:0;background:#0b1120;text-align:left;border-radius:10px;overflow:hidden;cursor:pointer;color:#a9b9db}
.preview-button img{display:block;width:100%;height:auto;object-fit:contain;mix-blend-mode:normal}
.preview-button>span{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.5px;padding:12px 16px;background:#111a2a;border-top:1px solid #ffffff0b}
.preview-button>span b{font-size:16px;color:#b6c6ff;font-weight:400}
.preview-button:hover img{filter:brightness(1.09)}
.hero{grid-template-columns:.93fr 1.2fr;gap:35px}.hero h1{font-size:clamp(46px,5.2vw,72px);letter-spacing:-3.2px}.hero .intro{max-width:470px}
.hero-preview{border:1px solid #9cacff28;box-shadow:0 22px 75px #0006;transform:perspective(1200px) rotateY(-5deg) rotateX(2deg);background:#0b1120}
.hero-visual .hero-preview img{height:auto;aspect-ratio:1440/920;border-radius:10px;mix-blend-mode:normal;mask-image:none;-webkit-mask-image:none}
.hero-visual .visual-tag{position:static;margin:20px 0 0;display:inline-flex;background:none;padding:0;border:0;backdrop-filter:none}
.hero-visual .visual-caption{padding:12px 0 0}.hero-visual:before{inset:-20% -10%;background:radial-gradient(ellipse,#7277ff15,transparent 65%)}.hero-note{line-height:1.8}
.audience{padding:25px 0 75px}.audience h2{font-size:34px}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:35px}.audience-grid article{border-top:1px solid #ffffff12;padding-top:20px}.audience-grid article>span{font-size:8px;letter-spacing:1.7px;color:#8ca1d2}.audience-grid h3{font-size:18px;margin:15px 0 10px}.audience-grid p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}
.core-preview{margin:25px 0 0;border:1px solid #ffffff12;border-radius:14px;padding:20px;background:linear-gradient(130deg,#151d31,#0c111d)}
.core-preview .preview-button{max-width:1000px;margin:auto;border:1px solid #8d9ae12b;box-shadow:0 15px 50px #0004}
.core-preview figcaption{display:flex;justify-content:space-between;gap:20px;color:#8395bb;font-size:9px;letter-spacing:1px;margin:18px 0 0}
.package-card{padding:24px;overflow:hidden}.package-card>.preview-button{width:calc(100% + 48px);margin:-24px -24px 23px;border-radius:11px 11px 0 0}.package-card>.preview-button img{aspect-ratio:1440/920}
.package-card .card-top{margin-bottom:12px}.product-category{font-size:8px;color:#889ec6;letter-spacing:1.3px}.package-card h3{font-size:20px}.package-card p{font-size:13px;line-height:1.75;margin-bottom:22px}
.workflow-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:23px}.workflow-grid article{border-top:1px solid #ffffff15;padding-top:18px}.workflow-grid article>span{font-size:11px;color:#a4aff1}.workflow-grid h3{font-size:16px;line-height:1.4;margin:16px 0 10px}.workflow-grid p{color:var(--muted);font-size:12px;line-height:1.85;margin:0}.concept-note{font-size:10px;color:#8191b1;line-height:1.8;margin:28px 0 0}
dialog{width:min(1080px,calc(100% - 32px));padding:40px;max-height:92vh}.dialog-close{position:sticky;top:0;float:right;margin:-25px -20px 0 0;border:1px solid #68739744;border-radius:50%;background:#101a2de6;width:36px;height:36px;z-index:2;line-height:1}
.detail-preview{margin:23px 0;border:1px solid #8fa4e32c;border-radius:12px;overflow:hidden;background:#0c1220}
#detail-image{width:100%;height:auto;max-height:none;object-fit:contain;margin:0;mix-blend-mode:normal;border-radius:0;background:#0b1120}
.detail-preview figcaption{padding:12px 16px;background:#111b2d;color:#8c9fc2;font-size:10px;line-height:1.8}.detail-preview figcaption a{color:#c0ceff;margin-left:8px}.detail-preview figcaption a:hover{text-decoration:underline}
#detail-description{font-size:14px;line-height:1.9}.detail-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid #ffffff12;margin-top:24px;padding-top:24px}
.detail-content-grid h3,.detail-subtitle{font-size:15px;font-weight:600;margin:0 0 10px;letter-spacing:-.2px}.detail-content-grid p,.detail-content-grid ol{font-size:12px;line-height:1.9;color:#a6b5d0;margin:0 0 22px}.detail-content-grid ol{padding-left:18px}.detail-content-grid li{padding-left:5px;margin-bottom:10px}.detail-subtitle{margin-top:8px}
#detail-features{display:grid;grid-template-columns:1fr 1fr;gap:6px 30px;margin-bottom:20px;font-size:12px}
.detail-note strong{font-size:11px;color:#ced9f0}.detail-note p{font-size:11px;line-height:1.85;margin:9px 0 0}
@media(max-width:1000px){.hero{gap:25px}.hero h1{font-size:57px}.workflow-grid{grid-template-columns:repeat(3,1fr);gap:28px}.audience-grid{gap:25px}}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:35px}.hero h1{font-size:62px}.hero-visual{max-width:680px}.hero-preview{transform:none}.audience{padding-bottom:40px}.audience h2{font-size:31px}.audience-grid{gap:22px}.audience-grid h3{font-size:16px}.detail-content-grid{gap:22px}}
@media(max-width:560px){.hero h1{font-size:49px;letter-spacing:-2px}.hero{gap:28px}.hero-visual .visual-caption{font-size:6px}.audience{padding-top:10px}.audience h2{font-size:30px}.audience-grid{grid-template-columns:1fr;gap:23px}.audience-grid h3{font-size:19px}.core-preview{padding:8px;border-radius:9px}.core-preview figcaption{display:block;font-size:8px;line-height:1.8;margin:10px}.core-preview figcaption span{display:block}.workflow-grid{grid-template-columns:1fr;gap:25px}.workflow-grid h3{font-size:19px}.workflow-grid p{font-size:13px}dialog{padding:30px 20px}.dialog-close{margin:-15px -5px 0 0}.detail-content-grid{grid-template-columns:1fr;gap:0}#detail-features{grid-template-columns:1fr}.detail-preview figcaption{font-size:9px;padding:10px}.detail-tagline{font-size:16px}.package-card h3{font-size:22px}}

/* Brighter contrast with porcelain surfaces */
:root{--text:#fff;--muted:#bac5dc}
.hero h1{color:#fff}.header nav a,.login-link{color:#d7def0}.hero-note{color:#aebcd6}
.core-panel{background:#f5f7ff;color:#152039;border-color:#fff;box-shadow:0 20px 70px #0003}
.core-copy{border-color:#dce2f0}.core-copy>p,.core-grid p{color:#53627d}.core-copy .core-footnote{color:#61708b}
.core-panel .pill{color:#5943b0;background:#e9e5ff;border-color:#d9d1f7}.core-panel .icon{background:#ecebff;color:#6255b5;border-color:#dedbf5}
.package-card{background:#f8f9ff;color:#172039;border-color:#fff;box-shadow:0 12px 35px #0002}
.package-card:hover{background:#fff;border-color:#c5bbff;box-shadow:0 15px 35px #6255b522}
.package-card p{color:#596883}.package-card .product-category{color:#6855a6}.package-card .text-link{color:#263758}.package-card .text-link span{color:#7157cc}
.package-card .preview-button>span{background:#eaeefa;color:#52617d;border-top:1px solid #dce2ef}.preview-button>span b{color:#6b58bc}
.audience-grid article{border-top-color:#b7c5e755}.audience-grid h3{color:#fff}
.contact{background:linear-gradient(110deg,#fff,#e9e6ff);color:#19233c;border-color:#fff}.contact .eyebrow{color:#6850b0}.contact p:last-child{color:#596580}
dialog{background:#f8f9ff;color:#19233c;border-color:#fff}.detail-tagline{color:#6650b0}#detail-description{color:#53617a}
.dialog-close{background:#fff;color:#26324d;border-color:#d4dced}.detail-content-grid{border-top-color:#dce2ef}.detail-content-grid p,.detail-content-grid ol{color:#53617a}
.detail-note{background:#edf0fa;border-color:#dfe4f1;color:#53617a}.detail-note strong{color:#263452}
.detail-preview figcaption{background:#e9edfa;color:#586681}.detail-preview figcaption a{color:#6349b3}

dialog .eyebrow{color:#6851a8}#detail-features{color:#263652}

/* RetailLM AI introduction */
.retaillm-section{padding-block:25px 70px;scroll-margin-top:30px}
.retaillm-panel{display:grid;grid-template-columns:1.08fr 1fr;background:linear-gradient(125deg,#fff 0%,#f2f0ff 70%,#e9eeff);color:#18233d;border:1px solid #fff;border-radius:22px;overflow:hidden;box-shadow:0 20px 70px #0002}
.retaillm-copy{padding:55px 55px 60px;position:relative;z-index:1}.retaillm-copy .eyebrow{color:#6350a7;letter-spacing:1.8px}
.lm-new{background:#211b3d;color:#fff;border-radius:4px;font-size:8px;letter-spacing:1px;padding:6px 9px}
.retaillm-copy h2{font-size:clamp(37px,4.2vw,57px);letter-spacing:-2px;margin:22px 0}.lm-ai{font-size:16px;letter-spacing:0;margin-left:13px;vertical-align:super;color:#7460c9}
.lm-lead{font-family:Manrope,sans-serif;font-size:25px;line-height:1.4;letter-spacing:-.6px;margin:0 0 23px}.lm-description{font-size:14px;line-height:1.9;color:#586681;max-width:455px}.retaillm-copy .button{margin-top:18px}
.lm-visual{position:relative;min-height:520px;display:grid;place-items:center;isolation:isolate;background:radial-gradient(ellipse at center,#baa6ff55,transparent 62%)}
.lm-orbit{position:absolute;border:1px solid #9c8cce55;border-radius:50%;width:380px;height:380px;transform:rotate(-24deg) scaleY(.73)}.lm-orbit-two{transform:rotate(36deg) scaleY(.73);width:440px;height:440px;border-color:#fff;box-shadow:0 0 25px #ffffff90}
.lm-emblem{width:215px;height:215px;border-radius:45px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(140deg,#fff,#f0ecff);border:2px solid #fff;box-shadow:18px 24px 65px #7557c53a,inset -8px -8px 20px #d9cfff70;transform:rotate(-6deg)}
.lm-emblem>span{font-family:Manrope,sans-serif;font-weight:700;font-size:64px;letter-spacing:-6px;color:#26203f}.lm-emblem>span>span{color:#8870d3;font-weight:500}.lm-emblem small{font-size:7px;font-weight:700;letter-spacing:2px;color:#756398;margin-top:13px}
.lm-topic{position:absolute;background:#ffffffc9;border:1px solid #fff;border-radius:6px;box-shadow:0 5px 20px #66518e12;padding:11px 17px;font-size:8px;font-weight:700;letter-spacing:1.8px;color:#665688;z-index:1}
.lm-topic-stock{top:19%;left:13%}.lm-topic-demand{top:24%;right:8%}.lm-topic-stores{bottom:22%;left:7%}.lm-topic-trade{bottom:19%;right:12%}
.lm-visual-caption{position:absolute;bottom:38px;left:0;right:0;text-align:center;font-family:Manrope,sans-serif;font-size:18px;font-weight:600;letter-spacing:-.5px;color:#534071}.lm-visual-caption>span{display:block;font-family:'DM Sans',sans-serif;font-size:7px;font-weight:500;letter-spacing:2.3px;margin-top:11px;color:#85749c}
@media(max-width:1000px){.retaillm-copy{padding:40px 35px}.lm-orbit{width:310px;height:310px}.lm-orbit-two{width:340px;height:340px}.lm-topic{padding:10px}.lm-emblem{width:185px;height:185px}.lm-emblem>span{font-size:56px}}
@media(max-width:850px){.retaillm-panel{grid-template-columns:1fr}.lm-visual{min-height:420px}.lm-topic-stock{left:20%}.lm-topic-demand{right:18%}.lm-topic-stores{left:16%}.lm-topic-trade{right:20%}.retaillm-section{padding-block:20px 45px}}
@media(max-width:560px){.retaillm-copy{padding:32px 25px}.retaillm-copy h2{font-size:40px}.lm-lead{font-size:22px}.lm-visual{min-height:350px}.lm-orbit{width:270px;height:270px}.lm-orbit-two{width:300px;height:300px}.lm-emblem{width:160px;height:160px;border-radius:32px}.lm-emblem>span{font-size:48px}.lm-emblem small{font-size:6px;letter-spacing:1.4px}.lm-topic{font-size:7px;padding:8px 10px}.lm-topic-stock{left:8%}.lm-topic-demand{right:5%}.lm-topic-stores{left:5%;bottom:26%}.lm-topic-trade{right:7%;bottom:24%}.lm-visual-caption{bottom:25px}}

.lm-status{display:flex;align-items:center;gap:8px;font-size:10px;color:#6b5b8c;margin:24px 0 4px}.lm-status>span{width:6px;height:6px;border-radius:50%;background:#8970d3;flex-shrink:0}