/* Pinpeo owns its Figma layout; the navigation/footer keep the shared chrome. */
@font-face {
  font-family: 'Inter V Pinpeo';
  src: url('/wp-content/uploads/2025/10/Inter-V.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Instrument Serif Pinpeo';
  src: url('/wp-content/uploads/2025/10/instrumentserif-italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
body.fc-page-10001 {
  --pin-display: clamp(30px, calc(19.43662px + 2.8169vw), 60px);
  --pin-display-line: clamp(36px, calc(26.14085px + 2.62911vw), 64px);
  --pin-gutter: clamp(20px, calc(-34.92958px + 14.64789vw), 176px);
  margin: 0;
  color: #000;
  background: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}
body.fc-page-10001 *, body.fc-page-10001 *::before, body.fc-page-10001 *::after { box-sizing: border-box; }
body.fc-page-10001 #contenido { overflow: hidden; font-family: 'Inter V Pinpeo', 'Inter', sans-serif; }
body.fc-page-10001 #contenido :where(h1, h2, p, ul) { margin: 0; padding: 0; color: inherit; }
body.fc-page-10001 #contenido :where(h1, h2) { font-family: 'Inter V Pinpeo', 'Inter', sans-serif !important; font-weight: 400; }
body.fc-page-10001 #contenido :where(p, li) { font-family: 'Inter V Pinpeo', 'Inter', sans-serif; }
body.fc-page-10001 #contenido i { font-family: 'Instrument Serif Pinpeo', serif; font-size: calc(var(--pin-display) + 4px); font-weight: 400; }
body.fc-page-10001 #contenido strong { font-weight: 650; }
body.fc-page-10001 .pin-keep { white-space: nowrap; }
body.fc-page-10001 #contenido img { display: block; }
body.fc-page-10001 :where(a, button, summary):focus-visible { outline: 2px solid currentColor; outline-offset: 6px; }
body.fc-page-10001 :where(summary, a, button) { touch-action: manipulation; }
body.fc-page-10001 ::selection { color: #fff; background: #000; }
body.fc-page-10001 .pin-skip { position: fixed; top: 8px; left: 16px; z-index: 2000; padding: 12px 20px; background: #fff; color: #000; transform: translateY(-160%); }
body.fc-page-10001 .pin-skip:focus { transform: none; }
/* The cover is white, so the shared marks use their dark treatment at the top. */
body.fc-page-10001 .site-header:not(.scrolled) #menu li a { color: #000; }
body.fc-page-10001 .logo-white-mobile path { fill: #000; }
body.fc-page-10001 .hamburger.white .hamburger__line { background: #000; }
body.fc-page-10001 .pin-hero { position: relative; display: block; height: clamp(560px, calc(440.28169px + 31.92488vw), 900px); padding: 0; overflow: visible; background: #fff; }
body.fc-page-10001 .pin-hero-copy { padding-top: clamp(124px, calc(97.23944px + 7.13615vw), 200px); text-align: center; }
body.fc-page-10001 .pin-alliance { width: clamp(230.632px, calc(200.72566px + 7.975vw), 315.566px); height: auto; margin-inline: auto; }
body.fc-page-10001 #pin-title { max-width: 1088px; margin: 24px auto 0; padding-inline: 20px; font-size: var(--pin-display); line-height: var(--pin-display-line); letter-spacing: -.32px; }
/* The original export includes its transparent lower area. Keeping its full
   aspect ratio places the hardware above the green panel without a hard seam. */
body.fc-page-10001 .pin-terminal { position: absolute; z-index: 1; top: clamp(364px, calc(303.43662px + 16.15023vw), 536px); left: 50%; width: clamp(413.245px, calc(284.1068px + 34.43685vw), 780px); height: auto; max-width: none; transform: translateX(-50%); }
body.fc-page-10001 .pin-benefits { position: relative; isolation: isolate; display: flex; flex-direction: column; align-items: center; min-height: 900px; padding: clamp(112px, calc(72.56338px + 10.51643vw), 224px) var(--pin-gutter) 40px; color: #fff; background: linear-gradient(180deg, #0fca67 7.426%, #0c8048 100%); }
body.fc-page-10001 .pin-benefits::before { content: ''; position: absolute; z-index: -1; inset: 0; opacity: .5; background: url('/wp-content/uploads/2026/11/pinpeo/figma/noise.webp') left top / 480px 480px repeat; pointer-events: none; }
body.fc-page-10001 #pin-benefits-title { width: 100%; max-width: 1088px; font-size: var(--pin-display); line-height: var(--pin-display-line); letter-spacing: -.32px; text-align: center; }
body.fc-page-10001 #contenido .pin-benefits-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(24px, 6.11111vw, 88px); width: 100%; max-width: 1088px; margin-top: 64px; list-style: none; }
body.fc-page-10001 .pin-benefits-list li { display: flex; flex-direction: column; align-items: center; gap: 24px; min-width: 0; text-align: center; }
body.fc-page-10001 .pin-benefits-list img { width: 120px; height: 120px; object-fit: contain; }
body.fc-page-10001 #contenido .pin-benefits-list p { width: 100%; font-size: 18px; line-height: 24px; font-weight: 400; }
body.fc-page-10001 .pin-desktop-line { display: block; }
body.fc-page-10001 #contenido .pin-disclaimer { max-width: 864px; margin-top: auto; padding-top: 40px; font-size: 14px; line-height: 20px; font-weight: 400; color: rgb(255 255 255 / .8); text-align: center; }
body.fc-page-10001 .pin-disclaimer svg { display: inline-block; vertical-align: -.15em; }
body.fc-page-10001 .pin-disclaimer a { color: inherit; font-weight: 650; text-decoration: underline; text-underline-offset: 3px; }
body.fc-page-10001 .pin-faq { min-height: 900px; padding: 164px var(--pin-gutter); background: #fff; }
body.fc-page-10001 #pin-faq-title { margin-bottom: 40px; font-size: var(--pin-display); line-height: 1.2; letter-spacing: -.32px; text-align: center; }
body.fc-page-10001 .pin-faq-list { max-width: 1088px; margin-inline: auto; border-bottom: 1px solid #d3d3d3; }
body.fc-page-10001 .pin-faq-item { border-top: 1px solid #d3d3d3; }
body.fc-page-10001 .pin-faq-item > summary { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-block: 20px; list-style: none; cursor: pointer; font-size: 20px; line-height: 26px; font-weight: 500; letter-spacing: 0; }
body.fc-page-10001 .pin-faq-item > summary::-webkit-details-marker { display: none; }
body.fc-page-10001 .pin-faq-icon { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; flex: 0 0 24px; }
body.fc-page-10001 .pin-faq-icon svg { display: block; width: 24px; height: 24px; }
body.fc-page-10001 .pin-faq-item[open] .pin-faq-vertical { display: none; }
body.fc-page-10001 .pin-faq-answer { padding: 0 48px 20px 0; font-size: 16px; line-height: 24px; font-weight: 500; }
body.fc-page-10001 #contenido .pin-faq-answer :where(p, li) { font-size: inherit; line-height: inherit; font-weight: inherit; }
body.fc-page-10001 #contenido .pin-faq-answer ul { margin: 12px 0 0; padding-left: 20px; list-style: disc; }
body.fc-page-10001 .pin-faq-answer li + li { margin-top: 8px; }
body.fc-page-10001 .pin-faq-answer a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 991px) {
  body.fc-page-10001 .pin-desktop-break { display: none; }
  body.fc-page-10001 #pin-title { max-width: 620px; }
  body.fc-page-10001 .pin-terminal { margin-left: clamp(0px, calc(17.88961px - 1.80519vw), 11.12px); }
  body.fc-page-10001 .pin-benefits { padding-bottom: 24px; }
  body.fc-page-10001 .pin-faq { padding-block: 104px; }
  body.fc-page-10001 .pin-faq-item > summary { font-size: clamp(16px, calc(13.56494px + .64935vw), 20px); line-height: clamp(22px, calc(19.56494px + .64935vw), 26px); }
  body.fc-page-10001 .pin-faq-answer { font-size: clamp(14px, calc(12.78247px + .32468vw), 16px); line-height: clamp(20px, calc(17.56494px + .64935vw), 24px); font-weight: 400; }
}
@media (max-width: 767px) {
  body.fc-page-10001 { --pin-gutter: 20px; }
  body.fc-page-10001 .pin-hero-copy { padding-inline: 20px; }
  body.fc-page-10001 #pin-title { padding: 0; }
  body.fc-page-10001 #pin-benefits-title { max-width: 500px; }
  body.fc-page-10001 .pin-benefits { min-height: 1004px; }
  body.fc-page-10001 #contenido .pin-benefits-list { grid-template-columns: minmax(0, 1fr); gap: 56px; margin-top: 48px; }
  body.fc-page-10001 .pin-benefits-list li { gap: 16px; }
  body.fc-page-10001 .pin-benefits-list img { width: 104px; height: 104px; }
  body.fc-page-10001 #contenido .pin-benefits-list p { max-width: 335px; font-size: 14px; line-height: 20px; }
  body.fc-page-10001 .pin-desktop-line { display: inline; }
  body.fc-page-10001 #contenido .pin-disclaimer { max-width: 480px; padding-top: 88px; font-size: 12px; line-height: 18px; }
  body.fc-page-10001 .pin-disclaimer svg { width: 12px; height: 12px; }
  body.fc-page-10001 .pin-faq { min-height: 0; }
}