.eco-track{position:relative;width:100%;height:210vh;margin-top:-1px;z-index:10}@media (prefers-reduced-motion:reduce){.eco-track{height:auto;min-height:100vh}}.eco-sticky-stage{position:sticky;top:0;width:100%;height:100vh;min-height:100vh;background-color:var(--universe-bg,#FFFFFF);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;isolation:isolate}@media (prefers-reduced-motion:reduce){.eco-sticky-stage{position:relative;top:auto;height:auto;min-height:100vh;padding-bottom:80px}}.eco-top-curve{position:absolute;top:-38px;left:0;width:100%;height:40px;pointer-events:none;z-index:15;overflow:hidden}.eco-top-curve svg{display:block;width:100%;height:100%}.eco-radial-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1300px;height:850px;background:radial-gradient(circle at center,rgba(255,255,255,.08) 0,rgba(36,85,245,0) 70%);pointer-events:none;z-index:1;border-radius:50%}.eco-container{max-width:1200px;padding:clamp(20px,3vh,36px) clamp(20px,3vw,48px) 0;z-index:20;box-sizing:border-box;pointer-events:none}.eco-container,.eco-text-wrap{position:relative;width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center}.eco-text-wrap{max-width:820px;text-align:center;z-index:25;color:#0B0C0E;pointer-events:auto}.eco-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#475569;background:rgba(15,23,42,.04);border:1px solid rgba(15,23,42,.08);padding:5px 14px;border-radius:999px;margin-bottom:10px;box-shadow:0 1px 3px rgba(0,0,0,.02)}.eco-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:#10B981;box-shadow:0 0 8px rgba(16,185,129,.8);animation:ecoPulse 2s ease-in-out infinite}.eco-headline{font-size:clamp(26px,2.5vw,38px);font-weight:800;line-height:1.15;letter-spacing:-.035em;color:#0B0C0E;margin:0 0 8px;font-family:var(--font-sans);text-align:center}.eco-headline-main{display:block}.eco-headline-highlight{display:inline-block;margin-left:6px;background:linear-gradient(135deg,#0F172A 30%,#64748B);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.eco-body{font-size:clamp(13.5px,1vw,15px);line-height:1.5;color:rgba(15,23,42,.65);margin:0 auto;max-width:640px;font-weight:450;text-align:center}.eco-cta-btn{display:inline-flex;align-items:center;gap:9px;height:42px;padding:0 20px;background-color:#171717;color:#FFFFFF;font-size:13px;font-weight:600;border-radius:999px;text-decoration:none;box-shadow:0 4px 18px rgba(0,0,0,.22);transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s cubic-bezier(.2,.8,.2,1);cursor:pointer;border:1px solid rgba(255,255,255,.12)}.eco-cta-btn:hover{transform:scale(1.02);box-shadow:0 8px 26px rgba(0,0,0,.32)}.eco-cta-arrow{display:inline-block;transition:transform .2s ease}.eco-cta-btn:hover .eco-cta-arrow{transform:translateX(4px)}.eco-stage-viewport{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;pointer-events:none;z-index:5;overflow:visible;perspective:1800px;perspective-origin:50% 50%;transform-style:preserve-3d;padding-top:clamp(105px,16vh,155px);padding-bottom:clamp(55px,8vh,75px)}.eco-screens-group,.eco-stage-viewport{width:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.eco-screens-group{position:relative;max-width:1320px;gap:clamp(16px,2.4vw,38px);padding:0 16px;margin-top:10px;pointer-events:auto;transform-style:flat}.eco-browser-window{position:relative;background:transparent!important;background-color:transparent!important;border:none!important;overflow:visible;box-shadow:none!important;display:flex;flex-direction:column;user-select:none;cursor:pointer}.eco-chrome{height:30px;background:#F4F5F7!important;border-bottom:1px solid #e5e7eb;padding:0 10px;gap:8px;flex-shrink:0;border-radius:16px 16px 0 0}.eco-chrome,.eco-chrome-dots{display:flex;align-items:center}.eco-chrome-dots{gap:5px}.eco-dot{width:7.5px;height:7.5px;border-radius:50%}.eco-dot-red{background:#FF5F56}.eco-dot-yellow{background:#FFBD2E}.eco-dot-green{background:#27C93F}.eco-url-bar{flex:1;max-width:250px;margin:0 auto;height:20px;background:#FFFFFF!important;border:1px solid #e5e7eb;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:9.5px;color:#4B5563;font-family:var(--font-sans);font-weight:500;letter-spacing:-.01em}.eco-url-bar svg{opacity:.7}.eco-app-body{flex:1;display:flex;height:calc(100% - 30px);background:#FFFFFF!important;border-radius:0 0 16px 16px;overflow:hidden}.eco-sidebar{width:42px;background:#F9FAFB!important;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;align-items:center;padding:10px 4px;flex-shrink:0;box-sizing:border-box}.eco-sidebar-brand{display:flex;align-items:center;justify-content:center;margin-bottom:12px;width:100%}.eco-logo-dot{border-radius:5px;background:#0F172A;color:#FFFFFF;font-weight:800;font-size:11px}.eco-brand-grid-icon,.eco-logo-dot{width:22px;height:22px;display:grid;place-items:center}.eco-brand-grid-icon{color:#0F172A}.eco-logo-text,.eco-sidebar-role{display:none}.eco-nav-list{flex-direction:column;gap:8px;width:100%;flex:1}.eco-nav-item,.eco-nav-list{display:flex;align-items:center}.eco-nav-item{width:28px;height:28px;border-radius:6px;justify-content:center;color:#64748B;cursor:pointer;transition:all .18s ease}.eco-nav-item:hover{background:#F1F5F9;color:#0F172A}.eco-nav-item.active-supplier{background:#DCFCE7!important;color:#16A34A!important}.eco-nav-item.active-brand{background:#EDE9FE!important;color:#6D28D9!important}.eco-nav-bottom{margin-top:auto;color:#94A3B8}.eco-main-content{flex:1;padding:10px 14px;overflow:hidden;display:flex;flex-direction:column;gap:7px;background:#FFFFFF!important}.eco-content-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.eco-title-group h4{margin:0;font-size:13px;font-weight:700;color:#0F172A;letter-spacing:-.02em;line-height:1.2}.eco-title-group span{font-size:8.5px;color:#64748B;display:block;margin-top:1px}.eco-header-actions{display:flex;align-items:center;gap:4px}.eco-mini-search{gap:3px;background:#F3F4F6!important;padding:2px 5px;color:#6B7280;width:75px}.eco-mini-btn,.eco-mini-search{display:flex;align-items:center;border-radius:3px;font-size:7.5px}.eco-mini-btn{gap:2.5px;padding:2.5px 5px;font-weight:600;border:none;cursor:default}.eco-btn-cafe{background:#FACC15;color:#171717}.eco-btn-supplier{background:#22C55E;color:#FFFFFF}.eco-btn-brand{background:#6D28D9;color:#FFFFFF}.eco-kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.eco-kpi-card{background:#F8FAFC!important;border:1px solid #e2e8f0;border-radius:6px;padding:5px 8px}.eco-kpi-label{font-size:8px;color:#64748B;font-weight:500;margin:0}.eco-kpi-val{font-size:17px;font-weight:700;color:#0F172A;display:flex;align-items:baseline;gap:3px}.eco-kpi-badge{font-size:8.5px;font-weight:600}.eco-ai-banner{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:6px;font-size:8px;font-weight:500}.eco-banner-cafe{background:#FFFFFF!important;border:1px solid #fef9c3;color:#854D0E}.eco-banner-supplier{background:#F0FDF4!important;border:1px solid #dcfce7;color:#064E3B}.eco-truck-circle{width:22px;height:22px;border-radius:50%;background:#DCFCE7;display:flex;align-items:center;justify-content:center;flex-shrink:0}.eco-banner-brand{background:#FAF5FF!important;border:1px solid #ede9fe;color:#2E1065}.eco-table{width:100%;border-collapse:collapse;font-size:8.5px;background:#FFFFFF!important}.eco-table th{text-align:left;padding:3.5px 5px;color:#64748B;font-weight:600;font-size:7.5px;border-bottom:1px solid #e2e8f0;text-transform:uppercase;letter-spacing:.05em;background:#F8FAFC!important}.eco-table td{padding:4px 5px;border-bottom:1px solid #f1f5f9;color:#334155;background:#FFFFFF!important;font-size:8.5px}.eco-table-row{transition:background .15s ease;background:#FFFFFF!important}.eco-table-row:hover td{background:#F8FAFC!important}.eco-table-supplier{font-weight:600;color:#171717;display:flex;align-items:center;gap:4px}.eco-supplier-avatar{width:15px;height:15px;border-radius:3px;background:#F3F4F6;display:grid;place-items:center;font-size:7.5px;font-weight:700;color:#171717}.eco-pill{display:inline-flex;align-items:center;padding:1.5px 5px;border-radius:999px;font-size:8px;font-weight:600;white-space:nowrap}.eco-pill-delivered{background:#DCFCE7;color:#15803D}.eco-pill-transit{background:#DBEAFE;color:#1E40AF}.eco-pill-preparing{background:#FEF9C3;color:#854D0E}.eco-window-role-badge{margin-left:auto;font-size:8px;padding:2px 7px;border-radius:4px}.badge-supplier{background:#DCFCE7;color:#166534;border:1px solid #bbf7d0}.badge-brand{background:#F3E8FF;color:#6B21A8;border:1px solid #e9d5ff}.eco-badge-live,.eco-badge-purple{display:inline-flex;align-items:center;gap:4px;font-size:8px;font-weight:600;padding:2px 6px;border-radius:4px}.eco-badge-live{background:#DCFCE7;color:#166534}.eco-badge-purple{background:#F3E8FF;color:#6B21A8}.eco-dot-pulse{width:5px;height:5px;border-radius:50%;background:#22C55E;display:inline-block;animation:ecoPulse 1.8s infinite}@keyframes ecoPulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.3);opacity:1}to{transform:scale(.95);opacity:.8}}.eco-screen-supplier{position:relative;width:clamp(380px,31vw,470px);max-width:470px;height:auto;flex-shrink:0;left:auto;bottom:0;z-index:10;transform-origin:center right;transform:perspective(1200px) rotateY(10deg);transform-style:preserve-3d;backface-visibility:hidden;transition:transform .4s cubic-bezier(.16,1,.3,1),z-index .3s ease}.eco-screen-supplier.is-video-active{transform:perspective(1200px) rotateY(0deg) scale(1.03);z-index:35!important}.eco-window-supplier-active{border-color:rgba(34,197,94,.5)!important}.eco-table-row-new{box-shadow:inset 3px 0 0 #16A34A;background:#F0FDF4!important;animation:rowHighlight 1.5s ease-in-out infinite alternate}@keyframes rowHighlight{0%{background-color:#F0FDF4}to{background-color:#DCFCE7}}.active-supplier-glow{background:#DCFCE7!important;color:#064E3B;font-weight:700;box-shadow:0 0 10px rgba(34,197,94,.3)}.eco-screen-brand{position:relative;width:clamp(380px,31vw,470px);max-width:470px;height:auto;flex-shrink:0;right:auto;bottom:0;z-index:10;transform-origin:center left;transform:perspective(1200px) rotateY(-10deg);transform-style:preserve-3d;backface-visibility:hidden;transition:transform .4s cubic-bezier(.16,1,.3,1),z-index .3s ease}.eco-screen-brand.is-video-active{transform:perspective(1200px) rotateY(0deg) scale(1.03);z-index:35!important}.eco-window-brand-active{border-color:rgba(168,85,247,.5)!important}.eco-device-scaler{width:100%;height:100%;display:flex;flex-direction:column;position:relative;transform-style:preserve-3d;will-change:transform,filter,opacity;transition:transform .55s cubic-bezier(.22,1,.36,1),filter .55s cubic-bezier(.22,1,.36,1),opacity .55s cubic-bezier(.22,1,.36,1),box-shadow .55s cubic-bezier(.22,1,.36,1)}.eco-browser-window .eco-device-scaler{background:#FFFFFF!important;border:1px solid rgba(0,0,0,.12);border-radius:14px;overflow:visible;box-shadow:0 20px 45px rgba(0,0,0,.12),0 4px 14px rgba(0,0,0,.06)}.eco-screen-mobile .eco-device-scaler{background:transparent!important;border:none!important;box-shadow:none!important;overflow:visible;transition:none!important}.eco-browser-window.eco-screen-brand.is-hovered .eco-device-scaler,.eco-browser-window.eco-screen-supplier.is-hovered .eco-device-scaler{transform:scale(1.04) translateY(-6px);box-shadow:0 28px 75px rgba(0,0,0,.28),0 6px 20px rgba(0,0,0,.1);filter:none!important;opacity:1!important;z-index:40}.eco-screen-mobile.is-hovered .eco-device-scaler{transform:scale(1.04) translateY(-4px);filter:none!important;opacity:1!important;z-index:40}.eco-screen-mobile.is-hovered .eco-phone-chassis{box-shadow:0 0 0 1px rgba(255,255,255,.24),0 0 0 1.5px #1F2025,0 6px 16px rgba(0,0,0,.16),0 16px 36px rgba(0,0,0,.18),0 28px 56px rgba(0,0,0,.14)!important}.eco-screen-mobile.is-hovered .eco-phone-back-shadow{transform:translateY(3px) scale(1.02);filter:blur(18px);opacity:.45}.eco-browser-window.is-dimmed .eco-device-scaler{filter:blur(1.5px) saturate(85%);opacity:.78;transform:scale(.98);pointer-events:none}.eco-screen-mobile.is-dimmed .eco-device-scaler{filter:blur(1.5px) saturate(85%);opacity:.85;pointer-events:none}.eco-hover-tag{display:none!important}.eco-funnel-strip{display:flex;align-items:center;justify-content:space-between;background:#FAF5FF!important;border:1px solid #ede9fe;border-radius:6px;padding:5px 10px;margin-bottom:6px}.eco-funnel-step{display:flex;flex-direction:column;align-items:center;gap:1px}.eco-funnel-label{font-size:7.5px;color:#6D28D9;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.eco-funnel-num{font-size:13px;font-weight:700;color:#2E1065}.eco-funnel-conv{font-size:7.5px;color:#7C3AED;font-weight:600}.eco-funnel-arr{color:#C4B5FD;font-size:11px;font-weight:700}.eco-campaigns-list{display:flex;flex-direction:column;gap:6px}.eco-campaign-card{background:#FAF5FF!important;border:1px solid #f3e8ff;border-radius:6px;padding:6px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.eco-camp-info h5{margin:0 0 1px;font-size:9.5px;font-weight:700;color:#2E1065}.eco-camp-cafes{font-size:7.5px;color:#6D28D9;font-weight:500}.eco-camp-right{display:flex;align-items:center;gap:6px}.eco-cables-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible}.eco-cable-line{fill:none;stroke:rgba(255,255,255,.15);stroke-width:1.5;stroke-dasharray:4 4;transition:stroke .3s ease,stroke-width .3s ease}.cable-active-supplier{stroke:#22C55E;stroke-width:2.2;stroke-dasharray:6 3;animation:cablePulse 1s linear infinite}.cable-active-brand{stroke:#A855F7;stroke-width:2.2;stroke-dasharray:6 3;animation:cablePulse 1s linear infinite}@keyframes cablePulse{0%{stroke-dashoffset:20}to{stroke-dashoffset:0}}.eco-story-pill-wrap{display:none!important}.eco-screen-mobile{position:relative;width:224px;height:460px;flex-shrink:0;left:auto;margin-left:0;bottom:0;z-index:20;display:flex;justify-content:center;align-items:center;pointer-events:auto;transform-style:preserve-3d;transform-origin:center center;cursor:pointer;overflow:visible}.eco-phone-back-shadow{position:absolute;top:8px;left:-4px;right:-4px;bottom:-12px;border-radius:46px;background:radial-gradient(ellipse 85% 75% at center,rgba(0,0,0,.22) 0,rgba(0,0,0,.08) 55%,transparent 75%);filter:blur(14px);pointer-events:none;z-index:0;opacity:.4;transition:transform .3s cubic-bezier(.16,1,.3,1),filter .3s ease,opacity .3s ease}.eco-phone-chassis{position:relative;width:224px;height:460px;background:#0B0C0E;border-radius:38px;padding:2.2px;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 0 0 1px #181A1F,0 4px 12px rgba(0,0,0,.12),0 12px 28px rgba(0,0,0,.15),0 20px 40px rgba(0,0,0,.1);display:flex;flex-direction:column;user-select:none;flex-shrink:0;z-index:1}.eco-phone-btn{position:absolute;background:#2B2D33;border:1px solid rgba(255,255,255,.14);pointer-events:none;z-index:-1}.eco-btn-action{left:-2.5px;top:90px;width:2.5px;height:22px;border-radius:2px 0 0 2px;border-right:none}.eco-btn-vol-up{top:122px}.eco-btn-vol-down,.eco-btn-vol-up{left:-2.5px;width:2.5px;height:40px;border-radius:2px 0 0 2px;border-right:none}.eco-btn-vol-down{top:172px}.eco-btn-power{right:-2.5px;top:135px;width:2.5px;height:60px;border-radius:0 2px 2px 0;border-left:none}.eco-phone-speaker{position:absolute;top:4px;left:50%;transform:translateX(-50%);width:40px;height:2px;border-radius:2px;background:#090A0D;z-index:26}.eco-phone-screen-container{width:100%;height:100%;border-radius:35.8px;overflow:hidden;background:#FFFFFF;display:flex;flex-direction:column;position:relative;border:none;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.08)}.eco-phone-glass-glare{position:absolute;inset:0;pointer-events:none;border-radius:35.8px;z-index:20;background:linear-gradient(130deg,rgba(255,255,255,.08),rgba(255,255,255,.02) 20%,transparent 36%)}.eco-phone-island{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:64px;height:16.5px;background:#000000;border-radius:20px;z-index:25;display:flex;align-items:center;justify-content:flex-end;padding-right:6px;box-shadow:0 2px 6px rgba(0,0,0,.45)}.eco-island-dot{width:5.5px;height:5.5px;border-radius:50%;background:#080D1A;border:.5px solid rgba(255,255,255,.15);display:block}.eco-phone-statusbar{height:27px;padding:0 14px 0 16px;display:flex;justify-content:space-between;align-items:center;z-index:15;background:#FFFFFF;border-radius:35.8px 35.8px 0 0}.eco-phone-time{font-size:11px;font-weight:700;color:#0F172A;letter-spacing:-.01em}.eco-phone-icons{display:flex;align-items:center;gap:5px;color:#0F172A}.eco-phone-sig,.eco-phone-wifi{width:12px;height:9px}.eco-phone-batt{width:17px;height:9px;border:1px solid #0f172a;border-radius:3px;padding:1px;display:flex;align-items:center;position:relative}.eco-phone-batt:after{content:"";position:absolute;right:-2px;width:1.2px;height:3.5px;background:#0F172A;border-radius:0 1px 1px 0}.eco-phone-batt-fill{width:88%;height:100%;background:#22C55E;border-radius:1px}.eco-phone-viewport{flex:1;background:#FFFFFF;overflow:hidden;position:relative;display:flex;flex-direction:column}.eco-connection-cue{position:absolute;top:55%;z-index:25;display:flex;align-items:center;gap:8px;pointer-events:none;animation:cueAppear 1.8s cubic-bezier(.16,1,.3,1) forwards}.cue-left{left:calc(50% - 315px)}.cue-left,.cue-right{transform:translateY(-50%)}.cue-right{right:calc(50% - 315px)}.cue-pulse-wave{width:65px;height:2px;border-radius:1px}.cue-left .cue-pulse-wave{background:linear-gradient(90deg,#22C55E,rgba(34,197,94,.2));box-shadow:0 0 10px rgba(34,197,94,.6);animation:pulseLeft 1.2s ease-in-out infinite}.cue-right .cue-pulse-wave{background:linear-gradient(90deg,rgba(168,85,247,.2),#A855F7);box-shadow:0 0 10px rgba(168,85,247,.6);animation:pulseRight 1.2s ease-in-out infinite}@keyframes pulseLeft{0%{transform:scaleX(.7);opacity:.5}50%{transform:scaleX(1.1);opacity:1}to{transform:scaleX(.7);opacity:.5}}@keyframes pulseRight{0%{transform:scaleX(.7);opacity:.5}50%{transform:scaleX(1.1);opacity:1}to{transform:scaleX(.7);opacity:.5}}.cue-label{font-size:8px;font-weight:700;letter-spacing:.08em;padding:3px 9px;border-radius:999px;white-space:nowrap;box-shadow:0 4px 14px rgba(0,0,0,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.cue-left .cue-label{color:#166534;background:rgba(220,252,231,.95);border:1px solid #86efac}.cue-right .cue-label{color:#581C87;background:rgba(243,232,255,.95);border:1px solid #d8b4fe}@keyframes cueAppear{0%{opacity:0;transform:translateY(-50%) scale(.92)}15%{opacity:1;transform:translateY(-50%) scale(1)}80%{opacity:1;transform:translateY(-50%) scale(1)}to{opacity:0;transform:translateY(-50%) scale(.96)}}.eco-film-scene{flex:1;padding:6px 10px 8px;display:flex;flex-direction:column;overflow:hidden;animation:sceneFadeIn .35s cubic-bezier(.22,1,.36,1)}@keyframes sceneFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.eco-mob-top-nav{display:flex;align-items:center;gap:8px;margin-bottom:9px}.eco-mob-avatar{width:26px;height:26px;border-radius:50%;background:#FEF08A;color:#854D0E;display:grid;place-items:center;font-size:10px;font-weight:700;flex-shrink:0}.eco-mob-greeting{font-size:8px;color:#64748B;display:block}.eco-mob-cafe-name{margin:0;font-size:11.5px;font-weight:700;color:#0F172A}.eco-mob-cart-icon{margin-left:auto;position:relative;width:24px;height:24px;border-radius:50%;background:#F1F5F9;display:grid;place-items:center;color:#334155}.eco-mob-badge{position:absolute;top:-2px;right:-2px;width:11px;height:11px;border-radius:50%;background:#E03527;color:#FFFFFF;font-size:7.5px;font-weight:700;display:grid;place-items:center}.eco-mob-search-trigger{display:flex;align-items:center;gap:7px;background:#F8FAFC;border:1px solid #e2e8f0;border-radius:8px;padding:6px 10px;font-size:9.5px;color:#94A3B8;margin-bottom:9px;transition:border-color .25s ease,background-color .25s ease,box-shadow .25s ease}.eco-mob-search-trigger.is-focused{border-color:#FACC15;background:#FEFCE8;box-shadow:0 0 0 2px rgba(250,204,21,.25)}.eco-mob-chips{gap:5px;margin-bottom:10px;overflow:hidden}.eco-chip{padding:3px 8px;border-radius:999px;color:#475569;font-size:8.5px;font-weight:500}.eco-chip.active{font-weight:600}.eco-mob-section-title{font-size:9px;font-weight:700;color:#64748B;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.eco-mob-suppliers-row{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:10px}.eco-mob-supp-card{background:#F8FAFC;border:1px solid #e2e8f0;border-radius:8px;padding:6px 4px;text-align:center;display:flex;flex-direction:column;align-items:center}.eco-mob-supp-card.active-card{border-color:#FACC15;background:#FEFCE8}.eco-supp-circle{width:20px;height:20px;border-radius:50%;background:#FEF08A;color:#854D0E;font-size:8px;font-weight:700;display:grid;place-items:center;margin-bottom:3px}.eco-mob-supp-card span{font-size:8.5px;font-weight:700;color:#0F172A;white-space:nowrap}.eco-mob-supp-card small{font-size:7px;color:#64748B}.eco-mob-sku-card{display:flex;align-items:center;gap:7px;background:#FFFFFF;border:1px solid #e2e8f0;border-radius:8px;padding:6px 8px;margin-bottom:5px}.eco-sku-img{width:28px;height:28px;border-radius:6px;background:#FEF9C3;display:grid;place-items:center;font-size:13px;flex-shrink:0}.eco-sku-info{flex:1}.eco-sku-info h6{margin:0;font-size:9.5px;font-weight:700;color:#0F172A}.eco-sku-info span{font-size:7.5px;color:#64748B;display:block}.eco-sku-info strong{font-size:9px;color:#0F172A}.eco-sku-add-btn{background:#0F172A;color:#FFFFFF;padding:3px 8px;border-radius:6px;font-size:8.5px;font-weight:600;display:flex;align-items:center;gap:3px}.eco-mob-search-active-bar{display:flex;align-items:center;gap:7px;background:#FFFFFF;border:1.5px solid #0f172a;border-radius:8px;padding:6px 9px;font-size:10px;color:#0F172A;margin-bottom:7px}.eco-typed-query{font-weight:600;flex:1}.eco-cursor{animation:ecoBlink .8s infinite;color:#FACC15}@keyframes ecoBlink{0%,to{opacity:0}50%{opacity:1}}.eco-search-clear{color:#94A3B8;font-weight:700}.eco-mob-search-result-label{font-size:8px;color:#64748B;margin-bottom:7px}.eco-mob-product-focus-card{background:#FEFCE8;border:1.5px solid #facc15;border-radius:10px;padding:8px;box-shadow:0 4px 12px rgba(250,204,21,.15);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.eco-mob-product-focus-card.is-hover-focused{border-color:#EAB308;box-shadow:0 8px 24px rgba(250,204,21,.35);transform:translateY(-2px)}.eco-focus-badge{font-size:7px;font-weight:700;text-transform:uppercase;color:#854D0E;background:#FEF08A;padding:1.5px 5px;border-radius:4px;display:inline-block;margin-bottom:5px}.eco-focus-header{display:flex;gap:7px;align-items:center;margin-bottom:7px}.eco-focus-icon{width:28px;height:28px;border-radius:6px;background:#FEF08A;font-size:14px;display:grid;place-items:center}.eco-focus-header h5{margin:0;font-size:10.5px;font-weight:700;color:#0F172A}.eco-focus-header span{font-size:8px;color:#64748B;display:block}.eco-focus-meta{display:flex;gap:4px;font-size:7.5px;color:#64748B;margin-top:1px}.eco-stock-pill{color:#166534;font-weight:600}.eco-focus-specs{display:grid;grid-template-columns:repeat(3,1fr);background:#FFFFFF;border-radius:6px;padding:5px 6px;margin-bottom:7px}.eco-spec-col small{font-size:7px;color:#94A3B8;display:block}.eco-spec-col strong{font-size:8px;color:#0F172A}.eco-focus-pricing{display:flex;justify-content:space-between;align-items:center}.eco-focus-price{font-size:12.5px;font-weight:800;color:#0F172A}.eco-focus-unit{font-size:8px;color:#64748B;margin-left:2px}.eco-focus-add-action{background:#0F172A;color:#FFFFFF;padding:4px 10px;border-radius:6px;font-size:9px;font-weight:700;display:flex;align-items:center;gap:3px}.eco-mob-back-strip{display:flex;justify-content:space-between;font-size:8.5px;color:#64748B;margin-bottom:8px}.eco-mob-badge-cart{background:#FEF08A;color:#854D0E;font-weight:700;padding:1px 5px;border-radius:4px}.eco-stepper-hero{text-align:center;padding:8px 4px}.eco-stepper-icon-box{width:40px;height:40px;border-radius:10px;background:#FEF9C3;margin:0 auto 6px;font-size:20px;display:grid;place-items:center}.eco-stepper-hero h4{margin:0 0 2px;font-size:11.5px;font-weight:700;color:#0F172A}.eco-stepper-hero p{margin:0;font-size:8px;color:#64748B;line-height:1.3}.eco-stepper-controls-box{background:#F8FAFC;border:1px solid #e2e8f0;border-radius:10px;padding:10px;text-align:center;margin-bottom:10px}.eco-stepper-label{font-size:8.5px;color:#64748B;margin-bottom:6px}.eco-stepper-row{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:6px}.eco-step-btn{width:28px;height:28px;border-radius:50%;border:1px solid #cbd5e1;background:#FFFFFF;font-size:14px;font-weight:700;color:#0F172A;cursor:pointer}.eco-step-val{font-size:16px;font-weight:800;color:#0F172A;min-width:44px}.eco-stepper-calc{font-size:9px;color:#475569}.eco-stepper-calc strong{color:#0F172A;font-size:10px}.eco-added-btn{background:#16A34A;color:#FFFFFF;border-radius:8px;padding:8px 12px;font-size:9.5px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:5px;box-shadow:0 4px 12px rgba(22,163,74,.25)}.eco-order-spec-card{background:#F8FAFC;border:1.5px solid #e2e8f0;border-radius:10px;padding:7px 9px;margin-bottom:7px}.eco-order-spec-head{display:flex;align-items:center;gap:8px;margin-bottom:5px}.eco-order-spec-icon{width:24px;height:24px;border-radius:6px;background:#FEF08A;font-size:12px;display:grid;place-items:center;flex-shrink:0}.eco-order-spec-head h5{margin:0;font-size:9.5px;font-weight:700;color:#0F172A;line-height:1.2}.eco-order-spec-head small{font-size:7.5px;color:#64748B;display:block}.eco-order-spec-rate{margin-left:auto;font-size:8.5px;font-weight:700;color:#0F172A;white-space:nowrap}.eco-stepper-calc-inline{font-size:11px;font-weight:800;color:#16A34A;margin-left:6px}.eco-added-btn-inline{background:#DCFCE7;color:#166534;border:1px solid #bbf7d0;border-radius:6px;padding:3px 8px;font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:4px;margin-top:3px}.eco-placed-status-card.confirmed-state{background:#F0FDF4;border-color:#86EFAC}.eco-status-green-dot{width:7px;height:7px;border-radius:50%;background:#22C55E;box-shadow:0 0 6px #22C55E;flex-shrink:0}.eco-confirm-breakdown{width:100%;background:#F8FAFC;border:1px solid #e2e8f0;border-radius:8px;padding:5px 8px;display:flex;flex-direction:column;gap:3.5px;margin-top:4px;text-align:left}.eco-cf-row{display:flex;justify-content:space-between;align-items:center;font-size:7.5px;color:#64748B}.eco-cf-row strong{font-size:8px;color:#0F172A}.pulse-blue{color:#2563EB!important;background:#DBEAFE!important;animation:ecoPulse 1.2s infinite}.eco-mob-basket-header h4{margin:0 0 1px;font-size:11px;font-weight:700;color:#0F172A}.eco-mob-basket-header span{font-size:8px;color:#64748B;margin-bottom:6px;display:block}.eco-basket-items-list{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.eco-basket-row{display:flex;align-items:center;gap:6px;background:#F8FAFC;border:1px solid #e2e8f0;border-radius:6px;padding:4px 7px}.eco-b-dot{width:4px;height:4px;border-radius:50%;background:#0F172A}.eco-b-info{flex:1}.eco-b-info strong{display:block;font-size:8.5px;color:#0F172A}.eco-b-info small{font-size:7px;color:#64748B}.eco-b-price{font-size:9px;font-weight:700;color:#0F172A}.eco-basket-summary{background:#F1F5F9;border-radius:8px;padding:6px 8px;margin-bottom:8px}.eco-sum-line{font-size:8px;color:#475569;margin-bottom:2px}.eco-sum-line,.eco-sum-total{display:flex;justify-content:space-between}.eco-sum-total{font-size:9.5px;font-weight:800;color:#0F172A;padding-top:3px;border-top:1px dashed #cbd5e1;margin-top:3px}.eco-delivery-eta-badge{margin-top:4px;background:#FEF9C3;color:#854D0E;font-size:7.5px;font-weight:600;padding:2px 4px;border-radius:4px;text-align:center}.eco-place-order-cta{background:#E03527;color:#FFFFFF;border-radius:8px;padding:8px;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700;box-shadow:0 4px 14px rgba(224,53,39,.32)}.scene-placed{align-items:center;justify-content:center;text-align:center;padding:20px 14px}.eco-placed-check-circle{width:46px;height:46px;border-radius:50%;background:#DCFCE7;color:#166534;display:grid;place-items:center;margin-bottom:8px}.scene-placed h4{margin:0 0 2px;font-size:13px;font-weight:800;color:#0F172A}.eco-placed-po-num{font-size:10px;font-weight:700;color:#16A34A;background:#F0FDF4;padding:2px 8px;border-radius:999px;display:inline-block;margin-bottom:6px}.eco-placed-subtitle{margin:0 0 12px;font-size:8px;color:#64748B;line-height:1.3}.eco-placed-status-card{width:100%;background:#FEFCE8;border:1px solid #facc15;border-radius:8px;padding:6px 8px;display:flex;align-items:center;gap:7px;text-align:left;margin-bottom:12px}.eco-status-pulse-dot{width:7px;height:7px;border-radius:50%;background:#EAB308;box-shadow:0 0 6px #EAB308}.eco-placed-status-card strong{display:block;font-size:8.5px;color:#854D0E}.eco-placed-status-card small{font-size:7px;color:#A16207}.eco-cross-signal-pill{font-size:8px;font-weight:700;color:#2563EB;background:#EFF6FF;padding:3px 8px;border-radius:999px;border:1px solid #bfdbfe}.eco-mob-order-header-card{background:#F0FDF4;border:1px solid #bbf7d0;border-radius:8px;padding:7px;margin-bottom:8px}.eco-tag-confirmed{font-size:7.5px;font-weight:700;color:#166534}.eco-mob-order-header-card h5{margin:2px 0;font-size:11px;font-weight:700;color:#0F172A}.eco-order-meta-txt{font-size:7.5px;color:#475569}.eco-confirmed-timeline-mini{background:#F8FAFC;border:1px solid #e2e8f0;border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.eco-mini-step{display:flex;align-items:center;gap:7px;font-size:8.5px;color:#475569}.step-done .step-circle{background:#DCFCE7;color:#166534;font-weight:700;place-items:center}.step-active .step-circle,.step-done .step-circle{width:14px;height:14px;border-radius:50%;font-size:8px;display:grid}.step-active .step-circle{background:#FEF08A;color:#854D0E;place-items:center}.eco-warehouse-note{background:#EFF6FF;border:1px solid #bfdbfe;border-radius:6px;padding:6px 8px;font-size:7.5px;color:#1E40AF;line-height:1.3}.scene-tracking{padding:10px 14px 6px}.eco-track-head{margin-bottom:8px}.eco-live-pulse-badge{display:inline-flex;align-items:center;gap:5px;font-size:8px;font-weight:800;color:#2563EB;letter-spacing:.08em;text-transform:uppercase}.eco-pulse-dot{width:5px;height:5px;border-radius:50%;background:#2563EB;display:inline-block}.eco-track-head h4{margin:3px 0 2px;font-size:14.5px;font-weight:800;color:#0F172A;letter-spacing:-.02em;line-height:1.15}.eco-track-eta{font-size:9px;color:#16A34A;font-weight:700;display:block}.eco-driver-card{display:flex;align-items:center;gap:10px;background:#F8FAFC;border:1px solid #e2e8f0;border-radius:10px;padding:6px 10px;margin-bottom:10px}.eco-driver-avatar-wrap{width:28px;height:28px;flex-shrink:0;display:grid;place-items:center}.eco-driver-info strong{display:block;font-size:9.5px;font-weight:700;color:#0F172A}.eco-driver-info span{font-size:7.5px;color:#64748B;display:block;margin-top:1px;font-weight:500}.eco-tracking-steps-list{display:flex;flex-direction:column;gap:7px;position:relative;padding-left:2px}.eco-tracking-steps-list:before{content:"";position:absolute;left:9.5px;top:10px;bottom:12px;width:1.5px;background:linear-gradient(180deg,#86EFAC 0,#86EFAC 68%,#E2E8F0 0,#E2E8F0);z-index:0}.eco-t-step{display:flex;align-items:flex-start;gap:9px;position:relative;z-index:1}.eco-t-step .t-icon{width:16px;height:16px;border-radius:50%;font-size:8px;font-weight:800;display:grid;place-items:center;flex-shrink:0;margin-top:.5px;background:#FFFFFF}.eco-t-step.done .t-icon{background:#DCFCE7;color:#16A34A}.eco-t-step.active .t-icon.beacon{background:#2563EB;color:transparent;box-shadow:0 0 0 2.5px #DBEAFE;position:relative}.eco-t-step.active .t-icon.beacon:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#FFFFFF}.eco-t-step.pending .t-icon{background:#FFFFFF;border:1.5px solid #cbd5e1;color:transparent}.eco-t-step strong{display:block;font-size:9px;font-weight:700;color:#0F172A;line-height:1.2}.eco-t-step small{font-size:7.5px;color:#64748B;display:block;margin-top:1px}.scene-delivered{align-items:center;text-align:center;padding:12px 8px}.eco-delivered-badge-wrap{margin-bottom:8px}.eco-delivered-icon{width:38px;height:38px;border-radius:50%;background:#16A34A;color:#FFFFFF;font-size:18px;font-weight:800;display:grid;place-items:center;margin:0 auto 5px;box-shadow:0 4px 14px rgba(22,163,74,.35)}.eco-delivered-badge-wrap h4{margin:0;font-size:13px;font-weight:800;color:#0F172A}.eco-del-time{font-size:8.5px;font-weight:700;color:#16A34A;display:block}.eco-signed-by{font-size:7.5px;color:#64748B}.eco-inventory-sync-box{width:100%;background:#F0FDF4;border:1px solid #bbf7d0;border-radius:8px;padding:6px 8px;margin-bottom:8px;text-align:left}.eco-inv-box-title{display:flex;align-items:center;gap:4px;font-size:8px;font-weight:700;color:#166534;margin-bottom:4px}.eco-inv-row{font-size:7.5px;color:#334155;padding:1px 0}.eco-inv-row,.eco-reorder-loop-box{display:flex;justify-content:space-between}.eco-reorder-loop-box{width:100%;background:#FFFBEB;border:1px solid #fde68a;border-radius:8px;padding:6px 8px;align-items:center;text-align:left}.eco-reorder-txt strong{display:block;font-size:8px;color:#92400E}.eco-reorder-txt span{font-size:7px;color:#B45309}.eco-reorder-btn{background:#D97706;color:#FFFFFF;padding:3px 7px;border-radius:4px;font-size:8px;font-weight:700;white-space:nowrap}.eco-mob-chips{display:flex;gap:4px;overflow-x:auto;padding-bottom:4px;margin-bottom:8px;scrollbar-width:none}.eco-mob-chips::-webkit-scrollbar{display:none}.eco-chip{padding:4px 8px;background:#F1F5F9;color:#64748B;font-size:8px;font-weight:600;border-radius:12px;white-space:nowrap}.eco-chip.active{background:#0F172A;color:#FFFFFF}.eco-phone-bottom-nav{height:42px;background:#FFFFFF;border-top:1px solid #f1f5f9;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;z-index:15;padding:0 2px 4px;box-sizing:border-box}.eco-p-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5px;color:#94A3B8;font-size:7px;font-weight:500;cursor:pointer}.eco-p-tab.active{color:#0F172A;font-weight:700}.eco-phone-home-indicator{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:78px;height:3px;border-radius:2px;background:#000000;z-index:25}@media (max-width:1440px){.eco-screen-brand,.eco-screen-supplier{max-width:480px}}@media (max-width:1200px){.eco-screen-brand,.eco-screen-supplier{max-width:400px}}@media (max-width:1024px){.eco-text-wrap{max-width:420px}.eco-screen-brand,.eco-screen-supplier{max-width:330px}}@media (max-width:768px){.eco-track{height:220vh}.eco-sticky-stage{position:relative;top:auto;height:auto;min-height:100vh;padding-bottom:50px}.eco-container{padding:30px 18px 0}.eco-text-wrap{max-width:100%;text-align:center;padding-top:10px;display:flex;flex-direction:column;align-items:center}.eco-stage-viewport{position:relative;height:600px;margin-top:20px;align-items:center}.eco-screens-group{display:flex;justify-content:center;align-items:center;height:100%;padding:0}.eco-cables-svg,.eco-screen-brand,.eco-screen-supplier{display:none!important}.eco-screen-mobile{margin:0 auto;left:auto;bottom:0}.eco-phone-chassis,.eco-screen-mobile{width:100%;max-width:320px;height:560px}.eco-phone-chassis{border-radius:28px;padding:0;box-shadow:0 18px 45px rgba(0,0,0,.35)}.eco-story-pill-wrap{top:-36px}}@media (max-height:840px) and (min-width:769px){.eco-container{padding-top:14px}.eco-headline{font-size:clamp(24px,2.6vw,36px);margin-bottom:6px}.eco-body{font-size:13px;margin-bottom:10px;line-height:1.35}.eco-screen-brand,.eco-screen-supplier{max-width:440px}}@media (max-height:720px) and (min-width:769px){.eco-headline{font-size:26px}.eco-body{display:none}.eco-screen-brand,.eco-screen-supplier{max-width:380px}}.eco-cafe-anchor{position:absolute;top:48%;left:0;width:1px;height:1px;pointer-events:none}.eco-cafe-story-wrap{position:absolute;inset:0;width:100%;max-width:1420px;margin:0 auto;padding:0 clamp(24px,4vw,64px);display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:15;box-sizing:border-box}.eco-cafe-left-panel{width:clamp(320px,25vw,380px);display:flex;flex-direction:column;z-index:15;user-select:none}.eco-cafe-eyebrow{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#FFFFFF;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);padding:4px 14px;border-radius:999px;display:inline-flex;width:fit-content;margin-bottom:16px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 10px rgba(0,0,0,.15)}.eco-cafe-headline{font-size:clamp(32px,3.2vw,46px);font-weight:800;color:#FFFFFF;letter-spacing:-.03em;line-height:1.12;margin:0 0 16px;text-shadow:0 2px 14px rgba(0,0,0,.22)}.eco-cafe-body{font-size:15px;color:rgba(255,255,255,.9);line-height:1.55;font-weight:400;margin:0;max-width:360px;text-shadow:0 1px 8px rgba(0,0,0,.16)}.eco-cafe-right-panel{width:clamp(320px,26vw,390px);display:flex;flex-direction:column;gap:12px;z-index:15;user-select:none}.eco-cafe-step{display:flex;flex-direction:column;gap:6px;padding:14px 18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 20px rgba(0,0,0,.12);transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;cursor:pointer;pointer-events:auto}.eco-cafe-step.is-active-step,.eco-cafe-step:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.38);transform:translateX(3px);box-shadow:0 8px 24px rgba(0,0,0,.18)}.eco-cafe-step-header{display:flex;align-items:center;gap:8px}.eco-cafe-step-num{font-size:13px;font-weight:800;color:#FBBF24;font-family:var(--font-mono,monospace);flex-shrink:0}.eco-cafe-step-title{font-size:14.5px;font-weight:700;color:#FFFFFF;margin:0;letter-spacing:-.01em}.eco-cafe-step-desc{font-size:12px;color:rgba(255,255,255,.88);margin:0;line-height:1.48}.eco-story-pill.is-cafe-active{background:rgba(15,23,42,.88);border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 26px rgba(0,0,0,.32)}.eco-story-pill.is-cafe-active .eco-story-pill-dot{background:#FEF08A;box-shadow:0 0 10px #FEF08A}.eco-story-pill.is-cafe-active .eco-story-pill-text{color:#FFFFFF}@media (max-width:1200px){.eco-cafe-story-wrap{padding:0 24px}.eco-cafe-left-panel,.eco-cafe-right-panel{width:300px}}@media (max-width:1024px){.eco-cafe-left-panel,.eco-cafe-right-panel{width:250px}.eco-cafe-headline{font-size:23px}.eco-cafe-step{padding:8px 10px;gap:8px}}@media (max-width:768px){.eco-cafe-story-wrap{position:relative;inset:auto;flex-direction:column;padding:24px 18px 10px;text-align:center;align-items:center;gap:18px}.eco-cafe-left-panel{width:100%;align-items:center}.eco-cafe-right-panel{width:100%}.eco-cafe-step{text-align:left}.eco-screen-brand,.eco-screen-supplier{display:none!important}}@media (prefers-reduced-motion:reduce){.eco-device-scaler{transform:none!important;filter:none!important;opacity:1!important;transition:none!important}.eco-browser-window.is-dimmed .eco-device-scaler,.eco-screen-mobile.is-dimmed .eco-device-scaler{filter:none!important;opacity:.95!important;transform:none!important}.eco-hover-tag{display:none!important}.eco-cafe-eyebrow{color:#0B0C0E;background:rgba(11,12,14,.06);border-color:rgba(11,12,14,.12)}.eco-cafe-headline{color:#0B0C0E}.eco-cafe-body{color:rgba(11,12,14,.72)}.eco-cafe-step,.eco-cafe-step.is-active-step,.eco-cafe-step:hover{background:rgba(11,12,14,.03);border-color:rgba(11,12,14,.1)}.eco-cafe-step-num{color:#B45309}.eco-cafe-step-title{color:#0B0C0E}.eco-cafe-step-desc{color:rgba(11,12,14,.7)}}.eco-video-body{position:relative;width:100%;height:auto;aspect-ratio:1824/900;background:#0B0D13;overflow:hidden;border-radius:0 0 14px 14px}.eco-dashboard-video{width:100%;height:100%;object-fit:cover;display:block;background:#0B0D13}.eco-video-phone-viewport{position:absolute;inset:0;width:100%;height:100%;background:#FFFFFF;overflow:hidden;border-radius:35.8px;z-index:5}.eco-mobile-video{width:100%;height:100%;object-fit:cover;display:block;background:#FFFFFF}.eco-screen-mobile .eco-phone-statusbar{position:relative}.eco-screen-mobile .eco-phone-glass-glare{z-index:12}.eco-browser-window.is-video-active .eco-device-scaler{filter:none!important;opacity:1!important;transform:translateX(var(--focus-x,0)) translateY(-6px) scale(var(--focus-scale,1.025))!important;transition:transform .6s cubic-bezier(.76,0,.24,1),box-shadow .45s cubic-bezier(.16,1,.3,1),border-color .45s ease}.eco-screens-group .eco-screen-mobile .eco-device-scaler{transition:transform .6s cubic-bezier(.76,0,.24,1),opacity .6s ease,filter .6s ease!important}.eco-screens-group.has-side-focus .eco-screen-mobile .eco-device-scaler{transform:scale(.9)!important;opacity:.5!important;filter:blur(2px) saturate(85%)!important}.eco-browser-window.eco-screen-supplier.is-video-active .eco-device-scaler{border-color:rgba(34,197,94,.55)!important;box-shadow:0 0 0 1px rgba(34,197,94,.35),0 8px 24px rgba(34,197,94,.16),0 24px 60px rgba(0,0,0,.22),0 40px 90px rgba(34,197,94,.12)!important}.eco-browser-window.eco-screen-brand.is-video-active .eco-device-scaler{border-color:rgba(139,92,246,.55)!important;box-shadow:0 0 0 1px rgba(139,92,246,.35),0 8px 24px rgba(139,92,246,.16),0 24px 60px rgba(0,0,0,.22),0 40px 90px rgba(139,92,246,.12)!important}.eco-screen-mobile.is-video-active .eco-phone-chassis{opacity:1!important;transform:scale(1.025) translateY(-6px)!important;box-shadow:0 0 0 1px rgba(255,255,255,.3),0 0 0 1.5px #181A1F,0 8px 24px rgba(0,0,0,.12),0 24px 56px rgba(0,0,0,.28),0 44px 96px rgba(0,0,0,.1)!important;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1)}.eco-screen-ambient-glow{position:absolute;inset:-28px;border-radius:28px;pointer-events:none;z-index:-2;opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);filter:blur(34px);transform:scale(.94)}.is-video-active .eco-screen-ambient-glow{opacity:.88;transform:scale(1.04)}.glow-supplier{background:radial-gradient(ellipse at center,rgba(34,197,94,.48) 0,rgba(34,197,94,.16) 52%,transparent 75%)}.glow-brand{background:radial-gradient(ellipse at center,rgba(139,92,246,.48) 0,rgba(139,92,246,.16) 52%,transparent 75%)}.eco-browser-window:not(.is-video-active):not(:hover) .eco-device-scaler{opacity:.86;filter:saturate(92%)}.eco-screen-mobile:not(.is-video-active):not(:hover) .eco-phone-chassis{opacity:.88;filter:saturate(94%)}.eco-flow-navigator{display:flex;align-items:center;gap:6px;margin-top:14px;flex-wrap:wrap;pointer-events:auto}.eco-flow-pill{position:relative;display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px rgba(0,0,0,.04);cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);font-family:var(--font-sans);overflow:hidden}.eco-flow-pill:hover{background:#FFFFFF;border-color:rgba(0,0,0,.16);box-shadow:0 4px 14px rgba(0,0,0,.08);transform:translateY(-1px)}.eco-flow-pill.is-active{background:#FFFFFF;box-shadow:0 6px 20px rgba(0,0,0,.1);transform:translateY(-2px)}.eco-flow-pill.is-active.is-mobile{border-color:rgba(229,72,59,.45);box-shadow:0 4px 18px rgba(229,72,59,.2)}.eco-flow-pill.is-active.is-supplier{border-color:rgba(34,197,94,.45);box-shadow:0 4px 18px rgba(34,197,94,.2)}.eco-flow-pill.is-active.is-brand{border-color:rgba(139,92,246,.45);box-shadow:0 4px 18px rgba(139,92,246,.2)}.eco-flow-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.eco-flow-dot-red{background:#E5483B}.eco-flow-dot-green{background:#22C55E}.eco-flow-dot-purple{background:#8B5CF6}.eco-flow-pill.is-active .eco-flow-dot-red{box-shadow:0 0 8px #E5483B;animation:ecoDotPulse 1.6s ease-in-out infinite}.eco-flow-pill.is-active .eco-flow-dot-green{box-shadow:0 0 8px #22C55E;animation:ecoDotPulse 1.6s ease-in-out infinite}.eco-flow-pill.is-active .eco-flow-dot-purple{box-shadow:0 0 8px #8B5CF6;animation:ecoDotPulse 1.6s ease-in-out infinite}.eco-flow-step{font-size:10px;font-weight:700;color:#94A3B8;letter-spacing:.02em}.eco-flow-pill.is-active .eco-flow-step{color:#0F172A}.eco-flow-label{font-size:11.5px;font-weight:600;color:#334155;letter-spacing:-.01em}.eco-flow-pill.is-active .eco-flow-label{color:#0F172A;font-weight:700}.eco-flow-connector{color:#CBD5E1;display:flex;align-items:center}.eco-flow-active-bar{position:absolute;bottom:0;left:0;right:0;height:2px}.eco-flow-pill.is-mobile .eco-flow-active-bar{background:#E5483B}.eco-flow-pill.is-supplier .eco-flow-active-bar{background:#22C55E}.eco-flow-pill.is-brand .eco-flow-active-bar{background:#8B5CF6}.eco-url-ping{width:6px;height:6px;border-radius:50%;margin-left:4px;display:inline-block;flex-shrink:0}.ping-supplier{background:#22C55E;box-shadow:0 0 6px #22C55E}.ping-brand,.ping-supplier{animation:ecoDotPulse 1.8s ease-in-out infinite}.ping-brand{background:#8B5CF6;box-shadow:0 0 6px #8B5CF6}.eco-role-dot{width:5px;height:5px;border-radius:50%;background:currentColor;display:inline-block;animation:ecoDotPulse 1.8s ease-in-out infinite}.eco-window-role-badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:700;letter-spacing:.06em;padding:2.5px 7px;border-radius:999px}.eco-island-status-pulse{width:5px;height:5px;border-radius:50%;background:#E5483B;box-shadow:0 0 6px #E5483B;animation:ecoDotPulse 1.6s ease-in-out infinite;margin-left:4px}.eco-flow-dock{position:absolute;left:50%;bottom:clamp(16px,3.2vh,32px);transform:translateX(-50%);z-index:30;pointer-events:auto}.eco-flow-dock .eco-flow-navigator{margin-top:0;flex-wrap:nowrap;padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid rgba(0,0,0,.08);box-shadow:0 12px 32px -8px rgba(0,0,0,.12),0 2px 6px rgba(0,0,0,.04);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;gap:8px}@media (max-width:860px){.eco-flow-dock{position:relative;left:auto;bottom:auto;transform:none;display:flex;justify-content:center;margin-top:16px}}@media (min-width:861px){.eco-stage-viewport{align-items:flex-start;padding-top:clamp(96px,12vh,118px);box-sizing:border-box}.eco-screens-group{margin-top:0}.eco-sticky-stage>.eco-container{position:absolute;left:0;right:0;top:auto;bottom:clamp(72px,10vh,100px);padding-top:0}.eco-text-wrap .eco-headline{margin-bottom:6px}}@media (max-width:768px){.eco-track{height:auto}.eco-cafe-story-wrap{display:none!important}}.eco-section{position:relative;width:100%;padding:100px 0 110px;background-color:var(--hero-bg,#FFFFFF);overflow:hidden;display:flex;flex-direction:column;align-items:center}.eco-cards-container,.eco-container{width:100%;max-width:1240px;margin:0 auto;padding:0 24px;position:relative;z-index:2;box-sizing:border-box}.eco-header{text-align:center;margin-bottom:54px}.eco-header-eyebrow{display:inline-block;font-size:11px;font-weight:750;letter-spacing:.14em;text-transform:uppercase;color:#8C877D;margin-bottom:14px}.eco-header-title{font-size:clamp(28px,3.2vw,42px);font-weight:700;color:#171615;letter-spacing:-.03em;line-height:1.15;margin:0 0 14px}.eco-header-desc{font-size:clamp(15px,1.3vw,17px);color:#7A756C;max-width:580px;margin:0 auto;line-height:1.55}.eco-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch;position:relative;z-index:1;width:100%}@media (max-width:1080px) and (min-width:769px){.eco-grid{gap:16px}}@media (max-width:860px){.eco-grid{grid-template-columns:1fr;gap:24px}}.eco-card-wrapper{height:100%}.eco-card,.eco-card-wrapper{position:relative;display:flex}.eco-card{width:100%;min-height:575px;background-color:#FFFFFF;border-radius:20px;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 20px -6px rgba(0,0,0,.05),inset 0 1px 0 rgba(255,255,255,.9);flex-direction:column;overflow:hidden;cursor:pointer;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),border-color .35s ease,opacity .25s ease;will-change:transform,box-shadow;outline:none}.eco-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px -10px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,1);border-color:rgba(0,0,0,.14)}.eco-card.is-dimmed{opacity:.6;filter:saturate(80%)}.eco-card-inner{display:flex;flex-direction:column;height:100%;flex:1}.eco-card-tab{padding:16px 18px 12px;display:flex;flex-direction:column;gap:8px}.eco-card-tab-label{font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:#171615;display:flex;align-items:center;gap:6px}.eco-card-tab-idx{color:#948E85;font-family:ui-monospace,SFMono-Regular,monospace}.eco-card-tab-line{height:2.5px;width:100%;border-radius:999px}.eco-card-tab-line.cafe-line{background:#E03527}.eco-card-tab-line.supplier-line{background:#22C55E}.eco-card-tab-line.brand-line{background:#8B5CF6}.eco-preview-container{position:relative;margin:0 16px;background:#FFFFFF;border-radius:12px;border:1px solid rgba(0,0,0,.07);box-shadow:0 4px 14px -4px rgba(0,0,0,.04);overflow:hidden;height:300px;display:flex;flex-direction:column}.eco-preview-chrome{height:28px;background:#F4F5F7;border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;padding:0 10px;gap:8px;flex-shrink:0}.eco-preview-dots{display:flex;align-items:center;gap:4px}.eco-preview-dot{width:7px;height:7px;border-radius:50%}.eco-preview-dot.is-red{background:#FF5F56}.eco-preview-dot.is-yellow{background:#FFBD2E}.eco-preview-dot.is-green{background:#27C93F}.eco-preview-address{flex:1;background:#FFFFFF;border:1px solid rgba(0,0,0,.06);border-radius:4px;height:18px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:8.5px;color:#64748B;text-decoration:none;font-family:var(--font-sans);font-weight:500;transition:all .2s ease;max-width:210px;margin:0 auto}.eco-preview-address:hover{background:#F8FAFC;color:#0F172A;border-color:rgba(0,0,0,.12)}.eco-address-lock{font-size:7px}.eco-address-ext{font-size:8px;opacity:.7}.eco-card-hover-pill{position:absolute;bottom:10px;left:50%;transform:translateX(-50%) translateY(8px);background:rgba(15,23,42,.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#FFFFFF;padding:4px 10px;border-radius:999px;font-size:9px;font-weight:600;display:flex;align-items:center;gap:4px;opacity:0;pointer-events:none;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:10}.eco-card:hover .eco-card-hover-pill{opacity:1;transform:translateX(-50%) translateY(0)}.mock-preview-shell{display:flex;flex-direction:column;height:100%;width:100%;background:#FFFFFF;overflow:hidden;flex:1}.mock-cafe-header{padding:7px 9px 5px;border-bottom:1px solid #f1f0ec;display:flex;flex-direction:column;gap:4px;flex-shrink:0}.mock-cafe-search{display:flex;align-items:center;gap:4px;background:#F8FAFC;border:1px solid #e2e8f0;border-radius:4px;padding:2.5px 6px;font-size:8px;color:#8C867C}.mock-cafe-pill-row{display:flex;gap:3px}.mock-cafe-pill{background:#F1F5F9;border:1px solid transparent;padding:1.5px 6px;border-radius:3px;font-size:7.5px;font-weight:600;color:#6B665E;cursor:pointer;transition:all .15s ease}.mock-cafe-pill.is-active,.mock-cafe-pill:hover{background:#E03527;color:#FFFFFF}.mock-cafe-content{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:7px 9px;flex:1;overflow:hidden}.mock-cafe-content.is-large{grid-template-columns:repeat(3,1fr);gap:14px;padding:16px;overflow-y:auto}.mock-cafe-card{background:#FFFFFF;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden;display:flex;flex-direction:column}.mock-cafe-img-wrap{position:relative;width:100%;height:64px;background:#F1F5F9;overflow:hidden}.mock-cafe-content.is-large .mock-cafe-img-wrap{height:120px}.mock-cafe-img-photo{width:100%;height:100%;object-fit:cover;display:block}.mock-cafe-tag{position:absolute;top:3px;left:3px;background:rgba(224,53,39,.9);color:#FFFFFF;font-size:6.5px;font-weight:700;padding:1px 4px;border-radius:2px;letter-spacing:.02em}.mock-cafe-card-info{padding:4px 6px 5px;display:flex;flex-direction:column;gap:2px}.mock-cafe-card-name{font-size:8px;font-weight:700;color:#171615;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-cafe-content.is-large .mock-cafe-card-name{font-size:12px}.mock-cafe-card-meta{display:flex;align-items:center;justify-content:space-between;gap:2px}.mock-cafe-card-price{font-size:7.5px;font-weight:700;color:#B91C1C}.mock-cafe-content.is-large .mock-cafe-card-price{font-size:11px}.mock-cafe-add-btn{background:#FFFFFF;border:1px solid #d1d5db;border-radius:3px;font-size:7px;font-weight:600;color:#1F2937;padding:1px 4px;cursor:pointer;transition:all .15s ease}.mock-cafe-add-btn.is-added,.mock-cafe-add-btn:hover{background:#E03527;border-color:#E03527;color:#FFFFFF}.mock-cafe-bottom-strip{margin-top:auto;background:#FDF2F1;border-top:1px solid #fce4e2;padding:5px 9px;display:flex;align-items:center;justify-content:space-between;text-decoration:none;font-size:7.5px;flex-shrink:0;transition:background .2s ease}.mock-cafe-bottom-strip:hover{background:#FBE5E3}.mock-cafe-cart-badge{background:#E03527;color:#FFFFFF;padding:1px 4px;border-radius:3px;font-weight:700;margin-right:4px}.mock-cafe-cart-total{font-weight:600;color:#991B1B}.mock-cafe-dispatch-pill{display:flex;align-items:center;gap:2px;font-weight:700;color:#E03527}.mock-sup-split{display:flex;flex:1;overflow:hidden;height:100%}.mock-sup-sidebar{width:28px;background:#064E3B;display:flex;flex-direction:column;align-items:center;padding:7px 0;gap:6px;flex-shrink:0}.mock-sup-icon{background:transparent;border:none;color:rgba(255,255,255,.5);cursor:pointer;padding:3px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.mock-sup-icon.is-active,.mock-sup-icon:hover{color:#FFFFFF;background:rgba(255,255,255,.18)}.mock-sup-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#FFFFFF}.mock-sup-kpi{display:flex;gap:4px;padding:6px 8px;background:#F0FDF4;border-bottom:1px solid #dcfce7}.mock-sup-kpi-box{flex:1;background:#FFFFFF;border:1px solid #bbf7d0;border-radius:4px;padding:3px 5px}.mock-sup-kpi-top{display:flex;align-items:baseline;justify-content:space-between}.mock-sup-kpi-val{font-size:11px;font-weight:750;color:#14532D}.mock-sup-kpi-trend{font-size:6.5px;font-weight:700;color:#15803D}.mock-sup-kpi-trend.is-sla{color:#047857;background:#D1FAE5;padding:.5px 2px;border-radius:2px}.mock-sup-kpi-lbl{font-size:6.5px;color:#166534;font-weight:600}.mock-sup-orders-list{display:flex;flex-direction:column;gap:3px;padding:5px 8px;flex:1;overflow:hidden}.mock-sup-row{display:flex;align-items:center;justify-content:space-between;padding:3.5px 5px;border-radius:3px;background:#F9FAFB;border:1px solid #f3f4f6;font-size:7.5px;cursor:pointer;transition:all .15s ease}.mock-sup-row.is-selected,.mock-sup-row:hover{background:#F0FDF4;border-color:#86EFAC}.mock-sup-row-left{display:flex;align-items:center;gap:4px}.mock-sup-order-id{font-weight:700;color:#1F2937;font-family:ui-monospace,SFMono-Regular,monospace}.mock-sup-order-cafe{color:#4B5563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:105px}.mock-sup-badge{font-size:6.5px;font-weight:700;padding:1px 4px;border-radius:2px}.mock-sup-badge.is-new{background:#DCFCE7;color:#15803D}.mock-sup-badge.is-transit{background:#FEF3C7;color:#B45309}.mock-sup-badge.is-dispatched{background:#E0E7FF;color:#4338CA}.mock-sup-bottom-strip{margin-top:auto;background:#F0FDF4;border-top:1px solid #dcfce7;padding:5px 8px;display:flex;align-items:center;justify-content:space-between;text-decoration:none;font-size:7px;flex-shrink:0;transition:background .2s ease}.mock-sup-bottom-strip:hover{background:#DCFCE7}.mock-sup-fleet-status{display:flex;align-items:center;gap:3.5px}.mock-sup-fleet-dot{width:4px;height:4px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 1.5px rgba(34,197,94,.3)}.mock-sup-fleet-text{font-weight:600;color:#065F46}.mock-sup-eta{font-weight:750;color:#047857}.mock-brand-header{padding:7px 9px 4px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.mock-brand-title{font-size:9.5px;font-weight:750;color:#2E1065}.mock-brand-sub{font-size:7px;color:#7C3AED;margin-top:.5px}.mock-brand-period-pill{font-size:7px;font-weight:650;color:#6D28D9;background:#F3E8FF;padding:1.5px 5px;border-radius:3px}.mock-brand-chart{padding:4px 8px 0;height:68px;display:flex;align-items:flex-end;justify-content:space-between;gap:5px;border-bottom:1px solid #ede9fe;flex-shrink:0}.mock-brand-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;position:relative}.mock-brand-tooltip{position:absolute;top:-16px;background:#2E1065;color:#FFFFFF;font-size:6.5px;padding:1px 4px;border-radius:2px;white-space:nowrap;pointer-events:none;z-index:10}.mock-brand-bar{max-width:22px;height:48px;background:#F5F3FF;position:relative;overflow:hidden;display:flex;align-items:flex-end}.mock-brand-bar,.mock-brand-bar-fill{width:100%;border-radius:2.5px 2.5px 0 0}.mock-brand-bar-fill{background:linear-gradient(180deg,#8B5CF6,#6D28D9)}.mock-brand-bar-lbl{font-size:6.5px;font-weight:600;color:#8B5CF6;margin-top:2px}.mock-brand-stats{padding:5px 9px;display:flex;gap:5px;flex-shrink:0}.mock-brand-stat-box{flex:1;background:#FAF5FF;border:1px solid #ede9fe;border-radius:4px;padding:3px 5px}.mock-brand-stat-top{display:flex;align-items:baseline;justify-content:space-between}.mock-brand-stat-val{font-size:11px;font-weight:750;color:#581C87}.mock-brand-stat-trend{font-size:6.5px;font-weight:750;color:#7C3AED;background:rgba(124,58,237,.12);padding:.5px 3px;border-radius:2px}.mock-brand-stat-lbl{font-size:6.5px;font-weight:600;color:#6D28D9}.mock-brand-bottom-strip{margin-top:auto;background:#FAF5FF;border-top:1px solid #ede9fe;padding:5px 9px;display:flex;flex-direction:column;gap:2px;font-size:7px;flex-shrink:0;text-decoration:none;transition:background .2s ease}.mock-brand-bottom-strip:hover{background:#F3E8FF}.mock-brand-sku-row{display:flex;align-items:center;justify-content:space-between}.mock-brand-sku-name{font-weight:650;color:#4C1D95}.mock-brand-sku-metric{color:#7C3AED;font-weight:600}.eco-card-bottom{padding:16px 18px;display:flex;flex-direction:column;gap:6px;margin-top:auto}.eco-card-title{font-size:19px;font-weight:700;color:#171615;letter-spacing:-.02em;margin:0}.eco-card-desc{font-size:13.5px;color:#7A756C;line-height:1.45;margin:0 0 10px}.eco-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.eco-card-cta{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;font-size:11px;font-weight:750;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;transition:all .22s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 6px rgba(0,0,0,.04)}.eco-card-cta .arrow{transition:transform .2s ease;display:inline-block}.eco-card-cta:hover .arrow{transform:translateX(4px)}.eco-card-cta.cafe-cta{background:rgba(224,53,39,.1);color:#E03527;border:1px solid rgba(224,53,39,.25)}.eco-card-cta.cafe-cta:hover{background:#E03527;color:#FFFFFF;border-color:#E03527;box-shadow:0 4px 14px rgba(224,53,39,.28)}.eco-card-cta.supplier-cta{background:rgba(34,197,94,.1);color:#15803D;border:1px solid rgba(34,197,94,.25)}.eco-card-cta.supplier-cta:hover{background:#22C55E;color:#FFFFFF;border-color:#22C55E;box-shadow:0 4px 14px rgba(34,197,94,.28)}.eco-card-cta.brand-cta{background:rgba(139,92,246,.1);color:#6D28D9;border:1px solid rgba(139,92,246,.25)}.eco-card-cta.brand-cta:hover{background:#8B5CF6;color:#FFFFFF;border-color:#8B5CF6;box-shadow:0 4px 14px rgba(139,92,246,.28)}.eco-card-preview-btn{background:#FFFFFF;border:1px solid rgba(0,0,0,.1);color:#475569;padding:8px 12px;border-radius:999px;font-size:11px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .2s ease}.eco-card-preview-btn:hover{background:#F1F5F9;color:#0F172A;border-color:rgba(0,0,0,.18)}.eco-tab-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:rgba(15,17,23,.65);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:999999;display:flex;align-items:center;justify-content:center;padding:24px 20px;box-sizing:border-box}.eco-tab-ambient-glow{position:absolute;inset:0;pointer-events:none;z-index:1}.eco-tab-window{width:100%;max-width:1120px;height:84vh;max-height:760px;background:#FFFFFF;border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 32px 85px rgba(0,0,0,.35),0 0 0 1px rgba(0,0,0,.08);display:flex;flex-direction:column;position:relative;overflow:hidden;z-index:2}.eco-tab-titlebar{height:44px;background:#F8F9FA;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0}.eco-traffic-lights{display:flex;align-items:center;gap:6px;width:140px}.eco-traffic-dot{width:11px;height:11px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;padding:0;transition:transform .15s ease}.eco-traffic-dot:hover{transform:scale(1.15)}.eco-traffic-dot.is-close{background:#FF5F56}.eco-traffic-dot.is-minimize{background:#FFBD2E}.eco-traffic-dot.is-expand{background:#27C93F}.eco-traffic-symbol{font-size:7px;font-weight:800;color:rgba(0,0,0,.6);opacity:0;transition:opacity .15s ease}.eco-traffic-lights:hover .eco-traffic-symbol{opacity:1}.eco-tab-switcher{display:flex;align-items:center;background:#E2E8F0;padding:2.5px;border-radius:8px;gap:2px}.eco-tab-pill{position:relative;background:transparent;border:none;padding:4px 12px;border-radius:6px;font-size:11px;font-weight:600;color:#64748B;display:flex;align-items:center;gap:6px;cursor:pointer;transition:color .2s ease;font-family:var(--font-sans)}.eco-tab-pill.is-active{color:#0F172A}.eco-tab-pill-dot{width:6px;height:6px;border-radius:50%}.eco-tab-pill-idx{opacity:.6;font-family:ui-monospace,SFMono-Regular,monospace}.eco-tab-pill-indicator{position:absolute;inset:0;background:#FFFFFF;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.08);z-index:-1}.eco-tab-titlebar-right{display:flex;align-items:center;gap:8px;width:220px;justify-content:flex-end}.eco-tab-url-pill{display:flex;align-items:center;gap:4px;background:#FFFFFF;border:1px solid #cbd5e1;border-radius:6px;padding:3px 8px;font-size:10px;color:#334155;text-decoration:none;font-weight:500;transition:all .2s ease}.eco-tab-url-pill:hover{border-color:#94A3B8;color:#0F172A;box-shadow:0 1px 4px rgba(0,0,0,.06)}.eco-tab-esc-badge{background:#E2E8F0;border:none;border-radius:4px;padding:2px 5px;font-size:9px;color:#64748B;font-weight:600;cursor:pointer;text-transform:uppercase}.eco-tab-stage-panoramic{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#F8FAFC}.eco-tab-header-strip{padding:16px 24px;background:#FFFFFF;border-bottom:1px solid #eae8e3;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0}.eco-strip-left{max-width:600px}.eco-strip-eyebrow{font-size:10.5px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}.eco-strip-heading{font-size:19px;font-weight:700;color:#171615;letter-spacing:-.02em;margin:0 0 4px}.eco-strip-desc{font-size:12.5px;color:#6B7280;line-height:1.45;margin:0}.eco-strip-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0}.eco-strip-chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.eco-strip-chip{display:flex;align-items:center;gap:5px;background:#F8FAFC;border:1px solid #e2e8f0;border-radius:999px;padding:3px 9px;font-size:10.5px;color:#334155;font-weight:500}.eco-chip-dot{width:5px;height:5px;border-radius:50%}.eco-strip-visit-link{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;border:1px solid;font-size:11.5px;font-weight:700;text-decoration:none;background:#FFFFFF;transition:all .2s ease;box-shadow:0 2px 6px rgba(0,0,0,.04)}.eco-strip-visit-link:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.eco-tab-panoramic-workspace{flex:1;padding:20px 24px;overflow-y:auto;display:flex;flex-direction:column}.eco-tab-statusbar{height:32px;background:#F8F9FA;border-top:1px solid #e5e7eb;padding:0 18px;display:flex;align-items:center;justify-content:space-between;font-size:10.5px;color:#64748B;flex-shrink:0}.eco-status-left{display:flex;align-items:center;gap:6px}.eco-status-live-dot{width:5px;height:5px;border-radius:50%;background:#22C55E;box-shadow:0 0 5px #22C55E}.eco-status-sep{opacity:.5}.eco-status-right kbd,.eco-status-shortcut kbd{background:#E2E8F0;border:1px solid #cbd5e1;border-radius:3px;padding:1px 4px;font-size:9.5px;font-family:inherit;color:#1E293B}@media (max-width:860px){.eco-tab-overlay{padding:12px}.eco-tab-window{height:92vh;max-height:none;border-radius:16px}.eco-tab-titlebar{padding:0 12px}.eco-tab-titlebar-right,.eco-traffic-lights{width:auto}.eco-tab-url-pill{display:none}.eco-tab-header-strip{flex-direction:column;align-items:flex-start;padding:14px 18px;gap:12px}.eco-strip-right{align-items:flex-start;width:100%}.eco-strip-chips{justify-content:flex-start}.eco-tab-panoramic-workspace{padding:14px 16px}.eco-tab-statusbar{font-size:9.5px;padding:0 12px}.eco-tab-statusbar .eco-status-right{display:none}}#ecosystem-cards{background:#FFFFFF}#ecosystem-cards .eco-header-eyebrow{color:#6B6F76;background:none;border:0}#ecosystem-cards .eco-header-title{color:#0A0A0A}#ecosystem-cards .eco-header-desc{color:#5F636A}#ecosystem-cards .eco-grid{gap:20px}#ecosystem-cards .eco-card[data-eco-card-id=cafes]{--c:#E5483B}#ecosystem-cards .eco-card[data-eco-card-id=suppliers]{--c:#16A34A}#ecosystem-cards .eco-card[data-eco-card-id=brands]{--c:#7C4DDB}#ecosystem-cards .eco-card{height:100%;border-radius:22px;background:#FFFFFF;border:1px solid #e8e8ea;box-shadow:0 1px 2px rgba(0,0,0,.03);transform:none;transition:border-color .35s ease,box-shadow .45s ease,transform .45s cubic-bezier(.2,.7,.2,1)}#ecosystem-cards .eco-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--c) 28%,#E8E8EA);box-shadow:0 1px 2px rgba(0,0,0,.03),0 30px 60px -32px color-mix(in srgb,var(--c) 45%,rgba(0,0,0,.35))}#ecosystem-cards .eco-card-inner{display:flex;flex-direction:column;height:100%;padding:28px 28px 22px;gap:22px}#ecosystem-cards .eco-bento-head{position:relative;padding-right:48px}#ecosystem-cards .eco-bento-label{display:inline-flex;align-items:center;gap:8px;font-family:Geist Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:11px;letter-spacing:.12em;color:#8A8E95}#ecosystem-cards .eco-bento-label i{width:7px;height:7px;border-radius:50%;background:#C9CBCF;transition:background .35s ease,box-shadow .35s ease}#ecosystem-cards .eco-bento-title{margin:14px 0 0;font-family:Instrument Sans,Geist,ui-sans-serif,sans-serif;font-size:clamp(22px,1.9vw,28px);font-weight:500;line-height:1.12;letter-spacing:-.03em;color:#0A0A0A;text-wrap:balance}#ecosystem-cards .eco-bento-expand{position:absolute;top:0;right:0;width:40px;height:40px;display:grid;place-items:center;border-radius:10px;border:1px solid #ececee;background:#F6F6F7;color:#3A3D42;cursor:pointer;transition:background .3s ease,color .3s ease,border-color .3s ease,transform .3s ease}#ecosystem-cards .eco-bento-expand svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}#ecosystem-cards .eco-preview-container{position:relative;flex:1;border-radius:16px;padding:18px 16px 0;overflow:hidden;background:#F6F6F7;border:1px solid #efeff1;isolation:isolate}#ecosystem-cards .eco-preview-container:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(0,0,0,.07) 1px,transparent 1.2px);background-size:14px 14px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);mask-image:linear-gradient(180deg,#000,transparent 85%)}#ecosystem-cards .eco-preview-container:after{content:"";position:absolute;inset:-20%;z-index:-1;opacity:0;background:radial-gradient(55% 45% at 20% 10%,color-mix(in srgb,var(--c) 30%,transparent),transparent 70%),radial-gradient(60% 50% at 90% 100%,color-mix(in srgb,var(--c) 22%,transparent),transparent 70%);transition:opacity .5s ease}#ecosystem-cards .eco-preview-container .mock-preview-shell{filter:grayscale(1) contrast(.96);transition:filter .5s ease,transform .6s cubic-bezier(.2,.7,.2,1)}#ecosystem-cards .eco-bento-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}#ecosystem-cards .eco-bento-domain{font-family:Geist Mono,ui-monospace,monospace;font-size:12px;color:#9A9DA3}#ecosystem-cards .eco-bento-link{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;background:#0A0A0A;color:#FFFFFF;font-size:13.5px;font-weight:600;text-decoration:none;transition:background .35s ease}#ecosystem-cards .eco-bento-link span{transition:transform .3s ease}#ecosystem-cards .eco-card:hover .eco-bento-label{color:var(--c)}#ecosystem-cards .eco-card:hover .eco-bento-label i{background:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 16%,transparent)}#ecosystem-cards .eco-card:hover .eco-bento-expand{background:var(--c);border-color:var(--c);color:#FFFFFF}#ecosystem-cards .eco-bento-expand:hover{transform:scale(1.06)}#ecosystem-cards .eco-card:hover .eco-preview-container:after{opacity:1}#ecosystem-cards .eco-card:hover .eco-preview-container .mock-preview-shell{filter:none;transform:translateY(-4px)}#ecosystem-cards .eco-card:hover .eco-bento-link{background:var(--c)}#ecosystem-cards .eco-bento-link:hover span{transform:translate(2px,-2px)}@media (prefers-reduced-motion:reduce){#ecosystem-cards .eco-card,#ecosystem-cards .eco-card:hover,#ecosystem-cards .eco-card:hover .eco-preview-container .mock-preview-shell{transform:none}}#ecosystem-cards .eco-container{pointer-events:auto}