:root{color-scheme:dark;--bg:#101826;--panel:#19263b;--ink:#ffffff;--muted:#c5d0e4;--lime:#9bc1ff;--line:#344666}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.wrap{width:min(1180px,calc(100% - 44px));margin:auto}.skip{position:absolute;left:10px;top:-100px;z-index:5;background:var(--lime);color:#101826;padding:12px}.skip:focus{top:10px}.header{border-bottom:1px solid var(--line)}.nav{min-height:78px;display:flex;gap:24px;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:950;letter-spacing:-1.6px;white-space:nowrap}.mark{background:var(--lime);color:#101826;border-radius:7px;padding:1px 6px;letter-spacing:-1px;font-size:20px}.navlinks{display:flex;gap:23px;align-items:center;flex-wrap:wrap}.navlinks a{color:var(--muted);font-size:14px;font-weight:650}.navlinks a:hover,.navlinks a[aria-current]{color:var(--lime)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--line);border-radius:6px;padding:12px 17px;background:transparent;color:var(--ink);font-weight:750}.btn.primary{background:var(--lime);color:#101826;border-color:var(--lime)}.btn:hover{filter:brightness(.9)}.hero{display:grid;grid-template-columns:1.14fr 1fr;gap:30px;align-items:center;min-height:570px;padding-block:55px}.eyebrow{color:var(--lime);font:700 .78rem ui-monospace,monospace;letter-spacing:.09em;text-transform:uppercase}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.02;letter-spacing:-.055em}h1{font-size:clamp(3.2rem,7.2vw,7rem);font-weight:950;margin:15px 0 20px}h2{font-size:clamp(2.25rem,5vw,4.6rem);margin:10px 0 20px}h3{font-size:1.55rem;margin-bottom:12px}em{font-style:normal;color:var(--lime)}p{color:var(--muted)}.hero p,.intro p{max-width:60ch;font-size:1.08rem}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.art{position:relative;display:grid;place-items:center;aspect-ratio:1.08;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:radial-gradient(circle at center,#123e9e,#13223d 67%);isolation:isolate}.art:before{content:"";position:absolute;inset:0;z-index:-2;background:repeating-linear-gradient(0deg,transparent 0 31px,#78aaff26 32px),repeating-linear-gradient(90deg,transparent 0 31px,#78aaff26 32px)}.orbit{position:absolute;inset:15%;border:1px solid #93bbff90;border-radius:50%;transform:rotate(-30deg) scaleY(.64);animation:orbit 12s linear infinite}.orbit:nth-child(2){inset:8%;animation-direction:reverse}.orbit:after{content:"";position:absolute;left:12%;top:12%;width:11px;height:11px;background:var(--lime);box-shadow:0 0 18px var(--lime);border-radius:50%}@keyframes orbit{to{transform:rotate(330deg) scaleY(.64)}}.artword{font-size:clamp(3.9rem,10vw,9rem);font-weight:950;line-height:.74;letter-spacing:-.1em;text-align:center;transform:rotate(-9deg);text-shadow:3px 4px #08152d}.artword span{display:block;color:var(--lime)}.art .corner{position:absolute;bottom:16px;left:18px;color:var(--lime);font:700 .69rem ui-monospace,monospace}.strip{border-block:1px solid var(--line);padding:15px 0}.strip .wrap{display:flex;gap:14px 25px;flex-wrap:wrap;justify-content:space-between;color:var(--muted);font:700 .72rem ui-monospace,monospace;text-transform:uppercase}.section{padding:70px 0;border-bottom:1px solid var(--line)}.intro{padding:62px 0 32px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:23px;min-width:0}.card[href]:hover{border-color:var(--lime);transform:translateY(-3px)}.card[href]{transition:transform .2s,border-color .2s}.tag{display:block;margin-bottom:14px;color:var(--lime);font:700 .73rem ui-monospace,monospace;text-transform:uppercase}.card p{font-size:.95rem}.card .read{display:block;margin-top:16px;color:var(--lime);font-weight:700}.duo{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}.paper{max-width:74ch}.paper h2{font-size:2rem;margin-top:32px}.paper p+p{margin-top:15px}.paper li{margin:.4em 0;color:var(--muted)}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.slots div{display:grid;place-items:center;min-height:78px;border:1px dashed #627aa0;border-radius:8px;color:var(--muted);font-size:.85rem;text-align:center;padding:10px}.footer{padding:30px 0}.footer .wrap{display:flex;gap:15px;justify-content:space-between;align-items:center;flex-wrap:wrap}.form{display:grid;gap:13px}.form label{display:grid;gap:5px;color:var(--muted)}.form input,.form textarea,.form select{width:100%;background:#101826;color:var(--ink);border:1px solid #647ea5;border-radius:5px;padding:9px}.form textarea{min-height:100px;resize:vertical}.form .actions{margin-top:0}dialog{max-width:min(700px,calc(100% - 28px));width:100%;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--ink);padding:16px}dialog::backdrop{background:#000c}.reelhead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.frame{display:grid;align-content:center;min-height:290px;padding:25px;background:radial-gradient(ellipse at 85% 20%,#0849c3,#08152d);border:1px solid var(--line);border-radius:7px}.frame h2{margin-bottom:7px}.frame.flash{animation:pop .35s ease both}@keyframes pop{from{opacity:.3;transform:scale(.98)}}.reel-controls{display:flex;gap:8px;margin-top:12px}.reel-controls button{padding:7px 12px}@media(max-width:850px){.nav{padding-block:15px;flex-wrap:wrap;gap:13px}.navlinks{order:3;width:100%;gap:10px 19px}.hero{min-height:0}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.wrap{width:calc(100% - 30px)}.hero,.duo{grid-template-columns:1fr;gap:24px}.hero{padding-block:34px}.art{aspect-ratio:1.38}.artword{font-size:clamp(4rem,16vw,7rem)}.section{padding:42px 0}.grid{grid-template-columns:1fr}.slots{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.socials{display:flex;gap:12px;flex-wrap:wrap}.socials a,.contact-links a{color:var(--lime)}.contact-links{display:grid;gap:8px;margin-top:16px}.footer{padding-bottom:90px}.chat{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:4;width:max-content;max-width:calc(100vw - 32px)}.chat summary{width:max-content;margin-left:auto;list-style:none;cursor:pointer;border-radius:30px;background:var(--lime);color:#101826;padding:11px 17px;font-weight:800}.chat summary::-webkit-details-marker{display:none}.chat summary:focus-visible{outline:2px solid white;outline-offset:3px}.chat-panel{width:min(340px,calc(100vw - 32px));max-height:calc(100dvh - 100px);overflow:auto;margin-top:8px;background:var(--panel);border:1px solid #526d99;padding:16px;border-radius:10px;box-shadow:0 10px 35px #0009}.chat-panel p{font-size:.89rem;margin-top:6px}.chat-topics{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.chat-topics button{border:1px solid #647ea5;color:var(--ink);background:#101826;padding:5px 9px;border-radius:20px;font-size:.8rem}.chat-topics button:hover,.chat-topics button[aria-pressed=true]{background:var(--lime);color:#101826}.chat-panel .btn{margin-top:12px}.chat-answer:empty{display:none}[hidden]{display:none!important}.client-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:10px;list-style:none;margin:18px 0 22px;padding:0}.client-list li{display:grid;place-items:center;text-align:center;min-height:64px;padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:7px;font-weight:700}.client-list li:hover{border-color:var(--lime)}.rating-panel{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.rating-panel .btn{margin-inline-start:auto}.google-g,.avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;flex:none;font-weight:900}.google-g{background:#fff;color:#285abe;font-size:1.4rem}.avatar{background:#123e9e;color:var(--lime)}.stars{color:#ffd062;letter-spacing:.1em;margin-left:6px}.review-person{display:flex;align-items:center;gap:11px;margin-bottom:14px}.review-person h3{margin:0;font-size:1.2rem}.review-note{margin-top:14px;font-size:.85rem}.review-note a,.faq-items a{color:var(--lime);text-decoration:underline}.faq-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.faq-art{display:grid;place-items:center;width:min(100%,265px);aspect-ratio:1.9;margin-top:20px;border:1px solid var(--line);border-radius:8px;background:radial-gradient(ellipse,#0045ce,#13223d 75%);color:var(--lime);font-weight:950;font-size:6rem;line-height:1}.faq-items{display:grid;gap:10px}.faq-items details{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:0 16px}.faq-items summary{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;list-style:none;padding:14px 0;font-weight:750}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary::after{content:'+';color:var(--lime);font-size:1.3rem}.faq-items details[open] summary::after{content:'−'}.faq-items summary:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.faq-items details p{padding-bottom:16px}@media(max-width:620px){.faq-layout{grid-template-columns:1fr}.rating-panel .btn{margin-inline-start:0}}
/* Mass Bite brand colours */
:root{--brand-blue:#0045ce;--brand-charcoal:#242424}
.header{background:var(--brand-charcoal)}
.btn.primary,.chat summary,.mark{background:var(--brand-blue);color:#fff;border-color:#729fff}
.art{background:radial-gradient(ellipse at 62% 46%,#145fe5,#0045ce 44%,#101826 84%)}
.artword span{color:#fff;background:var(--brand-blue);margin-top:.15em;padding:.12em .22em .22em;border-radius:.07em}
.artword{transform:rotate(-7deg)}
.google-g{color:var(--brand-blue)}.paper h3{margin-top:24px}.service-related{margin-top:32px}.service-related .actions{margin-top:10px}.office-map{display:block;width:100%;height:clamp(280px,45vw,420px);border:1px solid var(--line);border-radius:8px;margin:18px 0;background:var(--panel)}:root{color-scheme:light;--brand-blue:#0045ce;--brand-charcoal:#242424;--bg:#f6f8fc;--panel:#fff;--ink:#151c2a;--muted:#44536b;--lime:#0045ce;--line:#d6dfef}
.header{background:#fff;position:sticky;top:0;z-index:3;box-shadow:0 4px 20px #1432620a}.nav{min-height:76px}.brand img{display:block;width:clamp(132px,15vw,190px);height:auto}.navlinks a{color:#273654}.navlinks a[aria-current]{color:#0045ce;text-decoration:underline;text-underline-offset:6px}.btn{border-radius:999px;background:#fff;color:#153363}.btn.primary,.chat summary{background:#0045ce;color:white;border-color:#0045ce}.hero{min-height:555px;grid-template-columns:1.06fr 1fr}.hero h1{font-size:clamp(3.3rem,6.35vw,6.3rem)}.hero-visual{position:relative;isolation:isolate;overflow:hidden;min-height:380px;border-radius:30px;background:radial-gradient(ellipse at 90% 14%,#4b89ff,transparent 45%),linear-gradient(140deg,#08205b,#0045ce);padding:36px 30px;color:#fff;display:grid;align-content:center;gap:16px;box-shadow:0 24px 55px #0045ce30}.hero-visual:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0 35px,#ffffff22 36px),repeating-linear-gradient(90deg,transparent 0 35px,#ffffff22 36px);mask-image:linear-gradient(#000,transparent)}.visual-logo{width:min(100%,290px);height:auto;background:white;border-radius:12px;padding:10px;transform:rotate(-5deg);margin-inline:auto;box-shadow:0 15px 30px #061b5680}.visual-stack{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative;margin-top:14px}.visual-stack span{display:flex;gap:9px;align-items:center;background:#ffffffed;color:#0a347f;border-radius:12px;padding:10px;font-size:.85rem;font-weight:800}.visual-stack b{display:grid;place-items:center;background:#dfebff;border-radius:8px;width:32px;height:32px;font-size:1.15rem;flex:none}.strip{background:#10234b}.strip .wrap{color:#fff}.section{background:#fff}.section:nth-of-type(even){background:#eef3fd}.intro{padding-top:78px;padding-bottom:55px}.intro h1{font-size:clamp(2.9rem,6vw,5.5rem)}.card,.rating-panel,.faq-items details,.client-list li{box-shadow:0 6px 18px #12366c0b;border-radius:16px}.card{padding:24px;border-top:3px solid #a8c5ff}.card-visual{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:linear-gradient(140deg,#e6efff,#cfe1ff);color:#0045ce;font-size:1.55rem;font-weight:900;margin-bottom:17px}.card[href]:hover{box-shadow:0 12px 28px #12366c1a}.client-list li{color:#17335d;border-color:#c5d4ee}.faq-art{background:linear-gradient(145deg,#0045ce,#103077);color:#fff;border-radius:20px}.avatar{background:#dce9ff;color:#0045ce}.stars{color:#935500}.footer{background:#10234b;color:#fff}.footer p{color:#d0def4}.footer .socials a{color:#b7d0ff}.form input,.form textarea,.form select,.chat-topics button{background:#fff;color:#151c2a;border-color:#8da4cb}.chat-topics button:hover,.chat-topics button[aria-pressed=true]{background:#0045ce;color:#fff}.chat-panel{border-color:#a0b9e3;box-shadow:0 12px 34px #112b6650}.frame{background:radial-gradient(ellipse at 85% 20%,#3574dd,#10234b);color:white}.frame p{color:#e0ebff}.frame .eyebrow{color:#d6e6ff}.skip{color:#fff}.office-map{background:#e6efff}
@media(max-width:850px){.nav{min-height:0}.hero{min-height:0}}
@media(max-width:620px){.hero{grid-template-columns:1fr}.hero-visual{min-height:285px;padding:24px 18px}.visual-logo{width:min(82%,255px)}.intro{padding-top:45px;padding-bottom:35px}.header{position:static}.visual-stack span{font-size:.76rem;padding:7px}}
#faq.faq-reference{background:linear-gradient(110deg,#c5dcfa,#f0dcf7);color:#152036}#faq h2{text-align:center;margin:0 0 38px}.faq-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.faq-columns .faq-items{align-content:start;gap:14px}.faq-columns details{background:#f6f8ff;border:0;border-radius:20px 20px 0 20px;padding:0;overflow:hidden}.faq-columns summary{display:grid;grid-template-columns:20px 1fr 20px;min-height:74px;padding:13px 19px;color:#152036}.faq-columns summary>span:first-child,.faq-columns summary:after{color:#536580}.faq-columns details[open] p{background:#eaf0fc;padding:16px 20px;color:#344762}.service-menu{position:relative}.service-menu summary{cursor:pointer;color:#273654;font-size:14px;font-weight:700}.service-menu nav{position:absolute;z-index:5;top:calc(100% + 10px);left:0;width:min(290px,85vw);padding:12px;background:#fff;border:1px solid #d6dfef;border-radius:16px;box-shadow:0 14px 35px #122b5930;display:grid;gap:2px}.service-menu nav a{padding:8px;border-radius:7px}.service-menu nav a:hover,.service-menu nav a:focus-visible{background:#e6efff}.service-jump{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.service-jump a{font-size:.9rem}@media(max-width:650px){.faq-columns{grid-template-columns:1fr;gap:14px}#faq h2{margin-bottom:24px}.service-menu nav{left:-45px}}.contact-bar{background:#071c47;color:#eaf1ff;font-size:.82rem}.contact-bar .wrap{display:flex;justify-content:space-between;gap:8px 20px;flex-wrap:wrap;padding-block:8px}.contact-bar a:hover{text-decoration:underline}.hero-band{background:linear-gradient(117deg,#071c47,#10387c 63%,#0045ce);color:#fff}.hero-band .hero{padding-block:62px}.hero-band .hero h1{font-size:clamp(2.8rem,5.8vw,5.7rem);max-width:13ch}.hero-band .hero em,.hero-band .eyebrow{color:#b8d4ff}.hero-band .hero p{color:#e1ebff}.hero-band .hero-visual{border:1px solid #779ce1;background:linear-gradient(140deg,#102e65,#1261e6);min-height:330px}.home-services .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-services .card{display:grid;align-content:start;gap:6px}.home-services .card-visual{margin-bottom:4px}.work-section .duo>div:last-child{padding:26px;background:#071c47;border-radius:18px;color:#fff}.work-section .duo>div:last-child p{color:#e1ebff}.service-menu nav{grid-template-columns:1fr 1fr;width:min(445px,85vw)}.service-menu nav>span{grid-column:1/-1;padding:8px;color:#0045ce;font-weight:800}.service-menu nav>a:first-child{grid-column:1/-1}.pathway .card h3{color:#073d9e}.hero-band .hero-visual:after{content:"";position:absolute;inset:14px;border:1px solid #ffffff35;border-radius:18px;pointer-events:none}@media(max-width:620px){.hero-band .hero{padding-block:36px}.home-services .grid{grid-template-columns:1fr}.hero-band .hero-visual{min-height:260px}.service-menu nav{grid-template-columns:1fr;width:min(280px,82vw)}}.agency-header .service-menu nav{width:min(630px,88vw);grid-template-columns:repeat(3,minmax(0,1fr));padding:16px}.agency-header .service-menu nav>a:first-child{grid-column:1/-1;border-bottom:1px solid #d6dfef}.service-group{min-width:0;display:grid;align-content:start;gap:4px}.service-group strong{font-size:.8rem;padding:8px;color:#0045ce}.agency-header .service-menu .service-group a{font-size:.85rem}.agency-section h2{max-width:22ch}.agency-banner{border-radius:20px;background:#0a2860;padding:28px;display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}.agency-banner p{color:#fff}.agency-page .intro{width:100%;max-width:none;padding:clamp(44px,7vw,92px) max(22px,calc((100% - 1180px)/2));background:linear-gradient(115deg,#071c47,#0045ce);color:#fff}.agency-page .intro p{color:#e5efff}.agency-page .intro em,.agency-page .intro .eyebrow{color:#b8d4ff}.agency-page .paper{padding:24px 0}.agency-breadcrumb{font-size:.85rem;margin-bottom:18px;color:#e0edff}.agency-breadcrumb a{text-decoration:underline}.agency-page .service-related{border-top:1px solid var(--line);padding-top:20px}.home-services .card{border-top:4px solid #0045ce}.work-section .client-list li{min-height:78px}.agency-page .section:nth-of-type(even){background:#eff4ff}@media(max-width:780px){.agency-header .service-menu nav{grid-template-columns:1fr;width:min(280px,78vw);max-height:65vh;overflow:auto}}.agency-header .nav{min-height:86px}.contact-bar{background:#071938}.hero-band{background:radial-gradient(ellipse at 85% 20%,#164c99,#071938 64%)}.hero-band .hero-visual{background:linear-gradient(145deg,#103372,#1768e6);min-height:410px}.hero-visual .visual-stack span{padding:15px 12px}.home-services .grid,.agency-page .intro+.section .grid:has(.card[href*="services/"]){grid-template-columns:1fr;gap:20px}.service-showcase .card{display:grid;grid-template-columns:minmax(140px,30%) minmax(0,1fr);column-gap:32px;align-content:center;align-items:center;padding:22px;border:1px solid #d9e4f7;min-height:192px}.service-showcase .card:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(140px,30%)}.service-showcase .card .card-visual{grid-row:1/4;width:100%;height:100%;min-height:145px;margin:0;border-radius:15px;background:repeating-linear-gradient(90deg,transparent 0 26px,#ffffff16 27px),linear-gradient(135deg,#092451,#1268df);color:#fff;font-size:clamp(2.5rem,6vw,5rem);line-height:1}.service-showcase .card:nth-child(even) .card-visual{grid-column:2;background:repeating-linear-gradient(0deg,transparent 0 24px,#ffffff18 25px),linear-gradient(150deg,#132868,#3879e5)}.service-showcase .card h3{font-size:clamp(1.45rem,2.5vw,2.1rem);margin:0 0 7px}.service-showcase .card p{max-width:62ch}.service-showcase .card .read{margin-top:8px}.agency-header .service-menu nav{padding:22px;gap:10px}.agency-header .service-menu nav .service-help{grid-column:1/-1;background:#eaf2ff;color:#063c9f;padding:12px}.work-section .client-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr))}.agency-breadcrumb{letter-spacing:.025em}.hero-band .hero-visual,.agency-page .intro h1{animation:agency-enter .55s ease-out both}@keyframes agency-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:620px){.hero-band .hero-visual{min-height:260px}.service-showcase .card,.service-showcase .card:nth-child(even){grid-template-columns:1fr;gap:10px}.service-showcase .card .card-visual,.service-showcase .card:nth-child(even) .card-visual{grid-column:1;grid-row:auto;min-height:105px}}