/* Shared styles for Growthify Solutions sample project demo sites */
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0; font-family:'Inter',sans-serif; line-height:1.6; -webkit-font-smoothing:antialiased; background:var(--bg);}
h1,h2,h3,h4{font-family:'Space Grotesk',sans-serif; margin:0; letter-spacing:-0.01em;}
a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block;}
.wrap{max-width:1160px; margin:0 auto; padding:0 24px;}
button{font-family:inherit; cursor:pointer;}

.demo-ribbon{
  background:#0B1220; color:#fff; font-size:0.78rem; text-align:center;
  padding:9px 16px; display:flex; align-items:center; justify-content:center; gap:8px; flex-wrap:wrap;
}
.demo-ribbon a{color:#8CF2A6; font-weight:700; text-decoration:underline;}

.d-nav{position:sticky; top:0; z-index:50; background:var(--nav-bg); backdrop-filter:blur(10px); border-bottom:1px solid var(--nav-line);}
.d-nav-inner{max-width:1160px; margin:0 auto; padding:18px 24px; display:flex; align-items:center; justify-content:space-between;}
.d-logo{font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:1.15rem; letter-spacing:0.02em; color:var(--accent-text);}
.d-links{display:flex; gap:28px; font-size:0.92rem; font-weight:600;}
.d-links a{opacity:0.85;}
.d-links a:hover{opacity:1;}
.d-cta{background:var(--accent); color:var(--accent-contrast); padding:11px 22px; border-radius:999px; font-weight:700; font-size:0.9rem; border:none;}

.d-hero{padding:90px 0 70px; position:relative; overflow:hidden;}
.d-eyebrow{display:inline-block; font-size:0.8rem; font-weight:700; letter-spacing:0.04em; text-transform:uppercase; color:var(--accent-text); margin-bottom:18px;}
.d-hero h1{font-size:clamp(2.1rem,4.2vw,3.4rem); max-width:820px; line-height:1.08;}
.d-hero p{max-width:560px; margin-top:20px; font-size:1.05rem; color:var(--muted);}
.d-hero-actions{display:flex; gap:16px; margin-top:32px; flex-wrap:wrap;}
.d-btn-primary{background:var(--accent); color:var(--accent-contrast); padding:15px 30px; border-radius:999px; font-weight:700; border:none; font-size:0.95rem;}
.d-btn-ghost{padding:15px 30px; border-radius:999px; font-weight:700; border:1.5px solid var(--nav-line); font-size:0.95rem; color:var(--text);}
.d-stats{display:flex; gap:44px; margin-top:52px; flex-wrap:wrap;}
.d-stat b{display:block; font-family:'Space Grotesk',sans-serif; font-size:1.9rem; color:var(--text);}
.d-stat span{font-size:0.85rem; color:var(--muted);}

.d-section{padding:70px 0;}
.d-section-head{max-width:640px; margin-bottom:44px;}
.d-section-head span{font-size:0.8rem; font-weight:700; text-transform:uppercase; letter-spacing:0.04em; color:var(--accent-text);}
.d-section-head h2{font-size:clamp(1.6rem,3vw,2.3rem); margin-top:10px;}
.d-grid3{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
@media (max-width:860px){ .d-grid3{grid-template-columns:1fr;} }
.d-card{background:var(--card-bg); border:1px solid var(--nav-line); border-radius:16px; padding:28px;}
.d-card h3{font-size:1.1rem; margin-bottom:10px;}
.d-card p{color:var(--muted); font-size:0.93rem; margin:0;}
.d-icon{width:42px; height:42px; border-radius:12px; background:var(--accent); color:var(--accent-contrast); display:flex; align-items:center; justify-content:center; margin-bottom:16px;}
.d-icon svg{width:22px; height:22px;}

.d-cta-band{background:var(--band-bg); color:var(--band-text); padding:64px 0; text-align:center;}
.d-cta-band h2{font-size:clamp(1.6rem,3vw,2.2rem); color:var(--band-text);}
.d-cta-band p{color:var(--band-muted); max-width:520px; margin:14px auto 28px;}

.d-testimonials{display:grid; grid-template-columns:repeat(2,1fr); gap:22px;}
@media (max-width:860px){ .d-testimonials{grid-template-columns:1fr;} }
.d-quote{background:var(--card-bg); border:1px solid var(--nav-line); border-radius:16px; padding:26px;}
.d-quote p{font-size:0.98rem; color:var(--text); margin:0 0 14px;}
.d-quote-name{font-size:0.85rem; color:var(--muted); font-weight:600;}
.d-stars{color:var(--accent-text); font-size:0.9rem; margin-bottom:10px;}

.d-contact{display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:start;}
@media (max-width:860px){ .d-contact{grid-template-columns:1fr;} }
.d-contact-item{display:flex; gap:14px; margin-bottom:18px;}
.d-contact-item svg{width:20px; height:20px; flex-shrink:0; color:var(--accent-text);}
.d-contact-item b{display:block; color:var(--text);}
.d-contact-item span{color:var(--muted); font-size:0.92rem;}
.d-map{border-radius:16px; overflow:hidden; border:1px solid var(--nav-line); height:280px;}
.d-map iframe{width:100%; height:100%; border:0;}

.d-footer{padding:36px 0; border-top:1px solid var(--nav-line); text-align:center; font-size:0.85rem; color:var(--muted);}
.d-footer a{color:var(--accent-text); font-weight:700;}