@import url('/design-system/tokens/fonts.css');
@import url('/design-system/tokens/brand.css');

.site-footer { background:var(--brand-gradient); color:#fff; padding:84px 0 0; font-family:var(--font-ui); font-size:1rem; line-height:1.6; -webkit-font-smoothing:antialiased; }
.site-footer * { box-sizing:border-box; }
.site-footer .wrap { width:min(1248px,calc(100% - 112px)); margin-inline:auto; }
.site-footer a { color:inherit; text-decoration:none; }
.site-footer a:focus-visible,.site-footer summary:focus-visible { outline:3px solid var(--sp-purple-215); outline-offset:5px; }
.site-footer p { margin:0; }
.site-footer .multiline { white-space:pre-line; }
.site-footer .icon { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
.site-footer .eyebrow { display:block; font-size:.75rem; letter-spacing:.19em; font-weight:600; line-height:1.5; text-transform:uppercase; }
.site-footer .button { display:inline-flex; align-items:center; justify-content:center; gap:13px; padding:13px 24px; min-height:54px; border:1px solid transparent; border-radius:100px; background:#fff; color:var(--sp-purple-825); font-family:var(--font-ui); font-size:1rem; font-weight:600; line-height:1.4; transition:transform .2s; }
.site-footer .button:hover { transform:translateY(-2px); }
.footer-invitation { display:flex; align-items:center; justify-content:space-between; gap:40px; padding-bottom:74px; border-bottom:1px solid #ffffff26; }
.footer-invitation .eyebrow { color:var(--sp-purple-200); margin-bottom:21px; }
.site-footer .footer-invitation h2 { margin:0; color:#fff; font-family:var(--font-display); font-size:clamp(2rem,3.45vw,3rem); font-weight:700; line-height:1.25; letter-spacing:-.05em; }
.footer-invitation h2 em { font-style:normal; color:var(--sp-purple-170); font-size:1.24em; font-weight:800; }
.footer-invitation .button { flex-shrink:0; margin-top:25px; }
.footer-main { display:grid; grid-template-columns:1.5fr .7fr 1fr .8fr; gap:70px; padding:60px 0; }
.footer-brand img { display:block; width:133px; height:38px; max-width:100%; object-fit:contain; }
.footer-brand p { color:var(--sp-gray-180); font-size:.875rem; line-height:1.8; margin-top:22px; }
.footer-main nav { display:flex; flex-direction:column; align-items:flex-start; gap:11px; font-size:.875rem; }
.footer-main nav strong { font-weight:500; color:#fff; margin-bottom:6px; }
.footer-main nav a { color:var(--sp-gray-180); transition:color .2s; }
.footer-main nav a:hover { color:#fff; }
.footer-bottom { border-top:1px solid #ffffff1a; padding:24px 0; display:flex; justify-content:space-between; align-items:center; gap:25px; color:var(--sp-purple-200); font-size:.75rem; }
.footer-language { position:relative; }
.footer-language summary { display:flex; align-items:center; gap:9px; min-height:44px; padding:8px 13px; border:1px solid #ffffff30; border-radius:100px; color:var(--sp-purple-100); font-size:.875rem; cursor:pointer; list-style:none; }
.footer-language summary::-webkit-details-marker { display:none; }
.footer-language summary:hover,.footer-language[open] summary { background:#ffffff12; }
.footer-language summary .icon { width:17px; height:17px; }
.footer-chevron { width:6px; height:6px; border-top:1.5px solid currentColor; border-left:1.5px solid currentColor; transform:rotate(45deg); margin:3px 3px 0 4px; }
.footer-language-options { position:absolute; z-index:30; bottom:calc(100% + 12px); right:0; width:208px; max-height:min(420px,60vh); overflow:auto; padding:8px; background:#fff; border:1px solid var(--sp-gray-200); border-radius:16px; box-shadow:0 15px 50px color-mix(in srgb,var(--sp-ink-915) 27%,transparent); }
.footer-language-options a { display:flex; align-items:center; min-height:40px; padding:8px 12px; border-radius:8px; color:var(--sp-gray-800); font-size:.875rem; }
.footer-language-options a:hover,.footer-language-options a[aria-current=true] { background:var(--sp-purple-50); color:#281d72; }
@media(max-width:1190px) { .footer-main { gap:36px; } }
@media(max-width:1100px) { .site-footer .wrap { width:calc(100% - 64px); } }
@media(max-width:980px) { .footer-invitation { gap:30px; } .footer-main { gap:28px; grid-template-columns:1.3fr .8fr 1fr .8fr; } }
@media(max-width:760px) {
  .site-footer { padding-top:67px; }
  .site-footer .wrap { width:calc(100% - 40px); }
  .site-footer .eyebrow { letter-spacing:.12em; }
  .footer-invitation { display:block; padding-bottom:50px; }
  .site-footer .footer-invitation h2 { font-size:clamp(2rem,7.5vw,2.25rem); }
  .footer-invitation .button { margin-top:30px; }
  .footer-main { grid-template-columns:1fr 1fr; gap:34px 25px; padding:42px 0; }
  .footer-brand { grid-column:1/-1; margin-bottom:5px; }
  .footer-brand p { margin-top:17px; }
  .footer-main nav { gap:10px; }
  .footer-bottom { flex-wrap:wrap; gap:18px; }
}
@media(prefers-reduced-motion:reduce) { .site-footer .button { transition:none; } }