/* Terra Fitness India — HowTo blog system · homepage-matched theme */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Cinzel:wght@400;500;600;700&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600&family=Oswald:wght@200;300;400;500;600;700&display=swap');
:root{--maroon:#3D0A0A;--crimson:#7A1A1A;--clay:#8B4A3E;--vermillion:#A65D50;--orange:#C07868;--amber:#D49080;--rose:#D9A090;--cream:#F5C842;--warm:#F0DFCB;--pale:#E8B6A6;--ink:#0D0D0D;--ink-soft:#161616;--ink-2:#1d1d1d;--line:rgba(255,255,255,0.08);--line-strong:rgba(255,255,255,0.18);--w70:rgba(240,223,203,0.7);--w50:rgba(240,223,203,0.5);--w42:rgba(240,223,203,0.42);--palette:linear-gradient(135deg,#8B4A3E,#A65D50 25%,#C07868 50%,#D49080 75%,#D9A090);--rail:linear-gradient(90deg,#8B4A3E,#A65D50 22%,#C07868 50%,#D49080 76%,#D9A090);--f-impact:"Bebas Neue","Arial Narrow",sans-serif;--f-display:"Oswald","Helvetica Neue",Arial,sans-serif;--f-body:"Cormorant Garamond",Georgia,"Times New Roman",serif;--f-mono:"Cinzel",Georgia,serif;--radius-card:22px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--warm);font-family:var(--f-body);font-size:18px;font-weight:500;line-height:1.68;background:#15100D;background-image:radial-gradient(135% 55% at 50% -4%,rgba(214,164,72,0.30) 0%,rgba(168,110,40,0.13) 30%,rgba(30,18,12,0) 60%),linear-gradient(180deg,#221611 0%,#1A110D 32%,#150E0B 70%,#130C09 100%);background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:var(--rose);text-decoration:none;transition:color .2s ease}
a:hover{color:var(--cream)}
.rail{height:7px;background:var(--rail);width:100%}
.rail.bottom{height:6px}
.wrap{max-width:1000px;margin:0 auto;padding:0 24px}
.col{max-width:860px;margin:0 auto}

/* ---------- masthead ---------- */
.mast{background:rgba(13,13,13,0.72);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.mast-in{max-width:1000px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.mast-logo{display:flex;align-items:center;gap:16px}
.mast-logo .mark{display:flex;align-items:center;gap:12px}
.mast-logo svg{height:40px;width:auto;display:block}
.mast-logo .word{font-family:var(--f-display);font-weight:900;font-size:24px;letter-spacing:-0.02em;color:#fff;line-height:1}
.mast-logo .word span{color:var(--w42);font-weight:500}
.mast-logo .tag{font-family:var(--f-mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--orange);border-left:1px solid var(--line);padding-left:16px;line-height:1.6}
.mast-nav{display:flex;gap:26px;font-family:var(--f-mono);font-size:10.5px;letter-spacing:0.2em;text-transform:uppercase}
.mast-nav a{color:var(--w50)}
.mast-nav a:hover{color:#fff}

/* ---------- article header ---------- */
.head{padding:44px 0 60px;border-bottom:1px solid var(--line)}
.crumb{font-family:var(--f-mono);font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--w42);margin:0 0 26px}
.crumb a{color:var(--w50)}
.kicker{display:inline-flex;align-items:center;gap:11px;font-family:var(--f-mono);font-size:11px;letter-spacing:0.24em;text-transform:uppercase;color:var(--cream);margin:0 0 22px}
.kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 12px var(--orange)}
h1.title{font-family:var(--f-display);font-weight:900;font-size:clamp(40px,6.4vw,72px);line-height:0.94;letter-spacing:-0.035em;text-transform:uppercase;margin:0 0 20px;color:#fff;max-width:20ch}
.sub{font-family:var(--f-body);font-style:italic;font-weight:400;font-size:clamp(19px,2.4vw,24px);line-height:1.45;color:var(--w70);margin:0 0 34px;max-width:50ch}
.qa{background:rgba(192,120,104,0.13);border:1px solid rgba(192,120,104,0.28);border-left:3px solid var(--orange);border-radius:14px;padding:22px 24px;max-width:70ch;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.qa .lbl{font-family:var(--f-mono);font-size:10px;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;color:var(--cream);margin:0 0 10px}
.qa p{margin:0;font-size:18px;font-weight:500;color:#F7EFE4}
.byline{display:flex;flex-wrap:wrap;gap:8px 24px;margin:30px 0 0;font-family:var(--f-mono);font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--w42)}
.byline b{color:var(--w70);font-weight:600}

/* ---------- figures / image slots ---------- */
.figure{margin:0}
.figure .frame{border:1px solid var(--line-strong);border-radius:18px;overflow:hidden;background:var(--ink);box-shadow:0 30px 70px -28px rgba(0,0,0,0.8)}
.figure .frame img{width:100%;height:100%;object-fit:cover;display:block}
.figure image-slot,.cmp .slot image-slot{display:block;width:100%;height:100%}
.hero-fig{margin:-34px auto 0;position:relative;z-index:2;max-width:1000px;padding:0 24px}
.hero-fig .frame{height:440px}
.hero-fig .frame.auto{height:auto}
.hero-fig.blend{max-width:1180px;margin:-8px auto 0}
.hero-fig.blend .frame{border:0;border-radius:0;background:none;box-shadow:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%),linear-gradient(180deg,#000 0,#000 78%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%),linear-gradient(180deg,#000 0,#000 78%,transparent 100%);mask-composite:intersect}
@media (max-width:767px){.hero-fig.blend{margin-top:0;padding:0 8px}}
figcaption{font-family:var(--f-mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--w42);margin-top:14px}
figcaption span{font-family:var(--f-body);font-size:15.5px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--w50);display:block;margin-top:7px;line-height:1.55}
.brief{background:rgba(240,223,203,0.04);border:1px dashed rgba(240,223,203,0.22);border-radius:12px;padding:14px 16px;margin-top:14px;font-family:var(--f-body);font-size:15px;line-height:1.6;color:var(--w50)}
.brief b{font-family:var(--f-mono);font-size:9.5px;letter-spacing:0.2em;text-transform:uppercase;color:var(--pale);display:block;margin-bottom:6px;font-weight:700}

/* ---------- body sections ---------- */
section{padding:56px 0}
section.tight{padding:38px 0}
.sec-lbl{display:flex;align-items:center;gap:14px;font-family:var(--f-mono);font-size:9.5px;font-weight:700;letter-spacing:0.24em;text-transform:uppercase;color:var(--w42);margin:0 0 24px}
.sec-lbl::after{content:"";flex:1;height:1px;background:var(--line)}
h2{font-family:var(--f-display);font-weight:900;font-size:clamp(28px,3.6vw,42px);line-height:1;letter-spacing:-0.03em;text-transform:uppercase;color:#fff;margin:0 0 20px}
.lede{font-family:var(--f-body);font-style:italic;font-size:23px;font-weight:400;line-height:1.5;color:var(--pale);margin:0 0 22px}
p{margin:0 0 18px;text-wrap:pretty}
.pull{border-left:2px solid var(--orange);padding:6px 0 6px 22px;margin:30px 0;font-family:var(--f-body);font-style:italic;font-size:22px;line-height:1.5;color:#fff}

/* ---------- steps ---------- */
.steps{display:grid;gap:20px}
.step{background:rgba(13,13,13,0.55);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:var(--radius-card);padding:28px 32px;transition:border-color .35s ease,transform .35s ease,box-shadow .35s ease}
.step:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:0 24px 50px -24px rgba(192,120,104,0.4)}
.step-hd{display:flex;align-items:center;gap:20px;margin:0 0 18px}
.step-n{flex:none;width:56px;height:56px;border-radius:50%;background:linear-gradient(160deg,var(--orange),var(--vermillion));color:#fff;display:grid;place-items:center;font-family:var(--f-display);font-weight:900;font-size:26px;line-height:1;letter-spacing:-0.03em;box-shadow:0 0 0 6px rgba(192,120,104,0.14),0 16px 40px -14px rgba(192,120,104,0.7)}
.step h3{font-family:var(--f-display);font-weight:700;font-size:20px;line-height:1.15;letter-spacing:-0.01em;text-transform:uppercase;color:#fff;margin:0}
.step p{font-size:17.5px;margin:0 0 16px;color:rgba(240,223,203,0.86)}
.step em{font-style:italic;color:var(--pale)}
.notes{display:grid;gap:11px;border-top:1px solid var(--line);padding-top:16px}
.note{display:flex;gap:11px;font-size:16px;line-height:1.55;color:var(--w50)}
.note i{flex:none;font-style:normal;font-weight:700;width:16px;text-align:center}
.note b{font-family:var(--f-mono);font-weight:700;font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--w70);margin-right:4px}
.note.why i{color:var(--cream)}
.note.miss i{color:var(--orange)}
.note.how i{color:var(--rose)}

/* ---------- right vs wrong / triptych ---------- */
.compare{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cmp{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(13,13,13,0.55)}
.cmp .cap{display:flex;align-items:center;gap:9px;padding:14px 18px;font-family:var(--f-mono);font-size:10.5px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase}
.cmp.ok .cap{background:rgba(245,200,66,0.12);color:var(--cream);border-bottom:1px solid rgba(245,200,66,0.28)}
.cmp.no .cap{background:rgba(122,26,26,0.28);color:#E0A79E;border-bottom:1px solid rgba(122,26,26,0.5)}
.cmp .slot{height:300px}
.cmp .slot img{width:100%;height:100%;object-fit:cover;display:block}
.cmp .txt{padding:18px;font-size:16px;line-height:1.55;color:var(--w50)}
.cmp .txt b{color:var(--warm);font-weight:600}
.triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.triptych .frame{height:260px}

/* ---------- FAQ ---------- */
.faq{display:grid;gap:12px}
details.q{background:rgba(13,13,13,0.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:16px;padding:0 22px;transition:border-color .3s ease}
details.q:hover,details.q[open]{border-color:var(--line-strong)}
details.q summary{list-style:none;cursor:pointer;display:flex;align-items:flex-start;gap:16px;padding:19px 0;font-family:var(--f-display);font-weight:600;font-size:18px;letter-spacing:-0.005em;text-transform:uppercase;line-height:1.25;color:var(--warm);transition:color .2s ease}
details.q summary::-webkit-details-marker{display:none}
details.q summary:hover{color:#fff}
details.q[open] summary{color:#fff}
details.q summary .pm{flex:none;width:21px;height:21px;margin-top:2px;position:relative;border-radius:50%;border:1px solid rgba(240,223,203,0.26);transition:transform .3s ease,border-color .25s ease,background .25s ease}
details.q summary .pm::before,details.q summary .pm::after{content:"";position:absolute;left:50%;top:50%;background:var(--rose)}
details.q summary .pm::before{width:8px;height:1.5px;transform:translate(-50%,-50%)}
details.q summary .pm::after{width:1.5px;height:8px;transform:translate(-50%,-50%)}
details.q[open] summary .pm{transform:rotate(90deg);border-color:var(--orange);background:rgba(192,120,104,0.16)}
details.q[open] summary .pm::after{opacity:0}
details.q .a{padding:0 0 20px 37px;font-size:17px;line-height:1.65;color:var(--w70);max-width:70ch}
details.q .a p{margin:0 0 12px}
details.q .a p:last-child{margin:0}

/* ---------- credibility ---------- */
.cred{background:rgba(13,13,13,0.55);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:var(--radius-card);padding:28px 30px;display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:start}
.cred .badge{flex:none;width:48px;height:48px;border-radius:50%;background:rgba(192,120,104,0.14);border:1px solid rgba(192,120,104,0.42);display:grid;place-items:center;color:var(--orange);font-size:20px}
.cred .who{font-family:var(--f-mono);font-size:13px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--cream);margin:0 0 12px}
.cred ul{margin:0 0 14px;padding:0;list-style:none;display:grid;gap:6px;font-family:var(--f-mono);font-size:11px;letter-spacing:0.08em;color:var(--w50)}
.cred p{font-size:16.5px;margin:0;color:var(--w70)}

/* ---------- CTA ---------- */
.cta{max-width:660px;margin:12px auto 0;background:rgba(13,13,13,0.6);border:1px solid var(--line);border-left:3px solid var(--orange);border-radius:var(--radius-card);padding:40px 34px;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.cta h2{font-size:clamp(26px,3vw,34px);margin:0 0 14px}
.cta p{font-size:17px;color:var(--w50);margin:0 0 24px}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--palette);color:#2E100C;font-family:var(--f-mono);font-size:11.5px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;padding:16px 32px;border-radius:999px;box-shadow:0 14px 36px -12px rgba(192,120,104,0.7);transition:transform .22s ease,box-shadow .22s ease}
.btn .arr{transition:transform .3s ease}
.btn:hover .arr{transform:translateX(4px)}
.btn:hover{color:#2E100C;transform:translateY(-2px);box-shadow:0 20px 46px -12px rgba(192,120,104,0.85)}
.cta .fine{font-size:15.5px;color:var(--w42);margin:22px 0 0}
.related{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.related a{display:block;background:rgba(13,13,13,0.55);border:1px solid var(--line);border-radius:18px;padding:22px 24px;color:var(--warm);transition:border-color .3s ease,transform .3s ease}
.related a:hover{border-color:var(--orange);color:#fff;transform:translateY(-2px)}
.related .k{font-family:var(--f-mono);font-size:9.5px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--w42);display:block;margin-bottom:9px}
.related .t{font-family:var(--f-display);font-weight:700;font-size:18px;line-height:1.2;text-transform:uppercase;letter-spacing:-0.01em}

/* ---------- footer ---------- */
footer{background:var(--ink);border-top:1px solid var(--line);margin-top:24px}
.foot-in{max-width:1000px;margin:0 auto;padding:48px 24px 36px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px}
footer .brand{font-family:var(--f-display);font-weight:900;font-size:26px;letter-spacing:-0.02em;color:#fff;margin:0 0 12px}
footer .meta{font-size:16px;color:var(--w50);line-height:1.75;margin:0}
footer .meta a{color:var(--w70)}
footer h4{font-family:var(--f-mono);font-size:9.5px;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;color:var(--w42);margin:0 0 14px}
footer ul{margin:0;padding:0;list-style:none;display:grid;gap:9px;font-size:16px}
footer ul a{color:var(--w70)}
footer ul a:hover{color:var(--cream)}
.foot-bot{max-width:1000px;margin:0 auto;padding:0 24px 34px;font-family:var(--f-mono);font-size:9.5px;letter-spacing:0.18em;text-transform:uppercase;color:var(--w42)}

@media (max-width:900px){.foot-in{grid-template-columns:1fr 1fr;gap:28px}.hero-fig .frame{height:340px}}
@media (max-width:767px){.mast-in{flex-direction:column;align-items:flex-start;gap:14px}.mast-logo svg{height:34px}.mast-logo .word{font-size:20px}.mast-nav{gap:18px;flex-wrap:wrap}.head{padding:32px 0 46px}h1.title{max-width:none}.hero-fig{margin-top:-24px}.hero-fig .frame{height:220px}section{padding:42px 0}.step{padding:24px 22px}.step-n{width:48px;height:48px;font-size:23px}.compare,.triptych,.related,.foot-in{grid-template-columns:1fr}.cmp .slot,.triptych .frame{height:220px}.cred{grid-template-columns:1fr}.btn{width:100%;justify-content:center}body{font-size:17px}}
@media print{.mast-nav,.cta,.brief{display:none}}