/* Robusta — Website #135
   Professional Kitchen Engineering × Stainless Steel × European B2B
   Fully offline. HTML + CSS only. */

:root{
  --steel:#c6cbcf;
  --steel-dark:#8b9399;
  --graphite:#3a3f43;
  --char:#23272a;
  --white:#fbfcfc;
  --light:#eef1f2;
  --navy:#23364b;
  --silver:#d8dde0;
  --accent:#c65c3a;
  --line:rgba(35,39,42,.15);
  --sans:Arial,Helvetica,sans-serif;
  --mono:"Courier New",Courier,monospace;
  --shadow:0 18px 44px rgba(35,39,42,.10)
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--char);
  background:
    linear-gradient(rgba(35,39,42,.018) 1px,transparent 1px) 0 0/36px 36px,
    linear-gradient(90deg,rgba(35,39,42,.018) 1px,transparent 1px) 0 0/36px 36px,
    var(--white);
  font-family:var(--sans);
  line-height:1.6;
  overflow-x:hidden
}
a{color:inherit}
.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.section{padding:4.8rem 0;scroll-margin-top:7rem}
.skip-link{position:fixed;left:1rem;top:1rem;z-index:999;padding:.7rem 1rem;background:var(--navy);color:#fff;text-decoration:none;transform:translateY(-160%)}
.skip-link:focus{transform:none}

.site-header{
  position:sticky;top:0;z-index:50;
  border-bottom:1px solid var(--line);
  background:rgba(251,252,252,.96);
  backdrop-filter:blur(10px)
}
.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.brand{display:grid;text-decoration:none;line-height:1}
.brand-main{font-size:1.18rem;font-weight:900;letter-spacing:.08em}
.brand-sub{margin-top:.24rem;color:var(--steel-dark);font-family:var(--mono);font-size:.6rem;letter-spacing:.08em}
.main-nav,.footer-nav{display:flex;flex-wrap:wrap;gap:.9rem}
.main-nav a,.footer-nav a{text-decoration:none;font-size:.74rem;letter-spacing:.04em}
.main-nav a{padding:.45rem 0;border-bottom:1px solid transparent}
.main-nav a:hover,.main-nav a:focus-visible,.footer-nav a:hover,.footer-nav a:focus-visible{color:var(--accent);border-color:currentColor}

.hero{padding:4.8rem 0 5.4rem}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);gap:clamp(3rem,6vw,6rem);align-items:center}
.eyebrow{margin:0 0 .8rem;color:var(--accent);font-family:var(--mono);font-size:.68rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.tech-ref{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;max-width:650px;margin-bottom:1rem;color:var(--steel-dark);font-family:var(--mono);font-size:.62rem;letter-spacing:.08em}
.tech-rule{height:1px;background:var(--line)}
h1,h2,h3{margin-top:0}
h1,h2{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:-.05em}
h1{max-width:860px;margin-bottom:1.35rem;font-size:clamp(3.65rem,7.1vw,6.65rem);line-height:.93}
h2{margin-bottom:1rem;font-size:clamp(2.25rem,4.5vw,3.9rem);line-height:.98}
h3{margin-bottom:.45rem;font-size:1.16rem}
p{margin-top:0;color:#5c6266}
.hero-text{max-width:650px;margin-bottom:1.8rem;font-size:1.04rem}

.cta{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;padding:.82rem 1.3rem;
  border:1px solid var(--navy);background:var(--navy);color:#fff;
  text-decoration:none;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase
}
.cta:hover,.cta:focus-visible{background:var(--char)}

.hero-note{display:grid;grid-template-columns:48px 1fr;gap:.9rem;max-width:600px;margin-top:2rem}
.hero-note p{margin-bottom:0;font-family:var(--mono);font-size:.73rem}
.dial-glyph{position:relative;width:44px;height:44px;border:2px solid var(--graphite);border-radius:50%;background:linear-gradient(145deg,#eef0f1,#b8bec2)}
.dial-glyph::before{content:"";position:absolute;left:20px;top:5px;width:2px;height:12px;background:var(--accent);transform-origin:bottom;transform:rotate(24deg)}
.dial-glyph::after{content:"";position:absolute;inset:9px;border:1px solid var(--steel-dark);border-radius:50%}

.hero-visual{
  position:relative;min-height:560px;overflow:hidden;
  border:1px solid var(--line);
  background:linear-gradient(145deg,#eef1f2 0,#d2d8db 38%,#f8f9f9 100%);
  box-shadow:var(--shadow)
}
.blueprint-grid{position:absolute;inset:0;background:linear-gradient(rgba(35,39,42,.035) 1px,transparent 1px) 0 0/42px 42px,linear-gradient(90deg,rgba(35,39,42,.035) 1px,transparent 1px) 0 0/42px 42px}

.control-panel{position:absolute;left:30px;top:30px;width:292px;padding:1rem;border:1px solid var(--graphite);background:linear-gradient(145deg,#f6f7f7,#dce1e3)}
.control-panel span,.control-panel strong,.control-panel small{display:block}
.control-panel span,.control-panel small{font-family:var(--mono);font-size:.56rem;letter-spacing:.08em}
.control-panel span{color:var(--accent)}
.control-panel strong{margin:.3rem 0;font-size:1.02rem;letter-spacing:.06em}
.control-panel small{color:var(--steel-dark)}
.panel-row{display:grid;grid-template-columns:10px 1fr auto;gap:.55rem;align-items:center;padding:.55rem 0;border-bottom:1px solid rgba(35,39,42,.12)}
.panel-row b,.panel-row em{font-family:var(--mono);font-size:.52rem;font-style:normal}
.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px rgba(198,92,58,.12)}

.dial{position:absolute;border:3px solid var(--graphite);border-radius:50%;background:radial-gradient(circle at 38% 35%,#f7f8f8 0 14%,#bac1c5 15% 68%,#8e979c 69% 100%);display:grid;place-items:center}
.dial::before{content:"";position:absolute;top:8px;left:50%;width:2px;height:22%;background:var(--accent);transform-origin:bottom}
.dial span{font-family:var(--mono);font-size:.52rem;color:var(--graphite)}
.dial-a{right:54px;top:52px;width:104px;height:104px}
.dial-b{right:145px;top:170px;width:82px;height:82px}
.dial-c{right:54px;top:200px;width:70px;height:70px}

.oven-frame{position:absolute;border:6px solid var(--graphite);background:rgba(35,39,42,.04)}
.oven-frame::after{content:"";position:absolute;left:10px;right:10px;top:12px;height:8px;background:repeating-linear-gradient(90deg,var(--steel-dark) 0 18px,transparent 18px 25px)}
.frame-a{left:40px;bottom:56px;width:220px;height:150px}
.frame-b{left:44%;bottom:48px;width:160px;height:118px;border-color:var(--navy)}

.vent{position:absolute;height:46px;background:repeating-linear-gradient(90deg,var(--graphite) 0 5px,transparent 5px 13px)}
.vent-a{right:46px;bottom:60px;width:155px}
.vent-b{left:48%;top:292px;width:130px;opacity:.55}
.spec-label{position:absolute;right:44px;bottom:124px;padding:.55rem .7rem;border:1px solid var(--graphite);background:var(--white)}
.spec-label span,.spec-label strong{display:block}
.spec-label span{font-family:var(--mono);font-size:.5rem;color:var(--steel-dark)}
.spec-label strong{font-size:.78rem}
.corner-ref{position:absolute;left:30px;bottom:18px;color:var(--steel-dark);font-family:var(--mono);font-size:.54rem}

.section-heading{display:grid;grid-template-columns:70px 1fr;gap:clamp(1.8rem,4vw,4rem);margin-bottom:2rem}
.section-index{color:var(--steel-dark);font-family:var(--mono);font-size:.72rem;letter-spacing:.12em}

.equipment-section{background:#f0f3f4}
.equipment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.equipment-card{position:relative;min-height:250px;padding:1.25rem;border:1px solid var(--line);background:linear-gradient(145deg,#ffffff,#e5eaec)}
.equipment-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background:linear-gradient(90deg,var(--navy) 0 70%,var(--accent) 70%)}
.card-no{display:block;margin-bottom:1rem;font-family:var(--mono);font-size:.58rem;color:var(--accent)}
.panel-icon{width:74px;height:58px;margin-bottom:1.2rem;border:2px solid var(--graphite);position:relative;background:#e9edef}
.panel-icon::before{content:"";position:absolute;left:8px;right:8px;top:10px;height:4px;background:repeating-linear-gradient(90deg,var(--steel-dark) 0 12px,transparent 12px 17px)}
.panel-icon::after{content:"";position:absolute;right:8px;bottom:8px;width:14px;height:14px;border:2px solid var(--accent);border-radius:50%}
.heat-icon::after{border-radius:0;box-shadow:-22px 0 0 -4px var(--accent)}
.cooling-icon::after{border-color:var(--blue,#547f9f)}
.bar-icon::after{width:26px;height:12px;border-radius:12px}
.bakery-icon::after{width:22px;height:18px;border-radius:50% 50% 20% 20%}
.clean-icon::after{border-radius:50%;box-shadow:-20px -4px 0 -5px var(--accent)}
.equipment-card p{margin-bottom:0}

.solutions-section{background:var(--white)}
.solutions-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(3rem,7vw,7rem)}
.solutions-list{display:grid;border-top:1px solid var(--line)}
.solution-row{display:grid;grid-template-columns:90px 1fr;gap:1.2rem;padding:1.3rem 0;border-bottom:1px solid var(--line)}
.solution-row>span{font-family:var(--mono);font-size:.58rem;color:var(--accent)}
.solution-row p{margin:0}

.services-section{background:#e9edef}
.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.service-card{min-height:210px;padding:1.3rem;border:1px solid var(--line);background:var(--white)}
.service-card>span{display:block;margin-bottom:2.2rem;font-family:var(--mono);font-size:.58rem;color:var(--steel-dark)}
.service-card:nth-child(1){border-top:5px solid var(--navy)}
.service-card:nth-child(2){border-top:5px solid var(--accent)}
.service-card:nth-child(3){border-top:5px solid var(--steel-dark)}
.service-card:nth-child(4){border-top:5px solid var(--graphite)}

.about-section{background:var(--white)}
.about-grid{display:grid;grid-template-columns:70px .9fr 1.1fr;gap:clamp(1.8rem,4vw,4rem);align-items:start}
.about-copy{padding-top:1.35rem;border-top:1px solid var(--line)}
.about-copy p{font-size:1.02rem}

.highlights-section{background:var(--char);color:#fff}
.highlights-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.highlight-card{padding:1.25rem;border:1px solid rgba(255,255,255,.14)}
.highlight-card span{display:block;margin-bottom:2rem;font-family:var(--mono);font-size:.56rem;color:#aeb7bc}
.highlight-card h3{color:#fff}
.highlight-card p{color:#cbd1d4;margin-bottom:0}

.feature-section{background:#dfe4e6}
.feature-grid{display:grid;grid-template-columns:1fr minmax(380px,.85fr);gap:clamp(3rem,7vw,7rem);align-items:center}
.feature-panel{position:relative;min-height:290px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,#f7f8f8,#c9d0d4)}
.feature-gridlines{position:absolute;inset:0;background:linear-gradient(rgba(35,39,42,.035) 1px,transparent 1px) 0 0/36px 36px,linear-gradient(90deg,rgba(35,39,42,.035) 1px,transparent 1px) 0 0/36px 36px}
.feature-frame{position:absolute;left:36px;top:42px;width:210px;height:164px;border:6px solid var(--graphite)}
.feature-frame::after{content:"";position:absolute;left:12px;right:12px;top:12px;height:8px;background:repeating-linear-gradient(90deg,var(--steel-dark) 0 16px,transparent 16px 22px)}
.feature-dial{position:absolute;border:3px solid var(--graphite);border-radius:50%;background:radial-gradient(circle,#eef1f2 0 28%,#a7afb4 29% 100%);display:grid;place-items:center}
.fd-a{right:48px;top:46px;width:80px;height:80px}
.fd-b{right:92px;top:146px;width:62px;height:62px}
.feature-dial span{font-family:var(--mono);font-size:.52rem}
.feature-vent{position:absolute;right:36px;bottom:38px;width:150px;height:40px;background:repeating-linear-gradient(90deg,var(--graphite) 0 5px,transparent 5px 13px)}
.feature-label{position:absolute;left:42px;bottom:26px;padding:.55rem .7rem;background:var(--accent);color:#fff}
.feature-label span,.feature-label strong{display:block}
.feature-label span{font-family:var(--mono);font-size:.5rem}
.feature-label strong{font-size:.82rem}

.location-section{background:var(--white)}
.location-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,7vw,7rem);align-items:center}
.location-card{position:relative;padding:1.4rem;border:1px solid var(--graphite);background:linear-gradient(145deg,#f8f9f9,#e0e5e7)}
.location-top{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:.58rem;color:var(--steel-dark)}
.pin-shape{position:absolute;right:34px;top:72px;width:34px;height:34px;border:3px solid var(--accent);border-radius:50% 50% 50% 0;transform:rotate(-45deg)}
.pin-shape::after{content:"";position:absolute;left:8px;top:8px;width:10px;height:10px;border-radius:50%;background:var(--accent)}
.address-lines{display:grid;gap:.3rem;padding:1.4rem 70px 1.4rem 0}
.address-lines strong{font-size:1.22rem}
.address-lines span{font-family:var(--mono);font-size:.84rem}
.location-rule{height:2px;background:linear-gradient(90deg,var(--navy) 0 72%,var(--accent) 72%)}
.location-code{margin-top:.8rem;font-family:var(--mono);font-size:.56rem;color:var(--steel-dark)}

.legal-section{background:#d9dfe1}
.legal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.legal-card{padding:2rem;border:1px solid var(--line);background:rgba(251,252,252,.78)}
.legal-card h2{font-size:clamp(2rem,3.4vw,3rem)}
.legal-card p:last-child{margin-bottom:0}

.site-footer{padding:2rem 0;border-top:1px solid var(--line);background:#d9dfe1}
.footer-grid{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem}
.footer-brand{display:grid;gap:.1rem}
.footer-brand strong{font-size:1rem;font-weight:800}
.footer-brand span{font-family:var(--mono);font-size:.58rem;color:var(--steel-dark)}

@media(max-width:1080px){
  .main-nav{gap:.65rem}
  .main-nav a{font-size:.7rem}
  .equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-grid,.highlights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px){
  .header-inner{min-height:auto;padding:1rem 0;align-items:flex-start;flex-direction:column;gap:.7rem}
  .hero-grid,.solutions-grid,.feature-grid,.location-grid{grid-template-columns:1fr}
  .hero-visual{min-height:470px}
  .about-grid{grid-template-columns:56px 1fr}
  .about-copy{grid-column:2}
  .legal-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .shell{width:min(100% - 28px,1180px)}
  .section{padding:4rem 0}
  h1{font-size:clamp(3rem,15vw,4.8rem)}
  h2{font-size:clamp(2.05rem,10vw,2.95rem)}
  .hero{padding-top:3rem}
  .tech-ref{grid-template-columns:1fr}
  .tech-rule{display:none}
  .hero-visual{min-height:420px}
  .control-panel{left:20px;top:20px;width:220px}
  .dial-a{right:20px;top:34px;width:78px;height:78px}
  .dial-b{right:70px;top:128px;width:62px;height:62px}
  .dial-c{right:16px;top:152px;width:54px;height:54px}
  .frame-a{left:20px;bottom:46px;width:162px;height:112px}
  .frame-b{left:48%;bottom:38px;width:118px;height:88px}
  .vent-a{right:18px;bottom:46px;width:112px}
  .about-grid,.section-heading{grid-template-columns:1fr;gap:.8rem}
  .about-copy{grid-column:auto}
  .equipment-grid,.service-grid,.highlights-grid{grid-template-columns:1fr}
  .solution-row{grid-template-columns:72px 1fr}
  .footer-grid{flex-direction:column;align-items:flex-start}
}
@media(max-width:480px){
  .main-nav{display:grid;grid-template-columns:repeat(2,auto);justify-content:start;gap:.45rem 1rem}
  .hero-visual{min-height:380px}
  .control-panel{max-width:68%;padding:.8rem}
  .dial-a{right:4px;transform:scale(.82);transform-origin:top right}
  .dial-b,.dial-c{opacity:.7}
  .frame-b{display:none}
  .vent-a{opacity:.6}
  .equipment-card,.service-card,.highlight-card{min-height:auto}
  .feature-panel{min-height:250px}
  .feature-frame{left:22px;top:32px;width:160px;height:124px}
  .fd-a{right:20px;top:32px;width:64px;height:64px}
  .fd-b{right:48px;top:116px;width:50px;height:50px}
  .location-card{padding:1.1rem}
  .location-top{flex-direction:column;gap:.2rem}
  .pin-shape{position:relative;right:auto;top:auto;margin:1rem 0 0 4px}
  .address-lines{padding-right:0}
  .legal-card{padding:1.35rem}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important}
}