.hero{padding:82px 0;background:linear-gradient(125deg,#F7FBFF 0%,#EDF6FF 58%,#DCEEFF 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr .97fr;gap:62px;align-items:center}.hero h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(44px,5.5vw,70px);line-height:1.04;letter-spacing:-.066em;margin:0}.hero h1 span{color:var(--blue)}.hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.68;color:var(--muted);max-width:560px;margin:20px 0 29px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-stats{display:flex;gap:28px;margin-top:42px}.hero-stats div{border-left:2px solid var(--blue);padding-left:10px}.hero-stats strong,.hero-stats span{display:block}.hero-stats strong{font-size:13px}.hero-stats span{font-size:11px;color:var(--muted);margin-top:3px}.hero-photo{height:505px;border-radius:28px;background:url("photos/supermarket-hero.jpg") center/cover;box-shadow:var(--shadow);position:relative}.floating{position:absolute;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);padding:14px 15px;border-radius:12px;box-shadow:0 12px 28px rgba(35,47,62,.15);display:flex;gap:10px;align-items:center;animation:floatIn .75s cubic-bezier(.2,.8,.2,1) both}.floating svg{color:var(--blue)}.floating b,.floating span{display:block}.floating b{font-size:13px}.floating span{font-size:11px;color:#65768A}.f-one{top:56px;left:-28px}.f-two{right:-18px;bottom:38px}@keyframes floatIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category{padding:23px;min-height:177px;position:relative;overflow:hidden}.category:hover{transform:translateY(-7px);box-shadow:0 20px 45px rgba(35,47,62,.15)}.category .circle{width:42px;height:42px;display:grid;place-items:center;color:var(--blue);background:#E8F4FF;border-radius:12px}.category h3{font-size:17px;letter-spacing:-.03em;margin:19px 0 4px}.category p{font-size:12px;line-height:1.55;color:var(--muted);margin:0}.category .category-arrow{position:absolute;right:19px;bottom:16px;color:var(--blue)}.featured-bg{background:var(--soft)}.featured-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mini-product{overflow:hidden}.mini-product:hover{transform:translateY(-7px);box-shadow:0 20px 45px rgba(35,47,62,.15)}.mini-product img{width:100%;height:202px;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.mini-product:hover img{transform:scale(1.06)}.mini-product .inner{padding:20px}.tag{font-size:9px;font-weight:800;letter-spacing:.12em;color:var(--blue);margin:0 0 5px}.mini-product h3{font-size:18px;margin:0 0 8px;letter-spacing:-.035em}.mini-product p:not(.tag){font-size:12px;line-height:1.55;color:var(--muted);margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{padding:29px;position:relative;overflow:hidden}.step:hover{transform:translateY(-7px);box-shadow:0 20px 45px rgba(35,47,62,.15)}.step>span{font-size:48px;font-family:Manrope,Arial,sans-serif;font-weight:800;line-height:1;color:#E4F2FF;position:absolute;right:20px;top:17px}.step>svg{color:var(--blue);width:33px;height:33px}.step h3{font-size:19px;margin:22px 0 7px}.step p{font-size:13px;color:var(--muted);margin:0}.trust{background:var(--blue);color:#fff}.trust .eyebrow{color:#C7E6FF}.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.trust h2{font-size:clamp(31px,3.7vw,48px);letter-spacing:-.055em;line-height:1.12;margin:0}.trust p:not(.eyebrow){max-width:500px;color:#E3F2FF;line-height:1.7}.trust-points{display:grid;gap:20px}.trust-point{display:flex;gap:13px;align-items:flex-start}.trust-point .ico,.details .ico{background:rgba(255,255,255,.14);width:42px;height:42px;border-radius:10px;display:grid;place-items:center}.trust-point b,.trust-point span{display:block}.trust-point b{font-size:15px}.trust-point span{font-size:13px;color:#D9EDFF}.visit-card{padding:47px;display:grid;grid-template-columns:1fr 1fr;gap:55px;background:var(--navy);color:#fff}.visit-card h2{font-size:38px;line-height:1.12;letter-spacing:-.055em;margin:0}.visit-card p:not(.eyebrow){color:#B8C8D7}.visit-card .eyebrow{color:#7EC5FF}.details{display:grid;gap:21px;align-content:center}.detail{display:flex;gap:13px}.detail .ico{color:#7EC5FF;width:37px;height:37px}.detail small,.detail b{display:block}.detail small{font-size:10px;letter-spacing:.11em;color:#9CB0C2;font-weight:800}.detail b{font-size:14px;margin-top:3px}.detail b a{color:#fff;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){.categories{grid-template-columns:repeat(2,1fr)}.featured-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.hero-grid,.trust-grid,.visit-card{grid-template-columns:1fr;gap:36px}.hero-photo{height:400px;max-width:620px;width:100%;margin:auto}.f-one{left:10px;top:22px}.f-two{right:10px;bottom:20px}.steps{grid-template-columns:1fr}.hero-stats{flex-wrap:wrap;gap:15px}}@media(max-width:500px){.hero{padding:54px 0}.hero h1{font-size:43px}.hero-copy>p:not(.eyebrow){font-size:16px}.hero-photo{height:315px}.categories,.featured-grid{grid-template-columns:1fr}.hero-stats{display:grid;grid-template-columns:1fr 1fr}.visit-card{padding:30px 24px}}

/* Client photography section */
.supermarket-photo-highlight{background:#fff}
.supermarket-photo-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:72px}
.supermarket-photo-copy p:not(.eyebrow){max-width:540px;color:var(--muted);font-size:16px;line-height:1.75;margin:18px 0 26px}
.supermarket-highlight-image{min-height:420px;border-radius:18px;background:url("photos/10.jpg") center/cover;box-shadow:var(--shadow)}
@media(max-width:800px){.supermarket-photo-grid{grid-template-columns:1fr;gap:34px}.supermarket-highlight-image{min-height:310px}}

/* Category-led supermarket cards */
.category-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.category-feature-card{position:relative;min-height:258px;display:block;overflow:hidden;border-radius:16px;background:#1D2A3A;color:#fff;box-shadow:0 10px 25px rgba(35,47,62,.12);isolation:isolate}
.category-feature-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.category-feature-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,31,46,.05) 22%,rgba(16,31,46,.82) 100%);z-index:-0}
.category-feature-card span{position:absolute;left:19px;right:45px;bottom:18px;font-family:Manrope,Arial,sans-serif;font-size:19px;font-weight:800;line-height:1.14;letter-spacing:-.04em;z-index:1}
.category-feature-card>svg{position:absolute;right:17px;bottom:19px;width:19px;height:19px;z-index:1}
.category-feature-card:hover img{transform:scale(1.08)}
.category-feature-card:hover{transform:translateY(-6px);box-shadow:0 20px 42px rgba(35,47,62,.20)}
@media(max-width:900px){.category-feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.category-feature-grid{grid-template-columns:1fr}.category-feature-card{min-height:230px}}