/* Shared TR / EN launch interactions. */
[hidden] { display:none !important; }
.product-demo { margin-top:36px; }
.demo-tabs { display:flex; gap:8px; padding:6px; border:1px solid #33523b25; border-radius:18px; background:#E4EBDF; }
.demo-tabs button { flex:1; border:0; border-radius:12px; padding:15px 12px; background:transparent; color:#33523B; font:600 14px/1.4 var(--sans); cursor:pointer; }
.demo-tabs button[aria-selected=true] { background:#33523B; color:#fff; box-shadow:0 4px 12px #22352b22; }
.demo-tabs button:focus-visible, .demo-panel:focus-visible { outline:3px solid #C9744F; outline-offset:3px; }
.demo-panel { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:48px; padding:36px clamp(20px,4vw,56px); margin-top:22px; border:1px solid #33523b20; border-radius:28px; background:#F2EFDB; color:#22352B; }
.demo-copy h3, .community-section h2 { font:500 clamp(1.9rem,3.5vw,3.2rem)/1.1 var(--serif); letter-spacing:-.02em; margin:0 0 22px; }
.demo-copy > p:last-child, .community-section p { font:400 16px/1.7 var(--sans); color:#5C6A58; }
.demo-phone { margin:0 auto; width:min(100%,220px); }
.demo-phone img { display:block; width:100%; height:auto; border:7px solid #22352B; border-radius:27px; background:#F5F2EA; box-shadow:0 18px 36px #22352b22; }
.demo-phone figcaption { font:500 11px/1.5 var(--sans); color:#5C6A58; text-align:center; margin-top:12px; }
.community-section { padding:72px 0; background:#E4EBDF; }
.community-intro { max-width:640px; }
.community-ctas { display:flex; flex-wrap:wrap; gap:12px; margin-top:18px; }
.community-ctas .btn.web { background:#33523B; color:#fff; padding:15px 23px; box-shadow:0 8px 24px #33523b20; transition:background .2s,transform .2s; }
.community-ctas .btn.web:hover { background:#22352B; transform:translateY(-2px); }
.community-ctas .btn.pilot { background:transparent; color:#33523B; box-shadow:none; border:1.5px solid #33523b55; }
.community-section .demo-tabs { background:#F5F2EA; }
.community-section .demo-panel { background:#F5F2EA; }
.community-section .demo-copy .kicker { color:#964828; }
.florist .wrap.qr-demo-wrap { display:block; padding-top:24px; padding-bottom:90px; }
.qr-demo-wrap .demo-copy p { color:#5C6A58; }
.qr-demo-wrap .demo-copy .kicker { color:#964828; }
.qr-demo-wrap .demo-copy h3 { color:#22352B; }
.florist-join { display:inline-flex; align-items:center; min-height:44px; gap:14px; color:#F2C58F; text-underline-offset:5px; font-weight:600; }
.pilot-form { position:relative; max-width:620px; margin:32px auto 0; padding:clamp(20px,4vw,36px); text-align:left; background:#fffdf5; border:1px solid #33523b25; border-radius:24px; box-shadow:0 20px 50px -35px #22352b66; }
.pilot-form fieldset { min-width:0; border:0; padding:0; margin:0; }
.pilot-form legend { padding:0; margin-bottom:14px; font:600 16px/1.4 var(--sans); }
.audience-options { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:22px; }
.audience-options label { display:flex; gap:10px; align-items:center; padding:12px; border:1px solid #33523b33; border-radius:12px; cursor:pointer; font-size:13px; }
.audience-options label:has(:checked) { background:#E4EBDF; border-color:#33523B; }
.audience-options input { accent-color:#33523B; width:18px; height:18px; flex-shrink:0; }
.pilot-form label { color:#33523B; font-weight:600; }
.pilot-form fieldset > label, #business-field > label { display:block; font-size:14px; margin:12px 0 7px; }
.pilot-form input:not([type=radio]) { display:block; width:100%; min-width:0; padding:13px; font:400 16px/1.4 var(--sans); color:#22352B; background:white; border:1px solid #33523b55; border-radius:10px; }
.pilot-form input:focus-visible, .pilot-form button:focus-visible { outline:3px solid #C9744F; outline-offset:3px; }
.pilot-form [aria-invalid=true] { border-color:#A83232 !important; }
.field-error { display:block; min-height:0; margin-top:4px; font-size:12px; color:#9B2929; }
.form-privacy { font:400 12px/1.7 var(--sans); color:#5C6A58; margin:22px 0; }
.form-privacy a { text-underline-offset:3px; }
.pilot-form .btn { border:0; cursor:pointer; width:100%; justify-content:center; min-height:48px; }
.pilot-form .btn:disabled { cursor:default; opacity:.65; transform:none; }
.form-status { margin:0; font-size:14px; line-height:1.6; }
.form-status:not(:empty) { margin-top:18px; padding:14px; background:#E4EBDF; border-radius:10px; }
.form-status[data-state=error] { background:#F9E8E1; color:#852D20; }
.pilot-fallback { font-size:12px; line-height:1.7; overflow-wrap:anywhere; }
.form-trap { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.demo-panel { animation:demo-appear .3s ease-out; }
@keyframes demo-appear { from { opacity:.4; transform:translateY(6px); } to { opacity:1; transform:none; } }
@media (max-width:820px) {
  .demo-tabs { gap:3px; padding:4px; }
  .demo-tabs button { font-size:12px; padding:12px 6px; }
  .demo-panel { grid-template-columns:1fr; gap:24px; padding:24px 20px; }
  .demo-copy h3 { font-size:1.85rem; }
  .demo-copy > p:last-child { font-size:14px; }
  .demo-phone { width:180px; }
  .community-section { padding:48px 0; }
  .audience-options { grid-template-columns:1fr; }
  .pilot-form .btn { width:100%; }
}
@media (prefers-reduced-motion:reduce) { .demo-panel { animation:none; } }