*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}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{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.\!visible{visibility:visible!important}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.\!block{display:block!important}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.w-full{width:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.blur{--tw-blur:blur(8px);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)}.\!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)!important}.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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--paper:96.9% 0.017 96.5;--paper-deep:93.5% 0.018 96.5;--surface:98.8% 0.006 96.5;--ink:25.5% 0.012 75;--muted:51% 0.015 75;--line:84% 0.014 90;--action:46% 0.205 267;--action-dark:37% 0.18 267;--success:49% 0.13 151;--warning:65% 0.14 72;--danger:52% 0.19 26;--margin:clamp(16px,4vw,64px);--gutter:clamp(16px,2vw,28px);--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:oklch(var(--paper));color:oklch(var(--ink));font-family:var(--font-body),sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,input[type=checkbox],select{-webkit-tap-highlight-color:transparent}[role=button],button,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}:focus-visible{outline:3px solid oklch(var(--action)/.38);outline-offset:3px}::-moz-selection{background:oklch(var(--action)/.18)}::selection{background:oklch(var(--action)/.18)}.shell{width:min(100%,1536px);margin-inline:auto;padding-inline:var(--margin)}.eyebrow,.mono{font-family:var(--font-mono),monospace}.eyebrow{font-size:12px;letter-spacing:.09em;text-transform:uppercase}.section-title{font-size:clamp(30px,4vw,56px);line-height:1.03;letter-spacing:-.045em}.muted{color:oklch(var(--muted))}.site-header{position:sticky;top:0;z-index:40;background:oklch(var(--paper)/.9);backdrop-filter:blur(16px);border-bottom:1px solid oklch(var(--line))}.header-inner{min-height:76px;display:flex;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.04em;font-size:19px;line-height:1;flex-shrink:0}.brand small{font-size:.6em;color:oklch(var(--action))}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:oklch(var(--action));color:oklch(var(--paper));font-size:19px;font-weight:800}.main-nav{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:600}.main-nav a{transition:color .18s ease-out}.main-nav a:hover,.nav-request{color:oklch(var(--action))}.header-search{display:flex;align-items:center;gap:8px;margin-left:auto;border-bottom:1px solid oklch(var(--ink));padding:7px 0;max-width:250px}.header-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:14px}.header-actions{display:flex;align-items:center;gap:4px}.icon-button,.icon-link,.menu-button{width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;border-radius:50%;transition:background .18s ease-out,color .18s ease-out}.icon-button:hover,.icon-link:hover,.menu-button:hover{background:oklch(var(--action)/.08);color:oklch(var(--action))}.menu-button{display:none}.hero{min-height:min(760px,calc(100dvh - 76px));display:grid;grid-template-columns:minmax(0,7fr) minmax(360px,5fr);gap:var(--gutter);padding-top:clamp(48px,8vh,96px);padding-bottom:64px;align-items:center;overflow:hidden}.hero-copy{position:relative;z-index:2}.hero h1{margin:20px 0 28px;font-size:clamp(52px,7.4vw,118px);line-height:.89;letter-spacing:-.07em;font-weight:800}.hero h1 span{display:block}.hero h1 .accent{color:oklch(var(--action))}.hero-lead{max-width:54ch;font-size:clamp(17px,1.5vw,21px);line-height:1.55;margin:0 0 32px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.button{min-height:46px;border:1px solid transparent;border-radius:999px;padding:0 22px;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-weight:700;font-size:14px;transition:transform .16s ease-out,background .16s ease-out,border-color .16s ease-out;overflow:hidden}.button:hover{border-color:oklch(var(--line))}.button:active{transform:scale(.97)}.button-primary{background:oklch(var(--action));color:oklch(var(--paper))}.button-primary:hover{background:oklch(var(--action-dark))}.button-secondary{background:transparent;color:oklch(var(--ink));border-color:oklch(var(--line))}.button-secondary:hover{border-color:oklch(var(--action));color:oklch(var(--action))}.button-ghost{background:transparent;color:oklch(var(--action));padding-inline:8px}.button-danger{background:oklch(var(--danger));color:oklch(var(--paper))}.button-label{position:relative;display:inline-flex;align-items:center;gap:8px;transition:transform .22s ease-out}.button-label[data-label]:after{content:attr(data-label);position:absolute;left:0;top:150%;white-space:nowrap}.button:active .button-label[data-label],.button:hover .button-label[data-label]{transform:translateY(-150%)}.text-link{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:oklch(var(--action));border-bottom:1px solid}.text-link:hover{color:oklch(var(--action-dark))}.hero-stats{display:flex;flex-wrap:wrap;gap:28px;margin-top:48px;padding-top:24px;border-top:1px solid oklch(var(--line))}.hero-stat{display:grid;gap:2px}.hero-stat strong{font-family:var(--font-mono);font-size:22px}.hero-stat span{font-size:12px;color:oklch(var(--muted))}.hero-visual{position:relative;min-height:560px;perspective:1000px}.material-card{position:absolute;width:min(78%,360px);aspect-ratio:4/5;padding:20px;background:oklch(var(--surface));border:1px solid oklch(var(--line));border-radius:26px;box-shadow:0 30px 80px oklch(var(--ink)/.12);overflow:hidden;animation:card-enter .7s cubic-bezier(.16,1,.3,1) both}.material-card:first-child{top:0;right:5%;transform:rotate(4deg);z-index:3}.material-card:nth-child(2){top:100px;left:-5%;transform:rotate(-7deg);z-index:2;animation-delay:90ms}.material-card:nth-child(3){bottom:-30px;right:0;transform:rotate(9deg) scale(.82);z-index:1;animation-delay:.16s}.material-card-art{height:72%;display:grid;place-items:center;border-radius:18px;background:oklch(var(--paper-deep));overflow:hidden}.material-card-art svg{width:80%;height:80%;filter:saturate(.7);transition:filter .25s ease-out,transform .25s ease-out}.material-card:hover .material-card-art svg{filter:saturate(1.2);transform:scale(1.035)}.material-card-meta{padding-top:18px;display:grid;gap:4px}.material-card-meta strong{font-size:18px;line-height:1.25}.material-card-meta span{font-family:var(--font-mono);font-size:12px;color:oklch(var(--muted))}@keyframes card-enter{0%{opacity:0;translate:0 40%}to{opacity:1;translate:0 0}}.home-section{padding-block:clamp(56px,8vw,112px);border-top:1px solid oklch(var(--line))}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:40px}.category-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gutter)}.category-tile{grid-column:span 4;min-height:270px;display:flex;flex-direction:column;justify-content:space-between;padding:24px;border:1px solid oklch(var(--line));border-radius:var(--radius);background:oklch(var(--surface));transition:transform .22s ease-out,border-color .22s ease-out}.category-tile:nth-child(2){transform:translateY(28px)}.category-tile:hover{transform:translateY(-5px);border-color:oklch(var(--action))}.category-tile:nth-child(2):hover{transform:translateY(23px)}.category-tile h3{margin:0;font-size:26px;letter-spacing:-.035em}.category-tile .mono{color:oklch(var(--action))}.category-tile-art{align-self:flex-end;width:58%;height:140px}.category-tile-art svg{width:100%;height:100%}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gutter)}.process-step{padding-top:20px;border-top:2px solid oklch(var(--ink))}.process-step .mono{color:oklch(var(--action))}.process-step h3{font-size:22px;margin:24px 0 8px}.process-step p{max-width:35ch;margin:0;color:oklch(var(--muted))}.site-footer{background:oklch(var(--ink));color:oklch(var(--paper));padding-top:64px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.4fr 1.5fr;gap:40px;padding-bottom:56px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-grid p{max-width:32ch;color:oklch(var(--paper)/.65)}.footer-grid strong{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.footer-grid a:not(.brand),.footer-grid span{color:oklch(var(--paper)/.72);font-size:14px}.footer-grid a:hover{color:oklch(var(--paper))}.footer-brand .brand-mark{background:oklch(var(--paper));color:oklch(var(--action))}.footer-bottom{display:flex;justify-content:space-between;gap:16px;padding-block:20px;border-top:1px solid oklch(var(--paper)/.18);font-size:12px;color:oklch(var(--paper)/.6)}.page-head{padding-block:clamp(40px,7vw,80px) 32px}.page-head h1{font-size:clamp(40px,6vw,76px);line-height:1;letter-spacing:-.055em;margin:12px 0 16px}.page-head p{max-width:65ch;color:oklch(var(--muted))}.content-section{padding-bottom:80px}.prose{max-width:75ch}.prose h2{scroll-margin-top:100px;margin-top:48px;font-size:28px;line-height:1.2;letter-spacing:-.025em}.prose li,.prose p{line-height:1.75}.toc{padding:24px;background:oklch(var(--surface));border:1px solid oklch(var(--line));border-radius:var(--radius)}.toc ol{-moz-columns:2;column-count:2;padding-left:24px}.toc a{color:oklch(var(--action))}.card{background:oklch(var(--surface));border:1px solid oklch(var(--line));border-radius:var(--radius);padding:24px}.field{display:grid;gap:7px;align-content:start}.field-label{font-size:14px;font-weight:700}.field-hint{color:oklch(var(--muted));font-size:12px}.field-error{color:oklch(var(--danger));font-size:13px}.input{width:100%;min-height:46px;border:1px solid #cbd6e4;border-radius:12px;background:#f8fafc;color:#172b45;padding:10px 13px;outline:0;transition:border-color .18s ease-out,box-shadow .18s ease-out}.input:focus{border-color:#074089;box-shadow:0 0 0 3px #0740891f}.input::-moz-placeholder{color:#8994a3;opacity:1}.input::placeholder{color:#8994a3;opacity:1}textarea.input{min-height:120px;resize:vertical}.checkbox{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.checkbox input{width:20px;height:20px;flex:0 0 auto;margin-top:2px;accent-color:oklch(var(--action))}.badge{display:inline-flex;align-items:center;gap:5px;width:-moz-fit-content;width:fit-content;padding:3px 9px;border-radius:999px;font-family:var(--font-mono);font-size:11px;font-weight:500;white-space:nowrap}.badge-neutral{background:oklch(var(--ink)/.08)}.badge-success{background:oklch(var(--success)/.13);color:oklch(var(--success))}.badge-warning{background:oklch(var(--warning)/.15);color:oklch(45% .12 65)}.badge-danger{background:oklch(var(--danger)/.12);color:oklch(var(--danger))}.badge-info{background:oklch(var(--action)/.1);color:oklch(var(--action))}.table-wrap{overflow-x:auto;border:1px solid oklch(var(--line));border-radius:var(--radius);background:oklch(var(--surface))}.data-table{border-collapse:collapse;width:100%;min-width:640px;font-size:14px}.data-table th{text-align:left;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:oklch(var(--muted));background:oklch(var(--paper-deep))}.data-table td,.data-table th{padding:14px 16px;border-bottom:1px solid oklch(var(--line));vertical-align:top}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:oklch(var(--action)/.025)}.empty{text-align:center;padding:64px 24px;border:1px dashed oklch(var(--line));border-radius:var(--radius)}.empty h3{margin:0 0 8px}.empty p{color:oklch(var(--muted))}.pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:28px}.skeleton{min-height:20px;border-radius:8px;background:linear-gradient(90deg,oklch(var(--paper-deep)),oklch(var(--surface)),oklch(var(--paper-deep)));background-size:200% 100%;animation:skeleton 1.4s linear infinite}@keyframes skeleton{to{background-position:-200% 0}}.modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px;background:oklch(var(--ink)/.55)}.modal{width:min(100%,560px);max-height:90dvh;overflow-y:auto;padding:24px;border-radius:22px;background:oklch(var(--paper))}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.modal-head h2{margin:0}.toast{position:fixed;z-index:90;right:20px;bottom:20px;max-width:min(420px,calc(100vw - 40px));padding:14px 18px;border-radius:12px;background:oklch(var(--ink));color:oklch(var(--paper));box-shadow:0 12px 40px oklch(var(--ink)/.2)}.toast-error{background:oklch(var(--danger))}.workspace{min-height:100dvh;display:grid;grid-template-columns:248px minmax(0,1fr);background:oklch(var(--paper-deep))}.workspace-side{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;gap:24px;padding:24px 18px;background:oklch(var(--ink));color:oklch(var(--paper))}.workspace-brand{padding-inline:8px}.workspace-caption{padding-inline:12px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:oklch(var(--paper)/.45)}.workspace-side nav{display:grid;gap:4px}.workspace-side nav a{padding:11px 12px;border-radius:10px;font-size:14px;color:oklch(var(--paper)/.72)}.workspace-side nav a.active,.workspace-side nav a:hover{background:oklch(var(--paper)/.1);color:oklch(var(--paper))}.workspace-store{margin-top:auto;padding:12px;font-size:13px;color:oklch(var(--paper)/.6)}.workspace-main{min-width:0}.workspace-top{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 32px;border-bottom:1px solid oklch(var(--line));background:oklch(var(--surface))}.workspace-top form{display:flex;align-items:center;gap:8px;width:min(420px,50%)}.workspace-top input{width:100%;border:0;background:transparent;outline:0}.workspace-role{font-family:var(--font-mono);font-size:11px;color:oklch(var(--muted))}.workspace-content{padding:32px}.workspace-content h1{margin:0 0 28px;font-size:34px;letter-spacing:-.04em}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric{padding:20px;background:oklch(var(--surface));border:1px solid oklch(var(--line));border-radius:14px}.metric span{font-size:13px;color:oklch(var(--muted))}.metric strong{display:block;font-family:var(--font-mono);font-size:30px;margin-top:8px}@media (max-width:1100px){.main-nav{gap:14px}.main-nav a:nth-child(2),.main-nav a:nth-child(3){display:none}.header-search{max-width:190px}.hero{grid-template-columns:1.1fr .9fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}}@media (max-width:760px){:root{--margin:16px}.header-inner{min-height:66px;gap:12px}.brand{font-size:17px}.brand-mark{width:31px;height:31px}.header-search{display:none}.header-actions{margin-left:auto}.menu-button{display:grid}.main-nav{display:none;position:absolute;top:66px;left:0;right:0;padding:20px 16px 26px;background:oklch(var(--paper));border-bottom:1px solid oklch(var(--line));box-shadow:0 20px 30px oklch(var(--ink)/.08)}.main-nav.is-open{display:grid;gap:8px}.main-nav a,.main-nav a:nth-child(2),.main-nav a:nth-child(3){display:flex;align-items:center;min-height:44px}.hero{min-height:auto;grid-template-columns:1fr;padding-top:44px;padding-bottom:40px}.hero h1{font-size:clamp(48px,15vw,72px)}.hero-visual{min-height:420px;margin-top:20px}.material-card{width:64%}.material-card:first-child{right:2%}.material-card:nth-child(2){left:0}.hero-stats{gap:18px}.hero-stat strong{font-size:18px}.category-grid{grid-template-columns:1fr}.category-tile{grid-column:auto;min-height:220px}.category-tile:nth-child(2){transform:none}.category-tile:nth-child(2):hover{transform:translateY(-5px)}.process-grid{grid-template-columns:1fr;gap:32px}.section-head{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr;gap:32px 20px}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.toc ol{-moz-columns:1;column-count:1}.workspace{grid-template-columns:1fr}.workspace-side{position:static;height:auto;padding:12px 16px;flex-direction:row;align-items:center;gap:12px}.workspace-caption,.workspace-store{display:none}.workspace-side nav{margin-left:auto}.workspace-side nav a{display:none}.workspace-side nav a.active{display:block}.workspace-top{height:62px;padding:0 16px}.workspace-role{display:none}.workspace-top form{width:100%}.workspace-content{padding:20px 16px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:16px}.metric strong{font-size:24px}}@media (max-width:390px){.header-actions .icon-link:first-child{display:none}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%}.hero-visual{min-height:370px}.metric-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.button,.site-footer,.site-header,.toc{display:none!important}body{background:white}.prose{max-width:none}.prose h2{-moz-column-break-after:avoid;break-after:avoid}}.auth-layout{min-height:70dvh;display:grid;grid-template-columns:1fr minmax(360px,480px);gap:clamp(40px,8vw,120px);align-items:center;padding-block:64px}.auth-intro h1{font-size:clamp(46px,6vw,82px);line-height:.95;letter-spacing:-.06em;margin:18px 0 24px}.auth-intro p{max-width:44ch;color:oklch(var(--muted))}.auth-card{padding:clamp(24px,4vw,40px);border:1px solid oklch(var(--line));border-radius:24px;background:oklch(var(--surface))}.auth-form,.stack-form{display:grid;gap:18px}.auth-form .button[type=submit]{width:100%;margin-top:4px}.auth-secondary-link{justify-self:center;color:oklch(var(--action));font-size:14px}.auth-switch{margin-top:24px;padding-top:20px;border-top:1px solid oklch(var(--line));text-align:center;font-size:14px}.auth-switch a,.inline-link{color:oklch(var(--action))}.inline-link{text-decoration:underline}.form-alert,.form-success{padding:12px 14px;border-radius:10px;font-size:14px}.form-alert{background:oklch(var(--danger)/.1);color:oklch(var(--danger))}.form-success{background:oklch(var(--success)/.1);color:oklch(var(--success))}.demo-logins{display:grid;gap:10px;padding-top:18px;border-top:1px solid oklch(var(--line))}.demo-logins>div{display:flex;gap:8px}.demo-logins .button{flex:1;font-size:12px;padding-inline:10px}.account-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.account-grid{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:32px;padding-bottom:80px}.account-grid h2{margin-top:0;font-size:22px}.panel-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.filters{display:flex;gap:10px;flex:1}.filters .input:first-child{max-width:340px}.filters select{max-width:220px}@media (max-width:760px){.account-grid,.auth-layout{grid-template-columns:1fr}.auth-layout{padding-block:40px}.auth-intro h1{font-size:48px}.account-head{align-items:flex-start;flex-direction:column}.filters,.panel-toolbar{flex-direction:column;align-items:stretch}.filters .input:first-child,.filters select{max-width:none}}.header-search-wrap{position:relative;margin-left:auto;max-width:280px;width:100%}.header-search-wrap .header-search{margin-left:0;max-width:none}.search-suggestions{position:absolute;top:calc(100% + 12px);left:-16px;right:-16px;z-index:60;padding:8px;background:oklch(var(--surface));border:1px solid oklch(var(--line));border-radius:14px;box-shadow:0 18px 50px oklch(var(--ink)/.15)}.search-suggestions a{display:flex;align-items:center;gap:10px;min-height:42px;padding:7px 10px;border-radius:8px;font-size:13px;line-height:1.3}.search-suggestions a:hover{background:oklch(var(--action)/.07);color:oklch(var(--action))}.catalog-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(24px,3vw,48px);padding-bottom:96px}.catalog-sidebar{align-self:start;position:sticky;top:100px}.catalog-filters{display:grid;gap:18px;padding-right:24px;border-right:1px solid oklch(var(--line))}.filter-price{display:grid;grid-template-columns:1fr 1fr;gap:10px}.reset-link{text-align:center;font-size:13px;color:oklch(var(--muted));text-decoration:underline}.product-grid{gap:var(--gutter)}.product-card{background:oklch(var(--surface));border-radius:var(--radius);transition:transform .2s ease-out,border-color .2s ease-out}.product-card:hover{transform:translateY(-4px)}.product-card-art{position:relative;display:grid;place-items:center;aspect-ratio:1.2;background:oklch(var(--paper-deep));overflow:hidden}.product-card-art svg{width:76%;height:76%;transition:transform .24s ease-out}.product-card:hover .product-card-art svg{transform:scale(1.04) rotate(-1deg)}.product-card-sku{position:absolute;left:14px;bottom:10px;font-size:10px;color:oklch(var(--muted))}.product-card-body{padding:18px}.product-card-category{font-size:11px;font-weight:700}.product-card h3{min-height:3.4em;margin:8px 0 14px;font-size:16px;line-height:1.35;letter-spacing:-.015em}.product-card-stock{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;margin-bottom:18px}.product-card-bottom{margin-top:auto;align-items:end;gap:10px}.product-card-bottom>div>strong{display:block;font-family:var(--font-mono);font-size:18px;line-height:1.1}.product-card-bottom>div>span{font-size:11px;color:oklch(var(--muted))}.cart-add-compact{min-height:38px;padding-inline:13px;font-size:12px}.breadcrumbs{gap:10px;padding-block:28px;font-size:12px;white-space:nowrap;overflow:hidden}.breadcrumbs a:hover{color:oklch(var(--action))}.product-detail{grid-template-columns:minmax(300px,1fr) minmax(340px,1fr);gap:clamp(32px,6vw,88px);padding-bottom:64px}.product-gallery{min-height:480px;display:grid;place-items:center;position:relative;border-radius:24px;background:oklch(var(--paper-deep))}.product-gallery svg{width:78%;height:78%}.product-gallery>span{position:absolute;left:24px;bottom:20px;font-size:12px;color:oklch(var(--muted))}.product-info{align-self:center}.product-info h1{margin:16px 0 24px;font-size:clamp(36px,4vw,64px);line-height:1.02;letter-spacing:-.055em}.product-description{max-width:58ch;color:oklch(var(--muted))}.product-buy{justify-items:start;gap:18px;margin-top:32px;padding-top:28px;border-top:1px solid oklch(var(--line))}.product-price strong{font-size:34px}.product-buy small{color:oklch(var(--muted))}.product-lower{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(32px,6vw,80px);padding-block:48px 96px;border-top:1px solid oklch(var(--line))}.product-lower h2{font-size:24px;letter-spacing:-.03em}.attributes{margin:0}.attributes>div{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-block:12px;border-bottom:1px solid oklch(var(--line));font-size:14px}.attributes dt{color:oklch(var(--muted))}.attributes dd{margin:0;font-weight:600}.offer-list{display:grid;gap:10px}.offer-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:16px;border:1px solid oklch(var(--line));border-radius:12px;background:oklch(var(--surface))}.offer-row.is-best{border-color:oklch(var(--action))}.offer-row>div{display:grid}.offer-row>div span{font-size:12px;color:oklch(var(--muted))}.offer-row>strong{font-family:var(--font-mono)}.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start}.cart-items{display:grid;gap:12px}.cart-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:20px;padding:20px;border-bottom:1px solid oklch(var(--line))}.cart-item h3{margin:0;font-size:17px}.cart-item>strong{font-family:var(--font-mono)}.quantity{display:flex;align-items:center;border:1px solid oklch(var(--line));border-radius:10px;overflow:hidden}.quantity button{width:38px;height:40px;display:grid;place-items:center;border:0;background:transparent}.quantity input{width:58px;height:40px;padding:0;border:0;border-inline:1px solid oklch(var(--line));text-align:center;background:transparent;outline:0}.cart-summary{position:sticky;top:100px;display:grid;gap:20px}.cart-summary>div{display:flex;justify-content:space-between;gap:16px;font-size:14px}.cart-summary .cart-total{padding-top:18px;border-top:1px solid oklch(var(--line));font-size:20px}.cart-summary small{color:oklch(var(--muted))}@media (max-width:1200px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.catalog-layout{grid-template-columns:210px minmax(0,1fr);gap:24px}.product-grid{grid-template-columns:1fr}.product-card h3{min-height:auto}.product-detail{gap:32px}.cart-layout,.product-lower{grid-template-columns:1fr}.cart-summary{position:static}}@media (max-width:760px){.header-search-wrap{display:none}.catalog-layout{grid-template-columns:1fr}.catalog-sidebar{position:static}.catalog-filters{padding:20px;border:1px solid oklch(var(--line));border-radius:var(--radius)}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card-body{padding:12px}.product-card-bottom{align-items:stretch;flex-direction:column}.cart-add-compact{width:100%}.product-detail{grid-template-columns:1fr}.product-gallery{min-height:340px}.product-info h1{font-size:40px}.offer-row{grid-template-columns:1fr auto}.offer-row .button{grid-column:1/-1}.cart-item{grid-template-columns:1fr auto;gap:12px}.cart-item .quantity,.cart-item>strong{grid-row:2}}@media (max-width:420px){.product-grid{grid-template-columns:1fr}.product-card h3{font-size:18px}}.product-gallery>img{width:82%;height:82%;-o-object-fit:contain;object-fit:contain}.admin-actions{display:flex;flex-wrap:wrap;gap:8px}.import-bar{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:14px;border:1px dashed oklch(var(--line));border-radius:12px}.import-bar .input{max-width:360px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.workspace-side nav a.active{background:oklch(var(--paper)/.1);color:oklch(var(--paper))}@media (max-width:760px){.admin-actions,.import-bar{align-items:stretch;flex-direction:column}.import-bar .input{max-width:none}}.gallery-thumbs{position:absolute;left:20px;top:20px;display:grid;gap:8px}.gallery-thumbs button{width:58px;height:58px;padding:2px;border:1px solid oklch(var(--line));border-radius:9px;background:oklch(var(--surface));overflow:hidden}.gallery-thumbs button.is-active{border:2px solid oklch(var(--action))}.gallery-thumbs img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.request-layout{min-height:72dvh;display:grid;grid-template-columns:1fr minmax(360px,520px);gap:clamp(40px,8vw,120px);align-items:center;padding-block:64px}.request-intro h1{margin:18px 0 24px;max-width:12ch;font-size:clamp(44px,5vw,74px);line-height:.98;letter-spacing:-.055em}.request-intro>p{max-width:48ch;color:oklch(var(--muted))}.request-intro ol{list-style:none;display:grid;gap:14px;padding:24px 0 0;margin-top:32px;border-top:1px solid oklch(var(--line))}.request-intro li{display:flex;gap:16px}.request-intro li span{font-family:var(--font-mono);color:oklch(var(--action))}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-legal{margin:0;font-size:12px;color:oklch(var(--muted))}.request-success{display:grid;justify-items:start;gap:16px}.request-success h2{margin:0;font-family:var(--font-mono);font-size:42px}@media (max-width:760px){.request-layout{grid-template-columns:1fr;padding-block:40px;gap:32px}.request-intro h1{font-size:48px}}.table-actions{display:flex;flex-wrap:wrap;gap:4px}.pricing-preview{display:grid;gap:20px;margin-bottom:32px}.pricing-preview h2{margin:6px 0 0}.pricing-form{display:grid;grid-template-columns:2fr 1fr 140px auto;gap:10px}.pricing-result{display:flex;flex-wrap:wrap;gap:28px;padding-top:18px;border-top:1px solid oklch(var(--line))}.pricing-result span{display:grid;color:oklch(var(--muted));font-size:12px}.pricing-result strong{color:oklch(var(--ink));font-family:var(--font-mono);font-size:20px}.data-table td .input{min-width:100px;min-height:38px;padding-block:6px}.data-table td small{display:block;color:oklch(var(--muted))}@media (max-width:1000px){.pricing-form{grid-template-columns:1fr 1fr}}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;padding-block:18px 12px}.breadcrumb-home,.breadcrumbs{align-items:center;color:oklch(var(--muted))}.breadcrumb-home{display:inline-flex;gap:5px;transition:color .15s ease}.breadcrumb-home:hover,.breadcrumbs a:hover{color:oklch(var(--action))}.breadcrumb-sep{opacity:.45}.breadcrumb-current{color:oklch(var(--ink));font-weight:600}.catalog-head{padding-block:16px 24px}.catalog-head-badges{display:flex;align-items:center;gap:12px;margin-bottom:6px}.badge-count{font-family:var(--font-mono);font-size:11px;font-weight:600;padding:3px 10px;background:oklch(var(--action)/.1);color:oklch(var(--action));border-radius:999px}.catalog-head-desc{max-width:72ch;font-size:15px;line-height:1.55;color:oklch(var(--muted));margin:10px 0 0}.catalog-category-nav{margin-bottom:24px;display:grid;gap:12px}.top-categories-bar{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.top-cat-pill{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:12px;font-size:13px;font-weight:600;background:oklch(var(--surface));border:1px solid oklch(var(--line));color:oklch(var(--ink));transition:all .16s ease;white-space:nowrap}.top-cat-pill:hover{border-color:oklch(var(--action));color:oklch(var(--action));transform:translateY(-1px)}.top-cat-pill.is-active{background:oklch(var(--action));border-color:oklch(var(--action));color:#ffffff;box-shadow:0 4px 14px oklch(var(--action)/.25)}.subcategories-bar{display:flex;align-items:center;gap:12px;background:oklch(var(--paper-deep));padding:10px 16px;border-radius:14px;border:1px solid oklch(var(--line));overflow-x:auto}.subcategories-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:oklch(var(--muted));flex-shrink:0}.subcategories-list{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.sub-cat-chip{flex-shrink:0;font-size:12px;font-weight:600;padding:5px 12px;border-radius:8px;background:oklch(var(--surface));border:1px solid oklch(var(--line));color:oklch(var(--ink));transition:all .15s ease}.sub-cat-chip:hover{border-color:oklch(var(--action));color:oklch(var(--action))}.sub-cat-chip.is-active{background:oklch(var(--ink));border-color:oklch(var(--ink));color:#ffffff}.leaf-categories-bar{padding-left:8px}.leaf-categories-list{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.leaf-cat-tag{font-size:12px;padding:4px 10px;border-radius:6px;background:transparent;color:oklch(var(--muted));border:1px dashed oklch(var(--line));transition:all .14s ease}.leaf-cat-tag.is-active,.leaf-cat-tag:hover{border-color:oklch(var(--action));color:oklch(var(--action));border-style:solid}.leaf-cat-tag.is-active{background:oklch(var(--action)/.12);font-weight:600}.active-filters-bar{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.active-filters-label{font-size:12px;font-weight:600;color:oklch(var(--muted))}.active-chips-list{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-chip-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:oklch(var(--surface));border:1px solid oklch(var(--line));border-radius:8px;font-size:12px;font-weight:500;color:oklch(var(--ink));transition:all .14s ease}.filter-chip-tag:hover{background:oklch(var(--danger)/.1);border-color:oklch(var(--danger));color:oklch(var(--danger))}.filter-clear-all-btn{background:none;border:0;font-size:12px;color:oklch(var(--muted));text-decoration:underline;padding:4px 6px}.filter-clear-all-btn:hover{color:oklch(var(--danger))}.catalog-sidebar{display:flex;flex-direction:column;gap:20px}.catalog-search-field{display:grid;gap:6px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-wrapper .search-icon{position:absolute;left:12px;color:oklch(var(--muted))}.search-input-wrapper .input{padding-left:36px}.search-submit-btn{width:100%}.filter-sidebar{background:oklch(var(--surface));border:1px solid oklch(var(--line));border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:16px}.filter-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid oklch(var(--line))}.filter-header-title{display:flex;align-items:center;gap:8px}.filter-header-title h3{margin:0;font-size:15px;font-weight:700}.filter-reset-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:0;font-size:12px;color:oklch(var(--muted));transition:color .14s ease}.filter-reset-btn:hover{color:oklch(var(--action))}.filter-close-btn{background:none;border:0;padding:4px}.filter-quick-toggle{padding-bottom:12px;border-bottom:1px solid oklch(var(--line))}.filter-toggle-label{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;cursor:pointer}.filter-toggle-label input{accent-color:oklch(var(--action));width:18px;height:18px}.filter-group{display:grid;gap:10px;padding-bottom:14px;border-bottom:1px solid oklch(var(--line))}.filter-group:last-child{border-bottom:0;padding-bottom:0}.filter-group-header{display:flex;align-items:center;justify-content:space-between;background:none;border:0;padding:0;font-size:13px;font-weight:700;color:oklch(var(--ink));text-align:left}.filter-group-content{display:grid;gap:8px}.price-inputs-row{display:flex;align-items:center;gap:6px}.filter-input-price{width:100%;min-width:0;height:38px;border:1px solid oklch(var(--line));border-radius:8px;padding:6px 10px;font-size:13px;background:oklch(var(--paper))}.price-sep{color:oklch(var(--muted))}.price-apply-btn{min-height:38px;padding-inline:12px;font-size:12px;flex-shrink:0}.filter-search-box{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid oklch(var(--line));border-radius:8px;background:oklch(var(--paper));font-size:12px}.filter-search-box input{width:100%;border:0;outline:0;background:transparent;font-size:12px}.filter-options-list{max-height:200px;overflow-y:auto;display:grid;gap:6px;padding-right:4px;scrollbar-width:thin}.filter-checkbox-option{display:flex;align-items:center;gap:8px;font-size:13px;color:oklch(var(--ink));cursor:pointer;padding:3px 0}.filter-checkbox-option input{width:16px;height:16px;accent-color:oklch(var(--action));flex-shrink:0}.filter-option-label{flex:1;min-width:0;line-height:1.35}.filter-count-badge{font-family:var(--font-mono);font-size:11px;color:oklch(var(--muted));background:oklch(var(--paper-deep));padding:1px 6px;border-radius:6px}.mobile-filter-trigger{display:none;justify-content:center;gap:8px;min-height:44px;border-radius:12px;font-weight:600;font-size:14px;margin-bottom:16px;width:100%}.catalog-toolbar,.mobile-filter-trigger{align-items:center;background:oklch(var(--surface));border:1px solid oklch(var(--line))}.catalog-toolbar{display:flex;justify-content:space-between;gap:16px;padding:12px 18px;border-radius:var(--radius);margin-bottom:20px}.toolbar-info{font-size:14px;color:oklch(var(--muted))}.toolbar-info strong{color:oklch(var(--ink))}.sort-control{display:inline-flex;align-items:center;gap:8px}.sort-label{font-size:13px;color:oklch(var(--muted));white-space:nowrap}.sort-select{min-height:38px;padding:6px 12px;font-size:13px;width:auto}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.home-section .product-grid,.product-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1200px){.home-section .product-grid,.product-grid-4{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:860px){.home-section .product-grid,.product-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.home-section .product-grid,.product-grid-4{grid-template-columns:1fr}}.product-card{min-width:0;display:flex;flex-direction:column;background:#ffffff;border:1px solid oklch(var(--line));border-radius:18px;overflow:hidden;position:relative;transition:transform .24s cubic-bezier(.16,1,.3,1),box-shadow .24s cubic-bezier(.16,1,.3,1),border-color .18s ease}.product-card:hover{transform:translateY(-5px);border-color:oklch(var(--action)/.55);box-shadow:0 16px 36px -8px oklch(var(--ink)/.08)}.product-card-image{position:relative;aspect-ratio:4/3;background:oklch(var(--paper-deep));display:grid;place-items:center;overflow:hidden;padding:12px}.product-card-image .product-art-svg{width:82%;height:82%;transition:transform .35s cubic-bezier(.16,1,.3,1)}.product-card:hover .product-card-image .product-art-svg{transform:scale(1.08)}.product-card-badges{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:5px;z-index:2}.badge-hit{background:#f59e0b;box-shadow:0 2px 8px rgba(245,158,11,.35)}.badge-hit,.badge-new{color:#ffffff;font-size:10px;font-weight:800;letter-spacing:.04em;padding:3px 8px;border-radius:6px}.badge-new{background:#0b57d0;box-shadow:0 2px 8px rgba(11,87,208,.35)}.badge-discount{background:#dc2626;color:#ffffff;font-size:10px;font-weight:800;padding:3px 8px;border-radius:6px}.product-card-preview{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.15);opacity:0;transition:opacity .2s ease;pointer-events:none}.product-card-preview span{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.95);color:oklch(var(--ink));font-size:12px;font-weight:700;padding:6px 14px;border-radius:999px;box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(6px);transition:transform .2s ease}.product-card:hover .product-card-preview{opacity:1}.product-card:hover .product-card-preview span{transform:translateY(0)}.product-card-body{padding:16px;display:flex;flex:1;flex-direction:column;gap:8px}.product-card-meta{display:flex;align-items:center;gap:6px;font-size:11px}.product-card-brand{font-weight:700;color:oklch(var(--muted));text-transform:uppercase;letter-spacing:.03em}.product-card-brand:hover{color:oklch(var(--action))}.meta-dot{color:oklch(var(--line))}.product-card-category{color:oklch(var(--action));font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card-title-link{color:inherit}.product-card-title{margin:0;font-size:15px;font-weight:700;line-height:1.4;letter-spacing:-.015em;color:oklch(var(--ink));min-height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .14s ease}.product-card:hover .product-card-title{color:oklch(var(--action))}.product-card-specs{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-height:24px}.spec-pill{font-size:11px;font-weight:500;padding:2px 7px;border-radius:6px;background:oklch(var(--paper-deep));color:oklch(var(--ink)/.85)}.product-card-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#166534;margin-top:auto;padding-top:6px}.product-card-status[data-stock=false]{color:#9a3412}.status-indicator{width:7px;height:7px;border-radius:50%;background:currentColor}.offers-badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;background:oklch(var(--action)/.1);color:oklch(var(--action));margin-left:auto}.product-card-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid oklch(var(--line));margin-top:8px}.price-container{display:flex;flex-direction:column}.product-card-old-price{font-size:12px;color:oklch(var(--muted));text-decoration:line-through}.product-card-price-row{display:flex;align-items:baseline;gap:4px}.product-card-price{font-family:var(--font-mono);font-size:20px;font-weight:800;letter-spacing:-.03em;color:oklch(var(--ink))}.product-card-unit{font-size:12px;color:oklch(var(--muted))}.product-card-action-wrapper{flex-shrink:0}.product-detail-page{padding-bottom:80px}.product-detail{display:grid;grid-template-columns:minmax(320px,1fr) minmax(380px,1.25fr);gap:clamp(32px,5vw,64px);padding-block:16px 48px}.product-gallery-section{display:flex;flex-direction:column;gap:16px}.product-gallery-main{position:relative;aspect-ratio:1;max-height:480px;background:#ffffff;border:1px solid oklch(var(--line));border-radius:24px;display:grid;place-items:center;overflow:hidden;padding:32px}.gallery-main-svg{width:85%;height:85%}.gallery-badges{position:absolute;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center}.badge-stock{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600}.badge-stock.in-stock{background:#dcfce7;color:#166534}.badge-stock.out-of-stock{background:#ffedd5;color:#9a3412}.stock-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge-sku{font-size:12px;color:oklch(var(--muted))}.product-gallery-thumbs{display:flex;gap:10px}.thumb-btn{width:72px;height:72px;border-radius:12px;border:1px solid oklch(var(--line));background:#ffffff;padding:6px;cursor:pointer;display:grid;place-items:center;transition:border-color .15s ease}.thumb-btn.is-active{border:2px solid oklch(var(--action))}.thumb-svg{width:100%;height:100%}.product-info-meta{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:8px}.meta-sep{color:oklch(var(--line))}.product-brand-tag{font-weight:700;color:oklch(var(--action))}.product-info-title{margin:0 0 16px;font-size:clamp(26px,3.2vw,42px);font-weight:800;line-height:1.15;letter-spacing:-.035em;color:oklch(var(--ink))}.product-buy{display:grid;gap:20px;margin-top:24px;padding:24px;background:#ffffff;border:1px solid oklch(var(--line));border-radius:20px}.product-price-box{display:flex;flex-direction:column}.product-price strong{font-family:var(--font-mono);font-size:36px;font-weight:800;letter-spacing:-.03em;color:oklch(var(--ink))}.product-price span{font-size:16px;color:oklch(var(--muted));font-weight:500}.product-subtext{font-size:12px;color:oklch(var(--muted));margin-top:2px}.product-actions-row{display:flex;align-items:center;gap:14px}.quantity-stepper{display:flex;align-items:center;border:1px solid oklch(var(--line));border-radius:12px;background:oklch(var(--paper));overflow:hidden}.quantity-stepper button{width:44px;height:46px;display:grid;place-items:center;background:none;border:0;color:oklch(var(--ink));transition:background .14s ease}.quantity-stepper button:hover:not(:disabled){background:oklch(var(--paper-deep))}.quantity-stepper input{width:54px;height:46px;text-align:center;font-family:var(--font-mono);font-weight:700;font-size:16px;border:0;background:transparent;outline:0}.buy-btn{flex:1;min-height:46px;font-size:15px}.buy-btn.is-success{background:#166534}.product-perks-grid{display:grid;grid-template-columns:1fr;gap:12px;padding-top:16px;border-top:1px solid oklch(var(--line))}.perk-item{gap:10px}.perk-icon{color:oklch(var(--action))}.perk-item strong{display:block;font-size:13px;line-height:1.3}.perk-item span{font-size:12px;color:oklch(var(--muted));line-height:1.35}.product-tabs-section{margin-top:48px;padding-top:36px;border-top:1px solid oklch(var(--line))}.product-tabs-nav{display:flex;align-items:center;gap:8px;overflow-x:auto;border-bottom:1px solid oklch(var(--line));padding-bottom:0;scrollbar-width:thin}.tab-btn{padding:14px 20px;font-size:15px;font-weight:600;background:none;border:0;color:oklch(var(--muted));border-bottom:2px solid transparent;transition:all .15s ease;white-space:nowrap}.tab-btn:hover{color:oklch(var(--ink))}.tab-btn.is-active{color:oklch(var(--action));border-bottom-color:oklch(var(--action))}.product-tab-content{padding-block:32px}.delivery-tab h2,.description-tab h2,.offers-tab h2,.specs-tab h2{font-size:22px;margin:0 0 20px}.attributes-table{display:grid;gap:0;max-width:720px}.attr-row{display:grid;grid-template-columns:1fr 1fr;padding:12px 16px;border-bottom:1px solid oklch(var(--line));font-size:14px}.attr-row:nth-child(2n){background:oklch(var(--paper-deep)/.5);border-radius:8px}.attr-row dt{color:oklch(var(--muted))}.attr-row dd{margin:0;font-weight:600;color:oklch(var(--ink))}.delivery-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.delivery-card{padding:24px;background:#ffffff;border:1px solid oklch(var(--line));border-radius:18px;display:flex;flex-direction:column;gap:10px}.delivery-card h3{margin:0;font-size:16px;font-weight:700}.delivery-card p{margin:0;font-size:13px;line-height:1.55;color:oklch(var(--muted))}.related-products-section{margin-top:64px;padding-top:40px;border-top:1px solid oklch(var(--line))}.view-all-link{font-size:14px;font-weight:700;color:oklch(var(--action))}.page-numbers{display:flex;align-items:center;gap:4px}.page-number-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;font-weight:700;font-size:14px;background:oklch(var(--surface));border:1px solid oklch(var(--line));color:oklch(var(--ink))}.page-number-btn.is-active{background:oklch(var(--action));color:#ffffff;border-color:oklch(var(--action))}@media (max-width:1024px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.delivery-cards-grid{grid-template-columns:1fr}}@media (max-width:768px){.mobile-filter-trigger{display:inline-flex}.filter-sidebar{display:none}.filter-sidebar.is-mobile-open{display:flex;position:fixed;top:0;right:0;bottom:0;width:min(85vw,360px);z-index:99;border-radius:0;overflow-y:auto;box-shadow:-10px 0 30px rgba(0,0,0,.2);animation:slideIn .22s ease-out}.mobile-filter-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:98}.product-grid{grid-template-columns:1fr}}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.categories-card-grid{gap:20px;margin-top:24px}.categories-card-grid,.subcategories-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.subcategories-card-grid{gap:18px;margin-top:16px}.category-tile-card{display:flex;flex-direction:column;background:#ffffff;border:1px solid oklch(var(--line));border-radius:18px;overflow:hidden;text-decoration:none;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1),border-color .16s ease}.category-tile-card:hover{transform:translateY(-4px);border-color:#0b57d0;box-shadow:0 16px 32px -8px rgba(11,87,208,.12)}.category-tile-media{aspect-ratio:16/10;background:oklch(var(--paper-deep));display:grid;place-items:center;overflow:hidden;padding:16px;position:relative}.category-tile-svg{width:78%;height:78%;transition:transform .3s cubic-bezier(.16,1,.3,1)}.category-tile-card:hover .category-tile-svg{transform:scale(1.08)}.category-tile-content{padding:18px 20px;display:flex;flex:1;flex-direction:column;justify-content:space-between;gap:8px}.category-tile-title{margin:0;font-size:16px;font-weight:700;line-height:1.35;color:oklch(var(--ink));letter-spacing:-.015em;transition:color .14s ease}.category-tile-card:hover .category-tile-title{color:#0b57d0}.category-tile-desc{margin:0;font-size:12px;line-height:1.45;color:oklch(var(--muted));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-tile-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px}.category-tile-count{font-size:13px;font-weight:600;color:#0b57d0}.category-tile-arrow{color:#0b57d0;transition:transform .16s ease}.category-tile-card:hover .category-tile-arrow{transform:translate(2px,-2px)}.catalog-level-1-section{margin-bottom:36px}.catalog-header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px;flex-wrap:wrap}.catalog-main-title{margin:0 0 6px;font-size:clamp(28px,3.5vw,42px);font-weight:800;letter-spacing:-.04em;line-height:1.1}.catalog-subtitle-desc{margin:0;font-size:15px;color:oklch(var(--muted))}.stock-pill-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:12px;background:#ffffff;border:1px solid oklch(var(--line));font-size:13px;font-weight:600;color:oklch(var(--ink));transition:all .16s ease;cursor:pointer}.stock-pill-btn.is-active,.stock-pill-btn:hover{border-color:#0b57d0;color:#0b57d0}.stock-pill-btn.is-active{background:#eff6ff}.stock-pill-dot{width:7px;height:7px;border-radius:50%;background:#0b57d0}.category-intro-banner{background:#ffffff;border:1px solid oklch(var(--line));border-radius:18px;padding:24px 28px;margin-bottom:24px}.category-intro-banner h1{margin:0 0 8px;font-size:26px;font-weight:800;letter-spacing:-.03em}.category-intro-banner p{margin:0;font-size:14px;color:oklch(var(--muted));line-height:1.5}.subcategories-nav-group{background:#ffffff;border:1px solid oklch(var(--line));border-radius:14px;padding:16px}.subcategories-nav-links{display:grid;gap:6px;margin-top:6px}.sub-nav-link{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-radius:8px;font-size:13px;font-weight:500;color:oklch(var(--ink));transition:all .14s ease}.sub-nav-link:hover{background:oklch(var(--paper-deep));color:#0b57d0;padding-left:14px}.section-block-title{font-size:20px;margin:0 0 16px}.section-block-title,.toolbar-title{font-weight:800;letter-spacing:-.02em}.toolbar-title{margin:0;font-size:17px}.sub-count-text{font-size:13px;color:oklch(var(--muted));font-weight:500}.product-card-corner-arrow{position:absolute;right:12px;bottom:10px;color:#0b57d0;opacity:.85;transition:transform .16s ease}.product-card:hover .product-card-corner-arrow{transform:translate(2px,-2px);opacity:1}.product-card-brand-row{font-size:12px;color:#64748b;font-weight:500}.stock-qty-text{font-size:11px;color:oklch(var(--muted));font-weight:400}.product-card-action-bar{margin-top:10px;width:100%}.product-card-action-bar a,.product-card-action-bar button{width:100%;border-radius:10px;font-size:13px;font-weight:600;background:#074089;color:#ffffff;display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;transition:background .15s ease,transform .12s ease}.product-card-action-bar button:hover:not(:disabled){background:#052c5e;transform:translateY(-1px)}@media (max-width:1200px){.categories-card-grid,.subcategories-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.categories-card-grid,.subcategories-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media (max-width:600px){.categories-card-grid,.subcategories-card-grid{grid-template-columns:1fr;gap:12px}}.checkout-page-shell,.dispatch-tracking-shell{padding-top:24px;padding-bottom:64px}.dispatch-hero-container{background:#ffffff;border:1px solid #e2e8f0;border-radius:20px;padding:28px;margin-bottom:28px;box-shadow:0 4px 20px -2px rgba(15,23,42,.05)}.dispatch-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid #f1f5f9}.route-badge-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.route-live-indicator{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd;padding:4px 10px;border-radius:20px}.live-dot{width:7px;height:7px;border-radius:50%;background:#0284c7;box-shadow:0 0 0 3px rgba(2,132,199,.2);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.route-tag{font-size:12px;font-weight:600;color:#475569;background:#f1f5f9;padding:4px 10px;border-radius:20px}.dispatch-h2{font-size:clamp(22px,2.5vw,30px);font-weight:800;color:#0f172a;margin:0 0 6px;letter-spacing:-.03em}.dispatch-meta-sub{margin:0;font-size:14px;color:#64748b}.dispatch-time-boxes{display:flex;gap:14px}.time-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px 18px;display:flex;flex-direction:column;min-width:140px}.time-box-accent{background:#eff6ff;border-color:#bfdbfe}.time-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#64748b;margin-bottom:2px}.time-val{font-size:18px;font-weight:800;color:#0f172a;letter-spacing:-.02em}.time-box-accent .time-val{color:#1d4ed8}.time-sub{font-size:11px;color:#64748b;margin-top:2px}.dispatch-main-grid{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}.dispatch-vehicle-showcase{display:flex;flex-direction:column;gap:20px}.truck-illustration-wrap{position:relative;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;padding:10px}.truck-canvas{width:100%;height:auto;display:block;max-height:250px}.truck-floating-stat{position:absolute;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border:1px solid #e2e8f0;box-shadow:0 4px 12px rgba(15,23,42,.08);border-radius:10px;padding:6px 12px;font-size:12px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:6px}.stat-payload{top:16px;right:16px}.stat-dimensions{bottom:16px;left:16px}.payload-meter-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:14px 18px}.meter-label-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:8px}.meter-title strong{color:#0f172a}.meter-status{font-weight:700;font-size:12px}.meter-status.is-ok{color:#059669}.meter-status.is-danger{color:#dc2626}.meter-bar-track{width:100%;height:10px;background:#e2e8f0;border-radius:5px;overflow:hidden;margin-bottom:6px}.meter-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#3b82f6 80%,#6366f1);border-radius:5px;transition:width .3s ease}.meter-bar-fill.bar-danger{background:#dc2626!important}.meter-caption-row{display:flex;justify-content:space-between;font-size:11px;color:#64748b}.route-milestones-timeline{display:flex;align-items:center;background:#ffffff;border:1px solid #e2e8f0;border-radius:14px;padding:18px 22px;gap:12px}.milestone-step{display:flex;align-items:flex-start;gap:12px;flex:1}.milestone-dot{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-done .milestone-dot{background:#dcfce7;color:#15803d}.step-active .milestone-dot{background:#eff6ff;color:#1d4ed8;box-shadow:0 0 0 3px rgba(29,78,216,.15)}.step-target .milestone-dot{background:#fee2e2;color:#b91c1c}.milestone-content{display:flex;flex-direction:column;font-size:12px}.milestone-content strong{font-size:13px;color:#0f172a}.milestone-content span{color:#64748b}.milestone-time{font-size:11px;font-weight:600;color:#0369a1!important;margin-top:2px}.milestone-line{width:32px;height:2px;background:#cbd5e1;flex-shrink:0}.milestone-line.active{background:#3b82f6}.dispatch-side-panel{display:flex;flex-direction:column;gap:16px}.dispatch-mini-map-card{background:#0f172a;border-radius:16px;padding:14px;border:1px solid #1e293b;overflow:hidden}.mini-map-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px}.mini-map-badge{display:flex;align-items:center;gap:6px;font-weight:700;color:#93c5fd}.mini-map-traffic{font-size:11px;color:#34d399;font-weight:600}.mini-map-svg{width:100%;height:auto;border-radius:10px;display:block}.dispatch-perks-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:18px}.perks-h4{font-size:13px;font-weight:700;color:#0f172a;margin:0 0 10px}.perks-list{list-style:none;padding:0;margin:0 0 14px;display:flex;flex-direction:column;gap:8px}.perk-item{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#334155;line-height:1.4}.perk-icon{color:#059669;flex-shrink:0;margin-top:2px}.unloading-spec-pill{background:#ffffff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}.unloading-tag-title{font-size:11px;color:#64748b;font-weight:600;text-transform:uppercase}.unloading-tag-value{font-size:13px;color:#0f172a;font-weight:700}.vehicle-selector-block{margin-bottom:28px}.selector-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;flex-wrap:wrap}.selector-h3{font-size:20px;font-weight:800;color:#0f172a;margin:0 0 4px}.selector-sub{font-size:14px;color:#64748b;margin:0}.cart-weight-badge{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:8px 14px;font-size:13px;color:#334155;display:flex;align-items:center;gap:8px}.cart-weight-badge strong{color:#0f172a;font-weight:800}.checkout-step-block{margin-bottom:40px}.step-header-banner{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e2e8f0}.step-tag-pill{display:inline-flex;align-items:center;gap:8px;background:#eff6ff;border:1px solid #bfdbfe;padding:4px 12px;border-radius:20px;margin-bottom:8px}.step-number-circle{width:20px;height:20px;border-radius:50%;background:#2563eb;color:#ffffff;display:grid;place-items:center;font-size:11px;font-weight:800}.step-tag-text{font-size:11px;font-weight:800;color:#1d4ed8;letter-spacing:.05em;text-transform:uppercase}.step-heading{font-size:26px;font-weight:800;color:#0f172a;margin:0 0 6px;letter-spacing:-.02em}.step-lead{font-size:14px;color:#64748b;margin:0;line-height:1.5}.step-order-details{padding-top:10px}.fleet-dashboard-selector{margin-bottom:32px}.fleet-header-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;flex-wrap:wrap}.fleet-kicker{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#2563eb;margin-bottom:4px}.fleet-title{font-size:24px;font-weight:800;color:#0f172a;margin:0 0 6px;letter-spacing:-.02em}.fleet-subtitle{font-size:14px;color:#64748b;margin:0}.fleet-weight-meter-pill{display:inline-flex;align-items:center;gap:10px;background:#f1f5f9;border:1px solid #e2e8f0;padding:8px 16px;border-radius:30px;font-size:13px}.meter-pill-label{color:#64748b}.meter-pill-value{font-weight:800;color:#0f172a}.fleet-toolbar-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.fleet-tabs-group{display:flex;flex-wrap:wrap;gap:8px}.fleet-tab-btn{background:#ffffff;border:1px solid #e2e8f0;color:#475569;font-size:13px;font-weight:700;padding:8px 16px;border-radius:20px;cursor:pointer;transition:all .16s ease}.fleet-tab-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.fleet-tab-btn.is-active{background:#0f172a;border-color:#0f172a;color:#ffffff;box-shadow:0 4px 12px rgba(15,23,42,.15)}.fleet-sort-wrap{display:flex;align-items:center;gap:8px;font-size:12px;color:#64748b}.fleet-sort-select{background:#ffffff;border:1px solid #e2e8f0;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;color:#0f172a;cursor:pointer}.fleet-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.fleet-card{position:relative;background:#ffffff;border:2px solid #e2e8f0;border-radius:18px;overflow:hidden;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.fleet-card:hover{transform:translateY(-4px);border-color:#93c5fd;box-shadow:0 16px 36px -10px rgba(15,23,42,.12)}.fleet-card.is-selected{border-color:#2563eb;background:#fafcff;box-shadow:0 0 0 3px rgba(37,99,235,.2)}.fleet-card.is-recommended{border-color:#3b82f6}.fleet-card.is-overweight{border-color:#fca5a5;background:#fffafa}.fleet-card-media{position:relative;width:100%;aspect-ratio:16/9.5;background:#0f172a;overflow:hidden}.fleet-card-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.fleet-card:hover .fleet-card-img{transform:scale(1.05)}.fleet-overlay-pill{position:absolute;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;backdrop-filter:blur(8px);z-index:2}.pill-status{top:12px;left:12px;background:rgba(15,23,42,.78);color:#ffffff}.status-indicator-dot{width:7px;height:7px;border-radius:50%;background:#10b981}.pill-health{top:12px;right:12px;background:rgba(255,255,255,.92);color:#0f172a;box-shadow:0 2px 8px rgba(0,0,0,.12)}.fleet-overlay-badge{position:absolute;bottom:10px;left:12px;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;padding:4px 10px;border-radius:8px;z-index:2}.badge-recommended{background:#2563eb;color:#ffffff;box-shadow:0 4px 12px rgba(37,99,235,.4)}.badge-overweight{background:#dc2626;color:#ffffff;right:12px;left:auto}.fleet-card-body{padding:18px 20px;display:flex;flex-direction:column;gap:14px;flex:1}.fleet-identity-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.fleet-code-line{display:flex;align-items:center;gap:8px;margin-bottom:4px}.fleet-code-badge{font-size:11px;font-weight:800;background:#f1f5f9;color:#334155;padding:2px 7px;border-radius:6px;border:1px solid #e2e8f0}.fleet-plate-text{font-size:11px;color:#94a3b8;font-family:var(--font-mono,monospace);font-weight:600}.fleet-vehicle-title{font-size:16px;font-weight:800;color:#0f172a;margin:0 0 2px;line-height:1.3}.fleet-vehicle-sub{font-size:12px;color:#64748b;font-weight:600}.fleet-driver-avatar{display:flex;flex-direction:column;align-items:center;gap:3px}.avatar-symbol{width:36px;height:36px;border-radius:50%;background:#f1f5f9;border:1px solid #e2e8f0;display:grid;place-items:center;font-size:18px}.driver-mini-name{font-size:10px;color:#64748b;font-weight:600}.fleet-metrics-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;padding:10px 12px}.fleet-metric-col{display:flex;flex-direction:column;gap:2px}.metric-label{font-size:9px;font-weight:800;letter-spacing:.05em;color:#64748b;text-transform:uppercase}.metric-value{font-size:13px;font-weight:800;color:#0f172a}.metric-sub{font-size:10px;color:#94a3b8}.metric-bar-wrap{width:100%;height:4px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-top:3px}.metric-bar-fill{height:100%;border-radius:4px}.fill-ok{background:#10b981}.fill-warning{background:#f59e0b}.fill-danger{background:#ef4444}.text-ok{color:#059669}.text-warning{color:#d97706}.text-danger{color:#dc2626}.fleet-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid #f1f5f9;font-size:12px}.fleet-footer-location{display:flex;align-items:center;gap:5px;color:#64748b}.loc-pin-icon{color:#3b82f6}.fleet-selected-tag{gap:4px;font-weight:800;color:#2563eb;background:#eff6ff;padding:4px 10px;border-radius:20px}.fleet-choose-link,.fleet-selected-tag{display:inline-flex;align-items:center;font-size:12px}.fleet-choose-link{gap:2px;font-weight:700;color:#3b82f6}.delivery-window-card{margin-bottom:24px}.current-window-display{display:flex;align-items:center;gap:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px 18px;cursor:pointer;transition:all .16s ease}.current-window-display:hover{background:#eff6ff;border-color:#93c5fd}.window-pill-badge{display:inline-flex;align-items:center;gap:6px;background:#0f172a;color:#ffffff;font-size:12px;font-weight:800;padding:6px 12px;border-radius:20px;white-space:nowrap}.window-text-block{flex:1;display:flex;flex-direction:column;gap:2px}.window-headline{font-size:16px;font-weight:800;color:#0f172a}.window-subline{font-size:12px;color:#64748b}.window-switch-link{font-size:13px;font-weight:700;color:#2563eb}.time-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.65);backdrop-filter:blur(4px);z-index:999;display:grid;place-items:center;padding:20px}.time-modal-card{background:#ffffff;border-radius:22px;max-width:680px;width:100%;padding:28px;box-shadow:0 24px 60px rgba(0,0,0,.25);max-height:92vh;overflow-y:auto;animation:zoomIn .18s ease-out}@keyframes zoomIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.time-modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.time-modal-kicker{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;text-transform:uppercase;color:#2563eb;margin-bottom:4px}.time-modal-title{font-size:20px;font-weight:800;color:#0f172a;margin:0 0 4px}.time-modal-subtitle{font-size:13px;color:#64748b;margin:0}.time-modal-close{background:none;border:none;cursor:pointer;color:#94a3b8;padding:6px;border-radius:8px}.time-modal-close:hover{background:#f1f5f9;color:#0f172a}.time-modal-meta-row{display:flex;gap:12px;padding:10px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:20px;font-size:12px;flex-wrap:wrap}.meta-pill{display:flex;align-items:center;gap:6px}.meta-lbl{color:#64748b}.section-label{font-size:13px;font-weight:800;color:#0f172a;display:block;margin-bottom:10px}.time-window-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px}.window-card{border:2px solid #e2e8f0;border-radius:14px;padding:14px;cursor:pointer;transition:all .16s ease;display:flex;flex-direction:column;gap:6px;background:#ffffff}.window-card:hover{border-color:#93c5fd;transform:translateY(-2px)}.window-card.is-active{border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 2px rgba(37,99,235,.15)}.window-card-top{display:flex;justify-content:space-between;align-items:center}.window-day{font-size:12px;font-weight:700;color:#64748b}.window-best-pill{font-size:10px;font-weight:800;background:#10b981;color:#ffffff;padding:2px 7px;border-radius:10px}.window-time{font-size:17px;font-weight:800;color:#0f172a}.window-notes{font-size:11px;color:#64748b;margin:0;line-height:1.35;flex:1}.window-select-indicator{padding-top:6px;border-top:1px solid rgba(0,0,0,.05)}.indicator-checked{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;color:#2563eb}.indicator-hint{font-size:11px;font-weight:600;color:#94a3b8}.time-modal-extras{margin-bottom:22px;display:flex;flex-direction:column;gap:10px}.checkbox-option-card{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid #e2e8f0;border-radius:12px;background:#ffffff;cursor:pointer;transition:background .15s ease}.checkbox-option-card:hover{background:#f8fafc}.checkbox-option-card input{margin-top:3px;cursor:pointer}.opt-text{display:flex;flex-direction:column;gap:2px}.opt-text strong{font-size:13px;color:#0f172a}.opt-text span{font-size:11px;color:#64748b}.time-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:18px;border-top:1px solid #e2e8f0}.modal-confirm-btn{padding:10px 20px;font-weight:700}.truck-photo-stage{position:relative;width:100%;height:280px;border-radius:14px;overflow:hidden;background:#0f172a}.truck-photo-hero{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.truck-photo-gradient{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(15,23,42,.75))}.truck-view-toggle{position:absolute;top:12px;left:12px;z-index:10;display:inline-flex;background:rgba(15,23,42,.75);backdrop-filter:blur(8px);border-radius:20px;padding:2px}.view-btn{border:none;background:none;color:#94a3b8;font-size:11px;font-weight:700;padding:4px 10px;border-radius:16px;cursor:pointer;transition:all .14s ease}.view-btn.is-active{background:#ffffff;color:#0f172a;box-shadow:0 2px 6px rgba(0,0,0,.2)}.stat-driver{position:absolute;bottom:14px;right:14px;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;background:rgba(15,23,42,.85);backdrop-filter:blur(8px);color:#ffffff;padding:5px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.15);z-index:5}.driver-symbol{font-size:14px}.time-header-mini{display:flex;align-items:center;justify-content:space-between;width:100%}.time-edit-icon{color:#3b82f6;opacity:.8}.dispatch-time-boxes[role=button]{cursor:pointer;transition:transform .14s ease}.dispatch-time-boxes[role=button]:hover{transform:translateY(-2px)}.checkout-columns-layout{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}.checkout-main-col{display:flex;flex-direction:column;gap:20px}.checkout-card-section{background:#ffffff;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.section-header-row{display:flex;align-items:center;gap:10px;margin-bottom:20px}.sec-icon{color:#2563eb}.section-title{font-size:18px;font-weight:800;color:#0f172a;margin:0}.form-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field-label{display:block;font-size:13px;font-weight:600;color:#334155;margin-bottom:6px}.field-label .req{color:#dc2626}.field-hint{display:block;font-size:11px;color:#64748b;margin-top:4px}.unloading-options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.unloading-radio-card{position:relative;display:flex;gap:12px;padding:14px;background:#ffffff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .15s ease}.unloading-radio-card input{margin-top:4px}.unloading-radio-card.is-active{border-color:#2563eb;background:#f8fafc}.unloading-card-body strong{display:block;font-size:13px;color:#0f172a;margin-bottom:2px}.unloading-card-body p{font-size:11px;color:#64748b;margin:0 0 6px;line-height:1.3}.unloading-price-tag{display:inline-block;font-size:11px;font-weight:700;color:#0369a1;background:#f0f9ff;padding:2px 8px;border-radius:6px}.payment-methods-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.payment-method-card{display:flex;gap:12px;padding:14px;background:#ffffff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .15s ease}.payment-method-card input{margin-top:4px}.payment-method-card.is-active{border-color:#2563eb;background:#f8fafc}.payment-method-card strong{display:block;font-size:13px;color:#0f172a;margin-bottom:2px}.payment-method-card p{font-size:11px;color:#64748b;margin:0;line-height:1.3}.checkout-summary-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;position:sticky;top:90px}.summary-title{font-size:18px;font-weight:800;color:#0f172a;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.summary-items-count{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:#475569;margin-bottom:8px}.items-mini-list{background:#f8fafc;border-radius:10px;padding:10px 12px;margin-bottom:16px;display:flex;flex-direction:column;gap:6px}.mini-item-row{display:flex;justify-content:space-between;font-size:12px}.mini-item-name{color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.mini-item-qty{color:#64748b;font-weight:600}.more-items-note{font-size:11px;color:#94a3b8;font-style:italic;margin-top:4px}.summary-calc-rows{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.calc-row{font-size:13px;color:#475569}.calc-row,.calc-row-total{display:flex;justify-content:space-between}.calc-row-total{align-items:baseline;font-size:15px;padding-top:10px;border-top:1px dashed #cbd5e1}.calc-row-total,.total-tjs{font-weight:800;color:#0f172a}.total-tjs{font-size:24px}.checkout-error-box{background:#fee2e2;border:1px solid #fecaca;border-radius:10px;padding:10px 12px;font-size:12px;color:#b91c1c}.checkout-error-box,.submit-order-btn{display:flex;align-items:center;gap:8px;margin-bottom:16px}.submit-order-btn{width:100%;border-radius:12px;min-height:48px;font-size:15px;font-weight:700;justify-content:center}.summary-trust-badges{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#64748b}.trust-badge-item{display:flex;align-items:center;gap:6px}.tracking-top-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.order-live-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;padding:4px 12px;border-radius:20px}.driver-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:16px;padding:20px}.driver-header{gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.driver-avatar,.driver-header{display:flex;align-items:center}.driver-avatar{width:44px;height:44px;border-radius:12px;background:#f1f5f9;color:#475569;justify-content:center}.driver-name{font-size:15px;font-weight:800;color:#0f172a;margin:0}.driver-role{font-size:11px;color:#64748b}.driver-specs{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.call-driver-btn{width:100%;border-radius:10px;min-height:40px;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px}.waybill-container{background:#ffffff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;margin-top:24px}.waybill-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.waybill-title{font-size:20px;font-weight:800;color:#0f172a;margin:2px 0 0}.waybill-table{width:100%;border-collapse:collapse;font-size:13px}.waybill-table td,.waybill-table th{padding:12px 14px;text-align:left;border-bottom:1px solid #f1f5f9}.waybill-table th{background:#f8fafc;color:#475569;font-weight:700;font-size:12px;text-transform:uppercase}.waybill-table tfoot td{font-size:14px;border-bottom:none}.waybill-table .total-row td{font-size:16px;border-top:2px solid #0f172a;padding-top:14px}.grand-total{font-size:20px;color:#0f172a}@media (max-width:992px){.checkout-columns-layout,.dispatch-main-grid,.form-grid-2{grid-template-columns:1fr}}