
:root{
  --a4p-bg:#07111f;
  --a4p-panel:#0d1b2a;
  --a4p-text:#f6f8fb;
  --a4p-muted:#b9c4d1;
  --a4p-accent:#16d37a;
  --a4p-accent2:#8cf6bd;
  --a4p-line:rgba(255,255,255,.13);
  --a4p-light:#f6f8fb;
  --a4p-darktext:#13202d;
}
.a4p-cg-page,.a4p-cg-section,.a4p-cg-notice{box-sizing:border-box}
.a4p-cg-page *,.a4p-cg-section *,.a4p-cg-notice *{box-sizing:border-box}
.a4p-cg-wrap{width:min(1160px,calc(100% - 36px));margin:0 auto}
.a4p-cg-hero{background:radial-gradient(circle at 80% 20%,rgba(22,211,122,.18),transparent 32%),var(--a4p-bg);color:var(--a4p-text);padding:76px 0}
.a4p-cg-hero h1,.a4p-cg-section h2{margin:.25rem 0 1rem;line-height:1.03;letter-spacing:-.035em}
.a4p-cg-hero h1{font-size:clamp(2.5rem,6vw,5.2rem);max-width:950px}
.a4p-cg-hero p{font-size:clamp(1rem,1.7vw,1.25rem);max-width:860px;color:var(--a4p-muted);line-height:1.7}
.a4p-cg-kicker{display:inline-block;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:800;color:var(--a4p-accent)}
.a4p-cg-section{padding:62px 0;background:#fff;color:var(--a4p-darktext)}
.a4p-cg-section.a4p-cg-alt{background:#edf2f6}
.a4p-cg-section.a4p-cg-dark{background:var(--a4p-bg);color:var(--a4p-text)}
.a4p-cg-section h2{font-size:clamp(2rem,4vw,3.4rem);max-width:900px}
.a4p-cg-lede{font-size:1.08rem;line-height:1.75;max-width:900px}
.a4p-cg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:30px}
.a4p-cg-card{background:#fff;border:1px solid #dbe3ea;border-radius:18px;padding:24px;box-shadow:0 10px 26px rgba(20,32,45,.06)}
.a4p-cg-dark .a4p-cg-card{background:var(--a4p-panel);border-color:var(--a4p-line)}
.a4p-cg-card h3{margin:.45rem 0 .65rem;font-size:1.12rem}
.a4p-cg-card p{margin:0;line-height:1.6;color:#52606d}
.a4p-cg-dark .a4p-cg-card p{color:var(--a4p-muted)}
.a4p-cg-num{font-weight:900;color:#0ca75d;font-size:.8rem;letter-spacing:.08em}
.a4p-cg-link{display:inline-block;margin-top:14px;font-weight:800;text-decoration:none}
.a4p-cg-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}
.a4p-cg-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--a4p-accent);color:#04140c!important;padding:13px 20px;font-weight:900;text-decoration:none;cursor:pointer;line-height:1}
.a4p-cg-btn:hover{filter:brightness(.96);transform:translateY(-1px)}
.a4p-cg-btn-ghost{background:transparent;color:var(--a4p-text)!important;border:1px solid rgba(255,255,255,.35)}
.a4p-cg-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px}
.a4p-cg-step{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:14px;background:#edf2f6}
.a4p-cg-dark .a4p-cg-step{background:var(--a4p-panel)}
.a4p-cg-step b{min-width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--a4p-accent);font-size:.8rem;color:#04140c}
.a4p-cg-step span{font-weight:750;line-height:1.35}
.a4p-cg-form{margin-top:28px;padding:24px;border:1px solid #d7e0e8;border-radius:18px;background:#fff}
.a4p-cg-dark .a4p-cg-form{background:var(--a4p-panel);border-color:var(--a4p-line)}
.a4p-cg-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px}
.a4p-cg-form label{display:flex;flex-direction:column;gap:8px;font-weight:800;font-size:.92rem}
.a4p-cg-form input,.a4p-cg-form select,.a4p-cg-form textarea{width:100%;border:1px solid #becbd6;border-radius:10px;padding:12px;font:inherit;background:#fff;color:#152330}
.a4p-cg-span2{grid-column:1/-1}
.a4p-cg-privacy{font-size:.78rem;line-height:1.5;color:#687684;margin:14px 0 0}
.a4p-cg-dark .a4p-cg-privacy{color:var(--a4p-muted)}
.a4p-cg-success{margin:18px 0;padding:14px 16px;border-left:4px solid var(--a4p-accent);background:#e7f9f0;color:#123e29;font-weight:800}
.a4p-cg-notice{width:min(1160px,calc(100% - 36px));margin:24px auto;padding:16px 18px;border-radius:14px;background:#fff3cd;border:1px solid #e6c75f;color:#493d06}
.a4p-cg-notice strong{display:block;margin-bottom:4px}
.a4p-cg-notice span{display:block;line-height:1.5}
.a4p-cg-notice-soft{background:#edf7ff;border-color:#aad4f5;color:#163c5b}
.a4p-cg-metric-list{margin-top:22px;padding:18px;border-radius:14px;background:#edf2f6;line-height:1.7}
@media(max-width:900px){
  .a4p-cg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .a4p-cg-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .a4p-cg-hero{padding:52px 0}
  .a4p-cg-section{padding:44px 0}
  .a4p-cg-grid,.a4p-cg-flow,.a4p-cg-form-grid{grid-template-columns:1fr}
  .a4p-cg-span2{grid-column:auto}
  .a4p-cg-card{padding:20px}
}
