:root{--ink:#1e293b;--muted:#526174;--purple:#098781;--lime:#edf3fa;--paper:#fbf8f1;--border:#e7decc}
body{background:#fbf8f1;color:#334155;font-family:AppClash,'DM Sans',sans-serif}
h1,h2,h3,h4{font-family:AppClash,'DM Sans',sans-serif;font-weight:600;color:#1a1a2e}
#site-navbar{--primary-color:#1a1a2e;--primary-color-rgb:30,58,138;--secondary-color:#0891b2;--secondary-color-rgb:8,145,178;font-family:AppClash,'DM Sans',sans-serif}
#site-navbar .st-desktop-header{border-bottom:1px solid #e7decc}
#site-navbar #mainmenu a{color:#334155;font-size:14px}
#site-navbar .btn-main,#site-navbar .st-mobile-bar-cta,#site-navbar .st-mobile-drawer-cta{background:linear-gradient(115deg,#0891b2,#087d98)!important;color:#fff!important;border-radius:10px;font-size:14px;font-weight:500}
#site-navbar .st-new-badge{background:#e3f19b;color:#354125}
#site-navbar .lang-menu a[aria-current="true"]{background:#fcf0f2;color:#098781}
.hero{padding-top:48px;padding-bottom:36px;gap:48px;grid-template-columns:1.12fr 1fr}
.hero h1{font-size:clamp(40px,4.5vw,62px);line-height:1.09;letter-spacing:-.045em;margin:18px 0 24px}
.hero h1 span{color:#1a1a2e}
.eyebrow{color:#1a1a2e;font-weight:500;letter-spacing:.12em}
.eyebrow .dot{background:#0891b2}
.hero .lead{font-size:17px;line-height:1.65;color:#526174;max-width:470px}
.hero-export-types{color:#64748b;font-size:12px;font-weight:500;letter-spacing:.09em}
.turnaround-highlight{background:#fcf0f2;color:#443653;border:1px solid #dfd3f1;border-radius:12px;padding:12px 16px;margin-bottom:20px;box-shadow:none}
.turnaround-highlight strong{font-size:14px;font-weight:600}
.turnaround-highlight>span>span{font-size:12px;color:#68547e}
.turnaround-highlight svg{color:#098781;flex:none}
.hero-art.hero-art-simple{border:1px solid #425365;background:#242b3d;border-radius:16px;box-shadow:0 6px 18px #203c451a;transform:none}
.hero-art-simple .art-grid{background:transparent;border:0;border-radius:12px;min-height:290px}
.hero-art-simple .hero-upload-prompt{color:#e0e4e7}
.hero-upload-prompt svg{color:#fff}
.hero-upload-prompt .hero-upload-choose{color:#fff;font-size:21px;font-weight:600}
.hero-upload-prompt small{color:#b9c5c9}
.hero-upload-action{border-radius:16px}
.hero-art-simple:has(.hero-upload-action:hover){background:#302a38;border-color:#8b7a9e;box-shadow:0 8px 22px #203c4526}
.hero-upload-action:focus-visible{outline:3px solid #8b5cf6;outline-offset:5px}
.benefits{border-color:#e7decc;padding-top:22px;padding-bottom:22px}
.benefits strong{font-size:23px;color:#1a1a2e;font-weight:600}
.benefits span{color:#64748b}
.benefits div{border-color:#e7decc}
.timing-note{color:#64748b;font-size:12px}
.section{padding-top:56px;padding-bottom:56px}
.section h2{font-size:clamp(28px,3vw,38px);line-height:1.18}
.steps{gap:24px}
.steps article{border-top:1px solid #d5dce8;padding-top:20px}
.steps .step-number{background:#eef2f7;color:#1a1a2e;border-radius:10px;font-weight:500}
.steps h3{font-size:21px;font-weight:600}
.steps p{font-size:15px;color:#526174}
.pricing-section{background:#fff;border-top:1px solid #e7decc;border-bottom:1px solid #e7decc}
.price-grid{gap:18px}
.price-card{background:#fbf8f1;border:1px solid #e7decc;border-radius:16px;padding:28px;box-shadow:0 2px 5px #1e293b0a}
.price-card.featured{background:linear-gradient(135deg,#fffdf8,#f5eddf);border-color:#e7decc;box-shadow:0 2px 5px #1e293b0a;transform:none}
.price-card .tier-icon{color:#1a1a2e;background:#edf2fa}
.price-card.featured .tier-icon{background:#d8edf9}
.price-card h3{font-size:25px}
.price-card .price{color:#1a1a2e}
.price-card p,.price-card .price span{color:#526174}
.price-card .pro-price-label{color:#1a1a2e}
.price-card.featured .pro-price-label{color:#075985}
.button{background:#242b3d;border-color:#242b3d;color:#fff;border-radius:10px;font-weight:500;box-shadow:none}
.button:hover{background:#1c2230;border-color:#1c2230;transform:none}
.button.secondary{background:#fff;color:#334155;border-color:#cbd5e1}
.button.secondary:hover{background:#eef3f8;border-color:#94a3b8}
.button:disabled{opacity:.55;cursor:wait}
.pro-banner{background:#fffdf8;color:#443653;border:1px solid #eadfce;border-radius:12px}
.pro-banner span{color:#645574}
.handoff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.handoff-grid article{border-top:1px solid #d5dce8;padding-top:20px}
.handoff-label{display:block;font-size:11px;letter-spacing:.08em;color:#64748b;margin-bottom:14px}
.handoff-grid h3{font-size:21px;margin:0 0 12px;line-height:1.3}
.handoff-grid p{color:#526174;font-size:15px;margin:0}
.faq{border-color:#e7decc}
.faq details{border-color:#e7decc}
.faq summary{color:#1e293b;font-weight:500}
.footer{background:transparent;border-color:#e7decc}
.orders-dashboard{background:#fbf8f1}
.dashboard-nav a[aria-current=page]{background:#eef2fa;color:#1a1a2e}
.dashboard-help{background:#fffdf8;border:1px solid #e7decc}
.dashboard-help strong{font-family:AppClash,'DM Sans',sans-serif;font-weight:600}
.dashboard-benefits>span:first-child{background:#fcf0f2;color:#098781}
.order-card,.dashboard-empty{border-color:#e7decc;border-radius:16px;box-shadow:0 2px 5px #1e293b0a}
.empty-icon{background:#fcf0f2;color:#098781}
.dashboard-panel .upload{background:linear-gradient(135deg,#fffdf8,#f5eddf);border-color:#e7decc;color:#1a1a2e}
.dashboard-panel input,.dashboard-panel select,.dashboard-panel textarea{border-color:#cbd5e1;color:#1e293b}
#auth-dialog h2{font-family:AppClash,'DM Sans',sans-serif}
@media(max-width:900px){.hero{gap:28px}.price-card{padding:22px}.hero-upload-prompt .hero-upload-choose{font-size:18px}}
@media(max-width:650px){.hero{grid-template-columns:1fr;padding-top:28px;padding-bottom:28px;gap:24px}.hero h1{font-size:clamp(36px,9vw,48px)}.hero-art.hero-art-simple{margin:0}.hero-art-simple .art-grid{min-height:240px}.hero .lead{font-size:16px}.hero .eyebrow{font-size:10px}.turnaround-highlight{padding:10px 12px}.turnaround-highlight strong{font-size:13px}.benefits strong{font-size:18px}.benefits span{font-size:11px}.section{padding-top:36px;padding-bottom:36px}.handoff-grid{grid-template-columns:1fr;gap:24px}.footer{padding-top:28px;padding-bottom:28px}}
/* Override the legacy homepage-specific selectors without changing shared styles. */
#order-landing .hero h1,#order-landing .hero h1 span{background:none;-webkit-text-fill-color:currentColor;color:#1a1a2e;font-weight:600}
#order-landing .hero .eyebrow{color:#1a1a2e;font-weight:500}
#order-landing .hero-copy .lead{color:#526174;line-height:1.65}
#order-landing .hero-art.hero-art-simple{padding:0;background:#242b3d;border:1px solid #425365;border-radius:16px;box-shadow:0 6px 18px #203c451a}
#order-landing .hero-art-simple .art-grid{background:transparent;border-radius:16px}
#order-landing .hero-art-simple .hero-upload-prompt{min-height:300px;margin:0;padding:28px 20px;border:0;gap:16px;color:#e0e4e7}
#order-landing .hero-art-simple .hero-upload-prompt>svg{color:#fff}
#order-landing .hero-upload-choose{background:#48444d;color:#fff;box-shadow:none;border:1px solid #77737c;border-radius:10px;font-size:17px}
#order-landing .hero-art:hover .hero-upload-choose{background:#57505e}
#order-landing .hero-upload-prompt>span:not(.hero-upload-choose){color:#e0e4e7}
#order-landing .hero-upload-prompt>small{color:#b9c5c9;font-size:12px}
#order-landing .hero-upload-action:hover{background:#ffffff05}
#order-landing .benefits strong{font-family:AppClash,'DM Sans',sans-serif}
#order-landing .price{font-family:AppClash,'DM Sans',sans-serif}
@media(max-width:650px){#order-landing .hero-art-simple .hero-upload-prompt{min-height:240px}#order-landing .hero .eyebrow{font-size:10px}#order-landing .hero h1{font-size:clamp(36px,9vw,48px)}}

#order-landing .hero-art-simple .hero-upload-prompt > .trace-upload-mark { display: grid; place-items: center; flex: none; width: 52px; height: 52px; margin: 0 0 4px; padding: 0; border: 2px solid #77737c; border-radius: 13px; background: #48444d; color: #fff; font-family: Arial, sans-serif; font-size: 40px; font-weight: 400; line-height: 1; box-sizing: border-box; }
/* Trace Orders shares the checkout's warm paper and navy panel. */
:root{--ink:#1a1a2e;--muted:#64748b;--paper:#fbf8f1;--border:#e7decc;--purple:#098781}
body{background:#fbf8f1}
#site-navbar .btn-main,#site-navbar .st-mobile-bar-cta,#site-navbar .st-mobile-drawer-cta{background:#2563eb!important}
#order-landing .hero-art.hero-art-simple{background:radial-gradient(ellipse at 15% 10%,#203c45 0%,transparent 65%),linear-gradient(160deg,#242b3d,#1c2230);border-color:#425365}
#order-landing .hero h1,#order-landing .hero h1 span{color:#1a1a2e}
#order-landing .hero-upload-choose{background:#ffffff12;border-color:#ffffff40;color:#fbf8f1}
#order-landing .hero-art:hover .hero-upload-choose{background:#ffffff20}
#order-landing .hero-art-simple .hero-upload-prompt>.trace-upload-mark{background:#ffffff14;border-color:#ffffff40;color:#fbf8f1}
.turnaround-highlight{background:#edf6ef;color:#287148;border-color:#d4e5d7}
.turnaround-highlight>span>span{color:#526174}
.turnaround-highlight svg{color:#098781}
.pricing-section{background:#fffdf8}
.price-card{background:#fff;border-color:#e7decc}
.price-card.featured{background:#fcf0f2;border:2px solid #f453c4;box-shadow:0 0 0 3px #f453c41a}
.price-card .tier-icon{background:transparent;color:#098781}
.price-card.featured .tier-icon{background:transparent}
.button{background:#2563eb;border-color:#2563eb}
.button:hover{background:#1d4ed8;border-color:#1d4ed8}
.button.secondary{background:#fff;border-color:#e7decc;color:#1a1a2e}
.button.secondary:hover{background:#f4efe5;border-color:#cbbfa9}
.pro-banner{background:#f4efe5;border-color:#e7decc;color:#1a1a2e}
.pro-banner span{color:#64748b}
.orders-dashboard{background:#fbf8f1}
.dashboard-help{background:#edf6ef;border-color:#d4e5d7}
.dashboard-nav a[aria-current=page]{background:#fcf0f2;color:#1a1a2e}
.dashboard-panel .upload{background:#fffdf8;border-color:#e7decc;color:#098781}