:root{
	--bg:#f2f2f0; /* açık beton arka plan */
	--panel:#e3e3e1;
	--accent:#ffb703; /* çimento sarısı */
	--muted:#6b6b6b;
	--dark:#2b2b2b;
	--brand:#0f766e;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,var(--bg),#e9e9e7);color:var(--dark)}
.wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}
.headline{font-size:clamp(2rem,8vw,4rem);line-height:1;letter-spacing:-0.02em;margin:0;color:var(--dark);font-weight:700}
.headline span{display:block;font-weight:600;color:var(--muted);font-size:clamp(1.2rem,4vw,1.6rem)}
.anim-wrap{width:720px;max-width:92vw;height:44vh;max-height:420px;margin:1.25rem auto;position:relative;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.12)}
.anim-wrap canvas{width:100%;height:100%;display:block;background:linear-gradient(180deg,#e6e6e6,#d0d0d0)}
.overlay-text{position:absolute;left:18px;top:18px;font-weight:700;color:rgba(30,30,30,0.12);font-size:72px;pointer-events:none;user-select:none}
.note{color:var(--muted);margin-top:.8rem}

/* Responsive tweaks */
@media (max-width:480px){
	.overlay-text{font-size:36px;left:12px;top:12px}
	.anim-wrap{height:40vw}
}

/* Hafif beton dokusu */
body::after{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(rgba(0,0,0,0.01) 1px, transparent 1px);background-size:14px 14px;opacity:.5}