/**
 * SolveNook visual system 1.17.
 *
 * A single, light, digital-native system derived from the approved calculator
 * library palette. Electric blue is the interaction color. Purple, cyan,
 * coral, and green are reserved for categories and meaning.
 */
:root {
  --ink: #101828;
  --ink-soft: #475467;
  --teal: #3b5bff;
  --teal-dark: #2842d8;
  --coral: #ff5a5f;
  --gold: #e7a600;
  --violet: #8b5cf6;
  --cream: #ecfeff;
  --mint: #eef2ff;
  --lavender: #f3e8ff;
  --paper: #ffffff;
  --mist: #f8faff;
  --line: #d8deea;
  --shadow: 0 24px 64px rgba(59, 91, 255, .13);
  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 24px;

  --platform-paper: #f8faff;
  --platform-paper-raised: #ffffff;
  --platform-paper-muted: #eef2ff;
  --platform-paper-accent: #ecfeff;
  --platform-ink: #101828;
  --platform-ink-soft: #475467;
  --platform-muted: #667085;
  --platform-rule: #d8deea;
  --platform-rule-strong: #aab8d1;
  --platform-accent: #3b5bff;
  --platform-accent-hover: #2842d8;
  --platform-accent-ink: #ffffff;
  --platform-focus: #3b5bff;
  --platform-shadow-soft: 0 18px 44px rgba(59, 91, 255, .09);
  --platform-font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
  --platform-font-body: "Manrope", ui-sans-serif, system-ui, sans-serif;
  --platform-font-label: "Manrope", ui-sans-serif, system-ui, sans-serif;
  --platform-radius-control: .625rem;
  --platform-radius-comparison: .75rem;
  --platform-radius-panel: 1rem;
  --platform-radius-large: 1.5rem;

  --academy-ink: #101828;
  --academy-copy: #475467;
  --academy-teal: #3b5bff;
  --academy-teal-deep: #2842d8;
  --academy-blue: #3b5bff;
  --academy-coral: #d9424b;
  --academy-yellow: #d79c00;
  --academy-rule: #d8deea;
  --academy-paper: #f8faff;
  --academy-radius: 16px;

  --template-ink: #101828;
  --template-copy: #475467;
  --template-accent: #3b5bff;
  --template-accent-deep: #2842d8;
  --template-rule: #d8deea;
  --template-paper: #f8faff;
  --template-paper-warm: #eef2ff;
  --template-radius: 16px;

  --pay-ink: #101828;
  --pay-copy: #475467;
  --pay-teal: #3b5bff;
  --pay-blue: #3b5bff;
  --pay-line: #d8deea;
  --pay-paper: #ffffff;
  --pay-mist: #f8faff;
  --pay-navy: #101828;
  --pay-focus: #3b5bff;

  --invoice-paper: #f8faff;
  --invoice-surface: #ffffff;
  --invoice-surface-soft: #ecfeff;
  --invoice-surface-blue: #eef2ff;
  --invoice-ink: #101828;
  --invoice-copy: #475467;
  --invoice-muted: #667085;
  --invoice-rule: #d8deea;
  --invoice-rule-strong: #aab8d1;
  --invoice-accent: #3b5bff;
  --invoice-accent-hover: #2842d8;
  --invoice-focus: #3b5bff;
  --invoice-shadow: 0 20px 50px rgba(59, 91, 255, .1);

  --brief-paper: #f8faff;
  --brief-paper-raised: #ffffff;
  --brief-paper-soft: #eef2ff;
  --brief-paper-cyan: #ecfeff;
  --brief-paper-warm: #f3e8ff;
  --brief-ink: #101828;
  --brief-ink-soft: #475467;
  --brief-muted: #667085;
  --brief-rule: #d8deea;
  --brief-rule-strong: #aab8d1;
  --brief-accent: #3b5bff;
  --brief-accent-hover: #2842d8;
  --brief-accent-ink: #ffffff;
  --brief-secondary: #d9424b;
  --brief-secondary-soft: #fff1f2;
  --brief-partner: #101828;
  --brief-partner-raised: #1d2939;
  --brief-focus: #3b5bff;
  --brief-shadow: 0 22px 54px rgba(59, 91, 255, .1);
  --brief-shadow-small: 0 12px 30px rgba(59, 91, 255, .08);
  --brief-font: "Manrope", ui-sans-serif, system-ui, sans-serif;

  --budget-paper: #f8faff;
  --budget-paper-raised: #ffffff;
  --budget-paper-soft: #eef2ff;
  --budget-paper-cool: #ecfeff;
  --budget-paper-warm: #f3e8ff;
  --budget-ink: #101828;
  --budget-ink-soft: #475467;
  --budget-muted: #667085;
  --budget-rule: #d8deea;
  --budget-rule-strong: #aab8d1;
  --budget-accent: #3b5bff;
  --budget-accent-hover: #2842d8;
  --budget-accent-ink: #ffffff;
  --budget-signal: #8b5cf6;
  --budget-signal-soft: #f3e8ff;
  --budget-focus: #3b5bff;
  --budget-font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
  --budget-font-body: "Manrope", ui-sans-serif, system-ui, sans-serif;
  --budget-shadow: 0 22px 54px rgba(59, 91, 255, .1);

  --hire-font-editorial: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
  --hire-font-ui: "Manrope", ui-sans-serif, system-ui, sans-serif;
  --hire-paper: #f8faff;
  --hire-paper-raised: #ffffff;
  --hire-paper-warm: #eef2ff;
  --hire-paper-teal: #ecfeff;
  --hire-ink: #101828;
  --hire-ink-soft: #475467;
  --hire-muted: #667085;
  --hire-rule: #d8deea;
  --hire-rule-strong: #aab8d1;
  --hire-accent: #3b5bff;
  --hire-accent-hover: #2842d8;
  --hire-accent-ink: #ffffff;
  --hire-focus: #3b5bff;

  --wise-ink: #101828;
  --wise-copy: #475467;
  --wise-accent: #3b5bff;
  --wise-accent-dark: #2842d8;
  --wise-line: #d8deea;
  --wise-paper: #f8faff;
  --wise-soft: #eef2ff;
  --wise-soft-strong: #dfe5ff;
  --wise-focus: #3b5bff;
  --payoneer-ink: #101828;
  --payoneer-copy: #475467;
  --payoneer-accent: #3b5bff;
  --payoneer-accent-deep: #2842d8;
  --payoneer-line: #d8deea;
  --payoneer-paper: #f8faff;
  --payoneer-soft: #eef2ff;
  --payoneer-soft-strong: #dfe5ff;
  --payoneer-focus: #3b5bff;
  --paypal-ink: #101828;
  --paypal-copy: #475467;
  --paypal-accent: #3b5bff;
  --paypal-accent-deep: #2842d8;
  --paypal-line: #d8deea;
  --paypal-paper: #f8faff;
  --paypal-soft: #eef2ff;
  --paypal-soft-strong: #dfe5ff;
  --paypal-focus: #3b5bff;
  --stripe-ink: #101828;
  --stripe-copy: #475467;
  --stripe-accent: #3b5bff;
  --stripe-accent-deep: #2842d8;
  --stripe-line: #d8deea;
  --stripe-paper: #f8faff;
  --stripe-soft: #eef2ff;
  --stripe-soft-strong: #dfe5ff;
  --stripe-focus: #3b5bff;
  --bank-ink: #101828;
  --bank-copy: #475467;
  --bank-accent: #3b5bff;
  --bank-accent-deep: #2842d8;
  --bank-line: #d8deea;
  --bank-paper: #f8faff;
  --bank-soft: #eef2ff;
  --bank-soft-strong: #dfe5ff;
  --bank-focus: #3b5bff;
}

html { background: #f8faff; }

body {
  color: #101828;
  background: #f8faff;
  font-family: "Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

h1, h2, h3, h4, h5, h6,
.brand,
.button,
.site-nav a,
.nav-toggle {
  font-family: "Space Grotesk", "Manrope", ui-sans-serif, system-ui, sans-serif;
}

p, li, dd { color: #475467; }

::selection { color: #fff; background: #3b5bff; }

:where(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid rgba(59, 91, 255, .42);
  outline-offset: 3px;
}

.solve-cursor { display: none !important; }
body.custom-cursor-enabled,
body.custom-cursor-enabled a,
body.custom-cursor-enabled button,
body.custom-cursor-enabled input,
body.custom-cursor-enabled select,
body.custom-cursor-enabled summary,
body.custom-cursor-enabled [role="button"] { cursor: revert !important; }

.site-header {
  min-height: 72px;
  border-bottom: 1px solid rgba(59, 91, 255, .1);
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 8px 28px rgba(16, 24, 40, .045);
  backdrop-filter: blur(18px);
}

.header-inner { min-height: 72px; }
.brand { color: #101828; letter-spacing: -.045em; }
.brand span span { color: #3b5bff; }
.site-nav__links { gap: 8px; }
.site-nav a {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  padding: 8px 11px;
  border-radius: 9px;
  color: #475467;
  font-size: .88rem;
  transition: color .18s ease, background-color .18s ease, transform .18s ease;
}
.site-nav a:hover { color: #2842d8; background: #eef2ff; }
.site-nav__links > li:first-child > a,
.site-nav__links > a:first-child {
  padding-inline: 16px;
  color: #fff;
  background: #3b5bff;
  box-shadow: 0 10px 22px rgba(59, 91, 255, .22);
}
.site-nav__links > li:first-child > a:hover,
.site-nav__links > a:first-child:hover { color: #fff; background: #2842d8; }
.nav-toggle { border-color: #d8deea; color: #101828; background: #fff; }

.eyebrow,
.step-kicker {
  color: #3b5bff;
  font-family: "Manrope", ui-sans-serif, system-ui, sans-serif;
  letter-spacing: .12em;
}

.button,
[class$="-button"],
[class*="-button "] {
  border-radius: 10px;
}

.button { transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease; }
.button:active { transform: translateY(1px) scale(.99); }
.button--primary {
  color: #fff;
  background: #3b5bff;
  box-shadow: 0 12px 28px rgba(59, 91, 255, .24);
}
.button--primary:hover { color: #fff; background: #2842d8; box-shadow: 0 16px 34px rgba(59, 91, 255, .3); }
.button--quiet { border-color: #cfd7e6; color: #101828; background: #fff; }
.button--quiet:hover { border-color: rgba(59, 91, 255, .36); color: #2842d8; background: #eef2ff; }

:is(
  .payments-button--primary,
  .payment-guide-button--primary,
  .payoneer-button--primary,
  .paypal-button--primary,
  .stripe-button--primary,
  .bank-button--primary,
  .brief-button--primary,
  .brief-button--partner,
  .budget-button--primary,
  .budget-button--partner,
  .invoice-button--primary,
  .platform-action,
  .tutorial-action,
  .hire-action,
  .platform-final-cta__action,
  .tutorial-final-cta__action
) {
  border-color: #3b5bff;
  color: #fff;
  background: #3b5bff;
  box-shadow: 0 12px 28px rgba(59, 91, 255, .22);
}

:is(
  .payments-button--primary,
  .payment-guide-button--primary,
  .payoneer-button--primary,
  .paypal-button--primary,
  .stripe-button--primary,
  .bank-button--primary,
  .brief-button--primary,
  .brief-button--partner,
  .budget-button--primary,
  .budget-button--partner,
  .invoice-button--primary,
  .platform-action,
  .tutorial-action,
  .hire-action,
  .platform-final-cta__action,
  .tutorial-final-cta__action
):hover {
  border-color: #2842d8;
  color: #fff;
  background: #2842d8;
  box-shadow: 0 16px 34px rgba(59, 91, 255, .28);
}

:is(
  .payments-button,
  .payment-guide-button,
  .payoneer-button,
  .paypal-button,
  .stripe-button,
  .bank-button,
  .brief-button,
  .budget-button,
  .invoice-button,
  .platform-action,
  .tutorial-action,
  .hire-action
) { border-radius: 10px; }

.hero,
.page-hero,
.tool-hero,
.start-hero,
.platform-library-hero,
.payments-hero,
.academy-hero,
.template-library-hero,
.tools-library-hero,
.updates-hero {
  color: #101828;
  background:
    radial-gradient(circle at 6% 14%, rgba(0, 194, 255, .13), transparent 24%),
    radial-gradient(circle at 78% 4%, rgba(139, 92, 246, .1), transparent 26%),
    #f8faff;
}

.hero-grid { min-height: min(700px, calc(100dvh - 72px)); padding-block: 58px 66px; }
.hero h1, .page-hero h1, .tool-hero h1 { color: #101828; }
.hero h1 { max-width: 740px; font-size: clamp(3.25rem, 5vw, 4.7rem); }
.hero h1 em {
  color: #3b5bff;
  background: none;
  -webkit-text-fill-color: currentColor;
  font-family: inherit;
  font-style: normal;
  font-weight: 700;
}
.hero-lead, .tool-hero p, .page-hero p { color: #475467; }
.trust-list { display: none; }
.hero-mascot::before { background: linear-gradient(145deg, #ecfeff, #eef2ff 58%, #f3e8ff); }
.mascot-orbit--one { background: #ff5a5f; }
.mascot-orbit--two { color: #101828; background: #ffcf5c; }
.mascot-orbit--three { background: #8b5cf6; }
.mascot-note { border-color: #d8deea; border-radius: 12px; box-shadow: 0 18px 44px rgba(59, 91, 255, .12); }

.section { padding-block: clamp(70px, 8vw, 96px); }
.section-heading h2,
.home-platform-heading h2,
.home-calculator-heading h2,
.home-workbench__heading h2 { color: #101828; }

.home-platform-section,
.home-calculator-section,
.home-workbench,
.home-payments-section { background: #f8faff; }

.home-platform-shell,
.home-calculator-shell {
  border: 1px solid rgba(59, 91, 255, .12);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 24px 58px rgba(59, 91, 255, .07);
}

.home-platform-card,
.platform-library-card,
.payment-provider-card,
.home-calculator-card,
.academy-card,
.template-card,
.tools-library-card,
.post-card {
  border-radius: 16px;
  box-shadow: 0 12px 32px rgba(16, 24, 40, .055);
}

.home-platform-card {
  border-color: #d8deea;
  background: #fff;
}
.home-platform-card[data-platform="fiverr"] { border-top: 4px solid #3b5bff; background: linear-gradient(145deg, #eef2ff, #fff 54%); }
.home-platform-card[data-platform="upwork"] { border-top: 4px solid #22c55e; background: linear-gradient(145deg, #f0fdf4, #fff 54%); }
.home-platform-card[data-platform="freelancer"] { border-top: 4px solid #00a6dc; background: linear-gradient(145deg, #ecfeff, #fff 54%); }
.home-platform-card[data-platform="peopleperhour"] { border-top: 4px solid #ff5a5f; background: linear-gradient(145deg, #fff1f2, #fff 54%); }
.home-platform-card[data-platform="contra"] { border-top: 4px solid #8b5cf6; background: linear-gradient(145deg, #f3e8ff, #fff 54%); }
.home-platform-card[data-platform="fiverr"] .home-platform-card__top h3 { color: #101828; }
.home-platform-card[data-platform="fiverr"] p { color: #475467; }
.home-platform-card[data-platform="fiverr"] .home-platform-card__top span { color: #fff; background: #3b5bff; }
.home-platform-card[data-platform="fiverr"] .home-platform-path {
  border-color: rgba(59, 91, 255, .12);
  background: rgba(255, 255, 255, .72);
}
.home-platform-card[data-platform="fiverr"] .home-platform-path > strong { color: #2842d8; }
.home-platform-path,
.home-platform-card__links a { border-radius: 10px; background: rgba(255, 255, 255, .86); }
.platform-text-link,
.home-calculator-heading > a {
  border-color: #3b5bff;
  color: #fff;
  background: #3b5bff;
  box-shadow: 0 10px 22px rgba(59, 91, 255, .2);
}
.platform-text-link:hover,
.home-calculator-heading > a:hover { color: #fff; background: #2842d8; }

.home-payments-panel {
  border-color: rgba(59, 91, 255, .18);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 20px 50px rgba(59, 91, 255, .075);
}
.home-payments-panel__copy .eyebrow { display: none; }
.home-payments-panel__routes i { border-radius: 10px; }

.home-brief-feature__inner {
  border-color: rgba(139, 92, 246, .22);
  border-radius: 20px;
  background: linear-gradient(145deg, #f3e8ff, #fff 68%);
  box-shadow: 0 20px 48px rgba(139, 92, 246, .09);
}
.home-brief-feature__action { border-radius: 10px; color: #fff; background: #3b5bff; }
.home-brief-feature__action:hover { background: #2842d8; }
.home-brief-feature__action--secondary { color: #101828; background: #fff; }

.home-calculator-card { border-radius: 16px; }
.home-calculator-card--featured:first-child {
  color: #fff;
  border-color: rgba(255, 255, 255, .24);
  background: linear-gradient(128deg, #3b5bff, #8b5cf6 74%, #00c2ff 145%);
  box-shadow: 0 24px 52px rgba(79, 70, 229, .22);
}
.home-calculator-card--featured:first-child p,
.home-calculator-card--featured:first-child .home-calculator-card__category,
.home-calculator-card--featured:first-child .home-calculator-card__action { color: rgba(255, 255, 255, .88); }

.home-invoice-feature,
.home-updates-feature {
  border-radius: 18px;
  box-shadow: 0 18px 44px rgba(59, 91, 255, .08);
}
.home-invoice-feature { color: #101828; border-color: rgba(59, 91, 255, .18); background: linear-gradient(145deg, #eef2ff, #fff 72%); }
.home-updates-feature { color: #101828; border-color: rgba(255, 90, 95, .22); background: linear-gradient(145deg, #fff1f2, #fff 72%); }
.home-invoice-sheet { display: none; }
.home-invoice-feature__visual { background: transparent; }
.home-invoice-feature__visual img { width: min(210px, 78%); filter: drop-shadow(0 20px 22px rgba(59, 91, 255, .16)); }

.section--ink { color: #101828; background: #eef2ff; }
.section--ink .eyebrow,
.promise-grid .eyebrow,
.cta-card .eyebrow { display: none; }
.section--ink h2 { color: #101828; }
.section--ink p,
.section--ink li { color: #475467; }
.steps li { border-color: rgba(59, 91, 255, .14); background: rgba(255, 255, 255, .76); }
.steps li span { color: #3b5bff; }

.cta-card {
  border-color: rgba(59, 91, 255, .18);
  border-radius: 20px;
  background: linear-gradient(135deg, #ecfeff, #eef2ff 58%, #f3e8ff);
  box-shadow: 0 22px 54px rgba(59, 91, 255, .1);
}

.calculator-section {
  background:
    radial-gradient(circle at 7% 14%, rgba(0, 194, 255, .09), transparent 27%),
    #f8faff;
}
.calculator-card,
.result-card {
  border-radius: 16px;
  box-shadow: 0 18px 44px rgba(59, 91, 255, .08);
}
.calculator-card::before { background: #3b5bff; }
.result-card {
  border-color: rgba(59, 91, 255, .18);
  color: #101828;
  background: linear-gradient(145deg, #eef2ff, #fff 70%);
}
.result-card h2,
.result-card .rate-result span { color: #101828; }
.result-card .step-kicker,
.result-card .rate-result small { color: #2842d8; }
.result-card .result-summary { color: #475467; }
.result-breakdown { border-color: #d8deea; background: #d8deea; }
.result-breakdown div { background: #fff; }
.result-breakdown dt { color: #667085; }
.result-tip { color: #101828; background: #ecfeff; }
.input-wrap,
.currency-field select,
input,
select,
textarea { border-radius: 10px; }
.input-wrap:focus-within { border-color: #3b5bff; box-shadow: 0 0 0 4px rgba(59, 91, 255, .12); }

.formula-card { border-color: rgba(59, 91, 255, .14); background: #eef2ff; }
.example-card { border-color: rgba(139, 92, 246, .16); background: #f3e8ff; }
.source-note { border-color: rgba(0, 138, 184, .25); border-left-color: #00a6dc; background: #ecfeff; }
.aside-card { border-radius: 16px; background: #eef2ff; }
.aside-card--plain { background: #fff; }
.section--related { background: #f8faff; }
.related-grid article,
.related-grid > a { border-radius: 16px; }
.related-grid > a:hover { border-color: rgba(59, 91, 255, .46); box-shadow: 0 18px 38px rgba(59, 91, 255, .1); }

.platform-library-section,
.platform-integrity-section,
.payments-intro,
.payments-country,
.payments-next-tools,
.academy-path,
.academy-tools,
.academy-next,
.template-method,
.template-library-next,
.tools-library-workflow,
.tools-library-next,
.start-roadmap,
.start-kit,
.start-check,
.start-next { background: #f8faff; }

.platform-library-note,
.platform-decision-panel,
.payments-route-map,
.academy-hero__visual,
.template-library-hero__visual,
.tools-library-hero__visual,
.start-hero__visual {
  border-radius: 16px;
  box-shadow: 0 20px 48px rgba(59, 91, 255, .1);
}

.tools-library-hero__panel {
  border-color: rgba(255, 255, 255, .24);
  border-radius: 16px;
  color: #fff;
  background: #3b5bff;
  box-shadow: 0 24px 56px rgba(59, 91, 255, .24);
  transform: none;
}
.tools-library-hero__panel::after { border-radius: 12px; background: #ff5a5f; }
.tools-library-hero__panel > div strong,
.tools-library-hero__panel li::before { color: #fff; }
.tools-library-hero__panel > div span,
.tools-library-hero__panel li { color: rgba(255, 255, 255, .86); }
.tools-library-hero__panel ul { border-top-color: rgba(255, 255, 255, .24); }

.academy-hero__orbit { display: none; }

.academy-card--teal { background: linear-gradient(145deg, #eef2ff, #fff 72%); }
.academy-card--blue { background: linear-gradient(145deg, #ecfeff, #fff 72%); }
.academy-card--coral { background: linear-gradient(145deg, #fff1f2, #fff 72%); }
.academy-next__panel { border-radius: 16px; background: linear-gradient(135deg, #eef2ff, #f3e8ff); }

.template-card--blue { background: #eef2ff; }
.template-card--teal { background: #ecfeff; }
.template-card--yellow { background: #fff8df; }
.template-card--coral { background: #fff1f2; }
.template-card--violet { background: #f3e8ff; }

.payments-provider-grid,
.platform-library-grid { gap: 18px; }
.payment-provider-card,
.platform-library-card { border-color: #d8deea; background: #fff; }
.payment-provider-card:nth-child(1) { border-top: 4px solid #3b5bff; background: linear-gradient(145deg, #eef2ff, #fff 52%); }
.payment-provider-card:nth-child(2) { border-top: 4px solid #8b5cf6; background: linear-gradient(145deg, #f3e8ff, #fff 52%); }
.payment-provider-card:nth-child(3) { border-top: 4px solid #00a6dc; background: linear-gradient(145deg, #ecfeff, #fff 52%); }
.payment-provider-card:nth-child(4) { border-top: 4px solid #ff5a5f; background: linear-gradient(145deg, #fff1f2, #fff 52%); }

.payment-guide-hero,
.payoneer-hero,
.paypal-hero,
.stripe-hero,
.bank-hero,
.brief-hero,
.budget-hero,
.hire-hero,
.invoice-hero,
.tutorial-hero,
.academy-guide-hero,
.freelance-template-hero {
  border-bottom-color: rgba(59, 91, 255, .12);
  background:
    radial-gradient(circle at 86% 12%, rgba(139, 92, 246, .1), transparent 28%),
    radial-gradient(circle at 6% 80%, rgba(0, 194, 255, .09), transparent 25%),
    #f8faff;
}

.payment-guide-hero h1,
.payoneer-hero h1,
.paypal-hero h1,
.stripe-hero h1,
.bank-hero h1,
.brief-hero h1,
.budget-hero h1,
.hire-hero h1,
.invoice-hero h1,
.tutorial-hero h1,
.academy-guide-hero h1,
.freelance-template-hero h1 { color: #101828; font-family: "Space Grotesk", ui-sans-serif, system-ui, sans-serif; }

.payment-guide-hero__aside,
.payoneer-hero__aside,
.paypal-hero__aside,
.stripe-hero__aside,
.bank-hero__aside,
.brief-hero__proof,
.budget-hero__orientation,
.hire-hero__aside,
.invoice-hero__aside,
.tutorial-hero__aside,
.academy-guide-hero__aside,
.freelance-template-hero__aside {
  border-color: rgba(59, 91, 255, .16);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 20px 48px rgba(59, 91, 255, .09);
}

.brief-partner,
.budget-partner,
.hire-partner,
.tutorial-final-cta {
  color: #101828;
  background: #eef2ff;
}
.brief-partner h2,
.brief-partner p,
.brief-partner__status,
.brief-partner__status strong,
.budget-partner h2,
.budget-partner p,
.budget-partner__status,
.hire-partner h2,
.hire-partner__inner > div > p,
.hire-partner__action p,
.tutorial-final-cta h2,
.tutorial-final-cta p,
.tutorial-final-cta .tutorial-kicker { color: #475467; }
.brief-partner h2,
.brief-partner__status strong,
.budget-partner h2,
.hire-partner h2,
.tutorial-final-cta h2 { color: #101828; }

.site-footer {
  border-top: 1px solid rgba(59, 91, 255, .14);
  color: #101828;
  background:
    radial-gradient(circle at 88% 0%, rgba(139, 92, 246, .09), transparent 25%),
    #eef2ff;
}
.brand--footer { color: #101828; }
.brand--footer span span { color: #3b5bff; }
.footer-grid p { color: #475467; }
.footer-grid h2 { color: #2842d8; }
.footer-grid > div:not(:first-child) a { color: #475467; }
.footer-grid > div:not(:first-child) a:hover { color: #2842d8; }
.footer-bottom { border-top-color: rgba(59, 91, 255, .14); color: #667085; }
.footer-invoice-link { border-color: rgba(59, 91, 255, .2); background: rgba(255, 255, 255, .7); }
.footer-invoice-link strong { color: #101828; }
.footer-invoice-link span { color: #667085; }
.footer-updates-link > span { color: #fff; background: #3b5bff; }

.scroll-top { border-color: #3b5bff; color: #fff; background: #3b5bff; box-shadow: 0 12px 28px rgba(59, 91, 255, .25); }

@media (hover: hover) and (pointer: fine) {
  .home-platform-card:hover,
  .home-calculator-card:hover,
  .academy-card:hover,
  .template-card:hover,
  .tools-library-card:hover,
  .payment-provider-card:hover,
  .platform-library-card:hover {
    border-color: rgba(59, 91, 255, .34);
    box-shadow: 0 22px 48px rgba(59, 91, 255, .11);
    transform: translateY(-5px);
  }
}

@media (max-width: 1060px) {
  .site-nav__links { gap: 2px; }
  .site-nav a { padding-inline: 8px; font-size: .82rem; }
}

@media (max-width: 760px) {
  .site-header { min-height: 68px; }
  .site-nav {
    border-color: rgba(59, 91, 255, .14);
    background: #fff;
    box-shadow: 0 20px 48px rgba(59, 91, 255, .12);
  }
  .site-nav__links { display: grid; gap: 2px; }
  .site-nav a { width: 100%; justify-content: flex-start; padding: 11px 12px; }
  .site-nav__links > li:first-child > a,
  .site-nav__links > a:first-child { justify-content: center; }
  .hero-grid { min-height: 0; padding-block: 44px 38px; }
  .hero h1 { font-size: clamp(2.7rem, 13vw, 4rem); }
  .home-platform-shell,
  .home-calculator-shell { padding: 18px; border-radius: 18px; }
  .payment-guide-hero,
  .payoneer-hero,
  .paypal-hero,
  .stripe-hero,
  .bank-hero,
  .brief-hero,
  .budget-hero,
  .hire-hero,
  .invoice-hero,
  .tutorial-hero,
  .academy-guide-hero,
  .freelance-template-hero { background: #f8faff; }
}

@media (max-width: 500px) {
  :root { --shell: min(100% - 28px, 1160px); }
  .button { width: 100%; }
  .hero-actions { width: 100%; }
  .hero-mascot { min-height: 350px; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-grid > div:first-child { grid-column: auto; }
}

@media (prefers-reduced-transparency: reduce) {
  .site-header { background: #fff; backdrop-filter: none; }
}