.landing-universe-wrapper{position:relative;width:100%;background-color:var(--universe-bg,#FFFFFF)}.product-universe{position:relative;width:100%;overflow:hidden;background-color:#16A34A;isolation:isolate}.universe-atmospheric-layer{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.env-atmospheric-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transition:opacity .4s ease}.env-atmospheric-field.cafe-field{background:radial-gradient(ellipse 75% 55% at 75% 25%,rgba(255,95,65,.45) 0,rgba(224,53,39,.25) 35%,transparent 70%),radial-gradient(circle at 20% 60%,rgba(255,130,70,.22) 0,transparent 50%)}.env-atmospheric-field.supplier-field{background:radial-gradient(ellipse 75% 55% at 25% 50%,rgba(34,197,94,.5) 0,rgba(22,163,74,.35) 35%,transparent 70%),radial-gradient(circle at 80% 40%,rgba(134,239,172,.25) 0,transparent 50%)}.env-atmospheric-field.brand-field{background:radial-gradient(ellipse 80% 60% at 50% 75%,rgba(168,85,247,.5) 0,rgba(109,40,217,.35) 35%,transparent 70%),radial-gradient(circle at 30% 30%,rgba(216,180,254,.25) 0,transparent 50%)}.product-story-section{position:relative;width:100%;min-height:100vh;padding:clamp(36px,5vh,64px) clamp(20px,4vw,64px);display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;z-index:5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.product-story-container{width:100%;max-width:1440px;margin:0 auto;position:relative;z-index:5}.product-ambient-glow{position:absolute;width:620px;height:480px;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:1;transition:opacity .5s ease}#for-cafes.product-story-section{color:#FFFFFF;background-color:#E03527!important}#for-cafes .product-ambient-glow{background:radial-gradient(circle,rgba(224,53,39,.5) 0,rgba(255,107,74,.2) 65%,transparent 100%);right:4%;top:16%}#for-cafes .section-eyebrow{color:#991B1B;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.95);box-shadow:0 2px 8px rgba(0,0,0,.1)}#for-cafes .feature-num{color:#FECACA}#for-suppliers.product-story-section{color:#FFFFFF;min-height:100vh;padding-top:clamp(36px,5vh,64px);padding-bottom:clamp(36px,5vh,64px);scroll-margin-top:70px;background:transparent!important}#for-suppliers .product-ambient-glow{background:radial-gradient(circle,rgba(34,197,94,.5) 0,rgba(134,239,172,.2) 65%,transparent 100%);left:4%;top:16%}#for-suppliers .section-eyebrow{color:#14532D;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.95);box-shadow:0 2px 8px rgba(0,0,0,.1)}#for-suppliers .feature-num{color:#86EFAC}#for-brands.product-story-section{color:#FFFFFF;min-height:100vh;padding-top:clamp(36px,5vh,64px);padding-bottom:clamp(36px,5vh,64px);scroll-margin-top:70px;background:transparent!important}#for-brands .product-ambient-glow{background:radial-gradient(circle,rgba(168,85,247,.5) 0,rgba(216,180,254,.2) 65%,transparent 100%);right:20%;left:auto;top:25%;transform:none}#for-brands .section-eyebrow{color:#3B0764;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.95);box-shadow:0 2px 8px rgba(0,0,0,.1)}#for-brands .feature-num{color:#E9D5FF}.section-eyebrow{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;padding:3px 10px;border-radius:9999px;margin-bottom:12px;width:fit-content;user-select:none;box-shadow:0 2px 8px rgba(0,0,0,.1)}.section-title{font-size:clamp(25px,2.1vw,35px);line-height:1.15;letter-spacing:-.025em;font-weight:700;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.2)}#for-brands .section-title,#for-cafes .section-title,#for-suppliers .section-title,.section-title{color:#FFFFFF!important}.section-description{font-size:14px;line-height:1.5;margin-top:12px;margin-bottom:22px;max-width:410px;text-shadow:0 1px 3px rgba(0,0,0,.12)}#for-brands .section-description,#for-cafes .section-description,#for-suppliers .section-description,.section-description{color:rgba(255,255,255,.88)!important}.feature-list{display:flex;flex-direction:column;gap:9px}.feature-item{display:flex;align-items:flex-start;gap:10px;opacity:.72;cursor:pointer;padding:7px 11px;border-radius:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(14px);box-shadow:0 3px 12px rgba(0,0,0,.08);transition:opacity .25s ease,transform .25s cubic-bezier(.16,1,.3,1),background .25s ease,border-color .25s ease,box-shadow .25s ease;user-select:none}.feature-item:hover{opacity:.95;background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.32);transform:translateX(3px)}#for-cafes .feature-item.active{border:1px solid rgba(254,240,138,.85);box-shadow:0 0 20px rgba(250,204,21,.4),0 6px 24px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.5)}#for-cafes .feature-item.active,#for-suppliers .feature-item.active{opacity:1;transform:translateX(6px);background:rgba(255,255,255,.24)}#for-suppliers .feature-item.active{border:1px solid rgba(134,239,172,.85);box-shadow:0 0 20px rgba(34,197,94,.4),0 6px 24px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.5)}#for-brands .feature-item.active{opacity:1;transform:translateX(6px);background:rgba(255,255,255,.24);border:1px solid rgba(216,180,254,.85);box-shadow:0 0 20px rgba(168,85,247,.4),0 6px 24px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.5)}.feature-num{font-family:var(--font-mono,ui-monospace,SFMono-Regular,monospace);font-size:10px;font-weight:700;letter-spacing:.04em;padding-top:1.5px;flex-shrink:0;font-variant-numeric:tabular-nums;transition:color .2s ease}.feature-content{display:flex;flex-direction:column;gap:1.5px}.feature-heading{font-size:13px;font-weight:600;line-height:1.3}#for-brands .feature-heading,#for-cafes .feature-heading,#for-suppliers .feature-heading,.feature-heading{color:#FFFFFF!important}.feature-text{font-size:11.5px;line-height:1.38}#for-brands .feature-text,#for-cafes .feature-text,#for-suppliers .feature-text,.feature-text{color:rgba(255,255,255,.84)!important}.product-text-column{width:100%;max-width:440px;display:flex;flex-direction:column;justify-content:center}.product-grid-cafe{display:grid;grid-template-columns:32% 68%;align-items:center;gap:clamp(28px,3.2vw,52px)}.product-grid-supplier{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}.product-grid-brand,.product-grid-supplier{display:grid;align-items:center;gap:clamp(28px,3.2vw,52px);width:100%}.product-grid-brand{grid-template-columns:minmax(0,1fr) minmax(0,1.55fr)}.brand-vertical-layout{gap:28px}.brand-details-bottom,.brand-details-top,.brand-vertical-layout{display:flex;flex-direction:column;align-items:center;width:100%}.brand-details-bottom,.brand-details-top{max-width:960px;margin:0 auto}.brand-cards-row{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.brand-mini-eyebrow-container{display:flex;justify-content:center}.brand-features-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.5vw,32px);width:100%;background:rgba(255,255,255,.12);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:14px 18px;box-sizing:border-box;box-shadow:0 10px 30px rgba(0,0,0,.15)}.brand-stage-centered,.product-stage{width:100%;display:flex;justify-content:center}.product-stage{align-items:center;z-index:2;isolation:isolate;perspective:1600px}.product-frame,.product-stage{position:relative;transform-style:preserve-3d}.product-frame{width:100%;aspect-ratio:16/10;max-width:980px;background:#FFFFFF;border:1px solid rgba(255,255,255,.45);border-radius:14px;box-shadow:0 25px 70px rgba(0,0,0,.28),0 8px 24px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.95);overflow:hidden;display:flex;flex-direction:column;will-change:transform,opacity;transition:box-shadow .35s ease}#for-cafes .product-frame{box-shadow:0 25px 70px rgba(161,98,7,.35),0 8px 24px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.95)}#for-suppliers .product-frame{box-shadow:0 25px 70px rgba(21,128,61,.38),0 8px 24px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.95)}#for-brands .product-frame{box-shadow:0 25px 70px rgba(109,40,217,.42),0 8px 24px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.95)}.product-frame:hover{box-shadow:0 35px 90px rgba(0,0,0,.38),0 12px 30px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.98)}.motion-timeline-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 14px;background:#F8FAFC;border-bottom:1px solid rgba(23,23,23,.07);font-size:11px}.motion-timeline-badge{display:inline-flex;align-items:center;gap:6px;font-size:9.5px;font-weight:700;letter-spacing:.08em;color:#64748B;text-transform:uppercase;flex-shrink:0}.motion-live-dot{width:6px;height:6px;border-radius:50%;animation:pulse-ring 2s infinite}.motion-steps-list{display:flex;align-items:center;gap:8px;flex:1;max-width:480px}.motion-step-pill{position:relative;display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:6px;background:rgba(0,0,0,.03);color:#64748B;font-size:10.5px;font-weight:500;overflow:hidden;transition:all .2s ease;user-select:none}.motion-step-pill.active{background:#FFFFFF;color:#0F172A;font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.06)}.motion-step-pill.completed{color:#0F172A;background:rgba(0,0,0,.05)}.motion-step-num{font-family:var(--font-mono,monospace);font-size:9.5px;font-weight:700;opacity:.7}.motion-step-progress-fill{position:absolute;bottom:0;left:0;width:100%;height:2px;transform-origin:left}.motion-play-pause-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#FFFFFF;border:1px solid rgba(23,23,23,.1);color:#475569;cursor:pointer;transition:all .15s ease;flex-shrink:0}.motion-play-pause-btn:hover{background:#F1F5F9;color:#0F172A;transform:scale(1.05)}.animated-virtual-cursor{position:absolute;pointer-events:none;z-index:20;transition:transform .15s ease}.cursor-body{position:relative;display:flex;align-items:center}.cursor-body.clicking svg{transform:scale(.88);transition:transform .1s ease}.cursor-label-tag{margin-left:8px;padding:2px 7px;border-radius:9999px;color:#FFFFFF;font-size:10px;font-weight:600;letter-spacing:.02em;box-shadow:0 2px 6px rgba(0,0,0,.2);white-space:nowrap}.cursor-click-ripple{position:absolute;top:0;left:0;width:20px;height:20px;border-radius:50%;border:2px solid;pointer-events:none}.dash-dot-grid{background-image:radial-gradient(rgba(15,23,42,.08) 1.2px,transparent 0);background-size:16px 16px}.attio-workflow-node{position:absolute;z-index:20;display:flex;align-items:center;gap:10px;padding:8px 14px;background:#FFFFFF;border:1px solid rgba(23,23,23,.1);border-radius:10px;box-shadow:0 10px 25px -4px rgba(0,0,0,.1),0 2px 6px rgba(0,0,0,.04);pointer-events:auto;user-select:none;backdrop-filter:blur(8px)}.node-icon-box{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;background:rgba(0,0,0,.04);flex-shrink:0}.node-content{display:flex;flex-direction:column;gap:1px}.node-title-row{display:flex;align-items:center;gap:6px}.node-title{font-size:12px;font-weight:600;color:#0F172A;letter-spacing:-.01em}.node-badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:1px 6px;border-radius:4px}.node-subtitle{font-size:10.5px;color:#64748B}.node-handle-dot{position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:#FFFFFF;border:2px solid;box-shadow:0 1px 3px rgba(0,0,0,.15)}.attio-bezier-cable{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:15;overflow:visible}.attio-motion-rail{display:flex;flex-direction:column;gap:8px;padding:14px 12px;background:rgba(255,255,255,.65);border-right:1px solid rgba(23,23,23,.08);width:180px;flex-shrink:0}.attio-rail-header{margin-bottom:6px}.attio-rail-kicker{font-size:9.5px;font-weight:700;letter-spacing:.1em;color:#94A3B8;text-transform:uppercase}.attio-rail-list{gap:4px}.attio-rail-item,.attio-rail-list{display:flex;flex-direction:column}.attio-rail-item{position:relative;align-items:flex-start;text-align:left;padding:6px 10px 6px 14px;border-radius:6px;background:transparent;border:none;cursor:pointer;transition:all .2s ease}.attio-rail-item:hover{background:rgba(0,0,0,.03)}.attio-rail-item.active{background:#FFFFFF;box-shadow:0 1px 3px rgba(0,0,0,.06)}.attio-rail-active-indicator{position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:9999px}.attio-rail-label{font-size:12px;font-weight:600;color:#0F172A;line-height:1.25}.attio-rail-item:not(.active) .attio-rail-label{color:#64748B;font-weight:500}.attio-rail-sub{font-size:10px;color:#94A3B8;margin-top:2px}.dash-workflow-showcase{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:5px 12px;margin-bottom:2px;background:#FFFFFF;border-radius:7px;border:1px solid rgba(23,23,23,.08);box-shadow:0 1px 3px rgba(0,0,0,.03);overflow:hidden;flex-shrink:0}.workflow-target-card{position:relative;z-index:10;display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right;flex-shrink:0}.workflow-target-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:-.01em;border:1px solid transparent;transition:all .3s ease}.workflow-target-time{font-size:10px;color:#64748B;font-weight:500}.dashboard-card{transition:opacity .3s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease}.dashboard-main.has-active-feature .dashboard-card{opacity:.88}.dashboard-main.has-active-feature .dashboard-card:hover{opacity:1}.dashboard-main.has-active-feature .dashboard-card.highlight-active-cafe{opacity:1!important;border-color:#FECACA!important;box-shadow:0 0 0 1px #F87171,0 12px 28px rgba(224,53,39,.08)!important;background:#FFFBFB!important}.dashboard-main.has-active-feature .dashboard-card.highlight-active-supplier{opacity:1!important;border-color:#C7F9D6!important;box-shadow:0 0 0 1px #86EFAC,0 12px 28px rgba(34,197,94,.08)!important;background:#FAFFFC!important}.dashboard-main.has-active-feature .dashboard-card.highlight-active-brand{opacity:1!important;border-color:#E9D5FF!important;box-shadow:0 0 0 1px #C4B5FD,0 12px 28px rgba(109,40,217,.08)!important;background:#FCFAFF!important}.browser-top-bar{height:32px;background:#FAFAFA;border-bottom:1px solid rgba(23,23,23,.06);justify-content:space-between;padding:0 12px;user-select:none;flex-shrink:0;box-sizing:border-box}.browser-dots,.browser-top-bar{display:flex;align-items:center}.browser-dots{gap:5px}.browser-dot{width:7.5px;height:7.5px;border-radius:50%;background:#E5E5E5}.browser-dot:first-child{background:#FF5F56}.browser-dot:nth-child(2){background:#FFBD2E}.browser-dot:nth-child(3){background:#27C93F}.browser-url-pill{font-size:10px;font-family:var(--font-mono,monospace);color:#666666;background:#FFFFFF;border:1px solid rgba(23,23,23,.06);border-radius:5px;padding:1.5px 8px;display:inline-flex;align-items:center;gap:5px}.browser-url-lock{width:8px;height:8px;opacity:.6}.browser-actions{display:flex;align-items:center;gap:8px}.browser-status-tag{font-size:9px;font-weight:600;padding:1px 5px;border-radius:4px;background:#F0FDF4;color:#166534;border:1px solid #dcfce7}.browser-user-badge{font-size:10px;font-weight:600;color:#525252;display:flex;align-items:center;gap:5px}.browser-avatar{width:17px;height:17px;border-radius:50%;background:#171717;color:#FFFFFF;font-size:8px;display:grid;place-items:center;font-weight:700}.dashboard-layout{display:flex;flex:1;min-height:0;height:calc(100% - 62px);background:#FFFFFF;position:relative;overflow:hidden;box-sizing:border-box}.dashboard-sidebar{width:156px;flex-shrink:0;height:100%;overflow-y:auto;scrollbar-width:none;background:#FAFAFA;border-right:1px solid rgba(23,23,23,.06);padding:10px 8px;display:flex;flex-direction:column;justify-content:space-between;user-select:none;box-sizing:border-box}.dashboard-sidebar::-webkit-scrollbar{display:none}.sidebar-brand-header{display:flex;align-items:center;gap:8px;padding:3px 6px 9px;border-bottom:1px solid rgba(23,23,23,.05);margin-bottom:8px}.sidebar-grabbit-logo{display:flex;align-items:center;gap:6px}.grabbit-mark{width:18px;height:18px;border-radius:4px;background:#171717;color:#FFFFFF;display:grid;place-items:center;font-size:10px;font-weight:900;letter-spacing:-.05em;flex-shrink:0}.grabbit-name{font-size:11.5px;font-weight:800;letter-spacing:.04em;color:#171717;text-transform:uppercase}.sidebar-org-sub{font-size:10px;color:#737373;margin-left:auto;font-weight:500}.sidebar-nav-section-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#8C8C8C;padding:6px 6px 3px}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.sidebar-item{display:flex;align-items:center;gap:8px;padding:5px 7px;border-radius:6px;font-size:11.5px;font-weight:500;color:#666666;cursor:pointer;transition:all .15s ease;position:relative;text-align:left;border:none;background:transparent;width:100%}.sidebar-item-icon{width:14px;height:14px;opacity:.7;flex-shrink:0}.sidebar-item:hover{background:rgba(23,23,23,.03);color:#171717}.sidebar-item:hover .sidebar-item-icon{opacity:1}.sidebar-item.active{font-weight:600;color:#171717}.sidebar-item.active .sidebar-item-icon{opacity:1}#for-cafes .sidebar-item.active{background:#FEF9C3;color:#854D0E}#for-cafes .sidebar-item.active:before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:2.5px;border-radius:2px;background:#FACC15}#for-suppliers .sidebar-item.active{background:#DCFCE7;color:#166534}#for-suppliers .sidebar-item.active:before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:2.5px;border-radius:2px;background:#22C55E}#for-brands .sidebar-item.active{background:#EDE9FE;color:#6D28D9}#for-brands .sidebar-item.active:before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:2.5px;border-radius:2px;background:#6D28D9}.sidebar-badge-count{margin-left:auto;font-size:9.5px;font-weight:600;padding:1px 5px;border-radius:4px;background:rgba(23,23,23,.05);color:#737373;font-variant-numeric:tabular-nums}.sidebar-footer{padding-top:8px;border-top:1px solid rgba(23,23,23,.05);display:flex;flex-direction:column;gap:2px}.sidebar-pill-status{font-size:10px;color:#15803D;display:flex;align-items:center;gap:6px;font-weight:600;padding:5px 7px;background:#F0FDF4;border-radius:6px;margin-top:6px}.status-dot-pulse{width:6px;height:6px;border-radius:50%;background:#22C55E;position:relative}.status-dot-pulse:after{content:"";position:absolute;inset:-2px;border-radius:50%;border:1.5px solid #22c55e;opacity:.6;animation:livePulse 2.5s ease-out infinite}@keyframes livePulse{0%{transform:scale(.9);opacity:.8}70%{transform:scale(2.2);opacity:0}to{transform:scale(2.2);opacity:0}}.dashboard-main{flex:1;min-width:0;min-height:0;height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:auto;scroll-behavior:auto;-webkit-overflow-scrolling:touch;padding:10px 14px 20px;display:flex;flex-direction:column;gap:10px;background:#FFFFFF;box-sizing:border-box;position:relative;scrollbar-color:rgba(0,0,0,.22) rgba(0,0,0,.02)}.dashboard-main::-webkit-scrollbar{width:6px}.dashboard-main::-webkit-scrollbar-track{background:rgba(0,0,0,.02);border-radius:9999px}.dashboard-main::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:9999px;border:1px solid rgba(255,255,255,.6);transition:background .15s ease}.dashboard-main:hover::-webkit-scrollbar-thumb{background:rgba(0,0,0,.38)}.dashboard-top-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:6px;border-bottom:1px solid rgba(23,23,23,.05);flex-shrink:0}.dashboard-heading-group{display:flex;flex-direction:column;gap:1px}.dashboard-title-row{display:flex;align-items:center;gap:7px}.dashboard-page-title{font-size:14.5px;font-weight:700;color:#171717;margin:0;letter-spacing:-.01em}.dashboard-page-subtitle{font-size:10px;color:#737373}.dashboard-top-nav-right{display:flex;align-items:center;gap:8px}.dash-date-indicator{font-size:10.5px;font-weight:500;color:#666666;background:#F7F7F7;border:1px solid rgba(23,23,23,.05);border-radius:6px;padding:3.5px 8px;display:inline-flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums}.dash-icon-btn{width:28px;height:28px;border-radius:6px;border:1px solid rgba(23,23,23,.07);background:#FFFFFF;color:#666666;display:grid;place-items:center;cursor:pointer;position:relative;transition:all .15s ease}.dash-icon-btn:hover{background:#F9F9F9;color:#171717}.dash-icon-btn:focus-visible{outline:2px solid #171717;outline-offset:2px}.dash-notif-dot{position:absolute;top:5px;right:5px;width:5px;height:5px;border-radius:50%;background:#EF4444}.dash-btn-primary{height:32px;font-size:11.5px;font-weight:600;padding:0 12px;border-radius:6px;border:1px solid rgba(0,0,0,.07);cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:filter .15s ease,transform .15s ease,box-shadow .15s ease;user-select:none}.dash-btn-primary:hover{filter:brightness(.96);transform:translateY(-.5px);box-shadow:0 2px 6px rgba(0,0,0,.06)}.dash-btn-primary:active{transform:translateY(1px)}.dash-btn-primary:focus-visible{outline:2px solid currentColor;outline-offset:2px}#for-cafes .dash-btn-primary{background:#FACC15;color:#171717}#for-suppliers .dash-btn-primary{background:#22C55E;color:#FFFFFF}#for-brands .dash-btn-primary{background:#6D28D9;color:#FFFFFF}.dashboard-overview-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;flex-shrink:0}.dashboard-stat{padding:8px 12px;background:#FAFAFA;border:1px solid rgba(23,23,23,.05);border-radius:7px;display:flex;flex-direction:column;gap:2px;transition:border-color .2s ease,background .2s ease;box-shadow:0 1px 2px rgba(0,0,0,.02)}.dashboard-stat:hover{background:#FFFFFF;border-color:rgba(23,23,23,.1)}.stat-label{font-size:9.5px;font-weight:600;color:#737373;text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;justify-content:space-between}.stat-value{font-size:18px;font-weight:700;color:#171717;letter-spacing:-.025em;font-family:inherit;display:flex;align-items:baseline;gap:2px}.stat-value-animated{font-variant-numeric:tabular-nums}.stat-trend{font-size:8.5px;font-weight:600;display:inline-flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums}.stat-trend.positive{color:#16A34A}.stat-trend.warning{color:#D97706}.stat-trend.neutral{color:#737373}.stat-context{font-size:9.5px;color:#8C8C8C;font-weight:400}.dashboard-controls-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.dash-search-box{display:flex;align-items:center;gap:6px;font-size:11px;color:#737373;background:#FBFBFB;border:1px solid rgba(23,23,23,.07);border-radius:6px;padding:4.5px 10px;flex:1;max-width:240px;transition:all .15s ease}.dash-search-box:focus-within{background:#FFFFFF;border-color:#171717;color:#171717;box-shadow:0 0 0 2px rgba(23,23,23,.06)}.dash-search-input{border:none;background:transparent;outline:none;font-size:11px;color:#171717;width:100%}.dash-filter-group{display:flex;align-items:center;gap:6px}.dash-filter-pill{font-size:10.5px;font-weight:500;color:#525252;background:#FFFFFF;border:1px solid rgba(23,23,23,.08);border-radius:6px;padding:4px 8px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .15s ease}.dash-filter-pill:hover{background:#F5F5F5;color:#171717}.dash-filter-pill:focus-visible{outline:2px solid #171717;outline-offset:2px}.dashboard-bento{display:grid;grid-template-columns:1.5fr 1fr;gap:8px}.dashboard-card{background:#FFFFFF;border:1px solid rgba(23,23,23,.07);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;position:relative;box-shadow:0 1px 2px rgba(0,0,0,.02)}.card-header{justify-content:space-between;margin-bottom:6px}.card-header,.card-title{display:flex;align-items:center}.card-title{font-size:11px;font-weight:700;color:#171717;gap:5px}.card-subtitle{font-size:9.5px;color:#737373}.dashboard-table-container{width:100%;max-height:none;overflow-y:visible;overflow-x:auto;-webkit-overflow-scrolling:touch}.dashboard-table{width:100%;border-collapse:collapse;font-size:11px}.dashboard-table th{text-align:left;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#8C8C8C;padding:5px 6px;border-bottom:1px solid rgba(23,23,23,.05)}.dashboard-table-row{height:33px;border-bottom:1px solid rgba(23,23,23,.04);cursor:pointer;transition:background .18s ease-out}.dashboard-table-row:focus-visible{outline:2px solid #171717;outline-offset:-2px}.dashboard-table-row:hover{background:#F9FAFB}.dashboard-table-row.selected{background:#F3F4F6}#for-cafes .dashboard-table-row.selected{background:#FEFCE8}#for-suppliers .dashboard-table-row.selected{background:#F0FDF4}#for-brands .dashboard-table-row.selected{background:#F5F3FF}.dashboard-table td{padding:6px;vertical-align:middle}.table-cell-bold{font-weight:600;color:#171717}.table-cell-sub{color:#737373;font-variant-numeric:tabular-nums}.table-cell-num{font-family:var(--font-mono,monospace);font-weight:600;color:#171717;font-variant-numeric:tabular-nums}.table-action-arrow{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;color:#A3A3A3;transition:all .18s ease-out}.dashboard-table-row:hover .table-action-arrow{color:#171717;transform:translateX(2px);background:rgba(23,23,23,.04)}.status-pill{font-size:9.5px;font-weight:600;padding:2px 7px;border-radius:9999px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.status-dot{width:5px;height:5px;border-radius:50%}.status-pill.status-processing{background:#FEF9C3;color:#854D0E}.status-pill.status-processing .status-dot{background:#CA8A04}.status-pill.status-active,.status-pill.status-transit{background:#FEF08A;color:#713F12}.status-pill.status-active .status-dot,.status-pill.status-transit .status-dot{background:#EAB308}.status-pill.status-available,.status-pill.status-completed,.status-pill.status-delivered{background:#DCFCE7;color:#166534}.status-pill.status-available .status-dot,.status-pill.status-completed .status-dot,.status-pill.status-delivered .status-dot{background:#22C55E}.status-pill.status-scheduled{background:#EDE9FE;color:#6D28D9}.status-pill.status-scheduled .status-dot{background:#7C3AED}.status-pill.status-delayed,.status-pill.status-low{background:#FEE2E2;color:#991B1B}.status-pill.status-delayed .status-dot,.status-pill.status-low .status-dot{background:#EF4444}.order-detail-card{display:flex;flex-direction:column;gap:10px}.order-detail-header{padding-bottom:8px;border-bottom:1px solid rgba(23,23,23,.05)}.order-detail-id{font-size:11px;font-family:var(--font-mono,monospace);font-weight:700;color:#171717;font-variant-numeric:tabular-nums}.order-detail-supplier{font-size:13px;font-weight:700;color:#171717;margin-top:1px}.order-detail-meta{display:flex;align-items:center;justify-content:space-between;margin-top:4px;font-size:11px;color:#737373}.timeline-vertical{position:relative;display:flex;flex-direction:column;gap:10px;padding-left:18px;margin-top:4px}.timeline-v-line{bottom:8px;background:#E5E5E5}.timeline-v-line,.timeline-v-line-progress{position:absolute;left:5px;top:6px;width:1.5px}.timeline-v-line-progress{height:72%;background:#FACC15}.timeline-v-item{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;font-size:11px}.timeline-v-node{position:absolute;left:-18px;top:2.5px;width:8px;height:8px;border-radius:50%;background:#FFFFFF;border:1.5px solid #d4d4d4;box-shadow:0 0 0 2px #FFFFFF}.timeline-v-item.completed .timeline-v-node{background:#FACC15;border-color:#EAB308}.timeline-v-item.active .timeline-v-node{background:#FACC15;border-color:#171717;box-shadow:0 0 0 2.5px rgba(250,204,21,.4)}.timeline-v-content{display:flex;flex-direction:column}.timeline-v-label{font-weight:600;color:#171717;font-size:11px}.timeline-v-sub{font-size:9.5px;color:#8C8C8C}.timeline-v-time{font-family:var(--font-mono,monospace);font-size:9.5px;color:#737373;flex-shrink:0;font-variant-numeric:tabular-nums}.inventory-list{gap:8px}.inventory-list,.inventory-row{display:flex;flex-direction:column}.inventory-row{gap:3px}.inventory-row-header{display:flex;align-items:center;justify-content:space-between;font-size:10.5px}.inventory-item-name{font-weight:600;color:#171717}.inventory-bar-bg{width:100%;height:4.5px;border-radius:9999px;background:#F0F0F0;overflow:hidden}.inventory-bar-fill{height:100%;border-radius:9999px;background:#22C55E;transition:width .6s ease-out}.inventory-bar-fill.warning{background:#EF4444}.btn-reorder-micro{font-size:9.5px;font-weight:600;color:#854D0E;background:#FEF9C3;border:1px solid #fde68a;border-radius:4px;padding:1.5px 6px;cursor:pointer;transition:all .15s ease}.btn-reorder-micro:hover{background:#FDE68A}.btn-reorder-micro:focus-visible{outline:2px solid #854D0E;outline-offset:1px}.spend-chart-container{display:flex;flex-direction:column;gap:6px;margin-top:4px}.spend-chart-bars{display:flex;align-items:flex-end;gap:8px;height:54px;padding-bottom:4px;border-bottom:1px solid rgba(23,23,23,.05)}.spend-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;height:100%;justify-content:flex-end;position:relative;cursor:pointer}.spend-bar{width:100%;max-width:20px;border-radius:2px 2px 0 0;background:#E5E5E5;transition:height .6s cubic-bezier(.16,1,.3,1),background .18s ease}.spend-col:hover .spend-bar{filter:brightness(.92)}.spend-bar.active{background:#FACC15}#for-suppliers .spend-bar.active{background:#22C55E}#for-brands .spend-bar.active{background:#6D28D9}.spend-col-label{font-size:9.5px;color:#8C8C8C;font-family:inherit}.chart-tooltip{position:absolute;bottom:100%;margin-bottom:6px;background:#171717;color:#FFFFFF;font-size:9px;font-weight:600;padding:3px 6px;border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(3px);transition:opacity .15s ease-out,transform .15s ease-out;z-index:40;box-shadow:0 4px 12px rgba(0,0,0,.15)}.spend-col:focus-visible .chart-tooltip,.spend-col:hover .chart-tooltip{opacity:1;transform:translateY(0)}.pipeline-card{grid-column:span 2}.pipeline-steps{display:flex;align-items:center;justify-content:space-between;position:relative;padding:8px 8px 4px}.pipeline-line-bg{right:24px;background:#E5E5E5;z-index:1}.pipeline-line-bg,.pipeline-line-fill{position:absolute;top:18px;left:24px;height:1.5px}.pipeline-line-fill{width:66%;background:#22C55E;z-index:2;transition:width .5s ease}.pipeline-step-node{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.pipeline-circle{width:17px;height:17px;border-radius:50%;background:#FFFFFF;border:1.5px solid #d4d4d4;display:grid;place-items:center;font-size:8.5px;font-weight:700;color:#737373;transition:all .2s ease}.pipeline-step-node.completed .pipeline-circle{background:#22C55E;border-color:#16A34A;color:#FFFFFF}.pipeline-step-node.active .pipeline-circle{background:#FFFFFF;border-color:#22C55E;color:#166534;box-shadow:0 0 0 2.5px rgba(34,197,94,.2)}.pipeline-step-title{font-size:10px;color:#171717}.pipeline-step-count{font-size:9px;font-family:var(--font-mono,monospace);color:#737373;font-variant-numeric:tabular-nums}.delivery-item-row{display:flex;align-items:center;justify-content:space-between;padding:5px 0;border-bottom:1px solid rgba(23,23,23,.04);font-size:10.5px}.delivery-item-row:last-child{border-bottom:none}.delivery-prog-bar{width:44px;height:3.5px;border-radius:9999px;background:#E5E5E5;overflow:hidden}.delivery-prog-fill{height:100%;background:#22C55E;border-radius:9999px}.network-viz-container{height:68px;position:relative;background:#FAF8FF;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center}.network-svg{width:100%;height:100%}.dash-filter-pill.active{background:#171717;color:#FFFFFF;border-color:#171717;font-weight:600}#for-suppliers .dash-filter-pill.active{background:#15803D;color:#FFFFFF;border-color:#15803D}#for-brands .dash-filter-pill.active{background:#6D28D9;color:#FFFFFF;border-color:#6D28D9}.dash-view-tabs{display:flex;align-items:center;gap:5px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.dash-view-tabs::-webkit-scrollbar{display:none}.dash-tab-btn{font-size:10px;font-weight:600;padding:3.5px 8px;border-radius:6px;border:1px solid rgba(23,23,23,.08);background:#FAFAFA;color:#666666;cursor:pointer;white-space:nowrap;transition:all .15s ease;display:inline-flex;align-items:center;gap:4px}.dash-tab-btn:hover{background:#FFFFFF;color:#171717;border-color:rgba(23,23,23,.16)}.dash-tab-btn.active{background:#171717;color:#FFFFFF;border-color:#171717}#for-suppliers .dash-tab-btn.active{background:#166534;color:#FFFFFF;border-color:#166534}#for-brands .dash-tab-btn.active{background:#6D28D9;color:#FFFFFF;border-color:#6D28D9}.dash-scroll-prompt{position:sticky;bottom:6px;left:50%;transform:translateX(-50%);margin:0 auto;width:fit-content;display:inline-flex;align-items:center;gap:6px;background:rgba(15,23,42,.9);backdrop-filter:blur(8px);color:#FFFFFF;font-size:10px;font-weight:600;padding:4px 12px;border-radius:9999px;box-shadow:0 4px 14px rgba(0,0,0,.22);pointer-events:none;z-index:35;transition:opacity .3s ease,transform .3s ease;border:1px solid rgba(255,255,255,.15);animation:promptBob 2s ease-in-out infinite}@keyframes promptBob{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-3px)}}.dash-scroll-prompt.faded{opacity:0;transform:translateX(-50%) translateY(10px);pointer-events:none}.dash-moat-section{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px dashed rgba(23,23,23,.1)}.dash-section-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.dash-section-title{font-size:11px;font-weight:700;color:#171717;display:flex;align-items:center;gap:6px}.dash-section-badge{font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.whatsapp-po-stream{display:flex;flex-direction:column;gap:6px}.whatsapp-po-card{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;background:#F9FAFB;border:1px solid rgba(23,23,23,.06);border-radius:7px;gap:10px;transition:all .15s ease}.whatsapp-po-card:hover{background:#FFFFFF;border-color:#22C55E;box-shadow:0 2px 8px rgba(34,197,94,.08)}.whatsapp-tag{font-size:9px;font-weight:700;background:#DCFCE7;color:#166534;padding:2px 6px;border-radius:4px;display:inline-flex;align-items:center;gap:4px}.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.route-van-card{padding:8px 10px;background:#FAFAFA;border:1px solid rgba(23,23,23,.06);border-radius:7px;display:flex;flex-direction:column;gap:4px;cursor:pointer;transition:all .15s ease}.route-van-card.selected,.route-van-card:hover{background:#FFFFFF;border-color:#15803D;box-shadow:0 2px 8px rgba(21,128,61,.08)}.settlement-ledger-card{padding:10px 12px;background:linear-gradient(135deg,#F0FDF4,#FFFFFF);border:1px solid #bbf7d0;border-radius:8px;display:flex;flex-direction:column;gap:8px}.settlement-stat-row{display:flex;align-items:center;justify-content:space-between;font-size:11px}.barista-reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.barista-quote-card{padding:8px 10px;background:#FCFAFF;border:1px solid #e9d5ff;border-radius:7px;display:flex;flex-direction:column;gap:5px;transition:all .15s ease}.barista-quote-card:hover{background:#FFFFFF;border-color:#8B5CF6;box-shadow:0 2px 8px rgba(139,92,246,.1)}.conversion-funnel-card{padding:10px 12px;background:#FAF8FF;border:1px solid #ddd6fe;border-radius:8px;display:flex;flex-direction:column;gap:8px}.funnel-bar-step{display:flex;flex-direction:column;gap:3px}.funnel-bar-track{width:100%;height:5px;background:#EDE9FE;border-radius:9999px;overflow:hidden}.funnel-bar-fill{height:100%;background:linear-gradient(90deg,#8B5CF6,#6D28D9);border-radius:9999px;transition:width .4s ease}.market-share-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.market-share-item{padding:8px 10px;background:#FAFAFA;border:1px solid rgba(23,23,23,.06);border-radius:7px;display:flex;flex-direction:column;gap:4px}.dash-toast-banner{position:absolute;top:12px;right:14px;background:#171717;color:#FFFFFF;font-size:11px;font-weight:600;padding:6px 12px;border-radius:6px;display:flex;align-items:center;gap:6px;box-shadow:0 8px 24px rgba(0,0,0,.16);z-index:50;animation:toastFade 2.5s ease-in-out forwards}@keyframes toastFade{0%{opacity:0;transform:translateY(-6px)}10%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px);pointer-events:none}}.dash-modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.28);backdrop-filter:blur(2px);z-index:50;display:flex;align-items:center;justify-content:center;padding:16px}.dash-modal-card{width:100%;max-width:370px;background:#FFFFFF;border:1px solid rgba(23,23,23,.1);border-radius:10px;box-shadow:0 16px 36px rgba(0,0,0,.12);padding:16px;display:flex;flex-direction:column;gap:12px;box-sizing:border-box}.dash-modal-header{display:flex;align-items:center;justify-content:space-between}.dash-modal-title{font-size:13px;font-weight:700;color:#171717;margin:0}.dash-modal-close{background:transparent;border:none;color:#8C8C8C;cursor:pointer;padding:4px;border-radius:4px;font-size:13px}.dash-modal-close:hover{color:#171717;background:#F3F4F6}.dash-modal-close:focus-visible{outline:2px solid #171717}.dash-form-row{display:flex;flex-direction:column;gap:4px}.dash-form-label{font-size:10px;font-weight:600;color:#525252}.dash-form-input,.dash-form-select{border:1px solid rgba(23,23,23,.1);border-radius:6px;padding:6px 9px;font-size:11px;color:#171717;background:#FAFAFA}.dash-form-input:focus,.dash-form-select:focus{outline:none;background:#FFFFFF;border-color:#171717;box-shadow:0 0 0 2px rgba(23,23,23,.08)}.dash-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:4px}.dash-btn-ghost{background:transparent;border:1px solid rgba(23,23,23,.08);border-radius:6px;padding:5px 10px;font-size:11px;font-weight:600;color:#666666;cursor:pointer}.dash-btn-ghost:focus-visible{outline:2px solid #171717}@media (prefers-reduced-motion:reduce){.product-frame,.product-frame:hover{transform:none!important;transition:none!important}.feature-item.active{transform:none!important}.status-dot-pulse{animation:none!important}.inventory-bar-fill,.pipeline-line-fill,.spend-bar{transition:none!important}.dash-toast-banner{animation:none!important;opacity:1!important}}@media (max-width:1140px){.product-story-section{min-height:auto;padding:72px 24px}.product-grid-brand,.product-grid-cafe,.product-grid-supplier{grid-template-columns:minmax(0,1fr);gap:44px}.product-stage,.product-text-column{min-width:0}.product-grid-brand .product-text-column,.product-grid-supplier .product-text-column{order:1}.product-grid-brand .product-stage,.product-grid-supplier .product-stage{order:2}}@media (max-width:768px){.product-story-section{padding:56px 16px}.section-title{font-size:28px;line-height:1.05}.section-description{font-size:15px;margin-bottom:24px}.brand-features-grid{grid-template-columns:1fr;gap:16px;padding:14px 16px}.product-frame{border-radius:12px;aspect-ratio:auto;min-height:560px}.dashboard-layout{flex-direction:column}.dashboard-sidebar{width:100%;flex-direction:row;flex-wrap:wrap;align-items:center;border-right:none;border-bottom:1px solid rgba(23,23,23,.06);padding:8px 10px;gap:4px}.sidebar-footer,.sidebar-nav-section-label{display:none}.sidebar-nav{flex-direction:row;flex-wrap:wrap;gap:3px}.dashboard-bento{grid-template-columns:1fr}.pipeline-card{grid-column:span 1}.dashboard-overview-row{grid-template-columns:1fr}.pipeline-steps{overflow-x:auto;padding-bottom:8px}}.linear-core-pipeline{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 8px;background:#F8FAFC;border-radius:9px;border:1px solid rgba(23,23,23,.07);box-sizing:border-box;overflow-x:auto;scrollbar-width:none}.linear-core-pipeline::-webkit-scrollbar{display:none}.pipeline-stage{display:flex;align-items:center;gap:7px;padding:5px 8px;border-radius:7px;background:transparent;border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);user-select:none;flex:1;min-width:0;text-align:left}.pipeline-stage:hover{background:#FFFFFF;border-color:rgba(23,23,23,.08);box-shadow:0 1px 4px rgba(0,0,0,.04)}.pipeline-stage.active{background:#FFFFFF;border-color:rgba(23,23,23,.14);box-shadow:0 2px 6px rgba(0,0,0,.06)}.pipeline-step-badge{font-family:var(--font-mono,monospace);font-size:9px;font-weight:700;color:#64748B;background:rgba(0,0,0,.04);padding:2px 5px;border-radius:4px;flex-shrink:0}.pipeline-stage.active .pipeline-step-badge{background:#171717;color:#FFFFFF}.pipeline-step-info{display:flex;flex-direction:column;min-width:0;flex:1}.pipeline-step-title{font-size:11px;font-weight:600;color:#0F172A;letter-spacing:-.01em}.pipeline-step-desc,.pipeline-step-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pipeline-step-desc{font-size:9.5px;color:#64748B}.pipeline-step-proof{font-size:8.5px;font-weight:700;padding:1px 5px;border-radius:4px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;flex-shrink:0}.pipeline-arrow-separator{color:#CBD5E1;flex-shrink:0;font-size:11px}.stripe-financial-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 12px;border-radius:8px;background:linear-gradient(90deg,#F8FAFC,#F1F5F9);border:1px solid rgba(23,23,23,.08);font-size:11px}.stripe-financial-content{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.stripe-financial-title{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;color:#0F172A}.stripe-lock-badge{font-size:8.5px;font-weight:800;letter-spacing:.04em;padding:1.5px 5.5px;border-radius:4px;background:#EDE9FE;color:#6D28D9;border:1px solid #ddd6fe}.stripe-financial-sub{font-size:10px;color:#475569;margin:0;line-height:1.35}.stripe-facility-meta{display:flex;align-items:center;gap:12px;font-size:9.5px;color:#64748B;margin-top:2px}.stripe-facility-fill{height:5px;border-radius:99px;transition:width .3s ease}.stripe-facility-left{display:flex;align-items:center;gap:10px;min-width:0}.stripe-facility-icon{width:22px;height:22px;border-radius:5px;background:#171717;color:#FFFFFF;display:grid;place-items:center;font-size:10px;font-weight:700;flex-shrink:0}.stripe-facility-meter{display:flex;align-items:center;gap:8px}.stripe-meter-bar{width:72px;height:5px;border-radius:99px;background:rgba(0,0,0,.08);overflow:hidden}.stripe-meter-fill{height:100%;border-radius:99px;background:#16A34A}.stripe-facility-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.stripe-btn-action{font-size:10.5px;font-weight:600;padding:3px 8px;border-radius:5px;border:1px solid rgba(23,23,23,.12);background:#FFFFFF;color:#0F172A;cursor:pointer;transition:all .15s ease;white-space:nowrap}.stripe-btn-action:hover{background:#F8FAFC;border-color:rgba(23,23,23,.25)}.stripe-btn-action.primary{background:#171717;color:#FFFFFF;border-color:#171717}.stripe-btn-action.primary:hover{background:#262626}.linear-kbd-badge{font-family:var(--font-mono,monospace);font-size:9px;font-weight:600;color:#94A3B8;background:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.06);border-radius:3px;padding:1px 4px;line-height:1;user-select:none}.table-hover-actions{display:inline-flex;align-items:center;gap:4px;opacity:0;transform:translateX(4px);transition:all .15s ease}.dashboard-table-row:focus-within .table-hover-actions,.dashboard-table-row:hover .table-hover-actions{opacity:1;transform:translateX(0)}.table-action-btn{font-size:9.5px;font-weight:600;padding:2px 6px;border-radius:4px;background:#FFFFFF;border:1px solid rgba(23,23,23,.12);color:#0F172A;cursor:pointer;white-space:nowrap;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:all .12s ease}.table-action-btn:hover{background:#0F172A;color:#FFFFFF;border-color:#0F172A}.cold-chain-telemetry{display:flex;flex-direction:column;gap:8px;padding:9px 11px;border-radius:8px;background:#F0FDF4;border:1px solid #bbf7d0}.cold-chain-header{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:600;color:#166534}.temp-probe-reading{display:flex;align-items:baseline;gap:4px}.temp-val{font-size:16px;font-weight:800;color:#15803D;font-variant-numeric:tabular-nums}.temp-unit{font-size:10px;font-weight:600;color:#166534}.temp-safe-pill{font-size:8.5px;font-weight:700;padding:1px 5px;border-radius:99px;background:#DCFCE7;color:#166534;border:1px solid #bbf7d0}.sensory-cupping-card{display:flex;flex-direction:column;gap:7px;padding:10px 12px;border-radius:8px;background:#FAF5FF;border:1px solid #e9d5ff}.sensory-metric-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10.5px}.sensory-label{color:#581C87;font-weight:600;min-width:85px}.sensory-bar-track{flex:1;height:5px;border-radius:99px;background:#EDE9FE;overflow:hidden}.sensory-bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#9333EA,#7C3AED)}.sensory-score-num{font-family:var(--font-mono,monospace);font-size:10px;font-weight:700;color:#6D28D9;min-width:28px;text-align:right}.batch-roast-strip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:7px;background:#F0FDF4;border:1px solid #bbf7d0;font-size:10.5px}.simple-flight-list,.simple-order-list{display:flex;flex-direction:column;gap:6px}.simple-flight-card,.simple-order-card{padding:8px 10px;border-radius:6px;background:#F8FAFC;border:1px solid rgba(23,23,23,.06);display:flex;flex-direction:column;gap:4px;transition:all .15s ease;cursor:pointer}.simple-flight-card:hover,.simple-order-card:hover{background:#FFFFFF;border-color:rgba(23,23,23,.15);box-shadow:0 2px 6px rgba(0,0,0,.04)}.simple-order-card.selected{background:#FFFFFF;border-color:#16A34A;box-shadow:0 0 0 1px #16A34A,0 2px 8px rgba(22,163,74,.08)}#for-brands .simple-flight-card.selected{border-color:#7C3AED;box-shadow:0 0 0 1px #7C3AED,0 2px 8px rgba(124,58,237,.08)}.simple-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.simple-card-title{font-size:11px;font-weight:700;color:#0F172A}.simple-card-meta{font-size:9px;color:#64748B}.simple-card-body{font-size:10px;color:#334155;line-height:1.35;font-style:italic}.simple-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:2px;padding-top:4px;border-top:1px dashed rgba(23,23,23,.06);font-size:9.5px}.simple-route-strip{display:flex;flex-direction:column;gap:5px;padding:8px 10px;border-radius:6px;background:#F8FAFC;border:1px solid rgba(23,23,23,.06)}.simple-route-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#334155}.dashboard-main{padding:8px 12px 10px!important;gap:6px!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin}.dashboard-top-nav{padding-bottom:4px!important}.dashboard-page-title{font-size:13px!important;font-weight:700!important;letter-spacing:-.015em;color:#0F172A}.dashboard-page-subtitle{font-size:9px!important;color:#64748B}.dash-date-indicator{font-size:9px!important;padding:2px 6px!important}.dash-btn-primary{height:24px!important;font-size:9.5px!important;font-weight:600!important;padding:0 8px!important;border-radius:5px!important}.linear-core-pipeline{padding:3px 6px!important;gap:4px!important;border-radius:7px!important;background:#F8FAFC!important}.pipeline-stage{padding:3px 6px!important;gap:5px!important}.pipeline-step-badge{font-size:8.5px!important;padding:1px 4px!important}.pipeline-step-title{font-size:9.5px!important;font-weight:700!important}.pipeline-step-proof{font-size:8px!important;font-weight:600!important;color:#64748B}.pipeline-arrow-separator{font-size:9px!important;color:#94A3B8!important}.dashboard-overview-row{gap:6px!important}.dashboard-stat{padding:5px 8px!important;gap:1px!important;border-radius:6px!important}.stat-label{font-size:8px!important;letter-spacing:.05em;color:#64748B!important}.stat-value{font-size:15px!important;font-weight:800!important;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.stat-trend{font-size:8px!important;gap:3px!important}.stat-context{font-size:8px!important;color:#64748B!important}.dashboard-bento{gap:6px!important}.simple-flight-card,.simple-order-card{padding:5px 8px!important;border-radius:5px!important;gap:2px!important}.simple-card-title{font-size:10px!important;font-weight:700!important}.simple-card-meta{font-size:8.5px!important}.simple-card-body{font-size:9px!important;line-height:1.3!important}.simple-card-footer{font-size:8.5px!important;margin-top:1px!important;padding-top:2px!important}.simple-route-strip{padding:5px 8px!important;gap:3px!important}.simple-route-row{font-size:9px!important}.dashboard-main{scroll-behavior:auto!important;overscroll-behavior-y:auto!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important}:is(#for-suppliers,#for-brands) .dashboard-main{padding:12px 14px 14px!important;gap:10px!important}:is(#for-suppliers,#for-brands) .dashboard-page-title{font-size:16px!important}:is(#for-suppliers,#for-brands) .dash-btn-primary{font-size:11px!important;padding:0 10px!important}:is(#for-suppliers,#for-brands) .dashboard-overview-row{gap:8px!important}:is(#for-suppliers,#for-brands) .dashboard-stat{padding:9px 11px!important;gap:3px!important;border-radius:9px!important}:is(#for-suppliers,#for-brands) .stat-label{font-size:9.5px!important}:is(#for-suppliers,#for-brands) .stat-value{font-size:23px!important;line-height:1.1}:is(#for-suppliers,#for-brands) .stat-trend{font-size:10px!important}:is(#for-suppliers,#for-brands) .dashboard-bento{gap:8px!important}:is(#for-suppliers,#for-brands) .dashboard-card{padding:10px 12px!important}:is(#for-suppliers,#for-brands) .card-title,:is(#for-suppliers,#for-brands) .simple-card-title{font-size:12px!important}:is(#for-suppliers,#for-brands) .simple-flight-card,:is(#for-suppliers,#for-brands) .simple-order-card{padding:7px 9px!important;gap:4px!important}:is(#for-suppliers,#for-brands) .simple-card-body,:is(#for-suppliers,#for-brands) .simple-card-footer{font-size:10.5px!important}:is(#for-suppliers,#for-brands) .simple-route-strip{padding:6px 8px!important;gap:5px!important}:is(#for-suppliers,#for-brands) .simple-route-row{font-size:11px!important}:is(#for-suppliers,#for-brands) .status-pill{font-size:10px!important}:is(#for-suppliers,#for-brands) .table-action-btn{font-size:10px!important}:is(#for-suppliers,#for-brands) .feature-item:not(.active) .feature-text{display:none}@media (max-width:768px){.product-frame .animated-virtual-cursor,.product-frame .browser-user-badge{display:none!important}.product-frame .browser-url-pill{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.sidebar-dense{width:172px;padding:9px 7px}.sidebar-dense .sidebar-brand-header{margin-bottom:6px}.sidebar-dense .sidebar-nav-section-label{padding:6px 6px 2px}.sidebar-dense .sidebar-nav{gap:0}.sidebar-dense .sidebar-item{padding:3.5px 7px;font-size:11px}.sidebar-dense .sidebar-item .sidebar-badge-count{margin-left:auto}.sidebar-user,.sidebar-workspace{display:flex;align-items:center;gap:7px}.sidebar-workspace{border:1px solid rgba(23,23,23,.08);border-radius:8px;padding:5px 6px;background:#fff;margin-bottom:2px}.sidebar-user-avatar,.sidebar-workspace-mark{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;flex-shrink:0}.sidebar-user-avatar{border-radius:50%;background:#E5E7EB;color:#6B7280}.sidebar-workspace-text{display:flex;flex-direction:column;min-width:0;line-height:1.2}.sidebar-workspace-text strong{font-size:10.5px;font-weight:600;color:#171717;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-workspace-text small{font-size:9px;color:#737373;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user{padding:6px 4px 0;border-top:1px solid rgba(23,23,23,.06);margin-top:4px}.sidebar-today{border:1px solid rgba(23,23,23,.08);border-radius:8px;padding:6px 7px;background:#fff;margin-bottom:4px}.sidebar-today-head{font-size:8.5px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#737373}.sidebar-today-head,.sidebar-today-row{display:flex;justify-content:space-between}.sidebar-today-row{font-size:10px;color:#404040;margin-top:3px}.sidebar-today-row strong{font-weight:600;color:#171717}.sidebar-today-bar{height:4px;border-radius:99px;background:#F1F5F9;overflow:hidden;margin-top:5px}.sidebar-today-bar i{display:block;height:100%;border-radius:99px}.product-frame-canvas{display:flex;flex-direction:column;position:relative;width:100%;height:100%}.sidebar-dense{width:184px}.sidebar-dense .sidebar-item>span:not(.sidebar-badge-count){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.dashboard-overview-row--four{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.dashboard-overview-row--four{grid-template-columns:repeat(2,1fr)}}.product-universe-flood{inset:0;z-index:0}.courier,.product-universe-flood{position:absolute;pointer-events:none}.courier{z-index:45;translate:-50% -50%;will-change:left,top,transform,opacity}.courier-order{width:300px;padding:10px 12px;border-radius:10px;background:#FFFFFF;border:1px solid #e2e8f0;box-shadow:0 18px 40px rgba(15,23,42,.22),0 2px 6px rgba(15,23,42,.08);font-size:11px;color:#0F172A}.courier-order-head span{color:#64748B;font-weight:500}.courier-order-body{margin:4px 0 6px;color:#334155}.courier-order-foot{display:flex;justify-content:space-between;color:#166534;font-weight:600}.courier-order-foot b{color:#0F172A;font-family:var(--font-mono,monospace)}.courier-ping{display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 8px;border-radius:999px;background:#FFFFFF;border:1px solid #ddd6fe;box-shadow:0 12px 28px rgba(76,29,149,.25);font-size:11px;font-weight:600;color:#4C1D95;white-space:nowrap}.courier-ping-dot{width:8px;height:8px;border-radius:50%;background:#7C3AED;box-shadow:0 0 0 4px rgba(124,58,237,.2)}.dock-target{opacity:0;transition:opacity .35s ease}.dock-target.is-docked{opacity:1;animation:dock-flash 1.6s ease-out}@keyframes dock-flash{0%{box-shadow:0 0 0 0 rgba(22,163,74,.45)}to{box-shadow:0 0 0 10px rgba(22,163,74,0)}}.spotlight-section{position:relative;background-color:#FFFFFF;padding:108px 0 124px;width:100%;overflow:hidden;border-top:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05);box-sizing:border-box}.spotlight-container{width:100%;max-width:100vw;margin:0 auto;display:flex;flex-direction:column;align-items:center}.spotlight-header{text-align:center;max-width:680px;padding:0 24px;margin-bottom:52px}.spotlight-eyebrow{display:inline-block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#8C867B;margin-bottom:14px}.spotlight-eyebrow,.spotlight-title{font-family:var(--font-plus-jakarta,"Plus Jakarta Sans",-apple-system,sans-serif);font-weight:700}.spotlight-title{font-size:30px;line-height:1.34;color:#1A1917;letter-spacing:-.02em;margin:0}.spotlight-title-muted{color:#7D786F;font-weight:400}.spotlight-stage{display:flex;flex-direction:column;gap:20px;width:100%;overflow:hidden;padding:24px 0;user-select:none;-webkit-user-select:none}.spotlight-row-wrapper{width:100%;overflow:visible;display:flex}.spotlight-row{display:flex;gap:20px;align-items:center;flex-shrink:0;will-change:transform;transform:translateZ(0);pointer-events:auto}.spotlight-card{flex-shrink:0;height:122px;border-radius:17px;box-sizing:border-box;overflow:hidden;cursor:pointer;background:#FFFFFF;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 16px -2px rgba(15,23,42,.05),0 1px 3px rgba(15,23,42,.03);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;position:relative}.spotlight-card:hover{transform:translateY(-6px) scale(1.03);border-color:rgba(0,0,0,.16);box-shadow:0 16px 36px -6px rgba(15,23,42,.12),0 4px 12px rgba(15,23,42,.04);z-index:10}.spotlight-card--brand,.spotlight-card--brand:hover,.spotlight-card--cafe,.spotlight-card--cafe:hover,.spotlight-card--supplier,.spotlight-card--supplier:hover{background:#FFFFFF}.spotlight-card-inner{flex-direction:column;border-radius:16px;background:#FFFFFF}.spotlight-card-inner,.spotlight-image-box{display:flex;width:100%;height:100%;overflow:hidden}.spotlight-image-box{position:relative;flex:1;background:transparent;align-items:center;justify-content:center}.spotlight-image{width:100%;height:100%;object-position:center;box-sizing:border-box;display:block;transition:transform .4s cubic-bezier(.16,1,.3,1);will-change:transform}.spotlight-image,.spotlight-image[src$=".png"],.spotlight-image[src$=".webp"]{object-fit:contain;padding:12px}.spotlight-card:focus-within .spotlight-image,.spotlight-card:hover .spotlight-image{transform:scale(1.09)}@media (max-width:1024px){.spotlight-section{padding:88px 0 104px}.spotlight-header{margin-bottom:44px}.spotlight-title{font-size:22px}.spotlight-card{height:110px;border-radius:15px}.spotlight-image,.spotlight-image-box{border-radius:13.5px}}@media (max-width:768px){.spotlight-section{padding:72px 0 88px}.spotlight-header{margin-bottom:34px;padding:0 20px}.spotlight-eyebrow{font-size:10px;letter-spacing:.15em;margin-bottom:8px}.spotlight-title{font-size:18px;line-height:1.35}.spotlight-row,.spotlight-stage{gap:16px}.spotlight-card{height:98px;border-radius:14px;transform:none}.spotlight-card:hover{transform:translateY(-2px) scale(1.02)}.spotlight-image,.spotlight-image-box{border-radius:12.5px}}@media (prefers-reduced-motion:reduce){.spotlight-row{will-change:auto}.spotlight-card:hover,.spotlight-row{transform:none!important}.spotlight-image{transition:none!important}}