/* Shared public-site theme, drawn from the SvgTrace app. */
@font-face{font-family:AppClash;src:url('/fonts/brand/ClashGrotesk-Regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:AppClash;src:url('/fonts/brand/ClashGrotesk-Medium.otf') format('opentype');font-weight:500;font-display:swap}
@font-face{font-family:AppClash;src:url('/fonts/brand/ClashGrotesk-Semibold.otf') format('opentype');font-weight:600 900;font-display:swap}
.trace-public-theme{--primary-color:#1a1a2e;--primary-color-rgb:30,58,138;--secondary-color:#0891b2;--secondary-color-rgb:8,145,178;--body-font:AppClash,'DM Sans',sans-serif;--title-font:AppClash,'DM Sans',sans-serif;background:#fbf8f1;color:#334155;font-family:var(--body-font)}
.trace-public-theme h1,.trace-public-theme h2,.trace-public-theme h3,.trace-public-theme h4,.trace-public-theme h5,.trace-public-theme h6{font-family:var(--title-font);font-weight:600;letter-spacing:-.025em;color:#1a1a2e}
.trace-public-theme #wrapper,.trace-public-theme #content{background:#fbf8f1}
.trace-public-theme .text-muted{color:#64748b!important}
.trace-public-theme :is(.btn-main,.btn-api,.support-policy-btn,.support-email-btn,.email-btn,.platform-button,.action-btn){background:#242b3d!important;border-color:#242b3d!important;color:#fff!important;border-radius:10px!important;box-shadow:none!important;font-family:var(--body-font);font-weight:500}
.trace-public-theme :is(.btn-main,.btn-api,.support-policy-btn,.support-email-btn,.email-btn,.platform-button,.action-btn):hover{background:#1c2230!important;color:#fff!important;transform:none;box-shadow:0 3px 10px #1e293b14!important}
.trace-public-theme :is(.bg-primary-soft,.bg-primary-subtle,.trial-badge,.tutorial-category){background:#fcf0f2!important;color:#098781!important;border-radius:6px}
.trace-public-theme .small-border.bg-color-2{background:#0891b2!important}
.trace-public-theme :is(.tutorial-card,.platform-card,.related-card,.support-simple-card,.faq-card,.feature-card-api,.use-case-card,.pricing-card-api,.pricing-card){border:1px solid #e7decc!important;border-radius:16px!important;background:#fff;box-shadow:0 2px 5px #1e293b0a!important}
.trace-public-theme :is(.tutorial-card,.related-card,.support-simple-card,.feature-card-api,.use-case-card):hover{border-color:#e7decc!important;box-shadow:0 5px 14px #1e293b14!important;transform:none}
.trace-public-theme :is(.platform-card h2,.support-simple-card h2,.tutorial-content h3,.faq-card h3){color:#1a1a2e;font-weight:600}
.trace-public-theme :is(.support-simple-icon,.platform-icon,.tutorial-category){background:#fffdf8!important;color:#1a1a2e!important}
.trace-public-theme :is(.section-title,.notion-content h1){color:#1a1a2e!important;background:none!important;-webkit-text-fill-color:currentColor!important}
.trace-public-theme .notion-content{color:#334155}
.trace-public-theme .notion-content p{line-height:1.8}
.trace-public-theme :is(.support-simple,.refund-container,.cancel-container){color:#334155}
.trace-public-theme :is(.info-box,.info-card,.notice-box,.help-note){background:#edf3fa!important;border-color:#d2ddec!important;color:#334155}
.trace-public-theme .hero-api{background:#242b3d!important}
.trace-public-theme .hero-api :is(h1,h2,h3){color:#fff!important}
.trace-public-theme .hero-api :is(p,.lead){color:#e0e4e7}
.trace-public-theme .hero-api .text-muted{color:#b9c5c9!important}
.trace-public-theme :is(.hero-api .badge,.api-badge){background:#48444d!important;color:#fff!important;border-color:#77737c!important}
.trace-public-theme .feature-card-api i,.trace-public-theme .use-case-card i{color:#1a1a2e!important}
.trace-public-theme .pricing-card-api.featured{background:linear-gradient(135deg,#fffdf8,#f5eddf)!important;border-color:#e7decc!important}
.trace-public-theme .pricing-card.popular{background:#fffdf8!important;border-color:#e7decc!important}
.trace-public-theme .popular-badge{background:#242b3d!important;color:#fff!important}
.trace-public-theme :is(.offers-section,#content #section-pricing.offers-section){background:#fbf8f1;font-family:var(--body-font);padding-top:48px;padding-bottom:56px}
.trace-public-theme .offers-heading h1{font-weight:600;color:#1a1a2e;font-size:clamp(36px,4.5vw,54px)}
.trace-public-theme .offers-heading p{color:#526174}
.trace-public-theme :is(.offers-eyebrow,.offer-label){color:#64748b;font-weight:500;letter-spacing:.1em}
.trace-public-theme .offer-card{border:1px solid #e7decc;border-radius:16px;background:linear-gradient(135deg,#fffdf8,#f5eddf);box-shadow:0 2px 5px #1e293b0a}
.trace-public-theme .offer-card.featured{background:#242b3d;border-color:#425365;color:#fff;box-shadow:0 6px 16px #203c451f}
.trace-public-theme .offer-card.service{background:linear-gradient(135deg,#fffdf8,#fcf0f2);border-color:#eadfce;color:#443653}
.trace-public-theme .offer-card h2{font-weight:600;color:inherit}
.trace-public-theme .offer-price{font-weight:600}
.trace-public-theme .offer-card.featured :is(.offer-label,.offer-note,.offer-description){color:#e0e4e7}
.trace-public-theme .offer-card.featured li:before{color:#a5dff1}
.trace-public-theme .offer-card.service li:before{color:#098781}
.trace-public-theme .offer-cta{border-radius:10px;font-weight:500}
.trace-public-theme .offer-cta.pink{background:linear-gradient(115deg,#0891b2,#087d98);color:#fff}
.trace-public-theme .offer-cta.lime{background:#098781;color:#fff}
.trace-public-theme .offer-cta.outline{background:#fff;color:#1a1a2e;border-color:#e7decc}
.trace-public-theme .offers-billing button{font-family:var(--body-font);border-radius:10px;font-weight:500}
.trace-public-theme .offers-billing button[aria-pressed=true]{background:#242b3d;border-color:#242b3d}
.trace-public-theme .offers-bundle{background:#fcf0f2;border-color:#eadfce}
.trace-public-theme :is(.offers-details h2,.offers-bundle h2){font-weight:600;color:#1a1a2e}
.trace-public-theme :is(#navbar.site-navigation,#site-navbar){--body-font:AppClash,'DM Sans',sans-serif;--primary-color:#1a1a2e;--primary-color-rgb:30,58,138;--secondary-color:#0891b2;--secondary-color-rgb:8,145,178;font-family:var(--body-font)}
.trace-public-theme :is(#navbar.site-navigation,#site-navbar) .st-desktop-header{border-bottom:1px solid #e7decc}
.trace-public-theme :is(#navbar.site-navigation,#site-navbar) #mainmenu a{font-size:14px;color:#334155}
.trace-public-theme :is(#navbar.site-navigation,#site-navbar) :is(.btn-main,.st-mobile-bar-cta,.st-mobile-drawer-cta){background:linear-gradient(115deg,#0891b2,#087d98)!important;border:0!important;color:#fff!important;border-radius:10px!important;font-size:14px;font-weight:500}
.trace-public-theme :is(#navbar,#site-navbar) .st-new-badge{background:#e3f19b;color:#354125}
.trace-public-theme .lang-menu a[aria-current=true]{background:#fcf0f2;color:#098781}
.trace-public-theme #footer{background:#fff;border-top:1px solid #e7decc}
.trace-public-theme #footer footer.footer{background:#fff;color:#526174;border:0;display:block;padding:0}
.trace-public-theme #footer .footer-brand p,.trace-public-theme #footer p.text-muted{color:#64748b!important;font-size:14px;line-height:1.7}
.trace-public-theme #footer .footer-title{color:#334155;font-size:12px;letter-spacing:.08em;font-weight:500}
.trace-public-theme #footer .footer-links a{color:#526174;font-size:14px}
.trace-public-theme #footer .footer-links a:hover{color:#1a1a2e}
.trace-public-theme #footer .subfooter{background:#fbf8f1;border-top:1px solid #e7decc;color:#64748b}
.trace-public-theme #footer .social-links a{color:#64748b}
.trace-public-theme #footer .badge.bg-primary{background:#fcf0f2!important;color:#098781!important}
.trace-public-theme #back-to-top{background:#242b3d;color:#fff;border-radius:10px}
.trace-public-theme :is(a,button,summary):focus-visible{outline:3px solid #098781;outline-offset:4px}
@media(max-width:650px){.trace-public-theme :is(.offers-section,#content #section-pricing.offers-section){padding:28px 20px 40px}.trace-public-theme .offers-heading h1{font-size:36px}.trace-public-theme .offers-heading p{font-size:16px}.trace-public-theme .offer-card{padding:24px}.trace-public-theme #footer .container{padding-left:24px;padding-right:24px}}
@media(prefers-reduced-motion:reduce){.trace-public-theme :is(.tutorial-card,.related-card,.support-simple-card,.feature-card-api,.use-case-card){transition:none;animation:none}}
/* Approved checkout reference: cream, navy/teal, blue actions, pink selection. */
.trace-public-theme{--primary-color:#1a1a2e;--primary-color-rgb:26,26,46;--secondary-color:#2563eb;--secondary-color-rgb:37,99,235;--checkout-cream:#fbf8f1;--checkout-navy:#242b3d;--checkout-teal:#098781;--checkout-blue:#2563eb;--checkout-pink:#f453c4}
.trace-public-theme :is(h1,h2,h3,h4,h5,h6){font-family:AppClash,'DM Sans',sans-serif!important}
.trace-public-theme :is(.btn-main,.btn-api,.support-policy-btn,.support-email-btn,.email-btn,.platform-button,.action-btn){background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}
.trace-public-theme :is(.btn-main,.btn-api,.support-policy-btn,.support-email-btn,.email-btn,.platform-button,.action-btn):hover{background:#1d4ed8!important;border-color:#1d4ed8!important}
.trace-public-theme :is(#navbar.site-navigation,#site-navbar) .st-desktop-header{background:#fbf8f1!important;position:relative!important;box-shadow:none!important}
.trace-public-theme :is(#navbar.site-navigation,#site-navbar) #mainmenu a{color:#334155!important}
.trace-public-theme :is(#navbar.site-navigation,#site-navbar) #logo img{content:normal}
.trace-public-theme :is(#navbar.site-navigation,#site-navbar) :is(.btn-main,.st-mobile-bar-cta,.st-mobile-drawer-cta){display:inline-block!important;background:#2563eb!important;border-color:#2563eb!important}
.trace-public-theme :is(#navbar.site-navigation,#site-navbar) .st-mobile-bar{background:#fbf8f1}
.trace-public-theme .hero-api{background:radial-gradient(ellipse at 15% 10%,#203c45 0%,transparent 55%),linear-gradient(160deg,#242b3d,#1c2230)!important;padding-top:64px}
.trace-public-theme .hero-api::before{display:none}
.trace-public-theme .hero-api h1 span{color:#fbf8f1!important}
.trace-public-theme .hero-api .btn-api{background:#2563eb!important}
.trace-public-theme .offer-card{background:#fff;border-color:#e7decc}
.trace-public-theme .offer-card.featured{background:#fcf0f2;border:2px solid #f453c4;color:#1a1a2e;box-shadow:0 0 0 3px #f453c41a}
.trace-public-theme .offer-card.featured :is(.offer-label,.offer-note,.offer-description){color:#64748b}
.trace-public-theme .offer-card.featured li:before,.trace-public-theme .offer-card.service li:before,.trace-public-theme .offer-card li:before{color:#098781}
.trace-public-theme .offer-card.service{background:#fffdf8;border-color:#e7decc;color:#1a1a2e}
.trace-public-theme .offer-cta.pink,.trace-public-theme .offer-cta.lime{background:#2563eb;color:#fff}
.trace-public-theme .offer-cta.outline{background:#fff;color:#1a1a2e;border-color:#e7decc}
.trace-public-theme .offers-billing button[aria-pressed=true]{background:#1a1a2e;border-color:#1a1a2e}
.trace-public-theme .offers-billing span{background:#45995d;color:#fff}
.trace-public-theme .offers-bundle{background:#f4efe5;border-color:#e7decc}
.trace-public-theme .support-simple-icon{background:#edf6ef!important;color:#098781!important}
.trace-public-theme #footer,.trace-public-theme #footer footer.footer{background:#fbf8f1}
.trace-public-theme #footer .subfooter{background:#f4efe5}
.trace-public-theme :is(a,button,summary):focus-visible{outline-color:#2563eb}
.trace-public-theme #footer .footer-links{list-style:none!important;margin:0;padding:0!important}
.trace-public-theme #footer .footer-links li{list-style:none!important;margin:0 0 8px;padding:0}
.trace-public-theme #footer .footer-links a{text-decoration:none}
.trace-public-theme #footer .social-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.trace-public-theme #footer .subfooter p{margin:0;font-size:12px}