/* iThink — re-skin of the inner pages (DMS, MAPS, Soonfor, AI tools, About, Contact, Gutenberg pages)
   to the 2026-10 look. Loaded after main.css and site.css: main.css keeps the layouts, this file swaps its
   warm-brown palette for the logo palette and adapts the pieces that assumed the old fixed header. */
:root{
  --cream:#fff; --cream-2:#FBF8F4; --bg-alt:#FBF8F4;
  --warm-deep:#32114D; --warm-deep-2:#4B1B72;
  --text:#575049; --muted:#8D847D;
  --brand-a:#F47A26; --brand-b:#D21E5F; --brand-pink:#D6197F;
  --grad:linear-gradient(100deg,#E0531C 0%,#D21E5F 100%);
  --grad-warm:linear-gradient(100deg,#E0531C 0%,#D21E5F 100%);
  --wa-dark:#178A45;
  --shadow:0 26px 50px -30px rgba(40,20,10,.5);
  --shadow-sm:0 14px 28px -20px rgba(40,20,10,.45);
  --font:'Plus Jakarta Sans','Noto Sans SC',system-ui,sans-serif;
}
body.nav-open{overflow:visible}

/* the header no longer floats over the page, so the first block needs no room for it */
.hero{padding:64px 0 66px;background:radial-gradient(820px 520px at 92% 20%,#FFF0DC 0%,rgba(255,240,220,0) 70%),#fff}
.hero-sub-page,section.hero-sub{padding:64px 0 60px}
.hero::before,.hero::after{display:none}
.hero-copy h1{letter-spacing:0}
body.lang-zh .hero-copy h1{line-height:1.22}
body.lang-en .hero-copy h1{letter-spacing:-.02em}
.badge{color:var(--crimson);box-shadow:none;font-weight:700}
.badge-hot{color:var(--magenta)}
.eyebrow,body.lang-zh .eyebrow{font:500 12.5px 'DM Mono','Noto Sans SC',monospace;letter-spacing:.12em;color:var(--mut)}
.eyebrow-l{color:var(--sun)}

/* buttons keep their old class names in the templates; give them the new shapes */
.btn-grad{background:var(--heat);color:#fff;box-shadow:0 12px 24px -12px rgba(210,30,95,.7)}
.btn-grad:hover{color:#fff;box-shadow:0 14px 28px -12px rgba(210,30,95,.8)}
.btn-ghost{border:2px solid var(--ink);color:var(--ink);background:transparent;padding:12px 22px}
.btn-ghost:hover{background:var(--ink);color:#fff}
.btn-s{padding:10px 18px;font-size:14px}

/* dark bands: plum instead of brown */
.sec-dark{background:radial-gradient(760px 380px at 86% 0%,#5B1F88 0%,rgba(91,31,136,0) 70%),var(--deep)}
.sec-dark::before{display:none}
.sec-dark .step p,.num-l,.partner-card p,.wa-card p{color:#E4D4F3}
.nums-note{color:#C5B0DC}
.num .num-n{background:none;-webkit-text-fill-color:var(--sun);color:var(--sun)}
.ba-after{background:var(--deep)}
.ba-after .ba-tag{background:rgba(252,196,25,.16);color:var(--sun)}
.ba-after .ba-row span{color:#F1E6FA}
.wa-card{background:radial-gradient(520px 300px at 90% 0%,#5B1F88 0%,rgba(91,31,136,0) 70%),var(--deep)}

/* small pieces that had the old orange baked in */
.pain-x{background:#FDE7EA;color:var(--crimson)}
.prod-ico{background:var(--peach);color:var(--crimson)}
.chip-soft{background:var(--peach);color:#B4431A}
.vs-play{box-shadow:0 12px 26px -10px rgba(210,30,95,.7)}
.video-slot::before{background:linear-gradient(180deg,rgba(50,17,77,.12),rgba(50,17,77,.5))}
.vs-note{background:rgba(50,17,77,.45)}
.flow-step{background:var(--paper)}
/* six steps in one row left each with a column about 110px wide; three per row reads properly */
.flow{grid-template-columns:repeat(3,minmax(0,1fr))}
.stat,.pain-card,.feat-card,.why-card,.prod-card,.mod-card,.faq-item,.wa-form,.shot{border-radius:20px}

/* form fields: 16px so phones do not zoom in when a field is tapped */
.wa-form input,.wa-form select,.wa-form textarea{font-size:16px;background:var(--paper)}
.wa-form input:focus,.wa-form select:focus,.wa-form textarea:focus{border-color:var(--flame);box-shadow:0 0 0 4px rgba(244,122,38,.16)}
.wa-form button{justify-content:center}
.info-row a,.info-row span:not(.info-l){overflow-wrap:anywhere}
.info-row a{display:inline-flex;align-items:center;min-height:44px}
.faq-item summary{min-height:44px}

/* Gutenberg pages */
.entry-content .wp-block-button__link{border-radius:999px;background:var(--heat)}
.entry-content blockquote{background:var(--paper)}

@media (max-width:640px){
  .flow{grid-template-columns:minmax(0,1fr)}
  .hero{padding:44px 0 48px}
  .hero-sub-page,section.hero-sub{padding:44px 0 44px}
}