
:root {
  --ink: #171715;
  --muted: #696960;
  --bg: #f2f0e9;
  --panel: #e8e5dc;
  --line: #d4d0c5;
  --accent: #c8ff00;
  --max: 1460px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.site-header{height:86px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.wordmark{display:flex;flex-direction:column;gap:2px;letter-spacing:.11em}.wordmark span{font-family:Manrope,sans-serif;font-weight:800;font-size:23px;line-height:1}.wordmark small{font-size:9px;letter-spacing:.2em;color:var(--muted)}.main-nav{display:flex;align-items:center;gap:30px;font-size:12px;color:#d4d4cd}.main-nav a:hover,.footer-links a:hover{color:var(--accent)}.nav-cta{padding:11px 15px;border:1px solid #55574c;border-radius:2px}.nav-cta span{color:var(--accent);padding-left:12px}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--ink);padding:10px 12px}.wrap{width:min(var(--max),90%);margin:auto}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.19em;color:var(--accent);font-weight:700}.muted{color:var(--muted)}.hero{padding:78px 0 66px;display:grid;grid-template-columns:1.12fr .88fr;gap:52px;align-items:center}

.hero h1 {
  font-size: clamp(48px, 5.5vw, 78px);
  line-height: 1.02;
  letter-spacing: -.075em;
  font-weight: 700;
  max-width: 650px;
  margin: 24px 0;
}

.hero h1 em {
  display: inline;
  white-space: normal;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  font-style: italic;
  color: var(--ink);
}

.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:14px 18px;background:var(--accent);color:#171912;font-weight:700;font-size:12px;border:1px solid var(--accent);cursor:pointer}.button.secondary{background:transparent;color:var(--ink);border-color:#55574e}.button:hover{filter:brightness(1.08)}.hero-art{min-height:350px;position:relative;overflow:hidden;background:linear-gradient(150deg,#272923,#171815 65%);border:1px solid #35372f;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.hero-art:before{content:'';position:absolute;width:310px;height:310px;border:1px solid #565a47;border-radius:50%;right:-65px;top:8px;box-shadow:0 0 0 36px #20221c,0 0 0 37px #414437,0 0 0 82px #191a17,0 0 0 83px #34362e}.hero-art:after{content:'A';font-family:Manrope,sans-serif;font-size:270px;line-height:.8;font-weight:800;letter-spacing:-.12em;color:#d9f36a;position:absolute;right:20px;bottom:37px;opacity:.92}.art-top,.art-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#b9bca8}.art-bottom{align-items:end}.art-bottom strong{font-size:14px;letter-spacing:0;color:var(--ink);max-width:155px;line-height:1.35}.section{padding:52px 0 70px;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.section-head h2,.page-heading h1{font-family:Manrope,sans-serif;font-size:clamp(28px,4vw,46px);line-height:1.08;letter-spacing:-.045em;font-weight:600;margin:9px 0 0}.section-head p{max-width:390px;font-size:12px;color:var(--muted);margin:0}.story-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}.story-card{background:var(--panel);border:1px solid var(--line);min-height:280px;display:flex;flex-direction:column}.story-visual{min-height:150px;position:relative;overflow:hidden;background:linear-gradient(135deg,#292c24,#161714)}.story-visual:before{content:'';position:absolute;width:65%;height:80px;border:2px solid #81856e;border-radius:80% 40% 20% 25%;transform:skewX(-18deg);left:18%;top:37%;box-shadow:0 15px 0 -7px #d9f36a}.story-visual:after{content:'';position:absolute;width:75%;height:1px;background:#d9f36a;left:12%;top:74%;box-shadow:0 12px 0 #626652}.story-visual.alt:before{transform:skewX(12deg);border-color:#8b9baf}.story-visual.alt:after{background:#8b9baf}.story-visual.third:before{border-color:#c0b8a0;transform:skewX(-5deg)}.story-body{padding:18px;display:flex;flex-direction:column;flex:1}.tag{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:700}.story-body h3{font-family:Manrope,sans-serif;font-size:19px;line-height:1.25;letter-spacing:-.025em;font-weight:600;margin:10px 0}.story-body p{font-size:12px;color:var(--muted);margin:0 0 16px}.read-link{margin-top:auto;font-size:11px;font-weight:700}.read-link span{color:var(--accent);margin-left:10px}.tool-band{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tool-card{padding:28px;border:1px solid var(--line);background:#171815;min-height:235px;display:flex;flex-direction:column;align-items:start}.tool-number{font-family:Manrope,sans-serif;font-size:12px;color:var(--accent);letter-spacing:.12em}.tool-card h3{font-family:Manrope,sans-serif;font-size:27px;letter-spacing:-.04em;font-weight:600;margin:22px 0 8px}.tool-card p{color:var(--muted);font-size:13px;max-width:400px;margin:0 0 20px}.tool-card .read-link{margin-top:auto}.page-hero{padding:62px 0 38px}.page-heading h1{font-size:clamp(38px,6vw,68px);max-width:800px}.page-heading p{color:var(--muted);max-width:650px;font-size:14px;line-height:1.8}.tool-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:80px}.form-panel,.results-panel,.info-panel{border:1px solid var(--line);background:var(--panel);padding:24px}.form-panel h2,.results-panel h2{font-family:Manrope,sans-serif;font-weight:600;font-size:21px;margin:0 0 20px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.field label{font-size:11px;color:#c6c7bf}.field input,.field select{width:100%;background:#111210;color:var(--ink);border:1px solid #41433a;border-radius:0;padding:12px;min-width:0}.field input:focus,.field select:focus{outline:1px solid var(--accent);border-color:var(--accent)}.result-big{font-family:Manrope,sans-serif;font-size:clamp(30px,4vw,44px);font-weight:700;letter-spacing:-.05em;color:var(--accent);line-height:1.15}.result-label{font-size:11px;color:var(--muted);margin:6px 0 20px}.result-row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.result-row strong{font-variant-numeric:tabular-nums}.note{font-size:11px;color:var(--muted);line-height:1.7;margin-top:18px}.compare-table-wrap{overflow-x:auto;margin-top:22px}.compare-table{width:100%;border-collapse:collapse;font-size:12px}.compare-table th,.compare-table td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:left;min-width:110px}.compare-table th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.compare-table td:first-child{color:var(--muted);min-width:125px}.winner{color:var(--accent);font-weight:700}.article{max-width:800px;padding:35px 0 90px}.article h1{font-family:Manrope,sans-serif;font-size:clamp(38px,6vw,66px);line-height:1.05;letter-spacing:-.055em;font-weight:600}.article .dek{font-size:18px;color:#b9bab2;line-height:1.7}.article .article-meta{font-size:11px;color:var(--muted);border-block:1px solid var(--line);padding:14px 0;margin:24px 0}.article h2{font-family:Manrope,sans-serif;font-size:27px;letter-spacing:-.03em;margin-top:38px}.article p,.article li{color:#c9cac3;font-size:15px;line-height:1.9}.callout{border-left:2px solid var(--accent);padding:14px 20px;background:#1a1c16;color:#dedfd7;font-size:13px}.site-footer{padding:42px max(5vw,24px) 24px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.footer-mark span{font-size:19px}.site-footer p{font-size:12px;color:var(--muted);margin:0}.footer-links{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:#c5c6be}.copyright{grid-column:1/-1;color:#74766e;font-size:10px;border-top:1px solid var(--line);padding-top:18px;margin-top:14px}.empty-state{border:1px dashed #4b4d42;padding:18px;color:var(--muted);font-size:12px;margin-top:15px}@media(max-width:800px){.site-header{height:75px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:74px;left:0;right:0;background:#171815;padding:20px 5vw;border-bottom:1px solid var(--line);z-index:5;flex-direction:column;align-items:stretch;gap:18px}.main-nav.nav-open{display:flex}.hero{grid-template-columns:1fr;padding:55px 0 45px;gap:30px}.hero-art{min-height:280px}.story-grid{grid-template-columns:1fr 1fr}.story-card:first-child{grid-column:1/-1}.tool-layout{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.site-footer{grid-template-columns:1fr}.copyright{grid-column:1}.footer-links{gap:14px}}@media(max-width:520px){.story-grid,.tool-band{grid-template-columns:1fr}.story-card:first-child{grid-column:auto}.field-grid{grid-template-columns:1fr}.hero h1{font-size:46px}.form-panel,.results-panel,.info-panel{padding:18px}.tool-card{min-height:210px}.section{padding:40px 0 50px}}

/* =========================================
   INDIA.AUTOS — Editorial Light Theme
   ========================================= */

body {
  background: var(--bg);
  color: var(--ink);
}

.site-header {
  background: var(--bg);
  border-color: var(--line);
}

.wordmark small,
.muted,
.section-head p,
.story-body p,
.tool-card p,
.page-heading p,
.field label,
.result-label,
.note,
.article .article-meta,
.article p,
.article li {
  color: var(--muted);
}

.main-nav {
  color: var(--ink);
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 10px;
  font-weight: 700;
}

.main-nav a:hover,
.footer-links a:hover,
.read-link:hover {
  color: #657d00;
}

.nav-cta,
.button.secondary {
  color: var(--ink);
  border-color: var(--ink);
  background: transparent;
}

.nav-cta span,
.read-link span {
  color: #657d00;
}

.eyebrow,
.tag,
.tool-number {
  color: #536800;
}

.hero {
  padding-top: 0;
  padding-bottom: 0;
  gap: 0;
  width: 100%;
  align-items: stretch;
  min-height: 600px;
}

.hero > div:first-child {
  padding: 76px 5vw 55px max(5vw, calc((100vw - 1460px) / 2));
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hero h1 {
  font-size: clamp(52px, 6.3vw, 94px);
  line-height: .99;
  letter-spacing: -.075em;
  font-weight: 700;
}

.hero h1 em {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  font-style: italic;
  color: var(--ink);
}

.hero p {
  color: var(--muted);
  max-width: 440px;
}

.hero-art {
  min-height: 600px;
  border: 0;
  padding: 24px 28px;
  background:
    linear-gradient(
      0deg,
      rgba(0, 0, 0, .42),
      transparent 30%,
      transparent 70%,
      rgba(0, 0, 0, .12)
    ),
    url("https://images.unsplash.com/photo-1503376780353-7e6692767b70?auto=format&fit=crop&w=1500&q=85")
    center / cover no-repeat;
}

.hero-art:before,
.hero-art:after {
  display: none;
}

.art-top,
.art-bottom {
  color: white;
}

.art-bottom strong {
  color: white;
}

.button {
  background: var(--accent);
  color: var(--ink);
  border-color: var(--accent);
}

.section {
  border-color: var(--line);
}

.story-card {
  background: transparent;
  border: 0;
}

.story-visual {
  min-height: 220px;
  background-color: #dedbd2;
  background-image:
    linear-gradient(0deg, rgba(0,0,0,.12), transparent 55%),
    url("https://images.unsplash.com/photo-1492144534655-ae79c964c9d7?auto=format&fit=crop&w=900&q=80");
  background-position: center;
  background-size: cover;
}

.story-visual:before,
.story-visual:after {
  display: none;
}

.story-visual.alt {
  background-image:
    linear-gradient(0deg, rgba(0,0,0,.12), transparent 55%),
    url("https://images.unsplash.com/photo-1503376780353-7e6692767b70?auto=format&fit=crop&w=900&q=80");
  background-size: cover;
  background-position: center;
}

.story-visual.third {
  background-image:
    linear-gradient(0deg, rgba(0,0,0,.12), transparent 55%),
    url("https://images.unsplash.com/photo-1558981806-ec527fa84c39?auto=format&fit=crop&w=900&q=80");
  background-size: cover;
  background-position: center;
}

.story-body {
  padding: 18px 0 24px;
}

.story-body h3,
.tool-card h3 {
  color: var(--ink);
}

.tool-card {
  background: transparent;
  border-color: var(--line);
  transition: background .2s ease;
}

.tool-card:hover {
  background: #e8e5dc;
}

.form-panel,
.results-panel,
.info-panel {
  background: #e8e5dc;
  border-color: var(--line);
}

.field input,
.field select {
  background: #f8f7f2;
  color: var(--ink);
  border-color: #cbc7bb;
}

.field input:focus,
.field select:focus {
  outline-color: #657d00;
  border-color: #657d00;
}

.result-big,
.winner {
  color: #536800;
}

.compare-table th,
.compare-table td {
  border-color: var(--line);
}

.article .dek {
  color: var(--muted);
}

.callout {
  background: #e8e5dc;
  color: var(--ink);
  border-color: #819f00;
}

.site-footer {
  border-color: var(--line);
}

.footer-links {
  color: var(--ink);
}

.copyright {
  border-color: var(--line);
  color: var(--muted);
}

.empty-state {
  border-color: var(--line);
}

@media (max-width: 800px) {
  .main-nav {
    background: var(--bg);
    border-color: var(--line);
  }

  .hero {
    grid-template-columns: 1fr;
  }

  .hero > div:first-child {
    padding: 55px 5vw 42px;
  }

  .hero-art {
    min-height: 400px;
  }
}

@media (max-width: 520px) {
  .hero h1 {
    font-size: clamp(46px, 12vw, 64px);
  }

  .hero-art {
    min-height: 320px;
  }
}

.editorial-ticker {
  width: 100%;
  overflow: hidden;
  background: var(--accent);
  color: #171715;
  padding: 17px 0;
  white-space: nowrap;
}

.ticker-track {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 35px;
  width: max-content;
  animation: ticker-scroll 32s linear infinite;
}

.ticker-track span {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .2em;
}

.ticker-track b {
  font-size: 16px;
}

@keyframes ticker-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
  .ticker-track {
    animation: none;
  }
}

.hero {
  min-height: 0;
}

.hero > div:first-child {
  padding-top: 55px;
  padding-bottom: 55px;
}

.hero-art {
  min-height: 540px;
}

/* Editorial alignment refinement */
.editorial-ticker {
  width: 100%;
  margin: 0;
}

.ticker-track {
  justify-content: flex-start;
  gap: 35px;
}

.hero > div:first-child {
  min-width: 0;
}

.hero-art {
  background-position: center center;
}

@media (min-width: 801px) {
  .hero {
    grid-template-columns: 1fr 1fr;
  }
}

/* Editorial desk */
.section#latest {
  padding-top: 54px;
}

.section-head h2 {
  max-width: 650px;
  font-size: clamp(34px, 4.2vw, 54px);
  letter-spacing: -.06em;
}

.story-card {
  border-top: 1px solid var(--line);
}

.story-visual {
  min-height: 240px;
}

.story-body h3 {
  font-size: 22px;
  line-height: 1.2;
}

