/* Final conversion and alignment polish for the public landing. */
.amazon-trial-btn {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  background: #111318;
  box-shadow: 0 12px 26px rgba(13, 19, 35, .2);
  color: #fff;
  padding: 8px 14px;
  transition: transform .18s, box-shadow .18s;
}
.amazon-trial-btn:hover { transform: translateY(-1px); box-shadow: 0 15px 32px rgba(13, 19, 35, .29); }
.amazon-word { position: relative; display: inline-block !important; padding: 0 2px 5px 0; color: #fff; font-size: 13px; font-weight: 800; letter-spacing: -.06em; line-height: 1 !important; }
.amazon-word i { position: absolute; right: 0; bottom: 1px; left: 4px; height: 5px; border-bottom: 1.5px solid #ffb000; border-radius: 0 0 70% 55%; transform: rotate(2deg); }
.amazon-trial-btn span { display: grid; line-height: 1.15; text-align: left; }
.amazon-trial-btn small { color: #cbd0dc; font-size: 9px; }
.amazon-trial-btn b { font-size: 13px; }
.amazon-trial-btn .icon { width: 16px; height: 16px; margin-left: 4px; }
.oauth-status { max-width: 440px; margin: 18px 0 -8px; color: #695a2a; font-size: 12px; line-height: 1.45; }
.oauth-status:not([hidden]) { border: 1px solid #f0cd87; border-radius: 9px; background: #fff8ea; padding: 10px 12px; }
.trial-assurance { margin: 12px 0 19px; color: #405170; font-size: 12px; font-weight: 700; }

/* One conversion path: start a no-card trial, then use real data. */
.nav .nav-trial,
.pricing-section .btn.light,
.closing .btn.light {
  background: #3156e8;
  border-color: #3156e8;
  box-shadow: 0 9px 22px rgba(49, 86, 232, .2);
  color: #fff;
}
.nav .nav-trial:hover,
.pricing-section .btn.light:hover,
.closing .btn.light:hover { background: #2848c6; border-color: #2848c6; }
.nav .nav-trial { background: #111318; border-color: #111318; box-shadow: 0 9px 22px rgba(17, 19, 24, .18); }
.nav .nav-trial:hover { background: #242936; border-color: #242936; }
.hero-proof,
.price-contact,
.closing-contact { display: none; }

/* Keep the product preview dominant and uncluttered. */
.hero-visual { position: relative !important; padding: 0 0 38px; }

@media (min-width: 901px) {
  .hero h1 { font-size: clamp(46px, 3.55vw, 53px); }
}

/* The VAT card shares the hero visual baseline instead of hanging below it. */
.vat-float { right: 22px; bottom: 42px; width: 238px; padding: 15px 16px 13px; }
.vat-title { align-items: center; }
.vat-float > div:not(.vat-title) { grid-template-columns: 20px minmax(0, 1fr) auto; gap: 7px; }
.vat-float strong { min-width: 0; }
.vat-float small, .vat-float em { white-space: nowrap; }
.vat-float em { justify-self: end; max-width: none; }
.illustrative { right: 22px; bottom: 10px; }

/* The product frame deliberately echoes the live dark SellerCabin application. */
.hero { overflow: hidden; background: radial-gradient(circle at 75% 16%, rgba(71, 102, 245, .1), transparent 28%), #fff; }
.hero-copy { animation: landing-enter .7s cubic-bezier(.16, 1, .3, 1) both; }
.hero-visual { animation: landing-enter .8s .12s cubic-bezier(.16, 1, .3, 1) both; }
.app-shot { overflow: hidden; border-color: #273047; background: #0d1119; box-shadow: 0 30px 72px rgba(20, 30, 61, .22); }
.app-top { min-height: 52px; border-color: #252d3e; background: #10151f; color: #eef2ff; }
.app-account { color: #b3bed6; }
.app-body { background: #0d1119; }
.app-body aside { border-color: #252d3e; background: #10151f; }
.app-body aside a { color: #b6c1d7; }
.app-body aside .active { background: rgba(77, 111, 255, .18); color: #f2f5ff; }
.app-body article { background: #0d1119; }
.app-heading h2, .metric-row b, .chart-card b, .attention-card b { color: #f5f7ff; }
.app-heading small, .metric-row small, .chart-card small, .attention-card small, .attention-row small { color: #8c9ab5; }
.app-heading button, .attention-row button { border-color: #30394d; background: #151c29; color: #dce5ff; }
.metric-row > div, .chart-card, .attention-card { border-color: #283145; background: #131925; }
.metric-row em { color: #48d490; }
.attention-row { border-color: #283145; }
.vat-float { border-color: #2a3550; background: #121927; box-shadow: 0 24px 44px rgba(10, 16, 31, .32); }
.vat-float, .vat-float strong { color: #eef2ff; }
.vat-float .vat-title span, .vat-float small { color: #91a0be; }
.vat-float > div:not(.vat-title) { border-color: #263047; }
.vat-float em { background: rgba(77, 111, 255, .15); color: #aabaff; }
.vat-float em.ready { background: rgba(72, 212, 144, .14); color: #6ee2ab; }
.vat-float > a { color: #aebcff; }
.illustrative { color: #6b7894; }
.app-shot .chart-card svg { filter: drop-shadow(0 8px 10px rgba(77, 111, 255, .18)); }

/* A single complete dashboard replaces the detached VAT sample card. */
.hero-visual { padding: 0; }
.app-shot-dashboard { width: 100%; }
.app-shot-dashboard .app-body { min-height: 470px; }
.app-shot-dashboard .app-body article { min-width: 0; padding: 22px; }
.app-shot-dashboard .app-top { position: relative; justify-content: flex-start; gap: 12px; padding: 0 16px; }
.brand-mark-image, .brand-mark-app { padding: 0; border: 0; background: none; box-shadow: none; }
.brand-mark-app { display: block; width: 32px; height: 32px; flex: 0 0 32px; }
.brand b { color: #4f8cff; }
.app-shot-dashboard .mini-mark { padding: 0; background: none; }
.window-controls { display: flex; align-items: center; gap: 5px; }
.window-controls i { display: block; width: 8px; height: 8px; border-radius: 50%; background: #ff6259; }
.window-controls i:nth-child(2) { background: #f7bf3d; }
.window-controls i:nth-child(3) { background: #2acb67; }
.app-shot-dashboard .app-brand { color: #f0f4ff; }
.app-shot-dashboard .app-brand b { color: #6f8bff; }
.app-shot-dashboard .app-account { display: flex; align-items: center; gap: 11px; margin-left: auto; }
.app-shot-dashboard .app-search { display: grid; width: 18px; height: 18px; place-items: center; color: #d8e1f5; }
.app-shot-dashboard .app-search svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-width: 2; }
.app-shot-dashboard .app-assistant { display: inline-flex; height: 30px; align-items: center; gap: 6px; border: 1px solid rgba(79, 140, 255, .35); border-radius: 6px; background: rgba(79, 140, 255, .06); padding: 0 7px; color: #6d8dff; font-size: 9px; font-weight: 600; white-space: nowrap; }
.app-shot-dashboard .app-assistant svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.app-shot-dashboard .app-assistant kbd { display: grid; min-width: 13px; height: 15px; place-items: center; border: 1px solid rgba(79, 140, 255, .28); border-radius: 3px; background: #101725; color: #a9b9de; font: 8px Inter, Arial, sans-serif; }
.app-shot-dashboard .app-heading > div > small { display: none; }
.app-shot-dashboard .app-heading button { display: inline-flex; flex: 0 0 30px; align-self: center; width: 132px; height: 30px; min-height: 0; max-height: 30px; align-items: center; justify-content: space-between; gap: 7px; padding: 0 10px; font-size: 9px; line-height: 1; white-space: nowrap; }
.app-shot-dashboard .app-heading button span { position: relative; width: 11px; height: 10px; flex: 0 0 auto; overflow: hidden; border: 1px solid #9ba9c7; border-radius: 1px; color: transparent; font-size: 0; }
.app-shot-dashboard .app-heading button span::before { position: absolute; top: 2px; right: 0; left: 0; border-top: 1px solid #9ba9c7; content: ''; }
.app-shot-dashboard .app-heading button span::after { position: absolute; top: -2px; left: 2px; width: 5px; height: 3px; border-right: 1px solid #9ba9c7; border-left: 1px solid #9ba9c7; content: ''; }
.app-shot-dashboard .app-heading button b { color: #9ba9c7; font-weight: 500; }
.app-shot-dashboard .app-heading button em { overflow: visible; color: #dce5ff; font-size: 9px; font-style: normal; font-weight: 600; line-height: 1; white-space: nowrap; }
.app-shot-dashboard .app-nav-label { display: block; margin: 12px 7px 4px; color: #71809d; font-size: 7px; font-weight: 700; letter-spacing: .12em; }
.app-shot-dashboard .app-body aside a { margin: 2px 0; }
.app-shot-dashboard .app-body aside { display: flex; min-height: 470px; flex-direction: column; }
.app-user { display: grid; grid-template-columns: 22px minmax(0, 1fr); column-gap: 6px; align-items: center; margin: auto -3px 0; padding: 9px 5px 1px; border-top: 1px solid #252d3e; }
.app-user > span { display: grid; grid-row: span 2; place-items: center; width: 22px; height: 22px; border-radius: 7px; background: linear-gradient(135deg, #4f8cff, #8b5cf6); color: #fff; font-size: 7px; font-weight: 800; }
.app-user b { overflow: hidden; color: #dce5ff; font-size: 8px; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; }
.app-user small { overflow: hidden; color: #71809d; font-size: 7px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.app-shot-dashboard .metric-row { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; margin: 12px 0 0; }
.app-shot-dashboard .metric-row > div { min-width: 0; min-height: 78px; padding: 11px; }
.app-shot-dashboard .metric-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.app-shot-dashboard .metric-row b { margin: 3px 0; font-size: 16px; }
.app-shot-dashboard .metric-row em { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.app-shot-dashboard .metric-row-primary .cost { border-color: rgba(239, 100, 105, .28); background: rgba(117, 29, 42, .17); }
.app-shot-dashboard .metric-row-primary .cost b,
.app-shot-dashboard .metric-row-primary .cost em { color: #ff858c; }
.app-shot-dashboard .metric-row-primary .ads { border-color: rgba(242, 165, 67, .24); }
.app-shot-dashboard .metric-row-primary .ads em { color: #f4bd68; }
.app-shot-dashboard .metric-row-primary .profit { border-color: rgba(72, 212, 144, .26); }
.app-shot-dashboard .metric-row-primary .profit b,
.app-shot-dashboard .metric-row-primary .profit em { color: #48d490; }
.app-shot-dashboard .metric-row-secondary { margin-top: 9px; }
.app-shot-dashboard .chart-card { min-height: 196px; margin-top: 12px; padding: 10px 10px 4px; }
.app-shot-dashboard .chart-card svg { height: 151px; }
.app-shot-dashboard .chart-grid path { fill: none; stroke: #283248; stroke-width: 1; stroke-dasharray: 3 3; }
.app-shot-dashboard .chart-grid text,
.app-shot-dashboard .chart-labels text { fill: #8190ad; font: 8px Inter, Arial, sans-serif; }
.app-shot-dashboard .chart-labels text { font-size: 7px; }

@keyframes landing-enter { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 600px) {
  .shell { width: min(1180px, calc(100% - 40px)); }
  .hero-actions { align-items: stretch; }
  .amazon-trial-btn { width: 100%; justify-content: center; }
  .hero-visual { padding-bottom: 0; }
  .vat-float { right: auto; bottom: auto; width: auto; }
  /* On a phone show the actual mobile hierarchy, not a compressed desktop. */
  .app-shot-dashboard .app-top { min-height: 46px; }
  .app-shot-dashboard .app-body { display: block; min-height: 0; }
  .app-shot-dashboard .app-body aside { display: none; }
  .app-shot-dashboard .app-body article { padding: 16px; }
  .app-shot-dashboard .app-heading h2 { font-size: 23px; }
  .app-shot-dashboard .app-heading button { width: 112px; height: 34px; flex-basis: 34px; font-size: 9px; }
  .app-shot-dashboard .metric-row-primary { grid-template-columns: 1fr; gap: 9px; }
  .app-shot-dashboard .metric-row-primary > div { min-height: 88px; padding: 13px; }
  .app-shot-dashboard .metric-row-primary .ads { display: none; }
  .app-shot-dashboard .metric-row-primary .profit { display: block; }
  .app-shot-dashboard .metric-row-primary b { font-size: 23px; }
  .app-shot-dashboard .metric-row-secondary { display: none; }
  .app-shot-dashboard .app-assistant b { display: none; }
  .app-shot-dashboard .app-assistant { width: 30px; justify-content: center; padding: 0; }
  .app-shot-dashboard .app-assistant kbd { display: none; }
  .app-shot-dashboard .chart-card { min-height: 178px; margin-top: 14px; }
  .app-shot-dashboard .chart-card svg { height: 135px; }
  .app-shot-dashboard .app-user { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-copy, .hero-visual { animation: none; }
}

/* Consent is a choice, not a wall: GA4 is not loaded until it is accepted. */
/* Compact price selector: clear launch value without decorative filler. */
.pricing-section .price-table { padding: 22px; }
.pricing-section .card-head { padding-bottom: 15px; }
.billing-toggle { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; border-radius: 10px; background: #edf1f8; }
.billing-toggle button { min-height: 35px; border: 0; border-radius: 7px; background: transparent; color: #68758d; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; transition: background .16s, box-shadow .16s, color .16s; }
.billing-toggle button span { display: block; margin-top: 1px; color: #168554; font-size: 9px; font-weight: 800; }
.billing-toggle button.active { background: #fff; color: #17213a; box-shadow: 0 2px 7px rgba(24, 36, 64, .12); }
.price-choice { margin-top: 14px; border: 1px solid #dce4f1; border-radius: 11px; background: linear-gradient(145deg, #fbfcff, #f3f6fd); padding: 18px; }
.price-choice strong { display: block; color: #142044; font-size: 28px; letter-spacing: -.04em; line-height: 1; }
.price-choice strong small { color: #596984; font-size: 13px; font-weight: 700; letter-spacing: 0; }
.price-choice p { display: block; width: 100%; margin: 8px 0 0; border: 0; color: #68758d; font-size: 12px; padding: 0; }

/* Three clear plans with one deliberate default choice. */
.pricing-section { overflow: hidden; padding: 94px 0 86px; background: #121a31; }
.pricing-shell { display: grid; gap: 46px; }
.pricing-head { display: flex; align-items: end; justify-content: space-between; gap: 40px; }
.pricing-head > div:first-child { max-width: 690px; }
.pricing-head h2 { margin: 14px 0 12px; color: #fff; }
.pricing-head h2 span { color: #7893ff; }
.pricing-head p:not(.eyebrow) { max-width: 610px; margin: 0; color: #b9c4d9; font-size: 16px; }
.pricing-toggle { width: 280px; flex: none; border: 1px solid #34415e; background: #1a2540; }
.pricing-toggle button { color: #aebad0; }
.pricing-toggle button.active { background: #fff; color: #17213a; }
.pricing-toggle button span { color: #58c995; }
.pricing-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 16px; padding-top: 14px; }
.plan-card { position: relative; display: flex; min-height: 500px; flex-direction: column; border: 1px solid #dce3ef; border-radius: 18px; background: #fff; color: #17213a; padding: 30px; box-shadow: 0 20px 52px rgba(4, 10, 25, .2); }
.plan-card.plan-featured { z-index: 1; border: 2px solid #6d88ff; box-shadow: 0 30px 72px rgba(27, 57, 169, .34); transform: translateY(-14px); }
.plan-badge { position: absolute; top: -14px; left: 50%; border-radius: 999px; background: #3156e8; box-shadow: 0 8px 20px rgba(49,86,232,.28); color: #fff; padding: 7px 14px; font-size: 9px; font-weight: 800; letter-spacing: .1em; transform: translateX(-50%); white-space: nowrap; }
.plan-card header small { color: #6075d5; font-size: 9px; font-weight: 800; letter-spacing: .12em; }
.plan-card h3 { margin: 9px 0 5px; color: #121d39; font-size: 28px; letter-spacing: -.055em; }
.plan-card header p { min-height: 44px; margin: 0; color: #69768d; font-size: 13px; }
.plan-price { display: grid; min-height: 88px; align-content: center; margin: 21px 0 18px; border-top: 1px solid #e5e9f1; border-bottom: 1px solid #e5e9f1; }
.plan-price[hidden] { display: none !important; }
.plan-price strong { color: #111c3c; font-size: 38px; letter-spacing: -.06em; line-height: 1; }
.plan-price span { margin-top: 6px; color: #69768d; font-size: 11px; }
.plan-card ul { display: grid; gap: 12px; margin: 0 0 28px; padding: 0; list-style: none; }
.plan-card li { position: relative; color: #42506a; padding-left: 21px; font-size: 13px; }
.plan-card li::before { position: absolute; top: 1px; left: 0; color: #3156e8; content: '✓'; font-weight: 800; }
.plan-cta { display: inline-flex; min-height: 45px; align-items: center; justify-content: center; gap: 9px; margin-top: auto; border: 1px solid #cdd6e7; border-radius: 10px; color: #263652; padding: 11px 14px; font-size: 12px; font-weight: 800; transition: border-color .18s, background .18s, color .18s, transform .18s; }
.plan-cta:hover { border-color: #3156e8; color: #3156e8; transform: translateY(-1px); }
.plan-featured .plan-cta { border-color: #3156e8; background: #3156e8; color: #fff; box-shadow: 0 10px 24px rgba(49,86,232,.23); }
.plan-featured .plan-cta:hover { background: #294acb; color: #fff; }
.plan-cta .icon { width: 15px; height: 15px; }
.pricing-note { margin: -8px 0 0; color: #8f9bb3; font-size: 11px; text-align: center; }

/* Launch pricing: familiar SaaS hierarchy, with Pro as the obvious default. */
.pricing-section { background: linear-gradient(180deg, #f4f7ff 0%, #eef2fb 100%); }
.pricing-head h2 { color: #101a36; }
.pricing-head h2 span { color: #3156e8; }
.pricing-head p:not(.eyebrow) { color: #62708a; }
.pricing-toggle { border-color: #d8dfed; background: #e7ecf6; }
.pricing-toggle button { color: #66738b; }
.pricing-toggle button.active { box-shadow: 0 5px 15px rgba(24, 39, 75, .1); color: #111b38; }
.plan-card { box-shadow: 0 18px 46px rgba(29, 43, 77, .1); }
.plan-starter { border-color: #cbd9ff; background: linear-gradient(160deg, #fff 0%, #f2f6ff 100%); }
.plan-scale { border-color: #d8cdfd; background: linear-gradient(160deg, #fff 0%, #f6f2ff 100%); }
.plan-card.plan-featured { border-color: #3156e8; background: linear-gradient(150deg, #17316f 0%, #3156e8 58%, #5f55d9 100%); box-shadow: 0 30px 70px rgba(36, 70, 183, .3); color: #fff; }
.plan-featured .plan-badge { background: #0e1730; }
.plan-featured header small, .plan-featured h3, .plan-featured .plan-price strong { color: #fff; }
.plan-featured header p, .plan-featured .plan-price span, .plan-featured li { color: #dbe4ff; }
.plan-featured .plan-price { border-color: rgba(255,255,255,.2); }
.plan-featured li::before { color: #9de2c2; }
.plan-featured .plan-cta { border-color: #fff; background: #fff; color: #17316f; box-shadow: 0 12px 28px rgba(8, 19, 51, .2); }
.plan-featured .plan-cta:hover { background: #eef3ff; color: #17316f; }
.pricing-note { color: #6d7890; }

/* Give the operating overview a calmer, higher-contrast entry. */
.operating { padding-top: 76px; background: #f6f8ff; }
.operating .section-intro { margin-bottom: 30px; }
.title-accent { color: var(--blue); }
.operating .outcome-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; border-top: 0; }
.operating .outcome-grid article { overflow: hidden; border: 1px solid #dce3ef; border-radius: 15px; background: #fff; padding: 0 0 24px; box-shadow: 0 16px 34px rgba(29,43,77,.07); }
.operating .outcome-grid article:first-child { display: grid; grid-column: 1 / -1; grid-template-columns: minmax(0, 1.45fr) minmax(250px, .75fr); grid-template-rows: auto auto 1fr; column-gap: 28px; padding: 0; }
.operating .outcome-grid article:first-child { padding-left: 0; }
.operating .outcome-grid article:last-child { border-right: 1px solid #dce3ef; }
.operating .outcome-grid article > :not(.feature-preview) { margin-right: 22px; margin-left: 22px; }
.operating .outcome-grid article:first-child .feature-preview { grid-row: 1 / 4; width: 100%; height: 330px; margin: 0; border-right: 1px solid #273047; border-bottom: 0; }
.operating .outcome-grid article:first-child .feature-label { align-self: end; margin-top: 58px; }
.operating .outcome-grid article:first-child h3 { align-self: center; }
.operating .outcome-grid article:first-child > p:last-child { align-self: start; }
.feature-preview { height: 250px; overflow: hidden; margin: 0 0 22px; border-bottom: 1px solid #273047; background: #0d1119; }
.feature-preview img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: left top; }
.operating .feature-label { margin-top: 0; }

/* Quiet, non-interactive commerce landscape. These marks do not imply integrations. */
.commerce-strip { overflow: hidden; border-top: 1px solid #e8ecf3; border-bottom: 1px solid #e8ecf3; background: #fff; padding: 21px 0 23px; }
.commerce-strip-head { margin-bottom: 17px; color: #9aa3b2; font-size: 8px; font-weight: 800; letter-spacing: .15em; text-align: center; }
.commerce-marquee { position: relative; overflow: hidden; width: 100%; mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.commerce-track { display: flex; width: max-content; align-items: center; animation: commerce-scroll 30s linear infinite; }
.commerce-marquee:hover .commerce-track { animation-play-state: paused; }
.commerce-logo { display: flex; width: 190px; height: 34px; align-items: center; justify-content: center; gap: 8px; color: #9199a7; filter: grayscale(1); opacity: .78; font-style: normal; font-weight: 750; white-space: nowrap; }
.commerce-logo svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.3; }
.amazon-logo { position: relative; font-size: 22px; font-weight: 700; letter-spacing: -.05em; }
.amazon-logo i { position: absolute; top: 26px; width: 34px; height: 6px; margin-left: 3px; border-bottom: 2px solid currentColor; border-radius: 0 0 55% 55%; transform: rotate(2deg); }
.walmart-logo { font-size: 19px; letter-spacing: -.04em; }
.mediamarkt-logo { font-size: 20px; font-weight: 850; letter-spacing: -.07em; }
.ebay-logo { font-size: 27px; font-weight: 650; letter-spacing: -.08em; }
.shopify-logo { font-size: 20px; font-weight: 750; letter-spacing: -.04em; }
.shopify-logo svg { fill: none; stroke-width: 1.8; }
.carrefour-logo { font-size: 19px; font-weight: 750; letter-spacing: -.04em; }
@keyframes commerce-scroll { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .commerce-track { animation: none; } }

/* A second product view: the familiar order workspace, not a decorative mockup. */
.orders-showcase { border-top: 1px solid #e7ebf3; background: #fbfcff; }
.orders-showcase-grid { display: grid; grid-template-columns: minmax(260px, .7fr) minmax(0, 1.3fr); align-items: center; gap: 70px; }
.orders-showcase-copy h2 { max-width: 390px; color: var(--blue); }
.orders-showcase-copy h2::first-line { color: var(--ink); }
.orders-showcase-copy > p:not(.eyebrow) { max-width: 410px; color: var(--muted); font-size: 16px; }
.orders-showcase-copy ul { margin: 24px 0 0; padding: 0; list-style: none; }
.orders-showcase-copy li { padding: 8px 0; border-bottom: 1px solid #dfe5ee; color: #42506b; font-size: 13px; }
.orders-showcase-copy li::before { margin-right: 9px; color: var(--green); content: '✓'; font-weight: 800; }
.orders-preview { overflow: hidden; border: 1px solid #273047; border-radius: 15px; background: #0d1119; box-shadow: 0 28px 68px rgba(20, 30, 61, .2); color: #eaf0ff; }
.orders-preview-top { display: flex; height: 46px; align-items: center; gap: 10px; border-bottom: 1px solid #252d3e; background: #10151f; padding: 0 14px; }
.orders-preview-brand { display: inline-flex; align-items: center; gap: 6px; color: #f0f4ff; font-size: 10px; font-weight: 700; }
.orders-preview-brand img { width: 19px; height: 19px; }
.orders-preview-brand b { color: #6f8bff; }
.orders-preview-account { margin-left: auto; color: #aab5cc; font-size: 9px; font-weight: 600; }
.orders-preview-account b { margin-left: 6px; color: #8694b0; font-size: 9px; }
.orders-preview-top-tools { display: flex; align-items: center; gap: 9px; margin-left: auto; }
.orders-preview-search { display: grid; width: 17px; height: 17px; place-items: center; color: #d8e1f5; }
.orders-preview-search svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-width: 2; }
.orders-preview-assistant { display: inline-flex; height: 27px; align-items: center; gap: 5px; border: 1px solid rgba(79, 140, 255, .35); border-radius: 6px; background: rgba(79, 140, 255, .06); padding: 0 6px; color: #6d8dff; font-size: 8px; font-weight: 600; white-space: nowrap; }
.orders-preview-assistant svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.orders-preview-assistant kbd { display: grid; min-width: 12px; height: 14px; place-items: center; border: 1px solid rgba(79, 140, 255, .28); border-radius: 3px; background: #101725; color: #a9b9de; font: 7px Inter, Arial, sans-serif; }
.orders-preview-body { display: grid; grid-template-columns: 116px minmax(0, 1fr); min-height: 404px; }
.orders-preview-body aside { display: flex; min-width: 0; flex-direction: column; border-right: 1px solid #252d3e; background: #10151f; padding: 11px 8px; }
.orders-preview-body aside a { display: flex; align-items: center; gap: 7px; margin: 2px 0; border-radius: 5px; color: #b7c2d8; padding: 6px; font-size: 9px; }
.orders-preview-body aside .active { background: rgba(77, 111, 255, .2); color: #fff; }
.orders-preview-body aside > small { display: block; margin: 11px 6px 3px; color: #71809d; font-size: 6px; font-weight: 800; letter-spacing: .12em; }
.orders-preview-user { display: grid; grid-template-columns: 21px minmax(0, 1fr); column-gap: 5px; align-items: center; margin: auto -3px 0; border-top: 1px solid #252d3e; padding: 8px 4px 1px; }
.orders-preview-user > span { display: grid; grid-row: span 2; width: 21px; height: 21px; place-items: center; border-radius: 6px; background: linear-gradient(135deg, #4f8cff, #8b5cf6); color: #fff; font-size: 6px; font-weight: 800; }
.orders-preview-user b, .orders-preview-user small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.orders-preview-user b { color: #dce5ff; font-size: 7px; }
.orders-preview-user small { color: #71809d; font-size: 6px; }
.orders-preview-body article { min-width: 0; background: #0d1119; padding: 17px 16px; }
.orders-preview-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.orders-preview-heading h3 { margin: 0; color: #f5f7ff; font-size: 18px; letter-spacing: -.05em; }
.orders-preview-heading button { display: inline-flex; height: 29px; align-items: center; gap: 6px; border: 1px solid #30394d; border-radius: 6px; background: #151c29; color: #dce5ff; padding: 0 8px; font: 600 8px Inter, Arial, sans-serif; }
.orders-preview-heading button span { color: #9ba9c7; font-size: 10px; }
.orders-preview-heading button b { color: #9ba9c7; }
.orders-preview-tabs { display: flex; gap: 20px; border-bottom: 1px solid #283145; margin-top: 14px; color: #8f9cba; font-size: 9px; }
.orders-preview-tabs > * { padding: 0 1px 8px; }
.orders-preview-tabs b { border-bottom: 2px solid #6383ff; color: #fff; }
.orders-preview-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; margin-top: 12px; }
.orders-preview-kpis > div { min-width: 0; border: 1px solid #283145; border-radius: 7px; background: #131925; padding: 9px; }
.orders-preview-kpis small, .orders-preview-kpis span { display: block; overflow: hidden; color: #8c9ab5; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.orders-preview-kpis b { display: block; margin: 3px 0; color: #f5f7ff; font-size: 14px; letter-spacing: -.04em; }
.orders-preview-kpis .orders-cost { border-color: rgba(239, 100, 105, .27); background: rgba(117, 29, 42, .16); }
.orders-preview-kpis .orders-cost b { color: #ff858c; }
.orders-preview-kpis .orders-profit { border-color: rgba(72, 212, 144, .25); }
.orders-preview-kpis .orders-profit b, .orders-preview-kpis .orders-profit span { color: #48d490; }
.orders-preview-tools { display: flex; align-items: center; gap: 8px; margin-top: 12px; color: #aab6ce; font-size: 8px; }
.orders-preview-tools > div { display: flex; min-width: 0; flex: 1; align-items: center; gap: 6px; border: 1px solid #30394d; border-radius: 6px; padding: 7px 8px; color: #8c9ab5; }
.orders-preview-tools .icon { width: 12px; height: 12px; flex: none; }
.orders-preview-tools b, .orders-preview-tools > span { border-radius: 5px; padding: 7px 8px; }
.orders-preview-tools b { background: rgba(77, 111, 255, .18); color: #89a2ff; }
.orders-preview-tools > span { border: 1px solid #30394d; }
.orders-preview-table { margin-top: 10px; overflow: hidden; border: 1px solid #283145; border-radius: 7px; }
.orders-table-head, .orders-table-row { display: grid; grid-template-columns: 1.1fr 1.35fr .45fr minmax(100px, 2.1fr) .4fr .75fr .75fr .75fr; align-items: center; gap: 6px; min-width: 615px; }
.orders-table-head { border-bottom: 1px solid #283145; background: #111722; color: #8c9ab5; padding: 8px 9px; font-size: 7px; font-weight: 700; }
.orders-table-row { min-height: 45px; border-bottom: 1px solid #252e41; padding: 7px 9px; color: #c8d3e8; font-size: 7px; }
.orders-table-row:last-child { border-bottom: 0; }
.orders-table-row.faint { opacity: .7; }
.orders-table-row > span:first-child b, .orders-table-row > span:first-child small, .orders-product b, .orders-product small { display: block; }
.orders-table-row > span:first-child b, .orders-product b { overflow: hidden; color: #e6edff; text-overflow: ellipsis; white-space: nowrap; }
.orders-table-row small, .orders-product small { color: #8492ad; font-size: 6px; }
.orders-table-row .flag { width: 15px; height: 11px; }
.orders-product { position: relative; min-width: 0; padding-left: 23px; }
.orders-product i { position: absolute; top: 0; left: 0; width: 17px; height: 24px; border: 1px solid #53657e; border-radius: 3px; background: linear-gradient(135deg, #edf0f7 0 32%, #172034 33% 55%, #c03464 56% 70%, #f0f4fb 71%); }
.orders-table-row .positive { color: #55d997; font-weight: 800; }
.orders-preview-pagination { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 9px; color: #8290ab; font-size: 7px; }
.orders-preview-pagination > div { display: flex; align-items: center; gap: 3px; }
.orders-preview-pagination button { min-width: 19px; height: 19px; border: 1px solid #30394d; border-radius: 4px; background: #151c29; color: #aebbd2; font: 700 7px Inter, Arial, sans-serif; }
.orders-preview-pagination button.active { border-color: rgba(99, 131, 255, .5); background: rgba(77, 111, 255, .2); color: #9db2ff; }
.orders-preview-pagination i { padding: 0 2px; color: #8290ab; font-style: normal; }

/* The Europe board states the three distinct pieces of each country setup. */
.europe h2 em { color: var(--blue); font-style: normal; }
.country-connection-board { padding: 0 20px 15px; }
.country-connection-board .country-board-head { align-items: center; padding: 17px 0 13px; }
.country-connection-board .country-board-head > div { display: grid; gap: 1px; }
.country-connection-board .country-board-head > div small { color: #6f7ff0; font-size: 8px; font-weight: 800; letter-spacing: .11em; }
.country-connection-board .country-board-head > div b { color: #17213a; font-size: 14px; }
.country-board-live { display: inline-flex; align-items: center; gap: 5px; color: #1c6f4f!important; font-size: 9px!important; font-weight: 700; }
.country-board-live i { width: 6px; height: 6px; border-radius: 50%; background: #22b573; box-shadow: 0 0 0 3px rgba(34, 181, 115, .12); }
.country-connection-board .country-row { grid-template-columns: 30px minmax(90px, 1fr) minmax(135px, 1.35fr) auto; gap: 9px; padding: 13px 0; }
.country-connection-board .country-row strong { color: #17213a; font-size: 11px; }
.country-connection-board .country-row strong small { margin-top: 2px; color: #4369d6; font-weight: 700; }
.country-authority b { color: #17213a; font-size: 10px!important; }
.country-authority small { margin-top: 2px; color: #78849a!important; font-size: 8px!important; }
.country-status { justify-self: end; border-radius: 5px; background: #edf1ff; color: #4161c8; padding: 4px 6px; font-size: 8px; font-style: normal; font-weight: 800; white-space: nowrap; }
.country-note { margin: 12px 0 0; color: #778399; font-size: 9px; line-height: 1.45; }

@media (max-width: 980px) { .orders-showcase-grid { grid-template-columns: 1fr; gap: 38px; } .orders-showcase-copy > p:not(.eyebrow) { max-width: 560px; } }
@media (max-width: 600px) { .orders-showcase { padding-top: 64px; padding-bottom: 64px; } .orders-preview-body { grid-template-columns: 1fr; min-height: 355px; } .orders-preview-body aside { display: none; } .orders-preview-body article { padding: 14px; } .orders-preview-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } .orders-preview-kpis > div { padding: 8px; } .orders-preview-tools > span { display: none; } .orders-preview-table { overflow-x: auto; } .orders-preview-assistant b, .orders-preview-assistant kbd { display: none; } .orders-preview-assistant { width: 27px; justify-content: center; padding: 0; } .orders-preview-pagination > span { display: none; } .country-connection-board { padding-right: 16px; padding-left: 16px; } .country-connection-board .country-row { grid-template-columns: 28px minmax(0, 1fr); gap: 7px; } .country-connection-board .country-authority, .country-connection-board .country-status { grid-column: 2; justify-self: start; } .country-connection-board .country-status { margin-top: 2px; } }

/* Quiet public header: Resources is secondary and Entrar is a compact text action. */
.nav-resource, .nav-login { display: inline-flex; align-items: center; color: #5d6980; font-size: 13px; font-weight: 600; white-space: nowrap; }
.nav-resource:hover { color: var(--ink); }
.nav-login { gap: 6px; color: var(--blue); font-weight: 750; }
.nav-login:hover { color: var(--blue-dark); }
.nav-login .icon { width: 14px; height: 14px; }

/* The five-country board uses colour only as a restrained identity accent. */
.country-market-grid { display: grid; grid-template-columns: 1fr; gap: 7px; padding: 14px 0 4px; }
.country-market-card { position: relative; display: grid; grid-template-columns: 25px minmax(100px, 1fr) minmax(110px, .9fr) auto; gap: 10px; align-items: center; overflow: hidden; border: 1px solid #e1e6ef; border-radius: 9px; background: #fbfcff; padding: 11px 12px; }
.country-market-card::before { display: none; }
.country-market-card:first-child { grid-column: auto; }
.country-market-card .flag { width: 25px; height: 18px; }
.country-market-card div, .country-market-card span { min-width: 0; }
.country-market-card strong, .country-market-card small, .country-market-card b { display: block; }
.country-market-card strong { color: #17213a; font-size: 11px; }
.country-market-card small { overflow: hidden; margin-top: 1px; color: #78849a; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.country-market-card span { text-align: right; }
.country-market-card span b { overflow: hidden; color: #263552; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.country-market-card em { justify-self: end; border-radius: 999px; background: #edf3ff; color: #4262c9; padding: 4px 8px; font-size: 7px; font-style: normal; font-weight: 800; white-space: nowrap; }
.country-market-card .tax-authority { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 7px; align-items: center; text-align: left; }
.country-market-card .tax-authority > i { display: grid; width: 28px; height: 28px; place-items: center; border: 1px solid #d9e0ed; border-radius: 8px; background: #fff; color: #3156e8; font-size: 7px; font-style: normal; font-weight: 900; letter-spacing: -.02em; }
.country-market-card .tax-authority > span { min-width: 0; text-align: left; }
.market-fr .tax-authority > i { color: #244fa2; }
.market-de .tax-authority > i { color: #20242c; }
.market-it .tax-authority > i { color: #16835b; }
.market-uk .tax-authority > i { color: #c53650; }

/* Product proof instead of fabricated testimonials or customer results. */
.proof-home { border-top: 1px solid #e7ebf3; background: linear-gradient(180deg, #fff, #f7f9fe); }
.proof-home-head { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(280px, .75fr); gap: 80px; align-items: end; margin-bottom: 36px; }
.proof-home-head h2 em { color: var(--blue); font-style: normal; }
.proof-home-head > p { max-width: 500px; margin: 0 0 6px; color: var(--muted); font-size: 15px; }
.proof-grid { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 14px; }
.proof-card { overflow: hidden; min-height: 250px; border: 1px solid #dfe5ef; border-radius: 18px; background: rgba(255,255,255,.9); box-shadow: 0 18px 48px rgba(25, 42, 84, .06); }
.proof-message { display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 12px; align-items: start; padding: 23px 23px 20px; }
.proof-avatar { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; background: linear-gradient(135deg, #4f8cff, #7b61ef); color: #fff; font-size: 10px; font-weight: 850; }
.proof-message small { color: #3156e8; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.proof-message p { margin: 6px 0 0; color: #26334d; font-size: 13px; line-height: 1.55; }
.proof-figure { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid #e7ebf3; background: #f8faff; }
.proof-figure > div { display: grid; gap: 4px; border-right: 1px solid #e7ebf3; padding: 19px 16px; }
.proof-figure > div:last-child { border-right: 0; }
.proof-figure small, .proof-stock small, .proof-deadline small { color: #8190aa; font-size: 8px; text-transform: uppercase; }
.proof-figure strong { color: #17213a; font-size: 18px; letter-spacing: -.04em; }
.proof-figure span { color: #7a879d; font-size: 8px; }
.proof-figure .positive strong { color: #159363; }
.proof-stock { display: grid; gap: 0; border-top: 1px solid #e7ebf3; padding: 7px 20px 12px; }
.proof-stock > div { display: grid; grid-template-columns: 8px minmax(0,1fr) auto; gap: 9px; align-items: center; border-bottom: 1px solid #edf0f5; padding: 11px 1px; }
.proof-stock > div:last-child { border-bottom: 0; }
.proof-stock span { width: 7px; height: 7px; border-radius: 50%; background: #f6a62a; }
.proof-stock div:nth-child(2) span { background: #5579ed; }
.proof-stock div:nth-child(3) span { background: #2db77f; }
.proof-stock b { overflow: hidden; color: #26334d; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.proof-stock em { border-radius: 999px; background: #f1f4fa; color: #66748c; padding: 4px 7px; font-size: 8px; font-style: normal; font-weight: 750; }
.proof-deadline { display: grid; grid-template-columns: 50px minmax(0,1fr) auto; gap: 12px; align-items: center; border-top: 1px solid #e7ebf3; padding: 20px; }
.proof-deadline time { display: grid; width: 48px; height: 50px; place-items: center; border: 1px solid #dbe2ef; border-radius: 12px; background: #f8faff; }
.proof-deadline time b { color: #17213a; font-size: 18px; line-height: 1; }
.proof-deadline time span { color: #607091; font-size: 7px; font-weight: 800; }
.proof-deadline > div { display: grid; gap: 3px; }
.proof-deadline strong { color: #26334d; font-size: 11px; }
.proof-deadline > div > span { color: #8190aa; font-size: 8px; }
.proof-deadline > em { border-radius: 999px; background: #edf2ff; color: #4163d7; padding: 5px 8px; font-size: 8px; font-style: normal; font-weight: 800; }
.proof-disclaimer { margin: 18px 0 0; color: #8a95a8; font-size: 9px; text-align: right; }

/* A slightly taller chart preserves the real app's reading rhythm. */
.app-shot-dashboard .chart-card { min-height: 206px; }
.app-shot-dashboard .chart-card svg { height: 162px; }

@media (max-width: 900px) {
  .pricing-head { align-items: flex-start; flex-direction: column; }
  .pricing-cards { grid-template-columns: 1fr; gap: 18px; }
  .plan-card, .plan-card.plan-featured { min-height: auto; transform: none; }
  .plan-card.plan-featured { order: -1; }
  .operating .outcome-grid { grid-template-columns: 1fr; }
  .operating .outcome-grid article:first-child { display: block; grid-column: auto; padding-bottom: 24px; }
  .operating .outcome-grid article:first-child .feature-preview { width: auto; height: 300px; margin-bottom: 22px; border-right: 0; border-bottom: 1px solid #273047; }
  .operating .outcome-grid article:first-child .feature-label { margin-top: 0; }
  .proof-home-head { grid-template-columns: 1fr; gap: 12px; }
  .proof-grid { grid-template-columns: 1fr 1fr; }
  .proof-card-finance { grid-column: 1 / -1; }
}

@media (max-width: 600px) {
  .pricing-section { padding: 72px 0 68px; }
  .pricing-shell { gap: 34px; }
  .pricing-toggle { width: 100%; }
  .plan-card { border-radius: 15px; padding: 25px 22px; }
  .feature-preview, .operating .outcome-grid article:first-child .feature-preview { height: 205px; }
  .commerce-strip { padding: 18px 0 20px; }
  .commerce-strip-head { margin-bottom: 14px; }
  .commerce-logo { width: 150px; }
  .nav-resource { display: none; }
  .nav-login { font-size: 12px; }
  .app-shot-dashboard .app-top, .orders-preview-top { position: relative; }
  .app-shot-dashboard .app-brand, .orders-preview-brand { position: absolute; left: 50%; transform: translateX(-50%); }
  .app-shot-dashboard .app-account, .orders-preview-top-tools { margin-left: auto; }
  .app-shot-dashboard .chart-card { min-height: 194px; }
  .app-shot-dashboard .chart-card svg { height: 148px; }
  .country-market-grid, .proof-grid { grid-template-columns: 1fr; }
  .country-market-card:first-child, .proof-card-finance { grid-column: auto; }
  .country-market-card { grid-template-columns: 25px minmax(0, 1fr); padding: 12px 10px 10px; }
  .country-market-card > span, .country-market-card > em { grid-column: 2; justify-self: start; text-align: left; }
  .proof-card { min-height: auto; }
  .proof-figure { grid-template-columns: 1fr; }
  .proof-figure > div { border-right: 0; border-bottom: 1px solid #e7ebf3; }
  .proof-figure > div:last-child { border-bottom: 0; }
  .proof-disclaimer { text-align: left; }
}

.analytics-consent { position: fixed; z-index: 50; right: 18px; bottom: 18px; display: flex; width: min(760px, calc(100% - 36px)); align-items: center; justify-content: space-between; gap: 18px; padding: 12px 14px 12px 16px; border: 1px solid #d9dfeb; border-radius: 12px; background: rgba(255, 255, 255, .98); box-shadow: 0 16px 38px rgba(15, 26, 54, .14); color: #17213a; }
.analytics-consent[hidden] { display: none; }
.analytics-consent-copy { display: flex; min-width: 0; flex: 1 1 auto; align-items: flex-start; flex-direction: column; gap: 1px; }
.analytics-consent strong { flex: none; font-size: 13px; }
.analytics-consent p { margin: 0; overflow: hidden; color: #68758d; font-size: 12px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.analytics-consent-actions { display: flex; flex: none; flex-wrap: nowrap; align-items: center; justify-content: flex-end; gap: 10px; }
.analytics-consent-actions a, .analytics-consent-actions button { border: 0; background: transparent; color: #596984; font: inherit; font-size: 12px; font-weight: 700; text-decoration: none; cursor: pointer; }
.analytics-consent-actions a:hover, .analytics-consent-actions button:hover { color: #3156e8; }
.analytics-consent-actions .accept { padding: 8px 10px; border-radius: 7px; background: #3156e8; color: #fff; }
.analytics-consent-actions .accept:hover { background: #2848c6; color: #fff; }

@media (max-width: 600px) {
  .analytics-consent { right: 12px; bottom: 12px; width: calc(100% - 24px); align-items: flex-start; flex-direction: column; gap: 10px; }
  .analytics-consent-copy { gap: 1px; }
  .analytics-consent-actions { width: 100%; justify-content: flex-end; }
}

/* Public resource hub and long-form guide. */
.resource-page { background: #fff; }
.resource-page .nav-resource.active { color: var(--ink); }
.resource-hero { padding: 105px 0 76px; background: radial-gradient(circle at 78% 5%, #e9edff 0, transparent 28%), linear-gradient(180deg, #fff, #fafbff); }
.resource-hero h1, .guide-article h1 { margin: 16px 0; color: #111b38; font-size: clamp(44px, 5.4vw, 72px); letter-spacing: -.065em; line-height: 1.02; }
.resource-hero h1 em { color: var(--blue); font-style: normal; }
.resource-hero > .shell > p:last-child { max-width: 690px; margin: 0; color: var(--muted); font-size: 18px; }
.resource-library { padding: 72px 0 100px; }
.resource-filter { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 26px; }
.resource-filter a { border: 1px solid #dde4f0; border-radius: 999px; background: #fff; color: #5d6b83; padding: 8px 12px; font-size: 12px; font-weight: 650; }
.resource-filter a:hover { border-color: #b9c7ef; color: var(--blue); }
.resource-library-grid { display: grid; grid-template-columns: 1.25fr 1fr; gap: 15px; }
.resource-library-card { display: flex; min-height: 300px; flex-direction: column; border: 1px solid #dfe5ef; border-radius: 16px; background: #fbfcff; padding: 29px; }
.resource-library-card.featured { grid-row: span 2; background: linear-gradient(145deg, #111a31, #1b2a4c); color: #fff; }
.resource-library-card > span { color: #6179d9; font-size: 9px; font-weight: 800; letter-spacing: .12em; }
.resource-library-card.featured > span { color: #91a9ff; }
.resource-library-card h2 { margin: 17px 0 10px; font-size: 28px; letter-spacing: -.05em; line-height: 1.12; }
.resource-library-card p { margin: 0; color: #65728a; font-size: 14px; }
.resource-library-card.featured p { color: #bdc8df; }
.resource-library-card > b { display: inline-flex; align-items: center; gap: 7px; margin-top: auto; padding-top: 25px; color: #9eb2ff; font-size: 13px; }
.resource-library-card .icon { width: 14px; height: 14px; }
.resource-library-card ul { margin: auto 0 0; padding: 22px 0 0; list-style: none; }
.resource-library-card li { display: flex; align-items: center; gap: 7px; border-top: 1px solid #e4e8f0; padding: 9px 0; color: #4c5a73; font-size: 12px; }
.resource-library-card li .icon { flex: none; color: #219367; }
.resource-learning { padding: 92px 0; background: #172039; color: #fff; }
.resource-learning-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; }
.resource-learning h2 { margin: 14px 0; font-size: clamp(36px, 4vw, 52px); letter-spacing: -.055em; line-height: 1.06; }
.resource-learning p:not(.eyebrow) { max-width: 530px; color: #c1c9da; }
.resource-learning .btn { margin-top: 23px; }
.resource-learning ol { margin: 0; padding: 0; list-style: none; }
.resource-learning li { display: grid; grid-template-columns: 42px 1fr; gap: 14px; align-items: center; border-top: 1px solid #44506a; padding: 18px 0; }
.resource-learning li > span { color: #7892f5; font-size: 11px; font-weight: 800; }
.resource-learning li b, .resource-learning li small { display: block; }
.resource-learning li small { margin-top: 3px; color: #aeb8cc; }

.guide-article { width: min(820px, calc(100% - 48px)); margin: 0 auto; padding: 86px 0 110px; }
.guide-article > header { padding-bottom: 42px; border-bottom: 1px solid #e2e7ef; }
.guide-back { color: #61708b; font-size: 12px; font-weight: 650; }
.guide-article .eyebrow { margin-top: 36px; }
.guide-article h1 { max-width: 800px; font-size: clamp(42px, 5.2vw, 66px); }
.guide-deck { max-width: 760px; margin: 0; color: #596780; font-size: 19px; line-height: 1.55; }
.guide-meta { display: flex; flex-wrap: wrap; gap: 9px 22px; margin-top: 24px; color: #7b879c; font-size: 11px; }
.guide-article > section { padding: 42px 0 5px; }
.guide-article > section h2 { margin: 0 0 15px; color: #17213a; font-size: 30px; letter-spacing: -.045em; line-height: 1.16; }
.guide-article > section p, .guide-article > section li { color: #4e5d75; font-size: 16px; line-height: 1.75; }
.guide-article > section ol { margin: 18px 0 0; padding-left: 22px; }
.guide-article > section li { padding: 5px 0 5px 8px; }
.guide-principles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 26px; }
.guide-principles div { border: 1px solid #dfe5ef; border-radius: 11px; background: #fafbfe; padding: 17px; }
.guide-principles b, .guide-principles span { display: block; }
.guide-principles b { color: #213255; font-size: 13px; }
.guide-principles span { margin-top: 5px; color: #6c7890; font-size: 12px; }
.guide-country-table { overflow: hidden; margin-top: 25px; border: 1px solid #dfe5ef; border-radius: 12px; }
.guide-country-table > div { display: grid; grid-template-columns: .8fr 1fr 1.4fr; gap: 12px; border-top: 1px solid #e5e9f0; padding: 12px 14px; color: #536078; font-size: 12px; }
.guide-country-table > div:first-child { border-top: 0; background: #172039; color: #fff; }
.guide-note { margin: 46px 0 8px; border: 1px solid #cfd9f5; border-radius: 14px; background: #f4f6ff; padding: 23px; }
.guide-note b { color: #2948b5; }
.guide-note p { margin: 7px 0 0; color: #566680; font-size: 14px; }
.guide-cta { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 54px; border-radius: 16px; background: #172039; color: #fff; padding: 27px; }
.guide-cta b { font-size: 17px; }
.guide-cta p { margin: 4px 0 0; color: #b9c4d9; font-size: 12px; }
.guide-cta .btn { flex: none; }

@media (max-width: 760px) {
  .resource-hero { padding: 72px 0 54px; }
  .resource-hero h1 { font-size: 43px; }
  .resource-library { padding: 52px 0 72px; }
  .resource-library-grid, .resource-learning-grid { grid-template-columns: 1fr; }
  .resource-library-card.featured { grid-row: auto; }
  .resource-library-card { min-height: 260px; padding: 23px; }
  .resource-learning-grid { gap: 40px; }
  .guide-article { width: min(100% - 40px, 820px); padding-top: 62px; }
  .guide-article h1 { font-size: 42px; }
  .guide-deck { font-size: 17px; }
  .guide-principles { grid-template-columns: 1fr; }
  .guide-country-table { overflow-x: auto; }
  .guide-country-table > div { min-width: 570px; }
  .guide-cta { align-items: flex-start; flex-direction: column; }
}