/* Public Survetify pages — shared Workday palette and controls. */
:root{--ink:#10213f;--muted:#5f7190;--line:#e4ebf4;--soft-line:#edf2f8;--paper:#fff;--soft:#f7f9fc;--blue:#0759ef;--blue-dark:#064bc9;--blue-soft:#edf4ff;--navy:#10213f;--radius:10px;--shadow:0 4px 18px #10213f09}
body{color:var(--ink);font-family:Inter,'Segoe UI',Arial,sans-serif;background:#f7f9fc;line-height:1.6}
.site-header,.legal-nav{background:#fff;border-bottom:1px solid var(--line);box-shadow:none;backdrop-filter:none}.brand,.legal-brand{color:var(--ink)}
.button,.primary-action,.secondary-action,.legal-nav-links .button{border-radius:7px;min-height:44px;font-weight:600;box-shadow:none}.button.primary,.primary-action,.legal-nav-links .button{background:var(--blue);color:#fff}.button.secondary,.secondary-action{background:#fff;border:1px solid #cbdaf0;color:var(--blue)}
.hero,.features-hero,.legal-hero{background:#f7faff;color:var(--ink)}.legal-hero h1,.legal-hero p,.legal-meta,.legal-kicker{color:var(--ink)}.legal-hero p,.legal-meta{color:var(--muted)}.legal-kicker{color:var(--blue)}.legal-hero h1{font-size:clamp(36px,5vw,56px);letter-spacing:-.04em;line-height:1.12}.legal-hero-inner{padding-top:60px;padding-bottom:50px}
.feature-card,.capability-card,.legal-card,.legal-toc,.contact-box,.pricing-card,.plan-card,.demo-dialog,.demo-modal,.faq-item{border-radius:10px;border-color:var(--line);box-shadow:var(--shadow);background:#fff}.capability-card{padding:24px}.capability-card small,.legal-toc strong{font-weight:600;letter-spacing:.07em}.legal-card h2{font-size:26px}.legal-card{padding:32px}.legal-toc a{font-size:13px;font-weight:500}
input,select,textarea{font:inherit;font-size:14px;line-height:1.5;border:1px solid #c5d1e2;border-radius:7px;padding:11px 12px;min-height:44px;background:#fff;color:var(--ink)}textarea{min-height:108px}label{font-size:13px;font-weight:600;color:#344766}input::placeholder,textarea::placeholder{color:#71819a}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #8bb7ff;outline-offset:3px}
.demo-form,.form-grid{gap:20px}.demo-dialog,.demo-modal{border:1px solid var(--line)}.feature-jump a{border-radius:7px;font-weight:500}.notice{border-radius:8px;font-size:14px}.legal-footer,.site-footer{border-top:1px solid var(--line)}
@media(max-width:650px){.legal-card{padding:22px}.legal-hero-inner{padding:42px 0}.legal-card h2{font-size:23px}input,select,textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}
.demo-panel{padding:28px}.demo-intro h2{font-size:28px;line-height:1.25;letter-spacing:-.025em;color:var(--ink)}.demo-intro>p:last-child{font-size:14px}.demo-form label{font-weight:600}.demo-form input,.demo-form select,.demo-form textarea{font-size:14px;font-weight:400;border-radius:7px;padding:10px 12px}.demo-form input,.demo-form select{min-height:44px}.demo-form{margin-top:24px;gap:20px}.demo-form .form-grid{gap:20px}.button{border-radius:7px;font-weight:600}.button:hover{transform:none;box-shadow:none}.button-secondary{background:#fff;color:var(--blue);border-color:#cbdaf0}.dialog-close{border-radius:7px;width:36px;height:36px;font-size:21px}.demo-dialog::backdrop{background:#10213f66;backdrop-filter:blur(3px)}
@media(max-width:650px){.demo-panel{padding:22px}.demo-intro h2{font-size:24px}.demo-form input,.demo-form select,.demo-form textarea{font-size:16px}}
.desktop-body aside{background:#f7faff;color:var(--ink);border-color:var(--line)}.desktop-body aside>strong{color:var(--ink)}.desktop-body aside>small{color:var(--muted)}.desktop-body aside nav span{color:#526785}.desktop-body aside nav span.active{background:#e4efff;color:var(--blue)}

/* UX review, September 2026: readable content and one consistent brand. */
.reveal,.reveal.visible{opacity:1;transform:none;transition:none}.legal-mark{width:34px;height:34px;border:0;border-radius:0;transform:none;background:transparent url('/favicon.svg') center/contain no-repeat}.demo-form label>span{font-size:14px}.demo-dialog .form-help{font-size:13px;color:#5f7190;margin:0 0 18px}.demo-dialog input,.demo-dialog select,.demo-dialog textarea{font-size:16px}.legal-toc a{min-height:40px;display:flex;align-items:center}.section-heading{scroll-margin-top:100px}
@media(max-width:700px){.features-hero{padding-top:48px;padding-bottom:40px}.legal-card{padding:24px}.demo-dialog{max-height:calc(100dvh - 24px)}}
/* Commercial V2 monthly catalog: three plans, preserving narrow-screen stacking. */
@media (min-width: 1081px) { #pricing .pricing-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }