body.theme-poster,
body[data-theme="poster"] {
  --navy-950: #fdf7e5;
  --navy-900: #fff8e7;
  --navy-850: #f8f0db;
  --navy-800: #efe5cc;
  --white: #fff9ec;
  --surface: #fff8e8;
  --surface-2: #fffaf0;
  --text: #060606;
  --muted: #1c1c1c;
  --line: #050505;
  --amber: #ffd322;
  --amber-strong: #2d4dff;
  --shadow-soft: none;
  --shadow-hero: none;
  --shadow-amber: none;
  background: #fff8e8;
  color: var(--text);
}

body.theme-poster .site-header,
body.theme-poster .site-header.is-scrolled,
body[data-theme="poster"] .site-header,
body[data-theme="poster"] .site-header.is-scrolled {
  background: #fff8e8;
  border-bottom: 4px solid #050505;
  box-shadow: none;
  backdrop-filter: none;
}

body.theme-poster .brand,
body.theme-poster .desktop-nav,
body.theme-poster .site-header.is-scrolled .brand,
body.theme-poster .site-header.is-scrolled .desktop-nav,
body[data-theme="poster"] .brand,
body[data-theme="poster"] .desktop-nav,
body[data-theme="poster"] .site-header.is-scrolled .brand,
body[data-theme="poster"] .site-header.is-scrolled .desktop-nav {
  color: #050505;
}

body.theme-poster .brand-text,
body[data-theme="poster"] .brand-text {
  font-weight: 800;
  letter-spacing: -0.05em;
}

body.theme-poster .brand-mark,
body.theme-poster .footer-brand .brand-mark,
body.theme-poster .menu-toggle,
body.theme-poster .site-header.is-scrolled .menu-toggle,
body[data-theme="poster"] .brand-mark,
body[data-theme="poster"] .footer-brand .brand-mark,
body[data-theme="poster"] .menu-toggle,
body[data-theme="poster"] .site-header.is-scrolled .menu-toggle {
  background: #ffffff;
  border: 4px solid #050505;
  color: #050505;
  box-shadow: 4px 4px 0 #2d4dff;
}

body.theme-poster .menu-toggle[aria-expanded="true"],
body[data-theme="poster"] .menu-toggle[aria-expanded="true"] {
  background: #ffd322;
}

body.theme-poster .mobile-nav,
body[data-theme="poster"] .mobile-nav {
  background: #fffdf7;
  border: 4px solid #050505;
  border-radius: 0;
  box-shadow: 4px 4px 0 #2d4dff;
}

body.theme-poster .mobile-nav a:not(.button),
body[data-theme="poster"] .mobile-nav a:not(.button) {
  background: #ffffff;
  border: 3px solid #050505;
  border-radius: 0;
  color: #050505;
}

body.theme-poster .mobile-nav a:not(.button):hover,
body[data-theme="poster"] .mobile-nav a:not(.button):hover {
  background: rgba(255, 211, 34, 0.16);
}

body.theme-poster .theme-switcher-label,
body[data-theme="poster"] .theme-switcher-label {
  color: #050505;
}

body.theme-poster .theme-select,
body.theme-poster .site-header.is-scrolled .theme-select,
body.theme-poster .mobile-nav .theme-select,
body[data-theme="poster"] .theme-select,
body[data-theme="poster"] .site-header.is-scrolled .theme-select,
body[data-theme="poster"] .mobile-nav .theme-select {
  border: 4px solid #050505;
  background:
    linear-gradient(45deg, transparent 50%, currentColor 50%) calc(100% - 18px) calc(50% - 2px) / 6px 6px no-repeat,
    linear-gradient(135deg, currentColor 50%, transparent 50%) calc(100% - 14px) calc(50% - 2px) / 6px 6px no-repeat,
    #fffdf8;
  color: #050505;
  border-radius: 0;
  box-shadow: 4px 4px 0 #2d4dff;
}

body.theme-poster .theme-menu,
body[data-theme="poster"] .theme-menu {
  border: 4px solid #050505;
  border-radius: 0;
  background: #fffdf7;
  box-shadow: 4px 4px 0 #2d4dff;
}

body.theme-poster .theme-option,
body[data-theme="poster"] .theme-option {
  border-radius: 0;
  color: #050505;
}

body.theme-poster .theme-option:hover,
body.theme-poster .theme-option:focus-visible,
body[data-theme="poster"] .theme-option:hover,
body[data-theme="poster"] .theme-option:focus-visible {
  border-color: #050505;
  background: rgba(255, 211, 34, 0.18);
}

body.theme-poster .theme-option.is-active,
body[data-theme="poster"] .theme-option.is-active {
  background: #2d4dff;
  color: #fff8e8;
}

body.theme-poster .theme-select:focus,
body[data-theme="poster"] .theme-select:focus {
  box-shadow: 4px 4px 0 #2d4dff, 0 0 0 4px rgba(255, 211, 34, 0.32);
}

body.theme-poster .hero,
body.theme-poster .section,
body.theme-poster .section-light,
body.theme-poster .section-dark,
body.theme-poster .site-footer,
body[data-theme="poster"] .hero,
body[data-theme="poster"] .section,
body[data-theme="poster"] .section-light,
body[data-theme="poster"] .section-dark,
body[data-theme="poster"] .site-footer {
  background: #fff8e8;
  color: #050505;
}

body.theme-poster .hero-grid,
body.theme-poster .hero-glow,
body[data-theme="poster"] .hero-grid,
body[data-theme="poster"] .hero-glow {
  display: none;
}

body.theme-poster .hero-content,
body[data-theme="poster"] .hero-content {
  padding-top: 132px;
}

body.theme-poster .eyebrow,
body[data-theme="poster"] .eyebrow {
  background: #ffd322;
  border: 4px solid #050505;
  border-radius: 0;
  color: #050505;
  font-weight: 800;
  box-shadow: 4px 4px 0 #050505;
}

body.theme-poster .eyebrow-dot,
body[data-theme="poster"] .eyebrow-dot {
  background: #050505;
  box-shadow: none;
}

body.theme-poster .hero h1,
body[data-theme="poster"] .hero h1 {
  max-width: 16ch;
  font-size: clamp(4rem, 8vw, 6.8rem);
  line-height: 0.96;
  letter-spacing: -0.07em;
  text-transform: uppercase;
}

body.theme-poster .hero-line,
body[data-theme="poster"] .hero-line {
  color: #050505;
}

body.theme-poster .hero-accent,
body[data-theme="poster"] .hero-accent {
  display: inline-block;
  padding: 0 0.18em;
  background: #050505;
  color: #fff8e8;
  box-shadow: 6px 6px 0 #2d4dff;
  transform: skew(-8deg);
}

@media (max-width: 719px) {
  body.theme-poster .hero h1,
  body[data-theme="poster"] .hero h1 {
    max-width: 100%;
    font-size: clamp(1.96rem, 7.6vw, 3.08rem);
    line-height: 1.02;
    letter-spacing: -0.02em;
  }

  body.theme-poster .hero-line,
  body[data-theme="poster"] .hero-line {
    margin-bottom: 0.085em;
  }

  body.theme-poster .hero-line:last-child,
  body[data-theme="poster"] .hero-line:last-child {
    margin-bottom: 0;
  }

  body.theme-poster .hero-accent,
  body[data-theme="poster"] .hero-accent {
    display: inline-block;
    padding: 0 0.11em;
    box-shadow: 4px 4px 0 #2d4dff;
    transform: skew(-6deg);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
}

@media (max-width: 560px) {
  body.theme-poster .hero h1,
  body[data-theme="poster"] .hero h1 {
    font-size: clamp(1.82rem, 8vw, 2.58rem);
    line-height: 1.04;
    letter-spacing: -0.014em;
  }

  body.theme-poster .hero-accent,
  body[data-theme="poster"] .hero-accent {
    display: inline-block;
    padding: 0 0.09em;
    box-shadow: 3px 3px 0 #2d4dff;
    transform: skew(-5deg);
  }
}

body.theme-poster .hero-copy,
body.theme-poster .section-intro p:last-child,
body.theme-poster .info-card p,
body.theme-poster .reason-card p,
body.theme-poster .timeline-step p,
body.theme-poster .contact-box span,
body.theme-poster .contact-box small,
body.theme-poster .form-note,
body[data-theme="poster"] .hero-copy,
body[data-theme="poster"] .section-intro p:last-child,
body[data-theme="poster"] .info-card p,
body[data-theme="poster"] .reason-card p,
body[data-theme="poster"] .timeline-step p,
body[data-theme="poster"] .contact-box span,
body[data-theme="poster"] .contact-box small,
body[data-theme="poster"] .form-note {
  color: #121212;
}

body.theme-poster .section-kicker,
body.theme-poster .timeline-step span,
body[data-theme="poster"] .section-kicker,
body[data-theme="poster"] .timeline-step span {
  color: #2d4dff;
  font-weight: 800;
}

body.theme-poster .button-primary,
body[data-theme="poster"] .button-primary {
  background: #2d4dff;
  color: #fff8e8;
  border: 4px solid #050505;
  border-radius: 0;
  box-shadow: 4px 4px 0 #050505;
}

body.theme-poster .button-primary:hover,
body[data-theme="poster"] .button-primary:hover {
  background: #1f3ee0;
  transform: translate(-2px, -2px);
  box-shadow: 6px 6px 0 #050505;
}

body.theme-poster .button-secondary,
body.theme-poster .price-card:not(.price-card-featured) .button-secondary,
body[data-theme="poster"] .button-secondary,
body[data-theme="poster"] .price-card:not(.price-card-featured) .button-secondary {
  background: #ffffff;
  color: #050505;
  border: 4px solid #050505;
  border-radius: 0;
  box-shadow: 4px 4px 0 #ffd322;
}

body.theme-poster .button-secondary:hover,
body.theme-poster .price-card:not(.price-card-featured) .button-secondary:hover,
body[data-theme="poster"] .button-secondary:hover,
body[data-theme="poster"] .price-card:not(.price-card-featured) .button-secondary:hover {
  transform: translate(-2px, -2px);
  box-shadow: 6px 6px 0 #ffd322;
  background: #fffbed;
}

body.theme-poster .info-card,
body.theme-poster .reason-card,
body.theme-poster .feature-panel,
body.theme-poster .price-card,
body.theme-poster .contact-form,
body.theme-poster .contact-box,
body.theme-poster .location-card,
body[data-theme="poster"] .info-card,
body[data-theme="poster"] .reason-card,
body[data-theme="poster"] .feature-panel,
body[data-theme="poster"] .price-card,
body[data-theme="poster"] .contact-form,
body[data-theme="poster"] .contact-box,
body[data-theme="poster"] .location-card {
  background: #fffaf0;
  border: 4px solid #050505;
  border-radius: 0;
  box-shadow: 6px 6px 0 #050505;
}

body.theme-poster .price-card-featured,
body[data-theme="poster"] .price-card-featured {
  background: #fff1a8;
}

body.theme-poster .info-card:hover,
body.theme-poster .reason-card:hover,
body.theme-poster .feature-panel:hover,
body.theme-poster .price-card:hover,
body.theme-poster .contact-box:hover,
body[data-theme="poster"] .info-card:hover,
body[data-theme="poster"] .reason-card:hover,
body[data-theme="poster"] .feature-panel:hover,
body[data-theme="poster"] .price-card:hover,
body[data-theme="poster"] .contact-box:hover {
  transform: translate(-2px, -2px);
  box-shadow: 10px 10px 0 #050505;
}

body.theme-poster .badge,
body[data-theme="poster"] .badge {
  background: #ffd322;
  color: #050505;
  border: 3px solid #050505;
  border-radius: 0;
  box-shadow: 3px 3px 0 #2d4dff;
}

body.theme-poster .icon-badge,
body.theme-poster .reason-card::before,
body.theme-poster .step-icon,
body.theme-poster .contact-icon,
body.theme-poster .feature-list li::before,
body[data-theme="poster"] .icon-badge,
body[data-theme="poster"] .reason-card::before,
body[data-theme="poster"] .step-icon,
body[data-theme="poster"] .contact-icon,
body[data-theme="poster"] .feature-list li::before {
  background: #ffd322;
  border: 3px solid #050505;
  color: #050505;
  border-radius: 0;
}

body.theme-poster .feature-list,
body.theme-poster .timeline::before,
body.theme-poster .footer-shell > :last-child,
body[data-theme="poster"] .feature-list,
body[data-theme="poster"] .timeline::before,
body[data-theme="poster"] .footer-shell > :last-child {
  border-color: #050505;
}

body.theme-poster .tech-tags span,
body.theme-poster .location-tags span,
body[data-theme="poster"] .tech-tags span,
body[data-theme="poster"] .location-tags span {
  background: #ffffff;
  border: 3px solid #050505;
  border-radius: 0;
  color: #050505;
  box-shadow: 3px 3px 0 #ffd322;
}

body.theme-poster .tech-tags span:hover,
body.theme-poster .location-tags span:hover,
body[data-theme="poster"] .tech-tags span:hover,
body[data-theme="poster"] .location-tags span:hover {
  transform: translate(-1px, -1px);
  box-shadow: 5px 5px 0 #2d4dff;
}

body.theme-poster .section-intro p:last-child,
body.theme-poster .info-card p,
body.theme-poster .reason-card p,
body.theme-poster .price-card p,
body.theme-poster .price-card li,
body.theme-poster .timeline-step p,
body.theme-poster .contact-box span,
body.theme-poster .contact-box small,
body.theme-poster .form-note,
body.theme-poster .pricing-note,
body.theme-poster .field input::placeholder,
body.theme-poster .field textarea::placeholder,
body[data-theme="poster"] .section-intro p:last-child,
body[data-theme="poster"] .info-card p,
body[data-theme="poster"] .reason-card p,
body[data-theme="poster"] .price-card p,
body[data-theme="poster"] .price-card li,
body[data-theme="poster"] .timeline-step p,
body[data-theme="poster"] .contact-box span,
body[data-theme="poster"] .contact-box small,
body[data-theme="poster"] .form-note,
body[data-theme="poster"] .pricing-note,
body[data-theme="poster"] .field input::placeholder,
body[data-theme="poster"] .field textarea::placeholder {
  color: var(--muted);
}

body.theme-poster .price-card-featured,
body.theme-poster .price-card-featured h3,
body.theme-poster .price-card-featured .price-copy,
body.theme-poster .price-card-featured .price,
body.theme-poster .price-card-featured li,
body.theme-poster .price-card-featured p,
body[data-theme="poster"] .price-card-featured,
body[data-theme="poster"] .price-card-featured h3,
body[data-theme="poster"] .price-card-featured .price-copy,
body[data-theme="poster"] .price-card-featured .price,
body[data-theme="poster"] .price-card-featured li,
body[data-theme="poster"] .price-card-featured p {
  color: #111111;
}

body.theme-poster .field input,
body.theme-poster .field textarea,
body[data-theme="poster"] .field input,
body[data-theme="poster"] .field textarea {
  background: #fffdf7;
  border: 3px solid #050505;
  border-radius: 0;
  color: #050505;
}

body.theme-poster .field input:focus,
body.theme-poster .field textarea:focus,
body[data-theme="poster"] .field input:focus,
body[data-theme="poster"] .field textarea:focus {
  border-color: #050505;
  box-shadow: 4px 4px 0 #2d4dff;
}

body.theme-poster .contact-box-dark,
body[data-theme="poster"] .contact-box-dark {
  background: #2d4dff;
}

body.theme-poster .contact-box-dark strong,
body.theme-poster .contact-box-dark span,
body.theme-poster .contact-box-dark small,
body[data-theme="poster"] .contact-box-dark strong,
body[data-theme="poster"] .contact-box-dark span,
body[data-theme="poster"] .contact-box-dark small {
  color: #fff8e8;
}

body.theme-poster .location-pattern,
body[data-theme="poster"] .location-pattern {
  background-image: radial-gradient(rgba(5, 5, 5, 0.18) 1px, transparent 1px);
}

body.theme-poster .location-card::before,
body.theme-poster .location-card::after,
body[data-theme="poster"] .location-card::before,
body[data-theme="poster"] .location-card::after {
  border-color: rgba(5, 5, 5, 0.18);
}

body.theme-poster .location-pin,
body[data-theme="poster"] .location-pin {
  background: #ffd322;
  color: #050505;
  box-shadow: none;
  border: 4px solid #050505;
}

body.theme-poster .location-label,
body[data-theme="poster"] .location-label {
  background: #fffdf7;
  border: 4px solid #050505;
  border-radius: 0;
  box-shadow: 4px 4px 0 #2d4dff;
}

body.theme-poster .timeline-step:hover,
body[data-theme="poster"] .timeline-step:hover {
  transform: translateY(-2px);
}

body.theme-poster .location-card:hover .location-label,
body[data-theme="poster"] .location-card:hover .location-label {
  transform: translate(-50%, -2px);
  box-shadow: 6px 6px 0 #2d4dff;
}

body.theme-poster .whatsapp-float:hover,
body[data-theme="poster"] .whatsapp-float:hover {
  transform: translate(-2px, -2px);
  box-shadow: 4px 4px 0 #2d4dff;
}

body.theme-poster .whatsapp-float,
body[data-theme="poster"] .whatsapp-float {
  background: #4b4b4b;
  color: #fff;
  border-radius: 14px;
  box-shadow: none;
}

body.theme-poster .toast,
body[data-theme="poster"] .toast {
  background: #fffdf7;
  color: #050505;
  border: 4px solid #050505;
  box-shadow: 4px 4px 0 #2d4dff;
}

body.theme-poster .site-footer,
body[data-theme="poster"] .site-footer {
  border-top: 4px solid #050505;
}

@media (max-width: 430px) {
  body.theme-poster .hero-content,
  body[data-theme="poster"] .hero-content {
    padding-top: 104px;
  }

  body.theme-poster .hero h1,
  body[data-theme="poster"] .hero h1 {
    font-size: clamp(1.66rem, 7.8vw, 2.08rem);
    line-height: 1.05;
    letter-spacing: -0.01em;
  }

  body.theme-poster .hero-accent,
  body[data-theme="poster"] .hero-accent {
    display: inline-block;
    padding: 0 0.07em;
    box-shadow: 2px 2px 0 #2d4dff;
    transform: skew(-4deg);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }

  body.theme-poster .button-primary,
  body.theme-poster .button-secondary,
  body[data-theme="poster"] .button-primary,
  body[data-theme="poster"] .button-secondary,
  body.theme-poster .theme-select,
  body.theme-poster .theme-menu,
  body[data-theme="poster"] .theme-select,
  body[data-theme="poster"] .theme-menu {
    border-width: 3px;
    box-shadow: 3px 3px 0 #2d4dff;
  }

  body.theme-poster .mobile-nav,
  body[data-theme="poster"] .mobile-nav {
    border-width: 3px;
    box-shadow: 3px 3px 0 #2d4dff;
  }

  body.theme-poster .mobile-nav a:not(.button),
  body[data-theme="poster"] .mobile-nav a:not(.button) {
    border-width: 3px;
  }

  body.theme-poster .location-label,
  body[data-theme="poster"] .location-label {
    border-width: 3px;
    box-shadow: 3px 3px 0 #2d4dff;
  }
}
