:root{
  --black:#111111;--bg:#f7f7f3;--white:#fff;--blue:#2563ff;--blue-light:#e8eeff;
  --text:#252525;--muted:#6b7280;--line:#e5e7eb;--dark2:#1a1a1a;
  --heading:"Space Grotesk",sans-serif;--body:"Inter",sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);line-height:1.6}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);background:rgba(247,247,243,.92);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.logo{font:700 26px var(--heading);letter-spacing:-1.5px}.logo span{font-weight:400}.logo .dot{color:var(--blue)}.nav{display:flex;gap:34px;font-size:13px;font-weight:600}.nav a:hover,.footer-top a:hover{color:var(--blue)}.header-cta{background:var(--black);color:#fff;padding:12px 18px;border-radius:3px;font-size:13px;font-weight:600}.header-cta span,.btn span{margin-left:10px}.menu-toggle{display:none;background:none;border:0;font-size:22px}.hero{min-height:calc(100vh - 82px);padding:7vw 5vw 5vw;display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;overflow:hidden}.eyebrow,.section-label{font:600 11px var(--body);letter-spacing:1.8px;color:var(--muted)}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue);margin-right:9px}.hero h1{font:600 clamp(56px,7vw,100px)/.93 var(--heading);letter-spacing:-5px;margin:24px 0 28px;color:var(--black)}h1 em,h2 em{font-style:normal;color:var(--blue)}.hero-text{max-width:590px;font-size:18px;color:#555;line-height:1.75}.hero-actions{display:flex;gap:12px;margin:35px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 20px;border:1px solid transparent;border-radius:3px;font-size:13px;font-weight:700}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(37,99,255,.2)}.btn-ghost{border-color:#ccc}.btn-ghost:hover{border-color:#111}.trust-row{display:flex;gap:12px;color:#999;font-size:9px;font-weight:700;letter-spacing:1.2px}.hero-visual{height:620px;position:relative}.browser{background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 35px 80px rgba(0,0,0,.13);overflow:hidden}.browser-main{position:absolute;top:7%;left:2%;width:92%;transform:rotate(-2deg)}.browser-bar{height:34px;background:#eee;display:flex;align-items:center;gap:6px;padding:0 12px}.browser-bar span{width:6px;height:6px;border-radius:50%;background:#bbb}.browser-bar b{font:500 9px var(--body);color:#999;margin:auto}.mock-site{height:420px;background:#f2eadc;padding:22px}.mock-nav{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1px}.mock-nav strong{font:700 13px var(--heading);line-height:.8}.mock-nav button{border:0;background:#111;color:#fff;padding:7px 10px;font-size:6px}.mock-hero{display:grid;grid-template-columns:1fr 1fr;height:360px;align-items:center}.mock-hero small{font-size:7px;letter-spacing:1px}.mock-hero h3{font:600 39px/.95 var(--heading);letter-spacing:-2px}.mock-hero a{font-size:9px;border-bottom:1px solid #111;padding-bottom:4px}.mock-food{height:250px;position:relative}.plate{width:235px;height:235px;border-radius:50%;background:#f8f5ee;position:absolute;left:15%;top:4%;box-shadow:0 10px 20px rgba(0,0,0,.12)}.cup{width:105px;height:105px;border-radius:50% 50% 42% 42%;background:#fafafa;border:9px solid #ded6c9;position:absolute;left:34%;top:28%;box-shadow:inset 0 10px 10px #b79b7a}.phone{position:absolute;right:-2%;bottom:4%;width:185px;height:365px;background:#101010;border-radius:28px;padding:8px;box-shadow:0 25px 55px rgba(0,0,0,.3);transform:rotate(5deg)}.phone-speaker{width:55px;height:5px;border-radius:10px;background:#333;margin:3px auto 7px}.phone-screen{height:335px;border-radius:21px;background:#f4efe6;padding:20px 15px}.phone-screen small{font-size:7px;letter-spacing:1px}.phone-screen h4{font:600 31px/.9 var(--heading);margin:15px 0}.phone-screen h4 i{color:var(--blue);font-style:normal}.food-card{background:#fff;border-radius:10px;padding:9px;box-shadow:0 8px 18px #0001}.food-shape{height:75px;border-radius:8px;background:radial-gradient(circle at 50% 50%,#d8a05f 0 25%,#f0c68e 26% 42%,#e4e0d7 43% 100%);margin-bottom:8px}.food-card strong{font-size:9px}.food-card span{float:right;font-size:9px}.phone-screen button{margin-top:10px;width:100%;border:0;background:#111;color:#fff;border-radius:5px;padding:9px;font-size:8px}.float-tag{position:absolute;background:#fff;border:1px solid #ddd;padding:10px 13px;font-size:8px;font-weight:700;letter-spacing:1px;box-shadow:0 8px 20px #0001}.tag-menu{top:23%;right:-3%}.tag-wa{bottom:21%;left:-4%}.tag-wa b{color:var(--blue);margin-left:8px}.section{padding:120px 8vw}.problem{display:grid;grid-template-columns:.7fr 1.3fr;column-gap:8vw;row-gap:65px}.problem h2,.section-heading h2,.work h2,.restaurant-feature h2,.process h2,.pricing h2,.why h2,.contact h2{font:600 clamp(42px,5vw,68px)/1 var(--heading);letter-spacing:-3px;margin:0;color:var(--black)}.lead{font-size:19px;max-width:690px;color:#666}.problem-grid{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--line);padding-top:30px}.problem-grid article span,.steps article>span{color:var(--blue);font-size:11px;font-weight:700}.problem-grid h3,.steps h3{font:600 21px var(--heading);margin:15px 0 8px}.problem-grid p,.steps p{color:#777;font-size:14px}.dark{background:var(--black);color:#fff}.dark .section-label{color:#777}.dark h2,.dark h3{color:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:25px 0 70px}.section-heading p{max-width:380px;color:#999}.service-list{border-top:1px solid #333}.service-list article{display:grid;grid-template-columns:80px 1fr 30px;gap:30px;padding:32px 0;border-bottom:1px solid #333;align-items:start}.service-num{font-size:11px;color:#666}.service-list h3{font:500 28px var(--heading);margin:0}.service-list p{color:#888;max-width:650px;margin:8px 0 0;font-size:14px}.service-list article>span{color:var(--blue);font-size:22px}.work-head{display:flex;justify-content:space-between;align-items:end;margin:25px 0 65px}.work-head p{max-width:340px;color:#777}.portfolio-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:25px}.project-large{grid-row:span 2}.project-image{height:360px;overflow:hidden;position:relative}.project-large .project-image{height:500px}.cafe{background:#d9c6a7;padding:35px}.project-browser{height:100%;background:#eee9df;padding:22px;box-shadow:0 20px 40px #0002}.mini-nav{font:700 11px var(--heading);display:flex;justify-content:space-between}.mini-nav span{font:500 7px var(--body);letter-spacing:1px}.mini-hero{height:85%;padding-top:100px;position:relative}.mini-hero small{font-size:7px}.mini-hero h3{font:600 52px/.9 var(--heading);letter-spacing:-3px;margin:15px 0}.mini-circle{position:absolute;width:250px;height:250px;border-radius:50%;right:3%;top:20%;background:radial-gradient(circle,#a97b4d 0 28%,#f4f0e7 29% 46%,#d6b995 47% 100%)}.burger{background:#f0e9dc;display:flex;align-items:center;justify-content:center}.burger b{position:absolute;top:25px;left:25px;font:700 34px/.85 var(--heading)}.burger-art{position:relative;width:210px;height:210px}.bun{height:75px;width:170px;background:#b86d2e;border-radius:100px 100px 20px 20px;position:absolute;top:20px;left:20px;box-shadow:inset 0 -10px #9b5524}.patty{height:40px;width:175px;background:#39261e;position:absolute;top:85px;left:18px;border-radius:8px}.cheese{height:20px;width:185px;background:#e6a82d;position:absolute;top:115px;left:13px;transform:skewY(4deg)}.bun.bottom{top:138px;height:55px;border-radius:15px 15px 45px 45px;background:#d58a43}.moroccan{background:#1f2923;display:flex;align-items:center;justify-content:center}.arch{width:190px;height:275px;border:18px solid #d6b578;border-bottom:0;border-radius:100px 100px 0 0;color:#e8d6a9;text-align:center;padding-top:70px}.arch span{display:block;font:600 45px var(--heading)}.arch small{font-size:9px;letter-spacing:2px}.project-meta{display:flex;justify-content:space-between;padding:20px 2px}.project-meta small{font-size:9px;letter-spacing:1.4px;color:#888}.project-meta h3{font:600 20px var(--heading);margin:5px 0}.project-meta>span{color:var(--blue)}.restaurant-feature{background:var(--blue);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.restaurant-feature h2{color:#fff;margin:25px 0}.restaurant-feature p{color:#dbe5ff;max-width:560px}.text-link{display:inline-block;margin-top:20px;border-bottom:1px solid #fff;padding-bottom:6px;font-size:13px;font-weight:700}.feature-flow{display:flex;align-items:center;gap:12px}.feature-flow>i{font-style:normal;color:#aebfff}.flow-item{width:125px;height:145px;border:1px solid #ffffff44;padding:16px;display:flex;flex-direction:column;justify-content:space-between}.flow-item b{font-size:10px}.flow-item span{font:700 12px var(--heading)}.flow-item small{font-size:9px;color:#b9c8ff}.flow-item.accent{background:#111;border-color:#111}.process{background:#fff}.process-head{display:flex;justify-content:space-between;align-items:end;margin:25px 0 70px}.process-head p{max-width:360px;color:#777}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}.steps article{padding:30px 30px 0 0;border-right:1px solid var(--line);margin-right:30px}.steps article:last-child{border-right:0}.pricing-head{display:flex;justify-content:space-between;align-items:end;margin:25px 0 70px}.pricing-head p{color:#888;max-width:340px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{border:1px solid #333;padding:35px;position:relative}.price-card.featured{background:#fff;color:#111;border-color:#fff}.price-card small{font-size:10px;letter-spacing:1.5px;color:#777;font-weight:700}.price-card .price{font:600 52px var(--heading);letter-spacing:-3px;margin:18px 0}.price-card .price span{font-size:20px;letter-spacing:0}.price-card p{color:#888;font-size:13px;min-height:55px}.price-card ul{list-style:none;padding:20px 0;border-top:1px solid #333;margin:25px 0}.price-card.featured ul{border-color:#ddd}.price-card li{font-size:12px;margin:11px 0}.price-card li:before{content:"✓";color:var(--blue);margin-right:9px}.price-card a{font-size:12px;font-weight:700}.popular{position:absolute;right:20px;top:20px;background:var(--blue);color:#fff;padding:6px 9px;font-size:8px;font-weight:700;letter-spacing:1px}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:35px}.why-items{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.why-items article{padding:25px 20px 25px 0;border-bottom:1px solid var(--line)}.why-items article:nth-child(odd){border-right:1px solid var(--line);padding-right:30px}.why-items article:nth-child(even){padding-left:30px}.why-items b{font-size:10px;color:var(--blue)}.why-items h3{font:600 19px var(--heading);margin:10px 0}.why-items p{font-size:12px;color:#777}.contact{display:grid;grid-template-columns:1fr .8fr;gap:10vw}.contact h2{color:#fff;margin:25px 0}.contact-copy>p{color:#888;max-width:450px}.contact-form{display:grid;gap:18px}.contact-form label{font-size:10px;color:#888;letter-spacing:1px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin-top:7px;background:#1b1b1b;border:1px solid #333;color:#fff;padding:13px 14px;border-radius:2px;outline:none}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--blue)}.contact-form textarea{resize:vertical}.contact-form .btn{border:0;cursor:pointer}.form-note{font-size:10px;color:#666;margin:0}footer{background:#0a0a0a;color:#fff;padding:35px 5vw}.footer-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:35px;border-bottom:1px solid #252525}.footer-top p{color:#777;font-size:12px}.footer-top>a:last-child{font-size:12px}.footer-bottom{display:flex;justify-content:space-between;padding-top:20px;color:#555;font-size:9px;letter-spacing:.5px}
@media(max-width:900px){.nav,.header-cta{display:none}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:70px}.hero-visual{height:520px}.problem,.restaurant-feature,.contact{grid-template-columns:1fr}.problem-grid{grid-column:auto}.portfolio-grid{grid-template-columns:1fr}.project-large{grid-row:auto}.project-large .project-image{height:430px}.steps{grid-template-columns:1fr 1fr}.price-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr}.section-heading,.work-head,.process-head,.pricing-head{display:block}.section-heading p,.work-head p,.process-head p,.pricing-head p{margin-top:25px}.feature-flow{flex-wrap:wrap}.feature-flow>i{display:none}}
@media(max-width:600px){.site-header{height:68px;padding:0 5vw}.hero{min-height:auto;padding:60px 6vw 35px}.hero h1{font-size:55px;letter-spacing:-3px}.hero-text{font-size:15px}.trust-row{flex-wrap:wrap}.hero-visual{height:430px}.browser-main{width:96%}.mock-site{height:300px;padding:14px}.mock-hero{height:260px}.mock-hero h3{font-size:25px}.plate{width:150px;height:150px}.cup{width:70px;height:70px}.phone{width:145px;height:290px;bottom:2%}.phone-screen{height:265px;padding:15px}.phone-screen h4{font-size:24px}.food-shape{height:55px}.float-tag{display:none}.section{padding:80px 6vw}.problem-grid{grid-template-columns:1fr}.problem h2,.section-heading h2,.work h2,.restaurant-feature h2,.process h2,.pricing h2,.why h2,.contact h2{font-size:42px;letter-spacing:-2px}.service-list article{grid-template-columns:45px 1fr 20px;gap:10px}.service-list h3{font-size:21px}.service-list p{font-size:12px}.project-large .project-image{height:340px}.mini-hero h3{font-size:37px}.mini-circle{width:150px;height:150px}.steps{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid var(--line);padding:25px 0;margin:0}.price-card{padding:25px}.why-items{grid-template-columns:1fr}.why-items article:nth-child(odd){border-right:0;padding-right:0}.why-items article:nth-child(even){padding-left:0}.contact-form .btn{width:100%}.footer-top{display:block}.footer-top p{margin:15px 0}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}}

:root{padding-top:env(safe-area-inset-top,0px)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
.wa-fab{position:fixed;right:18px;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);z-index:30;background:#111;color:#fff;padding:14px 18px;border-radius:40px;font:700 13px var(--heading);box-shadow:0 10px 30px #0004;display:none}
.wa-fab.show{display:block}.wa-fab:hover{background:var(--blue)}
.form-status{font-size:13px;color:#9fb8ff;min-height:18px}
.social{display:flex;gap:18px;font-size:12px}.social a:hover{color:var(--blue)}
@media(max-width:900px){.nav.open{display:flex;flex-direction:column;gap:0;position:absolute;top:100%;left:0;right:0;background:#F7F7F3;border-bottom:1px solid var(--line);padding:8px 5vw 16px}.nav.open a{padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}}

.cta-band{background:#111;color:#fff;text-align:center;padding:100px 8vw}.cta-band h2{font:600 clamp(36px,5vw,60px)/1 var(--heading);letter-spacing:-2px;margin:0 0 28px;color:#fff}.cta-band h2 em{font-style:normal;color:var(--blue)}
.nav a.active{color:var(--blue)}