/* Surface and interaction tokens stay separate from each illustration's motion. */
body[data-clay-ui] {
  --clay-fill: var(--surface, #fffbee);
  --clay-ink: var(--ink, #243c2b);
  --clay-reflection: 68%;
  --clay-depth: 13%;
  --clay-shade-ink: var(--clay-ink);
  --clay-highlight: color-mix(in srgb, var(--clay-fill), white var(--clay-reflection));
  --clay-shade: color-mix(in srgb, var(--clay-fill), var(--clay-ink) 13%);
  --clay-ambient: #66583825;
  --clay-rim: #fffdf094;
  --clay-radius: 28px;
  --clay-button-radius: 17px;
}
html[data-theme="midnight"] body[data-clay-ui] {
  --clay-reflection: 9%;
  --clay-depth: 25%;
  --clay-shade-ink: black;
  --clay-highlight: color-mix(in srgb, var(--clay-fill), white 9%);
  --clay-shade: color-mix(in srgb, var(--clay-fill), black 25%);
  --clay-ambient: #00000045;
  --clay-rim: #47534432;
}
body[data-clay-ui] :is(.domain-checkout section,.domain-card,[data-clay-card],.bento-card,.pricing-focus-plan,.own-big-button,.doc-card,.doc-notice,.docs-related,.discovery-playground,.discovery-next,.roadmap-details,.affiliate-flow li,.affiliate-plan-allocation,.clay-message,.sa-panel,.sa-stats article,.panel,.stat-card,.person,.security-panel,.editor-section,.modal,.auth-form form,.plan-card,.billing-plan,.domain-plan,.setting-card,.editor-toolbar,.sa-search,.sa-environments,.theme-option,.link-type-option,.button,.cta,.icon-button,.copy-button,.mobile-menu-toggle,.footer-back-top,.motion-toggle,.capy-consent button,.capy-consent-dialog,.capy-consent-panel,.pricing-focus-switch button,.discovery-jump a,.docs-search,.theme-controls button,.editor-actions button,.demo-editor button,.sidebar nav button,.sidebar nav a,.sa-sidebar nav a,.sa-section-navigation a,.menu-panel nav a,.clay-native-control,.domain-checkout button) {
  --clay-highlight: color-mix(in srgb, var(--clay-fill), white var(--clay-reflection));
  --clay-shade: color-mix(in srgb, var(--clay-fill), var(--clay-shade-ink) var(--clay-depth));
  --clay-rest: 7px 9px 18px var(--clay-ambient), -4px -4px 12px var(--clay-rim), inset 3px 3px 7px var(--clay-highlight), inset -4px -5px 10px var(--clay-shade);
  --clay-hover: 9px 12px 22px var(--clay-ambient), -4px -4px 12px var(--clay-rim), inset 3px 3px 7px var(--clay-highlight), inset -3px -4px 8px var(--clay-shade);
  --clay-pressed: 1px 2px 5px var(--clay-ambient), inset 3px 4px 7px var(--clay-shade), inset -2px -2px 5px var(--clay-highlight);
}
body[data-clay-ui="app"] :is(.domain-checkout section,.domain-card,[data-clay-card],.panel,.stat-card,.editor-section,.person,.security-panel,.modal,.sa-panel,.sa-stats article,.auth-form form,.plan-card,.billing-plan,.domain-plan,.setting-card) {
  border-color: color-mix(in srgb, var(--line), transparent 55%);
  border-radius: var(--clay-radius);
  background-color: var(--clay-fill);
  box-shadow: var(--clay-rest);
}
body[data-clay-ui="app"] :is(.editor-section,.stat-card,.person,.setting-card) { --clay-radius: 22px; }
body[data-clay-ui="app"] .auth-layout {
  --clay-fill: #fffbee;
  --clay-reflection: 68%;
  --clay-depth: 13%;
  --clay-shade-ink: #243c2b;
  --clay-highlight: #fffef7;
  --clay-shade: #e2d9c4;
  --clay-ink: #243c2b;
}
body[data-clay-ui="app"] :is(.modal,.toast) {
  box-shadow: 0 22px 55px #172c2440, var(--clay-rest, inset 2px 2px 5px #ffffff45);
}
body[data-clay-ui="app"] :is(.editor-toolbar,.sa-search,.sa-environments) {
  border-color: color-mix(in srgb, var(--line), transparent 40%);
  border-radius: 17px;
  background-color: var(--surface);
  box-shadow: var(--clay-rest);
}
/* Existing customer-page previews own their colors and buttons. */
body[data-clay-ui="app"] :is(.button,.icon-button,.copy-button,.clay-native-control,.domain-checkout button):not(.cp-page *):not(.profile-preview *) {
  border-color: color-mix(in srgb, var(--line), transparent 42%);
  border-radius: var(--clay-button-radius);
  background-color: var(--clay-fill);
  box-shadow: var(--clay-rest);
  transition: background-color .16s ease-out, box-shadow .16s ease-out, transform .16s ease-out;
}
body[data-clay-ui="app"] .button.primary,
body[data-clay-ui="app"] .domain-checkout button {
  --clay-fill: var(--action);
  color: var(--on-action);
  background-color: var(--clay-fill);
}
body[data-clay-ui="app"] .button.danger {
  --clay-fill: var(--danger-bg);
  background-color: var(--clay-fill);
  color: var(--danger);
  border-color: color-mix(in srgb, var(--danger), transparent 45%);
}
body[data-clay-ui="app"] :is(.button,.icon-button,.copy-button,.clay-native-control,.domain-checkout button):not(:disabled,[aria-disabled="true"]):focus-visible {
  box-shadow: var(--clay-hover);
}
@media (hover: hover) and (pointer: fine) {
  body[data-clay-ui="app"] :is(.button,.icon-button,.copy-button,.clay-native-control,.domain-checkout button):not(:disabled,[aria-disabled="true"]):hover {
    box-shadow: var(--clay-rest);
    background-color: color-mix(in srgb, var(--clay-fill), var(--tint) 12%);
  }
}
body[data-clay-ui="app"] :is(.button,.icon-button,.copy-button,.clay-native-control,.domain-checkout button):not(:disabled,[aria-disabled="true"]):active {
  box-shadow: var(--clay-pressed);
  transform: translateY(1px);
}
body[data-clay-ui="app"] :is(.button,.icon-button,.copy-button,.clay-native-control,.domain-checkout button):is(:disabled,[aria-disabled="true"]) {
  box-shadow: inset 1px 1px 3px var(--clay-shade), inset -1px -1px 3px var(--clay-highlight);
  transform: none;
  cursor: not-allowed;
}
body[data-clay-ui="app"] :is(.sidebar nav button,.sidebar nav a,.sa-sidebar nav a,.sa-section-navigation a) {
  border-radius: 13px;
  transition: background-color .16s ease-out, box-shadow .16s ease-out;
}
body[data-clay-ui="app"] :is(.sidebar nav button.active,.sidebar nav a[aria-current="page"],.sa-sidebar nav a[aria-current="page"],.sa-section-navigation a[aria-current="page"],.theme-option.selected,.link-type-option.selected) {
  --clay-fill: var(--tint);
  background-color: var(--clay-fill);
  box-shadow: var(--clay-pressed);
  border-color: var(--accent);
}
body[data-clay-ui="app"] :is(.sidebar nav button,.sidebar nav a,.sa-sidebar nav a,.sa-section-navigation a):not([aria-disabled="true"],:disabled):hover {
  background-color: var(--hover);
}
body[data-clay-ui="app"] :is(.theme-option,.link-type-option) {
  border-radius: 17px;
  box-shadow: var(--clay-rest);
}
body[data-clay-ui="app"] :is(.theme-option.selected,.link-type-option.selected) { box-shadow: var(--clay-pressed); }
body[data-clay-ui="app"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="hidden"]):not([type="button"]):not([type="submit"]),textarea,select):not(.cp-page *) {
  border-width: 1px;
  border-color: color-mix(in srgb, var(--ink), var(--surface) 45%);
  border-radius: 13px;
  box-shadow: inset 2px 3px 5px color-mix(in srgb, var(--ink), transparent 92%), inset -2px -2px 5px color-mix(in srgb, var(--surface), white 30%);
}
body[data-clay-ui="app"] .search input { box-shadow: none; }
body[data-clay-ui="app"] .auth-form .text-button:hover { text-decoration: underline; }
body[data-clay-ui="marketing"] {
  --clay-fill: #f8f1df;
  --clay-highlight: #fffdf4;
  --clay-shade: #ded5bf;
  --clay-ink: #243c2b;
}
body[data-clay-ui="marketing"] :is(.bento-card,.pricing-focus-plan,.home-ownership .own-numbered>a,.doc-card,.docs-related,.discovery-playground,.roadmap-details,.affiliate-plan-allocation,.affiliate-flow li) {
  border-color: transparent;
  border-radius: 30px;
  background-color: var(--clay-fill);
  box-shadow: var(--clay-rest);
}
body[data-clay-ui="marketing"] .bento-pages,
body[data-clay-ui="marketing"] .home-ownership .own-numbered>a:nth-child(3) {
  --clay-fill: #f0dfc4; --clay-highlight: #fff2dc; --clay-shade: #dfc9aa; --card-highlight: #fff8e5;
}
body[data-clay-ui="marketing"] .bento-short,
body[data-clay-ui="marketing"] .pricing-focus-plan[data-pricing-card="pro"],
body[data-clay-ui="marketing"] .home-ownership .own-numbered>a:nth-child(2) {
  --clay-fill: #e1e9d8; --clay-highlight: #f5f9e9; --clay-shade: #c8d4b8; --card-highlight: #f8fbea;
}
body[data-clay-ui="marketing"] .bento-domains { --clay-fill:#eee8d8; --clay-highlight:#fff9e9; --clay-shade:#d8ceba; }
body[data-clay-ui="marketing"] .bento-qr { --clay-fill:#f0dfd2; --clay-highlight:#fff0e4; --clay-shade:#ddc4b3; --card-highlight:#fff5e9; }
body[data-clay-ui="marketing"] .bento-affiliate { --clay-fill:#e1e9dc; --clay-highlight:#f3f8ec; --clay-shade:#c8d5c0; --card-highlight:#f4faed; }
body[data-clay-ui="marketing"] .bento-analytics { --clay-fill:#ece9d2; --clay-highlight:#fbf9e7; --clay-shade:#d6d2b9; }
body[data-clay-ui="marketing"] .bento-controls { --clay-fill:#e7e3ec; --clay-highlight:#f8f3fc; --clay-shade:#d0c8da; --card-highlight:#fbf6ff; }
body[data-clay-ui="marketing"] :is(.bento-card,a.doc-card,.home-ownership .own-big-button):is(:hover,:focus-visible) { box-shadow:var(--clay-hover); }
body[data-clay-ui="marketing"] :is(.bento-card,a.doc-card,.home-ownership .own-big-button):active { box-shadow:var(--clay-pressed); }
body[data-clay-ui="marketing"] .button,
body[data-clay-ui="marketing"] .button.primary {
  --clay-fill: #e8bc88; --clay-highlight:#ffdfb4; --clay-shade:#d0a16e;
  background:var(--clay-fill)!important;
  border-color:transparent!important;
  border-radius:19px!important;
  box-shadow:var(--clay-rest)!important;
}
body[data-clay-ui="marketing"] .button.login-cta,
body[data-clay-ui="marketing"] .site-header [data-auth-link].cta {
  --clay-fill:#f8f1df; --clay-highlight:#fffdf4; --clay-shade:#ded5bf;
  background:var(--clay-fill)!important;
}
body[data-clay-ui="marketing"] .button:not([aria-disabled="true"],:disabled):is(:hover,:focus-visible,.is-active) { box-shadow:var(--clay-rest)!important; }
body[data-clay-ui="marketing"] .button:not([aria-disabled="true"],:disabled):active { box-shadow:var(--clay-pressed)!important; }
body[data-clay-ui="marketing"] .site-header .menu-panel>[data-auth-link].cta { border-radius:15px!important; box-shadow:var(--clay-rest)!important; }
body[data-clay-ui="marketing"] .site-header .menu-panel>[data-auth-link].cta:is(:hover,:focus-visible) { box-shadow:var(--clay-rest)!important; }
body[data-clay-ui="marketing"] .site-header .menu-panel>[data-auth-link].cta:active { box-shadow:var(--clay-pressed)!important; }
body[data-clay-ui="marketing"] .marketing-footer .footer-back-top,
body[data-clay-ui="marketing"] .motion-toggle,
body[data-clay-ui="marketing"] :is(.mobile-menu-toggle,.discovery-jump a,.theme-controls button,.editor-actions button,.demo-editor button,.pricing-focus-switch button) {
  border-color:transparent;
  border-radius:var(--clay-button-radius);
  background-color:var(--clay-fill);
  box-shadow:var(--clay-rest);
}
body[data-clay-ui="marketing"] .marketing-footer .footer-back-top:is(:hover,:focus-visible),
body[data-clay-ui="marketing"] .motion-toggle:not(:disabled):is(:hover,:focus-visible),
body[data-clay-ui="marketing"] :is(.mobile-menu-toggle,.discovery-jump a,.theme-controls button,.editor-actions button,.demo-editor button,.pricing-focus-switch button):not(:disabled,[aria-disabled="true"]):is(:hover,:focus-visible) { box-shadow:var(--clay-rest); }
body[data-clay-ui="marketing"] .marketing-footer .footer-back-top:active,
body[data-clay-ui="marketing"] .motion-toggle:not(:disabled):active,
body[data-clay-ui="marketing"] :is(.mobile-menu-toggle,.discovery-jump a,.theme-controls button,.editor-actions button,.demo-editor button,.pricing-focus-switch button):not(:disabled,[aria-disabled="true"]):active { box-shadow:var(--clay-pressed); }
body[data-clay-ui="marketing"] :is(.theme-controls button[aria-pressed="true"],.pricing-focus-switch button[aria-pressed="true"]) { --clay-fill:#e1e9d8; box-shadow:var(--clay-pressed); color:#243c2b; }
body[data-clay-ui="marketing"] :is(.editor-actions button,.demo-editor button):disabled { box-shadow:none; opacity:.5; cursor:not-allowed; }
body[data-clay-ui="marketing"] :is(.docs-search,.doc-notice) {
  border-color:#d3d9c4;
  border-radius:20px;
  background-color:#f8f5e9;
  box-shadow:inset 2px 3px 6px #b8b09b38,inset -2px -2px 5px #fffdf5;
}
body[data-clay-ui="marketing"] .docs-related { padding:24px; }
body[data-clay-ui="marketing"] .faq details,
body[data-clay-ui="marketing"] .pricing-faq details { background:#f8f1df; border:1px solid #e1d6bf; border-radius:18px; padding:18px 22px; margin-block:14px; box-shadow:inset 2px 2px 5px #fffdf2,inset -2px -2px 5px #ddd3bf80; }
/* Keep the feature/use-case editorial layouts; their illustrated controls remain independent. */
body[data-clay-ui="marketing"] .discovery-feature-art:before { box-shadow:inset 5px 5px 12px #fffdf055,inset -6px -6px 14px #62764c15; }
body[data-clay-ui="marketing"] :is(.capy-consent-dialog,.capy-consent-panel) { border-color:transparent; border-radius:26px; box-shadow:var(--clay-rest); }
body[data-clay-ui="marketing"] .capy-consent button { border-radius:14px; box-shadow:var(--clay-rest); }
body[data-clay-ui="marketing"] .capy-consent button:is(:hover,:focus-visible) { box-shadow:var(--clay-rest); }
body[data-clay-ui="marketing"] .capy-consent button:active { box-shadow:var(--clay-pressed); }
@media(max-width:760px) {
  body[data-clay-ui="marketing"] .bento-card { border-radius:28px; }
  body[data-clay-ui="marketing"] .has-mobile-menu .menu-panel nav a { --clay-fill:#f8f1df; border-color:transparent; border-radius:19px; background-color:var(--clay-fill); box-shadow:var(--clay-rest); }
  body[data-clay-ui="marketing"] .has-mobile-menu .menu-panel nav a:nth-child(1),body[data-clay-ui="marketing"] .has-mobile-menu .menu-panel nav a:nth-child(4) { --clay-fill:#e1e9d8; --clay-highlight:#f5f9e9; --clay-shade:#c8d4b8; background:var(--clay-fill); }
  body[data-clay-ui="marketing"] .has-mobile-menu .menu-panel nav a:is(:hover,:focus-visible),body[data-clay-ui="marketing"] .has-mobile-menu .mobile-menu-toggle:is(:hover,:focus-visible) { box-shadow:var(--clay-hover); }
  body[data-clay-ui="marketing"] .has-mobile-menu .menu-panel nav a:active,body[data-clay-ui="marketing"] .has-mobile-menu .mobile-menu-toggle:active { box-shadow:var(--clay-pressed); }
}
body:is([data-clay-ui="utility"],[data-clay-ui="not-found"],[data-clay-ui="consent"],[data-clay-ui="developer"]) {
  --clay-fill:#fffbee; --clay-highlight:#fffef7; --clay-shade:#e2d9c4; --clay-ink:#243c2b;
  background-color:var(--cream,#f5edda);
  color:var(--ink,#243c2b);
  font-family:var(--font-ui,system-ui,sans-serif);
}
body[data-clay-ui="utility"] main.wrap,
body[data-clay-ui="utility"]>main:not(.domain-welcome),
body[data-clay-ui="consent"]>main,
body[data-clay-ui="app"] .clay-message {
  box-sizing:border-box;
  border:1px solid #e5dcc7;
  border-radius:28px;
  background-color:var(--clay-fill);
  padding:clamp(24px,5vw,40px);
  box-shadow:7px 9px 18px var(--clay-ambient),-4px -4px 12px var(--clay-rim),inset 3px 3px 7px var(--clay-highlight),inset -4px -5px 10px var(--clay-shade);
}
body[data-clay-ui="utility"] main.wrap { width:min(760px,calc(100% - 40px)); line-height:1.75; }
body[data-clay-ui="utility"]>main:not(.domain-welcome) { max-width:min(800px,calc(100% - 40px)); }
body[data-clay-ui="consent"]>main { width:min(600px,calc(100% - 40px)); }
body[data-clay-ui="app"] .clay-message { width:min(620px,calc(100% - 40px)); margin:70px auto; }
body[data-clay-ui="not-found"] .missing-copy { border-radius:28px; padding:30px; background:#f8f1df; box-shadow:7px 9px 18px var(--clay-ambient),inset 3px 3px 7px #fffdf0,inset -4px -5px 10px #e2d5bd; }
body:is([data-clay-ui="utility"],[data-clay-ui="not-found"],[data-clay-ui="consent"]) :is(.button,.cta,button) {
  --clay-fill:#e8bc88; --clay-highlight:#ffdfb4; --clay-shade:#d0a16e;
  --clay-rest:5px 7px 13px #66583828,inset 3px 3px 6px var(--clay-highlight),inset -3px -4px 7px var(--clay-shade);
  --clay-hover:7px 10px 18px #66583832,inset 3px 3px 6px var(--clay-highlight),inset -3px -4px 7px var(--clay-shade);
  --clay-pressed:1px 2px 4px #66583828,inset 3px 4px 7px var(--clay-shade),inset -2px -2px 5px var(--clay-highlight);
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  color:#243c2b;background:var(--clay-fill);border-color:transparent;border-radius:17px;
  box-shadow:var(--clay-rest);text-decoration:none;cursor:pointer;
  transition:box-shadow .18s ease-out,transform .18s ease-out;
}
body:is([data-clay-ui="utility"],[data-clay-ui="not-found"],[data-clay-ui="consent"]) :is(.button,.cta,button):not(:disabled,[aria-disabled="true"]):is(:hover,:focus-visible) { box-shadow:var(--clay-rest); }
body:is([data-clay-ui="utility"],[data-clay-ui="not-found"],[data-clay-ui="consent"]) :is(.button,.cta,button):not(:disabled,[aria-disabled="true"]):active { box-shadow:var(--clay-pressed);transform:translateY(1px); }
body:is([data-clay-ui="utility"],[data-clay-ui="consent"]) button+button { --clay-fill:#f8f1df; --clay-highlight:#fffdf4; --clay-shade:#ded5bf; }
body[data-clay-ui="developer"] :is(.hero,.table-scroll,.code) { border-radius:22px; box-shadow:5px 7px 15px #66583825,inset 2px 2px 5px #ffffff24,inset -3px -3px 7px #00000018; }
body[data-clay-ui="developer"] .side nav a { border-radius:11px; }
body[data-clay-ui="developer"] .side nav a:is(:hover,:focus-visible) { box-shadow:inset 2px 2px 4px #a5b79940,inset -2px -2px 4px #fffdf5; }
body[data-clay-ui] :is(a[href],button,input,textarea,select,summary):focus-visible { outline:3px solid var(--accent,#306d6b);outline-offset:4px; }
body[data-clay-ui] :is(button,.button,.cta)[aria-disabled="true"] { cursor:not-allowed; }
@media(prefers-reduced-motion:reduce) {
  body[data-clay-ui] :is(.button,.cta,.icon-button,.copy-button,.clay-native-control,.mobile-menu-toggle,.footer-back-top,.motion-toggle,.sidebar nav button,.sidebar nav a,.sa-sidebar nav a,.sa-section-navigation a) { transition:none!important; }
  body[data-clay-ui] :is(.button,.cta,.icon-button,.copy-button,.clay-native-control,.mobile-menu-toggle,.footer-back-top,.motion-toggle):is(:hover,:focus-visible,:active) { transform:none!important; }
}
@media(forced-colors:active) {
  body[data-clay-ui] :is(.button,.cta,.icon-button,.bento-card,.doc-card,.panel,.modal,.pricing-focus-plan,.own-big-button) { box-shadow:none!important;border:1px solid ButtonText!important; }
}

body[data-clay-ui="app"] .auth-layout .auth-form .button.primary {
  border-color:transparent;border-radius:17px;box-shadow:var(--clay-rest);
}
body[data-clay-ui="app"] .auth-layout .auth-form .button.primary:not(:disabled):is(:hover,:focus-visible) { box-shadow:var(--clay-rest);background-color:var(--action); }
body[data-clay-ui="app"] .auth-layout .auth-form .button.primary:not(:disabled):active { box-shadow:var(--clay-pressed); }
body[data-clay-ui="app"] .auth-layout .auth-form .button.primary:disabled { box-shadow:none;transform:none; }
body[data-clay-ui="consent"] { padding-inline:20px; }
body[data-clay-ui="consent"]>main { width:min(600px,100%); }
body[data-clay-ui="app"] .clay-message .button { display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;font:inherit;text-decoration:none;cursor:pointer; }

body[data-clay-ui="utility"] .domain-welcome .welcome-copy { border-radius:28px;padding:28px;background:var(--clay-fill);box-shadow:7px 9px 18px var(--clay-ambient),inset 3px 3px 7px var(--clay-highlight),inset -4px -5px 10px var(--clay-shade); }
body[data-clay-ui="app"] .domain-checkout [aria-invalid="true"] { border-color:var(--danger);box-shadow:0 0 0 1px var(--danger); }

body[data-clay-ui="utility"] {
  --clay-fill:var(--surface,#fffbee);--clay-ink:var(--ink,#243c2b);
  --clay-highlight:color-mix(in srgb,var(--clay-fill),white var(--clay-reflection));
  --clay-shade:color-mix(in srgb,var(--clay-fill),var(--clay-shade-ink) var(--clay-depth));
}
body[data-clay-ui="utility"] :is(main.wrap,main:not(.domain-welcome)) { border-color:var(--line,#e5dcc7); }
body:is([data-clay-ui="not-found"],[data-clay-ui="consent"],[data-clay-ui="developer"]) {
  --cream:#f5edda;--surface:#fffbee;--ink:#243c2b;--accent:#306d6b;--clay-reflection:68%;--clay-depth:13%;--clay-shade-ink:#243c2b;
}
body[data-clay-ui="utility"] :is(.button,.cta,button) {
  --clay-fill:var(--action,#e8bc88);
  --clay-highlight:color-mix(in srgb,var(--clay-fill),white var(--clay-reflection));
  --clay-shade:color-mix(in srgb,var(--clay-fill),var(--clay-shade-ink) var(--clay-depth));
  color:var(--on-action,#243c2b);background-color:var(--clay-fill);
}
body[data-clay-ui="developer"] :is(.content,footer) { overflow-wrap:anywhere; }

html body[data-clay-ui="app"] :is(.sidebar nav button.active,.sidebar nav a[aria-current="page"],.sa-sidebar nav a[aria-current="page"]) { --clay-fill:var(--tint);background-color:var(--clay-fill);border-color:var(--line);box-shadow:var(--clay-pressed); }
html body[data-clay-ui="app"] .search { border-color:var(--line);border-radius:15px;box-shadow:inset 2px 3px 5px color-mix(in srgb,var(--ink),transparent 92%),inset -2px -2px 5px color-mix(in srgb,var(--surface),white 30%); }
html body[data-clay-ui="app"] .search input { border:0;box-shadow:none; }

/* The product name is a wordmark, never a domain claim. */
html body .brand{ text-decoration:none!important }html body .brand .brand-link{font-weight:400!important;margin-left:.18em!important;letter-spacing:inherit}html body .mobile-brand .brand-link{font-weight:400}

/* Keep the shared clay material while using one hover light below each label. */
body[data-clay-ui="marketing"] .button>:is(.capy-extra,.capy-particles,.capy-art) { display:none!important; }
@media (forced-colors:none) {
  html body[data-clay-ui="marketing"] :is(.button,.site-header .menu-panel>[data-auth-link].cta),
  html body[data-clay-ui="app"] .button:not(.cp-page *):not(.profile-preview *) {
    background:var(--clay-fill)!important;
    box-shadow:var(--clay-rest)!important;
    transform:none!important;
    transition:box-shadow .16s ease-out,transform .16s ease-out;
  }
  html body[data-clay-ui="marketing"] :is(.button,.site-header .menu-panel>[data-auth-link].cta):not(:disabled,[aria-disabled="true"]):focus-visible,
  html body[data-clay-ui="app"] .button:not(.cp-page *):not(.profile-preview *):not(:disabled,[aria-disabled="true"]):focus-visible {
    box-shadow:var(--clay-rest)!important;
    transform:none!important;
  }
  @media (hover:hover) and (pointer:fine) {
    html body[data-clay-ui="marketing"] :is(.button,.site-header .menu-panel>[data-auth-link].cta):not(:disabled,[aria-disabled="true"]):hover,
    html body[data-clay-ui="app"] .button:not(.cp-page *):not(.profile-preview *):not(:disabled,[aria-disabled="true"]):hover {
      box-shadow:var(--clay-rest)!important;
      transform:none!important;
    }
  }
  html body[data-clay-ui="marketing"] :is(.button,.site-header .menu-panel>[data-auth-link].cta):not(:disabled,[aria-disabled="true"]):active,
  html body[data-clay-ui="app"] .button:not(.cp-page *):not(.profile-preview *):not(:disabled,[aria-disabled="true"]):active {
    box-shadow:var(--clay-pressed)!important;
    transform:translateY(2px)!important;
  }
  html body[data-clay-ui="marketing"] :is(.button,.site-header .menu-panel>[data-auth-link].cta):is(:disabled,[aria-disabled="true"]),
  html body[data-clay-ui="app"] .button:not(.cp-page *):not(.profile-preview *):is(:disabled,[aria-disabled="true"]) {
    box-shadow:none!important;
    transform:none!important;
  }
  html body[data-clay-ui="app"] .button:not(.primary,.danger):not(.cp-page *):not(.profile-preview *) { color:var(--ink); }
  html body[data-clay-ui="app"] .button.primary:not(.cp-page *):not(.profile-preview *) { color:var(--on-action); }
  html body[data-clay-ui="app"] .button.danger:not(.cp-page *):not(.profile-preview *) { color:var(--danger); }
  @media (prefers-reduced-motion:reduce) {
    html body[data-clay-ui="marketing"] :is(.button,.site-header .menu-panel>[data-auth-link].cta):not(:disabled,[aria-disabled="true"]):is(:hover,:focus-visible,:active),
    html body[data-clay-ui="app"] .button:not(.cp-page *):not(.profile-preview *):not(:disabled,[aria-disabled="true"]):is(:hover,:focus-visible,:active) { transform:none!important;transition:none!important; }
  }
  html[data-site-motion="paused"] body[data-clay-ui="marketing"] :is(.button,.site-header .menu-panel>[data-auth-link].cta):not(:disabled,[aria-disabled="true"]):is(:hover,:focus-visible,:active) { transform:none!important;transition:none!important; }
}

@media (forced-colors:none) {
  :where(body:is([data-clay-ui="marketing"],[data-clay-ui="app"]) :is(.button,.site-header nav a,.mobile-menu-toggle,.icon-button,.copy-button,.clay-native-control,.footer-back-top,.motion-toggle):not(.cp-page *):not(.profile-preview *)) { position:relative; }
  body:is([data-clay-ui="marketing"],[data-clay-ui="app"]) :is(.button,.site-header nav a,.mobile-menu-toggle,.icon-button,.copy-button,.clay-native-control,.footer-back-top,.motion-toggle):not(.cp-page *):not(.profile-preview *) {
    --button-glow:color-mix(in srgb,var(--clay-fill),white 45%);
    isolation:isolate;overflow:hidden;
  }
  body[data-clay-ui="marketing"] :is(.button,.site-header nav a,.mobile-menu-toggle,.icon-button,.copy-button,.clay-native-control,.footer-back-top,.motion-toggle):not(.cp-page *):not(.profile-preview *) { --button-glow:#fff; }
  body[data-clay-ui="marketing"] :is(.button.primary,.site-header [data-auth-link].button):not(.cp-page *):not(.profile-preview *) { --button-glow:#f1d391; }
  body:is([data-clay-ui="marketing"],[data-clay-ui="app"]) :is(.button,.site-header nav a,.mobile-menu-toggle,.icon-button,.copy-button,.clay-native-control,.footer-back-top,.motion-toggle):not(.cp-page *):not(.profile-preview *)::before {
    content:""!important;
    position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;
    background:radial-gradient(circle 85px at var(--button-pointer-x,50%) var(--button-pointer-y,50%),var(--button-glow),transparent)!important;
    opacity:.3;transition:opacity .3s;transform:none;
  }
  body:is([data-clay-ui="marketing"],[data-clay-ui="app"]) :is(.button,.site-header nav a,.mobile-menu-toggle,.icon-button,.copy-button,.clay-native-control,.footer-back-top,.motion-toggle):not(.cp-page *):not(.profile-preview *):not(:disabled,[aria-disabled="true"]):is(:focus-visible,:active)::before { opacity:1; }
  @media (hover:hover) and (pointer:fine) {
    body:is([data-clay-ui="marketing"],[data-clay-ui="app"]) :is(.button,.site-header nav a,.mobile-menu-toggle,.icon-button,.copy-button,.clay-native-control,.footer-back-top,.motion-toggle):not(.cp-page *):not(.profile-preview *):not(:disabled,[aria-disabled="true"]):hover::before { opacity:1; }
  }
  body:is([data-clay-ui="marketing"],[data-clay-ui="app"]) :is(.button,.site-header nav a,.mobile-menu-toggle,.icon-button,.copy-button,.clay-native-control,.footer-back-top,.motion-toggle):not(.cp-page *):not(.profile-preview *):is(:disabled,[aria-disabled="true"])::before { opacity:0; }
  @media (prefers-reduced-motion:reduce) {
    body:is([data-clay-ui="marketing"],[data-clay-ui="app"]) :is(.button,.site-header nav a,.mobile-menu-toggle,.icon-button,.copy-button,.clay-native-control,.footer-back-top,.motion-toggle):not(.cp-page *):not(.profile-preview *)::before {
      background-position:center;--button-pointer-x:50%;--button-pointer-y:50%;transition:none!important;
    }
  }
  html[data-site-motion="paused"] body[data-clay-ui="marketing"] :is(.button,.site-header nav a,.mobile-menu-toggle,.icon-button,.copy-button,.clay-native-control,.footer-back-top,.motion-toggle)::before { transition:none!important;--button-pointer-x:50%;--button-pointer-y:50%; }
}

@media(min-width:761px) {
  body[data-clay-ui="marketing"] .site-header nav a { border-radius:10px; }
}