/* ============================================================
   Vardhaman Co Working — shared stylesheet for blog articles
   and standalone service pages (Virtual Office etc.)
   ============================================================ */
:root{
  --bg:#FAF7F1;
  --bg-alt:#F1EADC;
  --surface:#FFFFFF;
  --ink:#211C16;
  --ink-soft:#655D4E;
  --ink-faint:#948C7A;
  --accent:#A8823F;
  --accent-dark:#7E6230;
  --accent-soft:#EFE1C3;
  --line:#E6DDC9;
  --radius-lg:22px;
  --radius-md:14px;
  --radius-sm:8px;
  --shadow-soft:0 20px 60px -25px rgba(33,28,22,0.35);
  --shadow-card:0 12px 30px -14px rgba(33,28,22,0.25);
  --ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased;line-height:1.5;}
h1,h2,h3,h4,.serif{font-family:'Fraunces',serif;font-weight:500;letter-spacing:-0.01em;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
.container{max-width:900px;margin:0 auto;padding:0 32px;}
.container-wide{max-width:1200px;margin:0 auto;padding:0 32px;}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-dark);font-weight:600;}
.eyebrow::before{content:"";width:22px;height:1px;background:var(--accent);}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 30px;border-radius:100px;font-weight:600;font-size:14.5px;cursor:pointer;border:1px solid transparent;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .3s,color .3s;white-space:nowrap;}
.btn-primary{background:var(--ink);color:#fff;}
.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-card);background:var(--accent-dark);}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--ink);}
.btn-ghost:hover{background:var(--ink);color:#fff;transform:translateY(-3px);}
.btn-sm{padding:10px 20px;font-size:13px;}
.pill{display:inline-block;padding:6px 14px;border-radius:100px;font-size:12px;font-weight:600;background:var(--accent-soft);color:var(--accent-dark);letter-spacing:.03em;}

/* ===== NAV ===== */
#site-nav{position:sticky;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:16px 40px;background:rgba(250,247,241,0.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);}
.logo{font-family:'Fraunces',serif;font-size:19px;font-weight:600;letter-spacing:.01em;display:flex;align-items:center;gap:10px;line-height:1;}
.logo-mark{flex-shrink:0;color:var(--accent-dark);}
.logo-name{display:flex;flex-direction:column;line-height:1;}
.logo-sub{font-family:'Inter',sans-serif;font-size:9px;letter-spacing:.2em;color:var(--accent-dark);font-weight:600;margin-top:5px;}
.nav-links{display:flex;gap:22px;align-items:center;}
.nav-links a{font-size:14.5px;font-weight:700;position:relative;padding:4px 0;white-space:nowrap;}
.nav-links a::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--ink);transition:width .3s var(--ease);}
.nav-links a:hover::after,.nav-links a.active::after{width:100%;}
.nav-cta{display:flex;gap:14px;align-items:center;}
.nav-contact-link{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--ink);white-space:nowrap;}
.nav-contact-link:hover{color:var(--accent-dark);}
.nav-contact-link svg{flex-shrink:0;}
@media(max-width:1300px){.nav-email .nav-contact-text{display:none;}}
@media(max-width:1150px){.nav-phone .nav-contact-text{display:none;}}
@media(max-width:980px){.nav-links,.nav-email{display:none;}}
@media(max-width:640px){.nav-phone{display:none;}.logo-sub{display:none;}}

/* ===== PAGE HERO ===== */
.page-hero{padding:64px 0 40px;}
.page-hero h1{font-size:clamp(30px,4.2vw,46px);line-height:1.12;margin-top:14px;}
.page-hero p{color:var(--ink-soft);margin-top:16px;font-size:16.5px;line-height:1.7;max-width:640px;}
.breadcrumb{font-size:12.5px;color:var(--ink-faint);margin-bottom:6px;}
.breadcrumb a{color:var(--accent-dark);}
.breadcrumb a:hover{text-decoration:underline;}

/* ===== BLOG INDEX ===== */
.blog-filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 34px;}
.blog-filter-bar a{padding:8px 16px;border-radius:100px;border:1px solid var(--line);font-size:13px;font-weight:600;color:var(--ink-soft);}
.blog-filter-bar a:hover,.blog-filter-bar a.active{background:var(--ink);color:#fff;border-color:var(--ink);}
.blog-index{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;}
.blog-index-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:24px 22px;transition:transform .3s var(--ease),box-shadow .3s var(--ease);height:100%;}
.blog-index-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card);}
.blog-index-card h4{font-size:16.5px;margin:12px 0 8px;line-height:1.32;}
.blog-index-card p{font-size:13px;color:var(--ink-soft);flex-grow:1;}
.blog-index-card .read-more{margin-top:14px;font-size:12.5px;font-weight:700;color:var(--accent-dark);}
@media(max-width:900px){.blog-index{grid-template-columns:1fr 1fr;}}
@media(max-width:640px){.blog-index{grid-template-columns:1fr;}}

/* ===== ARTICLE ===== */
.blog-article{padding:10px 0 60px;}
.blog-article h1{font-size:clamp(28px,4vw,42px);line-height:1.14;margin:16px 0 10px;}
.blog-meta{font-size:13px;color:var(--ink-faint);margin-bottom:28px;}
.blog-article p{font-size:16.5px;line-height:1.8;color:#3A3225;margin-bottom:20px;}
.blog-article h2{font-size:23px;margin:38px 0 14px;}
.blog-article h3{font-size:19px;margin:30px 0 12px;}
.room-list{list-style:none;margin:18px 0 22px;padding:0;}
.room-list li{padding:9px 0 9px 24px;position:relative;font-size:15.5px;color:#3A3225;line-height:1.6;border-bottom:1px solid var(--line);}
.room-list li::before{content:"—";position:absolute;left:0;color:var(--accent);font-weight:700;}
.blog-divider{border:none;border-top:1px solid var(--line);margin:50px 0;}
.inline-link-btn{background:var(--ink);color:#fff;border:none;padding:14px 26px;border-radius:100px;font-weight:600;font-size:14.5px;cursor:pointer;}
.inline-link-btn:hover{background:var(--accent-dark);}
.blog-article a:not(.inline-link-btn):not(.btn){text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px;}
.blog-article a:not(.inline-link-btn):not(.btn):hover{color:var(--accent-dark);}
.related-articles{margin-top:60px;padding-top:40px;border-top:1px solid var(--line);}
.related-articles h3{margin-top:0;}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px;}
@media(max-width:900px){.related-grid{grid-template-columns:1fr;}}

/* ===== SERVICE PAGE (Virtual Office) ===== */
.svc-hero{background:linear-gradient(180deg,#FBEFD9 0%,#F1EADC 100%);padding:70px 0 50px;}
.svc-hero h1{font-size:clamp(32px,4.6vw,52px);line-height:1.1;margin:16px 0 18px;max-width:760px;}
.svc-hero p.lead{font-size:18px;color:var(--ink-soft);max-width:620px;line-height:1.7;}
.svc-hero .hero-cta{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap;}
.section{padding:80px 0;}
.section-alt{background:var(--bg-alt);}
.section-head{max-width:640px;margin-bottom:48px;}
.section-head h2{font-size:clamp(26px,3.6vw,38px);margin-top:12px;}
.section-head p{color:var(--ink-soft);margin-top:14px;font-size:16px;line-height:1.7;}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.why-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px 28px;}
.why-card h3{font-size:19px;margin:12px 0 8px;}
.why-card p{color:var(--ink-soft);font-size:14.5px;line-height:1.7;}
@media(max-width:900px){.why-grid{grid-template-columns:1fr;}}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.price-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:34px 28px;position:relative;}
.price-card--popular{border-color:var(--accent);box-shadow:var(--shadow-card);}
.price-card .pop-tag{position:absolute;top:-13px;left:28px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:5px 14px;border-radius:100px;}
.price-card h3{font-size:18px;margin-bottom:6px;}
.price-card .price{font-family:'Fraunces',serif;font-size:34px;margin:14px 0 4px;}
.price-card .price span{font-size:14px;font-family:'Inter',sans-serif;color:var(--ink-faint);font-weight:400;}
.price-card ul{list-style:none;margin:20px 0 26px;}
.price-card li{padding:8px 0;font-size:14px;color:var(--ink-soft);border-bottom:1px solid var(--line);}
@media(max-width:900px){.price-grid{grid-template-columns:1fr;}}
.faq-item{border-bottom:1px solid var(--line);padding:22px 0;}
.faq-item h4{font-size:16.5px;margin-bottom:8px;}
.faq-item p{color:var(--ink-soft);font-size:15px;line-height:1.7;}
.cta-banner{background:var(--ink);color:#fff;padding:80px 0;text-align:center;}
.cta-banner h2{font-size:clamp(26px,3.6vw,38px);margin:10px 0 14px;color:#fff;}
.cta-banner p{color:#D9D2C1;max-width:480px;margin:0 auto;font-size:15.5px;}
.cta-banner .hero-cta{justify-content:center;margin-top:28px;}
.stats-row{display:flex;justify-content:space-between;text-align:center;flex-wrap:wrap;gap:24px;}
.stats-row>div{flex:1;min-width:130px;}
.stat-num{font-size:34px;color:var(--accent-dark);font-family:'Fraunces',serif;display:block;}
.stats-row p{font-size:12.5px;color:var(--ink-soft);margin-top:6px;}

/* ===== FOOTER ===== */
footer{background:var(--ink);color:#EDE7D9;padding:70px 0 30px;}
footer a:hover{color:var(--accent);}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:44px;margin-bottom:50px;}
.footer-grid h4{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#B8AF98;margin-bottom:16px;}
.footer-grid ul{list-style:none;display:flex;flex-direction:column;gap:10px;font-size:14px;color:#D9D2C1;}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.12);padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12.5px;color:#9C9481;}
@media(max-width:860px){.footer-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr;}.footer-bottom{flex-direction:column;}}

/* ===== WHATSAPP FAB ===== */
.whatsapp-fab{position:fixed;right:26px;bottom:26px;width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px -8px rgba(37,211,102,0.6);z-index:1200;transition:transform .3s var(--ease);}
.whatsapp-fab:hover{transform:scale(1.08);}
.whatsapp-fab svg{width:27px;height:27px;}
@media(max-width:600px){.whatsapp-fab{right:16px;bottom:16px;width:50px;height:50px;}.whatsapp-fab svg{width:24px;height:24px;}}

@media(max-width:640px){
  .page-hero{padding:44px 0 24px;}
  .section{padding:56px 0;}
  #site-nav{padding:14px 20px;}
  .container,.container-wide{padding:0 20px;}
}