/* MRK Trading & Exports — stylesheet */

/* ---------- Theme: Organic design tokens & components ---------- */
/* Organic — design-system tokens and component classes. This file is the source of truth for the system's look; retune it here and see readme.md. */
@import url('https://fonts.googleapis.com/css2?family=Caprasimo:wght@400&family=Figtree:wght@400;600;700&display=swap');

:root {
  --color-bg: #f5ead8;
  --color-surface: #ebddc5;
  --color-text: #201e1d;
  --color-accent: #c67139;
  --color-accent-2: #7a8a5e;
  --color-divider: color-mix(in srgb, #201e1d 16%, transparent);

  /* Tonal ramps — generated in OKLCH on one shared lightness scale, so the
     same step of any role matches the others in visual value. */
  --color-neutral-100: #f9f4ed;
  --color-neutral-200: #eee7db;
  --color-neutral-300: #dcd3c4;
  --color-neutral-400: #c0b6a5;
  --color-neutral-500: #a19786;
  --color-neutral-600: #82796a;
  --color-neutral-700: #645c50;
  --color-neutral-800: #474238;
  --color-neutral-900: #2e2b25;

  --color-accent-100: #fff2eb;
  --color-accent-200: #ffe1d0;
  --color-accent-300: #ffc6a5;
  --color-accent-400: #f6a06b;
  --color-accent-500: #d67f48;
  --color-accent-600: #b2622d;
  --color-accent-700: #8c491a;
  --color-accent-800: #643312;
  --color-accent-900: #402310;

  --color-accent-2-100: #f0fae1;
  --color-accent-2-200: #e1eecc;
  --color-accent-2-300: #ccdbb2;
  --color-accent-2-400: #aebf92;
  --color-accent-2-500: #8fa073;
  --color-accent-2-600: #728157;
  --color-accent-2-700: #56633f;
  --color-accent-2-800: #3d472b;
  --color-accent-2-900: #272e1b;

  --font-heading: "Caprasimo", system-ui, sans-serif;
  --font-heading-weight: 400;
  --font-body: "Figtree", system-ui, sans-serif;

  --space-1: 4.4px;
  --space-2: 8.8px;
  --space-3: 13.2px;
  --space-4: 17.6px;
  --space-6: 26.4px;
  --space-8: 35.2px;

  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 28px;

  /* Elevation — derived from the ground: soft ink-tinted shadows on a
     light theme, a hairline edge + ambient darkness on a dark one. */
  --shadow-sm: 0 1px 2px color-mix(in srgb, #2e2b25 14%, transparent);
  --shadow-md: 0 3px 10px color-mix(in srgb, #2e2b25 16%, transparent);
  --shadow-lg: 0 12px 32px color-mix(in srgb, #2e2b25 22%, transparent);
}

body {
  background: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-body);
}
h1, h2, h3, h4 { font-family: var(--font-heading); font-weight: var(--font-heading-weight); }

.washed{filter:saturate(0.6) contrast(0.85) brightness(1.1) opacity(0.94)}

/* ══════════════════════════════════════════════════════════════════════════
   Components — built with the tokens above. Plain CSS
   on plain HTML: no JavaScript, no build step. Each class is documented in
   readme.md and demonstrated in foundations/ and components/.
   ══════════════════════════════════════════════════════════════════════ */

*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; font-size: 15px; line-height: 1.55; font-weight: 400; }
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading); font-weight: var(--font-heading-weight);
  line-height: 1.12; letter-spacing: -0.015em; margin: 0 0 var(--space-2);
}
h1 { font-size: 42px; }
h2 { font-size: 32px; }
h3 { font-size: 25px; }
h4 { font-size: 20px; }
h5 { font-size: 16px; }
h6 { font-size: 13px; }
h6 { letter-spacing: 0.08em; text-transform: uppercase; }
p { margin: 0 0 var(--space-3); }
a { color: var(--color-accent); text-underline-offset: 3px; }
img { display: block; max-width: 100%; }
figure { margin: 0; }
figcaption {
  font-size: 11px; margin-top: var(--space-1);
  color: color-mix(in srgb, var(--color-text) 55%, transparent);
}
.text-muted { color: color-mix(in srgb, var(--color-text) 55%, transparent); }
:focus { outline: none; }
:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px; }
::selection { background: color-mix(in srgb, var(--color-accent) 30%, transparent); }

/* — rules — */
.hr {
  height: 1px; border: 0; margin: var(--space-4) 0;
  background: var(--color-divider);
}

/* — buttons — */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  cursor: pointer; text-decoration: none;
  font-family: var(--font-heading); font-weight: var(--font-heading-weight);
  font-size: 14px; line-height: 1.2; color: var(--color-text); /* matches the .input's 14px —
     the pair sits side by side in sign-up rows */
  background: transparent; border: 1px solid transparent;
  padding: var(--space-2) calc(var(--space-3) * 1.2);
  border-radius: var(--radius-md);
}
.btn svg { display: block; }
.btn:disabled { opacity: 0.45; cursor: not-allowed; }
.btn-primary { background: var(--color-accent); color: var(--color-bg); }
.btn-primary:hover { background: var(--color-accent-600); }
.btn-primary:active { background: var(--color-accent-700); }
.btn-secondary { border-color: var(--color-divider); }
.btn-secondary:hover { background: color-mix(in srgb, var(--color-text) 7%, transparent); }
.btn-secondary:active { background: color-mix(in srgb, var(--color-text) 14%, transparent); }
.btn-ghost { color: var(--color-accent); padding-inline: var(--space-1); }
.btn-ghost:hover { background: color-mix(in srgb, var(--color-accent) 10%, transparent); }
.btn-ghost:active { background: color-mix(in srgb, var(--color-accent) 18%, transparent); }
.btn-icon { width: 36px; height: 36px; padding: 0; }
.btn-block { width: 100%; margin-top: var(--space-2); }

/* — forms — */
.field > label {
  display: block; font-size: 12px; margin-bottom: 5px;
  color: color-mix(in srgb, var(--color-text) 70%, transparent);
}
.input {
  width: 100%; min-height: 36px; padding: 6px 10px; font: inherit;
  font-size: 14px; color: var(--color-text); caret-color: var(--color-accent);
  background: var(--color-surface);
  border: 1px solid var(--color-divider); border-radius: var(--radius-md);
}
.input:hover { border-color: color-mix(in srgb, var(--color-text) 45%, transparent); }
.input:focus-visible { border-color: var(--color-accent); outline-offset: 0; }
textarea.input { min-height: 90px; resize: vertical; }
.radio { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; font-size: 14px; }
.radio input, .seg-opt input {
  position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none;
}
.radio .dot {
  width: 16px; height: 16px; flex: none; border-radius: 50%;
  border: 1.5px solid var(--color-divider);
}
.radio:hover .dot { border-color: var(--color-accent); }
.radio input:checked + .dot {
  border-color: var(--color-accent); background: var(--color-accent);
  box-shadow: inset 0 0 0 4px var(--color-bg);
}
.radio input:focus-visible + .dot { outline: 2px solid var(--color-accent); outline-offset: 2px; }
.seg {
  display: inline-flex; overflow: hidden;
  border: 1px solid var(--color-divider); border-radius: var(--radius-md);
}
.seg-opt {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 7px 12px; font-size: 13px; cursor: pointer;
}
.seg-opt + .seg-opt { border-left: 1px solid var(--color-divider); }
.seg-opt:has(input:checked) { background: var(--color-accent); color: var(--color-bg); }
.seg-opt:not(:has(input:checked)):hover { background: color-mix(in srgb, var(--color-text) 7%, transparent); }
.seg-opt:has(input:focus-visible) { outline: 2px solid var(--color-accent); outline-offset: -2px; }

/* — cards — */
.card {
  display: flex; flex-direction: column; gap: var(--space-2);
  padding: var(--space-3); border-radius: var(--radius-md); background: var(--color-surface);
}
.card-kicker { font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-accent); }
.card-title {
  font-family: var(--font-heading); font-weight: var(--font-heading-weight);
  font-size: 17px; line-height: 1.2;
}
.card-body { margin: 0; font-size: 13px; opacity: 0.8; flex: 1; }
.card-meta {
  display: flex; align-items: center; gap: 6px; font-size: 11px;
  color: color-mix(in srgb, var(--color-text) 50%, transparent);
}
.elev-sm { box-shadow: var(--shadow-sm); }
.elev-md { box-shadow: var(--shadow-md); }
.elev-lg { box-shadow: var(--shadow-lg); }

/* — tags — */
.tag {
  display: inline-flex; align-items: center; font-size: 11px;
  letter-spacing: 0.02em; padding: 3px 10px;
  border-radius: calc(var(--radius-md) * 0.75);
}
.tag-accent { background: var(--color-accent-100); color: var(--color-accent-800); }
.tag-accent-2 { background: var(--color-accent-2-100); color: var(--color-accent-2-800); }
.tag-neutral { background: var(--color-neutral-100); color: var(--color-neutral-800); }
.tag-outline { border: 1px solid var(--color-accent); color: var(--color-accent); }

/* — navigation — */
.nav {
  display: flex; align-items: center; gap: var(--space-4);
  padding: var(--space-3) var(--space-4);
  border-bottom: none;
}
.nav-brand {
  font-family: var(--font-heading); font-weight: var(--font-heading-weight);
  font-size: 18px; margin-right: auto;
}
.nav a { color: inherit; text-decoration: none; font-size: 14px; }
.nav a:hover, .nav a[aria-current='page'] { color: var(--color-accent); }

/* — tables — */
.table { width: 100%; border-collapse: collapse; font-size: 14px; }
.table th {
  text-align: left; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase;
  color: color-mix(in srgb, var(--color-text) 60%, transparent);
  padding: var(--space-2); border-bottom: 1px solid var(--color-divider);
}
.table td {
  padding: var(--space-2);
  border-bottom: 1px solid color-mix(in srgb, var(--color-text) 8%, transparent);
}
.table tbody tr:hover { background: color-mix(in srgb, var(--color-text) 4%, transparent); }

/* — dialog — */
.dialog-backdrop {
  position: fixed; inset: 0; display: grid; place-items: center;
  padding: var(--space-4);
  background: color-mix(in srgb, var(--color-neutral-900) 50%, transparent);
}
.dialog {
  width: min(440px, 100%); display: flex; flex-direction: column; gap: var(--space-3);
  padding: var(--space-4); border-radius: var(--radius-lg);
  background: var(--color-surface); box-shadow: var(--shadow-lg);
}
.dialog-title {
  font-family: var(--font-heading); font-weight: var(--font-heading-weight);
  font-size: 20px;
}
.dialog-body { font-size: 14px; opacity: 0.85; }
.dialog-actions { display: flex; justify-content: flex-end; gap: var(--space-2); margin-top: var(--space-2); }

/* — rounded frame: everything softens, small controls go pill — */
.card, .dialog { border-radius: calc(var(--radius-lg) * 1.15); }
.btn, .tag, .seg, .input { border-radius: 999px; }
.input { padding-inline: 14px; }

/* ---------- Base ---------- */
html{scroll-behavior:smooth}
html,body{overflow-x:clip}
img{max-width:100%}
body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:16px}
a{color:var(--color-accent-700)}a:hover{color:var(--color-accent-600)}
.swiper-pagination-bullet{background:var(--color-accent-700)}.swiper-pagination-bullet-active{background:var(--color-accent)}
[hidden]{display:none !important}

/* ---------- Page styles ---------- */
.s1{background:var(--color-accent-2-800) !important;color:var(--color-accent-2-100) !important;font-size:13px !important}
.s2{display:flex !important;flex-wrap:wrap !important;gap:6px 28px !important;justify-content:space-between !important;padding-top:9px !important;padding-bottom:9px !important}
.s3{display:flex !important;flex-wrap:wrap !important;gap:6px 22px !important}
.s4{white-space:nowrap !important}
.s5{font-weight:600 !important;color:#fff !important}
.s6{white-space:nowrap !important;color:#fff !important;font-weight:600 !important;text-decoration:none !important}
.s7{background:color-mix(in srgb, var(--color-bg) 92%, transparent) !important;backdrop-filter:blur(10px) !important;padding:14px 0 !important;box-shadow:0 1px 0 var(--color-divider) !important}
.s8{display:flex !important;align-items:center !important;padding:0 !important;margin:0 !important}
.s9{height:52px !important;width:auto !important}
.s10{border:1px solid var(--color-divider) !important;border-radius:999px !important;padding:8px 12px !important;box-shadow:none !important}
.s11{gap:4px 26px !important;padding-top:8px !important}
.s12{color:var(--color-accent-700) !important;font-weight:700 !important;font-size:15px !important}
.s13{color:var(--color-text) !important;font-weight:600 !important;font-size:15px !important}
.s14{padding:12px 24px !important;font-size:15px !important;margin-top:6px !important}
.s15{position:relative !important;overflow:hidden !important;min-height:88vh !important;display:flex !important;align-items:center !important;background:url('https://images.unsplash.com/photo-1596040033229-a9821ebd058d?w=2200&q=80') center/cover no-repeat !important}
.s16{position:absolute !important;inset:0 !important;background:linear-gradient(95deg, color-mix(in srgb, var(--color-accent-900) 96%, transparent) 0%, color-mix(in srgb, var(--color-accent-900) 86%, transparent) 42%, color-mix(in srgb, var(--color-accent-900) 25%, transparent) 100%) !important}
.s17{position:absolute !important;width:620px !important;height:620px !important;border-radius:50% !important;border:1.5px solid color-mix(in srgb, var(--color-accent-300) 35%, transparent) !important;left:-220px !important;bottom:-320px !important}
.s18{position:absolute !important;width:420px !important;height:420px !important;border-radius:50% !important;border:1.5px solid color-mix(in srgb, var(--color-accent-2-300) 35%, transparent) !important;left:-120px !important;bottom:-220px !important}
.s19{position:relative !important;padding-top:90px !important;padding-bottom:110px !important}
.s20{display:inline-flex !important;align-items:center !important;gap:10px !important;padding:7px 16px 7px 8px !important;border-radius:999px !important;background:color-mix(in srgb, var(--color-bg) 12%, transparent) !important;color:var(--color-accent-200) !important;font-size:13.5px !important;font-weight:600 !important;letter-spacing:.02em !important}
.s21{width:22px !important;height:22px !important;border-radius:50% !important;background:var(--color-accent-2-500) !important;display:grid !important;place-items:center !important}
.s22{color:var(--color-neutral-100) !important;font-size:clamp(42px,6vw,76px) !important;line-height:1.02 !important;margin:26px 0 22px !important;text-wrap:balance !important}
.s23{color:var(--color-accent-400) !important}
.s24{color:var(--color-neutral-300) !important;font-size:19px !important;line-height:1.6 !important;max-width:540px !important;margin-bottom:36px !important;text-wrap:pretty !important}
.s25{display:flex !important;flex-wrap:wrap !important;gap:14px !important}
.s26{padding:15px 30px !important;font-size:16px !important}
.s27{padding:15px 30px !important;font-size:16px !important;color:var(--color-neutral-100) !important;border:1.5px solid color-mix(in srgb, var(--color-neutral-100) 45%, transparent) !important}
.s28{position:absolute !important;right:12px !important;bottom:60px !important;align-items:center !important;gap:16px !important;padding:14px 26px 14px 14px !important;border-radius:999px !important;background:var(--color-bg) !important;box-shadow:var(--shadow-lg) !important;max-width:380px !important}
.s29{width:64px !important;height:64px !important;border-radius:50% !important;object-fit:cover !important;background:var(--color-accent-100) !important}
.s30{line-height:1.35 !important}
.s31{font-size:11px !important;letter-spacing:.14em !important;font-weight:700 !important;color:var(--color-accent-2-700) !important}
.s32{font-family:var(--font-heading) !important;font-size:17px !important}
.s33{background:var(--color-accent) !important;color:var(--color-bg) !important;overflow:hidden !important;padding:20px 0 !important;font-family:var(--font-heading) !important;font-size:20px !important}
.s34{display:flex !important;width:max-content !important;will-change:transform !important}
.s35{display:flex !important;align-items:center !important;gap:28px !important;padding-right:28px !important;flex:none !important}
.s36{opacity:.55 !important;font-size:12px !important}
.s37{position:relative !important;overflow:hidden !important;padding:120px 0 !important}
.s38{position:absolute !important;right:-160px !important;top:40px !important;width:420px !important;height:420px !important;border-radius:50% !important;background:var(--color-accent-2-200) !important;opacity:.55 !important}
.s39{position:relative !important}
.s40{position:relative !important;width:min(520px,100%) !important;aspect-ratio:1/1 !important;margin:0 auto !important}
.s41{position:absolute !important;inset:0 !important;border-radius:50% !important;border:1.5px solid var(--color-accent-400) !important}
.s42{position:absolute !important;inset:9% !important;border-radius:50% !important;border:1.5px solid var(--color-accent-2-500) !important}
.s43{position:absolute !important;inset:19% !important;border-radius:50% !important;overflow:hidden !important;box-shadow:var(--shadow-lg) !important}
.s44{width:100% !important;height:100% !important;object-fit:cover !important}
.s45{position:absolute !important;width:9% !important;aspect-ratio:1 !important;border-radius:50% !important;background:var(--color-accent) !important;left:18% !important;top:7% !important}
.s46{position:absolute !important;width:8% !important;aspect-ratio:1 !important;border-radius:50% !important;background:var(--color-accent-2-600) !important;right:17% !important;top:17% !important}
.s47{position:absolute !important;width:9% !important;aspect-ratio:1 !important;border-radius:50% !important;background:var(--color-accent) !important;right:-3% !important;top:46% !important}
.s48{position:absolute !important;width:8% !important;aspect-ratio:1 !important;border-radius:50% !important;background:var(--color-accent-2-600) !important;left:5% !important;top:56% !important}
.s49{position:absolute !important;width:9% !important;aspect-ratio:1 !important;border-radius:50% !important;background:var(--color-accent-300) !important;left:24% !important;bottom:1% !important}
.s50{position:absolute !important;right:2% !important;bottom:4% !important;width:34% !important;aspect-ratio:1 !important;border-radius:50% !important;background:var(--color-accent-2-700) !important;color:var(--color-accent-2-100) !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;text-align:center !important;padding:10px !important;box-shadow:var(--shadow-md) !important}
.s51{font-family:var(--font-heading) !important;font-size:clamp(20px,2.4vw,30px) !important;line-height:1 !important}
.s52{font-size:12px !important;font-weight:600 !important;letter-spacing:.12em !important;margin-top:6px !important}
.s53{font-size:13px !important;font-weight:700 !important;letter-spacing:.2em !important;color:var(--color-accent-2-700) !important;margin-bottom:14px !important}
.s54{font-size:clamp(34px,4vw,52px) !important;line-height:1.08 !important;margin-bottom:24px !important;text-wrap:balance !important}
.s55{color:var(--color-accent) !important}
.s56{font-size:17.5px !important;line-height:1.7 !important;color:var(--color-neutral-800) !important;text-wrap:pretty !important}
.s57{margin:14px 0 0 !important}
.s58{padding:20px !important;border-radius:24px !important;background:var(--color-surface) !important;height:100% !important}
.s59{font-family:var(--font-heading) !important;font-size:19px !important;margin-bottom:6px !important}
.s60{font-size:14.5px !important;color:var(--color-neutral-700) !important;line-height:1.5 !important}
.s61{position:relative !important;padding:110px 0 120px !important;background:var(--color-neutral-100) !important}
.s62{margin-bottom:48px !important}
.s63{font-size:clamp(34px,4vw,52px) !important;line-height:1.08 !important;margin:0 !important;text-wrap:balance !important}
.s64{font-size:17px !important;line-height:1.65 !important;color:var(--color-neutral-700) !important;margin:0 !important}
.s65{position:relative !important;height:100% !important;min-height:420px !important;display:flex !important;align-items:flex-end !important;border-radius:32px !important;overflow:hidden !important;background:url('https://images.unsplash.com/photo-1506368249639-73a05d6f6488?w=900&q=80') center/cover !important;transition:transform .35s ease, box-shadow .35s ease !important}
.s66{position:absolute !important;inset:0 !important;background:linear-gradient(180deg, transparent 30%, color-mix(in srgb, var(--color-accent-900) 92%, transparent) 100%) !important}
.s67{position:relative !important;padding:30px !important;color:var(--color-neutral-100) !important}
.s68{font-size:12px !important;font-weight:700 !important;letter-spacing:.18em !important;color:var(--color-accent-300) !important}
.s69{font-size:34px !important;margin:10px 0 12px !important;color:var(--color-neutral-100) !important}
.s70{font-size:15.5px !important;line-height:1.55 !important;color:var(--color-neutral-200) !important;margin:0 !important}
.s71{position:relative !important;height:100% !important;min-height:290px !important;border-radius:32px !important;overflow:hidden !important;background:var(--color-accent-200) !important;padding:30px !important;transition:transform .35s ease, box-shadow .35s ease !important}
.s72{position:absolute !important;right:-50px !important;bottom:-30px !important;width:78% !important;mix-blend-mode:multiply !important;transform:rotate(-18deg) !important}
.s73{position:relative !important;max-width:62% !important}
.s74{font-size:12px !important;font-weight:700 !important;letter-spacing:.18em !important;color:var(--color-accent-800) !important}
.s75{font-size:30px !important;margin:10px 0 10px !important;color:var(--color-accent-900) !important}
.s76{font-size:15px !important;line-height:1.5 !important;color:var(--color-accent-900) !important;margin:0 !important}
.s77{position:relative !important;height:100% !important;min-height:290px !important;display:flex !important;align-items:flex-end !important;border-radius:32px !important;overflow:hidden !important;background:url('https://images.unsplash.com/photo-1606914469633-bd39206ea739?w=800&q=80') center/cover !important;transition:transform .35s ease, box-shadow .35s ease !important}
.s78{position:absolute !important;inset:0 !important;background:linear-gradient(180deg, transparent 20%, color-mix(in srgb, var(--color-neutral-900) 90%, transparent) 100%) !important}
.s79{position:relative !important;padding:30px 30px 28px !important;color:var(--color-neutral-100) !important}
.s80{font-size:30px !important;margin:10px 0 8px !important;color:var(--color-neutral-100) !important}
.s81{font-size:15px !important;line-height:1.5 !important;color:var(--color-neutral-200) !important;margin:0 !important}
.s82{position:relative !important;min-height:290px !important;display:flex !important;align-items:center !important;border-radius:32px !important;overflow:hidden !important;background:url('https://images.unsplash.com/photo-1564149504298-00c351fd7f16?w=1400&q=80') center/cover !important;transition:transform .35s ease, box-shadow .35s ease !important}
.s83{position:absolute !important;inset:0 !important;background:linear-gradient(90deg, color-mix(in srgb, var(--color-accent-2-900) 94%, transparent) 0%, color-mix(in srgb, var(--color-accent-2-900) 60%, transparent) 50%, transparent 100%) !important}
.s84{position:relative !important;padding:34px !important;max-width:480px !important;color:var(--color-neutral-100) !important}
.s85{font-size:12px !important;font-weight:700 !important;letter-spacing:.18em !important;color:var(--color-accent-2-300) !important}
.s86{font-size:32px !important;margin:10px 0 10px !important;color:var(--color-neutral-100) !important}
.s87{font-size:15.5px !important;line-height:1.55 !important;color:var(--color-accent-2-100) !important;margin:0 !important}
.s88{position:relative !important;height:100% !important;min-height:300px !important;border-radius:32px !important;overflow:hidden !important;background:var(--color-accent-2-200) !important;padding:34px !important;transition:transform .35s ease, box-shadow .35s ease !important}
.s89{position:absolute !important;right:-20px !important;top:50% !important;transform:translateY(-50%) !important;height:118% !important;mix-blend-mode:multiply !important}
.s90{position:relative !important;max-width:52% !important}
.s91{font-size:12px !important;font-weight:700 !important;letter-spacing:.18em !important;color:var(--color-accent-2-800) !important}
.s92{font-size:32px !important;margin:10px 0 10px !important;color:var(--color-accent-2-900) !important}
.s93{font-size:15.5px !important;line-height:1.55 !important;color:var(--color-accent-2-900) !important;margin:0 !important}
.s94{position:relative !important;height:100% !important;min-height:300px !important;border-radius:32px !important;overflow:hidden !important;background:var(--color-neutral-200) !important;padding:30px !important;transition:transform .35s ease, box-shadow .35s ease !important}
.s95{position:absolute !important;right:-40px !important;bottom:-40px !important;width:75% !important;mix-blend-mode:multiply !important}
.s96{position:relative !important;max-width:70% !important}
.s97{font-size:12px !important;font-weight:700 !important;letter-spacing:.18em !important;color:var(--color-neutral-700) !important}
.s98{font-size:30px !important;margin:10px 0 10px !important}
.s99{font-size:15px !important;line-height:1.5 !important;color:var(--color-neutral-800) !important;margin:0 !important}
.s100{margin-top:28px !important}
.s101{padding:24px 26px !important;border-radius:28px !important;border:1.5px solid var(--color-divider) !important;height:100% !important}
.s102{font-family:var(--font-heading) !important;font-size:19px !important;margin-bottom:8px !important}
.s103{font-size:15px !important;line-height:1.55 !important;color:var(--color-neutral-700) !important}
.s104{padding:24px 26px !important;border-radius:28px !important;background:var(--color-accent) !important;color:var(--color-bg) !important;height:100% !important;display:flex !important;flex-direction:column !important;justify-content:space-between !important;gap:14px !important}
.s105{font-family:var(--font-heading) !important;font-size:21px !important;line-height:1.2 !important}
.s106{color:var(--color-bg) !important;font-weight:700 !important;font-size:15px !important;display:inline-flex !important;align-items:center !important;gap:8px !important;text-decoration:none !important}
.s107{position:relative !important;overflow:hidden !important;padding:120px 0 !important;background:var(--color-accent-2-800) !important;color:var(--color-accent-2-100) !important}
.s108{position:absolute !important;width:560px !important;height:560px !important;border-radius:50% !important;border:1.5px solid color-mix(in srgb, var(--color-accent-2-300) 30%, transparent) !important;right:-180px !important;top:-200px !important}
.s109{position:absolute !important;width:360px !important;height:360px !important;border-radius:50% !important;background:color-mix(in srgb, var(--color-accent-2-600) 35%, transparent) !important;left:-140px !important;bottom:-160px !important}
.s110{font-size:13px !important;font-weight:700 !important;letter-spacing:.2em !important;color:var(--color-accent-2-300) !important;margin-bottom:14px !important}
.s111{font-size:clamp(34px,4vw,50px) !important;line-height:1.08 !important;color:var(--color-neutral-100) !important;margin:0 !important;text-wrap:balance !important}
.s112{font-size:17px !important;line-height:1.65 !important;color:var(--color-accent-2-200) !important;margin:0 !important}
.s113{padding-bottom:64px !important}
.s114{height:auto !important}
.s115{height:100% !important;display:flex !important;flex-direction:column !important;border-radius:30px !important;overflow:hidden !important;background:var(--color-bg) !important;color:var(--color-text) !important}
.s116{display:block !important;margin:12px 12px 0 !important;aspect-ratio:4/3 !important;border-radius:20px !important;overflow:hidden !important;background:#fff !important;box-shadow:inset 0 0 0 1px var(--color-divider) !important;position:relative !important}
.s117{width:100% !important;height:100% !important;object-fit:cover !important;object-position:top center !important;transition:transform .4s ease !important}
.s118{padding:20px 22px 24px !important;display:flex !important;flex-direction:column !important;gap:8px !important;flex:1 !important}
.s119{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:8px !important}
.s120{font-size:11.5px !important;font-weight:700 !important;letter-spacing:.14em !important;color:var(--color-accent-2-700) !important}
.s121{font-size:11.5px !important;font-weight:600 !important;flex:none !important}
.s122{font-size:20px !important;line-height:1.2 !important;margin:2px 0 4px !important}
.s123{font-size:13px !important;color:var(--color-neutral-700) !important;margin-top:auto !important}
.s124{font-weight:700 !important;font-size:15px !important;word-break:break-all !important;margin-top:-6px !important}
.s125{margin-top:8px !important;display:inline-flex !important;align-items:center !important;gap:6px !important;font-weight:700 !important;font-size:14px !important;color:var(--color-accent-700) !important;text-decoration:none !important}
.s126{bottom:10px !important;text-align:left !important;width:auto !important}
.s127{position:absolute !important;right:0 !important;bottom:0 !important;display:flex !important;gap:10px !important;z-index:5 !important}
.s128{width:44px !important;height:44px !important;background:var(--color-accent-2-100) !important;color:var(--color-accent-2-900) !important}
.s129{width:44px !important;height:44px !important;background:var(--color-accent) !important;color:var(--color-bg) !important}
.s130{border:0 !important;border-radius:32px !important;overflow:hidden !important;background:var(--color-bg) !important;box-shadow:var(--shadow-lg) !important}
.s131{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:16px !important;padding:22px 26px 18px !important}
.s132{font-size:24px !important;margin:4px 0 2px !important}
.s133{font-size:14px !important;color:var(--color-neutral-700) !important}
.s134{color:var(--color-text) !important}
.s135{display:flex !important;gap:10px !important;align-items:center !important;flex:none !important}
.s136{padding:0 18px 18px !important}
.s137{border-radius:22px !important;overflow:hidden !important;background:var(--color-neutral-200) !important}
.s138{padding:120px 0 110px !important}
.s139{margin-bottom:44px !important}
.s140{height:100% !important;display:flex !important;flex-direction:column !important;border-radius:28px !important;overflow:hidden !important;background:var(--color-neutral-100) !important;box-shadow:var(--shadow-sm) !important;transition:transform .3s ease, box-shadow .3s ease !important}
.s141{aspect-ratio:4/3 !important;background:var(--color-accent-200) !important;overflow:hidden !important}
.s142{padding:20px 22px 22px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important}
.s143{font-size:11.5px !important;font-weight:700 !important;letter-spacing:.16em !important;color:var(--color-accent-2-700) !important}
.s144{font-size:22px !important;margin:4px 0 4px !important}
.s145{width:42px !important;height:42px !important;flex:none !important;border-radius:50% !important;background:var(--color-accent) !important;color:var(--color-bg) !important;display:grid !important;place-items:center !important}
.s146{aspect-ratio:4/3 !important;background:var(--color-neutral-200) !important;overflow:hidden !important}
.s147{aspect-ratio:4/3 !important;background:var(--color-accent-2-200) !important;overflow:hidden !important}
.s148{position:relative !important;overflow:hidden !important;padding:110px 0 !important;background:url('https://images.unsplash.com/photo-1509358271058-acd22cc93898?w=2000&q=80') center/cover !important}
.s149{position:absolute !important;inset:0 !important;background:color-mix(in srgb, var(--color-neutral-900) 82%, transparent) !important}
.s150{font-size:13px !important;font-weight:700 !important;letter-spacing:.2em !important;color:var(--color-accent-300) !important;margin-bottom:14px !important}
.s151{font-size:clamp(32px,3.6vw,46px) !important;line-height:1.1 !important;color:var(--color-neutral-100) !important;margin-bottom:18px !important}
.s152{font-size:17px !important;line-height:1.65 !important;color:var(--color-neutral-300) !important;margin:0 !important}
.s153{display:flex !important;flex-wrap:wrap !important;gap:12px !important}
.s154{padding:11px 20px !important;border-radius:999px !important;background:color-mix(in srgb, var(--color-neutral-100) 10%, transparent) !important;border:1px solid color-mix(in srgb, var(--color-neutral-100) 22%, transparent) !important;color:var(--color-neutral-100) !important;font-size:15px !important;font-weight:600 !important}
.s155{position:relative !important;overflow:hidden !important;padding:120px 0 !important;background:var(--color-surface) !important}
.s156{position:absolute !important;width:300px !important;height:300px !important;border-radius:50% !important;background:var(--color-accent-200) !important;left:-120px !important;top:-100px !important;opacity:.7 !important}
.s157{max-width:640px !important;margin-bottom:48px !important}
.s158{padding:6px 4px 76px !important;margin:-6px -4px 0 !important}
.s159{height:100% !important;display:flex !important;flex-direction:column !important;gap:18px !important;padding:32px !important;border-radius:32px !important;background:var(--color-bg) !important;box-shadow:var(--shadow-sm) !important}
.s160{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:10px !important}
.s161{display:flex !important;gap:3px !important;color:var(--color-accent) !important}
.s162{font-size:12px !important;font-weight:600 !important}
.s163{font-size:16.5px !important;line-height:1.65 !important;color:var(--color-neutral-800) !important;margin:0 !important;flex:1 !important;text-wrap:pretty !important}
.s164{display:flex !important;align-items:center !important;gap:14px !important}
.s165{width:48px !important;height:48px !important;flex:none !important;border-radius:50% !important;background:var(--color-accent-2-200) !important;color:var(--color-accent-2-800) !important;display:grid !important;place-items:center !important;font-family:var(--font-heading) !important;font-size:17px !important}
.s166{font-weight:700 !important;font-size:15.5px !important}
.s167{bottom:14px !important;text-align:left !important;width:auto !important}
.s168{position:absolute !important;right:4px !important;bottom:0 !important;display:flex !important;gap:10px !important;z-index:5 !important}
.s169{width:48px !important;height:48px !important;background:var(--color-bg) !important;color:var(--color-text) !important}
.s170{width:48px !important;height:48px !important;background:var(--color-accent) !important;color:var(--color-bg) !important}
.s171{position:relative !important;overflow:hidden !important;padding:120px 0 !important;scroll-margin-top:70px !important}
.s172{position:absolute !important;width:520px !important;height:520px !important;border-radius:50% !important;border:1.5px solid var(--color-accent-300) !important;right:-200px !important;bottom:-240px !important}
.s173{font-size:clamp(34px,4vw,52px) !important;line-height:1.08 !important;margin-bottom:20px !important;text-wrap:balance !important}
.s174{font-size:17px !important;line-height:1.65 !important;color:var(--color-neutral-700) !important;margin-bottom:36px !important;max-width:440px !important}
.s175{display:flex !important;flex-direction:column !important;gap:22px !important}
.s176{display:flex !important;gap:16px !important;align-items:flex-start !important}
.s177{width:48px !important;height:48px !important;flex:none !important;border-radius:50% !important;background:var(--color-accent-200) !important;color:var(--color-accent-800) !important;display:grid !important;place-items:center !important}
.s178{font-weight:700 !important;margin-bottom:2px !important}
.s179{color:var(--color-neutral-700) !important;line-height:1.55 !important}
.s180{color:var(--color-neutral-700) !important}
.s181{padding:clamp(26px,4vw,44px) !important;border-radius:36px !important;background:var(--color-surface) !important;box-shadow:var(--shadow-md) !important}
.s182{font-size:13px !important;font-weight:600 !important}
.s183{min-height:50px !important;background:var(--color-bg) !important}
.s184{border-radius:24px !important;background:var(--color-bg) !important;padding:14px 18px !important}
.s185{padding:15px 34px !important;font-size:16px !important;margin-top:6px !important}
.s186{padding:40px 10px !important;display:flex !important;flex-direction:column !important;gap:14px !important;align-items:flex-start !important}
.s187{width:64px !important;height:64px !important;border-radius:50% !important;background:var(--color-accent-2-600) !important;color:#fff !important;display:grid !important;place-items:center !important}
.s188{font-size:30px !important;margin:6px 0 0 !important}
.s189{font-size:17px !important;color:var(--color-neutral-700) !important;margin:0 !important}
.s190{background:var(--color-neutral-900) !important;color:var(--color-neutral-300) !important;padding:90px 0 0 !important}
.s191{height:76px !important;width:auto !important;margin-bottom:22px !important}
.s192{font-size:15px !important;line-height:1.7 !important;max-width:340px !important}
.s193{display:inline-flex !important;align-items:center !important;gap:10px !important;color:var(--color-neutral-100) !important;font-weight:700 !important;font-size:16px !important;text-decoration:none !important}
.s194{font-family:var(--font-heading) !important;font-size:18px !important;color:var(--color-neutral-100) !important;margin-bottom:16px !important}
.s195{display:flex !important;flex-direction:column !important;gap:10px !important;font-size:15px !important}
.s196{color:var(--color-neutral-300) !important;text-decoration:none !important}
.s197{display:flex !important;flex-wrap:wrap !important;justify-content:space-between !important;gap:10px !important;margin-top:70px !important;padding:26px 0 !important;border-top:1px solid color-mix(in srgb, var(--color-neutral-100) 12%, transparent) !important;font-size:14px !important}
.s198{position:relative !important;overflow:hidden !important;padding:130px 0 120px !important;background:url('https://images.unsplash.com/photo-1532336414038-cf19250c5757?w=2200&q=80') center/cover no-repeat !important}
.s199{position:absolute !important;inset:0 !important;background:linear-gradient(95deg, color-mix(in srgb, var(--color-accent-900) 96%, transparent) 0%, color-mix(in srgb, var(--color-accent-900) 84%, transparent) 50%, color-mix(in srgb, var(--color-accent-900) 40%, transparent) 100%) !important}
.s200{position:absolute !important;width:560px !important;height:560px !important;border-radius:50% !important;border:1.5px solid color-mix(in srgb, var(--color-accent-300) 35%, transparent) !important;right:-180px !important;top:-240px !important}
.s201{display:flex !important;gap:10px !important;align-items:center !important;font-size:14px !important;font-weight:600 !important;color:var(--color-accent-200) !important}
.s202{color:var(--color-accent-200) !important;text-decoration:none !important}
.s203{opacity:.6 !important}
.s204{color:var(--color-neutral-100) !important}
.s205{color:var(--color-neutral-100) !important;font-size:clamp(42px,6vw,76px) !important;line-height:1.02 !important;margin:22px 0 22px !important;max-width:820px !important;text-wrap:balance !important}
.s206{color:var(--color-neutral-300) !important;font-size:19px !important;line-height:1.6 !important;max-width:580px !important;margin:0 !important;text-wrap:pretty !important}
.s207{position:absolute !important;left:-160px !important;bottom:-120px !important;width:420px !important;height:420px !important;border-radius:50% !important;background:var(--color-accent-2-200) !important;opacity:.55 !important}
.s208{font-size:clamp(34px,4vw,52px) !important;line-height:1.08 !important;margin-bottom:26px !important;text-wrap:balance !important}
.s209{font-size:18px !important;line-height:1.7 !important;color:var(--color-neutral-800) !important;text-wrap:pretty !important}
.s210{font-size:18px !important;line-height:1.7 !important;color:var(--color-neutral-800) !important;text-wrap:pretty !important;margin-bottom:0 !important}
.s211{position:relative !important;width:min(540px,100%) !important;aspect-ratio:1/1 !important;margin:0 auto !important}
.s212{position:absolute !important;left:0 !important;top:0 !important;width:64% !important;aspect-ratio:1 !important;border-radius:50% !important;overflow:hidden !important;box-shadow:var(--shadow-lg) !important}
.s213{position:absolute !important;right:0 !important;bottom:4% !important;width:54% !important;aspect-ratio:1 !important;border-radius:50% !important;overflow:hidden !important;box-shadow:var(--shadow-lg) !important;border:8px solid var(--color-bg) !important}
.s214{position:absolute !important;right:6% !important;top:6% !important;width:26% !important;aspect-ratio:1 !important;border-radius:50% !important;background:var(--color-accent-2-700) !important;color:var(--color-accent-2-100) !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;text-align:center !important;box-shadow:var(--shadow-md) !important}
.s215{font-family:var(--font-heading) !important;font-size:clamp(18px,2vw,26px) !important;line-height:1 !important}
.s216{font-size:11px !important;font-weight:700 !important;letter-spacing:.12em !important;margin-top:6px !important}
.s217{position:absolute !important;left:10% !important;bottom:6% !important;width:9% !important;aspect-ratio:1 !important;border-radius:50% !important;background:var(--color-accent) !important}
.s218{position:absolute !important;left:44% !important;top:-2% !important;width:7% !important;aspect-ratio:1 !important;border-radius:50% !important;background:var(--color-accent-2-500) !important}
.s219{padding:110px 0 120px !important;background:var(--color-neutral-100) !important}
.s220{margin-bottom:56px !important}
.s221{height:100% !important;padding:30px 26px 32px !important;border-radius:32px !important;background:var(--color-bg) !important;box-shadow:var(--shadow-sm) !important;display:flex !important;flex-direction:column !important;gap:16px !important}
.s222{width:58px !important;height:58px !important;border-radius:50% !important;background:var(--color-accent) !important;color:var(--color-bg) !important;display:grid !important;place-items:center !important;font-family:var(--font-heading) !important;font-size:22px !important}
.s223{font-size:23px !important;margin:4px 0 0 !important}
.s224{font-size:15px !important;line-height:1.6 !important;color:var(--color-neutral-700) !important;margin:0 !important}
.s225{position:absolute !important;width:560px !important;height:560px !important;border-radius:50% !important;border:1.5px solid color-mix(in srgb, var(--color-accent-2-300) 30%, transparent) !important;right:-200px !important;bottom:-260px !important}
.s226{font-size:clamp(32px,3.6vw,46px) !important;line-height:1.1 !important;color:var(--color-neutral-100) !important;margin-bottom:22px !important;text-wrap:balance !important}
.s227{display:flex !important;align-items:center !important}
.s228{padding:120px 0 100px !important}
.s229{height:100% !important;display:flex !important;gap:26px !important;align-items:center !important;padding:28px !important;border-radius:36px !important;background:var(--color-surface) !important;flex-wrap:wrap !important}
.s230{width:140px !important;height:140px !important;border-radius:50% !important;object-fit:cover !important;object-position:50% 25% !important;flex:none !important;box-shadow:var(--shadow-md) !important}
.s231{flex:1 !important;min-width:200px !important}
.s232{font-size:26px !important;margin:0 0 4px !important}
.s233{font-size:14px !important;font-weight:700 !important;letter-spacing:.08em !important;color:var(--color-accent-2-700) !important;margin-bottom:12px !important}
.s234{font-size:15.5px !important;line-height:1.6 !important;color:var(--color-neutral-800) !important;margin:0 !important;font-style:italic !important}
.s235{width:140px !important;height:140px !important;border-radius:50% !important;object-fit:cover !important;object-position:50% 22% !important;flex:none !important;box-shadow:var(--shadow-md) !important}
.s236{position:relative !important;overflow:hidden !important;padding:110px 0 !important;margin-bottom:110px !important;background:var(--color-surface) !important}
.s237{position:absolute !important;width:300px !important;height:300px !important;border-radius:50% !important;background:var(--color-accent-200) !important;right:-120px !important;top:-100px !important;opacity:.7 !important}
.s238{padding:0 0 110px !important}
.s239{padding:clamp(28px,4vw,48px) !important;border-radius:36px !important;border:1.5px solid var(--color-divider) !important}
.s240{font-size:13px !important;font-weight:700 !important;letter-spacing:.2em !important;color:var(--color-accent-2-700) !important;margin-bottom:10px !important}
.s241{font-size:clamp(26px,3vw,34px) !important;line-height:1.15 !important;margin:0 !important}
.s242{display:flex !important;gap:14px !important;align-items:center !important;padding:16px 18px !important;border-radius:22px !important;background:var(--color-neutral-100) !important}
.s243{width:46px !important;height:46px !important;flex:none !important;border-radius:50% !important;background:var(--color-accent-2-600) !important;color:#fff !important;display:grid !important;place-items:center !important}
.s244{min-width:0 !important}
.s245{font-size:13px !important;color:var(--color-neutral-700) !important}
.s246{font-weight:700 !important;font-size:15px !important;word-break:break-all !important}
.s247{display:inline-flex !important;align-items:center !important;gap:8px !important;margin-top:18px !important;font-weight:700 !important;font-size:15px !important;text-decoration:none !important}
.s248{display:flex !important;align-items:center !important;gap:14px !important;min-width:0 !important}
.s249{width:44px !important;height:44px !important;flex:none !important;background:var(--color-neutral-100) !important;color:var(--color-text) !important}
.s250{font-size:clamp(19px,2.2vw,24px) !important;margin:4px 0 2px !important}
.s251{color:var(--color-text) !important;word-break:break-all !important}
.s252{width:44px !important;height:44px !important;flex:none !important;background:var(--color-accent) !important;color:var(--color-bg) !important}
.s253{border-radius:22px !important;overflow:hidden !important;background:#fff !important;max-height:75vh !important;overflow-y:auto !important}
.s254{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:16px !important;padding:24px 28px 18px !important}
.s255{font-size:12px !important;font-weight:700 !important;letter-spacing:.18em !important;color:var(--color-accent-2-700) !important}
.s256{font-size:clamp(22px,2.4vw,28px) !important;margin:4px 0 0 !important}
.s257{padding:6px 28px 28px !important}
.s258{height:100% !important;display:flex !important;flex-direction:column !important;border-radius:26px !important;overflow:hidden !important;background:var(--color-neutral-100) !important;color:var(--color-text) !important;text-decoration:none !important;transition:transform .3s ease, box-shadow .3s ease !important}
.s259{display:block !important;margin:10px 10px 0 !important;aspect-ratio:3/4 !important;border-radius:18px !important;overflow:hidden !important;background:#fff !important;box-shadow:inset 0 0 0 1px var(--color-divider) !important}
.s260{width:100% !important;height:100% !important;object-fit:cover !important;object-position:top center !important}
.s261{padding:16px 18px 20px !important;display:flex !important;flex-direction:column !important;gap:6px !important;flex:1 !important}
.s262{font-size:11px !important;font-weight:700 !important;letter-spacing:.14em !important;color:var(--color-accent-2-700) !important}
.s263{font-family:var(--font-heading) !important;font-size:18px !important;line-height:1.2 !important;margin:0 !important}
.s264{font-weight:700 !important;font-size:14px !important;word-break:break-all !important;margin-top:-4px !important}
.s265{padding:0 0 120px !important}
.s266{position:relative !important;overflow:hidden !important;border-radius:40px !important;background:var(--color-accent-700) !important;padding:clamp(36px,6vw,72px) !important}
.s267{position:absolute !important;width:380px !important;height:380px !important;border-radius:50% !important;background:color-mix(in srgb, var(--color-accent-400) 40%, transparent) !important;right:-110px !important;top:-150px !important}
.s268{position:absolute !important;width:220px !important;height:220px !important;border-radius:50% !important;border:1.5px solid color-mix(in srgb, var(--color-accent-200) 50%, transparent) !important;right:18% !important;bottom:-120px !important}
.s269{font-size:clamp(32px,4vw,50px) !important;line-height:1.08 !important;color:var(--color-neutral-100) !important;margin-bottom:14px !important;text-wrap:balance !important}
.s270{font-size:17.5px !important;line-height:1.6 !important;color:var(--color-accent-100) !important;margin:0 !important;max-width:520px !important}
.s271{display:flex !important;flex-wrap:wrap !important;gap:12px !important;justify-content:flex-start !important}
.s272{padding:15px 30px !important;font-size:16px !important;background:var(--color-bg) !important;color:var(--color-accent-900) !important}
.s273{padding:15px 30px !important;font-size:16px !important;color:var(--color-neutral-100) !important;border:1.5px solid color-mix(in srgb, var(--color-neutral-100) 55%, transparent) !important}
.s274{position:relative !important;overflow:hidden !important;padding:130px 0 120px !important;background:url('https://images.unsplash.com/photo-1506368249639-73a05d6f6488?w=2200&q=80') center/cover no-repeat !important}
.s275{position:absolute !important;width:560px !important;height:560px !important;border-radius:50% !important;border:1.5px solid color-mix(in srgb, var(--color-accent-2-300) 35%, transparent) !important;left:-220px !important;bottom:-320px !important}
.s276{padding:100px 0 110px !important}
.s277{margin-bottom:36px !important}
.s278{display:flex !important;flex-wrap:wrap !important;align-items:center !important;justify-content:space-between !important;gap:18px !important;margin-bottom:36px !important}
.s279{display:flex !important;flex-wrap:wrap !important;gap:10px !important}
.s280{padding:11px 20px !important;font-size:15px !important;font-weight:600 !important}
.s281{font-size:15px !important;font-weight:600 !important;color:var(--color-neutral-700) !important}
.s282{height:100% !important;display:flex !important;flex-direction:column !important;border-radius:30px !important;overflow:hidden !important;background:var(--color-neutral-100) !important;box-shadow:var(--shadow-sm) !important;transition:transform .3s ease, box-shadow .3s ease !important}
.s283{position:relative !important;aspect-ratio:4/3 !important;background:var(--color-accent-200) !important;overflow:hidden !important}
.s284{width:100% !important;height:100% !important;object-fit:cover !important;transition:transform .5s ease !important}
.s285{position:absolute !important;left:16px !important;top:16px !important;padding:6px 14px !important;border-radius:999px !important;background:var(--color-bg) !important;font-size:12px !important;font-weight:700 !important;letter-spacing:.1em !important;color:var(--color-accent-2-800) !important}
.s286{padding:22px 24px 24px !important;display:flex !important;flex-direction:column !important;gap:14px !important;flex:1 !important}
.s287{font-size:24px !important;margin:4px 0 4px !important}
.s288{margin-top:auto !important;display:inline-flex !important;align-items:center !important;justify-content:space-between !important;gap:10px !important;padding:10px 10px 10px 20px !important;border-radius:999px !important;background:var(--color-bg) !important;font-weight:700 !important;font-size:15px !important;color:var(--color-text) !important;text-decoration:none !important;transition:background .25s ease !important}
.s289{width:34px !important;height:34px !important;flex:none !important;border-radius:50% !important;background:var(--color-accent) !important;color:var(--color-bg) !important;display:grid !important;place-items:center !important}
.s290{display:flex !important;justify-content:center !important;margin-top:48px !important}
.s291{padding:15px 32px !important;font-size:16px !important}
.s292{padding:110px 0 120px !important}
.s293{position:relative !important;overflow:hidden !important;padding:130px 0 170px !important;background:url('https://images.unsplash.com/photo-1509358271058-acd22cc93898?w=2200&q=80') center/cover no-repeat !important}
.s294{position:absolute !important;inset:0 !important;background:linear-gradient(95deg, color-mix(in srgb, var(--color-accent-900) 96%, transparent) 0%, color-mix(in srgb, var(--color-accent-900) 84%, transparent) 50%, color-mix(in srgb, var(--color-accent-900) 45%, transparent) 100%) !important}
.s295{color:var(--color-neutral-100) !important;font-size:clamp(42px,6vw,76px) !important;line-height:1.02 !important;margin:22px 0 22px !important;max-width:780px !important;text-wrap:balance !important}
.s296{color:var(--color-neutral-300) !important;font-size:19px !important;line-height:1.6 !important;max-width:560px !important;margin:0 !important;text-wrap:pretty !important}
.s297{position:relative !important;margin-top:-90px !important}
.s298{height:100% !important;padding:28px !important;border-radius:30px !important;background:var(--color-bg) !important;box-shadow:var(--shadow-lg) !important;display:flex !important;flex-direction:column !important;gap:14px !important}
.s299{width:52px !important;height:52px !important;border-radius:50% !important;background:var(--color-accent-200) !important;color:var(--color-accent-800) !important;display:grid !important;place-items:center !important}
.s300{font-size:22px !important;margin:0 !important}
.s301{font-size:15.5px !important;line-height:1.6 !important;color:var(--color-neutral-700) !important;margin:0 !important}
.s302{width:52px !important;height:52px !important;border-radius:50% !important;background:var(--color-accent-2-200) !important;color:var(--color-accent-2-800) !important;display:grid !important;place-items:center !important}
.s303{font-size:17px !important;font-weight:700 !important;color:var(--color-text) !important;text-decoration:none !important}
.s304{font-size:17px !important;font-weight:700 !important;color:var(--color-text) !important;text-decoration:none !important;word-break:break-all !important}
.s305{font-size:14px !important;color:var(--color-neutral-700) !important;margin-top:-6px !important}
.s306{position:relative !important;overflow:hidden !important;padding:110px 0 !important}
.s307{position:absolute !important;width:520px !important;height:520px !important;border-radius:50% !important;border:1.5px solid var(--color-accent-300) !important;left:-240px !important;bottom:-200px !important}
.s308{padding:clamp(26px,4vw,48px) !important;border-radius:36px !important;background:var(--color-surface) !important;box-shadow:var(--shadow-md) !important}
.s309{font-size:clamp(28px,3vw,38px) !important;line-height:1.1 !important;margin-bottom:28px !important}
.s310{display:flex !important;flex-wrap:wrap !important;align-items:center !important;gap:14px 20px !important;margin-top:6px !important}
.s311{padding:15px 34px !important;font-size:16px !important}
.s312{padding:12px 24px !important;font-size:15px !important;margin-top:10px !important}
.s313{font-size:clamp(32px,3.6vw,46px) !important;line-height:1.1 !important;margin-bottom:20px !important;text-wrap:balance !important}
.s314{font-size:17px !important;line-height:1.65 !important;color:var(--color-neutral-700) !important;margin-bottom:28px !important}
.s315{padding:9px 18px !important;border-radius:999px !important;background:var(--color-neutral-100) !important;border:1px solid var(--color-divider) !important;font-size:14.5px !important;font-weight:600 !important}
.s316{height:100% !important;min-height:380px !important;border-radius:36px !important;overflow:hidden !important;box-shadow:var(--shadow-sm) !important;background:var(--color-neutral-200) !important}
.s317{display:block !important;width:100% !important;height:100% !important;min-height:380px !important;border:0 !important;filter:saturate(.75) sepia(.12) !important}
.s318{height:100% !important;padding:clamp(28px,4vw,40px) !important;border-radius:36px !important;background:var(--color-accent-2-800) !important;color:var(--color-accent-2-100) !important;display:flex !important;flex-direction:column !important;gap:18px !important}
.s319{font-size:13px !important;font-weight:700 !important;letter-spacing:.2em !important;color:var(--color-accent-2-300) !important}
.s320{font-size:clamp(26px,3vw,34px) !important;line-height:1.15 !important;color:var(--color-neutral-100) !important;margin:0 !important}
.s321{display:flex !important;flex-direction:column !important;gap:10px !important;margin-top:4px !important}
.s322{display:flex !important;justify-content:space-between !important;align-items:center !important;gap:12px !important;padding:14px 20px !important;border-radius:999px !important;background:color-mix(in srgb, var(--color-neutral-100) 9%, transparent) !important;border:1px solid color-mix(in srgb, var(--color-neutral-100) 16%, transparent) !important}
.s323{font-weight:700 !important;color:var(--color-neutral-100) !important}
.s324{font-size:14px !important;color:var(--color-accent-2-200) !important}
.s325{font-size:15px !important;line-height:1.6 !important;color:var(--color-accent-2-200) !important;margin:auto 0 0 !important}
.s326{font-size:clamp(34px,4vw,50px) !important;line-height:1.08 !important;margin-bottom:18px !important;text-wrap:balance !important}
.s327{font-size:17px !important;line-height:1.65 !important;color:var(--color-neutral-700) !important;margin-bottom:26px !important}
.s328{padding:14px 26px !important;font-size:15px !important}
.s329{--bs-accordion-bg:transparent !important;--bs-accordion-border-width:0 !important;--bs-accordion-btn-focus-box-shadow:0 0 0 2px var(--color-accent) !important;--bs-accordion-active-bg:transparent !important;--bs-accordion-active-color:var(--color-text) !important;--bs-accordion-color:var(--color-text) !important;display:flex !important;flex-direction:column !important;gap:12px !important}
.s330{border-radius:26px !important;overflow:hidden !important;background:var(--color-bg) !important;box-shadow:var(--shadow-sm) !important;border:0 !important}
.s331{margin:0 !important}
.s332{padding:22px 28px !important;font-family:var(--font-heading) !important;font-size:19px !important;background:transparent !important;color:var(--color-text) !important;box-shadow:none !important}
.s333{padding:0 28px 24px !important;font-size:16px !important;line-height:1.65 !important;color:var(--color-neutral-700) !important}

/* ---------- Interaction states ---------- */
.hv1:hover{color:var(--color-accent-2-200) !important}
.hv2:hover{color:var(--color-accent) !important}
.hv3:hover{background:color-mix(in srgb, var(--color-neutral-100) 12%, transparent) !important;color:var(--color-neutral-100) !important}
.hv4:hover{cursor:default !important}
.hv5:hover{transform:translateY(-6px) !important;box-shadow:var(--shadow-lg) !important}
.hv6:hover{transform:scale(1.04) !important}
.hv7:hover{color:var(--color-accent-600) !important}
.hv8:hover{background:var(--color-accent-2-300) !important}
.hv9:hover{background:var(--color-accent-600) !important}
.hv10:hover{background:var(--color-accent-600) !important;color:var(--color-bg) !important}
.hv11:hover{background:var(--color-accent-200) !important}
.hv12:hover{color:var(--color-accent-400) !important}
.hv13:hover{color:#fff !important}
.hv14:hover{transform:translateY(-4px) !important;box-shadow:var(--shadow-md) !important;color:var(--color-text) !important}
.hv15:hover{background:var(--color-accent-100) !important;color:var(--color-accent-900) !important}
.hv16:hover{border-color:var(--color-accent) !important}
.hv17:hover{transform:scale(1.05) !important}
.hv18:hover{background:var(--color-accent-200) !important;color:var(--color-accent-900) !important}
.hv19:hover{color:var(--color-accent-700) !important}

/* ---------- Certificate popup ---------- */
.cert-view{max-height:75vh;overflow:auto;background:#fff}
.cert-view img,.cert-img{display:block;width:100%;height:auto}

/* ---------- Product filter ---------- */
.cat-chip{background:transparent !important;color:var(--color-text) !important;border:1.5px solid var(--color-divider) !important}
.cat-chip:hover{border-color:var(--color-accent) !important}
.cat-chip.is-active{background:var(--color-accent) !important;color:var(--color-bg) !important;border-color:var(--color-accent) !important}
[data-more-btn] svg{transition:transform .3s ease}
[data-more-btn].is-open svg{transform:rotate(180deg)}