/* DeepSeek Exporter — page-specific Airtable-inspired UI. */
body[data-airtable-page="deepseek"] {
  --ds-ink: #181d26;
  --ds-body: #333840;
  --ds-muted: #62676f;
  --ds-line: #d9dde3;
  --ds-soft: #f6f7f8;
  --ds-blue: #edf4fb;
  --ds-mint: #eaf5ef;
  --ds-peach: #fff0e6;
  --ds-lilac: #f1effa;
  --ds-coral: #aa2d00;
  --ds-forest: #0a2e0e;
  color: var(--ds-body) !important;
  background: #fff !important;
  font-size: 16px;
  letter-spacing: 0 !important;
}

body[data-airtable-page="deepseek"] .container {
  width: min(1180px, calc(100% - 64px)) !important;
  max-width: none;
  padding: 0;
}

/* Navigation */
body[data-airtable-page="deepseek"] .navbar {
  height: 64px;
  padding: 0;
  background: rgba(255,255,255,.96);
  border-bottom: 1px solid var(--ds-line);
  box-shadow: none;
  backdrop-filter: blur(12px);
}

body[data-airtable-page="deepseek"] .navbar.scrolled { padding: 0; border-bottom-color: var(--ds-line); box-shadow: none; }
body[data-airtable-page="deepseek"] .logo { gap: 10px; color: var(--ds-ink); font-size: 15px; font-weight: 600; letter-spacing: 0; }
body[data-airtable-page="deepseek"] .logo img { width: 34px !important; height: 34px !important; border-radius: 8px; }
body[data-airtable-page="deepseek"] .nav-links { gap: 28px; }
body[data-airtable-page="deepseek"] .nav-links a { color: var(--ds-body); font-size: 14px; }
body[data-airtable-page="deepseek"] .nav-links .btn { min-height: 38px; padding: 8px 18px !important; color: #fff !important; font-size: 14px; }

/* Buttons */
body[data-airtable-page="deepseek"] .btn {
  min-height: 46px;
  padding: 11px 22px !important;
  border-radius: 10px !important;
  font-size: 15px;
  font-weight: 500 !important;
  box-shadow: none !important;
  transform: none !important;
}

body[data-airtable-page="deepseek"] .btn-primary { color: #fff !important; background: var(--ds-ink) !important; border: 1px solid var(--ds-ink) !important; }
body[data-airtable-page="deepseek"] .btn-primary:hover { background: #05080c !important; }
body[data-airtable-page="deepseek"] .btn-outline { color: var(--ds-ink) !important; background: #fff !important; border: 1px solid #aeb4bd !important; }
body[data-airtable-page="deepseek"] .btn-outline:hover { color: var(--ds-ink) !important; background: var(--ds-soft) !important; border-color: var(--ds-ink) !important; }

/* Hero */
body[data-airtable-page="deepseek"] .hero {
  min-height: 0;
  padding: 136px 0 80px !important;
  text-align: left;
  background: #fff !important;
}

body[data-airtable-page="deepseek"] .hero .container {
  display: grid;
  grid-template-columns: minmax(0,.82fr) minmax(520px,1.18fr);
  column-gap: 72px;
  align-items: center;
}

body[data-airtable-page="deepseek"] .hero-eyebrow,
body[data-airtable-page="deepseek"] .hero h1,
body[data-airtable-page="deepseek"] .hero p,
body[data-airtable-page="deepseek"] .hero-buttons,
body[data-airtable-page="deepseek"] .hero-cta-link { grid-column: 1; }

body[data-airtable-page="deepseek"] .hero-eyebrow {
  align-self: end;
  width: max-content;
  margin: 0 0 20px;
  padding: 6px 10px;
  color: var(--ds-coral);
  background: var(--ds-peach);
  border: 1px solid #f1cfbb;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
}

body[data-airtable-page="deepseek"] .hero h1 {
  max-width: 620px;
  margin: 0 0 24px;
  color: var(--ds-ink) !important;
  font-size: clamp(46px,5.2vw,68px) !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
  letter-spacing: -.04em !important;
}

body[data-airtable-page="deepseek"] .hero h1 span { display: block; margin-top: 8px; color: #69717c; }
body[data-airtable-page="deepseek"] .hero p { max-width: 600px; margin: 0 0 30px; color: var(--ds-body) !important; font-size: 17px; font-weight: 400; line-height: 1.75; letter-spacing: 0; }
body[data-airtable-page="deepseek"] .hero-buttons { justify-content: flex-start; margin: 0; }
body[data-airtable-page="deepseek"] .hero-cta-link { width: max-content; margin-top: 18px; color: #1b61c9; font-size: 14px; }

body[data-airtable-page="deepseek"] .image-gallery {
  grid-column: 2;
  grid-row: 1 / span 6;
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 12px;
  background: var(--ds-soft);
  border: 1px solid var(--ds-line);
  border-radius: 12px;
  box-shadow: none;
}

body[data-airtable-page="deepseek"] .image-gallery img { border: 1px solid rgba(24,29,38,.1); border-radius: 8px !important; box-shadow: none; transition: none; }
body[data-airtable-page="deepseek"] .image-gallery img:hover { transform: none; box-shadow: none; }

/* Section rhythm */
body[data-airtable-page="deepseek"] section { padding: 96px 0; }
body[data-airtable-page="deepseek"] .section-title {
  max-width: 780px;
  margin: 0 auto 16px;
  color: var(--ds-ink) !important;
  font-size: clamp(38px,4vw,52px);
  font-weight: 400 !important;
  line-height: 1.12;
  letter-spacing: -.025em;
}

body[data-airtable-page="deepseek"] .section-subtitle { max-width: 650px; margin: 0 auto 48px; color: var(--ds-muted) !important; font-size: 17px; font-weight: 400; line-height: 1.65; letter-spacing: 0; }
body[data-airtable-page="deepseek"] #install,
body[data-airtable-page="deepseek"] .scenarios,
body[data-airtable-page="deepseek"] .faq-section { background: var(--ds-soft); }

/* Browser installation */
body[data-airtable-page="deepseek"] .install-grid { gap: 16px; }
body[data-airtable-page="deepseek"] .browser-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  padding: 28px;
  text-align: left;
  background: #fff;
  border: 1px solid var(--ds-line);
  border-radius: 10px;
  box-shadow: none;
}

body[data-airtable-page="deepseek"] .browser-card:hover { transform: none; border-color: #aeb4bd; box-shadow: none; }
body[data-airtable-page="deepseek"] .browser-icon { width: 54px; height: 54px; margin-bottom: 26px; background: var(--ds-soft); border: 1px solid var(--ds-line); border-radius: 10px; }
body[data-airtable-page="deepseek"] .browser-card h3 { margin-bottom: 8px; color: var(--ds-ink); font-size: 19px; font-weight: 500 !important; }
body[data-airtable-page="deepseek"] .browser-card p { flex: 1; min-height: 0; margin-bottom: 24px; color: var(--ds-muted); font-size: 14px; line-height: 1.65; }
body[data-airtable-page="deepseek"] .browser-card .btn { width: 100%; min-height: 42px; padding: 9px 14px !important; font-size: 14px; }

/* Value and scenario cards */
body[data-airtable-page="deepseek"] .pain-points { background: #fff; }
body[data-airtable-page="deepseek"] .cards-grid-3 { gap: 16px; margin-top: 48px !important; }
body[data-airtable-page="deepseek"] .point-card,
body[data-airtable-page="deepseek"] .scenario-card { min-height: 250px; padding: 34px; border: 1px solid var(--ds-line); border-radius: 10px; box-shadow: none; }
body[data-airtable-page="deepseek"] .point-card:nth-child(1) { background: var(--ds-blue); }
body[data-airtable-page="deepseek"] .point-card:nth-child(2) { background: var(--ds-mint); }
body[data-airtable-page="deepseek"] .point-card:nth-child(3) { background: var(--ds-peach); }
body[data-airtable-page="deepseek"] .point-card:hover,
body[data-airtable-page="deepseek"] .scenario-card:hover { transform: none; border-color: #aeb4bd; box-shadow: none; }
body[data-airtable-page="deepseek"] .point-icon { margin-bottom: 44px; }
body[data-airtable-page="deepseek"] .point-card h3,
body[data-airtable-page="deepseek"] .scenario-card h3 { margin-bottom: 12px; color: var(--ds-ink); font-size: 22px; font-weight: 500 !important; line-height: 1.25; letter-spacing: -.015em; }
body[data-airtable-page="deepseek"] .point-card p,
body[data-airtable-page="deepseek"] .scenario-card p { color: var(--ds-body); font-size: 15px; line-height: 1.7; }

/* Feature showcase */
body[data-airtable-page="deepseek"] #features { counter-reset: ds-feature; color: var(--ds-body); background: #fff; }
body[data-airtable-page="deepseek"] #features .section-subtitle,
body[data-airtable-page="deepseek"] #features .feature-text p { color: var(--ds-body) !important; }
body[data-airtable-page="deepseek"] .feature-item {
  counter-increment: ds-feature;
  position: relative;
  gap: clamp(40px,6vw,80px);
  margin-bottom: 20px;
  padding: clamp(36px,5vw,64px);
  background: var(--ds-soft);
  border: 1px solid var(--ds-line);
  border-radius: 12px;
  overflow: hidden;
}

body[data-airtable-page="deepseek"] .feature-item:nth-of-type(even) { background: var(--ds-blue); }
body[data-airtable-page="deepseek"] .feature-item::before { content: "0" counter(ds-feature); position: absolute; top: 24px; left: 28px; color: #7a8089; font-size: 13px; font-weight: 500; letter-spacing: .08em; }
body[data-airtable-page="deepseek"] .feature-text h3 { margin-bottom: 18px; color: var(--ds-ink) !important; font-size: clamp(30px,3.1vw,42px); font-weight: 400 !important; line-height: 1.15; letter-spacing: -.025em; }
body[data-airtable-page="deepseek"] .feature-text p { max-width: 500px; font-size: 16px; line-height: 1.75; }
body[data-airtable-page="deepseek"] .feature-des-img { width: min(47%,500px); border: 1px solid rgba(24,29,38,.12); border-radius: 10px; box-shadow: none; }
body[data-airtable-page="deepseek"] .scenarios .scenario-card { min-height: 220px; background: #fff; }
body[data-airtable-page="deepseek"] .scenarios .scenario-card:nth-child(2) { background: var(--ds-lilac); }

/* Privacy and closing CTA */
body[data-airtable-page="deepseek"] .privacy-section { padding: 76px 48px; color: #fff; background: var(--ds-forest); border: 0; border-radius: 12px; box-shadow: none; }
body[data-airtable-page="deepseek"] .privacy-section .browser-icon { width: 64px !important; height: 64px !important; margin-bottom: 26px !important; background: rgba(255,255,255,.1) !important; border-color: rgba(255,255,255,.2); }
body[data-airtable-page="deepseek"] .privacy-section h2 { margin-bottom: 18px; color: #fff !important; font-size: clamp(36px,4.5vw,52px); font-weight: 400 !important; line-height: 1.1; letter-spacing: -.025em; }
body[data-airtable-page="deepseek"] .privacy-section p { max-width: 760px; margin: 0 auto; color: #d8e5db; font-size: 17px; line-height: 1.7; }
body[data-airtable-page="deepseek"] .cta-section { padding: 108px 0; background: #fff; }
body[data-airtable-page="deepseek"] .cta-section .container { padding: 64px 48px; background: var(--ds-peach); border: 1px solid #f1cfbb; border-radius: 12px; }
body[data-airtable-page="deepseek"] .cta-section .hero-buttons { justify-content: center; }

/* FAQ */
body[data-airtable-page="deepseek"] .faq-list { max-width: 900px; border-top: 1px solid var(--ds-line); }
body[data-airtable-page="deepseek"] .faq-item { margin: 0; padding: 0 !important; background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--ds-line) !important; border-radius: 0 !important; box-shadow: none !important; }
body[data-airtable-page="deepseek"] .faq-question { padding: 25px 4px; color: var(--ds-ink); font-size: 17px; font-weight: 500; line-height: 1.55; }
body[data-airtable-page="deepseek"] .faq-icon { color: var(--ds-ink); }
body[data-airtable-page="deepseek"] .faq-answer { padding: 0 44px 0 4px !important; color: var(--ds-body); font-size: 15px; line-height: 1.8; }
body[data-airtable-page="deepseek"] .faq-item.active .faq-answer { padding-bottom: 26px !important; }
body[data-airtable-page="deepseek"] footer { padding: 56px 0 28px; background: #fff !important; border-top: 1px solid var(--ds-line); }
body[data-airtable-page="deepseek"] .fade-in { transform: translateY(16px); transition: opacity .45s ease, transform .45s ease; }

@media (max-width: 960px) {
  body[data-airtable-page="deepseek"] .hero .container { grid-template-columns: 1fr; row-gap: 52px; }
  body[data-airtable-page="deepseek"] .hero-eyebrow,
  body[data-airtable-page="deepseek"] .hero h1,
  body[data-airtable-page="deepseek"] .hero p,
  body[data-airtable-page="deepseek"] .hero-buttons,
  body[data-airtable-page="deepseek"] .hero-cta-link,
  body[data-airtable-page="deepseek"] .image-gallery { grid-column: 1; grid-row: auto; }
  body[data-airtable-page="deepseek"] .image-gallery { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
}

@media (max-width: 700px) {
  body[data-airtable-page="deepseek"] .container { width: calc(100vw - 32px) !important; }
  body[data-airtable-page="deepseek"] .navbar { height: 60px; }
  body[data-airtable-page="deepseek"] .nav-links { top: 60px; padding: 24px 20px; background: #fff; border-bottom: 1px solid var(--ds-line); box-shadow: none; }
  body[data-airtable-page="deepseek"] .hero { padding: 104px 0 64px !important; }
  body[data-airtable-page="deepseek"] .hero .container { row-gap: 40px; }
  body[data-airtable-page="deepseek"] .hero h1 { font-size: 40px !important; line-height: 1.08 !important; }
  body[data-airtable-page="deepseek"] .hero p { font-size: 16px; }
  body[data-airtable-page="deepseek"] .hero-buttons { align-items: stretch; width: 100%; }
  body[data-airtable-page="deepseek"] .hero-buttons .btn { width: 100%; }
  body[data-airtable-page="deepseek"] .image-gallery { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  body[data-airtable-page="deepseek"] section { padding: 68px 0; }
  body[data-airtable-page="deepseek"] .section-title { font-size: 34px; }
  body[data-airtable-page="deepseek"] .section-subtitle { margin-bottom: 36px; font-size: 16px; }
  body[data-airtable-page="deepseek"] .install-grid,
  body[data-airtable-page="deepseek"] .cards-grid-3 { grid-template-columns: 1fr; }
  body[data-airtable-page="deepseek"] .browser-card,
  body[data-airtable-page="deepseek"] .point-card,
  body[data-airtable-page="deepseek"] .scenario-card { min-height: 0; padding: 26px; }
  body[data-airtable-page="deepseek"] .point-icon { margin-bottom: 28px; }
  body[data-airtable-page="deepseek"] .feature-item,
  body[data-airtable-page="deepseek"] .feature-item.reverse { gap: 30px; padding: 48px 22px 24px; border-radius: 10px; }
  body[data-airtable-page="deepseek"] .feature-text h3 { font-size: 30px; }
  body[data-airtable-page="deepseek"] .feature-des-img { width: 100%; }
  body[data-airtable-page="deepseek"] .privacy-section { padding: 52px 22px; border-radius: 10px; }
  body[data-airtable-page="deepseek"] .privacy-section h2 { font-size: 34px; }
  body[data-airtable-page="deepseek"] .cta-section { padding: 68px 0; }
  body[data-airtable-page="deepseek"] .cta-section .container { width: calc(100vw - 32px) !important; padding: 44px 20px; }
  body[data-airtable-page="deepseek"] .footer-content { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px 22px; }
}

@media (prefers-reduced-motion: reduce) {
  body[data-airtable-page="deepseek"] .fade-in { opacity: 1 !important; transform: none !important; }
}