/* Synthfy Product Pages */
.pp-hero{background:linear-gradient(180deg,#ffffff 0%,var(--warm-gray) 100%);padding:64px 0 60px}
.pp-hero h1{font-family:var(--font-display);font-size:clamp(2rem,4.4vw,3.1rem);line-height:1.08;color:var(--primary);margin:0 0 18px}
.pp-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft,#fff1ef);padding:7px 14px;border-radius:999px;margin-bottom:18px}
.pp-hero p.lead{font-size:1.12rem;color:var(--text-light);max-width:60ch;line-height:1.65;margin:0 0 26px}
.pp-cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.pp-btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.95rem;padding:14px 24px;border-radius:12px;text-decoration:none;transition:.2s;cursor:pointer;border:0}
.pp-btn.primary{background:var(--accent);color:#fff}
.pp-btn.primary:hover{background:var(--accent-hover)}
.pp-btn.ghost{background:#fff;color:var(--primary);border:1px solid var(--border)}
.pp-btn.ghost:hover{border-color:var(--accent);color:var(--accent)}
.pp-deliver-badge{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-size:.85rem;color:var(--text-light)}
.pp-deliver-badge b{color:var(--primary)}
.pp-section{padding:72px 0}
.pp-section.alt{background:var(--warm-gray)}
.pp-head{text-align:center;max-width:740px;margin:0 auto 44px}
.pp-label{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.pp-head h2{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.3rem);color:var(--primary);margin:10px 0 12px}
.pp-head p{color:var(--text-light);font-size:1.02rem;line-height:1.6}
.pp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pp-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:26px;transition:.2s}
.pp-card:hover{box-shadow:0 12px 30px rgba(17,24,39,.08);transform:translateY(-3px)}
.pp-card .ic{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;background:var(--accent-soft,#fff1ef);margin-bottom:14px}
.pp-card h4{color:var(--primary);font-size:1.02rem;margin:0 0 8px}
.pp-card p{color:var(--text-light);font-size:.9rem;line-height:1.55;margin:0}
.pp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.pp-step{padding:26px 22px;background:#fff;border:1px solid var(--border);border-radius:16px}
.pp-step .n{width:34px;height:34px;border-radius:10px;background:var(--primary);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.pp-step h4{color:var(--primary);font-size:1rem;margin:0 0 8px}
.pp-step p{color:var(--text-light);font-size:.88rem;line-height:1.55;margin:0}
.pp-chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.pp-chip{background:#fff;border:1px solid var(--border);border-radius:999px;padding:10px 18px;font-size:.9rem;color:var(--text);font-weight:500}
.flow{display:flex;align-items:stretch;justify-content:center;max-width:1000px;margin:0 auto;flex-wrap:wrap}
.flow-node{flex:1;min-width:190px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:26px 20px;text-align:center;opacity:.45;transform:translateY(6px);animation:nodeIn 4.2s infinite}
.flow-node:nth-child(1){animation-delay:0s}
.flow-node:nth-child(3){animation-delay:1.05s}
.flow-node:nth-child(5){animation-delay:2.1s}
.flow-node:nth-child(7){animation-delay:3.15s}
@keyframes nodeIn{0%,100%{opacity:.45;transform:translateY(6px)}10%,28%{opacity:1;transform:translateY(0);box-shadow:0 14px 32px rgba(232,80,58,.18);border-color:var(--accent)}}
.flow-node .ic{font-size:1.9rem;margin-bottom:10px;display:block}
.flow-node h5{margin:0 0 6px;color:var(--primary);font-size:.98rem}
.flow-node p{margin:0;color:var(--text-light);font-size:.8rem;line-height:1.5}
.flow-conn{flex:0 0 54px;display:flex;align-items:center;justify-content:center}
.flow-conn .line{width:100%;height:3px;background:var(--border);position:relative;overflow:hidden;border-radius:2px}
.flow-conn .line::after{content:"";position:absolute;top:0;left:-45%;width:45%;height:100%;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:flowPulse 4.2s infinite linear}
.flow-conn:nth-of-type(4) .line::after{animation-delay:1.05s}
@keyframes flowPulse{0%{left:-45%}55%,100%{left:130%}}
.pp-inquiry{background:var(--primary);border-radius:24px;padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.pp-inquiry h2{color:#fff;font-family:var(--font-display);font-size:1.85rem;margin:0 0 12px}
.pp-inquiry p{color:rgba(255,255,255,.6);line-height:1.6;margin:0 0 16px}
.pp-inquiry .note{font-size:.78rem;color:rgba(255,255,255,.4)}
.pp-form{display:grid;gap:12px}
.pp-form input,.pp-form textarea{width:100%;padding:13px 15px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;font-size:.92rem;font-family:inherit;box-sizing:border-box}
.pp-form input::placeholder,.pp-form textarea::placeholder{color:rgba(255,255,255,.45)}
.pp-form button{background:var(--accent);color:#fff;border:0;padding:14px;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer}
.pp-form button:hover{background:var(--accent-hover)}
.pp-disclaimer{max-width:900px;margin:28px auto 0;font-size:.78rem;color:var(--text-light);background:var(--warm-gray-2,#f0eeeb);border:1px solid var(--border);border-radius:12px;padding:16px 20px;line-height:1.6}
@media(max-width:880px){.flow{flex-direction:column}.flow-conn{flex:0 0 28px;transform:rotate(90deg)}.pp-grid,.pp-steps{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.pp-inquiry{grid-template-columns:1fr;padding:32px}}
@media(max-width:560px){.pp-grid,.pp-steps{grid-template-columns:1fr}}