.page-hero::before{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(89,190,240,.15) 0%,transparent 70%);pointer-events:none;}
.page-hero h1{font-size:36px;font-weight:900;letter-spacing:.06em;margin-bottom:8px;}
.page-hero .hero-lead{font-size:16px;opacity:.9;letter-spacing:.03em;font-weight:500;margin-bottom:0;}
.page-hero .breadcrumb{font-size:12px;opacity:.6;margin-bottom:16px;}
.page-hero .breadcrumb a:hover{opacity:1;}

.section-surface{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.section-title{font-size:28px;font-weight:900;text-align:center;margin-bottom:8px;line-height:1.5;}
.section-sub{font-size:15px;text-align:center;color:var(--txt2);margin-bottom:16px;}

/* FAQ CATEGORY */
.faq-category{max-width:800px;margin:0 auto 48px;}
.faq-category:last-of-type{margin-bottom:0;}
.faq-cat-title{font-size:18px;font-weight:900;margin-bottom:16px;padding-left:16px;border-left:4px solid;border-image:var(--grad) 1;}

/* FAQ ACCORDION */
.faq-item{background:#fff;border:1px solid var(--border);border-radius:12px;margin-bottom:12px;overflow:hidden;transition:box-shadow .3s;}
.faq-item:hover{box-shadow:0 2px 12px rgba(0,0,0,.06);}
.faq-q{display:flex;align-items:flex-start;gap:12px;padding:20px 24px;cursor:pointer;font-size:15px;font-weight:700;line-height:1.7;position:relative;user-select:none;list-style:none;}
.faq-q::-webkit-details-marker{display:none;}
.faq-q::before{content:'Q';display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;background:var(--grad);color:#fff;border-radius:50%;font-size:13px;font-weight:900;margin-top:1px;}
.faq-q::after{content:'+';position:absolute;right:24px;top:20px;font-size:20px;font-weight:400;color:var(--txt2);transition:transform .3s;}
.faq-item[open] .faq-q::after{transform:rotate(45deg);}
.faq-a{padding:0 24px 20px 64px;font-size:14px;color:var(--txt2);line-height:2;}

/* CTA */
.cta-section{text-align:center;padding:72px 20px;background:var(--grad-vivid);color:#fff;position:relative;overflow:hidden;}
.cta-section::before{content:'';position:absolute;top:50%;left:50%;width:600px;height:600px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(89,190,240,.12) 0%,transparent 70%);pointer-events:none;}
.cta-section h2{font-size:26px;font-weight:900;margin-bottom:12px;position:relative;}
.cta-section p{font-size:15px;opacity:.85;margin-bottom:32px;position:relative;}
.cta-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;position:relative;}
.btn-cta-main{display:inline-block;background:var(--cta);color:#fff;border-radius:8px;padding:18px 52px;font-size:16px;font-weight:700;text-decoration:none;transition:background .3s,transform .2s;box-shadow:0 4px 24px rgba(234,47,35,.4);}
.btn-cta-main:hover{background:var(--cta-hover);transform:translateY(-2px);}
.btn-line{display:inline-block;background:var(--line);color:#fff;border-radius:8px;padding:18px 36px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .2s;box-shadow:0 4px 20px rgba(6,199,85,.3);}
.btn-line:hover{transform:translateY(-2px);}

/* FLOATING */
.floating{position:fixed;bottom:24px;right:24px;z-index:999;display:flex;flex-direction:column;gap:8px;}
.fl-cta{background:var(--cta);color:#fff;border-radius:12px;padding:16px 28px;font-size:14px;font-weight:700;text-decoration:none;text-align:center;box-shadow:0 4px 24px rgba(234,47,35,.35);transition:background .3s,transform .2s;display:flex;align-items:center;gap:8px;}
.fl-cta:hover{background:var(--cta-hover);transform:translateY(-2px);}
.fl-cta::before{content:'';width:8px;height:8px;background:#fff;border-radius:50%;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.4;}}
.fl-line{background:var(--line);color:#fff;border-radius:12px;padding:12px 24px;font-size:12px;font-weight:700;text-decoration:none;text-align:center;box-shadow:0 4px 20px rgba(6,199,85,.3);}

/* RESPONSIVE */

  .page-hero h1{font-size:24px;}
  .page-hero .hero-lead{font-size:14px;}

  .section-title{font-size:20px;margin-bottom:6px;}
  .section-sub{font-size:13px;margin-bottom:12px;}
  .grad-line{margin-bottom:12px;}

  .faq-cat-title{font-size:16px;}
  .faq-q{padding:16px 44px 16px 16px;font-size:14px;}
  .faq-q::before{width:24px;height:24px;min-width:24px;font-size:11px;}
  .faq-q::after{right:16px;top:16px;}
  .faq-a{padding:0 16px 16px 52px;font-size:13px;}

  .cta-section{padding:48px 16px;}
  .cta-section h2{font-size:22px;}
  .cta-section p{font-size:14px;margin-bottom:24px;}
  .cta-buttons{flex-direction:column;gap:12px;max-width:320px;margin:0 auto;}
  .btn-cta-main,.btn-line{padding:16px 24px;font-size:15px;text-align:center;width:100%;}

  .floating{bottom:0;right:0;left:0;flex-direction:row;padding:10px 12px;background:#fff;border-top:1px solid var(--border);border-radius:0;gap:8px;}
  .fl-cta{flex:7;border-radius:8px;padding:14px;justify-content:center;font-size:13px;}
  .fl-line{flex:3;border-radius:8px;padding:14px;font-size:11px;}
  body{padding-bottom:64px;}