/* Smritika — Kira's design language (SMRITIKA_WEBSITE doc, Day 141): warm paper, quiet type,
   zero scripts, zero cookies. The site's restraint is the first proof of the product's claim. */
:root{--ground:#FAF6EF;--surface:#FFFDF8;--ink:#2A2620;--ink-soft:#6B6357;--gold:#E8C547;--accent:#C4622D}
@media (prefers-color-scheme: dark){:root{--ground:#191612;--surface:#211D18;--ink:#EFE9DF;--ink-soft:#A89F92;--accent:#E8874F}}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--ground);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;font-size:18px;line-height:1.6}
main{max-width:680px;margin:0 auto;padding:48px 24px 96px}
h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:2.6rem;margin:24px 0 6px}
h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:1.5rem;color:var(--ink);margin:40px 0 12px}
h1+h2.tag{margin-top:0;color:var(--ink-soft)}
p,li{margin:14px 0;color:var(--ink)}
.soft,em{color:var(--ink-soft)}
ul{padding-left:22px}
hr{border:none;border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent);margin:40px 0}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.btn{display:inline-block;background:var(--accent);color:#fff;padding:14px 26px;border-radius:12px;font-weight:500;margin:18px 0}
.quote{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.25rem;font-style:italic;color:var(--ink-soft)}
footer{margin-top:56px;font-size:.92rem;color:var(--ink-soft)}
footer .creed{margin-top:8px;font-size:.85rem}
strong{font-weight:700}
@media (prefers-reduced-motion: no-preference){main{animation:fade .6s ease}@keyframes fade{from{opacity:0}to{opacity:1}}}

/* s152 hero sections (Chairman: "kiruplay.app should have the hero by hero" = hero IMAGE by hero
   image). Wide, alternating bands; the picture carries the point and the words stay out of its way.
   Still zero scripts and zero cookies — for an app with no accounts and no server, the site should
   prove the same restraint. */
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.hero{padding:64px 0 8px;text-align:center}
.hero img{width:100%;max-width:900px;border-radius:18px}
.band{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin:72px 0}
.band img{width:100%;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.12)}
.band .txt h2{margin-top:0}
.band.flip .shot{order:2}
.shots{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:40px 0}
.shots img{width:100%;border-radius:14px}
.creedline{text-align:center;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.35rem;
  color:var(--ink-soft);margin:64px 0 8px}
@media (max-width:760px){.band{grid-template-columns:1fr;gap:20px;margin:48px 0}
  .band.flip .shot{order:0}.shots{grid-template-columns:1fr 1fr}}