/* V10 — a sharper research-system identity layered over the usable directory. */
:root { --aigc-electric:#9bffdc; --aigc-cyan:#58d9f5; --aigc-violet:#ad9bff; }
body, body .grid-bg { background:#f1f5f9 !important; }
.big-header-banner .page-header { box-shadow:0 8px 30px rgba(25,34,77,.07); }
.aigc-wordmark i { background:linear-gradient(135deg,#683ef2,#05c5bd); box-shadow:0 5px 18px rgba(85,67,210,.3); }
.sidebar-menu .sidebar-item > a:hover { background:#f0edff; color:#6045c7; }
.sidebar-menu .sidebar-item > a:hover::before { background:#7057e5; }

.aigc-hero {
  grid-template-columns:minmax(0,1.4fr) minmax(310px,.9fr);
  align-items:center; gap:30px; min-height:530px; padding:50px 50px 50px 56px;
  border:1px solid rgba(164,185,255,.25); border-radius:27px;
  background:radial-gradient(circle at 75% 58%,rgba(61,77,201,.38),transparent 30%),
             radial-gradient(circle at 92% 8%,rgba(30,190,203,.25),transparent 26%),
             linear-gradient(112deg,#0a1032 0%,#10133e 54%,#111d45 100%);
  box-shadow:0 28px 70px rgba(20,29,83,.24),0 5px 14px rgba(24,28,70,.09);
}
.aigc-hero::before { opacity:.53; background-size:38px 38px; background-image:linear-gradient(rgba(127,183,252,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(127,183,252,.10) 1px,transparent 1px); mask-image:linear-gradient(90deg,transparent 4%,#000 100%); }
.aigc-hero::after { right:-68px; top:-82px; width:375px; height:375px; border-color:rgba(117,196,253,.18); box-shadow:0 0 0 90px rgba(121,111,246,.045),0 0 0 210px rgba(103,183,245,.025); }
.aigc-hero-copy { position:relative; z-index:2; }
.aigc-hero .aigc-eyebrow { width:max-content; max-width:100%; padding:8px 13px; border:1px solid rgba(121,226,238,.27); border-radius:999px; background:rgba(65,150,193,.12); color:#a8e8f4; font-size:10px; letter-spacing:.13em; }
.aigc-eyebrow-dot { background:#8fffe2; }
.aigc-hero h1 { max-width:760px; margin:26px 0 21px; font-size:clamp(41px,3.9vw,63px); line-height:1.13; letter-spacing:-.065em; text-shadow:0 5px 35px rgba(4,8,43,.22); }
.aigc-hero h1 em { color:transparent; background:linear-gradient(94deg,#9affdd 0%,#61ddf7 58%,#b49eff 100%); -webkit-background-clip:text; background-clip:text; }
.aigc-hero p { max-width:575px; color:#c8d1ec; font-size:14px; line-height:1.9; }
.aigc-hero-actions { margin-top:34px; }
.aigc-hero-actions a { min-height:49px; padding:13px 22px; border-radius:10px; }
.aigc-primary { background:linear-gradient(115deg,#a1ffdc,#71e9ee); color:#0b2546 !important; box-shadow:0 11px 33px rgba(79,237,210,.23); }
.aigc-primary:hover { background:linear-gradient(115deg,#c0ffea,#92f3ff); box-shadow:0 14px 38px rgba(79,237,210,.34); }
.aigc-secondary { background:rgba(148,163,232,.10); border-color:rgba(177,190,255,.35); }
.aigc-hero-proof { max-width:550px; margin-top:39px; border-top-color:rgba(193,200,252,.19); color:#b8c6e5; }
.aigc-hero-proof span:not(:first-child)::before { background:#8ae8d8; }
.aigc-hero-proof strong { color:#b0ffe4; }

/* The right-hand illustration is actual page markup, not a flat stock image. */
.aigc-hero-visual { position:relative; width:100%; min-height:390px; border:1px solid rgba(155,208,255,.27); border-radius:19px; overflow:hidden; background:linear-gradient(160deg,rgba(48,72,147,.26),rgba(16,36,82,.5)); box-shadow:inset 0 1px 0 rgba(231,249,255,.12),0 20px 50px rgba(2,7,40,.24); backdrop-filter:blur(12px); }
.aigc-hero-visual::before { content:""; position:absolute; inset:0; opacity:.8; background:radial-gradient(circle at 50% 49%,rgba(73,179,228,.16),transparent 45%),linear-gradient(90deg,rgba(154,178,239,.055) 1px,transparent 1px),linear-gradient(rgba(154,178,239,.055) 1px,transparent 1px); background-size:auto,28px 28px,28px 28px; pointer-events:none; }
.aigc-visual-top,.aigc-visual-bottom { position:relative; z-index:2; display:flex; justify-content:space-between; align-items:center; color:#a7bde1; font-size:9px; font-weight:750; letter-spacing:.16em; }
.aigc-visual-top { margin:0 22px; height:52px; border-bottom:1px solid rgba(177,207,254,.16); }
.aigc-visual-top span:first-child { display:flex; align-items:center; gap:9px; }
.aigc-visual-top i { display:inline-block; width:6px; height:6px; border-radius:50%; background:#8dffd9; box-shadow:0 0 10px #8dffd9; }
.aigc-visual-bottom { gap:6px; margin:0 22px; height:53px; border-top:1px solid rgba(177,207,254,.16); font-size:10px; letter-spacing:.02em; color:#cadcf3; }
.aigc-visual-bottom span::before { content:""; display:inline-block; width:4px; height:4px; margin-right:6px; vertical-align:middle; border-radius:50%; background:#78e8dd; }
.aigc-orbit-stage { position:relative; height:285px; overflow:hidden; }
.aigc-orbit-ring { position:absolute; left:50%; top:50%; border:1px solid rgba(105,218,248,.24); border-radius:50%; transform:translate(-50%,-50%); }
.aigc-orbit-ring-outer { width:276px; height:276px; border-style:dashed; animation:aigc-turn 48s linear infinite; }
.aigc-orbit-ring-middle { width:210px; height:210px; border-color:rgba(181,164,255,.4); box-shadow:0 0 28px rgba(110,106,231,.11); }
.aigc-orbit-ring-inner { width:146px; height:146px; border-color:rgba(129,255,228,.4); box-shadow:inset 0 0 22px rgba(49,214,211,.11); }
.aigc-orbit-core { position:absolute; left:50%; top:50%; width:104px; height:104px; display:flex; flex-direction:column; align-items:center; justify-content:center; transform:translate(-50%,-50%); border:1px solid rgba(159,255,224,.8); border-radius:28px; background:radial-gradient(circle at 35% 25%,#2ce2d3,#225cae 64%,#423b9e); box-shadow:0 0 0 10px rgba(113,229,238,.07),0 0 45px rgba(67,233,213,.45),inset 0 1px 10px rgba(255,255,255,.32); color:#fff; }
.aigc-orbit-core span { font-size:38px; line-height:1; font-weight:850; letter-spacing:-.09em; }
.aigc-orbit-core small { margin-top:7px; color:#d5ffff; font-size:8px; letter-spacing:.17em; }
.aigc-orbit-point { position:absolute; z-index:2; display:flex; align-items:center; gap:6px; padding:7px 9px; border:1px solid rgba(153,223,253,.5); border-radius:7px; background:rgba(18,41,90,.86); box-shadow:0 6px 18px rgba(3,13,42,.24); color:#8df1e2; font:700 9px/1 Inter,Arial,sans-serif; letter-spacing:.04em; }
.aigc-orbit-point b { color:#e3f8ff; font-size:9px; letter-spacing:.08em; }
.aigc-orbit-point-a { left:5%; top:17%; }.aigc-orbit-point-b { right:3%; top:31%; }.aigc-orbit-point-c { left:11%; bottom:13%; }
@keyframes aigc-turn { to { transform:translate(-50%,-50%) rotate(360deg); } }

.aigc-task-section { position:relative; margin-top:-12px; border:1px solid #dbe5f1; box-shadow:0 23px 50px rgba(33,45,100,.10); }
.aigc-task-section::before { content:""; position:absolute; left:33px; right:33px; top:0; height:2px; background:linear-gradient(90deg,#54ded9,#8975ee,#54ded9); opacity:.72; }
.aigc-eyebrow { color:#6954cf; }
.aigc-task-grid a { border-color:#e1e6f2; background:linear-gradient(155deg,#fff,#fbfaff); }
.aigc-task-grid a:hover,.aigc-task-grid a:focus-visible { border-color:#967cf0; background:#f7f4ff; box-shadow:0 13px 28px rgba(91,70,167,.13); }
.aigc-task-icon { background:#eeeaff; color:#6952cb; }
.aigc-arrow { color:#7a61d5; }
.aigc-findbar { background:#f5f3ff; border-color:#e7e2fa; }
.aigc-findbar input:focus { border-color:#8369de; box-shadow:0 0 0 4px rgba(131,105,222,.13); }
#aigc-filter-count { color:#6a53c3; }
.aigc-taxonomy-heading { border-left-color:#755ce2; border-color:#e2dcf7; background:linear-gradient(105deg,#eceaff,#f6f5ff 75%,#f8fbff); }
.aigc-taxonomy-heading > span,#content h4 .site-tag { color:#6953c8; }
#content .url-body .card:hover { border-color:#9784e3; box-shadow:0 15px 29px rgba(70,69,145,.13); }
#content .aigc-card-action { color:#6550bf; }

@media (max-width:1199px) {
  .aigc-hero { grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr); gap:20px; padding:42px 38px; }
  .aigc-hero h1 { font-size:clamp(36px,3.9vw,52px); }
  .aigc-hero-visual { min-height:360px; }
  .aigc-orbit-stage { height:255px; }
}
@media (max-width:767px) {
  .aigc-hero { display:block; min-height:0; padding:30px 24px 27px; }
  .aigc-hero h1 { font-size:clamp(29px,8vw,38px); margin-top:24px; }
  .aigc-hero p { font-size:13px; }
  .aigc-hero-visual { display:block; margin-top:22px; min-height:0; border-radius:14px; }
  .aigc-visual-top { height:35px; margin:0 14px; }
  .aigc-orbit-stage { height:145px; }
  .aigc-orbit-ring-outer { width:158px; height:158px; }
  .aigc-orbit-ring-middle { width:120px; height:120px; }
  .aigc-orbit-ring-inner { width:86px; height:86px; }
  .aigc-orbit-core { width:64px; height:64px; border-radius:17px; }
  .aigc-orbit-core span { font-size:25px; }.aigc-orbit-core small { font-size:5px; }
  .aigc-orbit-point { padding:5px; font-size:7px; }.aigc-orbit-point b { font-size:7px; }
  .aigc-orbit-point-a { left:1%; top:15%; }.aigc-orbit-point-b { right:0; top:28%; }.aigc-orbit-point-c { left:4%; bottom:10%; }
  .aigc-visual-bottom { height:37px; margin:0 11px; font-size:8px; }
  .aigc-task-section { margin-top:0; }
}
@media (max-width:390px) { .aigc-hero h1 { font-size:29px; } .aigc-hero .aigc-eyebrow { font-size:8px; } }
@media (prefers-reduced-motion:reduce) { .aigc-orbit-ring-outer { animation:none; } }