/* Reset & base */
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; scroll-behavior: smooth; }
body { font-family: 'Poppins', system-ui, -apple-system, sans-serif; background:#0b0b0b; color:#FFFFFF; line-height: 1.6; }

img { max-width: 100%; height: auto; display: block; }
a { color: #FFFFFF; text-decoration: none; }
a.inline { color: #FF6B6B; text-decoration: underline; }

.container { width: min(1120px, 92%); margin: 0 auto; }

.site-header { position: sticky; top:0; z-index: 100; background: rgba(11,11,11,.85); backdrop-filter: blur(6px); border-bottom: 1px solid rgba(255,255,255,.06); }
.nav { display: flex; align-items: center; justify-content: space-between; padding: 14px 0; }
.brand { font-weight: 700; font-size: 1.25rem; letter-spacing:.2px; }
.brand-white { color: #FFFFFF; }
.brand-coral { color: #FF6B6B; margin-left: .3rem; }

.menu { display: flex; gap: 20px; align-items: center; }
.menu a { opacity:.9; }
.menu a:hover { color:#FF6B6B; }
.menu-button { display:none; background:none; border:none; font-size:24px; color:#FFFFFF; }

.btn { background: #FF6B6B; color: #FFFFFF; padding: 12px 20px; border-radius: 14px; font-weight:600; display:inline-block; }
.btn:hover { transform: translateY(-1px); }
.btn.ghost { background: transparent; border: 1px solid #FF6B6B; }
.btn.small { padding:10px 14px; border-radius:12px; }
.btn.btn-small { padding:8px 14px; border-radius: 10px; font-size:.9rem; }

.hero { padding: 84px 0 40px; background: radial-gradient(80% 60% at 10% 10%, rgba(255,107,107,.10), transparent 60%); }
.hero-grid { display:grid; grid-template-columns: 1.1fr .9fr; gap: 36px; align-items: center; }
h1 { font-size: clamp(2rem, 5vw, 3.2rem); line-height:1.15; }
.grad { color:#FF6B6B; }
.hero-copy p { margin: 16px 0 18px; color: #EDEDED; }
.cta-row { display:flex; gap: 12px; flex-wrap: wrap; margin: 10px 0 12px; }
.trust { display:flex; gap: 18px; flex-wrap: wrap; opacity:.8; font-size:.95rem; }
.hero-media img { border-radius: 18px; box-shadow: 0 10px 40px rgba(0,0,0,.45); }

.section { padding: 72px 0; }
.section.alt { background: #111; }
.lead { color:#E2E2E2; margin-top: 8px; margin-bottom:28px; opacity:.9; }

.two-col { display:grid; grid-template-columns: .9fr 1.1fr; gap: 42px; align-items: center; }
.profile { border-radius: 16px; box-shadow: 0 8px 30px rgba(0,0,0,.4); }

.badges { display:flex; gap: 10px; flex-wrap: wrap; margin-top: 16px; }
.badges span { padding: 8px 12px; background:#1a1a1a; border:1px solid rgba(255,255,255,.08); border-radius: 999px; font-size:.9rem; }

.cards { display:grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.card { background:#0f0f0f; border:1px solid rgba(255,255,255,.07); border-radius:18px; padding: 22px; display:flex; flex-direction:column; justify-content:space-between; }
.card h3 { color:#FF6B6B; margin-bottom: 10px; }
.card ul { line-height: 1.7; margin-bottom: 16px; }
.btn-card { align-self:flex-start; padding:10px 14px; border-radius:12px; background:#FF6B6B; color:#FFFFFF; font-weight:600; }

.grid-3 { display:grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.pill { background:#0f0f0f; border:1px dashed rgba(255,255,255,.15); padding: 18px; border-radius: 14px; opacity:.95; }

.slider { position: relative; overflow: hidden; }
.quote { display:none; margin: 0; }
.quote.current { display:block; }
.quote blockquote { font-size: 1.2rem; color:#F6F6F6; }
.quote figcaption { margin-top: 8px; color:#CFCFCF; }
.slider-controls { display:flex; gap:8px; margin-top: 16px; }
.slider-controls button { background:#1a1a1a; border:1px solid rgba(255,255,255,.1); color:#FFFFFF; padding:8px 12px; border-radius:12px; cursor:pointer; }

.contact-form { display:grid; gap: 12px; grid-template-columns: 1fr 1fr; }
.contact-form label { display:flex; flex-direction:column; gap:8px; font-size:.95rem; }
.contact-form input, .contact-form textarea { background:#0f0f0f; border:1px solid rgba(255,255,255,.12); border-radius:12px; padding:12px; color:#FFFFFF; }
.contact-form textarea { grid-column: span 2; }
.contact-form button { grid-column: span 2; justify-self:start; }

.site-footer { border-top:1px solid rgba(255,255,255,.08); background:#0f0f0f; }
.footer-grid { display:grid; grid-template-columns: 1.2fr .8fr 1fr; gap: 18px; padding: 28px 0; }
.footer-links { display:flex; flex-direction:column; gap:10px; }
.footer-cta { display:flex; gap:10px; flex-direction:column; align-items:flex-start; }
.credits { text-align:center; font-size:.9rem; padding: 10px 0 24px; opacity:.8; }

@media (max-width: 960px) {
  .hero-grid { grid-template-columns: 1fr; }
  .two-col { grid-template-columns: 1fr; }
  .cards { grid-template-columns: 1fr; }
  .grid-3 { grid-template-columns: 1fr; }
  .menu-button { display:block; }
  .menu { display:none; position:absolute; right:4%; top:58px; flex-direction:column; background:#101010; border:1px solid rgba(255,255,255,.08); border-radius:12px; padding:14px; }
  .menu.open { display:flex; }
}