.hub-hero{background:var(--navy);color:#fff;padding-block:3.5rem 3rem}
.hub-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:2.5rem;margin-bottom:2.4rem}
.hub-intro>div{min-width:0}
.hub-intro h1{font-size:clamp(2.5rem,4.6vw,4.3rem);font-weight:750;line-height:1.13;letter-spacing:-.045em;margin-top:.8rem;max-width:22ch}
.hub-intro h1 span{color:var(--cyan)}
.hub-intro>p{max-width:34ch;color:#c7d7e9;font-size:1.0625rem;line-height:1.8}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem}
.product-card{min-width:0;display:flex;flex-direction:column;background:#13263d;border:1px solid #48617b;border-top:3px solid var(--cyan);border-radius:.75rem;padding:1.65rem}
.product-card.commerce{border-top-color:#9db8ff}
.product-card.erp{border-top-color:#f2d394}
.product-audience{font-size:.875rem;color:#c7d7e9;line-height:1.65;margin-bottom:.9rem}
.product-card h2{font-size:1.8rem;letter-spacing:-.025em;margin-bottom:.65rem}
.product-card .product-type{font-size:1rem;font-weight:700;color:#a7f0f4;margin-bottom:.65rem}
.product-card.commerce .product-type{color:#bfd0ff}
.product-card.erp .product-type{color:#f2d394}
.product-card>p:not(.product-audience):not(.product-type){color:#c7d7e9;font-size:1rem;line-height:1.8}
.product-topics{display:flex;flex-wrap:wrap;gap:.35rem .65rem;margin:1.05rem 0 1.45rem;padding:0;list-style:none;color:#d6e4f4;font-size:.875rem}
.product-topics li+li::before{content:'·';margin-right:.65rem;color:#90a8c4}
.product-actions{display:grid;gap:.7rem;margin-top:auto}
.product-actions .product-info{display:flex;justify-content:center;align-items:center;min-height:2.75rem;font-size:.9375rem;text-decoration:underline;text-underline-offset:5px;color:#e1ebf8}
.product-actions .button{width:100%}
.hub-helper{display:flex;flex-wrap:wrap;gap:.5rem 2rem;justify-content:space-between;margin-top:1.4rem;color:#b9cce1;font-size:.875rem;line-height:1.8}
.hub-helper a{color:#fff;text-decoration:underline;text-underline-offset:4px}
.hub-product-jumps{display:none}
.wordmark{max-width:100%}
.wordmark .neuyi-logo{width:min(10.75rem,45vw);max-width:100%}
.mode-preview h2{font-size:clamp(2rem,3.5vw,2.8rem);margin-top:.6rem;letter-spacing:-.035em}
.hub-section{padding-block:4rem}
.hub-section.soft{background:var(--surface);border-block:1px solid var(--line)}
.hub-section h2{font-size:clamp(2rem,3.5vw,2.8rem);letter-spacing:-.035em;margin:.6rem 0 1rem}
.hub-split{display:grid;grid-template-columns:1fr 1fr;gap:4rem}
.hub-prose{max-width:67ch;color:var(--muted);line-height:1.9}
.hub-prose p+p{margin-top:1rem}
.hub-prose a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}
.choice-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.choice-list li{padding:1.1rem 0;border-bottom:1px solid var(--line)}
.choice-list h3{font-size:1.15rem;margin-bottom:.4rem;line-height:1.5}
.choice-list p{color:var(--muted);font-size:1rem;line-height:1.8}
.choice-list a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}
.hub-faq{max-width:56rem;border-top:1px solid var(--line);margin-top:1.7rem}
.hub-faq details{padding:1.15rem 0;border-bottom:1px solid var(--line)}
.hub-faq summary{cursor:pointer;min-height:2.75rem;font-size:1.125rem;font-weight:600;line-height:1.7;margin-left:1.25rem}
.hub-faq summary:focus-visible{outline:3px solid #13b9d0;outline-offset:5px}
.hub-faq details p{margin:.65rem 0 0 1.25rem;color:var(--muted);font-size:1rem;line-height:1.9;max-width:70ch}
.hub-faq details a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}
.hub-contact{background:var(--navy);color:#fff;padding-block:3.5rem}
.hub-contact h2{font-size:clamp(2rem,3.5vw,2.8rem);letter-spacing:-.035em;margin:.6rem 0 1rem}
.hub-contact .hub-prose{color:#c7d7e9}
.hub-contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;align-items:start}
.hub-contact-links{display:grid;gap:.75rem}
.hub-contact-links a{display:flex;flex-wrap:wrap;gap:.35rem 1rem;justify-content:space-between;align-items:center;min-height:4rem;border:1px solid #48617b;border-radius:.5rem;padding:1rem;font-size:1rem}
.hub-contact-links a:hover{background:#19314f;border-color:#8cecf2}
.hub-contact-links strong{font-weight:600}
.hub-contact-links span{color:#c7d7e9;overflow-wrap:anywhere}
.sample-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3rem}
.sample-layout .learning-preview{color:var(--ink);width:100%;max-width:38rem;justify-self:center;scroll-margin-top:7rem}
.erp-hero-note{border-left:3px solid #f2d394;padding-left:1.25rem;color:#cfdeee;font-size:1rem;line-height:1.9;max-width:65ch;margin-top:1.5rem}
.detail-app-note{color:#cfdeee;font-size:.9375rem;line-height:1.8;margin-top:1rem;max-width:65ch}
.detail-section h3{overflow-wrap:normal}
.site-footer .footer-bottom{grid-template-columns:1fr 2fr}
@media(max-width:960px){.hub-intro{display:block}.hub-intro>p{max-width:65ch;margin-top:1rem}.product-card{padding:1.2rem}.product-card h2{font-size:1.45rem}.hub-split{gap:2rem}.hub-contact-grid{gap:2rem}.sample-layout{grid-template-columns:1fr;gap:2rem}}
@media(max-width:760px){.product-grid{grid-template-columns:1fr}.product-card{padding:1.35rem}.product-card h2{font-size:1.65rem}.product-actions{grid-template-columns:1fr 1fr;align-items:center}.product-actions .product-info{order:-1}.hub-split,.hub-contact-grid{grid-template-columns:1fr;gap:2rem}.hub-hero{padding-block:2.2rem}.hub-intro{margin-bottom:1.7rem}.hub-intro h1{font-size:clamp(2.2rem,7.6vw,3rem)}.hub-intro>p{font-size:1rem}.product-topics{margin-block:.8rem 1rem}.product-audience{margin-bottom:.6rem}.hub-section{padding-block:3rem}.hub-contact{padding-block:3rem}.site-footer .footer-bottom{grid-template-columns:1fr}.hub-helper{display:block}.hub-helper p+p{margin-top:.5rem}}
@media(max-width:380px){.product-actions{grid-template-columns:1fr}.product-actions .product-info{order:0}.hub-intro h1{font-size:2.1rem}.hub-contact-links a{padding:.85rem}}
@media(prefers-reduced-motion:reduce){.hub-hero{scroll-behavior:auto}}
@media(max-width:760px){.hub-product-jumps{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.hub-product-jumps a{border:1px solid #627d98;border-radius:2rem;min-height:2.75rem;padding:.5rem .9rem;font-size:.9375rem;color:#e1ebf8}.hub-product-jumps a:hover{background:#19314f}}
