@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,700;12..96,800&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@500;600&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.start{inset-inline-start:var(--spacing)}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--night:#0e1330;--night-2:#181e42;--ink:#151a32;--muted:#626982;--line:#dbe3ef;--ice:#f4f8fb;--mist:#eaf4f2;--mint:#34e0a1;--emerald:#0e9b6e;--deep-emerald:#087653;--amber:#ffc24a;--amber-soft:#fff4d9;--white:#fff;--display:"Bricolage Grotesque",sans-serif;--body:"IBM Plex Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--white);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.shell{width:min(1200px,100% - 48px);margin:0 auto}.header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;border-bottom:1px solid #dbe3efd9;position:sticky;top:0}.nav-shell{align-items:center;gap:34px;width:min(1320px,100% - 40px);min-height:72px;margin:auto;display:flex}.logo{font-family:var(--display);letter-spacing:.04em;align-items:center;gap:10px;font-weight:800;display:inline-flex}.logo svg{flex:none;width:32px;height:32px}.nav-links{color:#3c435b;justify-content:flex-start;align-items:center;gap:clamp(14px,1.55vw,24px);min-width:0;margin:0;font-size:14px;font-weight:500;display:flex}.nav-links a,.login,.language{transition:color .2s;position:relative}.nav-links a:hover,.login:hover,.language:hover{color:var(--emerald)}.nav-links a:after{content:"";background:var(--emerald);height:2px;transition:right .25s;position:absolute;bottom:-9px;left:0;right:100%}.nav-links a:hover:after,.nav-links a.active:after{right:0}.nav-links a.active{color:var(--deep-emerald);font-weight:600}.nav-actions{white-space:nowrap;align-items:center;gap:16px;margin-left:auto;font-size:13px;font-weight:600;display:flex}.language-switcher{position:relative}.language{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:8px 0;display:flex}.language>svg:last-child{transition:transform .2s;transform:rotate(90deg)}.language[aria-expanded=true]>svg:last-child{transform:rotate(-90deg)}.language-menu{z-index:80;border:1px solid var(--line);background:#fff;border-radius:12px;min-width:175px;padding:7px;position:absolute;top:calc(100% + 13px);right:0;box-shadow:0 18px 45px #0e133024}.language-menu a{color:#566078;border-radius:7px;justify-content:space-between;align-items:center;min-height:36px;padding:0 10px;font-size:11px;font-weight:500;display:flex}.language-menu a>span{align-items:center;gap:9px;display:flex}.language-menu a:hover{color:var(--deep-emerald);background:var(--mist)}.language-menu a.active{color:var(--deep-emerald);font-weight:600}.flag{border:1px solid #0e133024;border-radius:3px;flex:none;width:19px;height:13px;display:inline-block;position:relative;overflow:hidden;box-shadow:0 1px 2px #0e133012}.flag-fr{background:linear-gradient(90deg,#173d8f 0 33.33%,#fff 33.33% 66.66%,#e43a45 66.66%)}.flag-de{background:linear-gradient(#171717 0 33.33%,#d7383f 33.33% 66.66%,#f3cb45 66.66%)}.flag-es{background:linear-gradient(#bc2635 0 25%,#f5ce50 25% 75%,#bc2635 75%)}.flag-pt{background:linear-gradient(90deg,#1e8147 0 40%,#d5343e 40%)}.flag-sa{background:#19834b}.flag-sa:after{content:"";background:#fff;height:1px;position:absolute;top:6px;left:5px;right:4px;box-shadow:3px 3px 0 -.2px #fff}.flag-gb{background:#254785}.flag-gb:before{content:"";background:linear-gradient(29deg,#0000 42%,#fff 42% 51%,#c82e3b 51% 56%,#0000 56%),linear-gradient(-29deg,#0000 42%,#fff 42% 51%,#c82e3b 51% 56%,#0000 56%);position:absolute;inset:0}.flag-gb:after{content:"";background:#d53342;height:3px;position:absolute;top:5px;left:0;right:0;box-shadow:0 -1px #fff,0 1px #fff}.nav-cta{background:var(--night);color:#fff;border-radius:10px;padding:10px 15px;transition:all .25s}.nav-cta:hover{background:var(--deep-emerald);transform:translateY(-1px)}.menu-button{color:var(--night);background:0 0;border:0;padding:8px;display:none}.hero{background:linear-gradient(#f7fafc 0%,#fff 75%);padding:95px 0 0;position:relative;overflow:hidden}.hero:before{content:"";opacity:.34;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.hero-orb{filter:blur(2px);border-radius:50%;position:absolute}.orb-one{background:radial-gradient(circle,#34e0a12b,#0000 65%);width:600px;height:600px;top:-160px;right:-180px}.orb-two{background:radial-gradient(circle,#ffc24a2e,#0000 68%);width:500px;height:500px;bottom:-200px;left:-180px}.hero-grid{grid-template-columns:.88fr 1.12fr;align-items:center;gap:72px;display:grid;position:relative}.hero-copy{padding-bottom:80px}.badge{border:1px solid var(--line);color:#505870;background:#fff;border-radius:100px;align-items:center;gap:9px;padding:8px 12px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 5px 20px #0e13300f}.badge i,.online i,.panel-title em i{background:var(--mint);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #34e0a121}.kicker,.section-label,.eyebrow{font-family:var(--body);text-transform:uppercase;letter-spacing:.13em;color:var(--emerald);font-size:11px;font-weight:600}.kicker{margin:32px 0 12px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);color:var(--night)}h1{letter-spacing:-.05em;max-width:720px;margin-bottom:24px;font-size:clamp(48px,5.1vw,74px);font-weight:700;line-height:.98}h1 em,h2 em{color:var(--emerald);font-style:normal}.hero-lead{color:#4d556e;max-width:620px;font-size:17px;line-height:1.72}.button-row{flex-wrap:wrap;gap:12px;margin:30px 0 34px;display:flex}.button{color:#fff;background:var(--night);border:1px solid var(--night);border-radius:12px;justify-content:center;align-items:center;gap:12px;min-height:50px;padding:0 19px;font-size:14px;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 8px 22px #0e13301f}.button svg{transition:transform .25s}.button:hover{background:var(--deep-emerald);border-color:var(--deep-emerald);transform:translateY(-2px);box-shadow:0 12px 28px #0e9b6e2e}.button:hover svg{transform:translate(3px)}.button-secondary{color:var(--night);border-color:var(--line);box-shadow:none;background:#ffffffbf}.button-secondary:hover{color:var(--deep-emerald);background:#fff;border-color:#aec9c0}.button-small{border-radius:10px;min-height:42px;padding:0 15px;font-size:13px}.hero-metrics{border-top:1px solid var(--line);gap:28px;padding-top:26px;display:flex}.hero-metrics div{align-items:center;gap:9px;display:flex}.hero-metrics strong{font:700 28px/1 var(--display);color:var(--emerald)}.hero-metrics span{max-width:90px;color:var(--muted);font-size:12px;line-height:1.3}.language-note{color:#81889c;align-items:center;gap:7px;margin-top:22px;font-size:11px;display:flex}.hero-visual{perspective:1000px;position:relative}.product-window{background:#fff;border:1px solid #cbd5e4;border-radius:18px;position:relative;overflow:hidden;transform:rotateY(-3deg)rotateX(1deg);box-shadow:0 32px 80px #0e133030,0 5px 16px #0e133014}.window-bar{color:#656d84;border-bottom:1px solid var(--line);background:#fbfcfe;align-items:center;gap:9px;height:48px;padding:0 14px;font-size:11px;display:flex}.mini-logo{background:var(--night);width:25px;height:25px;color:var(--mint);font:bold 13px var(--display);border-radius:7px;place-items:center;display:grid}.window-title{font-weight:600}.online{color:var(--deep-emerald);align-items:center;gap:7px;margin-left:auto;display:flex}.online i{display:block}.product-layout{grid-template-columns:92px 1fr 170px;min-height:430px;display:grid}.product-side{background:var(--night);color:#b8bfd4;padding:22px 10px}.side-label{color:#727a99;text-transform:uppercase;letter-spacing:.1em;padding:0 8px 15px;font-size:8px;display:block}.side-item{border-radius:7px;align-items:center;gap:8px;margin-bottom:4px;padding:10px 8px;font-size:10px;display:flex}.side-item.active{color:var(--mint);background:#34e0a124}.checkout{padding:24px 16px}.checkout-head{justify-content:space-between;align-items:flex-end;margin-bottom:18px;display:flex}.checkout-head strong{font:600 18px var(--display);color:var(--night);margin-top:5px;display:block}.checkout-head button{color:var(--deep-emerald);background:var(--mist);border:0;border-radius:7px;align-items:center;gap:6px;padding:7px 9px;font-size:10px;display:flex}.search-row{color:#8a91a4;border:1px solid var(--line);background:#f7f9fc;border-radius:8px;justify-content:space-between;padding:10px;font-size:9px;display:flex}.search-row span{color:#a8aebd}.product-cards{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.product-cards>div{border:1px solid var(--line);border-radius:10px;flex-direction:column;min-width:0;padding:12px;transition:all .2s;display:flex}.product-cards>div:hover{border-color:#9fd6c2;transform:translateY(-2px)}.product-cards strong{text-overflow:ellipsis;margin-top:10px;font-size:10px;overflow:hidden}.product-cards small{color:#81889c;margin:3px 0 8px;font-size:8px}.product-cards b{color:var(--deep-emerald);font-size:11px}.product-pic{border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.product-pic.rice{color:#956415;background:var(--amber-soft)}.product-pic.oil{color:#9e711a;font:bold 11px var(--display);background:#fff8d8}.cart-panel{border-left:1px solid var(--line);background:#f7f9fc;flex-direction:column;padding:24px 15px;display:flex}.cart-line{border-block:1px solid var(--line);justify-content:space-between;margin-top:22px;padding:12px 0;font-size:9px;display:flex}.cart-line span{flex-direction:column;font-weight:600;display:flex}.cart-line small{color:#858ca0;margin-top:3px;font-weight:400}.cart-spacer{color:#9aa1b2;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;font-size:9px;display:flex}.cart-total{justify-content:space-between;align-items:end;margin-bottom:12px;font-size:10px;display:flex}.cart-total strong{font:700 18px var(--display);color:var(--night)}.cart-panel>button{color:#fff;background:var(--emerald);border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:10px;font-size:10px;font-weight:600;display:flex}.visual-caption{z-index:2;color:#fff;font:600 10px var(--body);letter-spacing:.08em;justify-content:space-between;display:flex;position:absolute;top:-17px;left:24px;right:24px}.visual-caption span{background:var(--night);border-radius:100px;align-items:center;gap:7px;padding:8px 11px;display:flex;box-shadow:0 6px 18px #0e133038}.visual-caption i{background:var(--mint);border-radius:50%;width:6px;height:6px}.visual-caption b{color:var(--night);background:var(--amber);border-radius:7px;padding:8px 11px}.floating-card{z-index:3;border:1px solid var(--line);background:#fffffff2;border-radius:13px;align-items:center;gap:10px;min-width:190px;padding:12px;animation:4s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 15px 40px #0e133029}.floating-card small,.floating-card strong{display:block}.floating-card small{color:#757d92;margin-bottom:3px;font-size:9px}.floating-card strong{color:var(--night);font:600 12px var(--display)}.float-icon{width:34px;height:34px;color:var(--deep-emerald);background:var(--mist);border-radius:9px;place-items:center;display:grid}.float-icon.amber{color:#986c12;background:var(--amber-soft)}.tick{color:#fff;background:var(--emerald);border-radius:50%;place-items:center;width:20px;height:20px;margin-left:auto;display:grid}.stock-float{bottom:50px;left:-38px}.invoice-float{animation-delay:-1.7s;top:85px;right:-25px}.profession-strip{border-top:1px solid var(--line);background:#ffffffbf;padding:16px 0;position:relative;overflow:hidden}.profession-strip div{width:max-content;animation:45s linear infinite marquee;display:flex}.profession-strip span{color:#687086;text-transform:uppercase;letter-spacing:.09em;padding:0 24px;font-size:11px}.profession-strip span:before{content:"";background:var(--mint);border-radius:50%;width:4px;height:4px;margin:0 24px 2px 0;display:inline-block}.scene{background:linear-gradient(145deg,#f8fbfc,#e9f5f1);border:1px solid #aec9c0cc;border-radius:24px;width:100%;position:relative;overflow:hidden;box-shadow:0 24px 60px #0e13301a}.scene svg{width:100%;height:auto;display:block}.scene-bg{fill:#f7fbfa;stroke:#cfe4dd;stroke-width:2px}.scene-line{stroke:#a9c7bd;stroke-width:3px;stroke-linecap:round}.scene-soft-line{stroke:#cfddd9;stroke-width:8px;stroke-linecap:round}.scene-dark-line{stroke:#29304e;stroke-width:5px;stroke-linecap:round}.scene-sun{fill:var(--amber);opacity:.9}.scene .skin{fill:#d99b74}.scene .skin-two{fill:#8f5f49}.scene .hair{fill:#272d4a}.scene .shirt{fill:var(--emerald)}.scene .shirt-two{fill:var(--amber)}.scene .arm{stroke:#d99b74;stroke-width:18px;stroke-linecap:round}.scene .counter{fill:#fff;stroke:#cbdcd6;stroke-width:2px}.scene .screen-frame{fill:#242b4b}.scene .screen{fill:#fff}.scene .ui-card{fill:#e8f4f0;stroke:#b9d9ce}.scene .paper{fill:#fff8e5;stroke:#ebd69e}.scene .ui-line{stroke:#aebbb8;stroke-width:5px;stroke-linecap:round}.scene .ui-accent{fill:var(--mint)}.scene .ui-accent-line{stroke:var(--emerald);stroke-width:5px;stroke-linecap:round}.scene .bag{fill:#f0d99f;stroke:#9c7c32;stroke-width:2px}.scene .plate{fill:#fff;stroke:#cbdcd6;stroke-width:3px}.scene .bubble{fill:#fff;stroke:var(--emerald);stroke-width:2px}.scene-props text{fill:#584619;font:700 14px var(--display);text-anchor:middle}.scene-badge rect{fill:#fff;stroke:#d4e3de}.scene-badge circle{fill:var(--mint)}.scene-badge path{stroke:#b5c5c0;stroke-width:4px;stroke-linecap:round}.scene-person{transform-origin:155px 310px;animation:5s ease-in-out infinite scene-breathe}.scene-screen{transform-origin:50%;animation:6s ease-in-out infinite scene-screen}.scene-compact{box-shadow:none;background:0 0;border:0;border-radius:0}.scene-compact .scene-bg{fill:#f2f8f6}.scene-restaurant .scene-sun{fill:#ffcf70}.scene-invoice .scene-sun{fill:#abb2ff}.scene-help .scene-sun{fill:var(--mint)}.visual-frame{background:#f7fbfa;border:1px solid #cfe0da;border-radius:24px;width:100%;min-height:420px;position:relative;overflow:hidden;box-shadow:0 24px 60px #0e13301c}.visual-compact{min-height:250px;box-shadow:none;border-radius:18px}.workflow-visual{color:#fff;background:var(--night);border-color:#2d355b;padding:34px}.workflow-head{justify-content:space-between;align-items:center;display:flex}.workflow-head span{font:600 13px var(--display);align-items:center;gap:9px;display:flex}.workflow-head i{background:var(--mint);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #34e0a11f}.workflow-head b{color:#9099b8;font:500 10px IBM Plex Mono}.workflow-line{background:#343d67;height:2px;position:absolute;top:185px;left:72px;right:72px}.workflow-line:after{content:"";background:var(--mint);width:73%;height:100%;position:absolute;top:0;left:0}.workflow-steps{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:74px;display:grid;position:relative}.workflow-steps>div{text-align:center;flex-direction:column;align-items:center;display:flex}.workflow-icon{z-index:1;width:54px;height:54px;color:var(--night);background:var(--mint);border:7px solid var(--night);box-shadow:0 0 0 2px var(--mint);border-radius:50%;place-items:center;margin-bottom:14px;display:grid}.workflow-steps>div:last-child .workflow-icon{color:#76550d;background:var(--amber);box-shadow:0 0 0 2px var(--amber)}.workflow-steps small{color:#737e9e;font:500 9px IBM Plex Mono}.workflow-steps strong{color:#fff;font:600 13px var(--display);margin-top:5px}.workflow-steps em{color:#9ba4bf;margin-top:4px;font-size:9px;font-style:normal}.workflow-note{color:#c5cbe0;background:#1b2248;border:1px solid #343d67;border-radius:10px;align-items:center;gap:9px;padding:13px;font-size:10px;display:flex;position:absolute;bottom:28px;left:34px;right:34px}.workflow-note svg{color:var(--mint)}.visual-compact.workflow-visual{padding:22px}.visual-compact .workflow-line{top:118px}.visual-compact .workflow-steps{margin-top:34px}.visual-compact .workflow-note{display:none}.inventory-visual{background:var(--amber-soft);border-color:#ead59f;min-height:420px}.inventory-grid{opacity:.5;background-image:linear-gradient(#eadfbf 1px,#0000 1px),linear-gradient(90deg,#eadfbf 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0}.inventory-bag{z-index:2;color:var(--night);filter:drop-shadow(0 20px 20px #513e1621);clip-path:polygon(8% 0,92% 0,100% 10%,94% 100%,6% 100%,0 10%);background:#dfc17a;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.inventory-bag.full{width:142px;height:190px;top:100px;left:78px}.inventory-bag.open{clip-path:polygon(0 14%,18% 0,35% 12%,52% 0,69% 12%,86% 0,100% 14%,94% 100%,6% 100%);background:#cba95e;width:122px;height:135px;top:155px;right:78px}.inventory-bag span{font:800 14px var(--display);letter-spacing:.16em}.inventory-bag strong{font:800 45px/1 var(--display)}.inventory-bag.open strong{margin-top:10px;font-size:22px}.inventory-bag small{font-weight:600}.inventory-arrow{color:#fff;background:var(--emerald);border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:190px;left:50%;transform:translate(-50%)}.inventory-label{z-index:3;background:#fff;border:1px solid #e3d6b2;border-radius:10px;flex-direction:column;padding:11px 13px;display:flex;position:absolute;box-shadow:0 10px 25px #513e161a}.inventory-label small{color:#8f805c;text-transform:uppercase;letter-spacing:.08em;font-size:8px}.inventory-label b{color:var(--night);font:600 11px var(--display);margin-top:4px}.label-one{bottom:34px;left:40px}.label-two{bottom:34px;right:37px}.inventory-sold{color:#fff;background:var(--night);border-radius:50%;place-items:center;width:76px;height:76px;display:grid;position:absolute;top:35px;right:26px;transform:rotate(7deg)}.inventory-sold span{font:700 18px var(--display)}.inventory-sold small{font-size:8px}.visual-compact.inventory-visual{min-height:270px}.visual-compact .inventory-bag.full{width:90px;height:130px;top:62px;left:55px}.visual-compact .inventory-bag.open{width:82px;height:92px;top:100px;right:55px}.visual-compact .inventory-bag strong{font-size:30px}.visual-compact .inventory-bag.open strong{font-size:15px}.visual-compact .inventory-arrow{width:36px;height:36px;top:119px}.visual-compact .inventory-label{bottom:18px}.visual-compact .inventory-sold{width:55px;height:55px}.documents-visual{background:#eef1ff;border-color:#d0d5f1;min-height:420px}.document-card{width:225px;height:290px;color:var(--night);background:#fff;border:1px solid #d5d9eb;border-radius:14px;padding:22px;position:absolute;box-shadow:0 18px 40px #1f275b21}.document-back{background:#f8f9ff;top:58px;left:60px;transform:rotate(-9deg)}.document-middle{background:#f8f9ff;top:54px;right:58px;transform:rotate(8deg)}.document-front{z-index:2;top:42px;left:50%;transform:translate(-50%)}.document-card>span,.document-front>div:first-child span{color:#7b839d;letter-spacing:.12em;font-size:9px}.document-card>b,.document-front>div:first-child b{font:600 16px var(--display);margin-top:5px;display:block}.document-front>i{background:#e6e9f2;border-radius:10px;width:80%;height:7px;margin-top:22px;display:block}.document-front>i+i{width:62%;margin-top:11px}.document-total{border-top:1px solid #e2e5ef;justify-content:space-between;align-items:end;margin-top:30px;padding-top:16px;display:flex}.document-total span{color:#7f8699;font-size:9px}.document-total strong{font:700 19px var(--display)}.document-front em{width:max-content;color:var(--deep-emerald);background:var(--mist);border-radius:6px;align-items:center;gap:5px;margin-top:17px;padding:6px 8px;font-size:8px;font-style:normal;font-weight:600;display:flex}.document-link{z-index:4;width:48px;height:48px;color:var(--night);background:var(--amber);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:35px;right:42px}.visual-compact.documents-visual{min-height:270px}.visual-compact .document-card{width:150px;height:200px;padding:15px}.visual-compact .document-front{top:24px}.visual-compact .document-back,.visual-compact .document-middle{top:38px}.visual-compact .document-front>i{margin-top:12px}.visual-compact .document-total{margin-top:16px}.visual-compact .document-link{width:38px;height:38px}.support-visual{background:#eaf7f3;min-height:420px;padding:38px}.support-person{align-items:center;gap:10px;display:flex}.support-person span{color:#fff;background:var(--night);width:48px;height:48px;font:600 13px var(--display);border-radius:50%;place-items:center;display:grid}.support-person i{background:var(--mint);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #34e0a126}.support-chat{border-radius:15px;max-width:72%;padding:15px 17px;position:absolute;box-shadow:0 12px 30px #0e133014}.support-chat small{color:#899187;font-size:8px}.support-chat p{margin:5px 0 0;font-size:12px;line-height:1.45}.support-chat.question{background:#fff;border-bottom-right-radius:4px;top:53px;right:34px}.support-chat.answer{color:#fff;background:var(--emerald);border-bottom-left-radius:4px;top:168px;left:38px}.support-chat.answer small{color:#cceade}.support-chat.answer p{max-width:390px}.support-chat.answer span{color:var(--mint);align-items:center;gap:5px;margin-top:11px;font-size:8px;font-weight:600;display:flex}.support-status{color:var(--deep-emerald);white-space:nowrap;background:#fff;border:1px solid #c9e2d9;border-radius:100px;align-items:center;gap:8px;padding:9px 12px;font-size:9px;font-weight:600;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.support-status i{background:var(--mint);border-radius:50%;width:6px;height:6px}.visual-compact.support-visual{min-height:280px;padding:20px}.visual-compact .support-chat.question{top:25px;right:20px}.visual-compact .support-chat.answer{top:118px;left:20px}.visual-compact .support-person{display:none}.visual-compact .support-status{bottom:16px}.trades-visual{color:#fff;background:var(--night);min-height:420px}.trades-visual>img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.trades-visual-shade{background:linear-gradient(90deg,#0e1330e6,#0e133026),linear-gradient(#0000 45%,#0e1330b8);position:absolute;inset:0}.trades-visual-tag{color:var(--night);background:var(--mint);text-transform:uppercase;border-radius:8px;align-items:center;gap:7px;padding:8px 10px;font-size:9px;font-weight:600;display:flex;position:absolute;top:24px;left:24px}.trades-visual-copy{flex-direction:column;display:flex;position:absolute;bottom:30px;left:30px}.trades-visual-copy strong{font:700 47px/1 var(--display)}.trades-visual-copy span{color:#d9deec;margin-top:7px;font-size:11px}.trades-mini-card{min-width:205px;color:var(--night);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border-radius:12px;align-items:center;gap:10px;padding:13px;display:flex;position:absolute;bottom:24px;right:24px}.trades-mini-card>svg{color:var(--emerald)}.trades-mini-card div{flex-direction:column;display:flex}.trades-mini-card small{color:#7d8494;font-size:8px}.trades-mini-card b{font:600 11px var(--display);margin-top:3px}.trades-mini-card>span{color:#fff;background:var(--emerald);border-radius:50%;place-items:center;width:20px;height:20px;margin-left:auto;display:grid}.visual-compact.trades-visual{min-height:260px}.visual-compact .trades-mini-card{display:none}.visual-compact .trades-visual-copy strong{font-size:34px}.pricing-visual{background:#f3f5fb;border-color:#d7ddec;min-height:420px;padding:48px 42px}.pricing-bars{justify-content:space-between;align-items:end;gap:14px;height:245px;display:flex}.pricing-bars>div{text-align:center;flex-direction:column;flex:1;justify-content:end;height:100%;display:flex;position:relative}.pricing-bars i{background:#d9deec;border-radius:10px 10px 3px 3px;width:100%;height:28%;display:block}.pricing-bars>div:nth-child(2) i{height:47%}.pricing-bars>div:nth-child(3) i{height:68%}.pricing-bars>div:nth-child(4) i{height:88%}.pricing-bars .active i{background:var(--emerald);box-shadow:0 12px 25px #0e9b6e2e}.pricing-bars span{color:#677086;margin-top:10px;font-size:9px}.pricing-bars b{color:var(--night);font:600 10px var(--display);margin-top:3px}.pricing-caption{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:12px;margin-top:28px;padding:14px;display:flex}.pricing-caption>span{width:38px;height:38px;color:var(--night);background:var(--amber);border-radius:10px;place-items:center;display:grid}.pricing-caption div{flex-direction:column;display:flex}.pricing-caption small{color:#858ca0;font-size:8px}.pricing-caption strong{font:600 12px var(--display);margin-top:3px}.visual-compact.pricing-visual{min-height:270px;padding:25px}.visual-compact .pricing-bars{height:150px}.visual-compact .pricing-caption{margin-top:15px}.section{padding:120px 0}.section-heading{grid-template-columns:1.1fr .9fr;align-items:end;gap:100px;margin-bottom:58px;display:grid}.section-heading h2,.stock-intro h2,.center-heading h2,.final-cta h2{letter-spacing:-.04em;margin:9px 0 0;font-size:clamp(38px,4vw,58px);line-height:1.04}.section-heading p,.stock-intro>p{color:var(--muted);margin:0;font-size:15px;line-height:1.75}.demo-section{background:var(--night);color:#fff}.demo-section h2{color:#fff}.demo-section .section-label{color:var(--mint)}.demo-section .section-heading p{color:#b8bfd1}.demo-toolbar{background:var(--night-2);color:#bbc2d6;border:1px solid #30385f;border-radius:14px 14px 0 0;align-items:center;gap:16px;padding:14px 16px;font-size:11px;display:flex}.profession-pills{gap:5px;display:flex}.profession-pills button{color:#c9cee0;background:0 0;border:1px solid #3e466b;border-radius:7px;padding:7px 10px;font-size:10px}.profession-pills button.active{color:var(--night);border-color:var(--mint);background:var(--mint)}.profession-pills button:hover{border-color:var(--mint);color:#fff;transform:translateY(-1px)}.profession-pills button:focus-visible,.trade-filters button:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.detected{align-items:center;gap:6px;margin-left:auto;display:flex}.reset{color:var(--amber);background:0 0;border:0;font-size:10px}.demo-board{color:var(--ink);background:#fff;border-radius:0 0 16px 16px;grid-template-columns:.8fr 1.15fr .75fr;min-height:520px;display:grid;overflow:hidden}.reserve-panel,.cashier-panel,.receipt-panel{padding:25px 20px}.reserve-panel{border-right:1px solid var(--line);background:#f6f8fb}.receipt-panel{border-left:1px solid var(--line);background:#f6f8fb}.panel-title{min-height:28px;color:var(--night);align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.panel-title em{color:var(--deep-emerald);align-items:center;gap:7px;margin-left:auto;font-size:9px;font-style:normal;display:flex}.reserve-card{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;gap:12px;margin-top:24px;padding:14px;display:flex}.reserve-card>div{flex-direction:column;min-width:0;display:flex}.reserve-card strong{font-size:11px}.reserve-card small{color:#81889c;margin:4px 0 8px;font-size:9px;line-height:1.4}.reserve-card b{color:var(--deep-emerald);font-size:12px}.reserve-panel>p,.receipt-panel>p{color:#858ca0;font-size:9px;line-height:1.45}.reserve-panel>p{margin:9px 0 0;padding:0 6px}.cashier-panel{flex-direction:column;display:flex}.scan-state,.quantity-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:15px;display:flex}.scan-graphic{width:76px;height:76px;color:var(--emerald);background:var(--mist);border:1px solid #c5e5db;border-radius:22px;place-items:center;margin-bottom:18px;display:grid}.scan-state strong,.quantity-state h3{color:var(--night);font:600 17px var(--display)}.scan-state p,.quantity-state p{color:#7a8297;max-width:280px;font-size:10px;line-height:1.5}.scan-state button{color:#fff;background:var(--emerald);border:0;border-radius:8px;align-items:center;gap:8px;margin:10px 0;padding:10px 15px;font-size:11px;font-weight:600;display:flex}.scan-state small{color:#9299aa;font-size:8px}.success-chip{color:var(--deep-emerald);background:var(--mist);border-radius:100px;align-items:center;gap:6px;margin-bottom:16px;padding:7px 9px;font-size:9px;font-weight:600;display:flex}.quantity{align-items:center;gap:22px;margin:15px 0;display:flex}.quantity button{border:1px solid var(--line);width:36px;height:36px;color:var(--night);background:#fff;border-radius:10px;font-size:19px}.quantity strong{min-width:55px;font:700 18px var(--display)}.add-oil{color:var(--deep-emerald);background:0 0;border:0;font-size:10px}.pay-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.pay-row>span{color:#7a8296;flex-direction:column;font-size:9px;display:flex}.pay-row strong{color:var(--night);font:700 21px var(--display)}.pay-row button{color:#fff;background:var(--emerald);border:0;border-radius:9px;align-items:center;gap:8px;padding:11px 15px;font-size:10px;font-weight:600;display:flex}.pay-row button:disabled{cursor:not-allowed;background:#c8cdd7}.helper{text-align:right;color:#9ba1b0;margin-top:6px;font-size:8px;display:block}.paper-receipt{border:1px solid var(--line);background:#fff;border-radius:5px;margin-top:20px;padding:20px 17px;transition:all .3s;box-shadow:0 6px 18px #0e13300f}.paper-receipt.complete{border-color:#91d7bd;box-shadow:0 8px 25px #0e9b6e1f}.paper-receipt .logo svg{width:22px;height:22px}.paper-receipt .logo span{display:none}.paper-receipt>span{font:600 11px var(--display);margin:8px 0 12px;display:block}.receipt-success{width:max-content;color:var(--deep-emerald);background:var(--mist);border-radius:5px;align-items:center;gap:5px;padding:5px 7px;font-size:8px;display:flex}.receipt-meta,.receipt-total{border-top:1px dashed var(--line);justify-content:space-between;align-items:center;padding:11px 0;font-size:9px;display:flex}.receipt-meta strong{color:var(--night)}.paper-receipt p{color:#81889a;font-size:8px}.receipt-total strong{color:var(--night);font:700 17px var(--display)}.paper-receipt>small{color:#8b92a3;margin-top:8px;font-size:7px;line-height:1.4;display:block}.demo-footer{color:#929ab4;justify-content:space-between;align-items:center;margin-top:18px;font-size:10px;display:flex}.demo-section .button-secondary{color:#fff;background:#1a2148;border-color:#3b446b}.automation-note{color:#c5cada;background:#181f45;border:1px solid #30385f;border-radius:13px;align-items:center;gap:16px;margin-top:32px;padding:20px 22px;display:flex}.spark-icon{width:42px;height:42px;color:var(--night);background:var(--amber);border-radius:11px;flex:none;place-items:center;display:grid}.automation-note strong{font:600 14px var(--display);color:#fff}.automation-note p{margin:4px 0 0;font-size:11px}.features-section{background:var(--ice)}.compact-heading{margin-bottom:45px}.feature-grid{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.feature-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:16px;grid-column:span 2;min-height:280px;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.feature-card.featured{background:var(--night);grid-column:span 4}.feature-card:hover{border-color:#b7d9cd;transform:translateY(-5px);box-shadow:0 18px 45px #0e133014}.feature-card:focus-visible{outline-offset:3px;outline:3px solid #0e9b6e47}.feature-card-body{z-index:1;flex-direction:column;width:100%;padding:26px;display:flex;position:relative}.feature-card.featured .feature-card-body{width:55%}.feature-number{color:#a1a7b6;font:500 11px IBM Plex Mono;position:absolute;top:24px;right:24px}.feature-card h3{margin:34px 0 10px;font-size:22px}.feature-card p{color:var(--muted);font-size:13px;line-height:1.65}.feature-link{color:var(--deep-emerald);align-items:center;gap:8px;margin-top:auto;font-size:12px;font-weight:600;display:flex}.feature-link svg{transition:transform .25s}.feature-card:hover .feature-link svg{transform:translate(5px)}.feature-card.featured h3,.feature-card.featured .feature-link{color:#fff}.feature-card.featured p{color:#b8bfd1;max-width:600px}.feature-glyph{width:96px;height:54px;transition:transform .35s cubic-bezier(.2,.7,.2,1);position:relative}.feature-card:hover .feature-glyph{transform:translateY(-3px)scale(1.025)}.glyph-sell{color:var(--night);background:var(--mint);border-radius:11px;align-items:center;gap:10px;padding:10px;display:flex}.glyph-sell>span{font:700 12px var(--display)}.glyph-sell>i{color:#fff;background:var(--emerald);border-radius:50%;place-items:center;width:19px;height:19px;display:grid}.glyph-stock{grid-template-rows:1fr 1fr;grid-template-columns:38px 1fr;align-items:center;gap:2px 9px;width:112px;display:grid}.glyph-stock>span{color:#8c671a;background:var(--amber-soft);border:1px solid #ead29d;border-radius:9px;grid-row:span 2;place-items:center;width:38px;height:48px;display:grid}.glyph-stock>b{color:var(--night);font:600 12px var(--display);align-self:end}.glyph-stock>i{color:var(--emerald);align-self:start;font-size:9px;font-style:normal}.glyph-clients{align-items:center;width:138px;display:flex}.glyph-clients>span{color:#fff;background:var(--night);width:37px;height:37px;font:600 10px var(--display);border:3px solid #fff;border-radius:50%;place-items:center;margin-right:-9px;display:grid}.glyph-clients>span:nth-child(2){background:var(--emerald)}.glyph-clients>span:nth-child(3){background:#6c73cf}.glyph-clients>i{background:var(--line);width:1px;height:30px;margin:0 12px 0 18px}.glyph-clients>b{color:var(--deep-emerald);white-space:nowrap;font:600 10px var(--display)}.glyph-invoice{width:94px;height:62px;color:var(--night);background:#fffdf7;border:1px solid #e5dfcd;border-radius:4px;padding:10px;transform:rotate(-2deg);box-shadow:0 6px 13px #0e133014}.feature-card:hover .glyph-invoice{transform:translateY(-3px)rotate(1deg)}.glyph-invoice>span{font:600 9px IBM Plex Mono}.glyph-invoice>i{background:#e0e3ea;width:68%;height:3px;margin-top:6px;display:block}.glyph-invoice>b{width:max-content;color:var(--deep-emerald);background:var(--mist);border-radius:4px;align-items:center;gap:3px;margin-top:7px;padding:3px 5px;font-size:7px;display:flex}.glyph-adapt{flex-direction:column;justify-content:center;gap:8px;width:112px;display:flex}.glyph-adapt>span{background:#dce3ec;border-radius:10px;align-items:center;height:4px;display:flex;position:relative}.glyph-adapt span>i{background:var(--emerald);border-radius:10px;width:55%;height:4px;display:block}.glyph-adapt span:nth-child(2)>i{width:78%}.glyph-adapt span:nth-child(3)>i{width:35%}.glyph-adapt span>b{border:3px solid var(--emerald);background:#fff;border-radius:50%;width:12px;height:12px;transition:left .35s;position:absolute;left:50%;transform:translate(-50%)}.glyph-adapt span:nth-child(2)>b{left:74%}.glyph-adapt span:nth-child(3)>b{left:31%}.feature-card:hover .glyph-adapt span>b{left:65%}.feature-card:hover .glyph-adapt span:nth-child(2)>b{left:45%}.feature-card:hover .glyph-adapt span:nth-child(3)>b{left:78%}.feature-illustration{background:#e8f4f0;position:absolute;inset:0 0 0 55%;overflow:hidden}.feature-illustration .scene{height:100%}.feature-illustration .scene svg{width:auto;max-width:none;height:100%;transform:translate(-10%)}.feature-scene-status{z-index:2;color:var(--night);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffed;border-radius:9px;align-items:center;gap:7px;padding:9px 10px;font-size:9px;font-weight:600;display:flex;position:absolute;bottom:16px;right:16px}.feature-scene-status i{background:var(--mint);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #34e0a12b}.feature-scene-status b{color:var(--deep-emerald);text-transform:uppercase;font-size:8px}.stock-section{background:#fff}.stock-intro{grid-template-columns:1fr 1fr;align-items:end;gap:100px;margin-bottom:70px;display:grid}.stock-layout{grid-template-columns:.75fr 1.25fr;align-items:center;gap:70px;display:grid}.steps{flex-direction:column;display:flex}.step{border-top:1px solid var(--line);grid-template-columns:48px 1fr;gap:18px;padding:22px 0;display:grid}.step>span{color:var(--emerald);font:600 11px IBM Plex Mono}.step h3{margin-bottom:7px;font-size:17px}.step p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.steps .button{align-self:flex-start;margin-top:20px}.bag-visual{background:var(--night);color:#fff;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px #0e13302e}.bag-title{font:600 13px var(--display);border-bottom:1px solid #30375a;padding:20px 24px}.bag-scene{background:radial-gradient(circle at 50% 80%,#34e0a12b,#0000 45%);justify-content:center;align-items:end;gap:18px;min-height:260px;padding:45px 30px 25px;display:flex}.big-bag,.open-bag{width:135px;height:170px;color:var(--night);clip-path:polygon(8% 0,92% 0,100% 10%,94% 100%,6% 100%,0 10%);background:#f6e4b4;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.big-bag:before,.open-bag:before{content:"";border:1px solid #0e133033;position:absolute;inset:12px}.big-bag span,.open-bag span{font:800 16px var(--display);letter-spacing:.15em}.big-bag strong{font:800 48px/1 var(--display)}.big-bag small{font:600 13px var(--display)}.open-bag{clip-path:polygon(0 14%,18% 0,35% 12%,52% 0,69% 12%,86% 0,100% 14%,94% 100%,6% 100%);background:#d7c18b;width:115px;height:110px}.open-bag b{font:700 20px var(--display);margin-top:10px}.grain-flow{color:var(--amber);letter-spacing:4px;align-self:center;animation:2s ease-in-out infinite pulse}.bag-stats{grid-template-columns:repeat(3,1fr);gap:9px;padding:0 24px 24px;display:grid}.bag-stats div{background:#1a2146;border:1px solid #30375a;border-radius:9px;padding:13px}.bag-stats strong,.bag-stats span{display:block}.bag-stats strong{color:var(--mint);font:600 12px var(--display)}.bag-stats span{color:#9da5bf;margin-top:5px;font-size:8px}.compare{background:#30375a;border-top:1px solid #30375a;grid-template-columns:1fr 1fr;gap:1px;display:grid}.compare div{background:#151b3a;padding:20px 24px}.compare span,.compare strong{display:block}.compare span{color:#8f98b4;font-size:9px}.compare strong{font:600 18px var(--display);margin-top:7px}.compare div:last-child strong{color:var(--mint)}.bag-visual>p{color:#aab1c6;text-align:center;margin:0;padding:15px 24px;font-size:10px}.proof-section{background:var(--mist)}.center-heading{text-align:center;margin-bottom:50px}.proof-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.proof-card{background:#fff;border:1px solid #cfe0da;border-radius:17px;transition:all .3s;overflow:hidden}.proof-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #08765314}.proof-card-body{flex-direction:column;height:100%;padding:30px;display:flex}.proof-card-body>span{width:44px;height:44px;color:var(--deep-emerald);background:var(--mist);border-radius:11px;place-items:center;display:grid}.proof-card h3{margin:28px 0 10px;font-size:20px}.proof-card p{min-height:84px;color:var(--muted);font-size:13px;line-height:1.65}.proof-card a{color:var(--deep-emerald);align-items:center;gap:8px;margin-top:auto;font-size:12px;font-weight:600;display:flex}.trades-row{grid-template-columns:1.45fr .55fr;gap:16px;margin-top:16px;display:grid}.trades-banner{color:#fff;background:var(--emerald);border-radius:17px;justify-content:space-between;align-items:center;padding:24px 30px;display:flex}.trades-banner>div{align-items:center;gap:20px;display:flex}.trades-banner>div>span{font:700 54px/1 var(--display)}.trades-banner p{margin:0;font-size:13px;line-height:1.5}.trades-banner strong{font:600 18px var(--display)}.trades-banner .button{color:#fff;background:#ffffff1a;border-color:#ffffff4d}.trades-illustration{background:#e5f5ef;border:1px solid #b8ded1;border-radius:17px;min-height:128px;position:relative;overflow:hidden}.trades-illustration .scene{height:100%;position:absolute;inset:0}.trades-illustration .scene svg{width:auto;height:155%;transform:translate(-9%,-19%)}.trades-illustration>span{z-index:2;color:#fff;background:var(--night);text-transform:uppercase;letter-spacing:.08em;border-radius:7px;align-items:center;gap:7px;padding:7px 9px;font-size:9px;font-weight:600;display:flex;position:absolute;bottom:13px;left:14px}.pricing-section{background:var(--ice)}.pricing-grid{grid-template-columns:repeat(5,1fr);align-items:stretch;gap:10px;display:grid}.price-card{border:1px solid var(--line);background:#fff;border-radius:15px;flex-direction:column;padding:24px 20px 20px;display:flex;position:relative}.price-card.popular{border:2px solid var(--emerald);transform:translateY(-8px);box-shadow:0 18px 45px #0e9b6e1f}.popular-label{white-space:nowrap;color:#fff;background:var(--emerald);border-radius:100px;padding:6px 10px;font-size:9px;font-weight:600;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.price-card h3{font-size:16px}.price{align-items:end;gap:6px;min-height:47px;display:flex}.price strong{font:700 38px/1 var(--display);color:var(--night)}.price span{color:var(--muted);font-size:10px}.price.quote strong{font-size:28px}.price-card>p{min-height:44px;color:var(--muted);margin:17px 0;font-size:11px;line-height:1.45}.plan-values{border-top:1px solid var(--line);margin-bottom:22px}.plan-values div{border-bottom:1px solid var(--line);justify-content:space-between;gap:6px;padding:9px 0;font-size:9px;display:flex}.plan-values span{color:#777f94}.plan-values b{color:var(--night)}.price-card .button{width:100%;margin-top:auto}.pricing-note{text-align:center;color:#8a91a3;margin:24px 0 0;font-size:11px}.trial-note{background:var(--amber-soft);border:1px solid #f2dca5;border-radius:14px;align-items:center;gap:17px;margin-top:25px;padding:19px;display:flex}.trial-note>span{color:#875e0c;background:var(--amber);border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.trial-note p{color:#6f551d;flex:1;margin:0;font-size:11px;line-height:1.55}.final-cta{color:#fff;background:var(--emerald);padding:105px 0;overflow:hidden}.final-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:90px;display:grid}.final-cta .section-label{color:var(--night)}.final-cta h2{color:#fff}.final-cta p{color:#d8f5ea;max-width:500px;line-height:1.7}.final-cta small{color:#c7ebde;font-size:10px}.final-cta .button{background:var(--night)}.final-cta .button-secondary{color:#fff;background:0 0;border-color:#ffffff73}.cta-visual{transform:rotate(2deg)}.cta-visual .product-window{transform:none;box-shadow:0 30px 80px #04463140}.product-window.compact .product-layout{grid-template-columns:70px 1fr 145px;min-height:300px}.product-window.compact .side-item{justify-content:center;font-size:0}.help-strip{background:#c7f5e4;padding:26px 0}.help-strip .shell{align-items:center;gap:18px;display:flex}.help-icon{width:44px;height:44px;color:var(--deep-emerald);background:#fff;border-radius:12px;place-items:center;display:grid}.help-strip strong{color:var(--deep-emerald);font:600 15px var(--display)}.help-strip p{color:#32745e;margin:3px 0 0;font-size:11px}.help-strip a{color:var(--deep-emerald);align-items:center;gap:7px;margin-left:auto;font-size:11px;font-weight:600;display:flex}.help-strip a+a{border-left:1px solid #8dcbb6;margin-left:5px;padding-left:18px}.footer{color:#aeb5cc;background:var(--night);padding:70px 0 28px}.logo-light{color:#fff}.footer-brand{border-bottom:1px solid #2d3458;grid-template-columns:1fr 2fr;padding-bottom:42px;display:grid}.footer-brand p{color:#aeb5cc;max-width:400px;margin:0;font-size:13px;line-height:1.6}.footer-links{grid-template-columns:repeat(4,1fr);gap:40px;padding:45px 0;display:grid}.footer-links div{flex-direction:column;gap:10px;display:flex}.footer-links strong{color:#fff;font:600 13px var(--display);margin-bottom:7px}.footer-links a{font-size:11px;transition:all .2s}.footer-links a:hover{color:var(--mint)}.footer-bottom{color:#7e87a6;border-top:1px solid #2d3458;justify-content:space-between;align-items:center;gap:25px;padding-top:24px;font-size:9px;display:flex}.footer-bottom div{gap:20px;display:flex}.agency-section{padding:110px 0}.agency-heading{grid-template-columns:1fr .85fr;align-items:end;gap:75px;margin-bottom:52px;display:grid}.agency-heading h2,.cash-story-copy h2,.stock-dossier-head h2,.alert-board h2,.document-story h2,.receivables-section h2,.trades-directory h2,.custom-trade h2,.help-search-section h2,.contact-section h2{letter-spacing:-.04em;margin:9px 0 0;font-size:clamp(38px,4vw,56px);line-height:1.04}.agency-heading>p,.cash-story-copy>p,.stock-dossier-head>p,.alert-board>div>p,.document-story>div>p,.receivables-section p,.trades-directory-head>p,.custom-trade p,.help-search-section p{color:var(--muted);margin:0;font-size:14px;line-height:1.75}.agency-heading.centered{text-align:center;max-width:750px;margin:0 auto 52px;display:block}.agency-heading.centered p{max-width:620px;margin:15px auto 0}.detail-accordion{border-bottom:1px solid var(--line)}.detail-accordion:first-child{border-top:1px solid var(--line)}.detail-accordion summary{cursor:pointer;min-height:64px;color:var(--night);font:600 15px var(--display);justify-content:space-between;align-items:center;gap:20px;list-style:none;display:flex}.detail-accordion summary:hover{color:var(--deep-emerald)}.detail-accordion summary::-webkit-details-marker{display:none}.detail-accordion summary i{width:27px;height:27px;color:var(--deep-emerald);background:var(--mist);font:400 18px var(--body);border-radius:50%;flex:none;place-items:center;transition:transform .25s;display:grid}.detail-accordion[open] summary i{transform:rotate(45deg)}.detail-accordion>div{animation:.3s details-in}.detail-accordion>div p{color:var(--muted);margin:-4px 45px 20px 0;font-size:12px;line-height:1.65}.process-section{background:var(--ice)}.process-rail{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:45px;display:grid;position:relative}.process-rail:before{content:"";background:linear-gradient(90deg,var(--mint),var(--emerald),var(--amber));height:2px;position:absolute;top:67px;left:8%;right:8%}.process-card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:25px 22px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative}.process-card:hover{border-color:#a7d7c6;transform:translateY(-5px);box-shadow:0 15px 35px #0e133012}.process-card:hover .process-symbol{transform:rotate(-5deg)scale(1.08)}.process-card>span{color:#8b92a6;font:600 9px IBM Plex Mono}.process-symbol{z-index:1;width:45px;height:45px;color:var(--night);background:var(--mint);border:5px solid #fff;border-radius:50%;place-items:center;margin:20px 0;transition:transform .3s;display:grid;position:relative;box-shadow:0 0 0 1px #b8dfd1}.process-card:last-child .process-symbol{background:var(--amber)}.process-card h3{font-size:17px}.process-card p{color:var(--muted);font-size:11px;line-height:1.6}.process-section>.shell>.workflow-visual{max-width:950px;min-height:370px;margin:0 auto}.domain-section{background:#fff}.domain-layout{grid-template-columns:.8fr 1.2fr;align-items:start;gap:100px;display:grid}.domain-intro{position:sticky;top:130px}.domain-intro h2{margin:10px 0 18px;font-size:46px;line-height:1.05}.domain-intro>p{color:var(--muted);font-size:13px;line-height:1.7}.domain-intro .scene{margin-top:28px}.context-photo{background:var(--night);border-radius:18px;height:270px;margin-top:28px;position:relative;overflow:hidden}.context-photo:after,.document-photo:after,.support-photo:after,.pricing-team-photo:after{content:"";pointer-events:none;background:linear-gradient(#0000 42%,#0e13308f);position:absolute;inset:0}.context-photo img,.document-photo img,.support-photo img,.pricing-team-photo img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.context-photo:hover img,.document-photo:hover img,.support-photo:hover img,.pricing-team-photo:hover img{transform:scale(1.035)}.context-photo span{z-index:2;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e1330bf;border-radius:8px;align-items:center;gap:7px;padding:8px 10px;font-size:9px;font-weight:600;display:flex;position:absolute;bottom:14px;left:15px}.domain-list{border-top:1px solid var(--line)}.domain-row{border-bottom:1px solid var(--line);grid-template-columns:48px 1fr auto;align-items:center;gap:18px;padding:25px 0;transition:padding .25s,background .25s;display:grid}.domain-row:hover{background:var(--ice);padding-inline:14px}.domain-row:hover>svg{color:var(--emerald);transform:translate(4px)}.domain-row>span{width:43px;height:43px;color:var(--deep-emerald);background:var(--mist);border-radius:11px;place-items:center;display:grid}.domain-row h3{margin:0 0 6px;font-size:18px}.domain-row p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.domain-row>svg{color:#a8afbf}.setup-section{background:var(--night);overflow:hidden}.setup-section .section-label{color:var(--mint)}.setup-section h2{color:#fff}.setup-section .agency-heading p{color:#afb7cd}.setup-orbit{grid-template-columns:repeat(4,1fr);gap:12px;max-width:1100px;margin:auto;display:grid;position:relative}.setup-card{color:#b5bdd3;background:#1a2148;border:1px solid #30395f;border-radius:15px;min-height:205px;padding:22px;transition:transform .25s,border-color .25s;position:relative}.setup-card:hover{border-color:#4b588a;transform:translateY(-4px)}.setup-card>span{color:var(--mint);font:600 9px IBM Plex Mono}.setup-card h3{color:#fff;margin:16px 0 8px;font-size:18px}.setup-card p{margin:0;font-size:11px;line-height:1.55}.setup-center{color:#fff;background:#151b3c;border:1px solid #30395f;border-radius:13px;flex-direction:row;grid-column:1/-1;justify-content:center;align-items:center;gap:14px;margin-top:8px;padding:16px;display:flex}.setup-center .logo span{color:#fff}.setup-center small{color:#9ca6c3}.cash-story{background:#fff}.cash-story-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:90px;display:grid}.cash-story-visual{position:relative}.cash-callout{color:#fff;background:var(--night);border-radius:11px;align-items:center;gap:9px;padding:13px 15px;font-size:10px;font-weight:600;display:flex;position:absolute;bottom:30px;right:-20px;box-shadow:0 14px 35px #0e13302e}.cash-callout svg{color:var(--mint)}.cash-photo{background:var(--night);border-radius:24px;min-height:490px;overflow:hidden;box-shadow:0 25px 60px #0e133026}.cash-photo:after{content:"";pointer-events:none;background:linear-gradient(#0000 45%,#0e133073);position:absolute;inset:0}.cash-photo>img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.cash-photo:hover>img,.stock-photo-visual:hover>img{transform:scale(1.035)}.photo-kicker{z-index:2;color:var(--night);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-radius:100px;align-items:center;gap:8px;padding:9px 11px;font-size:9px;font-weight:600;display:flex;position:absolute;top:20px;left:20px}.photo-kicker i{background:var(--mint);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #34e0a126}.cash-photo .cash-callout{z-index:2}.cash-story-copy>p{margin:17px 0 26px}.handoff-section{background:var(--ice)}.handoff-flow{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.handoff-step{border:1px solid var(--line);background:#fff;border-radius:15px;min-height:215px;padding:27px;transition:transform .25s,box-shadow .25s;position:relative}.handoff-step:hover{transform:translateY(-4px);box-shadow:0 15px 35px #0e133012}.handoff-step>span{width:34px;height:34px;color:var(--night);background:var(--amber);font:700 13px var(--display);border-radius:9px;place-items:center;display:grid}.handoff-step h3{margin:25px 0 9px;font-size:19px}.handoff-step p{color:var(--muted);font-size:12px;line-height:1.6}.handoff-step>svg{z-index:2;box-sizing:content-box;color:#fff;background:var(--emerald);border-radius:50%;padding:8px;display:block;position:absolute;top:50%;right:-20px}.stock-dossier{background:var(--ice)}.stock-dossier-head{grid-template-columns:1fr .8fr;align-items:end;gap:90px;margin-bottom:45px;display:grid}.stock-dossier-grid{border:1px solid var(--line);background:#fff;border-radius:20px;grid-template-columns:.9fr 1.1fr;align-items:center;gap:35px;padding:30px;display:grid}.stock-photo-visual{background:var(--night);border-radius:15px;min-height:340px;position:relative;overflow:hidden}.stock-photo-visual:after{content:"";background:linear-gradient(#0000 45%,#0e133085);position:absolute;inset:0}.stock-photo-visual>img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.stock-photo-card{z-index:2;color:var(--night);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border-radius:11px;align-items:center;gap:11px;padding:13px;display:flex;position:absolute;bottom:18px;left:18px;right:18px}.stock-photo-card>span{width:38px;height:38px;color:var(--deep-emerald);background:var(--mist);border-radius:9px;place-items:center;display:grid}.stock-photo-card>div{flex-direction:column;display:flex}.stock-photo-card small{color:#7a8295;font-size:8px}.stock-photo-card b{font:600 11px var(--display);margin-top:3px}.stock-accordions{padding:5px 18px}.alert-board{color:#fff;background:var(--night);border-radius:20px;grid-template-columns:.8fr 1.2fr;gap:80px;margin-top:25px;padding:48px;display:grid}.alert-board h2{color:#fff;font-size:40px}.alert-board .section-label{color:var(--mint)}.alert-board>div>p{color:#aeb6cd;margin-top:15px}.alert-board>div:last-child{border-top:1px solid #343c62}.alert-board article{border-bottom:1px solid #343c62;gap:14px;padding:20px 0;display:flex}.alert-board h3{color:#fff;margin:0 0 6px;font-size:15px}.alert-board article p{color:#aeb6cd;margin:0;font-size:10px}.alert-dot{background:var(--mint);border-radius:50%;flex:none;width:9px;height:9px;margin-top:4px;display:block;box-shadow:0 0 0 5px #34e0a11a}.alert-1{background:var(--amber)}.alert-2{background:#9ba5ff}.document-story{background:#fff}.document-story-grid{grid-template-columns:1fr .9fr;align-items:center;gap:85px;display:grid}.document-story>div>div:first-child>p{margin:18px 0 30px}.document-tabs{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.document-tabs article{border-right:1px solid var(--line);padding:20px 15px}.document-tabs article:last-child{border:0}.document-tabs span{color:var(--emerald);font:600 9px IBM Plex Mono}.document-tabs h3{margin:12px 0 7px;font-size:16px}.document-tabs p{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.document-photo{border-radius:13px;height:155px;margin-top:18px;position:relative;overflow:hidden}.document-photo span{z-index:2;color:#fff;text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:600;position:absolute;bottom:13px;left:15px}.payment-timeline{background:var(--night)}.payment-timeline .section-label{color:var(--mint)}.payment-timeline h2{color:#fff}.payment-timeline .agency-heading p{color:#aeb6cd}.payment-track{background:#343c62;border:1px solid #343c62;border-radius:17px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.payment-track article{background:#171e41;min-height:255px;padding:30px}.payment-track article>span{width:44px;height:44px;color:var(--night);background:var(--mint);border-radius:12px;place-items:center;display:grid}.payment-track small{color:#6f7a9b;margin-top:30px;font:500 8px IBM Plex Mono;display:block}.payment-track h3{color:#fff;margin:7px 0;font-size:19px}.payment-track p{color:#aeb6cd;font-size:11px;line-height:1.55}.payment-track article{transition:background .25s}.payment-track article:hover{background:#202950}.payment-track article>span{transition:transform .25s}.payment-track article:hover>span{transform:rotate(-4deg)scale(1.06)}.receivables-section{background:var(--mist)}.receivables-grid{grid-template-columns:1fr 1fr;align-items:center;gap:85px;display:grid}.receivables-panel{background:#fff;border:1px solid #cce1d9;border-radius:17px;padding:28px;box-shadow:0 20px 45px #08765314}.receivables-top,.receivable-row{justify-content:space-between;gap:15px;display:flex}.receivables-top{color:#71798d;font-size:10px}.receivables-top b{color:var(--deep-emerald)}.receivables-panel>strong{font:700 40px var(--display);color:var(--night);margin:20px 0 28px;display:block}.receivable-row{border-top:1px solid var(--line);padding:15px 0;font-size:11px}.receivable-row b{color:var(--night)}.receivable-row.late b{color:#bd6a2b}.trades-directory{background:var(--ice)}.trades-directory-head{grid-template-columns:1fr .75fr;align-items:end;gap:90px;margin-bottom:35px;display:grid}.trades-directory-head h2 em{color:var(--emerald);font-style:normal}.trade-filters{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:7px;padding-bottom:25px;display:flex}.trade-filters button{color:#657086;border:1px solid var(--line);background:#fff;border-radius:100px;padding:9px 13px;font-size:10px;font-weight:600}.trade-filters button.active{color:#fff;background:var(--night);border-color:var(--night)}.trade-count{color:#8a92a5;margin:23px 0 14px;font-size:10px}.trade-count span{color:var(--emerald);font:700 20px var(--display);margin-right:7px}.trade-directory-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:11px;display:grid}.trade-entry{border:1px solid var(--line);background:#fff;border-radius:14px;transition:all .25s;overflow:hidden}.trade-entry[open]{border-color:#9cd3bf;box-shadow:0 13px 35px #08765314}.trade-entry summary{cursor:pointer;grid-template-columns:44px 1fr auto;align-items:start;gap:14px;min-height:185px;padding:22px;list-style:none;display:grid}.trade-entry summary::-webkit-details-marker{display:none}.trade-entry:hover{border-color:#a7d7c6;transform:translateY(-2px)}.trade-entry-icon{width:42px;height:42px;color:var(--deep-emerald);background:var(--mist);border-radius:11px;place-items:center;display:grid}.trade-entry summary small{color:var(--emerald);text-transform:uppercase;letter-spacing:.1em;font-size:8px}.trade-entry h3{margin:6px 0 7px;font-size:17px}.trade-entry summary p{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.trade-entry summary>i{color:var(--emerald);font-size:19px;font-style:normal;transition:all .25s}.trade-entry[open] summary>i{transform:rotate(45deg)}.trade-detail{padding:0 22px 20px 80px;animation:.3s details-in}.trade-detail p{color:#515a70;margin:0 0 13px;font-size:11px;line-height:1.55}.trade-detail a{color:var(--deep-emerald);align-items:center;gap:7px;font-size:10px;font-weight:600;display:flex}.custom-trade{background:#fff}.custom-trade-grid{grid-template-columns:1fr 1fr;align-items:center;gap:85px;display:grid}.custom-trade p{margin:18px 0}.custom-tags{flex-wrap:wrap;gap:7px;margin-bottom:27px;display:flex}.custom-tags span{color:#536076;background:var(--ice);border:1px solid var(--line);border-radius:7px;padding:8px 10px;font-size:9px}.pricing-human-proof{background:var(--night);padding:80px 0}.pricing-human-proof .shell{grid-template-columns:1fr 1fr;align-items:center;gap:75px;display:grid}.pricing-team-photo{border-radius:20px;height:360px;position:relative;overflow:hidden}.pricing-human-proof .section-label{color:var(--mint)}.pricing-human-proof h2{color:#fff;margin:9px 0 15px;font-size:clamp(36px,4vw,54px);line-height:1.04}.pricing-human-proof p{color:#adb6ce;font-size:13px;line-height:1.7}.pricing-faq{background:#fff}.faq-columns{grid-template-columns:1fr 1fr;gap:0 45px;display:grid}.help-search-section{background:var(--ice)}.help-search-layout{grid-template-columns:.78fr 1.22fr;align-items:start;gap:90px;display:grid}.help-search-section>div>div:first-child{position:sticky;top:130px}.help-search-section p{margin:15px 0 25px}.faq-stack{border:1px solid var(--line);background:#fff;border-radius:17px;padding:0 25px}.support-photo{border-radius:18px;height:280px;position:relative;overflow:hidden}.support-photo span{z-index:2;color:var(--night);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border-radius:100px;align-items:center;gap:7px;padding:8px 10px;font-size:9px;font-weight:600;display:flex;position:absolute;bottom:14px;left:15px}.support-photo span i{background:var(--mint);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #34e0a129}.guide-section{background:#fff}.guide-grid{grid-template-columns:repeat(4,1fr);gap:11px;display:grid}.guide-card{background:var(--ice);border:1px solid var(--line);border-radius:15px;flex-direction:column;min-height:275px;padding:24px;transition:all .25s;display:flex}.guide-card:hover{border-color:#a9d7c6;transform:translateY(-4px)}.guide-card>span{width:43px;height:43px;color:var(--deep-emerald);background:var(--mist);border-radius:11px;place-items:center;display:grid}.guide-card small{color:#9199aa;margin-top:27px;font:500 8px IBM Plex Mono}.guide-card h3{margin:7px 0;font-size:18px}.guide-card p{color:var(--muted);font-size:11px;line-height:1.55}.guide-card a{color:var(--deep-emerald);align-items:center;gap:7px;margin-top:auto;font-size:10px;font-weight:600;display:flex}.contact-section{color:#fff;background:var(--night)}.contact-grid{grid-template-columns:.75fr 1.25fr;gap:100px;display:grid}.contact-section .section-label{color:var(--mint)}.contact-section h2{color:#fff}.contact-section>div>div:first-child>a{color:var(--mint);align-items:center;gap:8px;margin-top:25px;font-size:13px;font-weight:600;display:flex}.contact-grid>div:last-child{border-top:1px solid #353d62}.contact-grid article{border-bottom:1px solid #353d62;grid-template-columns:140px 1fr;padding:20px 0;display:grid}.contact-grid article span{color:#fff;font:600 12px var(--display)}.contact-grid article p{color:#aeb6cd;margin:0;font-size:11px}.subpage{background:#fff}.subpage-hero{background:linear-gradient(#f6fafb,#fff);padding:94px 0 84px;position:relative;overflow:hidden}.subpage-hero:before{content:"";opacity:.28;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.subpage-orb{background:radial-gradient(circle,#34e0a129,#0000 67%);border-radius:50%;width:620px;height:620px;position:absolute;top:-250px;right:-170px}.subpage-hero-grid{grid-template-columns:1fr .9fr;align-items:center;gap:80px;display:grid;position:relative}.subpage-hero h1{max-width:700px;font-size:clamp(48px,5vw,70px)}.subpage-scene{position:relative}.subpage-scene:before{content:"";z-index:2;background:var(--amber);opacity:.7;border-radius:22px;width:80px;height:80px;position:absolute;top:-22px;right:-18px;transform:rotate(12deg)}.subpage-scene .scene{z-index:3;position:relative;transform:rotate(1.5deg)}.subpage-jump{z-index:20;border-block:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;position:sticky;top:72px}.subpage-jump .shell{scrollbar-width:none;display:flex;overflow-x:auto}.subpage-jump .shell::-webkit-scrollbar{display:none}.subpage-jump a{border-right:1px solid var(--line);color:#525a72;white-space:nowrap;align-items:center;gap:8px;min-height:58px;padding:0 23px;font-size:11px;font-weight:600;display:flex}.subpage-jump a:first-child{border-left:1px solid var(--line)}.subpage-jump a:hover{color:var(--deep-emerald);background:var(--mist)}.subpage-jump span{color:var(--emerald);font:600 9px IBM Plex Mono}.page-section{padding:105px 0;scroll-margin-top:130px}.page-section-tinted{background:var(--ice)}.page-section-layout{grid-template-columns:.78fr 1.22fr;align-items:start;gap:100px;display:grid}.page-section-copy{position:sticky;top:160px}.page-section-copy h2{letter-spacing:-.04em;margin:10px 0 20px;font-size:clamp(34px,3.6vw,52px);line-height:1.06}.page-section-copy>p{color:var(--muted);font-size:14px;line-height:1.75}.page-section-copy .scene{box-shadow:none;border-radius:18px;margin-top:30px}.page-items{border-top:1px solid var(--line)}.page-item{border-bottom:1px solid var(--line);grid-template-columns:45px 1fr;gap:18px;padding:27px 0;display:grid}.page-item>span{color:var(--emerald);font:600 10px IBM Plex Mono}.page-item h3{margin:0 0 8px;font-size:19px}.page-item p{max-width:620px;color:var(--muted);margin:0;font-size:13px;line-height:1.65}.subpage-cta{color:#fff;background:var(--emerald);padding:34px 0}.subpage-cta .shell{grid-template-columns:52px 1fr auto;align-items:center;gap:22px;display:grid}.subpage-cta-icon{width:52px;height:52px;color:var(--night);background:var(--mint);border:1px solid #ffffff4d;border-radius:14px;place-items:center;display:grid}.subpage-cta .section-label{color:var(--night);font-size:9px}.subpage-cta h2{color:#fff;max-width:720px;margin:4px 0 3px;font-size:clamp(23px,2.6vw,34px);line-height:1.05}.subpage-cta p{color:#d5f3e8;max-width:670px;margin:0;font-size:11px;line-height:1.5}.subpage-cta .button{background:var(--night);min-height:46px}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(20px)}.reveal.visible{opacity:1;transform:none}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes pulse{50%{opacity:.5}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes scene-breathe{0%,to{transform:rotate(0)}50%{transform:rotate(.8deg)}}@keyframes scene-screen{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes details-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}.floating-card,.profession-strip div,.grain-flow{animation:none}*{transition-duration:.01ms!important}}@media (width<=1100px){.nav-shell{gap:18px}.nav-links{gap:12px;font-size:12px}.nav-actions{gap:10px;font-size:11px}.nav-cta{padding:9px 12px}.hero-grid{grid-template-columns:.9fr 1.1fr;gap:35px}.hero-visual{transform-origin:0;width:110%;transform:scale(.9)}.product-layout{grid-template-columns:76px 1fr 145px}.section-heading,.stock-intro{gap:55px}.pricing-grid{grid-template-columns:repeat(6,1fr)}.price-card{grid-column:span 2}.price-card:nth-child(4),.price-card:nth-child(5){grid-column:span 3}.subpage-hero-grid{gap:45px}.page-section-layout{gap:60px}.trade-directory-grid,.guide-grid{grid-template-columns:repeat(2,1fr)}.agency-heading{gap:45px}}@media (width<=820px){.shell{width:min(100% - 32px,680px)}.nav-shell{width:calc(100% - 28px)}.nav-links{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;align-items:stretch;padding:18px;display:none;position:absolute;top:72px;left:14px;right:14px;box-shadow:0 18px 45px #0e13301f}.nav-links.open{display:flex}.menu-button{display:block}.nav-actions .language-switcher,.nav-actions .login{display:none}.hero{padding-top:70px}.hero-grid,.stock-intro,.stock-layout,.final-grid{grid-template-columns:1fr}.hero-copy{padding-bottom:30px}.hero-visual{width:100%;margin:20px 0 80px;transform:none}.stock-float{left:-5px}.invoice-float{right:-5px}.section{padding:85px 0}.feature-card.featured{grid-column:span 6}.feature-card:not(.featured){grid-column:span 3}.section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:42px}.demo-toolbar{flex-wrap:wrap}.detected{margin-left:0}.demo-board{grid-template-columns:1fr 1fr}.reserve-panel{display:none}.proof-grid{grid-template-columns:1fr}.proof-card p{min-height:0}.stock-layout{gap:45px}.final-grid{gap:55px}.footer-brand{grid-template-columns:1fr;gap:20px}.footer-links{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:column;align-items:flex-start}.subpage-hero{padding:72px 0}.subpage-hero-grid,.page-section-layout{grid-template-columns:1fr}.subpage-scene{max-width:620px}.subpage-jump{top:72px}.page-section{padding:80px 0}.page-section-copy{position:static}.page-section-copy .scene{max-width:480px}.subpage-cta .shell{grid-template-columns:52px 1fr;gap:16px}.subpage-cta .button{grid-column:2;width:max-content}.agency-section{padding:82px 0}.agency-heading,.domain-layout,.cash-story-grid,.stock-dossier-head,.stock-dossier-grid,.alert-board,.document-story-grid,.receivables-grid,.trades-directory-head,.custom-trade-grid,.help-search-layout,.contact-grid{grid-template-columns:1fr;gap:35px}.domain-intro,.help-search-section>div>div:first-child{position:static}.process-rail{grid-template-columns:1fr 1fr}.process-rail:before{display:none}.setup-orbit{grid-template-columns:1fr 1fr;gap:10px;min-height:0;display:grid}.setup-card,.setup-card:nth-child(n){width:auto;position:static;transform:none}.setup-center{display:flex}.handoff-flow,.payment-track{grid-template-columns:1fr}.handoff-step{min-height:0}.handoff-step>svg{display:none}.document-story-grid>.documents-visual{grid-row:1}.trades-directory-head{align-items:start}.alert-board{padding:34px}.trade-entry summary{min-height:165px}.contact-grid article{grid-template-columns:130px 1fr}.pricing-human-proof .shell{grid-template-columns:1fr;gap:35px}}@media (width<=600px){.shell{width:calc(100% - 28px)}.header{position:relative}.nav-shell{min-height:66px}.nav-actions{margin-left:auto}.nav-cta{display:none}.hero{padding-top:54px}h1{font-size:47px}.hero-lead{font-size:15px}.button-row .button{width:100%}.hero-metrics{justify-content:space-between;gap:12px}.hero-metrics div{flex-direction:column;align-items:flex-start;gap:4px}.hero-visual{margin-bottom:55px}.product-window{border-radius:13px;transform:none}.product-layout{grid-template-columns:54px 1fr;min-height:310px}.product-side{padding:12px 5px}.side-label{display:none}.side-item{justify-content:center;font-size:0}.cart-panel{display:none}.checkout{padding:18px 12px}.floating-card{min-width:160px;padding:9px}.invoice-float{top:55px;right:-7px}.stock-float{bottom:-28px}.section{padding:72px 0}.section-heading h2,.stock-intro h2,.center-heading h2,.final-cta h2{font-size:39px}.demo-toolbar>span:first-child,.profession-pills button:nth-child(n+3),.detected{display:none}.demo-board{grid-template-columns:1fr}.cashier-panel{min-height:470px}.receipt-panel{border:0;border-top:1px solid var(--line)}.demo-footer{flex-direction:column;align-items:flex-start;gap:12px}.automation-note{align-items:flex-start}.feature-grid{display:block}.feature-card{min-height:250px;margin-bottom:12px}.feature-card.featured{flex-direction:column;min-height:510px}.feature-card.featured .feature-card-body{width:100%}.feature-illustration{flex:none;order:-1;height:190px;position:relative;inset:auto}.feature-illustration .scene svg{width:100%;height:auto;transform:translateY(-14%)}.trades-row{grid-template-columns:1fr}.trades-illustration{min-height:190px}.bag-scene{padding-inline:15px}.big-bag{width:115px}.open-bag{width:95px}.grain-flow{display:none}.bag-stats,.compare{grid-template-columns:1fr}.trades-banner{flex-direction:column;align-items:flex-start;gap:20px}.pricing-grid{display:block}.price-card,.price-card.popular{margin-bottom:14px;transform:none}.trial-note{flex-wrap:wrap;align-items:flex-start}.trial-note .button{width:100%}.cta-visual{margin-right:-120px;transform:none}.help-strip .shell{flex-wrap:wrap;align-items:flex-start}.help-strip a,.help-strip a+a{margin-left:0}.help-strip a+a{padding-left:14px}.footer-links{gap:35px 22px}.footer-bottom div{flex-wrap:wrap;gap:10px 18px}.subpage-hero{padding:55px 0 65px}.subpage-hero h1{font-size:43px}.subpage-hero .button{width:100%}.subpage-scene:before{width:58px;height:58px;top:-10px;right:-6px}.subpage-scene .visual-frame{min-height:340px}.subpage-scene .workflow-visual{padding:22px 16px}.subpage-scene .workflow-line{top:148px;left:38px;right:38px}.subpage-scene .workflow-steps{gap:2px;margin-top:48px}.subpage-scene .workflow-icon{border-width:5px;width:43px;height:43px}.subpage-scene .workflow-note{bottom:18px;left:17px;right:17px}.subpage-scene .inventory-bag.full{width:105px;height:150px;top:90px;left:45px}.subpage-scene .inventory-bag.open{width:95px;height:108px;top:132px;right:43px}.subpage-scene .inventory-arrow{top:145px}.subpage-scene .inventory-label{bottom:24px}.subpage-scene .inventory-sold{width:60px;height:60px}.subpage-scene .document-card{width:170px;height:235px;padding:17px}.subpage-scene .document-back{left:25px}.subpage-scene .document-middle{right:25px}.subpage-scene .document-front>i{margin-top:14px}.subpage-scene .document-total{margin-top:18px}.subpage-scene .support-visual{padding:22px}.subpage-scene .support-chat.question{top:28px;right:18px}.subpage-scene .support-chat.answer{top:132px;left:18px}.subpage-scene .support-person{display:none}.subpage-scene .support-status{bottom:18px}.subpage-scene .trades-mini-card{display:none}.subpage-scene .pricing-visual{padding:24px 18px}.subpage-scene .pricing-bars{gap:7px;height:205px}.subpage-jump{position:relative;top:auto}.subpage-jump a{min-height:52px;padding:0 16px}.page-section{padding:68px 0}.page-section-copy h2{font-size:36px}.page-item{grid-template-columns:34px 1fr}.subpage-cta{padding:28px 0}.subpage-cta .shell{grid-template-columns:42px 1fr}.subpage-cta-icon{border-radius:11px;width:42px;height:42px}.subpage-cta .button{grid-column:1/-1;width:100%}.agency-section{padding:68px 0}.agency-heading{margin-bottom:35px;display:block}.agency-heading h2,.cash-story-copy h2,.stock-dossier-head h2,.alert-board h2,.document-story h2,.receivables-section h2,.trades-directory h2,.custom-trade h2,.help-search-section h2,.contact-section h2{font-size:36px}.agency-heading>p{margin-top:14px}.process-rail,.trade-directory-grid,.faq-columns,.setup-orbit{grid-template-columns:1fr}.process-card{min-height:0}.process-section>.shell>.workflow-visual{min-height:340px}.workflow-note{display:none}.workflow-line{top:151px;left:40px;right:40px}.workflow-steps{gap:2px;margin-top:45px}.workflow-icon{border-width:5px;width:42px;height:42px}.workflow-steps strong{font-size:11px}.domain-intro h2{font-size:36px}.cash-callout{bottom:12px;right:8px}.cash-photo{min-height:370px}.stock-dossier-grid{padding:16px}.stock-photo-visual{min-height:290px}.stock-accordions{padding:0 5px}.alert-board{padding:25px}.document-tabs{grid-template-columns:1fr}.document-tabs article{border-right:0;border-bottom:1px solid var(--line)}.receivables-panel>strong{font-size:33px}.trade-filters{flex-wrap:nowrap;padding-bottom:16px;overflow-x:auto}.trade-filters button{flex:none}.trade-entry summary{grid-template-columns:42px 1fr auto;min-height:0}.trade-detail{padding-left:22px}.guide-grid{grid-template-columns:1fr}.guide-card{min-height:230px}.contact-grid article{grid-template-columns:1fr;gap:6px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}

/* La maquette cachait les blocs jusqu'à leur apparition au défilement.
   Sans JavaScript — et pour un moteur de recherche — la page serait donc
   vide. On inverse : la page est lisible par défaut, et c'est le script
   qui arme l'animation en posant « anime » sur la racine. */
.reveal{opacity:1;transform:none}
html.anime .reveal{opacity:0;transform:translateY(20px)}
html.anime .reveal.visible{opacity:1;transform:none}
/* Le menu des quinze langues, que la maquette n'avait pas. */
.language-switcher{position:relative}
.menu-langue{position:absolute;top:calc(100% + 8px);right:0;z-index:40;display:flex;flex-direction:column;min-width:190px;max-height:60vh;overflow-y:auto;padding:6px;background:#fff;border:1px solid #DCE2ED;border-radius:14px;box-shadow:0 18px 40px rgba(14,19,48,.14)}
.menu-langue a{padding:8px 12px;border-radius:9px;font-size:14px;color:#0E1330;text-decoration:none;white-space:nowrap}
.menu-langue a:hover{background:#F2F5FA}
.menu-langue a.actif{font-weight:600;color:#0E9B6E}
/* Le lexique de la caisse : du texte de la page, jamais affiche. */
.demo-lexique{display:none!important}

/* Les deux blocs du texte du 8 octobre, bâtis avec les composants de
   la maquette. Seuls leurs écarts de rythme sont réglés ici. */
.metier-section .stock-intro h2{margin:0}
.metier-section .steps .step:first-child{border-top:0}
.main-section .proof-card h3{margin:28px 0 0}

/* ---------- L'en-tête sur téléphone (12 octobre 2026) ----------
   Le menu replié s'ouvre avec la classe « open » (posée par refonte.js). La
   langue reste dans l'en-tête, en version courte : le globe et le code de la
   langue. « Se connecter » et « Créer un compte », que la maquette retirait de
   l'en-tête sans les remettre ailleurs, se retrouvent en bas du menu ouvert. */
.nav-actions{margin-left:0;margin-inline-start:auto}
[dir="rtl"] .menu-langue{right:auto;left:0}
.nav-links .nav-repli{display:none}
@media (width<=820px){
  .nav-shell{gap:12px}
  .nav-actions .language-switcher{display:block;position:static}
  .nav-actions .language{font-size:0;gap:5px;padding:8px 6px}
  .nav-actions .language>svg:last-child{order:3}
  .nav-actions .language[data-code]:after{content:attr(data-code);order:2;font-size:12px;font-weight:600;letter-spacing:.02em}
  .menu-langue,[dir="rtl"] .menu-langue{top:calc(100% + 6px);left:14px;right:14px;min-width:0;max-height:70vh;display:grid;grid-template-columns:1fr 1fr}
  .menu-langue[hidden]{display:none}
  .menu-button{min-width:40px;min-height:40px;cursor:pointer}
  .nav-links{top:calc(100% + 6px);z-index:60;max-height:calc(100vh - 96px);overflow-y:auto}
  .nav-links a{padding:11px 4px}
  .nav-links a:after{display:none}
  .nav-links.open .nav-repli-login{display:block;border-top:1px solid var(--line);margin-top:8px;padding-top:16px;color:var(--night);font-weight:600}
}
@media (width<=600px){
  .nav-links.open .nav-repli-cta{display:block;margin-top:8px;padding:12px 15px;border-radius:10px;background:var(--night);color:#fff;font-weight:600;text-align:center}
}

/* ============================================================================
   La caisse de démonstration de l'accueil (section #demo, script demo-caisse.js).
   Même disposition et mêmes couleurs que la vraie caisse de l'application
   (charte v1.1, app/globals.css) : menu sur le nuit, zone de travail blanche,
   cartes de produits à tuile ambre, ticket sur le gris-bleu très pâle,
   « Encaisser » en émeraude plein. Ambre : ce qui attend (seuil) ; corail :
   rupture ; iris : le repère neutre « Démonstration ».
   ========================================================================== */
.dc-section{background:#F6F9FD}
.dc{--dc-nuit:#0E1330;--dc-emer:#0E9B6E;--dc-emer-f:#08704F;--dc-emer-vif:#34E0A1;--dc-emer-p:#E1F7EE;--dc-emer-h:#CDEFE1;--dc-emer-l:#9FD6C2;
  --dc-ambre:#FFC24A;--dc-ocre:#9C6A06;--dc-ambre-p:#FFF4DC;--dc-ambre-i:#956415;--dc-corail:#CF3D28;--dc-corail-p:#FDEAE6;
  --dc-iris:#4A51B0;--dc-iris-p:#EAEBFB;--dc-txt:#111736;--dc-txt2:#4C5687;--dc-txt3:#6B7499;--dc-filet:#D7E0F1;--dc-filet2:#E7EDF8;
  --dc-champ:#F7F9FC;--dc-brume:#EAF0FA;--dc-mono:"IBM Plex Mono",ui-monospace,monospace;
  position:relative;font-family:var(--body);color:var(--dc-txt)}
.dc button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.dc button:disabled{cursor:not-allowed}
.dc :focus-visible{outline:2px solid #5B63C9;outline-offset:2px}
.dc-num{font-family:var(--dc-mono);font-variant-numeric:tabular-nums}
/* la barre des métiers */
.dc-barre{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:22px}
.dc-barre-titre{flex:1 0 100%;font-size:13px;font-weight:600;color:var(--dc-txt2)}
.dc-pills{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.dc-pill{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid #C3D0EA;background:#fff;color:var(--dc-txt);font-size:14px;font-weight:500;transition:border-color .2s,background .2s}
.dc-pill:hover{border-color:var(--dc-emer-l)}
.dc-pill[aria-pressed="true"]{border-color:var(--dc-emer);background:var(--dc-emer-p);color:var(--dc-emer-f);font-weight:600}
.dc-badge{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:4px 12px;border-radius:999px;background:var(--dc-iris-p);color:var(--dc-iris);font-size:12px;font-weight:600;margin-inline-start:auto}
.dc-badge i{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
.dc-reset{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:0;border-radius:10px;background:var(--dc-emer-p);color:var(--dc-emer-f);font-size:14px;font-weight:600}
.dc-reset:hover{background:var(--dc-emer-h)}
/* la scène : l'application, puis Mes chiffres */
.dc-scene{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 296px;gap:20px;align-items:start}
.dc-app{display:grid;grid-template-columns:168px minmax(0,1fr) minmax(0,300px);min-height:590px;background:#fff;border:1px solid var(--dc-filet);border-radius:16px;overflow:hidden;box-shadow:0 2px 6px rgba(14,19,48,.04),0 24px 60px -28px rgba(14,19,48,.22)}
.dc-side{display:flex;flex-direction:column;gap:4px;padding:16px 10px;background:var(--dc-nuit);color:#B8BFD4}
.dc-side-logo{display:flex;align-items:center;gap:9px;padding:2px 8px 16px;color:#fff;font:700 15px var(--display);letter-spacing:.04em}
.dc-side-logo svg{width:28px;height:28px;flex:none}
.dc-side-item{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 10px;border-radius:10px;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dc-side-item svg{flex:none}
.dc-side-item.actif{background:rgba(52,224,161,.14);color:var(--dc-emer-vif);font-weight:600}
.dc-work{min-width:0;padding:18px;display:flex;flex-direction:column;gap:14px}
.dc-top{display:flex;flex-direction:column;gap:10px}
.dc-shop{font:700 19px/1.2 var(--display);letter-spacing:-.02em;color:var(--dc-txt)}
.dc-search{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:1px solid var(--dc-filet);border-radius:12px;background:var(--dc-champ);color:var(--dc-txt3);font-size:13px;min-width:0}
.dc-search svg{flex:none;color:var(--dc-txt2)}
.dc-search span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* les cartes de produits (pick-tile de l'application) */
.dc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr));gap:10px;align-content:start}
.dc-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:44px;padding:12px;text-align:start;border:1px solid var(--dc-filet);border-radius:14px;background:#fff;color:var(--dc-txt);box-shadow:0 1px 2px rgba(14,19,48,.03);transition:border-color .2s,box-shadow .2s,transform .2s;min-width:0}
.dc-tile:hover:not(:disabled){border-color:var(--dc-emer-l);box-shadow:0 2px 4px rgba(14,19,48,.05),0 14px 30px -16px rgba(14,19,48,.18);transform:translateY(-2px)}
.dc-tile:disabled{opacity:.6}
.dc-tile-ico{display:grid;place-items:center;width:42px;height:42px;margin-bottom:6px;border-radius:10px;background:var(--dc-ambre-p);color:var(--dc-ambre-i);font-size:22px;line-height:1;flex:none}
.dc-tile-nom{font-weight:700;font-size:14px;line-height:1.3;overflow-wrap:anywhere}
.dc-tile-desc{font-size:12px;color:var(--dc-txt3);line-height:1.35}
.dc-tile-prix{font-size:14px;font-weight:600;color:var(--dc-emer-f)}
.dc-stock{display:inline-block;margin-top:2px;padding:1px 7px;border-radius:6px;font-size:12px;font-weight:600;line-height:1.5;color:var(--dc-emer-f);background:var(--dc-emer-p)}
.dc-stock-bas{color:var(--dc-ocre);background:var(--dc-ambre-p)}
.dc-stock-rupture{color:var(--dc-corail);background:var(--dc-corail-p)}
/* le choix du conditionnement : plein ou détail, puis la quantité */
.dc-pack{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--dc-filet);border-radius:14px;background:#fff}
.dc-pack-tete{display:flex;align-items:center;gap:10px;min-width:0}
.dc-pack-tete .dc-tile-ico{margin:0}
.dc-pack-nom{font:700 17px/1.25 var(--display);letter-spacing:-.01em;min-width:0;overflow-wrap:anywhere}
.dc-etiquette{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--dc-txt3)}
.dc-packs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.dc-packbig{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:64px;padding:12px;border:1px solid var(--dc-filet);border-radius:14px;background:#fff;color:var(--dc-txt);text-align:start;min-width:0}
.dc-packbig:hover{border-color:var(--dc-emer)}
.dc-packbig[aria-pressed="true"]{border-color:var(--dc-emer);box-shadow:inset 0 0 0 1px var(--dc-emer);background:#FAFEFC}
.dc-packbig-nom{font-weight:700;font-size:16px}
.dc-packbig-sous{font-size:12px;color:var(--dc-txt3)}
.dc-packbig-prix{font-size:14px;font-weight:600;color:var(--dc-emer-f)}
.dc-qte-ligne{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}
.dc-qte-bloc,.dc-qte-total{display:flex;flex-direction:column;gap:6px}
.dc-qte-total{align-items:flex-end}
.dc-qte-total strong{font-size:20px;font-weight:700}
.dc-pas{display:flex;align-items:center;gap:8px}
.dc-pas-val{min-width:84px;text-align:center;font-size:17px;font-weight:600}
.dc-icone-btn{display:inline-grid;place-items:center;width:44px;height:44px;flex:none;border:0;border-radius:10px;background:var(--dc-emer-p);color:var(--dc-emer-f)}
.dc-icone-btn:hover:not(:disabled){background:var(--dc-emer-h)}
.dc-icone-btn:disabled{opacity:.45}
[dir="rtl"] .dc-icone-btn[data-a="retour"] svg{transform:scaleX(-1)}
.dc-primaire,.dc-charge{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;padding:0 16px;border:0;border-radius:12px;background:var(--dc-emer);color:#fff;font-size:16px;font-weight:700;box-shadow:0 8px 18px -10px rgba(14,155,110,.6);transition:background .2s,transform .2s}
.dc-primaire:hover:not(:disabled),.dc-charge:hover:not(:disabled){background:var(--dc-emer-f)}
.dc-primaire:disabled,.dc-charge:disabled{background:var(--dc-emer-p);color:#86CDB5;box-shadow:none}
.dc-charge{min-height:54px;font-size:17px}
[dir="rtl"] .dc-charge svg{transform:scaleX(-1)}
.dc-secondaire{width:100%;min-height:48px;border:0;border-radius:12px;background:var(--dc-emer-p);color:var(--dc-emer-f);font-size:15px;font-weight:600}
.dc-secondaire:hover{background:var(--dc-emer-h)}
/* le ticket */
.dc-cart{min-width:0;display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--dc-champ);border-inline-start:1px solid var(--dc-filet)}
.dc-walkin{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--dc-filet);border-radius:14px;background:#fff}
.dc-walkin-ico{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:10px;background:var(--dc-ambre-p);color:var(--dc-ambre-i);font-size:21px}
.dc-walkin-txt{display:flex;flex-direction:column;min-width:0;font-size:14px;line-height:1.3}
.dc-walkin-txt small{font-size:12px;color:var(--dc-txt3)}
.dc-vente{display:flex;flex-direction:column;gap:12px;flex:1}
.dc-lines{display:flex;flex-direction:column;gap:8px;min-height:120px}
.dc-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 8px;text-align:center;color:var(--dc-txt3);font-size:13px}
.dc-empty strong{color:var(--dc-txt2);font-weight:600;font-size:14px}
.dc-line{display:flex;flex-direction:column;gap:4px;padding:0 0 8px;border-bottom:1px solid var(--dc-filet);border-radius:8px}
.dc-line-tete{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0}
.dc-line-nom{flex:1 1 auto;min-width:0;font-size:14px;line-height:1.3;overflow-wrap:anywhere}
.dc-line-montant{flex:none;font-weight:700;font-size:14px}
.dc-line-sous{font-size:12px;color:var(--dc-txt3)}
.dc-line-ctl{display:flex;align-items:center;gap:6px}
.dc-line-qte{min-width:30px;text-align:center;font-size:14px;font-weight:600}
.dc-suppr{margin-inline-start:auto;background:transparent;color:var(--dc-txt3)}
.dc-suppr:hover:not(:disabled){background:var(--dc-corail-p);color:var(--dc-corail)}
.dc-total{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid var(--dc-filet)}
.dc-total span{font-size:15px;font-weight:600}
.dc-total strong{font-size:clamp(24px,2.4vw,30px);font-weight:700;letter-spacing:-.02em}
.dc-methods{display:flex;flex-wrap:wrap;gap:6px}
.dc-chip{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid #C3D0EA;background:#fff;color:var(--dc-txt);font-size:14px}
.dc-chip[aria-pressed="true"]{border-color:var(--dc-emer);background:var(--dc-brume);color:var(--dc-emer-f);font-weight:700}
.dc-ref{display:flex;flex-direction:column;gap:5px}
.dc-ref label{font-size:12px;font-weight:600}
.dc-ref input{min-height:44px;padding:0 12px;border:1px solid var(--dc-filet);border-radius:12px;background:#fff;color:var(--dc-txt);font:500 14px var(--dc-mono);min-width:0;width:100%}
.dc-ref input:focus{outline:none;border-color:var(--dc-emer);box-shadow:0 0 0 3px rgba(14,155,110,.18)}
.dc-ref small{font-size:12px;color:var(--dc-txt3)}
/* le reçu */
.dc-recu{display:flex;flex-direction:column;gap:12px}
.dc-recu-ok{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:6px 12px;border-radius:999px;background:var(--dc-emer-p);color:var(--dc-emer-f);font-size:13px;font-weight:700}
.dc-papier{display:flex;flex-direction:column;gap:8px;padding:16px;background:#fff;border:1px solid var(--dc-filet);border-radius:6px;box-shadow:0 10px 24px -16px rgba(14,19,48,.3);font-size:13px}
.dc-papier-boutique{font:700 15px var(--display);text-align:center}
.dc-papier-titre{text-align:center;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--dc-txt3)}
.dc-papier-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;padding-bottom:8px;border-bottom:1px dashed var(--dc-filet);font-size:12px;color:var(--dc-txt2)}
.dc-papier-lignes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.dc-papier-lignes li{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.dc-papier-lignes li>span:first-child{display:flex;flex-direction:column;min-width:0}
.dc-papier-lignes small{font-size:11px;color:var(--dc-txt3)}
.dc-papier-nom{font-weight:600;overflow-wrap:anywhere}
.dc-papier-total{display:flex;justify-content:space-between;align-items:baseline;padding-top:8px;border-top:1px dashed var(--dc-filet);font-weight:700}
.dc-papier-total strong{font-size:18px}
.dc-papier-paye{font-size:12px;color:var(--dc-txt2)}
.dc-papier-merci{text-align:center;font-size:12px;color:var(--dc-txt3);padding-top:4px}
/* Mes chiffres */
.dc-chiffres{display:flex;flex-direction:column;gap:14px;padding:18px;background:#fff;border:1px solid var(--dc-filet);border-radius:16px;box-shadow:0 1px 2px rgba(14,19,48,.05),0 8px 24px -12px rgba(14,19,48,.12)}
.dc-ch-tete{display:flex;align-items:center;justify-content:space-between;gap:10px}
.dc-ch-tete strong{font:700 18px var(--display);letter-spacing:-.02em}
.dc-ch-tete span{padding:3px 10px;border-radius:999px;background:var(--dc-brume);font-size:12px;font-weight:600;color:var(--dc-txt2)}
.dc-kpi{position:relative;display:flex;flex-direction:column;gap:2px;padding:12px;border:1px solid var(--dc-filet2);border-radius:12px;min-width:0}
.dc-kpi>span{font-size:12px;color:var(--dc-txt2);line-height:1.3}
.dc-kpi strong{font-size:17px;white-space:nowrap;font-weight:700;color:var(--dc-txt);overflow-wrap:anywhere}
.dc-kpi-grand strong{font-size:26px;letter-spacing:-.03em}
.dc-kpi-ligne{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dc-delta{font-style:normal;font-family:var(--dc-mono);font-size:12px;font-weight:600;color:var(--dc-emer-f);min-height:1em}
.dc-restock{display:flex;flex-direction:column;gap:8px}
.dc-restock>strong{font-size:13px}
.dc-restock ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.dc-none{font-size:12px;color:var(--dc-txt3);padding:8px 0}
.dc-alerte{display:flex;flex-direction:column;gap:2px;padding:9px 12px;border-radius:9px;background:var(--dc-ambre-p);border-inline-start:3px solid var(--dc-ambre);font-size:12px;color:var(--dc-ocre)}
.dc-alerte strong{font-size:13px;color:var(--dc-txt)}
.dc-alerte b{font-weight:700}
.dc-restock small,.dc-ch-note{font-size:12px;color:var(--dc-txt3);line-height:1.45}
/* ce qui bouge : un éclat émeraude là où la vente a changé quelque chose */
@keyframes dc-eclat{from{background-color:var(--dc-emer-p);border-color:var(--dc-emer)}to{background-color:#fff}}
@keyframes dc-eclat-ligne{from{background-color:var(--dc-emer-p)}to{background-color:transparent}}
.dc-tile.dc-eclat{animation:dc-eclat 1.6s ease-out}
.dc-line.dc-eclat{animation:dc-eclat-ligne 1s ease-out}
.dc-bond{animation:dc-eclat 1.6s ease-out}
@keyframes dc-entree{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.dc-recu:not([hidden]){animation:dc-entree .45s ease-out}
.dc-toast{position:absolute;z-index:6;top:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:10px 16px;border-radius:12px;background:var(--dc-nuit);color:#fff;font-size:14px;font-weight:600;box-shadow:0 18px 40px -16px rgba(14,19,48,.5)}
.dc-toast:before{content:"";width:9px;height:9px;flex:none;border-radius:50%;background:var(--dc-ambre)}
.dc-toast-vu{animation:dc-entree .35s ease-out}
.dc-auto{position:absolute;z-index:6;top:-15px;inset-inline-start:18px;display:inline-flex;align-items:center;gap:8px;max-width:calc(100% - 36px);padding:5px 12px;border-radius:999px;background:var(--dc-nuit);color:#fff;font-size:12px;font-weight:500;box-shadow:0 8px 20px -10px rgba(14,19,48,.5)}
.dc-auto i{width:7px;height:7px;flex:none;border-radius:50%;background:var(--dc-emer-vif);animation:pulse 1.6s infinite}
/* la flèche (ordinateur) et le doigt (téléphone) de la vente automatique */
.dc-curseur{position:absolute;z-index:7;top:0;left:0;width:0;height:0;pointer-events:none;transition:transform .78s cubic-bezier(.45,.05,.25,1)}
.dc-curseur[hidden]{display:none}
.dc-fleche{position:absolute;top:-2px;left:-3px;filter:drop-shadow(0 3px 5px rgba(14,19,48,.35));transition:transform .15s}
.dc-doigt{display:none;position:absolute;top:-22px;left:-22px;width:44px;height:44px;border-radius:50%;background:rgba(14,19,48,.22);border:2px solid rgba(255,255,255,.9);box-shadow:0 4px 14px rgba(14,19,48,.3);transition:transform .15s}
.dc-mode-doigt .dc-fleche{display:none}
.dc-mode-doigt .dc-doigt{display:block}
.dc-appui .dc-fleche{transform:scale(.82)}
.dc-appui .dc-doigt{transform:scale(.78);background:rgba(14,155,110,.35)}
.dc-curseur:after{content:"";position:absolute;top:-20px;left:-20px;width:40px;height:40px;border-radius:50%;border:2px solid var(--dc-emer);opacity:0}
.dc-appui:after{animation:dc-onde .45s ease-out}
@keyframes dc-onde{from{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.4)}}
/* sous la démonstration */
.dc-suite{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:28px}
.dc-suite .button{min-height:52px}
[dir="rtl"] .dc-suite .button svg{transform:scaleX(-1)}
.dc-suite-txt{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:14px}
.dc-suite-txt small{font-size:12px;color:var(--muted)}
@media (width<=1280px){
  .dc-app{grid-template-columns:62px minmax(0,1fr) minmax(0,290px)}
  .dc-side-logo b,.dc-side-item span{display:none}
  .dc-side-logo{justify-content:center;padding:2px 0 16px}
  .dc-side-item{justify-content:center;padding:0}
}
@media (width<=1100px){
  .dc-scene{grid-template-columns:minmax(0,1fr)}
  .dc-chiffres{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .dc-ch-tete,.dc-ch-note{grid-column:1/-1}
  .dc-kpi-grand{grid-column:1}
  .dc-kpi-ligne{grid-column:2}
  .dc-restock{grid-column:1/-1}
}
@media (width<=860px){
  .dc-app{grid-template-columns:minmax(0,1fr);min-height:0}
  .dc-side{flex-direction:row;align-items:center;gap:6px;padding:8px 12px}
  .dc-side-logo{padding:0 8px 0 0}
  .dc-side-logo b{display:inline}
  .dc-side-item{display:none}
  .dc-side-item.actif{display:flex;padding:0 12px;margin-inline-start:auto}
  .dc-side-item.actif span{display:inline}
  .dc-cart{border-inline-start:0;border-top:1px solid var(--dc-filet)}
  .dc-lines{min-height:0}
  .dc-empty{padding:14px 8px}
  .dc-auto{position:static;justify-self:start;max-width:100%}
  .dc-auto[hidden]{display:inline-flex;visibility:hidden}
}
@media (width<=600px){
  .dc-badge{margin-inline-start:0}
  .dc-pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .dc-pill{padding:0 10px}
  .dc-work{padding:14px}
  .dc-cart{padding:14px}
  .dc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .dc-tile{padding:10px}
  .dc-chiffres{display:flex;align-items:stretch;padding:16px}
  .dc-kpi-grand strong{font-size:24px}
  .dc-pas-val{min-width:64px}
  .dc-suite .button{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .dc-tile.dc-eclat,.dc-line.dc-eclat,.dc-bond{animation:none;box-shadow:inset 0 0 0 2px var(--dc-emer)}
  .dc-recu:not([hidden]),.dc-toast-vu{animation:none}
  .dc-tile:hover:not(:disabled){transform:none}
}

/* Bouton « Télécharger l'application » (lot 8 PWA, 18 octobre 2026) : seul sur sa ligne, sous les deux boutons du
   haut de l'accueil ; pictogramme écran d'ordinateur et téléphone aux couleurs de la charte (outils/langues/bouton_app.py). */
.button-row .saut{flex-basis:100%;height:0}
.button-row .saut+.button-app{margin-top:-2px}
.button-app .picto-app{flex:none;transition:none}
.button-app:hover .picto-app{transform:none}
.picto-cadre{stroke:var(--night);stroke-width:1.6}
.picto-ecran{fill:var(--emerald)}
.picto-trait{stroke:var(--amber);stroke-width:1.8;stroke-linecap:round}
.picto-pied{stroke:var(--night);stroke-width:1.6;stroke-linecap:round}
.picto-bouton{fill:var(--night)}