/* Tetrik · shared styles for standalone pages (pricing, PPWR check).
   Same tokens and components as the homepage UI v2 layer. */
:root{
  --white:#ffffff; --off:#f7f7f9; --border:#e8e8ef; --line:#c9c9d6;
  --muted:#9494a8; --text:#1a1a2e; --text-light:#6b6b80; --ink:#1a1a2e; --night:#11101d;
  --g1:#00c9a7; --g2:#00b4d8; --g3:#7b2ff7; --g4:#c026d3; --bad:#d6336c;
  --grad:linear-gradient(135deg,#00c9a7 0%,#00b4d8 40%,#7b2ff7 75%,#c026d3 100%);
  --font-display:'Outfit',sans-serif; --font-body:'Instrument Sans',sans-serif; --font-mono:'DM Mono',monospace;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-padding-top:80px;}
body{background:var(--white);color:var(--text);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;}
a{color:inherit;}
:focus-visible{outline:2px solid var(--g3);outline-offset:3px;}
.grad-text{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.tm{font-size:.5em;vertical-align:super;line-height:0;font-weight:600;margin-left:1px;}

/* Nav */
nav.top{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:0 40px;height:62px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);}
.nav-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;}
.nav-logo-icon{width:34px;height:34px;border-radius:8px;background:var(--grad);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.nav-logo-name{font-family:var(--font-display);font-size:22px;font-weight:800;letter-spacing:-.5px;line-height:1.1;display:inline-block;
  background:linear-gradient(to right,#00c9a7 0%,#00b4d8 35%,#7b2ff7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.nav-logo-sub{font-size:9px;font-family:monospace;color:var(--muted);letter-spacing:.08em;margin-top:-1px;}
.nav-links{display:flex;gap:24px;align-items:center;}
.nav-links a{font-size:13.5px;color:var(--text-light);text-decoration:none;font-weight:500;position:relative;}
.nav-links a:hover,.nav-links a[aria-current]{color:var(--text);}
.nav-links a[aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:-21px;height:2px;background:var(--grad);}
.nav-links .free{font:600 10px/1 var(--font-body);color:#006e5d;background:#d9f7f0;border-radius:4px;padding:3px 5px;margin-left:5px;vertical-align:1px;}
.nav-right{display:flex;align-items:center;gap:12px;}
.nav-toggle{display:none;width:42px;height:42px;background:none;border:1px solid var(--border);border-radius:8px;cursor:pointer;align-items:center;justify-content:center;color:var(--text);}

/* Keycap buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 15px/1 var(--font-body);text-decoration:none;cursor:pointer;
  padding:14px 22px;border-radius:10px;border:none;white-space:nowrap;transition:transform .12s ease,box-shadow .12s ease;}
.btn svg{flex-shrink:0;}
.btn-sm{font-size:13.5px;padding:10px 15px;}
.btn-primary{background:var(--grad);color:#fff;box-shadow:inset 0 -3px 0 rgba(26,26,46,.30),0 1px 2px rgba(26,26,46,.12);}
.btn-primary:hover{transform:translateY(-1px);box-shadow:inset 0 -4px 0 rgba(26,26,46,.32),0 8px 18px -8px rgba(123,47,247,.55);}
.btn-primary:active{transform:translateY(1px);box-shadow:inset 0 -1px 0 rgba(26,26,46,.3);}
.btn-secondary{background:#fff;color:var(--ink);border:1.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);}
.btn-secondary:hover{transform:translateY(-1px);box-shadow:0 4px 0 var(--ink);}
.btn-secondary:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink);}
.btn-sm.btn-secondary{box-shadow:0 2px 0 var(--ink);}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;}
.link{font-weight:600;color:var(--text);text-decoration:none;border-bottom:1.5px solid var(--g1);padding-bottom:1px;background:none;border-top:0;border-left:0;border-right:0;cursor:pointer;font-size:15px;font-family:inherit;}
.link:hover{color:var(--g3);border-color:var(--g3);}

/* Chips and eyebrows */
.chip{display:inline-flex;align-items:center;gap:6px;position:relative;overflow:hidden;border-radius:4px;border:1px solid var(--border);background:#fff;
  font:400 11.5px/1.3 var(--font-mono);padding:5px 10px 5px 13px;color:var(--text);}
.chip::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--g1),var(--g3));}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:400 12.5px var(--font-mono);color:var(--g3);margin-bottom:10px;}
.eyebrow::before{content:"";width:26px;height:9px;flex-shrink:0;
  background:linear-gradient(currentColor,currentColor) left center/100% 1.5px no-repeat,
             linear-gradient(currentColor,currentColor) left center/1.5px 100% no-repeat,
             linear-gradient(currentColor,currentColor) right center/1.5px 100% no-repeat;}
h1.page-h{font-family:var(--font-display);font-size:clamp(34px,5vw,54px);font-weight:800;letter-spacing:-1.6px;line-height:1.06;margin-bottom:16px;}
.lede{font-size:17px;color:var(--text-light);line-height:1.65;max-width:60ch;}

.wrap{max-width:1100px;margin:0 auto;padding:64px 40px 96px;}

/* Dark band, same as the homepage pack bench */
.night{background:radial-gradient(90% 120% at 0% 0%,#0d5a50 0%,rgba(13,90,80,0) 50%),radial-gradient(80% 110% at 100% 100%,#3a1a78 0%,rgba(58,26,120,0) 60%),var(--night);color:#fff;}

/* Footer */
footer.site{background:var(--off);border-top:1px solid var(--border);padding:36px 40px;}
.foot{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;gap:16px 28px;flex-wrap:wrap;font-size:13px;color:var(--text-light);}
.foot nav{display:flex;flex-wrap:wrap;gap:8px 18px;}
.foot a{text-decoration:none;color:var(--text-light);}
.foot a:hover{color:var(--text);}

@media(max-width:860px){
  nav.top{padding:10px 20px;height:auto;flex-wrap:wrap;}
  .nav-toggle{display:inline-flex;}
  .nav-right .btn-secondary{display:none;}
  .nav-links{order:3;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;max-height:0;overflow:hidden;transition:max-height .28s ease;}
  nav.top.open .nav-links{max-height:360px;}
  .nav-links a{padding:13px 2px;border-top:1px solid var(--border);font-size:15px;}
  .nav-links a[aria-current]::after{display:none;}
  .wrap{padding:40px 20px 72px;}
  footer.site{padding:28px 20px;}
}
@media(max-width:480px){.nav-right .btn-primary{padding:10px 12px;font-size:13px;}}
@media print{nav.top,footer.site,.no-print{display:none!important;}body{background:#fff;}.wrap{padding:0;}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;}}