/* Shared experience components; no external assets or animation libraries. */
.passkey-icon-button{position:relative;display:inline-grid;place-items:center;min-width:72px;min-height:64px;margin-block:10px;border:2px solid var(--accent);color:var(--ink);background:var(--surface)}
.passkey-face{position:absolute;opacity:0;animation:passkey-face 8s infinite}.passkey-fingerprint{animation:passkey-finger 8s infinite}
@keyframes passkey-face{0%,40%,100%{opacity:0}50%,90%{opacity:1}}@keyframes passkey-finger{0%,40%,100%{opacity:1}50%,90%{opacity:0}}
.app-downloads{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding-block:26px;border-top:1px solid var(--line)}.app-downloads strong{font-size:22px}.app-downloads p{margin:4px 0}.app-store-placeholder{display:grid;gap:4px;min-width:140px;padding:14px 20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);font-size:20px;font-weight:600}.app-store-placeholder small{font-size:15px;color:var(--muted)}
.workspace-actions{display:flex;flex-wrap:wrap;gap:12px}.workspace-actions>a{min-height:48px}.customer-profile{display:flex;flex-wrap:wrap;gap:12px;overflow-wrap:anywhere}.form-card,.panel{min-width:0}.form-card label,.panel label{line-height:1.8}.form-card input,.form-card select,.form-card textarea{max-width:100%;min-height:48px;font:inherit}.table-scroll{max-width:100%;overflow-x:auto}.verification-status{border-inline-start:4px solid var(--accent)}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:600px){.workspace-actions{display:grid;grid-template-columns:1fr}.workspace-actions>a{width:100%;justify-content:center}.app-downloads{display:grid;grid-template-columns:1fr 1fr;gap:12px}.app-downloads>div{grid-column:1/-1}.app-store-placeholder{min-width:0;padding:12px}.customer-profile{flex-direction:column}.form-card,.panel{padding:20px}.workspace-heading{gap:16px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.passkey-face{display:none}.passkey-fingerprint{animation:none}}

.interface-icon{display:inline-block;vertical-align:middle;flex:0 0 24px;min-width:24px}.workspace-actions>a{gap:10px}.workspace-heading>a .interface-icon{margin-inline-end:8px}
/* Fluid component rhythm shared by public pages, account screens and forms. */
:root{--card-gap:clamp(16px,2vw,28px);--panel-padding:clamp(20px,3vw,36px)}
.section{padding-block:clamp(48px,6vw,88px)}
.panel,.form-card,.plan-card,.content-card,.bento{min-width:0;border:1px solid var(--line);border-radius:clamp(18px,2vw,26px);background:var(--surface);color:var(--ink)}
.panel,.form-card{padding:var(--panel-padding)}
.content-cards,.plan-grid,.workspace-panels{gap:var(--card-gap)}
.plan-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));align-items:stretch}
.plan-card{display:flex;flex-direction:column;padding:clamp(22px,2.5vw,32px)}
.plan-card .plan-features{flex:1}.plan-top p{min-height:0;font-size:17px;line-height:1.8}
.content-card{padding:clamp(22px,3vw,34px)}
.content-card p,.bento p{color:var(--muted)}
.content-card:hover,.plan-card:hover{border-color:var(--accent);box-shadow:var(--shadow)}
.button{min-height:48px;line-height:1.6}.button-row{gap:12px;flex-wrap:wrap}
.form-card :is(input,select,textarea),.did-workflow :is(input,select,textarea){border-color:var(--line);color:var(--ink);background:var(--bg)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
input[type=checkbox],input[type=radio]{accent-color:var(--accent)}
.editorial-body{min-width:0}.editorial-body p,.policy p{max-width:75ch;font-size:18px;line-height:1.95}
.policy-note{display:inline-block;padding:10px 16px;margin-block:16px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:16px}
.phone-contact{transition:border-color .15s,background-color .15s}.sip-row,.subscription-row{gap:14px;min-width:0}.sip-row>*,.subscription-row>*{min-width:0;overflow-wrap:anywhere}
html[data-economy="true"] *,html[data-economy="true"] *::before,html[data-economy="true"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(max-width:700px){.plan-grid,.workspace-panels,.content-cards{grid-template-columns:minmax(0,1fr)}.hero-grid{gap:28px}.hero-art{max-width:420px}.button-row>.button{flex:1 1 160px}.editorial-body p,.policy p{font-size:18px}.plan-card{padding:24px}.content-card{padding:24px}.workspace-heading{align-items:flex-start}.subscription-row{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.content-card,.plan-card,.phone-contact{transition:none!important;transform:none!important}}
/* Readable supporting copy, including plan descriptions and contact details. */
body{font-size:17px}.center-heading>p,.section-heading>p,.plan-top p,.contact-method p,.form-card .helptext{font-size:17px;line-height:1.85}.footer p,.footer a,.phone-contact small{font-size:16px}.recommend-label{font-size:14px}.hero-note,.scene-caption{font-size:16px}.theme-options button{width:44px;height:44px;min-width:44px;min-height:44px}
@media(max-width:700px){.center-heading>p,.section-heading>p{font-size:17px}.footer p,.footer a,.phone-contact small{font-size:16px}.hero-note,.scene-caption{font-size:15px}}
:root{--control-border:#6b8878}html[data-theme="midnight"]{--control-border:#7dba96}html[data-theme="plum"]{--control-border:#969ab6}
.form-card :is(input,select,textarea),.did-workflow :is(input,select,textarea),.workspace-plan-picker :is(input,select),.button.secondary,.language,.login-link,.menu-toggle,.profile-menu summary{border-color:var(--control-border)}