/* ============ DARSHAN shared styles — all pages ============ */
:root{
  --ink:#2b2620; --soft:#6b6257; --gold:#c49b20; --gold-l:#e8c96a; --maroon:#7a1f2b;
  --cream:#fdfbf3; --page:#f6f2e7; --line:#e5dcc3; --green:#3d6b35;
  --night:#04050d; --night2:#0a0c1e; --starline:#8fa3d8;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Georgia,'Times New Roman',serif;background:var(--page);color:var(--ink);line-height:1.65}
img{max-width:100%}
.wrap{max-width:920px;margin:0 auto;padding:0 20px 60px}

/* ---------- nav ---------- */
nav{position:sticky;top:0;z-index:50;background:rgba(253,251,243,.96);border-bottom:1px solid var(--line);
    backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
nav .in{max-width:920px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:20px}
nav .logo{font-weight:bold;color:var(--maroon);font-size:1.15rem;text-decoration:none;white-space:nowrap}
nav .logo .dev{color:var(--gold)}
#nav-menu{display:flex;align-items:center;gap:20px;margin-left:auto}
#nav-menu a{color:var(--soft);text-decoration:none;font-size:.93rem}
#nav-menu a:hover,#nav-menu a.on{color:var(--maroon)}
#nav-menu .cta{background:var(--maroon);color:#fff !important;padding:7px 16px;border-radius:20px;font-size:.9rem}
#nav-burger{display:none;margin-left:auto;background:none;border:1px solid var(--line);border-radius:8px;
  padding:7px 10px;font-size:1.1rem;color:var(--maroon);cursor:pointer;line-height:1}

/* nav over the sky (home) */
nav.over-sky{position:fixed;left:0;right:0;background:transparent;border-bottom:none;transition:background .3s,border-color .3s}
nav.over-sky .logo{color:var(--gold-l)}
nav.over-sky #nav-menu a{color:#cfd3e8}
nav.over-sky #nav-menu a:hover{color:#fff}
nav.over-sky #nav-menu .cta{background:var(--gold);color:var(--night) !important;font-weight:bold}
nav.over-sky #nav-burger{color:var(--gold-l);border-color:rgba(196,155,32,.45)}
nav.over-sky.solid{background:rgba(5,6,15,.9);border-bottom:1px solid rgba(196,155,32,.25)}

@media(max-width:740px){
  #nav-burger{display:block}
  #nav-menu{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;
    gap:0;background:var(--cream);border-bottom:1px solid var(--line);padding:6px 0}
  #nav-menu.open{display:flex}
  #nav-menu a{display:block;width:100%;padding:12px 22px;font-size:1rem}
  #nav-menu .cta{border-radius:0;margin:6px 0 8px;width:100%;text-align:center}
  nav.over-sky #nav-menu{background:rgba(5,6,15,.96);border-color:rgba(196,155,32,.25)}
}

/* ---------- THE SKY (home hero) ---------- */
.sky-hero{position:relative;min-height:100svh;background:var(--night);display:flex;align-items:center;justify-content:center;overflow:hidden}
#sky{position:absolute;inset:0;width:100%;height:100%;display:block}
.sky-content{position:relative;z-index:2;text-align:center;padding:90px 22px 70px;max-width:760px}
.sky-content .dev-big{display:block;font-size:clamp(3.4rem,10vw,5.6rem);color:var(--gold-l);line-height:1.15;
  text-shadow:0 0 26px rgba(196,155,32,.55),0 0 90px rgba(196,155,32,.28)}
.sky-content h1{color:#f2ecdc;font-size:clamp(1.6rem,4.5vw,2.4rem);letter-spacing:.24em;font-weight:normal;margin-top:6px;text-transform:uppercase}
.sky-content .tagline{color:#b9bed6;font-style:italic;margin-top:14px;font-size:clamp(.98rem,2.6vw,1.12rem)}
.sky-content .tagline .hi{color:var(--gold-l);font-style:normal}
.sky-sub{color:#8d93b3;font-size:.95rem;margin-top:10px}
.sky-cta{margin-top:30px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.scroll-cue{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);color:#8d93b3;font-size:1.5rem;
  animation:cue 2.2s ease-in-out infinite;z-index:2;text-decoration:none}
@keyframes cue{0%,100%{transform:translate(-50%,0);opacity:.55}50%{transform:translate(-50%,8px);opacity:1}}
@media(prefers-reduced-motion:reduce){.scroll-cue{animation:none}}

.night-band{background:var(--night);color:#b9bed6;padding:8px 20px 46px}
.numbers{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 34px;max-width:920px;margin:0 auto;font-size:.9rem}
.numbers b{color:var(--gold-l);font-size:1.3rem;display:block;text-align:center;font-style:normal}
.numbers div{text-align:center;min-width:108px}

/* ---------- buttons ---------- */
.btn{display:inline-block;padding:13px 28px;border-radius:28px;text-decoration:none;font-size:1rem;border:1px solid var(--maroon)}
.btn.primary{background:var(--maroon);color:#fff}
.btn.ghost{color:var(--maroon);background:transparent}
.btn.gold{background:var(--gold);border-color:var(--gold);color:#fff}
.btn.star{background:var(--gold);border-color:var(--gold);color:var(--night);font-weight:bold;box-shadow:0 0 22px rgba(196,155,32,.4)}
.btn.outline-star{color:#e6e0c8;border-color:rgba(230,224,200,.55);background:rgba(255,255,255,.04)}
.btn.outline-star:hover{border-color:var(--gold-l);color:var(--gold-l)}

/* ---------- cards & sections ---------- */
.card{background:var(--cream);border:1px solid var(--line);border-left:4px solid var(--gold);
      border-radius:10px;padding:28px 30px;margin:22px 0;box-shadow:0 1px 4px rgba(60,50,30,.06)}
.card.honest{border-left-color:var(--maroon)}
h2{font-size:1.35rem;color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:14px}
h2 .dev{color:var(--maroon)}
p{margin:10px 0}
ul{margin:8px 0 8px 22px} li{margin:7px 0}
.section-head{text-align:center;margin:44px 0 6px}
.section-head .dev{color:var(--maroon);font-size:1.6rem;display:block}
.section-head h2{border:none;font-size:1.7rem;color:var(--maroon);margin-bottom:2px}
.section-head p{color:var(--soft);font-style:italic}

/* teaser tiles (home) */
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:26px 0}
.tile{background:var(--cream);border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:12px;
  padding:24px 22px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;
  transition:transform .18s,box-shadow .18s}
.tile:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(60,50,30,.12)}
.tile .hi{color:var(--gold);font-size:.9rem}
.tile h3{color:var(--maroon);font-size:1.2rem;margin:2px 0 8px}
.tile p{color:var(--soft);font-size:.93rem;flex:1}
.tile .go{color:var(--maroon);font-weight:bold;margin-top:12px;font-size:.92rem}

/* product grid */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-top:6px}
.prod{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 18px 16px;display:flex;flex-direction:column}
.prod h3{color:var(--maroon);font-size:1.05rem}
.prod .hi{color:var(--gold);font-size:.85rem;margin-bottom:6px}
.prod p{font-size:.9rem;color:var(--soft);flex:1}
.prod .pr{font-size:1.15rem;color:var(--ink);margin:8px 0 10px}
.prod .pr small{color:var(--soft);font-size:.75rem}
.prod a{align-self:flex-start;font-size:.88rem;color:#fff;background:var(--maroon);padding:6px 16px;border-radius:16px;text-decoration:none}
.prod.soon{opacity:.85}
.prod.soon a{background:var(--soft)}
.badge{display:inline-block;font-size:.7rem;letter-spacing:.05em;color:#fff;background:var(--green);border-radius:10px;padding:2px 9px;margin-bottom:8px;align-self:flex-start}
.badge.gray{background:var(--soft)}

.freebies{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.free{background:#fff;border:1px dashed var(--gold);border-radius:10px;padding:18px}
.free h3{color:var(--maroon);font-size:1rem;margin-bottom:6px}
.free p{font-size:.9rem;color:var(--soft)}

.steps{counter-reset:s;list-style:none;margin-left:0}
.steps li{counter-increment:s;position:relative;padding-left:44px;margin:16px 0}
.steps li::before{content:counter(s);position:absolute;left:0;top:2px;width:30px;height:30px;
  border-radius:50%;background:var(--gold);color:#fff;font-weight:bold;display:flex;
  align-items:center;justify-content:center}
.price-line{font-size:1.5rem;color:var(--maroon);text-align:center;margin:6px 0}
.contact-line{text-align:center;font-size:1.05rem;margin:4px 0}
.fineprint{font-size:.85rem;color:var(--soft)}
.q{font-weight:bold;margin-top:14px}
.here{color:var(--gold);font-weight:bold}

.partner{background:var(--ink);color:var(--cream);border:none;border-left:4px solid var(--gold)}
.partner h2{color:var(--cream);border-color:#4a443c}
.partner p{color:#d8d2c6}
.partner a{color:var(--gold)}

footer{text-align:center;color:var(--soft);font-size:.85rem;margin-top:34px;line-height:1.9;padding:0 20px 40px}
footer .links{margin:4px 0}
footer .links a{color:var(--soft);text-decoration:none;margin:0 8px}
footer .links a:hover{color:var(--maroon)}
footer.on-night{background:var(--night);color:#8d93b3;margin-top:0;padding-top:30px}
footer.on-night .links a{color:#8d93b3}
footer.on-night .links a:hover{color:var(--gold-l)}

/* ---------- service pages ---------- */
.svc-hero{background:linear-gradient(160deg,#1b1710,#2b2620 60%,#3a2a18);color:var(--cream);
  padding:54px 20px 40px;text-align:center;border-bottom:4px solid var(--gold)}
.svc-hero .dev{display:block;font-size:2.2rem;color:var(--gold-l)}
.svc-hero h1{font-size:2.1rem;font-weight:normal;letter-spacing:.02em;margin-top:2px}
.svc-hero .sub{color:#cfc7b6;font-style:italic;margin-top:10px;max-width:620px;margin-left:auto;margin-right:auto}
.svc-hero .pr{margin-top:16px;font-size:1.35rem;color:var(--gold-l)}
.svc-hero .pr small{color:#cfc7b6;font-size:.85rem}
.svc-hero .badge{margin:14px auto 0;display:inline-block}
.crumb{max-width:920px;margin:14px auto 0;padding:0 20px;font-size:.85rem;color:var(--soft)}
.crumb a{color:var(--soft)}
.chapters{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin-top:8px}
.chapters div{background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px 14px;font-size:.92rem}
.chapters b{color:var(--maroon)}
.chapters .hi{color:var(--gold);font-size:.82rem;display:block}
.quotebig{text-align:center;font-size:1.25rem;font-style:italic;color:var(--maroon);
  max-width:640px;margin:34px auto;padding:0 20px;line-height:1.6}
.quotebig .hi{color:var(--gold);font-size:1.05rem}
.policy{background:#fff;border:1px solid var(--line);border-left:4px solid var(--green);border-radius:8px;
  padding:14px 18px;font-size:.9rem;color:var(--soft);margin:14px 0}
.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}

@media(max-width:560px){
  .card{padding:20px 18px}
  .sky-cta .btn{width:100%;max-width:320px}
  .svc-hero h1{font-size:1.7rem}
}