.haccp-hero{max-width:1280px;margin:auto;padding:75px 32px 105px;display:grid;grid-template-columns:.92fr 1.08fr;gap:65px;align-items:center}.haccp-hero h1{font-size:clamp(3rem,5.4vw,5.2rem)}.haccp-hero h1 span{color:var(--violet)}.haccp-hero-copy>p:not(.eyebrow){font-size:1.16rem;color:var(--muted);max-width:610px}.temperature-dashboard{background:#fff;border:1px solid var(--line);border-radius:24px;padding:23px;box-shadow:var(--shadow);position:relative}.temperature-dashboard:before{content:"";position:absolute;inset:-60px -45px;z-index:-1;background:radial-gradient(circle,#dedaff 0,rgba(237,235,255,.55) 45%,transparent 70%)}.temp-header,.temp-header>div{display:flex;align-items:center;gap:10px}.temp-header{justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:17px}.temp-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:18px 0}.temp-summary>div{background:var(--soft);border-radius:13px;padding:13px}.temp-summary span,.temp-summary strong{display:block}.temp-summary span{font-size:.7rem;color:var(--muted)}.temp-summary strong{font:800 1.35rem Manrope,sans-serif}.temp-summary .warning{color:#e56f42}.fridge-list{display:grid;gap:9px}.fridge-list article{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:13px;padding:12px}.fridge-list article>div{display:flex;align-items:center;gap:11px}.fridge-icon{width:34px;height:34px;border-radius:9px;background:#eeecff;color:var(--violet);display:grid;place-items:center;font-weight:800}.fridge-list small,.fridge-list p span{display:block;color:var(--muted);font-size:.68rem}.fridge-list p{margin:0;text-align:right}.fridge-list p>strong{font-size:1.2rem}.fridge-list p .ok{color:#16866c}.fridge-list p .alert{color:#d34e33}.fridge-list .alert-row{border-color:#ffd6cb;background:#fff9f7}.temp-chart{margin-top:13px;border:1px solid var(--line);border-radius:13px;padding:13px}.temp-chart>div{display:flex;justify-content:space-between}.temp-chart small{color:var(--muted)}.temp-chart svg{width:100%;display:block}.haccp-strip{max-width:1216px;margin:auto;background:var(--ink);color:#fff;border-radius:22px;padding:32px;display:grid;grid-template-columns:repeat(4,1fr)}.haccp-strip div{text-align:center;border-right:1px solid rgba(255,255,255,.15)}.haccp-strip div:last-child{border:0}.haccp-strip strong,.haccp-strip span{display:block}.haccp-strip strong{font:800 1.7rem Manrope,sans-serif}.haccp-strip span{color:#c7c4d4;font-size:.8rem}.function-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.function-grid article{border:1px solid var(--line);border-radius:20px;padding:27px;background:#fff}.function-grid article:hover{box-shadow:var(--shadow);transform:translateY(-4px);transition:.2s}.function-number{display:inline-grid;place-items:center;width:40px;height:40px;background:#eeecff;color:var(--violet);border-radius:11px;font-weight:800;margin-bottom:30px}.function-grid article>p,.function-grid li{color:var(--muted)}.function-grid ul{list-style:none;padding:0;margin:20px 0 0}.function-grid li{font-size:.86rem;padding:4px 0}.function-grid li:before{content:"✓";color:var(--mint);font-weight:900;margin-right:7px}.function-grid .function-cta{background:linear-gradient(145deg,var(--violet-dark),#7667eb);color:#fff;border:0;display:flex;flex-direction:column;align-items:flex-start}.function-cta .eyebrow{color:#d3ceff}.function-grid .function-cta>p{color:#e2dfff}.function-cta .button{margin-top:auto}.haccp-process{max-width:none;background:var(--soft);display:grid;grid-template-columns:minmax(280px,460px) minmax(480px,680px);justify-content:center;gap:100px}.process-copy>p:not(.eyebrow){color:var(--muted)}.process-steps{list-style:none;padding:0;margin:0;display:grid}.process-steps li{display:flex;gap:18px;padding:0 0 28px;position:relative}.process-steps li:not(:last-child):before{content:"";position:absolute;left:20px;top:42px;bottom:4px;width:1px;background:#d8d4e5}.process-steps li>span{position:relative;z-index:1;flex:0 0 42px;height:42px;border-radius:12px;background:var(--violet);color:#fff;display:grid;place-items:center;font-weight:800}.process-steps h3{margin:2px 0 5px}.process-steps p{margin:0;color:var(--muted)}
@media(max-width:1050px){.haccp-hero{grid-template-columns:1fr;padding-top:55px}.haccp-hero-copy{text-align:center}.haccp-hero-copy>p{margin-left:auto;margin-right:auto}.haccp-hero .hero-actions,.haccp-hero .hero-points{justify-content:center}.function-grid{grid-template-columns:repeat(2,1fr)}.haccp-process{grid-template-columns:1fr;gap:45px}.haccp-strip{margin-left:22px;margin-right:22px}}
@media(max-width:680px){.haccp-hero{padding:35px 20px 75px}.temperature-dashboard{padding:14px}.temp-summary{grid-template-columns:1fr 1fr}.temp-summary>div:last-child{display:none}.fridge-list article{align-items:flex-start}.fridge-list small{max-width:130px}.temp-chart>div{display:block}.haccp-strip{grid-template-columns:1fr 1fr;padding:20px}.haccp-strip div{border:0;padding:12px}.function-grid{grid-template-columns:1fr}.haccp-process{padding-left:20px;padding-right:20px}}