:root {
  --navy-950:#06182c;--navy-900:#09233e;--navy-800:#103657;--blue:#1677ff;
  --cyan:#16b7ca;--teal:#0ea878;--emerald:#19b77d;--orange:#f0783c;
  --ink:#10243c;--muted:#5d7086;--line:#dce7ef;--paper:#fff;--mist:#f4f8fb;
  --shadow:0 24px 70px rgba(17,49,76,.12);--radius:24px;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;min-width:320px;background:#fff;color:var(--ink);line-height:1.6}button,a{font:inherit}a{color:inherit;text-decoration:none}button{border:0}.icon{width:1.25em;height:1.25em;display:block}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.site-shell{overflow:hidden}.site-header{height:76px;position:fixed;inset:0 0 auto;z-index:50;background:rgba(255,255,255,.88);border-bottom:1px solid rgba(216,229,239,.8);backdrop-filter:blur(18px)}.nav-wrap{height:100%;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:700;letter-spacing:-.035em;white-space:nowrap}.brand strong{color:var(--blue)}.brand-mark{width:35px;height:35px;display:grid;place-items:center;color:#fff;border-radius:11px;background:linear-gradient(145deg,var(--blue),var(--cyan));box-shadow:0 8px 20px rgba(22,119,255,.25)}.brand-mark .icon{width:21px;height:21px}.nav-links{display:flex;align-items:center;gap:25px;margin-left:auto;font-size:13px;font-weight:650;color:#496078}.nav-links a,.login-link{transition:color .2s}.nav-links a:hover,.login-link:hover{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:18px;font-size:13px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 21px;border-radius:13px;color:#fff;background:linear-gradient(135deg,#1274ef,#0ca8c4);box-shadow:0 12px 28px rgba(18,116,239,.23);font-weight:750;font-size:14px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(18,116,239,.3)}.button-small{min-height:40px;padding-inline:16px;border-radius:11px}.button-ghost{color:#173a5b;background:#fff;border:1px solid #d5e3ed;box-shadow:0 10px 24px rgba(19,54,87,.08)}.button .arrow{width:17px}.menu-button{display:none;width:42px;height:42px;border-radius:10px;background:#eff5f9;padding:10px;flex-direction:column;justify-content:center;gap:4px}.menu-button span{height:2px;width:100%;background:var(--navy-800);border-radius:2px}
.hero{min-height:790px;padding:155px 0 85px;position:relative;background:linear-gradient(135deg,#f8fbfd 0%,#eef8fa 55%,#f7fcfb 100%)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(16,73,112,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(16,73,112,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);opacity:.65}.hero-glow-one{width:440px;height:440px;right:-170px;top:80px;background:radial-gradient(circle,rgba(25,183,125,.18),transparent 68%)}.hero-glow-two{width:420px;height:420px;left:-250px;bottom:-130px;background:radial-gradient(circle,rgba(22,119,255,.13),transparent 68%)}.hero-grid{position:relative;display:grid;grid-template-columns:.91fr 1.09fr;align-items:center;gap:55px}.eyebrow,.section-kicker{display:flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800;color:#087c8e}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--emerald);box-shadow:0 0 0 5px rgba(25,183,125,.13)}h1,h2,h3,p{margin-top:0}.hero h1{margin:20px 0 20px;font-size:clamp(45px,5vw,69px);line-height:1.025;letter-spacing:-.055em;color:var(--navy-950);max-width:650px}.hero h1 span{color:var(--blue)}.hero-lead{font-size:18px;line-height:1.72;color:var(--muted);max-width:575px;margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.account-note{display:flex;align-items:flex-start;gap:9px;margin:22px 0 0;color:#6b7c8e;font-size:12px;max-width:530px}.account-note .icon{flex:0 0 15px;margin-top:2px}.dashboard-stage{position:relative;perspective:1100px}.app-window{position:relative;background:#fff;border:1px solid rgba(160,188,208,.5);border-radius:20px;box-shadow:0 35px 90px rgba(11,54,84,.19);overflow:hidden;transform:rotateY(-2deg) rotateX(1deg)}.window-bar{height:47px;display:flex;align-items:center;gap:14px;padding:0 16px;border-bottom:1px solid #e8eff4;background:#fbfdfe;font-size:11px}.window-bar>div{display:flex;gap:5px}.window-bar>div span{width:8px;height:8px;border-radius:50%;background:#d9e3eb}.window-bar>div span:first-child{background:#f18a67}.window-bar>div span:nth-child(2){background:#f4c45e}.window-bar>div span:last-child{background:#54c993}.window-bar strong{color:#264765}.window-bar em{margin-left:auto;font-style:normal;color:#8091a0;border:1px solid #dbe6ed;border-radius:99px;padding:2px 8px}.window-body{height:382px;display:flex}.demo-sidebar{width:53px;flex:0 0 53px;background:var(--navy-950);display:flex;align-items:center;flex-direction:column;padding:12px 0;gap:13px;color:#7f9bb3}.demo-sidebar span,.side-logo{display:grid;place-items:center;width:31px;height:31px;border-radius:8px}.demo-sidebar span:first-of-type{background:rgba(22,119,255,.2);color:#65b9ff}.side-logo{color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));margin-bottom:8px}.demo-main{padding:19px;width:calc(100% - 53px);background:#f5f8fa}.demo-top{display:flex;justify-content:space-between;align-items:center}.demo-top div{display:flex;flex-direction:column}.demo-top span,.chart-card>span,.activity-card>span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#8494a3;font-weight:800}.demo-top strong{font-size:15px;color:#183853}.demo-top button{background:var(--blue);color:#fff;font-size:9px;font-weight:800;border-radius:7px;padding:8px 12px}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0}.mini-kpi{border:1px solid #e2ebf1;border-radius:10px;background:#fff;padding:11px;position:relative;overflow:hidden}.mini-kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--blue)}.mini-kpi.teal:before{background:var(--teal)}.mini-kpi.orange:before{background:var(--orange)}.mini-kpi span{display:block;color:#8292a1;font-size:8px}.mini-kpi strong{font-size:19px;letter-spacing:-.03em}.demo-panels{display:grid;grid-template-columns:1.25fr .9fr;gap:10px}.chart-card,.activity-card{height:202px;background:#fff;border:1px solid #e3ecf2;border-radius:11px;padding:12px}.bars{height:130px;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid #e8eef2;margin-top:8px;background:repeating-linear-gradient(to bottom,#fff,#fff 31px,#edf2f5 32px)}.bars i{display:block;flex:1;border-radius:4px 4px 0 0;background:linear-gradient(#21b9c5,#1677ff);opacity:.85}.chart-labels{display:flex;justify-content:space-around;font-size:7px;color:#8d9aa6;margin-top:5px}.activity-row{display:flex;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid #edf2f5}.activity-row:last-child{border:0}.activity-row i{width:7px;height:7px;border-radius:50%;background:var(--blue)}.activity-row i.teal{background:var(--teal)}.activity-row i.orange{background:var(--orange)}.activity-row div{display:flex;flex-direction:column}.activity-row strong{font-size:9px}.activity-row span{font-size:7px;color:#8a9aa8}.float-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.96);border:1px solid #dce8ef;border-radius:12px;padding:10px 13px;box-shadow:0 15px 35px rgba(11,54,84,.15);animation:float 5s ease-in-out infinite}.float-chip>.icon{color:var(--blue);width:19px}.float-chip div{display:flex;flex-direction:column}.float-chip span{font-size:8px;color:#8292a1}.float-chip strong{font-size:11px}.chip-stock{right:-24px;top:62px}.chip-repair{left:-25px;bottom:38px;animation-delay:-2s}.chip-repair>.icon{color:var(--orange)}@keyframes float{50%{transform:translateY(-7px)}}
.value-strip{background:#fff;border-block:1px solid #e4edf3}.value-grid{display:grid;grid-template-columns:repeat(5,1fr);min-height:116px}.value-item{display:flex;align-items:center;gap:11px;padding:20px 18px;border-right:1px solid #e7eef3}.value-item:first-child{border-left:1px solid #e7eef3}.value-icon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:10px;color:#0f8ba1;background:#e9f8f8}.value-item div{display:flex;flex-direction:column}.value-item strong{font-size:12px}.value-item div span{font-size:10px;color:#7a8b9a}.section{padding:112px 0}.section-tint{background:var(--mist)}.section-heading{text-align:center;max-width:760px;margin:0 auto 52px}.section-heading .section-kicker{justify-content:center}.section-heading h2,.content-column h2,.hybrid-head h2,.report-grid h2,.cta-card h2{font-size:clamp(34px,4vw,50px);line-height:1.12;letter-spacing:-.045em;color:var(--navy-950);margin:14px 0 18px}.section-heading p,.section-copy{color:var(--muted);font-size:16px;margin:0;line-height:1.75}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.module-card{min-height:270px;padding:25px;border:1px solid #dfE9ef;border-radius:19px;background:#fff;box-shadow:0 13px 35px rgba(16,54,83,.055);transition:transform .22s,border-color .22s,box-shadow .22s}.module-card:hover{transform:translateY(-5px);border-color:#b8d8e6;box-shadow:0 22px 48px rgba(16,54,83,.11)}.module-icon,.feature-title-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:14px;color:#087fa0;background:linear-gradient(135deg,#e7f6fb,#e6f9f3)}.module-icon .icon{width:23px}.module-card h3{font-size:17px;margin:21px 0 9px;color:#153753}.module-card p{font-size:13px;color:#6a7c8d;line-height:1.65;margin-bottom:18px}.module-card a{margin-top:auto;display:inline-flex;gap:6px;align-items:center;color:#1677d8;font-size:12px;font-weight:750}.module-card .arrow{width:14px}.split-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.split-grid.reverse .content-column{order:2}.split-grid.reverse>.visual-card{order:1}.content-column>p{color:var(--muted);font-size:15px;line-height:1.75}.steps{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:16px}.steps li{display:flex;gap:11px;align-items:flex-start}.steps li>span{font-size:10px;font-weight:850;color:#0a94a0;background:#e4f7f6;border-radius:8px;padding:5px 7px}.steps strong{font-size:13px}.steps p{font-size:11px;color:#738596;margin:2px 0}.visual-card{background:#fff;border:1px solid #dbe7ee;border-radius:23px;padding:25px;box-shadow:var(--shadow)}.visual-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:21px}.visual-top>div{display:flex;flex-direction:column}.visual-top span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#8294a4;font-weight:750}.visual-top strong{font-size:17px}.demo-label,.warning-pill,.progress-pill{font-size:9px!important;font-weight:800!important;text-transform:uppercase;border-radius:99px;padding:5px 9px;color:#087f8d!important;background:#e6f8f5}.warning-pill{color:#a65e1c!important;background:#fff1dd}.product-search{height:43px;border:1px solid #dce7ed;border-radius:10px;display:flex;align-items:center;gap:9px;padding:0 12px;color:#8b9aa6;font-size:11px}.bill-lines{margin:12px 0}.bill-lines>div{display:flex;justify-content:space-between;align-items:center;padding:12px 4px;border-bottom:1px solid #edf2f5}.bill-lines div div{display:flex;flex-direction:column}.bill-lines span{font-size:12px;font-weight:650}.bill-lines small{font-size:9px;color:#8294a4}.bill-lines strong{font-size:11px}.bill-total{display:flex;justify-content:space-between;padding:12px 4px;font-size:13px}.pay-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pay-options button{border:1px solid #dce7ed;background:#f8fafb;color:#4f6578;border-radius:8px;padding:8px;font-size:10px}.pay-options button:first-child{border-color:#57c6a2;background:#ecfaf5;color:#08795d}.checkout-button{width:100%;background:linear-gradient(135deg,var(--teal),#12aab9);color:white;border-radius:10px;padding:12px;font-size:11px;font-weight:800;margin-top:11px}.feature-band{position:relative}.feature-band .feature-title-icon{margin-bottom:22px}.check-list{list-style:none;padding:0;margin:25px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:11px}.check-list li,.security-card li{display:flex;align-items:center;gap:9px;color:#52697c;font-size:12px}.check-list .icon,.security-card li .icon{width:16px;color:var(--teal);stroke-width:2.5}.inventory-visual,.ledger-visual,.repair-visual{max-width:520px;width:100%}.stock-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #edf2f5}.stock-row>div{display:flex;align-items:center;gap:11px}.stock-thumb{width:37px;height:37px;display:grid;place-items:center;background:#eef6fa;border-radius:9px;color:#2188a9}.stock-row>div>div{display:flex;flex-direction:column}.stock-row strong{font-size:12px}.stock-row small{font-size:9px;color:#8294a4}.stock-count{font-size:9px;border-radius:99px;padding:5px 8px;background:#eaf9f4;color:#07815f}.stock-count.low{background:#fff0e3;color:#b65d24}.stock-count.medium{background:#edf5ff;color:#1d70c8}.movement{padding-top:20px}.movement>span{font-size:10px;font-weight:750}.movement>div{height:7px;background:#e7eef2;border-radius:9px;margin:9px 0;overflow:hidden}.movement i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--cyan));border-radius:9px}.movement small{font-size:9px;color:#8294a4}.customer-head{display:flex;align-items:center;gap:11px}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#1177ee,#14b6c1);color:#fff;font-weight:800}.customer-head div{display:flex;flex-direction:column}.customer-head strong{font-size:13px}.customer-head span:last-child{font-size:9px;color:#8294a4}.balance-box{border-radius:15px;background:var(--navy-950);color:#fff;padding:18px;margin:22px 0;display:flex;justify-content:space-between;align-items:center}.balance-box span{font-size:10px;color:#9fb4c7}.balance-box strong{font-size:18px}.ledger-row{display:flex;justify-content:space-between;padding:13px 2px}.ledger-row>div{display:flex;flex-direction:column}.ledger-row strong{font-size:11px}.ledger-row span{font-size:9px;color:#8294a4}.ledger-row em{font-style:normal;font-size:11px;font-weight:750;color:#d25c40}.ledger-row em.received{color:var(--teal)}.ledger-line{height:1px;background:#e8eff3}.ledger-foot{display:flex;align-items:center;gap:8px;font-size:10px;color:#6c7f90;margin-top:17px}.ledger-foot .icon{color:var(--teal)}.repair-head{display:flex;justify-content:space-between}.repair-head div{display:flex;flex-direction:column}.repair-head span{font-size:9px;color:#8294a4}.repair-head strong{font-size:17px}.progress-pill{color:#1677d8!important;background:#eaf4ff}.device-card{display:flex;align-items:center;gap:12px;background:#f3f7fa;border-radius:14px;padding:14px;margin:21px 0}.device-icon{width:40px;height:40px;display:grid;place-items:center;background:#fff;border-radius:11px;color:#1681a8}.device-card>div:last-child{display:flex;flex-direction:column}.device-card strong{font-size:11px}.device-card span{font-size:9px;color:#8294a4}.repair-timeline{padding-left:4px}.timeline-item{position:relative;display:flex;gap:13px;padding:0 0 18px}.timeline-item:not(:last-child):before{content:"";position:absolute;width:1px;left:8px;top:16px;bottom:0;background:#dce6ec}.timeline-item>i{width:17px;height:17px;flex:0 0 17px;border:2px solid #cbd8e0;border-radius:50%;background:#fff;display:grid;place-items:center;z-index:1}.timeline-item.done>i{border-color:var(--teal);background:var(--teal);color:#fff}.timeline-item i .icon{width:10px}.timeline-item>div{display:flex;flex-direction:column}.timeline-item strong{font-size:11px}.timeline-item span{font-size:9px;color:#8294a4}
.hybrid-section{background:var(--navy-950);color:#fff;position:relative}.hybrid-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 5%,rgba(19,181,191,.16),transparent 35%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,45px 45px,45px 45px}.hybrid-section .container{position:relative}.hybrid-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.section-kicker.light{color:#66d6da}.hybrid-head h2{color:#fff;margin-bottom:0}.roadmap-badge{border:1px solid rgba(87,218,198,.38);background:rgba(24,183,141,.12);color:#76e2c5;border-radius:99px;padding:7px 13px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.hybrid-intro{color:#a7bdcf;max-width:800px;font-size:15px;margin:22px 0 42px}.architecture-flow{display:grid;grid-template-columns:1fr 50px 1fr 50px 1fr 50px 1fr;align-items:center}.architecture-node{min-height:155px;border:1px solid rgba(173,209,228,.16);border-radius:17px;background:rgba(255,255,255,.045);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:19px}.architecture-node>div{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:rgba(37,190,190,.13);color:#61d1d2;margin-bottom:13px}.architecture-node strong{font-size:12px}.architecture-node span{font-size:9px;color:#8fa8bb}.flow-arrow{color:#4d819d;display:grid;place-items:center}.plan-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:35px}.plan-card{border-left:3px solid var(--teal);background:rgba(255,255,255,.055);padding:20px 22px;border-radius:4px 14px 14px 4px}.plan-card span{font-size:9px;color:#72dac0;text-transform:uppercase;font-weight:800;letter-spacing:.1em}.plan-card h3{font-size:16px;margin:5px 0}.plan-card p{font-size:11px;color:#9fb6c8;margin:0}.report-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:80px}.range-pills{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 13px}.range-pills span{font-size:10px;font-weight:750;border:1px solid #dbe6ed;border-radius:99px;padding:7px 11px;background:#fff}.range-pills span:first-child{color:#087b84;border-color:#a9ddd7;background:#eaf9f5}.small-note{font-size:10px;color:#7e909f}.report-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.report-kpis>div{display:flex;flex-direction:column;border:1px solid #e1eaf0;border-radius:11px;padding:12px}.report-kpis span,.report-kpis small{font-size:8px;color:#8192a1}.report-kpis strong{font-size:21px}.report-chart{height:190px;display:flex;margin-top:18px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;font-size:7px;color:#93a1ad;padding:5px 8px 13px 0}.area-graph{flex:1;background:repeating-linear-gradient(to bottom,#fff,#fff 51px,#eaf0f3 52px)}.area-graph svg{width:100%;height:100%}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:960px;margin:auto}.security-card{border:1px solid #dbe7ee;border-radius:21px;background:#fff;padding:30px}.security-card.actual{box-shadow:0 20px 55px rgba(13,146,114,.1);border-top:3px solid var(--teal)}.security-card.planned{border-top:3px solid var(--blue)}.security-label{display:inline-flex;align-items:center;gap:7px;border-radius:99px;padding:6px 10px;font-size:9px;text-transform:uppercase;font-weight:850;letter-spacing:.07em;background:#e9f8f3;color:#087758}.planned .security-label{background:#eaf3ff;color:#146ec3}.security-label .icon{width:13px}.security-card h3{font-size:22px;margin:17px 0}.security-card ul{list-style:none;padding:0;margin:0;display:grid;gap:14px}.planned li .icon{color:var(--blue)}.shop-types{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.shop-type{height:130px;border:1px solid #dde8ee;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;background:#fff;transition:.2s}.shop-type:hover{transform:translateY(-3px);border-color:#9ed4d9}.shop-type .icon{width:27px;color:#0d8ca0}.shop-type strong{font-size:11px}.faq-section{background:#f8fafc}.faq-wrap{max-width:850px}.faq-list{display:grid;gap:10px}.faq-item{background:#fff;border:1px solid #dfe8ee;border-radius:14px;padding:0 19px}.faq-item summary{list-style:none;cursor:pointer;min-height:61px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;font-weight:750}.faq-item summary::-webkit-details-marker{display:none}.faq-plus{font-size:22px;font-weight:400;color:#178ba0;transition:transform .2s}.faq-item[open] .faq-plus{transform:rotate(45deg)}.faq-item p{font-size:12px;color:#65798b;padding:0 38px 17px 0;margin:0}.cta-section{padding:85px 0;background:#f8fafc}.cta-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#082540,#073755 58%,#075968);border-radius:28px;color:#fff;padding:70px 50px;text-align:center;box-shadow:0 30px 80px rgba(5,39,64,.2)}.cta-card>*{position:relative}.cta-orb{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(36,211,179,.23),transparent 68%);top:-240px;right:-80px}.cta-card .section-kicker{justify-content:center}.cta-card h2{color:#fff;margin:14px 0}.cta-card p{color:#adc3d2;max-width:650px;margin:0 auto 26px}.centered{justify-content:center}.button-light{background:#fff;color:#0b4260;box-shadow:none}.button-outline-light{background:transparent;border:1px solid rgba(255,255,255,.35);box-shadow:none}.site-footer{background:#051729;color:#a6bac9;padding:68px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px}.footer-brand{color:#fff}.footer-grid>div:first-child p{font-size:11px;max-width:260px;margin-top:17px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:9px}.footer-grid h3{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#fff;margin-bottom:7px}.footer-grid a:not(.brand){font-size:11px}.footer-grid a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);margin-top:45px;padding-top:22px;font-size:9px}
@media(max-width:1050px){.nav-links{gap:15px}.nav-links a:nth-last-child(-n+2){display:none}.hero-grid{grid-template-columns:1fr 1fr;gap:28px}.float-chip{display:none}.module-grid{grid-template-columns:repeat(2,1fr)}.split-grid{gap:45px}.architecture-flow{grid-template-columns:1fr 30px 1fr 30px 1fr 30px 1fr}.shop-types{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.container{width:min(100% - 30px,660px)}.site-header{height:68px}.nav-wrap{position:relative}.nav-actions{margin-left:auto}.nav-actions .login-link{display:none}.menu-button{display:flex}.nav-links{position:absolute;top:61px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;background:#fff;border:1px solid #dfe8ee;border-radius:14px;box-shadow:var(--shadow);padding:8px}.nav-links.is-open{display:flex}.nav-links a,.nav-links a:nth-last-child(-n+2){display:block;padding:10px 13px}.hero{padding:125px 0 70px;min-height:auto}.hero-grid{grid-template-columns:1fr;gap:55px}.hero-copy{text-align:center}.eyebrow,.hero-actions{justify-content:center}.hero-lead,.account-note{margin-left:auto;margin-right:auto}.dashboard-stage{max-width:650px}.value-grid{grid-template-columns:repeat(2,1fr)}.value-item:first-child{border-left:0}.value-item:last-child{grid-column:1/-1;justify-content:center}.section{padding:85px 0}.split-grid,.report-grid{grid-template-columns:1fr;gap:45px}.split-grid.reverse .content-column,.split-grid.reverse>.visual-card{order:initial}.visual-card{max-width:600px;margin:auto;width:100%}.architecture-flow{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg);height:35px}.plan-cards{grid-template-columns:1fr}.security-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}.footer-grid>div:first-child{grid-row:span 2}}
@media(max-width:560px){.container{width:calc(100% - 24px)}.brand{font-size:18px}.brand-mark{width:32px;height:32px}.nav-actions .button{display:none}.hero{padding-top:112px}.hero h1{font-size:42px}.hero-lead{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.account-note{text-align:left}.window-body{height:315px}.app-window{border-radius:15px}.demo-sidebar{width:42px;flex-basis:42px}.demo-sidebar span,.side-logo{width:27px;height:27px}.demo-main{padding:12px;width:calc(100% - 42px)}.kpi-grid{gap:5px}.mini-kpi{padding:8px}.mini-kpi strong{font-size:15px}.demo-panels{grid-template-columns:1fr}.chart-card{height:160px}.bars{height:90px}.activity-card{display:none}.value-grid{grid-template-columns:1fr}.value-item,.value-item:first-child{border-left:0;border-right:0;border-bottom:1px solid #e7eef3}.value-item:last-child{grid-column:auto;justify-content:flex-start}.module-grid{grid-template-columns:1fr}.module-card{min-height:0}.section-heading{margin-bottom:35px}.steps{grid-template-columns:1fr}.check-list{grid-template-columns:1fr}.content-column h2,.section-heading h2,.hybrid-head h2,.report-grid h2,.cta-card h2{font-size:34px}.hybrid-head{align-items:flex-start;flex-direction:column}.architecture-node{min-height:130px}.shop-types{grid-template-columns:1fr 1fr}.shop-type:last-child{grid-column:1/-1}.report-kpis{gap:5px}.report-kpis strong{font-size:17px}.security-card{padding:23px}.cta-card{padding:55px 22px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:1/-1;grid-row:auto}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:6px}.billing-mockup{padding:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(prefers-contrast:more){:root{--muted:#3d4f60;--line:#b9c7d1}.module-card,.visual-card,.faq-item,.security-card{border-color:#9fb0bd}.button{background:#075fc5}}

/* ──────────────────────────────────────────────────────────────────────────
   MD StoreOS visual system v2 — cinematic product showcase
   ────────────────────────────────────────────────────────────────────────── */
:root{--v2-bg:#02070d;--v2-panel:#08131f;--v2-panel-2:#0b1927;--v2-line:rgba(153,205,229,.14);--v2-copy:#f4f9fc;--v2-muted:#8fa6b8;--v2-cyan:#38d9f4;--v2-blue:#3188ff;--v2-green:#42e8ae;--v2-orange:#ff875f}
body{background:var(--v2-bg);color:var(--v2-copy)}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
.site-header{height:82px;top:12px;left:50%;right:auto;width:min(1180px,calc(100% - 30px));transform:translateX(-50%);border:1px solid rgba(171,220,239,.13);border-radius:19px;background:rgba(3,11,18,.72);box-shadow:0 18px 50px rgba(0,0,0,.2);backdrop-filter:blur(24px) saturate(145%)}
.nav-wrap{width:100%;padding:0 20px}.brand{color:#f2f9fc}.brand strong{color:var(--v2-cyan)}.brand-mark{background:linear-gradient(145deg,#226dff,#24d2dc);box-shadow:0 0 0 1px rgba(255,255,255,.16) inset,0 10px 32px rgba(37,185,235,.26)}
.nav-links{color:#9eb1c0}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--v2-cyan);transition:right .25s ease}.nav-links a:hover{color:#fff}.nav-links a:hover:after{right:0}.login-link{color:#c9d9e4}.button{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.13);background:linear-gradient(120deg,#236dff,#13bfcf 58%,#2de0a4);box-shadow:0 15px 44px rgba(25,148,224,.24),inset 0 1px rgba(255,255,255,.22);border-radius:14px}.button:before{content:"";position:absolute;inset:-2px;transform:translateX(-110%) skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transition:transform .65s ease}.button:hover:before{transform:translateX(110%) skewX(-20deg)}.button-ghost{background:rgba(255,255,255,.045);border-color:rgba(180,220,238,.18);color:#dcebf4;box-shadow:none;backdrop-filter:blur(15px)}
.hero{min-height:100svh;padding:174px 0 112px;background:radial-gradient(circle at 71% 38%,rgba(24,133,208,.18),transparent 28%),radial-gradient(circle at 88% 16%,rgba(28,216,176,.1),transparent 24%),linear-gradient(145deg,#02070d,#04101a 46%,#061521);isolation:isolate}.hero:before{opacity:.42;background-image:linear-gradient(rgba(85,177,212,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(85,177,212,.065) 1px,transparent 1px);background-size:58px 58px;mask-image:radial-gradient(ellipse 80% 75% at 65% 42%,#000 15%,transparent 78%)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:160px;background:linear-gradient(transparent,var(--v2-bg));z-index:-1}.hero-mesh{position:absolute;width:720px;height:720px;right:-90px;top:75px;border-radius:50%;opacity:.32;background:repeating-radial-gradient(circle,rgba(55,209,236,.17) 0 1px,transparent 1px 24px);mask-image:radial-gradient(circle,#000,transparent 67%);animation:mesh-spin 36s linear infinite;z-index:-1}.hero-glow{filter:blur(80px);mix-blend-mode:screen;animation:glow-drift 12s ease-in-out infinite alternate}.hero-glow-one{width:530px;height:530px;right:4%;top:12%;background:rgba(0,164,255,.1)}.hero-glow-two{width:400px;height:400px;left:-10%;bottom:0;background:rgba(33,218,165,.08);animation-delay:-5s}.hero-orbit{position:absolute;z-index:0;width:47px;height:47px;border:1px solid rgba(110,215,236,.18);border-radius:15px;display:grid;place-items:center;color:rgba(107,222,241,.48);background:rgba(8,31,47,.5);box-shadow:inset 0 1px rgba(255,255,255,.08),0 15px 45px rgba(0,0,0,.25);backdrop-filter:blur(12px);animation:orbit-float 8s ease-in-out infinite}.hero-orbit .icon{width:20px}.orbit-one{left:5%;top:27%;transform:rotate(-11deg)}.orbit-two{left:44%;top:16%;animation-delay:-2.6s}.orbit-three{right:3%;bottom:18%;animation-delay:-5s;transform:rotate(10deg)}.orbit-four{left:47%;bottom:9%;animation-delay:-6.5s}.hero-grid{grid-template-columns:.9fr 1.1fr;gap:70px}.eyebrow{display:inline-flex;border:1px solid rgba(87,211,224,.2);border-radius:100px;background:rgba(29,136,160,.08);padding:8px 13px;color:#77dae8;box-shadow:inset 0 1px rgba(255,255,255,.06)}.status-dot{background:var(--v2-green);box-shadow:0 0 0 5px rgba(66,232,174,.1),0 0 18px rgba(66,232,174,.8);animation:status-pulse 2.5s ease-out infinite}.hero h1{font-size:clamp(58px,6.5vw,92px);line-height:.94;letter-spacing:-.067em;color:#f5fbff;margin:27px 0 28px;text-wrap:balance}.hero h1 span{display:block;color:transparent;background:linear-gradient(100deg,#45ddf5 5%,#3a8cff 50%,#41e5b0 92%);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 12px 35px rgba(44,172,239,.14))}.hero-lead{font-size:17px;color:#91aabc;max-width:555px}.account-note{color:#718a9d}.dashboard-stage{transform:perspective(1400px) rotateY(-5deg) rotateX(2deg);filter:drop-shadow(0 48px 80px rgba(0,0,0,.34));animation:stage-enter 1s cubic-bezier(.16,1,.3,1) both}.app-window{border-color:rgba(133,206,230,.19);border-radius:24px;background:rgba(6,17,28,.89);box-shadow:0 0 0 1px rgba(255,255,255,.035) inset,0 35px 100px rgba(0,0,0,.48),0 0 90px rgba(25,140,205,.1)}.window-bar{background:rgba(10,24,36,.9);border-color:rgba(148,201,221,.11);color:#d4e5ee}.window-bar strong{color:#c7dbe7}.window-bar em{color:#6f8a9d;border-color:rgba(167,211,229,.14)}.window-body{height:422px}.demo-sidebar{background:#030b12;border-right:1px solid rgba(120,196,224,.1)}.demo-main{background:linear-gradient(145deg,#081521,#091925)}.demo-top strong,.mini-kpi strong{color:#e8f4fa}.demo-top button{background:linear-gradient(120deg,#277eff,#14bfc8);box-shadow:0 9px 24px rgba(29,133,225,.24)}.mini-kpi,.chart-card,.activity-card{background:rgba(255,255,255,.035);border-color:rgba(141,204,229,.11)}.bars{border-color:rgba(155,207,226,.1);background:repeating-linear-gradient(to bottom,transparent,transparent 31px,rgba(164,213,231,.08) 32px)}.chart-labels,.mini-kpi span,.activity-row span{color:#688295}.activity-row{border-color:rgba(159,208,226,.08)}.float-chip{background:rgba(8,22,34,.88);border-color:rgba(120,211,232,.16);color:#dcedf4;box-shadow:0 20px 55px rgba(0,0,0,.4);backdrop-filter:blur(18px)}.float-chip span{color:#7891a2}.chip-stock{right:-20px}.chip-repair{left:-30px}.scroll-cue{position:absolute;left:50%;bottom:31px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:#5f7d90;font-size:9px;text-transform:uppercase;letter-spacing:.18em}.scroll-cue span{width:20px;height:30px;border:1px solid rgba(131,196,220,.24);border-radius:20px;position:relative}.scroll-cue span:after{content:"";position:absolute;top:6px;left:8px;width:2px;height:6px;border-radius:3px;background:#4ccde3;animation:scroll-drop 2s ease infinite}
.value-strip{position:relative;background:#02070d;border-color:rgba(141,206,231,.11)}.value-strip:before,.value-strip:after{content:"";position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}.value-strip:before{left:0;background:linear-gradient(90deg,#02070d,transparent)}.value-strip:after{right:0;background:linear-gradient(-90deg,#02070d,transparent)}.value-grid{min-height:128px}.value-item{border-color:rgba(134,201,225,.1);background:linear-gradient(180deg,rgba(255,255,255,.018),transparent)}.value-item strong{color:#dcebf2}.value-item div span{color:#658093}.value-icon{color:#49d5e8;background:rgba(36,188,205,.09);border:1px solid rgba(80,211,226,.12)}
.section{position:relative;padding:135px 0;background:var(--v2-bg)}.section-tint{background:#050d15}.section-heading{max-width:820px}.section-kicker{color:#4bc9dc}.section-heading h2,.content-column h2,.report-grid h2{color:#edf8fc;font-size:clamp(41px,4.7vw,64px);letter-spacing:-.055em}.section-heading p,.section-copy,.content-column>p{color:#8099aa}.module-grid{counter-reset:module;gap:18px}.module-card{counter-increment:module;position:relative;overflow:hidden;min-height:310px;padding:29px;border-color:var(--v2-line);border-radius:24px;background:linear-gradient(145deg,rgba(12,30,44,.93),rgba(5,17,27,.93));box-shadow:inset 0 1px rgba(255,255,255,.045),0 25px 70px rgba(0,0,0,.14);transform-style:preserve-3d}.module-card:before{content:"0" counter(module);position:absolute;right:18px;top:13px;color:rgba(150,209,229,.12);font-size:42px;font-weight:850;letter-spacing:-.06em}.module-card:after{content:"";position:absolute;width:150px;height:150px;right:-85px;bottom:-95px;border-radius:50%;background:var(--v2-cyan);filter:blur(45px);opacity:0;transition:opacity .35s,transform .5s}.module-card:hover{transform:translateY(-9px) rotateX(1deg);border-color:rgba(72,212,233,.3);box-shadow:0 35px 80px rgba(0,0,0,.28),0 0 45px rgba(31,174,214,.07)}.module-card:hover:after{opacity:.14;transform:scale(1.25)}.module-icon,.feature-title-icon{color:#4bdded;background:linear-gradient(145deg,rgba(35,140,192,.16),rgba(34,218,168,.1));border:1px solid rgba(81,210,228,.13);box-shadow:inset 0 1px rgba(255,255,255,.08)}.module-card h3{color:#e6f3f8;font-size:19px}.module-card p{color:#748d9f}.module-card a{color:#4ed3e5}.split-grid{gap:105px}.visual-card{border-color:rgba(137,204,229,.14);background:linear-gradient(145deg,rgba(12,29,43,.94),rgba(6,18,28,.97));box-shadow:inset 0 1px rgba(255,255,255,.045),0 35px 90px rgba(0,0,0,.34);color:#dfedf4}.billing-mockup,.inventory-visual,.ledger-visual,.repair-visual,.report-visual{position:relative}.visual-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(140deg,rgba(68,214,236,.37),transparent 35%,transparent 68%,rgba(52,230,171,.19));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}.product-search,.pay-options button{border-color:rgba(147,205,226,.13);background:rgba(255,255,255,.035);color:#7490a2}.bill-lines>div,.stock-row{border-color:rgba(156,207,225,.09)}.pay-options button:first-child{border-color:rgba(64,229,174,.27);background:rgba(43,210,157,.09);color:#59e8ba}.checkout-button{box-shadow:0 13px 38px rgba(22,191,159,.2)}.check-list li,.security-card li{color:#89a2b2}.stock-thumb,.device-icon{background:rgba(38,174,205,.1);color:#4cd4e7}.movement>div{background:rgba(155,208,227,.1)}.balance-box{background:linear-gradient(135deg,#0b2c45,#07504f)}.device-card{background:rgba(255,255,255,.035)}.timeline-item>i{background:#0a1722;border-color:#284254}.timeline-item:not(:last-child):before{background:#203947}.report-chart .area-graph{background:repeating-linear-gradient(to bottom,transparent,transparent 51px,rgba(161,210,228,.08) 52px)}.range-pills span{background:rgba(255,255,255,.035);border-color:rgba(143,206,229,.13);color:#9bb0be}.range-pills span:first-child{background:rgba(39,211,166,.09);border-color:rgba(65,226,181,.24);color:#56e5b7}
.hybrid-section{background:radial-gradient(circle at 50% 35%,rgba(20,122,176,.16),transparent 40%),#02080e}.hybrid-section:before{opacity:.7}.hybrid-head h2{font-size:clamp(44px,5.3vw,70px);letter-spacing:-.06em}.architecture-node{position:relative;overflow:hidden;min-height:180px;background:rgba(10,28,42,.62);border-color:rgba(121,203,230,.14);box-shadow:inset 0 1px rgba(255,255,255,.04)}.architecture-node:after{content:"";position:absolute;inset:auto 15% 0;height:1px;background:linear-gradient(90deg,transparent,#3cd8dd,transparent);box-shadow:0 0 17px #32d7dc}.architecture-node>div{background:rgba(42,202,211,.09);color:#56dbe3}.architecture-node strong{font-size:14px}.flow-arrow .icon{animation:flow-pulse 1.8s ease-in-out infinite}.plan-card{border-color:#3de2b0;background:linear-gradient(100deg,rgba(31,211,158,.08),rgba(255,255,255,.025));border-radius:5px 17px 17px 5px}.small-note{color:#617c8f}
.security-card{border-color:var(--v2-line);background:linear-gradient(145deg,#0b1b28,#07131e);box-shadow:0 24px 70px rgba(0,0,0,.2)}.security-card.actual{border-top-color:var(--v2-green);box-shadow:0 30px 75px rgba(10,100,78,.12)}.security-card.planned{border-top-color:var(--v2-blue)}.security-card h3{color:#ecf7fb}.shop-section{background:radial-gradient(circle at 50% 50%,rgba(21,128,170,.08),transparent 45%),var(--v2-bg)}.shop-type{position:relative;overflow:hidden;border-color:var(--v2-line);background:linear-gradient(145deg,#0b1b29,#06121c);box-shadow:inset 0 1px rgba(255,255,255,.04)}.shop-type:after{content:"";position:absolute;inset:auto 25% 0;height:1px;background:#3dd8ea;box-shadow:0 0 18px #3dd8ea;opacity:0;transition:.3s}.shop-type:hover{border-color:rgba(70,213,232,.28);transform:translateY(-7px)}.shop-type:hover:after{opacity:1}.shop-type .icon{color:#4bd5e7}.shop-type strong{color:#cfe0e9}.faq-section{background:#050d15}.faq-item{border-color:var(--v2-line);background:linear-gradient(120deg,rgba(13,31,45,.8),rgba(7,20,31,.9));transition:border-color .25s,background .25s}.faq-item[open]{border-color:rgba(65,205,226,.3);background:#0a1925}.faq-item summary{color:#dceaf2}.faq-item p{color:#7f98a9}.faq-plus{color:#4ad2e5}.cta-section{background:#02070d}.cta-card{border:1px solid rgba(91,217,229,.17);background:radial-gradient(circle at 80% 0,rgba(43,228,177,.17),transparent 32%),radial-gradient(circle at 15% 100%,rgba(39,126,255,.2),transparent 37%),linear-gradient(135deg,#061522,#082638);box-shadow:inset 0 1px rgba(255,255,255,.07),0 40px 100px rgba(0,0,0,.38)}.button-light{background:#effbff;color:#062439}.button-outline-light{background:rgba(255,255,255,.035);color:#e7f5fb}.site-footer{background:#010509;border-top:1px solid rgba(129,201,226,.1)}
@keyframes mesh-spin{to{transform:rotate(360deg)}}@keyframes glow-drift{to{transform:translate3d(60px,-35px,0) scale(1.12)}}@keyframes orbit-float{0%,100%{translate:0 0}50%{translate:0 -18px}}@keyframes status-pulse{70%{box-shadow:0 0 0 10px rgba(66,232,174,0),0 0 22px rgba(66,232,174,.6)}}@keyframes scroll-drop{0%{transform:translateY(0);opacity:0}25%{opacity:1}75%{opacity:1}100%{transform:translateY(10px);opacity:0}}@keyframes stage-enter{from{opacity:0;transform:perspective(1400px) rotateY(-5deg) rotateX(2deg) translateY(45px) scale(.96)}to{opacity:1;transform:perspective(1400px) rotateY(-5deg) rotateX(2deg)}}@keyframes flow-pulse{50%{transform:translateX(5px);color:#49dce5}}
@supports(animation-timeline:view()){.module-card,.feature-band .content-column,.feature-band .visual-card,.security-card,.shop-type{animation:reveal-up both linear;animation-timeline:view();animation-range:entry 5% cover 28%}@keyframes reveal-up{from{opacity:.18;transform:translateY(38px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}}
@media(max-width:1050px){.hero h1{font-size:clamp(52px,7vw,72px)}.hero-grid{gap:35px}.module-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.site-header{height:66px;top:8px}.nav-wrap{padding:0 12px}.nav-links{top:61px;background:rgba(3,12,20,.96);border-color:rgba(137,204,228,.15)}.menu-button{background:rgba(255,255,255,.08)}.menu-button span{background:#dcebf2}.hero{padding:132px 0 90px}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero h1{font-size:clamp(51px,13vw,72px)}.dashboard-stage{transform:none;animation-name:stage-enter-mobile}.hero-orbit{opacity:.55}.orbit-one{left:2%;top:16%}.orbit-two{right:3%;left:auto;top:24%}.orbit-three,.orbit-four{display:none}.scroll-cue{display:none}.value-grid{grid-template-columns:repeat(2,1fr)}.section{padding:100px 0}.split-grid,.report-grid{gap:55px}.footer-grid{grid-template-columns:2fr 1fr 1fr}@keyframes stage-enter-mobile{from{opacity:0;transform:translateY(40px) scale(.97)}to{opacity:1;transform:none}}}
@media(max-width:560px){.site-header{width:calc(100% - 18px);border-radius:15px}.hero{padding-top:118px}.hero h1{font-size:46px;line-height:.97}.hero-lead{font-size:15px}.hero-mesh{width:450px;height:450px;right:-210px}.app-window{border-radius:18px}.window-body{height:330px}.value-grid{grid-template-columns:1fr}.section{padding:82px 0}.section-heading h2,.content-column h2,.report-grid h2,.hybrid-head h2,.cta-card h2{font-size:37px}.module-grid{grid-template-columns:1fr}.module-card{min-height:275px}.architecture-node{min-height:145px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.hero-mesh,.hero-glow,.hero-orbit,.status-dot,.scroll-cue span:after,.flow-arrow .icon,.dashboard-stage{animation:none!important}}

/* ──────────────────────────────────────────────────────────────────────────
   MD Unlocker client visual parity
   Same colorful shell, aurora, glass cards, 3D icon language and motion.
   MD StoreOS keeps cyan/blue/emerald accents for its own product identity.
   ────────────────────────────────────────────────────────────────────────── */
body{background:#f8fafc;color:#0f172a}
body:before{display:none}
.site-shell{position:relative;isolation:isolate;background:linear-gradient(180deg,#f8fafc 0%,#f5f7ff 55%,#f8fafc 100%)}
.site-shell:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(55% 20% at 12% 18%,rgba(56,189,248,.16),transparent 72%),radial-gradient(50% 22% at 88% 32%,rgba(99,102,241,.13),transparent 74%),radial-gradient(58% 22% at 17% 67%,rgba(16,185,129,.11),transparent 75%),radial-gradient(60% 24% at 82% 88%,rgba(59,130,246,.13),transparent 76%),linear-gradient(180deg,#f8fafc 0%,#f5f7ff 55%,#f8fafc 100%);background-size:220% 220%;animation:home-client-aurora 40s ease-in-out infinite}
.site-shell:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(to right,rgba(15,23,42,.045) 1px,transparent 1px),linear-gradient(to bottom,rgba(15,23,42,.045) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);opacity:.7}
.site-header{top:0;left:0;right:0;width:100%;height:64px;transform:none;border:0;border-bottom:1px solid rgba(29,78,216,.45);border-radius:0;background:#2563eb;box-shadow:0 5px 18px rgba(30,64,175,.18);backdrop-filter:blur(8px)}
.nav-wrap{width:min(1180px,calc(100% - 32px));padding:0}.brand{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.22)}.brand strong{color:#cffafe}.brand-mark{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.38);box-shadow:inset 0 1px rgba(255,255,255,.28),0 7px 16px rgba(30,58,138,.18)}.nav-links{color:rgba(255,255,255,.9)}.nav-links a{padding:7px 10px;border-radius:7px}.nav-links a:after{display:none}.nav-links a:hover{color:#fff;background:rgba(255,255,255,.12)}.login-link{color:#fff;border:1px solid rgba(255,255,255,.55);border-radius:8px;padding:7px 13px}.login-link:hover{color:#fff;background:rgba(255,255,255,.12)}.nav-actions .button-small{min-height:36px;background:#1d4ed8;border:0;border-radius:8px;box-shadow:none}.nav-actions .button-small:hover{background:#1e40af;transform:none}
.hero{min-height:720px;padding:138px 0 92px;background:radial-gradient(1200px 600px at 18% 12%,rgba(56,189,248,.3),transparent 60%),radial-gradient(900px 520px at 82% 18%,rgba(99,102,241,.3),transparent 62%),radial-gradient(1100px 640px at 50% 100%,rgba(14,165,233,.26),transparent 64%),linear-gradient(135deg,#0b1e3b 0%,#172554 48%,#312e81 100%)}
.hero:before{opacity:.55;background-image:linear-gradient(to right,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.06) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at center,#000 40%,transparent 85%)}.hero:after{height:110px;background:linear-gradient(transparent,rgba(248,250,252,.96))}.hero-mesh{opacity:.18;background:repeating-radial-gradient(circle,rgba(255,255,255,.22) 0 1px,transparent 1px 24px)}.hero-glow{filter:blur(58px);mix-blend-mode:screen}.hero-glow-one{background:radial-gradient(circle at 30% 30%,#22d3ee 0%,#0ea5e9 55%,transparent 72%);opacity:.42;animation:client-orb-a 26s ease-in-out infinite}.hero-glow-two{background:radial-gradient(circle at 50% 50%,#6366f1 0%,#4f46e5 52%,transparent 72%);opacity:.38;animation:client-orb-b 31s ease-in-out infinite}.hero-orbit{border-color:rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.11);box-shadow:inset 0 1px rgba(255,255,255,.34),inset 0 -3px 6px rgba(15,23,42,.2),0 12px 26px rgba(15,23,42,.28);backdrop-filter:blur(12px)}.hero-grid{grid-template-columns:.88fr 1.12fr;gap:65px}.eyebrow{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.3);color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.15);text-transform:none;letter-spacing:.04em;font-size:12px}.hero h1{color:#fff;font-size:clamp(52px,5.8vw,78px);line-height:1.02;letter-spacing:-.055em;text-shadow:0 3px 20px rgba(0,0,0,.27)}.hero h1 span{display:inline;color:transparent;background:linear-gradient(90deg,#67e8f9,#bae6fd 47%,#a7f3d0);background-clip:text;-webkit-background-clip:text;filter:none}.hero-lead{color:rgba(255,255,255,.87);font-size:18px}.hero .button{background:linear-gradient(90deg,#06b6d4,#2563eb);border:0;box-shadow:0 10px 30px rgba(14,165,233,.4)}.hero .button:hover{box-shadow:0 14px 40px rgba(14,165,233,.58)}.hero .button-ghost{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.34);color:#fff;box-shadow:none}.hero .button-ghost:hover{background:rgba(255,255,255,.15)}.account-note{color:rgba(255,255,255,.68)}.dashboard-stage{transform:perspective(1400px) rotateY(-3deg) rotateX(1deg);filter:drop-shadow(0 35px 65px rgba(5,15,45,.42))}.app-window{border-color:rgba(255,255,255,.36);background:rgba(255,255,255,.94);box-shadow:inset 0 1px rgba(255,255,255,.65),0 30px 75px rgba(3,15,47,.4)}.window-bar{background:rgba(248,250,252,.95);border-color:#e2e8f0;color:#334155}.window-bar strong{color:#334155}.window-bar em{color:#64748b;border-color:#cbd5e1;background:#fff}.demo-sidebar{background:#1e3a8a;border-right:0;color:#bfdbfe}.demo-main{background:linear-gradient(145deg,#f8fafc,#eff6ff)}.demo-top strong,.mini-kpi strong{color:#1e293b}.demo-top button{background:#2563eb}.mini-kpi,.chart-card,.activity-card{background:rgba(255,255,255,.9);border-color:#e2e8f0;box-shadow:0 3px 12px rgba(15,23,42,.04)}.bars{border-color:#e2e8f0;background:repeating-linear-gradient(to bottom,#fff,#fff 31px,#edf2f7 32px)}.chart-labels,.mini-kpi span,.activity-row span{color:#64748b}.activity-row{border-color:#eef2f7}.float-chip{background:rgba(255,255,255,.9);border-color:rgba(255,255,255,.7);color:#1e293b;box-shadow:0 15px 35px rgba(15,23,42,.2);backdrop-filter:blur(14px)}.float-chip span{color:#64748b}.scroll-cue{color:rgba(255,255,255,.68)}.scroll-cue span{border-color:rgba(255,255,255,.42)}
.value-strip{background:rgba(255,255,255,.7);border-color:rgba(203,213,225,.75);backdrop-filter:blur(14px)}.value-strip:before{background:linear-gradient(90deg,#f8fafc,transparent)}.value-strip:after{background:linear-gradient(-90deg,#f8fafc,transparent)}.value-item{border-color:rgba(203,213,225,.68);background:transparent}.value-item strong{color:#1e293b}.value-item div span{color:#64748b}.value-icon{color:#0369a1;background:linear-gradient(145deg,#e0f2fe,#dbeafe);border:1px solid rgba(125,211,252,.55);box-shadow:inset 0 1px #fff,inset 0 -3px 5px rgba(30,64,175,.1),0 8px 18px rgba(14,116,144,.12)}
.section,.section-tint,.shop-section,.faq-section,.cta-section{background:transparent}.section-heading h2,.content-column h2,.report-grid h2{color:#0f172a}.section-heading p,.section-copy,.content-column>p{color:#475569}.section-kicker{color:#0369a1}.module-card{border:1px solid rgba(226,232,240,.9);background:rgba(255,255,255,.78);box-shadow:inset 0 1px rgba(255,255,255,.9),0 15px 35px rgba(15,23,42,.07);backdrop-filter:blur(16px)}.module-card:before{color:rgba(37,99,235,.1)}.module-card:hover{border-color:#bfdbfe;background:rgba(255,255,255,.94);box-shadow:0 24px 50px rgba(30,64,175,.13);transform:translateY(-7px)}.module-card:after{background:#38bdf8}.module-icon,.feature-title-icon{color:#fff;background:linear-gradient(145deg,#38bdf8,#2563eb);border:0;box-shadow:inset 0 1px rgba(255,255,255,.55),inset 0 -3px 6px rgba(30,58,138,.26),0 10px 22px -6px rgba(30,64,175,.4)}.module-card:nth-child(3n+2) .module-icon{background:linear-gradient(145deg,#34d399,#0891b2)}.module-card:nth-child(3n) .module-icon{background:linear-gradient(145deg,#fb923c,#f43f5e)}.module-card h3{color:#1e293b}.module-card p{color:#64748b}.module-card a{color:#2563eb}.visual-card{border:1px solid rgba(226,232,240,.92);background:rgba(255,255,255,.86);box-shadow:inset 0 1px #fff,0 22px 55px rgba(15,23,42,.12);color:#1e293b;backdrop-filter:blur(18px)}.visual-card:before{background:linear-gradient(140deg,rgba(56,189,248,.55),transparent 35%,transparent 70%,rgba(52,211,153,.35))}.product-search,.pay-options button{border-color:#dbe5ed;background:#f8fafc;color:#64748b}.bill-lines>div,.stock-row{border-color:#edf2f7}.pay-options button:first-child{border-color:#a7f3d0;background:#ecfdf5;color:#047857}.check-list li,.security-card li{color:#475569}.stock-thumb,.device-icon{background:#e0f2fe;color:#0284c7}.movement>div{background:#e2e8f0}.device-card{background:#f1f5f9}.timeline-item>i{background:#fff;border-color:#cbd5e1}.timeline-item:not(:last-child):before{background:#dbe5ed}.range-pills span{background:#fff;border-color:#dbe5ed;color:#475569}.range-pills span:first-child{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.report-chart .area-graph{background:repeating-linear-gradient(to bottom,#fff,#fff 51px,#edf2f7 52px)}
.hybrid-section{background:radial-gradient(1100px 580px at 16% 14%,rgba(56,189,248,.22),transparent 60%),radial-gradient(800px 480px at 85% 20%,rgba(99,102,241,.22),transparent 62%),linear-gradient(135deg,#0b1e3b,#172554 52%,#312e81)}.hybrid-section:before{background-image:linear-gradient(to right,rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.055) 1px,transparent 1px);background-size:48px 48px;opacity:.7}.architecture-node{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18);box-shadow:inset 0 1px rgba(255,255,255,.09)}.architecture-node>div{background:linear-gradient(145deg,#22d3ee,#2563eb);color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.48),inset 0 -3px 6px rgba(30,58,138,.25),0 10px 22px rgba(3,15,47,.24)}.architecture-node:after{background:linear-gradient(90deg,transparent,#67e8f9,transparent)}.plan-card{background:rgba(255,255,255,.07);border-color:#34d399}.security-card{border:1px solid rgba(226,232,240,.9);background:rgba(255,255,255,.82);box-shadow:0 18px 45px rgba(15,23,42,.08);backdrop-filter:blur(16px)}.security-card.actual{border-top:3px solid #10b981;box-shadow:0 20px 50px rgba(5,150,105,.1)}.security-card.planned{border-top:3px solid #3b82f6}.security-card h3{color:#1e293b}.shop-type{border:1px solid rgba(226,232,240,.9);background:rgba(255,255,255,.8);box-shadow:inset 0 1px #fff,0 12px 28px rgba(15,23,42,.06);backdrop-filter:blur(14px)}.shop-type:hover{border-color:#bae6fd;background:#fff;box-shadow:0 20px 40px rgba(14,116,144,.12)}.shop-type .icon{color:#0284c7}.shop-type strong{color:#334155}.faq-item{border:1px solid rgba(226,232,240,.94);background:rgba(255,255,255,.82);box-shadow:0 8px 24px rgba(15,23,42,.04);backdrop-filter:blur(14px)}.faq-item[open]{border-color:#bae6fd;background:#fff}.faq-item summary{color:#1e293b}.faq-item p{color:#64748b}.cta-card{border:1px solid rgba(255,255,255,.24);background:radial-gradient(900px 420px at 15% 0,rgba(34,211,238,.25),transparent 60%),radial-gradient(700px 380px at 85% 100%,rgba(99,102,241,.28),transparent 62%),linear-gradient(135deg,#0b1e3b,#172554 52%,#312e81);box-shadow:0 26px 70px rgba(30,58,138,.23)}.site-footer{background:#0b1e3b;border-top:0}
@keyframes home-client-aurora{0%,100%{background-position:0 0}50%{background-position:100% 100%}}@keyframes client-orb-a{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(7vw,5vh,0) scale(1.1)}}@keyframes client-orb-b{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-5vw,-4vh,0) scale(1.1)}}
@media(max-width:800px){.site-header{top:0;height:58px}.nav-links{top:55px;background:linear-gradient(180deg,#dbeafe,#eff6ff 55%,#f1f5f9);border-color:rgba(96,165,250,.4)}.nav-links a,.nav-links a:nth-last-child(-n+2){color:#1e3a8a}.nav-links a:hover{color:#1e40af;background:rgba(255,255,255,.75)}.menu-button{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35)}.menu-button span{background:#fff}.hero{padding-top:112px}.dashboard-stage{transform:none}.value-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.site-header{width:100%;border-radius:0}.hero{padding-top:100px}.hero h1{font-size:43px}.value-grid{grid-template-columns:1fr}.module-card{background:rgba(255,255,255,.88)}}
@media(prefers-reduced-motion:reduce){.site-shell:before,.hero-glow{animation:none!important}}

/* ──────────────────────────────────────────────────────────────────────────
   MD StoreOS signature system — editorial depth + scroll choreography
   ────────────────────────────────────────────────────────────────────────── */
:root{--os-ink:#07111f;--os-navy:#0a1830;--os-indigo:#4f46e5;--os-cyan:#22d3ee;--os-mint:#5eead4;--os-violet:#8b5cf6;--os-coral:#fb7185;--os-paper:#f7f8fc;--os-line:rgba(15,23,42,.09);--pointer-x:50vw;--pointer-y:40vh;--hero-shift:0px;--hero-lift:0px}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{background:var(--os-paper);color:var(--os-ink)}
.site-shell{overflow:clip;background:linear-gradient(180deg,#f8f9fd 0%,#f2f5fb 50%,#fafaff 100%)}
.site-shell:before{background:radial-gradient(650px 540px at 4% 30%,rgba(34,211,238,.11),transparent 72%),radial-gradient(720px 580px at 98% 56%,rgba(139,92,246,.1),transparent 72%),linear-gradient(180deg,#f8f9fd,#f1f5fb 54%,#fafaff);background-size:auto;animation:none}
.site-shell:after{background-image:linear-gradient(to right,rgba(15,23,42,.035) 1px,transparent 1px);background-size:96px 100%;mask-image:linear-gradient(to bottom,transparent 3%,#000 15%,#000 90%,transparent)}
.scroll-progress{position:fixed;z-index:1100;inset:0 0 auto;height:3px;background:rgba(255,255,255,.08);pointer-events:none}.scroll-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--os-cyan),var(--os-indigo),var(--os-coral));box-shadow:0 0 18px rgba(34,211,238,.75);will-change:transform}
.cursor-glow{position:fixed;z-index:0;left:var(--pointer-x);top:var(--pointer-y);width:420px;height:420px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(79,70,229,.075),transparent 68%);opacity:0;pointer-events:none;transition:opacity .6s}.cursor-glow.is-active{opacity:1}
.site-header{top:16px;left:50%;right:auto;width:min(1160px,calc(100% - 36px));height:66px;transform:translateX(-50%);border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(7,17,31,.68);box-shadow:0 18px 45px rgba(2,8,23,.18),inset 0 1px rgba(255,255,255,.1);backdrop-filter:blur(22px) saturate(140%);transition:top .35s,height .35s,background .35s,box-shadow .35s}
.site-header.is-scrolled{top:8px;height:58px;background:rgba(7,17,31,.9);box-shadow:0 14px 36px rgba(2,8,23,.28),inset 0 1px rgba(255,255,255,.1)}
.nav-wrap{width:100%;padding:0 13px 0 15px}.brand{color:#fff}.brand strong{color:#a5f3fc}.brand-mark{background:linear-gradient(145deg,#22d3ee,#4f46e5);border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 1px rgba(255,255,255,.48),0 8px 18px rgba(79,70,229,.3)}.nav-links{color:rgba(255,255,255,.72)}.nav-links a{border-radius:9px}.nav-links a:hover{color:#fff;background:rgba(255,255,255,.08)}.login-link{color:#fff;border:0;background:transparent}.nav-actions .button-small{border-radius:11px;background:linear-gradient(110deg,#06b6d4,#4f46e5);box-shadow:0 8px 22px rgba(79,70,229,.28)}.nav-actions .button-small:hover{background:linear-gradient(110deg,#22d3ee,#6366f1);transform:translateY(-1px)}
.hero{min-height:860px;padding:170px 0 128px;background:radial-gradient(900px 620px at 78% 32%,rgba(79,70,229,.34),transparent 66%),radial-gradient(750px 540px at 10% 8%,rgba(34,211,238,.22),transparent 66%),radial-gradient(850px 560px at 45% 105%,rgba(251,113,133,.12),transparent 66%),linear-gradient(145deg,#050914 0%,#08162b 48%,#101438 100%)}
.hero:before{opacity:.5;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}.hero:after{height:150px;background:linear-gradient(transparent,var(--os-paper))}
.hero-grid{grid-template-columns:.9fr 1.1fr;gap:72px}.hero-copy{translate:0 var(--hero-lift);will-change:translate}.dashboard-stage{translate:0 var(--hero-shift);will-change:translate,transform}
.hero-mesh{right:-80px;top:36px;width:780px;height:780px;opacity:.24;background:repeating-radial-gradient(circle,rgba(165,243,252,.22) 0 1px,transparent 1px 28px);animation:mesh-spin 55s linear infinite}.hero-glow{filter:blur(70px)}.hero-glow-one{width:560px;height:560px;opacity:.38;background:#2563eb;animation:signature-orb-one 18s ease-in-out infinite}.hero-glow-two{width:480px;height:480px;opacity:.3;background:#7c3aed;animation:signature-orb-two 22s ease-in-out infinite}.hero-orbit{border:1px solid rgba(255,255,255,.18);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.045));box-shadow:inset 0 1px rgba(255,255,255,.22),0 18px 38px rgba(0,0,0,.25);animation:signature-float 8s ease-in-out infinite}.orbit-two{animation-delay:-2s}.orbit-three{animation-delay:-4s}.orbit-four{animation-delay:-6s}
.eyebrow{padding:9px 14px;border-color:rgba(165,243,252,.24);background:rgba(34,211,238,.08);color:#a5f3fc;box-shadow:inset 0 1px rgba(255,255,255,.08)}.status-dot{background:#5eead4;box-shadow:0 0 0 5px rgba(94,234,212,.1),0 0 22px rgba(94,234,212,.7)}.hero h1{max-width:660px;margin:25px 0 26px;font-size:clamp(58px,6.4vw,88px);line-height:.95;letter-spacing:-.065em;color:#f8fbff;text-shadow:none}.hero h1 span{display:block;background:linear-gradient(100deg,#67e8f9 2%,#818cf8 52%,#f0abfc 96%);background-size:180% auto;background-clip:text;-webkit-background-clip:text;animation:headline-shimmer 7s ease-in-out infinite}.hero-lead{max-width:590px;color:#aebbd0;font-size:17px;line-height:1.75}.hero .button{border:1px solid rgba(255,255,255,.08);background:linear-gradient(110deg,#0891b2,#4f46e5);box-shadow:0 14px 35px rgba(79,70,229,.32)}.hero .button:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(79,70,229,.42)}.hero .button-ghost{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.055)}.account-note{color:#74839b}
.app-window{border:1px solid rgba(255,255,255,.16);border-radius:26px;background:rgba(8,18,37,.9);box-shadow:inset 0 1px rgba(255,255,255,.1),0 45px 100px rgba(0,0,0,.48),0 0 90px rgba(79,70,229,.13);backdrop-filter:blur(20px)}.window-bar{background:rgba(10,22,42,.96);border-color:rgba(255,255,255,.08);color:#e2e8f0}.window-bar strong{color:#e2e8f0}.window-bar em{color:#8290a6;border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.04)}.demo-sidebar{background:#060d1b;color:#7dd3fc}.demo-main{background:linear-gradient(145deg,#0c172b,#111d36)}.demo-top strong,.mini-kpi strong{color:#eef5ff}.demo-top button{background:linear-gradient(100deg,#0891b2,#4f46e5)}.mini-kpi,.chart-card,.activity-card{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.08);box-shadow:none}.bars{border-color:rgba(255,255,255,.07);background:repeating-linear-gradient(to bottom,transparent,transparent 31px,rgba(255,255,255,.06) 32px)}.chart-labels,.mini-kpi span,.activity-row span{color:#78869b}.activity-row{border-color:rgba(255,255,255,.07)}.float-chip{border-color:rgba(255,255,255,.15);background:rgba(13,25,46,.84);color:#f1f5f9;box-shadow:0 20px 46px rgba(0,0,0,.34);backdrop-filter:blur(18px)}.float-chip span{color:#8290a6}
.value-strip{position:relative;margin-top:-38px;border:0;background:transparent;backdrop-filter:none}.value-strip:before,.value-strip:after{display:none}.value-grid{padding:14px;border:1px solid rgba(255,255,255,.7);border-radius:24px;background:rgba(255,255,255,.76);box-shadow:0 24px 65px rgba(15,23,42,.1);backdrop-filter:blur(22px)}.value-item{border:0;border-radius:16px;transition:background .25s,transform .25s}.value-item:hover{background:#f1f5ff;transform:translateY(-3px)}
.section{padding:126px 0}.section-tint{background:linear-gradient(180deg,rgba(237,241,251,.7),rgba(248,249,253,.4))}.section-heading{margin-bottom:58px}.section-heading h2,.content-column h2,.report-grid h2{color:var(--os-ink);font-size:clamp(42px,4.4vw,64px);letter-spacing:-.052em}.section-heading p,.section-copy,.content-column>p{color:#5e6b80}.section-kicker{color:#4f46e5;letter-spacing:.13em}
.module-grid{gap:18px}.module-card{min-height:315px;border:1px solid var(--os-line);border-radius:24px;background:rgba(255,255,255,.7);box-shadow:0 16px 40px rgba(15,23,42,.055);backdrop-filter:blur(18px);transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s,border-color .45s}.module-card:before{color:rgba(79,70,229,.07)}.module-card:after{height:2px;background:linear-gradient(90deg,var(--os-cyan),var(--os-indigo),var(--os-coral))}.module-card:before,.visual-card:after,.security-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(380px circle at var(--card-x,-200px) var(--card-y,-200px),rgba(99,102,241,.11),transparent 42%);opacity:0;transition:opacity .35s}.module-card:hover:before,.visual-card:hover:after,.security-card:hover:after{opacity:1}.module-card:hover{border-color:rgba(99,102,241,.22);background:rgba(255,255,255,.92);box-shadow:0 28px 65px rgba(30,41,89,.13);transform:translateY(-9px)}.module-icon,.feature-title-icon{background:linear-gradient(145deg,#22d3ee,#4f46e5);border:0;box-shadow:inset 0 1px rgba(255,255,255,.52),0 12px 28px rgba(79,70,229,.25)}.module-card:nth-child(3n+2) .module-icon{background:linear-gradient(145deg,#8b5cf6,#ec4899)}.module-card:nth-child(3n) .module-icon{background:linear-gradient(145deg,#34d399,#0891b2)}
.split-grid{gap:100px}.visual-card{position:relative;overflow:hidden;border:1px solid var(--os-line);border-radius:28px;background:rgba(255,255,255,.74);box-shadow:0 28px 70px rgba(15,23,42,.11);backdrop-filter:blur(22px);transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s}.visual-card:hover{transform:translateY(-6px);box-shadow:0 38px 86px rgba(30,41,89,.16)}.visual-card:before{background:linear-gradient(135deg,rgba(34,211,238,.5),transparent 32%,transparent 68%,rgba(139,92,246,.35))}.balance-box{background:linear-gradient(135deg,#111d40,#4f46e5)}
.hybrid-section{position:relative;background:radial-gradient(900px 650px at 15% 10%,rgba(34,211,238,.16),transparent 62%),radial-gradient(800px 560px at 88% 18%,rgba(139,92,246,.2),transparent 65%),linear-gradient(145deg,#050914,#0a1830 52%,#15143e)}.hybrid-section:before{background-size:64px 64px}.architecture-node{border-color:rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.055);backdrop-filter:blur(15px);transition:transform .35s,border-color .35s,background .35s}.architecture-node:hover{transform:translateY(-7px);border-color:rgba(103,232,249,.3);background:rgba(255,255,255,.08)}.architecture-node>div{background:linear-gradient(145deg,#22d3ee,#4f46e5)}.plan-card{border-color:rgba(94,234,212,.3);border-radius:18px;background:rgba(255,255,255,.055)}
.security-card,.shop-type,.faq-item{border-color:var(--os-line);background:rgba(255,255,255,.72);box-shadow:0 16px 40px rgba(15,23,42,.055);backdrop-filter:blur(18px)}.security-card{position:relative;overflow:hidden;border-top:1px solid var(--os-line);border-radius:24px}.security-card.actual{border-top:3px solid #14b8a6}.security-card.planned{border-top:3px solid #6366f1}.shop-type{border-radius:20px}.faq-item{border-radius:18px;transition:transform .3s,border-color .3s,box-shadow .3s}.faq-item:hover{transform:translateX(5px);border-color:rgba(79,70,229,.2);box-shadow:0 20px 45px rgba(15,23,42,.08)}.faq-item[open]{border-color:rgba(79,70,229,.24);background:#fff}
.cta-section{padding-top:50px;background:transparent}.cta-card{overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:34px;background:radial-gradient(700px 430px at 15% 0,rgba(34,211,238,.2),transparent 62%),radial-gradient(650px 400px at 88% 100%,rgba(139,92,246,.24),transparent 62%),linear-gradient(135deg,#050914,#0b1931 55%,#18143d);box-shadow:0 35px 90px rgba(15,23,42,.2)}.cta-orb{background:linear-gradient(145deg,#22d3ee,#8b5cf6);filter:blur(5px);animation:cta-drift 9s ease-in-out infinite}.site-footer{background:#050914}
.motion-reveal{opacity:0;filter:blur(8px);transform:translateY(42px) scale(.985);transition:opacity .85s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms),transform .85s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms),filter .85s ease var(--reveal-delay,0ms);will-change:opacity,transform,filter}.motion-reveal.is-visible{opacity:1;filter:blur(0);transform:none}
@keyframes signature-orb-one{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(8vw,4vh,0) scale(1.12)}}@keyframes signature-orb-two{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-7vw,-5vh,0) scale(1.15)}}@keyframes signature-float{0%,100%{translate:0 0;rotate:-3deg}50%{translate:0 -18px;rotate:4deg}}@keyframes headline-shimmer{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes cta-drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-35px,28px) scale(1.16)}}
@media(max-width:1050px){.hero-grid{gap:38px}.hero h1{font-size:clamp(54px,7vw,72px)}}
@media(max-width:800px){.site-header,.site-header.is-scrolled{top:8px;width:calc(100% - 18px);height:58px;border-radius:15px;transform:translateX(-50%)}.nav-links{top:62px;border:1px solid rgba(255,255,255,.12);background:rgba(7,17,31,.97);box-shadow:0 22px 50px rgba(2,8,23,.28);backdrop-filter:blur(22px)}.nav-links a,.nav-links a:nth-last-child(-n+2){color:#dbeafe}.hero{min-height:auto;padding:125px 0 110px}.hero-grid{grid-template-columns:1fr}.hero-copy,.dashboard-stage{translate:none}.hero-copy{text-align:center}.hero h1{margin-inline:auto}.hero-lead{margin-inline:auto}.value-strip{margin-top:-28px}.section{padding:96px 0}.split-grid{gap:55px}.cursor-glow{display:none}}
@media(max-width:560px){.hero{padding-top:112px}.hero h1{font-size:46px}.hero-grid{gap:44px}.value-grid{padding:8px}.section{padding:82px 0}.section-heading h2,.content-column h2,.report-grid h2{font-size:38px}.module-card{min-height:280px}.cta-card{border-radius:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-reveal{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}.hero-copy,.dashboard-stage{translate:none!important}.hero-mesh,.hero-glow,.hero-orbit,.hero h1 span,.cta-orb{animation:none!important}.scroll-progress span{transition:none}.cursor-glow{display:none}}

/* Final operational direction: light, precise, and distinctly MD StoreOS. */
:root{--os-ink:#071b2e;--os-navy:#08243d;--os-blue:#1268e8;--os-cyan:#06a9c7;--os-mint:#13a77b;--os-orange:#ef7b32;--os-paper:#f7fafc}
.scroll-progress span{background:linear-gradient(90deg,#06a9c7,#1268e8,#13a77b);box-shadow:0 0 14px rgba(6,169,199,.55)}
.cursor-glow{background:radial-gradient(circle,rgba(6,169,199,.07),transparent 68%)}
.site-shell{background:#f8fafc}.site-shell:before{background:radial-gradient(680px 520px at 5% 18%,rgba(6,169,199,.1),transparent 70%),radial-gradient(720px 560px at 96% 52%,rgba(18,104,232,.075),transparent 72%),linear-gradient(180deg,#fbfdff,#f5f9fc 54%,#fbfdfd)}.site-shell:after{opacity:.48}
.site-header{border-color:rgba(8,36,61,.09);background:rgba(255,255,255,.82);box-shadow:0 14px 42px rgba(8,36,61,.1),inset 0 1px rgba(255,255,255,.9);backdrop-filter:blur(24px) saturate(150%)}.site-header.is-scrolled{background:rgba(255,255,255,.94);box-shadow:0 12px 34px rgba(8,36,61,.13),inset 0 1px #fff}.brand{color:#092a46;text-shadow:none}.brand strong{color:#087c92}.brand-mark{background:linear-gradient(145deg,#11bad0,#1268e8);box-shadow:inset 0 1px rgba(255,255,255,.55),0 8px 18px rgba(18,104,232,.22)}.nav-links{color:#526579}.nav-links a:hover{color:#08243d;background:#edf6fa}.login-link{color:#183c58}.login-link:hover{color:#08243d;background:#edf6fa}.nav-actions .button-small{background:linear-gradient(110deg,#087f9d,#1268e8);box-shadow:0 8px 20px rgba(18,104,232,.2)}.nav-actions .button-small:hover{background:linear-gradient(110deg,#0696ad,#0f5ecd)}
.hero{min-height:780px;padding:150px 0 96px;background:radial-gradient(780px 560px at 88% 18%,rgba(18,104,232,.11),transparent 66%),radial-gradient(720px 520px at 4% 12%,rgba(6,169,199,.12),transparent 66%),linear-gradient(145deg,#fbfdff,#f0f8fb 52%,#f5f8ff)}.hero:before{opacity:.72;background-image:linear-gradient(rgba(8,36,61,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(8,36,61,.045) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 80% 80% at 60% 42%,#000,transparent 82%)}.hero:after{display:none}.hero-grid{gap:64px}.hero-copy,.dashboard-stage{translate:none}.hero-mesh{right:-120px;top:-30px;opacity:.26;background:repeating-radial-gradient(circle,rgba(18,104,232,.17) 0 1px,transparent 1px 28px)}.hero-glow-one{background:#22c3d6;opacity:.17}.hero-glow-two{background:#2f7be7;opacity:.13}.hero-orbit{border-color:rgba(18,104,232,.16);color:#087f9d;background:rgba(255,255,255,.76);box-shadow:inset 0 1px #fff,0 14px 34px rgba(8,36,61,.12)}.eyebrow{border-color:rgba(6,169,199,.18);background:rgba(6,169,199,.07);color:#087c92}.status-dot{background:#13a77b;box-shadow:0 0 0 5px rgba(19,167,123,.1),0 0 18px rgba(19,167,123,.38)}.hero h1{max-width:680px;color:#071b2e;text-shadow:none;font-size:clamp(55px,5.9vw,82px);line-height:.97}.hero h1 span{background:linear-gradient(100deg,#087f9d,#1268e8 55%,#13a77b);background-size:180% auto;background-clip:text;-webkit-background-clip:text}.hero-lead{color:#526579;font-size:18px}.hero .button{border:0;background:linear-gradient(110deg,#087f9d,#1268e8);box-shadow:0 13px 30px rgba(18,104,232,.22)}.hero .button:hover{box-shadow:0 18px 38px rgba(18,104,232,.3)}.hero .button-ghost{border:1px solid rgba(8,36,61,.13);background:rgba(255,255,255,.68);color:#183c58;box-shadow:0 8px 24px rgba(8,36,61,.055)}.hero .button-ghost:hover{background:#fff;border-color:rgba(18,104,232,.23)}.account-note{color:#6e8091}.scroll-cue{color:#688096}.scroll-cue span{border-color:rgba(8,36,61,.23)}
.app-window{border-color:rgba(8,36,61,.14);background:#fff;box-shadow:0 36px 90px rgba(8,36,61,.19),0 8px 25px rgba(18,104,232,.08)}.window-bar{background:#fbfdfe;border-color:#e4ebf0;color:#27465f}.window-bar strong{color:#27465f}.window-bar em{color:#718496;border-color:#dbe5ec;background:#fff}.demo-sidebar{background:#08243d;color:#81ddea}.demo-main{background:#f4f8fa}.demo-top strong,.mini-kpi strong{color:#173a54}.demo-top button{background:linear-gradient(100deg,#087f9d,#1268e8)}.mini-kpi,.chart-card,.activity-card{background:#fff;border-color:#e1eaf0;box-shadow:0 3px 12px rgba(8,36,61,.035)}.bars{border-color:#e4ebef;background:repeating-linear-gradient(to bottom,#fff,#fff 31px,#edf2f5 32px)}.chart-labels,.mini-kpi span,.activity-row span{color:#718496}.activity-row{border-color:#edf2f5}.float-chip{border-color:#dce7ed;background:rgba(255,255,255,.94);color:#173a54;box-shadow:0 18px 40px rgba(8,36,61,.13)}.float-chip span{color:#718496}
.value-strip{margin-top:0;padding:0;border-block:1px solid rgba(8,36,61,.08);background:rgba(255,255,255,.72)}.value-grid{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;min-height:112px}.value-item{border-right:1px solid rgba(8,36,61,.07);border-radius:0}.value-item:first-child{border-left:1px solid rgba(8,36,61,.07)}.value-item:hover{background:rgba(231,246,249,.7);transform:none}.value-icon{color:#087f9d;background:linear-gradient(145deg,#e5f8fa,#e9f2ff);border-color:rgba(6,169,199,.16);box-shadow:inset 0 1px #fff,0 8px 18px rgba(8,127,157,.08)}
.section{padding:104px 0}.section-heading{margin-bottom:48px}.section-heading h2,.content-column h2,.report-grid h2{font-size:clamp(39px,4vw,56px);color:#071b2e}.section-kicker{color:#087f9d}.section-heading p,.section-copy,.content-column>p{color:#5e7183}.module-card{min-height:290px;border-color:rgba(8,36,61,.09);border-radius:20px;background:rgba(255,255,255,.84);box-shadow:0 12px 34px rgba(8,36,61,.055)}.module-card:hover{border-color:rgba(6,169,199,.22);box-shadow:0 25px 56px rgba(8,36,61,.11)}.module-card:after{background:linear-gradient(90deg,#06a9c7,#1268e8,#13a77b)}.module-card:before,.visual-card:after,.security-card:after{background:radial-gradient(380px circle at var(--card-x,-200px) var(--card-y,-200px),rgba(6,169,199,.1),transparent 42%)}.module-icon,.feature-title-icon,.module-card:nth-child(3n+2) .module-icon{background:linear-gradient(145deg,#11bad0,#1268e8)}.module-card:nth-child(3n) .module-icon{background:linear-gradient(145deg,#28bf91,#078ba3)}.module-card:nth-child(4) .module-icon,.module-card:nth-child(8) .module-icon{background:linear-gradient(145deg,#f39a55,#e86a2c)}.visual-card{border-color:rgba(8,36,61,.1);border-radius:24px;background:rgba(255,255,255,.88);box-shadow:0 24px 62px rgba(8,36,61,.1)}.visual-card:before{background:linear-gradient(135deg,rgba(6,169,199,.38),transparent 32%,transparent 68%,rgba(19,167,123,.25))}.balance-box{background:linear-gradient(135deg,#08243d,#09667a)}
.feature-band .visual-card{position:sticky;top:104px}.hybrid-section{background:radial-gradient(900px 650px at 15% 10%,rgba(6,169,199,.16),transparent 62%),radial-gradient(800px 560px at 88% 18%,rgba(18,104,232,.18),transparent 65%),linear-gradient(145deg,#061827,#08243d 52%,#0a3046)}.architecture-node>div{background:linear-gradient(145deg,#11bad0,#1268e8)}.security-card.actual{border-top-color:#13a77b}.security-card.planned{border-top-color:#1268e8}.faq-item:hover{border-color:rgba(6,169,199,.2)}.faq-item[open]{border-color:rgba(6,169,199,.24)}.cta-card{background:radial-gradient(700px 430px at 15% 0,rgba(6,169,199,.2),transparent 62%),radial-gradient(650px 400px at 88% 100%,rgba(18,104,232,.2),transparent 62%),linear-gradient(135deg,#061827,#08243d 58%,#093047)}.cta-orb{background:linear-gradient(145deg,#22d3d8,#13a77b)}.site-footer{background:#061827}
.motion-reveal{filter:blur(5px);transform:translateY(30px);transition-duration:.72s}.motion-reveal.is-visible{filter:none}
@media(max-width:800px){.site-header,.site-header.is-scrolled{background:rgba(255,255,255,.94)}.nav-links{background:rgba(255,255,255,.98);border-color:rgba(8,36,61,.1)}.nav-links a,.nav-links a:nth-last-child(-n+2){color:#183c58}.menu-button{background:#edf6fa;border-color:rgba(8,36,61,.08)}.menu-button span{background:#173a54}.hero{padding:120px 0 84px}.feature-band .visual-card{position:relative;top:auto}.value-grid{grid-template-columns:repeat(2,1fr)}.value-item,.value-item:first-child{border:0;border-bottom:1px solid rgba(8,36,61,.07)}}
@media(max-width:560px){.hero{padding-top:108px}.hero h1{font-size:43px}.value-grid{grid-template-columns:1fr}.section{padding:76px 0}}

/* Wordflow motion + balanced shop-friendly colour system. */
:root{--shop-bg:#eaf0f2;--shop-surface:#f7faf9;--shop-navy:#0b2d42;--shop-blue:#176b91;--shop-cyan:#20b8c5;--shop-teal:#18a47b;--shop-orange:#ee813f}
body,.site-shell{background:var(--shop-bg)}.site-shell:before{background:radial-gradient(720px 560px at 3% 30%,rgba(32,184,197,.1),transparent 72%),radial-gradient(760px 620px at 98% 62%,rgba(23,107,145,.09),transparent 72%),linear-gradient(180deg,#edf3f4,#e7eef1 52%,#eef3f2)}
.site-header,.site-header.is-scrolled{overflow:hidden;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:linear-gradient(110deg,rgba(9,45,66,.72),rgba(17,67,88,.66));box-shadow:0 16px 44px rgba(5,30,46,.2),inset 0 1px rgba(255,255,255,.22),inset 0 -1px rgba(255,255,255,.08);backdrop-filter:blur(24px) saturate(145%)}.site-header:before{content:"";position:absolute;inset:1px 10% auto;height:42%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.14),transparent);pointer-events:none}.site-header.is-scrolled{background:linear-gradient(110deg,rgba(9,45,66,.9),rgba(17,67,88,.86));box-shadow:0 12px 34px rgba(5,30,46,.25),inset 0 1px rgba(255,255,255,.2)}.nav-wrap{position:relative}.brand{color:#fff}.brand strong{color:#8ce8e8}.nav-links{color:rgba(255,255,255,.78)}.nav-links a:hover{color:#fff;background:rgba(255,255,255,.1)}.login-link{color:#fff}.login-link:hover{color:#fff;background:rgba(255,255,255,.1)}
.hero{min-height:790px;background:radial-gradient(760px 560px at 85% 20%,rgba(74,173,203,.28),transparent 66%),radial-gradient(700px 520px at 5% 5%,rgba(42,199,183,.2),transparent 66%),linear-gradient(135deg,#163e55 0%,#1c5e70 48%,#285c76 100%)}.hero:before{opacity:.58;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px)}.hero-glow-one{background:#43d4d2;opacity:.17}.hero-glow-two{background:#4b9fce;opacity:.18}.hero-mesh{opacity:.2;background:repeating-radial-gradient(circle,rgba(255,255,255,.2) 0 1px,transparent 1px 28px)}.hero-orbit{border-color:rgba(255,255,255,.28);color:#fff;background:rgba(255,255,255,.12);box-shadow:inset 0 1px rgba(255,255,255,.26),0 14px 34px rgba(5,30,46,.2)}.eyebrow{border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.1);color:#d5ffff}.hero h1{color:#fff}.hero h1 span{background:linear-gradient(100deg,#b7ffff,#8edaf5 52%,#9ff0d2);background-size:180% auto;background-clip:text;-webkit-background-clip:text}.hero-lead{color:rgba(241,250,252,.82)}.hero .button{background:linear-gradient(110deg,#14a9ba,#176bdb);box-shadow:0 13px 32px rgba(4,31,49,.22)}.hero .button-ghost{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.09);color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.1)}.hero .button-ghost:hover{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.16)}.account-note,.scroll-cue{color:rgba(235,247,250,.65)}.scroll-cue span{border-color:rgba(255,255,255,.38)}
.value-strip{background:#eef4f4;border-color:rgba(11,45,66,.08)}.section,.section-tint,.shop-section,.faq-section,.cta-section{background:transparent}.section-tint{background:rgba(221,232,235,.48)}.module-card,.visual-card,.security-card,.shop-type,.faq-item{background:rgba(248,251,250,.82);border-color:rgba(11,45,66,.1)}.module-card:hover,.faq-item[open]{background:#fbfdfc}.module-icon,.feature-title-icon,.module-card:nth-child(3n+2) .module-icon{background:linear-gradient(145deg,#20b8c5,#176b91)}.module-card:nth-child(3n) .module-icon{background:linear-gradient(145deg,#39bc91,#11816f)}.module-card:nth-child(4) .module-icon,.module-card:nth-child(8) .module-icon{background:linear-gradient(145deg,#f5a05e,#dd6a2e)}.hybrid-section{background:radial-gradient(900px 650px at 15% 10%,rgba(32,184,197,.17),transparent 62%),radial-gradient(800px 560px at 88% 18%,rgba(58,139,176,.2),transparent 65%),linear-gradient(145deg,#0c3044,#154d61 52%,#17566a)}.cta-card{background:radial-gradient(700px 430px at 15% 0,rgba(32,184,197,.22),transparent 62%),radial-gradient(650px 400px at 88% 100%,rgba(58,139,176,.22),transparent 62%),linear-gradient(135deg,#0c3044,#154d61 58%,#17566a)}.site-footer{background:#092b3e}
.motion-word{display:inline-block;opacity:0;filter:blur(7px);transform:translateY(1em) rotateX(-55deg);transform-origin:50% 100%;transition:opacity .62s cubic-bezier(.16,1,.3,1),transform .72s cubic-bezier(.16,1,.3,1),filter .62s ease;transition-delay:calc(var(--word-index,0) * 55ms);will-change:opacity,transform,filter}.hero h1 .motion-word{display:inline-block}.motion-reveal.is-visible .motion-word{opacity:1;filter:blur(0);transform:translateY(0) rotateX(0)}
.motion-icon{opacity:0;transform:translateY(18px) scale(.55) rotate(-14deg);transition:opacity .5s ease,transform .7s cubic-bezier(.16,1,.3,1);transition-delay:calc(120ms + var(--icon-index,0) * 75ms);will-change:opacity,transform}.motion-reveal.is-visible .motion-icon{opacity:1;transform:none}.architecture-flow.motion-reveal.is-visible .motion-icon{opacity:1;transform:none}
.module-card.motion-reveal{transform:translateY(34px) scale(.97)}.module-card.motion-reveal.is-visible{transform:none}.value-item.motion-reveal{transform:translateY(22px)}.value-item.motion-reveal.is-visible{transform:none}
@media(max-width:800px){.site-header,.site-header.is-scrolled{border-radius:18px;background:rgba(9,45,66,.93)}.nav-links{background:rgba(9,45,66,.98);border-color:rgba(255,255,255,.12)}.nav-links a,.nav-links a:nth-last-child(-n+2){color:#eafafa}.menu-button{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18)}.menu-button span{background:#fff}.hero{min-height:auto}}
@media(prefers-reduced-motion:reduce){.motion-word,.motion-icon{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}}

/* Liquid editorial direction — neutral canvas, electric accents, product first. */
:root{--liquid-bg:#e7e9ee;--liquid-paper:#f7f8fa;--liquid-ink:#10131a;--liquid-muted:#5f6674;--liquid-blue:#3457ff;--liquid-sky:#5cc8ff;--liquid-lime:#b9f34a;--liquid-orange:#ff8647}
body,.site-shell{background:var(--liquid-bg);color:var(--liquid-ink)}.site-shell:before{background:radial-gradient(900px 700px at -5% 28%,rgba(52,87,255,.1),transparent 70%),radial-gradient(800px 650px at 105% 64%,rgba(92,200,255,.1),transparent 72%),linear-gradient(180deg,#e7e9ee,#eef0f3 52%,#e5e8ec)}.site-shell:after{opacity:.28;background-size:120px 100%}
.site-header,.site-header.is-scrolled{top:14px;height:64px;border:1px solid rgba(255,255,255,.78);border-radius:999px;background:linear-gradient(110deg,rgba(255,255,255,.66),rgba(244,246,249,.48));box-shadow:0 18px 55px rgba(17,24,39,.12),inset 0 1px rgba(255,255,255,.95),inset 0 -1px rgba(255,255,255,.32);backdrop-filter:blur(28px) saturate(165%)}.site-header:before{inset:1px 8% auto;height:48%;background:linear-gradient(180deg,rgba(255,255,255,.76),transparent)}.site-header.is-scrolled{top:8px;height:58px;background:linear-gradient(110deg,rgba(255,255,255,.82),rgba(244,246,249,.7));box-shadow:0 14px 42px rgba(17,24,39,.15),inset 0 1px #fff}.brand{color:#111827}.brand strong{color:#3457ff}.brand-mark{background:linear-gradient(145deg,#5cc8ff,#3457ff);border-color:rgba(255,255,255,.8);box-shadow:inset 0 1px rgba(255,255,255,.7),0 9px 22px rgba(52,87,255,.25)}.nav-links{color:#535966}.nav-links a:hover{color:#111827;background:rgba(255,255,255,.74)}.login-link{color:#111827}.login-link:hover{color:#111827;background:rgba(255,255,255,.7)}.nav-actions .button-small{background:#111827;color:#fff;box-shadow:0 8px 20px rgba(17,24,39,.18)}.nav-actions .button-small:hover{background:#3457ff}
.hero{min-height:1060px;margin:0 14px;padding:145px 0 96px;border-radius:0 0 46px 46px;background:radial-gradient(620px 520px at 85% 15%,rgba(52,87,255,.24),transparent 66%),radial-gradient(560px 480px at 10% 36%,rgba(92,200,255,.19),transparent 68%),radial-gradient(480px 360px at 70% 78%,rgba(185,243,74,.12),transparent 70%),linear-gradient(140deg,#d9dce3 0%,#f2f3f6 48%,#dfe3ea 100%);box-shadow:inset 0 -1px rgba(255,255,255,.75)}.hero:before{opacity:.3;background-image:linear-gradient(rgba(16,19,26,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(16,19,26,.07) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse 75% 70% at 50% 38%,#000,transparent 85%)}.hero-grid{grid-template-columns:1fr;gap:54px}.hero-copy{max-width:940px;margin:0 auto;text-align:center}.eyebrow{margin-inline:auto;border-color:rgba(16,19,26,.1);background:rgba(255,255,255,.55);color:#343b48;box-shadow:inset 0 1px #fff,0 8px 24px rgba(17,24,39,.06)}.status-dot{background:var(--liquid-lime);box-shadow:0 0 0 5px rgba(185,243,74,.2),0 0 18px rgba(126,190,20,.4)}.hero h1{max-width:930px;margin:25px auto 25px;color:var(--liquid-ink);font-size:clamp(60px,7vw,100px);line-height:.9;letter-spacing:-.072em}.hero h1>span{background:linear-gradient(100deg,#3457ff,#167cac 55%,#188965);background-size:180% auto;background-clip:text;-webkit-background-clip:text}.hero-lead{max-width:720px;margin-inline:auto;color:#555e6d;font-size:18px}.hero-actions{justify-content:center}.hero .button{background:#111827;color:#fff;box-shadow:0 14px 34px rgba(17,24,39,.19)}.hero .button:hover{background:#3457ff;box-shadow:0 18px 42px rgba(52,87,255,.28)}.hero .button-ghost{border-color:rgba(17,24,39,.11);background:rgba(255,255,255,.58);color:#222833;box-shadow:inset 0 1px #fff,0 10px 26px rgba(17,24,39,.07)}.hero .button-ghost:hover{border-color:rgba(52,87,255,.22);background:rgba(255,255,255,.88)}.account-note{justify-content:center;margin-inline:auto;color:#686f7c}.dashboard-stage{width:min(980px,100%);margin:0 auto;translate:none;filter:drop-shadow(0 42px 65px rgba(17,24,39,.18))}.app-window{border-color:rgba(255,255,255,.88);background:rgba(255,255,255,.94);box-shadow:0 0 0 1px rgba(17,24,39,.08),0 40px 90px rgba(17,24,39,.18);transform:perspective(1400px) rotateX(1deg)}.hero-mesh{right:-180px;top:-130px;width:760px;height:760px;opacity:.23;background:repeating-radial-gradient(circle,rgba(52,87,255,.25) 0 1px,transparent 1px 30px)}.hero-glow-one{background:#3457ff;opacity:.12}.hero-glow-two{background:#5cc8ff;opacity:.13}.hero-orbit{border-color:rgba(255,255,255,.8);color:#3457ff;background:rgba(255,255,255,.62);box-shadow:inset 0 1px #fff,0 18px 42px rgba(17,24,39,.12)}.scroll-cue{color:#646b77}.scroll-cue span{border-color:rgba(17,24,39,.24)}
.value-strip{background:transparent;border:0;padding:28px 0}.value-grid{padding:10px;border:1px solid rgba(255,255,255,.86);border-radius:26px;background:rgba(247,248,250,.68);box-shadow:0 20px 50px rgba(17,24,39,.08),inset 0 1px #fff;backdrop-filter:blur(22px)}.value-item,.value-item:first-child{border:0;border-radius:18px}.value-item:hover{background:rgba(255,255,255,.75)}.value-icon{color:#3457ff;background:linear-gradient(145deg,#eef4ff,#dfe7ff);border-color:rgba(52,87,255,.13);box-shadow:inset 0 1px #fff,0 8px 18px rgba(52,87,255,.1)}
.section{padding:108px 0}.section-tint{background:rgba(218,222,229,.42)}.section-heading h2,.content-column h2,.report-grid h2{color:#11151d}.section-kicker{color:#3457ff}.section-heading p,.section-copy,.content-column>p{color:#606876}.module-card,.visual-card,.security-card,.shop-type,.faq-item{border-color:rgba(17,24,39,.075);background:rgba(248,249,251,.78);box-shadow:0 16px 42px rgba(17,24,39,.06),inset 0 1px rgba(255,255,255,.9)}.module-card:hover{border-color:rgba(52,87,255,.18);background:#fafbfd;box-shadow:0 28px 62px rgba(17,24,39,.11)}.module-card:after{background:linear-gradient(90deg,#3457ff,#5cc8ff,#b9f34a)}.module-card:before,.visual-card:after,.security-card:after{background:radial-gradient(380px circle at var(--card-x,-200px) var(--card-y,-200px),rgba(52,87,255,.1),transparent 42%)}.module-icon,.feature-title-icon,.module-card:nth-child(3n+2) .module-icon{background:linear-gradient(145deg,#5cc8ff,#3457ff)}.module-card:nth-child(3n) .module-icon{background:linear-gradient(145deg,#b9f34a,#159b78)}.module-card:nth-child(4) .module-icon,.module-card:nth-child(8) .module-icon{background:linear-gradient(145deg,#ffad73,#ff6e3c)}.hybrid-section{background:radial-gradient(900px 650px at 15% 10%,rgba(92,200,255,.15),transparent 62%),radial-gradient(800px 560px at 88% 18%,rgba(52,87,255,.2),transparent 65%),linear-gradient(145deg,#10131a,#171d2b 55%,#152a3a)}.cta-card{background:radial-gradient(700px 430px at 15% 0,rgba(92,200,255,.18),transparent 62%),radial-gradient(650px 400px at 88% 100%,rgba(52,87,255,.22),transparent 62%),linear-gradient(135deg,#10131a,#171d2b 58%,#152a3a)}.site-footer{background:#10131a}
@media(max-width:800px){.site-header,.site-header.is-scrolled{background:rgba(248,249,251,.88);border-radius:20px}.nav-links{background:rgba(248,249,251,.98);border-color:rgba(17,24,39,.08)}.nav-links a,.nav-links a:nth-last-child(-n+2){color:#303744}.menu-button{background:rgba(17,24,39,.06);border-color:rgba(17,24,39,.08)}.menu-button span{background:#1f2937}.hero{min-height:auto;margin:0 6px;padding:118px 0 80px;border-radius:0 0 30px 30px}.hero h1{font-size:clamp(48px,12vw,72px)}.dashboard-stage{width:100%}.value-grid{border-radius:22px}}
@media(max-width:560px){.hero{padding-top:108px}.hero h1{font-size:46px}.hero-grid{gap:42px}.value-strip{padding:18px 0}.value-grid{padding:7px}.section{padding:78px 0}}

/* Typography-only correction: preserve the liquid background and header. */
.hero h1 .motion-word{display:inline-block;background:none;color:#121722;-webkit-text-fill-color:#121722}.hero h1>span:not(.motion-word){background:none;color:inherit}.hero h1>span:not(.motion-word) .motion-word{background:none;color:#3457ff;-webkit-text-fill-color:#3457ff}.motion-reveal{filter:none!important;transition:opacity .72s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms),transform .78s cubic-bezier(.16,1,.3,1) var(--reveal-delay,0ms)}.motion-reveal.is-visible{filter:none!important}.motion-word{filter:none!important;transition:opacity .58s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--word-index,0) * 55ms)}.motion-reveal.is-visible .motion-word{filter:none!important}

/* Low-contrast shop icon atmosphere across the full page. */
.ambient-icons{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}.ambient-icon{position:absolute;width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.58);border-radius:16px;color:#3457ff;background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(220,228,243,.38));box-shadow:inset 0 1px rgba(255,255,255,.8),0 16px 38px rgba(17,24,39,.1);opacity:.2;filter:blur(.65px) saturate(.72);animation:ambient-drift 13s ease-in-out infinite;will-change:translate,rotate}.ambient-icon .icon{width:23px;height:23px}.ambient-icon:nth-child(3n+2){width:43px;height:43px;border-radius:14px;color:#078f89;animation-duration:16s;animation-delay:-5s}.ambient-icon:nth-child(3n){width:60px;height:60px;border-radius:19px;color:#e36c32;animation-duration:18s;animation-delay:-9s}.ambient-icon-0{top:7%;left:4%;--ambient-rotate:-12deg}.ambient-icon-1{top:11%;right:4%;--ambient-rotate:9deg}.ambient-icon-2{top:18%;left:2%;--ambient-rotate:8deg}.ambient-icon-3{top:23%;right:3%;--ambient-rotate:-10deg}.ambient-icon-4{top:29%;left:7%;--ambient-rotate:13deg}.ambient-icon-5{top:34%;right:7%;--ambient-rotate:-7deg}.ambient-icon-6{top:40%;left:2.5%;--ambient-rotate:-14deg}.ambient-icon-7{top:45%;right:2%;--ambient-rotate:11deg}.ambient-icon-8{top:51%;left:6%;--ambient-rotate:7deg}.ambient-icon-9{top:56%;right:6%;--ambient-rotate:-13deg}.ambient-icon-10{top:62%;left:2%;--ambient-rotate:11deg}.ambient-icon-11{top:67%;right:3%;--ambient-rotate:7deg}.ambient-icon-12{top:73%;left:7%;--ambient-rotate:-9deg}.ambient-icon-13{top:78%;right:7%;--ambient-rotate:12deg}.ambient-icon-14{top:83%;left:3%;--ambient-rotate:8deg}.ambient-icon-15{top:87%;right:2%;--ambient-rotate:-12deg}.ambient-icon-16{top:92%;left:8%;--ambient-rotate:-7deg}.ambient-icon-17{top:96%;right:8%;--ambient-rotate:10deg}.site-shell>main,.site-footer{position:relative;z-index:3}@keyframes ambient-drift{0%,100%{translate:0 0;rotate:var(--ambient-rotate)}50%{translate:8px -18px;rotate:calc(var(--ambient-rotate) + 6deg)}}
@media(max-width:800px){.ambient-icon{width:42px;height:42px;border-radius:13px;opacity:.15}.ambient-icon:nth-child(2n){display:none}.ambient-icon .icon{width:19px;height:19px}}
@media(prefers-reduced-motion:reduce){.ambient-icon{animation:none!important}}

/* Hybrid section colour correction: rich blue depth without flat black. */
.hybrid-section{background:radial-gradient(900px 620px at 8% 8%,rgba(67,208,226,.3),transparent 62%),radial-gradient(820px 600px at 92% 18%,rgba(71,115,255,.34),transparent 64%),radial-gradient(760px 480px at 52% 110%,rgba(42,198,166,.18),transparent 68%),linear-gradient(135deg,#173b62 0%,#22517a 48%,#176774 100%)}.hybrid-section:before{opacity:.48;background-image:linear-gradient(rgba(255,255,255,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.065) 1px,transparent 1px);background-size:64px 64px}.hybrid-section .section-kicker{color:#9af3ef}.hybrid-head h2{color:#fff}.hybrid-intro{color:rgba(235,247,251,.78)}.roadmap-badge{color:#b9fff3;border-color:rgba(126,241,220,.42);background:rgba(12,72,82,.28)}.architecture-node{border-color:rgba(255,255,255,.18);background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.075));box-shadow:inset 0 1px rgba(255,255,255,.16),0 18px 45px rgba(9,39,67,.15);backdrop-filter:none}.architecture-node:hover{border-color:rgba(165,247,244,.45);background:linear-gradient(145deg,rgba(255,255,255,.19),rgba(255,255,255,.1))}.architecture-node>div{background:linear-gradient(145deg,#43d7df,#2671ed);box-shadow:inset 0 1px rgba(255,255,255,.55),0 10px 24px rgba(7,44,84,.25)}.architecture-node strong{color:#fff}.architecture-node span{color:rgba(225,241,247,.7)}.flow-arrow{color:#8fe8ed}.plan-card{border-color:rgba(133,244,220,.42);background:linear-gradient(120deg,rgba(255,255,255,.13),rgba(255,255,255,.075));box-shadow:inset 0 1px rgba(255,255,255,.12)}.plan-card span{color:#9effe6}.plan-card h3{color:#fff}.plan-card p{color:rgba(226,241,246,.73)}