/* Shared theme — Konstantin · AI Enablement
   Ported verbatim from the Claude Design source (Konstantin.dc.html <helmet> block). */
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:#0A0A0B;}
::selection{background:#EC7B54;color:#04181C;}
input,textarea{outline:none;}
@keyframes ctaPulse{0%,100%{filter:drop-shadow(0 0 2px transparent);}50%{filter:drop-shadow(0 3px 16px var(--acc));}}
.cta-pulse{animation:ctaPulse 3s ease-in-out infinite;}
@media (prefers-reduced-motion:reduce){.cta-pulse{animation:none;}}
[data-magnetic]{position:relative;transform-style:preserve-3d;}
[data-magnetic]::after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(170px circle at var(--mx,50%) var(--my,50%), rgba(var(--accRgb,236,123,84),0.12), transparent 62%);opacity:0;transition:opacity .3s ease;pointer-events:none;}
[data-magnetic]:hover::after{opacity:1;}
@media (hover:none){[data-magnetic]::after{display:none;}}
[data-hero]{opacity:0;will-change:transform,opacity,filter;}
@media (prefers-reduced-motion:reduce){[data-hero]{opacity:1 !important;transform:none !important;filter:none !important;}}
@keyframes metricSweep{0%{transform:translateX(-120%);}100%{transform:translateX(120%);}}
.metric-sweep.go{animation:metricSweep 1.15s cubic-bezier(.4,0,.2,1) forwards;}

/* --- Responsive: navigation header (fixes cramped/overflowing nav on phones) --- */
@media (max-width:600px){
  .nav-inner{padding:12px 16px !important;gap:12px !important;}
  .nav-tag{display:none !important;}
  .nav-logo-name{font-size:15px !important;}
  .nav-actions{gap:8px !important;}
  .nav-cta{padding:9px 14px !important;font-size:13px !important;white-space:nowrap !important;}
}
@media (max-width:380px){
  .nav-inner{flex-wrap:wrap !important;}
  .nav-actions{width:100% !important;justify-content:space-between !important;}
}