:root {
    --teal: #4BBFBF;
    --teal-dark: #3aa0a0;
    --green: #7bc142;
    --orange: #e8821a;
    --dark: #1a1a1a;
    --cream: #faf6f0;
  }
  * { margin:0; padding:0; box-sizing:border-box; }
  html { scroll-behavior:smooth; }
  body { font-family:'Lato',sans-serif; background:#fff; color:var(--dark); overflow-x:hidden; }

  /* NAV */
  nav { position:fixed; top:0; left:0; right:0; z-index:100; background:rgba(75,191,191,0.96); backdrop-filter:blur(8px); display:flex; align-items:center; justify-content:space-between; padding:0 2rem; height:64px; }
  .nav-logo { font-family:'Caveat',cursive; font-size:1.4rem; font-weight:700; color:white; text-decoration:none; }
  .nav-links { display:flex; gap:2rem; list-style:none; }
  .nav-links a { color:white; text-decoration:none; font-size:0.78rem; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; opacity:0.9; transition:opacity 0.2s; }
  .nav-links a:hover { opacity:1; border-bottom:2px solid white; }
  .burger { display:none; }
  .mobile-menu { display:none; }
  .nav-back { display:none; color:white; text-decoration:none; font-size:0.78rem; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; align-items:center; gap:0.4rem; opacity:0.9; transition:opacity 0.2s; }
  .nav-back:hover { opacity:1; }
  .nav-back::before { content:'←'; font-size:1rem; }
  @media(max-width:600px) {
    .nav-links { display:none; }
    .nav-back { display:flex; }
    .nav-logo { font-size:1.1rem; }
  }

  /* PAGE */
  .page-main { padding-top:64px; }
  .page-hero { background:var(--teal); color:white; padding:4rem 2rem 3rem; }
  .page-hero .container { max-width:860px; margin:0 auto; }
  .breadcrumb { font-size:0.78rem; letter-spacing:0.05em; color:rgba(255,255,255,0.7); margin-bottom:1rem; }
  .breadcrumb a { color:rgba(255,255,255,0.8); text-decoration:none; }
  .breadcrumb a:hover { color:white; }
  .page-hero h1 { font-family:'Caveat',cursive; font-size:clamp(2rem,5vw,3rem); font-weight:700; margin-bottom:1.5rem; line-height:1.2; }
  .intro { font-size:1.05rem; line-height:1.8; font-weight:300; max-width:720px; }
  .intro strong { font-weight:700; }

  .container { max-width:860px; margin:0 auto; }
  .page-body { padding:0 2rem 4rem; }

  .page-section { padding:2.5rem 0; border-bottom:1px solid #f0ece6; }
  .page-section:last-of-type { border-bottom:none; }
  .page-section h2 { font-family:'Caveat',cursive; font-size:clamp(1.5rem,3vw,2rem); font-weight:700; color:var(--teal); margin-bottom:1.2rem; }
  .page-section p { font-size:0.95rem; line-height:1.85; color:#333; margin-bottom:0.9rem; }
  .page-section p:last-child { margin-bottom:0; }
  .page-section a { color:var(--teal); font-weight:600; text-decoration:none; border-bottom:1px solid rgba(75,191,191,0.3); transition:border-color 0.2s; }
  .page-section a:hover { border-color:var(--teal); }

  /* CTA */
  .page-cta { background:var(--cream); padding:2.5rem 2rem; border-radius:0; border:none; margin:2rem -2rem 0; }
  .page-cta h2 { color:var(--dark) !important; }
  .page-cta p { color:#555 !important; margin-bottom:1.5rem !important; }
  .cta-buttons { display:flex; gap:1rem; flex-wrap:wrap; }
  .btn-primary { display:inline-block; background:var(--teal); color:white !important; font-weight:700; font-size:0.82rem; letter-spacing:0.1em; text-transform:uppercase; padding:0.75rem 1.8rem; text-decoration:none !important; border:none; transition:background 0.2s; }
  .btn-primary:hover { background:var(--teal-dark); color:white !important; border:none !important; }
  .btn-secondary { display:inline-block; border:2px solid var(--dark); color:var(--dark) !important; font-weight:700; font-size:0.82rem; letter-spacing:0.1em; text-transform:uppercase; padding:0.75rem 1.8rem; text-decoration:none !important; transition:background 0.2s, color 0.2s; }
  .btn-secondary:hover { background:var(--dark); color:white !important; border-color:var(--dark) !important; }

  /* FAQ */
  .page-faq { padding:3rem 0 2rem; }
  .page-faq h2 { font-family:'Caveat',cursive; font-size:clamp(1.4rem,2.5vw,1.8rem); font-weight:700; color:var(--dark); margin-bottom:1.5rem; }
  .faq-item { border:1px solid #e8e0d8; margin-bottom:0.75rem; }
  .faq-item summary { padding:1rem 1.2rem; cursor:pointer; font-weight:700; font-size:0.9rem; list-style:none; display:flex; justify-content:space-between; align-items:center; color:var(--dark); }
  .faq-item summary::-webkit-details-marker { display:none; }
  .faq-item summary::after { content:'＋'; color:var(--teal); font-size:1.1rem; flex-shrink:0; margin-left:1rem; }
  .faq-item[open] summary::after { content:'－'; }
  .faq-item p { padding:0 1.2rem 1rem; font-size:0.88rem; line-height:1.8; color:#555; }
  .faq-item[open] { border-color:var(--teal); }

  /* FOOTER */
  .site-footer { background:#1a1a1a; color:rgba(255,255,255,0.4); padding:3rem 2rem; }
  .footer-inner { max-width:860px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr 1fr; gap:2rem; }
  @media(max-width:600px) { .footer-inner { grid-template-columns:1fr; gap:1.5rem; } }
  .footer-col h4 { font-family:'Caveat',cursive; font-size:1rem; color:var(--teal); font-weight:700; margin-bottom:0.8rem; letter-spacing:0.05em; }
  .footer-col p, .footer-col address { font-size:0.78rem; line-height:2; font-style:normal; color:rgba(255,255,255,0.45); }
  .footer-col a { color:rgba(255,255,255,0.6); text-decoration:none; display:block; font-size:0.78rem; line-height:2; transition:color 0.2s; }
  .footer-col a:hover { color:var(--teal); }
  .footer-bottom { max-width:860px; margin:2rem auto 0; padding-top:1.5rem; border-top:1px solid rgba(255,255,255,0.08); font-size:0.7rem; text-align:center; }