.shapegrid-canvas{border:none;width:100%;height:100%;display:block}
.system-demo-section{background:radial-gradient(circle at 78% 18%, rgba(var(--accent-color-rgb), .14), transparent 28%), linear-gradient(180deg, #ffffff05, transparent 26%), #000;min-height:360vh;padding:120px 0}.system-demo-layout{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:start;gap:64px;display:grid}.system-demo-copy,.business-system-shell{position:sticky;top:112px}.system-demo-copy-inner{max-width:540px}.system-demo-eyebrow{border:1px solid rgba(var(--accent-color-rgb), .3);background:rgba(var(--accent-color-rgb), .08);color:var(--accent-color);letter-spacing:0;text-transform:uppercase;border-radius:999px;margin-bottom:18px;padding:6px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.system-demo-story{border-top:1px solid var(--border-color);margin-top:44px;padding:24px 0 0}.system-demo-story>span{color:var(--accent-color);font-family:var(--font-mono);font-size:.8rem}.system-demo-story h3{color:var(--text-primary);letter-spacing:0;margin:12px 0 10px;font-size:1.6rem;font-weight:700}.system-demo-story p{color:var(--text-secondary);font-size:1rem;line-height:1.7}.system-demo-visual-column{min-height:280vh}.business-system-shell{background:linear-gradient(145deg,#ffffff0d,#ffffff03),#050505;border:1px solid #ffffff21;border-radius:8px;overflow:hidden;box-shadow:0 24px 80px #00000057}.business-system-shell:before{content:"";pointer-events:none;background-image:linear-gradient(90deg,#ffffff09 1px,#0000 1px),linear-gradient(#ffffff09 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 92%);mask-image:linear-gradient(#000,#0000 92%)}.system-shell-topbar{z-index:2;border-bottom:1px solid var(--border-color);grid-template-columns:90px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 18px;display:grid;position:relative}.system-shell-topbar>div{gap:7px;display:flex}.system-dot{background:#ffffff38;border-radius:50%;width:8px;height:8px}.system-shell-topbar strong{color:var(--text-primary);text-align:center;font-size:.95rem;font-weight:600}.system-health{color:#bbf7d0;background:#22c55e14;border:1px solid #22c55e47;border-radius:999px;padding:4px 8px;font-size:.75rem}.system-stage{z-index:1;min-height:620px;padding:24px;position:relative}.system-icon{flex:none;width:18px;height:18px}.source-cloud{width:min(720px,100% - 32px);height:520px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.source-chip{min-width:138px;color:var(--text-secondary);background:#09090ceb;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:10px 12px;font-size:.82rem;transition:opacity .55s,transform .7s,border-color .45s,color .45s,background-color .45s;display:inline-flex;position:absolute}.source-chip:first-child{top:112px;left:0}.source-chip:nth-child(2){top:112px;right:0}.source-chip:nth-child(3){top:314px;left:0}.source-chip:nth-child(4){top:314px;right:0}.source-chip:nth-child(5){top:452px;left:50%;transform:translate(-50%)}.source-chip:nth-child(6){top:214px;left:0}.source-chip:nth-child(7){top:214px;right:0}.source-chip:nth-child(8){top:36px;left:50%;transform:translate(-50%)}.system-demo-section[data-stage="0"] .source-chip{color:var(--text-primary);animation:4.8s ease-in-out infinite sourceDrift;animation-delay:calc(var(--chip-index) * -.65s)}.system-demo-section[data-stage="1"] .source-chip,.system-demo-section[data-stage="2"] .source-chip,.system-demo-section[data-stage="3"] .source-chip,.system-demo-section[data-stage="4"] .source-chip,.system-demo-section[data-stage="5"] .source-chip{border-color:rgba(var(--accent-color-rgb), .3);color:#ffffffc7;opacity:.5}.system-demo-section[data-stage="1"] .source-chip:first-child,.system-demo-section[data-stage="2"] .source-chip:first-child,.system-demo-section[data-stage="3"] .source-chip:first-child,.system-demo-section[data-stage="4"] .source-chip:first-child,.system-demo-section[data-stage="5"] .source-chip:first-child{transform:translate(158px,140px)scale(.82)}.system-demo-section[data-stage="1"] .source-chip:nth-child(2),.system-demo-section[data-stage="2"] .source-chip:nth-child(2),.system-demo-section[data-stage="3"] .source-chip:nth-child(2),.system-demo-section[data-stage="4"] .source-chip:nth-child(2),.system-demo-section[data-stage="5"] .source-chip:nth-child(2){transform:translate(-132px,150px)scale(.82)}.system-demo-section[data-stage="1"] .source-chip:nth-child(3),.system-demo-section[data-stage="2"] .source-chip:nth-child(3),.system-demo-section[data-stage="3"] .source-chip:nth-child(3),.system-demo-section[data-stage="4"] .source-chip:nth-child(3),.system-demo-section[data-stage="5"] .source-chip:nth-child(3){transform:translate(122px,-8px)scale(.82)}.system-demo-section[data-stage="1"] .source-chip:nth-child(4),.system-demo-section[data-stage="2"] .source-chip:nth-child(4),.system-demo-section[data-stage="3"] .source-chip:nth-child(4),.system-demo-section[data-stage="4"] .source-chip:nth-child(4),.system-demo-section[data-stage="5"] .source-chip:nth-child(4){transform:translate(-148px,-8px)scale(.82)}.system-demo-section[data-stage="1"] .source-chip:nth-child(5),.system-demo-section[data-stage="2"] .source-chip:nth-child(5),.system-demo-section[data-stage="3"] .source-chip:nth-child(5),.system-demo-section[data-stage="4"] .source-chip:nth-child(5),.system-demo-section[data-stage="5"] .source-chip:nth-child(5){transform:translate(-50%,-102px)scale(.82)}.system-demo-section[data-stage="1"] .source-chip:nth-child(6),.system-demo-section[data-stage="2"] .source-chip:nth-child(6),.system-demo-section[data-stage="3"] .source-chip:nth-child(6),.system-demo-section[data-stage="4"] .source-chip:nth-child(6),.system-demo-section[data-stage="5"] .source-chip:nth-child(6){transform:translate(168px,50px)scale(.82)}.system-demo-section[data-stage="1"] .source-chip:nth-child(7),.system-demo-section[data-stage="2"] .source-chip:nth-child(7),.system-demo-section[data-stage="3"] .source-chip:nth-child(7),.system-demo-section[data-stage="4"] .source-chip:nth-child(7),.system-demo-section[data-stage="5"] .source-chip:nth-child(7){transform:translate(-166px,54px)scale(.82)}.system-demo-section[data-stage="1"] .source-chip:nth-child(8),.system-demo-section[data-stage="2"] .source-chip:nth-child(8),.system-demo-section[data-stage="3"] .source-chip:nth-child(8),.system-demo-section[data-stage="4"] .source-chip:nth-child(8),.system-demo-section[data-stage="5"] .source-chip:nth-child(8){transform:translate(-50%,166px)scale(.82)}.system-flow-lines{opacity:0;width:min(620px,100% - 112px);height:420px;transition:opacity .55s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.system-flow-lines path{fill:none;stroke:rgba(var(--accent-color-rgb), .45);stroke-width:1.1px;stroke-dasharray:6 9}.system-demo-section[data-stage="0"] .system-flow-lines path{animation:5.5s linear infinite flowTrace}.system-demo-section[data-stage="0"] .system-flow-lines{opacity:.58}.capture-card,.pipeline-panel,.architecture-panel,.automation-layer,.dashboard-layer,.system-footer-layer,.system-final-message{will-change:opacity, transform;transition:opacity .55s,transform .65s,border-color .45s,box-shadow .45s;position:absolute}.capture-card{border:1px solid rgba(var(--accent-color-rgb), .22);opacity:.32;background:#0e0c15f5;border-radius:8px;justify-items:center;width:210px;padding:20px;display:grid;top:50%;left:50%;transform:translate(-50%,-50%)scale(.94)}.capture-icon{border:1px solid rgba(var(--accent-color-rgb), .34);width:42px;height:42px;color:var(--accent-color);background:rgba(var(--accent-color-rgb), .09);border-radius:8px;place-items:center;margin-bottom:12px;display:grid}.capture-card span{color:var(--text-primary);font-size:.95rem;font-weight:600}.capture-card strong{color:var(--text-secondary);margin-top:5px;font-size:.78rem;font-weight:500}.system-demo-section[data-stage="0"] .capture-card{opacity:1;border-color:rgba(var(--accent-color-rgb), .55);box-shadow:0 0 34px rgba(var(--accent-color-rgb), .16);transform:translate(-50%,-50%)scale(1)}.pipeline-panel{opacity:0;background:#07070ae6;border:1px solid #ffffff1a;border-radius:8px;padding:18px;top:72px;left:24px;right:24px;transform:translateY(32px)scale(.97)}.panel-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:14px;font-size:.9rem;font-weight:600;display:flex}.pipeline-columns{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.system-path-grid{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.pipeline-column{border:1px solid var(--border-color);background:#ffffff06;border-radius:8px;min-height:108px;padding:12px;transition:transform .45s,border-color .45s}.system-path-card{flex-direction:column;gap:10px;display:flex}.system-path-card .system-icon{color:var(--accent-color)}.pipeline-column span{color:var(--text-primary);font-size:.76rem;font-weight:600}.pipeline-column i{background:#ffffff12;border-radius:4px;height:18px;margin-top:10px;display:block}.pipeline-column i:last-child{width:68%}.architecture-panel{opacity:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid;top:300px;left:38px;right:38px;transform:translateY(24px)}.architecture-module{border:1px solid rgba(var(--accent-color-rgb), .2);background:rgba(var(--accent-color-rgb), .06);min-height:56px;color:var(--text-primary);border-radius:8px;align-items:center;gap:8px;padding:12px;font-size:.82rem;transition:transform .45s;display:inline-flex}.architecture-module .system-icon{color:var(--accent-color)}.system-demo-section[data-stage="1"] .pipeline-panel{opacity:1;transform:translateY(0)scale(1)}.system-demo-section[data-stage="2"] .architecture-panel{opacity:1;transform:translateY(0)}.system-demo-section[data-stage="2"] .architecture-module{transform:translateY(calc((var(--module-index) % 2) * -5px))}.system-demo-section[data-stage="1"] .pipeline-column{border-color:rgba(var(--accent-color-rgb), .22);transform:translateY(calc((var(--column-index) % 2) * -5px))}.automation-layer{opacity:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid;top:286px;left:44px;right:44px;transform:translateY(26px)}.automation-card{border:1px solid rgba(var(--accent-color-rgb), .18);background:rgba(var(--accent-color-rgb), .07);min-height:86px;color:var(--text-primary);border-radius:8px;gap:9px;padding:14px;font-size:.78rem;line-height:1.35;transition:transform .45s;display:grid}.automation-card .system-icon{color:var(--accent-color)}.system-demo-section[data-stage="3"] .automation-layer{opacity:1;transform:translateY(0)}.system-demo-section[data-stage="3"] .automation-card{transform:translateY(calc((var(--automation-index) % 2) * -6px))}.dashboard-layer{opacity:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid;top:210px;left:24px;right:24px;transform:translateY(32px)}.dashboard-widget{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;min-height:96px;padding:14px}.dashboard-widget span{color:var(--text-secondary);font-size:.75rem;display:block}.dashboard-widget strong{color:var(--text-primary);margin:8px 0 12px;font-size:1rem;font-weight:650;display:block}.widget-bars{align-items:end;gap:5px;height:34px;display:flex}.widget-bars i{width:100%;height:var(--bar-height);background:linear-gradient(to top, rgba(var(--accent-color-rgb), .28), rgba(var(--accent-color-rgb), .76));border-radius:3px 3px 0 0}.system-demo-section[data-stage="4"] .dashboard-layer{opacity:1;transform:translateY(0)}.system-demo-section[data-stage="4"] .widget-bars i{animation:3.2s ease-in-out infinite barLift}.system-demo-section[data-stage="4"] .widget-bars i:nth-child(2){animation-delay:-.7s}.system-demo-section[data-stage="4"] .widget-bars i:nth-child(3){animation-delay:-1.4s}.system-footer-layer{border:1px solid rgba(var(--accent-color-rgb), .22);opacity:0;background:#08080bf2;border-radius:8px;grid-template-columns:1fr;align-items:center;gap:12px;padding:14px;display:grid;top:78px;left:24px;right:24px;transform:translateY(18px)}.final-module-grid{grid-template-columns:repeat(auto-fit,minmax(142px,1fr));gap:10px;display:grid}.final-module-grid span{min-height:44px;color:var(--text-secondary);background:#ffffff06;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:.82rem;display:inline-flex}.final-module-grid .system-icon{color:var(--accent-color)}.system-footer-layer strong{border-top:1px solid var(--border-color);color:var(--text-primary);padding-top:8px;font-size:.82rem;font-weight:600;display:block}.system-demo-section[data-stage="5"] .system-footer-layer{opacity:1;box-shadow:0 0 28px rgba(var(--accent-color-rgb), .12);transform:translateY(0)}.system-final-message{border:1px solid rgba(var(--accent-color-rgb), .28);opacity:0;background:#08080bf5;border-radius:8px;padding:22px;bottom:24px;left:24px;right:24px;transform:translateY(18px)}.system-final-message h3{color:var(--text-primary);margin:0 0 8px;font-size:1.25rem}.system-final-message p{max-width:560px;color:var(--text-secondary);margin:0 0 16px;font-size:.9rem;line-height:1.6}.system-final-message a,.system-mobile-final a{color:var(--accent-color);font-size:.9rem;font-weight:600}.system-demo-section[data-stage="5"] .system-final-message{opacity:1;transform:translateY(0)}.system-demo-section[data-stage="1"] .source-cloud,.system-demo-section[data-stage="2"] .source-cloud,.system-demo-section[data-stage="3"] .source-cloud,.system-demo-section[data-stage="4"] .source-cloud,.system-demo-section[data-stage="5"] .source-cloud,.system-demo-section[data-stage="1"] .system-flow-lines,.system-demo-section[data-stage="2"] .system-flow-lines,.system-demo-section[data-stage="3"] .system-flow-lines,.system-demo-section[data-stage="4"] .system-flow-lines,.system-demo-section[data-stage="5"] .system-flow-lines,.system-demo-section[data-stage="1"] .capture-card,.system-demo-section[data-stage="2"] .capture-card,.system-demo-section[data-stage="3"] .capture-card,.system-demo-section[data-stage="4"] .capture-card,.system-demo-section[data-stage="5"] .capture-card,.system-demo-section[data-stage="3"] .architecture-panel,.system-demo-section[data-stage="4"] .architecture-panel,.system-demo-section[data-stage="5"] .architecture-panel{opacity:0;pointer-events:none}.system-demo-section .source-cloud,.system-demo-section .system-flow-lines,.system-demo-section .capture-card,.system-demo-section .pipeline-panel,.system-demo-section .architecture-panel,.system-demo-section .automation-layer,.system-demo-section .dashboard-layer,.system-demo-section .system-footer-layer,.system-demo-section .system-final-message{pointer-events:none}.system-demo-section:not([data-stage="0"]) .source-cloud,.system-demo-section:not([data-stage="0"]) .system-flow-lines,.system-demo-section:not([data-stage="0"]) .capture-card,.system-demo-section:not([data-stage="1"]) .pipeline-panel,.system-demo-section:not([data-stage="2"]) .architecture-panel,.system-demo-section:not([data-stage="3"]) .automation-layer,.system-demo-section:not([data-stage="4"]) .dashboard-layer,.system-demo-section:not([data-stage="5"]) .system-footer-layer,.system-demo-section:not([data-stage="5"]) .system-final-message{opacity:0}.system-demo-section[data-stage="0"] .source-cloud,.system-demo-section[data-stage="0"] .capture-card,.system-demo-section[data-stage="1"] .pipeline-panel,.system-demo-section[data-stage="2"] .architecture-panel,.system-demo-section[data-stage="3"] .automation-layer,.system-demo-section[data-stage="4"] .dashboard-layer,.system-demo-section[data-stage="5"] .system-footer-layer,.system-demo-section[data-stage="5"] .system-final-message{pointer-events:auto;z-index:2}.system-mobile-sequence{display:none}@keyframes sourceDrift{0%,to{translate:0}50%{translate:0 -7px}}@keyframes flowTrace{to{stroke-dashoffset:-60px}}@keyframes barLift{0%,to{transform-origin:bottom;transform:scaleY(.78)}50%{transform-origin:bottom;transform:scaleY(1)}}@media (max-width:1100px){.system-demo-layout{grid-template-columns:1fr}.system-demo-copy{position:relative;top:auto}.system-demo-copy-inner{max-width:760px}}@media (max-width:768px){.system-demo-section{min-height:auto;padding:84px 0}.system-demo-visual-column{min-height:auto}.business-system-shell{display:none}.system-mobile-sequence{gap:16px;list-style:none;display:grid}.system-mobile-step{background:#ffffff06;border:1px solid #ffffff1a;border-radius:8px;padding:20px}.system-mobile-step span{color:var(--accent-color);font-family:var(--font-mono);font-size:.8rem}.system-mobile-step h3{color:var(--text-primary);margin:10px 0 8px;font-size:1.15rem}.system-mobile-step p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.system-mobile-final a{margin-top:16px;display:inline-flex}}@media (prefers-reduced-motion:reduce){.system-demo-section{min-height:auto}.system-demo-copy,.business-system-shell{position:relative;top:auto}.system-demo-visual-column{min-height:auto}.source-chip,.capture-card,.pipeline-panel,.automation-layer,.dashboard-layer,.system-footer-layer,.architecture-panel,.system-final-message,.pipeline-column,.automation-card,.architecture-module,.widget-bars i,.system-flow-lines path{transition:none!important;animation:none!important}}
.hero-section{align-items:center;min-height:90vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero-grid-bg{z-index:0;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 40%,#0000 100%);mask-image:linear-gradient(#000 40%,#0000 100%)}.hero-container{text-align:center;flex-direction:column;align-items:center;display:flex}.hero-content{z-index:2;flex-direction:column;align-items:center;display:flex}.hero-badge{-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 16px;display:inline-flex}.hero-badge-dot{background-color:var(--accent-color);width:6px;height:6px;box-shadow:0 0 8px var(--accent-color);border-radius:50%;display:block}.hero-badge-text{color:var(--text-primary);font-size:.875rem;font-weight:500}.hero-title{letter-spacing:0;margin-bottom:24px;font-size:4rem;font-weight:700;line-height:1.1}.hero-title .accent-text{color:var(--text-primary);text-shadow:0 0 30px #8b5cf64d;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:520px;margin-bottom:40px;font-size:1.25rem}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.partnership-grid,.faq-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px;display:grid}.project-tags{gap:8px;margin-bottom:16px;display:flex}.tag{border:1px solid var(--border-color);color:var(--text-secondary);text-transform:uppercase;letter-spacing:0;background-color:#ffffff0d;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:500}.project-title{color:var(--text-primary);letter-spacing:0;margin-bottom:12px;font-size:1.5rem;font-weight:600}.project-desc{color:var(--text-secondary);margin-bottom:24px;font-size:.875rem}.project-card-full{flex-direction:column;display:flex}.project-image-wrapper{border-bottom:1px solid var(--border-color);border-radius:6px 6px 0 0;width:calc(100% + 64px);height:240px;margin:-32px -32px 32px;position:relative;overflow:hidden}.project-image{object-fit:cover;transition:transform .5s}.border-glow-card:hover .project-image{transform:scale(1.05)}.project-content{flex-direction:column;flex-grow:1;display:flex}.project-action{margin-top:auto;padding-top:24px}.section-footer{justify-content:center;margin-top:48px;display:flex}.border-top{border-top:1px solid var(--border-color)}.text-center{text-align:center;flex-direction:column;align-items:center;display:flex}.process-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:24px;margin-top:64px;display:grid}.process-step{border-left:1px solid var(--border-color);background:linear-gradient(90deg,#ffffff05 0%,#0000 100%);padding:24px;position:relative}.step-number{color:var(--accent-color);margin-bottom:16px;font-family:monospace;font-size:.875rem}.step-title{margin-bottom:8px;font-size:1.25rem;font-weight:600}.step-desc{color:var(--text-secondary);font-size:.875rem}.cta-section{padding-bottom:120px}.cta-container{text-align:center}.cta-container .border-glow-content{text-align:center;justify-content:center;align-items:center;min-height:300px;padding:56px 32px}.cta-title{letter-spacing:0;max-width:760px;margin-bottom:16px;font-size:2.5rem;font-weight:700}.cta-subtitle{color:var(--text-secondary);max-width:620px;margin-bottom:32px;font-size:1.125rem;line-height:1.65}.btn-lg{padding:16px 32px;font-size:1rem}@media (max-width:992px){.hero-container{text-align:center;grid-template-columns:1fr}.hero-actions{justify-content:center}.hero-subtitle{margin:0 auto 40px}.process-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero-title{font-size:3rem}.cta-title{font-size:2rem}.cta-container .border-glow-content{min-height:auto;padding:40px 24px}.process-grid{grid-template-columns:1fr}.process-step{border-left:none;border-top:1px solid var(--border-color);background:linear-gradient(#ffffff05 0%,#0000 100%)}}