/* PromptMax — Claude Design system (ported 1:1) */
/* Fonts loaded via wp_enqueue in functions.php: Hanken Grotesk + JetBrains Mono */

*{box-sizing:border-box;}
[data-pm-root]{
  --bg:#ffffff;--surface:#ffffff;--panel:#FAFAFA;--chip:#F4F4F5;--ink:#0A0A0A;
  --muted:#52525B;--faint:#A1A1AA;--line:#E4E4E7;--line2:#F0F0F0;
  --inv-bg:#0A0A0A;--inv-fg:#ffffff;--elev:#0A0A0A;--shadow:rgba(0,0,0,0.2);
  --header-bg:rgba(255,255,255,0.82);
  --accent:#0A0A0A;--radius:14px;
  font-family:'Hanken Grotesk',system-ui,sans-serif;
  color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;
  overflow-x:hidden;transition:background .2s,color .2s;
}
[data-pm-root][data-theme="dark"]{
  --bg:#0B0B0C;--surface:#151519;--panel:#171719;--chip:#212127;--ink:#F2F2F3;
  --muted:#A6A6AD;--faint:#74747B;--line:#2A2A31;--line2:#202024;
  --inv-bg:#F2F2F3;--inv-fg:#0A0A0A;--elev:#000000;--shadow:rgba(0,0,0,0.6);
  --header-bg:rgba(11,11,12,0.82);
}
[data-pm-root] ::selection{background:var(--ink);color:var(--bg);}
[data-pm-root] a{color:var(--muted);text-decoration:none;}
[data-pm-root] a:hover{color:var(--ink);}
[data-pm-root] input::placeholder{color:var(--faint);}
[data-pm-root] button{font-family:'Hanken Grotesk',sans-serif;}

@keyframes pmPopIn{0%{transform:scale(.5);opacity:0;}60%{transform:scale(1.12);}100%{transform:scale(1);opacity:1;}}
@keyframes pmFadeIn{from{opacity:0;}to{opacity:1;}}
@keyframes pmSheetIn{from{opacity:0;transform:translateY(14px) scale(.98);}to{opacity:1;transform:translateY(0) scale(1);}}
@keyframes pmBlink{0%,48%{opacity:1;}49%,100%{opacity:0;}}
@keyframes pmPopUp{0%,66%,100%{transform:translateY(0) scale(1);}80%{transform:translateY(-6px) scale(1.14);}90%{transform:translateY(0) scale(1);}}

[data-pm-root] [data-chip]{animation:pmPopUp 3.8s ease-in-out infinite;}
[data-pm-root] [data-chip]:nth-child(2){animation-delay:.55s;}
[data-pm-root] [data-chip]:nth-child(3){animation-delay:1.1s;}
[data-pm-root] [data-caret]{animation:pmBlink 1.05s steps(1,end) infinite;}
@media (prefers-reduced-motion: reduce){[data-pm-root] [data-caret],[data-pm-root] [data-chip]{animation:none !important;}}

[data-pm-root] [data-hamburger]{display:none;}
[data-pm-root] [data-mobile-menu]{display:none;}
@media (max-width:880px){
  [data-pm-root] [data-desktop-nav]{display:none !important;}
  [data-pm-root] [data-nav-search]{display:none !important;}
  [data-pm-root] [data-hamburger]{display:flex !important;}
}
@media (max-width:560px){[data-pm-root] [data-nav-cta]{display:none !important;}}
@media (max-width:600px){
  [data-pm-root] [data-container]{padding-left:16px !important;padding-right:16px !important;}
  [data-pm-root] [data-hero]{padding-top:44px !important;padding-bottom:36px !important;gap:32px !important;}
  [data-pm-root] [data-hero-visual]{height:280px !important;}
  [data-pm-root] [data-modalpad]{padding-left:18px !important;padding-right:18px !important;}
}

/* dark-mode logo: the wordmark PNG is black, invert it so it stays visible on dark */
[data-pm-root][data-theme="dark"] header a img,
[data-pm-root][data-theme="dark"] footer img { filter: invert(1) brightness(2.4); }

/* hover helpers (design used inline style-hover; we replicate the key ones) */
[data-pm-root] [data-hoverlink]:hover{color:var(--ink);}
[data-pm-root] .pm-navlink:hover{color:var(--ink);}