html{scroll-behavior:smooth}body{color:#121816;background:radial-gradient(1200px 500px at 10% -10%,#245a4112,#0000 55%),radial-gradient(900px 420px at 100% 0,#1015130a,#0000 50%),#f6f7f5;margin:0}::selection{color:#143528;background:#dcece2}:focus-visible{outline-offset:2px;outline:2px solid #245a41}#products,#categories,#top,#green,#sales,#support,#suppliers,#catalog-top,#add-custom-product{scroll-margin-top:5.5rem}.hero-shell{isolation:isolate;background-color:#101513;min-height:88vh;position:relative;overflow:hidden}.hero-shell:before{content:"";z-index:0;transform-origin:100%;background-image:linear-gradient(105deg,#0c1411f0 0%,#0c1411b3 44%,#0c141147 100%),url(/assets/cat-steel.png);background-position:100%;background-size:cover;animation:18s ease-in-out infinite alternate hero-drift;position:absolute;inset:-2%}.hero-shell>*{z-index:1;position:relative}@keyframes hero-drift{0%{transform:scale(1)}to{transform:scale(1.06)translate(-1.5%)}}@media (prefers-reduced-motion:reduce){.hero-shell:before{animation:none}.reveal,.reveal-delay,.reveal-delay-2{opacity:1;transform:none;animation:none!important}.btn-added,.btn-added-check,.metric-ring{animation:none}}.sheet{background:linear-gradient(#f1f7f3f2 0%,#f6f7f5 120px),#f6f7f5;border-radius:1.5rem 1.5rem 0 0;margin-top:-2.5rem;box-shadow:0 -18px 40px #0000002e}.nav-glass{-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);background:#1015136b;border-bottom:1px solid #ffffff14;transition:background .25s,box-shadow .25s}.nav-glass.is-solid{background:#101513f5;box-shadow:0 10px 28px #00000038}.btn-primary{color:#fff;background:#245a41;border:0;justify-content:center;align-items:center;padding:.7rem 1.25rem;font-size:.875rem;font-weight:600;transition:background .18s,transform .18s;display:inline-flex}.btn-primary:hover{background:#1b4633}.btn-primary:active{transform:translateY(1px)}.btn-ghost{color:#fff;border:1px solid #ffffff52;justify-content:center;align-items:center;padding:.7rem 1.25rem;font-size:.875rem;font-weight:600;transition:background .18s,border-color .18s;display:inline-flex}.btn-ghost:hover{background:#ffffff1a;border-color:#ffffff80}.btn-soft{color:#121816;background:#fff;border:1px solid #d6ddd8;justify-content:center;align-items:center;padding:.55rem .75rem;font-size:.75rem;font-weight:600;transition:border-color .18s,color .18s,background .18s;display:inline-flex}.btn-soft:hover{color:#245a41;background:#f1f7f3;border-color:#245a41}@keyframes btn-pop{0%{transform:scale(1)}35%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes check-draw{0%{stroke-dashoffset:24px;opacity:.35}to{stroke-dashoffset:0;opacity:1}}.btn-added{animation:.42s btn-pop}.btn-added-check{stroke-dasharray:24;animation:.32s forwards check-draw}.product-tile{background:#fff;border:1px solid #d6ddd8b3;border-radius:.75rem;transition:transform .28s,box-shadow .28s,border-color .28s;box-shadow:0 1px #1015130a}.product-tile:hover{border-color:#245a4147;transform:translateY(-4px);box-shadow:0 16px 32px #1015131a}.product-tile>a:first-of-type{border-radius:.75rem .75rem 0 0}.cat-tile{isolation:isolate;aspect-ratio:1/1.05;cursor:pointer;background:#1b4633;border:0;border-radius:.65rem;transition:transform .28s,box-shadow .28s;position:relative;overflow:hidden}.cat-tile:hover{transform:translateY(-3px);box-shadow:0 14px 28px #10151329}.cat-tile.is-active{outline-offset:3px;outline:2px solid #245a41}.cat-tile img{object-fit:cover;width:100%;height:100%;transition:transform .5s;position:absolute;inset:0}.cat-tile:hover img{transform:scale(1.08)}.cat-tile:after{content:"";z-index:1;background:linear-gradient(#0c14110d 18%,#0c1411d1 100%);position:absolute;inset:0}.cat-tile-body{z-index:2;justify-content:space-between;align-items:flex-end;gap:.35rem;padding:.65rem .7rem .75rem;display:flex;position:absolute;inset:auto 0 0}.catalog-toolbar{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f6f7f5eb;border:1px solid #d6ddd8;border-radius:.75rem;margin-bottom:1.25rem;padding:.85rem;position:sticky;top:4.5rem}.filter-chip{color:#143528;background:#dcece2;border:0;align-items:center;gap:.35rem;padding:.35rem .55rem .35rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.filter-chip button{color:#1b4633;cursor:pointer;background:0 0;border:0;padding:0 .15rem;font-size:1rem;line-height:1}.supplier-row{transition:background .18s,padding-left .18s}.supplier-row:hover{background:#f1f7f3e6;padding-left:.35rem}.field-input{background:#fff;border:1px solid #d6ddd8;outline:none;width:100%;padding:.85rem .95rem;font-size:.875rem;transition:border-color .18s,box-shadow .18s}.field-input:focus{border-color:#245a41;box-shadow:0 0 0 3px #245a411f}.toast{animation:.28s cubic-bezier(.22,1,.36,1) toast-in}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.reveal{animation:.65s cubic-bezier(.22,1,.36,1) both rise}.reveal-delay{animation-delay:.1s}.reveal-delay-2{animation-delay:.2s}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.modal-panel{animation:.28s cubic-bezier(.22,1,.36,1) modal-in}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.nav-dropdown{position:relative}.nav-dropdown-panel{opacity:0;visibility:hidden;pointer-events:none;z-index:50;background:#101513fa;border:1px solid #ffffff1a;border-radius:.75rem;width:min(36rem,100vw - 2rem);padding:.75rem;transition:opacity .18s,transform .18s,visibility .18s;position:absolute;top:calc(100% + .35rem);left:0;transform:translateY(6px);box-shadow:0 18px 40px #00000059}.nav-dropdown:before{content:"";height:.5rem;position:absolute;top:100%;left:0;right:0}.nav-dropdown:hover .nav-dropdown-panel,.nav-dropdown:focus-within .nav-dropdown-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.nav-cat-item{color:#ffffffc7;border-radius:.5rem;align-items:center;gap:.65rem;padding:.55rem .6rem;transition:background .15s,color .15s;display:flex}.nav-cat-item:hover{color:#fff;background:#245a4159}.nav-cat-item img{object-fit:cover;background:#1b4633;border-radius:.35rem;flex-shrink:0;width:2rem;height:2rem}.nav-cat-grid{grid-template-columns:1fr;gap:.15rem;display:grid}@media (width>=640px){.nav-cat-grid{grid-template-columns:1fr 1fr}}@media (width>=900px){.nav-cat-grid{grid-template-columns:1fr 1fr 1fr}}.step-num{color:#fff;background:#245a41;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.75rem;font-weight:700;display:inline-flex}@keyframes metric-ring{0%{stroke-dashoffset:var(--ring-circ)}}.metric-ring{animation:1s ease-out forwards metric-ring}