:root {
  --font-family: "Quicksand", sans-serif;
  --font-size-base: 15px;
  --line-height-base: 2.01;

  --max-w: 1120px;
  --space-x: 1.34rem;
  --space-y: 1.5rem;
  --gap: 0.96rem;
  --space-section-y: calc(var(--space-y) * 2.4);
  --space-section-x: var(--space-x);
  --space-block: calc(var(--gap) * 1.5);
  --space-card: calc(var(--space-y) * .75);
  --font-size-sm: calc(var(--font-size-base) * .875);
  --font-size-md: var(--font-size-base);
  --font-size-lg: calc(var(--font-size-base) * 1.125);
  --font-size-h3: calc(var(--font-size-base) * 1.35);
  --font-size-h2: calc(var(--font-size-base) * 2);
  --font-size-h1: calc(var(--font-size-base) * 2.65);
  --motion-distance: calc(var(--gap) * var(--random-number));

  --radius-xl: 1.37rem;
  --radius-lg: 1rem;
  --radius-md: 0.64rem;
  --radius-sm: 0.4rem;

  --shadow-sm: 0 0px 5px rgba(0,0,0,0.04);
  --shadow-md: 0 6px 12px rgba(0,0,0,0.05);
  --shadow-lg: 0 16px 22px rgba(0,0,0,0.07);

  --overlay: rgba(10, 30, 50, 0.6);
  --anim-duration: 480ms;
  --anim-ease: cubic-bezier(0.22,1,0.36,1);
  --random-number: 2;

  --brand: #1B5E8C;
  --brand-contrast: #FFFFFF;
  --accent: #2E8B57;
  --accent-contrast: #FFFFFF;

  --neutral-0: #FFFFFF;
  --neutral-100: #F5F7FA;
  --neutral-300: #D1D9E0;
  --neutral-600: #5A6B7A;
  --neutral-800: #2D3A45;
  --neutral-900: #1A242E;

  --page-bg: #F8FAFC;
  --page-fg: #1A242E;
  --muted-bg: #E8F0F7;
  --muted-fg: #2D3A45;
  --card-bg: #FFFFFF;
  --card-fg: #1A242E;
  --card-border: #D1D9E0;
  --inverse-bg: #1B5E8C;
  --inverse-fg: #FFFFFF;
  --primary-bg: #1B5E8C;
  --primary-fg: #FFFFFF;
  --primary-hover: #144A6F;
  --accent-bg: #2E8B57;
  --accent-fg: #FFFFFF;
  --accent-hover: #237A48;
  --gradient-hero-bg: linear-gradient(135deg, #1B5E8C 0%, #2E8B57 100%);
  --gradient-hero-fg: #FFFFFF;
  --gradient-accent-bg: linear-gradient(135deg, #2E8B57 0%, #1B5E8C 100%);
  --gradient-accent-fg: #FFFFFF;

  --ring: #2E8B57;

  --link: #1B5E8C;
  --link-hover: #2E8B57;

  --btn-ghost-bg: transparent;
  --btn-ghost-bg-hover: color-mix(in srgb, currentColor 10%, transparent);
  --input-placeholder: rgba(255,255,255,0.55);
}
body{margin:0;padding:0;font-family:var(--font-family);box-sizing: border-box;}
*{box-sizing:border-box;}
a{color:inherit;}
.btn-primary,.btn.btn-primary{background:var(--primary-bg)!important;color:var(--primary-fg)!important;border-color:var(--primary-bg)!important;}
.btn-primary:hover,.btn.btn-primary:hover{background:var(--primary-hover)!important;color:var(--primary-fg)!important;border-color:var(--primary-hover)!important;}
.btn-outline-primary{color:var(--primary-bg)!important;border-color:var(--primary-bg)!important;}
.btn-outline-primary:hover{background:var(--primary-bg)!important;color:var(--primary-fg)!important;}
.bg-primary{background:var(--primary-bg)!important;color:var(--primary-fg)!important;}
.text-primary{color:var(--primary-bg)!important;}
.border-primary{border-color:var(--primary-bg)!important;}
.bg-light{background:var(--page-bg)!important;color:var(--page-fg)!important;}
.bg-dark{background:var(--inverse-bg)!important;color:var(--inverse-fg)!important;}

.site-header {
    width: 100%;
    background: var(--page-bg);
    border-bottom: 1px solid var(--card-border);
  }

  .header-inner {
    max-width: var(--max-w);
    margin: 0 auto;
    padding: var(--space-y) var(--space-x);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gap);
  }

  .logo {
    font-size: var(--font-size-md);
    font-weight: 700;
    color: var(--page-fg);
    text-decoration: none;
    white-space: nowrap;
  }

  .main-nav {
    display: flex;
    align-items: center;
    gap: var(--space-block);
  }

  .main-nav a {
    font-size: var(--font-size-sm);
    color: var(--muted-fg);
    text-decoration: none;
    padding: 0.25rem 0;
    border-radius: var(--radius-sm);
    transition: color var(--anim-duration) var(--anim-ease);
  }

  .main-nav a:hover {
    color: var(--link-hover);
  }

  .cta-btn {
    display: inline-block;
    padding: 0.5rem 1.25rem;
    background: var(--primary-bg);
    color: var(--primary-fg);
    font-size: var(--font-size-sm);
    font-weight: 600;
    text-decoration: none;
    border-radius: var(--radius-lg);
    transition: background var(--anim-duration) var(--anim-ease);
    white-space: nowrap;
  }

  .cta-btn:hover {
    background: var(--primary-hover);
  }

  .burger {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 40px;
    height: 40px;
    padding: 8px;
    background: transparent;
    border: none;
    cursor: pointer;
    border-radius: var(--radius-sm);
  }

  .burger span {
    display: block;
    width: 100%;
    height: 2px;
    background: var(--page-fg);
    border-radius: 2px;
    transition: transform var(--anim-duration) var(--anim-ease), opacity var(--anim-duration) var(--anim-ease);
  }

  .burger.active span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }

  .burger.active span:nth-child(2) {
    opacity: 0;
  }

  .burger.active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }

  @media (max-width: 767px) {
    .header-inner {
      flex-wrap: wrap;
      position: relative;
    }

    .burger {
      display: flex;
    }

    .main-nav {
      display: none;
      width: 100%;
      flex-direction: column;
      align-items: flex-start;
      gap: var(--space-sm);
      padding-top: var(--space-y);
      padding-bottom: var(--space-y);
    }

    .main-nav.open {
      display: flex;
    }

    .main-nav a {
      width: 100%;
      padding: 0.5rem 0;
      font-size: var(--font-size-md);
    }

    .cta-btn {
      margin-left: auto;
      margin-right: 0;
    }
  }

.site-footer {
    background: var(--inverse-bg, #1a1a2e);
    color: var(--inverse-fg, #f5f5f5);
    padding: var(--space-section-y, 3rem) var(--space-section-x, 2rem) 1.5rem;
    font-family: var(--font-family, sans-serif);
    font-size: var(--font-size-base, 1rem);
    line-height: var(--line-height-base, 1.6);
  }

  .footer-container {
    max-width: var(--max-w, 1200px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--gap, 2rem);
    padding-bottom: var(--space-y, 2rem);
  }

  .footer-column {
    display: flex;
    flex-direction: column;
    gap: var(--space-block, 1rem);
  }

  .footer-brand {
    align-items: flex-start;
  }

  .footer-logo {
    font-size: var(--font-size-h2, 1.75rem);
    font-weight: 700;
    color: var(--inverse-fg, #f5f5f5);
    text-decoration: none;
    letter-spacing: -0.02em;
    transition: color var(--anim-duration, 0.3s) var(--anim-ease, ease);
  }

  .footer-logo:hover {
    color: var(--accent-fg, #ffd166);
  }

  .footer-tagline {
    font-size: var(--font-size-sm, 0.875rem);
    color: var(--muted-fg, #a0a0b0);
    max-width: 280px;
    margin: 0;
  }

  .footer-menu {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }

  .footer-menu a {
    color: var(--inverse-fg, #f5f5f5);
    text-decoration: none;
    font-size: var(--font-size-md, 1rem);
    transition: color var(--anim-duration, 0.3s) var(--anim-ease, ease);
  }

  .footer-menu a:hover {
    color: var(--accent-fg, #ffd166);
  }

  .footer-legal {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: var(--space-block, 1rem);
  }

  .footer-legal a {
    color: var(--muted-fg, #a0a0b0);
    text-decoration: none;
    font-size: var(--font-size-sm, 0.875rem);
    transition: color var(--anim-duration, 0.3s) var(--anim-ease, ease);
  }

  .footer-legal a:hover {
    color: var(--accent-fg, #ffd166);
  }

  .contact-info {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }

  .contact-info p {
    margin: 0;
    font-size: var(--font-size-sm, 0.875rem);
    color: var(--inverse-fg, #f5f5f5);
  }

  .contact-info a {
    color: var(--inverse-fg, #f5f5f5);
    text-decoration: none;
    transition: color var(--anim-duration, 0.3s) var(--anim-ease, ease);
  }

  .contact-info a:hover {
    color: var(--accent-fg, #ffd166);
  }

  .footer-disclaimer {
    font-size: var(--font-size-sm, 0.875rem);
    color: var(--muted-fg, #a0a0b0);
    line-height: 1.5;
    margin: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: var(--space-block, 1rem);
  }

  .footer-bottom {
    max-width: var(--max-w, 1200px);
    margin: 0 auto;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: var(--space-y, 1.5rem);
    text-align: center;
  }

  .footer-bottom p {
    margin: 0;
    font-size: var(--font-size-sm, 0.875rem);
    color: var(--muted-fg, #a0a0b0);
  }

  @media (max-width: 768px) {
    .footer-container {
      grid-template-columns: 1fr;
      gap: var(--space-y, 2rem);
    }

    .footer-brand {
      align-items: center;
      text-align: center;
    }

    .footer-tagline {
      max-width: 100%;
    }

    .footer-menu,
    .footer-legal {
      align-items: center;
      text-align: center;
    }

    .contact-info {
      align-items: center;
      text-align: center;
    }

    .footer-disclaimer {
      text-align: center;
    }
  }

.cookies{position:fixed;left:var(--space-x);right:var(--space-x);bottom:var(--space-y);z-index:1200;}

    .cookies .wrap{max-width:var(--max-w);margin:0 auto;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:calc(var(--space-y) * .9) var(--space-x);display:grid;grid-template-columns:1fr auto;gap:12px var(--gap);align-items:center;color:var(--card-fg);}

    .cookies .title{font-weight:700;}

    .cookies p{margin:0;grid-column:1 / 2;}

    .cookies .actions{grid-row:1 / 3;grid-column:2 / 3;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}

    .cookies .actions button{border:1px solid var(--card-border);background:var(--muted-bg);color:var(--muted-fg);border-radius:var(--radius-sm);padding:8px 12px;cursor:pointer;}

    .cookies .actions button.cookie-accept{background:var(--accent-bg);color:var(--accent-fg);border-color:transparent;font-weight:700;}

    @media (max-width: 760px){.cookies .wrap{grid-template-columns:1fr;}
        .cookies p,.cookies .actions{grid-column:auto;grid-row:auto;}
        .cookies .actions{justify-content:flex-start;}
    }

.note_opening{padding:calc(var(--space-y)*3) var(--space-x);background:var(--card-bg);color:var(--card-fg)}
.note_opening .mossframe-wrap{max-width:var(--max-w);margin:0 auto;display:flex;gap:calc(var(--gap)*1.5);align-items:center}
.note_opening .mossframe-text{max-width:48rem;flex:1 1 0}
.note_opening h2{margin:0 0 1rem;color:var(--card-fg);font-size:clamp(2rem,4.4vw,3.6rem);line-height:1.04}
.note_opening p{margin:.8rem 0 0;color:var(--card-fg);opacity:.84;line-height:1.55}
.note_opening .mossframe-image{width:min(38%,520px);aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}
@media (max-width:820px){.note_opening .mossframe-wrap{display:block}.note_opening .mossframe-image{width:100%;margin-top:1.2rem}}

.public-profile___point {
  background: var(--gradient-hero-bg);
  color: var(--gradient-hero-fg);
  padding: var(--space-section-y) var(--space-section-x);
}
.public-profile___point .wrap {
  width: min(100%, var(--max-w));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, .42fr) minmax(0, 1fr);
  gap: var(--gap);
}
.public-profile___point h2,
.public-profile___point h3,
.public-profile___point p { margin: 0; }
.public-profile___point h2 { font-size: var(--font-size-h2); line-height: 1.08; }
.public-profile___point h3 { font-size: var(--font-size-h3); line-height: 1.16; }
.public-profile___point p { font-size: var(--font-size-md); line-height: var(--line-height-base); }
.public-profile___point .identity {
  display: grid;
  gap: var(--space-y);
  align-content: start;
  padding: var(--space-block);
  border-radius: var(--radius-xl);
  background: var(--gradient-accent-bg);
  color: var(--gradient-accent-fg);
}
.public-profile___point .identity a {
  width: fit-content;
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
}
.public-profile___point .details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-card);
}
.public-profile___point [data-block] {
  min-height: 13rem;
  display: grid;
  gap: var(--space-card);
  padding: var(--space-y);
  border-radius: var(--radius-lg);
  background: var(--card-bg);
  color: var(--card-fg);
  border: 1px solid var(--card-border);
  animation: profileDetailIn calc(var(--anim-duration) * 2.2) var(--anim-ease) both;
  animation-delay: var(--delay, 0ms);
}
.public-profile___point [data-block] b { color: var(--muted-fg); }
@keyframes profileDetailIn {
  from { opacity: .2; transform: translateY(calc(var(--motion-distance) * .16)); }
  to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 820px) {
  .public-profile___point .wrap,
  .public-profile___point .details { grid-template-columns: 1fr; }
}

.secure-block---dark {
  background: var(--page-bg);
  color: var(--page-fg);
  padding: var(--space-section-y) var(--space-section-x);
  overflow: hidden;
}
.secure-block---dark .wrap {
  width: min(100%, var(--max-w));
  margin: 0 auto;
}
.secure-block---dark h2,
.secure-block---dark h3,
.secure-block---dark p { margin: 0; }
.secure-block---dark h2 { font-size: var(--font-size-h2); line-height: 1.08; }
.secure-block---dark h3 { font-size: var(--font-size-h3); line-height: 1.16; }
.secure-block---dark p { font-size: var(--font-size-md); line-height: var(--line-height-base); }
.secure-block---dark a { color: inherit; text-decoration: none; }
.secure-block---dark .tone { background: var(--inverse-bg); color: var(--inverse-fg); }
.secure-block---dark .surface { background: var(--card-bg); color: var(--card-fg); border: 1px solid var(--card-border); }
.secure-block---dark .muted { color: var(--muted-fg); }
.secure-block---dark .action {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  min-height: 2.65rem;
  padding: calc(var(--space-card) * .72) var(--space-y);
  border-radius: var(--radius-md);
  background: var(--accent-bg);
  color: var(--accent-fg);
  transition: transform var(--anim-duration) var(--anim-ease), box-shadow var(--anim-duration) var(--anim-ease);
}
.secure-block---dark .action:hover { transform: translateY(-2px); box-shadow: var(--shadow-sm); }
.secure-block---dark [data-soft] {
  animation: securityauditasideIn calc(var(--anim-duration) * 2.6) var(--anim-ease) both;
  animation-delay: var(--d, 0ms);
}
@keyframes securityauditasideIn {
  from { opacity: .18; transform: translateY(calc(var(--motion-distance) * .18)); }
  to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 760px) {
  .secure-block---dark h2 { font-size: clamp(var(--font-size-h3), 11vw, var(--font-size-h2)); }
}
.secure-block---dark .audit-aside { display: flex; flex-wrap: wrap; gap: var(--gap); align-items: stretch; }
.secure-block---dark .audit-aside>* { flex: 1 1 min(100%,18rem); }
.secure-block---dark .audit-copy { display: grid; gap: var(--space-y); align-content: center; }
.secure-block---dark .audit-copy h2 { max-width: 10ch; }
.secure-block---dark .audit-rail { border-radius: var(--radius-xl); padding: var(--space-y); display: grid; align-content: end; gap: var(--space-y); min-height: 18rem; }
.secure-block---dark .audit-rail strong { font-size: var(--font-size-h3); }
.secure-block---dark .audit-list { list-style: none; padding: 0; margin: 0; display: grid; gap: calc(var(--space-card) * .8); }
.secure-block---dark .audit-list li { display: flex; gap: var(--space-card); padding-bottom: var(--space-y); border-bottom: 1px solid var(--card-border); }
.secure-block---dark .audit-list span { color: var(--muted-fg); }
@media (max-width: 900px) { .secure-block---dark .audit-aside { display: block; } .secure-block---dark .audit-copy h2 { max-width: none; } .secure-block---dark .audit-rail { min-height: auto; margin-top: var(--space-block); } }

.public_-notes{padding:var(--space-section-y) var(--space-section-x);background:var(--accent-bg);color:var(--accent-fg)}
.public_-notes .stage{max-width:var(--max-w);margin:0 auto}
.public_-notes .title{display:flex;flex-direction:column}
.public_-notes .title p{max-width:38rem;margin:0;font-size:var(--font-size-lg);line-height:var(--line-height-base)}
.public_-notes h2{max-width:15ch;margin:var(--space-y) 0 0;font-size:var(--font-size-h1);line-height:1}
.public_-notes .prose{width:min(100%,52rem);margin-left:auto;padding-top:var(--space-y)}
.public_-notes h3{margin:0;font-size:var(--font-size-h3)}
.public_-notes .prose h3:not(:first-child){margin-top:var(--space-block)}
.public_-notes .prose p{margin:var(--space-card) 0 0;line-height:var(--line-height-base)}

.frame__suggestions {
  background: var(--muted-bg);
  color: var(--muted-fg);
  padding: var(--space-section-y) var(--space-section-x);
}
.frame__suggestions .wrap {
  width: min(100%, var(--max-w));
  margin: 0 auto;
}
.frame__suggestions h2,
.frame__suggestions p { margin: 0; }
.frame__suggestions .head {
  display: flex;
  gap: var(--gap);
  align-items: flex-end;
  margin-bottom: var(--space-block);
}
.frame__suggestions .photo {
  display: block;
  flex: 0 0 min(18rem, 34%);
  width: min(18rem, 34%);
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: var(--radius-xl);
}
.frame__suggestions h2 {
  font-size: var(--font-size-h2);
  line-height: 1.06;
}
.frame__suggestions .head p {
  color: var(--muted-fg);
  line-height: var(--line-height-base);
  margin-top: var(--space-y);
  max-width: 48rem;
}
.frame__suggestions .strip {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-card);
}
.frame__suggestions .quote {
  flex: 1 1 18rem;
  display: flex;
  flex-direction: column;
  gap: var(--space-card);
  padding: var(--space-y);
  border-radius: var(--radius-lg);
  background: var(--card-bg);
  color: var(--card-fg);
  box-shadow: var(--shadow-sm);
}
.frame__suggestions strong {
  font-size: var(--font-size-h3);
  line-height: 1.14;
}
.frame__suggestions .quote p {
  color: var(--card-fg);
  line-height: var(--line-height-base);
}
.frame__suggestions span {
  margin-top: auto;
  color: var(--muted-fg);
  font-size: var(--font-size-sm);
}
@media (max-width: 760px) {
  .frame__suggestions .head { flex-direction: column; align-items: flex-start; }
  .frame__suggestions .photo { width: 100%; flex-basis: auto; }
}
.frame__suggestions .strip>*{min-width:0;flex:1 1 16rem}

.set___about-profile {
  background: var(--page-bg);
  color: var(--page-fg);
  padding: var(--space-section-y) var(--space-section-x);
}
.set___about-profile .wrap {
  width: min(100%, var(--max-w));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, .58fr) minmax(14rem, .34fr);
  gap: var(--gap);
}
.set___about-profile h2,
.set___about-profile h3,
.set___about-profile p { margin: 0; }
.set___about-profile h2 { font-size: var(--font-size-h2); line-height: 1.08; }
.set___about-profile h3 { font-size: var(--font-size-h3); line-height: 1.16; }
.set___about-profile p { font-size: var(--font-size-md); line-height: var(--line-height-base); }
.set___about-profile .copy {
  display: grid;
  gap: var(--space-y);
  align-content: center;
}
.set___about-profile .item span { color: var(--muted-fg); }
.set___about-profile .note {
  display: grid;
  gap: var(--space-y);
  padding: var(--space-y);
  border-radius: var(--radius-xl);
  background: var(--inverse-bg);
  color: var(--inverse-fg);
}
.set___about-profile .list {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-card);
}
.set___about-profile .item {
  min-height: 13rem;
  display: grid;
  gap: var(--space-card);
  padding: var(--space-y);
  border-radius: var(--radius-lg);
  background: var(--card-bg);
  color: var(--card-fg);
  border: 1px solid var(--card-border);
}
@media (max-width: 820px) {
  .set___about-profile .wrap,
  .set___about-profile .list { grid-template-columns: 1fr; }
}

.activities---board {
  background: var(--gradient-hero-bg);
  color: var(--gradient-hero-fg);
  padding: var(--space-section-y) var(--space-section-x);
  overflow: hidden;
}
.activities---board .wrap {
  width: min(100%, var(--max-w));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, .48fr) minmax(0, 1fr);
  gap: var(--gap);
}
.activities---board h2,
.activities---board h3,
.activities---board p { margin: 0; }
.activities---board h2 { font-size: var(--font-size-h2); line-height: 1.08; }
.activities---board h3 { font-size: var(--font-size-h3); line-height: 1.16; }
.activities---board p { font-size: var(--font-size-md); line-height: var(--line-height-base); }
.activities---board .tone {
  background: var(--gradient-accent-bg);
  color: var(--gradient-accent-fg);
}
.activities---board .center {
  border-radius: 50%;
  aspect-ratio: 1;
  padding: var(--space-block);
  display: grid;
  place-content: center;
  gap: var(--space-y);
  text-align: center;
  align-self: center;
}
.activities---board .track {
  display: grid;
  gap: var(--space-card);
}
.activities---board .point {
  display: grid;
  grid-template-columns: 1.8rem minmax(5rem, .2fr) minmax(0, .42fr) minmax(0, 1fr);
  gap: var(--space-card);
  align-items: start;
  padding: var(--space-y);
  border-radius: var(--radius-md);
  background: color-mix(in srgb, var(--card-bg) 78%, transparent);
  color: var(--card-fg);
  border: 1px solid var(--card-border);
  animation: activitiesOrbitSlide calc(var(--anim-duration) * 2.2) var(--anim-ease) both;
  animation-delay: var(--delay, 0ms);
}
.activities---board .point i {
  width: .75rem;
  height: .75rem;
  margin-top: .45rem;
  border-radius: 50%;
  background: var(--primary-bg);
  box-shadow: 0 0 0 .45rem color-mix(in srgb, var(--primary-bg) 20%, transparent);
}
.activities---board .point span { color: var(--muted-fg); font-size: var(--font-size-sm); }
.activities---board .action {
  grid-column: 2;
  width: fit-content;
  padding: calc(var(--space-card) * .75) var(--space-y);
  border-radius: var(--radius-md);
  background: var(--primary-bg);
  color: var(--primary-fg);
  text-decoration: none;
}
@keyframes activitiesOrbitSlide {
  from { opacity: .2; transform: translateX(calc(var(--motion-distance) * .18)); }
  to { opacity: 1; transform: translateX(0); }
}
@media (max-width: 860px) {
  .activities---board .wrap,
  .activities---board .point { grid-template-columns: 1fr; }
  .activities---board .center { border-radius: var(--radius-xl); aspect-ratio: auto; text-align: left; }
  .activities---board .action { grid-column: auto; }
}

body{margin:0;padding:0;font-family:var(--font-family);box-sizing: border-box;}
  *{box-sizing:border-box;}
  a{color:inherit;}
  .btn-primary,.btn.btn-primary{background:var(--primary-bg)!important;color:var(--primary-fg)!important;border-color:var(--primary-bg)!important;}
  .btn-primary:hover,.btn.btn-primary:hover{background:var(--primary-hover)!important;color:var(--primary-fg)!important;border-color:var(--primary-hover)!important;}
  .btn-outline-primary{color:var(--primary-bg)!important;border-color:var(--primary-bg)!important;}
  .btn-outline-primary:hover{background:var(--primary-bg)!important;color:var(--primary-fg)!important;}
  .bg-primary{background:var(--primary-bg)!important;color:var(--primary-fg)!important;}
  .text-primary{color:var(--primary-bg)!important;}
  .border-primary{border-color:var(--primary-bg)!important;}
  .bg-light{background:var(--page-bg)!important;color:var(--page-fg)!important;}
  .bg-dark{background:var(--inverse-bg)!important;color:var(--inverse-fg)!important;}
.cluster---helpdesk{
  background:#F8FAFC;
  color:#1A242E;
  padding:var(--space-section-y) var(--space-section-x);
}
.cluster---helpdesk .wrap{
  max-width:var(--max-w);
  margin:0 auto;
  display:flex;
  gap:var(--space-block);
  align-items:center;
}
.cluster---helpdesk .image{
  display:block;
  width:min(38%,30rem);
  min-width:17rem;
  aspect-ratio:16/10;
  object-fit:cover;
  border-radius:var(--radius-lg);
}
.cluster---helpdesk .copy{
  flex:1 1 30rem;
  min-width:0;
}
.cluster---helpdesk h2{
  margin:0;
  font-size:var(--font-size-h2);
  line-height:1.08;
  letter-spacing:0;
}
.cluster---helpdesk .copy p{
  margin:var(--space-y) 0 0;
  color:#5A6B7A;
  font-size:var(--font-size-lg);
  line-height:var(--line-height-base);
}
.cluster---helpdesk .links{
  margin-top:var(--space-block);
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
}
.cluster---helpdesk .links a{
  color:#1B5E8C;
  text-decoration:none;
  border-bottom:1px solid currentColor;
  padding-bottom:.2rem;
}
.cluster---helpdesk .links a:hover{
  color:#2E8B57;
}
@media (max-width:760px){
  .cluster---helpdesk .wrap{display:block}
  .cluster---helpdesk .image{width:100%;min-width:0}
  .cluster---helpdesk .copy{margin-top:var(--space-block)}
}

.ring_controls {
  background: var(--page-bg);
  color: var(--page-fg);
  padding: var(--space-section-y) var(--space-section-x);
  overflow: hidden;
}
.ring_controls .wrap {
  width: min(100%, var(--max-w));
  margin: 0 auto;
}
.ring_controls h2,
.ring_controls h3,
.ring_controls p { margin: 0; }
.ring_controls h2 { font-size: var(--font-size-h2); line-height: 1.08; }
.ring_controls h3 { font-size: var(--font-size-h3); line-height: 1.16; }
.ring_controls p { font-size: var(--font-size-md); line-height: var(--line-height-base); }
.ring_controls a { color: inherit; text-decoration: none; }
.ring_controls .tone { background: var(--inverse-bg); color: var(--inverse-fg); }
.ring_controls .surface { background: var(--card-bg); color: var(--card-fg); border: 1px solid var(--card-border); }
.ring_controls .muted { color: var(--muted-fg); }
.ring_controls .action {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  min-height: 2.65rem;
  padding: calc(var(--space-card) * .72) var(--space-y);
  border-radius: var(--radius-md);
  background: var(--accent-bg);
  color: var(--accent-fg);
  transition: transform var(--anim-duration) var(--anim-ease), box-shadow var(--anim-duration) var(--anim-ease);
}
.ring_controls .action:hover { transform: translateY(-2px); box-shadow: var(--shadow-sm); }
.ring_controls [data-soft] {
  animation: settingsmodedockIn calc(var(--anim-duration) * 2.6) var(--anim-ease) both;
  animation-delay: var(--d, 0ms);
}
@keyframes settingsmodedockIn {
  from { opacity: .18; transform: translateY(calc(var(--motion-distance) * .18)); }
  to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 760px) {
  .ring_controls h2 { font-size: clamp(var(--font-size-h3), 11vw, var(--font-size-h2)); }
}
.ring_controls .mode-dock { max-width: min(100%, 64rem); }
.ring_controls .mode-signal { border-radius: var(--radius-xl); padding: var(--space-block); display: grid; gap: var(--space-y); align-content: start; }
.ring_controls .mode-signal span { color: var(--muted-fg); }
.ring_controls .mode-stack { display: flex; flex-direction: column; gap: var(--space-card); margin-top: var(--space-block); }
.ring_controls .mode-item { display: flex; flex-wrap: wrap; gap: var(--space-y); padding: var(--space-y); border: 1px solid var(--card-border); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--card-bg) 76%, transparent); color: var(--card-fg); }
.ring_controls .mode-item>* { flex: 1 1 min(100%,12rem); }
.ring_controls .mode-item:hover { transform: translateX(calc(var(--space-card) * .35)); }
.ring_controls .mode-item b { color: var(--muted-fg); }
.ring_controls .mode-cta { margin-top: var(--space-block); border-radius: var(--radius-lg); padding: var(--space-y); display: flex; align-items: center; justify-content: space-between; gap: var(--gap); }
@media (max-width: 820px) { .ring_controls .mode-item { display: block; } .ring_controls .mode-item>*+* { margin-top: var(--space-card); } .ring_controls .mode-item:hover { transform: none; } .ring_controls .mode-cta { flex-direction: column; align-items: flex-start; } }

.directions_-portal{padding:var(--space-section-y) var(--space-section-x);background:var(--inverse-bg);color:var(--inverse-fg)}
.directions_-portal .layout{max-width:var(--max-w);margin:0 auto}
.directions_-portal .intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,.4fr);gap:var(--gap);align-items:end;margin-bottom:var(--gap)}
.directions_-portal h2{margin:0;font-size:var(--font-size-h1);line-height:1}
.directions_-portal .intro p{margin:0;font-size:var(--font-size-lg);color:var(--neutral-600)}
.directions_-portal .route{height:clamp(22rem,44vw,36rem);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--card-border);box-shadow:var(--shadow-sm)}
.directions_-portal iframe{display:block;width:100%;height:100%;border:0}
.directions_-portal .ledger{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-card);margin-top:var(--space-card)}
.directions_-portal .row{padding:var(--space-card);border-radius:var(--radius-md);background:color-mix(in srgb,var(--inverse-bg) 88%,var(--inverse-fg));color:var(--inverse-fg)}
.directions_-portal .row span{display:block;font-size:var(--font-size-sm);color:var(--neutral-600)}
.directions_-portal .row p{margin:calc(var(--space-card) * .5) 0 0}
@media (max-width: 820px){.directions_-portal .intro,.directions_-portal .ledger{grid-template-columns:1fr}.directions_-portal .route{height:24rem}}

.address__band {
  padding: var(--space-section-y) var(--space-section-x);
  background: var(--accent-bg);
  color: var(--accent-fg);
}
.address__band .wrap {
  display: flex;
  gap: var(--space-block);
  max-width: var(--max-w);
  margin: 0 auto;
}
.address__band .copy {
  flex: 0 1 40%;
  align-self: center;
}
.address__band h2 {
  margin: 0;
  font-size: var(--font-size-h1);
  line-height: 1.02;
}
.address__band .copy > p {
  margin: var(--space-y) 0 0;
  font-size: var(--font-size-lg);
  line-height: var(--line-height-base);
}
.address__band .channels {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-y);
  margin-top: var(--space-block);
}
.address__band .channels a {
  color: inherit;
  text-underline-offset: .22em;
}
.address__band .routes {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.address__band .route {
  display: flex;
  justify-content: space-between;
  gap: var(--gap);
  padding: var(--space-y);
  color: inherit;
  text-decoration: none;
  border-top: 1px solid color-mix(in srgb, currentColor 30%, transparent);
  transition: background var(--anim-duration) var(--anim-ease);
}
.address__band .route:last-child {
  border-bottom: 1px solid color-mix(in srgb, currentColor 30%, transparent);
}
.address__band a.route:hover {
  background: color-mix(in srgb, currentColor 8%, transparent);
}
.address__band .route span {
  flex: 0 0 28%;
  font-size: var(--font-size-sm);
  opacity: .72;
}
.address__band .route strong,
.address__band .route p {
  max-width: 30rem;
  margin: 0;
  text-align: right;
  line-height: var(--line-height-base);
  overflow-wrap: anywhere;
}
.address__band .route strong {
  font-size: var(--font-size-lg);
}
@media (max-width: 760px) {
  .address__band .wrap {
    display: block;
  }
  .address__band .routes {
    margin-top: var(--space-block);
  }
}
@media (max-width: 500px) {
  .address__band .route {
    display: block;
  }
  .address__band .route strong,
  .address__band .route p {
    display: block;
    margin-top: var(--space-card);
    text-align: left;
  }
}

.write-us---product{padding:var(--space-section-y) var(--space-section-x);background:var(--muted-bg);color:var(--muted-fg)}
.write-us---product .wrap{max-width:var(--max-w);margin:0 auto}
.write-us---product h2{margin:0;font-size:var(--font-size-h2);line-height:1.08}
.write-us---product .wrap>p{max-width:40rem;margin:var(--space-y) 0 var(--space-block);line-height:var(--line-height-base)}
.write-us---product .pairs{display:flex;flex-wrap:wrap;gap:var(--space-y) var(--gap)}
.write-us---product .pairs label{flex:1 1 min(100%,20rem)}
.write-us---product label{display:block;margin-bottom:var(--space-y)}
.write-us---product label span{display:block;margin-bottom:var(--space-card);font-size:var(--font-size-sm)}
.write-us---product input,.write-us---product textarea{width:100%;padding:var(--space-card);border:1px solid var(--card-border);border-radius:var(--radius-sm);background:var(--inverse-bg);color:var(--inverse-fg);font:inherit}
.write-us---product .message{margin-bottom:var(--space-y)}
.write-us---product textarea{resize:vertical}
.write-us---product button{padding:var(--space-card) var(--space-y);border:1px solid currentColor;border-radius:var(--radius-sm);background:transparent;color:inherit;font:inherit}
@media(max-width:620px){.write-us---product .pairs{display:block}}

body{margin:0;padding:0;font-family:var(--font-family);box-sizing: border-box;}
  *{box-sizing:border-box;}
  a{color:inherit;}
  .btn-primary,.btn.btn-primary{background:var(--primary-bg)!important;color:var(--primary-fg)!important;border-color:var(--primary-bg)!important;}
  .btn-primary:hover,.btn.btn-primary:hover{background:var(--primary-hover)!important;color:var(--primary-fg)!important;border-color:var(--primary-hover)!important;}
  .btn-outline-primary{color:var(--primary-bg)!important;border-color:var(--primary-bg)!important;}
  .btn-outline-primary:hover{background:var(--primary-bg)!important;color:var(--primary-fg)!important;}
  .bg-primary{background:var(--primary-bg)!important;color:var(--primary-fg)!important;}
  .text-primary{color:var(--primary-bg)!important;}
  .border-primary{border-color:var(--primary-bg)!important;}
  .bg-light{background:var(--page-bg)!important;color:var(--page-fg)!important;}
  .bg-dark{background:var(--inverse-bg)!important;color:var(--inverse-fg)!important;}
.data-rules_shift {
  padding: var(--space-section-y) var(--space-section-x);
  background: var(--accent-bg);
  color: var(--accent-fg);
}

.data-rules_shift .wrap {
  max-width: var(--max-w);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr);
  gap: var(--space-block);
  align-items: start;
}

.data-rules_shift .intro {
  padding: var(--space-card);
  border-radius: var(--radius-xl);
  background: var(--inverse-bg);
  color: var(--inverse-fg);
}

.data-rules_shift .intro span {
  display: block;
  margin-bottom: var(--space-card);
  color: var(--accent-bg);
  font-size: var(--font-size-sm);
}

.data-rules_shift h2 {
  margin: 0;
  font-size: var(--font-size-h2);
  line-height: 1.08;
}

.data-rules_shift .intro p {
  margin: var(--space-card) 0 0;
  color: var(--neutral-300);
  font-size: var(--font-size-lg);
}

.data-rules_shift .stream {
  display: flex;
  flex-direction: column;
  gap: var(--space-card);
}

.data-rules_shift .clause {
  display: grid;
  grid-template-columns: minmax(5rem, .22fr) minmax(0, 1fr);
  gap: var(--space-card);
  padding: var(--space-card);
  border-radius: var(--radius-md);
  background: var(--page-bg);
  color: var(--page-fg);
}

.data-rules_shift .clause small {
  color: var(--primary-bg);
  font-size: var(--font-size-sm);
  word-break: break-word;
}

.data-rules_shift h3 {
  margin: 0;
  font-size: var(--font-size-h3);
}

.data-rules_shift .clause p {
  margin: calc(var(--space-card) * .5) 0 0;
  color: var(--muted-fg);
}

@media (max-width: 780px) {
  .data-rules_shift .wrap,
  .data-rules_shift .clause {
    grid-template-columns: 1fr;
  }
}

body{margin:0;padding:0;font-family:var(--font-family);box-sizing: border-box;}
  *{box-sizing:border-box;}
  a{color:inherit;}
  .btn-primary,.btn.btn-primary{background:var(--primary-bg)!important;color:var(--primary-fg)!important;border-color:var(--primary-bg)!important;}
  .btn-primary:hover,.btn.btn-primary:hover{background:var(--primary-hover)!important;color:var(--primary-fg)!important;border-color:var(--primary-hover)!important;}
  .btn-outline-primary{color:var(--primary-bg)!important;border-color:var(--primary-bg)!important;}
  .btn-outline-primary:hover{background:var(--primary-bg)!important;color:var(--primary-fg)!important;}
  .bg-primary{background:var(--primary-bg)!important;color:var(--primary-fg)!important;}
  .text-primary{color:var(--primary-bg)!important;}
  .border-primary{border-color:var(--primary-bg)!important;}
  .bg-light{background:var(--page-bg)!important;color:var(--page-fg)!important;}
  .bg-dark{background:var(--inverse-bg)!important;color:var(--inverse-fg)!important;}
.legal-points---spine {
  padding: var(--space-section-y) var(--space-section-x);
  background: var(--primary-bg);
  color: var(--primary-fg);
}

.legal-points---spine .wrap {
  max-width: var(--max-w);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, .65fr) minmax(0, 1.35fr);
  gap: var(--space-block);
  align-items: start;
}

.legal-points---spine .dossier {
  padding: var(--space-card);
  border-radius: var(--radius-xl);
  background: var(--inverse-bg);
  color: var(--inverse-fg);
}

.legal-points---spine h2 {
  margin: 0;
  font-size: var(--font-size-h2);
  line-height: 1.08;
}

.legal-points---spine .dossier p {
  margin: var(--space-card) 0 0;
  color: var(--neutral-300);
  font-size: var(--font-size-lg);
}

.legal-points---spine ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-card);
}

.legal-points---spine li {
  padding: var(--space-card);
  border-radius: var(--radius-md);
  background: var(--page-bg);
  color: var(--page-fg);
}

.legal-points---spine li span {
  color: var(--primary-bg);
  font-size: var(--font-size-sm);
}

.legal-points---spine li strong {
  display: block;
  margin: calc(var(--space-card) * .5) 0;
  font-size: var(--font-size-h3);
}

.legal-points---spine li p {
  margin: 0;
  color: var(--muted-fg);
}

@media (max-width: 820px) {
  .legal-points---spine .wrap,
  .legal-points---spine ul {
    grid-template-columns: 1fr;
  }
}

.success_quiet {
  padding: var(--space-section-y) var(--space-section-x);
  background: var(--accent-bg);
  color: var(--accent-fg);
}

.success_quiet .shell {
  max-width: var(--max-w);
  margin: 0 auto;
  overflow: hidden;
  border-radius: var(--radius-xl);
  background: var(--page-bg);
  color: var(--page-fg);
  box-shadow: var(--shadow-lg);
}

.success_quiet .bar {
  display: flex;
  justify-content: space-between;
  gap: var(--space-card);
  padding: var(--space-card);
  border-bottom: 1px solid var(--card-border);
}

.success_quiet .bar span,
.success_quiet .bar strong {
  color: var(--primary-bg);
  font-size: var(--font-size-sm);
}

.success_quiet .body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(18rem, .55fr);
  gap: var(--gap);
  padding: var(--space-block);
}

.success_quiet h2 {
  margin: 0;
  font-size: var(--font-size-h2);
  line-height: 1.08;
}

.success_quiet .body p {
  margin: var(--space-card) 0 0;
  color: var(--muted-fg);
  font-size: var(--font-size-lg);
}

.success_quiet .status {
  padding: var(--space-card);
  border-radius: var(--radius-md);
  background: var(--card-bg);
  color: var(--card-fg);
}

.success_quiet .status strong,
.success_quiet .status span {
  display: block;
}

.success_quiet .status span {
  margin-top: var(--space-card);
  color: var(--muted-fg);
}

@media (max-width: 760px) {
  .success_quiet .bar,
  .success_quiet .body {
    display: block;
  }

  .success_quiet .body {
    padding: var(--space-card);
  }

  .success_quiet .status {
    margin-top: var(--space-card);
  }
}

.chip--fallback-page{display:flex;background:var(--primary-bg);color:var(--primary-fg)}
.chip--fallback-page .message,.chip--fallback-page .return{flex:1 1 0;min-width:0;padding:var(--space-section-y) var(--space-section-x)}
.chip--fallback-page .message{display:flex;align-items:center;justify-content:flex-end}
.chip--fallback-page h1{max-width:8ch;margin:0;font-size:var(--font-size-h1);line-height:1;text-align:right}
.chip--fallback-page .return{display:flex;flex-direction:column;justify-content:center;background:var(--accent-bg);color:var(--accent-fg)}
.chip--fallback-page p{max-width:34rem;margin:0;font-size:var(--font-size-lg);line-height:var(--line-height-base)}
.chip--fallback-page a{align-self:flex-start;margin-top:var(--space-block);color:inherit;font-size:var(--font-size-lg);text-underline-offset:.24em}
@media(min-width:761px){.chip--fallback-page .message{order:var(--random-number)}}
@media(max-width:760px){.chip--fallback-page{display:block}.chip--fallback-page .message{justify-content:flex-start}.chip--fallback-page h1{text-align:left}}