/* Local conversion preview: retain the established hero, add tangible product proof. */
.discovery-entry-promise { margin:0 0 14px; text-align:center; font:500 13px/1.6 var(--font-jp,sans-serif); color:#294e52; }
.discovery-entry-price { text-align:center; display:flex; align-items:baseline; justify-content:center; flex-wrap:wrap; gap:6px; margin:18px 0 0; font:400 12px/1.6 var(--font-jp,sans-serif); color:#294e52; }
.discovery-entry-price strong { font-size:15px; font-weight:600; }
.discovery-entry-price > span { margin-left:14px; font-size:11px; }
.discovery-page.hero h1 { letter-spacing:-.04em; }
.discovery-page #content > .work-proof { max-width:none; background:#f3f4f2; color:#182f32; padding:110px max(48px,calc((100vw - 1320px)/2)) 40px; font-family:var(--font-jp,sans-serif); }
.work-proof__heading { display:flex; justify-content:space-between; align-items:flex-end; gap:40px; margin-bottom:44px; }
.work-proof__eyebrow { margin:0 0 20px; font-size:13px; }
.work-proof h2 { font-size:clamp(32px,3.5vw,52px); font-weight:500; line-height:1.4; letter-spacing:-.04em; margin:0; }
.work-proof__heading > p { font-size:14px; line-height:2; margin:0 0 5px; }
.work-proof__heading > p > span { display:block; margin-top:18px; font-size:12px; color:#526969; }
.work-proof__toolbar { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:20px; }
.work-proof__switch { display:flex; gap:4px; background:#e2e7e3; padding:4px; border-radius:30px; }
.work-proof__switch button { border:0; padding:12px 22px; background:transparent; color:#365456; border-radius:28px; font:500 13px/1.5 var(--font-jp,sans-serif); cursor:pointer; transition:background .25s,color .25s,box-shadow .25s; }
.work-proof__switch button[aria-pressed=true] { background:#193f42; color:white; box-shadow:0 2px 5px #18333518; }
.work-proof__switch button span { margin-left:16px; }
.work-proof__example { font-size:11px; color:#536363; }
.work-proof__stage { border:1px solid #d7dfda; border-radius:20px; overflow:hidden; background:#e7ece7; min-height:440px; }
.work-proof [hidden] { display:none!important; }
.work-proof__before { min-height:440px; display:grid; grid-template-columns:1.05fr .4fr 1fr; align-items:center; gap:16px; padding:35px 65px; }
.work-proof__messages { background:#fafbf9; border-radius:12px; padding:19px 24px; box-shadow:0 18px 40px #34493a0e; transform:rotate(-2deg); }
.work-proof__window-label { display:flex; align-items:center; gap:8px; border-bottom:1px solid #dde3dd; padding-bottom:14px; font-size:12px; }
.work-proof__dot { width:8px; height:8px; border:1.5px solid #53746b; border-radius:50%; }
.work-proof__message { width:86%; margin-top:13px; background:#eaf0eb; padding:11px 14px; border-radius:2px 12px 12px; }
.work-proof__message > span { font-size:10px; color:#566d64; }
.work-proof__message p { margin:5px 0; font-size:12px; line-height:1.65; }
.work-proof__message time { display:block; text-align:right; color:#65706c; font-size:9px; }
.work-proof__message--reply { margin-left:auto; background:#deebe7; border-radius:12px 2px 12px 12px; }
.work-proof__handoff { text-align:center; color:#526760; }
.work-proof__handoff > span { font:300 30px sans-serif; }
.work-proof__handoff p { font-size:12px; line-height:1.8; }
.work-proof__paper { background:#fffdf4; padding:30px 26px; transform:rotate(3deg); box-shadow:0 18px 40px #34493a10; }
.work-proof__paper-title { font-size:15px; margin:0 0 28px; }
.work-proof__paper-title > span { display:block; font:9px/2 sans-serif; color:#7b7a67; letter-spacing:.14em; }
.work-proof__paper > div { padding:15px 0; border-bottom:1px solid #dddccb; font-size:13px; }
.work-proof__paper small { display:block; margin-top:7px; color:#6a7163; font-size:10px; }
.work-proof__paper-question { font-size:12px; line-height:1.8; color:#806e50; margin:22px 0 0; }
.work-proof__after { display:grid; grid-template-columns:215px 1fr; min-height:440px; background:#fcfdfb; }
.work-proof__sidebar { display:flex; flex-direction:column; gap:12px; padding:32px 20px; background:#eaf0ec; font-size:12px; }
.work-proof__sidebar > strong { margin:0 0 28px; font-size:13px; }
.work-proof__sidebar > strong span { margin-right:6px; }
.work-proof__sidebar > span { padding:12px; }
.work-proof__sidebar .is-current { background:#d5e4de; border-radius:6px; }
.work-proof__sidebar b { float:right; font-weight:500; }
.work-proof__sidebar small { margin-top:auto; font-size:9px; color:#566961; }
.work-proof__workspace { padding:32px 36px; }
.work-proof__workspace > header { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:26px; }
.work-proof__workspace header p { font:10px/1.6 sans-serif; letter-spacing:.13em; color:#647c72; margin:0 0 6px; }
.work-proof h3 { margin:0; font-size:22px; font-weight:500; }
.work-proof__connection { font-size:10px; color:#4b6f60; }
.work-proof__table-head,.work-proof__order { display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; gap:18px; padding:16px 0; border-bottom:1px solid #e0e7e1; font-size:12px; }
.work-proof__table-head { font-size:10px; color:#5d7167; }
.work-proof__order strong { display:block; font:500 18px/1.4 sans-serif; }
.work-proof__order small { display:block; margin-top:4px; font-size:10px; color:#627268; }
.work-proof__order b { margin-left:12px; font-weight:500; }
.work-proof__order button { background:#245b50; border:0; border-radius:6px; color:white; padding:10px; cursor:pointer; font:500 11px/1.5 var(--font-jp,sans-serif); }
.work-proof__order button[aria-pressed=true] { background:#e2eee3; color:#27543b; }
.work-proof__waiting { color:#546d61; padding:10px; font-size:11px; }
.work-proof__prep { display:flex; gap:15px; align-items:center; margin-top:25px; padding:18px 0; }
.work-proof__prep > span { display:grid; place-items:center; background:#e8f0e8; border-radius:50%; width:32px; height:32px; flex-shrink:0; }
.work-proof__prep strong { font-size:12px; font-weight:500; }
.work-proof__prep p { margin:6px 0 0; font-size:10px; color:#526b5d; }
.work-proof__caption { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-top:18px; }
.work-proof__caption p { font-size:13px; margin:0; }
.work-proof__caption > span { color:#56675f; font-size:10px; }
.work-proof__cta { display:flex; justify-content:space-between; gap:20px; width:fit-content; margin-top:34px; border-bottom:1px solid #8c9d92; padding-bottom:10px; text-decoration:none; color:inherit; font-size:13px; }
.work-proof button:focus-visible,.work-proof a:focus-visible { outline:2px solid #397e6d; outline-offset:4px; }
@media(prefers-reduced-motion:no-preference) { .work-proof__before,.work-proof__after { animation:proof-appear .4s cubic-bezier(.22,1,.36,1); } @keyframes proof-appear { from { opacity:.5; transform:translateY(7px); } to { opacity:1; transform:none; } } }
@media(max-width:1000px) { .discovery-page #content > .work-proof { padding-inline:36px; } }
@media(max-width:900px) { .work-proof__before { padding:30px; grid-template-columns:1fr 70px 1fr; } .work-proof__sidebar { display:none; } .work-proof__after { grid-template-columns:1fr; } }
@media(max-width:700px) {
 .discovery-entry-promise { font-size:12px; } .discovery-entry-price { margin-top:14px; font-size:11px; } .discovery-entry-price > span { display:block; width:100%; margin-left:0; font-size:10px; }
 .discovery-page #content > .work-proof { padding:64px 24px 10px; } .work-proof__heading { display:block; margin-bottom:30px; } .work-proof h2 { font-size:32px; } .work-proof__heading > p { margin-top:22px; font-size:13px; } .work-proof__heading > p > span { margin-top:8px; }
 .work-proof__toolbar { align-items:flex-start; flex-direction:column; } .work-proof__switch { width:100%; } .work-proof__switch button { flex:1; padding:11px 8px; font-size:11px; } .work-proof__switch button span { margin-left:5px; } .work-proof__example { font-size:10px; }
 .work-proof__stage { min-height:610px; border-radius:12px; } .work-proof__before { min-height:610px; grid-template-columns:1fr; gap:10px; padding:24px; } .work-proof__messages { padding:16px; transform:rotate(-1deg); } .work-proof__message { margin-top:10px; padding:7px 12px; } .work-proof__message p { font-size:11px; } .work-proof__message p br { display:none; } .work-proof__handoff { display:flex; justify-content:center; align-items:center; gap:12px; } .work-proof__handoff > span { transform:rotate(90deg); font-size:22px; } .work-proof__handoff p { font-size:11px; } .work-proof__handoff br { display:none; }
 .work-proof__paper { padding:16px 20px; transform:rotate(1deg); } .work-proof__paper-title { margin-bottom:5px; } .work-proof__paper-title > span { display:inline; margin-left:8px; } .work-proof__paper > div { padding:8px 0; font-size:12px; } .work-proof__paper-question { margin-top:12px; font-size:11px; }
 .work-proof__after { min-height:610px; } .work-proof__workspace { padding:28px 16px; } .work-proof__workspace > header { flex-direction:column; align-items:flex-start; gap:12px; margin-bottom:24px; } .work-proof h3 { font-size:22px; } .work-proof__table-head,.work-proof__order { gap:8px; grid-template-columns:.85fr 1fr 1fr; font-size:11px; padding:20px 0; } .work-proof__order b { display:block; margin:4px 0 0; } .work-proof__order button { padding:10px 5px; font-size:10px; } .work-proof__prep { align-items:flex-start; margin-top:32px; } .work-proof__prep p { line-height:1.8; } .work-proof__caption { flex-direction:column; align-items:flex-start; gap:8px; } .work-proof__caption p { font-size:12px; } .work-proof__cta { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) { .work-proof__switch button { transition:none; } }