.hero-positioning {font-size:clamp(18px,1.8vw,27px);font-weight:650;line-height:1.4;letter-spacing:-.025em;max-width:1120px;margin-top:26px;color:#f3f5f7}
.hero-positioning+.hero-description {margin-top:8px;font-size:clamp(15px,1.2vw,19px);max-width:1000px;color:#bec8d5}
.business-section {padding-block:clamp(38px,4vw,65px);border-top:1px solid var(--line)}
.neon-page .business-section h2 {font-size:clamp(34px,3.6vw,54px);line-height:1.14;font-weight:600;letter-spacing:-.045em}
.business-section .eyebrow {margin-bottom:18px}
.business-problems>h2 {max-width:1120px}
.needs-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-block:30px 22px}
.need-card {display:flex;flex-direction:column;align-items:flex-start;padding:23px;border:1px solid #35404c;border-radius:10px;background:#10161b;color:#f3f5f7;--need-accent:#8ce6c2;min-width:0}
.need-card:nth-child(2) {--need-accent:#9ebeff}.need-card:nth-child(3) {--need-accent:#c9d7ff}
.need-card:hover {border-color:#76889f;background:#141d26}
.need-number {font-size:10px;letter-spacing:.1em;color:var(--need-accent);margin-bottom:17px}
.neon-page .need-card h3 {font-size:22px;font-weight:650;line-height:1.3;letter-spacing:-.03em}
.need-card p {font-size:15px;line-height:1.65;color:#c4cdda;margin-top:10px;margin-bottom:19px;max-width:320px}
.need-link {display:flex;justify-content:space-between;gap:30px;width:100%;margin-top:auto;font-size:13px;color:var(--need-accent)}
.need-link>span {font-size:20px;line-height:1}
.business-context {font-size:13px;line-height:1.8;color:#bac5d3;max-width:1050px;margin-top:10px}
.business-context strong {color:#edf3fa;font-weight:650}
.business-demos {padding-top:38px;padding-bottom:48px}
.demo-card-heading {display:flex;justify-content:space-between;align-items:flex-start;gap:16px;min-width:0}
.neon-page .demo-card-heading h3 {font-size:clamp(23px,2vw,30px);font-weight:750;line-height:1.25;letter-spacing:-.04em}
.demo-reset {display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;padding:6px 8px;min-height:44px;background:transparent;border:1px solid #586778;border-radius:7px;color:#d7e0ec;font:11px/1.4 Manrope,Arial,sans-serif}
.demo-reset>span {font-size:20px}.demo-reset:hover {background:#1e2b39;border-color:#91a7c1}
.management-card-intro {margin-bottom:14px;max-width:450px;min-height:44px}
.demo-next {display:flex;align-items:center;gap:12px;min-height:74px;font-size:12px;line-height:1.65;color:#cad8e5;padding:12px 13px;background:#131e25;border:1px solid #354552;border-radius:8px;margin:0 0 15px}
.demo-next [data-next-copy] {flex:1;min-width:0}.demo-next [data-next-copy]>span {display:block;color:var(--app-accent);font-size:10px;font-weight:650;letter-spacing:.04em;margin-bottom:4px}
.demo-next .app-white-button {flex:none;max-width:210px;font-size:12px;min-height:46px}
.crm-notice:disabled {background:#1b2930;color:#ccdae4;border-color:#40525d;cursor:default}
.crm-notice:disabled .notice-icon {background:#304a45}
.demo-metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:18px}
.demo-metrics>div {padding:11px 10px;background:#131d25;border:1px solid #354251;border-radius:7px;min-width:0}
.demo-metrics strong {font-size:22px;font-weight:650;color:var(--app-accent);line-height:1.2;display:block}
.demo-metrics span {display:block;font-size:10px;line-height:1.4;color:#d1dbe7;margin-top:6px}
.management-card .app-workspace {grid-template-columns:124px minmax(0,1fr);min-height:430px}
.app-white-button {white-space:normal;text-align:center}
.board-column .order-card+.order-card {margin-top:9px}
.order-card small {font-size:10px;color:#bdcadb;line-height:1.4}
.board-empty {font-size:11px;line-height:1.65;color:#abbaca;padding:6px 1px}
.demo-feedback {color:#b6ead6;font-size:12px;line-height:1.65;min-height:43px;padding-top:13px;margin-bottom:5px}
.erp-card .demo-feedback {color:#c0d7ff}
.demo-contact {display:inline-flex;justify-content:space-between;align-items:center;gap:18px;min-height:44px;color:#b7eed9;font-size:14px;line-height:1.5;font-weight:600;text-decoration:underline;text-decoration-color:#658b7c;text-underline-offset:5px;align-self:flex-start}
.erp-card .demo-contact {color:#c0d7ff;text-decoration-color:#607ca6}
.demo-contact>span {font-size:20px}
.simulation-note {font-size:11px;line-height:1.7;color:#b3c0cf;margin-top:19px}
.demo-activity {border:1px solid #354251;padding:18px;border-radius:8px;background:#121b23}
.activity-label {font-size:9px;letter-spacing:.13em;color:#aad7c5}
.neon-page .demo-activity h5 {font:650 18px/1.35 Manrope,Arial,sans-serif;letter-spacing:-.025em;margin-top:14px}
.demo-activity p {font-size:12px;color:#bfccda;line-height:1.7;margin-top:13px}
.demo-activity .record-link {margin-top:8px;font-size:12px}
.student-list {display:grid;gap:10px}
.student-button {width:100%;font-family:inherit;color:#f3f5f7;text-align:left;cursor:pointer}
.student-button:hover {background:#1a2a35;border-color:#779489}
.student-course {display:block;color:#bfcbda;font-size:11px;margin-top:5px}
.inventory-quantity {font-size:20px;color:#b4d2ff;font-weight:650}
.inventory-explanation {margin-top:17px;font-size:12px;color:#bfcddd;line-height:1.8}
.inventory-explanation strong {color:#e2eaf4}
.management-detail-actions {margin:0 0 14px}
.management-detail-dialog .detail-feedback {color:#b6ead6;font-size:13px;line-height:1.7;padding:12px;border:1px solid #386151;border-radius:7px;background:#132820}.detail-feedback:empty {display:none}
.management-detail-actions .app-white-button {min-height:46px;font-size:13px;padding-inline:20px;border-color:#a6d9c4;background:#c5f4de;color:#122d23}
.management-detail-dialog .detail-contact {font-size:12px;background:transparent;color:#c7d9fa;border-color:#586d89;box-shadow:none}
.section-anchor {position:absolute;top:0;left:0}
.web-example {position:relative;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:7%}
.web-example-copy>p:not(.eyebrow):not(.concept-note) {font-size:17px;line-height:1.8;color:#c7d1de;margin-top:22px;max-width:540px}
.feature-list {list-style:none;margin-block:23px;padding:0;border-top:1px solid #35414e;max-width:530px}
.feature-list li {padding:11px 0;border-bottom:1px solid #35414e;color:#c4cfde;font-size:14px;line-height:1.6}
.web-example .concept-note,.visual-service .concept-note {font-size:11px;line-height:1.7;color:#b0bdcc;max-width:540px}
.web-example-actions {display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:26px}
.web-example .button {border-radius:11px}
.web-preview {display:block;overflow:hidden;border:1px solid #526173;border-radius:13px;background:#e8e4dc;color:#1a231e;box-shadow:0 24px 70px #0006;transition:border-color .2s}
.web-preview:hover {border-color:#a4bfff}
.web-preview-bar {display:flex;gap:15px;align-items:center;justify-content:space-between;padding:17px 23px;background:#f3f0e8;font-size:10px;color:#25312b}
.web-preview-bar b {font-size:25px;letter-spacing:-.05em;font-weight:700}.web-preview-bar i {font-style:normal;font-size:9px;white-space:nowrap}
.web-preview-scene {position:relative;aspect-ratio:1.24;overflow:hidden;background:#363e31}
.web-preview-scene:after {content:"";position:absolute;inset:0;background:linear-gradient(90deg,#171d16a6,transparent 85%)}
.web-preview-scene img {width:100%;height:100%;object-fit:cover}
.web-preview-scene>div {position:absolute;z-index:1;left:7%;bottom:12%;color:#fff}
.web-preview-scene>div>span {font-size:9px;letter-spacing:.15em;display:block;margin-bottom:15px}
.web-preview-scene strong {font-size:clamp(32px,4.2vw,65px);font-weight:500;letter-spacing:-.05em;line-height:1.02}
.web-preview-foot {display:flex;justify-content:space-between;align-items:center;padding:20px 23px;font-size:12px;color:#25312b}.web-preview-foot>span {font-size:22px}
.business-section-heading {display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:30px}
.business-section-heading>p {max-width:510px;font-size:16px;line-height:1.8;color:#becbd9}
.process-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;list-style:none;margin:0;padding:0}
.process-grid>li {border-top:1px solid #475567;padding-top:22px}
.process-grid>li>span {font-size:12px;letter-spacing:.05em;color:#a7bfff}.process-grid>li:nth-child(1)>span {color:#ffac9e}.process-grid>li:nth-child(3)>span {color:#9be9cc}
.neon-page .process-grid h3 {font-size:21px;font-weight:600;line-height:1.35;letter-spacing:-.025em;margin:18px 0 13px}
.process-grid p {font-size:14px;line-height:1.8;color:#becbd9}
.visual-service-layout {display:grid;grid-template-columns:1.1fr .9fr;gap:7%;align-items:center}
.visual-service .demo-stage {aspect-ratio:1.45}.visual-service .concept-note {margin-top:15px}
.visual-service-copy>p:not(.eyebrow) {font-size:17px;line-height:1.8;color:#c4cfde;margin-top:20px}
.visual-service-copy .text-link {color:#ffc3b7}.visual-service .gallery.wrap {width:100%}
.neon-page .contact h2 {font-size:clamp(34px,3.35vw,50px);line-height:1.13;max-width:650px}
.contact-context {font-size:12px;line-height:1.6;color:#bbd2ff;margin-bottom:14px}.contact-context:empty {display:none}
@media(min-width:1101px) {.management-card .app-tabs {padding-inline:6px}.management-card .app-tab {font-size:11px;gap:7px;padding-inline:6px}.management-card .app-tab svg {width:15px}.management-card .app-content {padding-inline:12px}.demo-card-heading {gap:10px}.demo-reset {font-size:10px}}
@media(max-width:1100px) {.management-card .app-workspace {grid-template-columns:155px minmax(0,1fr);min-height:410px}.web-example {gap:5%}.web-preview-bar>span {display:none}.business-section-heading {gap:28px}.business-section-heading>p {max-width:370px}.process-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.needs-grid {gap:14px}.need-card {padding:20px}.neon-page .need-card h3 {font-size:20px}}
@media(max-width:760px) {
  .hero-positioning {font-size:19px;line-height:1.5;margin-top:24px;max-width:370px}.hero-positioning+.hero-description {font-size:14px;line-height:1.8;margin-top:10px}
  .business-section {padding-block:35px}.neon-page .business-section h2 {font-size:34px;line-height:1.15}.business-section .eyebrow {font-size:9px;margin-bottom:16px}
  .needs-grid {grid-template-columns:1fr;gap:12px;margin-block:24px 18px}.need-card {padding:20px}.need-number {margin-bottom:11px}.need-card p {margin-bottom:14px;max-width:none;font-size:14px}.need-link {font-size:13px}.business-context {font-size:12px}
  .business-demos {padding-block:30px 35px}.demo-card-heading {flex-wrap:nowrap;gap:12px;align-items:flex-start}.neon-page .demo-card-heading h3 {font-size:24px;min-width:0}.demo-reset {font-size:11px;min-height:44px}.management-card-intro {margin-top:11px;font-size:14px;min-height:0}.demo-next {flex-direction:column;align-items:stretch;gap:12px;min-height:0;padding:12px;margin-bottom:15px}.demo-next .app-white-button {width:100%;max-width:none}
  .demo-metrics {gap:6px;margin-bottom:16px}.demo-metrics>div {padding:10px 8px}.demo-metrics strong {font-size:23px}.demo-metrics span {font-size:10px}.management-card .app-workspace {grid-template-columns:138px minmax(0,1fr);min-height:410px}
  .demo-contact {font-size:13px}.demo-feedback {font-size:12px;min-height:0}.demo-feedback:empty {display:none}.simulation-note {font-size:11px}.management-detail-actions .app-white-button {width:100%}
  .web-example,.visual-service-layout {grid-template-columns:1fr;gap:27px}.web-example-copy>p:not(.eyebrow):not(.concept-note),.visual-service-copy>p:not(.eyebrow) {font-size:15px;line-height:1.8;margin-top:17px}.web-example .button {width:100%}.web-example-actions {gap:14px;margin-top:22px;width:100%}.web-example .text-link {font-size:13px}.web-preview-bar {padding:13px 17px}.web-preview-bar b {font-size:23px}.web-preview-scene {aspect-ratio:1.06}.web-preview-scene strong {font-size:43px}.web-preview-foot {padding:15px 17px;font-size:11px}
  .business-section-heading {display:block;margin-bottom:25px}.business-section-heading>p {font-size:15px;margin-top:18px;max-width:none}.process-grid {grid-template-columns:1fr;gap:23px}.process-grid>li {padding-top:17px;display:grid;grid-template-columns:27px 1fr;gap:0 13px}.process-grid>li>span {grid-row:1/3;margin-top:3px}.neon-page .process-grid h3 {margin:0 0 8px;font-size:21px}.process-grid p {grid-column:2;font-size:14px}.visual-service .demo-stage {aspect-ratio:1.15}.visual-service-copy {grid-row:1}.neon-page .contact h2 {font-size:35px}.neon-page .contact-lead {font-size:17px}
}
@media(max-width:640px) {.management-card .app-workspace {display:flex;min-height:0}.management-card .app-content {min-height:360px}.management-card .app-actions--stock {gap:14px}.order-card small {font-size:11px}.demo-metrics span {font-size:10px}.inventory-explanation {font-size:12px}.management-card .app-topbar {min-height:63px}.student-course {font-size:12px}}
@media(prefers-reduced-motion:reduce) {.web-preview {transition:none}.business-section *,.business-demos * {animation:none!important;transition:none!important}}
@media(forced-colors:active) {.need-card,.demo-next,.demo-metrics>div,.web-preview {border:1px solid ButtonText}.demo-next>span,.demo-contact,.demo-feedback {color:CanvasText}}