:root{--navy:#111d3b;--yellow:#ffda35;--ink:#15213e;--muted:#69718a;--line:#e4e8f0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}a{color:inherit}button,input{font:inherit}a,button,input,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ceab00;outline-offset:6px}.skip{position:fixed;top:-80px;left:20px;z-index:99;background:var(--yellow);padding:15px}.skip:focus{top:10px}.site-header{height:100px;background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 max(5vw,24px);border-bottom:1px solid #ffffff14}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:27px;font-weight:850;letter-spacing:-1.2px;line-height:1}.brand img{border-radius:10px}.brand small{display:block;color:var(--yellow);font-size:8px;letter-spacing:3.4px;margin-top:7px;font-weight:750}.site-header nav{display:flex;gap:28px;font-size:13px}.site-header nav a{text-decoration:none;color:#e1e6f1}.site-header nav a:hover{color:var(--yellow)}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:56px;padding:17px 24px;border-radius:13px;text-decoration:none;font-size:14px;font-weight:750;transition:transform .18s,box-shadow .18s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000015}.button.small{min-height:44px;padding:13px 18px;font-size:12px;border-radius:10px;gap:16px}.yellow{background:var(--yellow);color:var(--navy)}.navy{background:var(--navy);color:white}.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:35px;background:var(--navy);color:white;padding:65px max(7vw,24px) 74px;min-height:690px}.hero-copy{position:relative;z-index:2;max-width:570px}.prelaunch{display:inline-flex;align-items:center;gap:8px;font-size:9px;font-weight:700;letter-spacing:2px;border:1px solid #4a5470;border-radius:30px;padding:9px 12px;color:#e1e6f1}.prelaunch span{width:6px;height:6px;background:var(--yellow);border-radius:50%}h1{font-size:clamp(64px,6.9vw,105px);font-weight:800;line-height:.99;letter-spacing:-5px;margin:30px 0 26px}h1 em{font-style:normal;color:var(--yellow)}.hero-copy>p{font-size:15px;line-height:1.8;color:#c4cce0;max-width:460px}.hero-actions{display:flex;gap:23px;align-items:center;margin-top:28px}.text-link{text-decoration:none;font-size:12px;white-space:nowrap;font-weight:600}.text-link span{margin-left:8px}.hero-copy p.launch-note{font-size:10px;color:#8d9ab6;margin-top:20px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-width:0}.food-disc{position:absolute;width:95%;aspect-ratio:1;border-radius:50%;background:var(--yellow);top:11%;left:6%}.hero-food{width:108%;height:auto;position:relative;z-index:1;filter:drop-shadow(0 28px 28px #00000045);transform:rotate(-8deg)}.orbit{position:absolute;border:1px solid #ffffff18;border-radius:50%;width:130%;aspect-ratio:1}.orbit-two{width:155%}.floating{position:absolute;z-index:3;display:flex;gap:12px;align-items:center;background:white;color:var(--navy);border-radius:15px;padding:15px 18px;box-shadow:0 15px 45px #00000022;transform:rotate(-5deg)}.floating strong,.floating span{display:block}.floating strong{font-size:12px}.floating div>span{font-size:10px;color:#7d879c;margin-top:4px}.order-pill{left:-4%;top:16%}.pill-icon{display:grid!important;place-items:center;width:34px;height:34px;border-radius:50%;background:#e8f4e9;color:#34714a;font-size:17px}.local-pill{bottom:8%;right:-2%;transform:rotate(5deg);padding:10px 17px}.local-pill img{border-radius:9px}.art-caption{position:absolute;bottom:-10px;right:0;color:#8291b1;font-size:9px}.categories{display:grid;grid-template-columns:1fr 1fr 1.35fr;max-width:1200px;margin:auto;padding:32px 5vw 28px;column-gap:35px}.categories>div{display:flex;justify-content:space-between;gap:10px;padding-bottom:14px;font-size:12px;font-weight:650;border-bottom:1px solid var(--line)}.categories>div span{color:#9ba4b9}.categories p{grid-column:1/-1;font-size:10px;color:#8c95a9;margin:15px 0 0}.section{padding:95px max(7vw,24px);scroll-margin-top:24px}.section-heading{max-width:670px}.eyebrow{font-size:9px;font-weight:750;letter-spacing:2.2px;color:#758098;margin:0 0 17px}h2{font-size:clamp(32px,4.2vw,56px);line-height:1.09;letter-spacing:-2px;margin:0 0 22px;font-weight:760}.section-heading>p:last-child,.merchant-copy>p,.onboarding p{color:var(--muted);font-size:14px;line-height:1.8;max-width:510px}.journey{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:58px}.journey article{position:relative;border-top:1px solid var(--line);padding-top:30px}.step{position:absolute;right:0;top:30px;color:#a1a9ba;font-size:11px}.line-art{font-size:35px;font-weight:500;margin-bottom:25px;width:55px;height:55px;display:grid;place-items:center;border:1px solid var(--line);border-radius:15px;color:var(--navy);background:#f8f9fc}.journey h3{font-size:18px;letter-spacing:-.4px;margin-bottom:14px}.journey p{color:var(--muted);font-size:13px;line-height:1.8;max-width:300px}.experience-foot{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:60px;border-top:1px solid var(--line);padding-top:25px}.experience-foot strong{font-size:12px}.experience-foot p{color:#7f889e;font-size:11px;max-width:370px;line-height:1.6}.merchant{background:#f4f6fb;display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.merchant-copy ul{list-style:none;margin:28px 0 35px;padding:0;display:grid;gap:18px;max-width:460px}.merchant-copy li{font-size:12px;line-height:1.6;display:flex;gap:12px;color:#53617b}.merchant-copy li span{color:#a5890a}.commission{background:var(--navy);color:white;border-radius:24px;padding:38px;max-width:480px;box-shadow:0 24px 50px #111d3b15}.commission .eyebrow{color:#9eabc7}.rate{font-size:clamp(60px,7vw,90px);letter-spacing:-5px;line-height:1.1;font-weight:780;color:var(--yellow)}.rate span{font-size:.45em;letter-spacing:-1px;margin-left:5px}.rate-note{font-size:12px;color:white!important}.commission-rule{height:1px;background:#ffffff25;margin:23px 0}.commission>p:not(.eyebrow){font-size:11px;line-height:1.9;color:#b8c3db}.commission p strong{font-weight:650;color:#fff}.calculator{background:white;border-radius:14px;padding:22px;color:var(--navy);margin-top:25px}.calculator label{font-size:11px;font-weight:700;display:block;margin-bottom:12px}.input-money{display:flex;align-items:center;gap:10px;border:1px solid #dde3ed;border-radius:8px;padding:11px 14px}.input-money span{color:#8a95ab}.input-money input{border:0;background:transparent;min-width:0;width:100%;font-size:21px;color:var(--navy);font-weight:650;outline-offset:10px}.calculator dl{margin:17px 0}.calculator dl>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid #f0f2f7}.calculator dt{font-size:10px;max-width:170px;color:#6a758c}.calculator dd{font-size:13px;font-weight:750;margin:0;white-space:nowrap}.calculator small{font-size:8px;line-height:1.6;display:block;color:#8a93a4}.onboarding{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.onboarding ol{margin:0;list-style:none;padding:0;display:grid;gap:28px}.onboarding li{display:flex;gap:20px}.onboarding li>span{border:1px solid var(--line);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;font-size:12px}.onboarding h3{font-size:16px;margin:4px 0 9px}.onboarding p{font-size:12px;margin:0}.faq{background:#fafbfe;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.faq h2{font-size:44px}.faq-list details{border-bottom:1px solid #dfe5f0;padding:19px 0}.faq-list summary{font-size:13px;font-weight:650;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:22px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:19px;color:#7c879f;line-height:1}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:12px;line-height:1.8;color:var(--muted);padding-right:30px;margin:17px 0 0}.closing{background:var(--yellow);padding:75px 24px;text-align:center}.closing .eyebrow{color:#7c6c28}.closing h2{font-size:clamp(42px,5vw,70px);letter-spacing:-3px}.closing>p:last-child{font-size:10px;color:#7e6d23;margin:20px 0 0}footer{background:var(--navy);color:#fff;padding:48px max(7vw,24px);display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:15px}footer .brand{font-size:25px}footer>p{margin:12px 0 0;font-size:12px;color:#b3bed5;text-align:right}footer>div{display:flex;gap:20px;grid-column:1/-1;margin-top:15px}footer>div a{font-size:10px;color:#b3bed5;text-decoration:none}footer>small{grid-column:1/-1;font-size:9px;color:#657595;margin-top:17px}@media(min-width:1600px){.hero,.section{padding-left:calc((100vw - 1300px)/2);padding-right:calc((100vw - 1300px)/2)}}@media(max-width:1000px){.site-header nav{gap:18px;font-size:11px}.hero{gap:15px;padding-top:45px;min-height:620px}h1{font-size:74px;letter-spacing:-4px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-food{width:125%}.food-disc{top:20%}.order-pill{top:18%;left:-12%;transform:rotate(-5deg) scale(.9)}.local-pill{right:-8%;bottom:10%;transform:rotate(5deg) scale(.9)}.section{padding-top:70px;padding-bottom:70px}.merchant{gap:6vw}.commission{padding:28px}.journey{gap:30px}.faq{gap:5vw}}@media(max-width:720px){.site-header{height:80px;padding:0 20px;gap:10px}.site-header .brand{font-size:23px}.brand img{width:39px;height:39px}.site-header nav{display:none}.button.small{padding:12px;font-size:10px;gap:10px}.hero{grid-template-columns:1fr;padding:40px 24px 35px;gap:15px}.hero-copy{max-width:560px}h1{font-size:76px;letter-spacing:-4.5px;line-height:.98;margin-top:24px}.hero-copy>p{font-size:13px;max-width:460px}.hero-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:22px}.hero-actions .button{font-size:12px;padding:16px 18px;gap:20px}.hero-art{height:370px;max-width:430px;width:100%;margin:15px auto}.food-disc{width:76%;top:8%;left:12%}.hero-food{width:86%;max-height:390px;object-fit:contain}.orbit{width:110%}.orbit-two{width:135%}.order-pill{left:0;top:12%;transform:rotate(-5deg) scale(.85);transform-origin:left center}.local-pill{right:0;bottom:3%;transform:rotate(5deg) scale(.85);transform-origin:right center}.art-caption{bottom:-15px;right:10px;font-size:8px}.categories{padding:25px 24px;gap:14px;grid-template-columns:1fr}.categories>div{font-size:12px;padding:10px 0}.categories p{line-height:1.7;margin:0}.section{padding:62px 24px}h2{font-size:37px;letter-spacing:-1.7px}.section-heading>p:last-child{font-size:13px}.journey{grid-template-columns:1fr;gap:30px;margin-top:34px}.journey article{padding-top:20px}.line-art{margin-bottom:14px}.journey h3{margin-top:12px}.journey p{max-width:none}.step{top:20px}.experience-foot{align-items:flex-start;flex-direction:column;gap:10px;margin-top:25px}.experience-foot p{margin:0}.merchant,.onboarding,.faq{grid-template-columns:1fr;gap:35px}.commission{max-width:none;padding:28px}.rate{font-size:80px}.onboarding ol{gap:24px}.faq h2{font-size:37px;margin-bottom:0}.faq-list details{padding:20px 0}.faq-list summary{font-size:12px}.closing{padding:60px 24px}.closing h2{font-size:51px;letter-spacing:-2px}footer{padding:35px 24px;gap:20px}footer>p{font-size:10px}footer>div{gap:14px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
/* Two distinct Clickpedi proposals */
.brand-main small{font-size:6px;letter-spacing:1.25px}.intro-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end}.intro-heading>p{color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 24px}.proposal-intro{padding-bottom:70px}.proposal-links{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}.proposal-links>a{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;text-decoration:none}.proposal-links>a:hover strong{color:#967500}.proposal-number{font-size:13px;color:#8892a7}.proposal-links small{display:block;font-size:8px;letter-spacing:1.6px;color:#7b869d;margin-bottom:8px}.proposal-links strong{font-size:21px;letter-spacing:-.6px}.proposal-links>a>span:last-child{font-size:22px;margin-left:auto}.menu-service,.delivery-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:46px 5vw;align-items:center}.menu-service{background:#f4f6fb}.service-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;color:var(--muted);max-width:470px;margin:0 0 28px}.service-copy h2{font-size:clamp(38px,4.6vw,64px);letter-spacing:-2.7px}.service-copy h2 em{font-style:normal;color:#899668}.menu-service .service-copy h2 em{color:var(--navy)}.service-copy .button{font-size:12px;gap:20px}.example-link{display:block;text-decoration:none;font-size:11px;margin-top:21px;color:#5d6b85;width:fit-content}.example-link:hover{text-decoration:underline}.service-visual{margin:0;min-width:0;position:relative;border-radius:28px;overflow:hidden;background:#e8eddc;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding-top:28px}.service-visual img{display:block;width:100%;height:auto}.visual-label{font-size:8px;letter-spacing:1.8px;font-weight:700;padding:0 30px;position:relative;z-index:1}.service-visual figcaption{padding:0 28px 22px;font-size:8px;line-height:1.5;color:#728062;margin-top:-10px;position:relative;z-index:1}.feature-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:35px 45px;margin-top:10px}.feature-grid article{border-top:1px solid #d8deea;padding-top:23px}.feature-icon{display:flex;width:35px;height:35px;align-items:center;justify-content:center;font-size:25px;margin-bottom:20px;color:#33415d}.feature-grid h3{font-size:17px;margin:0 0 11px;letter-spacing:-.4px}.feature-grid p{font-size:12px;line-height:1.85;color:var(--muted);margin:0}.service-note{grid-column:1/-1;display:flex;justify-content:space-between;gap:40px;border-top:1px solid #d8deea;padding-top:25px;margin-top:8px}.service-note strong{font-size:12px;max-width:280px;line-height:1.7}.service-note p{font-size:10px;line-height:1.8;max-width:480px;color:var(--muted);margin:0}.delivery-intro{background:var(--navy);color:white}.delivery-intro .eyebrow{color:#a4b2cf}.delivery-intro h2 em{color:var(--yellow)}.delivery-intro .service-copy>p:not(.eyebrow){color:#c1cbe0}.delivery-visual{background:#23304e}.delivery-visual .visual-label{color:#c3cee1}.delivery-visual figcaption{color:#a1afca}.status-tag{display:flex;gap:8px;align-items:center;font-size:10px;color:#b7c4df;margin:0 0 26px}.status-tag span{height:6px;width:6px;border-radius:50%;background:var(--yellow)}.delivery-capabilities{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:15px}.delivery-capabilities article{border-top:1px solid #ffffff2b;padding-top:22px}.delivery-capabilities article>span{font-size:10px;color:var(--yellow)}.delivery-capabilities h3{font-size:17px;line-height:1.3;letter-spacing:-.4px;margin:18px 0 12px}.delivery-capabilities p{color:#aebbd3;font-size:11px;line-height:1.85;margin:0}.delivery-availability{grid-column:1/-1;font-size:9px;line-height:1.8;color:#899cbe;margin:0;border-top:1px solid #ffffff20;padding-top:24px}.comparison{padding-top:80px}.comparison .section-heading{margin-bottom:35px}.comparison-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:570px;text-align:left}caption{text-align:left;color:#77839a;font-size:11px;margin-bottom:18px}thead{background:var(--navy);color:white}thead th{font-size:12px;font-weight:650;padding:22px 24px;width:36%}thead th:first-child{width:28%;border-radius:12px 0 0 0}thead th:last-child{border-radius:0 12px 0 0;color:var(--yellow)}tbody th,tbody td{padding:22px 24px;border-bottom:1px solid var(--line);font-size:12px;line-height:1.75}tbody th{font-weight:650}tbody td{color:#65718a}tbody td:nth-child(2){background:#f8f9fc}tbody td:last-child{background:#fffdf4}tbody a{font-size:11px;color:var(--navy);font-weight:700;text-underline-offset:5px}.closing-secondary{display:block;width:fit-content;margin:22px auto 0;font-size:12px;text-decoration:none;border-bottom:1px solid #111d3b55;padding-bottom:6px}.merchant-copy>.button{margin-top:20px}
@media(max-width:1000px){.brand-main{font-size:23px}.brand-main small{font-size:5px;letter-spacing:1px}.site-header nav{gap:14px;font-size:10px}.site-header>.button{font-size:10px}.menu-service,.delivery-intro{gap:35px}.service-copy h2{font-size:44px;letter-spacing:-2px}.feature-grid{gap:30px}.delivery-capabilities{grid-template-columns:repeat(2,1fr)}.intro-heading{gap:30px}}
@media(max-width:720px){.intro-heading{grid-template-columns:1fr;gap:0}.intro-heading>p{font-size:13px}.proposal-links{grid-template-columns:1fr;gap:0;margin-top:0}.proposal-links>a{border-top:0;gap:15px}.proposal-links strong{font-size:20px}.menu-service,.delivery-intro{grid-template-columns:1fr;gap:35px}.service-copy h2{font-size:45px;letter-spacing:-2px}.service-copy>p:not(.eyebrow){font-size:13px}.service-visual{border-radius:18px;padding-top:25px}.feature-grid{grid-template-columns:1fr 1fr;gap:28px 22px;margin-top:0}.feature-grid h3{font-size:15px}.feature-grid p{font-size:11px}.feature-icon{margin-bottom:12px}.service-note{flex-direction:column;gap:10px}.service-note p{font-size:10px}.service-note strong{max-width:none}.delivery-capabilities{gap:25px}.delivery-capabilities h3{font-size:16px}.delivery-capabilities p{font-size:11px}.visual-label{padding:0 24px;font-size:7px}.service-visual figcaption{padding:0 24px 20px;font-size:7px}.comparison-scroll{margin-right:-24px;padding-right:24px}thead th,tbody td,tbody th{padding:17px 15px;font-size:11px}.comparison caption{font-size:10px}.brand-main small{font-size:5px}.brand-main img{width:34px;height:34px}}
