.hero{max-width:1280px;margin:auto;gap:36px;padding:80px 40px 64px;min-height:680px}.section{max-width:1200px;margin:auto;padding:88px 32px}.section h2{font-size:36px;line-height:1.3;letter-spacing:-1.5px}.journey-band{max-width:1136px;margin:0 auto 60px;border-radius:var(--r-lg);background:var(--action-brand);color:white;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:32px}.journey-band h2{color:white;font-size:28px;margin:0 0 16px}.journey-band p{color:var(--forest-200)}.journey-steps{display:flex;flex-wrap:wrap;gap:12px;align-content:center}.journey-steps span{padding:12px 16px;border:1px solid color-mix(in srgb,var(--n-0) 18.8%,transparent);border-radius:var(--r-lg);font-size:14px}.journey-steps span:last-child{background:var(--forest-200);color:var(--text-brand)}.reveal{animation:appear .55s ease both}@keyframes appear{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes float-note{50%{transform:translateY(-6px)}}
.compact-graph-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px}.compact-graph-cards article{padding:14px;background:var(--bg-subtle);border-radius:var(--r-sm);font-size:13px}.compact-graph-cards p{font-size:12px;color:var(--text-3)}.notice-card{border-left:3px solid var(--action-brand)}.sample-chat-banner{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px;background:var(--bg-app);border-top:1px solid var(--forest-100)}.sample-chat-banner p{font-size:12px;margin:0}.sample-chat-banner button{white-space:nowrap}.sample-label{padding:8px 16px;text-align:center;font-size:12px;background:var(--bg-subtle);color:var(--forest-400)}.closed-notice{padding:16px;background:var(--bg-app);border-radius:var(--r-sm);color:var(--text-2)}.candidate .row-actions{margin-top:20px}.admin-chart{display:flex;gap:24px;align-items:flex-end;height:220px;border-bottom:1px solid var(--forest-100);padding:20px}.admin-chart>div{flex:1;display:grid;text-align:center;gap:8px}.admin-chart i{display:block;min-height:3px;background:linear-gradient(var(--forest-500),var(--action-brand));border-radius:var(--r-sm) var(--r-sm) 0 0}.admin-chart small{font-size:12px}.notice-preview{white-space:pre-wrap;line-height:1.8;padding:20px;background:var(--bg-subtle);border-radius:var(--r-sm)}
@media (max-width:760px){.hero{padding:44px 24px;min-height:auto;gap:40px}.section{padding:56px 24px}.section h2{font-size:28px}.journey-band{margin:24px;grid-template-columns:1fr;padding:28px}.sample-chat-banner{padding:12px}}
@media (prefers-reduced-motion:reduce){.reveal{animation:none!important}}
 .avatar-preview{margin-top:16px;width:72px;height:72px;border:1px solid var(--line-1);border-radius:var(--r-lg);display:grid;place-items:center;overflow:hidden}.avatar-preview img,.bot-avatar img{width:100%;height:100%;object-fit:contain;border-radius:inherit}.chat-illustration{margin:12px 0}.chat-illustration img{max-width:100%;width:360px;border-radius:var(--r-lg)}.chat-illustration figcaption{font-size:12px;color:var(--text-3);margin-top:8px}.page-heading{flex-wrap:wrap;gap:16px}

.product-thumb{width:52px;height:52px;object-fit:cover;float:right;margin:0 0 8px 8px;border-radius:var(--r-sm)}.page-heading>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.switch{display:inline-flex;position:relative;flex:none;width:48px;height:28px;margin:0}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}.switch span{display:block;width:48px;height:28px;border-radius:var(--r-lg);background:var(--n-300);transition:background .15s}.switch span:after{content:'';display:block;width:20px;height:20px;margin:4px;border-radius:50%;background:var(--bg-surface);transition:transform .15s}.switch input:checked+span{background:var(--action-brand)}.switch input:checked+span:after{transform:translateX(20px)}.switch input:focus-visible+span{outline:2px solid var(--action-brand);outline-offset:3px}.toggle-row{display:flex;gap:24px;align-items:center;justify-content:space-between}.toggle-row p{margin:6px 0}.search-policy{padding:20px;background:var(--bg-subtle);border-radius:var(--r-sm);margin:20px 0}.brand-symbol-field{margin:20px 0}.registration-methods{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}
.notification-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}.notification-setting{border:1px solid var(--line-2);border-radius:var(--r-lg);padding:20px;min-width:0}.notification-setting h3{margin:0}.notification-setting .panel-head{align-items:center;gap:8px;flex-wrap:wrap}.notification-setting form{display:grid;gap:16px}.notification-setting form label{margin:0}.notification-setting .row-actions{display:flex;gap:8px;flex-wrap:wrap}.notification-result{padding:12px;background:var(--forest-50);border-radius:var(--r-sm);font-size:13px;line-height:1.6}.notification-setting input,.notification-setting textarea{min-width:0;width:100%}@media (max-width:1150px){.notification-settings-grid{grid-template-columns:1fr}.notification-setting form{grid-template-columns:repeat(2,minmax(0,1fr))}.notification-setting .row-actions,.notification-setting small{grid-column:1/-1}}@media (max-width:760px){.notification-setting form{grid-template-columns:1fr}}

.notification-settings-grid{grid-template-columns:1fr}.mail-identity-fields{grid-column:1/-1}.mail-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mail-identity-fields h4{margin:18px 0}.notification-setting select{width:100%;min-width:0}@media (max-width:760px){.mail-fields{grid-template-columns:1fr}}

.chat-table{overflow-x:auto;max-width:100%;margin:10px 0}.chat-table table{font-size:13px;min-width:280px;border-collapse:collapse}.chat-table th,.chat-table td{padding:8px;border:1px solid var(--line-2);text-align:left;white-space:normal}.chat-subheading{display:block;margin:10px 0 5px}.notification-settings-grid pre{white-space:pre-wrap;overflow-wrap:anywhere}