*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:#111;background:#fff;line-height:1.6}
a{color:inherit;text-decoration:none}
.navbar{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:26px 7%;color:#fff}
.brand{font-weight:800;letter-spacing:-.03em;font-size:20px}.brand small{display:block;font-size:8px;letter-spacing:.2em;opacity:.7;font-weight:500}
.nav{display:flex;gap:25px;font-size:12px}.nav a{opacity:.85}.nav a:hover{opacity:1}
.btn{display:inline-block;margin-top:22px;padding:14px 21px;background:#fff;color:#111;font-size:12px;font-weight:800;border-radius:4px;transition:.2s}.btn:hover{transform:translateY(-2px)}
.btn.dark{background:#111;color:#fff}.btn.ghost{background:transparent;color:inherit;border:1px solid currentColor;margin-left:8px}
.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:10px;font-weight:800;opacity:.72;margin:0 0 16px}
.concept-hero{min-height:720px;padding:150px 9% 105px;display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center;color:#fff;position:relative;overflow:hidden}
.concept-hero:after{content:"";position:absolute;width:560px;height:560px;border-radius:50%;right:-180px;bottom:-250px;background:rgba(255,255,255,.1);filter:blur(70px)}
.concept-hero .copy{max-width:620px;position:relative;z-index:2}.concept-image{height:475px;border-radius:10px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.28);position:relative;z-index:2}.concept-image img{width:100%;height:100%;object-fit:cover;display:block}
.concept-hero h1{font-size:clamp(58px,8vw,104px);line-height:.88;letter-spacing:-.075em;margin:0 0 27px}.concept-hero p:not(.eyebrow){max-width:540px;color:#e8e8e8;font-size:16px}
.hero-meta{display:flex;gap:28px;margin-top:28px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;opacity:.8}.hero-meta strong{display:block;font-size:12px;letter-spacing:0;margin-top:4px;opacity:1}
.restaurant .concept-hero{background:linear-gradient(120deg,#1b100c,#a35e37)}
.cafe .concept-hero{background:linear-gradient(120deg,#17120f,#866044)}
.dentist .concept-hero{background:linear-gradient(120deg,#b8e0e3,#3d7e87);color:#15373b}.dentist .concept-hero p:not(.eyebrow){color:#244f54}
.trade .concept-hero{background:linear-gradient(120deg,#111416,#425056)}
.concept-section{padding:100px 9%}.concept-section h2{font-size:46px;line-height:1.03;letter-spacing:-.055em;margin:0 0 16px}.concept-section h3{line-height:1.15}.muted{color:#697077}
.intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}.intro-copy{max-width:700px;font-size:18px}.small-note{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#777}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}.feature{padding:30px;background:#f5f5f3;border:1px solid #e9e9e7;border-radius:8px}.feature h3{margin:0 0 9px;font-size:18px}.feature p{margin:0;color:#697077;font-size:14px}
.restaurant .concept-section,.cafe .concept-section{background:#fff}.dentist .concept-section{background:#f4fbfc}.trade .concept-section{background:#f5f6f6}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split-image{height:440px;border-radius:10px;overflow:hidden}.split-image img{width:100%;height:100%;object-fit:cover}.split-copy p{color:#697077}.list{padding:0;margin:25px 0 0;list-style:none}.list li{padding:13px 0;border-bottom:1px solid #ddd;font-size:14px}.list li:before{content:"✓";font-weight:800;margin-right:12px}
.menu{background:#f8f4ef}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:1000px;margin-top:35px}.menu-item{background:#fff;border:1px solid #e6dfd7;border-radius:8px;padding:20px;display:flex;justify-content:space-between;gap:20px}.menu-item h3{margin:0;font-size:15px}.menu-item p{margin:5px 0 0;color:#737373;font-size:12px}.menu-item span{font-weight:800;white-space:nowrap}
.quote-band{padding:70px 9%;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#111;color:#fff}.quote-band h2{font-size:38px;line-height:1.05;letter-spacing:-.05em;margin:0;max-width:700px}.quote-band p{color:#bbb;max-width:650px}.quote-band .btn{color:#111;flex-shrink:0}
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px}.review{padding:28px;border:1px solid #e2e3e4;border-radius:8px}.review p{margin:0 0 18px;font-size:14px}.review strong{font-size:12px}
.contact-panel{display:grid;grid-template-columns:1.2fr .8fr;gap:30px}.contact-card{padding:28px;background:#f5f6f6;border-radius:8px}.contact-card strong{display:block;margin-bottom:5px}.contact-card p{margin:0;color:#697077;font-size:14px}
.footer{background:#111;color:#fff;padding:35px 9%;display:flex;justify-content:space-between;font-size:11px}.footer a{color:#bbb}
@media(max-width:800px){.navbar{padding:22px}.nav{gap:10px;font-size:9px}.concept-hero{padding:125px 22px 75px;min-height:auto;grid-template-columns:1fr;gap:35px}.concept-image{height:300px;order:2}.concept-hero .copy{order:1}.hero-meta{gap:16px;flex-wrap:wrap}.concept-section{padding:65px 22px}.intro-grid,.split,.contact-panel{grid-template-columns:1fr;gap:35px}.feature-grid,.menu-grid,.review-grid{grid-template-columns:1fr}.split-image{height:300px}.quote-band{padding:55px 22px;display:block}.quote-band .btn{margin-top:15px}.footer{padding:30px 22px;display:block}.footer a{display:block;margin-top:10px}}