:root{--bg: #f4f7fa;--surface: #ffffff;--surface-soft: #eef3f7;--text: #101820;--muted: #526575;--accent: #174f78;--accent-2: #0e3858;--navy: #102a43;--navy-deep: #091d2d;--border: #d5dee6;--success: #24704a;--danger: #a23535;--shadow-sm: 0 6px 18px rgba(16, 42, 67, .08);--shadow-lg: 0 22px 60px rgba(9, 29, 45, .14);--radius-sm: 8px;--radius: 14px;--radius-lg: 22px;--container: 1180px;--transition: .22s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--text);background:var(--bg);font-family:Open Sans,Arial,sans-serif;line-height:1.6}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 100% 0,rgba(23,79,120,.08),transparent 28rem),linear-gradient(180deg,#fff 0,#f4f7fa 32rem)}img{display:block;max-width:100%}button,input{font:inherit}a{color:var(--accent);text-decoration:none;transition:color var(--transition),opacity var(--transition),transform var(--transition),background var(--transition),border-color var(--transition)}a:hover{color:var(--accent-2)}button,.card,input{transition:transform var(--transition),opacity var(--transition),box-shadow var(--transition),background var(--transition),border-color var(--transition)}:focus-visible{outline:3px solid rgba(23,79,120,.35);outline-offset:3px}h1,h2,h3{margin-top:0;color:var(--navy-deep);font-family:Roboto,Arial,sans-serif;line-height:1.18}p{margin-top:0}.container{width:min(100% - 32px,var(--container));margin-inline:auto}.app-content{min-height:62vh}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--accent);font-size:.76rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.eyebrow:before{content:"";width:24px;height:2px;background:currentColor}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-heading h2{margin-bottom:6px;font-size:clamp(1.75rem,4vw,2.5rem)}.section-heading p{max-width:620px;margin:0;color:var(--muted)}.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 20px;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;font-weight:700;line-height:1.2}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 22px #102a432b}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn--primary{color:#fff;background:var(--accent);border-color:var(--accent)}.btn--primary:hover{color:#fff;background:var(--accent-2)}.btn--secondary{color:var(--navy);background:#fff;border-color:#aebdca}.btn--ghost{color:var(--accent);background:transparent;border-color:transparent}.btn--danger{color:#fff;background:var(--danger)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.header{position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(213,222,230,.9);background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header__utility{color:#dce7ef;background:var(--navy-deep);font-size:.75rem}.header__utility-inner{min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:16px}.header__utility strong{color:#fff;letter-spacing:.04em}.header__inner{min-height:72px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px}.header__brand,.footer__brand{display:inline-flex;align-items:center;gap:11px;color:var(--navy-deep);font-family:Roboto,sans-serif;font-size:1.25rem;font-weight:900}.brand-mark{width:38px;height:38px;display:grid;place-items:center;color:#fff;border-radius:9px;background:linear-gradient(145deg,var(--accent),var(--navy-deep));box-shadow:0 7px 16px #102a4338}.brand-mark svg{width:23px}.header__nav{display:flex;justify-content:center;gap:6px}.header__nav a{min-height:44px;display:inline-flex;align-items:center;padding:0 14px;color:#324b5f;border-radius:7px;font-weight:700}.header__nav a:hover,.header__nav a.active{color:var(--navy);background:var(--surface-soft)}.header__actions{display:flex;align-items:center;gap:9px}.icon-link,.header__user-link{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;color:var(--navy);border:1px solid var(--border);border-radius:8px;background:#fff;font-weight:700}.icon-link svg{width:21px;height:21px}.cart-badge{position:relative}.cart-badge__count{position:absolute;top:-7px;right:-7px;min-width:22px;height:22px;display:grid;place-items:center;padding:0 5px;color:#fff;border:2px solid #fff;border-radius:20px;background:var(--accent);font-size:.7rem}.header__user-slot{width:82px;height:44px;border-radius:8px;background:var(--surface-soft);animation:pulse 1.5s infinite}.footer{margin-top:80px;color:#cbd8e2;background:var(--navy-deep)}.footer__top{padding:64px 0 42px}.footer__grid{display:grid;grid-template-columns:1.35fr .75fr .9fr 1.2fr;gap:42px}.footer__brand{color:#fff}.footer__brand .brand-mark{background:#fff;color:var(--navy)}.footer__tagline{max-width:320px;margin:18px 0;color:#aebfcb}.partner-note{padding:12px 14px;border-left:3px solid #82a8c1;background:#ffffff0d;font-size:.82rem}.footer h2{margin:4px 0 18px;color:#fff;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase}.footer__links{display:grid;gap:10px}.footer a{color:#cbd8e2;font-weight:500}.footer a:hover{color:#fff;transform:translate(2px)}.footer__contact{display:grid;grid-template-columns:24px 1fr;gap:10px;margin-bottom:13px}.footer__contact svg{width:18px;margin-top:4px}.socials{display:flex;gap:9px;margin-top:20px}.socials a{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:7px}.socials a:hover{transform:translateY(-2px);background:#ffffff17}.socials svg{width:18px;height:18px;fill:currentColor}.footer__bottom{padding:18px 0;border-top:1px solid rgba(255,255,255,.12)}.footer__bottom-inner{display:flex;justify-content:space-between;gap:20px;color:#94aaba;font-size:.78rem}.home-page{overflow:hidden}.home-hero{position:relative;min-height:620px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:54px;padding-block:68px;animation:enter .55s ease both}.home-hero:before{content:"";position:absolute;left:-35vw;right:-35vw;inset-block:0;z-index:-1;background:linear-gradient(115deg,#edf3f7 0,#fff 60%,#e6eef4)}.home-hero__copy h1{max-width:700px;margin-bottom:22px;font-size:clamp(2.5rem,6vw,4.65rem);letter-spacing:-.035em}.home-hero__copy p{max-width:630px;margin-bottom:30px;color:var(--muted);font-size:1.08rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-trust{display:flex;flex-wrap:wrap;gap:24px;margin-top:36px;padding-top:24px;border-top:1px solid var(--border)}.hero-trust strong{display:block;color:var(--navy);font:800 1.35rem Roboto,sans-serif}.hero-trust span{color:var(--muted);font-size:.8rem}.home-hero__visual{position:relative}.home-hero__image{width:100%;aspect-ratio:4/4.35;object-fit:cover;border-radius:4px 44px;box-shadow:var(--shadow-lg);filter:saturate(.65) contrast(1.05)}.hero-panel{position:absolute;left:-32px;bottom:30px;max-width:235px;padding:18px;color:#fff;border-radius:10px;background:#091d2df0;box-shadow:var(--shadow-lg)}.hero-panel strong{display:block;margin-bottom:5px}.services-strip{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);margin-top:-22px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-lg)}.service-mini{padding:25px;border-right:1px solid var(--border)}.service-mini:last-child{border:0}.service-mini span{color:var(--accent);font:800 .75rem Roboto,sans-serif;letter-spacing:.1em}.service-mini h2{margin:8px 0 5px;font-size:1.08rem}.service-mini p{margin:0;color:var(--muted);font-size:.84rem}.home-featured,.capabilities{padding-top:92px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;margin:0;list-style:none;animation:enter .55s .08s ease both}.product-card{height:100%;overflow:hidden}.product-card:hover{transform:translateY(-5px);border-color:#aebfcb;box-shadow:0 18px 38px #102a4324}.product-card__media{position:relative;display:block;overflow:hidden;background:var(--surface-soft)}.product-card__image{width:100%;aspect-ratio:4/3;object-fit:cover;filter:saturate(.75);transition:transform var(--transition),filter var(--transition)}.product-card:hover .product-card__image{transform:scale(1.035);filter:saturate(.95)}.product-card__badge{position:absolute;top:14px;left:14px;padding:5px 9px;color:#fff;border-radius:4px;background:var(--navy);font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.product-card__body{padding:20px}.product-card__category{color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.product-card__name{margin:8px 0;font-size:1.15rem}.product-card__name a{color:var(--navy-deep)}.product-card__title{min-height:48px;display:-webkit-box;overflow:hidden;color:var(--muted);font-size:.85rem;-webkit-box-orient:vertical;-webkit-line-clamp:2}.product-rating{margin:11px 0;color:#385b73;font-size:.78rem;letter-spacing:.08em}.product-card__footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:15px;border-top:1px solid var(--border)}.product-card__price{color:var(--navy-deep);font:800 1.12rem Roboto,sans-serif}.product-card__footer .btn{min-height:42px;padding:9px 13px;font-size:.8rem}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.capability{min-height:300px;display:flex;align-items:end;padding:26px;overflow:hidden;color:#fff;border-radius:var(--radius);background-size:cover;background-position:center;box-shadow:var(--shadow-sm)}.capability:nth-child(1){background-image:linear-gradient(0deg,#091d2de6,#091d2d1a),url(https://loremflickr.com/800/600/supply-solutions,-smartpack-fulfilment?lock=791203327)}.capability:nth-child(2){background-image:linear-gradient(0deg,#091d2de6,#091d2d1a),url(https://loremflickr.com/800/600/supply-solutions,-smartpack-fulfilment?lock=791203328)}.capability:nth-child(3){background-image:linear-gradient(0deg,#091d2de6,#091d2d1a),url(https://loremflickr.com/800/600/supply-solutions,-smartpack-fulfilment?lock=791203329)}.capability h3{margin-bottom:7px;color:#fff}.capability p{margin:0;color:#d7e1e8;font-size:.86rem}.catalog-page,.cart-page,.checkout-page,.product-detail-page,.profile-page{padding-block:54px 80px}.page-hero{margin-bottom:32px;padding:34px;color:#fff;border-radius:var(--radius);background:linear-gradient(115deg,var(--navy-deep),var(--accent));box-shadow:var(--shadow-sm)}.page-hero h1{margin-bottom:8px;color:#fff;font-size:clamp(2rem,5vw,3.2rem)}.page-hero p{margin:0;color:#dce6ed}.catalog-filters{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:28px;padding:18px;background:#fff;border:1px solid var(--border);border-radius:var(--radius)}.catalog-filters .field{flex:1;max-width:570px}.catalog-page__pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:38px}.catalog-page__page-indicator{color:var(--muted);font-weight:700}.field{display:grid;gap:7px}.field__label{color:var(--navy);font-size:.82rem;font-weight:800}.field__input,.cart-list__qty-input,.product-detail__qty input{width:100%;min-height:46px;padding:10px 13px;color:var(--text);border:1px solid #b9c6d0;border-radius:7px;background:#fff}.field__input:hover{border-color:#8195a5}.field__input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #174f781c;outline:0}.field__hint{color:var(--muted);font-size:.76rem}.field__error{color:var(--danger);font-size:.78rem;font-weight:700}.field--invalid .field__input{border-color:var(--danger)}.spinner{min-height:180px;display:grid;place-items:center;align-content:center;gap:14px;color:var(--muted)}.spinner__indicator{width:38px;height:38px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.spinner--sm .spinner__indicator{width:24px;height:24px}.spinner--lg .spinner__indicator{width:52px;height:52px}.error-banner{margin:18px 0;padding:18px;color:#692b2b;border:1px solid #e5b9b9;border-left:4px solid var(--danger);border-radius:8px;background:#fff7f7}.error-banner__message{margin:5px 0 0}.error-banner__actions{margin-top:12px}.empty-state{max-width:680px;margin:40px auto;padding:56px 25px;text-align:center;border:1px dashed #aebdca;border-radius:var(--radius);background:#fff}.empty-state__description{color:var(--muted)}.product-detail{display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;animation:enter .45s ease both}.product-detail__media{min-height:550px;background:var(--surface-soft)}.product-detail__image{width:100%;height:100%;object-fit:cover;filter:saturate(.75)}.product-detail__body{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,5vw,60px)}.product-detail__category{color:var(--accent);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.product-detail__name{margin:12px 0;font-size:clamp(2rem,4vw,3.2rem)}.product-detail__title{color:var(--muted)}.product-detail__price{margin:16px 0;color:var(--navy);font:900 2rem Roboto,sans-serif}.detail-trust{display:grid;gap:8px;margin:18px 0 24px;padding:16px 0;border-block:1px solid var(--border);color:#3d5668;font-size:.84rem}.product-detail__qty{display:grid;gap:7px;max-width:120px;margin-bottom:18px;color:var(--navy);font-weight:700}.cart-layout{display:grid;grid-template-columns:1fr 370px;align-items:start;gap:28px}.cart-list{display:grid;gap:16px;padding:0;margin:0;list-style:none;animation:enter .45s ease both}.cart-list__item{display:grid;grid-template-columns:118px 1fr auto;align-items:center;gap:20px;padding:16px}.cart-list__image{width:118px;height:104px;object-fit:cover;border-radius:8px}.cart-list__name{margin-bottom:5px;font-size:1.05rem}.cart-list__price{margin:0;color:var(--muted)}.cart-list__controls{display:grid;grid-template-columns:90px auto;align-items:end;gap:6px 10px}.cart-list__qty-label{grid-column:1/-1;color:var(--muted);font-size:.75rem;font-weight:700}.cart-list__line-total{grid-column:1/-1;text-align:right;color:var(--navy);font:800 1rem Roboto,sans-serif}.cart-summary{position:sticky;top:124px;padding:25px}.cart-summary h2{font-size:1.2rem}.cart-summary__row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--border);color:var(--muted)}.cart-summary__row--total{margin-top:6px;color:var(--navy-deep);font:800 1.2rem Roboto,sans-serif}.cart-summary__actions{display:grid;gap:10px;margin-top:20px}.checkout-page__grid{display:grid;grid-template-columns:1fr .9fr;align-items:start;gap:28px}.order-summary,.checkout-payment{padding:clamp(22px,4vw,34px)}.order-summary__items{padding:0;margin:0;list-style:none}.order-summary__row{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--border)}.order-summary__image{width:54px;height:54px;object-fit:cover;border-radius:7px}.order-summary__qty{color:var(--muted);font-size:.8rem}.order-summary__price{font-weight:800}.order-summary__total{display:flex;justify-content:space-between;gap:16px;padding-top:22px;color:var(--navy);font-size:1.15rem}.checkout-payment{border-top:4px solid var(--accent)}.payment-loading{min-height:160px}.auth-page{min-height:680px;display:grid;grid-template-columns:1fr minmax(300px,510px);align-items:center;gap:7vw;padding-block:62px}.auth-page:before{content:"Reliable operations. Clear accountability. One trusted supply partner.";max-width:530px;color:var(--navy-deep);font:900 clamp(2.2rem,5vw,4.2rem)/1.08 Roboto,sans-serif}.auth-card{padding:clamp(26px,5vw,44px);border-top:5px solid var(--accent);box-shadow:var(--shadow-lg);animation:enter .45s ease both}.auth-card__title{margin-bottom:8px;font-size:2rem}.auth-card__subtitle,.auth-card__footer{color:var(--muted)}.auth-form{display:grid;gap:18px;margin:26px 0}.auth-form .btn{width:100%;margin-top:4px}.profile-wrap{display:grid;grid-template-columns:280px 1fr;gap:26px}.profile-aside{padding:28px;color:#fff;background:linear-gradient(145deg,var(--navy-deep),var(--accent))}.profile-avatar{width:72px;height:72px;display:grid;place-items:center;margin-bottom:18px;border:2px solid rgba(255,255,255,.5);border-radius:50%;background:#ffffff1f;font:800 1.8rem Roboto,sans-serif}.profile-aside h2{margin-bottom:5px;color:#fff}.profile-aside p{color:#d6e1e8;font-size:.84rem}.profile-card{padding:30px}.profile-card__list{margin:0}.profile-card__row{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:15px 0;border-bottom:1px solid var(--border)}.profile-card__label{color:var(--muted);font-size:.8rem;font-weight:700}.profile-card__value{margin:0;overflow-wrap:anywhere;font-weight:700}.profile-card__actions{margin-top:24px}.order-success-page{min-height:620px;display:grid;place-items:center;padding-block:60px}.order-success-card{max-width:680px;padding:clamp(32px,7vw,68px);text-align:center;box-shadow:var(--shadow-lg)}.success-icon{width:76px;height:76px;display:grid;place-items:center;margin:0 auto 24px;color:#fff;border-radius:50%;background:var(--success);font-size:2rem}.legal-page{padding-block:58px 90px}.legal-hero{padding:44px;color:#fff;border-radius:var(--radius);background:linear-gradient(120deg,var(--navy-deep),#1d567d)}.legal-hero h1{margin-bottom:8px;color:#fff;font-size:clamp(2.2rem,5vw,3.6rem)}.legal-hero p{max-width:720px;margin:0;color:#d8e4eb}.legal-content{max-width:900px;margin:28px auto 0;padding:clamp(24px,5vw,48px);background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.legal-content section{padding:22px 0;border-bottom:1px solid var(--border)}.legal-content section:last-child{border:0}.legal-content h2{font-size:1.2rem}.legal-content p,.legal-content li{color:#405564}.faq-list{display:grid;gap:12px}.faq-list section{padding:22px;border:1px solid var(--border);border-radius:9px;background:#fff}@keyframes enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.55}}@media (max-width: 900px){.header__inner{gap:12px}.header__nav{display:none}.footer__grid{grid-template-columns:1fr 1fr}.home-hero{min-height:auto;grid-template-columns:1fr;padding-block:52px}.home-hero__visual{max-width:620px}.services-strip,.product-grid,.capability-grid{grid-template-columns:repeat(2,1fr)}.service-mini:last-child{grid-column:1/-1;border-top:1px solid var(--border)}.product-detail,.checkout-page__grid,.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}.auth-page{grid-template-columns:1fr}.auth-page:before{font-size:2.4rem}}@media (max-width: 640px){.container{width:min(100% - 24px,var(--container))}.header__utility-inner{justify-content:center}.header__utility span:last-child{display:none}.header__inner{min-height:64px;grid-template-columns:1fr auto}.header__brand{font-size:1.05rem}.brand-mark{width:34px;height:34px}.header__user-link{display:none}.footer{margin-top:52px}.footer__top{padding-top:46px}.footer__grid{grid-template-columns:1fr;gap:34px}.footer__bottom-inner,.section-heading{align-items:flex-start;flex-direction:column}.home-hero__copy h1{font-size:2.55rem}.home-hero__image{aspect-ratio:4/3.8}.hero-panel{left:12px;bottom:12px}.services-strip,.product-grid,.capability-grid{grid-template-columns:1fr}.service-mini{border-right:0;border-bottom:1px solid var(--border)}.service-mini:last-child{grid-column:auto}.home-featured,.capabilities{padding-top:68px}.page-hero{padding:26px 22px}.catalog-filters{align-items:stretch;flex-direction:column}.catalog-filters .field{max-width:none}.catalog-page__pagination{gap:8px}.catalog-page__pagination .btn{padding-inline:12px}.product-detail__media{min-height:350px}.cart-list__item{grid-template-columns:82px 1fr}.cart-list__image{width:82px;height:82px}.cart-list__controls{grid-column:1/-1;grid-template-columns:1fr auto}.profile-wrap{grid-template-columns:1fr}.profile-card__row{grid-template-columns:1fr;gap:3px}.auth-page{min-height:auto;padding-block:40px}.auth-page:before{font-size:2rem}.legal-hero{padding:30px 24px}.legal-content{padding:22px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}