:root{--blue:#1649f5;--blue-deep:#082cce;--ink:#071127;--muted:#69758d;--line:#dce4f1;--soft:#f4f7fc;--mint:#10b981;--amber:#f0b429;--white:#fff;--max:1240px;--shadow:0 28px 80px rgba(15,42,105,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:#fff;color:var(--ink);font-family:"IBM Plex Sans Thai",system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.story-page h1,.story-page h2,.story-page h3,.story-page p{margin:0}.story-page em{font-style:normal}.skip-link{position:fixed;z-index:200;top:10px;left:10px;padding:10px 16px;border-radius:8px;background:#fff;color:var(--ink);transform:translateY(-150%)}.skip-link:focus{transform:none}.scroll-progress{position:fixed;z-index:120;inset:0 0 auto;height:3px;pointer-events:none}.scroll-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#1649f5,#62d4ff);transform:scaleX(0);transform-origin:left;will-change:transform}.story-section{position:relative;padding:88px 20px}.story-nav{position:fixed;z-index:100;top:14px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;min-height:62px;padding:10px 12px;border:1px solid rgba(207,217,234,.75);border-radius:16px;background:rgba(255,255,255,.84);box-shadow:0 12px 36px rgba(17,42,96,.08);backdrop-filter:blur(18px);transition:transform .3s,background .3s}.story-nav.is-scrolled{background:rgba(255,255,255,.96)}.brand{display:flex;align-items:center;gap:9px;font-family:Manrope,sans-serif}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--blue);color:#fff;font:800 20px/1 Manrope;box-shadow:inset 0 -4px 10px rgba(0,0,0,.12)}.brand-mark.small{width:25px;height:25px;border-radius:7px;font-size:14px}.brand b{font-size:17px;letter-spacing:-.5px}.brand>i{width:5px;height:5px;border-radius:50%;background:var(--blue)}.nav-toggle{display:flex;align-items:center;justify-content:center;gap:3px;width:42px;height:42px;border:0;border-radius:11px;background:#eef2fb}.nav-toggle span{width:3px;height:3px;border-radius:50%;background:#0b1730}.nav-toggle em{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.story-nav nav{position:absolute;top:70px;left:0;right:0;display:none;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.story-nav.open nav{display:grid;gap:4px}.story-nav nav a{padding:12px 14px;border-radius:10px;font-size:14px;font-weight:600}.story-nav nav a:hover,.story-nav nav a:focus-visible{background:#f1f4fb;color:var(--blue)}.nav-login{border-top:1px solid var(--line)}.nav-cta{background:var(--blue)!important;color:#fff!important}.story-kicker{display:flex;align-items:center;gap:9px;color:var(--blue);font:700 11px/1.2 Manrope,sans-serif;letter-spacing:.14em}.story-kicker i{width:20px;height:2px;background:currentColor}.story-kicker.light{color:#9cb4ff}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:52px;padding:0 18px;border:1px solid transparent;border-radius:12px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--blue);color:#fff;box-shadow:0 14px 32px rgba(22,73,245,.24)}.button-ghost{border-color:#d5dfef;background:#fff}.button-light{background:#fff;color:#0b36e8}.button-large{min-height:60px;padding:0 22px}.text-arrow{display:inline-flex;gap:18px;align-items:center;color:var(--blue);font-weight:700}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.in-view{opacity:1;transform:none}

/* Hero */
.hero{min-height:100svh;padding-top:126px;overflow:hidden;background:radial-gradient(circle at 78% 18%,rgba(94,150,255,.14),transparent 34%),linear-gradient(180deg,#fbfdff 0%,#fff 86%)}.hero-copy{position:relative;z-index:5;max-width:720px;margin:auto;text-align:center}.hero h1{margin-top:20px;font-size:clamp(42px,10vw,76px);line-height:1.04;letter-spacing:-.055em}.hero h1 em{color:var(--blue)}.hero-lead{margin:22px auto 0;max-width:620px;color:#5d6980;font-size:18px}.hero-actions{display:grid;gap:10px;margin:28px auto 0;max-width:340px}.hero-proof{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:24px;color:#5d6980;font-size:12px;font-weight:600}.hero-proof span{display:flex;align-items:center;gap:6px}.hero-proof i{width:6px;height:6px;border-radius:50%;background:#12b981}.hero-stage{position:relative;width:min(1080px,100%);min-height:470px;margin:54px auto 0;perspective:1400px}.hero-dashboard{position:relative;z-index:3;width:880px;max-width:calc(100vw - 42px);margin:auto;transform:rotateX(2deg);transform-origin:center bottom}.dashboard-shell{overflow:hidden;border:1px solid #d7e0ee;border-radius:16px;background:#fff;box-shadow:0 35px 100px rgba(15,42,105,.18)}.dashboard-topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;height:48px;padding:0 13px;border-bottom:1px solid #e6ebf4}.dashboard-logo{display:flex;align-items:center;gap:6px;font:700 9px Manrope}.dashboard-logo span{display:grid;place-items:center;width:21px;height:21px;border-radius:6px;background:var(--blue);color:#fff}.dashboard-search{overflow:hidden;padding:8px 12px;border-radius:7px;background:#f5f7fb;color:#9aa4b7;font-size:7px;white-space:nowrap}.dashboard-live{color:var(--blue);font:700 7px Manrope}.dashboard-live i{display:inline-block;width:5px;height:5px;margin-right:3px;border-radius:50%;background:#12b981}.dashboard-body{display:grid;grid-template-columns:94px 1fr;min-height:310px}.dashboard-body aside{display:flex;flex-direction:column;gap:8px;padding:18px 10px;border-right:1px solid #e7ecf4;color:#8c96aa;font-size:6px}.dashboard-body aside b,.dashboard-body aside span{padding:7px;border-radius:6px}.dashboard-body aside b{background:#edf2ff;color:var(--blue)}.dashboard-body aside i{margin-right:4px;font-style:normal}.dashboard-main{padding:18px}.dash-heading{display:flex;justify-content:space-between;align-items:flex-start}.dash-heading small{color:var(--blue);font:700 6px Manrope;letter-spacing:.12em}.dash-heading h2{margin-top:3px;font-size:15px}.dash-heading>span{padding:5px 7px;border:1px solid #e1e7f1;border-radius:6px;color:#69758d;font-size:6px}.dash-cards{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:8px;margin-top:14px}.dash-cards article{min-height:76px;padding:12px;border:1px solid #e2e8f2;border-radius:9px}.dash-cards article.primary-stat{border-color:var(--blue);background:var(--blue);color:#fff}.dash-cards small{display:block;color:inherit;font-size:6px;opacity:.75}.dash-cards strong{display:block;margin-top:6px;font:800 17px Manrope}.dash-cards strong em{font-size:7px}.dash-cards span{font-size:6px;opacity:.7}.dash-lower{display:grid;grid-template-columns:1.6fr 1fr;gap:8px;margin-top:8px}.chart-card,.stock-list{min-height:122px;padding:11px;border:1px solid #e2e8f2;border-radius:9px}.chart-card header,.stock-list header{display:flex;justify-content:space-between;font-size:7px}.chart-card header small,.stock-list header small{color:var(--blue)}.chart-grid{display:flex;align-items:flex-end;gap:8px;height:78px;margin-top:7px;background:repeating-linear-gradient(to bottom,transparent 0 24px,#eef2f8 25px)}.chart-grid i{flex:1;height:var(--bar);border-radius:3px 3px 0 0;background:linear-gradient(#789aff,#1649f5);transform-origin:bottom;animation:barGrow 1.2s .5s both}.stock-list p{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:6px;margin:9px 0 0;font-size:6px}.stock-list p span small{display:block;color:#9aa4b6}.stock-list p strong{color:var(--blue)}.thumb{display:block;width:21px;height:21px;border-radius:5px}.thumb-blue{background:linear-gradient(145deg,#dce6ff,#5681ff)}.thumb-mint{background:linear-gradient(145deg,#d7fff0,#25bd87)}.thumb-amber{background:linear-gradient(145deg,#fff0c8,#f3b731)}.floating-card{position:absolute;z-index:6;display:flex;align-items:center;gap:9px;padding:10px;border:1px solid rgba(212,222,238,.9);border-radius:12px;background:rgba(255,255,255,.92);box-shadow:0 18px 44px rgba(18,48,113,.14);backdrop-filter:blur(14px);will-change:transform}.floating-card-a{top:-27px;left:2px}.floating-card-b{right:0;bottom:100px}.floating-card-c{left:5px;bottom:52px}.floating-card small,.floating-card em{display:block;color:#7c879b;font-size:7px;font-style:normal}.floating-card strong{display:block;font:800 10px Manrope}.card-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#e8efff;color:var(--blue)}.card-icon.mint{background:#e5fbf3;color:#0aa573}.card-icon.amber{background:#fff3d6;color:#bc8000}.orbit{position:absolute;border:1px solid rgba(55,105,255,.14);border-radius:50%}.orbit-one{width:520px;height:520px;top:-105px;left:50%;transform:translateX(-50%)}.orbit-two{width:700px;height:700px;top:-195px;left:50%;transform:translateX(-50%)}.hero-scroll-cue{display:none}.hero-glow{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.hero-glow-a{width:260px;height:260px;top:110px;right:-90px;background:rgba(61,119,255,.14)}.hero-glow-b{width:240px;height:240px;bottom:10%;left:-130px;background:rgba(68,218,190,.12)}

.hero-dashboard{transition:transform .35s cubic-bezier(.2,.7,.2,1),filter .35s ease;will-change:transform}.hero-stage:hover .hero-dashboard{transform:translateY(-6px) rotateX(0deg) scale(1.005);filter:drop-shadow(0 20px 22px rgba(20,54,125,.08))}.hero-stage:hover .floating-card-a{transform:translate3d(-4px,-8px,0) rotate(-1deg)}.hero-stage:hover .floating-card-b{transform:translate3d(5px,-5px,0) rotate(1deg)}.hero-stage:hover .floating-card-c{transform:translate3d(-3px,5px,0) rotate(-1deg)}.dash-cards article,.stock-list p{transition:transform .24s ease,background .24s ease,border-color .24s ease}.dash-cards article:hover{transform:translateY(-4px);border-color:#9bb3ff}.stock-list p{padding:3px;border-radius:5px}.stock-list p:hover{background:#f1f5ff;transform:translateX(4px)}.dashboard-live i{animation:livePulse 1.8s ease-in-out infinite}.hero-stage:hover .chart-grid i{animation:barLive 1.3s ease-in-out infinite alternate}.hero-stage:hover .chart-grid i:nth-child(2),.hero-stage:hover .chart-grid i:nth-child(5){animation-delay:-.35s}.hero-stage:hover .chart-grid i:nth-child(3),.hero-stage:hover .chart-grid i:nth-child(6){animation-delay:-.7s}.hero-stage:hover [data-live-count]{color:inherit;text-shadow:0 0 16px rgba(255,255,255,.18)}

/* Pain and convergence */
.pain-scene{min-height:800px;display:grid;align-content:start;gap:60px;background:#071127;color:#fff;overflow:hidden}.scene-copy{position:relative;z-index:3;max-width:620px}.scene-copy h2,.converge-copy h2,.team-copy h2,.growth-head h2,.section-heading h2,.pos-copy h2,.pricing-copy h2,.closing-copy h2{margin-top:18px;font-size:clamp(38px,8vw,72px);line-height:1.05;letter-spacing:-.045em}.scene-copy>p:last-child,.team-copy>p,.converge-copy>p,.growth-head>p,.section-heading>p,.pos-copy>p,.pricing-copy>p,.closing-copy>p{margin-top:20px;color:#97a5bd;font-size:17px}.chaos-stage{position:relative;height:390px;max-width:680px;margin:auto;width:100%}.chaos-item{position:absolute;left:50%;top:50%;width:155px;height:118px;padding:16px;border:1px solid rgba(255,255,255,.16);border-radius:15px;background:rgba(255,255,255,.08);box-shadow:0 24px 50px rgba(0,0,0,.22);backdrop-filter:blur(12px);transform:translate(calc(-50% + var(--x)*3px),calc(-50% + var(--y)*3px)) rotate(calc(var(--r)*1deg));transition:transform .1s linear;will-change:transform}.chaos-item span,.chaos-item small{font-size:9px;color:#aebbd0}.chaos-item b,.chaos-item strong{display:block;margin-top:12px;font:800 20px Manrope}.chaos-item em{display:block;margin-top:7px;color:#ff8993;font-size:9px}.sheet{background:linear-gradient(145deg,rgba(36,174,115,.18),rgba(255,255,255,.06))}.sheet-grid{height:42px;margin-top:10px;background:repeating-linear-gradient(0deg,transparent 0 9px,rgba(255,255,255,.12) 10px),repeating-linear-gradient(90deg,transparent 0 30px,rgba(255,255,255,.12) 31px)}.notebook i{display:block;height:1px;margin-top:12px;background:rgba(255,255,255,.18)}.notebook small{display:block;margin-top:10px;color:#ffce6a}.boxes i{position:absolute;width:48px;height:38px;border:1px solid rgba(255,255,255,.18);background:#a86d35}.boxes i:nth-child(1){left:20px;top:44px}.boxes i:nth-child(2){left:60px;top:25px}.boxes i:nth-child(3){left:90px;top:53px}.boxes b{position:absolute;left:16px;bottom:10px;font:600 9px inherit}.number{background:linear-gradient(145deg,rgba(33,83,255,.22),rgba(255,255,255,.05))}.chaos-lines{position:absolute;inset:15%;border:1px dashed rgba(124,153,218,.25);border-radius:50%;transform:rotate(-10deg)}.converge-scene{overflow:hidden;background:#f5f8fd}.converge-grid{display:grid;gap:60px;max-width:var(--max);margin:auto}.converge-copy em,.growth-head em,.pos-copy em{color:var(--blue)}.converge-copy .text-arrow{margin-top:28px}.system-core{position:relative;display:grid;place-items:center;min-height:460px}.core-ring{position:absolute;border:1px solid rgba(22,73,245,.16);border-radius:50%}.core-ring-a{width:360px;height:360px;animation:spin 28s linear infinite}.core-ring-b{width:270px;height:270px;border-style:dashed;animation:spin 20s linear infinite reverse}.core-dashboard{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;width:210px;padding:34px;border:1px solid #cfdaeb;border-radius:24px;background:#fff;box-shadow:var(--shadow)}.core-dashboard>b{margin-top:12px;font:800 18px Manrope}.core-dashboard small{margin-top:3px;color:#8490a5;font:600 7px Manrope;letter-spacing:.13em}.core-bars{display:flex;align-items:end;gap:6px;width:100%;height:55px;margin-top:22px}.core-bars i{flex:1;border-radius:4px 4px 0 0;background:#dce5ff}.core-bars i:nth-child(1){height:40%}.core-bars i:nth-child(2){height:65%}.core-bars i:nth-child(3){height:52%}.core-bars i:nth-child(4){height:90%;background:var(--blue)}.data-chip{position:absolute;z-index:4;padding:8px 13px;border:1px solid #d6e0ef;border-radius:999px;background:#fff;box-shadow:0 10px 30px rgba(16,43,107,.12);color:#5d6980;font-size:11px;font-weight:700}.chip-a{top:9%;left:7%}.chip-b{top:15%;right:5%}.chip-c{bottom:13%;left:2%}.chip-d{bottom:7%;right:10%}

/* Journey */
.journey{padding-bottom:110px}.journey-intro{max-width:var(--max);margin:auto}.journey-intro h2{margin-top:18px;font-size:clamp(38px,7vw,68px);line-height:1.05;letter-spacing:-.045em}.journey-intro>p:last-child{margin-top:18px;color:var(--muted);font-size:17px}.journey-grid{display:grid;gap:30px;max-width:var(--max);margin:54px auto 0}.journey-copy{order:2}.journey-step{min-height:260px;padding:32px 4px;border-top:1px solid var(--line);opacity:.35;transition:opacity .35s,transform .35s}.journey-step.is-active{opacity:1}.journey-step>span{color:var(--blue);font:700 11px Manrope;letter-spacing:.12em}.journey-step h3{margin-top:13px;font-size:28px;line-height:1.15}.journey-step p{max-width:490px;margin-top:12px;color:var(--muted);font-size:16px}.journey-sticky{position:sticky;z-index:4;top:92px;align-self:start}.journey-stage{overflow:hidden;border:1px solid #d5dfed;border-radius:20px;background:#fff;box-shadow:var(--shadow)}.journey-toolbar{display:flex;align-items:center;justify-content:space-between;height:53px;padding:0 15px;border-bottom:1px solid #e4eaf3}.journey-toolbar>div{display:flex;align-items:center;gap:7px;font:700 9px Manrope}.secure-pill{padding:5px 8px;border-radius:99px;background:#effbf6;color:#07875d;font:700 7px Manrope}.secure-pill i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#13b981}.journey-screen{display:grid;grid-template-columns:50px 1fr;min-height:350px}.journey-screen>aside{display:flex;flex-direction:column;align-items:center;gap:11px;padding:17px 0;border-right:1px solid #e7ecf4;background:#fbfcfe}.journey-screen>aside i{width:22px;height:22px;border-radius:6px;background:#e9edf5}.journey-screen>aside i:first-child{background:#dfe7ff}.screen-content{position:relative;overflow:hidden;padding:17px}.screen-title{display:flex;align-items:center;justify-content:space-between}.screen-title span{font-size:13px;font-weight:700}.screen-title i{color:#8d98ab;font:600 8px Manrope}.screen-panel{position:absolute;inset:55px 17px 18px;display:none;opacity:0;transform:translateY(10px);transition:opacity .35s,transform .35s}.journey-stage[data-state="1"] [data-panel="1"],.journey-stage[data-state="2"] [data-panel="2"],.journey-stage[data-state="3"] [data-panel="3"],.journey-stage[data-state="4"] [data-panel="4"],.journey-stage[data-state="5"] [data-panel="5"],.journey-stage[data-state="6"] [data-panel="6"]{display:flex;opacity:1;transform:none}.add-product{gap:12px}.fake-form{display:grid;gap:8px;flex:1}.fake-form label{color:#6f7a8e;font-size:7px}.fake-form label i{display:block;height:25px;margin-top:3px;border:1px solid #dce3ef;border-radius:6px}.fake-form>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.fake-form button,.movement-panel button{min-height:30px;border:0;border-radius:7px;background:var(--blue);color:#fff;font-size:8px;font-weight:700}.product-preview{display:flex;flex:0 0 34%;flex-direction:column;align-items:center;justify-content:center;border:1px solid #e0e6f0;border-radius:10px;background:#f7f9fc}.product-preview>span{color:var(--blue);font:700 6px Manrope}.box-art{display:grid;place-items:center;width:55px;height:55px;margin:12px 0;border-radius:10px;background:linear-gradient(145deg,#2458f8,#0d2fb3);color:#fff;font:800 27px Manrope}.product-preview b{font-size:8px}.product-preview small{color:#8b96aa;font-size:6px}.scan-panel{align-items:center;justify-content:center;gap:22px}.scan-phone{position:relative;width:105px;height:205px;padding:10px;border:5px solid #10192d;border-radius:20px;background:#182642}.scan-phone>span{position:absolute;top:4px;left:50%;width:30px;height:4px;border-radius:5px;background:#303c50;transform:translateX(-50%)}.scan-frame{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;border:1px solid rgba(137,168,255,.4);border-radius:11px;color:#fff}.scan-frame i{width:62px;height:45px;border:1px solid #7ba0ff}.scan-frame b{margin-top:9px;font-size:7px;letter-spacing:2px}.scan-frame small{margin-top:8px;color:#aebee0;font-size:6px}.scan-copy{display:flex;flex-direction:column}.scan-copy>i{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#def9ef;color:#0fa675;font-style:normal}.scan-copy small{margin-top:12px;color:#8c97aa;font-size:7px}.scan-copy b{margin-top:2px;font-size:11px}.scan-copy em{color:var(--blue);font:600 7px Manrope}.movement-panel{flex-direction:column;gap:12px}.movement-toggle{display:flex;padding:4px;border-radius:7px;background:#eef2f8}.movement-toggle>*{flex:1;padding:7px;text-align:center;font-size:7px}.movement-toggle b{border-radius:5px;background:#fff;color:var(--blue)}.movement-product{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #dfe6f1;border-radius:9px}.movement-product .thumb{width:33px;height:33px}.movement-product span{flex:1}.movement-product span b,.movement-product span small{display:block;font-size:8px}.movement-product span small{color:#909bae}.movement-product strong{color:var(--mint);font:800 14px Manrope}.movement-line{height:1px;background:#e4e9f2}.count-panel{flex-direction:column}.count-row{display:grid;grid-template-columns:1.5fr .7fr .7fr;align-items:center;padding:11px;border-bottom:1px solid #e8edf4;font-size:7px}.count-row.head{background:#f3f6fb;color:#7f899b;font-weight:600}.count-row em{padding:5px;border:1px solid #d8e0ec;border-radius:5px;font-style:normal}.count-result{display:flex;justify-content:space-between;margin-top:12px;padding:10px;border-radius:8px;background:#fff7e5;font-size:7px}.count-result b{color:#b37600}.lot-panel{flex-wrap:wrap;gap:10px}.lot-card{display:flex;flex:1;min-width:105px;flex-direction:column;padding:14px;border:1px solid #dde4ef;border-radius:10px}.lot-card span{color:var(--blue);font:700 6px Manrope}.lot-card b{margin-top:10px;font:800 13px Manrope}.lot-card small{margin-top:3px;color:#7c8798;font-size:7px}.lot-timeline{display:flex;justify-content:space-around;align-items:center;width:100%;height:38px;border-radius:8px;background:#f2f5fa}.lot-timeline i{width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px #dfe7ff}.anywhere-panel{align-items:flex-end;justify-content:center;gap:8px}.device-mini{padding:6px;border:2px solid #18233a;border-radius:7px;background:#f8faff}.device-mini>span{display:block;width:28%;height:2px;margin:0 auto 6px;border-radius:4px;background:#253149}.device-mini>div{display:flex;flex-direction:column;gap:4px;height:100%;padding:6px;background:#fff}.device-mini b{color:var(--blue);font:800 10px Manrope}.device-mini i{display:block;height:5px;border-radius:3px;background:#e6ebf4}.device-mini.desktop{width:130px;height:92px}.device-mini.tablet{width:75px;height:102px}.device-mini.mobile{width:48px;height:88px;border-radius:10px}.anywhere-panel p{position:absolute;bottom:0;font-size:7px;font-weight:600}.journey-dots{display:flex;justify-content:center;gap:6px;padding:10px}.journey-dots i{width:6px;height:6px;border-radius:50%;background:#d2daea}.journey-dots i.active{width:18px;border-radius:8px;background:var(--blue)}

/* Team, growth, features */
.team-scene{display:grid;gap:60px;overflow:hidden;background:#071127;color:#fff}.team-copy>span{display:inline-block;margin-top:26px;padding:8px 12px;border:1px solid rgba(255,255,255,.15);border-radius:99px;color:#afc0dd;font-size:12px;font-weight:700}.team-network{position:relative;min-height:500px}.network-core{position:absolute;z-index:3;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;width:150px;padding:25px 14px;border:1px solid rgba(130,162,255,.36);border-radius:24px;background:rgba(17,40,91,.8);box-shadow:0 0 80px rgba(31,87,255,.25);transform:translate(-50%,-50%)}.network-core b{margin-top:10px;font:800 13px Manrope}.network-core small{color:#8aa4de;font:600 6px Manrope;letter-spacing:.14em}.role{position:absolute;z-index:4;display:flex;flex-direction:column;align-items:center;width:112px;padding:16px 8px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.07);backdrop-filter:blur(12px)}.role i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#3568ff,#1238ca);font:700 13px Manrope;font-style:normal}.role b{margin-top:8px;font:700 11px Manrope}.role small{color:#91a1bd;font-size:7px}.role-owner{top:4%;left:3%}.role-admin{top:8%;right:3%}.role-manager{bottom:3%;left:5%}.role-staff{right:4%;bottom:5%}.network-line{position:absolute;z-index:1;top:50%;left:50%;width:42%;height:1px;background:linear-gradient(90deg,transparent,#2c63ff);transform-origin:left}.line-a{transform:rotate(-143deg)}.line-b{transform:rotate(-37deg)}.line-c{transform:rotate(143deg)}.line-d{transform:rotate(37deg)}.role{cursor:pointer;outline:none;transition:transform .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease;will-change:transform}.role:hover,.role:focus-visible,.role:focus-within,.role.is-open{z-index:12;border-color:rgba(88,135,255,.9);background:rgba(28,57,119,.96);box-shadow:0 18px 48px rgba(0,0,0,.28),0 0 0 1px rgba(58,111,255,.22);transform:translateY(-4px)}.role-permissions{position:absolute;z-index:15;top:calc(100% + 11px);left:0;display:grid;gap:6px;width:230px;padding:16px;border:1px solid rgba(123,158,255,.35);border-radius:14px;background:rgba(12,28,62,.98);box-shadow:0 22px 54px rgba(0,0,0,.38);color:#dbe5ff;text-align:left;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px) scale(.97);transform-origin:top left;transition:opacity .2s ease,transform .2s ease,visibility .2s}.role-permissions:before{content:"";position:absolute;top:-5px;left:26px;width:9px;height:9px;border-top:1px solid rgba(123,158,255,.35);border-left:1px solid rgba(123,158,255,.35);background:#0c1c3e;transform:rotate(45deg)}.role-permissions strong{font-size:12px}.role-permissions span{font-size:10px;line-height:1.45}.role-permissions em{display:none;color:#8093b8;font-size:8px;text-align:center}.role:hover .role-permissions,.role:focus-visible .role-permissions,.role:focus-within .role-permissions,.role.is-open .role-permissions{opacity:1;visibility:visible;pointer-events:auto;transform:none}.role-admin .role-permissions,.role-staff .role-permissions{right:0;left:auto;transform-origin:top right}.role-admin .role-permissions:before,.role-staff .role-permissions:before{right:26px;left:auto}.role-manager .role-permissions,.role-staff .role-permissions{top:auto;bottom:calc(100% + 11px);transform:translateY(-8px) scale(.97);transform-origin:bottom left}.role-staff .role-permissions{transform-origin:bottom right}.role-manager .role-permissions:before,.role-staff .role-permissions:before{top:auto;bottom:-5px;border:0;border-right:1px solid rgba(123,158,255,.35);border-bottom:1px solid rgba(123,158,255,.35)}.growth-scene{max-width:var(--max);margin:auto}.growth-head{text-align:center}.growth-head .story-kicker{justify-content:center}.growth-head>p{max-width:560px;margin-left:auto;margin-right:auto}.growth-visual{display:grid;gap:24px;margin-top:54px}.growth-scale{display:flex;align-items:center;justify-content:center;gap:8px}.growth-scale>i{width:26px;height:1px;background:#cad4e5}.growth-scale article{display:flex;flex-direction:column;align-items:center;justify-content:center;width:92px;height:118px;border:1px solid #dae2ee;border-radius:18px;background:#fff}.growth-scale article.current{border-color:var(--blue);background:var(--blue);color:#fff;box-shadow:0 20px 48px rgba(22,73,245,.22);transform:scale(1.05)}.growth-scale small{color:#8390a4;font-size:8px}.growth-scale .current small{color:#cbd7ff}.growth-scale strong{margin-top:7px;font:800 26px Manrope}.growth-scale span{font-size:8px}.growth-chart{position:relative;min-height:240px;padding:24px;border:1px solid #dce4ef;border-radius:20px;background:#f7f9fc}.growth-bars{display:flex;align-items:flex-end;gap:8px;height:165px;border-bottom:1px solid #d9e0eb;background:repeating-linear-gradient(to bottom,transparent 0 39px,#e6ebf3 40px)}.growth-bars i{flex:1;height:var(--h);border-radius:5px 5px 0 0;background:linear-gradient(180deg,#8aa7ff,#1649f5);transform-origin:bottom}.growth-chart>small{display:block;margin-top:12px;color:#8b95a8;font-size:9px;text-align:center}.growth-line{display:none}.growth-outcomes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.growth-outcomes article{min-height:112px;padding:18px;border:1px solid #dfe5ef;border-radius:15px}.growth-outcomes span{color:var(--blue);font:800 18px Manrope}.growth-outcomes b,.growth-outcomes small{display:block}.growth-outcomes b{margin-top:10px;font-size:13px}.growth-outcomes small{color:#7d899c;font-size:9px}.features{max-width:none;background:#071127;color:#fff}.section-heading{max-width:var(--max);margin:auto}.section-heading>p{max-width:520px}.feature-grid{display:grid;gap:12px;max-width:var(--max);margin:48px auto 0}.feature-card{position:relative;min-height:250px;padding:24px;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));overflow:hidden;transition:border-color .25s,transform .25s,background .25s}.feature-card:hover{transform:translateY(-4px);border-color:rgba(116,154,255,.5);background:linear-gradient(145deg,rgba(42,88,214,.2),rgba(255,255,255,.03))}.feature-card>span{position:absolute;right:18px;top:16px;color:#65738f;font:700 10px Manrope}.feature-icon{display:grid;place-items:center;width:70px;height:70px;border-radius:17px;background:#173ed0;color:#fff;font:800 19px Manrope;font-style:normal}.feature-card h3{margin-top:26px;font-size:20px}.feature-card p{margin-top:10px;color:#91a1bb;font-size:14px}.feature-stock-list{display:flex;gap:5px;align-items:end;height:50px;margin-top:16px}.feature-stock-list i{flex:1;border-radius:4px;background:#3264ff}.feature-stock-list i:nth-child(1){height:30%}.feature-stock-list i:nth-child(2){height:60%}.feature-stock-list i:nth-child(3){height:45%}.feature-stock-list i:nth-child(4){height:90%}.feature-icon.scan{background:#0d8560}.feature-icon.count{background:#6755d9}.feature-icon.lot{background:#9a6500}.feature-icon.serial{background:#854063}.feature-icon.expiry{background:#bd493e}.feature-icon.online{background:#087a9b}.feature-icon.roles{width:auto;padding:0 16px;background:#384b78;font-size:13px}

/* POS, pricing, closing */
.pos-story{display:grid;gap:50px;max-width:var(--max);margin:auto}.addon-pill{display:inline-block;margin-top:20px;padding:7px 11px;border-radius:99px;background:#fff0c8;color:#926000;font-size:10px;font-weight:700}.pos-copy ul{display:grid;gap:8px;margin:24px 0;padding:0;list-style:none;color:#59667d;font-size:13px}.pos-copy li:before{content:"✓";margin-right:8px;color:var(--mint);font-weight:700}.pos-copy .text-arrow{margin-top:14px}.pos-terminal{overflow:hidden;border:1px solid #d6dfec;border-radius:20px;background:#fff;box-shadow:var(--shadow)}.pos-terminal>header{display:flex;align-items:center;gap:8px;height:55px;padding:0 15px;border-bottom:1px solid #e3e8f1}.pos-terminal>header b{font:800 11px Manrope}.pos-terminal>header i{margin-left:auto;color:var(--mint);font:700 7px Manrope}.pos-terminal-body{display:grid;grid-template-columns:1.25fr .75fr;min-height:260px}.pos-products{padding:18px}.pos-products p{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #edf0f5;font-size:8px}.pos-products .thumb{width:34px;height:34px}.pos-products span small{display:block;color:#8b96a9}.barcode-line{display:flex;align-items:center;justify-content:center;height:60px;margin-top:18px;border:1px dashed #ced8e8;border-radius:8px;letter-spacing:4px}.pos-payment{display:flex;flex-direction:column;align-items:center;padding:22px 14px;background:#f4f7fc}.pos-payment>small{color:#7d889c;font-size:8px}.pos-payment>strong{margin-top:5px;font:800 21px Manrope}.qr-mini{width:60px;height:60px;margin:18px;background:repeating-linear-gradient(45deg,#101b30 0 3px,#fff 3px 6px),repeating-linear-gradient(-45deg,transparent 0 4px,#14203a 4px 6px)}.pos-payment button{width:100%;min-height:34px;border:0;border-radius:7px;background:var(--blue);color:#fff;font-size:8px;font-weight:700}.pricing{display:grid;gap:46px;overflow:hidden;background:linear-gradient(145deg,#0c39e5,#0826a9);color:#fff}.pricing-copy{position:relative;z-index:2}.price-card{position:relative;z-index:2;padding:26px;border:1px solid rgba(255,255,255,.23);border-radius:24px;background:rgba(7,24,83,.42);box-shadow:0 35px 80px rgba(1,13,61,.25);backdrop-filter:blur(16px)}.price-card header{display:flex;flex-direction:column}.price-card header span{font:800 11px Manrope;letter-spacing:.12em}.price-card header b{margin-top:5px;color:#aebfff;font-size:12px}.price{margin-top:34px}.price>*{display:block}.price small{color:#b8c7f4}.price strong{margin-top:5px;font:800 clamp(58px,15vw,100px)/.95 Manrope;letter-spacing:-.07em}.price strong em{font-size:.4em;vertical-align:top}.price span{margin-top:8px;color:#d1dcff;font-weight:600}.price-card ul{display:grid;gap:10px;margin:28px 0;padding:0;list-style:none;font-size:13px}.price-card li:before{content:"✓";margin-right:9px;color:#7be2bd}.price-card .button{width:100%}.price-card>p{margin-top:14px;color:#a8baf3;font-size:9px}.pricing-orbit{position:absolute;width:620px;height:620px;right:-360px;top:-180px;border:1px solid rgba(255,255,255,.15);border-radius:50%}.pricing-orbit:after{content:"";position:absolute;inset:80px;border:1px solid rgba(255,255,255,.1);border-radius:50%}.closing{display:flex;min-height:820px;flex-direction:column;justify-content:center;overflow:hidden;background:#071127;color:#fff;text-align:center}.closing-copy{position:relative;z-index:4}.closing-copy .story-kicker{justify-content:center}.closing-copy h2 em{color:#86a4ff}.closing-copy>p{max-width:600px;margin-left:auto;margin-right:auto}.closing-copy .button{margin-top:30px}.closing-ecosystem{position:relative;height:330px;margin-bottom:35px}.closing-dashboard,.closing-phone,.closing-product{position:absolute;z-index:3;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);box-shadow:0 25px 70px rgba(0,0,0,.32);backdrop-filter:blur(12px)}.closing-dashboard{left:50%;top:50%;display:grid;grid-template-columns:auto 1fr;gap:7px;width:230px;padding:22px;border-radius:20px;transform:translate(-50%,-50%) rotate(-2deg)}.closing-dashboard b{align-self:center;font:800 13px Manrope}.closing-dashboard i{grid-column:1/3;height:12px;border-radius:5px;background:rgba(116,153,255,.22)}.closing-phone{right:4%;top:17%;display:flex;width:72px;height:135px;flex-direction:column;align-items:center;padding:10px;border:4px solid #26324b;border-radius:16px;transform:rotate(8deg)}.closing-phone span{width:28px;height:3px;border-radius:4px;background:#44516a}.closing-phone b{margin-top:32px;font:800 8px Manrope}.closing-phone i{width:38px;height:38px;margin-top:12px;border:1px solid #7594f5}.closing-product{display:grid;place-items:center;width:66px;height:66px;border-radius:14px;font:800 10px Manrope}.product-a{top:8%;left:5%;transform:rotate(-10deg)}.product-b{bottom:5%;left:16%;transform:rotate(7deg)}.closing-ring{position:absolute;left:50%;top:50%;width:300px;height:300px;border:1px solid rgba(83,128,255,.22);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 80px rgba(34,88,255,.16)}.story-footer{display:grid;gap:28px;padding:50px 20px;background:#040b19;color:#fff}.brand.light{color:#fff}.story-footer p{margin-top:12px;color:#7f8ca3;font-size:13px}.story-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;color:#a5b1c5;font-size:12px}.story-footer small{padding-top:22px;border-top:1px solid rgba(255,255,255,.1);color:#66748c;font-size:10px}

@keyframes barGrow{from{transform:scaleY(0)}}@keyframes barLive{from{transform:scaleY(.76)}to{transform:scaleY(1)}}@keyframes livePulse{0%,100%{opacity:.45;box-shadow:0 0 0 0 rgba(16,185,129,.25)}50%{opacity:1;box-shadow:0 0 0 5px rgba(16,185,129,0)}}@keyframes spin{to{transform:rotate(360deg)}}

@media(min-width:700px){.story-section{padding:120px 40px}.hero-actions{display:flex;justify-content:center;max-width:none}.hero-stage{min-height:580px}.hero-dashboard{max-width:90%}.floating-card{padding:13px 15px}.floating-card small,.floating-card em{font-size:9px}.floating-card strong{font-size:12px}.floating-card-a{left:1%;top:10%}.floating-card-b{right:0;bottom:145px}.floating-card-c{left:4%;bottom:85px}.card-icon{width:38px;height:38px}.dashboard-topbar{height:56px}.dashboard-body{grid-template-columns:130px 1fr;min-height:400px}.dashboard-body aside{padding:24px 14px;font-size:8px}.dashboard-main{padding:25px}.dash-heading h2{font-size:21px}.dash-cards article{min-height:94px;padding:15px}.dash-cards strong{font-size:23px}.dash-lower{gap:12px;margin-top:12px}.chart-card,.stock-list{min-height:160px;padding:15px}.chart-grid{height:110px}.stock-list p{font-size:8px}.pain-scene{grid-template-columns:.8fr 1.2fr;align-items:center;min-height:900px}.chaos-stage{height:600px}.chaos-item{width:190px;height:145px;transform:translate(calc(-50% + var(--x)*4.5px),calc(-50% + var(--y)*4.5px)) rotate(calc(var(--r)*1deg))}.team-scene{grid-template-columns:.75fr 1.25fr;align-items:center;min-height:850px}.growth-visual{grid-template-columns:.9fr 1.1fr;align-items:center}.growth-scale{justify-content:flex-start}.growth-scale article{width:112px;height:140px}.growth-scale strong{font-size:34px}.growth-chart{min-height:310px}.growth-bars{height:230px}.growth-outcomes{grid-template-columns:repeat(4,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-large,.feature-wide{grid-column:span 2}.pos-story{grid-template-columns:.8fr 1.2fr;align-items:center}.pricing{grid-template-columns:.9fr 1.1fr;align-items:center}.price-card{padding:40px}.story-footer{grid-template-columns:1fr 1fr;align-items:start;padding:70px 40px}.story-footer nav{grid-template-columns:repeat(3,1fr)}.story-footer>small{grid-column:1/3}}

@media(min-width:1024px){.story-section{padding:150px max(40px,calc((100vw - var(--max))/2))}.story-nav{left:50%;right:auto;width:min(1240px,calc(100vw - 40px));padding:10px 12px 10px 16px;transform:translateX(-50%)}.nav-toggle{display:none}.story-nav nav{position:static;display:flex;align-items:center;padding:0;border:0;background:transparent;box-shadow:none}.story-nav nav a{padding:10px 13px;font-size:12px}.nav-login{border:0;margin-left:8px}.nav-cta{padding:11px 15px!important}.hero{padding-top:170px}.hero h1{font-size:82px}.hero-stage{min-height:680px;margin-top:70px}.hero-dashboard{width:1040px}.dashboard-topbar{height:66px;padding:0 20px}.dashboard-logo{font-size:12px}.dashboard-logo span{width:28px;height:28px}.dashboard-search{padding:10px 16px;font-size:10px}.dashboard-live{font-size:9px}.dashboard-body{grid-template-columns:165px 1fr;min-height:490px}.dashboard-body aside{gap:12px;padding:30px 18px;font-size:10px}.dashboard-body aside>*{padding:10px!important}.dashboard-main{padding:32px}.dash-heading small{font-size:8px}.dash-heading h2{font-size:25px}.dash-heading>span{font-size:8px}.dash-cards{gap:12px;margin-top:20px}.dash-cards article{min-height:118px;padding:20px}.dash-cards small{font-size:8px}.dash-cards strong{font-size:30px}.dash-cards span{font-size:8px}.chart-card,.stock-list{min-height:195px;padding:18px}.chart-card header,.stock-list header{font-size:10px}.chart-grid{height:140px}.stock-list p{grid-template-columns:32px 1fr auto;font-size:9px}.thumb,.stock-list p .thumb{width:32px;height:32px}.floating-card-a{left:-1%;top:8%}.floating-card-b{right:-2%;bottom:190px}.floating-card-c{left:1%;bottom:120px}.hero-scroll-cue{display:flex;align-items:center;gap:10px;margin:35px auto 0;width:max-content;color:#8390a5;font:600 8px Manrope;letter-spacing:.15em}.hero-scroll-cue span{width:28px;height:42px;border:1px solid #cfd9e7;border-radius:20px}.hero-scroll-cue span:after{content:"";display:block;width:3px;height:7px;margin:8px auto;border-radius:4px;background:var(--blue);animation:scrollCue 1.7s infinite}.pain-scene{grid-template-columns:1fr 1.2fr}.chaos-item{transform:translate(calc(-50% + var(--x)*5px),calc(-50% + var(--y)*5px)) rotate(calc(var(--r)*1deg))}.converge-grid{grid-template-columns:.8fr 1.2fr;align-items:center}.system-core{min-height:650px}.core-ring-a{width:520px;height:520px}.core-ring-b{width:390px;height:390px}.core-dashboard{width:280px;padding:45px}.core-dashboard>b{font-size:23px}.data-chip{padding:11px 17px;font-size:13px}.journey-grid{grid-template-columns:.78fr 1.22fr;gap:80px}.journey-copy{order:0}.journey-step{display:flex;min-height:70vh;flex-direction:column;justify-content:center;padding:50px 10px}.journey-step h3{font-size:38px}.journey-sticky{top:120px}.journey-stage{border-radius:28px}.journey-toolbar{height:70px;padding:0 22px}.journey-toolbar>div{font-size:12px}.secure-pill{font-size:9px}.journey-screen{grid-template-columns:75px 1fr;min-height:520px}.journey-screen>aside{gap:16px;padding:25px 0}.journey-screen>aside i{width:32px;height:32px}.screen-content{padding:26px}.screen-title span{font-size:17px}.screen-title i{font-size:10px}.screen-panel{inset:77px 26px 28px}.fake-form{gap:13px}.fake-form label{font-size:10px}.fake-form label i{height:38px}.fake-form button,.movement-panel button{min-height:44px;font-size:11px}.product-preview>span{font-size:8px}.box-art{width:86px;height:86px;font-size:40px}.product-preview b{font-size:12px}.product-preview small{font-size:8px}.scan-phone{width:150px;height:300px;border-radius:27px}.scan-frame i{width:90px;height:70px}.scan-copy small{font-size:10px}.scan-copy b{font-size:16px}.scan-copy em{font-size:9px}.movement-toggle>*{padding:10px;font-size:10px}.movement-product{padding:18px}.movement-product .thumb{width:45px;height:45px}.movement-product span b,.movement-product span small{font-size:11px}.movement-product strong{font-size:18px}.count-row{padding:16px;font-size:10px}.count-result{font-size:10px}.lot-card{padding:20px}.lot-card span{font-size:8px}.lot-card b{font-size:18px}.lot-card small{font-size:9px}.device-mini.desktop{width:190px;height:135px}.device-mini.tablet{width:110px;height:145px}.device-mini.mobile{width:68px;height:125px}.anywhere-panel p{font-size:10px}.team-scene{grid-template-columns:.7fr 1.3fr}.team-network{min-height:650px}.role{width:150px;padding:23px 10px}.role i{width:50px;height:50px;font-size:16px}.role b{font-size:14px}.role small{font-size:9px}.network-core{width:190px;padding:35px}.feature-grid{grid-template-columns:repeat(3,1fr)}.feature-large{grid-row:span 2;min-height:512px}.feature-wide{grid-column:span 2}.feature-card{min-height:250px;padding:28px}.pos-terminal-body{min-height:390px}.pos-products{padding:28px}.pos-products p{font-size:11px;padding:15px 0}.pos-products .thumb{width:48px;height:48px}.barcode-line{height:85px}.pos-payment{padding:38px 22px}.pos-payment>strong{font-size:30px}.qr-mini{width:90px;height:90px}.pos-payment button{min-height:48px;font-size:11px}.pricing{min-height:850px}.price-card{max-width:600px}.closing{min-height:1000px}.closing-ecosystem{height:430px}.closing-dashboard{width:320px;padding:30px}.closing-phone{right:18%;width:90px;height:170px}.product-a{left:18%}.product-b{left:27%}.closing-ring{width:440px;height:440px}.story-footer{padding:80px max(40px,calc((100vw - var(--max))/2))}.story-footer nav{grid-template-columns:repeat(4,auto)}}

@media(max-width:420px){.story-section{padding-left:16px;padding-right:16px}.story-nav{left:8px;right:8px;top:8px}.hero{padding-top:112px}.hero h1{font-size:40px}.hero-lead{font-size:16px}.desktop-break{display:none}.hero-dashboard{max-width:calc(100vw - 24px)}.dashboard-body{grid-template-columns:70px 1fr}.dashboard-main{padding:12px}.dash-lower{grid-template-columns:1fr}.stock-list{display:none}.floating-card-c{display:none}.floating-card-b{right:-5px;bottom:88px}.floating-card-a{left:-5px}.chaos-item{width:138px}.journey-screen{grid-template-columns:42px 1fr}.screen-content{padding:12px}.screen-panel{inset:47px 12px 14px}.team-network{min-height:450px}.role{width:98px}.growth-scale article{width:82px}.growth-scale>i{width:14px}.feature-card{min-height:230px}.closing-phone{right:-4%}.story-footer nav{grid-template-columns:1fr}}

@media(min-width:1024px) and (max-height:800px){.hero{padding-top:115px}.hero h1{margin-top:14px;font-size:68px}.hero-lead{margin-top:14px}.hero-actions{margin-top:18px}.hero-proof{margin-top:14px}.hero-stage{margin-top:26px}}

@media(min-width:1024px){.story-nav.open nav{display:flex}}

@media(max-width:699px){.team-network{min-height:540px}.role-permissions{width:240px;padding:14px}.role-permissions strong{font-size:14px}.role-permissions span{font-size:12px}.role-permissions em{display:block}}

@keyframes scrollCue{0%{transform:translateY(0);opacity:0}30%{opacity:1}100%{transform:translateY(14px);opacity:0}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.floating-card,.chaos-item{transform:none!important}.core-ring{animation:none}.scroll-progress{display:none}}

/* Real dashboard preview */
.real-dashboard{position:relative;background:#fff}.real-topbar{display:grid;grid-template-columns:30px auto minmax(120px,1fr) auto auto auto;align-items:center;gap:6px;min-height:44px;padding:7px;border-bottom:1px solid #e4e9f2;background:#fff}.real-topbar button,.real-topbar span,.real-topbar strong{white-space:nowrap}.real-topbar button{width:28px;height:28px;border:1px solid #dce4f0;border-radius:7px;background:#fff;color:#142039;font-size:9px}.real-warehouse,.real-scan,.real-topbar>strong{padding:7px 9px;border:1px solid #dce4f0;border-radius:7px;font-size:6px;font-weight:700}.real-topbar>strong{border-color:var(--blue);background:var(--blue);color:#fff}.real-live{display:flex;align-items:center;gap:3px;color:var(--blue);font:700 6px Manrope}.real-live i{width:5px;height:5px;border-radius:50%;background:#16b981;animation:livePulse 1.8s ease-in-out infinite}.real-workspace{display:grid;grid-template-columns:112px 1fr;min-height:360px}.real-workspace>aside{display:flex;flex-direction:column;gap:4px;padding:13px 10px;border-right:1px solid #e7ecf4;color:#758198}.real-workspace>aside .dashboard-logo{margin-bottom:11px;color:#111a2e}.real-workspace>aside small{margin:9px 6px 3px;color:#a0a9ba;font:600 5px Manrope;letter-spacing:.12em}.real-workspace>aside b,.real-workspace>aside span{padding:7px;border-radius:6px;font-size:6px}.real-workspace>aside b{background:#edf2ff;color:var(--blue)}.real-workspace>aside i{margin-right:4px;font-style:normal}.real-dashboard .dashboard-main{min-width:0;padding:18px}.real-heading p{margin-top:3px;color:#7b879b;font-size:7px}.real-kpis{grid-template-columns:repeat(4,1fr)}.real-kpis article{min-width:0}.real-lower{grid-template-columns:1.65fr 1fr}.real-lower header>div{display:grid;gap:2px}.real-lower header small{display:block;color:#8994a7}.real-lower header>span,.real-lower header>em{color:var(--blue);font-size:7px;font-style:normal}.demo-badge{position:absolute;right:9px;bottom:8px;padding:5px 8px;border-radius:99px;background:rgba(9,29,75,.82);color:#fff;font-size:6px;font-weight:700;backdrop-filter:blur(8px)}

/* Interactive workflow rail */
.journey{position:relative;background:radial-gradient(circle at 83% 10%,rgba(49,106,255,.1),transparent 28%),linear-gradient(180deg,#fff 0%,#f5f8fd 18%,#fff 100%)}.journey:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(29,76,175,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(29,76,175,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 42%);pointer-events:none}.journey-intro{position:relative;z-index:2;display:grid;gap:28px}.journey-intro>div>p:last-child{margin-top:18px;color:var(--muted);font-size:17px}.journey-intro-stat{display:flex;align-items:flex-end;gap:10px}.journey-intro-stat strong{color:var(--blue);font:800 clamp(74px,16vw,132px)/.78 Manrope;letter-spacing:-.08em}.journey-intro-stat span{padding-bottom:3px;color:#6f7e95;font:700 9px/1.4 Manrope;letter-spacing:.14em}.journey-intro-stat i{flex:1;height:1px;margin-bottom:9px;background:linear-gradient(90deg,var(--blue),transparent)}.journey-flow{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-width:var(--max);margin:38px auto 0}.journey-flow:before{content:"";position:absolute;z-index:-1;top:17px;left:5%;right:5%;height:1px;background:linear-gradient(90deg,#b9c9f4,#2456f4,#b9c9f4)}.journey-flow span{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:6px;padding:7px;border:1px solid #dce4ef;border-radius:11px;background:rgba(255,255,255,.9);box-shadow:0 8px 24px rgba(17,49,116,.06);transition:transform .25s,border-color .25s,background .25s}.journey-flow span:hover,.journey-flow span.active{border-color:#7f9eff;background:#eef3ff;transform:translateY(-4px)}.journey-flow i{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#edf2ff;color:var(--blue);font:800 8px Manrope;font-style:normal}.journey-flow span.active i{background:var(--blue);color:#fff;box-shadow:0 7px 18px rgba(22,73,245,.28)}.journey-flow b{font-size:9px}.journey-stage{box-shadow:0 32px 90px rgba(21,55,129,.16)}

/* Four package pricing */
.pricing{display:block;min-height:0;background:radial-gradient(circle at 85% 8%,rgba(79,135,255,.46),transparent 24%),linear-gradient(145deg,#0c39e5,#071e82);color:#fff}.pricing-copy{max-width:760px}.pricing-grid{position:relative;z-index:2;display:grid;gap:12px;max-width:var(--max);margin:48px auto 0}.plan-card{position:relative;display:flex;min-height:100%;flex-direction:column;padding:24px;border:1px solid rgba(255,255,255,.19);border-radius:22px;background:rgba(4,20,77,.46);box-shadow:0 26px 64px rgba(1,13,61,.18);backdrop-filter:blur(14px);transition:transform .25s,border-color .25s,background .25s}.plan-card:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.48);background:rgba(8,31,106,.72)}.plan-card.is-featured{border-color:#7df0c8;box-shadow:0 26px 64px rgba(1,13,61,.22),0 0 0 1px rgba(125,240,200,.15)}.plan-card>em{position:absolute;top:14px;right:14px;padding:5px 8px;border-radius:99px;background:#70e1b8;color:#063e31;font-size:8px;font-weight:800;font-style:normal}.plan-card header{display:flex;flex-direction:column}.plan-card header span{font:800 11px Manrope;letter-spacing:.14em}.plan-card header b{margin-top:4px;color:#b8c8ff;font-size:11px}.plan-price{display:flex;min-height:72px;flex-direction:column;justify-content:flex-end;margin-top:24px}.plan-price strong{font:800 clamp(31px,5vw,47px)/1 Manrope;letter-spacing:-.05em}.pos-plan .plan-price strong{font-family:"IBM Plex Sans Thai",sans-serif;font-size:28px;letter-spacing:-.02em}.plan-price span{margin-top:7px;color:#b8c8f4;font-size:10px;font-weight:600}.plan-card>p{min-height:58px;margin-top:18px;color:#c2cff2;font-size:12px}.plan-card ul{display:grid;gap:9px;margin:20px 0 26px;padding:0;list-style:none;color:#eff3ff;font-size:11px}.plan-card li:before{content:"✓";margin-right:8px;color:#78e8bf;font-weight:800}.plan-button{width:100%;margin-top:auto;border:1px solid rgba(255,255,255,.2);background:#fff;color:#1035bc}.plan-button:hover{background:#dfe8ff}.pos-plan>.addon-pill{position:absolute;top:10px;right:12px;margin:0}

@media(min-width:700px){.real-topbar{min-height:53px;padding:8px 10px}.real-workspace{grid-template-columns:145px 1fr;min-height:430px}.real-workspace>aside{padding:17px 13px}.real-workspace>aside b,.real-workspace>aside span{font-size:8px}.real-dashboard .dashboard-main{padding:24px}.journey-intro{grid-template-columns:1fr auto;align-items:end}.journey-flow{grid-template-columns:repeat(6,1fr)}.pricing-grid{grid-template-columns:repeat(2,1fr)}.plan-card{padding:28px}}
@media(min-width:1024px){.real-topbar{grid-template-columns:34px auto minmax(220px,1fr) auto auto auto;gap:9px;min-height:62px;padding:9px 14px}.real-topbar button{width:34px;height:34px}.real-warehouse,.real-scan,.real-topbar>strong{padding:9px 12px;font-size:8px}.real-live{font-size:8px}.real-workspace{grid-template-columns:175px 1fr;min-height:510px}.real-workspace>aside{gap:7px;padding:21px 15px}.real-workspace>aside b,.real-workspace>aside span{padding:9px;font-size:9px}.real-dashboard .dashboard-main{padding:30px}.real-kpis article{padding:17px}.real-heading p{font-size:9px}.journey-intro-stat{min-width:330px}.journey-flow{margin-top:52px}.journey-flow span{grid-template-columns:36px 1fr;padding:9px}.journey-flow i{width:36px;height:36px;font-size:9px}.journey-flow b{font-size:11px}.journey-flow:before{top:27px}.pricing-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:64px}.plan-card{padding:26px 22px}.pricing{padding-top:130px;padding-bottom:130px}}
@media(max-width:699px){.real-topbar{grid-template-columns:24px minmax(75px,auto) 1fr auto}.real-topbar .real-scan,.real-topbar>strong{display:none}.real-topbar button{width:24px;height:24px}.real-warehouse{padding:6px;font-size:5px}.real-dashboard .dashboard-search{padding:6px;font-size:5px}.real-workspace{grid-template-columns:66px 1fr;min-height:310px}.real-workspace>aside{padding:8px 5px}.real-workspace>aside .dashboard-logo b{display:none}.real-workspace>aside b,.real-workspace>aside span{padding:6px 3px;font-size:5px}.real-workspace>aside small{font-size:4px}.real-dashboard .dashboard-main{padding:10px}.real-heading h2{font-size:12px}.real-heading p{display:none}.real-kpis{grid-template-columns:repeat(2,1fr);gap:5px;margin-top:9px}.real-kpis article{min-height:54px;padding:8px}.real-kpis small,.real-kpis span{font-size:5px}.real-kpis strong{margin-top:4px;font-size:13px}.real-lower{grid-template-columns:1fr;margin-top:6px}.real-lower .stock-list{display:none}.real-lower .chart-card{min-height:95px;padding:8px}.real-lower .chart-grid{height:62px}.floating-card-a{top:2%}.floating-card-b{bottom:74px}.journey-flow{grid-template-columns:repeat(2,1fr)}.journey-flow:before{display:none}.journey-intro-stat strong{font-size:74px}.journey-grid{margin-top:36px}.plan-card>p{min-height:0}.plan-card ul{margin-bottom:22px}}
@media(max-width:420px){.real-dashboard{max-width:calc(100vw - 18px)}.real-workspace{grid-template-columns:54px 1fr}.real-workspace>aside span:nth-of-type(3),.real-workspace>aside span:nth-of-type(4){display:none}.real-kpis article:nth-child(3),.real-kpis article:nth-child(4){display:none}.journey-intro-stat{display:none}.pricing-grid{gap:10px}}

/* Employee-led scrollytelling */
.employee-journey{padding-top:110px;background:radial-gradient(circle at 82% 4%,rgba(37,87,246,.13),transparent 28%),linear-gradient(180deg,#f8faff 0%,#fff 18%,#f6f8fc 72%,#fff 100%)}.employee-intro{position:relative;z-index:2;display:grid;gap:32px;max-width:var(--max);margin:auto}.employee-intro h2{margin-top:18px;font-size:clamp(42px,7.2vw,76px);line-height:1.02;letter-spacing:-.05em}.employee-intro h2 em{color:var(--blue)}.employee-intro>div>p:last-child{max-width:620px;margin-top:22px;color:var(--muted);font-size:17px}.employee-intro-card{display:flex;align-items:center;gap:13px;width:min(100%,330px);padding:17px;border:1px solid #d9e3f1;border-radius:19px;background:rgba(255,255,255,.88);box-shadow:0 22px 55px rgba(18,48,113,.1);backdrop-filter:blur(14px)}.employee-avatar{display:grid;flex:0 0 auto;place-items:center;width:54px;height:54px;border-radius:17px;background:linear-gradient(145deg,#3265ff,#1235c5);box-shadow:0 13px 28px rgba(30,77,226,.25);color:#fff;font-size:20px;font-weight:700}.employee-avatar.small{width:34px;height:34px;border-radius:10px;font-size:12px}.employee-intro-card div{display:grid}.employee-intro-card small{color:var(--blue);font:700 8px Manrope;letter-spacing:.13em}.employee-intro-card b{margin-top:3px;font-size:14px}.employee-intro-card em{display:flex;align-items:center;gap:6px;margin-top:5px;color:#657288;font-size:10px;font-style:normal}.employee-intro-card em i{width:6px;height:6px;border-radius:50%;background:#16b981;box-shadow:0 0 0 5px rgba(22,185,129,.1)}.day-track{position:sticky;z-index:8;top:78px;display:grid;grid-template-columns:repeat(6,minmax(105px,1fr));gap:0;max-width:var(--max);margin:54px auto 0;padding:7px;border:1px solid rgba(208,219,236,.9);border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 16px 45px rgba(23,55,119,.1);backdrop-filter:blur(16px)}.day-track:before{content:"";position:absolute;z-index:-1;top:50%;left:8%;right:8%;height:2px;background:#dce4f2}.day-track span{position:relative;display:grid;gap:2px;padding:9px 8px;border-radius:12px;color:#7d899d;text-align:center;transition:background .3s,color .3s,transform .3s}.day-track span.active{background:var(--blue);box-shadow:0 9px 25px rgba(22,73,245,.25);color:#fff;transform:translateY(-2px)}.day-track i{font:800 9px Manrope;font-style:normal}.day-track b{font-size:10px}.employee-grid{margin-top:30px}.employee-copy .journey-step{position:relative}.employee-copy .journey-step:before{content:"";position:absolute;left:0;top:50%;width:3px;height:0;border-radius:8px;background:var(--blue);transform:translateY(-50%);transition:height .35s}.employee-copy .journey-step.is-active:before{height:68%}.employee-copy .journey-step>span{padding-left:18px}.employee-copy .journey-step h3,.employee-copy .journey-step p,.employee-copy .step-benefit{margin-left:18px}.step-benefit{display:flex;flex-wrap:wrap;align-items:center;gap:7px;width:max-content;max-width:calc(100% - 18px);margin-top:24px;padding:9px 12px;border:1px solid #dce5f1;border-radius:99px;background:#fff;color:#7a8799;font-size:10px;box-shadow:0 8px 22px rgba(21,50,109,.06)}.step-benefit b{color:#96a0b1;font-weight:500}.step-benefit i{color:#9babca;font-style:normal}.step-benefit strong{color:var(--blue)}.employee-sticky{top:154px}.employee-stage{overflow:hidden;border:1px solid rgba(73,109,194,.38);background:#07142f;color:#fff;box-shadow:0 42px 100px rgba(10,31,81,.27)}.employee-toolbar{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(4,13,35,.5)}.employee-toolbar>div{display:flex;align-items:center;gap:10px}.employee-toolbar p{display:grid}.employee-toolbar b{font-size:11px}.employee-toolbar small{color:#788dae;font-size:7px}.employee-screen{position:relative;min-height:390px;padding:18px}.employee-stage .screen-title{position:relative;z-index:7}.employee-stage .screen-title span{color:#fff}.employee-stage .screen-title i{color:#7892bf}.employee-stage .screen-panel{inset:62px 18px 18px}.employee-scene{overflow:hidden;border:1px solid rgba(123,153,221,.2);border-radius:18px;background:radial-gradient(circle at 78% 22%,rgba(60,108,255,.23),transparent 28%),linear-gradient(145deg,#0c2048,#07152f)}.employee-stage[data-state="1"] [data-panel="1"],.employee-stage[data-state="2"] [data-panel="2"],.employee-stage[data-state="3"] [data-panel="3"],.employee-stage[data-state="4"] [data-panel="4"],.employee-stage[data-state="5"] [data-panel="5"],.employee-stage[data-state="6"] [data-panel="6"]{animation:employeeSceneIn .55s cubic-bezier(.2,.7,.2,1) both}.worker-visual{position:absolute;z-index:3;left:9%;bottom:0;width:120px;height:225px}.worker-head{position:absolute;z-index:3;top:20px;left:35px;width:59px;height:67px;border-radius:48% 48% 44% 44%;background:#f0b893;box-shadow:inset 0 -5px 0 rgba(161,83,48,.09)}.worker-head:before{content:"";position:absolute;inset:-8px -5px 34px;border-radius:48% 55% 25% 35%;background:#17213a;transform:rotate(-4deg)}.worker-head:after{content:"";position:absolute;left:16px;bottom:20px;width:28px;height:7px;border-bottom:2px solid #9c4f44;border-radius:50%}.worker-head i:before,.worker-head i:after{content:"";position:absolute;z-index:2;top:34px;width:5px;height:5px;border-radius:50%;background:#17213a}.worker-head i:before{left:14px}.worker-head i:after{right:14px}.worker-body{position:absolute;z-index:2;left:16px;bottom:-20px;width:98px;height:150px;border-radius:36px 36px 10px 10px;background:linear-gradient(145deg,#2356ef,#0e319f)}.worker-body:after{content:"THODSTOCK";position:absolute;top:35px;left:50%;color:#cbd8ff;font:700 7px Manrope;transform:translateX(-50%)}.worker-visual>em{position:absolute;z-index:5;top:5px;left:98px;width:max-content;padding:8px 11px;border-radius:12px 12px 12px 2px;background:#fff;color:#14203a;font-size:10px;font-style:normal;box-shadow:0 13px 30px rgba(0,0,0,.2)}.morning-dashboard{position:absolute;right:7%;top:18%;display:grid;width:52%;padding:18px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px)}.morning-dashboard>small{color:#8ea4cf;font-size:8px}.morning-dashboard>strong{margin-top:3px;font:800 28px Manrope}.morning-dashboard p{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid rgba(255,255,255,.1);font-size:9px}.morning-dashboard p i{width:11px;height:11px;border:1px solid #6d83a8;border-radius:3px}.morning-dashboard p i.done{border-color:#55d6aa;background:#55d6aa;box-shadow:inset 0 0 0 2px #0c2048}.floating-note{position:absolute;padding:7px 10px;border:1px solid rgba(255,255,255,.15);border-radius:99px;background:rgba(12,35,78,.85);color:#b9c9e7;font-size:7px}.note-a{top:13%;left:8%}.note-b{right:8%;bottom:8%}.scan-worker{left:7%;transform:scale(.92);transform-origin:bottom}.scanner{position:absolute;z-index:5;right:-2px;top:106px;display:grid;place-items:center;width:42px;height:28px;border:4px solid #24324e;border-radius:7px;background:#dfe8ff;color:var(--blue);font-style:normal;transform:rotate(-10deg)}.scan-beam{position:absolute;z-index:2;left:33%;top:42%;width:35%;height:2px;background:linear-gradient(90deg,#ff425d,transparent);box-shadow:0 0 12px #ff425d;transform:rotate(-8deg);transform-origin:left;animation:scanBeam 1.6s ease-in-out infinite}.product-box{position:absolute;right:9%;bottom:14%;display:grid;place-items:center;width:120px;height:115px;border:1px solid #bd8c56;border-radius:9px;background:linear-gradient(145deg,#e0b176,#b97a3c);box-shadow:inset -15px -10px 0 rgba(91,48,20,.12),0 20px 40px rgba(0,0,0,.2)}.product-box b{color:#5d351c;font:800 16px Manrope}.product-box i{padding:4px;background:#f4e9d9;color:#101828;font-size:8px;letter-spacing:2px;font-style:normal}.success-card{position:absolute;z-index:7;right:4%;top:10%;display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid rgba(106,231,188,.35);border-radius:13px;background:rgba(8,57,50,.9);box-shadow:0 18px 40px rgba(0,0,0,.22)}.success-card>i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#55d6aa;color:#063b2e;font-style:normal}.success-card span{display:grid}.success-card small{color:#8ce8c9;font-size:7px}.success-card b{font-size:10px}.success-card em{color:#74e1bd;font-size:8px;font-style:normal}.issue-scene{align-items:center;justify-content:center;gap:16px}.task-ticket{display:flex;width:62%;flex-direction:column;padding:18px;border-radius:16px;background:#fff;color:#101a30;box-shadow:0 22px 50px rgba(0,0,0,.25)}.task-ticket header{display:flex;justify-content:space-between;font-size:8px}.task-ticket header i{padding:4px 7px;border-radius:99px;background:#e4f8ef;color:#07805a;font-size:7px;font-style:normal}.task-ticket p{display:grid;grid-template-columns:1fr auto;gap:2px;margin-top:12px;padding-top:10px;border-top:1px solid #e7ebf2}.task-ticket p b{font-size:9px}.task-ticket p small{grid-row:2;color:#8b96a9;font-size:7px}.task-ticket p strong{grid-row:1/3;grid-column:2;align-self:center;color:var(--blue);font:800 12px Manrope}.task-ticket button{margin-top:15px;padding:10px;border:0;border-radius:8px;background:var(--blue);color:#fff;font-size:9px;font-weight:700}.stock-after{display:flex;width:26%;flex-direction:column;align-items:center;padding:18px 8px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.07)}.stock-after small{color:#91a5cb;font-size:7px;text-align:center}.stock-after strong{margin-top:10px;font:800 34px Manrope}.stock-after span{color:#8fa2c5;font-size:8px}.audit-scene{align-items:center;justify-content:center}.audit-table{width:82%;overflow:hidden;border-radius:15px;background:#fff;color:#111b30;box-shadow:0 22px 50px rgba(0,0,0,.25)}.audit-table header,.audit-table p{display:grid;grid-template-columns:1.3fr .6fr .6fr;align-items:center;padding:10px 13px;font-size:8px}.audit-table header{background:#eef2f8;color:#7e899c;font-weight:700}.audit-table p{border-top:1px solid #e9edf3}.audit-table p em{padding:6px;border:1px solid #d5deea;border-radius:6px;font-style:normal}.audit-table p.has-diff{background:#fff7e5}.audit-table p.has-diff em{border-color:#f3bd4f;color:#a46800}.audit-table footer{display:flex;justify-content:space-between;padding:11px 13px;background:#f5f7fb;font-size:8px}.audit-table footer b{color:#b37000}.audit-pulse{position:absolute;right:2%;top:13%;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#ffbc3d;color:#583400;font:800 14px Manrope;box-shadow:0 0 0 0 rgba(255,188,61,.4);animation:auditPulse 2s infinite}.lot-story-scene{align-items:center;justify-content:center;gap:12px}.lot-story-scene article{position:relative;z-index:2;display:flex;width:38%;min-height:125px;flex-direction:column;justify-content:center;padding:16px;border:1px solid rgba(255,255,255,.14);border-radius:15px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}.lot-story-scene article small{color:#8fa7d1;font:700 7px Manrope}.lot-story-scene article b{margin-top:9px;font:800 14px Manrope}.lot-story-scene article span{margin-top:6px;color:#b4c2dc;font-size:8px}.lot-path{position:absolute;left:12%;right:12%;top:50%;height:1px;background:#3167ff}.lot-path i{position:absolute;top:-5px;width:10px;height:10px;border-radius:50%;background:#79a0ff;box-shadow:0 0 0 6px rgba(65,112,255,.12)}.lot-path i:nth-child(1){left:0}.lot-path i:nth-child(2){left:50%}.lot-path i:nth-child(3){right:0}.lot-check{position:absolute;right:7%;top:10%;display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#55d6aa;color:#063c2f;font-weight:800}.finish-scene{align-items:flex-end}.sunset-orb{position:absolute;right:-10%;bottom:-38%;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#ffbf6d 0%,#f56a5b 42%,rgba(245,106,91,.08) 68%,transparent 70%);filter:blur(1px)}.finish-worker{left:7%;transform:scale(.9);transform-origin:bottom}.finish-worker>em{background:#55d6aa;color:#063d30}.day-summary{position:absolute;z-index:4;right:7%;top:12%;display:grid;width:50%;padding:17px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(4,20,52,.78);backdrop-filter:blur(14px)}.day-summary>small{color:#8ca2c9;font-size:8px}.day-summary>strong{margin-top:3px;font-size:15px}.day-summary p{display:flex;justify-content:space-between;margin-top:9px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1);font-size:8px}.day-summary p span{color:#9db0cf}.day-summary footer{margin-top:12px;padding:8px;border-radius:8px;background:rgba(75,216,169,.12);color:#77e2bd;font-size:7px;text-align:center}.employee-progress{display:flex;align-items:center;gap:10px;padding:12px 18px;border-top:1px solid rgba(255,255,255,.1);background:#071329}.employee-progress>span{flex:1;height:3px;border-radius:4px;background:#1a2c50}.employee-progress>span i{display:block;width:16.67%;height:100%;border-radius:4px;background:linear-gradient(90deg,#1d53ff,#6d9aff);transition:width .45s cubic-bezier(.2,.7,.2,1)}.employee-stage[data-state="2"] .employee-progress i{width:33.33%}.employee-stage[data-state="3"] .employee-progress i{width:50%}.employee-stage[data-state="4"] .employee-progress i{width:66.67%}.employee-stage[data-state="5"] .employee-progress i{width:83.33%}.employee-stage[data-state="6"] .employee-progress i{width:100%}.employee-progress>b{color:#7f93b5;font-size:7px}.employee-stage .journey-dots{border-top:1px solid rgba(255,255,255,.06);background:#071329}.employee-stage .journey-dots i{background:#283b60}.employee-stage .journey-dots i.active{background:#5f86ff}

@keyframes employeeSceneIn{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}@keyframes scanBeam{0%,100%{transform:translateY(-16px) rotate(-8deg);opacity:.45}50%{transform:translateY(20px) rotate(-8deg);opacity:1}}@keyframes auditPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,188,61,.35)}50%{box-shadow:0 0 0 13px rgba(255,188,61,0)}}

@media(min-width:700px){.employee-intro{grid-template-columns:1fr auto;align-items:end}.employee-intro-card{margin-bottom:7px}.employee-stage .screen-panel{inset:72px 24px 24px}.employee-screen{min-height:470px}.worker-visual{left:11%;width:150px;height:290px}.worker-head{top:30px;left:43px;width:72px;height:82px}.worker-head:after{left:20px;bottom:25px;width:33px}.worker-head i:before,.worker-head i:after{top:42px}.worker-head i:before{left:18px}.worker-head i:after{right:18px}.worker-body{left:18px;width:124px;height:190px}.worker-visual>em{top:12px;left:122px;font-size:12px}.morning-dashboard{padding:23px}.morning-dashboard>strong{font-size:38px}.morning-dashboard p{font-size:11px}.product-box{width:145px;height:140px}.task-ticket{padding:24px}.task-ticket p b{font-size:11px}.task-ticket p small{font-size:8px}.task-ticket button{font-size:11px}.audit-table header,.audit-table p{padding:14px 17px;font-size:10px}.audit-table footer{padding:14px 17px;font-size:10px}.lot-story-scene article{min-height:165px;padding:22px}.lot-story-scene article b{font-size:18px}.lot-story-scene article span{font-size:10px}.day-summary{padding:22px}.day-summary>strong{font-size:20px}.day-summary p{font-size:10px}.day-summary footer{font-size:9px}}
@media(min-width:1024px){.employee-journey{padding-top:135px}.employee-grid{grid-template-columns:.82fr 1.18fr;gap:74px}.employee-copy .journey-step{min-height:82vh;padding:60px 16px}.employee-copy .journey-step h3{font-size:40px}.employee-copy .journey-step p{font-size:17px}.employee-sticky{top:165px}.employee-stage{border-radius:30px}.employee-screen{min-height:520px;padding:24px}.employee-stage .screen-panel{inset:80px 27px 27px}.employee-toolbar{height:72px;padding:0 24px}.day-track{top:89px;margin-top:65px}.day-track span{padding:11px}.day-track i{font-size:10px}.day-track b{font-size:11px}}
@media(max-width:699px){.employee-journey{padding-top:90px}.employee-intro h2{font-size:42px}.employee-intro-card{width:100%}.day-track{position:relative;top:auto;grid-template-columns:repeat(3,1fr);margin-top:36px;border-radius:15px}.day-track:before{display:none}.employee-grid{margin-top:24px}.employee-sticky{top:92px;order:1}.employee-copy{order:2}.employee-screen{min-height:390px}.employee-stage .screen-panel{inset:58px 12px 12px}.worker-visual{left:1%;transform:scale(.76);transform-origin:bottom}.morning-dashboard{right:4%;width:60%;padding:13px}.morning-dashboard>strong{font-size:24px}.floating-note{display:none}.scan-worker{left:-3%;transform:scale(.7);transform-origin:bottom}.product-box{right:4%;width:100px;height:98px}.success-card{right:3%;top:8%;padding:8px}.task-ticket{width:69%;padding:12px}.stock-after{width:25%;padding:12px 5px}.stock-after strong{font-size:24px}.audit-table{width:94%}.audit-pulse{right:0;top:5%;width:40px;height:40px}.lot-story-scene{flex-direction:column}.lot-story-scene article{width:80%;min-height:86px;padding:12px}.lot-path{top:15%;bottom:15%;left:50%;right:auto;width:1px;height:auto}.finish-worker{left:-4%;transform:scale(.68);transform-origin:bottom}.day-summary{right:3%;width:63%;padding:13px}.step-benefit{border-radius:14px}.employee-progress>b{display:none}}
@media(max-width:420px){.employee-intro h2{font-size:37px}.employee-intro>div>p:last-child{font-size:15px}.employee-intro-card{padding:13px}.employee-avatar{width:46px;height:46px}.day-track{grid-template-columns:repeat(2,1fr)}.employee-stage{border-radius:19px}.employee-toolbar{height:56px;padding:0 12px}.employee-screen{min-height:350px;padding:12px}.employee-stage .screen-panel{inset:50px 9px 9px}.worker-visual{left:-10%;transform:scale(.62);transform-origin:bottom}.morning-dashboard{right:3%;width:64%;padding:11px}.morning-dashboard p{font-size:8px}.scan-worker{left:-12%;transform:scale(.6)}.scan-beam{left:25%}.success-card{max-width:62%}.product-box{width:85px;height:88px}.task-ticket{width:72%;padding:10px}.stock-after{width:23%}.stock-after small{font-size:6px}.stock-after strong{font-size:20px}.audit-table header,.audit-table p{padding:8px;font-size:7px}.lot-story-scene article{width:88%}.finish-worker{left:-14%;transform:scale(.58)}.day-summary{width:68%;padding:10px}.day-summary p{font-size:7px}}

/* Latest articles on homepage */
.home-articles{overflow:hidden;background:#f5f8fd}.articles-heading{display:grid;gap:25px;max-width:var(--max);margin:auto}.articles-heading h2{margin-top:18px;font-size:clamp(40px,6.5vw,70px);line-height:1.04;letter-spacing:-.045em}.articles-heading h2 em{color:var(--blue)}.articles-heading>div>p:last-child{max-width:580px;margin-top:18px;color:var(--muted);font-size:16px}.articles-heading>.text-arrow{align-self:end}.home-article-grid{display:grid;gap:14px;max-width:var(--max);margin:48px auto 0}.home-article-card{position:relative;display:flex;min-height:100%;flex-direction:column;overflow:hidden;border:1px solid #dae3ef;border-radius:22px;background:#fff;box-shadow:0 20px 55px rgba(15,45,104,.08);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.home-article-card:hover,.home-article-card:focus-visible{border-color:#95adf9;box-shadow:0 28px 70px rgba(15,52,139,.14);transform:translateY(-7px)}.home-article-card:focus-visible{outline:3px solid rgba(22,73,245,.22);outline-offset:3px}.home-article-image{position:relative;overflow:hidden;aspect-ratio:16/9;background:linear-gradient(145deg,#dce7ff,#eef4ff)}.home-article-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,18,51,.22),transparent 50%);pointer-events:none}.home-article-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.home-article-card:hover img{transform:scale(1.045)}.home-article-image>span{position:absolute;z-index:2;left:14px;bottom:14px;padding:6px 9px;border:1px solid rgba(255,255,255,.5);border-radius:99px;background:rgba(5,21,59,.72);color:#fff;font-size:8px;font-weight:700;backdrop-filter:blur(8px)}.home-article-body{display:flex;flex:1;flex-direction:column;padding:20px}.home-article-meta{display:flex;align-items:center;justify-content:space-between;color:#8290a5;font-size:8px}.home-article-meta b{color:var(--blue);font:800 8px Manrope;letter-spacing:.09em}.home-article-body h3{margin-top:14px;font-size:20px;line-height:1.35}.home-article-body>p{margin-top:10px;color:#6d7a8f;font-size:13px;line-height:1.65}.home-article-read{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:20px;color:var(--blue);font-size:11px;font-weight:700}.home-article-read i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#edf2ff;font-style:normal;transition:transform .25s,background .25s,color .25s}.home-article-card:hover .home-article-read i{background:var(--blue);color:#fff;transform:translateX(3px)}.article-loading{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;grid-column:1/-1}.article-loading i{display:block;min-height:280px;border-radius:20px;background:linear-gradient(100deg,#e8edf5 20%,#f4f7fb 38%,#e8edf5 56%);background-size:220% 100%;animation:articleShimmer 1.5s linear infinite}.article-loading span{grid-column:1/-1;color:#7d899b;font-size:11px;text-align:center}.article-empty{grid-column:1/-1;padding:45px;border:1px dashed #cbd6e6;border-radius:20px;color:#718096;text-align:center}.article-empty b{display:block;color:#17243c;font-size:20px}.article-empty a{display:inline-block;margin-top:12px;color:var(--blue);font-weight:700}@keyframes articleShimmer{to{background-position:-220% 0}}
@media(min-width:700px){.articles-heading{grid-template-columns:1fr auto;align-items:end}.home-article-grid{grid-template-columns:repeat(3,1fr)}.home-article-body{padding:23px}.home-article-body h3{font-size:22px}}
@media(max-width:699px){.home-articles{padding-top:90px;padding-bottom:90px}.home-article-grid{grid-template-columns:1fr}.article-loading{grid-template-columns:1fr}.article-loading i{min-height:220px}.article-loading i:nth-child(n+2){display:none}.articles-heading>.text-arrow{justify-self:start}.home-article-body h3{font-size:19px}}