:root{
	--bg:#0b1220; /* deep blue/near black */
	--card:#0f1724;
	--accent:#ffb47a;
	--accent-2:#ff7a45;
	--cream:#fff1e6;
	--muted:#9aa4b2;
	--glass:rgba(255,255,255,0.04);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
	margin:0;
	font-family:'Prompt',system-ui,Arial,Helvetica,sans-serif;
	background:linear-gradient(180deg,#071225 0%,#081029 60%);
	color:var(--cream);
	-webkit-font-smoothing:antialiased;
}

.container{max-width:1100px;margin:0 auto;padding:28px}

/* NAV */
.nav{position:sticky;top:0;z-index:40;background:linear-gradient(180deg,rgba(11,18,32,0.6),rgba(11,18,32,0.35));backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,0.03)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{font-weight:800;text-decoration:none;color:var(--cream);font-size:18px}
#nav-toggle{display:none;background:transparent;border:none;color:var(--cream);font-size:20px;padding:8px}
.nav-links{display:flex;align-items:center;gap:12px}
.nav-links a{color:var(--muted);text-decoration:none;padding:8px 10px;border-radius:10px;transition:all .18s}
.nav-links a:hover{color:var(--cream);background:var(--glass)}
.nav-links .cta{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#111;padding:8px 14px;border-radius:999px;font-weight:700}

/* HERO */
.hero{display:flex;gap:32px;align-items:center;padding:48px 0}
.hero-left{flex:1}
.hero-title{font-size:40px;line-height:1.05;margin:0 0 12px;color:var(--cream);letter-spacing:-0.6px}
.hero-sub{color:var(--muted);margin:0 0 18px;font-size:16px}
.hero-ctas{display:flex;gap:12px}
.btn{display:inline-block;text-decoration:none;border-radius:12px;padding:12px 18px;font-weight:700;transition:transform .18s ease,box-shadow .18s}
.btn-primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#111}
.btn-outline{background:transparent;border:1px solid rgba(255,255,255,0.06);color:var(--cream)}
.btn:hover{transform:translateY(-4px)}

.hero-right{width:420px}
.hero-card{background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(255,255,255,0.01));padding:14px;border-radius:18px;box-shadow:0 10px 30px rgba(2,6,23,0.6);border:1px solid rgba(255,255,255,0.03)}
.hero-image{width:100%;height:260px;object-fit:cover;border-radius:12px;background:linear-gradient(135deg,#ffe7d1,#ffd7c2)}
.hero-card-band{margin-top:10px;color:var(--muted);font-size:13px}

/* SECTIONS */
.card{background:var(--card);padding:22px;border-radius:14px;border:1px solid rgba(255,255,255,0.03);box-shadow:0 8px 30px rgba(2,6,23,0.6)}
.about .card p{color:var(--muted);margin:10px 0}

.section-title{font-size:22px;margin:0 0 16px;color:var(--cream)}

.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.menu-card{background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(255,255,255,0.01));padding:14px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,0.03)}
.menu-card .name{color:var(--cream);font-weight:600}
.menu-card .price{color:var(--accent-2);font-weight:800}

.demi .split{display:flex;gap:20px;align-items:center}
.demi-illustration{font-size:48px}

.workflow .flow{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.workflow .flow li{display:flex;flex-direction:column;padding:12px;border-radius:10px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.02)}
.workflow .flow li span{color:var(--muted);margin-top:6px}

.links-row{display:flex;gap:12px;flex-wrap:wrap}

.contact .card p{color:var(--muted)}

.site-footer{padding:22px 0;margin-top:40px;border-top:1px solid rgba(255,255,255,0.03)}
.footer-inner{display:flex;justify-content:space-between;align-items:center;color:var(--muted);gap:12px}

@media(max-width:900px){
	.menu-grid{grid-template-columns:repeat(2,1fr)}
	.hero-right{width:320px}
}

@media(max-width:640px){
	#nav-toggle{display:inline-block}
	.nav-links{position:fixed;right:12px;top:64px;background:linear-gradient(180deg,rgba(2,6,23,0.96),rgba(2,6,23,0.98));padding:12px;border-radius:12px;flex-direction:column;display:none;min-width:200px}
	.nav-links.show{display:flex}
	.hero{flex-direction:column;padding:20px 0}
	.hero-title{font-size:26px}
	.menu-grid{grid-template-columns:1fr}
	.demi .split{flex-direction:column}
}