*{box-sizing:border-box;}
  body{margin:0;}
  @keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}
  @keyframes wordIn{0%{opacity:0;transform:translateY(0.5em) rotateX(-55deg);}55%{opacity:1;}100%{opacity:1;transform:translateY(0) rotateX(0);}}
  @keyframes drift{0%,100%{transform:translate(0,0);}50%{transform:translate(26px,-8px);}}
  @keyframes driftB{0%,100%{transform:translate(0,0);}50%{transform:translate(-30px,7px);}}
  @keyframes spin{to{transform:rotate(360deg);}}
  @keyframes sunPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.09);}}
  @keyframes copyPulse{0%{box-shadow:0 0 0 0 rgba(86,211,100,.55);}100%{box-shadow:0 0 0 16px rgba(86,211,100,0);}}
  @keyframes shimmer{0%{transform:translateX(-160%);}55%,100%{transform:translateX(260%);}}
  @media (max-width: 880px){
    [data-m="race-grid"]{grid-template-columns:1fr !important;}
    [data-m="race-left"]{border-right:none !important; border-bottom:1px solid #16222e !important;}
    [data-m="tui-grid"]{grid-template-columns:1fr !important;}
    [data-m="h2"]{font-size:34px !important;}
    [data-m="cta-h2"]{font-size:36px !important;}
    [data-m="hero-title"]{font-size:40px !important;}
    [data-m="logo"]{font-size:66px !important;}
  }
  @media (max-width: 620px){
    [data-m="sec"]{padding-left:20px !important; padding-right:20px !important;}
    [data-m="cta-sec"]{padding-left:20px !important; padding-right:20px !important;}
    [data-m="hero-pad"]{padding:40px 20px 56px !important;}
    [data-m="logo"]{font-size:52px !important; letter-spacing:-2px !important;}
    [data-m="hero-title"]{font-size:30px !important; white-space:normal !important; margin:30px 0 10px !important;}
    [data-m="h2"]{font-size:27px !important;}
    [data-m="cta-h2"]{font-size:30px !important;}
    [data-m="grid3"]{grid-template-columns:1fr !important;}
    [data-m="features"]{flex-direction:column !important; gap:22px !important; margin-top:30px !important;}
    [data-m="feature-divider"]{display:none !important;}
    [data-m="install-box"]{flex-direction:column !important; align-items:flex-start !important; gap:12px !important; padding:16px 18px !important;}
    [data-m="install-cmd"]{font-size:19px !important; white-space:normal !important;}
    [data-m="hero-done-row"]{flex-wrap:wrap !important;}
    [data-m="pre"]{font-size:10px !important; padding:18px 16px !important;}
    [data-m="output-cards"]{height:320px !important;}
    [data-m="output-pad"]{padding:32px 20px !important;}
    [data-m="tui-steps"]{grid-template-columns:1fr !important;}
  }
  @media (max-width: 430px){
    [data-m="logo"]{font-size:44px !important;}
    [data-m="hero-title"]{font-size:27px !important;}
    [data-m="install-cmd"]{font-size:17px !important;}
    [data-m="h2"]{font-size:25px !important;}
    [data-m="cta-h2"]{font-size:27px !important;}
    [data-m="pre"]{font-size:9px !important; line-height:1.5 !important;}
    [data-m="hero-pad"]{padding:34px 16px 48px !important;}
    [data-m="sec"]{padding-top:64px !important; padding-bottom:64px !important;}
    [data-m="cta-sec"]{padding-top:70px !important; padding-bottom:64px !important;}
  }
  @media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}}
/* Install copy boxes */
.copy-box {
  cursor: pointer;
}
.copy-box:hover {
  border-color: #2c4053;
}

/* GitHub button */
.gh-btn {
  position: relative;
  overflow: hidden;
}
.gh-btn:hover {
  filter: brightness(1.08);
}
.gh-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 55%;
  height: 100%;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,.4), transparent);
  transform: translateX(-160%);
  animation: shimmer 3.6s ease-in-out 1.4s infinite;
  pointer-events: none;
}

/* ---- dedupe: terminal kabuğu + kartlar (görünüm bire bir korunur) ---- */
.term-chrome{background:#0e141c;padding:11px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #18222e;}
.term-dot{width:11px;height:11px;border-radius:50%;}
.term-dot.r{background:#ff5f57;}
.term-dot.y{background:#febc2e;}
.term-dot.g{background:#28c840;}
.term-shell{background:#0a0f16;border:1px solid #16242f;border-radius:16px;overflow:hidden;box-shadow:0 30px 70px -30px rgba(8,16,28,.55);}
.tilt-card{background:#fff;border:1px solid #e1e9ef;border-radius:14px;box-shadow:0 12px 30px -16px rgba(20,50,80,.34);}
.mode-card{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;}
.mode-pre{margin:0;padding:24px 26px;font-family:'JetBrains Mono',monospace;font-size:13.5px;line-height:1.6;color:#cdd9e4;overflow:auto;}
.mode-dot{width:8px;height:8px;border-radius:99px;background:#bccede;}