.marketing-page{
  --bg:var(--color-background);
  --ink:var(--color-ink);
  --accent:var(--color-accent);
  --accent-strong:var(--color-accent-strong);
  --accent-gradient:var(--gradient-accent);
  --accent-fg:var(--color-accent-foreground);
  --soft:var(--color-soft);
  --muted:var(--color-muted);
  --deep:var(--color-deep);
  --accent-ink:var(--color-accent-ink);
  --card:var(--color-card);
}

.marketing-header{position:sticky;z-index:50;top:0;border-bottom:1px solid rgba(8,32,28,.08);background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}
.marketing-nav{display:flex;height:88px;align-items:center;gap:48px}
.marketing-nav>.brand-logo{transform:translateY(4px)}
.marketing-nav__links{display:flex;align-items:center;gap:48px;font-weight:600}
.marketing-nav__chevron{display:inline-flex;width:12px;height:16px;align-items:center;justify-content:center;margin-left:7px;font-size:0;line-height:0;vertical-align:middle;transform:translateY(1px)}
.marketing-nav__chevron::after{width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;content:"";transform:translateY(-2px) rotate(45deg)}
.marketing-nav__links a,.marketing-nav__actions>a:not(.button){transition:opacity .2s ease}
.marketing-nav__links a:hover,.marketing-nav__actions>a:not(.button):hover{opacity:.62}
.marketing-nav__actions{display:flex;align-items:center;gap:30px;margin-left:auto;white-space:nowrap}
.marketing-nav__actions .button{min-width:252px}
.marketing-provider-link{padding:12px 5px;font-weight:700}
.marketing-menu,.marketing-mobile-nav{display:none}

.marketing-footer{padding-top:80px}
.marketing-footer__grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:48px;padding-bottom:48px}
.marketing-footer__grid>div p{max-width:300px;margin:16px 0 0;color:rgba(255,255,255,.66);font-weight:600}
.marketing-footer nav{display:flex;flex-direction:column;gap:12px}
.marketing-footer nav b{margin-bottom:4px;color:var(--color-accent);font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.marketing-footer nav a{color:rgba(255,255,255,.78);font-weight:600}
.marketing-footer__bar{display:flex;gap:24px;flex-wrap:wrap;padding-block:24px 56px;border-top:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.55);font-size:14px;font-weight:600}
.marketing-footer__bar span:last-child{margin-left:auto}

@media(max-width:1350px){
  .marketing-nav{gap:24px}.marketing-nav__links{gap:20px;white-space:nowrap}.marketing-nav__actions{gap:16px}.marketing-nav__actions .button{min-width:196px;padding-inline:22px}
}
@media(max-width:1550px){html:not([lang="en"]) .marketing-nav__links{display:none}}
@media(max-width:1120px){.marketing-nav__links{display:none}}
@media(max-width:900px){
  body.is-marketing-menu-open{overflow:hidden}
  .marketing-nav{height:76px}.marketing-nav>.brand-logo{transform:translateY(3px)}.marketing-nav__actions{display:none}.marketing-menu{position:relative;z-index:2;display:grid;width:44px;height:44px;align-content:center;gap:7px;margin-left:auto;padding:10px;border:0;background:transparent;cursor:pointer}.marketing-menu span{height:2px;border-radius:2px;background:var(--color-ink);transition:transform .18s ease}.marketing-menu[aria-expanded="true"] span:first-child{transform:translateY(4.5px) rotate(45deg)}.marketing-menu[aria-expanded="true"] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}
  .marketing-mobile-nav{position:fixed;z-index:1;inset:76px 0 0;display:block;padding:12px var(--page-gutter) 24px;background:rgba(8,32,28,.22);backdrop-filter:blur(4px)}.marketing-mobile-nav[hidden]{display:none}.marketing-mobile-nav__panel{display:grid;gap:2px;max-height:calc(100dvh - 100px);padding:14px;overflow-y:auto;border:1px solid rgba(8,32,28,.1);border-radius:20px;background:var(--color-card);box-shadow:0 24px 60px -28px rgba(8,32,28,.58)}.marketing-mobile-nav a{padding:10px 12px;border-radius:12px;font-weight:700}.marketing-mobile-nav a:hover,.marketing-mobile-nav a:focus-visible{background:var(--color-soft);outline:none}.marketing-mobile-nav__login{margin-top:8px;border:2px solid var(--color-ink);text-align:center}
  .marketing-footer__grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .marketing-footer{padding-top:64px}.marketing-footer__grid{grid-template-columns:1fr;gap:38px}.marketing-footer__bar span:last-child{width:100%;margin-left:0}
}
.language-switcher { position: relative; }
.language-switcher__button { align-items: center; background: transparent; border: 0; color: inherit; cursor: pointer; display: inline-flex; font: inherit; font-weight: 700; gap: .35rem; padding: .55rem; }
.language-switcher__chevron { align-items: center; display: inline-flex; font-size: 0; height: 16px; justify-content: center; line-height: 0; transform: translateY(1px); width: 12px; }
.language-switcher__chevron::after { border-bottom: 1.8px solid currentColor; border-right: 1.8px solid currentColor; content: ""; height: 7px; transform: translateY(-2px) rotate(45deg); width: 7px; }
.language-switcher__menu { background: var(--color-surface, #fff); border: 1px solid rgba(25, 35, 31, .14); border-radius: .75rem; box-shadow: 0 16px 40px rgba(20, 30, 26, .14); min-width: 9.5rem; padding: .4rem; position: absolute; right: 0; top: calc(100% + .35rem); z-index: 30; }
.language-switcher__menu a { border-radius: .45rem; color: var(--color-ink, #17201c); display: block; padding: .55rem .7rem; text-decoration: none; white-space: nowrap; }
.language-switcher__menu a:hover, .language-switcher__menu a.is-active { background: rgba(35, 95, 70, .09); }
.marketing-mobile-nav .language-switcher { margin-bottom: .5rem; }
.auth-header__actions, .workspace-topbar__actions { align-items: center; display: flex; gap: .75rem; }
