:root{
  --fs-hero: clamp(32px, 8vw, 96px);
  --fs-h1:   clamp(28px, 5.5vw, 64px);
  --fs-h2:   clamp(22px, 3.8vw, 40px);
  --fs-h3:   clamp(18px, 3vw, 28px);
  --fs-body: clamp(16px, 2.6vw, 20px);
  --fs-small:clamp(13px, 2.2vw, 16px);

  --fs-xs:   clamp(11px, 1.8vw, 12px);

  --lh-tight: 1.1; --lh-normal: 1.45; --lh-relaxed: 1.65;

  --space-xxl: clamp(64px, 10vw, 140px);
  --space-xl:  clamp(48px, 7vw, 96px);
  --space-lg:  clamp(32px, 5vw, 64px);
  --space-md:  clamp(20px, 3.5vw, 40px);
  --space-sm:  clamp(14px, 2.5vw, 24px);
  --space-xs:  clamp(8px, 1.5vw, 16px);

  --bg-0:#0a0f1e; --bg-1:#0e1525; --bg-2:#141b2e; --bg-3:#1a2338;
  --ink:#c5cdd9;  --ink-dim:#8a95a6; --ink-hi:#f0f4f9;
  --brand:#7ec8ff; --brand-bright:#a8dcff; --accent:#0066ff; --accent-hover:#0055dd;
  --success:#00d9a3; --warning:#ffb347; --danger:#ff6b6b;

  --radius-xl: 24px; --radius-lg: 18px; --radius-md: 12px; --radius-sm: 8px;
  --shadow-sm: 0 2px 8px rgba(0,0,0,.15);
  --shadow-md: 0 8px 24px rgba(0,0,0,.22);
  --shadow-lg: 0 16px 48px rgba(0,0,0,.3);
  --shadow-glow: 0 0 32px rgba(126,200,255,.15);
  --glass: linear-gradient(135deg, rgba(20,27,46,.92), rgba(14,21,37,.88));
  --glass-border: linear-gradient(135deg, rgba(255,255,255,.1), rgba(255,255,255,.05));
}

.sheqai-page *{box-sizing:border-box; margin:0; padding:0}
.sheqai-page{
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  background: var(--bg-0); color: var(--ink); line-height: var(--lh-normal);
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  width: 100%;
  overflow-x: hidden;
}
html{scroll-behavior:smooth; scroll-padding-top:80px}
.sheqai-page a{color:var(--brand);text-decoration:none; transition: color .2s ease}
.sheqai-page a:hover{color:var(--brand-bright)}
.sheqai-page a:focus-visible{outline:3px solid var(--brand); outline-offset:3px; border-radius:4px}
.sheqai-page img{max-width:100%;display:block; height:auto}
.sheqai-page strong{color:var(--ink-hi); font-weight:600}

.sheqai-page #sheqai-particles{
  position:fixed; inset:0; pointer-events:none; z-index:0;
  background:
    radial-gradient(ellipse 1400px 700px at 20% 10%, rgba(0,102,255,.08), transparent 80%),
    radial-gradient(ellipse 1200px 600px at 80% 90%, rgba(126,200,255,.06), transparent 80%);
}
.sheqai-page .particle{
  position:absolute; width:3px; height:3px; background:var(--brand); border-radius:50%;
  opacity:.3; animation: sheqaiFloat 15s ease-in-out infinite;
}
@keyframes sheqaiFloat{
  0%, 100%{transform:translateY(0) translateX(0)}
  25%{transform:translateY(-20px) translateX(10px)}
  50%{transform:translateY(-10px) translateX(-15px)}
  75%{transform:translateY(-30px) translateX(5px)}
}

.sheqai-page #sheqai-progress{
  position:fixed; left:0; top:0; height:4px; width:0%;
  background: linear-gradient(90deg, #0066ff, #7ec8ff, #00d9a3);
  z-index:999; box-shadow:0 0 16px rgba(0,102,255,.6);
  transition: width .1s ease;
}

.sheqai-page .sheqai-header{
  position:sticky; top:0; z-index:100;
  background:rgba(10,15,30,.85); backdrop-filter:saturate(180%) blur(5px);
  -webkit-backdrop-filter:saturate(180%) blur(5px);
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow: 0 4px 16px rgba(0,0,0,.15);
}
.sheqai-page .header-bar{
  display:flex; align-items:center; justify-content:space-between;
  max-width:1400px; margin:0 auto; padding:14px var(--space-md);
}
.sheqai-page .brand{display:flex; align-items:center; gap:14px; transition: transform .3s ease}
.sheqai-page .brand:hover{transform:scale(1.02)}
.sheqai-page .logo{
  width:64px; height:64px; border-radius:14px; object-fit:contain;
  background:var(--bg-2); padding:6px;
  box-shadow:0 0 0 2px rgba(126,200,255,.2) inset, var(--shadow-sm);
  transition: all .3s ease;
}
.sheqai-page .brand:hover .logo{box-shadow:0 0 0 2px var(--brand) inset, var(--shadow-glow)}
.sheqai-page .brand-text h5{font-size:var(--fs-small); letter-spacing:.06em; color:var(--brand-bright); font-weight:600; margin:0}

.sheqai-page nav ul{display:flex; gap:4px; list-style:none; margin:0; padding:0}
.sheqai-page nav a{
  color:var(--ink-hi); font-size:var(--fs-small); font-weight:500;
  padding:11px 18px; border-radius:999px; position:relative;
  transition: all .25s ease; display:inline-block;
}
.sheqai-page nav a::before{
  content:""; position:absolute; inset:0; border-radius:999px;
  background:rgba(255,255,255,.05); opacity:0; transition: opacity .25s ease;
}
.sheqai-page nav a:hover::before{opacity:1}
.sheqai-page nav a::after{
  content:""; position:absolute; left:50%; bottom:8px; width:0; height:2px;
  background:var(--brand); transform:translateX(-50%); transition: width .25s ease;
}
.sheqai-page nav a:hover::after{width:calc(100% - 36px)}

.sheqai-page .menu-toggle{display:none}
.sheqai-page .mobile-menu{display:none}

@media (max-width: 980px){
  .sheqai-page nav > ul{display:none !important}
  .sheqai-page .menu-toggle{
    display:block; background:none; border:2px solid rgba(255,255,255,.2);
    color:var(--ink-hi); padding:10px 16px; border-radius:999px; cursor:pointer;
    font-size:var(--fs-small); font-weight:500; transition: all .25s ease;
    font-family: inherit;
  }
  .sheqai-page .menu-toggle:hover{border-color:var(--brand); background:rgba(126,200,255,.08)}
  .sheqai-page .mobile-menu{
    display:block;
    position:fixed; top:92px; right:var(--space-md);
    background:var(--bg-2); border:1px solid rgba(255,255,255,.1);
    border-radius:var(--radius-lg); padding:12px; min-width:240px;
    box-shadow:var(--shadow-lg); opacity:0; visibility:hidden;
    transform:translateY(-10px); transition: all .3s ease;
    z-index:120;
  }
  .sheqai-page .mobile-menu.active{opacity:1; visibility:visible; transform:translateY(0)}
  .sheqai-page .mobile-menu ul{display:flex !important; flex-direction:column; gap:4px; list-style:none; margin:0; padding:0}
  .sheqai-page .mobile-menu a{display:block}
}

.sheqai-page .hero{
  position:relative; overflow:hidden; color:var(--ink-hi);
  padding: clamp(80px, 15vh, 160px) var(--space-md) clamp(80px, 12vh, 140px);
  min-height:85vh; display:flex; align-items:center;
}
.sheqai-page .hero-bg{
  position:absolute; inset:0; z-index:0;
  background: url("https://sheqai.com/wp-content/uploads/2025/10/AdobeStock_379559113-scaled-e1761867269391.jpeg") center/cover no-repeat;
  animation: heroFloat 30s ease-in-out infinite;
  will-change: transform;
}
.sheqai-page .hero-bg::before{
  content:""; position:absolute; inset:0;
  background:
    radial-gradient(circle 1600px at 15% -5%, rgba(0,102,255,.16), transparent 60%),
    radial-gradient(circle 1200px at 85% 5%, rgba(0,217,163,.1), transparent 60%);
  animation: gradientShift 20s ease-in-out infinite;
}
.sheqai-page .hero::after{
  content:""; position:absolute; inset:0; z-index:1;
  background:linear-gradient(135deg, rgba(10,15,30,.9), rgba(14,21,37,.8));
  pointer-events:none;
}
@keyframes heroFloat{
  0%{transform:scale(1.08) translateY(0) translateX(0)}
  25%{transform:scale(1.12) translateY(-20px) translateX(15px)}
  50%{transform:scale(1.16) translateY(10px) translateX(-10px)}
  75%{transform:scale(1.12) translateY(-15px) translateX(20px)}
  100%{transform:scale(1.08) translateY(0) translateX(0)}
}
@keyframes gradientShift{
  0%{transform:translate(0, 0) scale(1)}
  33%{transform:translate(30px, -40px) scale(1.05)}
  66%{transform:translate(-40px, 30px) scale(0.98)}
  100%{transform:translate(0, 0) scale(1)}
}

.sheqai-page .ai-glow{
  position:absolute;
  right:6%; bottom:8%;
  width:min(42vw, 700px); height:min(42vw, 700px);
  pointer-events:none; z-index:1; opacity:0.14;
  mix-blend-mode:screen;
  background:
    radial-gradient(circle at 50% 50%, rgba(56,189,248,0.28), rgba(56,189,248,0) 60%),
    radial-gradient(circle at 30% 30%, rgba(2,132,199,0.18), rgba(2,132,199,0) 55%),
    radial-gradient(circle at 70% 70%, rgba(125,211,252,0.12), rgba(125,211,252,0) 55%);
  filter: blur(0.5px);
  animation: glowPulse 10s ease-in-out infinite;
}
@keyframes glowPulse{
  0%, 100%{opacity:0.12; filter:blur(0.5px); transform:scale(1)}
  50%    {opacity:0.26; filter:blur(2px);   transform:scale(1.03)}
}

.sheqai-page .hero-content{max-width:1400px; margin:0 auto; width:100%; position:relative; z-index:2}
.sheqai-page .hero-badge{
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(126,200,255,.12); border:1px solid rgba(126,200,255,.3);
  padding:8px 16px; border-radius:999px; font-size:var(--fs-small);
  color:var(--brand-bright); font-weight:600; letter-spacing:.04em;
  margin-bottom:var(--space-sm); backdrop-filter:blur(10px);
  animation: badgePulse 3s ease-in-out infinite;
}
@keyframes badgePulse{
  0%, 100%{box-shadow: 0 0 0 rgba(126,200,255,.4)}
  50%    {box-shadow: 0 0 20px rgba(126,200,255,.3)}
}
.sheqai-page .hero-badge::before{
  content:""; width:8px; height:8px; background:var(--success);
  border-radius:50%; animation: heroPulse 2s ease-in-out infinite;
}
@keyframes heroPulse{
  0%, 100%{opacity:1; transform:scale(1)}
  50%    {opacity:.5; transform:scale(1.2)}
}

.sheqai-page .hero h1{
  font-size:var(--fs-hero); line-height:var(--lh-tight);
  margin:0 0 var(--space-sm); font-weight:800;
  background: linear-gradient(135deg, #f0f4f9 0%, #7ec8ff 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  background-clip:text; animation: titleShine 4s ease-in-out infinite;
}
@keyframes titleShine{
  0%, 100%{filter: brightness(1) drop-shadow(0 0 0 transparent)}
  50%    {filter: brightness(1.15) drop-shadow(0 0 24px rgba(126,200,255,.3))}
}
.sheqai-page .hero h2{
  font-size:var(--fs-h2); color:#d8e3f0; margin:0 0 var(--space-md);
  font-weight:400; max-width:800px;
}
.sheqai-page .hero p{
  font-size:var(--fs-body); color:var(--ink); max-width:700px;
  margin-bottom:var(--space-lg); line-height:var(--lh-relaxed);
}
.sheqai-page .hero .hero-tagline{
  font-size: var(--fs-h3); color: var(--brand-bright);
  font-weight: 400; font-style: italic;
  margin: var(--space-xs) 0 var(--space-md); letter-spacing: 0.02em;
}

.sheqai-page .hero-cta{display:flex; gap:var(--space-sm); flex-wrap:wrap}
.sheqai-page .btn{
  position:relative; overflow:hidden; display:inline-flex; align-items:center; gap:10px;
  padding:14px 28px; border-radius:999px; font-size:var(--fs-body); font-weight:600;
  transition: all .25s ease; cursor:pointer; border:none; text-decoration:none;
  font-family: inherit;
}
.sheqai-page .btn-primary{
  background:var(--accent); color:#fff !important;
  box-shadow:0 8px 24px rgba(0,102,255,.3), 0 0 0 0 rgba(0,102,255,.4);
  animation: btnGlow 3s ease-in-out infinite;
}
@keyframes btnGlow{
  0%, 100%{box-shadow:0 8px 24px rgba(0,102,255,.3), 0 0 0 0 rgba(0,102,255,.4)}
  50%    {box-shadow:0 12px 32px rgba(0,102,255,.4), 0 0 24px 4px rgba(0,102,255,.2)}
}
.sheqai-page .btn-primary:hover{
  background:var(--accent-hover); transform:translateY(-2px);
  box-shadow:0 14px 36px rgba(0,102,255,.4);
}
.sheqai-page .btn-secondary{
  background:rgba(255,255,255,.08); color:var(--ink-hi) !important;
  border:1px solid rgba(255,255,255,.15);
}
.sheqai-page .btn-secondary:hover{
  background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.25);
  transform:translateY(-2px);
}

.sheqai-page .section{padding: var(--space-xl) var(--space-md); position:relative; z-index:1}
.sheqai-page .section-inner{max-width:1400px; margin:0 auto}
.sheqai-page .section-header{text-align:center; margin-bottom:var(--space-lg)}
.sheqai-page .section-title{
  font-size:var(--fs-h1); color:var(--ink-hi); margin:0 0 var(--space-sm);
  font-weight:700;
}
.sheqai-page .section-subtitle{
  font-size:var(--fs-body); color:var(--ink); max-width:700px; margin:0 auto;
}

.sheqai-page .cta-banner{
  background:var(--glass); backdrop-filter:blur(10px);
  border:1px solid rgba(126,200,255,.2); border-radius:var(--radius-lg);
  padding:var(--space-lg); text-align:center; margin:var(--space-lg) auto;
  box-shadow:var(--shadow-md); max-width:950px;
}
.sheqai-page .cta-banner h3{
  color:var(--brand-bright); font-size:var(--fs-h2); margin:0 auto var(--space-sm);
  max-width:850px;
}
.sheqai-page .cta-banner p{
  color:var(--ink); margin:0 auto var(--space-md);
  max-width:520px; line-height:var(--lh-relaxed);
}

.sheqai-page .about{background:var(--bg-1)}
.sheqai-page .about-content{
  display:grid; grid-template-columns:1fr 1fr; gap:var(--space-lg);
  align-items:center;
}
@media (max-width: 900px){.sheqai-page .about-content{grid-template-columns:1fr}}
.sheqai-page .about-text h2{font-size:var(--fs-h1); color:var(--ink-hi); margin:0 0 var(--space-md)}
.sheqai-page .about-text p{margin-bottom:var(--space-sm); line-height:var(--lh-relaxed)}

.sheqai-page .about-video{
  position: relative; height: 750px; border-radius: var(--radius-lg); overflow: hidden;
}
.sheqai-page .about-video > video{
  width: 100%; height: 100%; object-fit: cover; object-position: top center;
}
.sheqai-page .video-control{
  position: absolute; top: 20px; right: 20px;
  width: 48px; height: 48px; border-radius: 50%;
  background: rgba(14, 21, 37, 0.9);
  border: 2px solid rgba(126, 200, 255, 0.3);
  color: var(--brand); cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: all 0.3s ease; z-index: 10;
  backdrop-filter: blur(10px);
}
.sheqai-page .video-control:hover{
  background: rgba(14, 21, 37, 1);
  border-color: var(--brand); transform: scale(1.1);
  box-shadow: 0 4px 16px rgba(126, 200, 255, 0.3);
}
@media (max-width: 900px){
  .sheqai-page .about-video{height: 400px}
  .sheqai-page .video-control{width: 40px; height: 40px; top: 15px; right: 15px}
  .sheqai-page .video-control svg{width: 16px; height: 16px}
}

.sheqai-page .vision{background:var(--bg-2); position:relative}
.sheqai-page .vision::before{
  content:""; position:absolute; top:0; left:50%; width:80%; height:1px;
  background:linear-gradient(90deg, transparent, var(--brand), transparent);
  transform:translateX(-50%);
}
.sheqai-page .vision-grid{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
  gap:var(--space-lg);
}
.sheqai-page .vision-card{
  background:var(--glass); backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.1); border-radius:var(--radius-lg);
  padding:var(--space-md); text-align:center;
  box-shadow:var(--shadow-md);
  transition: all .3s ease;
}
.sheqai-page .vision-card:hover{
  transform:translateY(-6px); border-color:rgba(126,200,255,.4);
  box-shadow:var(--shadow-lg), 0 0 40px rgba(126,200,255,.15);
}
.sheqai-page .vision-icon{
  width:80px; height:80px; margin:0 auto var(--space-sm);
  background:linear-gradient(135deg, rgba(0,102,255,.2), rgba(126,200,255,.1));
  border-radius:var(--radius-md); display:grid; place-items:center;
  font-size:40px; color:var(--brand);
}
.sheqai-page .vision-card h3{color:var(--brand-bright); margin-bottom:var(--space-xs); font-size:var(--fs-h3)}
.sheqai-page .vision-card p{color:var(--ink); font-size:var(--fs-small); line-height:var(--lh-relaxed)}

.sheqai-page .projects{background:var(--bg-1)}
.sheqai-page .projects-grid{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(340px, 1fr));
  gap:var(--space-lg);
}
.sheqai-page .project-card{
  background:var(--bg-2); border-radius:var(--radius-lg);
  border:1px solid rgba(255,255,255,.08); padding:var(--space-md);
  box-shadow:var(--shadow-md); position:relative; overflow:hidden;
  transition: all .35s ease;
}
.sheqai-page .project-card::before{
  content:""; position:absolute; top:0; left:0; right:0; height:4px;
  background:linear-gradient(90deg, var(--brand), var(--success));
  transform:scaleX(0); transform-origin:left; transition: transform .35s ease;
}
.sheqai-page .project-card:hover::before{transform:scaleX(1)}
.sheqai-page .project-card:hover{
  transform:translateY(-8px); border-color:rgba(126,200,255,.3);
  box-shadow:var(--shadow-lg), 0 0 48px rgba(126,200,255,.12);
}
.sheqai-page .project-icon{
  width:56px; height:56px; border-radius:var(--radius-md);
  background:linear-gradient(135deg, rgba(0,102,255,.15), rgba(126,200,255,.08));
  display:grid; place-items:center; margin-bottom:var(--space-sm);
  color:var(--brand);
}
.sheqai-page .project-icon svg{width:28px; height:28px}
.sheqai-page .project-card h3{
  color:var(--ink-hi); margin:0 0 var(--space-xs); font-size:var(--fs-h3);
}
.sheqai-page .project-card p{
  color:var(--ink); line-height:var(--lh-relaxed); margin-bottom:var(--space-sm);
}
.sheqai-page .project-tags{display:flex; gap:8px; flex-wrap:wrap; margin-top:var(--space-sm)}
.sheqai-page .tag{
  font-size:12px; padding:4px 12px; border-radius:999px;
  background:rgba(126,200,255,.12); color:var(--brand-bright);
  border:1px solid rgba(126,200,255,.2); font-weight:500;
}

.sheqai-page .tech{background:var(--bg-2)}
.sheqai-page .tech-grid{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));
  gap:var(--space-md);
}
.sheqai-page .tech-item{
  background:var(--bg-1); border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radius-md); padding:var(--space-md);
  text-align:center; transition: all .25s ease;
}
.sheqai-page .tech-item:hover{
  border-color:rgba(126,200,255,.3); transform:translateY(-4px);
  box-shadow:var(--shadow-md);
}
.sheqai-page .tech-item img{
  width:48px; height:48px; margin:0 auto var(--space-xs);
  object-fit:contain; display:block;
}
.sheqai-page .tech-item .tech-icon{
  width:48px; height:48px; margin:0 auto var(--space-xs);
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg, rgba(0,102,255,.15), rgba(126,200,255,.08));
  border-radius:var(--radius-md); font-size:14px; font-weight:700;
  color:var(--brand); line-height:1.1; text-align:center; white-space:pre-line;
}
.sheqai-page .tech-item span{
  display:block; font-size:var(--fs-small); color:var(--ink); font-weight:500;
}

.sheqai-page .team{background:var(--bg-1)}
.sheqai-page .team-grid{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
  gap:var(--space-lg);
}
.sheqai-page .team-member{
  background:var(--bg-2); border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radius-lg); padding:var(--space-md);
  text-align:center; box-shadow:var(--shadow-md);
  transition: all .3s ease;
}
.sheqai-page .team-member:hover{
  transform:translateY(-8px); border-color:rgba(126,200,255,.3);
  box-shadow:var(--shadow-lg), 0 0 48px rgba(126,200,255,.1);
}
.sheqai-page .team-photo{
  width:140px; height:140px; border-radius:50%; object-fit:cover;
  margin:0 auto var(--space-sm);
  border:4px solid rgba(126,200,255,.2);
  box-shadow:0 8px 24px rgba(0,0,0,.2);
  transition: all .3s ease;
}
.sheqai-page .team-member:hover .team-photo{
  border-color:var(--brand); transform:scale(1.05);
}
.sheqai-page .team-member h3{
  color:var(--brand-bright); margin:0 0 4px; font-size:var(--fs-h3);
}
.sheqai-page .team-role{
  color:var(--ink-dim); font-size:var(--fs-small); margin-bottom:var(--space-sm);
  font-weight:500;
}
.sheqai-page .team-bio{
  color:var(--ink); font-size:var(--fs-small); line-height:var(--lh-relaxed);
  margin-bottom:var(--space-sm);
}
.sheqai-page .team-bio-extended{
  max-height:0; overflow:hidden; opacity:0;
  transition: all 0.5s ease-in-out;
}
.sheqai-page .team-bio-extended.expanded{
  max-height:500px; opacity:1; margin-top:0;
}
.sheqai-page .expand-btn{
  display:inline-flex; align-items:center; gap:8px;
  margin:var(--space-sm) auto 0; padding:10px 20px;
  background:rgba(126,200,255,.12);
  border:1px solid rgba(126,200,255,.3);
  border-radius:999px; color:var(--brand);
  font-size:var(--fs-small); font-weight:600;
  cursor:pointer; transition: all .25s ease;
  font-family:inherit;
}
.sheqai-page .expand-btn:hover{
  background:rgba(126,200,255,.2); border-color:var(--brand);
  transform:translateY(-2px);
}
.sheqai-page .expand-btn svg{width:18px; height:18px; transition: transform .3s ease}
.sheqai-page .expand-btn.expanded svg{transform:rotate(180deg)}

.sheqai-page .social-links{display:flex; gap:12px; justify-content:center; margin-top:var(--space-sm)}
.sheqai-page .social-link{
  display:inline-flex; align-items:center; justify-content:center;
  width:40px; height:40px; border-radius:50%;
  transition: all .25s ease;
}
.sheqai-page .social-link svg{width:20px; height:20px; fill:currentColor}
.sheqai-page .social-link.linkedin{
  background:rgba(0,119,181,.15); border:1px solid rgba(0,119,181,.3);
  color:#0077b5;
}
.sheqai-page .social-link.linkedin:hover{
  background:#0077b5; color:#fff; transform:scale(1.1);
  box-shadow:0 8px 20px rgba(0,119,181,.3);
}
.sheqai-page .social-link.youtube{
  background:rgba(255,0,0,.15); border:1px solid rgba(255,0,0,.3);
  color:#ff0000;
}
.sheqai-page .social-link.youtube:hover{
  background:#ff0000; color:#fff; transform:scale(1.1);
  box-shadow:0 8px 20px rgba(255,0,0,.3);
}

.sheqai-page .articles{background:var(--bg-2)}
.sheqai-page .articles-grid{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(340px, 1fr));
  gap:var(--space-lg);
}
.sheqai-page .article-status{
  display:inline-block; padding:4px 12px; border-radius:999px;
  background:rgba(255,179,71,.15); border:1px solid rgba(255,179,71,.3);
  color:var(--warning); font-size:12px; font-weight:600;
}
.sheqai-page .article-status.featured{
  background:rgba(126,200,255,.15); border-color:rgba(126,200,255,.3);
  color:var(--brand-bright);
}
.sheqai-page .article-card{
  background:var(--bg-1); border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radius-lg); overflow:hidden;
  box-shadow:var(--shadow-md); transition: all .3s ease;
}
.sheqai-page .article-card:hover{
  transform:translateY(-6px); border-color:rgba(126,200,255,.3);
  box-shadow:var(--shadow-lg);
}
.sheqai-page .article-image{
  width:100%; height:200px; object-fit:cover;
  background:linear-gradient(135deg, rgba(0,102,255,.2), rgba(126,200,255,.1));
  position:relative;
}
.sheqai-page .article-image.gradient-bg{
  background:linear-gradient(135deg, rgba(0,102,255,.3), rgba(126,200,255,.15));
}

.sheqai-page .article-card.no-image .article-image,
.sheqai-page .article-image.is-accent{
  height: 4px;
  background: linear-gradient(90deg, var(--brand), var(--success));
}
.sheqai-page .article-image.video-wrapper iframe{
  width:100%; height:100%; border:none; display:block;
}
.sheqai-page .video-overlay{
  position:absolute; inset:0; display:grid; place-items:center;
  background:rgba(10,15,30,0.3); pointer-events:none;
}
.sheqai-page .play-icon{
  width:64px; height:64px; border-radius:50%;
  background:rgba(0,102,255,.9); color:#fff;
  display:grid; place-items:center; font-size:24px;
}
.sheqai-page .article-content{padding:var(--space-md)}
.sheqai-page .article-meta{
  display:flex; gap:var(--space-sm); align-items:center;
  margin-bottom:var(--space-xs); font-size:var(--fs-small); color:var(--ink-dim);
}
.sheqai-page .article-card h3{
  color:var(--ink-hi); margin:0 0 var(--space-xs); font-size:var(--fs-h3);
  line-height:var(--lh-normal);
}
.sheqai-page .article-excerpt{
  color:var(--ink); font-size:var(--fs-small); line-height:var(--lh-relaxed);
  margin-bottom:var(--space-sm);
}
.sheqai-page .article-actions{margin-top:var(--space-sm)}
.sheqai-page .article-actions a{font-weight:600; font-size:var(--fs-small)}
.sheqai-page .insight-note{
  display:block; margin-top:var(--space-xs);
  font-size:var(--fs-small); color:var(--ink-dim); font-style:italic;
}
.sheqai-page .collaboration{
  display: inline-block; font-size: 0.95rem;
  color: #5dd9f5;
  background: rgba(94, 234, 212, 0.1);
  padding: 8px 20px; border-radius: 20px;
  border: 1px solid rgba(94, 234, 212, 0.3);
  margin-top: 15px;
}

.sheqai-page .modal-overlay{
  position: fixed; inset: 0;
  background: rgba(10, 15, 30, 0.95); backdrop-filter: blur(8px);
  z-index: 999;
  display: flex; align-items: center; justify-content: center;
  opacity: 0; visibility: hidden;
  transition: all 0.3s ease; padding: 20px;
}
.sheqai-page .modal-overlay.active{opacity: 1; visibility: visible}
.sheqai-page .modal-container{
  background: var(--bg-2); border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-lg);
  max-width: 600px; width: 100%; max-height: 90vh; overflow-y: auto;
  box-shadow: var(--shadow-lg); position: relative;
  transform: translateY(20px); transition: transform 0.3s ease;
}
.sheqai-page .modal-overlay.active .modal-container{transform: translateY(0)}
.sheqai-page .modal-close{
  position: absolute; top: 20px; right: 20px;
  background: rgba(255, 255, 255, 0.1); border: none;
  color: var(--ink-hi); font-size: 28px;
  width: 40px; height: 40px; border-radius: 50%;
  cursor: pointer; display: flex; align-items: center; justify-content: center;
  transition: all 0.25s ease; z-index: 1;
}
.sheqai-page .modal-close:hover{
  background: rgba(255, 255, 255, 0.2); transform: rotate(90deg);
}
.sheqai-page .modal-content{padding: 40px}
.sheqai-page .modal-header{margin-bottom: var(--space-lg)}
.sheqai-page .modal-header h2{color: var(--ink-hi); font-size: var(--fs-h2); margin-bottom: var(--space-xs)}
.sheqai-page .modal-header p{color: var(--ink); font-size: var(--fs-small)}
.sheqai-page .form-group{margin-bottom: var(--space-md)}
.sheqai-page .form-group label{
  display: block; color: var(--ink-hi);
  font-size: var(--fs-small); font-weight: 500; margin-bottom: 8px;
}
.sheqai-page .form-group input,
.sheqai-page .form-group textarea{
  width: 100%; padding: 12px 16px;
  background: var(--bg-1); border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--radius-sm);
  color: var(--ink-hi); font-size: var(--fs-small);
  font-family: inherit; transition: all 0.25s ease;
}
.sheqai-page .form-group input:focus,
.sheqai-page .form-group textarea:focus{
  outline: none; border-color: var(--brand); background: var(--bg-0);
}
.sheqai-page .form-group textarea{resize: vertical; min-height: 100px}
.sheqai-page .error-message{
  color: var(--danger); font-size: 12px; margin-top: 6px; display: none;
}
.sheqai-page .error-message.show{display: block}
.sheqai-page .success-message{
  background: rgba(0, 217, 163, 0.1);
  border: 1px solid rgba(0, 217, 163, 0.3);
  color: var(--success); padding: 16px;
  border-radius: var(--radius-md);
  margin-bottom: var(--space-md); display: none;
}
.sheqai-page .success-message.show{display: block}
.sheqai-page .submit-btn{
  width: 100%; padding: 14px 28px;
  background: var(--accent); color: #fff;
  border: none; border-radius: 999px;
  font-size: var(--fs-body); font-weight: 600;
  cursor: pointer; transition: all 0.25s ease;
  font-family: inherit;
}
.sheqai-page .submit-btn:hover:not(:disabled){
  background: var(--accent-hover); transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 102, 255, 0.4);
}
.sheqai-page .submit-btn:disabled{opacity: 0.6; cursor: not-allowed}
@media (max-width: 600px){.sheqai-page .modal-content{padding: 24px}}

.sheqai-page .edtech{background:var(--bg-1); position:relative}
.sheqai-page .edtech::before{
  content:""; position:absolute; top:0; left:50%; width:80%; height:1px;
  background:linear-gradient(90deg, transparent, var(--brand), transparent);
  transform:translateX(-50%);
}
.sheqai-page .edtech-grid{
  display:grid;
  grid-template-columns:1fr;
  max-width: 760px; margin: 0 auto;
}
.sheqai-page .edtech-card{
  background: var(--glass);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: var(--radius-lg);
  padding: clamp(24px, 3vw, 40px);
  box-shadow: var(--shadow-md);
  position: relative;
  transition: all .3s ease;
}
.sheqai-page .edtech-card::before{
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px;
  background: linear-gradient(90deg, var(--brand), var(--success));
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}
.sheqai-page .edtech-card:hover{
  transform: translateY(-6px);
  border-color: rgba(126,200,255,.3);
  box-shadow: var(--shadow-lg), 0 0 40px rgba(126,200,255,.12);
}
.sheqai-page .edtech-card-head{
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 20px; gap: 16px;
}
.sheqai-page .edtech-icon{
  width: 56px; height: 56px; border-radius: var(--radius-md);
  background: linear-gradient(135deg, rgba(0,102,255,.15), rgba(126,200,255,.08));
  display: flex; align-items: center; justify-content: center;
  color: var(--brand); flex-shrink: 0;
}
.sheqai-page .edtech-icon svg{ width: 28px; height: 28px; }
.sheqai-page .edtech-status{
  display: inline-block; padding: 6px 14px; border-radius: 999px;
  background: rgba(255,179,71,.12); border: 1px solid rgba(255,179,71,.3);
  color: var(--warning);
  font-size: 12px; font-weight: 600; letter-spacing: 0.04em;
  flex-shrink: 0;
}
.sheqai-page .edtech-card h3{
  font-size: clamp(22px, 3vw, 28px); font-weight: 700;
  color: var(--ink-hi); margin: 0 0 12px; line-height: 1.2;
}
.sheqai-page .edtech-pitch{
  color: var(--ink); line-height: var(--lh-relaxed);
  margin: 0 0 var(--space-sm);
}
.sheqai-page .edtech-pitch code{
  font-family: 'SF Mono', Menlo, Monaco, Consolas, monospace;
  font-size: 0.92em; padding: 2px 7px;
  background: rgba(126,200,255,.1); border: 1px solid rgba(126,200,255,.2);
  border-radius: 6px; color: var(--brand-bright);
}
.sheqai-page .edtech-feats{
  list-style: none; padding: 0; margin: 0 0 var(--space-md);
}
.sheqai-page .edtech-feats li{
  position: relative; padding: 6px 0 6px 26px;
  font-size: var(--fs-small); color: var(--ink); line-height: 1.5;
}
.sheqai-page .edtech-feats li::before{
  content: ""; position: absolute; left: 0; top: 13px;
  width: 14px; height: 2px; background: var(--brand);
  border-radius: 2px;
}
.sheqai-page .edtech-cta{
  padding-top: var(--space-xs);
}
.sheqai-page .edtech-footnote{
  text-align: center; margin: var(--space-lg) auto 0;
  color: var(--ink-dim);
  font-size: var(--fs-small);
  max-width: 600px;
}
.sheqai-page .edtech-footnote a{ font-weight: 600; }
@media (max-width: 600px){
  .sheqai-page .edtech-card-head{ flex-wrap: wrap; }
}

.sheqai-page .contact{background:var(--bg-1); text-align:center}
.sheqai-page .contact-content{max-width:1200px; margin:0 auto}
.sheqai-page .contact-content p{font-size:var(--fs-body); margin-bottom:var(--space-md)}
.sheqai-page .contact-grid{
  display:grid; grid-template-columns:repeat(4, 1fr);
  gap:clamp(16px, 2.5vw, 32px); margin-top:var(--space-lg);
}
@media (max-width: 1100px){.sheqai-page .contact-grid{grid-template-columns:repeat(2, 1fr)}}
@media (max-width: 600px){.sheqai-page .contact-grid{grid-template-columns:1fr}}
.sheqai-page .contact-item{
  background:var(--bg-2); border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radius-md); padding:clamp(16px, 2.5vw, 24px);
  transition: all .25s ease; min-width:0;
}
.sheqai-page .contact-item:hover{
  border-color:rgba(126,200,255,.3); transform:translateY(-4px);
}
.sheqai-page .contact-icon{
  width:56px; height:56px; margin:0 auto var(--space-xs);
  border-radius:var(--radius-md); display:grid; place-items:center;
  font-size:28px; transition: all .3s ease; position:relative;
}
.sheqai-page .contact-icon.email{
  background:rgba(126,200,255,.15); border:1px solid rgba(126,200,255,.3);
  color:var(--brand);
}
.sheqai-page .contact-item:hover .contact-icon.email{
  background:var(--brand); color:#fff; transform:scale(1.1);
  box-shadow:0 8px 20px rgba(126,200,255,.3);
}
.sheqai-page .contact-icon.linkedin-icon{
  background:rgba(0,119,181,.15); border:1px solid rgba(0,119,181,.3);
  color:#0077b5;
}
.sheqai-page .contact-item:hover .contact-icon.linkedin-icon{
  background:#0077b5; color:#fff; transform:scale(1.1);
  box-shadow:0 8px 20px rgba(0,119,181,.3);
}
.sheqai-page .contact-icon.youtube-icon{
  background:rgba(255,0,0,.15); border:1px solid rgba(255,0,0,.3);
  color:#ff0000;
}
.sheqai-page .contact-item:hover .contact-icon.youtube-icon{
  background:#ff0000; color:#fff; transform:scale(1.1);
  box-shadow:0 8px 20px rgba(255,0,0,.3);
}
.sheqai-page .contact-icon.location{
  background:rgba(0,217,163,.15); border:1px solid rgba(0,217,163,.3);
  color:var(--success);
}
.sheqai-page .contact-item:hover .contact-icon.location{
  background:var(--success); color:#fff; transform:scale(1.1);
  box-shadow:0 8px 20px rgba(0,217,163,.3);
}
.sheqai-page .contact-item a{
  color:var(--ink-hi); font-weight:600;
  font-size:clamp(12px, 1.8vw, 14px);
  word-break:break-all; display:inline-block;
  max-width:100%; overflow-wrap:break-word;
}
.sheqai-page .contact-item h3{margin-bottom:8px; font-size:var(--fs-body)}
.sheqai-page .contact-item p{font-size:clamp(12px, 1.8vw, 14px)}

.sheqai-page .sheqai-footer{
  background:var(--bg-0); border-top:1px solid rgba(255,255,255,.08);
  padding:var(--space-lg) var(--space-md) var(--space-md);
}
.sheqai-page .footer-logo{
  width:60px; height:60px; border-radius:12px; object-fit:contain;
  background:var(--bg-2); padding:6px; margin-bottom:12px;
  box-shadow:0 0 0 2px rgba(126,200,255,.2) inset, var(--shadow-sm);
  transition: all .3s ease;
}
.sheqai-page .footer-brand:hover .footer-logo{
  box-shadow:0 0 0 2px var(--brand) inset, var(--shadow-glow);
  transform:scale(1.02);
}
.sheqai-page .footer-content{
  max-width:1400px; margin:0 auto;
  display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:var(--space-lg);
  padding-bottom:var(--space-lg); border-bottom:1px solid rgba(255,255,255,.06);
}
@media (max-width: 900px){
  .sheqai-page .footer-content{grid-template-columns:1fr; gap:var(--space-md)}
}
.sheqai-page .footer-brand h4{color:var(--ink-hi); margin:0 0 var(--space-xs); font-size:var(--fs-body)}
.sheqai-page .footer-brand p{
  color:var(--ink-dim);
  margin-top:var(--space-sm);
  line-height:var(--lh-relaxed);
}
.sheqai-page .footer-tagline{
  color: var(--brand-bright) !important;
  font-style: italic; font-weight: 400; letter-spacing: 0.02em;
}
.sheqai-page .footer-social{display:flex; gap:12px; margin-top:var(--space-sm)}
.sheqai-page .footer-social-link{
  display:inline-flex; align-items:center; justify-content:center;
  width:44px; height:44px; border-radius:50%;
  transition: all .25s ease;
}
.sheqai-page .footer-social-link svg{width:22px; height:22px; fill:currentColor}
.sheqai-page .footer-social-link.linkedin{
  background:rgba(0,119,181,.15); border:1px solid rgba(0,119,181,.3);
  color:#0077b5;
}
.sheqai-page .footer-social-link.linkedin:hover{
  background:#0077b5; color:#fff; transform:scale(1.1);
  box-shadow:0 8px 20px rgba(0,119,181,.3);
}
.sheqai-page .footer-social-link.youtube{
  background:rgba(255,0,0,.15); border:1px solid rgba(255,0,0,.3);
  color:#ff0000;
}
.sheqai-page .footer-social-link.youtube:hover{
  background:#ff0000; color:#fff; transform:scale(1.1);
  box-shadow:0 8px 20px rgba(255,0,0,.3);
}
.sheqai-page .footer-social-link.instagram{
  background:rgba(225,48,108,.15); border:1px solid rgba(225,48,108,.3);
  color:#E1306C;
}
.sheqai-page .footer-social-link.instagram:hover{
  background:#E1306C; color:#fff; transform:scale(1.1);
  box-shadow:0 8px 20px rgba(225,48,108,.3);
}
.sheqai-page .footer-section h4{
  color:var(--ink-hi); margin:0 0 var(--space-sm); font-size:var(--fs-body);
}
.sheqai-page .footer-links{list-style:none; margin:0; padding:0}
.sheqai-page .footer-links li{margin-bottom:var(--space-xs)}
.sheqai-page .footer-links a{
  color:var(--ink-dim); font-size:var(--fs-small);
  transition: color .2s ease;
}
.sheqai-page .footer-links a:hover{color:var(--brand)}
.sheqai-page .footer-bottom{
  margin-top:var(--space-md); text-align:center;
  color:var(--ink-dim); font-size:var(--fs-small);
}

.sheqai-page #sheqai-toTop{
  position:fixed; right:24px; bottom:24px; z-index:90;
  width:50px; height:50px; border-radius:50%;
  background:var(--accent); border:none; color:#fff;
  display:grid; place-items:center; cursor:pointer; font-size:24px;
  box-shadow:var(--shadow-lg), 0 0 24px rgba(0,102,255,.3);
  transform:translateY(120%) scale(.8); opacity:0;
  transition: all .3s ease;
  font-family: inherit;
}
.sheqai-page #sheqai-toTop.show{transform:translateY(0) scale(1); opacity:1}
.sheqai-page #sheqai-toTop:hover{
  transform:translateY(-4px) scale(1.05);
  box-shadow:0 16px 40px rgba(0,102,255,.4);
}

.sheqai-page .reveal{opacity:0; transform:translateY(30px)}
.sheqai-page .reveal.active{
  opacity:1; transform:translateY(0);
  transition: opacity .8s cubic-bezier(.25,.46,.45,.94),
              transform .8s cubic-bezier(.25,.46,.45,.94);
}

@media (prefers-reduced-motion: reduce){
  .sheqai-page *, .sheqai-page *::before, .sheqai-page *::after{
    animation-duration:0.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:0.01ms !important;
  }
  .sheqai-page .reveal{opacity:1; transform:none}
  .sheqai-page #sheqai-toTop{transition:opacity .3s ease}
}

.sheqai-page .page-top{
  padding-top: clamp(80px, 12vh, 140px);
}

.sheqai-page .teasers{ background: var(--bg-2); position: relative; }
.sheqai-page .teasers::before{
  content:""; position:absolute; top:0; left:50%; width:80%; height:1px;
  background:linear-gradient(90deg, transparent, var(--brand), transparent);
  transform:translateX(-50%);
}
.sheqai-page .teasers-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--space-md);
}
.sheqai-page .teaser-card{
  background: var(--bg-1);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: var(--radius-lg);
  padding: var(--space-md);
  transition: all .3s ease;
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.sheqai-page .teaser-card::before{
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, var(--brand), var(--success));
  transform: scaleX(0); transform-origin: left;
  transition: transform .35s ease;
}
.sheqai-page .teaser-card:hover::before{ transform: scaleX(1); }
.sheqai-page .teaser-card:hover{
  transform: translateY(-6px);
  border-color: rgba(126,200,255,.3);
  box-shadow: var(--shadow-lg), 0 0 40px rgba(126,200,255,.1);
}
.sheqai-page .teaser-icon{
  width: 48px; height: 48px; border-radius: var(--radius-md);
  background: linear-gradient(135deg, rgba(0,102,255,.15), rgba(126,200,255,.08));
  display: grid; place-items: center;
  color: var(--brand); margin-bottom: var(--space-sm);
  transition: all .3s ease;
}
.sheqai-page .teaser-card:hover .teaser-icon{
  background: linear-gradient(135deg, rgba(0,102,255,.25), rgba(126,200,255,.15));
  color: var(--brand-bright);
}
.sheqai-page .teaser-icon svg{ width: 24px; height: 24px; }
.sheqai-page .teaser-card h3{
  color: var(--ink-hi); font-size: var(--fs-h3);
  margin: 0 0 var(--space-xs);
}
.sheqai-page .teaser-card p{
  color: var(--ink); font-size: var(--fs-small);
  line-height: var(--lh-relaxed); margin-bottom: var(--space-sm);
  flex: 1;
}
.sheqai-page .teaser-link{
  color: var(--brand); font-weight: 600;
  font-size: var(--fs-small);
  transition: gap .2s ease;
  display: inline-flex; align-items: center; gap: 4px;
}
.sheqai-page .teaser-card:hover .teaser-link{
  color: var(--brand-bright); gap: 8px;
}

.sheqai-page .ai-tools-section{ background: var(--bg-1); }
.sheqai-page .tools-badge{
  display: inline-flex; align-items: center; gap: 8px;
  padding: 8px 16px; border-radius: 999px;
  background: rgba(126,200,255,.1); border: 1px solid rgba(126,200,255,.25);
  color: var(--brand-bright);
  font-size: 13px; font-weight: 600; letter-spacing: 0.04em;
  margin-bottom: var(--space-sm);
}
.sheqai-page .tools-badge::before{
  content: ""; width: 8px; height: 8px; border-radius: 50%;
  background: var(--success);
}
.sheqai-page .tools-title-accent{
  background: linear-gradient(135deg, var(--brand) 0%, var(--brand-bright) 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}
.sheqai-page .ai-tools-grid{
  display: grid;
  grid-template-columns: 1fr;
  max-width: 760px; margin: 0 auto;
}
.sheqai-page .tool-card{
  background: var(--glass);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: var(--radius-lg);
  padding: clamp(24px, 3vw, 40px);
  box-shadow: var(--shadow-lg);
  position: relative;
}
.sheqai-page .tool-card::before{
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px;
  background: linear-gradient(90deg, var(--brand), var(--success));
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}
.sheqai-page .tool-card-head{
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 20px; gap: 16px;
}
.sheqai-page .tool-icon{
  width: 56px; height: 56px; border-radius: var(--radius-md);
  background: linear-gradient(135deg, rgba(0,102,255,.15), rgba(126,200,255,.08));
  display: flex; align-items: center; justify-content: center;
  color: var(--brand); flex-shrink: 0;
}
.sheqai-page .tool-icon svg{ width: 28px; height: 28px; }
.sheqai-page .tool-status{
  display: inline-block; padding: 6px 14px; border-radius: 999px;
  background: rgba(255,179,71,.12); border: 1px solid rgba(255,179,71,.3);
  color: var(--warning);
  font-size: 12px; font-weight: 600; letter-spacing: 0.04em;
  flex-shrink: 0;
}
.sheqai-page .tool-name{
  font-size: clamp(24px, 3.5vw, 32px); font-weight: 700;
  color: var(--ink-hi); margin: 0 0 12px; line-height: 1.2;
}
.sheqai-page .tool-pitch{
  color: var(--ink); line-height: var(--lh-relaxed);
  margin: 0 0 var(--space-sm);
}
.sheqai-page .tool-pitch code,
.sheqai-page .ai-tools-section code{
  font-family: 'SF Mono', Menlo, Monaco, Consolas, monospace;
  font-size: 0.92em; padding: 2px 7px;
  background: rgba(126,200,255,.1); border: 1px solid rgba(126,200,255,.2);
  border-radius: 6px; color: var(--brand-bright);
}
.sheqai-page .tool-feats{
  list-style: none; padding: 0; margin: 0 0 var(--space-md);
}
.sheqai-page .tool-feats li{
  position: relative; padding: 6px 0 6px 26px;
  font-size: var(--fs-small); color: var(--ink); line-height: 1.5;
}
.sheqai-page .tool-feats li::before{
  content: ""; position: absolute; left: 0; top: 13px;
  width: 14px; height: 2px; background: var(--brand);
  border-radius: 2px;
}
.sheqai-page .tool-cta-row{
  display: flex; flex-wrap: wrap; align-items: center; gap: 16px;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,.08);
}
.sheqai-page .tool-cta{
  display: inline-flex; align-items: center; gap: 10px;
  padding: 12px 24px; border-radius: 999px;
  background: var(--accent); color: #fff;
  font-size: 15px; font-weight: 600; font-family: inherit;
  border: none; cursor: pointer; transition: all 0.2s ease;
  text-decoration: none;
}
.sheqai-page .tool-cta:hover:not(:disabled){
  background: var(--accent-hover); transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(0,102,255,.3);
}
.sheqai-page .tool-cta:disabled{
  opacity: 0.55; cursor: not-allowed;
  background: rgba(0,102,255,.3); color: #fff;
}
.sheqai-page .tool-cta-note{
  font-size: 13px; color: var(--ink-dim);
}
.sheqai-page .tools-footnote{
  text-align: center; margin: var(--space-lg) auto 0;
  color: var(--ink-dim); font-size: var(--fs-small);
  max-width: 600px;
}
.sheqai-page .tools-footnote a{ font-weight: 600; }

@media (max-width: 600px){
  .sheqai-page .tool-card-head{ flex-wrap: wrap; }
  .sheqai-page .tool-cta-row{ flex-direction: column; align-items: stretch; }
  .sheqai-page .tool-cta{ justify-content: center; }
  .sheqai-page .tool-cta-note{ text-align: center; }
}

.figure-auto-pick {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: var(--space-sm) var(--space-md);
  background: rgba(0, 102, 255, 0.06);
  border: 1px solid rgba(0, 102, 255, 0.2);
  border-radius: var(--radius-md);
  cursor: pointer;
  margin-bottom: var(--space-sm);
  transition: border-color 0.15s ease, background 0.15s ease;
}
.figure-auto-pick:has(input:checked) {
  border-color: var(--accent);
  background: rgba(0, 102, 255, 0.12);
}
.figure-auto-pick input[type="radio"] {
  flex-shrink: 0;
}
.figure-auto-pick-label {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.figure-auto-pick-note {
  color: var(--ink-dim);
  font-size: var(--fs-small);
}

.figure-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: var(--space-sm);
}

.figure-card {
  display: flex;
  flex-direction: column;
  border: 2px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--radius-md);
  overflow: hidden;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.15);
  transition: border-color 0.15s ease, transform 0.15s ease;
}
.figure-card:hover {
  border-color: rgba(0, 102, 255, 0.4);
  transform: translateY(-1px);
}
.figure-card-selected,
.figure-card:has(input:checked) {
  border-color: var(--accent);
  background: rgba(0, 102, 255, 0.10);
}

.figure-card input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.figure-card-thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 16 / 10;
  background: rgba(255, 255, 255, 0.97);
  overflow: hidden;
}
.figure-card-thumb img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.figure-card-thumb-missing {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: rgba(0, 0, 0, 0.4);
  font-size: var(--fs-small);
  text-align: center;
  padding: var(--space-sm);
}
.figure-card-thumb-missing-sub {
  font-size: var(--fs-xs);
  color: rgba(0, 0, 0, 0.35);
}

.figure-card-meta {
  padding: var(--space-sm);
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.figure-card-stem {
  font-size: var(--fs-small);
  font-weight: 600;
  color: var(--ink-hi);
  word-break: break-all;

}
.figure-card-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.figure-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  white-space: nowrap;
}

.figure-badge-results  { background: rgba(34, 197, 94, 0.18);  color: rgb(74, 222, 128); }
.figure-badge-diagram  { background: rgba(168, 85, 247, 0.18); color: rgb(192, 132, 252); }
.figure-badge-example  { background: rgba(245, 158, 11, 0.18); color: rgb(251, 191, 36); }
.figure-badge-other    { background: rgba(255, 255, 255, 0.10); color: var(--ink-dim); }
.figure-badge-score {
  background: rgba(0, 102, 255, 0.18);
  color: rgb(96, 165, 250);
}
.figure-badge-fragment {
  background: rgba(239, 68, 68, 0.18);
  color: rgb(252, 165, 165);
}

.figure-card-caption {
  font-size: var(--fs-xs);
  color: var(--ink-dim);
  line-height: 1.4;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (max-width: 600px) {
  .figure-gallery {
    grid-template-columns: 1fr;
  }
}