.site-header nav a[aria-current=page]{color:var(--yellow)}
.back-link{display:inline-block;color:var(--muted);font-size:.8125rem;margin:15px 0 30px;text-decoration:underline;text-underline-offset:4px}
.haccp-hero{padding-bottom:75px}.haccp-hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:55px;align-items:center}.haccp-hero .eyebrow{color:var(--muted);margin-bottom:22px;max-width:350px}.haccp-hero h1{font-size:clamp(3.4rem,6.5vw,6.8rem);line-height:1;letter-spacing:-.06em}.haccp-hero h1 span{color:var(--yellow)}.haccp-lead{font-family:'Space Grotesk',sans-serif;font-size:1.55rem;line-height:1.3;margin:25px 0 17px;letter-spacing:-.035em}.haccp-intro{max-width:480px;color:var(--muted);margin-bottom:25px;font-size:1rem}.haccp-hero-visual{background:var(--purple);padding:23px 23px 30px;border-radius:24px;transform:rotate(2deg)}.visual-label{display:flex;justify-content:space-between;gap:15px;font-size:.75rem;font-weight:700;letter-spacing:.06em;margin-bottom:20px}.hero-haccp-shot{border-radius:11px;box-shadow:0 15px 30px #22123650;transform:rotate(-2deg)}.hero-haccp-shot img{width:100%;height:auto}.visual-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px}.visual-stamp{color:var(--yellow);font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(1.6rem,2.8vw,2.8rem);line-height:1;letter-spacing:-.05em}.visual-bottom p{font-size:.75rem;text-align:right;color:#f3ebff}.haccp-strip{background:var(--yellow);color:var(--ink);padding:22px 0;overflow:hidden}.haccp-strip>.wrap{display:flex;justify-content:space-between;align-items:center;gap:30px;font-weight:700;font-size:.875rem;white-space:nowrap}.haccp-strip span{font-size:1.4rem}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.benefit-grid article{padding-top:25px;border-top:1px solid var(--line)}.benefit-grid article>span{color:var(--yellow);font-size:.875rem}.benefit-grid h3{margin:20px 0 15px;font-size:1.4rem}.benefit-grid p{color:var(--muted);font-size:.9375rem}.haccp-examples{background:var(--paper);color:var(--ink);scroll-margin-top:0}.example-row{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center;padding:45px 0;border-top:1px solid #d8d4dc}.example-row:last-child{padding-bottom:0}.example-row.reverse{grid-template-columns:1.2fr .8fr}.example-row.reverse .example-copy{order:2}.example-number{font-size:.75rem;font-weight:700;letter-spacing:.08em;color:#6529d5}.example-copy h3{font-size:clamp(2rem,3.5vw,3.1rem);line-height:1.06;letter-spacing:-.05em;margin:20px 0}.example-copy p{font-size:1rem;color:#51495f}.example-copy .example-note{font-size:.8125rem;border-left:3px solid var(--purple);padding-left:14px;margin-top:20px}.example-shot{background:#e6d7ff;border:12px solid #e6d7ff;border-radius:17px;box-shadow:0 15px 40px #21173310}.example-shot img{width:100%;height:auto;border-radius:6px}.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.fit-grid .eyebrow{margin-bottom:22px}.fit-grid h2 span{color:var(--yellow)}.fit-grid>div>p:not(.eyebrow){color:var(--muted);font-size:1.0625rem;margin-bottom:20px}.scope-note{border:1px solid #51455e;border-radius:14px;padding:24px;margin-top:30px;background:#211b2b}.scope-note strong{font-weight:600;color:var(--yellow)}.scope-note p{margin-top:10px;color:var(--muted);font-size:.875rem}.haccp-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;border-top:1px solid var(--line)}.haccp-faq summary{font-size:1.125rem;line-height:1.4;gap:15px}.haccp-faq .detail-body{padding-left:0}.haccp-cta{background:var(--yellow);color:var(--ink)}.haccp-cta h2{margin-top:25px}.haccp-cta p:not(.eyebrow){margin:25px 0;max-width:480px;font-size:1.0625rem}.service-more{margin-top:18px}.app-story>.text-link{display:inline-block;margin-top:20px}.screenshot-button:focus-visible{outline-color:var(--purple)}.haccp-hero-visual .screenshot-button:focus-visible{outline-color:var(--yellow)}
@media(max-width:1050px){.haccp-hero-grid{gap:30px}.haccp-hero-visual{padding:20px 16px}.haccp-hero .actions{gap:10px}.haccp-hero .button{font-size:.875rem;padding:13px 18px}.benefit-grid{gap:27px}.example-row,.example-row.reverse{gap:30px}.fit-grid,.haccp-faq{gap:40px}.haccp-strip>.wrap{font-size:.75rem;gap:18px}}
@media(max-width:760px){.haccp-hero-grid{grid-template-columns:1fr;gap:42px}.haccp-hero{padding-bottom:45px}.haccp-hero h1{font-size:clamp(3.7rem,14vw,5.5rem)}.haccp-hero .eyebrow{max-width:300px;font-size:.75rem}.back-link{margin-bottom:24px}.haccp-lead{font-size:1.45rem}.haccp-hero-visual{margin-inline:4px}.visual-label{font-size:.75rem}.visual-stamp{font-size:2rem}.haccp-strip>.wrap{width:max-content;justify-content:flex-start;gap:25px;margin-left:20px}.benefit-grid{grid-template-columns:1fr;gap:28px;margin-top:30px}.benefit-grid h3{margin:14px 0 10px}.example-row,.example-row.reverse{grid-template-columns:1fr;gap:25px;padding:32px 0}.example-row.reverse .example-copy{order:0}.example-copy h3{font-size:2rem}.example-shot{border-width:7px}.fit-grid,.haccp-faq{grid-template-columns:1fr;gap:30px}.haccp-faq summary{font-size:1rem}.scope-note{padding:20px}.haccp-cta .eyebrow{max-width:280px}.haccp-cta h2{font-size:2.4rem}}
.haccp-hero-grid>div{min-width:0}
@media(max-width:760px){.haccp-hero-grid{grid-template-columns:minmax(0,1fr)}.visual-bottom{flex-wrap:wrap;gap:15px}.visual-bottom p{text-align:left}.visual-label{flex-wrap:wrap;gap:8px}.haccp-hero-visual{transform:rotate(1deg)}}