/* Jextone foundation layer. Keep layout, business markup, and Motion V2 intact. */
:root {
  --brand-primary: #102238;
  --brand-primary-deep: #0a1829;
  --brand-secondary: #a9804e;
  --brand-accent: #d8b77b;
  --brand-accent-soft: #f1e5cf;
  --brand-paper: #f8f7f3;
  --brand-surface: #ffffff;
  --brand-line: #d9dde2;
  --brand-text: #162338;
  --brand-muted: #5c6570;
  --ink: var(--brand-text);
  --deep: var(--brand-primary);
  --accent: var(--brand-accent);
  --paper: var(--brand-paper);
  --white: var(--brand-surface);
  --line: var(--brand-line);
  --muted: var(--brand-muted);
  --shadow: 0 16px 45px rgba(12, 31, 52, .09);
}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--brand-secondary)}
.site-header{background:rgba(248,247,243,.94)}
.site-header::before{background:linear-gradient(105deg,rgba(255,255,255,.72),rgba(245,237,224,.35))}
.site-header.is-scrolled{background:rgba(248,247,243,.84);border-color:#d8d5ce;box-shadow:0 12px 36px rgba(11,28,47,.09)}
.brand-lockup{flex-direction:column;align-items:flex-start;gap:0;width:182px;min-width:182px;line-height:1;text-decoration:none}
.brand-lockup:hover{text-decoration:none}
.brand-logo{display:block;width:182px;height:auto;max-width:100%;object-fit:contain;border-radius:4px}
.brand-descriptor{display:block;margin:0 0 1px 5px;font-size:9px;line-height:1.15;letter-spacing:.035em;font-weight:700;color:var(--brand-primary);white-space:nowrap}
.main-nav a::after{background:var(--brand-secondary)}
.button.accent,.wp-block-button__link.has-accent-background-color{background:var(--brand-accent);border-color:var(--brand-accent);color:var(--brand-primary-deep)}
.button.accent:hover{background:#e4c995;border-color:#e4c995}
.button:hover,.wp-block-button__link:hover{box-shadow:0 8px 22px rgba(12,31,52,.14)}
.eyebrow{color:#88663f}
.hero{background:radial-gradient(ellipse at 76% 18%,rgba(224,198,151,.24),transparent 44%),radial-gradient(ellipse at 8% 86%,rgba(209,217,226,.36),transparent 46%),var(--paper)}
.hero::before{background:radial-gradient(420px circle at var(--spot-x,72%) var(--spot-y,36%),rgba(219,182,117,.15),transparent 75%)}
.flow-board{border-color:rgba(214,179,119,.24);box-shadow:0 28px 68px rgba(9,24,41,.17)}
.flow-board::before{background:radial-gradient(circle at 65% 35%,rgba(222,182,115,.12),transparent 42%)}
.flow-board .board-top{border-color:#3a5066;color:#d7dde4}
.flow-step{background:#1b314b;border-color:#40516a}
.flow-step span,.flow-copy small{color:#c7d0dc}
.flow-step:hover,.flow-step.is-active{background:#2a425d;border-color:rgba(226,194,141,.73);box-shadow:inset 3px 0 0 var(--brand-accent),0 6px 20px rgba(8,20,36,.18)}
.flow-step.is-active .step-no{box-shadow:0 0 0 5px rgba(216,183,123,.18)}
.card:hover,.product-card:hover{border-color:#cbb792;box-shadow:0 20px 45px rgba(14,37,64,.1)}
.card .arrow{color:#997044}
.soft{background:#f0eee9}
.dark{background:var(--brand-primary);color:#fff}
.dark p,.dark .section-lead{color:#d3dce5}
.site-footer{background:var(--brand-primary-deep)}
.site-footer .brand-lockup{width:222px;min-width:0}
.site-footer .brand-logo{width:222px;background:#fff}
.site-footer .brand-descriptor{color:#e0c698;font-size:10px;margin-top:3px}
.site-footer .brand-slogan{font-weight:750;color:#e0c698;letter-spacing:.04em;margin:20px 0 9px}
.site-footer p,.site-footer a{color:#cbd5df}
.footer-bottom{border-color:#31445a;color:#b8c7d5}
.field input,.field select,.field textarea,.catalog-toolbar input,.catalog-toolbar select{border-color:#c8d0d9}
.notice{background:#f5ecd9;border-color:#dec8a3}
.product-card .image{background:linear-gradient(145deg,#e8edf1,#f6f5f1)}
.product-card .image img{object-fit:cover}
.tag{background:#f3e7d0;color:#654820}
.tag.gray{background:#edf0f3;color:#465568}
.process .card::before{color:#8d693d}
.process .card.is-current{border-color:#c8aa78;box-shadow:0 16px 35px rgba(70,48,22,.1)}
.sp-page-how-it-works .process::before,.sp-page-fulfillment .process::before{background:#d7d9db}
.sp-page-how-it-works .process::after,.sp-page-fulfillment .process::after{background:var(--brand-secondary)}
.sp-page-how-it-works .process .card::before,.sp-page-fulfillment .process .card::before{background:#f5efe3;border-color:#d4c3a5}
.sp-page-how-it-works .process .card.is-current::before,.sp-page-fulfillment .process .card.is-current::before{background:var(--brand-accent);border-color:#c09a60;box-shadow:0 0 0 6px rgba(216,183,123,.22)}
.status{background:#f1e5cf;color:var(--brand-primary)}
.tracking-line{border-color:#caa56d}
.tracking-line::before{background:#bc9155;box-shadow:0 0 0 5px rgba(188,145,85,.15)}
.motion-enhanced .faq details[open]{border-color:#cbb792;box-shadow:0 10px 26px rgba(54,38,18,.06)}
.topic-hint{border-color:#c9a46b;background:#faf5ea;color:#68543a}
.step-progress__dot{border-color:#cbbfae;color:#78664e}
.step-progress__dot.is-current{background:var(--brand-accent);color:var(--brand-primary-deep);border-color:var(--brand-accent)}
.step-progress__line{background:#e4ded2}
.step-progress__line::after{background:#b8925e}
.filters-sheet{background:var(--brand-paper)}
.filters-overlay{background:rgba(8,22,39,.4)}
.mobile-sticky-cta{background:rgba(248,247,243,.94);border-color:#d8d5ce;box-shadow:0 -8px 24px rgba(8,22,39,.1)}
@media(max-width:1050px){.main-nav{background:var(--brand-paper);box-shadow:0 16px 28px rgba(8,22,39,.12)}}
@media(max-width:760px){
  .brand-lockup{width:137px;min-width:137px}
  .brand-logo{width:137px}
  .brand-descriptor{font-size:8.2px;margin:0 0 0 2px;letter-spacing:-.025em}
  .main-nav::before{content:"";display:block;width:30px;height:34px;margin:0 0 12px;background:url('assets/jextone-symbol.svg') center/contain no-repeat}
  .hero{background:radial-gradient(ellipse at 70% 26%,rgba(228,204,159,.26),transparent 52%),var(--paper)}
  .card:active,.product-card:active{background:#faf5ea}
  .site-footer .brand-lockup{width:205px}
  .site-footer .brand-logo{width:205px}
  .site-footer .brand-descriptor{font-size:9.5px}
}