:root{--navy:#071b36;--blue:#1261d5;--blue-dark:#0847a4;--sky:#e9f2ff;--paper:#f7faff;--line:#d9e5f6;--ink:#0c203c;--muted:#52657c;--white:#fff;--radius:24px;--shadow:0 24px 60px rgba(7,27,54,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit}img{display:block;max-width:100%}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:20;background:#fff;color:var(--navy);padding:.7rem 1rem;border-radius:10px}.skip-link:focus{top:1rem}.preview{padding:.45rem 1rem;background:var(--blue);color:#fff;text-align:center;font-size:.78rem;font-weight:750;letter-spacing:.025em}.site-header{height:76px;padding:0 clamp(1rem,5vw,5rem);display:flex;align-items:center;justify-content:space-between;gap:2rem;background:var(--navy);color:#fff}.brand{display:inline-flex;align-items:center;text-decoration:none;white-space:nowrap;font-size:1.46rem;font-weight:850;letter-spacing:-.045em}.brand-art{position:relative;width:38px;height:38px;overflow:hidden;margin-right:.4rem}.brand-art img{position:absolute;width:62px;max-width:none;left:-11px;top:-12px}.brand-eats{color:#4e96ff;font-style:italic;margin-left:.08em}.site-header nav,.button-row,footer nav{display:flex;align-items:center;gap:1.25rem}.site-header nav a,footer nav a{text-decoration:none;font-size:.9rem;font-weight:700}.site-header nav a:hover,footer nav a:hover{text-decoration:underline;text-underline-offset:4px}.sign-in{border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:.55rem .9rem}.hero{min-height:650px;background:var(--navy);color:#fff;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);align-items:center;gap:clamp(2rem,5vw,5rem);padding:clamp(3rem,7vw,7rem) clamp(1rem,7vw,7rem) clamp(4rem,8vw,8rem)}.hero-copy{max-width:660px}.eyebrow{margin:0 0 .75rem;color:var(--blue);font-size:.76rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.hero .eyebrow,.merchant .eyebrow,.closing .eyebrow{color:#75adff}h1,h2,h3,p{margin-top:0}h1{max-width:650px;margin-bottom:1.25rem;font-size:clamp(2.8rem,6.6vw,5.8rem);line-height:.96;letter-spacing:-.065em}h2{margin-bottom:1rem;font-size:clamp(2rem,4vw,3.4rem);line-height:1.04;letter-spacing:-.045em}h3{margin-bottom:.35rem;font-size:1.04rem}.hero-lead{max-width:580px;color:#cbd9e9;font-size:clamp(1.05rem,2vw,1.28rem)}.postcode{margin:2rem 0 1rem;padding:1rem;background:#fff;border-radius:18px;color:var(--ink);box-shadow:var(--shadow)}.postcode label{display:block;margin:0 .2rem .55rem;font-size:.86rem;font-weight:800}.postcode-row{display:flex;gap:.65rem}.postcode input{min-width:0;flex:1;border:1px solid var(--line);border-radius:11px;padding:.9rem 1rem;font:inherit;text-transform:uppercase}.postcode button,.button{border:0;border-radius:11px;padding:.9rem 1.15rem;background:var(--blue);color:#fff;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.postcode p{margin:.55rem .2rem 0;color:var(--muted);font-size:.75rem}.text-link{display:inline-block;color:#a9cbff;font-weight:800;text-underline-offset:4px}.hero-visual{position:relative;margin:0;border:1px solid rgba(255,255,255,.15);border-radius:30px;overflow:hidden;box-shadow:0 35px 80px rgba(0,0,0,.35)}.hero-visual img{width:100%;aspect-ratio:1.08;object-fit:cover}.hero-visual figcaption{position:absolute;right:.75rem;bottom:.75rem;padding:.35rem .55rem;background:rgba(7,27,54,.88);border-radius:7px;color:#dbe8f7;font-size:.68rem}.steps,.faq{padding:clamp(4rem,8vw,7.5rem) clamp(1rem,7vw,7rem)}.section-heading{max-width:720px;margin-bottom:2.5rem}.steps ol{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:0;list-style:none}.steps li{display:flex;gap:1rem;min-height:175px;padding:1.5rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.steps li>span{display:grid;flex:0 0 38px;height:38px;place-items:center;background:var(--sky);border-radius:50%;color:var(--blue);font-weight:850}.steps p,.merchant p,.faq p{color:var(--muted)}.merchant{margin:0 clamp(1rem,4vw,4rem);padding:clamp(3rem,6vw,6rem);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:center;gap:clamp(2rem,6vw,6rem);background:var(--navy);color:#fff;border-radius:32px}.merchant-copy>p{max-width:700px;color:#cbd9e9}.merchant ul{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:0;list-style:none}.merchant li{padding:1rem;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.04)}.merchant li strong,.merchant li span{display:block}.merchant li span{margin-top:.25rem;color:#b9cce2;font-size:.86rem}.button-row{margin-top:1.5rem;flex-wrap:wrap}.button.secondary{background:transparent;border:1px solid rgba(255,255,255,.35)}.fine{font-size:.76rem!important;color:#8fa7c0!important}.workspace-card{padding:1.25rem;background:#fff;color:var(--ink);border-radius:22px;box-shadow:var(--shadow)}.workspace-top,.workspace-order,.workspace-line{display:flex;justify-content:space-between;gap:1rem}.workspace-top{padding-bottom:1rem;border-bottom:1px solid var(--line);font-weight:800}.status{color:var(--blue);font-size:.75rem}.workspace-order{padding:1.4rem 0 .35rem;font-size:1.05rem}.workspace-line{color:var(--muted);font-size:.82rem}.workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:1.5rem}.workspace-grid span{padding:.8rem;background:var(--paper);border-radius:10px;font-weight:750}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.faq details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.15rem 1.3rem}.faq summary{cursor:pointer;font-weight:800}.faq details p{margin:.8rem 0 0}.closing{margin:0 clamp(1rem,7vw,7rem) clamp(4rem,8vw,7rem);padding:clamp(3rem,6vw,5rem);text-align:center;background:var(--blue);color:#fff;border-radius:30px}.closing .button{display:inline-block}.button.light{background:#fff;color:var(--blue-dark)}footer{padding:3rem clamp(1rem,7vw,7rem);background:var(--navy);color:#cad8e8;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem}footer p{margin:0}.footer-brand{color:#fff}footer .fine{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:1rem}:focus-visible{outline:3px solid #79afff;outline-offset:3px}
@media(max-width:820px){.site-header nav>a:not(.sign-in){display:none}.hero{min-height:0;grid-template-columns:1fr;padding-top:3.5rem}.hero-visual{order:-1}.hero-visual img{aspect-ratio:1.65;object-position:center 43%}.steps ol,.faq-grid,.merchant{grid-template-columns:1fr}.merchant{margin:0;border-radius:0}.merchant ul{grid-template-columns:1fr}footer{grid-template-columns:1fr}footer .fine{grid-column:auto}}
@media(max-width:480px){.preview{font-size:.7rem}.site-header{height:68px}.brand{font-size:1.28rem}.brand-art{width:32px;height:32px}.brand-art img{width:53px;left:-10px;top:-10px}.sign-in{padding:.48rem .7rem;font-size:.76rem!important}.hero{padding-inline:1rem}.hero-visual{border-radius:20px}.postcode-row{flex-direction:column}.postcode button{width:100%}.steps,.faq{padding-inline:1rem}.steps ol{grid-template-columns:1fr}.merchant{padding:3rem 1rem}.button-row{align-items:stretch;flex-direction:column}.button{text-align:center}.closing{padding:3rem 1rem}footer nav{align-items:flex-start;flex-direction:column;gap:.65rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Proven framing for the unchanged original Calai artwork. */
.brand-art{width:42px;height:46px}
.brand-art img{width:189px;left:-35px;top:-40px}
@media(max-width:820px){.hero{padding-top:2rem}.hero-visual{order:initial}}
@media(max-width:480px){.brand-art{width:38px;height:42px}.brand-art img{width:172px;left:-32px;top:-37px}}
.brand-logo{display:block;width:220px;aspect-ratio:4.096/1;height:auto;max-height:58px;object-fit:cover}.footer-brand .brand-logo{width:210px}
@media(max-width:480px){.brand-logo{width:min(176px,49vw);max-height:48px}.footer-brand .brand-logo{width:190px;max-width:70vw}}