/* Existing brand, clearer page hierarchy and form states. */
[data-page="pricing"] .hero,[data-page="trial"] .hero{padding:36px 0}
[data-page="pricing"] .hero h1,[data-page="trial"] .hero h1{font-size:clamp(32px,3.5vw,48px);margin:14px 0}
[data-page="pricing"] .hero .lead,[data-page="trial"] .hero .lead{max-width:850px;margin:12px 0}
[data-page="pricing"] .hero>.container>a{margin-top:12px}
.plan-selector{scroll-margin-top:135px;padding:52px 0;background:#f0f6f4}
.plan-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.plan-preview{display:flex;flex-direction:column;border:1px solid #c5d9d1;border-radius:18px;background:#fff;padding:26px}
.plan-preview:nth-child(4){border:2px solid #0e6a66;background:#f8fcfa}
.plan-level{font-size:12px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:#0e6a66}
.plan-preview h3{font-size:25px;line-height:1.25;margin:12px 0}
.plan-preview-purpose{font-size:15px;line-height:1.6;min-height:4.8em;color:#506568}
.plan-preview-price{font-size:36px;font-weight:800;letter-spacing:-.035em;margin:16px 0}
.plan-preview-price small{display:inline-block;font-size:13px;letter-spacing:0;font-weight:500;color:#506568}
.plan-preview ul{padding-left:20px;font-size:14px;line-height:1.7;margin:0 0 14px}
.plan-preview li{margin-bottom:7px}.plan-inheritance{font-size:13px;color:#506568}
.plan-preview-actions{margin-top:auto;display:grid;gap:14px;padding-top:12px;font-size:14px;font-weight:650}
.plan-preview-actions .button{width:100%;justify-content:center;text-align:center}
.scope-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.scope-columns>div{padding:22px;border:1px solid #c5d9d1;border-radius:16px;background:#fff}.scope-columns h3{font-size:21px;margin:0 0 12px}.scope-columns p{font-size:14px;line-height:1.65}.scope-included{border-top:4px solid #0e6a66!important}.scope-setup{border-top:4px solid #2c87cc!important;background:#f7fbff!important}.scope-excluded{border-top:4px solid #dc8758!important;background:#fff9f4!important}
.scope-columns details{padding:16px;border:1px solid #c5d9d1;border-radius:12px;background:white}
.scope-columns summary{cursor:pointer;font-weight:650}
.request-summary{padding:14px 18px;margin-bottom:22px;border-radius:10px;background:#e2f2ec;color:#174d46;font-weight:750;overflow-wrap:anywhere}
.optional-business-details{grid-column:1/-1;border-top:1px solid #d5e2de;padding-top:15px}
.optional-business-details summary{cursor:pointer;color:#0e6a66;font-weight:650;padding:10px 0}
.optional-business-details .field{margin-top:12px}
.optional-business-details[hidden]{display:none}
[data-purpose="registration"] .notice{display:none}
.form-grid>.field.full{grid-column:1/-1}
.field input,.field select,.field textarea{font-size:16px;min-height:48px}
.callback-fields .form-grid{align-items:start}
.callback-fields .field{align-content:start}
.callback-fields .field select{height:48px}
.form-card{scroll-margin-top:140px}
#contact-form{scroll-margin-top:145px}
.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:3px solid #0e6a66;outline-offset:3px}
[data-form-status]:not(:empty){padding:16px;background:#e2f2ec;border-radius:10px;margin-top:20px;overflow-wrap:anywhere}
@media(max-width:850px){.plan-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scope-columns{grid-template-columns:1fr}.plan-preview-purpose{min-height:0}}
@media(max-width:560px){.plan-preview-grid{grid-template-columns:1fr}.plan-selector{padding:36px 0}.plan-preview{padding:22px}.cs-chat-welcome{display:none}.form-card{padding:20px}.scope-columns{gap:24px}}
/* Owner decision 19/10/2026: the compact Clara launcher is shown on every public page, pricing and forms included; the welcome prompt is not shown on phones. */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Website range on the pricing page (19/10/2026), shown with the six plans. */
.website-range{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:28px;align-items:start;margin:36px 0 12px;padding-top:32px;border-top:1px solid #c5d9d1}
.website-range-copy h3{font-size:26px;line-height:1.2;margin:8px 0 10px}
.website-range-copy p{font-size:16px;line-height:1.6;color:#506568}
.website-range-card{border:2px solid #2fb3a3}
.website-range-card .annual,.website-range-card .plan-credit,.website-range-card .plan-excluded{font-size:14px;line-height:1.55;color:#506568;margin:0 0 12px}
.website-range-card .plan-preview-price{margin-bottom:6px}
.plan-crosslink{font-size:15px;line-height:1.5}
.plan-crosslink a{font-weight:700}
@media(max-width:850px){.website-range{grid-template-columns:1fr;gap:16px}}
/* Upgrade options (19/10/2026): plan and pack pages, AI Receptionist cards. */
.upgrade-grid{align-items:stretch}
.upgrade-card{display:flex;flex-direction:column;gap:6px}
.upgrade-card h3{margin:0}
.upgrade-card .upgrade-price{margin:4px 0;font-size:15px;color:#506568}
.upgrade-card .upgrade-price strong{font-size:26px;letter-spacing:-.02em;color:var(--text)}
.upgrade-card .upgrade-gain{font-size:15px;line-height:1.55}
.upgrade-card .text-link{margin-top:auto;font-weight:700}
.upgrade-rule{margin-top:18px}
.upgrade-compact{margin:12px 0 4px;padding-top:12px;border-top:1px solid #d6e5df}
.upgrade-compact h4{margin:0 0 6px;font-size:14px;letter-spacing:0}
.upgrade-compact ul{margin:0;padding-left:18px;font-size:13.5px;line-height:1.5}
.upgrade-compact li{margin-bottom:6px}
.upgrade-compact a{font-weight:700}
.website-range-card .plan-preview-purpose{min-height:0}