:root {
  --font-family: "DM Sans", sans-serif;
  --font-size-base: 15.1px;
  --line-height-base: 2.01;

  --max-w: 1180px;
  --space-x: 1.28rem;
  --space-y: 1.5rem;
  --gap: 0.75rem;
  --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.4rem;
  --radius-lg: 1rem;
  --radius-md: 0.58rem;
  --radius-sm: 0.34rem;

  --shadow-sm: 0 1px 5px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 18px rgba(0,0,0,0.07);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.09);

  --overlay: rgba(20, 30, 20, 0.6);
  --anim-duration: 540ms;
  --anim-ease: cubic-bezier(0.22,1,0.36,1);
  --random-number: 1;

  --brand: #2d4a2e;
  --brand-contrast: #f5f2e9;
  --accent: #c47a2d;
  --accent-contrast: #ffffff;

  --neutral-0: #ffffff;
  --neutral-100: #f5f2e9;
  --neutral-300: #d9d2c0;
  --neutral-600: #6b6255;
  --neutral-800: #3a352c;
  --neutral-900: #1f1c16;

  --page-bg: #f5f2e9;
  --page-fg: #2b2a26;
  --muted-bg: #e8e2d3;
  --muted-fg: #4a453c;
  --card-bg: #ffffff;
  --card-fg: #2b2a26;
  --card-border: #d9d2c0;
  --inverse-bg: #2d4a2e;
  --inverse-fg: #f5f2e9;
  --primary-bg: #2d4a2e;
  --primary-fg: #f5f2e9;
  --primary-hover: #1f3a20;
  --accent-bg: #c47a2d;
  --accent-fg: #ffffff;
  --accent-hover: #a8641f;
  --gradient-hero-bg: linear-gradient(135deg, #2d4a2e 0%, #1f3a20 50%, #3a5a3b 100%);
  --gradient-hero-fg: #f5f2e9;
  --gradient-accent-bg: linear-gradient(135deg, #c47a2d 0%, #a8641f 100%);
  --gradient-accent-fg: #ffffff;

  --ring: #c47a2d;

  --link: #2d4a2e;
  --link-hover: #c47a2d;

  --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-color: var(--page-bg);
    border-bottom: 1px solid var(--card-border);
  }

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

  .logo {
    font-size: var(--font-size-lg);
    font-weight: 700;
    color: var(--page-fg);
    text-decoration: none;
    letter-spacing: -0.02em;
    white-space: nowrap;
  }

  .main-nav {
    display: flex;
    align-items: center;
  }

  .nav-list {
    display: flex;
    align-items: center;
    gap: calc(var(--gap) * 1.25);
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .nav-list a {
    color: var(--page-fg);
    text-decoration: none;
    font-size: var(--font-size-md);
    font-weight: 500;
    padding: 0.5rem 0.25rem;
    border-radius: var(--radius-sm);
    transition: color var(--anim-duration) var(--anim-ease);
  }

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

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

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

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

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

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

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

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

  @media (max-width: 767px) {
    .header-wrapper {
      flex-wrap: wrap;
      padding: calc(var(--space-y) * 0.5) var(--space-x);
    }

    .burger {
      display: flex;
      order: 3;
    }

    .main-nav {
      display: none;
      width: 100%;
      order: 4;
      padding-top: var(--space-y);
    }

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

    .nav-list {
      flex-direction: column;
      align-items: flex-start;
      gap: 0.25rem;
    }

    .nav-list a {
      display: block;
      width: 100%;
      padding: 0.75rem 0.5rem;
      font-size: var(--font-size-md);
    }

    .nav-list a:hover {
      background-color: var(--muted-bg);
    }

    .cta-btn {
      order: 2;
      margin-left: auto;
      padding: 0.4rem 1rem;
      font-size: var(--font-size-sm);
    }

    .logo {
      order: 1;
      font-size: var(--font-size-md);
    }
  }

.site-footer {
        background: var(--page-bg);
        color: var(--page-fg);
        border-top: 1px solid var(--card-border);
        padding: var(--space-section-y) var(--space-section-x);
        font-family: var(--font-family);
        font-size: var(--font-size-base);
        line-height: var(--line-height-base);
    }

    .footer-container {
        max-width: var(--max-w);
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1.2fr 1fr 1.2fr;
        gap: var(--gap);
        align-items: start;
    }

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

    .footer-logo {
        font-size: var(--font-size-h2);
        font-weight: 700;
        color: var(--primary-fg);
        text-decoration: none;
        transition: color var(--anim-duration) var(--anim-ease);
    }

    .footer-logo:hover {
        color: var(--primary-hover);
    }

    .footer-tagline {
        color: var(--muted-fg);
        font-size: var(--font-size-sm);
        margin: 0;
        max-width: 28rem;
    }

    .footer-menu {
        display: flex;
        flex-direction: column;
        gap: var(--space-y);
    }

    .footer-menu a {
        color: var(--link);
        text-decoration: none;
        font-size: var(--font-size-md);
        transition: color var(--anim-duration) var(--anim-ease);
    }

    .footer-menu a:hover {
        color: var(--link-hover);
    }

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

    .footer-legal a {
        color: var(--muted-fg);
        text-decoration: none;
        font-size: var(--font-size-sm);
        transition: color var(--anim-duration) var(--anim-ease);
    }

    .footer-legal a:hover {
        color: var(--link-hover);
    }

    .contact-info {
        display: flex;
        flex-direction: column;
        gap: var(--space-y);
    }

    .contact-info p {
        margin: 0;
        font-size: var(--font-size-sm);
        color: var(--page-fg);
    }

    .contact-info a {
        color: var(--link);
        text-decoration: none;
        transition: color var(--anim-duration) var(--anim-ease);
    }

    .contact-info a:hover {
        color: var(--link-hover);
    }

    .footer-disclaimer {
        font-size: var(--font-size-sm);
        color: var(--muted-fg);
        margin: 0;
        line-height: var(--line-height-base);
    }

    .footer-bottom {
        max-width: var(--max-w);
        margin: var(--space-block) auto 0;
        padding-top: var(--space-y);
        border-top: 1px solid var(--card-border);
        text-align: center;
    }

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

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

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

        .footer-menu {
            flex-direction: row;
            flex-wrap: wrap;
            gap: var(--space-x);
        }

        .footer-legal {
            flex-direction: row;
            flex-wrap: wrap;
            gap: var(--space-x);
            margin-top: var(--space-y);
        }
    }

.cookies{position:fixed;right:var(--space-section-x);top:var(--space-y);z-index:1200}
.cookies .card{width:min(28rem,calc(100vw - var(--space-section-x)*2));padding:var(--space-y);border:1px solid color-mix(in srgb,currentColor 24%,transparent);border-radius:var(--radius-lg);background:var(--muted-bg);color:var(--muted-fg);box-shadow:var(--shadow-lg)}
.cookies .top{display:flex;justify-content:space-between;gap:var(--space-y);align-items:center}
.cookies strong{font-size:var(--font-size-h3);line-height:1.12}
.cookies .top button{border:0;background:transparent;color:var(--link);font:inherit;cursor:pointer}
.cookies p{margin:var(--space-y) 0 0;line-height:var(--line-height-base)}
.cookies .actions{display:flex;gap:var(--space-card);margin-top:var(--space-y)}
.cookies .actions button{flex:1;border:1px solid var(--card-border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--card-fg);font:inherit;padding:var(--space-card);cursor:pointer}
.cookies .actions button.cookie-accept{background:var(--primary-bg);color:var(--primary-fg);border-color:var(--primary-bg)}

.startline_-group{padding:calc(var(--space-y)*3.2) var(--space-x);background:var(--neutral-900);color:var(--neutral-0);}
.startline_-group .nightledger-wrap{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1.25fr .75fr;gap:var(--gap);align-items:end;}.startline_-group h1{margin:0;font-size:clamp(2.6rem,7vw,6.2rem);line-height:.92;}.startline_-group .aside{border-left:1px solid rgba(255,255,255,.24);padding-left:1rem;}.startline_-group span{display:block;color:var(--neutral-300);}.startline_-group .nav{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.1rem;}.startline_-group a{color:var(--accent-fg);background:var(--accent-bg);text-decoration:none;border-radius:999px;padding:.72rem .95rem;font-weight:700;}
@media (max-width:760px){.startline_-group .nightledger-wrap{grid-template-columns:1fr;}.startline_-group .aside{border-left:0;padding-left:0;}}

.updates-feed-messages{color:var(--page-fg);background:var(--page-bg);padding:clamp(16px,3vw,40px);}

    .updates-feed-messages .c{max-width:var(--max-w);margin:0 auto;display:grid;gap:var(--space-x);}

    @media (max-width: 767px){.updates-feed-messages .c{grid-template-columns:1fr;height:auto;}

        .updates-feed-messages .chat-form{flex-direction:column;}
    }

    @media (min-width: 1024px){.updates-feed-messages .c{grid-template-columns:300px 1fr;}
    }

    .updates-feed-messages .list{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--card-border);padding:1rem;overflow-y:auto;}

    .updates-feed-messages h2{margin:0 0 1rem;font-size:1.25rem;color:var(--card-fg);}

    .updates-feed-messages .items{display:flex;flex-direction:column;gap:0.5rem;}

    .updates-feed-messages .item{display:flex;gap:1rem;padding:1rem;border-radius:var(--radius-md);background:var(--muted-bg);cursor:pointer;transition:all var(--anim-duration) var(--anim-ease);}

    .updates-feed-messages .item:hover{background:var(--accent-bg);}

    .updates-feed-messages .item:hover h4,.updates-feed-messages .item:hover p,.updates-feed-messages .item:hover .time{color:var(--accent-fg);}

    .updates-feed-messages .avatar{width:48px;height:48px;border-radius:50%;background:var(--primary-bg);color:var(--primary-fg);display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;}

    .updates-feed-messages .info{flex:1;min-width:0;}

    .updates-feed-messages h4{margin:0 0 0.25rem;font-size:1rem;color:var(--card-fg);}

    .updates-feed-messages .info p{margin:0 0 0.25rem;font-size:0.875rem;color:var(--muted-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

    .updates-feed-messages .time{font-size:0.75rem;color:var(--muted-fg);}

    .updates-feed-messages .chat{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--card-border);display:flex;flex-direction:column;}

    .updates-feed-messages .chat-header{padding:1rem;border-bottom:1px solid var(--card-border);}

    .updates-feed-messages h3{margin:0;color:var(--card-fg);}

    .updates-feed-messages .chat{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;}

    .updates-feed-messages .message{background:var(--muted-bg);padding:0.875rem 1rem;border-radius:var(--radius-md);max-width:70%;}

    .updates-feed-messages .message-text{margin-bottom:0.25rem;color:var(--card-fg);}

    .updates-feed-messages .message-time{font-size:0.75rem;color:var(--muted-fg);}

    .updates-feed-messages .chat-form{display:flex;gap:0.5rem;padding:1rem;border-top:1px solid var(--card-border);}

    .updates-feed-messages .chat-form input{flex:1;padding:0.875rem;border-radius:var(--radius-md);border:1px solid var(--card-border);background:var(--page-bg);color:var(--page-fg);outline:none;}

    .updates-feed-messages .chat-form input::placeholder{color:var(--muted-fg);}

    .updates-feed-messages .chat-form button{padding:0.875rem 1.5rem;border-radius:var(--radius-md);border:none;background:var(--primary-bg);color:var(--primary-fg);font-weight:600;cursor:pointer;transition:background var(--anim-duration) var(--anim-ease);}

    .updates-feed-messages .chat-form button:hover{background:var(--primary-hover);}

.worth__value-points {
  background: var(--gradient-accent-bg);
  color: var(--gradient-accent-fg);
  padding: var(--space-section-y) var(--space-section-x);
}
.worth__value-points .wrap {
  width: min(100%, var(--max-w));
  margin: 0 auto;
}
.worth__value-points h2,
.worth__value-points p { margin: 0; }
.worth__value-points .summary {
  display:flex;flex-direction:column;
  gap: var(--space-y);
  align-content: start;
}
.worth__value-points h2 {
  font-size: var(--font-size-h2);
  line-height: 1.06;
}
.worth__value-points .summary p {
  line-height: var(--line-height-base);
}
.worth__value-points .support {
  display:flex;flex-direction:column;
  gap: var(--space-card);
}
.worth__value-points .ticket {
  display:flex;flex-wrap:wrap;
  gap: var(--space-y);
  align-items: start;
  padding: var(--space-card);
  border-radius: var(--radius-lg);
  background: var(--accent-bg);
  color: var(--accent-fg);
}
.worth__value-points span {
  color: var(--primary-bg);
  font-size: calc(var(--font-size-sm) * 3);
}
.worth__value-points strong {
  font-size: var(--font-size-h3);
  line-height: 1.14;
}
.worth__value-points .ticket p {
  color: var(--muted-fg);
  line-height: var(--line-height-base);
}
.worth__value-points .wrap>*{min-width:0;flex:1 1 18rem}
.worth__value-points .ticket>*{min-width:0;flex:1 1 16rem}

.framed--move{padding:clamp(56px,8vw,96px) clamp(16px,4vw,40px);background:var(--page-bg);color:var(--page-fg);}
.framed--move .wrap{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:12px;}
.framed--move .main{border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:14px;background:var(--muted-bg);color:var(--muted-fg);}
.framed--move .main h2{margin:0;font-size:clamp(28px,4vw,42px);}
.framed--move .main p{margin:8px 0 10px;}
.framed--move .main a{display:inline-flex;padding:9px 12px;border-radius:var(--radius-sm);background:var(--primary-bg);color:var(--primary-fg);text-decoration:none;}
.framed--move .notes{border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:14px;background:var(--muted-bg);color:var(--muted-fg);}
.framed--move .notes p{margin:0 0 8px;}
.framed--move .notes p:last-child{margin-bottom:0;}
@media(max-width:820px){.framed--move .wrap{grid-template-columns:1fr;}}

.clean-shortlist{padding:var(--space-section-y) var(--space-section-x);background:var(--accent-bg);color:var(--accent-fg)}
.clean-shortlist .wrap{max-width:var(--max-w);margin:0 auto}
.clean-shortlist .deck{max-width:40rem;margin-bottom:var(--space-block)}
.clean-shortlist h2{margin:0;font-size:var(--font-size-h1);line-height:1}
.clean-shortlist .deck p{margin:var(--space-y) 0 0;font-size:var(--font-size-lg);line-height:var(--line-height-base)}
.clean-shortlist .index{display:flex;flex-direction:column;gap:var(--space-y)}
.clean-shortlist .entry{display:flex;align-items:flex-start;gap:var(--space-y);padding:var(--space-y) 0;color:inherit;text-decoration:none;transform:translateX(var(--entry-shift,0));animation:recommendIndexIn calc(var(--anim-duration)*1.1) var(--anim-ease) both}
.clean-shortlist .entry strong{flex:0 0 min(14rem,34%);font-size:var(--font-size-h3);line-height:1.08}
.clean-shortlist .entry span{flex:1 1 0;line-height:var(--line-height-base)}
.clean-shortlist .entry em{flex:0 0 auto;font-style:normal;font-size:var(--font-size-sm);white-space:nowrap}
@keyframes recommendIndexIn{from{opacity:0;transform:translateX(calc(var(--motion-distance)*-.08))}to{opacity:1;transform:translateX(0)}}
@media(max-width:720px){.clean-shortlist .entry{display:block}.clean-shortlist .entry span,.clean-shortlist .entry em{display:block;margin-top:var(--space-card)}}

.notice-list_-index.colored {
    padding: 56px 20px;
    background: var(--inverse-bg);
    color: var(--inverse-fg);
}

.notice-list_-index .inner {
    max-width: var(--max-w);
    margin: 0 auto;
}

.notice-list_-index .title {
    margin: 0 0 16px;
    font-size: clamp(24px, 4vw, 30px);
}

.notice-list_-index .list {
    display: grid;
    gap: 10px;
}

.notice-list_-index .item {
    display: grid;
    grid-template-columns:auto minmax(0, 1fr);
    gap: 12px;
    border-radius: var(--radius-lg);
    padding: 10px 14px;
    border: 1px solid rgba(148, 163, 184, 0.6);
    background: var(--inverse-bg);
    color: var(--inverse-fg);
}

.notice-list_-index .mod-positive {
    border-color: var(--accent-bg);
}

.notice-list_-index .mod-accent {
    border-color: var(--accent-bg);
}

.notice-list_-index .avatar {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    background: var(--accent-bg);
    color: var(--accent-fg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    font-weight: 600;
}

.notice-list_-index .meta {
    display: flex;
    justify-content: space-between;
    font-size: 0.85rem;
    margin-bottom: 2px;
}

.notice-list_-index .text {
    margin: 0;
    font-size: 0.9rem;
}

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;}
.inverse---explainer{padding:var(--space-section-y) var(--space-section-x);background:var(--muted-bg);color:var(--muted-fg)}
.inverse---explainer .wrap{max-width:var(--max-w);margin:0 auto}
.inverse---explainer .side{display:flex;gap:var(--space-block);align-items:flex-start}
.inverse---explainer h2{flex:1 1 34rem;min-width:0;margin:0;font-size:var(--font-size-h2);line-height:1.08;color:var(--muted-fg)}
.inverse---explainer .content{flex:1 1 34rem;min-width:0}
.inverse---explainer .content p{margin:0;font-size:var(--font-size-lg);line-height:var(--line-height-base);color:var(--muted-fg)}
.inverse---explainer .inline{display:flex;flex-wrap:wrap;gap:var(--space-card);margin-top:var(--space-y)}
.inverse---explainer .inline span{border-radius:var(--radius-md);background:var(--card-bg);color:var(--card-fg);padding:calc(var(--space-card)*.75) var(--space-card);font-size:var(--font-size-sm)}
@media(max-width:760px){.inverse---explainer .side{display:block}.inverse---explainer .content{margin-top:var(--space-y)}}

.feedback_-quiet{background:var(--accent-bg);color:var(--accent-fg);padding:var(--space-section-y) var(--space-section-x);}
.feedback_-quiet .wrap{max-width:var(--max-w);margin:0 auto;display:flex;gap:var(--space-block);align-items:flex-start;}
.feedback_-quiet .side{flex:0 0 min(25rem,36%);min-width:0;position:sticky;top:var(--space-y);}
.feedback_-quiet h2{font-size:var(--font-size-h2);line-height:1.06;margin:0 0 var(--space-y);}
.feedback_-quiet .side p{margin:0;line-height:var(--line-height-base);color:color-mix(in srgb,var(--accent-fg) 76%,transparent);}
.feedback_-quiet .list{flex:1 1 auto;min-width:0;}
.feedback_-quiet .line{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap);padding:var(--space-card) 0;border-top:1px solid color-mix(in srgb,var(--accent-fg) 24%,transparent);}
.feedback_-quiet .line:last-child{border-bottom:1px solid color-mix(in srgb,var(--accent-fg) 24%,transparent);}
.feedback_-quiet .line p{flex:1 1 auto;margin:0;font-size:var(--font-size-lg);line-height:var(--line-height-base);}
.feedback_-quiet .line strong{flex:0 0 11rem;min-width:0;font-size:var(--font-size-sm);font-weight:600;color:color-mix(in srgb,var(--accent-fg) 68%,transparent);}
@media (max-width:780px){.feedback_-quiet .wrap,.feedback_-quiet .line{display:block}.feedback_-quiet .side{position:static;margin-bottom:var(--space-block)}.feedback_-quiet .line strong{display:block;margin-top:var(--space-y)}}

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

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

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

.follow_-subscribe .bar span {
  color: var(--primary-bg);
  font-size: var(--font-size-sm);
}

.follow_-subscribe a {
  text-decoration: none;
}

.follow_-subscribe .bar a {
  color: var(--primary-bg);
}

.follow_-subscribe .body {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: var(--gap);
  padding: var(--space-block);
}

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

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

.follow_-subscribe .channels {
  display: grid;
  gap: var(--space-card);
}

.follow_-subscribe .channels a {
  padding: var(--space-card);
  border: 1px solid var(--card-border);
  border-radius: var(--radius-md);
  background: var(--card-bg);
  color: var(--card-fg);
}

.follow_-subscribe .channels span,
.follow_-subscribe .channels small {
  display: block;
  color: var(--muted-fg);
  font-size: var(--font-size-sm);
}

.follow_-subscribe .channels strong {
  display: block;
  margin: calc(var(--space-card) * .35) 0;
  font-size: var(--font-size-h3);
}

@media (max-width: 780px) {
  .follow_-subscribe .body {
    grid-template-columns: 1fr;
    padding: var(--space-card);
  }

  .follow_-subscribe .bar {
    flex-direction: column;
  }
}

.matrix___plans {
  background: var(--page-bg);
  color: var(--page-fg);
  padding: var(--space-section-y) var(--space-section-x);
}
.matrix___plans .wrap {
  width: min(100%, var(--max-w));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(15rem, .32fr);
  gap: var(--gap);
}
.matrix___plans h2,
.matrix___plans h3,
.matrix___plans p { margin: 0; }
.matrix___plans h2 { font-size: var(--font-size-h2); line-height: 1.08; }
.matrix___plans h3 { font-size: var(--font-size-h3); line-height: 1.16; }
.matrix___plans p { font-size: var(--font-size-md); line-height: var(--line-height-base); }
.matrix___plans .top {
  display: grid;
  gap: var(--space-y);
}
.matrix___plans .frame {
  display: grid;
  gap: var(--space-y);
  padding: var(--space-y);
  border-radius: var(--radius-lg);
  background: var(--inverse-bg);
  color: var(--inverse-fg);
}
.matrix___plans .frame strong { font-size: var(--font-size-h3); }
.matrix___plans .frame a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  width: fit-content;
}
.matrix___plans .items {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-card);
}
.matrix___plans [data-block] {
  min-height: 13rem;
  display: grid;
  gap: var(--space-card);
  padding: var(--space-y);
  border-radius: var(--radius-md);
  background: var(--card-bg);
  color: var(--card-fg);
  border: 1px solid var(--card-border);
}
.matrix___plans .bar {
  height: .35rem;
  border-radius: var(--radius-sm);
  background: var(--primary-bg);
  animation: planDashMeter calc(var(--anim-duration) * 5) var(--anim-ease) infinite alternate;
}
.matrix___plans .meta { color: var(--muted-fg); font-size: var(--font-size-sm); }
@keyframes planDashMeter {
  from { transform: scaleX(.35); transform-origin: left; }
  to { transform: scaleX(1); transform-origin: left; }
}
@media (max-width: 900px) {
  .matrix___plans .wrap,
  .matrix___plans .items { grid-template-columns: 1fr; }
}

.marker__customer-care{
    background:var(--card-bg);
    color:var(--card-fg);
    padding:var(--space-section-y) var(--space-section-x);
  }
  .marker__customer-care .wrap{
    max-width:var(--max-w);
    margin:0 auto;
    display:flex;
    gap:var(--space-block);
    align-items:flex-start;
  }
  .marker__customer-care .copy{
    flex:1 1 26rem;
    min-width:0;
  }
  .marker__customer-care h2{
    margin:0;
    font-size:var(--font-size-h2);
    line-height:1.08;
    letter-spacing:0;
  }
  .marker__customer-care .copy p{
    margin:var(--space-y) 0 0;
    color:var(--muted-fg);
    font-size:var(--font-size-lg);
    line-height:var(--line-height-base);
  }
  .marker__customer-care .form{
    flex:0 1 30rem;
    min-width:0;
    padding:var(--space-card);
    border-radius:var(--radius-lg);
    background:var(--muted-bg);
    border:1px solid var(--card-border);
  }
  .marker__customer-care label{
    display:block;
    margin:0 0 var(--space-y);
  }
  .marker__customer-care label span{
    display:block;
    margin-bottom:.4rem;
    color:var(--card-fg);
    font-size:var(--font-size-sm);
  }
  .marker__customer-care input{
    width:100%;
    box-sizing:border-box;
    border:1px solid var(--card-border);
    border-radius:var(--radius-md);
    background:var(--card-bg);
    color:var(--card-fg);
    padding:.85rem 1rem;
    font:inherit;
  }
  .marker__customer-care input::placeholder{
    color:var(--input-placeholder);
  }
  .marker__customer-care button{
    width:100%;
    border:0;
    border-radius:var(--radius-md);
    background:var(--primary-bg);
    color:var(--primary-fg);
    padding:.9rem 1rem;
    font:inherit;
    cursor:pointer;
  }
  .marker__customer-care button:hover{
    background:var(--primary-hover);
  }
  @media (max-width:760px){
    .marker__customer-care .wrap{display:block}
    .marker__customer-care .form{margin-top:var(--space-block)}
  }

.common-questions--area .wrap{max-width:var(--max-w);margin:3rem auto}
.common-questions--area .intro{max-width:50rem;margin-bottom:var(--space-block)}
.common-questions--area h2{margin:0;font-size:var(--font-size-h1);line-height:1.02}
.common-questions--area .intro p{max-width:40rem;margin:var(--space-y) 0 0;font-size:var(--font-size-lg);line-height:var(--line-height-base)}
.common-questions--area .chooser{width:min(100%,42rem);margin-bottom:var(--space-block)}
.common-questions--area select{width:100%;padding:var(--space-card);border:1px solid color-mix(in srgb,currentColor 36%,transparent);border-radius:var(--radius-sm);background:var(--inverse-bg);color:var(--inverse-fg);font:inherit}
.common-questions--area .answers{max-width:52rem;margin-left:auto}
.common-questions--area [data-faq-answer]{display:none}
.common-questions--area [data-faq-answer].is-active{display:block;animation:faqFocusIn calc(var(--anim-duration)*1.6) var(--anim-ease) both}
.common-questions--area h3{margin:0;font-size:var(--font-size-h2);line-height:1.08}
.common-questions--area [data-faq-answer] p{max-width:48rem;margin:var(--space-y) 0 0;font-size:var(--font-size-lg);line-height:var(--line-height-base)}
@keyframes faqFocusIn{from{opacity:0;transform:translateY(calc(var(--motion-distance)*.1))}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.common-questions--area [data-faq-answer].is-active{animation:none}}

.local-area-clean{padding:var(--space-section-y) var(--space-section-x);background:var(--inverse-bg);color:var(--inverse-fg)}
.local-area-clean .book{max-width:min(var(--max-w),72rem);margin:0 auto}
.local-area-clean .title{margin-bottom:var(--space-block)}
.local-area-clean h2{margin:0;font-size:var(--font-size-h1);line-height:1}
.local-area-clean .title p{margin:var(--space-y) 0 0;font-size:var(--font-size-lg);color:var(--neutral-600)}
.local-area-clean .content{display:grid;grid-template-columns:minmax(14rem,.36fr) minmax(0,1fr);gap:var(--gap)}
.local-area-clean .records{border-top:1px solid var(--card-border)}
.local-area-clean .record{padding:var(--space-card) 0;border-bottom:1px solid var(--card-border)}
.local-area-clean .record span{display:block;font-size:var(--font-size-sm);color:var(--neutral-600)}
.local-area-clean .record strong{display:block;margin-top:calc(var(--space-card) * .45)}
.local-area-clean .frame{min-height:28rem;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--card-border)}
.local-area-clean iframe{display:block;width:100%;height:100%;border:0}
@media (max-width: 760px){.local-area-clean .content{grid-template-columns:1fr}.local-area-clean .frame{min-height:22rem}}

.contact-form_-layer{padding:var(--space-section-y) var(--space-section-x);background:var(--gradient-accent-bg);color:var(--gradient-accent-fg)}
.contact-form_-layer .wrap{max-width:var(--max-w);margin:0 auto}
.contact-form_-layer .headline{display:flex;justify-content:space-between;gap:var(--gap);align-items:flex-end;margin-bottom:var(--space-block)}
.contact-form_-layer h2{margin:0;max-width:16ch;font-size:var(--font-size-h1);line-height:1.02}
.contact-form_-layer .headline p{max-width:42rem;margin:0;font-size:var(--font-size-lg);line-height:var(--line-height-base)}
.contact-form_-layer form{display:flex;flex-wrap:wrap;gap:var(--space-y)}
.contact-form_-layer form>*{min-width:0;flex:1 1 13rem}
.contact-form_-layer .cell{display:block;min-height:calc(var(--space-block)*2.4);padding:var(--space-y);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--inverse-bg) 78%,transparent);color:var(--inverse-fg);box-shadow:var(--shadow-sm)}
.contact-form_-layer .cell span{display:block;margin-bottom:var(--space-card);font-size:var(--font-size-sm);color:var(--neutral-600)}
.contact-form_-layer input,.contact-form_-layer textarea{width:100%;border:0;background:transparent;color:inherit;font:inherit;outline:none}
.contact-form_-layer input:focus,.contact-form_-layer textarea:focus{box-shadow:0 1px 0 var(--ring)}
.contact-form_-layer .note{flex:2 1 26rem;min-height:calc(var(--space-block)*3)}
.contact-form_-layer textarea{resize:vertical}
.contact-form_-layer .action{flex:2 1 26rem;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-y);padding:var(--space-y);border-radius:var(--radius-lg);background:var(--accent-bg);color:var(--accent-fg)}
.contact-form_-layer .action p{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-base)}
.contact-form_-layer button{align-self:flex-start;border:0;border-radius:var(--radius-sm);background:var(--primary-bg);color:var(--primary-fg);font:inherit;padding:var(--space-card) var(--space-y);cursor:pointer}
@media(max-width:900px){.contact-form_-layer .headline{display:block}.contact-form_-layer .headline p{margin-top:var(--space-y)}}@media(max-width:560px){.contact-form_-layer form{display:block}.contact-form_-layer .cell,.contact-form_-layer .action{margin-top:var(--space-y)}}

.address__dark{background:#ffffff;color:#0a0f1a;padding:var(--space-section-y) var(--space-section-x)}
.address__dark .wrap{max-width:min(var(--max-w),58rem);margin:0 auto}
.address__dark .minimal{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-block)}
.address__dark h2{margin:0;max-width:15ch;font-size:clamp(var(--font-size-h2),6vw,var(--font-size-h1));line-height:1.04;letter-spacing:0}
.address__dark .group{display:flex;flex-direction:column;gap:var(--space-y)}
.address__dark p{margin:0;max-width:46rem;line-height:1.65}
.address__dark strong{display:block;margin-bottom:calc(var(--space-card)*.35)}
.address__dark a{color:inherit;text-decoration:none}.address__dark .group a{color:#475467}
.address__dark .action{padding:var(--space-card) var(--gap);border-radius:var(--radius-md);background:#0a0f1a;color:#ffffff;font-weight:700}

.unit--privacy-notes{background:var(--muted-bg);color:var(--muted-fg);padding:var(--space-section-y) var(--space-section-x)}
.unit--privacy-notes .wrap{max-width:var(--max-w);margin:0 auto}
.unit--privacy-notes .record{display:flex;flex-direction:column;gap:var(--space-block)}
.unit--privacy-notes .top{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--gap)}
.unit--privacy-notes h2{margin:0;max-width:17ch;font-size:clamp(var(--font-size-h2),5vw,var(--font-size-h1));line-height:1.05;letter-spacing:0}
.unit--privacy-notes a{padding:var(--space-card) var(--gap);border-radius:var(--radius-md);background:var(--primary-bg);color:var(--primary-fg);text-decoration:none;font-weight:700}
.unit--privacy-notes .records{display:flex;flex-wrap:wrap;gap:var(--gap)}
.unit--privacy-notes .records div{flex:1 1 18rem;min-width:0}
.unit--privacy-notes span{display:block;margin-bottom:calc(var(--space-card)*.4);font-size:var(--font-size-sm)}
.unit--privacy-notes strong{display:block}
.unit--privacy-notes p{margin:calc(var(--space-card)*.55) 0 0;line-height:1.55}
@media(max-width:680px){.unit--privacy-notes .top{align-items:flex-start;flex-direction:column}}

.terms-list--dark {
    padding: var(--space-section-y) var(--space-section-x);
    background: var(--inverse-bg);
    color: var(--inverse-fg);
  }

  .terms-list--dark .wrap {
    max-width: var(--max-w);
    margin: 0 auto;
  }

  .terms-list--dark .intro {
    max-width: 52rem;
    margin-bottom: var(--space-block);
  }

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

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

  .terms-list--dark .catalog {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-card);
  }

  .terms-list--dark .card {
    min-height: 14rem;
    padding: var(--space-card);
    border-radius: var(--radius-lg);
    background: var(--inverse-bg);
    color: var(--inverse-fg);
    border: 1px solid var(--neutral-800);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .terms-list--dark .card span {
    color: var(--accent-bg);
    font-size: var(--font-size-sm);
  }

  .terms-list--dark h3 {
    margin: calc(var(--space-card) * .5) 0 0;
    font-size: var(--font-size-h3);
  }

  .terms-list--dark .card p {
    margin: var(--space-card) 0 0;
    color: var(--neutral-300);
  }

  @media (max-width: 700px) {
    .terms-list--dark .catalog {
      grid-template-columns: 1fr;
    }
  }

.muted---thanks {
  padding: var(--space-section-y) var(--space-section-x);
  background: var(--inverse-bg);
  color: var(--inverse-fg);
}

.muted---thanks .wrap {
  max-width: var(--max-w);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: var(--space-block);
}

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

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

.muted---thanks .ledger {
  border-top: 1px solid var(--neutral-800);
}

.muted---thanks .row {
  display: grid;
  grid-template-columns: minmax(10rem, .5fr) minmax(0, 1fr);
  gap: var(--space-card);
  padding: var(--space-card) 0;
  border-bottom: 1px solid var(--neutral-800);
}

.muted---thanks .row span {
  font-size: var(--font-size-h3);
}

.muted---thanks .row p {
  margin: 0;
  color: var(--neutral-300);
}

.muted---thanks .row a {
  color: var(--accent-bg);
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

.muted---thanks .row a:hover {
  color: var(--accent-hover);
}

@media (max-width: 760px) {
  .muted---thanks .wrap,
  .muted---thanks .row {
    grid-template-columns: 1fr;
  }
}

.empty-route--window {
  background: var(--page-bg, #f5f2e9);
  color: var(--page-fg, #2b2a26);
  padding: var(--space-section-y, 78px) var(--space-section-x, 20px);
}
.empty-route--window .wrap {
  width: min(100%, var(--max-w, 900px));
  margin: 0 auto;
}
.empty-route--window .column {
  display: flex;
  flex-direction: column;
  gap: var(--space-block, 30px);
}
.empty-route--window .copy {
  padding-left: clamp(0px, 10vw, 120px);
}
.empty-route--window h1 {
  margin: 0;
  max-width: 12ch;
  font-size: clamp(var(--font-size-h2, 34px), 7vw, var(--font-size-h1, 74px));
  line-height: 1;
  letter-spacing: 0;
}
.empty-route--window p {
  margin: var(--space-y, 20px) 0 0;
  max-width: 46ch;
  font-size: var(--font-size-lg, 18px);
  line-height: 1.65;
  color: var(--muted-fg, #4a453c);
}
.empty-route--window .ledger {
  display: flex;
  flex-direction: column;
  gap: 0;
  border-top: 1px solid var(--card-border, #d9d2c0);
}
.empty-route--window .ledger a {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 0;
  border-bottom: 1px solid var(--card-border, #d9d2c0);
  color: inherit;
  text-decoration: none;
  transition: background var(--anim-duration, 540ms) var(--anim-ease, cubic-bezier(0.22,1,0.36,1));
}
.empty-route--window .ledger a:hover {
  background: var(--muted-bg, #e8e2d3);
}
.empty-route--window .ledger span {
  font-weight: 700;
}
.empty-route--window small {
  max-width: 30ch;
  color: var(--muted-fg, #4a453c);
  line-height: 1.45;
  text-align: right;
}
.empty-route--window .action {
  align-self: flex-start;
  padding: 13px 18px;
  border-radius: var(--radius-md, 0.58rem);
  background: var(--primary-bg, #2d4a2e);
  color: var(--primary-fg, #f5f2e9);
  text-decoration: none;
  font-weight: 700;
  transition: background var(--anim-duration, 540ms) var(--anim-ease, cubic-bezier(0.22,1,0.36,1));
}
.empty-route--window .action:hover {
  background: var(--primary-hover, #1f3a20);
}
@media (max-width: 620px) {
  .empty-route--window { padding: var(--space-section-y, 56px) var(--space-section-x, 16px); }
  .empty-route--window .copy { padding-left: 0; }
  .empty-route--window .ledger a { flex-direction: column; gap: 6px; }
  .empty-route--window small { max-width: none; text-align: left; }
}