
/* Critical GREEN AI Engineer v16.0 - dedicated experience layer */
.cg-ai-engineer-page #cg-ai-bubble,
.cg-ai-engineer-page #cg-ai-panel{display:none!important}
.cg-ai-engineer-page{background:#07140d;color:#dfeee5}
.cg-ai-engineer-page .footer{margin-top:0}
.cg-ai-page{margin-top:100px;background:#07140d;overflow:hidden}
.cg-ai-container{width:min(1220px,calc(100% - 48px));margin:0 auto}
.cg-ai-hero{position:relative;min-height:690px;display:flex;align-items:center;background:
radial-gradient(circle at 76% 44%,rgba(34,197,94,.15),transparent 27%),
radial-gradient(circle at 52% 90%,rgba(16,185,129,.08),transparent 32%),
linear-gradient(135deg,#04100a 0%,#081a10 46%,#0b2516 100%);isolation:isolate}
.cg-ai-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 90%);pointer-events:none}
.cg-ai-hero-glow{position:absolute;width:700px;height:700px;right:-200px;top:-150px;border-radius:50%;background:rgba(34,197,94,.08);filter:blur(70px);z-index:-1}
.cg-ai-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:40px;align-items:center;position:relative;z-index:2}
.cg-ai-copy{padding:60px 0}
.cg-ai-kicker,.cg-section-kicker{font:700 .68rem/1.2 Manrope,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#6ee7a1}
.cg-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 5px rgba(74,222,128,.12),0 0 18px rgba(74,222,128,.75);vertical-align:middle;margin-right:8px;animation:cgPulse 2s infinite}
@keyframes cgPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.8)}}
.cg-ai-copy h1{font:800 clamp(2.9rem,5.3vw,5.6rem)/.98 Manrope,system-ui,sans-serif;color:#f5fff8;letter-spacing:-.055em;margin:22px 0}
.cg-ai-copy h1 span{background:linear-gradient(90deg,#fff,#7df0a9);-webkit-background-clip:text;background-clip:text;color:transparent}
.cg-ai-lead{max-width:640px;color:#a8c2b1;font:400 1.04rem/1.8 "DM Sans",system-ui,sans-serif}
.cg-ai-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.cg-ai-primary,.cg-ai-secondary{border-radius:14px;min-height:64px;padding:12px 18px;display:inline-flex;align-items:center;gap:12px;text-decoration:none;transition:.25s;border:1px solid transparent;font:700 .88rem Manrope,system-ui,sans-serif;cursor:pointer}
.cg-ai-primary{background:#28c76f;color:#04100a;box-shadow:0 14px 40px rgba(34,197,94,.18)}
.cg-ai-primary:hover{transform:translateY(-2px);background:#4ade80;box-shadow:0 18px 45px rgba(34,197,94,.28)}
.cg-ai-secondary{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.13);color:#e9f8ee}
.cg-ai-secondary:hover{background:rgba(255,255,255,.09);transform:translateY(-2px)}
.cg-ai-primary small,.cg-ai-secondary small{display:block;color:inherit;opacity:.62;font:500 .68rem "DM Sans",system-ui,sans-serif;margin-top:2px}
.cg-btn-mic{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:rgba(0,0,0,.13)}
.cg-trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:#6f8f7b;font:600 .68rem Manrope,system-ui,sans-serif}
.cg-suggestion-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
.cg-suggestion-row button{border:1px solid rgba(110,231,161,.15);background:rgba(110,231,161,.045);color:#9bb6a4;border-radius:100px;padding:8px 12px;font:600 .7rem Manrope;transition:.2s}
.cg-suggestion-row button:hover{color:#dfffea;border-color:rgba(110,231,161,.4);background:rgba(110,231,161,.09)}

.cg-ai-orbit-wrap{height:560px;position:relative;display:grid;place-items:center}
.cg-ai-orbit-bg{position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(47,207,115,.16),rgba(47,207,115,.04) 45%,transparent 70%);filter:blur(2px)}
.cg-ai-orbit{position:absolute;border:1px solid rgba(105,237,157,.2);border-radius:50%;transform:rotateX(64deg);animation:cgOrbit 18s linear infinite}
.orbit-one{width:420px;height:420px}.orbit-two{width:320px;height:320px;transform:rotateX(64deg) rotateZ(55deg);animation-duration:14s;animation-direction:reverse}.orbit-three{width:500px;height:500px;transform:rotateX(64deg) rotateZ(-38deg);animation-duration:25s}
@keyframes cgOrbit{to{transform:rotateX(64deg) rotateZ(360deg)}}
.orbit-two{animation-name:cgOrbitTwo}@keyframes cgOrbitTwo{to{transform:rotateX(64deg) rotateZ(-305deg)}}
.cg-ai-core{width:210px;height:210px;position:relative;border-radius:50%;display:grid;place-items:center}
.cg-core-halo{position:absolute;inset:15px;border-radius:50%;background:radial-gradient(circle,rgba(61,232,132,.23),rgba(10,52,29,.5) 58%,transparent 72%);filter:blur(6px);animation:cgBreathe 3.2s ease-in-out infinite}
@keyframes cgBreathe{50%{transform:scale(1.13);opacity:.72}}
.cg-core-ring{position:absolute;border:1px solid rgba(93,237,153,.5);border-radius:50%;inset:18px;animation:cgSpin 10s linear infinite}
.ring-b{inset:29px;border-style:dashed;opacity:.6;animation-duration:7s;animation-direction:reverse}
.ring-c{inset:43px;border-color:rgba(255,255,255,.16);animation-duration:18s}
@keyframes cgSpin{to{transform:rotate(360deg)}}
.cg-core-mark{position:relative;width:108px;height:108px;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(20,83,45,.95),rgba(4,25,14,.98));border:1px solid rgba(153,246,185,.28);box-shadow:inset 0 0 30px rgba(74,222,128,.08),0 0 55px rgba(34,197,94,.17);z-index:3;animation:cgFloat 4s ease-in-out infinite}
@keyframes cgFloat{50%{transform:translateY(-7px)}}
.cg-core-cg{font:900 2rem/.8 Manrope;color:#fff;letter-spacing:-.08em}
.cg-core-ai{font:800 .65rem/1 Manrope;letter-spacing:.35em;color:#69e99a;margin-left:.35em;margin-top:9px}
.cg-core-pulse{position:absolute;width:260px;height:260px;border:1px solid rgba(110,231,161,.08);border-radius:50%;animation:cgRipple 3s ease-out infinite}
@keyframes cgRipple{0%{transform:scale(.55);opacity:.7}100%{transform:scale(1.3);opacity:0}}
.cg-ai-node{position:absolute;padding:7px 10px;border-radius:9px;background:rgba(4,20,11,.8);border:1px solid rgba(110,231,161,.14);backdrop-filter:blur(10px);color:#9be6b6;font:700 .58rem Manrope;letter-spacing:.08em;box-shadow:0 8px 30px rgba(0,0,0,.18)}
.node-water{top:20%;left:7%}.node-process{top:10%;right:10%}.node-data{bottom:19%;left:8%}.node-compliance{bottom:11%;right:7%}
.cg-ai-status-card{position:absolute;bottom:5%;right:4%;display:flex;gap:10px;align-items:center;padding:11px 14px;border:1px solid rgba(110,231,161,.14);background:rgba(3,17,9,.78);backdrop-filter:blur(12px);border-radius:13px;box-shadow:0 15px 40px rgba(0,0,0,.25)}
.cg-status-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 15px #4ade80}
.cg-ai-status-card strong{display:block;color:#eafff0;font:700 .67rem Manrope;letter-spacing:.1em}.cg-ai-status-card small{display:block;color:#7e9d89;font:.65rem "DM Sans";margin-top:2px}

.cg-live-section{background:#f5faf7;color:#193022;padding:90px 0}
.cg-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}
.cg-section-head.centered{justify-content:center;text-align:center}.cg-section-head h2{color:#0b2415;font:800 clamp(1.9rem,3vw,3rem)/1.05 Manrope;letter-spacing:-.04em;margin-top:10px}.cg-section-head p{color:#698073;margin-top:10px;max-width:680px}
.cg-provider-chip{border:1px solid #d8e8de;background:#fff;border-radius:100px;padding:9px 13px;font:700 .68rem Manrope;color:#2a4b36;white-space:nowrap}.cg-provider-chip span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22c55e;margin-right:6px}.cg-provider-chip em{font-style:normal;color:#7d9384;margin-left:4px}
.cg-chat-shell{display:grid;grid-template-columns:285px 1fr;background:#fff;border:1px solid #dce8e0;border-radius:24px;overflow:hidden;box-shadow:0 25px 70px rgba(13,52,28,.11);min-height:670px}
.cg-chat-side{background:#0a2113;padding:26px;color:#dceee2;display:flex;flex-direction:column;gap:12px}
.cg-side-brand{display:flex;align-items:center;gap:10px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.08)}.cg-mini-core,.cg-mini-orb{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#1d7d47,#082012);color:#fff;font:900 .9rem Manrope;border:1px solid rgba(126,246,169,.24)}.cg-side-brand strong{display:block;font:800 .84rem Manrope}.cg-side-brand small{display:block;color:#799b86;font:.68rem "DM Sans";margin-top:2px}.cg-side-state{font:600 .68rem Manrope;color:#81a18c;padding:3px 0 16px}.cg-side-title{font:700 .65rem Manrope;letter-spacing:.1em;text-transform:uppercase;color:#6f927d;margin-top:5px}
.cg-topic{display:flex;gap:10px;align-items:flex-start;text-align:left;border:1px solid transparent;background:transparent;color:#b9d1c2;border-radius:12px;padding:11px 9px;cursor:pointer}.cg-topic:hover,.cg-topic.active{background:rgba(95,224,143,.08);border-color:rgba(95,224,143,.14);color:#f1fff5}.cg-topic>span{width:25px;color:#64df95;font:800 .72rem Manrope}.cg-topic strong{display:block;font:700 .7rem Manrope}.cg-topic small{display:block;color:#708e7c;font:.62rem "DM Sans";margin-top:3px}.cg-side-note{margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);font:.64rem/1.55 "DM Sans";color:#6d8a77}
.cg-chat-main{min-width:0;display:flex;flex-direction:column;background:#fbfdfc}.cg-chat-top{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #e6eee9}.cg-chat-agent{display:flex;align-items:center;gap:10px}.cg-mini-orb{width:37px;height:37px;border-radius:11px;font-size:.72rem}.cg-chat-agent strong{display:block;color:#173222;font:800 .78rem Manrope}.cg-chat-agent small{display:block;color:#819388;font:.66rem "DM Sans";margin-top:2px}.cg-clear-btn{border:0;background:transparent;color:#819388;font:700 .65rem Manrope;padding:8px}.cg-clear-btn:hover{color:#1b5934}
.cg-messages{flex:1;overflow:auto;padding:26px 28px;display:flex;flex-direction:column;gap:16px;min-height:430px;max-height:480px;background:radial-gradient(circle at 90% 0%,rgba(34,197,94,.045),transparent 30%),#fbfdfc}.cg-message{display:flex;gap:10px;align-items:flex-start;max-width:85%}.cg-message-user{align-self:flex-end;flex-direction:row-reverse}.cg-message-avatar{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;flex:0 0 31px;background:#0c2d19;color:#a4f0bd;font:800 .6rem Manrope}.cg-message-user .cg-message-avatar{background:#dff8e8;color:#176536}.cg-bubble{padding:12px 14px;border-radius:15px 15px 15px 4px;background:#fff;border:1px solid #e1ebe5;color:#33493b;font:.78rem/1.65 "DM Sans";box-shadow:0 5px 18px rgba(14,52,29,.04)}.cg-message-user .cg-bubble{background:#155d32;color:#f2fff6;border-color:#155d32;border-radius:15px 15px 4px 15px}.cg-bubble strong{font-weight:800}.cg-typing{display:flex;gap:4px;align-items:center}.cg-typing i{width:5px;height:5px;border-radius:50%;background:#65b883;animation:cgTyping 1s infinite}.cg-typing i:nth-child(2){animation-delay:.15s}.cg-typing i:nth-child(3){animation-delay:.3s}@keyframes cgTyping{50%{transform:translateY(-3px);opacity:.45}}
.cg-quick{display:flex;gap:7px;flex-wrap:wrap;padding:0 22px 12px}.cg-quick button{border:1px solid #d8e8de;background:#fff;color:#476452;border-radius:100px;padding:7px 10px;font:600 .64rem Manrope}.cg-quick button:hover{border-color:#79c895;color:#176536}
.cg-composer{display:flex;align-items:flex-end;gap:9px;padding:13px 16px;border-top:1px solid #e6eee9;background:#fff}.cg-round-tool,.cg-send{width:42px;height:42px;border-radius:13px;border:1px solid #d9e8df;background:#f5faf7;display:grid;place-items:center;color:#176536;flex:0 0 42px}.cg-round-tool.active{background:#dff9e8;border-color:#55c97f;box-shadow:0 0 0 5px rgba(34,197,94,.08)}.cg-round-tool span{width:9px;height:9px;border-radius:50%;background:#26b866;display:block}.cg-send{background:#14532d;color:#fff;border-color:#14532d;font-size:1.1rem}.cg-send:hover{background:#0b3c20}.cg-composer textarea{resize:none;flex:1;min-height:42px;max-height:130px;border:1px solid #d9e8df;border-radius:13px;padding:11px 13px;outline:0;font:400 .8rem/1.5 "DM Sans";color:#193022;background:#fbfdfc}.cg-composer textarea:focus{border-color:#66c789;box-shadow:0 0 0 4px rgba(34,197,94,.08)}.cg-composer-meta{display:flex;justify-content:space-between;padding:0 18px 10px;color:#8ba095;font:.6rem "DM Sans"}

.cg-capabilities{padding:100px 0;background:#fff}.cg-cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.cg-cap-grid article{border:1px solid #dfeae3;border-radius:18px;padding:24px;background:linear-gradient(180deg,#fff,#f7fbf8);transition:.25s}.cg-cap-grid article:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(13,52,28,.08);border-color:#b6d9c1}.cg-cap-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e8f8ed;color:#1a7040;font:800 .68rem Manrope;margin-bottom:20px}.cg-cap-grid h3{font:800 1rem Manrope;color:#12301d;margin-bottom:9px}.cg-cap-grid p{font:.78rem/1.65 "DM Sans";color:#6d8175;min-height:95px}.cg-cap-grid article>div{font:700 .6rem Manrope;color:#27804b;padding-top:13px;border-top:1px solid #e5eee8}
.cg-workflow{padding:100px 0;background:#f2f8f4}.cg-flow{display:grid;grid-template-columns:1fr 70px 1fr 70px 1fr 70px 1fr;align-items:center;margin-top:40px}.cg-flow>div{text-align:center}.cg-flow span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;margin:0 auto 13px;background:#123d22;color:#9ff1b8;font:800 .68rem Manrope;box-shadow:0 0 0 7px #e2f3e7}.cg-flow strong{display:block;color:#173523;font:800 .82rem Manrope}.cg-flow p{font:.7rem "DM Sans";color:#778b7e;margin-top:5px}.cg-flow i{height:1px;background:#c6dbcd;position:relative}.cg-flow i:after{content:"›";position:absolute;right:-2px;top:-10px;color:#7a9d86;font:1rem Manrope}
.cg-client-cta{padding:70px 0;background:linear-gradient(110deg,#07170c,#0d321c);color:#fff}.cg-client-cta .cg-ai-container{display:flex;justify-content:space-between;align-items:center;gap:35px}.cg-client-cta h2{color:#f2fff6;font:800 clamp(1.7rem,3vw,2.8rem) Manrope;margin:10px 0}.cg-client-cta p{color:#9db9a7;max-width:650px}.cg-cta-actions{display:flex;gap:10px;flex-wrap:wrap}.cg-client-cta .cg-ai-secondary{min-height:52px}

@media(max-width:1000px){.cg-ai-grid{grid-template-columns:1fr}.cg-ai-hero{min-height:auto}.cg-ai-copy{padding:80px 0 20px}.cg-ai-orbit-wrap{height:500px}.cg-cap-grid{grid-template-columns:1fr 1fr}.cg-chat-shell{grid-template-columns:1fr}.cg-chat-side{display:none}.cg-client-cta .cg-ai-container{flex-direction:column;align-items:flex-start}.cg-flow{grid-template-columns:1fr 30px 1fr 30px 1fr 30px 1fr}}
@media(max-width:700px){.cg-ai-container{width:min(100% - 28px,1220px)}.cg-ai-page{margin-top:100px}.cg-ai-copy h1{font-size:clamp(2.5rem,13vw,4rem)}.cg-ai-actions{flex-direction:column}.cg-ai-primary,.cg-ai-secondary{width:100%}.cg-ai-orbit-wrap{height:400px;transform:scale(.82);margin:-20px 0}.cg-ai-status-card{right:0}.node-water,.node-process{top:12%}.cg-section-head{align-items:flex-start;flex-direction:column}.cg-provider-chip{display:none}.cg-chat-shell{border-radius:17px;min-height:600px}.cg-messages{padding:18px 13px;max-height:500px}.cg-message{max-width:94%}.cg-cap-grid{grid-template-columns:1fr}.cg-cap-grid p{min-height:auto}.cg-flow{display:block}.cg-flow>div{margin:25px 0}.cg-flow i{display:none}.cg-suggestion-row button{font-size:.63rem}.cg-composer-meta span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.cg-ai-engineer-page *{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

/* v16.1.3 — deployed user-selected CG AI female engineer */
.cg-core-avatar{
  position:relative;
  width:260px;
  height:310px;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:3;
  animation:cgFloat 4s ease-in-out infinite;
  filter:drop-shadow(0 0 30px rgba(34,197,94,.24));
}
.cg-core-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
  border-radius:48%;
}
.cg-avatar-scan{
  display:none;
}
@keyframes cgAvatarScan{
  0%,100%{transform:translateY(0);opacity:.15}
  50%{transform:translateY(130px);opacity:.65}
}
.cg-ai-core.is-active .cg-core-avatar{
  transform:scale(1.035);
  filter:drop-shadow(0 0 38px rgba(74,222,128,.35));
}
.cg-mini-avatar{
  width:38px;
  height:38px;
  flex:0 0 38px;
  border-radius:50%;
  overflow:hidden;
  border:1px solid rgba(74,222,128,.35);
  background:#07170d;
  box-shadow:0 0 18px rgba(34,197,94,.12);
}
.cg-mini-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 30%;
  display:block;
}
.cg-mini-avatar-large{
  width:48px;
  height:48px;
  flex-basis:48px;
}
.cg-message-avatar-ai{
  overflow:hidden;
  padding:0 !important;
  background:#07170d !important;
  border:1px solid rgba(74,222,128,.35);
}
.cg-message-avatar-ai img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 30%;
  display:block;
}
@media(max-width:700px){
  .cg-core-avatar{width:145px;height:190px}
}

/* v16.1.4 portrait correction: use the actual female engineer from the approved UI concept. */
.cg-ai-core .cg-core-avatar{overflow:visible;}
.cg-ai-core .cg-core-avatar img{box-shadow:0 18px 42px rgba(0,0,0,.24);}
.cg-ai-core.is-active .cg-core-avatar{transform:scale(1.035);}
@media(max-width:700px){
  .cg-core-avatar{width:210px;height:250px}
}

/* v16.1.5 — clean transparent CG AI engineer portrait */
.cg-core-avatar img{
  background:transparent !important;
  mix-blend-mode:normal !important;
  box-shadow:none !important;
}

/* v16.1.6 — AI intelligence / qualification panel */
.cg-ai-intelligence-panel{
  margin:12px 16px 0;
  padding:12px 14px;
  border:1px solid rgba(74,222,128,.22);
  border-radius:14px;
  background:rgba(5,28,16,.55);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  box-shadow:0 8px 28px rgba(0,0,0,.08);
}
.cg-ai-intelligence-panel[hidden]{display:none}
.cg-ai-intel-copy{min-width:0}
.cg-ai-intel-kicker{
  display:block;
  font-size:.62rem;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:#86efac;
  font-weight:800;
  margin-bottom:3px;
}
.cg-ai-intel-copy strong{display:block;color:#ecfdf5;font-size:.82rem;line-height:1.35}
.cg-ai-intel-copy small{display:block;color:rgba(236,253,245,.68);font-size:.72rem;line-height:1.45;margin-top:2px}
.cg-ai-handoff{
  display:inline-flex;
  align-items:center;
  white-space:nowrap;
  padding:9px 13px;
  border-radius:999px;
  background:#22c55e;
  color:#052e16;
  font-weight:800;
  font-size:.72rem;
  text-decoration:none;
  transition:transform .2s,box-shadow .2s;
}
.cg-ai-handoff:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(34,197,94,.25)}
@media(max-width:650px){
  .cg-ai-intelligence-panel{align-items:flex-start;flex-direction:column}
}


/* v16.1.7 — first-viewport hero refinement
   Preserve CG v16.1-modern global architecture while ensuring the AI avatar,
   headline and primary interaction controls are visible on the initial desktop viewport. */
.cg-ai-hero{
  min-height:590px;
}
.cg-ai-grid{
  gap:28px;
}
.cg-ai-copy{
  padding:28px 0 22px;
}
.cg-ai-copy h1{
  font-size:clamp(3.15rem,4.8vw,5rem);
  line-height:.94;
  margin:16px 0 18px;
}
.cg-ai-lead{
  line-height:1.62;
  max-width:610px;
}
.cg-ai-actions{
  margin-top:22px;
}
.cg-trust-row{
  margin-top:16px;
}
.cg-suggestion-row{
  margin-top:20px;
}
.cg-ai-orbit-wrap{
  height:500px;
  transform:scale(.94);
}
.cg-ai-core{
  width:200px;
  height:200px;
}
.cg-core-avatar{
  width:235px;
  height:285px;
}
.cg-ai-status-card{
  bottom:3%;
  right:2%;
}
@media (min-width:1001px) and (max-height:820px){
  .cg-ai-hero{
    min-height:560px;
  }
  .cg-ai-copy{
    padding:18px 0 14px;
  }
  .cg-ai-copy h1{
    font-size:clamp(3rem,4.5vw,4.65rem);
    margin:12px 0 14px;
  }
  .cg-ai-lead{
    font-size:.98rem;
    line-height:1.52;
  }
  .cg-ai-actions{
    margin-top:18px;
  }
  .cg-ai-orbit-wrap{
    height:455px;
    transform:scale(.88);
  }
  .cg-core-avatar{
    width:220px;
    height:270px;
  }
  .cg-suggestion-row{
    margin-top:15px;
  }
}
@media (max-width:1000px){
  .cg-ai-hero{
    min-height:auto;
  }
  .cg-ai-copy{
    padding:62px 0 10px;
  }
  .cg-ai-orbit-wrap{
    height:470px;
    transform:scale(.9);
    margin-top:-20px;
  }
}
@media (max-width:700px){
  .cg-ai-copy{
    padding:48px 0 8px;
  }
  .cg-ai-copy h1{
    font-size:clamp(2.55rem,12.5vw,3.8rem);
  }
  .cg-ai-orbit-wrap{
    height:390px;
    transform:scale(.82);
    margin:-15px 0 -10px;
  }
}


/* ============================================================
   v16.1.8 — AI Engineer cross-device + voice UX hardening
   Preserve v16.1-modern architecture. No global layout changes.
   ============================================================ */

/* Prevent horizontal overflow from orbit/effects on all devices */
html, body { max-width:100%; overflow-x:hidden; }
.cg-ai-hero, .cg-ai-hero * { box-sizing:border-box; }
.cg-ai-hero img, .cg-ai-hero video, .cg-ai-hero canvas { max-width:100%; }

/* Safe-area support for modern phones */
.cg-ai-hero {
  padding-bottom: max(20px, env(safe-area-inset-bottom));
}
.cg-ai-actions,
.cg-ai-chat-input,
.cg-ai-voice-controls {
  padding-bottom: max(0px, env(safe-area-inset-bottom));
}

/* Large desktop / ultrawide */
@media (min-width:1440px) {
  .cg-ai-hero { min-height:600px; }
  .cg-ai-grid { max-width:1420px; margin-inline:auto; }
}

/* Laptop / 1366x768 and similar */
@media (min-width:1001px) and (max-height:850px) {
  .cg-ai-hero { min-height:545px; }
  .cg-ai-orbit-wrap { height:430px; transform:scale(.84); }
  .cg-ai-copy h1 { font-size:clamp(2.9rem,4.25vw,4.45rem); }
  .cg-ai-copy { padding-top:12px; padding-bottom:8px; }
  .cg-ai-lead { font-size:.96rem; line-height:1.48; }
  .cg-ai-actions { margin-top:16px; }
}

/* Tablets: stack cleanly and keep avatar prominent */
@media (max-width:1000px) {
  .cg-ai-grid {
    grid-template-columns:1fr !important;
    gap:8px;
  }
  .cg-ai-copy {
    padding:42px 24px 4px;
    text-align:center;
    margin-inline:auto;
    max-width:780px;
  }
  .cg-ai-copy h1 {
    font-size:clamp(3rem,8vw,5rem);
  }
  .cg-ai-lead {
    margin-inline:auto;
  }
  .cg-ai-actions,
  .cg-suggestion-row,
  .cg-trust-row {
    justify-content:center;
  }
  .cg-ai-orbit-wrap {
    width:min(100%,620px);
    height:470px;
    margin:0 auto -30px;
    transform:scale(.86);
  }
}

/* Touch devices: make controls comfortable and remove hover dependence */
@media (hover:none), (pointer:coarse) {
  .cg-ai-hero button,
  .cg-ai-hero a,
  .cg-ai-hero [role="button"] {
    min-height:46px;
    touch-action:manipulation;
  }
  .cg-ai-hero input,
  .cg-ai-hero textarea {
    min-height:48px;
    font-size:16px; /* prevents iOS Safari input zoom */
  }
}

/* Phones */
@media (max-width:700px) {
  .cg-ai-copy {
    padding:34px 18px 0;
  }
  .cg-ai-copy h1 {
    font-size:clamp(2.35rem,12.2vw,3.6rem);
    line-height:.96;
    margin:12px 0 16px;
  }
  .cg-ai-lead {
    font-size:.94rem;
    line-height:1.55;
  }
  .cg-ai-actions {
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    width:min(100%,390px);
    margin:18px auto 0;
  }
  .cg-ai-actions > * { width:100%; }
  .cg-suggestion-row {
    display:flex;
    overflow-x:auto;
    justify-content:flex-start;
    gap:8px;
    padding:3px 2px 10px;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    max-width:100%;
  }
  .cg-suggestion-row::-webkit-scrollbar { display:none; }
  .cg-suggestion-row > * { flex:0 0 auto; }
  .cg-ai-orbit-wrap {
    height:360px;
    transform:scale(.76);
    margin:-8px auto -18px;
  }
  .cg-core-avatar {
    width:205px;
    height:250px;
  }
  .cg-ai-status-card {
    right:3%;
    bottom:2%;
    max-width:72%;
    font-size:.78rem;
  }
}

/* Small phones: avoid oversized hero artwork */
@media (max-width:430px) {
  .cg-ai-copy {
    padding-inline:14px;
  }
  .cg-ai-copy h1 {
    font-size:clamp(2.05rem,11.8vw,3rem);
  }
  .cg-ai-orbit-wrap {
    height:315px;
    transform:scale(.67);
    margin-top:-4px;
  }
  .cg-core-avatar {
    width:185px;
    height:225px;
  }
  .cg-ai-status-card {
    max-width:78%;
    right:1%;
  }
}

/* Very small phones */
@media (max-width:360px) {
  .cg-ai-copy h1 { font-size:2rem; }
  .cg-ai-lead { font-size:.9rem; }
  .cg-ai-orbit-wrap {
    height:285px;
    transform:scale(.61);
  }
}

/* Landscape phones: use the width efficiently */
@media (max-width:900px) and (orientation:landscape) {
  .cg-ai-grid { grid-template-columns:1fr 1fr !important; }
  .cg-ai-copy { padding:20px 14px 0; text-align:left; }
  .cg-ai-copy h1 { font-size:clamp(2rem,6vw,3.5rem); }
  .cg-ai-actions,
  .cg-suggestion-row,
  .cg-trust-row { justify-content:flex-start; }
  .cg-ai-orbit-wrap {
    height:330px;
    transform:scale(.68);
    margin:0 auto;
  }
}

/* Reduced motion / accessibility */
@media (prefers-reduced-motion:reduce) {
  .cg-ai-hero *,
  .cg-ai-hero *::before,
  .cg-ai-hero *::after {
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    scroll-behavior:auto !important;
    transition-duration:.001ms !important;
  }
}

/* High contrast / forced colors should retain readable controls */
@media (forced-colors:active) {
  .cg-ai-hero button,
  .cg-ai-hero a,
  .cg-ai-hero input {
    forced-color-adjust:auto;
    border:1px solid ButtonText;
  }
}


/* ============================================================
   v16.1.9 LIVE TEST PRESENTATION — premium first viewport
   Keeps the CG v16.1-modern global theme but makes CG AI feel like
   a primary product experience rather than an embedded demo.
   ============================================================ */
.cg-ai-page{margin-top:100px;background:#07140d;}
.cg-ai-hero{min-height:calc(100svh - 100px);max-height:none;padding:24px 0 30px;display:flex;align-items:center;}
.cg-ai-grid{width:min(1380px,calc(100% - 56px));grid-template-columns:minmax(0,1.03fr) minmax(430px,.97fr);gap:34px;}
.cg-ai-copy{padding:24px 0 18px;max-width:720px;}
.cg-ai-copy h1{font-size:clamp(3.2rem,5.1vw,5.5rem);max-width:700px;}
.cg-ai-lead{font-size:clamp(.98rem,1.2vw,1.08rem);max-width:660px;}
.cg-ai-orbit-wrap{height:min(650px,calc(100svh - 145px));min-height:500px;transform:none;}
.cg-ai-core{transform:scale(1.06);}
.cg-core-avatar{width:270px;height:330px;}
.cg-ai-status-card{bottom:5%;right:3%;}
.cg-live-section{padding-top:86px;}
.cg-chat-shell{box-shadow:0 24px 80px rgba(2,18,9,.22);}
.cg-provider-chip em{font-style:normal;color:#71e39b;}

@media (min-width:1001px) and (max-height:820px){
  .cg-ai-hero{min-height:calc(100svh - 100px);padding-top:12px;padding-bottom:18px;}
  .cg-ai-grid{grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:20px;}
  .cg-ai-copy{padding:8px 0;}
  .cg-ai-copy h1{font-size:clamp(3rem,4.45vw,4.7rem);margin:13px 0 15px;}
  .cg-ai-lead{font-size:.95rem;line-height:1.5;}
  .cg-ai-actions{margin-top:16px;}
  .cg-trust-row{margin-top:12px;}
  .cg-suggestion-row{margin-top:14px;}
  .cg-ai-orbit-wrap{height:calc(100svh - 125px);min-height:430px;}
  .cg-ai-core{transform:scale(.94);}
  .cg-core-avatar{width:235px;height:285px;}
}

@media (max-width:1000px){
  .cg-ai-hero{min-height:auto;padding:44px 0 28px;}
  .cg-ai-grid{width:min(760px,calc(100% - 36px));}
  .cg-ai-copy{padding:18px 0 0;}
  .cg-ai-orbit-wrap{height:440px;min-height:0;transform:none;margin:0 auto;}
  .cg-ai-core{transform:scale(.92);}
  .cg-live-section{padding-top:58px;}
}

@media (max-width:700px){
  .cg-ai-hero{padding:34px 0 22px;}
  .cg-ai-grid{width:calc(100% - 28px);gap:0;}
  .cg-ai-copy{padding:8px 0 0;}
  .cg-ai-copy h1{font-size:clamp(2.35rem,12vw,3.65rem);}
  .cg-ai-lead{font-size:.94rem;line-height:1.55;}
  .cg-ai-orbit-wrap{height:345px;min-height:0;}
  .cg-ai-core{transform:scale(.75);}
  .cg-core-avatar{width:220px;height:265px;}
  .cg-ai-status-card{right:0;bottom:1%;max-width:82%;}
  .cg-live-section{padding-top:44px;}
}
