:focus-visible { outline: 3px solid #7c5cff; outline-offset: 4px; }
.form select {font:inherit; padding:14px; border:1px solid #9387b3; border-radius:10px; background:#fff; color:#24193d; width:100%; min-height:48px}
.form input,.form textarea {min-height:48px}
.form p {font-size:14px; line-height:1.6}
button:disabled {opacity:.65; cursor:wait}
.reveal {opacity:1; transform:none}
img {max-width:100%; height:auto}
.hero-cta {flex-wrap:wrap}
.hero .note {color:#c7c0ec;font-family:var(--inter);font-size:14px;line-height:1.7;max-width:680px;text-align:left;margin:24px 0 8px}
.chat-in {min-width:0}.chat-in input {min-width:0}
#formStatus {color:inherit; overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){*,*::before,*::after {scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:600px){.hero h1 {font-size:clamp(34px,9vw,52px)} .hero-cta a {max-width:100%;white-space:normal} .wrap {overflow-wrap:anywhere}}
.btn-primary {background:linear-gradient(135deg,#6338ce,#7736ad);color:#fff}
main#main h1 {font-size:clamp(36px,6vw,58px);margin-bottom:24px}
main#main h2 {font-size:28px;margin:36px 0 16px}
main#main p,main#main li {line-height:1.75;margin-bottom:16px}
main#main ul,main#main ol {padding-left:24px}
main#main .btn {margin-block:12px}
/* Buyer journey: retain the original palette, type and card treatment. */
.work-section,.security-section {background:var(--lav)}
.soil-proof {display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:32px;background:#fff;border:1px solid var(--line2);border-radius:18px;padding:clamp(22px,4vw,42px)}
.soil-proof h3 {font-size:clamp(24px,3vw,32px);margin:18px 0}
.soil-proof p,.sample-context p {line-height:1.75;margin:14px 0}
.soil-proof .badge {display:inline-block;color:#5a36ae;background:var(--lav);border:1px solid var(--line2);border-radius:99px;padding:7px 12px;font-size:12px}
.evidence-panel {background:var(--lav);border-radius:14px;padding:24px;min-width:0}
.evidence-panel h4,.sample-context h4 {font-size:16px;margin:0 0 14px}
.evidence-panel ul {padding-left:20px}
.evidence-panel li {margin-bottom:12px;line-height:1.7}
.work-links {display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:24px}
.work-links a:not(.btn),.section-link a,.soil-proof p a,main#main p a:not(.btn) {text-decoration:underline;text-underline-offset:3px}
.sample-details {margin-top:28px;border:1px solid var(--line2);border-radius:16px;background:#fff;padding:22px}
.sample-details summary,.buyer-faq summary {cursor:pointer;font-weight:600;font-size:17px;line-height:1.5;min-height:44px;padding:10px 0;color:var(--ink)}
.sample-details summary span {display:block;font-size:13px;color:var(--body);font-weight:400;margin:6px 0}
.sample-details .proof-grid {margin-top:18px}
.sample-context {padding:8px 4px}
.sample-context h3 {font-size:22px}
.sample-context h4 {margin-top:24px}
.sample-details .demobox>p {font-size:14px;line-height:1.6;margin-bottom:16px}
.buyer-faq {max-width:850px;margin:auto}
.buyer-faq details {border-bottom:1px solid var(--line2);padding:12px 0}
.buyer-faq details p {line-height:1.8;margin:8px 0 16px}
.section-link {margin-top:28px;line-height:1.7}
.proc {grid-template-columns:repeat(3,minmax(0,1fr))}
.work-flow {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;padding:0!important;margin:28px 0}
.work-flow li {background:var(--lav);border:1px solid var(--line2);padding:20px;border-radius:14px}
.work-flow strong {display:block;color:var(--ink);margin-bottom:8px}
.msg.us {background:linear-gradient(135deg,#6338ce,#7736ad)}
:where(.buyer-faq,.sample-details) summary:focus-visible {outline:3px solid #7c5cff;outline-offset:4px}
@media(max-width:800px){.soil-proof {grid-template-columns:minmax(0,1fr)} .work-flow {grid-template-columns:1fr} .proc {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.proc {grid-template-columns:1fr} .sample-details {padding:16px} .evidence-panel {padding:20px} .sample-details .proof-grid {grid-template-columns:minmax(0,1fr)}}
@media(max-width:360px){.bar .askai {display:none}}
.eyebrow {color:#6340bd}
.note {color:var(--body)}
@media(max-width:600px){.hero h1 {line-height:1.08}.hero h1 br {display:none}.bar .askai {font-size:12px;white-space:nowrap;padding:10px 12px}}