/* Label-led controls: consistent across pointer and touch devices. */
:root{--control-radius:12px;--control-border:#c8b3dc;--control-ink:#653581;--control-fill:#7138bc;--control-height:50px}
.button,.future-copy .button,.refined-hero .button,.cta .button,.demo-primary,.phone-primary,.phone-actions .phone-primary{border-radius:var(--control-radius);min-height:var(--control-height);font-size:15px;font-weight:600;line-height:1.4;padding:14px 24px;gap:0;text-align:center;background:linear-gradient(115deg,#9a2ca5,#713bc2 65%,#5555c7);border:1px solid #8244b5;color:white;box-shadow:0 5px 15px #7138bc18;transition:background .2s,box-shadow .2s,transform .2s}
.button:hover,.demo-primary:hover,.phone-primary:hover{background:linear-gradient(115deg,#882794,#6433b1 65%,#484ab9);box-shadow:0 9px 22px #7138bc25;transform:translateY(-2px)}
.button.secondary,.button.small,.demo-secondary,.phone-actions button:not(.phone-primary),.automation-actions .demo-secondary,.expand-inline,.demo-size-control button{background:#fff;color:var(--control-ink);border:1px solid var(--control-border);border-radius:var(--control-radius);min-height:48px;line-height:1.4;font-size:14px;font-weight:600;padding:13px 20px;gap:0;box-shadow:0 3px 10px #58277608;text-align:center;transition:background .2s,border-color .2s,box-shadow .2s}
.button.secondary:hover,.button.small:hover,.demo-secondary:hover,.expand-inline:hover,.demo-size-control button:hover{background:#f5eefb;border-color:#a077bc;box-shadow:0 5px 13px #7138bc12}
.button:active,.demo-primary:active,.demo-secondary:active,.expand-inline:active,.phone-actions button:active{transform:translateY(0);box-shadow:inset 0 2px 5px #40205218}
.button.small{font-size:14px;padding:11px 18px;min-height:44px;white-space:nowrap}.phone-actions button{padding:12px 16px;min-height:46px}.phone-actions .phone-primary{font-size:14px;padding:12px 16px}.phone-primary{font-size:14px;padding:12px 16px;min-height:46px}.textlink{display:inline-flex;align-items:center;justify-content:flex-start;gap:0;min-height:44px;padding:8px 0;font-size:15px;font-weight:600;line-height:1.5;color:var(--control-ink);text-decoration:underline;text-decoration-color:#ccb1df;text-underline-offset:6px;transition:color .2s,text-decoration-color .2s}.textlink:hover{color:#9c299e;text-decoration-color:#9c299e}.story-app-copy>.textlink{font-size:15px;min-height:44px;padding:10px 0}
.automation-actions button{min-height:48px;padding:13px 20px;font-size:14px;gap:0;border-radius:var(--control-radius)}.story-tabs button,.automation-switch button,.scene-select button,.story-step-list button{border-radius:var(--control-radius);min-height:48px;transition:background .2s,border-color .2s}.automation-switch button{font-size:15px}.story-tabs button{font-size:15px}.story-tabs button[aria-selected=true],.automation-switch button[aria-pressed=true]{background:#7138bc;border-color:#7138bc;box-shadow:0 4px 12px #7138bc1a}.scene-select button.active{background:#7138bc;border-color:#7138bc}.sample-site-nav button,.sample-site-hero button{border-radius:var(--control-radius);min-height:46px;gap:0;font-size:13px}.logo-trigger span{gap:0}.logo-trigger{font-size:13px;text-decoration:underline;text-decoration-color:#c5a5dc;text-underline-offset:5px}.future-footer button{border-radius:var(--control-radius);min-height:44px;padding:11px 17px;font-size:13px}.future-footer a{display:inline-flex;align-items:center;min-height:44px;font-size:13px}.expanded-toolbar button{border-radius:var(--control-radius);gap:0;min-height:44px}.guide-action{font-size:15px}.guide-action>span:empty{display:none}.capability-card-foot{justify-content:flex-start}.button:focus-visible,.demo-primary:focus-visible,.demo-secondary:focus-visible,.expand-inline:focus-visible,.story-tabs button:focus-visible,.automation-switch button:focus-visible{outline:3px solid #8346b5;outline-offset:4px}button:disabled{cursor:default;opacity:.5;box-shadow:none;transform:none}
@media(max-width:700px){.future-copy .actions,.refined-hero .actions{display:grid;grid-template-columns:1fr;width:100%;gap:12px}.future-copy .actions .button,.refined-hero .actions .button{width:100%;font-size:15px;min-height:52px;padding:15px 20px}.button{font-size:15px;min-height:48px}.button.small,header>.button{font-size:13px;min-height:44px;padding:10px 15px}.automation-actions{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:stretch;gap:10px}.automation-actions button{justify-content:center;font-size:14px;min-height:50px;padding:13px 15px}.story-tabs button,.automation-switch button{font-size:15px;min-height:50px}.demo-size-control button,.expand-inline{font-size:14px;min-height:48px;padding:13px 18px}.story-bottom .textlink,.system-foot .textlink,.automation-footer .textlink{font-size:15px;white-space:normal}.phone-actions .phone-primary{font-size:14px;min-height:46px}.sample-site-nav button{font-size:12px}.sample-site-hero button{width:100%;justify-content:center;font-size:14px}.expanded-toolbar button{font-size:14px}.future-footer a,.future-footer button{font-size:13px}}
@media(prefers-reduced-motion:reduce){.button,.demo-primary,.demo-secondary,.textlink{transition:none}.button:hover,.demo-primary:hover{transform:none}}