/* Deen Box — site styles */
:root{
  --teal:#0F6E56; --teal-d:#0B5946; --gold:#EF9F27; --violet:#7F77DD;
  --bg:#F4F6F8; --surface:#FFFFFF; --ink:#14161A; --muted:#565C66; --line:#E3E7EC;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; font-family:"Sora",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  color:var(--ink); background:var(--bg); line-height:1.6;
}
a{color:var(--teal); text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:960px; margin:0 auto; padding:0 20px}

/* Header */
header.site{padding:22px 0}
.brand{display:flex; align-items:center; gap:10px; font-weight:600; font-size:20px; color:var(--ink)}
.brand .mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--teal),var(--teal-d));
  display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}

/* Hero */
.hero{padding:48px 0 36px; text-align:center}
.hero h1{font-size:44px; line-height:1.15; margin:0 0 14px; letter-spacing:-.5px}
.hero h1 .accent{color:var(--teal)}
.hero p.sub{font-size:19px; color:var(--muted); max-width:620px; margin:0 auto 26px}
.badge{display:inline-flex; align-items:center; gap:8px; background:var(--ink); color:#fff;
  padding:12px 20px; border-radius:999px; font-weight:500; font-size:15px}
.badge .soon{color:var(--gold)}

/* Features */
.features{display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:16px; padding:24px 0 48px}
.card{background:var(--surface); border:1px solid var(--line); border-radius:16px; padding:22px;
  box-shadow:0 1px 3px rgba(20,22,26,.04)}
.card .ic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  font-size:22px;margin-bottom:12px}
.card h3{margin:0 0 6px; font-size:17px}
.card p{margin:0; color:var(--muted); font-size:14px}
.ic.teal{background:#E1F5EE;color:var(--teal)} .ic.gold{background:#FCEFD6;color:#B5790F}
.ic.violet{background:#EEEDFE;color:var(--violet)} .ic.coral{background:#FBE6DD;color:#C24A22}

/* Footer */
footer.site{border-top:1px solid var(--line); padding:28px 0 48px; color:var(--muted); font-size:14px}
footer.site .row{display:flex; flex-wrap:wrap; gap:14px; justify-content:space-between; align-items:center}
footer.site nav a{margin-left:18px}

/* Legal pages */
.legal{background:var(--surface); border:1px solid var(--line); border-radius:18px;
  padding:32px 30px; margin:14px 0 48px}
.legal h1{font-size:30px; margin:0 0 4px}
.legal .updated{color:var(--muted); font-size:14px; margin:0 0 22px}
.legal h2{font-size:19px; margin:26px 0 8px}
.legal p,.legal li{color:#2b2f36}
.legal a{word-break:break-word}
.backlink{display:inline-block; margin:18px 0 0; font-weight:500}
@media(max-width:560px){.hero h1{font-size:34px}.hero p.sub{font-size:17px}}