/* @import url("https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=Instrument+Sans:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Roboto+Mono:wght@400;500&display=swap"); */

/* ════════════════════════════════════════════════════════════
   TOKENS + RESET — chatgpt-integration-services (cg- prefix)
   ════════════════════════════════════════════════════════════ */
.chatgpt-integration-services-page *, .chatgpt-integration-services-page *::before, .chatgpt-integration-services-page *::after{box-sizing:border-box;margin:0;padding:0}
.chatgpt-integration-services-page{
  --red:#DE253A;--red-h:#C41F32;--red-tint:#FBE9EB;--red-soft:rgba(222,37,58,.12);
  --black:#0A0A0A;--ink:#0E0E0F;--white:#FFFFFF;
  --paper-w:#FBFAF7;
  --g60:#565656;--g40:#8A8A8A;--g20:#D0D0D0;--g10:#E8E8E8;--g05:#F5F5F5;--g02:#F8F8F8;
  --green:#22C55E;--green-d:#16A34A;--amber:#F59E0B;--amber-d:#D97706;--blue:#3B82F6;
  --fd:"Sora",sans-serif;--fb:"Instrument Sans",sans-serif;--fm:"Roboto Mono",monospace;
  --px:56px;--py:96px;--cont:1280px;
  --ease:cubic-bezier(.16,1,.3,1);
  --e1:cubic-bezier(.32,.72,0,1);
  --e2:cubic-bezier(.34,1.56,.64,1);
  --grain:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* Grain overlay utility — applied to dark sections for physical texture */
.chatgpt-integration-services-page .cg-grain{position:absolute;inset:0;pointer-events:none;background-image:var(--grain);opacity:.045;mix-blend-mode:overlay;z-index:1}
@media(prefers-reduced-motion:reduce){.chatgpt-integration-services-page .cg-grain{display:none}}

/* Fixed subtle grain on dark section backgrounds — adds physical texture.
   .cg-hero has its own ::after (grid overlay) so we compose grain into its bg via background-image.
   Other dark sections use ::after cleanly. */
.chatgpt-integration-services-page .cg-trust::after, .chatgpt-integration-services-page .cg-eg::after, .chatgpt-integration-services-page .cg-pg::after, .chatgpt-integration-services-page .cg-wn::after, .chatgpt-integration-services-page .cg-final::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:var(--grain);opacity:.05;mix-blend-mode:overlay;z-index:1;
}
@media(prefers-reduced-motion:reduce){
  .chatgpt-integration-services-page .cg-trust::after, .chatgpt-integration-services-page .cg-eg::after, .chatgpt-integration-services-page .cg-pg::after, .chatgpt-integration-services-page .cg-wn::after, .chatgpt-integration-services-page .cg-final::after{display:none}
}
.chatgpt-integration-services-page{scroll-behavior:smooth}
.chatgpt-integration-services-page{font-family:var(--fb);font-size:15px;color:var(--ink);background:#fff;line-height:1.6;overflow-x:hidden}
.chatgpt-integration-services-page img{max-width:100%;height:auto;display:block}
.chatgpt-integration-services-page a{color:inherit;text-decoration:none}
.chatgpt-integration-services-page button{font-family:inherit}
.chatgpt-integration-services-page .wrap{max-width:var(--cont);margin:0 auto;padding:0 var(--px)}

.chatgpt-integration-services-page .skip-link{position:absolute;left:-9999px;top:8px;background:var(--red);color:#fff;padding:8px 14px;border-radius:4px;font-family:var(--fd);font-size:13px;font-weight:600;z-index:9999}
.chatgpt-integration-services-page .skip-link:focus{left:14px}

/* Focus-visible ring on ALL interactive elements — a11y + SEO signal */
.chatgpt-integration-services-page a:focus-visible, .chatgpt-integration-services-page button:focus-visible, .chatgpt-integration-services-page summary:focus-visible, .chatgpt-integration-services-page input:focus-visible, .chatgpt-integration-services-page select:focus-visible, .chatgpt-integration-services-page textarea:focus-visible, .chatgpt-integration-services-page [tabindex]:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:4px}
.chatgpt-integration-services-page input:focus-visible, .chatgpt-integration-services-page select:focus-visible, .chatgpt-integration-services-page textarea:focus-visible{outline-offset:1px}

/* Scroll-margin-top so anchor targets land BELOW the 110px fixed nav (72px nav + 38px topbar) */
.chatgpt-integration-services-page main [id], .chatgpt-integration-services-page section[id], .chatgpt-integration-services-page main{scroll-margin-top:120px}
@media(max-width:640px){.chatgpt-integration-services-page main [id], .chatgpt-integration-services-page section[id], .chatgpt-integration-services-page main{scroll-margin-top:88px}}

/* Global code styling */
.chatgpt-integration-services-page code{font-family:var(--fm);font-size:.92em;padding:1px 6px;background:var(--g05);border-radius:3px;color:var(--red);border:1px solid var(--g10)}
.chatgpt-integration-services-page .cg-hero code, .chatgpt-integration-services-page .cg-eg code, .chatgpt-integration-services-page .cg-trust code, .chatgpt-integration-services-page .cg-pg code, .chatgpt-integration-services-page .cg-wn code, .chatgpt-integration-services-page .cg-final code, .chatgpt-integration-services-page .cg-cc-box code, .chatgpt-integration-services-page .cg-tc-box code, .chatgpt-integration-services-page .cg-aict code{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#FF8B95}

/* Notranslate on numeric values so Chrome translation doesn't mangle $1.42 or 4.9/5 */
.chatgpt-integration-services-page .cg-tc-live-v, .chatgpt-integration-services-page .cg-cs-c-out-v, .chatgpt-integration-services-page .cg-trust-i-v, .chatgpt-integration-services-page .cg-facts-v, .chatgpt-integration-services-page .cg-pa-tier-p, .chatgpt-integration-services-page .cg-cc-result-t-v, .chatgpt-integration-services-page .cg-mm-tbl td.num{unicode-bidi:isolate}

.chatgpt-integration-services-page [data-r]{opacity:0;transform:translateY(22px);transition:opacity .75s var(--ease),transform .75s var(--ease)}
.chatgpt-integration-services-page [data-r].in{opacity:1;transform:none}

.chatgpt-integration-services-page .eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--fm);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--red);font-weight:600}
.chatgpt-integration-services-page .eyebrow::before{content:"";width:24px;height:1px;background:var(--red)}
.chatgpt-integration-services-page .eyebrow-c{justify-content:center}
.chatgpt-integration-services-page .eyebrow-w{color:rgba(255,255,255,.7)}
.chatgpt-integration-services-page .eyebrow-w::before{background:var(--red)}

.chatgpt-integration-services-page .h2{font-family:var(--fd);font-size:clamp(28px,3.5vw,44px);font-weight:700;letter-spacing:-.025em;line-height:1.08;color:var(--ink)}
.chatgpt-integration-services-page .h2 em{font-style:normal;color:var(--red)}
.chatgpt-integration-services-page .h2-w{color:#fff}

.chatgpt-integration-services-page .sec-lead{font-family:var(--fb);font-size:15.5px;color:var(--g60);line-height:1.65;max-width:640px;margin-top:22px}
.chatgpt-integration-services-page .sec-lead strong{color:var(--ink);font-weight:600}
.chatgpt-integration-services-page .sec-lead-w{color:rgba(255,255,255,.7)}
.chatgpt-integration-services-page .sec-lead-w strong{color:#fff}

/* Thesis pull-quote — italic Instrument Sans for typographic personality on 3 key intro moments */
.chatgpt-integration-services-page .thesis{font-family:var(--fb);font-style:italic;font-size:20px;line-height:1.5;color:var(--ink);letter-spacing:-.003em;margin-top:22px;max-width:640px;padding-left:18px;border-left:2px solid var(--red)}
.chatgpt-integration-services-page .thesis-w{color:rgba(255,255,255,.9)}
.chatgpt-integration-services-page .thesis strong{font-style:normal;font-weight:600;color:var(--ink)}
.chatgpt-integration-services-page .thesis-w strong{color:#fff}
@media(max-width:640px){.chatgpt-integration-services-page .thesis{font-size:17px;padding-left:14px}}

.chatgpt-integration-services-page .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* ════════════════════════════════════════════════════════════
   BUTTONS — locked Trango pattern
   ════════════════════════════════════════════════════════════ */
.chatgpt-integration-services-page .btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 28px;border-radius:100px;font-family:var(--fd);font-size:14px;font-weight:600;letter-spacing:.02em;cursor:pointer;text-decoration:none;white-space:nowrap;border:none}
.chatgpt-integration-services-page .btn-lg{height:56px;padding:0 36px;font-size:15px}
.chatgpt-integration-services-page .btn-sm{height:40px;padding:0 20px;font-size:13px}
.chatgpt-integration-services-page .btn-p{position:relative;overflow:hidden;background:transparent;color:var(--ink);border:1.5px solid rgba(222,37,58,.4);border-radius:100px;gap:4px;transition:border-color 600ms cubic-bezier(.23,1,.32,1),border-radius 600ms cubic-bezier(.23,1,.32,1),color 600ms cubic-bezier(.23,1,.32,1)}
.chatgpt-integration-services-page .btn-p:hover{border-color:transparent;color:#fff;border-radius:12px}
.chatgpt-integration-services-page .btn-p:active{transform:scale(.95)}
.chatgpt-integration-services-page .btn-p .bc{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:var(--red);border-radius:50%;opacity:0;pointer-events:none;z-index:0;transition:width 800ms cubic-bezier(.19,1,.22,1),height 800ms cubic-bezier(.19,1,.22,1),opacity 800ms cubic-bezier(.19,1,.22,1)}
.chatgpt-integration-services-page .btn-p:hover .bc{width:100%;height:360px;opacity:1}
.chatgpt-integration-services-page .btn-p .bl{position:relative;z-index:1;transform:translateX(-4px);transition:transform 800ms ease-out;padding:0 8px; white-space: normal; text-align: center;}
.chatgpt-integration-services-page .btn-sm.btn-p .bl{padding:0 16px}
.chatgpt-integration-services-page .btn-p:hover .bl{transform:translateX(4px)}
.chatgpt-integration-services-page .btn-p .ba-l{position:absolute;left:-20%;z-index:9;color:var(--ink);display:flex;align-items:center;transition:left 800ms cubic-bezier(.34,1.56,.64,1),color 600ms ease}
.chatgpt-integration-services-page .btn-p:hover .ba-l{left:18px;color:#fff}
.chatgpt-integration-services-page .btn-p .ba-r{position:absolute;right:18px;z-index:9;color:var(--ink);display:flex;align-items:center;transition:right 800ms cubic-bezier(.34,1.56,.64,1),color 600ms ease}
.chatgpt-integration-services-page .btn-p:hover .ba-r{right:-20%;color:#fff}
.chatgpt-integration-services-page .btn-p .ba-l svg, .chatgpt-integration-services-page .btn-p .ba-r svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.chatgpt-integration-services-page .btn-p-w{color:#fff;border-color:rgba(255,255,255,.3)}
.chatgpt-integration-services-page .btn-p-w .ba-l, .chatgpt-integration-services-page .btn-p-w .ba-r{color:#fff}
.chatgpt-integration-services-page .btn-p-w:hover{color:#fff}
.chatgpt-integration-services-page .btn-p-w .bc{background:var(--red)}
.chatgpt-integration-services-page .btn-o{background:transparent;color:var(--ink);border:1.5px solid var(--g20);border-radius:100px;transition:background 200ms,border-color 200ms,transform 200ms}
.chatgpt-integration-services-page .btn-o:hover{background:var(--g05);border-color:var(--g40);transform:translateY(-2px)}
.chatgpt-integration-services-page .btn-o-w{color:rgba(255,255,255,.65);border-color:rgba(255,255,255,.2)}
.chatgpt-integration-services-page .btn-o-w:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.4);color:#fff;transform:translateY(-2px)}
.chatgpt-integration-services-page .btn-o .ba-l, .chatgpt-integration-services-page .btn-o .ba-r, .chatgpt-integration-services-page .btn-o-w .ba-l, .chatgpt-integration-services-page .btn-o-w .ba-r{display:inline-flex;align-items:center;justify-content:center;margin:0 4px}
.chatgpt-integration-services-page .btn-o .ba-l svg, .chatgpt-integration-services-page .btn-o .ba-r svg, .chatgpt-integration-services-page .btn-o-w .ba-l svg, .chatgpt-integration-services-page .btn-o-w .ba-r svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.chatgpt-integration-services-page .btn-o .ba-l, .chatgpt-integration-services-page .btn-o-w .ba-l{display:none}











@keyframes cgPulse{0%,100%{opacity:1}50%{opacity:.5}}
@media(max-width:640px){}



@media(max-width:640px){}









@media(max-width:980px){}

/* ════════════════════════════════════════════════════════════
   §1 HERO — dark, animated Integration Health dashboard
   ════════════════════════════════════════════════════════════ */
.chatgpt-integration-services-page .cg-hero{position:relative;background:#0A0A0A;color:#E8E8E8;padding:152px 0 96px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06)}
.chatgpt-integration-services-page .cg-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 25% 35%,rgba(222,37,58,.14),transparent 70%);pointer-events:none}
.chatgpt-integration-services-page .cg-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;mask-image:radial-gradient(80% 60% at 30% 40%,#000,transparent 90%)}
.chatgpt-integration-services-page .cg-hero .wrap{position:relative;z-index:2}
.chatgpt-integration-services-page .cg-hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center}
@media(max-width:1000px){.chatgpt-integration-services-page .cg-hero-grid{grid-template-columns:1fr;gap:40px}}
.chatgpt-integration-services-page .cg-hero-crumb{display:inline-flex;align-items:center;gap:10px;font-family:var(--fm);font-size:11px;color:rgba(255,255,255,.7);margin-bottom:26px;padding:6px 12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:999px}
.chatgpt-integration-services-page .cg-hero-crumb a{color:rgba(255,255,255,.78);transition:color .2s}
.chatgpt-integration-services-page .cg-hero-crumb a:hover{color:#fff}
.chatgpt-integration-services-page .cg-hero-crumb-sep{color:rgba(255,255,255,.25)}
.chatgpt-integration-services-page .cg-hero-crumb-dot{width:7px;height:7px;background:#22C55E;border-radius:50%;box-shadow:0 0 0 3px rgba(34,197,94,.18);animation:cgPulse 2s ease-in-out infinite}
.chatgpt-integration-services-page .cg-hero-eyebrow{color:var(--red);margin-bottom:22px}
.chatgpt-integration-services-page .cg-hero h1{font-family:var(--fd);font-size:clamp(34px,4.2vw,52px);font-weight:700;letter-spacing:-.022em;line-height:1.06;color:#fff;margin-bottom:22px;max-width:640px}
.chatgpt-integration-services-page .cg-hero h1 em{font-style:normal;background:linear-gradient(180deg,#fff 60%,var(--red) 60%);background-clip:text;-webkit-background-clip:text;color:transparent;padding:0 2px}
.chatgpt-integration-services-page .cg-hero-sub{font-family:var(--fb);font-size:17px;color:rgba(255,255,255,.72);line-height:1.55;max-width:560px;margin-bottom:32px}
.chatgpt-integration-services-page .cg-hero-sub strong{color:#fff;font-weight:600}
.chatgpt-integration-services-page .cg-hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}
.chatgpt-integration-services-page .cg-hero-meta{display:flex;flex-wrap:wrap;gap:10px;max-width:640px}
.chatgpt-integration-services-page .cg-hero-meta-i{position:relative;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:13px 18px 12px;display:flex;flex-direction:column;gap:4px;overflow:hidden;transition:border-color 400ms var(--e1),background 400ms var(--e1)}
.chatgpt-integration-services-page .cg-hero-meta-i:hover{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.05)}
.chatgpt-integration-services-page .cg-hero-meta-i::before{content:"";position:absolute;top:0;left:0;width:26px;height:2px;background:var(--red)}
.chatgpt-integration-services-page .cg-hero-meta-v{font-family:var(--fd);font-size:15.5px;font-weight:700;color:#fff;letter-spacing:-.015em;line-height:1.15;white-space:nowrap}
.chatgpt-integration-services-page .cg-hero-meta-l{font-family:var(--fm);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55)}
@media(max-width:420px){.chatgpt-integration-services-page .cg-hero-meta-i{flex:1 1 100%}.chatgpt-integration-services-page .cg-hero-meta-v{white-space:normal}}

/* Live Integration Health dashboard visual */
.chatgpt-integration-services-page .cg-dash{background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,rgba(255,255,255,.01) 100%);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:22px;position:relative;overflow:hidden}
.chatgpt-integration-services-page .cg-dash::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(222,37,58,.6),transparent);animation:cgSweep 4s linear infinite}
@keyframes cgSweep{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.chatgpt-integration-services-page .cg-dash-hd{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.06)}
.chatgpt-integration-services-page .cg-dash-hd-l{font-family:var(--fm);font-size:10.5px;color:rgba(255,255,255,.65);letter-spacing:.14em;text-transform:uppercase;display:flex;align-items:center;gap:8px}
.chatgpt-integration-services-page .cg-dash-hd-l::before{content:"";width:8px;height:8px;background:#22C55E;border-radius:50%;box-shadow:0 0 0 3px rgba(34,197,94,.2);animation:cgPulse 2s ease-in-out infinite}
.chatgpt-integration-services-page .cg-dash-hd-r{font-family:var(--fm);font-size:10.5px;color:var(--red);letter-spacing:.06em;font-weight:600}
/* Architecture diagram — ChatGPT hub + 6 systems, animated data flows */
.chatgpt-integration-services-page .cg-arch{position:relative;z-index:2}
.chatgpt-integration-services-page .cg-arch svg{width:100%;height:auto;display:block}
.chatgpt-integration-services-page .cg-arch-line{fill:none;stroke:rgba(255,255,255,.16);stroke-width:1.2}
.chatgpt-integration-services-page .cg-arch-node{fill:rgba(255,255,255,.04);stroke:rgba(255,255,255,.14);stroke-width:1}
.chatgpt-integration-services-page .cg-arch-node-c{fill:rgba(222,37,58,.10);stroke:rgba(222,37,58,.6);stroke-width:1.2}
.chatgpt-integration-services-page .cg-arch-halo{fill:rgba(222,37,58,.10);transform-box:fill-box;transform-origin:center;animation:cgArchHalo 3.2s ease-in-out infinite}
@keyframes cgArchHalo{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.7;transform:scale(1.07)}}
.chatgpt-integration-services-page .cg-arch-nm{font-family:var(--fd);font-size:12px;font-weight:600;fill:#fff;letter-spacing:-.01em}
.chatgpt-integration-services-page .cg-arch-sub{font-family:var(--fm);font-size:8.5px;fill:rgba(255,255,255,.55);letter-spacing:.06em}
.chatgpt-integration-services-page .cg-arch-cnm{font-family:var(--fd);font-size:17px;font-weight:700;fill:#fff;letter-spacing:-.02em}
.chatgpt-integration-services-page .cg-arch-csub{font-family:var(--fm);font-size:8.5px;fill:rgba(255,255,255,.6);letter-spacing:.08em}
.chatgpt-integration-services-page .cg-arch-chip{fill:rgba(222,37,58,.14);stroke:rgba(222,37,58,.45);stroke-width:1}
.chatgpt-integration-services-page .cg-arch-chip-t{font-family:var(--fm);font-size:7.5px;font-weight:500;fill:#FF8B95;letter-spacing:.12em}
@media(prefers-reduced-motion:reduce){.chatgpt-integration-services-page .cg-arch-flow{display:none}}
.chatgpt-integration-services-page .cg-dash-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);font-family:var(--fm);font-size:10.5px;color:rgba(255,255,255,.5);letter-spacing:.04em}
.chatgpt-integration-services-page .cg-dash-foot strong{color:#fff;font-weight:600}
@media(max-width:640px){.chatgpt-integration-services-page .cg-hero{padding:112px 0 64px}.chatgpt-integration-services-page .cg-hero h1{font-size:32px}}

/* ════════════════════════════════════════════════════════════
   §2 KEY FACTS INFOBOX (AEO extraction block)
   ════════════════════════════════════════════════════════════ */
.chatgpt-integration-services-page .cg-facts{padding:40px 0;background:#fff;border-bottom:1px solid var(--g10)}
.chatgpt-integration-services-page .cg-facts-box{border:1px solid var(--g10);border-radius:12px;padding:22px 26px;background:linear-gradient(180deg,var(--g02) 0%,#fff 100%);max-width:920px}
.chatgpt-integration-services-page .cg-facts-hd{display:flex;align-items:center;gap:12px;padding-bottom:0;border-bottom:0;flex-wrap:wrap;cursor:pointer;list-style:none;user-select:none;transition:padding .2s ease,border-color .2s ease,margin .2s ease}
.chatgpt-integration-services-page .cg-facts-hd::-webkit-details-marker{display:none}
.chatgpt-integration-services-page .cg-facts-hd::marker{display:none;content:""}
.chatgpt-integration-services-page .cg-facts-hd-l{font-family:var(--fm);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);font-weight:600;display:flex;align-items:center;gap:10px}
.chatgpt-integration-services-page .cg-facts-hd-l::before{content:"";width:16px;height:1px;background:var(--red)}
.chatgpt-integration-services-page .cg-facts-hd-t{font-family:var(--fd);font-size:14.5px;font-weight:600;color:var(--ink);letter-spacing:-.01em;margin-left:auto}
.chatgpt-integration-services-page .cg-facts-hd-chev{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1.5px solid var(--g20);border-radius:50%;color:var(--ink);transition:transform .3s var(--ease),background .2s,border-color .2s;background:#fff}
.chatgpt-integration-services-page .cg-facts-hd:hover .cg-facts-hd-chev{background:var(--g05);border-color:var(--g40)}
.chatgpt-integration-services-page details[open] > .cg-facts-hd{padding-bottom:14px;border-bottom:1px dashed var(--g10);margin-bottom:16px}
.chatgpt-integration-services-page details[open] > .cg-facts-hd .cg-facts-hd-chev{transform:rotate(180deg);background:var(--red);color:#fff;border-color:var(--red)}
.chatgpt-integration-services-page .cg-facts-body{display:block}
.chatgpt-integration-services-page .cg-facts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 30px}
@media(max-width:820px){.chatgpt-integration-services-page .cg-facts-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.chatgpt-integration-services-page .cg-facts-grid{grid-template-columns:1fr}}
.chatgpt-integration-services-page .cg-facts-i{display:flex;flex-direction:column;gap:3px}
.chatgpt-integration-services-page .cg-facts-l{font-family:var(--fm);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--g40);font-weight:500}
.chatgpt-integration-services-page .cg-facts-v{font-family:var(--fd);font-size:15px;color:var(--ink);letter-spacing:-.008em;font-weight:600;line-height:1.35}
.chatgpt-integration-services-page .cg-facts-v small{font-family:var(--fb);font-size:12.5px;color:var(--g60);font-weight:400;display:block;margin-top:2px;letter-spacing:0}

/* Key Facts extras — AEO rows (Related disciplines / Not for / stack defaults / Last verified) */
.chatgpt-integration-services-page .cg-facts-extra{margin-top:18px;padding-top:16px;border-top:1px dashed var(--g10);display:grid;grid-template-columns:1fr;gap:10px;font-family:var(--fb);font-size:13px;line-height:1.6;color:var(--g60)}
.chatgpt-integration-services-page .cg-facts-extra .row{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:baseline}
@media(max-width:640px){.chatgpt-integration-services-page .cg-facts-extra .row{grid-template-columns:1fr;gap:2px}}
.chatgpt-integration-services-page .cg-facts-extra dt{font-family:var(--fm);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);font-weight:600;line-height:1.4;padding-top:3px}
.chatgpt-integration-services-page .cg-facts-extra dd{margin:0;color:var(--g60)}
.chatgpt-integration-services-page .cg-facts-extra dd strong{color:var(--ink);font-weight:600}
.chatgpt-integration-services-page .cg-facts-extra dd dfn{font-style:normal;color:var(--ink);font-weight:500}
.chatgpt-integration-services-page .cg-facts-extra dd a{color:var(--red);border-bottom:1px solid rgba(222,37,58,.3);transition:border-bottom-color .2s}
.chatgpt-integration-services-page .cg-facts-extra dd a:hover{border-bottom-color:var(--red)}
.chatgpt-integration-services-page .cg-facts-extra dd time{font-family:var(--fm);font-size:12px;color:var(--ink);font-weight:500}

/* ════════════════════════════════════════════════════════════
   §3 TRUST STRIP
   ════════════════════════════════════════════════════════════ */
.chatgpt-integration-services-page .cg-trust{padding:44px 0;background:#0E0E0F;color:#fff;position:relative;overflow:hidden}
.chatgpt-integration-services-page .cg-trust::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 50% 30%,rgba(222,37,58,.08),transparent 70%);pointer-events:none}
.chatgpt-integration-services-page .cg-trust .wrap{position:relative;z-index:2}
.chatgpt-integration-services-page .cg-trust-grid{display:flex;align-items:stretch;gap:0;flex-wrap:wrap}
.chatgpt-integration-services-page .cg-trust-i{flex:1 1 0;min-width:180px;padding:0 28px;border-right:1px solid rgba(255,255,255,.08)}
.chatgpt-integration-services-page .cg-trust-i:first-child{padding-left:0}
.chatgpt-integration-services-page .cg-trust-i:last-child{border-right:0;padding-right:0}
.chatgpt-integration-services-page .cg-trust-i-l{font-family:var(--fm);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.5);font-weight:500;margin-bottom:12px;display:block;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chatgpt-integration-services-page .cg-trust-i-v{font-family:var(--fd);font-size:34px;font-weight:700;color:#fff;line-height:1;letter-spacing:-.028em;display:block;margin-bottom:6px}
.chatgpt-integration-services-page .cg-trust-i-v small{font-family:var(--fd);font-size:18px;font-weight:600;color:rgba(255,255,255,.7);margin-left:2px;letter-spacing:0}
.chatgpt-integration-services-page .cg-trust-i-d{font-family:var(--fm);font-size:11px;color:rgba(255,255,255,.55);letter-spacing:.04em;line-height:1.4;display:block;margin-top:4px}
@media(max-width:820px){
  .chatgpt-integration-services-page .cg-trust-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 0}
  .chatgpt-integration-services-page .cg-trust-i{padding:0 16px;border-right:1px solid rgba(255,255,255,.08)}
  .chatgpt-integration-services-page .cg-trust-i:first-child, .chatgpt-integration-services-page .cg-trust-i:nth-child(3){padding-left:0}
  .chatgpt-integration-services-page .cg-trust-i:nth-child(2), .chatgpt-integration-services-page .cg-trust-i:last-child{padding-right:0;border-right:0}
  .chatgpt-integration-services-page .cg-trust-i-v{font-size:26px}
}
.chatgpt-integration-services-page .cg-trust-logos{margin-top:36px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-wrap:wrap;gap:10px 26px;align-items:center;justify-content:center;font-family:var(--fm);font-size:10.5px;color:rgba(255,255,255,.65);letter-spacing:.16em;text-transform:uppercase;list-style:none;padding-left:0;padding-right:0;padding-bottom:0}
.chatgpt-integration-services-page .cg-trust-logos li{padding:6px 12px;border:1px solid rgba(255,255,255,.1);border-radius:4px}


/* ════════════════════════════════════════════════════════════
   §4 QUICK ANSWERS (12 dfn AEO block)
   ════════════════════════════════════════════════════════════ */
.chatgpt-integration-services-page .cg-qa{padding:var(--py) 0;background:#fff}
.chatgpt-integration-services-page .cg-qa-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 32px;margin-top:36px}
@media(max-width:820px){.chatgpt-integration-services-page .cg-qa-grid{grid-template-columns:1fr}}
.chatgpt-integration-services-page .cg-qa-i{padding:14px 0;border-bottom:1px dashed var(--g10)}
.chatgpt-integration-services-page .cg-qa-i dfn{font-family:var(--fm);font-size:11.5px;font-weight:600;color:var(--red);letter-spacing:.02em;font-style:normal;text-transform:none;display:block;margin-bottom:4px}
.chatgpt-integration-services-page .cg-qa-i p{font-family:var(--fb);font-size:14px;color:var(--g60);line-height:1.55;margin:0}
.chatgpt-integration-services-page .cg-qa-i p strong{color:var(--ink);font-weight:600}

/* ════════════════════════════════════════════════════════════
   §5 WHAT IT IS (AND ISN'T) — 3-column vs clarifier
   ════════════════════════════════════════════════════════════ */
.chatgpt-integration-services-page .cg-what{padding:var(--py) 0;background:var(--g05)}
.chatgpt-integration-services-page .cg-what-intro{max-width:780px;font-family:var(--fb);font-size:16px;color:var(--g60);line-height:1.7;margin-top:22px}
.chatgpt-integration-services-page .cg-what-intro strong{color:var(--ink);font-weight:600}
.chatgpt-integration-services-page .cg-what-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
@media(max-width:820px){.chatgpt-integration-services-page .cg-what-cols{grid-template-columns:1fr}}
.chatgpt-integration-services-page .cg-what-c{background:#fff;border:1px solid var(--g10);border-radius:12px;padding:22px 24px;position:relative}
.chatgpt-integration-services-page .cg-what-c[data-kind="us"]{border-color:var(--red);background:linear-gradient(180deg,var(--red-tint) 0%,#fff 60%)}
.chatgpt-integration-services-page .cg-what-c-l{font-family:var(--fm);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--g40);font-weight:600;margin-bottom:8px}
.chatgpt-integration-services-page .cg-what-c[data-kind="us"] .cg-what-c-l{color:var(--red)}
.chatgpt-integration-services-page .cg-what-c-h{font-family:var(--fd);font-size:17px;font-weight:700;color:var(--ink);letter-spacing:-.015em;line-height:1.3;margin-bottom:10px}
.chatgpt-integration-services-page .cg-what-c-b{font-family:var(--fb);font-size:13.5px;color:var(--g60);line-height:1.6}
.chatgpt-integration-services-page .cg-what-c-b strong{color:var(--ink);font-weight:600}
.chatgpt-integration-services-page .cg-what-cmp{margin-top:28px;padding:18px 22px;background:#fff;border:1px dashed var(--g20);border-radius:8px;font-family:var(--fb);font-size:13.5px;color:var(--g60);line-height:1.7;max-width:none}
.chatgpt-integration-services-page .cg-what-cmp strong{color:var(--ink);font-weight:600}
.chatgpt-integration-services-page .cg-what-cmp a{color:var(--red);border-bottom:1px solid rgba(222,37,58,.3);font-weight:600}

/* Animated "live demo" — chat + pipeline loop (CSS-only, 10s cycle) */
.chatgpt-integration-services-page .cg-demo{margin-top:32px;background:linear-gradient(180deg,var(--ink),#141415);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:22px 24px;position:relative;overflow:hidden;color:#fff}
.chatgpt-integration-services-page .cg-demo::before{content:"";position:absolute;inset:0;background-image:var(--grain);opacity:.04;mix-blend-mode:overlay;pointer-events:none}
.chatgpt-integration-services-page .cg-demo-hd{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid rgba(255,255,255,.07);position:relative;z-index:2}
.chatgpt-integration-services-page .cg-demo-hd-l{font-family:var(--fm);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.65);display:inline-flex;align-items:center;gap:8px}
.chatgpt-integration-services-page .cg-demo-hd-l::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(34,197,94,.18);animation:cgPulse 2s ease-in-out infinite}
.chatgpt-integration-services-page .cg-demo-hd-r{font-family:var(--fm);font-size:10px;color:rgba(255,255,255,.4);letter-spacing:.08em;text-transform:uppercase}
.chatgpt-integration-services-page .cg-demo-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;position:relative;z-index:2}
@media(max-width:860px){.chatgpt-integration-services-page .cg-demo-grid{grid-template-columns:1fr}}
.chatgpt-integration-services-page .cg-demo-chat{display:flex;flex-direction:column;gap:12px;min-height:230px}
.chatgpt-integration-services-page .cg-demo-msg{display:flex;gap:10px;align-items:flex-end}
.chatgpt-integration-services-page .cg-demo-av{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.12);display:inline-flex;align-items:center;justify-content:center;font-family:var(--fd);font-size:10.5px;font-weight:700;color:#fff;flex-shrink:0}
.chatgpt-integration-services-page .cg-demo-av.ai{background:var(--red)}
.chatgpt-integration-services-page .cg-demo-bub{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);border-radius:12px 12px 12px 4px;padding:10px 14px;font-family:var(--fb);font-size:13px;line-height:1.55;color:rgba(255,255,255,.85);max-width:420px}
.chatgpt-integration-services-page .cg-demo-msg.b .cg-demo-bub{background:rgba(222,37,58,.12);border-color:rgba(222,37,58,.25);border-radius:12px 12px 4px 12px}
.chatgpt-integration-services-page .cg-demo-src{display:block;margin-top:8px;padding-top:8px;border-top:1px dashed rgba(255,255,255,.15);font-family:var(--fm);font-size:10px;color:rgba(255,255,255,.55);letter-spacing:.04em}
.chatgpt-integration-services-page .cg-demo-typing{display:inline-flex;gap:4px;padding:10px 14px;background:rgba(255,255,255,.06);border-radius:12px;width:max-content;margin-left:38px;opacity:0}
.chatgpt-integration-services-page .cg-demo-typing span{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.5)}
.chatgpt-integration-services-page .cg-demo-badge{margin-left:38px;width:max-content;font-family:var(--fm);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--green);background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.25);padding:5px 10px;border-radius:999px}
.chatgpt-integration-services-page .cg-demo-pipe{display:flex;flex-direction:column;gap:8px;justify-content:center}
.chatgpt-integration-services-page .cg-demo-step{display:flex;gap:12px;align-items:center;padding:11px 14px;background:rgba(222,37,58,.12);border:1px solid rgba(222,37,58,.4);border-radius:9px}
.chatgpt-integration-services-page .cg-demo-step .n{width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:var(--fm);font-size:10px;font-weight:600;flex-shrink:0}
.chatgpt-integration-services-page .cg-demo-step strong{display:block;font-family:var(--fd);font-size:12.5px;font-weight:600;color:#fff;letter-spacing:-.005em}
.chatgpt-integration-services-page .cg-demo-step small{font-family:var(--fm);font-size:10px;color:rgba(255,255,255,.5);letter-spacing:.03em}
@media(prefers-reduced-motion:no-preference){
  .chatgpt-integration-services-page .cg-demo-msg.u{animation:cgDemoU 10s infinite var(--ease)}
  .chatgpt-integration-services-page .cg-demo-typing{animation:cgDemoT 10s infinite var(--ease)}
  .chatgpt-integration-services-page .cg-demo-typing span{animation:cgDemoDot 1s infinite ease-in-out}
  .chatgpt-integration-services-page .cg-demo-typing span:nth-child(2){animation-delay:.15s}
  .chatgpt-integration-services-page .cg-demo-typing span:nth-child(3){animation-delay:.3s}
  .chatgpt-integration-services-page .cg-demo-msg.b{animation:cgDemoB 10s infinite var(--ease)}
  .chatgpt-integration-services-page .cg-demo-badge{animation:cgDemoBadge 10s infinite var(--ease)}
  .chatgpt-integration-services-page .cg-demo-step.s1{animation:cgDemoS1 10s infinite}
  .chatgpt-integration-services-page .cg-demo-step.s2{animation:cgDemoS2 10s infinite}
  .chatgpt-integration-services-page .cg-demo-step.s3{animation:cgDemoS3 10s infinite}
  .chatgpt-integration-services-page .cg-demo-step.s4{animation:cgDemoS4 10s infinite}
  .chatgpt-integration-services-page .cg-demo:hover *{animation-play-state:paused}
}
@keyframes cgDemoU{0%,3%{opacity:0;transform:translateY(10px)}8%,96%{opacity:1;transform:none}100%{opacity:0}}
@keyframes cgDemoT{0%,10%{opacity:0}14%,38%{opacity:1}42%,100%{opacity:0}}
@keyframes cgDemoDot{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes cgDemoB{0%,42%{opacity:0;transform:translateY(10px)}47%,96%{opacity:1;transform:none}100%{opacity:0}}
@keyframes cgDemoBadge{0%,52%{opacity:0}57%,96%{opacity:1}100%{opacity:0}}
@keyframes cgDemoS1{0%,12%{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.06)}16%,96%{background:rgba(222,37,58,.12);border-color:rgba(222,37,58,.4)}100%{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.06)}}
@keyframes cgDemoS2{0%,20%{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.06)}24%,96%{background:rgba(222,37,58,.12);border-color:rgba(222,37,58,.4)}100%{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.06)}}
@keyframes cgDemoS3{0%,28%{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.06)}32%,96%{background:rgba(222,37,58,.12);border-color:rgba(222,37,58,.4)}100%{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.06)}}
@keyframes cgDemoS4{0%,36%{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.06)}40%,96%{background:rgba(222,37,58,.12);border-color:rgba(222,37,58,.4)}100%{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.06)}}

/* ════════════════════════════════════════════════════════════
   §6 SERVICES GRID (7 cards, WHAT we build)
   ════════════════════════════════════════════════════════════ */
.chatgpt-integration-services-page .cg-svc{padding:var(--py) 0;background:#fff}
.chatgpt-integration-services-page .cg-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:44px}
@media(max-width:960px){.chatgpt-integration-services-page .cg-svc-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.chatgpt-integration-services-page .cg-svc-grid{grid-template-columns:1fr}}
.chatgpt-integration-services-page .cg-svc-c{background:#fff;border:1px solid var(--g10);border-radius:12px;padding:24px 26px;transition:border-color 500ms var(--e1),transform 500ms var(--e1),box-shadow 500ms var(--e1);cursor:pointer;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}
.chatgpt-integration-services-page .cg-svc-c:hover{border-color:var(--g20);transform:translateY(-3px);box-shadow:0 26px 50px -30px rgba(14,14,15,.18),inset 0 1px 0 rgba(255,255,255,.5)}
.chatgpt-integration-services-page .cg-svc-c-n{font-family:var(--fm);font-size:10px;letter-spacing:.16em;color:var(--red);font-weight:600}
.chatgpt-integration-services-page .cg-svc-c-h{font-family:var(--fd);font-size:18px;font-weight:700;color:var(--ink);letter-spacing:-.015em;line-height:1.25}
.chatgpt-integration-services-page .cg-svc-c-b{font-family:var(--fb);font-size:13.5px;color:var(--g60);line-height:1.6;flex-grow:1}
.chatgpt-integration-services-page .cg-svc-c-b strong{color:var(--ink);font-weight:600}
.chatgpt-integration-services-page .cg-svc-c-arr{display:inline-flex;align-items:center;gap:6px;font-family:var(--fm);font-size:11px;color:var(--red);letter-spacing:.04em;font-weight:500;margin-top:auto}
.chatgpt-integration-services-page .cg-svc-c-arr svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .25s}
.chatgpt-integration-services-page .cg-svc-c:hover .cg-svc-c-arr svg{transform:translateX(3px)}
.chatgpt-integration-services-page .cg-svc-cta-row{margin-top:36px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}

/* ════════════════════════════════════════════════════════════
   §7 BUSINESS USE CASES (12 outcome cards)
   ════════════════════════════════════════════════════════════ */
.chatgpt-integration-services-page .cg-uc{padding:var(--py) 0;background:var(--g05)}
.chatgpt-integration-services-page .cg-uc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:44px}
@media(max-width:1080px){.chatgpt-integration-services-page .cg-uc-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.chatgpt-integration-services-page .cg-uc-grid{grid-template-columns:repeat(2,1fr)} .chatgpt-integration-services-page .cg-demo-pipe{ width: fit-content; } .chatgpt-integration-services-page .cg-demo-badge { width: fit-content; } }
@media(max-width:480px){.chatgpt-integration-services-page .cg-uc-grid{grid-template-columns:1fr}}
.chatgpt-integration-services-page .cg-uc-c{background:#fff;border:1px solid var(--g10);border-radius:10px;padding:20px 22px 18px;display:flex;flex-direction:column;gap:8px;transition:border-color 400ms var(--e1),transform 400ms var(--e1),box-shadow 400ms var(--e1)}
.chatgpt-integration-services-page .cg-uc-c:hover{border-color:var(--g20);transform:translateY(-2px);box-shadow:0 18px 36px -24px rgba(14,14,15,.14),inset 0 1px 0 rgba(255,255,255,.5)}
.chatgpt-integration-services-page .cg-uc-c-icon{width:36px;height:36px;background:var(--red-tint);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--red);margin-bottom:6px}
.chatgpt-integration-services-page .cg-uc-c-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.chatgpt-integration-services-page .cg-uc-c-h{font-family:var(--fd);font-size:14.5px;font-weight:600;color:var(--ink);letter-spacing:-.01em;line-height:1.25}
.chatgpt-integration-services-page .cg-uc-c-b{font-family:var(--fb);font-size:12.5px;color:var(--g60);line-height:1.55}
.chatgpt-integration-services-page .cg-uc-c-b strong{color:var(--ink);font-weight:600}
.chatgpt-integration-services-page .cg-uc-c-o{font-family:var(--fm);font-size:10.5px;color:var(--red);margin-top:auto;padding-top:8px;border-top:1px dashed var(--g10);letter-spacing:.04em;font-weight:500}

/* ════════════════════════════════════════════════════════════
   §7.5 INTEGRATIONS — logo grid (4 category rows × 5 tiles)
   ════════════════════════════════════════════════════════════ */
.chatgpt-integration-services-page .cg-int{padding:var(--py) 0;background:#fff;border-top:1px solid var(--g10)}
.chatgpt-integration-services-page .cg-int-groups{display:flex;flex-direction:column;gap:32px;margin-top:44px}
.chatgpt-integration-services-page .cg-int-g{border-top:1px dashed var(--g10);padding-top:22px}
.chatgpt-integration-services-page .cg-int-g:first-child{border-top:0;padding-top:0}
.chatgpt-integration-services-page .cg-int-g-l{font-family:var(--fm);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--red);font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:10px}
.chatgpt-integration-services-page .cg-int-g-l::before{content:"";width:18px;height:1px;background:var(--red)}
.chatgpt-integration-services-page .cg-int-g-l small{font-family:var(--fb);font-size:11px;color:var(--g60);text-transform:none;letter-spacing:0;font-weight:400;margin-left:auto}
.chatgpt-integration-services-page .cg-int-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
@media(max-width:960px){.chatgpt-integration-services-page .cg-int-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:720px){.chatgpt-integration-services-page .cg-int-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:480px){.chatgpt-integration-services-page .cg-int-grid{grid-template-columns:repeat(2,1fr)}}
.chatgpt-integration-services-page .cg-int-tile{background:#fff;border:1px solid var(--g10);border-radius:10px;padding:20px 12px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:104px;transition:background 400ms var(--e1),border-color 400ms var(--e1),transform 400ms var(--e1),box-shadow 400ms var(--e1);cursor:default;position:relative}
.chatgpt-integration-services-page .cg-int-tile:hover{border-color:var(--g20);background:var(--paper-w);transform:translateY(-2px);box-shadow:0 18px 34px -22px rgba(14,14,15,.16),inset 0 1px 0 rgba(255,255,255,.6)}
.chatgpt-integration-services-page .cg-int-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;transition:transform 400ms var(--e1)}
.chatgpt-integration-services-page .cg-int-tile:hover .cg-int-icon{transform:scale(1.12)}
.chatgpt-integration-services-page .cg-int-icon svg{width:100%;height:100%}
.chatgpt-integration-services-page .cg-int-nm{font-family:var(--fd);font-size:12.5px;font-weight:600;color:var(--ink);letter-spacing:-.005em;line-height:1.2;text-align:center}
.chatgpt-integration-services-page .cg-int-note{margin-top:36px;padding:18px 22px;background:var(--g05);border-radius:8px;font-family:var(--fb);font-size:14px;color:var(--g60);line-height:1.6;text-align:center;border:1px dashed var(--g10)}
.chatgpt-integration-services-page .cg-int-note strong{color:var(--ink);font-weight:600}
.chatgpt-integration-services-page .cg-int-note a{color:var(--red);border-bottom:1px solid rgba(222,37,58,.3);font-weight:600}

/* ════════════════════════════════════════════════════════════
   §8 INDUSTRIES (8 cards)
   ════════════════════════════════════════════════════════════ */
.chatgpt-integration-services-page .cg-ind{padding:var(--py) 0;background:#fff}
.chatgpt-integration-services-page .cg-ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:44px}
@media(max-width:960px){.chatgpt-integration-services-page .cg-ind-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.chatgpt-integration-services-page .cg-ind-grid{grid-template-columns:1fr}}
.chatgpt-integration-services-page .cg-ind-c{background:var(--g02);border:1px solid var(--g10);border-radius:12px;padding:22px 24px;display:flex;flex-direction:column;gap:10px;transition:all .3s var(--ease);position:relative;overflow:hidden}
.chatgpt-integration-services-page .cg-ind-c-img{margin:-22px -24px 6px;height:118px;background-size:cover;background-position:center;background-color:var(--g10);opacity:0;transition:opacity .7s var(--ease),filter .5s var(--e1);filter:saturate(.85)}
.chatgpt-integration-services-page .cg-ind-c-img.loaded{opacity:1}
.chatgpt-integration-services-page .cg-ind-c:hover .cg-ind-c-img{filter:saturate(1.1)}
.chatgpt-integration-services-page .cg-ind-c:hover{background:#fff;border-color:var(--g20);transform:translateY(-2px);box-shadow:0 22px 42px -26px rgba(14,14,15,.16),inset 0 1px 0 rgba(255,255,255,.6)}
.chatgpt-integration-services-page .cg-ind-c-h{font-family:var(--fd);font-size:16px;font-weight:700;color:var(--ink);letter-spacing:-.012em;line-height:1.25}
.chatgpt-integration-services-page .cg-ind-c-cmp{font-family:var(--fm);font-size:10.5px;color:var(--red);letter-spacing:.06em;font-weight:600;text-transform:uppercase}
.chatgpt-integration-services-page .cg-ind-c-sc{font-family:var(--fb);font-size:13px;color:var(--g60);line-height:1.55;flex-grow:1}
.chatgpt-integration-services-page .cg-ind-c-sc strong{color:var(--ink);font-weight:600}
.chatgpt-integration-services-page .cg-ind-c-o{font-family:var(--fm);font-size:11px;color:var(--ink);padding-top:8px;border-top:1px dashed var(--g10);letter-spacing:.02em;font-weight:600}
.chatgpt-integration-services-page .cg-ind-c-o strong{color:var(--red)}

/* ════════════════════════════════════════════════════════════
   §9 MODEL SELECTION MATRIX (table)
   ════════════════════════════════════════════════════════════ */
.chatgpt-integration-services-page .cg-mm{padding:var(--py) 0;background:var(--g05)}
.chatgpt-integration-services-page .cg-mm-tbl-wrap{overflow-x:auto;margin-top:36px;border:1px solid var(--g10);border-radius:12px;background:#fff}
.chatgpt-integration-services-page .cg-mm-tbl{width:100%;border-collapse:collapse;font-size:13px;min-width:820px}
.chatgpt-integration-services-page .cg-mm-tbl thead th{background:var(--ink);color:#fff;text-align:left;padding:14px 16px;font-family:var(--fm);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;white-space:nowrap}
.chatgpt-integration-services-page .cg-mm-tbl thead th.num{text-align:right}
.chatgpt-integration-services-page .cg-mm-tbl tbody td{padding:13px 16px;border-bottom:1px solid var(--g10);vertical-align:top;line-height:1.5}
.chatgpt-integration-services-page .cg-mm-tbl tbody tr:last-child td{border-bottom:0}
.chatgpt-integration-services-page .cg-mm-tbl tbody tr:hover{background:var(--g02)}
.chatgpt-integration-services-page .cg-mm-tbl td.model{font-family:var(--fm);font-weight:600;color:var(--ink);font-size:12.5px;letter-spacing:.02em;white-space:nowrap}
.chatgpt-integration-services-page .cg-mm-tbl td.num{text-align:right;font-family:var(--fm);font-variant-numeric:tabular-nums;font-size:12.5px;white-space:nowrap;color:var(--ink)}
.chatgpt-integration-services-page .cg-mm-tbl td small{color:var(--g60);display:block;font-size:11.5px;margin-top:2px;font-family:var(--fb)}
.chatgpt-integration-services-page .cg-mm-badge{display:inline-block;font-family:var(--fm);font-size:10px;padding:2px 7px;border-radius:4px;letter-spacing:.04em;font-weight:600;background:var(--red-tint);color:var(--red)}
.chatgpt-integration-services-page .cg-mm-badge.gray{background:var(--g05);color:var(--g60)}
.chatgpt-integration-services-page .cg-mm-note{font-family:var(--fm);font-size:11px;color:var(--g40);margin-top:16px;letter-spacing:.02em}

/* ════════════════════════════════════════════════════════════
   §10 PROVIDER COMPARISON (OpenAI vs Claude vs Gemini vs Azure)
   ════════════════════════════════════════════════════════════ */
.chatgpt-integration-services-page .cg-pc{padding:var(--py) 0;background:#fff}
.chatgpt-integration-services-page .cg-pc-tbl-wrap{overflow-x:auto;margin-top:36px;border:1px solid var(--g10);border-radius:12px;background:#fff}
.chatgpt-integration-services-page .cg-pc-tbl{width:100%;border-collapse:collapse;font-size:13px;min-width:820px}
.chatgpt-integration-services-page .cg-pc-tbl thead th{background:var(--g05);text-align:left;padding:14px 16px;font-family:var(--fd);font-size:12.5px;color:var(--ink);letter-spacing:-.005em;font-weight:600;border-bottom:1px solid var(--g10)}
.chatgpt-integration-services-page .cg-pc-tbl thead th:first-child{background:var(--ink);color:#fff;font-family:var(--fm);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;width:180px}
.chatgpt-integration-services-page .cg-pc-tbl tbody td{padding:14px 16px;border-bottom:1px solid var(--g10);vertical-align:top;line-height:1.55;font-size:13px}
.chatgpt-integration-services-page .cg-pc-tbl tbody td:first-child{font-family:var(--fm);font-size:11px;color:var(--g60);letter-spacing:.04em;text-transform:uppercase;font-weight:600;background:var(--g02);vertical-align:middle}
.chatgpt-integration-services-page .cg-pc-tbl tbody tr:last-child td{border-bottom:0}
.chatgpt-integration-services-page .cg-pc-tbl td strong{color:var(--ink);font-weight:600}
.chatgpt-integration-services-page .cg-pc-cell-win{background:linear-gradient(180deg,var(--red-tint) 0%,#fff 100%);border-left:2px solid var(--red)}
.chatgpt-integration-services-page .cg-pc-cta{margin-top:36px;padding:26px 28px;background:linear-gradient(90deg,var(--red-tint) 0%,#fff 60%);border:1px solid var(--red-tint);border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.chatgpt-integration-services-page .cg-pc-cta p{font-family:var(--fd);font-size:15.5px;color:var(--ink);line-height:1.4;font-weight:600;letter-spacing:-.005em;margin:0}
.chatgpt-integration-services-page .cg-pc-cta p em{font-style:normal;color:var(--red)}

/* ════════════════════════════════════════════════════════════
   §11 TRANGO EVAL GATE — 6-phase methodology
   ════════════════════════════════════════════════════════════ */
.chatgpt-integration-services-page .cg-eg{padding:var(--py) 0;background:var(--ink);color:#fff;position:relative;overflow:hidden}
.chatgpt-integration-services-page .cg-eg::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 80% 30%,rgba(222,37,58,.08),transparent 70%);pointer-events:none}
.chatgpt-integration-services-page .cg-eg .wrap{position:relative;z-index:2}
.chatgpt-integration-services-page .cg-eg-phases{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:44px;position:relative}
@media(max-width:1080px){.chatgpt-integration-services-page .cg-eg-phases{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.chatgpt-integration-services-page .cg-eg-phases{grid-template-columns:repeat(2,1fr)}}
.chatgpt-integration-services-page .cg-eg-p{padding:20px 18px 22px;border-right:1px solid rgba(255,255,255,.08);position:relative}
.chatgpt-integration-services-page .cg-eg-p:last-child{border-right:0}
@media(max-width:1080px){
  .chatgpt-integration-services-page .cg-eg-p:nth-child(3){border-right:0}
  .chatgpt-integration-services-page .cg-eg-p:nth-child(1), .chatgpt-integration-services-page .cg-eg-p:nth-child(2), .chatgpt-integration-services-page .cg-eg-p:nth-child(3){border-bottom:1px solid rgba(255,255,255,.08)}
}
@media(max-width:640px){
  .chatgpt-integration-services-page .cg-eg-p{border-right:1px solid rgba(255,255,255,.08)!important;border-bottom:1px solid rgba(255,255,255,.08)}
  .chatgpt-integration-services-page .cg-eg-p:nth-child(even){border-right:0!important}
}
.chatgpt-integration-services-page .cg-eg-p-n{font-family:var(--fm);font-size:10.5px;letter-spacing:.16em;color:var(--red);font-weight:600;margin-bottom:8px;display:block}
.chatgpt-integration-services-page .cg-eg-p-h{font-family:var(--fd);font-size:15px;font-weight:700;color:#fff;letter-spacing:-.01em;line-height:1.25;margin-bottom:6px}
.chatgpt-integration-services-page .cg-eg-p-b{font-family:var(--fb);font-size:12.5px;color:rgba(255,255,255,.65);line-height:1.55}
.chatgpt-integration-services-page .cg-eg-p-b strong{color:#fff;font-weight:600}
.chatgpt-integration-services-page .cg-eg-p-tag{display:inline-block;font-family:var(--fm);font-size:9.5px;padding:2px 7px;border-radius:4px;letter-spacing:.06em;background:rgba(255,255,255,.06);color:rgba(255,255,255,.7);margin-top:10px;font-weight:500}

.chatgpt-integration-services-page .cg-eg-axes{margin-top:56px;padding-top:36px;border-top:1px solid rgba(255,255,255,.08)}
.chatgpt-integration-services-page .cg-eg-axes-h{font-family:var(--fd);font-size:18px;font-weight:700;color:#fff;letter-spacing:-.01em;margin-bottom:8px}
.chatgpt-integration-services-page .cg-eg-axes-sub{font-family:var(--fb);font-size:14px;color:rgba(255,255,255,.65);margin-bottom:24px;max-width:640px}
.chatgpt-integration-services-page .cg-eg-axes-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
@media(max-width:900px){.chatgpt-integration-services-page .cg-eg-axes-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.chatgpt-integration-services-page .cg-eg-axes-grid{grid-template-columns:repeat(2,1fr)}}
.chatgpt-integration-services-page .cg-eg-ax{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:14px 14px 12px}
.chatgpt-integration-services-page .cg-eg-ax-l{font-family:var(--fm);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:6px;display:block;font-weight:500}
.chatgpt-integration-services-page .cg-eg-ax-h{font-family:var(--fd);font-size:13px;font-weight:600;color:#fff;letter-spacing:-.005em;margin-bottom:4px}
.chatgpt-integration-services-page .cg-eg-ax-d{font-family:var(--fb);font-size:11.5px;color:rgba(255,255,255,.55);line-height:1.5}

/* ════════════════════════════════════════════════════════════
   §12 BUILD-VS-BUY WIZARD (interactive, result gated email+phone)
   ════════════════════════════════════════════════════════════ */
.chatgpt-integration-services-page .cg-wz{padding:var(--py) 0;background:#fff}
.chatgpt-integration-services-page .cg-wz-box{background:linear-gradient(180deg,var(--g02) 0%,#fff 100%);border:1px solid var(--g10);border-radius:16px;padding:36px 40px;margin-top:36px;position:relative;overflow:hidden}
@media(max-width:640px){.chatgpt-integration-services-page .cg-wz-box{padding:26px 22px}}
.chatgpt-integration-services-page .cg-wz-box::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--red),transparent)}
.chatgpt-integration-services-page .cg-wz-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;padding-bottom:16px;border-bottom:1px dashed var(--g10);flex-wrap:wrap;gap:12px}
.chatgpt-integration-services-page .cg-wz-hd-l{font-family:var(--fm);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);font-weight:600}
.chatgpt-integration-services-page .cg-wz-hd-g{font-family:var(--fm);font-size:11px;color:var(--g60);letter-spacing:.04em;display:inline-flex;align-items:center;gap:6px}
.chatgpt-integration-services-page .cg-wz-hd-g::before{content:"";width:6px;height:6px;background:var(--green);border-radius:50%}
.chatgpt-integration-services-page .cg-wz-step{display:none}
.chatgpt-integration-services-page .cg-wz-step.active{display:block;animation:cgFadeIn .3s var(--ease)}
@keyframes cgFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.chatgpt-integration-services-page .cg-wz-q{font-family:var(--fd);font-size:19px;font-weight:700;color:var(--ink);letter-spacing:-.018em;line-height:1.25;margin-bottom:6px}
.chatgpt-integration-services-page .cg-wz-help{font-family:var(--fb);font-size:13.5px;color:var(--g60);margin-bottom:20px}
.chatgpt-integration-services-page .cg-wz-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:26px}
@media(max-width:600px){.chatgpt-integration-services-page .cg-wz-opts{grid-template-columns:1fr}}
.chatgpt-integration-services-page .cg-wz-opt{background:#fff;border:1.5px solid var(--g20);border-radius:10px;padding:14px 16px;cursor:pointer;transition:all .2s;text-align:left;font-family:var(--fb);font-size:14px;color:var(--ink);display:flex;flex-direction:column;gap:4px}
.chatgpt-integration-services-page .cg-wz-opt strong{font-family:var(--fd);font-size:14.5px;font-weight:600;color:var(--ink);letter-spacing:-.005em}
.chatgpt-integration-services-page .cg-wz-opt small{font-family:var(--fb);font-size:12px;color:var(--g60);line-height:1.4}
.chatgpt-integration-services-page .cg-wz-opt:hover{border-color:var(--red);background:var(--red-tint)}
.chatgpt-integration-services-page .cg-wz-opt.selected{border-color:var(--red);background:var(--red-tint);color:var(--ink)}
.chatgpt-integration-services-page .cg-wz-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-top:16px;border-top:1px dashed var(--g10)}
.chatgpt-integration-services-page .cg-wz-prog{font-family:var(--fm);font-size:11px;color:var(--g60);letter-spacing:.04em}
.chatgpt-integration-services-page .cg-wz-prog strong{color:var(--red);font-family:var(--fm);font-weight:600}
.chatgpt-integration-services-page .cg-wz-bar{width:120px;height:4px;background:var(--g10);border-radius:4px;overflow:hidden;display:inline-block;margin-left:10px}
.chatgpt-integration-services-page .cg-wz-bar-f{height:100%;background:var(--red);border-radius:4px;transition:width .35s var(--ease)}
.chatgpt-integration-services-page .cg-wz-btns{display:flex;gap:8px}
.chatgpt-integration-services-page .cg-wz-btn{min-height:44px;padding:0 20px;font-family:var(--fd);font-size:13px;font-weight:600;border-radius:100px;border:1.5px solid var(--g20);background:#fff;color:var(--ink);cursor:pointer;transition:all .2s;white-space:nowrap}
.chatgpt-integration-services-page .cg-wz-btn:hover{background:var(--g05);border-color:var(--g40)}
.chatgpt-integration-services-page .cg-wz-btn-p{background:var(--ink);color:#fff;border-color:var(--ink)}
.chatgpt-integration-services-page .cg-wz-btn-p:hover{background:var(--red);border-color:var(--red)}
.chatgpt-integration-services-page .cg-wz-btn-p:disabled{opacity:.4;cursor:not-allowed}

.chatgpt-integration-services-page .cg-wz-gate{display:none;margin-top:16px;padding:22px 24px;background:linear-gradient(180deg,var(--red-tint) 0%,#fff 70%);border:1px dashed rgba(222,37,58,.4);border-radius:12px}
.chatgpt-integration-services-page .cg-wz-gate.show{display:block;animation:cgFadeIn .3s var(--ease)}
.chatgpt-integration-services-page .cg-wz-gate h4{font-family:var(--fd);font-size:16px;font-weight:700;color:var(--ink);letter-spacing:-.01em;margin-bottom:6px}
.chatgpt-integration-services-page .cg-wz-gate p{font-family:var(--fb);font-size:12.5px;color:var(--g60);line-height:1.55;margin-bottom:14px}
.chatgpt-integration-services-page .cg-wz-gate-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
@media(max-width:600px){.chatgpt-integration-services-page .cg-wz-gate-grid{grid-template-columns:1fr}}
.chatgpt-integration-services-page .cg-wz-gate-f label{display:block;font-family:var(--fm);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--g60);font-weight:600;margin-bottom:6px}
.chatgpt-integration-services-page .cg-wz-gate-f label .req{color:var(--red);margin-left:2px}
.chatgpt-integration-services-page .cg-wz-gate-f input{width:100%;padding:11px 13px;background:#fff;border:1.5px solid var(--g20);border-radius:8px;font-family:var(--fb);font-size:14px;color:var(--ink);transition:border-color .2s,box-shadow .2s}
.chatgpt-integration-services-page .cg-wz-gate-f input:focus{outline:0;border-color:var(--red);box-shadow:0 0 0 3px rgba(222,37,58,.1)}
.chatgpt-integration-services-page .cg-wz-gate-err{display:none;font-family:var(--fm);font-size:11.5px;color:#B23A33;padding:8px 12px;background:rgba(255,95,87,.06);border:1px solid rgba(255,95,87,.2);border-radius:6px;margin-bottom:12px}
.chatgpt-integration-services-page .cg-wz-gate-err.show{display:block}

.chatgpt-integration-services-page .cg-wz-result{display:none;padding:26px 28px;background:linear-gradient(180deg,var(--red-tint) 0%,#fff 60%);border:1px solid var(--red);border-radius:12px;margin-top:16px}
.chatgpt-integration-services-page .cg-wz-result.show{display:block;animation:cgFadeIn .35s var(--ease)}
.chatgpt-integration-services-page .cg-wz-result-l{font-family:var(--fm);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);font-weight:600;margin-bottom:10px}
.chatgpt-integration-services-page .cg-wz-result h4{font-family:var(--fd);font-size:22px;font-weight:700;color:var(--ink);letter-spacing:-.018em;line-height:1.25;margin-bottom:10px}
.chatgpt-integration-services-page .cg-wz-result h4 em{font-style:normal;color:var(--red)}
.chatgpt-integration-services-page .cg-wz-result p{font-family:var(--fb);font-size:14.5px;color:var(--g60);line-height:1.65;margin-bottom:12px}
.chatgpt-integration-services-page .cg-wz-result p strong{color:var(--ink);font-weight:600}
.chatgpt-integration-services-page .cg-wz-result-c{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}

/* ════════════════════════════════════════════════════════════
   §13 RAG vs FINE-TUNE MATRIX
   ════════════════════════════════════════════════════════════ */
.chatgpt-integration-services-page .cg-rf{padding:var(--py) 0;background:var(--g05)}
.chatgpt-integration-services-page .cg-rf-tbl-wrap{overflow-x:auto;margin-top:36px;border:1px solid var(--g10);border-radius:12px;background:#fff}
.chatgpt-integration-services-page .cg-rf-tbl{width:100%;border-collapse:collapse;font-size:13px;min-width:720px}
.chatgpt-integration-services-page .cg-rf-tbl thead th{background:var(--ink);color:#fff;text-align:left;padding:14px 16px;font-family:var(--fm);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;white-space:nowrap}
.chatgpt-integration-services-page .cg-rf-tbl thead th:first-child{width:200px}
.chatgpt-integration-services-page .cg-rf-tbl thead th.rec{background:var(--red);color:#fff}
.chatgpt-integration-services-page .cg-rf-tbl tbody td{padding:13px 16px;border-bottom:1px solid var(--g10);vertical-align:top;font-family:var(--fb)}
.chatgpt-integration-services-page .cg-rf-tbl tbody td:first-child{font-family:var(--fd);font-weight:600;color:var(--ink);font-size:13.5px;letter-spacing:-.005em}
.chatgpt-integration-services-page .cg-rf-tbl tbody td.rec{background:var(--red-tint);color:var(--ink);font-weight:600}
.chatgpt-integration-services-page .cg-rf-tbl tbody tr:last-child td{border-bottom:0}
.chatgpt-integration-services-page .cg-rf-tbl .cg-rf-check{font-family:var(--fm);font-weight:600;font-size:14px;color:var(--green-d)}
.chatgpt-integration-services-page .cg-rf-tbl .cg-rf-miss{font-family:var(--fm);font-size:14px;color:var(--g20)}
.chatgpt-integration-services-page .cg-rf-tbl .cg-rf-part{font-family:var(--fm);font-size:14px;color:var(--amber-d)}

/* ════════════════════════════════════════════════════════════
   §14 COMPLIANCE + EU AI ACT CLASSIFIER
   ════════════════════════════════════════════════════════════ */
.chatgpt-integration-services-page .cg-cp{padding:var(--py) 0;background:#fff}
.chatgpt-integration-services-page .cg-cp-cols{display:grid;grid-template-columns:1.15fr 1fr;gap:44px;margin-top:44px;align-items:start}
/* @media(max-width:960px){.chatgpt-integration-services-page .cg-cp-cols{grid-template-columns:1fr;gap:32px}} */
@media(max-width:960px){.chatgpt-integration-services-page .cg-cp-cols{ display: block; }}
.chatgpt-integration-services-page .cg-cp-hd h3{font-family:var(--fd);font-size:18px;font-weight:700;color:var(--ink);letter-spacing:-.012em;margin-bottom:16px;line-height:1.3}
.chatgpt-integration-services-page .cg-cp-tbl-wrap{overflow-x:auto;border:1px solid var(--g10);border-radius:10px;background:#fff}
.chatgpt-integration-services-page .cg-cp-tbl{width:100%;border-collapse:collapse;font-size:13px;min-width:520px}
.chatgpt-integration-services-page .cg-cp-tbl thead th{background:var(--g05);text-align:left;padding:11px 14px;font-family:var(--fm);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);font-weight:600;border-bottom:1px solid var(--g10)}
.chatgpt-integration-services-page .cg-cp-tbl tbody td{padding:11px 14px;border-bottom:1px solid var(--g10);vertical-align:top;line-height:1.55}
.chatgpt-integration-services-page .cg-cp-tbl tbody td:first-child{font-family:var(--fd);font-weight:600;color:var(--ink);font-size:13px}
.chatgpt-integration-services-page .cg-cp-tbl tbody tr:last-child td{border-bottom:0}
.chatgpt-integration-services-page .cg-cp-eng{margin-top:32px}
.chatgpt-integration-services-page .cg-cp-eng h4{font-family:var(--fd);font-size:15.5px;font-weight:700;color:var(--ink);letter-spacing:-.008em;margin-bottom:12px}
.chatgpt-integration-services-page .cg-cp-eng ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}
@media(max-width:600px){.chatgpt-integration-services-page .cg-cp-eng ul{grid-template-columns:1fr}}
.chatgpt-integration-services-page .cg-cp-eng li{font-family:var(--fb);font-size:13px;color:var(--g60);line-height:1.55;padding-left:18px;position:relative}
.chatgpt-integration-services-page .cg-cp-eng li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;background:var(--red);border-radius:50%;box-shadow:0 0 0 3px rgba(222,37,58,.16)}
.chatgpt-integration-services-page .cg-cp-eng li strong{color:var(--ink);font-weight:600}

/* EU AI Act classifier */
.chatgpt-integration-services-page .cg-aict{background:linear-gradient(180deg,var(--ink) 0%,#1A1A1B 100%);color:#fff;border-radius:14px;padding:26px 28px;position:sticky;top:130px}
@media(max-width:960px){.chatgpt-integration-services-page .cg-aict{position:static}}
.chatgpt-integration-services-page .cg-aict-hd{margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}
.chatgpt-integration-services-page .cg-aict-hd-l{font-family:var(--fm);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);font-weight:600;display:inline-flex;align-items:center;gap:8px;margin-bottom:6px}
.chatgpt-integration-services-page .cg-aict-hd-l::before{content:"";width:16px;height:1px;background:var(--red)}
.chatgpt-integration-services-page .cg-aict-hd h3{font-family:var(--fd);font-size:17px;font-weight:700;color:#fff;letter-spacing:-.014em;line-height:1.25;margin-bottom:4px}
.chatgpt-integration-services-page .cg-aict-hd p{font-family:var(--fb);font-size:12.5px;color:rgba(255,255,255,.6);margin:0;line-height:1.5}
.chatgpt-integration-services-page .cg-aict-q{margin-bottom:14px}
.chatgpt-integration-services-page .cg-aict-q-l{font-family:var(--fm);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5);font-weight:500;margin-bottom:8px;display:block}
.chatgpt-integration-services-page .cg-aict-q-opts{display:flex;flex-wrap:wrap;gap:6px}
.chatgpt-integration-services-page .cg-aict-q-o{min-height:36px;padding:8px 14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:6px;font-family:var(--fb);font-size:12.5px;color:rgba(255,255,255,.8);cursor:pointer;transition:all .2s}
.chatgpt-integration-services-page .cg-aict-q-o:hover{background:rgba(255,255,255,.08);color:#fff}
.chatgpt-integration-services-page .cg-aict-q-o.selected{background:var(--red);border-color:var(--red);color:#fff}
.chatgpt-integration-services-page .cg-aict-gate{display:none;margin-top:16px;padding:14px 16px;background:rgba(222,37,58,.08);border:1px dashed rgba(222,37,58,.35);border-radius:8px}
.chatgpt-integration-services-page .cg-aict-gate.show{display:block}
.chatgpt-integration-services-page .cg-aict-gate h4{font-family:var(--fd);font-size:13px;font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:-.005em;line-height:1.3}
.chatgpt-integration-services-page .cg-aict-gate input{width:100%;padding:9px 12px;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.12);border-radius:7px;font-family:var(--fb);font-size:12.5px;color:#fff;margin-bottom:8px;transition:border-color .2s}
.chatgpt-integration-services-page .cg-aict-gate input::placeholder{color:rgba(255,255,255,.4)}
.chatgpt-integration-services-page .cg-aict-gate input:focus{outline:0;border-color:var(--red)}
.chatgpt-integration-services-page .cg-aict-gate-err{display:none;font-family:var(--fm);font-size:10.5px;color:#FF8B95;margin-bottom:8px;line-height:1.4}
.chatgpt-integration-services-page .cg-aict-gate-err.show{display:block}
.chatgpt-integration-services-page .cg-aict-gate-btn{width:100%;min-height:38px;padding:9px 12px;background:var(--red);color:#fff;border:0;border-radius:7px;font-family:var(--fd);font-size:12px;font-weight:600;cursor:pointer;transition:background .2s}
.chatgpt-integration-services-page .cg-aict-gate-btn:hover{background:var(--red-h)}

.chatgpt-integration-services-page .cg-aict-result{margin-top:18px;padding:14px 16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:8px;display:none}
.chatgpt-integration-services-page .cg-aict-result.show{display:block}
.chatgpt-integration-services-page .cg-aict-result-l{font-family:var(--fm);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:6px}
.chatgpt-integration-services-page .cg-aict-result-v{font-family:var(--fd);font-size:16px;font-weight:700;color:#fff;letter-spacing:-.01em;margin-bottom:6px;line-height:1.2}
.chatgpt-integration-services-page .cg-aict-result-v em{font-style:normal;color:var(--red)}
.chatgpt-integration-services-page .cg-aict-result-d{font-family:var(--fb);font-size:12px;color:rgba(255,255,255,.6);line-height:1.5}

/* ════════════════════════════════════════════════════════════
   §15 TIMELINE + ARTIFACTS
   ════════════════════════════════════════════════════════════ */
.chatgpt-integration-services-page .cg-tl{padding:var(--py) 0;background:var(--g05)}
.chatgpt-integration-services-page .cg-tl-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:44px;border:1px solid var(--g10);border-radius:12px;background:#fff;overflow:hidden}
@media(max-width:1080px){.chatgpt-integration-services-page .cg-tl-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.chatgpt-integration-services-page .cg-tl-grid{grid-template-columns:repeat(2,1fr)}}
.chatgpt-integration-services-page .cg-tl-ph{padding:20px 20px 22px;border-right:1px solid var(--g10);position:relative}
.chatgpt-integration-services-page .cg-tl-ph:last-child{border-right:0}
@media(max-width:1080px){
  .chatgpt-integration-services-page .cg-tl-ph:nth-child(3){border-right:0}
  .chatgpt-integration-services-page .cg-tl-ph:nth-child(-n/**/+3){border-bottom:1px solid var(--g10)}
}
@media(max-width:640px){
  .chatgpt-integration-services-page .cg-tl-ph{border-right:1px solid var(--g10)!important;border-bottom:1px solid var(--g10)}
  .chatgpt-integration-services-page .cg-tl-ph:nth-child(even){border-right:0!important}
}
.chatgpt-integration-services-page .cg-tl-ph-n{font-family:var(--fm);font-size:10.5px;letter-spacing:.16em;color:var(--red);font-weight:600;margin-bottom:6px;display:block}
.chatgpt-integration-services-page .cg-tl-ph-h{font-family:var(--fd);font-size:14.5px;font-weight:700;color:var(--ink);letter-spacing:-.008em;line-height:1.25;margin-bottom:8px}
.chatgpt-integration-services-page .cg-tl-ph-d{font-family:var(--fb);font-size:12.5px;color:var(--g60);line-height:1.5;margin-bottom:10px}
.chatgpt-integration-services-page .cg-tl-ph-a{font-family:var(--fm);font-size:10.5px;color:var(--ink);letter-spacing:.02em;padding-top:8px;border-top:1px dashed var(--g10);line-height:1.5}
.chatgpt-integration-services-page .cg-tl-ph-a strong{color:var(--red);font-weight:600}

/* ════════════════════════════════════════════════════════════
   §16 TECH STACK MATRIX
   ════════════════════════════════════════════════════════════ */
.chatgpt-integration-services-page .cg-ts{padding:var(--py) 0;background:#fff}
.chatgpt-integration-services-page .cg-ts-tbl-wrap{overflow-x:auto;margin-top:36px;border:1px solid var(--g10);border-radius:12px;background:#fff}
.chatgpt-integration-services-page .cg-ts-tbl{width:100%;border-collapse:collapse;font-size:13px;min-width:900px}
.chatgpt-integration-services-page .cg-ts-tbl thead th{background:var(--ink);color:#fff;text-align:left;padding:14px 16px;font-family:var(--fm);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;white-space:nowrap}
.chatgpt-integration-services-page .cg-ts-tbl tbody td{padding:14px 16px;border-bottom:1px solid var(--g10);vertical-align:top;line-height:1.55}
.chatgpt-integration-services-page .cg-ts-tbl tbody tr:last-child td{border-bottom:0}
.chatgpt-integration-services-page .cg-ts-tbl tbody tr:hover{background:var(--g02)}
.chatgpt-integration-services-page .cg-ts-tbl td:first-child{font-family:var(--fd);font-weight:700;color:var(--ink);font-size:13.5px;letter-spacing:-.005em;background:var(--g02);white-space:nowrap}
.chatgpt-integration-services-page .cg-ts-tbl td .tool{display:inline-block;padding:2px 8px;background:var(--g05);color:var(--ink);border-radius:4px;font-family:var(--fm);font-size:11px;font-weight:500;margin:2px 3px 2px 0;letter-spacing:.02em}
.chatgpt-integration-services-page .cg-ts-tbl td .tool.hi{background:var(--red-tint);color:var(--red);font-weight:600}

/* ════════════════════════════════════════════════════════════
   §18 COST CALCULATOR (interactive · email+phone gated)
   ════════════════════════════════════════════════════════════ */
.chatgpt-integration-services-page .cg-cc{padding:var(--py) 0;background:#fff}
.chatgpt-integration-services-page .cg-cc-box{background:rgba(14,14,15,.5);border:1px solid rgba(255,255,255,.06);border-radius:26px;padding:7px;margin-top:36px;position:relative;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 40px 80px -40px rgba(0,0,0,.5)}
.chatgpt-integration-services-page .cg-cc-box-inner{background:linear-gradient(180deg,var(--ink) 0%,#151516 100%);color:#fff;border-radius:20px;padding:38px 42px;position:relative;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
@media(max-width:640px){.chatgpt-integration-services-page .cg-cc-box{padding:5px;border-radius:20px}.chatgpt-integration-services-page .cg-cc-box-inner{padding:26px 20px;border-radius:16px}}
.chatgpt-integration-services-page .cg-cc-box-inner::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--red),transparent 60%)}
.chatgpt-integration-services-page .cg-cc-box::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:var(--grain);opacity:.04;mix-blend-mode:overlay;border-radius:26px}
.chatgpt-integration-services-page .cg-cc-hd{margin-bottom:26px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.chatgpt-integration-services-page .cg-cc-hd-l .cg-cc-hd-e{font-family:var(--fm);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);font-weight:600;margin-bottom:6px;display:inline-block}
.chatgpt-integration-services-page .cg-cc-hd-l h3{font-family:var(--fd);font-size:22px;font-weight:700;color:#fff;letter-spacing:-.018em;line-height:1.25;margin-bottom:4px}
.chatgpt-integration-services-page .cg-cc-hd-l p{font-family:var(--fb);font-size:13.5px;color:rgba(255,255,255,.65);margin:0;line-height:1.55;max-width:520px}
.chatgpt-integration-services-page .cg-cc-hd-g{font-family:var(--fm);font-size:11px;color:rgba(255,255,255,.6);padding:6px 10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:6px;letter-spacing:.04em;display:inline-flex;align-items:center;gap:6px;flex-shrink:0}
.chatgpt-integration-services-page .cg-cc-hd-g::before{content:"";width:6px;height:6px;background:var(--red);border-radius:50%}
.chatgpt-integration-services-page .cg-cc-form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 20px}
/* @media(max-width:640px){.chatgpt-integration-services-page .cg-cc-form{grid-template-columns:1fr}} */
@media(max-width:640px){.chatgpt-integration-services-page .cg-cc-form{ display: block; } .chatgpt-integration-services-page .cg-cc-f { margin-top: 16px; } }
.chatgpt-integration-services-page .cg-cc-f{display:flex;flex-direction:column;gap:8px}
.chatgpt-integration-services-page .cg-cc-f-full{grid-column:1/-1}
.chatgpt-integration-services-page .cg-cc-f label{font-family:var(--fm);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6);font-weight:500}
.chatgpt-integration-services-page .cg-cc-f label .req{color:var(--red);margin-left:2px}
.chatgpt-integration-services-page .cg-cc-f select, .chatgpt-integration-services-page .cg-cc-f input{padding:11px 14px;background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.1);border-radius:8px;font-family:var(--fb);font-size:14px;color:#fff;transition:all .2s;line-height:1.4;width:100%}
.chatgpt-integration-services-page .cg-cc-f select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AAAAAA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px;cursor:pointer;color-scheme:dark}
.chatgpt-integration-services-page .cg-cc-f select option{background-color:#1a1a1b;color:#fff}
.chatgpt-integration-services-page .cg-cc-f select option:disabled{color:#8a8a8a}
.chatgpt-integration-services-page .cg-cc-f input::placeholder{color:rgba(255,255,255,.35)}
.chatgpt-integration-services-page .cg-cc-f input:focus, .chatgpt-integration-services-page .cg-cc-f select:focus{outline:0;border-color:var(--red);background:rgba(255,255,255,.08)}
.chatgpt-integration-services-page .cg-cc-checks{display:flex;flex-wrap:wrap;gap:8px}
.chatgpt-integration-services-page .cg-cc-ch{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;font-family:var(--fb);font-size:12.5px;color:rgba(255,255,255,.75);transition:all .2s;user-select:none}
.chatgpt-integration-services-page .cg-cc-ch input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
.chatgpt-integration-services-page .cg-cc-ch:hover{background:rgba(255,255,255,.08);color:#fff}
.chatgpt-integration-services-page .cg-cc-ch.checked{background:var(--red);border-color:var(--red);color:#fff}
.chatgpt-integration-services-page .cg-cc-gate{margin-top:22px;padding:22px 24px;background:rgba(222,37,58,.08);border:1px dashed rgba(222,37,58,.35);border-radius:10px}
.chatgpt-integration-services-page .cg-cc-gate h4{font-family:var(--fd);font-size:14.5px;font-weight:700;color:#fff;letter-spacing:-.005em;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.chatgpt-integration-services-page .cg-cc-gate h4::before{content:"";width:6px;height:6px;background:var(--red);border-radius:50%;box-shadow:0 0 0 3px rgba(222,37,58,.2)}
.chatgpt-integration-services-page .cg-cc-gate p{font-family:var(--fb);font-size:12.5px;color:rgba(255,255,255,.7);line-height:1.55;margin-bottom:14px}
.chatgpt-integration-services-page .cg-cc-gate-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:640px){.chatgpt-integration-services-page .cg-cc-gate-grid{grid-template-columns:1fr}}
.chatgpt-integration-services-page .cg-cc-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);align-items:center}
.chatgpt-integration-services-page .cg-cc-err{display:none;font-family:var(--fm);font-size:11.5px;color:#FF6B7A;padding:8px 12px;background:rgba(255,95,87,.08);border:1px solid rgba(255,95,87,.25);border-radius:6px;flex-grow:1;letter-spacing:.02em}
.chatgpt-integration-services-page .cg-cc-err.show{display:block}
.chatgpt-integration-services-page .cg-cc-result{display:none;margin-top:20px;padding:26px 28px;background:linear-gradient(180deg,rgba(222,37,58,.14) 0%,rgba(255,255,255,.03) 100%);border:1px solid var(--red);border-radius:12px;animation:cgFadeIn .4s var(--ease)}
.chatgpt-integration-services-page .cg-cc-result.show{display:block}
.chatgpt-integration-services-page .cg-cc-result-l{font-family:var(--fm);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);font-weight:600;margin-bottom:12px}
.chatgpt-integration-services-page .cg-cc-result-hd{font-family:var(--fd);font-size:17px;font-weight:700;color:#fff;letter-spacing:-.012em;line-height:1.25;margin-bottom:16px}
.chatgpt-integration-services-page .cg-cc-result-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}
@media(max-width:600px){.chatgpt-integration-services-page .cg-cc-result-tiers{grid-template-columns:1fr}}
.chatgpt-integration-services-page .cg-cc-result-t{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:14px 16px}
.chatgpt-integration-services-page .cg-cc-result-t.rec{background:linear-gradient(180deg,rgba(222,37,58,.15) 0%,rgba(255,255,255,.03) 100%);border-color:var(--red)}
.chatgpt-integration-services-page .cg-cc-result-t-l{font-family:var(--fm);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:6px}
.chatgpt-integration-services-page .cg-cc-result-t.rec .cg-cc-result-t-l::after{content:"REC";background:var(--red);color:#fff;padding:1px 5px;border-radius:3px;font-size:8.5px;letter-spacing:.06em}
.chatgpt-integration-services-page .cg-cc-result-t-v{font-family:var(--fd);font-size:17px;font-weight:700;color:#fff;letter-spacing:-.014em;line-height:1.15;margin-bottom:4px}
.chatgpt-integration-services-page .cg-cc-result-t-w{font-family:var(--fm);font-size:11px;color:rgba(255,255,255,.6);letter-spacing:.02em}
.chatgpt-integration-services-page .cg-cc-result-note{font-family:var(--fb);font-size:12.5px;color:rgba(255,255,255,.55);line-height:1.55;margin-top:10px}

/* ════════════════════════════════════════════════════════════
   §19 PUBLISHED PRICING ANCHOR (3-tier)
   ════════════════════════════════════════════════════════════ */
.chatgpt-integration-services-page .cg-pa{padding:var(--py) 0;background:var(--g05)}
.chatgpt-integration-services-page .cg-pa-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
@media(max-width:900px){.chatgpt-integration-services-page .cg-pa-grid{grid-template-columns:1fr}}
.chatgpt-integration-services-page .cg-pa-tier{background:#fff;border:1px solid var(--g10);border-radius:14px;padding:28px 30px 26px;display:flex;flex-direction:column;gap:12px;position:relative;transition:all .3s var(--ease)}
.chatgpt-integration-services-page .cg-pa-tier:hover{border-color:rgba(222,37,58,.28);transform:translateY(-3px);box-shadow:0 22px 46px -28px rgba(14,14,15,.15)}
.chatgpt-integration-services-page .cg-pa-tier.rec{background:linear-gradient(180deg,var(--ink) 0%,#1A1A1B 100%);color:#fff;border-color:var(--red)}
.chatgpt-integration-services-page .cg-pa-tier.rec:hover{transform:translateY(-4px)}
.chatgpt-integration-services-page .cg-pa-tier-l{font-family:var(--fm);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);font-weight:600;display:flex;align-items:center;gap:10px}
.chatgpt-integration-services-page .cg-pa-tier.rec .cg-pa-tier-l{color:var(--red)}
.chatgpt-integration-services-page .cg-pa-tier-l small{background:var(--red);color:#fff;padding:2px 7px;border-radius:4px;font-size:9px;letter-spacing:.08em;font-weight:600;font-family:var(--fm)}
.chatgpt-integration-services-page .cg-pa-tier-h{font-family:var(--fd);font-size:22px;font-weight:700;color:var(--ink);letter-spacing:-.018em;line-height:1.2;margin-top:4px}
.chatgpt-integration-services-page .cg-pa-tier.rec .cg-pa-tier-h{color:#fff}
.chatgpt-integration-services-page .cg-pa-tier-p{font-family:var(--fd);font-size:32px;font-weight:700;color:var(--red);letter-spacing:-.028em;line-height:1.05;padding-top:6px}
.chatgpt-integration-services-page .cg-pa-tier-p small{font-family:var(--fm);font-size:12px;color:var(--g60);font-weight:500;display:block;margin-top:4px;letter-spacing:.04em}
.chatgpt-integration-services-page .cg-pa-tier.rec .cg-pa-tier-p small{color:rgba(255,255,255,.6)}
.chatgpt-integration-services-page .cg-pa-tier-d{font-family:var(--fb);font-size:13.5px;color:var(--g60);line-height:1.55;margin-top:2px}
.chatgpt-integration-services-page .cg-pa-tier.rec .cg-pa-tier-d{color:rgba(255,255,255,.7)}
.chatgpt-integration-services-page .cg-pa-tier-list{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:8px;border-top:1px dashed var(--g10);padding-top:16px}
.chatgpt-integration-services-page .cg-pa-tier.rec .cg-pa-tier-list{border-top-color:rgba(255,255,255,.08)}
.chatgpt-integration-services-page .cg-pa-tier-list li{font-family:var(--fb);font-size:13px;color:var(--g60);line-height:1.5;padding-left:22px;position:relative}
.chatgpt-integration-services-page .cg-pa-tier.rec .cg-pa-tier-list li{color:rgba(255,255,255,.72)}
.chatgpt-integration-services-page .cg-pa-tier-list li::before{content:"";position:absolute;left:0;top:6px;width:12px;height:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DE253A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain}
.chatgpt-integration-services-page .cg-pa-tier-list li strong{color:var(--ink);font-weight:600}
.chatgpt-integration-services-page .cg-pa-tier.rec .cg-pa-tier-list li strong{color:#fff}
.chatgpt-integration-services-page .cg-pa-tier-cta{margin-top:16px}

/* ════════════════════════════════════════════════════════════
   §20 TOKEN / ROI CALCULATOR (email+phone gated)
   ════════════════════════════════════════════════════════════ */
.chatgpt-integration-services-page .cg-tc{padding:var(--py) 0;background:#fff}
/* reuses .cg-cc-* pattern via a wrapper class */
.chatgpt-integration-services-page .cg-tc-box{background:rgba(14,14,15,.5);border:1px solid rgba(255,255,255,.06);border-radius:26px;padding:7px;margin-top:36px;position:relative;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 40px 80px -40px rgba(0,0,0,.5)}
.chatgpt-integration-services-page .cg-tc-box-inner{background:linear-gradient(180deg,var(--ink) 0%,#151516 100%);color:#fff;border-radius:20px;padding:38px 42px;position:relative;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
@media(max-width:640px){.chatgpt-integration-services-page .cg-tc-box{padding:5px;border-radius:20px}.chatgpt-integration-services-page .cg-tc-box-inner{padding:26px 20px;border-radius:16px}}
.chatgpt-integration-services-page .cg-tc-box-inner::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--red),transparent 60%)}
.chatgpt-integration-services-page .cg-tc-box::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:var(--grain);opacity:.04;mix-blend-mode:overlay;border-radius:26px}
.chatgpt-integration-services-page .cg-tc-live{margin-top:20px;padding:18px 20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:640px){.chatgpt-integration-services-page .cg-tc-live{grid-template-columns:1fr}}
.chatgpt-integration-services-page .cg-tc-live-i{display:flex;flex-direction:column;gap:4px}
.chatgpt-integration-services-page .cg-tc-live-l{font-family:var(--fm);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5);font-weight:500}
.chatgpt-integration-services-page .cg-tc-live-v{font-family:var(--fd);font-size:20px;font-weight:700;color:#fff;letter-spacing:-.018em;line-height:1.15}
.chatgpt-integration-services-page .cg-tc-live-v small{font-family:var(--fd);font-size:12px;color:rgba(255,255,255,.6);font-weight:500;margin-left:2px}
.chatgpt-integration-services-page .cg-tc-live-d{font-family:var(--fm);font-size:10px;color:rgba(255,255,255,.5);letter-spacing:.04em}
.chatgpt-integration-services-page .cg-tc-live-d strong{color:var(--red);font-weight:600}

/* ════════════════════════════════════════════════════════════
   §21 CASE STUDIES
   ════════════════════════════════════════════════════════════ */
.chatgpt-integration-services-page .cg-cs{padding:var(--py) 0;background:var(--g05)}
.chatgpt-integration-services-page .cg-cs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:44px}
@media(max-width:820px){.chatgpt-integration-services-page .cg-cs-grid{grid-template-columns:1fr}}
.chatgpt-integration-services-page .cg-cs-c{background:#fff;border:1px solid var(--g10);border-radius:14px;padding:26px 28px 24px;display:flex;flex-direction:column;gap:14px;transition:all .3s var(--ease)}
.chatgpt-integration-services-page .cg-cs-c:hover{border-color:var(--g20);transform:translateY(-2px);box-shadow:0 26px 50px -30px rgba(14,14,15,.16),inset 0 1px 0 rgba(255,255,255,.6)}
.chatgpt-integration-services-page .cg-cs-c-hd{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px dashed var(--g10);flex-wrap:wrap;gap:8px}
.chatgpt-integration-services-page .cg-cs-c-cl{font-family:var(--fd);font-size:15px;font-weight:700;color:var(--ink);letter-spacing:-.008em}
.chatgpt-integration-services-page .cg-cs-c-ind{font-family:var(--fm);font-size:10.5px;color:var(--red);letter-spacing:.06em;font-weight:600;text-transform:uppercase}
.chatgpt-integration-services-page .cg-cs-c-p{font-family:var(--fb);font-size:13.5px;color:var(--g60);line-height:1.6}
.chatgpt-integration-services-page .cg-cs-c-p strong{color:var(--ink);font-weight:600}
.chatgpt-integration-services-page .cg-cs-c-out{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-top:14px;border-top:1px dashed var(--g10)}
.chatgpt-integration-services-page .cg-cs-c-out-i{display:flex;flex-direction:column;gap:2px}
.chatgpt-integration-services-page .cg-cs-c-out-l{font-family:var(--fm);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--g40);font-weight:500}
.chatgpt-integration-services-page .cg-cs-c-out-v{font-family:var(--fd);font-size:17px;font-weight:700;color:var(--red);letter-spacing:-.014em;line-height:1.15}
.chatgpt-integration-services-page .cg-cs-c-out-v small{font-family:var(--fd);font-size:11px;color:var(--g60);font-weight:500;margin-left:2px}

/* ════════════════════════════════════════════════════════════
   §22 POC GRAVEYARD (editorial)
   ════════════════════════════════════════════════════════════ */
.chatgpt-integration-services-page .cg-pg{padding:var(--py) 0;background:var(--ink);color:#fff;position:relative;overflow:hidden}
.chatgpt-integration-services-page .cg-pg::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 20% 30%,rgba(222,37,58,.08),transparent 70%);pointer-events:none}
.chatgpt-integration-services-page .cg-pg .wrap{position:relative;z-index:2}
.chatgpt-integration-services-page .cg-pg-lead{max-width:720px;font-family:var(--fb);font-size:16px;color:rgba(255,255,255,.72);line-height:1.65;margin-top:22px;margin-bottom:20px}
.chatgpt-integration-services-page .cg-pg-lead strong{color:#fff;font-weight:600}
.chatgpt-integration-services-page .cg-pg-stats{max-width:920px;margin:0 0 40px;padding:16px 20px 14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-left:2px solid var(--red);border-radius:6px;font-family:var(--fb);font-size:13px;color:rgba(255,255,255,.72);line-height:1.65}
.chatgpt-integration-services-page .cg-pg-stats strong{color:#fff;font-weight:600}
.chatgpt-integration-services-page .cg-pg-stats-l{font-family:var(--fm);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);font-weight:600;display:block;margin-bottom:6px}
.chatgpt-integration-services-page .cg-pg-stats-src{font-family:var(--fm);font-size:10.5px;color:rgba(255,255,255,.5);margin-top:6px;letter-spacing:.02em;display:block}
.chatgpt-integration-services-page .cg-pg-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(max-width:820px){.chatgpt-integration-services-page .cg-pg-list{grid-template-columns:1fr}}
.chatgpt-integration-services-page .cg-pg-i{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-left:3px solid var(--red);border-radius:8px;padding:18px 22px;transition:background .25s}
.chatgpt-integration-services-page .cg-pg-i:hover{background:rgba(255,255,255,.06)}
.chatgpt-integration-services-page .cg-pg-i-hd{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;flex-wrap:wrap}
.chatgpt-integration-services-page .cg-pg-i-nm{font-family:var(--fd);font-size:15px;font-weight:700;color:#fff;letter-spacing:-.01em;line-height:1.2}
.chatgpt-integration-services-page .cg-pg-i-tag{font-family:var(--fm);font-size:10px;color:var(--red);letter-spacing:.08em;font-weight:600;text-transform:uppercase}
.chatgpt-integration-services-page .cg-pg-i-b{font-family:var(--fb);font-size:13px;color:rgba(255,255,255,.68);line-height:1.55;margin-bottom:8px}
.chatgpt-integration-services-page .cg-pg-i-b strong{color:#fff;font-weight:600}
.chatgpt-integration-services-page .cg-pg-i-ax{font-family:var(--fm);font-size:10.5px;color:rgba(255,255,255,.5);letter-spacing:.04em;padding-top:8px;border-top:1px dashed rgba(255,255,255,.08)}
.chatgpt-integration-services-page .cg-pg-i-ax strong{color:var(--red);font-weight:600}

/* ════════════════════════════════════════════════════════════
   §23 DEPRECATION INSURANCE (SOW clauses)
   ════════════════════════════════════════════════════════════ */
.chatgpt-integration-services-page .cg-di{padding:var(--py) 0;background:#fff}
.chatgpt-integration-services-page .cg-di-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:44px}
@media(max-width:760px){.chatgpt-integration-services-page .cg-di-grid{grid-template-columns:1fr}}
.chatgpt-integration-services-page .cg-di-cl{background:var(--g02);border:1px solid var(--g10);border-radius:12px;padding:22px 24px;position:relative;transition:all .3s var(--ease)}
.chatgpt-integration-services-page .cg-di-cl:hover{background:#fff;border-color:var(--g20);box-shadow:0 22px 42px -26px rgba(14,14,15,.16),inset 0 1px 0 rgba(255,255,255,.6)}
.chatgpt-integration-services-page .cg-di-cl-t{font-family:var(--fm);font-size:10px;color:var(--red);letter-spacing:.14em;text-transform:uppercase;font-weight:600;margin-bottom:8px}
.chatgpt-integration-services-page .cg-di-cl-h{font-family:var(--fd);font-size:15.5px;font-weight:700;color:var(--ink);letter-spacing:-.01em;line-height:1.25;margin-bottom:10px}
.chatgpt-integration-services-page .cg-di-cl-b{font-family:var(--fb);font-size:13px;color:var(--g60);line-height:1.6;margin-bottom:12px}
.chatgpt-integration-services-page .cg-di-cl-b strong{color:var(--ink);font-weight:600}
.chatgpt-integration-services-page .cg-di-cl-quote{font-family:var(--fm);font-size:11.5px;color:var(--ink);background:#fff;border-left:2px solid var(--red);padding:10px 12px;line-height:1.55;letter-spacing:.01em;border-radius:0 4px 4px 0}

/* ════════════════════════════════════════════════════════════
   §24 CHARTER — 7 promises + remedies
   ════════════════════════════════════════════════════════════ */
.chatgpt-integration-services-page .cg-ch{padding:var(--py) 0;background:var(--g05)}
.chatgpt-integration-services-page .cg-ch-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:44px}
@media(max-width:760px){.chatgpt-integration-services-page .cg-ch-grid{grid-template-columns:1fr}}
.chatgpt-integration-services-page .cg-ch-p{background:#fff;border:1px solid var(--g10);border-radius:10px;padding:18px 22px 16px;display:flex;gap:14px}
.chatgpt-integration-services-page .cg-ch-p-n{font-family:var(--fd);font-size:22px;font-weight:700;color:var(--red);letter-spacing:-.02em;line-height:1;flex-shrink:0;width:36px}
@media(max-width:520px){.chatgpt-integration-services-page .cg-ch-p-n{width:28px;font-size:20px}}
.chatgpt-integration-services-page .cg-ch-p-body{flex:1;min-width:0}
.chatgpt-integration-services-page .cg-ch-p-h{font-family:var(--fd);font-size:14.5px;font-weight:700;color:var(--ink);letter-spacing:-.008em;line-height:1.3;margin-bottom:6px}
.chatgpt-integration-services-page .cg-ch-p-b{font-family:var(--fb);font-size:12.5px;color:var(--g60);line-height:1.55;margin-bottom:8px}
.chatgpt-integration-services-page .cg-ch-p-b strong{color:var(--ink);font-weight:600}
.chatgpt-integration-services-page .cg-ch-p-r{font-family:var(--fm);font-size:10.5px;color:var(--ink);padding:6px 10px;background:var(--red-tint);border-radius:4px;letter-spacing:.04em;display:inline-flex;align-items:center;gap:6px}
.chatgpt-integration-services-page .cg-ch-p-r strong{color:var(--red);font-weight:600}

/* ════════════════════════════════════════════════════════════
   §25 WHY CHOOSE TRANGO (10 points)
   ════════════════════════════════════════════════════════════ */
.chatgpt-integration-services-page .cg-wt{padding:var(--py) 0;background:#fff}
.chatgpt-integration-services-page .cg-wt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:44px}
@media(max-width:760px){.chatgpt-integration-services-page .cg-wt-grid{grid-template-columns:1fr}}
.chatgpt-integration-services-page .cg-wt-i{display:flex;gap:14px;padding:20px 22px;background:var(--g02);border:1px solid var(--g10);border-radius:10px;transition:all .3s var(--ease)}
.chatgpt-integration-services-page .cg-wt-i:hover{background:#fff;border-color:var(--g20);transform:translateY(-2px);box-shadow:0 22px 42px -26px rgba(14,14,15,.14),inset 0 1px 0 rgba(255,255,255,.6)}
.chatgpt-integration-services-page .cg-wt-i-n{font-family:var(--fm);font-size:11px;letter-spacing:.14em;color:var(--red);font-weight:600;flex-shrink:0;width:32px;padding-top:2px}
.chatgpt-integration-services-page .cg-wt-i-body{flex:1;min-width:0}
.chatgpt-integration-services-page .cg-wt-i-h{font-family:var(--fd);font-size:15px;font-weight:700;color:var(--ink);letter-spacing:-.008em;line-height:1.3;margin-bottom:6px}
.chatgpt-integration-services-page .cg-wt-i-b{font-family:var(--fb);font-size:13px;color:var(--g60);line-height:1.6}
.chatgpt-integration-services-page .cg-wt-i-b strong{color:var(--ink);font-weight:600}

/* Sub-divider between the two merged blocks (reasons ↔ promises) */
.chatgpt-integration-services-page .cg-wt-sub{margin:44px 0 22px;padding-top:32px;border-top:1px dashed var(--g20);max-width:820px}
.chatgpt-integration-services-page .cg-wt-sub:first-of-type{margin-top:44px;padding-top:0;border-top:0}
.chatgpt-integration-services-page .cg-wt-sub-l{font-family:var(--fm);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--red);font-weight:600;display:inline-flex;align-items:center;gap:10px;margin-bottom:10px}
.chatgpt-integration-services-page .cg-wt-sub-l::before{content:"";width:22px;height:1px;background:var(--red)}
.chatgpt-integration-services-page .cg-wt-sub-h{font-family:var(--fd);font-size:22px;font-weight:700;letter-spacing:-.018em;line-height:1.2;color:var(--ink);margin-bottom:8px}
.chatgpt-integration-services-page .cg-wt-sub-p{font-family:var(--fb);font-size:14.5px;color:var(--g60);line-height:1.65;margin:0;max-width:640px}

/* ════════════════════════════════════════════════════════════
   §26 WHEN NOT TO HIRE US
   ════════════════════════════════════════════════════════════ */
.chatgpt-integration-services-page .cg-wn{padding:var(--py) 0;background:var(--ink);color:#fff}
.chatgpt-integration-services-page .cg-wn-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:32px}
@media(max-width:760px){.chatgpt-integration-services-page .cg-wn-grid{grid-template-columns:1fr}}
.chatgpt-integration-services-page .cg-wn-i{padding:20px 22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:10px;display:flex;gap:14px;align-items:flex-start}
.chatgpt-integration-services-page .cg-wn-i-x{width:28px;height:28px;background:rgba(222,37,58,.15);color:var(--red);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--fd);font-size:16px;font-weight:700;line-height:1}
.chatgpt-integration-services-page .cg-wn-i-h{font-family:var(--fd);font-size:14.5px;font-weight:700;color:#fff;letter-spacing:-.005em;line-height:1.3;margin-bottom:6px}
.chatgpt-integration-services-page .cg-wn-i-b{font-family:var(--fb);font-size:12.5px;color:rgba(255,255,255,.65);line-height:1.55}
.chatgpt-integration-services-page .cg-wn-i-b strong{color:#fff;font-weight:600}

/* ════════════════════════════════════════════════════════════
   §27 FAQ
   ════════════════════════════════════════════════════════════ */
.chatgpt-integration-services-page .cg-fq{padding:var(--py) 0;background:#fff}
.chatgpt-integration-services-page .cg-fq-list{display:flex;flex-direction:column;gap:10px;margin-top:44px}
.chatgpt-integration-services-page .cg-fq-i{background:#fff;border:1px solid var(--g10);border-radius:10px;overflow:hidden;transition:border-color .25s}
.chatgpt-integration-services-page .cg-fq-i[open]{border-color:var(--red)}
.chatgpt-integration-services-page .cg-fq-i summary{padding:18px 22px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;list-style:none;font-family:var(--fd);font-size:15px;font-weight:600;color:var(--ink);letter-spacing:-.005em;line-height:1.4;transition:background .2s}
.chatgpt-integration-services-page .cg-fq-i summary::-webkit-details-marker{display:none}
.chatgpt-integration-services-page .cg-fq-i summary:hover{background:var(--g02)}
.chatgpt-integration-services-page .cg-fq-q{flex:1}
.chatgpt-integration-services-page .cg-fq-plus{width:26px;height:26px;border:1.5px solid var(--g20);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ink);font-family:var(--fd);font-size:16px;font-weight:600;transition:all .2s;flex-shrink:0}
.chatgpt-integration-services-page .cg-fq-i[open] .cg-fq-plus{background:var(--red);color:#fff;border-color:var(--red);transform:rotate(45deg)}
.chatgpt-integration-services-page .cg-fq-a{padding:0 22px 22px;font-family:var(--fb);font-size:14px;color:var(--g60);line-height:1.7}
.chatgpt-integration-services-page .cg-fq-a p{margin-bottom:10px}
.chatgpt-integration-services-page .cg-fq-a p:first-child strong:first-child{color:var(--ink);font-weight:600;font-size:14.5px}
.chatgpt-integration-services-page .cg-fq-a p:last-child{margin-bottom:0}
.chatgpt-integration-services-page .cg-fq-a strong{color:var(--ink);font-weight:600}
.chatgpt-integration-services-page .cg-fq-a a{color:var(--red);border-bottom:1px solid rgba(222,37,58,.3);font-weight:600}

/* ════════════════════════════════════════════════════════════
   §28 BYLINE + METHODOLOGY + CITE
   ════════════════════════════════════════════════════════════ */
.chatgpt-integration-services-page .cg-bl{padding:56px 0;background:var(--g05);border-top:1px solid var(--g10)}
.chatgpt-integration-services-page .cg-bl-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;align-items:start}
@media(max-width:820px){.chatgpt-integration-services-page .cg-bl-grid{grid-template-columns:1fr}}
.chatgpt-integration-services-page .cg-bl-a{display:flex;gap:14px;align-items:center;margin-bottom:16px}
.chatgpt-integration-services-page .cg-bl-av{width:52px;height:52px;background:var(--ink);color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--fd);font-size:18px;font-weight:700;letter-spacing:-.02em;flex-shrink:0}
.chatgpt-integration-services-page .cg-bl-nm{font-family:var(--fd);font-size:15.5px;font-weight:700;color:var(--ink);letter-spacing:-.012em;line-height:1.2;margin-bottom:3px}
.chatgpt-integration-services-page .cg-bl-role{font-family:var(--fm);font-size:10.5px;color:var(--red);letter-spacing:.06em;font-weight:600;text-transform:uppercase}
.chatgpt-integration-services-page .cg-bl-meta{font-family:var(--fm);font-size:11px;color:var(--g60);margin-top:12px;line-height:1.7}
.chatgpt-integration-services-page .cg-bl-meta strong{color:var(--ink);font-weight:600}
.chatgpt-integration-services-page .cg-bl-meth{font-family:var(--fb);font-size:14px;color:var(--g60);line-height:1.65;margin-top:14px;max-width:520px}
.chatgpt-integration-services-page .cg-bl-meth strong{color:var(--ink);font-weight:600}

.chatgpt-integration-services-page .cg-cite{background:#fff;border:1px solid var(--g10);border-radius:12px;padding:22px 24px}
.chatgpt-integration-services-page .cg-cite h4{font-family:var(--fd);font-size:14px;font-weight:700;color:var(--ink);letter-spacing:-.005em;margin-bottom:12px;display:flex;align-items:center;gap:10px}
.chatgpt-integration-services-page .cg-cite h4::before{content:"";width:16px;height:1px;background:var(--red)}
.chatgpt-integration-services-page .cg-cite-i{padding:10px 0;border-bottom:1px dashed var(--g10);font-family:var(--fm);font-size:11.5px;color:var(--g60);line-height:1.55}
.chatgpt-integration-services-page .cg-cite-i:last-of-type{border-bottom:0}
.chatgpt-integration-services-page .cg-cite-i-l{font-family:var(--fm);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);font-weight:600;margin-bottom:4px;display:block}
.chatgpt-integration-services-page .cg-cite-btn{margin-top:12px;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:10px 16px;background:var(--ink);color:#fff;font-family:var(--fd);font-size:12px;font-weight:600;border:0;border-radius:6px;cursor:pointer;letter-spacing:.02em;transition:background .2s}
.chatgpt-integration-services-page .cg-cite-btn:hover{background:var(--red)}
.chatgpt-integration-services-page .cg-cite-btn svg{width:12px;height:12px;fill:currentColor}

/* ════════════════════════════════════════════════════════════
   §29 FINAL CTA
   ════════════════════════════════════════════════════════════ */
.chatgpt-integration-services-page .cg-final{padding:80px 0;background:#0E0E0F;color:#fff;position:relative;overflow:hidden;text-align:center;border-top:1px solid rgba(255,255,255,.06)}
.chatgpt-integration-services-page .cg-final::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 50% 50%,rgba(222,37,58,.14),transparent 70%);pointer-events:none}
.chatgpt-integration-services-page .cg-final .wrap{position:relative;z-index:2;max-width:820px}
.chatgpt-integration-services-page .cg-final .eyebrow{color:var(--red);margin-bottom:18px}
.chatgpt-integration-services-page .cg-final h2{font-family:var(--fd);font-size:clamp(28px,3.6vw,42px);font-weight:700;letter-spacing:-.024em;color:#fff;line-height:1.1;margin-bottom:16px}
.chatgpt-integration-services-page .cg-final h2 em{font-style:normal;color:var(--red)}
.chatgpt-integration-services-page .cg-final p{font-family:var(--fb);font-size:16px;color:rgba(255,255,255,.72);line-height:1.6;margin-bottom:26px;max-width:620px;margin-left:auto;margin-right:auto}
.chatgpt-integration-services-page .cg-final-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}
.chatgpt-integration-services-page .cg-final-nap{margin-top:26px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);font-family:var(--fm);font-size:12px;color:rgba(255,255,255,.5);line-height:1.6}
.chatgpt-integration-services-page .cg-final-nap strong{color:#fff;font-weight:500;text-transform:none}
.chatgpt-integration-services-page .cg-final-nap a{color:#fff;border-bottom:1px solid rgba(255,255,255,.2)}




@media(max-width:880px){}
@media(max-width:520px){}
















/* ════════════════════════════════════════════════════════════
   HOVER POLISH — consolidated micro-interactions
   ════════════════════════════════════════════════════════════ */
/* Eval Gate phases + axes (dark) */
.chatgpt-integration-services-page .cg-eg-p{transition:background 400ms var(--e1)}
.chatgpt-integration-services-page .cg-eg-p:hover{background:rgba(255,255,255,.03)}
.chatgpt-integration-services-page .cg-eg-p:hover .cg-eg-p-n{color:#FF6B7A}
.chatgpt-integration-services-page .cg-eg-ax{transition:border-color 400ms var(--e1),background 400ms var(--e1),transform 400ms var(--e1)}
.chatgpt-integration-services-page .cg-eg-ax:hover{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.06);transform:translateY(-2px)}
/* Timeline phases */
.chatgpt-integration-services-page .cg-tl-ph{transition:background 400ms var(--e1)}
.chatgpt-integration-services-page .cg-tl-ph:hover{background:var(--g02)}
.chatgpt-integration-services-page .cg-tl-ph:hover .cg-tl-ph-n{color:var(--red-h)}
/* PoC Graveyard — nudge + rail brighten */
.chatgpt-integration-services-page .cg-pg-i{transition:background 400ms var(--e1),border-left-color 400ms var(--e1),transform 400ms var(--e1)}
.chatgpt-integration-services-page .cg-pg-i:hover{transform:translateX(4px);border-left-color:#FF6B7A}
/* Charter promises */
.chatgpt-integration-services-page .cg-ch-p{transition:border-color 400ms var(--e1),transform 400ms var(--e1),box-shadow 400ms var(--e1)}
.chatgpt-integration-services-page .cg-ch-p:hover{border-color:var(--g20);transform:translateY(-2px);box-shadow:0 18px 36px -24px rgba(14,14,15,.14),inset 0 1px 0 rgba(255,255,255,.6)}
.chatgpt-integration-services-page .cg-ch-p:hover .cg-ch-p-n{color:var(--red-h)}
/* When-not disqualifiers (dark) */
.chatgpt-integration-services-page .cg-wn-i{transition:background 400ms var(--e1),border-color 400ms var(--e1),transform 400ms var(--e1)}
.chatgpt-integration-services-page .cg-wn-i:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);transform:translateY(-2px)}
/* Glossary rows — nudge + dashed rule warms */
.chatgpt-integration-services-page .cg-qa-i{transition:transform 400ms var(--e1),border-color 400ms var(--e1)}
.chatgpt-integration-services-page .cg-qa-i:hover{transform:translateX(4px);border-bottom-color:rgba(222,37,58,.35)}
/* Comparison + compliance + RAG/FT table rows */
.chatgpt-integration-services-page .cg-pc-tbl tbody tr, .chatgpt-integration-services-page .cg-cp-tbl tbody tr, .chatgpt-integration-services-page .cg-rf-tbl tbody tr{transition:background .25s}
.chatgpt-integration-services-page .cg-pc-tbl tbody tr:hover, .chatgpt-integration-services-page .cg-cp-tbl tbody tr:hover{background:var(--g02)}
.chatgpt-integration-services-page .cg-rf-tbl tbody tr:hover td:not(.rec){background:var(--g02)}
/* Tech-stack tool chips */
.chatgpt-integration-services-page .cg-ts-tbl td .tool{transition:background .25s,color .25s}
.chatgpt-integration-services-page .cg-ts-tbl td .tool:hover{background:var(--red-tint);color:var(--red)}
/* Calculator + gate inputs — border pre-focus */
.chatgpt-integration-services-page .cg-cc-f input:hover, .chatgpt-integration-services-page .cg-cc-f select:hover{border-color:rgba(255,255,255,.25)}
.chatgpt-integration-services-page .cg-wz-gate-f input:hover{border-color:var(--g40)}
.chatgpt-integration-services-page .cg-aict-gate input:hover{border-color:rgba(255,255,255,.3)}
/* FAQ plus ring warms before open */
.chatgpt-integration-services-page .cg-fq-i summary:hover .cg-fq-plus{border-color:var(--red);color:var(--red)}
/* Hero architecture satellite nodes */
.chatgpt-integration-services-page .cg-arch-node{transition:stroke .3s ease,fill .3s ease}
.chatgpt-integration-services-page .cg-arch-node:hover{stroke:rgba(255,255,255,.35);fill:rgba(255,255,255,.07)}



/* Cite rows */
.chatgpt-integration-services-page .cg-cite-i{transition:background .25s;border-radius:6px}
.chatgpt-integration-services-page .cg-cite-i:hover{background:var(--g02)}
/* Trust compliance pills (dark) */
.chatgpt-integration-services-page .cg-trust-logos li{transition:border-color .3s,color .3s}
.chatgpt-integration-services-page .cg-trust-logos li:hover{border-color:rgba(255,255,255,.3);color:rgba(255,255,255,.85)}
/* Pricing tier feature rows */
.chatgpt-integration-services-page .cg-pa-tier-list li{transition:color .25s}
.chatgpt-integration-services-page .cg-pa-tier-list li:hover{color:var(--ink)}
.chatgpt-integration-services-page .cg-pa-tier.rec .cg-pa-tier-list li:hover{color:#fff}

/* ════════════════════════════════════════════════════════════
   GLOBAL RESPONSIVE + REDUCED MOTION
   ════════════════════════════════════════════════════════════ */
@media(max-width:1024px){.chatgpt-integration-services-page{--px:40px}}
@media(max-width:640px){.chatgpt-integration-services-page{--px:24px;--py:64px}}
@media(prefers-reduced-motion:reduce){
  .chatgpt-integration-services-page *, .chatgpt-integration-services-page *::before, .chatgpt-integration-services-page *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
@media print{
  .chatgpt-integration-services-page .btn{display:none!important}
  .chatgpt-integration-services-page .cg-hero, .chatgpt-integration-services-page .cg-trust, .chatgpt-integration-services-page .cg-eg, .chatgpt-integration-services-page .cg-pg, .chatgpt-integration-services-page .cg-wn, .chatgpt-integration-services-page .cg-final, .chatgpt-integration-services-page .cg-cc-box, .chatgpt-integration-services-page .cg-tc-box, .chatgpt-integration-services-page .cg-aict{background:#fff!important;color:#000!important}
  .chatgpt-integration-services-page .cg-pa-tier.rec, .chatgpt-integration-services-page .cg-what-c[data-kind="us"]{background:#fff!important;color:#000!important;border:1px solid #000!important}
  .chatgpt-integration-services-page .cg-pa-tier.rec *, .chatgpt-integration-services-page .cg-what-c[data-kind="us"] *, .chatgpt-integration-services-page .cg-hero *, .chatgpt-integration-services-page .cg-trust *, .chatgpt-integration-services-page .cg-eg *, .chatgpt-integration-services-page .cg-pg *, .chatgpt-integration-services-page .cg-wn *, .chatgpt-integration-services-page .cg-final *, .chatgpt-integration-services-page .cg-cc-box *, .chatgpt-integration-services-page .cg-tc-box *, .chatgpt-integration-services-page .cg-aict *{color:#000!important}
  .chatgpt-integration-services-page a{color:#000!important;border-bottom:1px solid #000!important;text-decoration:none}
  .chatgpt-integration-services-page [data-r]{opacity:1!important;transform:none!important}
}


/* =====================================================
   CONTACT FORM 7 dynamic form fixes
   ===================================================== */
.chatgpt-integration-services-page .wpcf7,
.chatgpt-integration-services-page .wpcf7-form{
  margin:0;
}

.chatgpt-integration-services-page .wpcf7-form > p{
  margin:0;
}

.chatgpt-integration-services-page .wpcf7-form-control-wrap{
  display:block;
  width:100%;
}

.chatgpt-integration-services-page .wpcf7-form-control-wrap input,
.chatgpt-integration-services-page .wpcf7-form-control-wrap select,
.chatgpt-integration-services-page .wpcf7-form-control-wrap textarea{
  width:100%;
}

.chatgpt-integration-services-page .wpcf7-not-valid{
  border-color:var(--red) !important;
  background:rgba(222,37,58,.05) !important;
}

.chatgpt-integration-services-page .wpcf7-not-valid-tip{
  display:block !important;
  margin-top:6px;
  font-family:var(--fm);
  font-size:10.5px;
  line-height:1.45;
  color:var(--red);
  letter-spacing:.04em;
}

.chatgpt-integration-services-page .wpcf7-response-output{
  margin:14px 0 0 !important;
  padding:10px 12px !important;
  border-radius:8px;
  font-family:var(--fb);
  font-size:12.5px;
  line-height:1.45;
}

/* .chatgpt-integration-services-page form.sent .wpcf7-response-output{
  display:none !important;
} */

.chatgpt-integration-services-page .wpcf7-spinner{
  display:block;
  margin:10px auto 0;
}

.chatgpt-integration-services-page .is-sending{
  opacity:.78;
  cursor:wait !important;
  pointer-events:none;
}
