/* CustomGPT sales lander — scoped to #cgpt. Mirrors the /build/ (#pgo) design system. */
#cgpt{--teal:#17b6b6;--teal-dk:#0e8f8f;--ink:#0d1b1e;--deep:#0a1417;--paper:#f6fbfb;
  --muted:#5a6b6c;--card:#fff;--ring:#d7e6e6;--gold:#f0b429;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  color:var(--ink);line-height:1.55;box-sizing:border-box;}
#cgpt *,#cgpt *::before,#cgpt *::after{box-sizing:border-box;}
#cgpt .wrap{max-width:780px;margin:0 auto;padding:0 20px;}
#cgpt a{color:var(--teal-dk);}
/* Disclosure */
#cgpt .disclose{background:#fff7e6;border:1px solid #f3dca0;color:#6b5612;border-radius:10px;
  padding:13px 16px;font-size:14px;margin:18px auto;max-width:740px;}
#cgpt .disclose strong{color:#4a3c08;}
/* Short near-CTA disclosure on dark hero (FTC clear & conspicuous) */
#cgpt .disclose-mini{margin:14px auto 0;max-width:520px;font-size:12.5px;line-height:1.5;color:#bcdada;}
#cgpt .disclose-mini strong{color:#e6f5f5;}
#cgpt .disclose-mini a{color:#eaf7f7;text-decoration:underline;white-space:nowrap;}
/* Top bar */
#cgpt .topbar{background:var(--deep);color:#bfeaea;text-align:center;padding:9px;font-size:13px;font-weight:600;letter-spacing:.02em;}
/* Hero */
#cgpt .hero{background:radial-gradient(120% 140% at 50% 0%,#103034 0%,#0a1417 70%);color:#fff;padding:50px 0 56px;text-align:center;}
#cgpt .eyebrow{color:var(--teal);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:12px;margin:0 0 16px;}
#cgpt h1{font-size:38px;line-height:1.12;font-weight:800;margin:0 0 18px;}
#cgpt h1 .hl{color:var(--teal);}
#cgpt .sub{font-size:18px;color:#cfe2e2;max-width:600px;margin:0 auto 28px;}
#cgpt .cta{display:inline-block;background:var(--teal);color:#04201f;font-weight:800;font-size:17px;
  text-decoration:none;padding:16px 40px;border-radius:10px;box-shadow:0 10px 30px rgba(23,182,182,.32);transition:transform .15s;}
#cgpt .cta:hover{transform:translateY(-2px);}
#cgpt .cta.gold{background:var(--gold);color:#3a2a04;box-shadow:0 10px 30px rgba(240,180,41,.3);}
#cgpt .cta-sub{display:block;margin-top:11px;font-size:13px;color:#8fb0b0;}
/* Sections */
#cgpt section{padding:46px 0;}
#cgpt .alt{background:var(--paper);}
#cgpt h2{font-size:27px;font-weight:800;margin:0 0 14px;line-height:1.2;}
#cgpt p.lead{font-size:17px;color:var(--muted);margin:0 0 14px;}
#cgpt .center{text-align:center;}
/* Feature chips */
#cgpt .chips{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:22px 0 4px;}
#cgpt .chips span{background:rgba(23,182,182,.10);border:1px solid rgba(23,182,182,.4);color:var(--teal-dk);
  padding:8px 15px;border-radius:999px;font-weight:700;font-size:13px;}
/* Checklist */
#cgpt ul.checks{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:12px;}
#cgpt ul.checks li{display:flex;gap:12px;align-items:flex-start;font-size:16px;background:var(--card);border:1px solid var(--ring);border-radius:10px;padding:14px 16px;}
#cgpt ul.checks li::before{content:"\25B9";color:var(--teal-dk);font-weight:800;}
/* Use-case cards */
#cgpt .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px;}
#cgpt .ucard{background:var(--card);border:1px solid var(--ring);border-radius:14px;padding:20px;}
#cgpt .ucard h3{font-size:17px;margin:0 0 8px;color:var(--ink);}
#cgpt .ucard p{font-size:14.5px;color:var(--muted);margin:0;}
/* Video */
#cgpt .video{position:relative;padding-bottom:56.25%;height:0;border-radius:14px;overflow:hidden;box-shadow:0 14px 40px rgba(10,20,23,.18);margin:8px 0 0;}
#cgpt .video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}
/* CTA band */
#cgpt .band{background:radial-gradient(120% 140% at 50% 0%,#103034 0%,#0a1417 70%);color:#fff;text-align:center;}
#cgpt .band h2{color:#fff;}
#cgpt .band p{color:#cfe2e2;font-size:16px;max-width:560px;margin:0 auto 24px;}
/* Email capture */
#cgpt .opt{max-width:480px;margin:18px auto 0;padding:1.4em;border:1px solid var(--ring);border-radius:12px;background:#fff;text-align:left;}
#cgpt .opt label{display:block;font-weight:600;margin-bottom:.4em;color:var(--ink);}
#cgpt .opt input[type=email]{width:100%;padding:.7em .8em;border:1px solid #cbd5d5;border-radius:6px;font-size:1em;}
#cgpt .opt button{margin-top:.8em;width:100%;padding:.85em;background:var(--teal);color:#04201f;font-weight:800;font-size:1.05em;border:0;border-radius:6px;cursor:pointer;}
#cgpt .opt .msg{margin:.6em 0 0;font-size:.9em;color:#555;}
#cgpt .hp{position:absolute;left:-9999px;}
/* FAQ */
#cgpt .faq details{background:var(--card);border:1px solid var(--ring);border-radius:10px;padding:4px 18px;margin-bottom:12px;}
#cgpt .faq summary{cursor:pointer;font-weight:700;font-size:16px;padding:14px 0;list-style:none;}
#cgpt .faq summary::-webkit-details-marker{display:none;}
#cgpt .faq summary::after{content:"+";float:right;color:var(--teal-dk);font-weight:800;}
#cgpt .faq details[open] summary::after{content:"\2013";}
#cgpt .faq p{color:var(--muted);font-size:15.5px;margin:0 0 14px;}
/* Banner slots */
#cgpt .bannerslot{text-align:center;margin:8px 0 0;}
#cgpt .bannerslot img{max-width:100%;height:auto;border-radius:8px;}
/* Footer note */
#cgpt .foot{font-size:13px;color:var(--muted);text-align:center;padding:30px 20px 10px;}
@media(max-width:680px){
  #cgpt h1{font-size:30px;}
  #cgpt .cards{grid-template-columns:1fr;}
  #cgpt section{padding:38px 0;}
}
