1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[773],{5773:function(n){n.exports=JSON.parse('{"css":"/* ============================================================\\n DESIGN TOKENS\\n ============================================================ */\\n:root{\\n --ink: #0A0E17;\\n --ink-2: #111726;\\n --ink-line: #20283A;\\n\\n --paper: #FFFFFF;\\n --paper-2: #F5F6F8;\\n --surface: #FFFFFF;\\n --line: #E6E8EC;\\n\\n --t-strong: #0A0E17;\\n --t-body: #3A4254;\\n --t-muted: #79818F;\\n --t-inverse: #FFFFFF;\\n --t-inverse-2:#A6AEBD;\\n\\n --orange: #FF5A1F;\\n --orange-700: #E8480F;\\n --green: #18A372;\\n --green-soft: #E7F6EF;\\n --red: #E5484D;\\n --red-soft: #FCEDED;\\n\\n --seg-food: #2E3A52;\\n --seg-staff: #4A5876;\\n --seg-energy: #7C88A3;\\n\\n --radius: 16px;\\n --radius-sm: 12px;\\n --shadow: 0 1px 2px rgba(10,14,23,.04), 0 8px 30px rgba(10,14,23,.06);\\n --shadow-lg: 0 20px 60px rgba(10,14,23,.14);\\n\\n --maxw: 640px;\\n --ease: cubic-bezier(.22,.61,.36,1);\\n\\n --f-display: \\"Bricolage Grotesque\\", system-ui, sans-serif;\\n --f-body: \\"Inter\\", system-ui, -apple-system, sans-serif;\\n --f-mono: \\"JetBrains Mono\\", ui-monospace, monospace;\\n}\\n\\n*{box-sizing:border-box;margin:0;padding:0}\\nhtml{-webkit-text-size-adjust:100%}\\nbody{\\n font-family:var(--f-body);\\n color:var(--t-body);\\n background:var(--paper-2);\\n line-height:1.5;\\n -webkit-font-smoothing:antialiased;\\n text-rendering:optimizeLegibility;\\n}\\nimg{max-width:100%}\\nbutton{font-family:inherit;cursor:pointer}\\n:focus-visible{outline:3px solid var(--orange);outline-offset:2px;border-radius:6px}\\n.num{font-variant-numeric:tabular-nums;font-feature-settings:\\"tnum\\" 1}\\n\\n/* ============================================================\\n APP SHELL + SCREEN TRANSITIONS\\n ============================================================ */\\n#app{min-height:100dvh;min-height:100vh}\\n.screen{display:none}\\n.screen.is-active{display:block;animation:screenIn .42s var(--ease) both}\\n#screen-landing.is-active,\\n#screen-details.is-active,\\n#screen-questions.is-active,\\n#screen-loading.is-active,\\n#screen-confirm.is-active{display:flex}\\n@keyframes screenIn{from{opacity:0}to{opacity:1}}\\n\\n.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px;width:100%;display:flex;flex-direction:column}
1\\n/* non-hero wraps can revert */\\n#screen-report .wrap,#screen-form .wrap,#screen-details .wrap{display:block}\\n.q-top .wrap{display:flex;align-items:center;gap:14px}\\n#screen-loading .wrap{display:flex}\\n\\n/* logo wordmark */\\n.logo{display:flex;align-items:center;gap:10px;font-family:var(--f-display);font-weight:800;letter-spacing:-.01em;color:#fff;font-size:19px}\\n.logo .dot{width:11px;height:11px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(255,90,31,.18)}\\n.logo img{height:84px;width:auto;display:block;mix-blend-mode:screen}\\n\\n/* ============================================================\\n 1) LANDING / HOOK (dark)\\n ============================================================ */\\n#screen-landing{\\n background:\\n radial-gradient(1200px 520px at 80% -10%, rgba(255,90,31,.16), transparent 60%),\\n radial-gradient(900px 480px at 0% 110%, rgba(255,90,31,.08), transparent 55%),\\n var(--ink);\\n color:var(--t-inverse);\\n min-height:100dvh;min-height:100vh;\\n flex-direction:column;\\n}\\n.brandbar{padding:22px 0 0}\\n.brandbar .wrap{display:flex;align-items:center}\\n.hero{flex:1;display:flex;flex-direction:column;justify-content:center;padding:48px 0 60px}\\n.eyebrow{\\n display:inline-flex;align-items:center;gap:8px;align-self:flex-start;\\n font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;\\n color:var(--orange);background:rgba(255,90,31,.12);font-weight:400;\\n border:1px solid rgba(255,90,31,.35);border-radius:100px;padding:7px 13px;margin-bottom:24px\\n}\\n.eyebrow .live{width:7px;height:7px;border-radius:50%;background:var(--orange);animation:pulse 1.8s infinite}\\n.eyebrow.eyebrow-green{color:#fff;background:#16A34A;border-color:#15803D;text-shadow:0 1px 2px rgba(0,0,0,.15)}\\n#reportSavings{color:#4ADE80;font-weight:800;}\\n.eyebrow.eyebrow-green .live-green{background:#fff}\\n@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}\\n\\n/* rotating headline â fixed slot so layout never jumps */\\n.hook-rotator{width:100%}\\n/* single visible slot â JS swaps text, not elements */\\n.hook-slot{\\n display:block;width:100%;\\n font-family:var(--f-display);font-weight:800;\\n font-size:clamp(30px,7.4vw,46px);line-height:1.08;letter-spacing:-.025em;color:#fff;\\n transition:opacity .38s ease,transform .38s ease;\\n}\\n.hook-slot.small{font-size:clamp(22px,5.8vw,34px);line-height:1.15;font-weight:700}\\n.hook-slot.fading{opacity:0;transform:translateY(-10px)}\\n.hook-slot .accent{color:var(--orange)}\\n\\n.sub{margin-top:18px;font-size:clamp(16px,4.4vw,19px);color:var(--t-inverse-2);max-width:42ch;line-height:1.55}\\n\\n.cta-primary{\\n appearance:none;border:0;border-radius:14px;\\n background:var(--orange);color:#fff;font-weight:700;\\n font-size:18px;padding:18px 26px;width:100%;max-width:440px;\\n box-shadow:0 12px 34px rgba(255,90,31,.34);\\n transition:transform .15s var(--ease), background .15s, box-shadow .15s;\\n display:inline-flex;align-items:center;justify-content:center;gap:10px;text-align:center;line-height:1.25\\n}\\n.cta-primary:hover{background:var(--orange-700);transform:translateY(-2px)}\\n.cta-primary:active{transform:translateY(0)}\\n.cta-primary svg{transition:transform .2s var(--ease);flex:none}\\n.cta-primary:hover svg{transform:translateX(4px)}\\n.hero .cta-primary{margin-top:32px}\\n.mbg-seal{display:inline-flex;align-items:center;gap:8px;margin-top:14px;background:rgba(22,163,74,0.10);border:1px solid rgba(22,163,74,0.25);border-radius:100px;padding:6px 14px;align-self:flex-start}\\n.mbg-seal span{font-size:12px;color:rgba(255,255,255,0.80);font-family:var(--f-body);line-height:1.4}\\n\\n/* Trust badges */\\n.trust-badges{\\n display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 10px;\\n}\\n.tbadge{\\n display:flex;flex-direction:column;align-items:center;justify-content:center;\\n gap:3px;padding:12px 16px;\\n background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.10);\\n border-radius:14px;text-decoration:none;flex:1;min-width:110px;\\n transition:background .15s,border-color .15s;\\n}\\n.tbadge:hover{background:rgba(255,255,255,0.10);border-color:rgba(255,255,255,0.2);}\\n.tbadge-brand{display:flex;align-items:center;gap:5px;font-weight:700;font-size:13px;color:#fff;font-family:var(--f-display);}\\n.tp-brand{color:#00B67A;}\\n.g-brand{color:#fff;}\\n.tbadge-score{font-family:var(--f-display);font-weight:800;font-size:20px;color:#fff;line-height:1.1;}\\n.tbadge-stars{color:#F5A623;font-size:13px;letter-spacing:1px;}\\n.tbadge-sub{font-size:11px;color:rgba(255,255,255,0.5);text-align:center;line-height:1.3;}\\n.tbadge-partner{gap:6px;}\\n.tbadge-partner-label{font-weight:700;font-size:13px;color:rgba(255,255,255,0.75);font-family:var(--f-display);}\\n\\n.trust{\\n border-top:1px solid var(--ink-line);\\n display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:38px\\n}\\n.trust > div{padding:18px 6px;text-align:center}\\n.trust > div + div{border-left:1px solid var(--ink-line)}\\n.trust .tval{font-family:var(--f-display);font-weight:800;font-size:clamp(17px,4.6vw,21px);color:#fff;letter-spacing:-.02em}\\n.trust .tlab{font-size:11px;color:var(--t-inverse-2);margin-top:4px;line-height:1.35}
1\\n\\n/* ============================================================\\n 2) DETAILS (light) â all fields, one screen\\n ============================================================ */\\n#screen-details{min-height:100dvh;min-height:100vh;background:var(--paper-2);flex-direction:column}\\n.d-stage{flex:1;display:flex;flex-direction:column;justify-content:center;padding:34px 0}\\n.d-kicker{font-family:var(--f-mono);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--orange);margin-bottom:12px}\\n.d-title{font-family:var(--f-display);font-weight:700;letter-spacing:-.02em;color:var(--t-strong);font-size:clamp(26px,6.6vw,34px);line-height:1.1}\\n.d-help{margin-top:10px;font-size:15px;color:var(--t-muted);max-width:42ch}\\n.field{margin-top:18px}\\n.field > label{display:block;font-weight:600;color:var(--t-strong);font-size:14.5px;margin-bottom:8px}\\n.field input[type=text],.field input[type=email],.field input[type=tel]{\\n width:100%;border:1.5px solid var(--line);border-radius:12px;background:#fff;\\n padding:15px 16px;font-size:16px;font-family:inherit;color:var(--t-strong);transition:border-color .15s,box-shadow .15s\\n}\\n.field input:focus{outline:0;border-color:var(--orange);box-shadow:0 0 0 4px rgba(255,90,31,.12)}\\n.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}\\n@media (max-width:440px){.two-col{grid-template-columns:1fr}}\\n.d-err{color:var(--red);font-size:13.5px;margin-top:14px;display:none}\\n.d-err.show{display:block}\\n#screen-details .cta-primary{max-width:100%;margin-top:24px}\\n.d-foot{text-align:center;font-size:12.5px;color:var(--t-muted);margin-top:14px}\\n\\n/* ============================================================\\n 3) QUESTION FLOW (light)\\n ============================================================ */\\n#screen-questions{min-height:100dvh;min-height:100vh;background:var(--paper-2);flex-direction:column}\\n.q-top{position:sticky;top:0;background:var(--paper-2);padding:14px 0 12px;z-index:5}\\n.q-biz{font-family:var(--f-display);font-weight:700;color:var(--t-strong);font-size:14px;text-align:center;margin-bottom:11px;letter-spacing:-.01em}\\n.q-biz span{color:var(--t-muted);font-weight:500;font-family:var(--f-body);font-size:12.5px}\\n.q-top .row2{display:flex;align-items:center;gap:14px}\\n.q-back{\\n appearance:none;background:var(--surface);border:1px solid var(--line);\\n height:42px;border-radius:11px;display:inline-flex;align-items:center;gap:5px;\\n padding:0 14px;color:var(--t-body);font-size:14px;font-weight:600;font-family:var(--f-display);\\n transition:opacity .2s, transform .1s;flex:none;white-space:nowrap\\n}\\n.q-back:hover{transform:translateX(-2px)}\\n.q-back[disabled]{opacity:.35;pointer-events:none}\\n.progress{flex:1;height:8px;background:#E3E6EB;border-radius:100px;overflow:hidden}\\n.progress > i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--orange),#ff7d4d);border-radius:100px;transition:width .45s var(--ease)}\\n.q-count{font-family:var(--f-mono);font-size:12px;color:var(--t-muted);flex:none;min-width:34px;text-align:right}\\n\\n.q-stage{flex:1;display:flex;flex-direction:column;justify-content:center;padding:16px 0 22px}\\n#questionCard{transition:opacity .24s var(--ease), transform .24s var(--ease)}\\n#questionCard.out-left{opacity:0;transform:translateX(-26px)}\\n#questionCard.out-right{opacity:0;transform:translateX(26px)}\\n#questionCard.in-right{opacity:0;transform:translateX(26px)}\\n#questionCard.in-left{opacity:0;transform:translateX(-26px)}\\n\\n.q-kicker{font-family:var(--f-mono);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--orange);margin-bottom:14px}\\n.q-title{font-family:var(--f-display);font-weight:700;letter-spacing:-.02em;color:var(--t-strong);font-size:clamp(25px,6.6vw,34px);line-height:1.12}\\n.q-help{margin-top:10px;font-size:15px;color:var(--t-muted)}\\n\\n.options{margin-top:26px;display:flex;flex-direction:column;gap:12px}\\n.opt{\\n appearance:none;text-align:left;width:100%;\\n background:var(--surface);border:1.5px solid var(--line);border-radius:14px;\\n padding:18px 18px;font-size:17px;font-weight:600;color:var(--t-strong);\\n display:flex;align-items:center;gap:14px;\\n transition:border-color .15s, background .15s, transform .08s\\n}\\n.opt:hover{border-color:#C9CCD3}\\n.opt:active{transform:scale(.99)}
1\\n.opt .tick{\\n width:26px;height:26px;border-radius:8px;border:2px solid #CDD1D9;flex:none;\\n display:grid;place-items:center;color:#fff;transition:all .15s\\n}\\n.opt.round .tick{border-radius:50%}\\n.opt.sel{border-color:var(--orange);background:#FFF6F2}\\n.opt.sel .tick{background:var(--orange);border-color:var(--orange)}\\n.opt .tick svg{opacity:0;transform:scale(.6);transition:.15s}\\n.opt.sel .tick svg{opacity:1;transform:scale(1)}\\n\\n.calc{margin-top:24px}\\n.calc-field{\\n display:flex;align-items:center;gap:6px;background:var(--surface);\\n border:1.5px solid var(--line);border-radius:16px;padding:14px 20px;\\n transition:border-color .15s, box-shadow .15s\\n}\\n.calc-field:focus-within{border-color:var(--orange);box-shadow:0 0 0 4px rgba(255,90,31,.12)}\\n.calc-field .gbp{font-family:var(--f-display);font-weight:700;font-size:34px;color:var(--t-muted)}\\n.calc-field input{\\n border:0;outline:0;background:transparent;width:100%;\\n font-family:var(--f-display);font-weight:700;font-size:clamp(34px,11vw,48px);\\n letter-spacing:-.02em;color:var(--t-strong);font-variant-numeric:tabular-nums\\n}\\n.calc-field input::placeholder{color:#CBD0D8}\\n.calc-suffix{font-size:14px;color:var(--t-muted);white-space:nowrap;font-weight:500}\\n.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}\\n.chip{\\n appearance:none;border:1px solid var(--line);background:var(--surface);\\n border-radius:100px;padding:9px 15px;font-size:14px;font-weight:600;color:var(--t-body);transition:.12s\\n}\\n.chip:hover{border-color:var(--orange);color:var(--orange)}\\n\\n/* free-text question input */\\n.q-text{margin-top:24px}\\n.q-text input{\\n width:100%;border:1.5px solid var(--line);border-radius:14px;background:var(--surface);\\n padding:17px 18px;font-size:17px;font-family:inherit;color:var(--t-strong);font-weight:600;transition:border-color .15s,box-shadow .15s\\n}\\n.q-text input:focus{outline:0;border-color:var(--orange);box-shadow:0 0 0 4px rgba(255,90,31,.12)}\\n\\n.q-foot{padding:14px 0 26px;background:linear-gradient(transparent,var(--paper-2) 40%);position:sticky;bottom:0}\\n.q-next{\\n appearance:none;border:0;border-radius:14px;background:var(--orange);color:#fff;\\n font-weight:700;font-size:17px;padding:17px;width:100%;\\n display:flex;align-items:center;justify-content:center;gap:9px;\\n transition:transform .12s, opacity .2s, background .15s\\n}\\n.q-next:hover{background:var(--orange-700)}\\n.q-next[disabled]{opacity:.4;pointer-events:none;background:#C9CCD3}\\n.q-multi-hint{text-align:center;font-size:13px;color:var(--t-muted);margin-top:11px}\\n\\n/* ============================================================\\n 4) LOADING (dark)\\n ============================================================ */\\n#screen-loading{\\n min-height:100dvh;min-height:100vh;background:var(--ink);color:#fff;\\n align-items:center;justify-content:center;text-align:center;padding:30px\\n}\\n.load-inner{max-width:440px;width:100%}\\n.ring{width:128px;height:128px;margin:0 auto 30px;position:relative}\\n.ring svg{transform:rotate(-90deg)}\\n.ring .bg{stroke:#1B2336}\\n.ring .fg{stroke:url(#og);stroke-linecap:round;transition:stroke-dashoffset .25s linear}\\n.ring .pct{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--f-display);font-weight:800;font-size:30px;color:#fff;font-variant-numeric:tabular-nums}\\n.load-biz{font-family:var(--f-display);font-weight:800;color:var(--orange);font-size:16px;margin-bottom:8px;letter-spacing:-.01em}\\n.load-msg{font-family:var(--f-mono);font-size:15px;color:#fff;min-height:24px;letter-spacing:.01em}\\n.load-msg .caret{color:var(--orange);animation:blink 1s steps(1) infinite}\\n@keyframes blink{50%{opacity:0}}\\n.load-sub{margin-top:14px;font-size:13.5px;color:var(--t-inverse-2)}\\n.load-log{margin-top:28px;text-align:left;font-family:var(--f-mono);font-size:12.5px;color:#6B7488;line-height:2}\\n.load-log .done{color:var(--green)}\\n.load-log .done::before{content:\\"\\\\2713 \\";color:var(--green)}\\n\\n/* ============================================================\\n 5) REPORT (light)\\n ============================================================ */\\n#screen-report{background:var(--paper-2);min-height:100dvh;min-height:100vh;padding-bottom:50px}\\n\\n\\n/* ââ Lock overlay ââ */\\n.report-lock-wrap{position:relative}\\n#reportBody{transition:filter .4s}\\n.report-lock-wrap.locked #reportBody{filter:blur(12px);pointer-events:none;user-select:none}\\n.report-lock-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;pointer-events:none;background:rgba(243,244,246,0.15)}\\n.report-lock-overlay.hidden{display:none}\\n.lock-content{max-width:500px;width:100%;text-align:center;padding:28px 28px 28px;background:#fff;border-radius:20px;box-shadow:0 8px 48px rgba(0,0,0,0.18);pointer-events:all;max-height:90vh;overflow-y:auto}\\n.lock-progress-wrap{margin-bottom:12px}\\n.lock-progress-label{font-size:13px;color:var(--t-strong);margin-bottom:8px;font-weight:700;letter-spacing:.02em}\\n.lock-progress-bar{height:22px;background:#2a2a2a;border-radius:100px;overflow:hidden;border:1px solid rgba(255,255,255,0.08)}\\n.lock-progress-fill{\\n height:100%;width:0%;border-radius:100px;\\n background:repeating-linear-gradient(\\n -45deg,\\n #FF5A1F 0px,\\n #FF5A1F 16px,\\n #e04d18 16
1px,\\n #e04d18 32px\\n );\\n background-size:40px 100%;\\n animation:fillBar .9s ease-out forwards, moveStripes 0.6s linear infinite;\\n position:relative;\\n}\\n@keyframes fillBar{from{width:0}to{width:90%}}\\n@keyframes moveStripes{from{background-position:0 0}to{background-position:40px 0}}\\n.lock-icon{font-size:24px;margin-bottom:6px}\\n.lock-title{font-family:var(--f-display);font-weight:800;font-size:clamp(17px,4vw,22px);color:var(--t-strong);letter-spacing:-.02em;margin-bottom:6px}\\n.lock-sub{font-size:13.5px;color:var(--t-body);max-width:42ch;margin:0 auto 14px;line-height:1.5}\\n.lock-bullets{text-align:left;display:flex;flex-direction:column;gap:6px;max-width:420px;margin:0 auto 16px}\\n.lock-bullet{font-size:13px;color:var(--t-body);display:flex;align-items:flex-start;gap:7px}\\n.lck{color:#16A34A;font-weight:700;flex:none;margin-top:1px}\\n.lock-price-row{display:flex;align-items:baseline;justify-content:center;gap:10px;margin-bottom:4px}\\n.lock-price{font-family:var(--f-display);font-weight:800;font-size:38px;color:var(--t-strong);letter-spacing:-.03em}\\n.lock-was{font-size:14px;color:var(--t-muted);text-decoration:line-through}\\n.lock-payment-note{font-size:12px;color:var(--t-muted);margin-bottom:14px}\\n.lock-footer-trust{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:12px;font-size:12px;color:var(--t-muted)}\\n.lock-footer-note{color:var(--t-muted)}\\n.lock-footer-sep{color:var(--line)}\\n.lock-footer-mbg{display:flex;align-items:center;gap:4px;color:var(--t-body)}\\n.lock-footer-mbg strong{color:#15803D}\\n.lock-cta{display:inline-flex;align-items:center;gap:10px;background:var(--orange);color:#fff;border:none;border-radius:14px;padding:16px 28px;font-family:var(--f-display);font-weight:700;font-size:17px;cursor:pointer;transition:.15s;width:100%;justify-content:center;max-width:420px}\\n.lock-cta:hover{background:var(--orange-700);transform:translateY(-1px)}\\n.lock-guarantee{font-size:12px;color:var(--t-muted);margin-top:12px;display:flex;align-items:center;justify-content:center;gap:5px}\\n\\n/* ââ Payment Modal ââ */\\n.pay-modal-bg{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.55);z-index:100;align-items:center;justify-content:center;padding:16px}\\n.pay-modal-bg.open{display:flex}\\n.pay-modal{background:#fff;border-radius:20px;padding:32px 28px;max-width:420px;width:100%;position:relative;text-align:center}\\n.pay-modal-close{position:absolute;top:14px;right:16px;background:none;border:none;font-size:22px;color:var(--t-muted);cursor:pointer;line-height:1}\\n.pay-modal-badge{display:inline-block;background:#F0FAF4;color:#1A8C4E;border:1px solid #B8DFC7;border-radius:100px;font-size:12px;font-weight:600;padding:5px 12px;margin-bottom:16px}\\n.pay-modal-title{font-family:var(--f-display);font-weight:800;font-size:22px;color:var(--t-strong);letter-spacing:-.02em;margin-bottom:8px}\\n.pay-modal-sub{font-size:14px;color:var(--t-muted);margin-bottom:18px}\\n.pay-price-row{display:flex;align-items:baseline;justify-content:center;gap:10px;margin-bottom:18px}\\n.pay-price{font-family:var(--f-display);font-weight:800;font-size:42px;color:var(--t-strong);letter-spacing:-.03em}\\n.pay-was{font-size:14px;color:var(--t-muted);text-decoration:line-through}\\n.pay-includes{text-align:left;list-style:none;padding:0;margin:0 0 22px;display:flex;flex-direction:column;gap:8px}\\n.pay-includes li{font-size:14px;color:var(--t-body);display:flex;align-items:flex-start;gap:8px}\\n.pay-stripe-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:#635BFF;color:#fff;border:none;border-radius:12px;padding:16px;font-size:16px;font-weight:700;cursor:pointer;transition:.15s;font-family:var(--f-display);margin-bottom:10px}\\n.pay-stripe-btn:hover{background:#4F46E5;transform:translateY(-1px)}\\n.pay-secure-note{font-size:12px;color:var(--t-muted)}\\n.r-head{background:var(--ink);color:#fff;padding:38px 0 32px;text-align:center}\\n.r-head .eyebrow{margin:0 auto 16px;align-self:center}\\n.r-head h2{font-family:var(--f-display);font-weight:800;font-size:clamp(25px,6.6vw,34px);letter-spacing:-.02em;line-height:1.1}\\n.r-head p{color:var(--t-inverse-2);margin-top:10px;font-size:15px}\\n\\n.r-section{margin-top:30px}\\n.r-label{display:flex;align-items:center;gap:11px;margin-bottom:15px}\\n.r-label .ix{font-family:var(--f-mono);font-size:12px;color:#fff;background:var(--ink);width:24px;height:24px;border-radius:7px;
1display:grid;place-items:center;flex:none}\\n.r-label h3{font-family:var(--f-display);font-weight:700;font-size:18px;color:var(--t-strong);letter-spacing:-.01em;line-height:1.2}\\n\\n.stat-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}\\n.stat{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 14px;text-align:center}\\n.stat .k{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--t-muted);font-weight:600;line-height:1.3}\\n.stat .v{font-family:var(--f-display);font-weight:800;font-size:clamp(18px,5vw,24px);color:var(--t-strong);margin-top:7px;letter-spacing:-.02em}\\n/* per-box soft colours */\\n.stat:nth-child(1){background:#EEF5FB;border-color:#C9DDEF}\\n.stat:nth-child(1) .k{color:#5B8DB8}\\n.stat:nth-child(1) .v{color:#1A4D7A}\\n.stat:nth-child(2){background:#F0FAF4;border-color:#B8DFC7}\\n.stat:nth-child(2) .k{color:#3D8C5E}\\n.stat:nth-child(2) .v{color:#1B5E38}\\n.stat.lead{background:#FFF4EC;border-color:#F5C9A0}\\n.stat.lead .k{color:#B36020}\\n.stat.lead .v{color:#7A3A08}\\n\\n.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}\\n.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0}\\n.row + .row{border-top:1px solid var(--line)}\\n.row .lhs{display:flex;align-items:center;gap:12px;min-width:0}\\n.row .plogo{width:34px;height:34px;border-radius:9px;flex:none;display:grid;place-items:center;font-weight:800;font-size:13px;color:#fff;font-family:var(--f-display)}\\n.row .pname{font-weight:600;color:var(--t-strong);font-size:15px}\\n.row .prate{font-size:12.5px;color:var(--t-muted)}\\n.row .amt{font-family:var(--f-display);font-weight:800;color:var(--red);font-size:18px;letter-spacing:-.01em;white-space:nowrap}\\n\\n.bignum{margin-top:18px;background:#C0152A;border:1px solid #A01020;border-radius:14px;padding:22px;text-align:center}\\n.bignum .k{font-size:13px;font-weight:600;color:#FCD34D;text-transform:uppercase;letter-spacing:.05em}\\n.bignum .v{font-family:var(--f-display);font-weight:800;color:#fff;font-size:clamp(40px,12vw,60px);line-height:1;letter-spacing:-.03em;margin:8px 0 4px}\\n.bignum .per{font-size:13.5px;color:rgba(255,255,255,0.70)}\\n\\n/* bigger picture */\\n.bp-lead{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;text-align:center;margin-bottom:14px}\\n.bp-lead .k{font-size:12.5px;color:var(--t-muted);font-weight:600}\\n.bp-lead .v{font-family:var(--f-display);font-weight:800;font-size:clamp(30px,9vw,44px);color:var(--t-strong);letter-spacing:-.03em;line-height:1;margin-top:6px}\\n.bp-lead .sfx{font-size:13px;color:var(--t-muted);margin-top:6px}\\n\\n.breakdown-base{font-size:13px;color:var(--t-muted);margin-bottom:14px}\\n.bar{height:64px;border-radius:13px;overflow:hidden;display:flex;background:#EAEDF1;box-shadow:inset 0 0 0 1px rgba(0,0,0,.03)}\\n.seg{height:100%;width:0;transition:width 1s var(--ease);position:relative;min-width:0}\\n.seg .seg-pct{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-family:var(--f-display);font-weight:800;font-size:13px;text-shadow:0 1px 2px rgba(0,0,0,.18)}\\n.legend{margin-top:18px;display:flex;flex-direction:column;gap:2px}\\n.legend .li{display:flex;align-items:center;gap:11px;padding:11px 0}\\n.legend .li + .li{border-top:1px solid var(--line)}\\n.legend .sw{width:14px;height:14px;border-radius:4px;flex:none}\\n.legend .nm{font-weight:600;color:var(--t-strong);font-size:14.5px;flex:1}\\n.legend .pc{font-family:var(--f-display);font-weight:800;color:var(--t-strong);font-variant-numeric:tabular-nums;font-size:15px;min-width:46px;text-align:right}\\n.legend .mo{font-size:12px;color:var(--t-muted);min-width:92px;text-align:right;font-variant-numeric:tabular-nums}\\n\\n.margin-box{margin-top:18px;border-radius:14px;padding:22px;text-align:center}\\n.margin-box.good{background:#16A34A;border:1px solid #15803D}\\n.margin-box.mid{background:#D97706;border:1px solid #B45309}\\n.margin-box.bad{background:#C0152A;border:1px solid #A01020}\\n.margin-box .k{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;
1color:rgba(255,255,255,0.80)}\\n.margin-box .v{font-family:var(--f-display);font-weight:800;font-size:clamp(38px,11vw,54px);line-height:1;margin:8px 0;letter-spacing:-.03em;color:#fff}\\n.margin-box .note{font-size:13.5px;color:rgba(255,255,255,0.80);max-width:46ch;margin:8px auto 0;line-height:1.5}\\n\\n/* soft reflection */\\n.reflect{margin-top:24px;text-align:center;padding:24px 14px}\\n.reflect h3{font-family:var(--f-display);font-weight:800;font-size:clamp(22px,6vw,30px);letter-spacing:-.02em;color:var(--t-strong);line-height:1.15;max-width:18ch;margin:0 auto}\\n.reflect p{margin-top:14px;font-size:15px;color:var(--t-muted);max-width:40ch;margin-inline:auto;line-height:1.55}\\n\\n/* provider multi-select chips */\\n.provider-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}\\n.pchip{appearance:none;border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:12px 18px;font-size:15px;font-weight:600;color:var(--t-strong);cursor:pointer;transition:.12s;font-family:var(--f-display);text-align:left}\\n.pchip:hover{border-color:#C9CCD3;background:#fafafa}\\n.pchip.sel{border-color:var(--orange);background:#FFF6F2;color:var(--orange-700)}\\n.provider-other{margin-top:14px}\\n.provider-other input{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:14px 16px;font-size:15px;font-family:var(--f-body);color:var(--t-strong);outline:none;transition:.12s;box-sizing:border-box}\\n.provider-other input:focus{border-color:var(--orange)}\\n.hidden{display:none!important}\\n\\n\\n/* insight block */\\n.insight-block{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 20px}\\n.insight-q{font-family:var(--f-display);font-weight:800;font-size:clamp(22px,5vw,28px);color:var(--t-strong);margin-bottom:16px;letter-spacing:-.02em;line-height:1.15;text-align:center}\\n.insight-block p{font-size:15px;color:var(--t-body);line-height:1.6;margin-top:8px}\\n.insight-block strong{color:var(--t-strong)}\\n.insight-highlight{margin-top:16px;background:#FF5A1F;border-radius:10px;padding:14px 16px;font-size:16px;color:#fff;line-height:1.5;text-align:center;font-weight:600}\\n.insight-highlight strong{color:#fff;font-weight:800}\\n\\n/* website / provider */\\n.callout{margin-top:6px;border-radius:14px;padding:20px;border:1px solid #FBE3CB;background:#FFF8F1}\\n.callout .ttl{font-weight:700;color:var(--t-strong);font-size:15px;margin-bottom:9px;display:flex;align-items:center;gap:8px}\\n.callout p{font-size:15px;color:var(--t-body);line-height:1.6}\\n.callout b{color:var(--t-strong)}\\n.callout .net{font-family:var(--f-display);font-weight:800;letter-spacing:-.01em}\\n.callout .q{margin-top:14px;font-weight:700;color:var(--t-strong);font-size:15.5px;line-height:1.7}\\n.q-highlight{background:#D97706;color:#fff;padding:6px 20px;border-radius:8px;display:inline-block;margin-top:12px;text-align:center;font-weight:700;width:auto}\\n\\n/* pivot */\\n.pivot{margin-top:10px;text-align:center;padding:24px 10px}\\n.pivot h2{font-family:var(--f-display);font-weight:800;font-size:clamp(28px,8vw,42px);letter-spacing:-.025em;color:var(--t-strong);line-height:1.08;max-width:16ch;margin:0 auto}\\n.pivot h2 .accent{color:var(--orange)}\\n.pivot p{margin-top:18px;font-size:16px;color:var(--t-muted);max-width:40ch;margin-inline:auto}\\n\\n/* offer */\\n.offer{background:var(--ink);color:#fff;border-radius:22px;padding:32px 24px;margin-top:18px;text-align:center;position:relative;overflow:hidden}\\n.offer::before{content:\\"\\";position:absolute;inset:0;background:radial-gradient(600px 300px at 50% -20%,rgba(255,90,31,.22),transparent 60%);pointer-events:none}\\n.offer .vbadge{position:relative;display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:#16A34A;border:1px solid #15803D;border-radius:100px;padding:7px 14px;margin-bottom:14px}\\n.offer h2{font-family:var(--f-display);font-weight:800;font-size:clamp(24px,6.6vw,32px);letter-spacing:-.02em;margin:0 0 6px;line-height:1.12;position:relative}\\n.offer .lede{position:relative;font-size:15px;color:#E8EBF1;max-width:42ch;margin:0 auto 4px;line-height:1.55}\\n.offer .ul{list-style:none;text-align:left;max-width:400px;margin:22px auto;display:flex;flex-direction:column;gap:13px;position:relative}\\n.offer .ul li{display:flex;gap:12px;font-size:15px;color:#E8EBF1;line-height:1.45}\\n.offer .ul .ck{flex:none;width:24px;height:24px;border-radius:50%;background:rgba(24,163,114,.16);display:grid;place-items:center;color:var(--green)}\\n.offer .risk{font-size:13.5px;color:var(--t-inverse-2);max-width:44ch;margin:0 auto 22px;line-height:1.55;position:relative}
1\\n.offer .cta-primary{max-width:100%;position:relative}\\n\\n/* ============================================================\\n 6) APPLICATION FORM (light)\\n ============================================================ */\\n#screen-form{background:var(--paper-2);min-height:100dvh;min-height:100vh;padding:34px 0 60px}\\n.form-head{text-align:center;margin-bottom:8px}\\n.form-head h2{font-family:var(--f-display);font-weight:800;font-size:clamp(24px,6.4vw,33px);letter-spacing:-.02em;color:var(--t-strong);line-height:1.12}\\n.form-head p{color:var(--t-muted);margin-top:10px;font-size:15px;max-width:42ch;margin-inline:auto}\\n\\n.carry{margin:24px 0;background:#fff;border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:12px;padding:15px 17px;display:flex;gap:12px;align-items:flex-start}\\n.carry .ic{flex:none;color:var(--orange);margin-top:1px}\\n.carry p{font-size:14px;color:var(--t-body);line-height:1.5}\\n.carry b{color:var(--t-strong)}\\n\\n.binary{display:grid;grid-template-columns:1fr 1fr;gap:10px}\\n.bbtn{appearance:none;border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:15px 12px;font-size:15px;font-weight:600;color:var(--t-strong);text-align:center;transition:.12s;line-height:1.3}\\n.bbtn:hover{border-color:#C9CCD3}\\n.bbtn.sel{border-color:var(--orange);background:#FFF6F2;color:var(--orange-700)}\\n\\n/* call-time booking */\\n.slot-day{font-weight:700;color:var(--t-strong);font-size:14.5px;margin:2px 0 12px;display:flex;align-items:center;gap:8px}\\n.slot-day .cal{color:var(--orange)}\\n.slots{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}\\n@media (max-width:440px){.slots{grid-template-columns:repeat(3,1fr)}}\\n.slot{appearance:none;border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:13px 6px;font-size:15px;font-weight:700;color:var(--t-strong);font-variant-numeric:tabular-nums;transition:.12s;font-family:var(--f-display)}\\n.slot:hover{border-color:#C9CCD3}\\n.slot.sel{border-color:var(--orange);background:#FFF6F2;color:var(--orange-700)}\\n\\n.disclaim{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}\\n.disclaim .ttl{font-weight:700;color:var(--t-strong);font-size:14px;margin-bottom:8px;display:flex;align-items:center;gap:8px}\\n.disclaim ul{list-style:none;display:flex;flex-direction:column;gap:9px}\\n.disclaim li{display:flex;gap:10px;font-size:14px;color:var(--t-body);line-height:1.5}\\n.disclaim li .ck{flex:none;color:var(--green);margin-top:2px}\\n\\n.form-err{color:var(--red);font-size:13.5px;margin-top:14px;display:none}\\n.form-err.show{display:block}\\n#screen-form .cta-primary{max-width:100%;margin-top:26px}\\n.form-foot{text-align:center;font-size:12.5px;color:var(--t-muted);margin-top:16px;line-height:1.5}\\n\\n/* confirmation */\\n#screen-confirm{min-height:100dvh;min-height:100vh;background:var(--ink);color:#fff;align-items:center;justify-content:center;text-align:center;padding:30px}\\n.confirm-inner{max-width:440px}\\n.confirm-tick{width:84px;height:84px;border-radius:50%;background:rgba(24,163,114,.16);display:grid;place-items:center;margin:0 auto 26px;color:var(--green);animation:pop .5s var(--ease) both}\\n@keyframes pop{from{transform:scale(.4);opacity:0}
1to{transform:scale(1);opacity:1}}\\n.confirm-inner h2{font-family:var(--f-display);font-weight:800;font-size:clamp(26px,7vw,34px);letter-spacing:-.02em}\\n.confirm-inner p{color:var(--t-inverse-2);margin-top:14px;font-size:16px;line-height:1.6}\\n.confirm-inner .summary{margin-top:24px;background:var(--ink-2);border:1px solid var(--ink-line);border-radius:14px;padding:18px;text-align:left;font-size:14px}\\n.confirm-inner .summary div{display:flex;justify-content:space-between;gap:14px;padding:7px 0;color:var(--t-inverse-2)}\\n.confirm-inner .summary b{color:#fff;font-variant-numeric:tabular-nums;text-align:right}\\n\\n@media (max-width:380px){\\n .stat-grid{grid-template-columns:1fr 1fr 1fr;gap:7px}\\n .stat{padding:13px 8px}\\n .legend .mo{display:none}\\n}\\n@media (prefers-reduced-motion:reduce){\\n *{animation-duration:.001ms !important;transition-duration:.001ms !important}\\n}","html":"<div id=\\"app\\">\\n\\n<!-- ========================================================== -->\\n<!-- 1) LANDING / HOOK -->\\n<!-- ========================================================== -->\\n<section id=\\"screen-landing\\" class=\\"screen is-active\\">\\n <div class=\\"brandbar\\"><div class=\\"wrap\\">\\n <div class=\\"logo\\" id=\\"logoMark\\"><span class=\\"dot\\"></span>ORDERE</div>\\n </div></div>\\n <p style=\\"text-align:center; color:var(--t-inverse); font-size:22px; font-weight:700; line-height:1.4; letter-spacing:-0.01em; margin-top:24px; padding:0 22px; max-width:760px; margin-left:auto; margin-right:auto;\\">70% of UK restaurant & takeaway owners donât know if theyâre actually profitable. Are you?</p>\\n <div class=\\"hero\\"><div class=\\"wrap\\">\\n <span class=\\"eyebrow\\"><span class=\\"live\\"></span>60-Second Profit Audit Report</span>\\n\\n <!-- rotating headline: single slot, JS cycles content -->\\n <div class=\\"hook-rotator\\" id=\\"hookRotator\\">\\n <div class=\\"hook-slot\\" id=\\"hookSlot\\">Are You Actually <span class=\\"accent\\">Profitable</span> — Or Just Busy?</div>\\n </div>\\n\\n <p class=\\"sub\\">See exactly where your money really goes — commission, food cost, staff, rent — in under 60 seconds.</p>\\n\\n <!-- >>> CTA WORDING: placeholder until you confirm your line -->\\n <button class=\\"cta-primary\\" id=\\"startBtn\\">\\n Let\'s See My Report in 60 Seconds\\n <svg width=\\"20\\" height=\\"20\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\"><path d=\\"M5 12h14M13 6l6 6-6 6\\" stroke=\\"currentColor\\" stroke-width=\\"2.2\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\"/></svg>\\n </button>\\n\\n <!-- Money Back Guarantee seal -->\\n <div class=\\"mbg-seal\\">\\n <svg width=\\"18\\" height=\\"18\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M12 2L3 7v5c0 5.25 3.75 10.15 9 11.35C17.25 22.15 21 17.25 21 12V7L12 2z\\" fill=\\"#16A34A\\" opacity=\\"0.15\\"/><path d=\\"M12 2L3 7v5c0 5.25 3.75 10.15 9 11.35C17.25 22.15 21 17.25 21 12V7L12 2z\\" stroke=\\"#16A34A\\" stroke-width=\\"1.5\\" stroke-linejoin=\\"round\\"/><path d=\\"M8.5 12l2.5 2.5 4.5-4.5\\" stroke=\\"#16A34A\\" stroke-width=\\"1.8\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\"/></svg>\\n <span>30-Day Money Back Guarantee — not worth \xa3500 to your business? You don’t pay.</span>\\n </div>\\n\\n <!-- Trust badges -->\\n <div class=\\"trust-badges\\">\\n <!-- Trustpilot -->\\n <a href=\\"https://uk.trustpilot.com/review/ordere.co.uk\\" target=\\"_blank\\" rel=\\"noopener\\" class=\\"tbadge\\">\\n <span class=\\"tbadge-brand tp-brand\\">\\n <svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M12 2l2.9 8.9H24l-7.5 5.4 2.9 8.9L12 20.7l-7.4 4.5 2.9-8.9L0 10.9h9.1L12 2z\\" fill=\\"#00B67A\\"/></svg>\\n Trustpilot\\n </span>\\n <span class=\\"tbadge-score\\">4.8 / 5</span>\\n <span class=\\"tbadge-stars\\">â
â
â
â
â
</span>
1\\n <span class=\\"tbadge-sub\\">Based on 471 verified reviews</span>\\n </a>\\n <!-- Google Reviews -->\\n <a href=\\"https://share.google/h2hhBiAMuJmJ0Bphi\\" target=\\"_blank\\" rel=\\"noopener\\" class=\\"tbadge\\">\\n <span class=\\"tbadge-brand g-brand\\">\\n <svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 24 24\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\\" fill=\\"#4285F4\\"/><path d=\\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\\" fill=\\"#34A853\\"/><path d=\\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l3.66-2.84z\\" fill=\\"#FBBC05\\"/><path d=\\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\\" fill=\\"#EA4335\\"/></svg>\\n Google\\n </span>\\n <span class=\\"tbadge-score\\">4.7 / 5</span>\\n <span class=\\"tbadge-stars\\">â
â
â
â
â
</span>\\n <span class=\\"tbadge-sub\\">Based on 350+ verified reviews</span>\\n </a>\\n <!-- Google Partner -->\\n <a href=\\"https://www.google.com/partners/agency?id=ordere\\" target=\\"_blank\\" rel=\\"noopener\\" class=\\"tbadge tbadge-partner\\">\\n <svg width=\\"28\\" height=\\"28\\" viewBox=\\"0 0 24 24\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\\" fill=\\"#4285F4\\"/><path d=\\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\\" fill=\\"#34A853\\"/><path d=\\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l3.66-2.84z\\" fill=\\"#FBBC0
15\\"/><path d=\\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\\" fill=\\"#EA4335\\"/></svg>\\n <span class=\\"tbadge-partner-label\\">Google Partner</span>\\n </a>\\n </div>\\n\\n <div class=\\"trust\\">\\n <div><div class=\\"tval\\">700+</div><div class=\\"tlab\\">UK restaurants helped</div></div>\\n <div><div class=\\"tval\\">\xa315.7M+</div><div class=\\"tlab\\">generated for clients in 2025 alone</div></div>\\n <div><div class=\\"tval\\">\xa34.71M+</div><div class=\\"tlab\\">saved in commission in 2025 alone</div></div>\\n </div>\\n </div></div>\\n</section>\\n\\n<!-- ========================================================== -->\\n<!-- 2) DETAILS -->\\n<!-- ========================================================== -->\\n<section id=\\"screen-details\\" class=\\"screen\\">\\n <div class=\\"d-stage\\"><div class=\\"wrap\\">\\n <div class=\\"d-kicker\\">First, the basics</div>\\n <div class=\\"d-title\\">Let’s set up your Profit Audit Profile</div>\\n <div class=\\"d-help\\">A few quick details so your report comes back made for your business — not a generic template.</div>\\n\\n <div class=\\"field\\"><label for=\\"fBiz\\">Business name</label><input type=\\"text\\" id=\\"fBiz\\" autocomplete=\\"organization\\" placeholder=\\"e.g. Spice Garden\\"></div>\\n <div class=\\"field\\"><label for=\\"fPost\\">Business postcode</label><input type=\\"text\\" id=\\"fPost\\" autocomplete=\\"postal-code\\" placeholder=\\"e.g. M14 5TP\\"></div>\\n <div class=\\"two-col\\">\\n <div class=\\"field\\"><label for=\\"fName\\">Your name</label><input type=\\"text\\" id=\\"fName\\" autocomplete=\\"name\\" placeholder=\\"Full name\\"></div>\\n <div class=\\"field\\"><label for=\\"fPhone\\">Phone number <span style=\\"font-weight:400;color:var(--t-muted);font-size:13px\\">(UK only)</span></label><input type=\\"tel\\" id=\\"fPhone\\" autocomplete=\\"tel\\" placeholder=\\"e.g. 07700 900000\\" inputmode=\\"tel\\"><div class=\\"phone-warn\\" id=\\"phoneWarn\\" style=\\"display:none;color:var(--red);font-size:13px;margin-top:7px\\">Please enter a valid UK number (e.g. 07700 900000 or +44 7700 900000).</div></div>\\n <div class=\\"field\\" style=\\"grid-column: 1 / -1;\\"><label for=\\"fEmailFirst\\">Email address</label><input type=\\"email\\" id=\\"fEmailFirst\\" autocomplete=\\"email\\" placeholder=\\"e.g. [email protected]\\"></div>\\n </div>\\n\\n <div class=\\"d-err\\" id=\\"detailsErr\\">Please fill in all fields so we can build your report.</div>\\n\\n <button class=\\"cta-primary\\" id=\\"detailsNext\\">\\n Start my Profit Audit\\n <svg width=\\"20\\" height=\\"20\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\"><path d=\\"M5 12h14M13 6l6 6-6 6\\" stroke=\\"currentColor\\" stroke-width=\\"2.2\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\"/></svg>\\n </button>\\n <p class=\\"d-foot\\">Takes about 60 seconds. Your details stay with ORDERE.</p>\\n </div></div>\\n</section>\\n\\n<!-- ========================================================== -->\\n<!-- 3) QUESTION FLOW -->\\n<!-- ========================================================== -->\\n<section id=\\"screen-questions\\" class=\\"screen\\">\\n <div class=\\"q-top\\"><div class=\\"wrap\\">\\n <div class=\\"q-biz\\" id=\\"qBiz\\"></div>\\n <div class=\\"row2\\">\\n <button class=\\"q-back\\" id=\\"backBtn\\" aria-label=\\"Go back\\" disabled>\\n <svg width=\\"14\\" height=\\"14\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\" style=\\"flex:none\\"><path d=\\"M15 18l-6-6 6-6\\" stroke=\\"currentColor\\" stroke-width=\\"2.5\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\"/></svg>\\n Back\\n </button>\\n <div class=\\"progress\\"><i id=\\"progressBar\\"></i></div>\\n <div class=\\"q-count num\\" id=\\"qCount\\">1/6</div>\\n </div>\\n </div></div>\\n\\n <div class=\\"q-stage\\"><div class=\\"wrap\\">\\n <div id=\\"questionCard\\"></div>\\n </div></div>\\n\\n <div class=\\"q-foot\\"><div class=\\"wrap\\">\\n <button class=\\"q-next\\" id=\\"nextBtn\\" disabled>\\n Next\\n <svg width=\\"18\\" height=\\"18\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\"><path d=\\"M5 12h14M13 6l6 6-6 6\\" stroke=\\"currentColor\\" stroke-width=\\"2.2\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\"/></svg>\\n </button>\\n <div class=\\"q-multi-hint\\" id=\\"multiHint\\" style=\\"display:none\\">Pick all that apply, then tap Next</div>\\n </div></div>\\n</section>
1\\n\\n<!-- ========================================================== -->\\n<!-- 4) LOADING -->\\n<!-- ========================================================== -->\\n<section id=\\"screen-loading\\" class=\\"screen\\">\\n <div class=\\"load-inner\\">\\n <div class=\\"ring\\">\\n <svg width=\\"128\\" height=\\"128\\" viewBox=\\"0 0 128 128\\">\\n <defs><linearGradient id=\\"og\\" x1=\\"0\\" y1=\\"0\\" x2=\\"1\\" y2=\\"1\\"><stop offset=\\"0\\" stop-color=\\"#FF5A1F\\"/><stop offset=\\"1\\" stop-color=\\"#FF8A4D\\"/></linearGradient></defs>\\n <circle class=\\"bg\\" cx=\\"64\\" cy=\\"64\\" r=\\"56\\" fill=\\"none\\" stroke-width=\\"10\\"/>\\n <circle class=\\"fg\\" id=\\"ringFg\\" cx=\\"64\\" cy=\\"64\\" r=\\"56\\" fill=\\"none\\" stroke-width=\\"10\\" stroke-dasharray=\\"351.86\\" stroke-dashoffset=\\"351.86\\"/>\\n </svg>\\n <div class=\\"pct num\\" id=\\"loadPct\\">0%</div>\\n </div>\\n <div class=\\"load-biz\\" id=\\"loadBiz\\"></div>\\n <div class=\\"load-msg\\" id=\\"loadMsg\\">Reading your numbers<span class=\\"caret\\">▍</span></div>\\n <div class=\\"load-sub\\">Hold tight — we’re building your personalised profit breakdown.</div>\\n <div class=\\"load-log\\" id=\\"loadLog\\"></div>\\n </div>\\n</section>\\n\\n<!-- ========================================================== -->\\n<!-- 5) REPORT -->\\n<!-- ========================================================== -->\\n<section id=\\"screen-report\\" class=\\"screen\\">\\n <div class=\\"r-head\\">\\n <div class=\\"wrap\\">\\n <span class=\\"eyebrow eyebrow-green\\"><span class=\\"live live-green\\"></span>Analysis Complete â</span>\\n <h2 id=\\"reportTitle\\">Your Profit Picture</h2>\\n <p id=\\"reportSubtitle\\">Built from your numbers. Your potential savings: <strong id=\\"reportSavings\\">â</strong>/month.<br>Here’s your full profit breakdown.</p>\\n </div>\\n </div>\\n <div class=\\"report-lock-wrap\\">\\n <div class=\\"wrap\\" id=\\"reportBody\\"></div>\\n <div class=\\"report-lock-overlay\\" id=\\"reportLockOverlay\\">\\n <div class=\\"lock-content\\">\\n <div class=\\"lock-progress-wrap\\">\\n <div class=\\"lock-progress-label\\">90% DONE â You are just one step away</div>\\n <div class=\\"lock-progress-bar\\"><div class=\\"lock-progress-fill\\"></div></div>\\n </div>\\n <div class=\\"lock-icon\\">\uD83D\uDD12</div>\\n <h3 class=\\"lock-title\\">Your Full Profit Audit Report is Ready</h3>\\n <p class=\\"lock-sub\\">See your full profit margin, where your money is going, and a clear plan to improve it â built specifically for <strong id=\\"lockBizName\\">your restaurant</strong>.</p>\\n <div class=\\"lock-price-row\\">\\n <span class=\\"lock-price\\">\xa350</span>\\n <span class=\\"lock-was\\">Worth \xa3450</span>\\n </div>\\n <div class=\\"lock-bullets\\">\\n <div class=\\"lock-bullet\\"><span class=\\"lck\\">â</span> Exactly where every pound of your revenue goes</div>\\n <div class=\\"lock-bullet\\"><span class=\\"lck\\">â</span> Your 90-Day improvement roadmap â worth \xa3450</div>\\n <div class=\\"lock-bullet\\"><span class=\\"lck\\">â</span> Not worth \xa3500 to your business? <span style=\\"background:#FEF08A;color:#713F12;padding:1px 5px;border-radius:4px;font-weight:600\\">FULL REFUND</span></div>\\n </div>\\n <button class=\\"lock-cta\\" id=\\"unlockBtn\\">Unlock My Full Profit Audit Report <svg width=\\"18\\" height=\\"18\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\"><path d=\\"M5 12h14M13 6l6 6-6 6\\" stroke=\\"currentColor\\" stroke-width=\\"2.2\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\"/></svg></button>\\n <div class=\\"lock-footer-trust\\">\\n <span class=\\"lock-footer-note\\">One-time payment • Instant access</span>\\n <span class=\\"lock-footer-sep\\">|</span>
1\\n <span class=\\"lock-footer-mbg\\"><svg width=\\"13\\" height=\\"13\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\"><path d=\\"M12 2L3 7v5c0 5.25 3.75 10.15 9 11.35C17.25 22.15 21 17.25 21 12V7L12 2z\\" stroke=\\"#16A34A\\" stroke-width=\\"1.5\\" stroke-linejoin=\\"round\\"/><path d=\\"M8.5 12l2.5 2.5 4.5-4.5\\" stroke=\\"#16A34A\\" stroke-width=\\"1.8\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\"/></svg> <strong>30-Day Money Back Guarantee</strong> — no questions asked</span>\\n </div>\\n </div>\\n </div>\\n </div>\\n</section>\\n\\n<!-- ========================================================== -->\\n<!-- 6) APPLICATION FORM -->\\n<!-- ========================================================== -->\\n<section id=\\"screen-form\\" class=\\"screen\\">\\n <div class=\\"wrap\\">\\n <div class=\\"form-head\\">\\n <h2 id=\\"formTitle\\">Book Your Free \xa3450 Profit Roadmap Call</h2>\\n <p>We’ll prepare your report within 24 hours, then walk you through it live.</p>\\n </div>\\n\\n <div class=\\"carry\\">\\n <span class=\\"ic\\"><svg width=\\"20\\" height=\\"20\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\"><path d=\\"M20 6L9 17l-5-5\\" stroke=\\"currentColor\\" stroke-width=\\"2.2\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\"/></svg></span>\\n <p id=\\"carryText\\"></p>\\n </div>\\n\\n \\n\\n <div class=\\"field\\">\\n <label>If the Roadmap could genuinely make you more profitable, would you put it into action?</label>\\n <div class=\\"binary\\" data-bin=\\"implement\\">\\n <button class=\\"bbtn\\" data-val=\\"yes\\">Yes, I would</button>\\n <button class=\\"bbtn\\" data-val=\\"no\\">Not right now</button>\\n </div>\\n </div>\\n\\n <div class=\\"field\\">\\n <label>Happy for ORDERE’s team to help you put it in place?</label>\\n <div class=\\"binary\\" data-bin=\\"help\\">\\n <button class=\\"bbtn\\" data-val=\\"yes\\">Yes</button>\\n <button class=\\"bbtn\\" data-val=\\"no\\">I’ll do it myself</button>\\n </div>\\n </div>\\n\\n <div class=\\"field\\">\\n <label>Pick a time for your walkthrough call</label>\\n <div class=\\"slot-day\\" id=\\"slotDay\\"><span class=\\"cal\\"><svg width=\\"17\\" height=\\"17\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\"><rect x=\\"3\\" y=\\"4\\" width=\\"18\\" height=\\"17\\" rx=\\"2\\" stroke=\\"currentColor\\" stroke-width=\\"2\\"/><path d=\\"M3 9h18M8 2v4M16 2v4\\" stroke=\\"currentColor\\" stroke-width=\\"2\\" stroke-linecap=\\"round\\"/></svg></span><span id=\\"slotDayText\\"></span></div>\\n <div class=\\"slots\\" data-bin=\\"slot\\" id=\\"slotGrid\\"></div>\\n </div>\\n\\n <div class=\\"disclaim\\">\\n <div class=\\"ttl\\"><svg width=\\"17\\" height=\\"17\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\"><path d=\\"M12 2l8 4v6c0 5-3.5 8-8 10-4.5-2-8-5-8-10V6l8-4z\\" stroke=\\"currentColor\\" stroke-width=\\"2\\" stroke-linejoin=\\"round\\"/></svg> What to expect on the call</div>\\n <ul>\\n <li><span class=\\"ck\\"><svg width=\\"15\\" height=\\"15\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\"><path d=\\"M20 6L9 17l-5-5\\" stroke=\\"currentColor\\" stroke-width=\\"2.6\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\"/></svg></span>A pure report walkthrough — no sales pitch.</li>\\n <li><span class=\\"ck\\"><svg width=\\"15\\" height=\\"15\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\"><path d=\\"M20 6L9 17l-5-5\\" stroke=\\"currentColor\\" stroke-width=\\"2.6\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\"/></svg></span>If you decide you’d like our help, we’ll show you how. If not, you keep the \xa3450 Roadmap and can implement it yourself.</li>\\n </ul>\\n </div>\\n\\n <div class=\\"form-err\\" id=\\"formErr\\">Please answer both questions and pick a call time.</div>\\n\\n <button class=\\"cta-primary\\" id=\\"submitBtn\\" data-default=\\"Confirm my call & claim my \xa3450 Roadmap\\">Confirm my call & claim my \xa3450 Roadmap</button>\\n <p class=\\"form-foot\\">We’ll review your numbers and call at your chosen time. No obligation.</p>\\n </div>\\n</section>
1\\n\\n<!-- ========================================================== -->\\n<!-- CONFIRMATION -->\\n<!-- ========================================================== -->\\n<section id=\\"screen-confirm\\" class=\\"screen\\">\\n <div class=\\"confirm-inner\\">\\n <div class=\\"confirm-tick\\">\\n <svg width=\\"40\\" height=\\"40\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\"><path d=\\"M20 6L9 17l-5-5\\" stroke=\\"currentColor\\" stroke-width=\\"2.6\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\"/></svg>\\n </div>\\n <h2 id=\\"confirmTitle\\">You’re booked in.</h2>\\n <p id=\\"confirmLead\\">We’ll prepare your report and call you at your chosen time to walk through your \xa3450 Profit Roadmap.</p>\\n <div class=\\"summary\\" id=\\"confirmSummary\\"></div>\\n <a href=\\"/\\" class=\\"cta-primary\\" style=\\"margin-top:28px; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; gap:8px;\\">\\n Back to Home\\n <svg width=\\"20\\" height=\\"20\\" viewBox=\\"0 0 24 24\\" fill=\\"none\\"><path d=\\"M5 12h14M13 6l6 6-6 6\\" stroke=\\"currentColor\\" stroke-width=\\"2.2\\" stroke-linecap=\\"round\\" stroke-linejoin=\\"round\\"/></svg>\\n </a>\\n </div>\\n</section>\\n\\n</div><!-- /#app -->"}')}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.