@property --ff-u {
  syntax: "<length>";
  inherits: true;
  initial-value: 1px;
}


body.gece {
  

  --navy: #102a3a;
  --deep: #0b202e;
  --cream: #f7f5f0;
  --gold: #c9b592;
  --gold-ink: #c9b592;      

  --gold-soft: #e6d6b5;
  --muted: #b8c7ce;
  --line: #f7f5f01f;
  --paper: #102a3a;
  --stone: #0b202e;
  --fav-bg: #07131c;
  --ink: #f7f5f0;
  --ink-soft: #b8c7ce;      

  --ink-faint: #b8c7ce;
  --on-navy: #f7f5f0;
  --on-navy-soft: #b8c7ce;
  --error: #ffb4a6;         

  --accent-ink: #c9b592;
  --em-ink: #c9b592;
  --focus: #e6d6b5;         


  

  --g-night: #07131c;
  --g-deep: #0b202e;
  --g-navy: #102a3a;
  --g-surface: #16344a;
  --g-surface-2: #1d4260;
  --g-gold: #c9b592;
  --g-gold-light: #e6d6b5;
  --g-gold-dark: #8a7348;
  --g-cream: #f7f5f0;
  --g-soft: #b8c7ce;
  --g-dim: #8fa3ad;          

  --g-blue-1: #34506e;
  --g-blue-2: #4a6d93;
  --g-blue-3: #5d86b3;
  --g-coral: #ff8a65;        

  --g-line: rgba(247, 245, 240, 0.1);
  --g-line-strong: rgba(247, 245, 240, 0.28);
  --g-gold-soft: rgba(201, 181, 146, 0.12);
  --g-gold-line: rgba(201, 181, 146, 0.38);
  --g-radius: clamp(15px, calc(1.47 * var(--vw)), 26px);
  --g-radius-sm: clamp(10px, calc(0.86 * var(--vw)), 16px);
  --g-ease: cubic-bezier(0.2, 0.8, 0.2, 1);

  

  --ff-hero-h: clamp(508.5px, calc(38.84 * var(--vw)), 869px);
  --ff-stage-min: 0px;

  

  --ff-dots-h: calc(46px + 1.2 * clamp(11px, calc(0.66 * var(--vw)), 12px));

  background: var(--g-night);
  color: var(--g-cream);
  color-scheme: dark;
}


html:has(> body.gece) {
  background: #07131c;
}


body.gece :is(.skip-link, .site-header, .site-footer, .hero, .fav-hero, .section--navy,
  .values, .approach, .cta, .fav-card-band, .concept-note) {
  --accent-ink: #c9b592;
  --em-ink: #c9b592;
  --focus: #e6d6b5;
}


body.gece ::selection {
  background: rgba(201, 181, 146, 0.35);
  color: #fff;
}


body.gece .ff-ico {
  display: block;
  flex: none;
  width: 1em;
  height: 1em;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}


body.gece .ff-star {
  display: block;
  flex: none;
  width: 1em;
  height: 1em;
  fill: currentColor;
  stroke: none;
}


body.gece main p a:not([class]),
body.gece .legal a:not([class]),
body.gece .process__item p a:not([class]) {
  --gold: rgba(201, 181, 146, 0.6);
  color: var(--g-gold-light);
  border-bottom: 1px solid rgba(201, 181, 146, 0.6);
  transition: color var(--t-fast), border-color var(--t-fast);
}

body.gece main p a:not([class]):hover,
body.gece .legal a:not([class]):hover,
body.gece .process__item p a:not([class]):hover {
  color: var(--g-cream);
  border-bottom-color: var(--g-gold);
}


body.gece .site-header {
  background: var(--g-night);
  color: var(--g-cream);
  border-bottom: 1px solid rgba(247, 245, 240, 0.07);
}


body.gece .logo-fav {
  display: inline-grid;
  grid-template-columns: auto auto;
  column-gap: 0.42em;
  align-items: center;
  justify-content: start;
  font-family: var(--display);
  font-weight: 800;
  letter-spacing: -0.01em;
  color: var(--g-cream);
}

body.gece .logo-fav::before {
  content: "";
  grid-row: 1 / span 2;
  width: 1.32em;
  height: 1.32em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Crect width='36' height='36' rx='10' fill='%23102a3a'/%3E%3Crect x='10' y='7' width='5.5' height='22' fill='%235d86b3'/%3E%3Crect x='10' y='7' width='17' height='5.5' fill='%235d86b3'/%3E%3Crect x='10' y='15.5' width='13' height='5' fill='%234a6d93'/%3E%3Cpath d='M18 23.5h9l-2 5.5h-7z' fill='%23c9b592'/%3E%3C/svg%3E") center / contain no-repeat;
}

body.gece .logo-fav b {
  font-weight: 800;
  line-height: 1;
}

body.gece .logo-fav small {
  margin-top: 0.3em;
  color: var(--g-gold);
  font: 700 clamp(8.5px, calc(.62 * var(--vw)), 13px) / 1 var(--display);
  letter-spacing: 0.3em;
}

body.gece .nav__links a {
  color: var(--g-soft);
  font-family: var(--display);
  font-weight: 600;
  transition: color var(--t-fast), border-color var(--t-fast);
}

body.gece .nav__links a:hover,
body.gece .nav__links a[aria-current="page"] {
  color: var(--g-cream);
  border-color: var(--g-gold);
}

body.gece .brand-route,
body.gece .nav-toggle {
  border: 1px solid var(--g-line-strong);
  border-radius: 999px;
  color: var(--g-cream);
  font-family: var(--display);
  font-weight: 700;
}

body.gece .brand-route {
  gap: 10px;
  padding-inline: clamp(13px, calc(1.08 * var(--vw)), 21px);
}

body.gece .brand-route span {
  font-size: 1em;
  color: var(--g-gold);
}

body.gece .brand-route:hover,
body.gece .nav-toggle:hover {
  border-color: rgba(247, 245, 240, 0.55);
  background: rgba(247, 245, 240, 0.07);
}


body.gece .ff-nav-cta {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 10px clamp(15px, calc(1.21 * var(--vw)), 25px);
  border-radius: 999px;
  background: var(--g-gold);
  color: #0b202e;
  font: 800 var(--fs-small) / 1 var(--display);
  white-space: nowrap;
  transition: background var(--t-fast), transform var(--t-fast), box-shadow var(--t-fast);
}

@media (max-width: 960px) {
  body.gece .nav .ff-nav-cta {
    display: none;
  }
}

body.gece .ff-nav-cta:hover {
  background: var(--g-gold-light);
  transform: translateY(-2px);
  box-shadow: 0 16px 34px -14px var(--g-gold);
}

body.gece .mobile-nav {
  border-top-color: var(--g-line);
  background: var(--g-deep);
}

body.gece .mobile-nav a {
  min-height: 48px;
  border-bottom-color: var(--g-line);
  color: var(--g-cream);
  font: 600 18px / 1.3 var(--display); 

}

body.gece .mobile-nav a[aria-current="page"] {
  color: var(--g-gold);
}


body.gece .eyebrow {
  color: var(--g-gold);
  font-family: var(--display);
  font-weight: 700;
  letter-spacing: 0.14em;
}

body.gece .eyebrow::before {
  background: var(--g-gold);
}

body.gece .title {
  color: var(--g-cream);
}


body.gece .title em,
body.gece h1 em,
body.gece h2 em {
  font-style: italic;
  color: var(--g-gold);
}

body.gece .lead,
body.gece .prose p,
body.gece .section-head > p,
body.gece .split__side > p:not(.eyebrow) {
  color: var(--g-soft);
}


body.gece .section-head > :first-child {
  flex-shrink: 0;
}


body.gece .ff-head-wide > p {
  max-width: 46ch;
}

body.gece .note {
  color: var(--g-soft);
}


body.gece .process__item ~ .note,
body.gece .ff-kalem + .note {
  max-width: 70ch;
}


body.gece [data-todo] {
  color: var(--g-soft);
  font-style: italic;
}


body.gece .crumbs,
body.gece .section .crumbs {
  color: var(--g-soft);
  font-family: var(--display);
  font-weight: 600;
  letter-spacing: 0.12em;
}

body.gece .crumbs a {
  transition: color var(--t-fast);
}

body.gece .crumbs a:hover {
  color: var(--g-gold-light);
}

body.gece .crumbs li:not(:last-child)::after {
  color: var(--g-gold);
}



body.gece .btn {
  gap: clamp(11.5px, calc(1.04 * var(--vw)), 19px);
  border-color: var(--g-gold);
  border-radius: 999px;
  background: var(--g-gold);
  color: #0b202e;
  font-family: var(--display);
  font-weight: 800;
  letter-spacing: 0.01em;
  cursor: pointer;
  transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

body.gece .btn__arrow {
  border-radius: 50%;
  background: #0b202e;
  color: var(--g-gold);
}

body.gece .btn:hover {
  background: var(--g-gold-light);
  transform: translateY(-2px);
  box-shadow: 0 16px 34px -14px var(--g-gold);
}

body.gece .btn:disabled {
  opacity: 0.6;
  transform: none;
  cursor: progress;
}


body.gece .ff-btn-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 44px;
  padding: 6px clamp(18px, calc(1.4 * var(--vw)), 34px);
  border: 1px solid var(--g-line-strong);
  border-radius: 999px;
  background: transparent;
  color: var(--g-cream);
  font: 700 var(--fs-ui) / 1 var(--display);
  cursor: pointer;
  transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

body.gece .ff-btn-ghost .ff-ico {
  width: 1.05em;
  height: 1.05em;
  color: var(--g-gold);
  transition: transform 0.3s ease;
}

body.gece .ff-btn-ghost:hover {
  border-color: rgba(247, 245, 240, 0.55);
  background: rgba(247, 245, 240, 0.07);
  transform: translateY(-2px);
}

body.gece .ff-btn-ghost:hover .ff-ico--arrow {
  transform: translateX(3px); 

}

body.gece .ff-btn-ghost[aria-pressed="true"] {
  border-color: var(--g-gold);
  background: var(--g-gold-soft);
}


body.gece .quiet-link {
  border-bottom-color: rgba(201, 181, 146, 0.45);
  color: var(--g-gold-light);
  font-family: var(--display);
  font-weight: 700;
}

body.gece .quiet-link:hover {
  border-color: var(--g-gold);
  color: var(--g-cream);
}

body.gece .quiet-link span[aria-hidden] {
  color: var(--g-gold);
}


body.gece .section--paper {
  background: var(--g-deep);
}

body.gece .section--navy {
  background: var(--g-navy);
  color: var(--g-cream);
}

body.gece .section--navy .lead,
body.gece .section--navy .process__item p {
  color: var(--g-soft);
}


body.gece .cards {
  gap: clamp(10px, calc(0.95 * var(--vw)), 20px);
  border: 0;
  background: none;
}

body.gece .card {
  border: 1px solid var(--g-line);
  border-radius: var(--g-radius);
  background: var(--g-navy);
  transition: transform 0.45s var(--g-ease), border-color 0.45s ease, box-shadow 0.45s ease;
}

body.gece .card:hover {
  background: var(--g-navy);
  border-color: rgba(201, 181, 146, 0.45);
  transform: translateY(-4px);
  box-shadow: 0 30px 60px -34px rgba(0, 0, 0, 0.85);
}

body.gece .section--navy .card,
body.gece .section--navy .card:hover {
  background: var(--g-surface);
}

body.gece .card__no {
  color: var(--g-gold);
  font-style: italic;
}

body.gece .card h3 {
  color: var(--g-cream);
  font: 400 var(--fs-serif-h3) / 1.15 var(--title);
  letter-spacing: -0.01em;
}

body.gece .card p {
  color: var(--g-soft);
}


body.gece .card__flag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 13px;
  border: 1px solid var(--g-line-strong);
  border-radius: 999px;
  color: var(--g-soft);
  font-family: var(--display);
  font-weight: 700;
  letter-spacing: 0.1em;
}

body.gece .card__flag--active {
  border-color: var(--g-gold-line);
  background: var(--g-gold-soft);
  color: var(--g-gold-light);
}

body.gece .card__flag--active::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--g-gold);
}


body.gece .tags li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border: 1px solid var(--g-gold-line);
  border-radius: 999px;
  background: var(--g-gold-soft);
  color: var(--g-cream);
  font-family: var(--display);
  font-weight: 700;
}

body.gece .tags li::after {
  content: "";
  order: 5;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--g-gold);
}

body.gece .tags li.is-soon {
  border: 1px dashed rgba(247, 245, 240, 0.32);
  background: transparent;
  color: var(--g-soft);
}

body.gece .tags li.is-soon::after {
  background: var(--g-coral);
  animation: ff-ping 1.8s ease-out infinite;
}

body.gece .tags li.is-soon small {
  margin-left: 0;
  color: var(--g-gold-light);
}

body.gece .checklist li {
  border-bottom-color: var(--g-line);
  color: var(--g-soft);
}

body.gece .checklist li a {
  color: var(--g-cream);
  transition: color var(--t-fast);
}

body.gece .checklist li a:hover {
  color: var(--g-gold-light);
}

body.gece .facts {
  gap: 10px;
  border: 0;
  background: none;
}

body.gece .facts div {
  border: 1px solid var(--g-line);
  border-radius: var(--g-radius-sm);
  background: var(--g-navy);
}

body.gece .facts dt {
  color: var(--g-soft);
}


body.gece .steps {
  gap: clamp(8px, calc(0.78 * var(--vw)), 15px);
  border: 0;
  background: none;
}

body.gece .steps div {
  border: 1px solid var(--g-line);
  border-radius: var(--g-radius-sm);
  background: var(--g-navy);
}

body.gece .section--navy .steps div {
  background: var(--g-surface);
}

body.gece .steps dt {
  color: var(--g-gold);
  font-style: italic;
}

body.gece .steps dd {
  color: var(--g-soft);
}

body.gece .steps dd b {
  color: var(--g-cream);
}


body.gece .process__item {
  margin-top: clamp(6.5px, calc(0.6 * var(--vw)), 11px);
  padding: clamp(6.5px, calc(0.6 * var(--vw)), 13px) clamp(13px, calc(1.21 * var(--vw)), 25px);
  border: 1px solid var(--g-line);
  border-radius: var(--g-radius-sm);
  background: var(--g-navy);
  transition: border-color 0.3s ease;
}

body.gece .section--navy .process__item {
  background: var(--g-surface);
}

body.gece .process__item[open],
body.gece .section:not(.section--navy) .process__item[open] {
  border-color: rgba(201, 181, 146, 0.5);
}

body.gece .process__item summary {
  min-height: 44px;
  color: var(--g-cream);
  cursor: pointer;
  transition: color var(--t-fast);
}

body.gece .process__item summary:hover {
  color: var(--g-gold-light);
}

body.gece .process__item summary span {
  color: var(--g-gold);
  font-family: var(--display);
  font-weight: 800;
  letter-spacing: 0.12em;
}

body.gece .process__item summary::after {
  color: var(--g-gold);
}

body.gece .process__item p,
body.gece .section:not(.section--navy) .process__item p {
  color: var(--g-soft);
}


body.gece .detail {
  border-top-color: var(--g-line);
}

body.gece .detail p {
  color: var(--g-soft);
}


body.gece .contact-lines {
  gap: clamp(6.5px, calc(0.6 * var(--vw)), 11px);
  border: 0;
  background: none;
}

body.gece .contact-lines div {
  border: 1px solid var(--g-line);
  border-radius: var(--g-radius-sm);
  background: var(--g-navy);
}

body.gece .contact-lines dt {
  color: var(--g-soft);
  font-family: var(--display);
  font-weight: 700;
}

body.gece .contact-lines dd {
  color: var(--g-cream);
}

body.gece .contact-lines a {
  border-bottom: 1px solid rgba(201, 181, 146, 0.45);
  color: var(--g-gold-light);
  transition: color var(--t-fast), border-color var(--t-fast);
}

body.gece .contact-lines a:hover {
  border-bottom-color: var(--g-gold);
  color: var(--g-cream);
}

body.gece .contact-lines [data-todo] {
  color: var(--g-soft);
}


body.gece .segments {
  gap: clamp(10px, calc(0.95 * var(--vw)), 18px);
  border: 0;
  background: none;
}

body.gece .segment {
  border: 1px solid var(--g-line);
  border-radius: var(--g-radius);
  background: var(--g-navy);
  color: var(--g-cream);
  transition: transform 0.45s var(--g-ease), border-color 0.45s ease, box-shadow 0.45s ease;
}

body.gece .segment:hover {
  background: var(--g-navy);
  border-color: var(--g-gold);
  transform: translateY(-8px);
  box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.85), 0 0 38px -12px var(--g-gold);
}

body.gece .segment__no {
  color: var(--g-gold);
  font-style: italic;
}

body.gece .segment p {
  color: var(--g-cream);
}

body.gece .segment__cta {
  border-top-color: var(--g-line);
  color: var(--g-gold-light);
  font-family: var(--display);
  font-weight: 700;
}

body.gece .segment:hover .segment__cta {
  color: var(--g-cream);
}


body.gece .cta {
  border: 1px solid var(--g-gold-line);
  border-radius: clamp(18px, calc(1.73 * var(--vw)), 30px);
  background: var(--g-navy);
  color: var(--g-cream);
}

body.gece .cta p {
  color: var(--g-soft);
}


body.gece .catalog__empty,
body.gece .section:not(.section--paper) .catalog__empty {
  border: 1px dashed rgba(247, 245, 240, 0.26);
  border-radius: var(--g-radius);
  background: var(--g-deep);
}

body.gece .section--paper .catalog__empty {
  background: var(--g-navy);
}

body.gece .catalog__empty-title,
body.gece .catalog-card__title {
  color: var(--g-cream);
}

body.gece .catalog__empty > p:not(.catalog__empty-title),
body.gece .catalog-card__text {
  color: var(--g-soft);
}

body.gece .catalog-card {
  overflow: hidden;
  border: 1px solid var(--g-line);
  border-radius: var(--g-radius);
  background: var(--g-navy);
}

body.gece .catalog-card__img {
  background-color: var(--g-surface);
}

body.gece .catalog-card__meta li {
  border: 1px solid var(--g-line-strong);
  border-radius: 999px;
  background: transparent;
  color: var(--g-soft);
}


body.gece .store-link {
  display: inline-grid;
  grid-template-columns: auto;
  align-content: center;
  column-gap: 12px;
  border: 1px solid var(--g-gold-line);
  border-radius: clamp(11.5px, calc(0.95 * var(--vw)), 16px);
  background: var(--g-night);
  color: var(--g-cream);
  font: 800 var(--fs-ui) / 1.15 var(--display);
  transition: background var(--t-fast), border-color var(--t-fast), transform var(--t-fast);
}

body.gece .store-link:has(> .store-link__icon) {
  grid-template-columns: auto 1fr;
}

body.gece .store-link__icon {
  grid-row: 1 / span 2;
  align-self: center;
  width: 1.45em;
  height: 1.45em;
  color: var(--g-gold);
}

body.gece .store-link small {
  color: var(--g-soft);
  font: 700 clamp(11px, calc(0.6 * var(--vw)), 13px) / 1.3 var(--display);
  letter-spacing: 0.12em;
}

body.gece a.store-link:hover,
body.gece a.store-link:focus-visible {
  border-color: var(--g-gold);
  background: var(--g-navy);
  transform: translateY(-2px);
}

body.gece .store-link[data-todo],
body.gece :is(.hero, .fav-hero, .section--navy, .cta, .fav-card-band) .store-link[data-todo] {
  border: 1px dashed rgba(201, 181, 146, 0.55);
  background: var(--g-night);
  color: var(--g-cream);
  font-style: normal;
}

body.gece .store-link[data-todo] small {
  color: var(--g-soft);
}


body.gece .legal {
  color: var(--g-soft);
}

body.gece .legal h2,
body.gece .legal h3,
body.gece .legal strong {
  color: var(--g-cream);
}

body.gece .legal li::marker {
  color: var(--g-gold);
}

body.gece .legal th,
body.gece .legal td {
  border-color: rgba(247, 245, 240, 0.16);
}

body.gece .legal th {
  background: var(--g-navy);
  color: var(--g-cream);
}


body.gece .contact {
  background: var(--g-deep);
}

body.gece .contact__intro > p:not(.eyebrow):not(.contact-small) {
  color: var(--g-soft);
}

body.gece .contact-small {
  border-top-color: var(--g-line);
  color: var(--g-soft);
}

body.gece .contact-small b {
  color: var(--g-cream);
}

body.gece .contact-small a {
  color: var(--g-gold-light);
}

body.gece .inquiry {
  border: 1px solid var(--g-gold-line);
  border-radius: clamp(16.5px, calc(1.55 * var(--vw)), 26px);
  background: var(--g-navy);
  color: var(--g-cream);
  box-shadow: 0 40px 80px -50px rgba(0, 0, 0, 0.9);
}

body.gece .inquiry__title {
  color: var(--g-cream);
  font: 400 var(--fs-serif-h3) / 1.15 var(--title);
}

body.gece .inquiry__title span {
  color: var(--g-soft);
  font-family: var(--body);
}

body.gece .form-required-note,
body.gece .form-help,
body.gece .field-note {
  color: var(--g-soft);
}

body.gece .fields > label,
body.gece .choice-set > legend {
  color: var(--g-soft);
  font-family: var(--display);
  font-weight: 600;
}

body.gece :is(.fields, .inquiry) :where(input:not([type="checkbox"], [type="radio"]), select, textarea) {
  min-height: clamp(46px, calc(3.2 * var(--vw)), 64px);
  margin-top: 8px;
  padding: 10px 14px;
  border: 1px solid rgba(184, 199, 206, 0.32);
  border-radius: 12px;
  background: var(--g-night);
  color: var(--g-cream);
  font-size: var(--fs-body);
  line-height: 1.4;
}

body.gece :is(.fields, .inquiry) select {
  min-height: clamp(46px, calc(3.2 * var(--vw)), 64px);
  padding-right: 44px;
  appearance: none;
  background: var(--g-night) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9b592' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 14px center / 16px 16px no-repeat;
  cursor: pointer;
}

body.gece :is(.fields, .inquiry) select option {
  background: var(--g-deep);
  color: var(--g-cream);
}

body.gece :is(.fields, .inquiry) textarea {
  min-height: 8em;
}

body.gece :is(.fields, .inquiry) :where(input, textarea)::placeholder {
  color: var(--g-dim);
  opacity: 1;
}

body.gece :is(.fields, .inquiry) :where(input:not([type="checkbox"], [type="radio"]), select, textarea):hover {
  border-color: rgba(184, 199, 206, 0.55);
}

body.gece :is(.fields, .inquiry) :where(input:not([type="checkbox"], [type="radio"]), select, textarea):focus {
  border-color: var(--g-gold);
  box-shadow: 0 0 0 1px var(--g-gold);
}

body.gece :is(.fields, .inquiry) :where(input:not([type="checkbox"], [type="radio"]), select, textarea)[aria-invalid="true"] {
  border-color: var(--error);
  box-shadow: 0 0 0 1px var(--error);
}


body.gece :is(.fields, .inquiry) input:-webkit-autofill {
  -webkit-text-fill-color: #f7f5f0;
  caret-color: #f7f5f0;
  box-shadow: 0 0 0 1000px #0b202e inset;
}

body.gece :is(.fields, .inquiry) input[type="file"] {
  border-style: dashed;
  color: var(--g-soft);
}

body.gece :is(.fields, .inquiry) input[type="file"]::file-selector-button {
  border: 1px solid var(--g-gold);
  border-radius: 999px;
  background: transparent;
  color: var(--g-gold-light);
  font-family: var(--display);
  font-weight: 700;
}

body.gece :is(.fields, .inquiry) input[type="file"]:hover::file-selector-button {
  border-color: var(--g-gold);
  background: var(--g-gold-soft);
}

body.gece .field-error {
  color: var(--error);
}

body.gece .inquiry details {
  border-color: var(--g-line-strong);
  border-radius: 12px;
}

body.gece .inquiry details p {
  color: var(--g-soft);
}

body.gece .form-status {
  border-left-color: var(--g-gold);
  border-radius: 0 12px 12px 0;
  background: var(--g-deep);
  color: var(--g-cream);
}

body.gece .form-status.is-error {
  border-left-color: var(--error);
  background: rgba(255, 180, 166, 0.08);
  color: var(--error);
}


body.gece .choice {
  border: 1px solid rgba(184, 199, 206, 0.32);
  border-radius: 12px;
  background: var(--g-night);
  color: var(--g-cream);
}

body.gece .choice:hover {
  border-color: var(--g-gold);
}

body.gece .choice:has(input:checked) {
  border-color: var(--g-gold);
  background: rgba(201, 181, 146, 0.12);
}

body.gece .choice:has(input:focus-visible) {
  border-color: var(--g-gold-light);
}

body.gece .choice-set.is-invalid .choice {
  border-color: var(--error);
}

body.gece :is(.choice, .consent) input {
  accent-color: var(--g-gold);
}

body.gece .consents {
  border-top-color: var(--g-line);
}

body.gece .consent,
body.gece .consent-info {
  color: var(--g-soft);
}

body.gece .consent a,
body.gece .consent-info a {
  border-bottom-color: rgba(201, 181, 146, 0.6);
  color: var(--g-gold-light);
}


body.gece .site-footer {
  padding-top: var(--sec-tight); 

  border-top: 1px solid var(--g-line);
  background: var(--g-night);
  color: var(--g-cream);
}

body.gece .footer-brand > p + p {
  color: var(--g-gold-light);
  font: italic 400 clamp(18px, calc(1.47 * var(--vw)), 33px) / 1.25 var(--title);
}

body.gece .footer-col strong {
  color: var(--g-gold);
  font-family: var(--display);
  font-weight: 700;
  letter-spacing: 0.14em;
}

body.gece .footer-col a,
body.gece .footer-col li {
  color: var(--g-soft);
  transition: color var(--t-fast);
}

body.gece .footer-col a:hover {
  color: var(--g-cream);
}

body.gece .footer-col a span[aria-hidden] {
  color: var(--g-gold);
}

body.gece .footer-base {
  border-top-color: var(--g-line);
  color: var(--g-soft);
}

body.gece .footer-legal a {
  color: var(--g-soft);
  text-decoration: underline;
  text-decoration-color: rgba(201, 181, 146, 0.5);
}

body.gece .footer-legal a:hover {
  color: var(--g-cream);
  text-decoration-color: var(--g-gold);
}


body.gece .site-header .logo-fav {
  min-height: 44px;
  align-content: center;
}

@media (max-width: 960px), (any-pointer: coarse) {
  body.gece .footer-col a,
  body.gece .footer-col li,
  body.gece .footer-legal a {
    min-height: 44px;
    margin-block: 0;
    padding-block: 10px;
  }
}


body.gece .concept-note {
  border-top: 1px solid var(--g-line);
  background: var(--g-deep);
  color: var(--g-soft);
}


body.gece .fav-strip {
  border-bottom-color: var(--g-line);
  color: var(--g-soft);
}

body.gece .fav-strip a:hover {
  color: var(--g-cream);
}

body.gece .fav-strip a span {
  color: var(--g-gold);
}

body.gece .fav-editorial p:not(.eyebrow):not(.fav-feature) {
  color: var(--g-soft);
}

body.gece .fav-feature {
  border-bottom-color: var(--g-line);
  color: var(--g-cream);
}

body.gece .fav-portrait {
  border-radius: 190px 190px var(--g-radius) var(--g-radius);
}

body.gece .fav-card-band {
  background: var(--g-deep);
}

body.gece .fav-card-section p:not(.eyebrow) {
  color: var(--g-soft);
}

body.gece .fav-contact {
  border: 1px solid var(--g-gold-line);
  border-radius: var(--g-radius);
  background: var(--g-navy);
}

body.gece .fav-contact p,
body.gece .fav-inquiry > p:not([class]) {
  color: var(--g-soft);
}

body.gece .fav-inquiry {
  border-color: var(--g-line);
  border-radius: var(--g-radius);
  background: var(--g-navy);
}


body.gece .hero,
body.gece .hero--page,
body.gece .hero--services,
body.gece .hero--process {
  background-image: none;
  background-color: var(--g-night);
}

body.gece .hero::after {
  display: none;
}



body.gece .ff-card {
  --fc-bg: linear-gradient(135deg, #0e2233 0%, #12273a 50%, #152b40 100%);
  --fc-back: linear-gradient(315deg, #0e2233 0%, #152b40 100%);
  --fc-gloss: radial-gradient(120% 90% at 0% 0%, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0) 55%);
  --fc-edge: rgba(143, 178, 214, 0.2);
  --fc-text: #e8eff1;
  --fc-muted: #b8c7ce;
  --fc-icon: #e8eff1;
  --fc-f: linear-gradient(165deg, #34506e 0%, #2f4d6c 50%, #243d57 100%);
  --fc-f-op: 1;
  --fc-tag: #4a6d93;
  --fc-shine: rgba(255, 255, 255, 0.16);
  --fc-mag: #04080c;
  --fc-slogan: #c9b592;
  --fc-mono: rgba(232, 239, 241, 0.22);

  container-type: inline-size;
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 428 / 270;
  border-radius: 4.2% / 6.67%;
  perspective: 1200px;
  color: var(--fc-text);
  font-family: var(--body);
  font-style: normal;
  line-height: 1.25;
  text-align: left;
  letter-spacing: 0;
}

body.gece .ff-card--altin {
  --fc-bg: linear-gradient(135deg, #d6c49f 0%, #c8b58f 50%, #b9a57f 100%);
  --fc-back: linear-gradient(315deg, #d6c49f 0%, #b9a57f 100%);
  --fc-gloss: radial-gradient(120% 90% at 0% 0%, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0) 55%);
  --fc-edge: rgba(255, 255, 255, 0.35);
  --fc-text: #102a3a;
  --fc-muted: #1c3342;
  --fc-icon: #102a3a;
  --fc-f: #e9dcc0;
  --fc-f-op: 0.6;
  --fc-tag: #8a7348;
  --fc-shine: rgba(255, 255, 255, 0.45);
  --fc-mag: #1b1f23;
  --fc-slogan: #102a3a;
  --fc-mono: rgba(16, 42, 58, 0.25);
}

body.gece .ff-card--krem {
  --fc-bg: linear-gradient(135deg, #f7f5f0 0%, #f1eee6 50%, #ebe6db 100%);
  --fc-back: linear-gradient(315deg, #f7f5f0 0%, #ebe6db 100%);
  --fc-gloss: radial-gradient(120% 90% at 0% 0%, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 55%);
  --fc-edge: rgba(16, 42, 58, 0.12);
  --fc-text: #102a3a;
  --fc-muted: #3d5563;
  --fc-icon: #102a3a;
  --fc-f: #102a3a;
  --fc-f-op: 0.85;
  --fc-tag: #c9b592;
  --fc-shine: rgba(255, 255, 255, 0.55);
  --fc-mag: #1a2530;
  --fc-slogan: #6b5a37;
  --fc-mono: rgba(16, 42, 58, 0.2);
}

body.gece .ff-card--murekkep {
  --fc-bg: linear-gradient(135deg, #070b10 0%, #0c1218 50%, #11181f 100%);
  --fc-back: linear-gradient(315deg, #070b10 0%, #11181f 100%);
  --fc-gloss: radial-gradient(120% 90% at 0% 0%, rgba(230, 214, 181, 0.07) 0%, rgba(230, 214, 181, 0) 55%);
  --fc-edge: rgba(230, 214, 181, 0.16);
  --fc-text: #e6d6b5;
  --fc-muted: #b8a88a;
  --fc-icon: #e6d6b5;
  --fc-f: linear-gradient(165deg, #e6d6b5 0%, #c9b592 45%, #a68e62 100%);
  --fc-f-op: 0.8;
  --fc-tag: #e6d6b5;
  --fc-shine: rgba(230, 214, 181, 0.2);
  --fc-mag: linear-gradient(180deg, #232b33 0%, #171e25 100%);
  --fc-slogan: #c9b592;
  --fc-mono: rgba(230, 214, 181, 0.25);
}

body.gece .ff-card__inner {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
  

}


body.gece .ff-card.is-flipped .ff-card__inner {
  transform: rotateY(180deg);
}

body.gece .ff-card__face {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: 4.2% / 6.67%;
  background: var(--fc-bg);
  box-shadow: inset 0 0 0 1px var(--fc-edge);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

body.gece .ff-card__face::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fc-gloss);
  pointer-events: none;
}


body.gece .ff-card__face--back {
  background: var(--fc-back);
  transform: rotateY(180deg);
}


body.gece .ff-card__brand {
  position: absolute;
  left: 5.6%;
  top: 7.8%;
  font-size: 5.14cqw;
  font-weight: 400;
  line-height: 1.27;
  letter-spacing: 0.12cqw;
  white-space: nowrap;
  color: var(--fc-text);
}


body.gece .ff-card__icons {
  position: absolute;
  inset: 0;
  background: var(--fc-icon);
  opacity: 0.15;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 428 270' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(31 81) scale(0.5000)'%3E%3Cpath d='M3 12V4h8l10 10-8 8L3 12z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5'/%3E%3C/g%3E%3Cg transform='translate(97 72) scale(0.5417)'%3E%3Cpath d='M8 3l-5 3 2 4 2-1v12h10V9l2 1 2-4-5-3a4 4 0 0 1-8 0z'/%3E%3C/g%3E%3Cg transform='translate(180 68) scale(0.5000)'%3E%3Cpath d='M6 7h12l1 14H5L6 7z'/%3E%3Cpath d='M9 7a3 3 0 0 1 6 0'/%3E%3C/g%3E%3Cg transform='translate(133 90) scale(0.5000)'%3E%3Cpath d='M4 11h16v10H4z'/%3E%3Cpath d='M3 7h18v4H3z'/%3E%3Cpath d='M12 7v14'/%3E%3Cpath d='M12 7c-2-4-6-3-5 0M12 7c2-4 6-3 5 0'/%3E%3C/g%3E%3Cg transform='translate(60 102) scale(0.5000)'%3E%3Cpath d='M6 7h12l1 14H5L6 7z'/%3E%3Cpath d='M9 7a3 3 0 0 1 6 0'/%3E%3C/g%3E%3Cg transform='translate(188 103) scale(0.5417)'%3E%3Cpath d='M3 9h18l-2 11H5L3 9z'/%3E%3Cpath d='M8 9l4-6 4 6'/%3E%3C/g%3E%3Cg transform='translate(24 126) scale(0.5417)'%3E%3Cpath d='M4 11h16v10H4z'/%3E%3Cpath d='M3 7h18v4H3z'/%3E%3Cpath d='M12 7v14'/%3E%3Cpath d='M12 7c-2-4-6-3-5 0M12 7c2-4 6-3 5 0'/%3E%3C/g%3E%3Cg transform='translate(96 136) scale(0.5000)'%3E%3Cpath d='M3 9h18l-2 11H5L3 9z'/%3E%3Cpath d='M8 9l4-6 4 6'/%3E%3C/g%3E%3Cg transform='translate(153 125) scale(0.5000)'%3E%3Cpath d='M3 12V4h8l10 10-8 8L3 12z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5'/%3E%3C/g%3E%3Cg transform='translate(29 166) scale(0.4583)'%3E%3Cpath d='M3 12V4h8l10 10-8 8L3 12z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5'/%3E%3C/g%3E%3Cg transform='translate(120 166) scale(0.5000)'%3E%3Cpath d='M6 7h12l1 14H5L6 7z'/%3E%3Cpath d='M9 7a3 3 0 0 1 6 0'/%3E%3C/g%3E%3Cg transform='translate(179 159) scale(0.5417)'%3E%3Cpath d='M8 3l-5 3 2 4 2-1v12h10V9l2 1 2-4-5-3a4 4 0 0 1-8 0z'/%3E%3C/g%3E%3Cg transform='translate(82 182) scale(0.5417)'%3E%3Cpath d='M3 9h18l-2 11H5L3 9z'/%3E%3Cpath d='M8 9l4-6 4 6'/%3E%3C/g%3E%3Cg transform='translate(156 201) scale(0.5833)'%3E%3Cpath d='M4 11h16v10H4z'/%3E%3Cpath d='M3 7h18v4H3z'/%3E%3Cpath d='M12 7v14'/%3E%3Cpath d='M12 7c-2-4-6-3-5 0M12 7c2-4 6-3 5 0'/%3E%3C/g%3E%3Cg transform='translate(200 202) scale(0.4583)'%3E%3Cpath d='M3 12V4h8l10 10-8 8L3 12z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5'/%3E%3C/g%3E%3Cg transform='translate(90 216) scale(0.5000)'%3E%3Cpath d='M3 12V4h8l10 10-8 8L3 12z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5'/%3E%3C/g%3E%3Cg transform='translate(23 240) scale(0.5000)'%3E%3Cpath d='M6 7h12l1 14H5L6 7z'/%3E%3Cpath d='M9 7a3 3 0 0 1 6 0'/%3E%3C/g%3E%3Cg transform='translate(54 238) scale(0.5000)'%3E%3Cpath d='M3 9h18l-2 11H5L3 9z'/%3E%3Cpath d='M8 9l4-6 4 6'/%3E%3C/g%3E%3Cg transform='translate(122 242) scale(0.5833)'%3E%3Cpath d='M8 3l-5 3 2 4 2-1v12h10V9l2 1 2-4-5-3a4 4 0 0 1-8 0z'/%3E%3C/g%3E%3Cg transform='translate(184 243) scale(0.5417)'%3E%3Cpath d='M6 7h12l1 14H5L6 7z'/%3E%3Cpath d='M9 7a3 3 0 0 1 6 0'/%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 428 270' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='translate(31 81) scale(0.5000)'%3E%3Cpath d='M3 12V4h8l10 10-8 8L3 12z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5'/%3E%3C/g%3E%3Cg transform='translate(97 72) scale(0.5417)'%3E%3Cpath d='M8 3l-5 3 2 4 2-1v12h10V9l2 1 2-4-5-3a4 4 0 0 1-8 0z'/%3E%3C/g%3E%3Cg transform='translate(180 68) scale(0.5000)'%3E%3Cpath d='M6 7h12l1 14H5L6 7z'/%3E%3Cpath d='M9 7a3 3 0 0 1 6 0'/%3E%3C/g%3E%3Cg transform='translate(133 90) scale(0.5000)'%3E%3Cpath d='M4 11h16v10H4z'/%3E%3Cpath d='M3 7h18v4H3z'/%3E%3Cpath d='M12 7v14'/%3E%3Cpath d='M12 7c-2-4-6-3-5 0M12 7c2-4 6-3 5 0'/%3E%3C/g%3E%3Cg transform='translate(60 102) scale(0.5000)'%3E%3Cpath d='M6 7h12l1 14H5L6 7z'/%3E%3Cpath d='M9 7a3 3 0 0 1 6 0'/%3E%3C/g%3E%3Cg transform='translate(188 103) scale(0.5417)'%3E%3Cpath d='M3 9h18l-2 11H5L3 9z'/%3E%3Cpath d='M8 9l4-6 4 6'/%3E%3C/g%3E%3Cg transform='translate(24 126) scale(0.5417)'%3E%3Cpath d='M4 11h16v10H4z'/%3E%3Cpath d='M3 7h18v4H3z'/%3E%3Cpath d='M12 7v14'/%3E%3Cpath d='M12 7c-2-4-6-3-5 0M12 7c2-4 6-3 5 0'/%3E%3C/g%3E%3Cg transform='translate(96 136) scale(0.5000)'%3E%3Cpath d='M3 9h18l-2 11H5L3 9z'/%3E%3Cpath d='M8 9l4-6 4 6'/%3E%3C/g%3E%3Cg transform='translate(153 125) scale(0.5000)'%3E%3Cpath d='M3 12V4h8l10 10-8 8L3 12z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5'/%3E%3C/g%3E%3Cg transform='translate(29 166) scale(0.4583)'%3E%3Cpath d='M3 12V4h8l10 10-8 8L3 12z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5'/%3E%3C/g%3E%3Cg transform='translate(120 166) scale(0.5000)'%3E%3Cpath d='M6 7h12l1 14H5L6 7z'/%3E%3Cpath d='M9 7a3 3 0 0 1 6 0'/%3E%3C/g%3E%3Cg transform='translate(179 159) scale(0.5417)'%3E%3Cpath d='M8 3l-5 3 2 4 2-1v12h10V9l2 1 2-4-5-3a4 4 0 0 1-8 0z'/%3E%3C/g%3E%3Cg transform='translate(82 182) scale(0.5417)'%3E%3Cpath d='M3 9h18l-2 11H5L3 9z'/%3E%3Cpath d='M8 9l4-6 4 6'/%3E%3C/g%3E%3Cg transform='translate(156 201) scale(0.5833)'%3E%3Cpath d='M4 11h16v10H4z'/%3E%3Cpath d='M3 7h18v4H3z'/%3E%3Cpath d='M12 7v14'/%3E%3Cpath d='M12 7c-2-4-6-3-5 0M12 7c2-4 6-3 5 0'/%3E%3C/g%3E%3Cg transform='translate(200 202) scale(0.4583)'%3E%3Cpath d='M3 12V4h8l10 10-8 8L3 12z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5'/%3E%3C/g%3E%3Cg transform='translate(90 216) scale(0.5000)'%3E%3Cpath d='M3 12V4h8l10 10-8 8L3 12z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5'/%3E%3C/g%3E%3Cg transform='translate(23 240) scale(0.5000)'%3E%3Cpath d='M6 7h12l1 14H5L6 7z'/%3E%3Cpath d='M9 7a3 3 0 0 1 6 0'/%3E%3C/g%3E%3Cg transform='translate(54 238) scale(0.5000)'%3E%3Cpath d='M3 9h18l-2 11H5L3 9z'/%3E%3Cpath d='M8 9l4-6 4 6'/%3E%3C/g%3E%3Cg transform='translate(122 242) scale(0.5833)'%3E%3Cpath d='M8 3l-5 3 2 4 2-1v12h10V9l2 1 2-4-5-3a4 4 0 0 1-8 0z'/%3E%3C/g%3E%3Cg transform='translate(184 243) scale(0.5417)'%3E%3Cpath d='M6 7h12l1 14H5L6 7z'/%3E%3Cpath d='M9 7a3 3 0 0 1 6 0'/%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat;
  pointer-events: none;
}


body.gece .ff-card__chip {
  display: none !important;
  position: absolute;
  left: 5.6%;
  top: 72.6%;
  width: 9.81%;
  height: 11.85%;
  border-radius: 14.3% / 18.75%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 32' fill='none' stroke='%236e5a33' stroke-opacity='.55' stroke-width='1'%3E%3Cpath d='M0 11h13M0 21h13M29 11h13M29 21h13M13 0v32M29 0v32'/%3E%3Crect x='13' y='8' width='16' height='16' rx='3'/%3E%3C/svg%3E") center / 100% 100% no-repeat,
    linear-gradient(135deg, #f1e4c6 0%, #d8c59c 42%, #b39a6b 100%);
  box-shadow: inset 0 0 0 1px rgba(80, 60, 25, 0.35);
}


body.gece .ff-card__f {
  position: absolute;
  left: 54%;
  top: 13%;
  width: 46%;
  height: 87%;
  background: var(--fc-f);
  opacity: var(--fc-f-op);
  clip-path: polygon(0 0, 100% 0, 100% 20.69%, 26.09% 20.69%, 26.09% 41.38%, 84.78% 41.38%,
    84.78% 60.92%, 26.09% 60.92%, 26.09% 100%, 0 100%);
}


body.gece .ff-card__tag {
  position: absolute;
  left: 70%;
  top: 75%;
  width: 23%;
  height: 17%;
  background: var(--fc-tag);
  clip-path: polygon(0 0, 100% 0, 52% 100%, 0 100%);
}


body.gece .ff-card__shine {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

body.gece .ff-card__shine::before {
  content: "";
  position: absolute;
  top: -20%;
  left: 0;
  width: 38%;
  height: 140%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, var(--fc-shine) 50%, rgba(255, 255, 255, 0) 100%);
  transform: translateX(-160%) skewX(-18deg);
  animation: ff-sweep 4s cubic-bezier(0.45, 0.05, 0.35, 1) infinite;
}

body.gece .ff-card--calm .ff-card__shine {
  display: none;
}


body.gece .ff-card__mag {
  position: absolute;
  left: 0;
  right: 0;
  top: 9.63%;
  height: 16.3%;
  background: var(--fc-mag);
}

body.gece .ff-card__sign {
  position: absolute;
  left: 5.6%;
  top: 33.3%;
  width: 58.4%;
  height: 13.3%;
  border-radius: 1.6% / 11%;
  background: repeating-linear-gradient(135deg, #f3eee4 0 1.4cqw, #e6dfcf 1.4cqw 2.8cqw);
}

body.gece .ff-card__mono {
  position: absolute;
  left: 67.3%;
  top: 33.3%;
  width: 8.41%;
  height: 13.3%;
  border: 1px solid var(--fc-mono);
  border-radius: 22%;
  background:
    linear-gradient(var(--fc-tag), var(--fc-tag)) 50% 25% / 44.4% 11.1% no-repeat,
    linear-gradient(var(--fc-tag), var(--fc-tag)) 31.25% 47.06% / 11.1% 52.8% no-repeat,
    linear-gradient(var(--fc-tag), var(--fc-tag)) 41.67% 50% / 33.3% 11.1% no-repeat;
}

body.gece .ff-card__num {
  position: absolute;
  left: 5.6%;
  top: 52.6%;
  font: 600 4.2cqw / 1.33 var(--display);
  letter-spacing: 0.18em;
  white-space: nowrap;
  color: var(--fc-text);
}

body.gece .ff-card__holder {
  position: absolute;
  left: 5.6%;
  top: 66.7%;
  width: 51.4%;
  display: flex;
  flex-direction: column;
  gap: 0.93cqw;
}

body.gece .ff-card__holder small {
  font: 700 2.1cqw / 1.33 var(--display);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--fc-muted);
}

body.gece .ff-card__holder b {
  overflow: hidden;
  font: 600 3.27cqw / 1.28 var(--display);
  letter-spacing: 0.08em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--fc-text);
}

body.gece .ff-card__slogan {
  position: absolute;
  right: 5.6%;
  top: 71.9%;
  font: italic 400 3.27cqw / 1.28 var(--title);
  white-space: nowrap;
  color: var(--fc-slogan);
}

body.gece .ff-card__legal {
  position: absolute;
  left: 5.6%;
  right: 5.6%;
  top: 84.4%;
  font-size: 2.1cqw;
  line-height: 1.33;
  color: var(--fc-muted);
}


body.gece .ff-card-btn {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 4.2% / 6.67%;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: inherit;
  box-shadow: 0 50px 90px -30px rgba(0, 0, 0, 0.85), 0 18px 36px -18px rgba(0, 0, 0, 0.6);
}


body.gece .ff-glare {
  position: absolute;
  inset: 0;
  display: block;
  border-radius: 4.2% / 6.67%;
  background: radial-gradient(circle at var(--gx, 50%) var(--gy, 50%), rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0) 55%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}

body.gece .is-tilting .ff-glare {
  opacity: 1;
}


body.gece [data-ff-tilt] {
  --rx: 0deg;
  --ry: 0deg;
  --px: 0px;
  --py: 0px;
}

body.gece .ff-tilt {
  transform: perspective(1200px) rotateX(var(--rx)) rotateY(var(--ry));
  transform-style: preserve-3d;
  transition: transform 0.9s var(--g-ease);
}

body.gece .is-tilting .ff-tilt {
  transition: transform 0.14s ease-out;
}


body.gece .ff-card-solo {
  display: grid;
  justify-items: start;
  gap: clamp(10px, calc(0.95 * var(--vw)), 18px);
  width: min(100%, clamp(229.5px, calc(27.62 * var(--vw)), 525px));
}

body.gece .ff-card-solo > .ff-tilt {
  width: 100%;
}

body.gece .ff-card-solo__hint {
  display: flex;
  align-items: center;
  gap: 0.6em;
  margin: 0;
  color: var(--g-soft);
  font: 600 var(--fs-label) / 1.3 var(--display);
}

body.gece .ff-card-solo__hint .ff-ico {
  width: 1.3em;
  height: 1.3em;
  color: var(--g-gold);
}


body.gece .ff-phone {
  position: relative;
  display: block;
  padding: 7.31% 3.32%;
  border-radius: 15.3% / 7.06%;
  background: #0a1720;
  box-shadow: 0 50px 90px -30px rgba(0, 0, 0, 0.9), 0 0 0 1px #1d4260, inset 0 0 0 1px rgba(247, 245, 240, 0.1);
}

body.gece .ff-phone::before {
  content: "";
  position: absolute;
  top: 1.4%;
  left: 39.4%;
  width: 21.2%;
  height: 0.77%;
  border-radius: 3px;
  background: #1c2e3b;
}

body.gece .ff-phone::after {
  content: "";
  position: absolute;
  top: 20.2%;
  right: -1%;
  width: 1%;
  height: 13.2%;
  border-radius: 2px;
  background: #1d4260;
}

body.gece .ff-phone__screen {
  container-type: inline-size;
  position: relative;
  overflow: hidden;
  aspect-ratio: 390 / 844;
  border-radius: 11.4% / 5.26%;
  background: #07131c;
}

body.gece .ff-phone__strip {
  display: flex;
  height: 100%;
  transform: translateX(calc(var(--ff-i, 0) * -100%));
  transition: transform 0.8s cubic-bezier(0.7, 0, 0.2, 1);
}

body.gece .ff-phone__slide {
  flex: 0 0 100%;
  min-width: 0;
}


body.gece .ff-phone-solo {
  display: grid;
  justify-items: center;
  gap: clamp(5px, calc(0.69 * var(--vw)), 11px);
  width: clamp(188.5px, calc(20.72 * var(--vw)), 344px);
}

body.gece .ff-phone-solo > .ff-phone {
  width: 100%;
}


body.gece .ff-dots {
  display: flex;
  flex-direction: column;
  align-items: center;
}

body.gece .ff-dots__row {
  display: flex;
  justify-content: center;
}

body.gece .ff-dot {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
}

body.gece .ff-dot::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: rgba(247, 245, 240, 0.4);
  transition: width 0.35s ease, background-color 0.35s ease;
}

body.gece .ff-dot:hover::before {
  background: rgba(247, 245, 240, 0.7);
}

body.gece .ff-dot[aria-current="true"]::before {
  width: 26px;
  background: var(--g-gold);
}

body.gece .ff-dots__label {
  margin-top: 2px;
  color: var(--g-soft);
  font: 700 clamp(11px, calc(0.66 * var(--vw)), 12px) / 1.2 var(--display);
  letter-spacing: 0.16em;
  text-transform: uppercase;
}


body.gece .ff-app {
  --ff-u: calc(100cqw / 390);
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 390 / 844;
  overflow: hidden;
  background: #07131c;
  color: #f7f5f0;
  font-family: var(--body);
  font-size: calc(var(--ff-u) * 15);
  line-height: 1.3;
  text-align: left;
  letter-spacing: 0;
}

body.gece .ff-app .ff-ico {
  width: calc(var(--ff-u) * 20);
  height: calc(var(--ff-u) * 20);
}

body.gece .ff-app__body {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 90.05%;
  display: flex;
  flex-direction: column;
  padding: calc(var(--ff-u) * 24) calc(var(--ff-u) * 16) 0;
}


body.gece .ff-app__label,
body.gece .ff-app__kicker {
  color: #b8c7ce;
  font: 700 calc(var(--ff-u) * 11) / 1.2 var(--display);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

body.gece .ff-app__title {
  color: #f7f5f0;
  font: 700 calc(var(--ff-u) * 16) / 1.2 var(--display);
}

body.gece .ff-app__chips {
  display: flex;
  align-items: center;
  gap: calc(var(--ff-u) * 8);
}

body.gece .ff-app__chip {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--ff-u) * 6);
  height: calc(var(--ff-u) * 34);
  padding: 0 calc(var(--ff-u) * 12) 0 calc(var(--ff-u) * 10);
  border-radius: calc(var(--ff-u) * 17);
  font: 800 calc(var(--ff-u) * 13) / 1 var(--display);
  white-space: nowrap;
}

body.gece .ff-app__chip .ff-ico {
  width: calc(var(--ff-u) * 16);
  height: calc(var(--ff-u) * 16);
}

body.gece .ff-app__chip--on {
  background: #c9b592;
  color: #07131c;
}

body.gece .ff-app__chip--on .ff-ico {
  stroke-width: 1.9;
}

body.gece .ff-app__chip--soon {
  gap: calc(var(--ff-u) * 7);
  padding: 0 calc(var(--ff-u) * 6) 0 calc(var(--ff-u) * 10);
  border: 1px dashed rgba(184, 199, 206, 0.45);
  color: #b8c7ce;
  font-weight: 700;
  animation: ff-breath 3.2s ease-in-out infinite;
}

body.gece .ff-app__chip--soon .ff-ico {
  opacity: 0.7;
}

body.gece .ff-app__soon {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--ff-u) * 6);
  height: calc(var(--ff-u) * 22);
  padding: 0 calc(var(--ff-u) * 9) 0 calc(var(--ff-u) * 8);
  border-radius: calc(var(--ff-u) * 11);
  background: rgba(184, 199, 206, 0.1);
  color: #e6d6b5;
  font: 700 calc(var(--ff-u) * 11) / 1 var(--display);
  letter-spacing: 0.06em;
}

body.gece .ff-app__soon::before {
  content: "";
  width: calc(var(--ff-u) * 6);
  height: calc(var(--ff-u) * 6);
  border-radius: 50%;
  background: #e6d6b5;
  animation: ff-ping-gold 3.2s ease-out infinite;
}


body.gece .ff-app__list {
  margin: calc(var(--ff-u) * 4) 0 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(184, 199, 206, 0.08);
  border-radius: calc(var(--ff-u) * 18);
  background: #102a3a;
  list-style: none;
}

body.gece .ff-app__list li {
  display: flex;
  align-items: center;
  gap: calc(var(--ff-u) * 12);
  height: calc(var(--ff-u) * 62);
  padding: 0 calc(var(--ff-u) * 14);
}

body.gece .ff-app__list li + li {
  background: linear-gradient(rgba(184, 199, 206, 0.1), rgba(184, 199, 206, 0.1)) calc(var(--ff-u) * 66) 0 / calc(100% - calc(var(--ff-u) * 80)) 1px no-repeat;
}

body.gece .ff-app__list--tight li {
  height: calc(var(--ff-u) * 56);
}

body.gece .ff-app__tile {
  display: grid;
  flex: none;
  place-items: center;
  width: calc(var(--ff-u) * 40);
  height: calc(var(--ff-u) * 40);
  border-radius: calc(var(--ff-u) * 12);
  background: #16344a;
  color: #c9b592;
}

body.gece .ff-app__list--tight .ff-app__tile {
  width: calc(var(--ff-u) * 38);
  height: calc(var(--ff-u) * 38);
}

body.gece .ff-app__meta {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: calc(var(--ff-u) * 3);
  min-width: 0;
}

body.gece .ff-app__meta b {
  color: #f7f5f0;
  font: 600 calc(var(--ff-u) * 15) / 1.2 var(--display);
}

body.gece .ff-app__meta small {
  color: #b8c7ce;
  font-size: calc(var(--ff-u) * 13);
}

body.gece .ff-app__amt {
  flex: none;
  color: #f7f5f0;
  font: 700 calc(var(--ff-u) * 15) / 1 var(--display);
  font-variant-numeric: tabular-nums;
}


body.gece .ff-app__nav {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: calc(var(--ff-u) * 4);
  width: 100%;
  height: 9.95%;
  padding: calc(var(--ff-u) * 6) calc(var(--ff-u) * 8) calc(var(--ff-u) * 22);
  border-top: 1px solid rgba(201, 181, 146, 0.16);
  background: #0b202e;
}

body.gece .ff-app__tab {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(var(--ff-u) * 4);
  border-radius: calc(var(--ff-u) * 14);
  color: #b8c7ce;
  font: 600 calc(var(--ff-u) * 11) / 1 var(--display);
  letter-spacing: 0.02em;
}

body.gece .ff-app__tab .ff-ico {
  width: calc(var(--ff-u) * 22);
  height: calc(var(--ff-u) * 22);
}

body.gece .ff-app__tab.is-active {
  color: #c9b592;
  font-weight: 800;
}

body.gece .ff-app__tab.is-active::before {
  content: "";
  position: absolute;
  top: calc(var(--ff-u) * -7);
  left: 50%;
  width: calc(var(--ff-u) * 22);
  height: calc(var(--ff-u) * 3);
  margin-left: calc(var(--ff-u) * -11);
  border-radius: 0 0 calc(var(--ff-u) * 3) calc(var(--ff-u) * 3);
  background: #c9b592;
}


body.gece .ff-app__head {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--ff-u) * 12);
  min-height: calc(var(--ff-u) * 52);
}

body.gece .ff-app__hello {
  color: #f7f5f0;
  font: 400 calc(var(--ff-u) * 28) / 1.05 var(--title);
}

body.gece .ff-app__hello em {
  font-style: italic;
  color: #c9b592;
}

body.gece .ff-app__sub {
  margin-top: calc(var(--ff-u) * 5);
  color: #b8c7ce;
  font-size: calc(var(--ff-u) * 13);
}

body.gece .ff-app__bell {
  position: relative;
  display: grid;
  flex: none;
  place-items: center;
  width: calc(var(--ff-u) * 44);
  height: calc(var(--ff-u) * 44);
  border: 1px solid rgba(184, 199, 206, 0.14);
  border-radius: calc(var(--ff-u) * 14);
  background: #102a3a;
  color: #f7f5f0;
}

body.gece .ff-app__bell .ff-ico {
  width: calc(var(--ff-u) * 22);
  height: calc(var(--ff-u) * 22);
}

body.gece .ff-app__bell::after {
  content: "";
  position: absolute;
  top: calc(var(--ff-u) * 9);
  right: calc(var(--ff-u) * 10);
  width: calc(var(--ff-u) * 7);
  height: calc(var(--ff-u) * 7);
  border-radius: 50%;
  background: #ff8a65;
  box-shadow: 0 0 0 calc(var(--ff-u) * 2) #102a3a;
}

body.gece .ff-app__wallet {
  position: relative;
  flex: none;
  width: calc(var(--ff-u) * 358);
  height: calc(var(--ff-u) * 272);
  margin-top: calc(var(--ff-u) * 22);
}

body.gece .ff-app__wallet-halo {
  position: absolute;
  left: calc(var(--ff-u) * 30);
  top: calc(var(--ff-u) * -22);
  width: calc(var(--ff-u) * 298);
  height: calc(var(--ff-u) * 190);
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(201, 181, 146, 0.2), rgba(201, 181, 146, 0));
}

body.gece .ff-app__wallet-card {
  position: absolute;
  left: calc(var(--ff-u) * 12);
  top: 0;
  width: calc(var(--ff-u) * 334);
  border-radius: 4.2% / 6.67%;
  box-shadow: 0 calc(var(--ff-u) * 18) calc(var(--ff-u) * 40) rgba(0, 0, 0, 0.45);
  animation: ff-peek 6s ease-in-out infinite;
}

body.gece .ff-app__wallet-fade {
  position: absolute;
  left: calc(var(--ff-u) * 12);
  top: calc(var(--ff-u) * 90);
  width: calc(var(--ff-u) * 334);
  height: calc(var(--ff-u) * 24);
  background: linear-gradient(180deg, rgba(7, 19, 28, 0), rgba(7, 19, 28, 0.55));
}

body.gece .ff-app__pocket {
  position: absolute;
  left: 0;
  top: calc(var(--ff-u) * 114);
  display: flex;
  flex-direction: column;
  gap: calc(var(--ff-u) * 16);
  width: calc(var(--ff-u) * 358);
  height: calc(var(--ff-u) * 158);
  padding: calc(var(--ff-u) * 34) calc(var(--ff-u) * 20) calc(var(--ff-u) * 18);
  overflow: hidden;
  border-radius: calc(var(--ff-u) * 22);
  background: #16344a;
  box-shadow: inset 0 1px 0 rgba(230, 214, 181, 0.18);
  -webkit-mask-image: radial-gradient(circle at 50% 0, transparent calc(var(--ff-u) * 26), #000 calc(var(--ff-u) * 27));
  mask-image: radial-gradient(circle at 50% 0, transparent calc(var(--ff-u) * 26), #000 calc(var(--ff-u) * 27));
}

body.gece .ff-app__stitch {
  position: absolute;
  inset: calc(var(--ff-u) * 8);
  border: 1px dashed rgba(201, 181, 146, 0.3);
  border-top: 0;
  border-radius: 0 0 calc(var(--ff-u) * 15) calc(var(--ff-u) * 15);
  pointer-events: none;
}

body.gece .ff-app__sheen {
  position: absolute;
  top: calc(var(--ff-u) * -12);
  bottom: calc(var(--ff-u) * -12);
  left: calc(var(--ff-u) * -150);
  width: calc(var(--ff-u) * 130);
  background: linear-gradient(90deg, rgba(230, 214, 181, 0), rgba(230, 214, 181, 0.08) 38%, rgba(255, 255, 255, 0.12) 50%, rgba(230, 214, 181, 0.08) 62%, rgba(230, 214, 181, 0));
  transform: skewX(-18deg);
  animation: ff-sheen 5.2s cubic-bezier(0.45, 0.05, 0.3, 1) 1.1s infinite;
  pointer-events: none;
}

body.gece .ff-app__pocket > :not(.ff-app__stitch, .ff-app__sheen) {
  position: relative;
}

body.gece .ff-app__balance {
  margin-top: calc(var(--ff-u) * 7);
  color: #f7f5f0;
  font: 800 calc(var(--ff-u) * 36) / 1 var(--display);
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}

body.gece .ff-app__balance small {
  color: #b8c7ce;
  font-size: calc(var(--ff-u) * 20);
  font-weight: 700;
}

body.gece .ff-app__section {
  flex: none;
  margin-top: calc(var(--ff-u) * 22);
}

body.gece .ff-app__section--tight {
  margin-top: calc(var(--ff-u) * 8);
}

body.gece .ff-app__aside {
  color: #b8c7ce;
  font-size: calc(var(--ff-u) * 13);
}

body.gece .ff-app__row-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: calc(var(--ff-u) * 44);
}

body.gece .ff-app__more {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--ff-u) * 4);
  color: #c9b592;
  font: 700 calc(var(--ff-u) * 13) / 1 var(--display);
}

body.gece .ff-app__more .ff-ico {
  width: calc(var(--ff-u) * 16);
  height: calc(var(--ff-u) * 16);
}

body.gece .ff-app__explore {
  display: flex;
  flex: none;
  align-items: center;
  gap: calc(var(--ff-u) * 14);
  min-height: calc(var(--ff-u) * 72);
  margin-top: calc(var(--ff-u) * 14);
  padding: 0 calc(var(--ff-u) * 14);
  border: 1px solid rgba(201, 181, 146, 0.22);
  border-radius: calc(var(--ff-u) * 18);
  background: #102a3a;
}

body.gece .ff-app__explore-ico {
  display: grid;
  flex: none;
  place-items: center;
  width: calc(var(--ff-u) * 44);
  height: calc(var(--ff-u) * 44);
  border-radius: calc(var(--ff-u) * 14);
  background: rgba(201, 181, 146, 0.14);
  color: #e6d6b5;
}

body.gece .ff-app__explore-ico .ff-ico {
  width: calc(var(--ff-u) * 22);
  height: calc(var(--ff-u) * 22);
}

body.gece .ff-app__go {
  display: grid;
  flex: none;
  place-items: center;
  width: calc(var(--ff-u) * 36);
  height: calc(var(--ff-u) * 36);
  border-radius: 50%;
  background: #c9b592;
  color: #07131c;
}

body.gece .ff-app__go .ff-ico {
  width: calc(var(--ff-u) * 18);
  height: calc(var(--ff-u) * 18);
  stroke-width: 1.9;
}


body.gece .ff-app__top {
  display: flex;
  flex: none;
  align-items: flex-end;
  justify-content: space-between;
  gap: calc(var(--ff-u) * 12);
  height: calc(var(--ff-u) * 48);
}

body.gece .ff-app__screen-title {
  margin-top: calc(var(--ff-u) * 6);
  color: #f7f5f0;
  font: 400 calc(var(--ff-u) * 30) / 1 var(--title);
}

body.gece .ff-app__pill {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: calc(var(--ff-u) * 6);
  height: calc(var(--ff-u) * 30);
  padding: 0 calc(var(--ff-u) * 12);
  border: 1px solid rgba(184, 199, 206, 0.18);
  border-radius: calc(var(--ff-u) * 15);
  color: #b8c7ce;
  font: 700 calc(var(--ff-u) * 12) / 1 var(--display);
}

body.gece .ff-app__pill .ff-ico {
  width: calc(var(--ff-u) * 14);
  height: calc(var(--ff-u) * 14);
}


body.gece .ff-app__seg {
  display: flex;
  flex: none;
  gap: calc(var(--ff-u) * 4);
  margin-top: calc(var(--ff-u) * 16);
  padding: calc(var(--ff-u) * 4);
  border: 1px solid rgba(184, 199, 206, 0.08);
  border-radius: calc(var(--ff-u) * 16);
  background: #102a3a;
}

body.gece .ff-app__seg button {
  flex: 1 1 0;
  min-width: 0;
  height: calc(var(--ff-u) * 44);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: calc(var(--ff-u) * 12);
  background: transparent;
  color: #b8c7ce;
  font: 700 calc(var(--ff-u) * 14) / 1 var(--display);
  cursor: pointer;
  transition: background-color 0.25s ease, color 0.25s ease;
}

body.gece .ff-app__seg button:hover {
  background: rgba(201, 181, 146, 0.08);
}

body.gece .ff-app__seg button[aria-pressed="true"] {
  background: #c9b592;
  color: #07131c;
}


body.gece .ff-app__seg button,
body.gece button.ff-app__menu-row {
  position: relative;
}

body.gece .ff-app__seg button::before {
  content: "";
  position: absolute;
  inset: 50% 0 auto;
  height: max(100%, 44px);
  transform: translateY(-50%);
}

body.gece .ff-app__panel {
  flex: none;
  margin-top: calc(var(--ff-u) * 12);
  padding: calc(var(--ff-u) * 18) calc(var(--ff-u) * 18) calc(var(--ff-u) * 14);
  border: 1px solid rgba(184, 199, 206, 0.08);
  border-radius: calc(var(--ff-u) * 20);
  background: #102a3a;
}

body.gece .ff-app__sum {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: calc(var(--ff-u) * 12);
}

body.gece .ff-app__sum-label {
  color: #b8c7ce;
  font: 600 calc(var(--ff-u) * 13) / 1.2 var(--display);
}

body.gece .ff-app__sum-amount {
  margin-top: calc(var(--ff-u) * 6);
  color: #f7f5f0;
  font: 800 calc(var(--ff-u) * 30) / 1 var(--display);
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}

body.gece .ff-app__tagchip {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: calc(var(--ff-u) * 6);
  height: calc(var(--ff-u) * 26);
  padding: 0 calc(var(--ff-u) * 10);
  border-radius: calc(var(--ff-u) * 13);
  background: rgba(201, 181, 146, 0.14);
  color: #e6d6b5;
  font: 700 calc(var(--ff-u) * 12) / 1 var(--display);
}

body.gece .ff-app__tagchip::before {
  content: "";
  width: calc(var(--ff-u) * 7);
  height: calc(var(--ff-u) * 7);
  border-radius: calc(var(--ff-u) * 2);
  background: #c9b592;
}


body.gece .ff-app__chart {
  position: relative;
  height: calc(var(--ff-u) * 122);
  margin-top: calc(var(--ff-u) * 16);
  background:
    linear-gradient(90deg, rgba(184, 199, 206, 0.12) 50%, transparent 0) 0 calc(var(--ff-u) * 12) / calc(var(--ff-u) * 8) 1px repeat-x,
    linear-gradient(90deg, rgba(184, 199, 206, 0.12) 50%, transparent 0) 0 calc(var(--ff-u) * 58) / calc(var(--ff-u) * 8) 1px repeat-x,
    linear-gradient(rgba(184, 199, 206, 0.16), rgba(184, 199, 206, 0.16)) 0 calc(var(--ff-u) * 104) / 100% 1px no-repeat;
}

body.gece .ff-app__bars {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.gece .ff-app__bar {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(var(--ff-u) * 44);
}

body.gece .ff-app__bar-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: calc(var(--ff-u) * 6);
  width: calc(var(--ff-u) * 44);
  height: calc(var(--ff-u) * 104);
}

body.gece .ff-app__bar-fill {
  width: calc(var(--ff-u) * 28);
  height: calc(var(--ff-u) * 45);
  border-radius: calc(var(--ff-u) * 9) calc(var(--ff-u) * 9) calc(var(--ff-u) * 5) calc(var(--ff-u) * 5);
  background: #24506f;
  transform-origin: 50% 100%;
  animation: ff-grow 0.9s var(--g-ease) 0.12s both;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

body.gece .ff-app__bar:nth-child(2) .ff-app__bar-fill { height: calc(var(--ff-u) * 60); animation-delay: 0.21s; }
body.gece .ff-app__bar:nth-child(3) .ff-app__bar-fill { height: calc(var(--ff-u) * 51); animation-delay: 0.3s; }
body.gece .ff-app__bar:nth-child(4) .ff-app__bar-fill { height: calc(var(--ff-u) * 77); animation-delay: 0.39s; }
body.gece .ff-app__bar:nth-child(5) .ff-app__bar-fill { height: calc(var(--ff-u) * 66); animation-delay: 0.48s; }
body.gece .ff-app__bar:nth-child(6) .ff-app__bar-fill { height: calc(var(--ff-u) * 92); animation-delay: 0.57s; }

body.gece .ff-app__bar.is-selected .ff-app__bar-fill {
  background: #c9b592;
  box-shadow: 0 0 calc(var(--ff-u) * 22) rgba(201, 181, 146, 0.35);
}

body.gece .ff-app__bar-live {
  width: calc(var(--ff-u) * 6);
  height: calc(var(--ff-u) * 6);
  border-radius: 50%;
  background: #ff8a65;
  animation: ff-ping 2.6s ease-out infinite;
}

body.gece .ff-app__bar-lbl {
  height: calc(var(--ff-u) * 18);
  color: #b8c7ce;
  font: 700 calc(var(--ff-u) * 12) / calc(var(--ff-u) * 18) var(--display);
}

body.gece .ff-app__bar.is-selected .ff-app__bar-lbl {
  color: #e6d6b5;
}


body.gece .ff-app__ringcard {
  display: flex;
  flex: none;
  align-items: center;
  gap: calc(var(--ff-u) * 18);
  margin-top: calc(var(--ff-u) * 12);
  padding: calc(var(--ff-u) * 14) calc(var(--ff-u) * 18);
  border: 1px solid rgba(184, 199, 206, 0.08);
  border-radius: calc(var(--ff-u) * 20);
  background: #102a3a;
}

body.gece .ff-app__ring {
  position: relative;
  flex: none;
  width: calc(var(--ff-u) * 88);
  height: calc(var(--ff-u) * 88);
}

body.gece .ff-app__ring svg {
  display: block;
  width: 100%;
  height: 100%;
}

body.gece .ff-app__ring-orbit {
  fill: none;
  stroke: rgba(184, 199, 206, 0.4);
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-dasharray: 2 6;
  transform-box: fill-box;
  transform-origin: 50% 50%;
  animation: ff-spin 28s linear infinite;
}

body.gece .ff-app__ring-track {
  fill: none;
  stroke: #16344a;
  stroke-width: 10;
}

body.gece .ff-app__ring-arc {
  fill: none;
  stroke: #c9b592;
  stroke-width: 10;
  stroke-linecap: round;
  stroke-dasharray: 194.78;
  stroke-dashoffset: 0;
  animation: ff-ring 1.5s cubic-bezier(0.3, 0.7, 0.2, 1) 0.35s both;
}

body.gece .ff-app__ring-center {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
}

body.gece .ff-app__ring-center b {
  font: 800 calc(var(--ff-u) * 17) / 1.1 var(--display);
}

body.gece .ff-app__ring-center small {
  color: #b8c7ce;
  font: 700 calc(var(--ff-u) * 10) / 1 var(--display);
  letter-spacing: 0.1em;
}

body.gece .ff-app__legend {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: calc(var(--ff-u) * 10);
  min-width: 0;
}

body.gece .ff-app__legend-row {
  display: flex;
  align-items: center;
  gap: calc(var(--ff-u) * 8);
  min-height: calc(var(--ff-u) * 22);
  font-size: calc(var(--ff-u) * 14);
}

body.gece .ff-app__legend-row > span:nth-child(2) {
  flex: 1;
}

body.gece .ff-app__legend-row b {
  font: 700 calc(var(--ff-u) * 14) / 1 var(--display);
}

body.gece .ff-app__sw {
  flex: none;
  width: calc(var(--ff-u) * 10);
  height: calc(var(--ff-u) * 10);
  border-radius: calc(var(--ff-u) * 3);
  background: #c9b592;
}

body.gece .ff-app__sw--soon {
  border: 1px dashed rgba(184, 199, 206, 0.6);
  background: transparent;
}

body.gece .ff-app__legend-row--soon {
  color: #b8c7ce;
}


body.gece .ff-app__status {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: calc(var(--ff-u) * 8);
  height: calc(var(--ff-u) * 30);
  padding: 0 calc(var(--ff-u) * 12);
  border-radius: calc(var(--ff-u) * 15);
  background: rgba(201, 181, 146, 0.12);
  color: #e6d6b5;
  font: 700 calc(var(--ff-u) * 12) / 1 var(--display);
}

body.gece .ff-app__status--on::before {
  content: "";
  width: calc(var(--ff-u) * 7);
  height: calc(var(--ff-u) * 7);
  border-radius: 50%;
  background: #c9b592;
  animation: ff-ping-gold 2.8s ease-out infinite;
}

body.gece .ff-app__status--off {
  gap: calc(var(--ff-u) * 6);
  background: rgba(184, 199, 206, 0.1);
  color: #b8c7ce;
}

body.gece .ff-app__status--off .ff-ico {
  width: calc(var(--ff-u) * 14);
  height: calc(var(--ff-u) * 14);
}

body.gece .ff-app:not(.is-locked) .ff-app__status--off,
body.gece .ff-app.is-locked .ff-app__status--on {
  display: none;
}

body.gece .ff-app__cardwrap {
  position: relative;
  flex: none;
  width: calc(var(--ff-u) * 358);
  margin-top: calc(var(--ff-u) * 18);
}

body.gece .ff-app__cardwrap-halo {
  position: absolute;
  left: calc(var(--ff-u) * -16);
  top: calc(var(--ff-u) * -26);
  width: calc(var(--ff-u) * 390);
  height: calc(var(--ff-u) * 290);
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(201, 181, 146, 0.2), rgba(201, 181, 146, 0));
  animation: ff-halo 6s ease-in-out infinite;
  pointer-events: none;
}

body.gece .ff-app__cardwrap .ff-card {
  box-shadow: 0 calc(var(--ff-u) * 22) calc(var(--ff-u) * 44) rgba(0, 0, 0, 0.45);
  transition: filter 0.5s ease;
}

body.gece .ff-app.is-locked .ff-app__cardwrap .ff-card {
  filter: saturate(0.35) brightness(0.85);
}

body.gece .ff-app.is-locked .ff-app__cardwrap .ff-card__shine {
  display: none;
}

body.gece .ff-app__lock {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(var(--ff-u) * 8);
  border: 1px solid rgba(230, 214, 181, 0.28);
  border-radius: 4.2% / 6.67%;
  background: rgba(7, 19, 28, 0.72);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.45s ease, visibility 0.45s ease;
}

body.gece .ff-app.is-locked .ff-app__lock {
  opacity: 1;
  visibility: visible;
}

body.gece .ff-app__lock-ico {
  display: grid;
  place-items: center;
  width: calc(var(--ff-u) * 54);
  height: calc(var(--ff-u) * 54);
  border: 1px solid rgba(201, 181, 146, 0.4);
  border-radius: 50%;
  background: rgba(201, 181, 146, 0.16);
  color: #e6d6b5;
}

body.gece .ff-app__lock-ico .ff-ico {
  width: calc(var(--ff-u) * 26);
  height: calc(var(--ff-u) * 26);
}

body.gece .ff-app__lock b {
  color: #f7f5f0;
  font: 800 calc(var(--ff-u) * 16) / 1.2 var(--display);
}

body.gece .ff-app__lock small {
  color: #b8c7ce;
  font-size: calc(var(--ff-u) * 13);
}


body.gece .ff-app__tap {
  position: absolute;
  inset: 0;
  z-index: 3;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 4.2% / 6.67%;
  background: transparent;
  cursor: pointer;
}

body.gece .ff-app__hint {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  gap: calc(var(--ff-u) * 8);
  height: calc(var(--ff-u) * 22);
  margin-top: calc(var(--ff-u) * 12);
  color: #b8c7ce;
  font-size: calc(var(--ff-u) * 13);
}

body.gece .ff-app__hint .ff-ico {
  width: calc(var(--ff-u) * 16);
  height: calc(var(--ff-u) * 16);
  stroke-width: 1.8;
  animation: ff-turn 4.5s cubic-bezier(0.5, 0, 0.3, 1) 1s infinite;
}


body.gece .ff-when-back,
body.gece .ff-when-locked {
  display: none;
}

body.gece .is-card-flipped .ff-when-back,
body.gece .ff-app.is-locked .ff-when-locked {
  display: inline;
}

body.gece .is-card-flipped .ff-when-front,
body.gece .ff-app.is-locked .ff-when-open {
  display: none;
}


body.gece .ff-app__toggle {
  display: flex;
  flex: none;
  align-items: center;
  gap: calc(var(--ff-u) * 14);
  width: calc(var(--ff-u) * 358);
  min-height: calc(var(--ff-u) * 72);
  margin: calc(var(--ff-u) * 18) 0 0;
  padding: calc(var(--ff-u) * 12) calc(var(--ff-u) * 16);
  border: 1px solid rgba(184, 199, 206, 0.1);
  border-radius: calc(var(--ff-u) * 18);
  background: #102a3a;
  color: #f7f5f0;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.3s ease, background-color 0.3s ease;
}

body.gece .ff-app__toggle:hover {
  background: #14324a;
}

body.gece .ff-app__toggle[aria-pressed="true"] {
  border-color: rgba(201, 181, 146, 0.55);
}

body.gece .ff-app__toggle-ico {
  display: grid;
  flex: none;
  place-items: center;
  width: calc(var(--ff-u) * 44);
  height: calc(var(--ff-u) * 44);
  border-radius: calc(var(--ff-u) * 13);
  background: #16344a;
  color: #c9b592;
  transition: background-color 0.3s ease, color 0.3s ease;
}

body.gece .ff-app__toggle-ico .ff-ico {
  width: calc(var(--ff-u) * 22);
  height: calc(var(--ff-u) * 22);
}

body.gece .ff-app__toggle[aria-pressed="true"] .ff-app__toggle-ico {
  background: #c9b592;
  color: #07131c;
}

body.gece .ff-app__toggle-text {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: calc(var(--ff-u) * 3);
  min-width: 0;
}

body.gece .ff-app__toggle-text b {
  font: 700 calc(var(--ff-u) * 15) / 1.2 var(--display);
}

body.gece .ff-app__toggle-text small {
  color: #b8c7ce;
  font-size: calc(var(--ff-u) * 13);
}

body.gece .ff-app__toggle-text small.ff-when-locked {
  color: #e6d6b5;
}

body.gece .ff-app__switch {
  position: relative;
  flex: none;
  width: calc(var(--ff-u) * 52);
  height: calc(var(--ff-u) * 30);
  border-radius: calc(var(--ff-u) * 15);
  background: #1d4260;
  box-shadow: inset 0 0 0 1px rgba(184, 199, 206, 0.18);
  transition: background-color 0.3s ease;
}

body.gece .ff-app__switch::after {
  content: "";
  position: absolute;
  left: calc(var(--ff-u) * 3);
  top: calc(var(--ff-u) * 3);
  width: calc(var(--ff-u) * 24);
  height: calc(var(--ff-u) * 24);
  border-radius: 50%;
  background: #f7f5f0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
  transition: transform 0.35s cubic-bezier(0.3, 1.3, 0.5, 1), background-color 0.3s ease;
}

body.gece .ff-app__toggle[aria-pressed="true"] .ff-app__switch {
  background: #c9b592;
}

body.gece .ff-app__toggle[aria-pressed="true"] .ff-app__switch::after {
  background: #07131c;
  transform: translateX(calc(var(--ff-u) * 22));
}

body.gece .ff-app__menu {
  flex: none;
  margin-top: calc(var(--ff-u) * 12);
  overflow: hidden;
  border: 1px solid rgba(184, 199, 206, 0.08);
  border-radius: calc(var(--ff-u) * 18);
  background: #102a3a;
}

body.gece .ff-app__menu-row {
  display: flex;
  align-items: center;
  gap: calc(var(--ff-u) * 14);
  width: 100%;
  min-height: calc(var(--ff-u) * 54);
  margin: 0;
  padding: 0 calc(var(--ff-u) * 16);
  border: 0;
  background: transparent;
  color: #f7f5f0;
  font: 600 calc(var(--ff-u) * 15) / 1.2 var(--display);
  text-align: left;
}

body.gece .ff-app__menu-row + .ff-app__menu-row {
  background: linear-gradient(rgba(184, 199, 206, 0.1), rgba(184, 199, 206, 0.1)) calc(var(--ff-u) * 50) 0 / calc(100% - calc(var(--ff-u) * 66)) 1px no-repeat;
}

body.gece button.ff-app__menu-row {
  cursor: pointer;
}

body.gece button.ff-app__menu-row:hover {
  background-color: rgba(201, 181, 146, 0.06);
}


body.gece button.ff-app__menu-row::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: max(100%, 44px);
}

body.gece .ff-app__menu-row .ff-ico {
  color: #c9b592;
}

body.gece .ff-app__menu-row .ff-app__chev {
  width: calc(var(--ff-u) * 18);
  height: calc(var(--ff-u) * 18);
  margin-left: auto;
  color: #b8c7ce;
  stroke-width: 1.8;
}

body.gece .ff-app__kalem {
  display: flex;
  flex: none;
  flex-direction: column;
  gap: calc(var(--ff-u) * 10);
  margin-top: calc(var(--ff-u) * 12);
  padding: calc(var(--ff-u) * 14) calc(var(--ff-u) * 16);
  border: 1px solid rgba(184, 199, 206, 0.12);
  border-radius: calc(var(--ff-u) * 18);
}

body.gece .ff-app__kalem > b {
  font: 700 calc(var(--ff-u) * 14) / 1.2 var(--display);
}

body.gece .ff-app__kalem .ff-app__chip {
  height: calc(var(--ff-u) * 32);
}


body.gece .ff-phone__slide:not(.is-active) :is(.ff-app__bar-fill, .ff-app__ring-arc) {
  animation-name: none;
}


body.gece .ff-hero {
  position: relative;
  display: grid;
  min-height: var(--ff-hero-h);
  overflow: hidden;
  background: var(--g-night);
  color: var(--g-cream);
}

body.gece .ff-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1fr);
  column-gap: clamp(19.5px, calc(2.59 * var(--vw)), 59px);
  align-items: stretch;
}

body.gece .ff-hero--page .ff-hero__grid {
  grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr);
}

body.gece .ff-hero__copy {
  position: relative;
  z-index: 2;
  align-self: center;
  padding-block: clamp(36px, calc(3.45 * var(--vw)), 79px) clamp(42.5px, calc(3.97 * var(--vw)), 90px);
}

body.gece .ff-hero h1 {
  margin: 0;
  color: var(--g-cream);
  font: 400 var(--fs-serif-h1) / 1.06 var(--title);
  letter-spacing: -0.012em;
}

body.gece .ff-hero--page h1 {
  max-width: 16ch;
}

body.gece .ff-hero--home h1 {
  font-size: var(--fs-serif-home);
  line-height: 1.02;
  letter-spacing: -0.015em;
}

body.gece .ff-hero__copy > p:not(.eyebrow):not(.ff-chips):not(.ff-hero__slogan):not(.ff-hero__route) {
  max-width: 36ch;
  margin-top: clamp(15px, calc(1.64 * var(--vw)), 33px);
  color: var(--g-soft);
  font-size: var(--fs-lead);
  line-height: 1.7;
}

body.gece .ff-hero .crumbs {
  margin-bottom: clamp(13px, calc(1.21 * var(--vw)), 23px);
}

body.gece .ff-hero .action-row {
  margin-top: clamp(19.5px, calc(2.07 * var(--vw)), 39px);
  gap: clamp(10px, calc(0.86 * var(--vw)), 16px);
}


body.gece .ff-hero__note {
  position: absolute;
  right: var(--band-pad);
  bottom: clamp(11.5px, calc(1.12 * var(--vw)), 25px);
  z-index: 3;
  margin: 0;
  color: var(--g-soft);
  font: 600 clamp(11px, calc(0.6 * var(--vw)), 13px) / 1.2 var(--display);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  pointer-events: none;
}


@media (max-width: 1279px) {
  body.gece .ff-hero__note {
    right: auto;
    left: var(--band-pad);
  }
}


@media (max-width: 600px) {
  body.gece .ff-hero__note {
    bottom: 6px;
    font: italic 400 12px / 1.3 var(--body);
    letter-spacing: 0;
    text-transform: none;
  }
}


body.gece .ff-squiggle {
  position: relative;
  display: inline-block;
}

body.gece .ff-squiggle__line {
  position: absolute;
  left: 0;
  bottom: -0.09em;
  width: 100%;
  height: 0.17em;
  overflow: visible;
}

body.gece .ff-squiggle__line path {
  fill: none;
  stroke: currentColor;
  stroke-width: 0.032em;
  stroke-linecap: round;
  stroke-dasharray: 100;
  stroke-dashoffset: 0;
  vector-effect: non-scaling-stroke;
  animation: ff-draw 1.6s 0.6s cubic-bezier(0.6, 0, 0.2, 1) both;
}

body.gece .ff-squiggle__star {
  position: absolute;
  top: -0.04em;
  right: -0.3em;
  width: 0.22em;
  height: 0.22em;
  color: var(--g-coral);
  animation: ff-twinkle 2.8s ease-in-out infinite;
}


body.gece .ff-chips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: clamp(18px, calc(2.07 * var(--vw)), 39px);
}

body.gece .ff-chips__label {
  margin-right: 6px;
  color: var(--g-soft);
  font: 700 var(--fs-label) / 1 var(--display);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

body.gece .ff-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: clamp(29.5px, calc(2.16 * var(--vw)), 43px);
  padding: 0 16px 0 12px;
  border: 1px solid var(--g-gold-line);
  border-radius: 999px;
  background: var(--g-gold-soft);
  color: var(--g-cream);
  font: 700 var(--fs-label) / 1 var(--display);
}

body.gece .ff-chip .ff-ico {
  width: 1.15em;
  height: 1.15em;
  color: var(--g-gold);
}

body.gece .ff-chip::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--g-gold);
}

body.gece .ff-chip--soon {
  border-style: dashed;
  border-color: rgba(247, 245, 240, 0.32);
  background: transparent;
  color: var(--g-soft);
  font-weight: 600;
}

body.gece .ff-chip--soon .ff-ico {
  color: var(--g-soft);
}

body.gece .ff-chip--soon::after {
  background: var(--g-coral);
  animation: ff-ping 1.8s ease-out infinite;
}


body.gece .ff-stage {
  --dw: 768;
  --ar: 0.9846;
  container-type: size;
  position: relative;
  min-height: var(--ff-stage-min);
  padding-block: clamp(13px, calc(1.73 * var(--vw)), 36px);
}

body.gece .ff-hero-visual--card { --dw: 640; --ar: 1.1429; }
body.gece .ff-hero-visual--phone { --dw: 560; --ar: 0.875; }
body.gece .ff-hero-visual--pos { --dw: 620; --ar: 1.1071; }

body.gece .ff-stage__scene {
  container-type: inline-size;
  position: absolute;
  inset: 0;
  width: min(100cqw, calc(100cqh * var(--ar)));
  height: min(100cqh, calc(100cqw / var(--ar)));
  margin: auto;
}

body.gece .ff-stage__canvas {
  --ff-u: calc(100cqw / var(--dw));
  position: absolute;
  inset: 0;
}


body.gece .ff-stage__halo {
  position: absolute;
  left: -1.4%;
  top: 22%;
  z-index: 0;
  width: 83.3%;
  aspect-ratio: 1;
  pointer-events: none;
  transform: translate(var(--px), var(--py));
  transition: transform 0.8s ease-out;
}

body.gece .ff-stage__halo::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(201, 181, 146, 0.26), rgba(201, 181, 146, 0));
  animation: ff-glow 6s ease-in-out infinite;
}


body.gece .ff-stage__rise {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

body.gece .ff-stage__rise > svg {
  position: absolute;
  width: calc(var(--ff-u) * 24);
  height: calc(var(--ff-u) * 24);
  color: var(--g-gold);
  opacity: 0.3;
  animation: ff-rise 9s ease-in infinite both;
}

body.gece .ff-stage__rise > :nth-child(1) { left: 11.7%; top: 71.8%; width: calc(var(--ff-u) * 28); height: calc(var(--ff-u) * 28); animation-delay: 0s; }
body.gece .ff-stage__rise > :nth-child(2) { left: 27.6%; top: 76.9%; color: var(--g-soft); animation-delay: 1.6s; }
body.gece .ff-stage__rise > :nth-child(3) { left: 43.5%; top: 74.4%; width: calc(var(--ff-u) * 26); height: calc(var(--ff-u) * 26); animation-delay: 3.1s; }
body.gece .ff-stage__rise > :nth-child(4) { left: 19.8%; top: 78.5%; width: calc(var(--ff-u) * 16); height: calc(var(--ff-u) * 16); animation-delay: 4.4s; }
body.gece .ff-stage__rise > :nth-child(5) { left: 58.1%; top: 75.9%; width: calc(var(--ff-u) * 22); height: calc(var(--ff-u) * 22); color: var(--g-soft); animation-delay: 5.8s; }
body.gece .ff-stage__rise > :nth-child(6) { left: 5.7%; top: 77.4%; width: calc(var(--ff-u) * 20); height: calc(var(--ff-u) * 20); color: var(--g-soft); animation-delay: 7.2s; }
body.gece .ff-stage__rise > :nth-child(7) { left: 50.5%; top: 80%; width: calc(var(--ff-u) * 12); height: calc(var(--ff-u) * 12); color: var(--g-coral); animation-delay: 2.4s; }
body.gece .ff-stage__rise > :nth-child(8) { left: 35.2%; top: 80.8%; width: calc(var(--ff-u) * 20); height: calc(var(--ff-u) * 20); animation-delay: 6.5s; }


body.gece .ff-stage__phone {
  position: absolute;
  left: 56.8%;
  top: 3.8%;
  z-index: 2;
  width: 39.2%;
  animation: ff-bob 5.6s ease-in-out -2s infinite;
}

body.gece .ff-stage__phone .ff-phone {
  transform: rotate(5deg);
}

body.gece .ff-stage__card {
  position: absolute;
  left: 2.6%;
  top: 39.7%;
  z-index: 3;
  width: 75.3%;
  animation: ff-float 6s ease-in-out infinite;
}


body.gece .ff-stage__notif {
  position: absolute;
  left: 3.1%;
  top: 14.9%;
  z-index: 4;
  animation: ff-bob 7s ease-in-out -3s infinite;
}

body.gece .ff-stage__hint {
  position: absolute;
  left: 2.6%;
  top: 90.5%;
  z-index: 4;
  display: flex;
  align-items: center;
  gap: 0.6em;
  color: var(--g-soft);
  font: 600 max(12px, calc(var(--ff-u) * 14)) / 1.3 var(--display);
  pointer-events: none;
}

body.gece .ff-stage__hint .ff-ico {
  width: 1.3em;
  height: 1.3em;
  color: var(--g-gold);
}


body.gece .ff-stage__dots {
  position: absolute;
  left: 63.2%;
  top: min(88.2%, calc(100% - var(--ff-dots-h)));
  z-index: 5;
  width: 18.8%;
}


@media (max-width: 600px) {
  body.gece .ff-stage--home .ff-stage__dots {
    top: calc(88.2% - 12px);
  }
}


body.gece .ff-notif {
  display: flex;
  align-items: center;
  gap: max(8px, calc(var(--ff-u) * 12));
  padding: max(8px, calc(var(--ff-u) * 12)) max(12px, calc(var(--ff-u) * 20)) max(8px, calc(var(--ff-u) * 12)) max(8px, calc(var(--ff-u) * 12));
  border: 1px solid rgba(247, 245, 240, 0.12);
  border-radius: max(12px, calc(var(--ff-u) * 18));
  background: rgba(16, 42, 58, 0.94);
  box-shadow: 0 24px 48px -20px rgba(0, 0, 0, 0.8);
  white-space: nowrap;
}

body.gece .ff-notif__icon {
  position: relative;
  display: grid;
  flex: none;
  place-items: center;
  width: max(30px, calc(var(--ff-u) * 42));
  height: max(30px, calc(var(--ff-u) * 42));
  border: 1px solid var(--g-gold-line);
  border-radius: 30%;
  background: var(--g-gold-soft);
  color: var(--g-gold);
}

body.gece .ff-notif__icon .ff-ico {
  width: 48%;
  height: 48%;
}

body.gece .ff-notif__icon::after {
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--g-coral);
  animation: ff-ping 1.8s ease-out infinite;
}

body.gece .ff-notif__text {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

body.gece .ff-notif__text small {
  color: var(--g-soft);
  font: 700 max(9px, calc(var(--ff-u) * 11)) / 1.2 var(--display);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

body.gece .ff-notif__text b {
  color: var(--g-cream);
  font: 500 max(12px, calc(var(--ff-u) * 15)) / 1.3 var(--body);
}


body.gece .ff-float-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: max(30px, calc(var(--ff-u) * 40));
  padding: 0 max(12px, calc(var(--ff-u) * 16));
  border: 1px solid rgba(201, 181, 146, 0.45);
  border-radius: 999px;
  background: var(--g-navy);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
  color: var(--g-cream);
  font: 700 max(12px, calc(var(--ff-u) * 15)) / 1 var(--display);
  white-space: nowrap;
}

body.gece .ff-float-chip::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--g-gold);
}

body.gece .ff-float-chip em {
  font-style: normal;
  font-weight: 600;
  color: var(--g-gold);
}

body.gece .ff-float-chip--soon {
  border-style: dashed;
  border-color: rgba(184, 199, 206, 0.55);
  background: var(--g-deep);
}

body.gece .ff-float-chip--soon::before {
  border: 1.5px solid var(--g-coral);
  background: transparent;
}

body.gece .ff-float-chip--soon em {
  color: var(--g-coral);
}


body.gece .ff-twinkle {
  animation: ff-twinkle 2.8s ease-in-out infinite;
}


body.gece .ff-hero-visual--card .ff-stage__halo {
  left: 6%;
  top: 4%;
  width: 88%;
}

body.gece .ff-hero-visual--card .ff-stage__card {
  left: 8%;
  top: 25%;
  width: 84%;
}

body.gece .ff-hero-visual--card .ff-stage__hint {
  left: 8%;
  top: 90%;
}

body.gece .ff-visual__chip-a {
  position: absolute;
  left: 4%;
  top: 9%;
  z-index: 4;
  animation: ff-bob 6s ease-in-out infinite;
}

body.gece .ff-visual__chip-b {
  position: absolute;
  right: 3%;
  top: 14%;
  z-index: 4;
  animation: ff-bob 6s ease-in-out -2.4s infinite;
}

body.gece .ff-visual__star-a { position: absolute; right: 8%; top: 4%; z-index: 4; width: calc(var(--ff-u) * 24); height: calc(var(--ff-u) * 24); color: var(--g-gold); }
body.gece .ff-visual__star-b { position: absolute; left: 3%; top: 84%; z-index: 4; width: calc(var(--ff-u) * 14); height: calc(var(--ff-u) * 14); color: var(--g-coral); animation-delay: -1.2s; }
body.gece .ff-visual__star-c { position: absolute; right: 4%; top: 80%; z-index: 4; width: calc(var(--ff-u) * 12); height: calc(var(--ff-u) * 12); color: var(--g-gold); animation-delay: -2s; }


@media (max-width: 600px) {
  body.gece .ff-hero-visual--card .ff-visual__chip-b {
    top: 2%;
  }

  

  body.gece .ff-hero-visual--card .ff-visual__star-a {
    top: 17%;
    right: 2%;
  }
}


body.gece .ff-visual__orbit {
  position: absolute;
  left: 11%;
  top: 9%;
  width: 78%;
  aspect-ratio: 1;
  pointer-events: none;
}

body.gece .ff-visual__orbit::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px dashed rgba(201, 181, 146, 0.32);
  border-radius: 50%;
  background:
    radial-gradient(circle, var(--g-coral) 0 4px, transparent 5px) 50% 0 / 12px 12px no-repeat,
    radial-gradient(circle, var(--g-gold-light) 0 3px, transparent 4px) 50% 100% / 10px 10px no-repeat;
  animation: ff-spin 60s linear infinite;
}

body.gece .ff-hero-visual--phone .ff-stage__halo {
  left: 4%;
  top: 8%;
  width: 92%;
}

body.gece .ff-visual__phone {
  position: absolute;
  left: 31%;
  top: 3%;
  z-index: 2;
  width: 39%;
  animation: ff-bob 6s ease-in-out infinite;
}

body.gece .ff-visual__phone .ff-phone {
  transform: rotate(-4deg);
}

body.gece .ff-visual__minicard {
  position: absolute;
  left: 3%;
  top: 58%;
  z-index: 3;
  width: 42%;
  transform: rotate(-10deg);
  border-radius: 4.2% / 6.67%;
  box-shadow: 0 30px 50px -20px rgba(0, 0, 0, 0.8);
}

body.gece .ff-hero-visual--phone .ff-stage__notif {
  left: 54%;
  top: 20%;
}

body.gece .ff-hero-visual--phone .ff-stage__dots {
  left: 30.5%;
  top: min(87%, calc(100% - var(--ff-dots-h)));
  width: 40%;
}


body.gece .ff-hero-visual--pos .ff-stage__halo {
  left: 12%;
  top: 2%;
  width: 84%;
}

body.gece .ff-visual__pos {
  position: absolute;
  right: 11%;
  top: 7%;
  z-index: 2;
  width: 34%;
  animation: ff-bob 7s ease-in-out -1s infinite;
}

body.gece .ff-visual__swipe {
  position: absolute;
  left: 4%;
  top: 33%;
  z-index: 3;
  width: 56%;
  border-radius: 4.2% / 6.67%;
  box-shadow: 0 30px 60px -20px rgba(0, 0, 0, 0.85);
  animation: ff-swipe 5s cubic-bezier(0.3, 0.7, 0.2, 1) infinite both;
  transform: rotate(-4deg);
}

body.gece .ff-hero-visual--pos .ff-visual__chip-a {
  left: 4%;
  top: 10%;
}


body.gece .ff-pos {
  container-type: inline-size;
  position: relative;
  display: block;
  aspect-ratio: 112 / 176;
  border-radius: 17.9% / 11.4%;
  background: #1d4260;
  box-shadow: inset 0 0 0 1px rgba(247, 245, 240, 0.12), 0 24px 36px -16px rgba(0, 0, 0, 0.8);
}

body.gece .ff-pos__in {
  --ff-u: calc(100cqw / 112);
  position: absolute;
  inset: 0;
  padding: calc(var(--ff-u) * 12) calc(var(--ff-u) * 10);
}

body.gece .ff-pos__screen {
  position: relative;
  display: block;
  height: calc(var(--ff-u) * 66);
  overflow: hidden;
  border-radius: calc(var(--ff-u) * 10);
  background: #f7f5f0;
}

body.gece .ff-pos__pending,
body.gece .ff-pos__ok {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

body.gece .ff-pos__pending {
  gap: calc(var(--ff-u) * 2);
  opacity: 0;
  animation: ff-pending 5s linear infinite both;
}

body.gece .ff-pos__pending small {
  color: #34506e;
  font: 700 calc(var(--ff-u) * 8.5) / 1 var(--display);
  letter-spacing: 0.12em;
}

body.gece .ff-pos__pending b {
  color: #0b202e;
  font: 800 calc(var(--ff-u) * 12) / 1 var(--display);
}

body.gece .ff-pos__ok {
  gap: calc(var(--ff-u) * 4);
  animation: ff-approved 5s ease-out infinite both;
}

body.gece .ff-pos__ok svg {
  display: block;
  width: calc(var(--ff-u) * 24);
  height: calc(var(--ff-u) * 24);
}

body.gece .ff-pos__ok circle {
  fill: #c9b592;
}

body.gece .ff-pos__ok path {
  fill: none;
  stroke: #0b202e;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16;
  stroke-dashoffset: 0;
  animation: ff-tick 5s ease-out infinite both;
}

body.gece .ff-pos__ok span {
  color: #0b202e;
  font: 800 calc(var(--ff-u) * 10.5) / 1 var(--display);
}

body.gece .ff-pos__keys {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: calc(var(--ff-u) * 6);
  margin-top: calc(var(--ff-u) * 12);
}

body.gece .ff-pos__keys i {
  display: block;
  height: calc(var(--ff-u) * 14);
  border-radius: calc(var(--ff-u) * 4);
  background: rgba(247, 245, 240, 0.14);
}

body.gece .ff-pos__keys i:last-child {
  background: #c9b592;
}

body.gece .ff-pos__slot {
  display: block;
  width: calc(var(--ff-u) * 30);
  height: calc(var(--ff-u) * 4);
  margin: calc(var(--ff-u) * 12) auto 0;
  border-radius: calc(var(--ff-u) * 2);
  background: rgba(247, 245, 240, 0.2);
}


body.gece .ff-marquee {
  position: relative;
  display: flex;
  align-items: center;
  

  min-height: clamp(52px, calc(4.4 * var(--vw)), 88px);
  overflow: hidden;
  border-block: 1px solid var(--g-gold-line);
  background: var(--g-night);
}

body.gece .ff-marquee__track {
  display: flex;
  flex: none;
  width: max-content;
  animation: ff-marquee 40s linear infinite;
}

body.gece .ff-marquee__group {
  display: flex;
  flex: none;
  align-items: center;
  gap: clamp(14px, calc(1.81 * var(--vw)), 36px);
  margin: 0;
  padding: 0 clamp(14px, calc(1.81 * var(--vw)), 36px) 0 0;
}

body.gece .ff-marquee__item {
  color: var(--g-soft); 

  font: italic 400 var(--fs-serif-h3) / 1.1 var(--title);
  white-space: nowrap;
}

body.gece .ff-marquee__item em {
  color: var(--g-gold);
}

body.gece .ff-marquee__item--gold {
  color: var(--g-gold);
}

body.gece .ff-marquee .ff-star {
  width: clamp(9px, calc(0.86 * var(--vw)), 17px);
  height: clamp(9px, calc(0.86 * var(--vw)), 17px);
  color: var(--g-gold);
  animation: ff-twinkle 2.8s ease-in-out infinite;
}

body.gece .ff-marquee .ff-star--coral {
  color: var(--g-coral);
}


body.gece .ff-how {
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(29.5px, calc(4.32 * var(--vw)), 79px) minmax(0, 1fr) clamp(29.5px, calc(4.32 * var(--vw)), 79px) minmax(0, 1fr);
  align-items: stretch;
  margin-top: clamp(23px, calc(3.11 * var(--vw)), 62px);
}

body.gece .ff-how__step {
  display: flex;
  flex-direction: column;
  padding: clamp(13px, calc(1.29 * var(--vw)), 25px);
  border: 1px solid rgba(247, 245, 240, 0.08);
  border-radius: clamp(15px, calc(1.47 * var(--vw)), 26px);
  background: var(--g-navy);
}

body.gece .section--navy .ff-how__step {
  background: var(--g-surface);
}

body.gece .ff-how__art {
  container-type: inline-size;
  position: relative;
  flex: none;
  aspect-ratio: 345 / 200;
  overflow: hidden;
  border-radius: clamp(10px, calc(0.95 * var(--vw)), 16px);
  background: var(--g-night);
}

body.gece .ff-how__canvas {
  --ff-u: calc(100cqw / 345);
  position: absolute;
  inset: 0;
}

body.gece .ff-how__meta {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: clamp(13px, calc(1.29 * var(--vw)), 25px);
}

body.gece .ff-how__meta::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--g-gold-line);
}

body.gece .ff-how__no {
  color: var(--g-gold);
  font: 800 var(--fs-label) / 1 var(--display);
  letter-spacing: 0.14em;
}


body.gece .ff-how__cue {
  color: var(--g-soft);
  font: 700 var(--fs-label) / 1.25 var(--display);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

body.gece .ff-how__step h3 {
  margin-top: 12px;
  color: var(--g-cream);
  font: 400 var(--fs-serif-h3) / 1.1 var(--title);
}

body.gece .ff-how__step h3 + p {
  margin-top: 8px;
  color: var(--g-soft);
  font-size: var(--fs-copy);
  line-height: 1.55;
}

body.gece .ff-how__link {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  color: var(--g-gold);
}

body.gece .ff-how__link svg {
  width: 100%;
  height: 24px;
  margin-top: clamp(57px, calc(7.3 * var(--vw)), 160px);
  overflow: visible;
}

body.gece .ff-how__link circle {
  fill: currentColor;
}

body.gece .ff-how__link path {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.gece .ff-how__link .ff-how__dash {
  stroke-dasharray: 4 6;
  animation: ff-dash 1s linear infinite;
}


body.gece .ff-how-topic {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(var(--ff-u) * 26);
}

body.gece .ff-how-topic__icon {
  position: relative;
  display: grid;
  place-items: center;
  width: calc(var(--ff-u) * 64);
  height: calc(var(--ff-u) * 64);
  border: 1px solid var(--g-gold-line);
  border-radius: 50%;
  background: var(--g-gold-soft);
  color: var(--g-gold);
}


body.gece .ff-how-topic__icon::before {
  content: "";
  position: absolute;
  inset: calc(var(--ff-u) * -13);
  border: 1px dashed rgba(201, 181, 146, 0.3);
  border-radius: 50%;
}

body.gece .ff-how-topic__icon .ff-ico {
  width: calc(var(--ff-u) * 28);
  height: calc(var(--ff-u) * 28);
}

body.gece .ff-how-topic__tags {
  display: flex;
  gap: calc(var(--ff-u) * 8);
  margin: 0;
  padding: 0;
  list-style: none;
}

body.gece .ff-how-topic__tags li {
  display: inline-flex;
  align-items: center;
  height: calc(var(--ff-u) * 26);
  padding: 0 calc(var(--ff-u) * 12);
  border: 1px solid var(--g-gold-line);
  border-radius: 999px;
  background: rgba(247, 245, 240, 0.04);
  color: var(--g-cream);
  font: 700 calc(var(--ff-u) * 11) / 1 var(--display);
  letter-spacing: 0.04em;
  white-space: nowrap;
  animation: ff-chip 5s var(--g-ease) 0.2s infinite both;
}

body.gece .ff-how-topic__tags li:nth-child(2) { animation-delay: 0.8s; }
body.gece .ff-how-topic__tags li:nth-child(3) { animation-delay: 1.4s; }


body.gece .ff-how__mini {
  position: absolute;
  left: 50%;
  top: calc(var(--ff-u) * 22);
  width: calc(var(--ff-u) * 184);
  height: calc(var(--ff-u) * 250);
  margin-left: calc(var(--ff-u) * -92);
  padding: calc(var(--ff-u) * 8);
  border-radius: calc(var(--ff-u) * 30);
  background: #0a1720;
  box-shadow: 0 0 0 1px #1d4260, 0 calc(var(--ff-u) * 20) calc(var(--ff-u) * 40) calc(var(--ff-u) * -20) rgba(0, 0, 0, 0.8);
}

body.gece .ff-how__mini-screen {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: calc(var(--ff-u) * 23);
  background: #0b202e;
}

body.gece .ff-how__mini-body {
  position: absolute;
  left: calc(var(--ff-u) * 14);
  right: calc(var(--ff-u) * 14);
  top: calc(var(--ff-u) * 66);
}

body.gece .ff-how__mini-label {
  color: var(--g-soft);
  font: 700 calc(var(--ff-u) * 10) / 1.2 var(--display);
  letter-spacing: 0.12em;
}

body.gece .ff-how__mini-balance {
  margin-top: calc(var(--ff-u) * 4);
  color: var(--g-cream);
  font: 800 calc(var(--ff-u) * 21) / 1.1 var(--display);
  transform-origin: left center;
  animation: ff-balance 5s ease-out infinite both;
}

body.gece .ff-how__mini-chips {
  display: flex;
  gap: calc(var(--ff-u) * 6);
  margin-top: calc(var(--ff-u) * 10);
}

body.gece .ff-how__mini-chips span {
  display: inline-flex;
  align-items: center;
  height: calc(var(--ff-u) * 20);
  padding: 0 calc(var(--ff-u) * 8);
  border-radius: 999px;
  font: 700 calc(var(--ff-u) * 9.5) / 1 var(--display);
}

body.gece .ff-how__mini-chips span:first-child {
  background: var(--g-gold);
  color: #0b202e;
}

body.gece .ff-how__mini-chips span + span {
  border: 1px dashed rgba(247, 245, 240, 0.3);
  color: var(--g-soft);
  font-weight: 600;
}

body.gece .ff-how__mini-bar {
  display: block;
  width: 80%;
  height: calc(var(--ff-u) * 8);
  margin-top: calc(var(--ff-u) * 12);
  border-radius: calc(var(--ff-u) * 4);
  background: rgba(247, 245, 240, 0.1);
}

body.gece .ff-how__mini-bar + .ff-how__mini-bar {
  width: 60%;
  margin-top: calc(var(--ff-u) * 7);
  background: rgba(247, 245, 240, 0.07);
}


body.gece .ff-how__toast {
  position: absolute;
  left: calc(var(--ff-u) * 7);
  right: calc(var(--ff-u) * 7);
  top: calc(var(--ff-u) * 8);
  display: flex;
  align-items: center;
  gap: calc(var(--ff-u) * 8);
  padding: calc(var(--ff-u) * 8) calc(var(--ff-u) * 10);
  border-radius: calc(var(--ff-u) * 13);
  background: #f7f5f0;
  box-shadow: 0 calc(var(--ff-u) * 12) calc(var(--ff-u) * 24) calc(var(--ff-u) * -10) rgba(0, 0, 0, 0.7);
  animation: ff-notif 5s var(--g-ease) infinite both;
}

body.gece .ff-how__toast-f {
  display: grid;
  flex: none;
  place-items: center;
  width: calc(var(--ff-u) * 24);
  height: calc(var(--ff-u) * 24);
  border-radius: calc(var(--ff-u) * 7);
  background: #102a3a;
  color: var(--g-gold);
  font: 800 calc(var(--ff-u) * 13) / 1 var(--display);
}

body.gece .ff-how__toast-text {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}

body.gece .ff-how__toast-text small {
  color: #34506e;
  font: 800 calc(var(--ff-u) * 8.5) / 1.2 var(--display);
  letter-spacing: 0.08em;
}

body.gece .ff-how__toast-text b {
  color: #0b202e;
  font: 600 calc(var(--ff-u) * 10.5) / 1.25 var(--body);
}


body.gece .ff-how__posbox {
  position: absolute;
  right: calc(var(--ff-u) * 30);
  top: calc(var(--ff-u) * 14);
  width: calc(var(--ff-u) * 112);
}

body.gece .ff-how__swipe {
  position: absolute;
  left: calc(var(--ff-u) * 26);
  top: calc(var(--ff-u) * 58);
  z-index: 2;
  width: calc(var(--ff-u) * 154);
  border-radius: 4.2% / 6.67%;
  box-shadow: 0 calc(var(--ff-u) * 16) calc(var(--ff-u) * 30) calc(var(--ff-u) * -12) rgba(0, 0, 0, 0.8);
  transform: rotate(-4deg);
  animation: ff-swipe 5s cubic-bezier(0.3, 0.7, 0.2, 1) infinite both;
}


body.gece .ff-how-form {
  position: absolute;
  inset: calc(var(--ff-u) * 16);
  padding: calc(var(--ff-u) * 14);
  border: 1px solid rgba(247, 245, 240, 0.08);
  border-radius: calc(var(--ff-u) * 14);
  background: #0f2536;
}

body.gece .ff-how-form {
  display: flex;
  flex-direction: column;
}

body.gece .ff-how-form__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--g-soft);
  font: 700 calc(var(--ff-u) * 11) / 1.2 var(--display);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

body.gece .ff-how-form__f {
  display: grid;
  flex: none;
  place-items: center;
  width: calc(var(--ff-u) * 22);
  height: calc(var(--ff-u) * 22);
  border-radius: calc(var(--ff-u) * 7);
  background: var(--g-gold);
  color: #0b202e;
  font: 800 calc(var(--ff-u) * 12) / 1 var(--display);
  letter-spacing: 0;
}

body.gece .ff-how-form__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: calc(var(--ff-u) * 8) calc(var(--ff-u) * 10);
  margin-top: calc(var(--ff-u) * 10);
}

body.gece .ff-how-form__field {
  display: flex;
  flex-direction: column;
  gap: calc(var(--ff-u) * 4);
  min-width: 0;
}

body.gece .ff-how-form__field--wide {
  grid-column: 1 / -1;
}

body.gece .ff-how-form__field small {
  display: block;
  width: 42%;
  height: calc(var(--ff-u) * 5);
  border-radius: 99px;
  background: rgba(247, 245, 240, 0.18);
}

body.gece .ff-how-form__field--wide small {
  width: 24%;
}

body.gece .ff-how-form__box {
  display: flex;
  align-items: center;
  height: calc(var(--ff-u) * 24);
  padding: 0 calc(var(--ff-u) * 8);
  border: 1px solid rgba(247, 245, 240, 0.16);
  border-radius: calc(var(--ff-u) * 7);
  background: var(--g-night);
}

body.gece .ff-how-form__box i {
  display: block;
  width: 66%;
  height: calc(var(--ff-u) * 6);
  border-radius: 99px;
  background: rgba(247, 245, 240, 0.42);
  transform-origin: left center;
  animation: ff-type 5s var(--g-ease) 0.2s infinite both;
}

body.gece .ff-how-form__field:nth-child(2) .ff-how-form__box i {
  width: 52%;
  animation-delay: 0.9s;
}

body.gece .ff-how-form__field:nth-child(3) .ff-how-form__box i {
  width: 78%;
  animation-delay: 1.6s;
}

body.gece .ff-how-form__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
}

body.gece .ff-how-form__btn {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--ff-u) * 5);
  height: calc(var(--ff-u) * 24);
  padding: 0 calc(var(--ff-u) * 12);
  border-radius: 999px;
  background: var(--g-gold);
  color: #0b202e;
  font: 700 calc(var(--ff-u) * 10.5) / 1 var(--display);
  animation: ff-press 5s ease-in-out infinite both;
}

body.gece .ff-how-form__btn .ff-ico {
  width: calc(var(--ff-u) * 11);
  height: calc(var(--ff-u) * 11);
  stroke-width: 2.2;
}

body.gece .ff-how-form__ok {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--ff-u) * 6);
  color: var(--g-gold-light);
  font: 700 calc(var(--ff-u) * 10.5) / 1 var(--display);
  animation: ff-ok 5s var(--g-ease) infinite both;
}

body.gece .ff-how-form__ok svg {
  display: block;
  width: calc(var(--ff-u) * 20);
  height: calc(var(--ff-u) * 20);
}

body.gece .ff-how-form__ok circle {
  fill: var(--g-gold);
}

body.gece .ff-how-form__ok path {
  fill: none;
  stroke: #0b202e;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16;
  stroke-dashoffset: 0;
  animation: ff-okdraw 5s ease-out infinite both;
}


body.gece .ff-themes {
  display: grid;
  grid-template-columns: minmax(0, 0.74fr) minmax(0, 1fr);
  gap: clamp(26px, calc(4.32 * var(--vw)), 90px);
  align-items: center;
}

body.gece .ff-themes__copy > p:not(.eyebrow):not(.note):not(.ff-themes__meta):not(.ff-themes__line) {
  margin-top: 18px;
  color: var(--g-soft);
  font-size: var(--fs-copy);
  line-height: 1.6;
}

body.gece .ff-themes__copy > .note {
  margin-top: 6px;
}

body.gece .ff-themes__picker {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: clamp(19.5px, calc(1.9 * var(--vw)), 36px);
}

body.gece .ff-theme-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: clamp(69px, calc(5.52 * var(--vw)), 108px);
  margin: 0;
  padding: 10px 6px;
  border: 1.5px solid rgba(247, 245, 240, 0.14);
  border-radius: clamp(11.5px, calc(0.95 * var(--vw)), 16px);
  background: rgba(247, 245, 240, 0.03);
  color: var(--g-cream);
  font: 700 var(--fs-label) / 1.1 var(--display);
  cursor: pointer;
  transition: transform 0.25s ease, border-color 0.25s ease, background-color 0.25s ease;
}

body.gece .ff-theme-btn:hover {
  border-color: rgba(201, 181, 146, 0.6);
  transform: translateY(-3px);
}

body.gece .ff-theme-btn[aria-pressed="true"] {
  border-color: var(--g-gold);
  background: var(--g-gold-soft);
}


body.gece .ff-skin--gece { --sw-bg: linear-gradient(135deg, #0e2233, #152b40); --sw-f: #34506e; --sw-tag: #4a6d93; }
body.gece .ff-skin--altin { --sw-bg: linear-gradient(135deg, #d6c49f, #b9a57f); --sw-f: rgba(233, 220, 192, 0.75); --sw-tag: #8a7348; }
body.gece .ff-skin--krem { --sw-bg: linear-gradient(135deg, #f7f5f0, #ebe6db); --sw-f: rgba(16, 42, 58, 0.85); --sw-tag: #c9b592; }
body.gece .ff-skin--murekkep { --sw-bg: linear-gradient(135deg, #070b10, #11181f); --sw-f: rgba(201, 181, 146, 0.8); --sw-tag: #e6d6b5; }

body.gece .ff-swatch {
  position: relative;
  display: block;
  width: clamp(37.5px, calc(3.11 * var(--vw)), 64px);
  aspect-ratio: 52 / 33;
  overflow: hidden;
  border-radius: 12% / 19%;
  background: var(--sw-bg);
  box-shadow: 0 0 0 1px rgba(247, 245, 240, 0.16);
}

body.gece .ff-swatch::before {
  content: "";
  position: absolute;
  left: 54%;
  top: 14%;
  width: 40%;
  height: 86%;
  background: var(--sw-f);
  clip-path: polygon(0 0, 100% 0, 100% 20.9%, 30% 20.9%, 30% 39.5%, 85% 39.5%, 85% 58.1%, 30% 58.1%, 30% 100%, 0 100%);
}

body.gece .ff-swatch::after {
  content: "";
  position: absolute;
  left: 70%;
  top: 74%;
  width: 22%;
  height: 16%;
  background: var(--sw-tag);
}

body.gece .ff-themes__meta {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin-top: clamp(18px, calc(1.73 * var(--vw)), 33px);
  color: var(--g-gold);
  font: 800 var(--fs-label) / 1 var(--display);
  letter-spacing: 0.14em;
}

body.gece .ff-themes__meta span + span {
  color: var(--g-soft);
  font-weight: 700;
}

body.gece .ff-themes__line {
  min-height: 2.6em;
  margin-top: 10px;
  color: var(--g-gold-light);
  font: italic 400 clamp(18px, calc(1.55 * var(--vw)), 34px) / 1.3 var(--title);
}

body.gece .ff-themes__copy .ff-btn-ghost {
  margin-top: clamp(11.5px, calc(1.21 * var(--vw)), 23px);
}

body.gece .ff-themes__stage {
  container-type: inline-size;
  position: relative;
  aspect-ratio: 772 / 520;
}

body.gece .ff-themes__stage > * {
  --ff-u: calc(100cqw / 772);
}

body.gece .ff-themes__shadow {
  position: absolute;
  left: 14.3%;
  top: 87%;
  width: 65%;
  height: 10.8%;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
}

body.gece .ff-themes__ghost {
  position: absolute;
  width: 69.3%;
  aspect-ratio: 428 / 270;
  border-radius: 4.2% / 6.67%;
  background: var(--sw-bg);
  box-shadow: 0 0 0 1px rgba(247, 245, 240, 0.12);
}

body.gece .ff-themes__ghost--prev {
  left: 7.8%;
  top: 23.5%;
  opacity: 0.4;
  transform: rotate(-9deg);
}

body.gece .ff-themes__ghost--next {
  left: 16.6%;
  top: 13.5%;
  opacity: 0.5;
  transform: rotate(6deg);
}

body.gece .ff-themes__float {
  position: absolute;
  left: 11.9%;
  top: 17.7%;
  z-index: 2;
  width: 69.3%;
  animation: ff-float 6s ease-in-out -3s infinite;
}

body.gece .ff-themes__pop.is-popping {
  animation: ff-pop 0.8s cubic-bezier(0.2, 0.9, 0.3, 1.15) both;
}

body.gece .ff-themes__stage .ff-card-btn {
  box-shadow: 0 50px 80px -30px rgba(0, 0, 0, 0.85);
}

body.gece .ff-themes__stage .ff-star {
  position: absolute;
  z-index: 3;
}

body.gece .ff-themes__stage .ff-star:nth-of-type(1) { left: 84%; top: 9%; width: calc(var(--ff-u) * 24); height: calc(var(--ff-u) * 24); color: var(--g-gold); }
body.gece .ff-themes__stage .ff-star:nth-of-type(2) { left: 6.5%; top: 82%; width: calc(var(--ff-u) * 14); height: calc(var(--ff-u) * 14); color: var(--g-coral); animation-delay: -1.2s; }
body.gece .ff-themes__stage .ff-star:nth-of-type(3) { left: 4.7%; top: 13.5%; width: calc(var(--ff-u) * 12); height: calc(var(--ff-u) * 12); color: var(--g-gold); animation-delay: -2s; }


body.gece .ff-showcase {
  display: grid;
  grid-template-columns: minmax(0, 0.56fr) minmax(0, 1fr);
  gap: clamp(26px, calc(2.93 * var(--vw)), 59px);
  align-items: center;
}

body.gece .ff-showcase__copy > p:not(.eyebrow):not(.note) {
  max-width: 38ch;
  margin-top: 22px;
  color: var(--g-soft);
  font-size: var(--fs-copy);
  line-height: 1.6;
}

body.gece .ff-showcase__stage {
  position: relative;
  padding-block: clamp(16.5px, calc(2.24 * var(--vw)), 46px);
}


body.gece .ff-showcase__orbit {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 74%;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

body.gece .ff-showcase__orbit::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px dashed var(--g-gold-line);
  border-radius: 50%;
  background:
    radial-gradient(circle, var(--g-gold) 0 6px, transparent 7px) 50% 0 / 16px 16px no-repeat,
    radial-gradient(circle, var(--g-coral) 0 4px, transparent 5px) 50% 100% / 12px 12px no-repeat;
  animation: ff-spin 60s linear infinite;
}

body.gece .ff-showcase__phones {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.gece .ff-showcase__item {
  position: relative;
  z-index: 1;
  flex: 0 0 31%;
  margin: 0;
}

body.gece .ff-showcase__item:nth-child(1) {
  margin-right: -1.5%;
  transform: perspective(1400px) rotateY(8deg) translateY(4%);
}

body.gece .ff-showcase__item:nth-child(2) {
  z-index: 3;
  transform: scale(1.06) translateY(-3%);
}

body.gece .ff-showcase__item:nth-child(3) {
  margin-left: -1.5%;
  transform: perspective(1400px) rotateY(-8deg) translateY(4%);
}

body.gece .ff-showcase__bob {
  animation: ff-bob 7s ease-in-out -1s infinite;
}

body.gece .ff-showcase__item:nth-child(2) .ff-showcase__bob {
  animation-duration: 5.6s;
  animation-delay: -3s;
}

body.gece .ff-showcase__item:nth-child(3) .ff-showcase__bob {
  animation-duration: 8.4s;
  animation-delay: -5s;
}

body.gece .ff-showcase__caption {
  display: table;
  margin: clamp(11.5px, calc(1.21 * var(--vw)), 23px) auto 0;
  padding: 6px 14px;
  border: 1px solid var(--g-line);
  border-radius: 999px;
  background: rgba(7, 19, 28, 0.88);
  color: var(--g-soft);
  font: 700 var(--fs-label) / 1.35 var(--display);
  text-align: center;
}

body.gece .ff-showcase .store-links + .note {
  margin-top: 14px;
}


body.gece .ff-showcase__stage > .ff-phone-solo {
  position: relative;
  z-index: 1;
  width: clamp(230px, 33%, 380px);
  margin-inline: auto;
}


body.gece .ff-showcase__stage:has(> .ff-phone-solo) > .ff-showcase__orbit {
  top: calc(50% - (clamp(5px, calc(0.69 * var(--vw)), 11px) + var(--ff-dots-h)) / 2);
  width: min(96%, 2 * clamp(230px, 33%, 380px));
}


body.gece .ff-kalem {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(11.5px, calc(1.47 * var(--vw)), 26px);
}

body.gece .ff-kalem__tile {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: clamp(213px, calc(17.26 * var(--vw)), 361px);
  overflow: hidden;
  padding: clamp(19.5px, calc(2.16 * var(--vw)), 41px) clamp(19.5px, calc(2.42 * var(--vw)), 48px);
  border-radius: clamp(16.5px, calc(1.68 * var(--vw)), 30px);
}

body.gece .ff-kalem__tile--active {
  border: 1.5px solid var(--g-gold);
  background: var(--g-navy);
  box-shadow: 0 0 0 6px rgba(201, 181, 146, 0.07);
}

body.gece .ff-kalem__tile--soon {
  border: 1.5px dashed rgba(247, 245, 240, 0.26);
  background: var(--g-deep);
}

body.gece .section--paper .ff-kalem__tile--soon {
  background: var(--g-night);
}

body.gece .ff-kalem__bg {
  position: absolute;
  right: -1.7%;
  bottom: -15%;
  width: 42%;
  height: auto;
  aspect-ratio: 1;
  color: var(--g-gold);
  opacity: 0.07;
  stroke-width: 0.7;
}

body.gece .ff-kalem__top {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

body.gece .ff-kalem__icon {
  display: grid;
  place-items: center;
  width: clamp(52.5px, calc(5.01 * var(--vw)), 100px);
  aspect-ratio: 1;
  border: 1px solid var(--g-gold-line);
  border-radius: 26%;
  background: var(--g-gold-soft);
  color: var(--g-gold);
}

body.gece .ff-kalem__icon .ff-ico {
  width: 52%;
  height: 52%;
}

body.gece .ff-kalem__tile--active .ff-kalem__icon .ff-ico {
  transform-origin: 50% 15%;
  animation: ff-sway 3.4s ease-in-out infinite;
}

body.gece .ff-kalem__tile--soon .ff-kalem__icon {
  border: 1.5px dashed rgba(247, 245, 240, 0.26);
  background: transparent;
  color: var(--g-dim);
}

body.gece .ff-kalem__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: clamp(26px, calc(2.07 * var(--vw)), 39px);
  padding: 0 16px 0 12px;
  border-radius: 999px;
  font: 800 var(--fs-label) / 1 var(--display);
  white-space: nowrap;
}

body.gece .ff-kalem__badge::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
}

body.gece .ff-kalem__tile--active .ff-kalem__badge {
  background: var(--g-gold);
  color: #0b202e;
}

body.gece .ff-kalem__tile--active .ff-kalem__badge::before {
  background: #0b202e;
}

body.gece .ff-kalem__tile--soon .ff-kalem__badge {
  border: 1px solid var(--g-line-strong);
  color: var(--g-cream);
  font-weight: 700;
}

body.gece .ff-kalem__tile--soon .ff-kalem__badge::before {
  background: var(--g-coral);
  animation: ff-blink 1.8s ease-in-out infinite;
}

body.gece .ff-kalem__tile h3 {
  position: relative;
  margin-top: auto;
  padding-top: clamp(19.5px, calc(1.73 * var(--vw)), 33px);
  color: var(--g-cream);
  font: 400 calc(var(--fs-serif-h3) * 1.15) / 1 var(--title);
}

body.gece .ff-kalem__tile--soon h3 {
  color: var(--g-soft);
}

body.gece .ff-kalem__tile h3 + p {
  position: relative;
  max-width: 36ch;
  margin-top: 12px;
  color: var(--g-soft);
  font-size: var(--fs-copy);
  line-height: 1.55;
}

body.gece .ff-kalem__shimmer {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: inherit;
  pointer-events: none;
}

body.gece .ff-kalem__shimmer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 35%;
  height: 100%;
  background: linear-gradient(90deg, rgba(247, 245, 240, 0), rgba(247, 245, 240, 0.08), rgba(247, 245, 240, 0));
  transform: translateX(-140%) skewX(-18deg);
  animation: ff-shimmer 4.8s ease-in-out infinite;
}


body.gece .ff-kalem__motto {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: clamp(19.5px, calc(2.07 * var(--vw)), 39px);
  color: var(--g-gold-light);
  font: italic 400 clamp(18px, calc(1.68 * var(--vw)), 38px) / 1.25 var(--title);
  text-align: center;
}

body.gece .ff-kalem__motto .ff-star {
  width: 0.55em;
  height: 0.55em;
  color: var(--g-gold);
}


@media (min-width: 761px) {
  body.gece .ff-kalem {
    grid-template-rows: minmax(0, 1fr) auto auto;
  }

  body.gece .ff-kalem__tile {
    display: grid;
    grid-row: span 3;
    grid-template-rows: subgrid;
    row-gap: 0;
  }

  body.gece .ff-kalem__top {
    align-self: start;
  }

  body.gece .ff-kalem__tile h3 {
    align-self: end;
  }
}


body.gece .ff-kalem + .catalog {
  margin-top: clamp(16.5px, calc(1.73 * var(--vw)), 36px);
}


body.gece .ff-kalem--side {
  margin-top: clamp(18px, calc(1.64 * var(--vw)), 33px);
}

body.gece .ff-kalem--side .ff-kalem__tile {
  min-height: clamp(180.5px, calc(12.95 * var(--vw)), 279px);
}


body.gece .ff-audience {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(11.5px, calc(1.47 * var(--vw)), 26px);
}

body.gece .ff-aud {
  display: flex;
  flex-direction: column;
  min-height: clamp(188.5px, calc(15.02 * var(--vw)), 320px);
  padding: clamp(18px, calc(1.81 * var(--vw)), 34px);
  border: 1px solid rgba(247, 245, 240, 0.1);
  border-radius: clamp(15px, calc(1.47 * var(--vw)), 26px);
  background: var(--g-navy);
  color: var(--g-cream);
  transition: transform 0.45s var(--g-ease), border-color 0.45s ease, box-shadow 0.45s ease;
}

body.gece .section--navy .ff-aud {
  background: var(--g-surface);
}

body.gece .ff-aud:hover {
  border-color: var(--g-gold);
  transform: translateY(-10px);
  box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.85), 0 0 38px -12px var(--g-gold);
}

body.gece .ff-aud__icon {
  display: grid;
  place-items: center;
  width: clamp(39.5px, calc(3.11 * var(--vw)), 61px);
  aspect-ratio: 1;
  border: 1px solid var(--g-gold-line);
  border-radius: 30%;
  background: var(--g-gold-soft);
  color: var(--g-gold);
}

body.gece .ff-aud__icon .ff-ico {
  width: 46%;
  height: 46%;
}

body.gece .ff-aud h3 {
  margin-top: clamp(15px, calc(1.29 * var(--vw)), 25px);
  color: var(--g-cream);
  font: 400 calc(var(--fs-serif-h3) * 1.1) / 1.1 var(--title);
}

body.gece .ff-aud h3 + p {
  margin-top: 8px;
  color: var(--g-soft);
  font-size: var(--fs-copy);
  line-height: 1.5;
}

body.gece .ff-aud__go {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: auto;
  padding-top: 20px;
  color: var(--g-gold);
  font: 700 var(--fs-ui) / 1 var(--display);
}

body.gece .ff-aud__go .ff-ico {
  width: 0.95em;
  height: 0.95em;
  transition: transform 0.3s ease;
}

body.gece .ff-aud:hover .ff-aud__go .ff-ico {
  transform: translateX(3px); 

}


body.gece .ff-audience + .action-row {
  margin-top: clamp(19.5px, calc(2.07 * var(--vw)), 43px);
}


body.gece .ff-closing {
  padding-block: clamp(23px, calc(2.16 * var(--vw)), 46px) clamp(29.5px, calc(2.59 * var(--vw)), 56px);
  background: var(--g-night);
}

body.gece .ff-closing__band {
  position: relative;
  display: flex;
  align-items: center;
  min-height: clamp(344.5px, calc(29.95 * var(--vw)), 640px);
  overflow: hidden;
  border-radius: clamp(18px, calc(1.9 * var(--vw)), 33px);
  background: var(--g-navy);
}

body.gece .ff-closing__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: 62% 40%;
  animation: ff-ken 18s ease-in-out infinite alternate;
}

body.gece .ff-closing__band::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(90deg, rgba(7, 19, 28, 0.94) 0%, rgba(7, 19, 28, 0.8) 42%, rgba(7, 19, 28, 0.34) 100%);
}

body.gece .ff-closing__copy {
  position: relative;
  z-index: 2;
  padding: clamp(29.5px, calc(3.02 * var(--vw)), 66px) clamp(19.5px, calc(4.75 * var(--vw)), 102px);
}

body.gece .ff-closing__copy h2 {
  color: var(--g-cream);
  font: 400 var(--fs-serif-h2) / 1.02 var(--title);
  letter-spacing: -0.015em;
}

body.gece .ff-closing__copy > p:not(.eyebrow) {
  max-width: 32ch;
  margin-top: clamp(13px, calc(1.29 * var(--vw)), 25px);
  color: #d3dde1;
  font-size: var(--fs-copy);
  line-height: 1.6;
}

body.gece .ff-closing .action-row {
  gap: clamp(10px, calc(0.86 * var(--vw)), 16px);
}



body.gece .ff-icon-cards .card {
  position: relative;
}

body.gece .ff-icon-cards__ico {
  position: absolute;
  top: clamp(21.5px, calc(1.81 * var(--vw)), 39px);
  right: clamp(19.5px, calc(1.64 * var(--vw)), 34px);
  display: grid;
  place-items: center;
  width: clamp(36px, calc(2.68 * var(--vw)), 56px);
  aspect-ratio: 1;
  border: 1px solid var(--g-gold-line);
  border-radius: 30%;
  background: var(--g-gold-soft);
  color: var(--g-gold);
  font-size: clamp(16.5px, calc(1.21 * var(--vw)), 25px);
  transition: transform 0.45s var(--g-ease);
}

body.gece .ff-icon-cards .card:hover .ff-icon-cards__ico {
  transform: rotate(-8deg) scale(1.06);
}


body.gece .ff-tax .card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-content: start;
  column-gap: 16px;
}

body.gece .ff-tax .card__no {
  align-self: center;
  margin-bottom: 0;
}

body.gece .ff-tax .card__flag {
  justify-self: end;
  align-self: center;
  margin-bottom: 0;
  text-align: center;
}

body.gece .ff-tax .card > h3,
body.gece .ff-tax .card > p {
  grid-column: 1 / -1;
}

body.gece .ff-tax .card > h3 {
  margin-top: clamp(16.5px, calc(1.38 * var(--vw)), 28px);
}

body.gece .ff-tax .card > p {
  text-wrap: pretty;
}

body.gece .ff-tax__card--on {
  border-color: rgba(201, 181, 146, 0.6);
  box-shadow: 0 0 0 6px rgba(201, 181, 146, 0.07);
}


body.gece .ff-tax__card--on:hover {
  box-shadow: 0 0 0 6px rgba(201, 181, 146, 0.07), 0 30px 60px -34px rgba(0, 0, 0, 0.85);
}

body.gece .ff-tax__card--soon {
  border-style: dashed;
  border-color: rgba(247, 245, 240, 0.28);
}

body.gece .ff-tax__card--info,
body.gece .ff-tax__card--info:hover {
  background: transparent;
}

body.gece .card__flag--soon {
  border-style: dashed;
}

body.gece .card__flag--soon::before {
  content: "";
  flex: none;
  width: 7px;
  height: 7px;
  border: 1.5px solid var(--g-coral);
  border-radius: 50%;
}


@media (min-width: 821px) and (max-width: 1200px) {
  body.gece .ff-tax {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


body.gece .ff-segs__lead {
  margin-bottom: clamp(21.5px, calc(1.9 * var(--vw)), 39px);
}

body.gece .ff-segs .segment {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: auto 1fr auto;
  align-items: start;
  gap: clamp(15px, calc(1.29 * var(--vw)), 25px) 12px;
  min-height: clamp(205px, calc(15.97 * var(--vw)), 344px);
  padding: clamp(18px, calc(1.81 * var(--vw)), 34px);
  border-color: rgba(247, 245, 240, 0.1);
  border-radius: clamp(15px, calc(1.47 * var(--vw)), 26px);
  background: var(--g-navy);
}


body.gece .ff-segs .segment:hover,
body.gece .ff-segs .segment:focus-visible {
  border-color: var(--g-gold);
  transform: translateY(-10px);
}


body.gece .ff-segs .segment:focus-visible {
  box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.85), 0 0 38px -12px var(--g-gold);
}

body.gece .ff-segs .ff-aud__icon {
  grid-column: 1;
  grid-row: 1;
  transition: background 0.45s ease, border-color 0.45s ease;
}

body.gece .ff-segs .segment:hover .ff-aud__icon,
body.gece .ff-segs .segment:focus-visible .ff-aud__icon {
  border-color: var(--g-gold);
  background: rgba(201, 181, 146, 0.2);
}

body.gece .ff-segs .segment__no {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
  color: var(--g-gold);
  font: italic 400 clamp(18px, calc(1.38 * var(--vw)), 31px) / 1 var(--title);
}

body.gece .ff-segs .segment > p {
  grid-column: 1 / -1;
  grid-row: 2;
  margin: 0;
  color: var(--g-cream);
  font: 400 var(--fs-serif-h3) / 1.2 var(--title);
  letter-spacing: -0.005em;
}

body.gece .ff-segs .segment__cta {
  grid-column: 1 / -1;
  grid-row: 3;
  justify-content: flex-start;
  gap: 8px;
  padding-top: 0;
  border-top: 0;
  color: var(--g-gold);
  font: 700 var(--fs-ui) / 1.2 var(--display);
}

body.gece .ff-segs .segment:hover .segment__cta,
body.gece .ff-segs .segment:focus-visible .segment__cta {
  color: var(--g-gold-light);
}

body.gece .ff-segs .segment__cta > span {
  display: inline-flex;
  color: inherit;
  font-size: 1em;
}

body.gece .ff-segs .segment__cta .ff-ico {
  width: 0.95em;
  height: 0.95em;
}

body.gece .ff-segs .segment--out .ff-aud__icon {
  border-color: var(--g-line-strong);
  background: rgba(247, 245, 240, 0.05);
  color: var(--g-soft);
}

@media (max-width: 560px) {
  body.gece .ff-segs .segment {
    min-height: 0;
  }
}


@media (min-width: 1101px) {
  body.gece .ff-lines {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.gece .ff-lines .ff-lines__wide {
    grid-column: 1 / -1;
  }
}


body.gece .ff-kvkk .legal {
  max-width: 34em;
  margin-top: clamp(23px, calc(2.07 * var(--vw)), 43px);
  line-height: 1.8;
  counter-reset: ff-bolum;
}

body.gece .ff-kvkk .legal h2 {
  margin-top: 2.4em;
  padding-top: 1.1em;
  border-top: 1px solid var(--g-line);
  color: var(--g-cream);
  font-size: var(--fs-serif-h3);
  line-height: 1.15;
  counter-increment: ff-bolum;
  scroll-margin-top: 24px;
}

body.gece .ff-kvkk .legal h2::before {
  content: counter(ff-bolum, decimal-leading-zero);
  content: counter(ff-bolum, decimal-leading-zero) / "";
  display: block;
  margin-bottom: 0.9em;
  color: var(--g-gold);
  font: 800 var(--fs-label) / 1 var(--display);
  letter-spacing: 0.14em;
}

body.gece .ff-kvkk .legal h3 {
  margin-top: 2em;
  color: var(--g-gold-light);
  font: 700 var(--fs-h4) / 1.35 var(--display);
  letter-spacing: 0.01em;
}

body.gece .ff-kvkk .legal li + li {
  margin-top: 0.55em;
}

body.gece .ff-kvkk .legal strong {
  color: var(--g-cream);
  font-weight: 600;
}

body.gece .ff-kvkk .legal .contact-lines {
  margin-top: 1.2em;
}


body.gece .ff-kvkk .legal > p.note:last-child {
  margin-top: 2.4em;
  padding-top: 1.1em;
  border-top: 1px solid var(--g-line);
}


body.gece .ff-kvkk .split > div > .note[data-todo] {
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
  max-width: 100%;
  padding: 10px clamp(11.5px, calc(0.95 * var(--vw)), 18px);
  border: 1px dashed rgba(201, 181, 146, 0.55);
  border-radius: var(--g-radius-sm);
  background: rgba(201, 181, 146, 0.06);
  color: var(--g-gold-light);
}

body.gece .ff-kvkk .split > div > .note[data-todo]::before {
  content: "";
  flex: none;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--g-coral);
  transform: translateY(-0.1em);
}

body.gece .ff-toc {
  max-width: 34em;
  margin-top: clamp(21.5px, calc(1.9 * var(--vw)), 38px);
  font-size: var(--fs-copy);
}

body.gece .ff-toc__label {
  margin: 0 0 12px;
  color: var(--g-gold);
  font: 700 var(--fs-label) / 1.4 var(--display);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

body.gece .ff-toc ol {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: ff-toc;
}

body.gece .ff-toc li {
  counter-increment: ff-toc;
}

body.gece .ff-toc a {
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  min-height: 44px;
  padding: 6px 16px 6px 13px;
  border: 1px solid var(--g-line-strong);
  border-radius: 999px;
  color: var(--g-cream);
  font: 600 var(--fs-label) / 1.2 var(--display);
  transition: border-color var(--t-fast), background var(--t-fast), color var(--t-fast);
}

body.gece .ff-toc a::before {
  content: counter(ff-toc, decimal-leading-zero);
  content: counter(ff-toc, decimal-leading-zero) / "";
  color: var(--g-gold);
  font-weight: 800;
  letter-spacing: 0.08em;
}

body.gece .ff-toc a:hover {
  border-color: var(--g-gold);
  background: var(--g-gold-soft);
  color: var(--g-gold-light);
}


@property --ff-lost-amp {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}


body.gece .ff-404 h1.title {
  font-size: var(--fs-serif-display);
}

body.gece .ff-lost {
  container-type: inline-size;
  position: relative;
  width: min(100%, clamp(197px, calc(20.72 * var(--vw)), 426px));
  aspect-ratio: 1;
  margin-top: clamp(16.5px, calc(2.07 * var(--vw)), 46px);
}

body.gece .ff-lost__halo {
  position: absolute;
  left: 8%;
  top: 2%;
  width: 90%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(201, 181, 146, 0.2), rgba(201, 181, 146, 0));
  pointer-events: none;
  animation: ff-glow 6s ease-in-out infinite;
}

body.gece .ff-lost__slot,
body.gece .ff-lost__card {
  position: absolute;
  left: 0;
  bottom: 4%;
  width: 74%;
}

body.gece .ff-lost__slot {
  display: grid;
  place-items: center;
  aspect-ratio: 428 / 270;
  border: 1.5px dashed rgba(201, 181, 146, 0.5);
  border-radius: 4.2% / 6.67%;
  background: rgba(201, 181, 146, 0.04);
  transition: border-color 0.6s ease, background 0.6s ease;
}

body.gece .ff-lost__code {
  color: rgba(201, 181, 146, 0.62);
  font: italic 400 17cqw / 1 var(--title);
  letter-spacing: 0.02em;
}

body.gece .ff-lost__card {
  --ff-lost-amp: 1;
  z-index: 2;
  display: block;
  filter: drop-shadow(0 18px 26px rgba(0, 0, 0, 0.55));
  transform: translate(30%, -80%) rotate(-14deg);
  animation: ff-lost-out 1.5s var(--g-ease) 0.35s backwards;
  transition: transform 0.9s var(--g-ease), --ff-lost-amp 0.7s ease;
}

body.gece .ff-lost__float {
  display: block;
  animation: ff-lost-float 5.5s ease-in-out 1.85s infinite alternate;
}

body.gece .ff-lost:hover .ff-lost__card {
  --ff-lost-amp: 0;
  transform: translate(0%, 0%) rotate(0deg);
}

body.gece .ff-lost:hover .ff-lost__slot {
  border-color: var(--g-gold);
  background: rgba(201, 181, 146, 0.1);
}

body.gece .ff-lost__star-a,
body.gece .ff-lost__star-b,
body.gece .ff-lost__star-c {
  position: absolute;
  z-index: 3;
}

body.gece .ff-lost__star-a { right: 2%; top: 6%; width: 6cqw; height: 6cqw; color: var(--g-gold); }
body.gece .ff-lost__star-b { left: 4%; top: 18%; width: 3.6cqw; height: 3.6cqw; color: var(--g-coral); animation-delay: -1.2s; }
body.gece .ff-lost__star-c { right: 10%; bottom: 8%; width: 3cqw; height: 3cqw; color: var(--g-gold); animation-delay: -2s; }

@media (max-width: 820px) {
  body.gece .ff-lost {
    width: min(64%, 280px);
  }
}


@media (max-width: 1100px) {
  body.gece .ff-how__link svg {
    margin-top: clamp(46px, calc(7.6 * var(--vw)), 90px);
  }
}


@media (max-width: 960px) {
  body.gece {
    --ff-hero-h: 900px;
    --ff-stage-min: 360px;
  }

  body.gece .ff-hero__grid,
  body.gece .ff-hero--page .ff-hero__grid {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(var(--ff-stage-min), 1fr);
  }

  body.gece .ff-hero__copy {
    align-self: start;
    padding-block: clamp(26px, calc(4.32 * var(--vw)), 60px) 8px;
  }

  body.gece .ff-hero__copy > p:not(.eyebrow):not(.ff-chips):not(.ff-hero__slogan):not(.ff-hero__route) {
    max-width: 44ch;
  }

  body.gece .ff-themes,
  body.gece .ff-showcase {
    grid-template-columns: minmax(0, 1fr);
  }

  body.gece .ff-themes__stage {
    width: min(100%, 640px);
    margin-inline: auto;
  }

  

  body.gece .ff-how {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 0;
  }

  body.gece .ff-how__link {
    height: 44px;
    align-items: center;
  }

  body.gece .ff-how__link svg {
    width: 44px;
    margin-top: 0;
    transform: rotate(90deg);
  }
}


@media (min-width: 601px) and (max-width: 960px) {
  body.gece .ff-how__step {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) auto auto auto minmax(0, 1fr);
    column-gap: clamp(15px, calc(2.59 * var(--vw)), 36px);
  }

  body.gece .ff-how__art {
    grid-column: 1;
    grid-row: 1 / -1;
    align-self: center;
  }

  body.gece .ff-how__step > :not(.ff-how__art) {
    grid-column: 2;
  }

  body.gece .ff-how__meta {
    grid-row: 2;
    margin-top: 0;
  }

  body.gece .ff-how__step > h3 {
    grid-row: 3;
  }

  body.gece .ff-how__step > h3 + p {
    grid-row: 4;
  }
}

@media (max-width: 760px) {
  body.gece .ff-kalem,
  body.gece .ff-audience {
    grid-template-columns: minmax(0, 1fr);
  }

  body.gece .ff-aud {
    min-height: 0;
  }

  

  body.gece .ff-showcase__phones {
    justify-content: flex-start;
    gap: 16px;
    overflow-x: auto;
    padding: 12px 2px 18px;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
    scrollbar-color: rgba(201, 181, 146, 0.45) transparent;
  }

  body.gece .ff-showcase__item,
  body.gece .ff-showcase__item:nth-child(1),
  body.gece .ff-showcase__item:nth-child(2),
  body.gece .ff-showcase__item:nth-child(3) {
    flex: 0 0 min(68%, 280px);
    margin: 0;
    transform: none;
    scroll-snap-align: center;
  }

  body.gece .ff-showcase__orbit {
    width: 96%;
  }
}

@media (max-width: 600px) {
  body.gece {
    --ff-hero-h: 800px;
    --ff-stage-min: 300px;
  }

  

  body.gece .ff-hero-visual--phone .ff-stage__notif {
    left: auto;
    right: 0;
  }

  body.gece .ff-stage {
    padding-block: 8px 12px;
  }

  body.gece .ff-closing__band {
    align-items: flex-end;
    min-height: clamp(426px, calc(129.5 * var(--vw)), 525px);
  }

  body.gece .ff-closing__band::after {
    background: linear-gradient(180deg, rgba(7, 19, 28, 0.35) 0%, rgba(7, 19, 28, 0.86) 48%, rgba(7, 19, 28, 0.96) 100%);
  }

  body.gece .ff-closing__copy {
    padding: 28px 22px 30px;
  }
}

@media (max-width: 480px) {
  

  body.gece .ff-stage--home .ff-stage__hint {
    display: none;
  }

  body.gece .ff-themes__picker {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.gece .ff-theme-btn {
    flex-direction: row;
    justify-content: flex-start;
    gap: 12px;
    min-height: 60px;
    padding: 8px 12px;
  }

  body.gece .ff-swatch {
    width: 44px;
  }

  body.gece .ff-chips__label {
    flex-basis: 100%;
  }
}


body.gece .is-offscreen *,
body.gece .is-offscreen *::before,
body.gece .is-offscreen *::after {
  animation-play-state: paused !important;
}

@media (prefers-reduced-motion: reduce) {
  body.gece *,
  body.gece *::before,
  body.gece *::after {
    animation: none !important;
    transition: none !important;
  }

  

  body.gece .ff-marquee {
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    padding-block: clamp(10px, calc(0.95 * var(--vw)), 18px);
  }

  body.gece .ff-marquee::after {
    display: none;
  }

  body.gece .ff-marquee__track {
    width: 100%;
    transform: none;
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - var(--band-pad) - 40px), transparent calc(100% - var(--band-pad) + 8px));
    mask-image: linear-gradient(90deg, #000 calc(100% - var(--band-pad) - 40px), transparent calc(100% - var(--band-pad) + 8px));
  }

  body.gece .ff-marquee__group {
    flex: 1 1 auto;
    justify-content: safe center;
    padding-inline: var(--band-pad);
  }

  body.gece .ff-marquee__group[aria-hidden="true"] {
    display: none;
  }

  body.gece .ff-marquee__item {
    font-size: calc(var(--fs-serif-h3) * 0.86);
  }

  body.gece .ff-marquee__group {
    column-gap: clamp(12px, calc(1.3 * var(--vw)), 26px);
  }
}

@keyframes ff-sweep {
  0% { transform: translateX(-160%) skewX(-18deg); }
  30%, 100% { transform: translateX(340%) skewX(-18deg); }
}

@keyframes ff-float {
  0%, 100% { transform: translateY(0) rotate(-1.5deg); }
  50% { transform: translateY(-12px) rotate(1.5deg); }
}

@keyframes ff-bob {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

@keyframes ff-peek {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(calc(var(--ff-u) * -6)); }
}

@keyframes ff-rise {
  0% { transform: translateY(calc(var(--ff-u) * 30)) rotate(-8deg); opacity: 0; }
  15% { opacity: 0.85; }
  75% { opacity: 0.5; }
  100% { transform: translateY(calc(var(--ff-u) * -330)) rotate(18deg); opacity: 0; }
}

@keyframes ff-twinkle {
  0%, 100% { transform: scale(0.55) rotate(0deg); opacity: 0.45; }
  50% { transform: scale(1) rotate(45deg); opacity: 1; }
}

@keyframes ff-ping {
  0% { box-shadow: 0 0 0 0 rgba(255, 138, 101, 0.6); }
  100% { box-shadow: 0 0 0 10px rgba(255, 138, 101, 0); }
}

@keyframes ff-ping-gold {
  0% { box-shadow: 0 0 0 0 rgba(230, 214, 181, 0.6); }
  80%, 100% { box-shadow: 0 0 0 8px rgba(230, 214, 181, 0); }
}

@keyframes ff-draw {
  from { stroke-dashoffset: 100; }
  to { stroke-dashoffset: 0; }
}

@keyframes ff-glow {
  0%, 100% { opacity: 0.75; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.06); }
}

@keyframes ff-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@keyframes ff-chip {
  0% { opacity: 0; transform: translateX(-10px) scale(0.9); }
  10%, 84% { opacity: 1; transform: translateX(0) scale(1); }
  94%, 100% { opacity: 0; transform: translateX(0) scale(1); }
}

@keyframes ff-notif {
  0%, 8% { transform: translateY(calc(var(--ff-u) * -72)); opacity: 0; }
  20%, 80% { transform: translateY(0); opacity: 1; }
  92%, 100% { transform: translateY(calc(var(--ff-u) * -72)); opacity: 0; }
}

@keyframes ff-balance {
  0%, 20% { opacity: 0.35; transform: scale(0.94); }
  30% { opacity: 1; transform: scale(1.06); }
  38%, 86% { opacity: 1; transform: scale(1); }
  100% { opacity: 0.35; transform: scale(0.94); }
}

@keyframes ff-swipe {
  0% { transform: translateX(calc(var(--ff-u) * -110)) rotate(-12deg); opacity: 0; }
  12% { opacity: 1; }
  32%, 80% { transform: translateX(0) rotate(-4deg); opacity: 1; }
  94%, 100% { transform: translateX(calc(var(--ff-u) * -110)) rotate(-12deg); opacity: 0; }
}

@keyframes ff-pending {
  0%, 36% { opacity: 1; }
  42%, 94% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes ff-approved {
  0%, 38% { opacity: 0; transform: scale(0.85); }
  46%, 88% { opacity: 1; transform: scale(1); }
  96%, 100% { opacity: 0; transform: scale(1); }
}

@keyframes ff-tick {
  0%, 42% { stroke-dashoffset: 16; }
  54%, 100% { stroke-dashoffset: 0; }
}

@keyframes ff-dash {
  to { stroke-dashoffset: -20; }
}

@keyframes ff-pop {
  0% { transform: perspective(1000px) rotateY(-30deg) translateY(-18px) scale(0.94); }
  55% { transform: perspective(1000px) rotateY(7deg) translateY(4px) scale(1.01); }
  100% { transform: perspective(1000px) rotateY(0deg) translateY(0) scale(1); }
}

@keyframes ff-sway {
  0%, 100% { transform: rotate(-8deg); }
  50% { transform: rotate(8deg); }
}

@keyframes ff-shimmer {
  0% { transform: translateX(-140%) skewX(-18deg); }
  55%, 100% { transform: translateX(420%) skewX(-18deg); }
}

@keyframes ff-blink {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(0.7); }
}

@keyframes ff-ken {
  from { transform: scale(1.04) translateX(0); }
  to { transform: scale(1.14) translateX(-2%); }
}

@keyframes ff-spin {
  to { transform: rotate(360deg); }
}

@keyframes ff-sheen {
  0% { transform: translateX(0) skewX(-18deg); }
  55%, 100% { transform: translateX(calc(var(--ff-u) * 560)) skewX(-18deg); }
}

@keyframes ff-breath {
  0%, 100% { border-color: rgba(184, 199, 206, 0.4); }
  50% { border-color: rgba(230, 214, 181, 0.9); }
}

@keyframes ff-grow {
  from { transform: scaleY(0); }
  to { transform: scaleY(1); }
}

@keyframes ff-ring {
  from { stroke-dashoffset: 194.78; }
  to { stroke-dashoffset: 0; }
}

@keyframes ff-halo {
  0%, 100% { opacity: 0.55; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.05); }
}

@keyframes ff-turn {
  0%, 62% { transform: rotate(0deg); }
  82% { transform: rotate(-200deg); }
  100% { transform: rotate(-360deg); }
}


@keyframes ff-type {
  0%, 4% { transform: scaleX(0); opacity: 1; }
  20%, 88% { transform: scaleX(1); opacity: 1; }
  96%, 100% { transform: scaleX(1); opacity: 0; }
}

@keyframes ff-press {
  0%, 57% { transform: scale(1); }
  61% { transform: scale(0.9); }
  67%, 100% { transform: scale(1); }
}

@keyframes ff-ok {
  0%, 61% { opacity: 0; transform: translateX(calc(var(--ff-u) * -8)); }
  68%, 90% { opacity: 1; transform: translateX(0); }
  97%, 100% { opacity: 0; transform: translateX(0); }
}

@keyframes ff-okdraw {
  0%, 64% { stroke-dashoffset: 16; }
  74%, 100% { stroke-dashoffset: 0; }
}


@keyframes ff-lost-out {
  from { transform: translate(0%, 0%) rotate(0deg); }
}

@keyframes ff-lost-float {
  from { transform: perspective(900px) translate(0%, 0%) rotate(0deg) rotateY(0deg); }
  to {
    transform: perspective(900px)
      translate(calc(var(--ff-lost-amp) * 6%), calc(var(--ff-lost-amp) * -10%))
      rotate(calc(var(--ff-lost-amp) * 7deg))
      rotateY(calc(var(--ff-lost-amp) * 16deg));
  }
}


@media print {
  body.gece,
  body.gece * {
    color: #000 !important;
  }

  body.gece .ff-stage,
  body.gece .ff-marquee,
  body.gece .ff-how__art,
  body.gece .ff-how__link,
  body.gece .ff-themes__stage,
  body.gece .ff-showcase__stage,
  body.gece .ff-closing__img,
  body.gece .ff-card,
  body.gece .ff-phone,
  body.gece .ff-lost {
    display: none !important;
  }

  body.gece .ff-hero {
    min-height: 0 !important;
  }

  body.gece .ff-hero__grid,
  body.gece .ff-themes,
  body.gece .ff-showcase,
  body.gece .ff-how,
  body.gece .ff-kalem,
  body.gece .ff-audience {
    display: block !important;
  }

  body.gece .ff-closing__band {
    min-height: 0 !important;
  }
}



body.gece.zemin-acik,
body.gece.zemin-acik .concept-note,
body.gece.zemin-acik .z-beyaz {
  

  --gold-ink: #7a6540;
  --muted: #4f5f68;
  --line: #d7d9d5;
  --paper: #ffffff;
  --stone: #f7f5f0;
  --fav-bg: #ffffff;
  --ink: #102a3a;
  --ink-soft: #4f5f68;
  --ink-faint: #4f5f68;
  --error: #b42318;
  --accent-ink: #7a6540;
  --em-ink: #7a6540;
  --focus: #102a3a;         


  

  --g-night: #ffffff;       

  --g-deep: #ffffff;        

  --g-navy: #f7f5f0;        

  --g-surface: #efebe2;
  --g-surface-2: #e6e0d3;
  --g-gold: #7a6540;        

  --g-gold-light: #7a6540;
  --g-cream: #102a3a;       

  --g-soft: #4f5f68;        

  --g-dim: #5a6a72;
  --g-line: #d7d9d5;
  --g-line-strong: rgba(16, 42, 58, 0.3);
  --g-gold-soft: rgba(201, 181, 146, 0.2);
  --g-gold-line: rgba(138, 115, 72, 0.45);

  

  --z-fill: #c9b592;        

  --z-fill-hover: #d8c7a6;
  --z-btn-glow: rgba(122, 101, 64, 0.5);
  --z-veil: rgba(16, 42, 58, 0.05);
  --z-dot: rgba(16, 42, 58, 0.55);       

  --z-dot-hover: rgba(16, 42, 58, 0.8);
  --z-ghost-line: #102a3a;  

  --z-ghost-line-hover: #102a3a;
  --z-ghost-hover-bg: rgba(16, 42, 58, 0.06);
  --z-link-line: rgba(122, 101, 64, 0.75); 

  --z-field-line: rgba(16, 42, 58, 0.55);  

  --z-field-line-hover: rgba(16, 42, 58, 0.75);
  --z-field-focus: #102a3a;
  --z-pill: rgba(255, 255, 255, 0.92);
  --z-sheen: rgba(255, 255, 255, 0.75);
  --z-halo: radial-gradient(closest-side, rgba(16, 42, 58, 0.07), rgba(16, 42, 58, 0));
  --z-halo-ring: inset 0 0 0 1px rgba(201, 181, 146, 0.6);
  --z-lost-code: #8a7348;   

  --z-todo-line: rgba(138, 115, 72, 0.55);
  --z-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23102a3a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  color-scheme: light;
}

body.gece.zemin-acik {
  

  --z-band: #102a3a;
  

  --z-shadow: rgba(16, 42, 58, 0.24);
  --z-shadow-2: rgba(16, 42, 58, 0.14);

  background: #ffffff;
  color: var(--g-cream);
}


body.gece.zemin-acik .z-beyaz {
  --z-shadow: rgba(16, 42, 58, 0.24);
  --z-shadow-2: rgba(16, 42, 58, 0.14);
  background: #ffffff;
  color: var(--g-cream);
}

body.gece.zemin-acik .concept-note {
  border-top: 0;
  background: #f7f5f0;
  color: var(--g-soft);
}


body.gece.zemin-acik :where(
  .skip-link, .site-header, .site-footer,
  .section--paper, .section--navy, .ff-marquee, .z-lacivert,
  .section:not(.section--paper, .section--navy) + .contact,
  .ff-closing__band, .ff-notif, .ff-float-chip,
  .ff-how__art, .ff-pos
) {
  --gold-ink: #c9b592;
  --muted: #b8c7ce;
  --line: #f7f5f01f;
  --paper: #102a3a;
  --stone: #0b202e;
  --fav-bg: #07131c;
  --ink: #f7f5f0;
  --ink-soft: #b8c7ce;
  --ink-faint: #b8c7ce;
  --error: #ffb4a6;
  --accent-ink: #c9b592;
  --em-ink: #c9b592;
  --focus: #e6d6b5;         


  --g-night: #07131c;
  --g-deep: #0b202e;
  --g-navy: #102a3a;
  --g-surface: #16344a;
  --g-surface-2: #1d4260;
  --g-gold: #c9b592;
  --g-gold-light: #e6d6b5;
  --g-cream: #f7f5f0;
  --g-soft: #b8c7ce;
  --g-dim: #8fa3ad;
  --g-line: rgba(247, 245, 240, 0.1);
  --g-line-strong: rgba(247, 245, 240, 0.28);
  --g-gold-soft: rgba(201, 181, 146, 0.12);
  --g-gold-line: rgba(201, 181, 146, 0.38);

  --z-fill: #c9b592;
  --z-fill-hover: #e6d6b5;
  --z-btn-glow: #c9b592;
  --z-veil: rgba(247, 245, 240, 0.05);
  --z-dot: rgba(247, 245, 240, 0.4);
  --z-dot-hover: rgba(247, 245, 240, 0.7);
  --z-ghost-line: rgba(247, 245, 240, 0.28);
  --z-ghost-line-hover: rgba(247, 245, 240, 0.55);
  --z-ghost-hover-bg: rgba(247, 245, 240, 0.07);
  --z-link-line: rgba(201, 181, 146, 0.6);
  --z-field-line: rgba(184, 199, 206, 0.55); 

  --z-field-line-hover: rgba(184, 199, 206, 0.75);
  --z-field-focus: #c9b592;
  --z-pill: rgba(7, 19, 28, 0.88);
  --z-sheen: rgba(247, 245, 240, 0.08);
  --z-halo: radial-gradient(closest-side, rgba(201, 181, 146, 0.26), rgba(201, 181, 146, 0));
  --z-halo-ring: none;
  --z-lost-code: rgba(201, 181, 146, 0.62);
  --z-todo-line: rgba(201, 181, 146, 0.55);
  --z-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9b592' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  color-scheme: dark;
}


body.gece.zemin-acik .ff-phone {
  --focus: #e6d6b5;
}


body.gece.zemin-acik :where(
  .section--paper, .section--navy, .ff-marquee, .site-footer, .z-lacivert,
  .section:not(.section--paper, .section--navy) + .contact
) {
  --g-navy: #16344a;
  --g-surface: #16344a;
  --z-shadow: rgba(0, 0, 0, 0.85);
  --z-shadow-2: rgba(0, 0, 0, 0.6);
  background: var(--z-band);
  color: var(--g-cream);
}


body.gece.zemin-acik :where(
  .section--paper, .section--navy, .z-lacivert,
  .section:not(.section--paper, .section--navy) + .contact
) {
  overflow: clip;
}


body.gece.zemin-acik .site-footer {
  border-top-color: var(--g-gold-line);
}


body.gece.zemin-acik ::selection {
  background: rgba(201, 181, 146, 0.45);
  color: #102a3a;
}

body.gece.zemin-acik :where(
  .site-header, .site-footer, .section--paper, .section--navy, .ff-marquee, .z-lacivert,
  .section:not(.section--paper, .section--navy) + .contact,
  .ff-closing__band
) ::selection {
  background: rgba(201, 181, 146, 0.35);
  color: #ffffff;
}

body.gece.zemin-acik .z-beyaz ::selection {
  background: rgba(201, 181, 146, 0.45);
  color: #102a3a;
}


body.gece.zemin-acik main p a:not([class]),
body.gece.zemin-acik .legal a:not([class]),
body.gece.zemin-acik .process__item p a:not([class]),
body.gece.zemin-acik .contact-lines a,
body.gece.zemin-acik :is(.consent, .consent-info) a {
  --gold: var(--z-link-line); 

  border-bottom-color: var(--z-link-line);
}

body.gece.zemin-acik .quiet-link {
  border-bottom-color: var(--z-link-line);
}


body.gece.zemin-acik main p a:not([class]):hover,
body.gece.zemin-acik .legal a:not([class]):hover,
body.gece.zemin-acik .process__item p a:not([class]):hover,
body.gece.zemin-acik .contact-lines a:hover,
body.gece.zemin-acik .quiet-link:hover {
  --gold: var(--g-gold);
  border-bottom-color: var(--g-gold);
}


body.gece.zemin-acik .eyebrow__slash {
  opacity: 0.95;
}


body.gece.zemin-acik .btn {
  border-color: var(--z-fill);
  background: var(--z-fill);
}

body.gece.zemin-acik .btn:hover {
  background: var(--z-fill-hover);
  box-shadow: 0 16px 34px -14px var(--z-btn-glow);
}

body.gece.zemin-acik .btn__arrow {
  color: var(--z-fill);
}


body.gece.zemin-acik .ff-btn-ghost {
  border-color: var(--z-ghost-line);
}

body.gece.zemin-acik .ff-btn-ghost:hover {
  border-color: var(--z-ghost-line-hover);
  background: var(--z-ghost-hover-bg);
}

body.gece.zemin-acik .ff-btn-ghost[aria-pressed="true"] {
  border-color: var(--g-gold);
  background: var(--g-gold-soft);
}


body.gece.zemin-acik .card:hover {
  border-color: var(--g-gold); 

  box-shadow: 0 30px 60px -34px var(--z-shadow);
}


body.gece.zemin-acik .checklist li::before {
  color: var(--g-gold);
}

body.gece.zemin-acik .segment:hover {
  box-shadow: 0 30px 60px -30px var(--z-shadow), 0 0 38px -12px var(--z-btn-glow);
}

body.gece.zemin-acik .tags li.is-soon,
body.gece.zemin-acik .ff-chip--soon {
  border-color: var(--g-line-strong);
}


body.gece.zemin-acik .store-link[data-todo],
body.gece.zemin-acik :is(.hero, .fav-hero, .section--navy, .cta, .fav-card-band) .store-link[data-todo] {
  border-color: var(--z-todo-line);
}

body.gece.zemin-acik .catalog__empty,
body.gece.zemin-acik .section:not(.section--paper) .catalog__empty {
  border-color: var(--g-line-strong);
}

body.gece.zemin-acik .legal th,
body.gece.zemin-acik .legal td {
  border-color: var(--g-line);
}


body.gece.zemin-acik .inquiry {
  box-shadow: 0 40px 80px -50px var(--z-shadow);
}

body.gece.zemin-acik :is(.fields, .inquiry) :where(input:not([type="checkbox"], [type="radio"]), select, textarea) {
  border-color: var(--z-field-line);
}

body.gece.zemin-acik :is(.fields, .inquiry) select {
  background-image: var(--z-select-arrow);
}

body.gece.zemin-acik :is(.fields, .inquiry) :where(input:not([type="checkbox"], [type="radio"]), select, textarea):hover {
  border-color: var(--z-field-line-hover);
}

body.gece.zemin-acik :is(.fields, .inquiry) :where(input:not([type="checkbox"], [type="radio"]), select, textarea):focus {
  border-color: var(--z-field-focus);
  box-shadow: 0 0 0 1px var(--z-field-focus);
}

body.gece.zemin-acik :is(.fields, .inquiry) :where(input:not([type="checkbox"], [type="radio"]), select, textarea)[aria-invalid="true"] {
  border-color: var(--error);
  box-shadow: 0 0 0 1px var(--error);
}

body.gece.zemin-acik :is(.fields, .inquiry) input:-webkit-autofill {
  -webkit-text-fill-color: var(--g-cream);
  caret-color: var(--g-cream);
  box-shadow: 0 0 0 1000px var(--g-deep) inset;
}

body.gece.zemin-acik .choice {
  border-color: var(--z-field-line);
}

body.gece.zemin-acik .choice:hover,
body.gece.zemin-acik .choice:has(input:checked) {
  border-color: var(--g-gold);
}

body.gece.zemin-acik .choice-set.is-invalid .choice {
  border-color: var(--error);
}


body.gece.zemin-acik .ff-stage__halo::before,
body.gece.zemin-acik .ff-lost__halo {
  background: var(--z-halo);
}


body.gece.zemin-acik .ff-stage__halo::after {
  content: "";
  position: absolute;
  inset: 7%;
  border-radius: 50%;
  box-shadow: var(--z-halo-ring);
  pointer-events: none;
}

body.gece.zemin-acik .ff-lost__halo {
  box-shadow: var(--z-halo-ring);
}

body.gece.zemin-acik .ff-card-btn {
  box-shadow: 0 50px 90px -30px var(--z-shadow), 0 18px 36px -18px var(--z-shadow-2);
}

body.gece.zemin-acik .ff-themes__stage .ff-card-btn {
  box-shadow: 0 50px 80px -30px var(--z-shadow);
}

body.gece.zemin-acik .ff-phone {
  box-shadow: 0 50px 90px -30px var(--z-shadow), 0 0 0 1px #1d4260, inset 0 0 0 1px rgba(247, 245, 240, 0.1);
}

body.gece.zemin-acik .ff-pos {
  box-shadow: inset 0 0 0 1px rgba(247, 245, 240, 0.12), 0 24px 36px -16px var(--z-shadow);
}

body.gece.zemin-acik .ff-notif {
  box-shadow: 0 24px 48px -20px var(--z-shadow);
}

body.gece.zemin-acik .ff-float-chip {
  box-shadow: 0 10px 24px var(--z-shadow-2);
}

body.gece.zemin-acik .ff-visual__minicard {
  box-shadow: 0 30px 50px -20px var(--z-shadow);
}

body.gece.zemin-acik .ff-visual__swipe {
  box-shadow: 0 30px 60px -20px var(--z-shadow);
}

body.gece.zemin-acik .ff-visual__orbit::before {
  border-color: var(--g-gold-line);
}


body.gece.zemin-acik .ff-hero-visual--phone .ff-stage__halo::after {
  display: none;
}


body.gece.zemin-acik .ff-stage__hint {
  border-radius: 999px;
  background: var(--g-night);
  box-shadow: 0 0 0 6px var(--g-night);
}


@media (max-width: 760px) {
  body.gece.zemin-acik .ff-showcase__phones {
    padding-bottom: 44px;
    margin-bottom: -26px;
  }

  body.gece.zemin-acik .ff-showcase__phones .ff-phone {
    box-shadow: 0 18px 28px -18px var(--z-shadow), 0 0 0 1px #1d4260, inset 0 0 0 1px rgba(247, 245, 240, 0.1);
  }
}


body.gece.zemin-acik .ff-dot::before {
  background: var(--z-dot);
}

body.gece.zemin-acik .ff-dot:hover::before {
  background: var(--z-dot-hover);
}

body.gece.zemin-acik .ff-dot[aria-current="true"]::before {
  background: var(--g-gold);
}


body.gece.zemin-acik .ff-how__step,
body.gece.zemin-acik .ff-aud,
body.gece.zemin-acik .ff-segs .segment {
  border-color: var(--g-line);
}

body.gece.zemin-acik .ff-aud:hover,
body.gece.zemin-acik .ff-segs .segment:hover,
body.gece.zemin-acik .ff-segs .segment:focus-visible {
  border-color: var(--g-gold);
}

body.gece.zemin-acik .ff-how__swipe {
  box-shadow: 0 calc(var(--ff-u) * 16) calc(var(--ff-u) * 30) calc(var(--ff-u) * -12) var(--z-shadow);
}

body.gece.zemin-acik .ff-theme-btn {
  border-color: var(--g-line-strong);
  background: var(--z-veil);
}

body.gece.zemin-acik .ff-theme-btn:hover {
  border-color: rgba(201, 181, 146, 0.6);
}

body.gece.zemin-acik .ff-theme-btn[aria-pressed="true"] {
  border-color: var(--g-gold);
  background: var(--g-gold-soft);
}

body.gece.zemin-acik .ff-showcase__caption {
  background: var(--z-pill);
}


body.gece.zemin-acik .ff-kalem__tile--active {
  border-color: var(--z-fill);
  box-shadow: 0 24px 48px -36px var(--z-shadow);
}

body.gece.zemin-acik .ff-kalem__tile--active .ff-kalem__badge {
  background: var(--z-fill);
}

body.gece.zemin-acik .ff-kalem__tile--soon,
body.gece.zemin-acik .ff-kalem__tile--soon .ff-kalem__icon {
  border-color: var(--g-line-strong);
}

body.gece.zemin-acik .ff-kalem__shimmer::before {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), var(--z-sheen), rgba(255, 255, 255, 0));
}

body.gece.zemin-acik .ff-aud:hover,
body.gece.zemin-acik .ff-segs .segment:focus-visible {
  box-shadow: 0 30px 60px -30px var(--z-shadow), 0 0 38px -12px var(--z-btn-glow);
}

body.gece.zemin-acik .ff-segs .segment--out .ff-aud__icon {
  background: var(--z-veil);
}


body.gece.zemin-acik .ff-tax__card--soon {
  border-color: var(--g-line-strong);
}

body.gece.zemin-acik .ff-tax__card--soon:hover {
  border-color: rgba(201, 181, 146, 0.45);
}

body.gece.zemin-acik .ff-tax__card--on:hover {
  box-shadow: 0 0 0 6px rgba(201, 181, 146, 0.07), 0 30px 60px -34px var(--z-shadow);
}

body.gece.zemin-acik .ff-kvkk .split > div > .note[data-todo] {
  border-color: var(--g-gold-line);
}

body.gece.zemin-acik .ff-lost__slot {
  border-color: var(--g-gold-line);
}

body.gece.zemin-acik .ff-lost__code {
  color: var(--z-lost-code);
}

body.gece.zemin-acik .ff-lost__card {
  filter: drop-shadow(0 18px 26px var(--z-shadow)) drop-shadow(0 0 0.6px rgba(16, 42, 58, 0.45));
}



body.gece.zemin-acik .cta {
  --accent-ink: #7a6540;
  --em-ink: #7a6540;
  --focus: #102a3a;
  border-color: var(--g-gold-line);
  box-shadow: 0 30px 60px -40px var(--z-shadow);
}


body.gece.zemin-acik :is(.section--paper, .section--navy, .z-lacivert) .cta {
  --accent-ink: #c9b592;
  --em-ink: #c9b592;
  --focus: #e6d6b5;
}


body.gece.zemin-acik :is(.section--paper, .section--navy) + .contact + .section--tight {
  padding-top: 0;
}


body.gece.zemin-acik .section:not(.section--paper, .section--navy) + .section.z-beyaz {
  padding-top: 0;
}


body.gece.zemin-acik .z-beyaz .process__item {
  border-color: var(--g-line);
  background: var(--g-navy);
}

body.gece.zemin-acik .z-beyaz .process__item[open] {
  border-color: var(--g-gold-line);
}


body.gece.zemin-acik .ff-closing {
  padding-block: clamp(46px, calc(5.18 * var(--vw)), 105px);
}

body.gece.zemin-acik .ff-closing__band {
  box-shadow: 0 40px 80px -50px var(--z-shadow);
}


body.gece.zemin-acik .section:not(.section--paper, .section--navy) + .ff-closing {
  padding-top: 0;
}



@media (min-width: 961px) and (max-width: 1100px) {
  body.gece .nav {
    gap: 14px;
  }

  body.gece .nav__links {
    gap: 14px;
  }

  body.gece .brand-route {
    padding-inline: 12px;
  }
}


@media (min-width: 380px) and (max-width: 960px) {
  body.gece .nav .ff-nav-cta {
    display: inline-flex;
    padding-inline: 14px;
  }

  body.gece .nav {
    gap: 10px;
  }
}


@media (max-width: 960px) {
  body.gece .site-header:has(.mobile-nav.is-open) .nav .ff-nav-cta {
    visibility: hidden;
  }
}

body.gece .ff-drawer-actions {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr));
  gap: 10px;
  padding-top: 16px;
}

body.gece .mobile-nav .ff-drawer-cta {
  justify-content: center;
  min-height: 48px;
  padding: 12px 18px;
  border: 1px solid var(--g-gold);
  border-radius: 999px;
  background: var(--g-gold);
  color: #0b202e;
  font: 800 var(--fs-body) / 1.2 var(--display);
  text-align: center;
  transition: background var(--t-fast), border-color var(--t-fast);
}

body.gece .mobile-nav .ff-drawer-cta::after {
  content: none;
}

body.gece .mobile-nav .ff-drawer-cta:hover {
  border-color: var(--g-gold-light);
  background: var(--g-gold-light);
}

body.gece .mobile-nav .ff-drawer-cta--ghost {
  border-color: var(--g-line-strong);
  background: transparent;
  color: var(--g-cream);
}

body.gece .mobile-nav .ff-drawer-cta--ghost:hover {
  border-color: rgba(247, 245, 240, 0.55);
  background: rgba(247, 245, 240, 0.07);
}


body.gece .mobile-nav .ff-drawer-sub a {
  border-bottom: 0;
  color: var(--g-soft);
  font-size: var(--fs-body);
}


body.gece .ff-hero__slogan {
  margin: 0 0 clamp(10px, calc(1.04 * var(--vw)), 20px);
  color: var(--g-gold);
  font: 400 calc(var(--fs-serif-h3) * 1.18) / 1.25 var(--title);
  letter-spacing: -0.005em;
}

body.gece .ff-hero__slogan em {
  color: inherit;
  font-style: italic;
}


body.gece .ff-hero--home h1 {
  max-width: 17ch;
  font-size: calc(var(--fs-serif-home) * 0.86);
  line-height: 1.04;
}

body.gece .ff-hero--home .ff-hero__copy {
  padding-block: clamp(30px, calc(2.85 * var(--vw)), 66px) clamp(42.5px, calc(3.97 * var(--vw)), 90px); 

}


@media (max-width: 960px) {
  body.gece .ff-hero--home .ff-hero__grid {
    grid-template-rows: auto auto;
  }

  body.gece .ff-hero--home .ff-stage {
    align-self: start;
    width: 100%;
    aspect-ratio: 0.9846;
    max-height: 540px;
  }
}

body.gece .ff-hero__route {
  margin-top: clamp(8px, calc(0.78 * var(--vw)), 16px);
}

body.gece .ff-hero--home .ff-chips {
  margin-top: clamp(12px, calc(1.3 * var(--vw)), 26px);
}


body.gece .ff-textlink {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  min-height: 44px;
  color: var(--g-cream);
  font: 700 var(--fs-ui) / 1.25 var(--display);
}

body.gece .ff-textlink > span {
  padding-bottom: 3px;
  border-bottom: 2px solid var(--g-gold);
  transition: border-color var(--t-fast);
}

body.gece .ff-textlink .ff-ico {
  width: 1em;
  height: 1em;
  color: var(--g-gold);
  transition: transform 0.3s ease;
}

body.gece .ff-textlink:hover > span {
  border-bottom-color: currentColor;
}

body.gece .ff-textlink:hover .ff-ico {
  transform: translateX(3px); 

}


body.gece .ff-audience--yollar {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.gece .ff-audience--yollar .ff-aud:hover {
  transform: none;
  box-shadow: none;
}

body.gece .ff-aud--buyuk {
  min-height: 0;
  padding: clamp(22px, calc(2.59 * var(--vw)), 48px);
  border-color: var(--g-gold-line);
}

body.gece.zemin-acik .ff-audience--yollar .ff-aud--buyuk {
  border-color: var(--g-gold-line);
  box-shadow: 0 30px 60px -44px var(--z-shadow);
}

body.gece.zemin-acik .ff-audience--yollar .ff-aud--buyuk:hover {
  border-color: var(--g-gold);
  box-shadow: 0 30px 60px -44px var(--z-shadow);
}

body.gece .ff-aud--buyuk .ff-aud__icon {
  width: clamp(46px, calc(3.8 * var(--vw)), 72px);
}

body.gece .ff-aud--buyuk h3 {
  font-size: calc(var(--fs-serif-h3) * 1.3);
}

body.gece .ff-aud .ff-aud__q {
  margin-top: clamp(8px, calc(0.69 * var(--vw)), 14px);
  color: var(--g-gold);
  font: italic 400 calc(var(--fs-serif-h3) * 0.86) / 1.3 var(--title);
}

body.gece .ff-aud .ff-aud__q + p {
  margin-top: clamp(8px, calc(0.69 * var(--vw)), 14px);
  color: var(--g-soft);
  font-size: var(--fs-copy);
  line-height: 1.6;
}

body.gece .ff-aud__list {
  display: grid;
  gap: clamp(8px, calc(0.69 * var(--vw)), 14px);
  margin: clamp(16px, calc(1.55 * var(--vw)), 30px) 0 0;
  padding: clamp(14px, calc(1.3 * var(--vw)), 24px) 0 0;
  border-top: 1px solid var(--g-line);
  list-style: none;
}

body.gece .ff-aud__list li {
  display: flex;
  align-items: flex-start;
  gap: 0.6em;
  color: var(--g-cream);
  font: 600 var(--fs-small) / 1.45 var(--display);
}

body.gece .ff-aud__list .ff-ico {
  width: 1.15em;
  height: 1.15em;
  margin-top: 0.1em;
  color: var(--g-gold);
  stroke-width: 2;
}

body.gece .ff-aud__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 16px;
  margin-top: auto;
  padding-top: clamp(20px, calc(2.07 * var(--vw)), 40px);
}


body.gece .ff-aud--sade {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  column-gap: clamp(16px, calc(1.81 * var(--vw)), 36px);
  min-height: 0;
  padding: clamp(18px, calc(1.81 * var(--vw)), 34px) clamp(20px, calc(2.33 * var(--vw)), 44px);
  background: transparent;
}

body.gece :is(.section--paper, .section--navy) .ff-aud--sade {
  background: transparent;
}

body.gece .ff-aud--sade h3 {
  margin-top: 0;
  font-size: var(--fs-serif-h3);
}

body.gece .ff-aud--sade .ff-aud__q {
  margin-top: 4px;
}

body.gece .ff-aud--sade .ff-aud__q + p {
  max-width: 62ch;
  margin-top: 6px;
}

body.gece .ff-aud--sade .ff-aud__actions {
  margin-top: 0;
  padding-top: 0;
}

@media (max-width: 960px) {
  body.gece .ff-aud--sade {
    grid-template-columns: auto minmax(0, 1fr);
    row-gap: 18px;
  }

  body.gece .ff-aud--sade .ff-aud__actions {
    grid-column: 2;
  }
}

@media (max-width: 760px) {
  body.gece .ff-audience--yollar {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 480px) {
  body.gece .ff-aud--sade {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 14px;
  }

  body.gece .ff-aud--sade .ff-aud__actions {
    grid-column: auto;
  }
}


body.gece .ff-network {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(24px, calc(3.45 * var(--vw)), 72px);
}

body.gece .ff-network__copy > p:not(.eyebrow) {
  max-width: 46ch;
  margin-top: clamp(14px, calc(1.3 * var(--vw)), 26px);
  color: var(--g-soft);
  font-size: var(--fs-copy);
  line-height: 1.7;
}

body.gece .ff-network__copy .action-row {
  margin-top: clamp(20px, calc(2.07 * var(--vw)), 40px);
}

body.gece .ff-network__empty {
  display: grid;
  justify-items: start;
  gap: clamp(8px, calc(0.78 * var(--vw)), 14px);
  padding: clamp(24px, calc(2.85 * var(--vw)), 56px);
  border: 1px dashed var(--g-line-strong);
  border-radius: var(--g-radius);
  background: var(--g-navy);
}

body.gece .ff-network__icon {
  display: grid;
  place-items: center;
  width: clamp(44px, calc(3.45 * var(--vw)), 64px);
  aspect-ratio: 1;
  border: 1px solid var(--g-gold-line);
  border-radius: 30%;
  background: var(--g-gold-soft);
  color: var(--g-gold);
}

body.gece .ff-network__icon .ff-ico {
  width: 46%;
  height: 46%;
}

body.gece .ff-network__empty .ff-network__title {
  margin-top: 6px;
  color: var(--g-cream);
  font: 400 var(--fs-serif-h3) / 1.2 var(--title);
}

body.gece .ff-network__empty > p:not(.ff-network__title) {
  max-width: 42ch;
  color: var(--g-soft);
  font-size: var(--fs-copy);
  line-height: 1.6;
}

@media (max-width: 860px) {
  body.gece .ff-network {
    grid-template-columns: minmax(0, 1fr);
  }
}


body.gece {
  --z-small-gold: #d6c6a6;
  --z-small-soft: #c6d2d8;
}

body.gece.zemin-acik,
body.gece.zemin-acik .concept-note,
body.gece.zemin-acik .z-beyaz,
body.gece.zemin-acik .cta {
  --z-small-gold: #655230;
  --z-small-soft: #44535c;
}

body.gece.zemin-acik :where(
  .skip-link, .site-header, .site-footer,
  .section--paper, .section--navy, .ff-marquee, .z-lacivert,
  .section:not(.section--paper, .section--navy) + .contact,
  .ff-closing__band, .ff-notif, .ff-float-chip,
  .ff-how__art, .ff-pos
),
body.gece.zemin-acik :is(.section--paper, .section--navy, .z-lacivert) .cta {
  --z-small-gold: #d6c6a6;
  --z-small-soft: #c6d2d8;
}

body.gece :is(.eyebrow, .ff-chips__label, .process__item summary span) {
  color: var(--z-small-gold);
}

body.gece .eyebrow::before {
  background: var(--z-small-gold);
}


body.gece.gece :is(.eyebrow__no, .eyebrow__slash) {
  color: var(--z-small-gold);
  opacity: 1;
}

body.gece :is(
  .note, [data-todo]:not(.store-link), .ff-hero__note, .ff-stage__hint, .ff-dots__label,
  .ff-showcase__caption, .ff-card-solo__hint, .crumbs, .field-note,
  .form-required-note, .form-help, .contact-small, .inquiry__title span,
  .concept-note, .footer-base, .footer-legal a
) {
  color: var(--z-small-soft);
}




body.gece .ff-finder [hidden] {
  display: none !important;
}

body.gece .ff-finder {
  display: grid;
  gap: clamp(16px, calc(1.73 * var(--vw)), 36px);
}


body.gece .ff-finder__form {
  padding: clamp(18px, calc(2.07 * var(--vw)), 40px);
  border: 1px solid var(--g-gold-line);
  border-radius: var(--g-radius);
  background: var(--g-navy);
}

body.gece .ff-finder__fields {
  grid-template-columns: minmax(0, 1.7fr) repeat(4, minmax(0, 1fr));
  gap: clamp(12px, calc(1.04 * var(--vw)), 20px) clamp(12px, calc(1.21 * var(--vw)), 22px);
  align-items: end;
}


body.gece .ff-finder__fields input[type="search"] {
  -webkit-appearance: none;
  appearance: none;
}

body.gece .ff-finder__fields select option:disabled {
  color: var(--g-dim);
}


body.gece .ff-finder__fields select:disabled {
  opacity: 1;
  border-style: dashed;
  color: var(--g-soft);
  cursor: not-allowed;
}


@media (min-width: 1101px) {
  body.gece .ff-finder__fields:has(> [hidden]) {
    grid-template-columns: minmax(0, 1.7fr) repeat(3, minmax(0, 1fr));
  }
}

body.gece .ff-finder__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px clamp(16px, calc(1.56 * var(--vw)), 30px);
  margin-top: clamp(14px, calc(1.3 * var(--vw)), 24px);
}

body.gece .ff-finder__foot > .note {
  max-width: 62ch;
  margin: 0;
}


body.gece .ff-finder__count {
  margin: 0;
  color: var(--g-cream);
  font: 700 var(--fs-small) / 1.45 var(--display);
}

body.gece .ff-finder__count:empty {
  min-height: 1.45em;
}


body.gece .ff-finder__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
  gap: clamp(13px, calc(1.21 * var(--vw)), 25px);
  margin: 0;
  padding: 0;
  list-style: none;
}

body.gece .ff-store {
  display: flex;
  min-width: 0;
}

body.gece .ff-store__card {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
  padding: clamp(18px, calc(1.73 * var(--vw)), 32px);
  border: 1px solid var(--g-line);
  border-radius: var(--g-radius);
  background: var(--g-navy);
  transition: border-color var(--t-fast);
}

body.gece .ff-store__card:hover,
body.gece .ff-store__card:focus-within {
  border-color: var(--g-gold-line);
}

body.gece .ff-store__head {
  display: flex;
  align-items: center;
  gap: clamp(12px, calc(1.04 * var(--vw)), 18px);
}


body.gece .ff-store__logo {
  display: grid;
  flex: none;
  place-items: center;
  width: clamp(48px, calc(3.8 * var(--vw)), 64px);
  aspect-ratio: 1;
  overflow: hidden;
  border: 1px solid var(--g-line);
  border-radius: 30%;
  background: #ffffff;
}

body.gece .ff-store__logo img {
  width: 100%;
  height: 100%;
  padding: 12%;
  object-fit: contain;
}

body.gece .ff-store__logo--mono {
  border-color: var(--g-gold-line);
  background: var(--g-gold-soft);
  color: var(--g-gold);
  font: 400 calc(var(--fs-serif-h3) * 1.1) / 1 var(--title);
}

body.gece .ff-store__titles {
  min-width: 0;
}

body.gece .ff-store__brand {
  margin: 0 0 4px;
  color: var(--z-small-gold);
  font: 700 var(--fs-label) / 1.3 var(--display);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

body.gece .ff-store__name {
  margin: 0;
  color: var(--g-cream);
  font: 400 var(--fs-serif-h3) / 1.2 var(--title);
  overflow-wrap: anywhere;
}

body.gece .ff-store__name:focus {
  outline: none;
}

body.gece .ff-store__name:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 4px;
  border-radius: 4px;
}

body.gece .ff-store__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: clamp(14px, calc(1.21 * var(--vw)), 22px) 0 0;
  padding: 0;
  list-style: none;
}

body.gece .ff-store__tag {
  padding: 5px 12px;
  border: 1px solid var(--g-line-strong);
  border-radius: 999px;
  color: var(--z-small-soft);
  font: 600 var(--fs-label) / 1.3 var(--display);
}

body.gece .ff-store__tag--kalem {
  border-color: var(--g-gold-line);
  background: var(--g-gold-soft);
  color: var(--g-cream);
}

body.gece :is(.ff-store__addr, .ff-store__cond, .ff-store__note) {
  margin: clamp(10px, calc(0.86 * var(--vw)), 16px) 0 0;
  color: var(--g-soft);
  font-size: var(--fs-small);
  line-height: 1.6;
  overflow-wrap: anywhere;
}

body.gece .ff-store__addr {
  display: flex;
  align-items: flex-start;
  gap: 0.5em;
}

body.gece .ff-store__addr .ff-ico {
  flex: none;
  width: 1.15em;
  height: 1.15em;
  margin-top: 0.2em;
  color: var(--g-gold);
}

body.gece .ff-store__cond b {
  color: var(--g-cream);
  font-weight: 600;
}

body.gece .ff-store__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 2px clamp(18px, calc(1.56 * var(--vw)), 30px);
  margin-top: auto;
  padding-top: clamp(12px, calc(1.04 * var(--vw)), 20px);
}

body.gece .ff-finder__more {
  display: flex;
  justify-content: center;
}


body.gece .ff-finder__empty {
  display: grid;
  justify-items: center;
  gap: clamp(8px, calc(0.78 * var(--vw)), 14px);
  padding: clamp(28px, calc(3.45 * var(--vw)), 72px) clamp(20px, calc(2.59 * var(--vw)), 56px);
  border: 1px dashed var(--g-line-strong);
  border-radius: var(--g-radius);
  background: var(--g-navy);
  text-align: center;
}

body.gece .ff-finder__empty .ff-finder__title {
  margin: 6px 0 0;
  color: var(--g-cream);
  font: 400 var(--fs-serif-h3) / 1.2 var(--title);
}

body.gece .ff-finder__empty > p:not(.ff-finder__title) {
  max-width: 46ch;
  margin: 0;
  color: var(--g-soft);
  font-size: var(--fs-copy);
  line-height: 1.6;
}

body.gece .ff-finder__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px clamp(20px, calc(2.07 * var(--vw)), 40px);
  margin-top: 6px;
}


@media (max-width: 1100px) {
  body.gece .ff-finder__fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.gece .ff-finder__q {
    grid-column: 1 / -1;
  }
}

@media (max-width: 560px) {
  body.gece .ff-finder__fields {
    grid-template-columns: minmax(0, 1fr);
  }

  body.gece .ff-finder__foot {
    align-items: flex-start;
    flex-direction: column;
  }

  body.gece .ff-finder__links {
    flex-direction: column;
    align-items: center;
  }
}



body.gece .ff-uye-steps > .title {
  margin-bottom: clamp(14px, calc(1.3 * var(--vw)), 18px);
}


@media (max-width: 380px) {
  body.gece .ff-hero--uye {
    --ff-stage-min: 270px;
  }
}



body.gece .ff-vergi-ozet {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  gap: clamp(28px, calc(4.4 * var(--vw)), 84px);
  align-items: start;
}

body.gece .ff-vergi-ozet__head .eyebrow {
  margin-bottom: 12px;
}

body.gece .ff-vergi-ozet__head > p:not(.eyebrow) {
  max-width: 40ch;
  margin-top: clamp(14px, calc(1.38 * var(--vw)), 24px);
  color: var(--g-soft);
  font-size: var(--fs-lead);
  line-height: 1.6;
}

body.gece .ff-vergi-ozet__head .action-row {
  margin-top: clamp(20px, calc(2.07 * var(--vw)), 36px);
}

body.gece .ff-vergi-ozet__body .checklist {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--g-line);
}

body.gece .ff-vergi-ozet__body .checklist li {
  padding-block: clamp(12px, calc(1.04 * var(--vw)), 18px);
  line-height: 1.65;
}

body.gece .ff-vergi-ozet__body > .note {
  max-width: 70ch;
  margin-top: clamp(16px, calc(1.55 * var(--vw)), 26px);
}

@media (max-width: 960px) {
  body.gece .ff-vergi-ozet {
    grid-template-columns: minmax(0, 1fr);
  }
}


body.gece .ff-showcase__copy > .action-row + .note {
  margin-top: clamp(10px, calc(0.9 * var(--vw)), 16px);
}


body.gece .ff-rehber-acilis {
  padding-bottom: var(--sec-tight);
}

body.gece .ff-rehber-acilis .crumbs {
  margin-bottom: clamp(18px, calc(1.73 * var(--vw)), 32px);
}

body.gece .ff-rehber-acilis .section-head {
  margin-bottom: 0;
}



@media (min-width: 1101px) and (max-width: 1200px) {
  body.gece .nav-row {
    gap: 20px;
  }

  body.gece .nav {
    gap: 16px;
  }

  body.gece .nav__links {
    gap: 16px;
  }
}

@media (min-width: 961px) and (max-width: 1100px) {
  body.gece .nav-row {
    gap: 14px;
  }

  body.gece .nav {
    gap: 10px;
  }

  body.gece .nav__links {
    gap: 11px;
  }

  body.gece .nav__links a {
    padding-block: 12px;
    font-size: calc(var(--fs-ui) * 0.9);
  }

  body.gece .brand-route {
    gap: 7px;
    padding-inline: 11px;
    font-size: calc(var(--fs-ui) * 0.9);
  }

  body.gece .ff-nav-cta {
    padding-inline: 13px;
    font-size: calc(var(--fs-ui) * 0.9);
  }
}

@media (max-width: 479px) {
  body.gece .nav .ff-nav-cta {
    display: none;
  }
}


@media (max-width: 419px) {
  body.gece .ff-drawer-actions {
    grid-template-columns: minmax(0, 1fr);
  }
}


body.gece.zemin-acik .ff-marquee.z-beyaz {
  border-block-color: var(--g-gold-line);
  background: var(--g-navy);
}


body.gece .ff-webpos {
  container-type: inline-size;
  position: relative;
  display: block;
  aspect-ratio: 320 / 216;
  border-radius: 5% / 7.4%;
  background: #16344a;
  box-shadow: 0 0 0 1px #1d4260, 0 36px 70px -34px var(--z-shadow, rgba(0, 0, 0, 0.8));
}

body.gece .ff-webpos__in {
  --wp: calc(100cqw / 320);
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  padding: 0 calc(var(--wp) * 7) calc(var(--wp) * 7);
}

body.gece .ff-webpos__bar {
  display: flex;
  flex: none;
  align-items: center;
  gap: calc(var(--wp) * 8);
  height: calc(var(--wp) * 25);
  padding: 0 calc(var(--wp) * 3);
}

body.gece .ff-webpos__dots {
  display: flex;
  gap: calc(var(--wp) * 4);
}

body.gece .ff-webpos__dots i {
  display: block;
  width: calc(var(--wp) * 6);
  height: calc(var(--wp) * 6);
  border-radius: 50%;
  background: rgba(247, 245, 240, 0.28);
}

body.gece .ff-webpos__url {
  display: flex;
  flex: 1;
  align-items: center;
  gap: calc(var(--wp) * 5);
  height: calc(var(--wp) * 13);
  padding: 0 calc(var(--wp) * 7);
  border-radius: 999px;
  background: rgba(247, 245, 240, 0.1);
  color: #b8c7ce;
}

body.gece .ff-webpos__url .ff-ico {
  width: calc(var(--wp) * 8);
  height: calc(var(--wp) * 8);
  stroke-width: 2;
}

body.gece .ff-webpos__url i {
  display: block;
  width: 46%;
  height: calc(var(--wp) * 4);
  border-radius: 99px;
  background: rgba(247, 245, 240, 0.26);
}

body.gece .ff-webpos__tag {
  color: #c6d2d8;
  font: 700 calc(var(--wp) * 7.5) / 1 var(--display);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  white-space: nowrap;
}

body.gece .ff-webpos__screen {
  display: grid;
  flex: 1;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
  gap: calc(var(--wp) * 12);
  min-height: 0;
  padding: calc(var(--wp) * 13) calc(var(--wp) * 13);
  border-radius: calc(var(--wp) * 10);
  background: #f7f5f0;
}

body.gece .ff-webpos__sum {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

body.gece .ff-webpos__sum > :where(p) {
  margin: 0;
}

body.gece .ff-webpos__brand {
  display: flex;
  align-items: center;
  gap: calc(var(--wp) * 6);
}

body.gece .ff-webpos__f {
  display: grid;
  flex: none;
  place-items: center;
  width: calc(var(--wp) * 20);
  height: calc(var(--wp) * 20);
  border-radius: calc(var(--wp) * 6);
  background: #102a3a;
  color: #c9b592;
  font: 800 calc(var(--wp) * 11) / 1 var(--display);
}

body.gece .ff-webpos__brand > span:last-child {
  display: flex;
  flex-direction: column;
  gap: calc(var(--wp) * 2);
  min-width: 0;
}

body.gece .ff-webpos__brand b {
  color: #102a3a;
  font: 800 calc(var(--wp) * 9.5) / 1.1 var(--display);
  white-space: nowrap;
}

body.gece .ff-webpos__brand small {
  color: #4f5f68;
  font: 700 calc(var(--wp) * 7.5) / 1 var(--display);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

body.gece .ff-webpos__amount {
  display: flex;
  flex-direction: column;
  gap: calc(var(--wp) * 3);
  margin-top: auto;
}

body.gece .ff-webpos__amount small {
  color: #4f5f68;
  font: 700 calc(var(--wp) * 8) / 1 var(--display);
  letter-spacing: 0.12em;
}

body.gece .ff-webpos__amount b {
  color: #0b202e;
  font: 800 calc(var(--wp) * 24) / 1 var(--display);
  letter-spacing: -0.01em;
}

body.gece .ff-webpos__status {
  position: relative;
  height: calc(var(--wp) * 24);
  margin-top: calc(var(--wp) * 10);
}

body.gece .ff-webpos__wait,
body.gece .ff-webpos__ok {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: inline-flex;
  align-items: center;
}

body.gece .ff-webpos__wait {
  gap: calc(var(--wp) * 4);
  padding-left: calc(var(--wp) * 4);
  opacity: 0;
  animation: ff-pending 5s linear infinite both;
}

body.gece .ff-webpos__wait i {
  display: block;
  width: calc(var(--wp) * 5);
  height: calc(var(--wp) * 5);
  border-radius: 50%;
  background: #4f5f68;
  animation: ff-blink 1s ease-in-out infinite;
}

body.gece .ff-webpos__wait i:nth-child(2) { animation-delay: 0.15s; }
body.gece .ff-webpos__wait i:nth-child(3) { animation-delay: 0.3s; }

body.gece .ff-webpos__ok {
  gap: calc(var(--wp) * 5);
  padding: 0 calc(var(--wp) * 10) 0 calc(var(--wp) * 3);
  border-radius: 999px;
  background: #c9b592;
  color: #0b202e;
  font: 800 calc(var(--wp) * 9.5) / 1 var(--display);
  white-space: nowrap;
  transform-origin: left center;
  animation: ff-approved 5s ease-out infinite both;
}

body.gece .ff-webpos__ok svg {
  display: block;
  width: calc(var(--wp) * 18);
  height: calc(var(--wp) * 18);
}

body.gece .ff-webpos__ok circle {
  fill: #0b202e;
}

body.gece .ff-webpos__ok path {
  fill: none;
  stroke: #c9b592;
  stroke-width: 2.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16;
  stroke-dashoffset: 0;
  animation: ff-tick 5s ease-out infinite both;
}

body.gece .ff-webpos__ways {
  display: grid;
  align-content: center;
  gap: calc(var(--wp) * 6);
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.gece .ff-webpos__ways li {
  display: flex;
  align-items: center;
  gap: calc(var(--wp) * 7);
  height: calc(var(--wp) * 31);
  padding: 0 calc(var(--wp) * 9);
  border: 1px solid rgba(16, 42, 58, 0.16);
  border-radius: calc(var(--wp) * 8);
  background: #ffffff;
  color: #102a3a;
  font: 700 calc(var(--wp) * 9.5) / 1.1 var(--display);
  white-space: nowrap;
  animation: ff-webpos-pick 15s ease-in-out infinite both;
}


body.gece .ff-webpos__ways li:first-child {
  border-color: #c9b592;
  background: #faf5ea;
  box-shadow: inset 0 0 0 1px #c9b592;
  color: #6b5836;
}

body.gece .ff-webpos__ways li:nth-child(2) { animation-delay: -10s; }
body.gece .ff-webpos__ways li:nth-child(3) { animation-delay: -5s; }

body.gece .ff-webpos__ways .ff-ico {
  flex: none;
  width: calc(var(--wp) * 14);
  height: calc(var(--wp) * 14);
  stroke-width: 1.8;
}

@keyframes ff-webpos-pick {
  0%, 30% {
    border-color: #c9b592;
    background: #faf5ea;
    box-shadow: inset 0 0 0 1px #c9b592;
    color: #6b5836;
  }
  34%, 100% {
    border-color: rgba(16, 42, 58, 0.16);
    background: #ffffff;
    box-shadow: inset 0 0 0 1px rgba(201, 181, 146, 0);
    color: #102a3a;
  }
}


body.gece .ff-how__webpos {
  position: absolute;
  left: 50%;
  top: calc(var(--ff-u) * 13);
  width: calc(var(--ff-u) * 262);
  margin-left: calc(var(--ff-u) * -131);
}


body.gece .ff-hero-visual--webpos {
  --dw: 620;
  --ar: 1.1071;
}

body.gece .ff-hero-visual--webpos .ff-stage__halo {
  left: 10%;
  top: 4%;
  width: 80%;
}


body.gece .ff-visual__webpos {
  position: absolute;
  left: 3%;
  top: 13%;
  z-index: 2;
  width: 86%;
  animation: ff-bob 7s ease-in-out -1s infinite;
}


body.gece .ff-yol {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: end;
  gap: clamp(20px, calc(3.45 * var(--vw)), 72px);
}

body.gece .ff-yol__head .eyebrow {
  margin-bottom: 12px;
}


body.gece :is(.ff-yol__head, .ff-davet__copy, .section-head--genis) .title {
  max-width: 24ch;
}

body.gece .ff-yol__body > p {
  max-width: 48ch;
  color: var(--g-soft);
  font-size: var(--fs-copy);
  line-height: 1.7;
}

body.gece .ff-yol__body .action-row {
  margin-top: clamp(18px, calc(1.81 * var(--vw)), 34px);
}

@media (max-width: 860px) {
  body.gece .ff-yol {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
  }
}


body.gece .ff-logolar {
  margin-top: clamp(28px, calc(3.45 * var(--vw)), 64px);
  padding-top: clamp(22px, calc(2.59 * var(--vw)), 48px);
  border-top: 1px solid var(--g-line);
}

body.gece .ff-logolar__slots {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: clamp(10px, calc(1.21 * var(--vw)), 22px);
  margin: 0;
  padding: 0;
  list-style: none;
}

body.gece .ff-logolar__slots > * {
  display: grid;
  place-items: center;
  aspect-ratio: 5 / 2;
  border: 1px dashed var(--g-line-strong);
  border-radius: var(--g-radius-sm);
  background: var(--z-veil, rgba(247, 245, 240, 0.05));
}

body.gece .ff-logolar > .note {
  margin-top: clamp(12px, calc(1.21 * var(--vw)), 20px);
}

@media (max-width: 760px) {
  body.gece .ff-logolar__slots {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}


body.gece .ff-davet {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(28px, calc(4.4 * var(--vw)), 90px);
}

body.gece .ff-davet__copy .eyebrow {
  margin-bottom: 12px;
}

body.gece .ff-davet__copy > p:not(.eyebrow) {
  max-width: 46ch;
  margin-top: clamp(14px, calc(1.38 * var(--vw)), 24px);
  color: var(--g-soft);
  font-size: var(--fs-copy);
  line-height: 1.7;
}

body.gece .ff-davet__copy .action-row {
  margin-top: clamp(18px, calc(1.81 * var(--vw)), 34px);
}

body.gece .ff-davet__visual {
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: 600px;
  justify-self: end;
}


body.gece .ff-davet__visual::before {
  content: "";
  position: absolute;
  inset: -12% 0; 

  z-index: -1;
  border-radius: 50%;
  background: var(--z-halo, radial-gradient(closest-side, rgba(201, 181, 146, 0.26), rgba(201, 181, 146, 0)));
  pointer-events: none;
}

body.gece .ff-davet__visual .ff-webpos {
  animation: ff-bob 7s ease-in-out -2s infinite;
}

@media (max-width: 860px) {
  body.gece .ff-davet {
    grid-template-columns: minmax(0, 1fr);
  }

  body.gece .ff-davet__visual {
    justify-self: center;
  }
}



body.gece .ff-how-list {
  position: absolute;
  inset: 0;
}

body.gece .ff-how-list__sheet {
  position: absolute;
  left: calc(var(--ff-u) * 40);
  top: calc(var(--ff-u) * 20);
  display: flex;
  flex-direction: column;
  gap: calc(var(--ff-u) * 9);
  width: calc(var(--ff-u) * 176);
  height: calc(var(--ff-u) * 200);
  padding: calc(var(--ff-u) * 14);
  border-radius: calc(var(--ff-u) * 10);
  background: #f7f5f0;
  box-shadow: 0 calc(var(--ff-u) * 16) calc(var(--ff-u) * 30) calc(var(--ff-u) * -12) rgba(0, 0, 0, 0.7);
  transform: rotate(-3deg);
  transform-origin: 30% 20%;
}


body.gece .ff-how-list__sheet::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: calc(var(--ff-u) * 20);
  height: calc(var(--ff-u) * 20);
  border-bottom-left-radius: calc(var(--ff-u) * 5);
  background: linear-gradient(225deg, #07131c 50%, #d9d4c7 50%);
}

body.gece .ff-how-list__head {
  display: flex;
  align-items: center;
  gap: calc(var(--ff-u) * 6);
  margin-bottom: calc(var(--ff-u) * 2);
  color: #102a3a;
  font: 800 calc(var(--ff-u) * 10.5) / 1 var(--display);
  white-space: nowrap;
}

body.gece .ff-how-list__head .ff-ico {
  width: calc(var(--ff-u) * 13);
  height: calc(var(--ff-u) * 13);
  color: #7a6540;
  stroke-width: 2;
}

body.gece .ff-how-list__row {
  display: flex;
  align-items: center;
  gap: calc(var(--ff-u) * 7);
  height: calc(var(--ff-u) * 20);
  padding-bottom: calc(var(--ff-u) * 8);
  border-bottom: 1px solid rgba(16, 42, 58, 0.1);
  animation: ff-chip 5s var(--g-ease) 0.1s infinite both;
}

body.gece .ff-how-list__row:nth-child(3) { animation-delay: 0.45s; }
body.gece .ff-how-list__row:nth-child(4) { animation-delay: 0.8s; }
body.gece .ff-how-list__row:nth-child(5) { animation-delay: 1.15s; }

body.gece .ff-how-list__row i {
  flex: none;
  width: calc(var(--ff-u) * 12);
  height: calc(var(--ff-u) * 12);
  border-radius: 50%;
  background: rgba(16, 42, 58, 0.16);
}

body.gece .ff-how-list__row b {
  flex: none;
  width: calc(var(--ff-u) * 64);
  height: calc(var(--ff-u) * 6);
  border-radius: 99px;
  background: rgba(16, 42, 58, 0.26);
}

body.gece .ff-how-list__row:nth-child(3) b { width: calc(var(--ff-u) * 52); }
body.gece .ff-how-list__row:nth-child(4) b { width: calc(var(--ff-u) * 72); }
body.gece .ff-how-list__row:nth-child(5) b { width: calc(var(--ff-u) * 46); }

body.gece .ff-how-list__row em {
  width: calc(var(--ff-u) * 30);
  height: calc(var(--ff-u) * 10);
  margin-left: auto;
  border-radius: 99px;
  background: #c9b592;
}

body.gece .ff-how-list__tag {
  position: absolute;
  left: calc(var(--ff-u) * 176);
  top: calc(var(--ff-u) * 92);
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: calc(var(--ff-u) * 7);
  height: calc(var(--ff-u) * 34);
  padding: 0 calc(var(--ff-u) * 13) 0 calc(var(--ff-u) * 5);
  border-radius: 999px;
  background: #c9b592;
  box-shadow: 0 calc(var(--ff-u) * 12) calc(var(--ff-u) * 24) calc(var(--ff-u) * -10) rgba(0, 0, 0, 0.7);
  color: #0b202e;
  font: 800 calc(var(--ff-u) * 10.5) / 1 var(--display);
  white-space: nowrap;
  animation: ff-chip 5s var(--g-ease) 1.6s infinite both;
}

body.gece .ff-how-list__lira {
  display: grid;
  place-items: center;
  width: calc(var(--ff-u) * 24);
  height: calc(var(--ff-u) * 24);
  border-radius: 50%;
  background: #0b202e;
  color: #c9b592;
  font: 800 calc(var(--ff-u) * 12) / 1 var(--display);
}


body.gece .ff-how-deck {
  position: absolute;
  inset: 0;
}

body.gece .ff-how-deck__card {
  --r: 0deg;
  position: absolute;
  top: calc(var(--ff-u) * 66);
  width: calc(var(--ff-u) * 148);
  border-radius: 4.2% / 6.67%;
  box-shadow: 0 calc(var(--ff-u) * 16) calc(var(--ff-u) * 30) calc(var(--ff-u) * -12) rgba(0, 0, 0, 0.8);
  transform: rotate(var(--r));
  animation: ff-deal 5s var(--g-ease) infinite both;
}

body.gece .ff-how-deck__card--1 {
  --r: -11deg;
  left: calc(var(--ff-u) * 42);
  top: calc(var(--ff-u) * 74);
}

body.gece .ff-how-deck__card--2 {
  --r: -2deg;
  left: calc(var(--ff-u) * 98);
  animation-delay: 0.25s;
}

body.gece .ff-how-deck__card--3 {
  --r: 8deg;
  left: calc(var(--ff-u) * 156);
  top: calc(var(--ff-u) * 76);
  animation-delay: 0.5s;
}


body.gece .ff-how-deck__toast {
  position: absolute;
  left: calc(var(--ff-u) * 70);
  right: calc(var(--ff-u) * 70);
  top: calc(var(--ff-u) * 2);
  z-index: 3;
  height: calc(var(--ff-u) * 56);
}

body.gece .ff-how-deck__toast .ff-how__toast {
  animation-delay: 0.6s;
}

@keyframes ff-deal {
  0%, 4% { opacity: 0; transform: translateY(calc(var(--ff-u) * 34)) rotate(0deg); }
  18%, 88% { opacity: 1; transform: translateY(0) rotate(var(--r)); }
  97%, 100% { opacity: 0; transform: translateY(0) rotate(var(--r)); }
}


body.gece .ff-how-pick {
  position: absolute;
  inset: 0;
}

body.gece .ff-how-pick__tiles {
  position: absolute;
  left: 50%;
  top: calc(var(--ff-u) * 22);
  display: flex;
  gap: calc(var(--ff-u) * 14);
  transform: translateX(-50%);
}

body.gece .ff-how-pick__tiles > span {
  position: relative;
  display: grid;
  place-items: center;
  width: calc(var(--ff-u) * 72);
  height: calc(var(--ff-u) * 72);
  border: 1px solid rgba(247, 245, 240, 0.14);
  border-radius: calc(var(--ff-u) * 16);
  background: rgba(247, 245, 240, 0.05);
  color: #b8c7ce;
  animation: ff-pick 6s ease-in-out infinite both;
}


body.gece .ff-how-pick__tiles > span:first-child {
  border-color: #c9b592;
  background: rgba(201, 181, 146, 0.16);
  color: #e6d6b5;
}

body.gece .ff-how-pick__tiles > span:nth-child(2) { animation-delay: -4s; }
body.gece .ff-how-pick__tiles > span:nth-child(3) { animation-delay: -2s; }

body.gece .ff-how-pick__tiles .ff-ico {
  width: calc(var(--ff-u) * 30);
  height: calc(var(--ff-u) * 30);
}

body.gece .ff-how-pick__card {
  position: absolute;
  left: 50%;
  top: calc(var(--ff-u) * 118);
  width: calc(var(--ff-u) * 170);
  margin-left: calc(var(--ff-u) * -85);
  border-radius: 4.2% / 6.67%;
  box-shadow: 0 calc(var(--ff-u) * -6) calc(var(--ff-u) * 26) calc(var(--ff-u) * -8) rgba(0, 0, 0, 0.8);
  animation: ff-peek-card 6s var(--g-ease) infinite both;
}

@keyframes ff-pick {
  0%, 28% { border-color: #c9b592; background: rgba(201, 181, 146, 0.16); color: #e6d6b5; }
  34%, 100% { border-color: rgba(247, 245, 240, 0.14); background: rgba(247, 245, 240, 0.05); color: #b8c7ce; }
}

@keyframes ff-peek-card {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(calc(var(--ff-u) * -6)); }
}


body.gece .ff-hero--home .ff-hero__copy > p:not(.eyebrow):not(.ff-chips):not(.ff-hero__slogan):not(.ff-hero__route) {
  max-width: 42ch;
}

body.gece .ff-closing__copy > p:not(.eyebrow) {
  max-width: 40ch;
}



body.gece :is(.ff-btn-ghost, .ff-textlink):hover .ff-ico--down {
  transform: translateY(2px);
}


body.gece .ff-visual__webpos-card {
  position: absolute;
  right: 1%;
  top: 68%;
  z-index: 3;
  width: 36%;
  border-radius: 4.2% / 6.67%;
  box-shadow: 0 30px 60px -20px rgba(0, 0, 0, 0.85);
  transform: rotate(7deg);
  animation: ff-bob 7s ease-in-out -3.5s infinite;
}


body.gece .ff-hero-visual--webpos .ff-visual__chip-a {
  left: 1%;
  top: 4%;
}

body.gece.zemin-acik .ff-visual__webpos-card {
  box-shadow: 0 30px 60px -20px var(--z-shadow);
}

body.gece .ff-visual__webpos-card .ff-card {
  display: block;
  width: 100%;
}


body.gece .ff-hero--page h1:has(+ p) {
  text-wrap: balance;
}


body.gece .ff-how-cihaz {
  position: absolute;
  inset: 0;
}


body.gece .ff-how-cihaz__laptop,
body.gece .ff-how-cihaz__tablet,
body.gece .ff-how-cihaz__phone {
  --s: 1;
  --d: 0s;
  position: absolute;
  display: block;
  padding: calc(var(--ff-u) * 5);
  border: 1px solid rgba(247, 245, 240, 0.2);
  background: #16344a;
  box-shadow: 0 calc(var(--ff-u) * 16) calc(var(--ff-u) * 28) calc(var(--ff-u) * -12) rgba(0, 0, 0, 0.8);
}

body.gece .ff-how-cihaz__laptop {
  left: calc(var(--ff-u) * 34);
  top: calc(var(--ff-u) * 52);
  width: calc(var(--ff-u) * 160);
  height: calc(var(--ff-u) * 102);
  border-radius: calc(var(--ff-u) * 8) calc(var(--ff-u) * 8) calc(var(--ff-u) * 2) calc(var(--ff-u) * 2);
}


body.gece .ff-how-cihaz__base {
  position: absolute;
  left: calc(var(--ff-u) * -14);
  right: calc(var(--ff-u) * -14);
  bottom: calc(var(--ff-u) * -10);
  height: calc(var(--ff-u) * 9);
  border: 1px solid rgba(247, 245, 240, 0.2);
  border-radius: calc(var(--ff-u) * 2) calc(var(--ff-u) * 2) calc(var(--ff-u) * 8) calc(var(--ff-u) * 8);
  background: #1d4058;
}

body.gece .ff-how-cihaz__tablet {
  --s: 0.8;
  --d: 0.5s;
  left: calc(var(--ff-u) * 208);
  top: calc(var(--ff-u) * 62);
  width: calc(var(--ff-u) * 70);
  height: calc(var(--ff-u) * 100);
  border-radius: calc(var(--ff-u) * 9);
}

body.gece .ff-how-cihaz__phone {
  --s: 0.6;
  --d: 1s;
  left: calc(var(--ff-u) * 288);
  top: calc(var(--ff-u) * 90);
  width: calc(var(--ff-u) * 40);
  height: calc(var(--ff-u) * 72);
  padding: calc(var(--ff-u) * 3.5);
  border-radius: calc(var(--ff-u) * 8);
}


body.gece .ff-how-cihaz__ekran {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(var(--ff-u) * 6 * var(--s));
  width: 100%;
  height: 100%;
  border-radius: calc(var(--ff-u) * 4);
  background: #f7f5f0;
}

body.gece .ff-how-cihaz__ekran b {
  display: grid;
  place-items: center;
  width: calc(var(--ff-u) * 20 * var(--s));
  height: calc(var(--ff-u) * 20 * var(--s));
  border-radius: calc(var(--ff-u) * 5 * var(--s));
  background: #102a3a;
  color: #c9b592;
  font: 800 calc(var(--ff-u) * 11 * var(--s)) / 1 var(--display);
}

body.gece .ff-how-cihaz__ekran i {
  display: block;
  width: calc(var(--ff-u) * 56 * var(--s));
  height: calc(var(--ff-u) * 5 * var(--s));
  border-radius: 99px;
  background: rgba(16, 42, 58, 0.24);
}

body.gece .ff-how-cihaz__ekran i + i {
  width: calc(var(--ff-u) * 36 * var(--s));
  margin-top: calc(var(--ff-u) * -2 * var(--s));
  background: rgba(16, 42, 58, 0.14);
}

body.gece .ff-how-cihaz__ekran em {
  display: grid;
  place-items: center;
  width: calc(var(--ff-u) * 20 * var(--s));
  height: calc(var(--ff-u) * 20 * var(--s));
  border-radius: 50%;
  background: #2f7d5b;
  animation: ff-chip 5s var(--g-ease) calc(var(--d) + 0.4s) infinite both;
}

body.gece .ff-how-cihaz__ekran em svg {
  width: 72%;
  height: 72%;
  fill: none;
  stroke: #ffffff;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}


body.gece .ff-how-cihaz__ekran b,
body.gece .ff-how-cihaz__ekran i {
  animation: ff-chip 5s var(--g-ease) var(--d) infinite both;
}


body.gece .ff-how-cihaz__tag {
  position: absolute;
  left: 50%;
  top: calc(var(--ff-u) * 14);
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: calc(var(--ff-u) * 7);
  height: calc(var(--ff-u) * 30);
  padding: 0 calc(var(--ff-u) * 13) 0 calc(var(--ff-u) * 4);
  border-radius: 999px;
  background: #c9b592;
  box-shadow: 0 calc(var(--ff-u) * 12) calc(var(--ff-u) * 24) calc(var(--ff-u) * -10) rgba(0, 0, 0, 0.7);
  color: #0b202e;
  font: 800 calc(var(--ff-u) * 11) / 1 var(--display);
  white-space: nowrap;
  transform: translateX(-50%);
}

body.gece .ff-how-cihaz__tik {
  display: grid;
  place-items: center;
  width: calc(var(--ff-u) * 22);
  height: calc(var(--ff-u) * 22);
  border-radius: 50%;
  background: #0b202e;
  color: #c9b592;
}

body.gece .ff-how-cihaz__tik .ff-ico {
  width: calc(var(--ff-u) * 13);
  height: calc(var(--ff-u) * 13);
  stroke-width: 2.4;
}


body.gece .process__item p + p {
  padding-top: 2px;
}


body.gece .ff-finder__sss {
  margin-top: clamp(18px, calc(1.81 * var(--vw)), 34px);
}


body.gece .cta > .action-row {
  flex-shrink: 0;
  margin-top: 0;
  gap: clamp(10px, calc(0.86 * var(--vw)), 16px);
}


@media (max-width: 600px) {
  body.gece .ff-visual__webpos {
    left: 0;
    width: 100%;
  }

  body.gece .ff-visual__webpos-card {
    right: 0;
    top: 74%;
    width: 30%;
  }
}

@container (max-width: 280px) {
  body.gece .ff-webpos__tag {
    display: none;
  }
}


body.gece .brand-route {
  padding-block: 0;
}


@media (min-width: 601px) {
  body.gece .ff-hero__note {
    font: italic 400 var(--fs-label) / 1.3 var(--body);
    letter-spacing: 0;
    text-transform: none;
  }
}


body.gece .crumbs a,
body.gece .contact-lines dd > a {
  position: relative;
}

body.gece .crumbs a::before {
  content: "";
  position: absolute;
  inset: calc(0.65em - 23px) 0;
}

body.gece .contact-lines dd > a::before {
  content: "";
  position: absolute;
  inset: calc(0.7em - 23px) 0;
}

body.gece .checklist li > a:only-child {
  display: block;
  margin-block: -11px;
  padding-block: 11px;
}




body.gece .ff-audience--taraf {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}

body.gece .ff-audience--taraf .ff-aud,
body.gece .ff-audience--taraf .ff-aud:hover,
body.gece.zemin-acik .ff-audience--taraf .ff-aud:hover {
  border-color: var(--g-line);
  transform: none;
  box-shadow: none;
}

body.gece .ff-aud--taraf {
  min-height: 0;
  padding: clamp(22px, calc(2.33 * var(--vw)), 44px);
}

body.gece .ff-aud__ust {
  display: flex;
  align-items: center;
  gap: clamp(12px, calc(1.04 * var(--vw)), 20px);
}

body.gece .ff-aud__kitle {
  margin: 0;
  color: var(--g-gold);
  font: 800 var(--fs-label) / 1.2 var(--display);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

body.gece .ff-aud--taraf h3 {
  margin-top: clamp(16px, calc(1.55 * var(--vw)), 30px);
  font-size: calc(var(--fs-serif-h3) * 1.18);
  line-height: 1.15;
}

body.gece .ff-aud--taraf h3 + p {
  margin-top: clamp(10px, calc(0.86 * var(--vw)), 16px);
  font-size: var(--fs-copy);
  line-height: 1.6;
}

body.gece .ff-aud--taraf .ff-aud__list li > span {
  min-width: 0;
}

@media (min-width: 961px) {
  @supports (grid-template-rows: subgrid) {
    body.gece .ff-audience--taraf {
      grid-template-rows: repeat(5, auto);
      row-gap: 0;
    }

    body.gece .ff-aud--taraf {
      display: grid;
      grid-row: span 5;
      grid-template-rows: subgrid;
      row-gap: 0;
    }
  }
}

@media (max-width: 960px) {
  body.gece .ff-audience--taraf {
    grid-template-columns: minmax(0, 1fr);
  }
}


body.gece .ff-hero--home .ff-hero__yollar {
  flex-wrap: wrap;
}

body.gece .ff-hero__ikincil {
  display: flex;
  flex-wrap: wrap;
  gap: inherit;
}

@media (min-width: 961px) {
  body.gece .ff-hero--home .ff-hero__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.86fr);
  }
}

body.gece .ff-closing .action-row {
  flex-wrap: wrap;
}


@media (prefers-reduced-motion: no-preference) {
  body.gece .ff-marquee__track {
    animation-duration: 48s;
    animation-iteration-count: 3;
  }

  body.gece .ff-marquee__group {
    min-inline-size: 50vw;
    justify-content: space-around;
  }
}

body.gece .ff-marquee:hover .ff-marquee__track,
body.gece .ff-marquee:focus-within .ff-marquee__track,
body.gece .ff-marquee.is-paused .ff-marquee__track {
  animation-play-state: paused;
}


body.gece .ff-showcase__stage:has(> .ff-phone-solo) > .ff-showcase__orbit {
  top: 50%;
}


body.gece .btn:hover .btn__arrow--down {
  transform: translateY(2px);
}


body.gece .split.split--tek {
  grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 961px) {
  body.gece .split.split--tek > * {
    max-width: calc(66 * var(--vw));
  }
}


body.gece .ff-card .ff-card__face--front {
  background: #0d2236 url("../img/favyoflex-kart-v2.webp") 0 50% / cover no-repeat;
  box-shadow: none;
}

body.gece .ff-card .ff-card__face--front::before {
  display: none;
}

body.gece .ff-card :is(.ff-card__brand, .ff-card__icons, .ff-card__f, .ff-card__tag) {
  display: none;
}


body.gece .ff-phone__screen,
body.gece .ff-app {
  --app-bg: #f6f4ef;
  --app-surface: #ffffff;
  --app-surface-2: #f1ede4;
  --app-surface-hover: #fbfaf7;
  --app-ink: #102a3a;
  --app-ink-2: #56656e;
  --app-accent: #7a6540;
  --app-gold: #c9b592;
  --app-gold-tint: rgba(201, 181, 146, 0.14);
  --app-line: #e6e1d6;
  --app-line-strong: #d5cdbd;
  --app-navy: #102a3a;
  --app-on-navy: #f7f5f0;
  --app-on-navy-2: #b8c7ce;
  --app-on-navy-gold: #e6d6b5;
  --app-switch-bed: #dfe4e7;
  --app-bar: #8797a3;
  --app-glass: rgba(246, 244, 239, 0.95);
  --app-glass-edge: rgba(246, 244, 239, 0.5);
  --app-shadow: 0 1px 1px rgba(16, 42, 58, 0.04), 0 calc(var(--ff-u) * 8) calc(var(--ff-u) * 18) calc(var(--ff-u) * -10) rgba(16, 42, 58, 0.16);
}

body.gece .ff-app {
  

  --focus: var(--app-ink);
  background: var(--app-bg);
  color: var(--app-ink);
  color-scheme: light;
}


body.gece .ff-phone__screen:has(> .ff-phone__strip .ff-app, > .ff-app) {
  background: var(--app-bg);
}


body.gece .ff-app .ff-app__label,
body.gece .ff-app .ff-app__kicker,
body.gece .ff-app .ff-app__sub,
body.gece .ff-app .ff-app__aside,
body.gece .ff-app .ff-app__meta small,
body.gece .ff-app .ff-app__sum-label,
body.gece .ff-app .ff-app__ring-center small,
body.gece .ff-app .ff-app__legend-row--soon,
body.gece .ff-app .ff-app__hint,
body.gece .ff-app .ff-app__toggle-text small {
  color: var(--app-ink-2);
}

body.gece .ff-app :is(.ff-app__title, .ff-app__hello, .ff-app__screen-title, .ff-app__meta b, .ff-app__amt, .ff-app__sum-amount, .ff-app__ring-center b, .ff-app__legend-row) {
  color: var(--app-ink);
}

body.gece .ff-app .ff-app__hello em,
body.gece .ff-app .ff-app__more,
body.gece .ff-app .ff-app__toggle-text small.ff-when-locked {
  color: var(--app-accent);
}

body.gece .ff-app .ff-app__chip--on {
  background: var(--app-gold);
  color: var(--app-ink);
}

body.gece .ff-app .ff-app__chip--soon {
  border-color: var(--app-line-strong);
  color: var(--app-ink-2);
}

body.gece .ff-app .ff-app__soon {
  background: var(--app-gold-tint);
  color: var(--app-accent);
}

body.gece .ff-app .ff-app__soon::before {
  background: var(--app-accent);
}


body.gece .ff-app .ff-app__pocket .ff-app__chip--soon {
  border-color: rgba(184, 199, 206, 0.45);
  color: var(--app-on-navy-2);
}

body.gece .ff-app .ff-app__pocket .ff-app__soon {
  background: rgba(184, 199, 206, 0.1);
  color: var(--app-on-navy-gold);
}

body.gece .ff-app .ff-app__pocket .ff-app__soon::before {
  background: var(--app-on-navy-gold);
}


body.gece .ff-app :is(.ff-app__list, .ff-app__explore, .ff-app__panel, .ff-app__ringcard, .ff-app__toggle, .ff-app__menu) {
  border: 1px solid var(--app-line);
  background-color: var(--app-surface);
  box-shadow: var(--app-shadow);
}

body.gece .ff-app .ff-app__kalem {
  border-color: var(--app-line);
  background: var(--app-surface);
}


body.gece .ff-app .ff-app__list li + li {
  background-image: linear-gradient(var(--app-line), var(--app-line));
}

body.gece .ff-app .ff-app__menu-row + .ff-app__menu-row {
  background-image: linear-gradient(var(--app-line), var(--app-line));
}


body.gece .ff-app .ff-app__tile {
  background: var(--app-surface-2);
  color: var(--app-accent);
}


body.gece .ff-app .ff-app__nav {
  border-top: 1px solid var(--app-line);
  background: var(--app-surface);
  box-shadow: 0 calc(var(--ff-u) * -6) calc(var(--ff-u) * 16) calc(var(--ff-u) * -12) rgba(16, 42, 58, 0.12);
}

body.gece .ff-app .ff-app__tab {
  color: var(--app-ink-2);
}

body.gece .ff-app .ff-app__tab.is-active {
  color: var(--app-accent);
}

body.gece .ff-app .ff-app__tab.is-active::before {
  background: var(--app-accent);
}


body.gece .ff-app .ff-app__bell {
  border-color: var(--app-line);
  background: var(--app-surface);
  color: var(--app-ink);
  box-shadow: var(--app-shadow);
}

body.gece .ff-app .ff-app__bell::after {
  box-shadow: 0 0 0 calc(var(--ff-u) * 2) var(--app-surface);
}

body.gece .ff-app .ff-app__wallet-halo {
  background: radial-gradient(closest-side, rgba(201, 181, 146, 0.32), rgba(201, 181, 146, 0));
}

body.gece .ff-app .ff-app__wallet-card {
  box-shadow: 0 calc(var(--ff-u) * 14) calc(var(--ff-u) * 30) rgba(16, 42, 58, 0.24);
}


body.gece .ff-app .ff-app__wallet-fade {
  background: linear-gradient(180deg, rgba(16, 42, 58, 0), rgba(16, 42, 58, 0.32));
}


body.gece .ff-app .ff-app__pocket {
  background: var(--app-navy);
  box-shadow: inset 0 1px 0 rgba(230, 214, 181, 0.5), inset 0 calc(var(--ff-u) * -30) calc(var(--ff-u) * 40) calc(var(--ff-u) * -30) rgba(0, 0, 0, 0.25);
}

body.gece .ff-app .ff-app__stitch {
  border-color: rgba(201, 181, 146, 0.5);
}

body.gece .ff-app .ff-app__pocket .ff-app__label,
body.gece .ff-app .ff-app__pocket .ff-app__balance small {
  color: var(--app-on-navy-2);
}

body.gece .ff-app .ff-app__pocket .ff-app__balance {
  color: var(--app-on-navy);
}

body.gece .ff-app .ff-app__explore {
  border-color: rgba(201, 181, 146, 0.55);
}

body.gece .ff-app .ff-app__explore-ico {
  background: var(--app-gold-tint);
  color: var(--app-accent);
}

body.gece .ff-app .ff-app__go {
  background: var(--app-navy);
  color: var(--app-on-navy);
}


body.gece .ff-app .ff-app__pill {
  border-color: var(--app-line-strong);
  background: var(--app-surface);
  color: var(--app-ink-2);
}

body.gece .ff-app .ff-app__seg {
  border-color: var(--app-line);
  background: var(--app-surface-2);
}

body.gece .ff-app .ff-app__seg button {
  color: var(--app-ink-2);
}

body.gece .ff-app .ff-app__seg button:hover {
  background: rgba(16, 42, 58, 0.06);
}

body.gece .ff-app .ff-app__seg button[aria-pressed="true"] {
  background: var(--app-navy);
  color: var(--app-on-navy);
  box-shadow: 0 calc(var(--ff-u) * 4) calc(var(--ff-u) * 10) calc(var(--ff-u) * -4) rgba(16, 42, 58, 0.4);
}

body.gece .ff-app .ff-app__tagchip {
  background: var(--app-gold-tint);
  color: var(--app-accent);
}

body.gece .ff-app .ff-app__tagchip::before {
  background: var(--app-accent);
}


body.gece .ff-app .ff-app__chart {
  background:
    linear-gradient(90deg, rgba(16, 42, 58, 0.14) 50%, transparent 0) 0 calc(var(--ff-u) * 12) / calc(var(--ff-u) * 8) 1px repeat-x,
    linear-gradient(90deg, rgba(16, 42, 58, 0.14) 50%, transparent 0) 0 calc(var(--ff-u) * 58) / calc(var(--ff-u) * 8) 1px repeat-x,
    linear-gradient(rgba(16, 42, 58, 0.2), rgba(16, 42, 58, 0.2)) 0 calc(var(--ff-u) * 104) / 100% 1px no-repeat;
}

body.gece .ff-app .ff-app__bar-fill {
  background: var(--app-bar);
}

body.gece .ff-app .ff-app__bar.is-selected .ff-app__bar-fill {
  background: var(--app-navy);
  box-shadow: inset 0 calc(var(--ff-u) * 3) 0 var(--app-gold), 0 calc(var(--ff-u) * 6) calc(var(--ff-u) * 14) calc(var(--ff-u) * -4) rgba(16, 42, 58, 0.35);
}

body.gece .ff-app .ff-app__bar-lbl {
  color: var(--app-ink-2);
}

body.gece .ff-app .ff-app__bar.is-selected .ff-app__bar-lbl {
  color: var(--app-accent);
  font-weight: 800;
}


body.gece .ff-app .ff-app__ring-orbit {
  stroke: rgba(16, 42, 58, 0.28);
}

body.gece .ff-app .ff-app__ring-track {
  stroke: var(--app-surface-2);
}

body.gece .ff-app .ff-app__ring-arc {
  stroke: var(--app-gold);
}

body.gece .ff-app .ff-app__sw {
  background: var(--app-gold);
}

body.gece .ff-app .ff-app__sw--soon {
  border-color: var(--app-line-strong);
  background: transparent;
}


body.gece .ff-app .ff-app__status {
  background: var(--app-gold-tint);
  color: var(--app-accent);
}

body.gece .ff-app .ff-app__status--on::before {
  background: var(--app-accent);
}

body.gece .ff-app .ff-app__status--off {
  background: rgba(16, 42, 58, 0.08);
  color: var(--app-ink);
}

body.gece .ff-app .ff-app__cardwrap-halo {
  background: radial-gradient(closest-side, rgba(201, 181, 146, 0.3), rgba(201, 181, 146, 0));
}

body.gece .ff-app .ff-app__cardwrap .ff-card {
  box-shadow: 0 calc(var(--ff-u) * 16) calc(var(--ff-u) * 32) rgba(16, 42, 58, 0.24);
}


body.gece .ff-app.is-locked .ff-app__cardwrap .ff-card {
  filter: grayscale(1) brightness(1.15) contrast(0.9);
  box-shadow: 0 calc(var(--ff-u) * 8) calc(var(--ff-u) * 18) rgba(16, 42, 58, 0.12);
}

body.gece .ff-app .ff-app__lock {
  border-color: var(--app-line-strong);
  background: radial-gradient(ellipse 72% 66% at 50% 56%, var(--app-glass) 44%, var(--app-glass-edge));
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

body.gece .ff-app .ff-app__lock-ico {
  border-color: var(--app-line-strong);
  background: var(--app-surface);
  color: var(--app-ink);
  box-shadow: var(--app-shadow);
}

body.gece .ff-app .ff-app__lock b {
  color: var(--app-ink);
}

body.gece .ff-app .ff-app__lock small {
  color: var(--app-ink-2);
}


body.gece .ff-app .ff-app__toggle {
  color: var(--app-ink);
}

body.gece .ff-app .ff-app__toggle:hover {
  background-color: var(--app-surface-hover);
}

body.gece .ff-app .ff-app__toggle[aria-pressed="true"] {
  border-color: var(--app-navy);
  box-shadow: inset 0 0 0 1px var(--app-navy), var(--app-shadow);
}

body.gece .ff-app .ff-app__toggle-ico {
  background: var(--app-surface-2);
  color: var(--app-accent);
}

body.gece .ff-app .ff-app__toggle[aria-pressed="true"] .ff-app__toggle-ico {
  background: var(--app-navy);
  color: var(--app-on-navy-gold);
}


body.gece .ff-app .ff-app__switch {
  background: var(--app-switch-bed);
  box-shadow: inset 0 0 0 1px rgba(16, 42, 58, 0.45);
}

body.gece .ff-app .ff-app__switch::after {
  background: var(--app-surface);
  box-shadow: 0 1px 2px rgba(16, 42, 58, 0.2), 0 2px 6px rgba(16, 42, 58, 0.18);
}

body.gece .ff-app .ff-app__toggle[aria-pressed="true"] .ff-app__switch {
  background: var(--app-navy);
  box-shadow: none;
}

body.gece .ff-app .ff-app__toggle[aria-pressed="true"] .ff-app__switch::after {
  background: var(--app-on-navy-gold);
}


body.gece .ff-app .ff-app__menu-row {
  color: var(--app-ink);
}

body.gece .ff-app button.ff-app__menu-row:hover {
  background-color: rgba(16, 42, 58, 0.04);
}

body.gece .ff-app .ff-app__menu-row .ff-ico {
  color: var(--app-accent);
}

body.gece .ff-app .ff-app__menu-row .ff-app__chev {
  color: var(--app-ink-2);
}


body.gece .ff-yol + .ff-finder {
  margin-top: clamp(28px, calc(2.6 * var(--vw)), 48px);
}


body.gece .brand-route--logo {
  display: inline-flex;
  align-items: center;
  gap: 0.7em;
  min-height: 44px;
  border-radius: 6px; 

}


body.gece .brand-route__logo {
  display: block;
  flex: none;
  width: auto;
  height: 1.15em; 

}

body.gece .brand-route--logo {
  gap: 0.6em;
  font-weight: 600;
}

body.gece .brand-route--logo > span {
  font-size: 0.95em;
}

body.gece .mobile-nav .ff-drawer-siltek {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.6em;
}

body.gece .mobile-nav .ff-drawer-siltek::after {
  margin-left: auto;
}

body.gece .mobile-nav .ff-drawer-siltek .brand-route__logo {
  height: 0.95em;
}


@media (max-width: 960px) {
  body.gece .nav .brand-route--logo {
    display: none;
  }
}

body.gece .mobile-nav .ff-drawer-siltek .brand-route__mark {
  width: 1.2em;
  height: 1.2em;
}


body.gece .mobile-nav .ff-drawer-siltek::after {
  content: "↗";
  content: "↗" / "";
}


body.gece .nav .brand-route--logo {
  background: #f7f5f0;
  border-color: #f7f5f0;
  color: #102a3a;
}

body.gece .nav .brand-route--logo > span {
  color: #102a3a;
}

body.gece .nav .brand-route--logo:hover {
  background: #ffffff;
  border-color: #ffffff;
}


body.gece .logo-fav--yeni {
  display: inline-flex;
  align-items: center;
  gap: clamp(8px, calc(0.7 * var(--vw)), 11px);
  line-height: 0;
}

body.gece .logo-fav--yeni::before {
  content: none;
  display: none;
}

body.gece .logo-fav--yeni img {
  display: block;
  flex: none;
  width: auto;
}


body.gece .logo-fav--yeni .logo-fav__tam {
  height: clamp(20px, calc(1.75 * var(--vw)), 25px);
}


body.gece .logo-fav--iki .logo-fav__tam {
  height: clamp(46px, calc(3.8 * var(--vw)), 54px);
}


body.gece .ff-webpos__f img {
  display: block;
  width: auto;
  height: 62%;
}


body.gece .ff-kalem-genis {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: clamp(28px, calc(3.6 * var(--vw)), 64px);
  align-items: center;
}

body.gece .ff-kalem-genis__metin .lead {
  margin-top: clamp(14px, calc(1.2 * var(--vw)), 20px);
}

body.gece .ff-kalem-genis__metin .note {
  margin-top: clamp(14px, calc(1.2 * var(--vw)), 20px);
}

body.gece .ff-kalem-genis__kart {
  display: grid;
  grid-template-rows: none; 

  grid-row: auto;
  grid-template-columns: minmax(0, 1fr) clamp(150px, calc(15 * var(--vw)), 220px);
  column-gap: clamp(20px, calc(2.4 * var(--vw)), 40px);
  row-gap: clamp(12px, calc(1.1 * var(--vw)), 18px);
  align-content: start;
  min-height: 0;
}

body.gece .ff-kalem-genis__kart > :not(.ff-kalem-genis__gorsel) {
  grid-column: 1;
  margin: 0;
}

body.gece .ff-kalem-genis__ust {
  display: flex;
  align-items: center;
  gap: clamp(12px, calc(1.1 * var(--vw)), 18px);
}

body.gece .ff-kalem-genis__ust h3 {
  margin: 0;
  padding: 0;
}

body.gece .ff-kalem-genis__kart > p {
  margin: 0;
}

body.gece .ff-kalem-genis__ust .ff-kalem__icon {
  width: clamp(44px, calc(3.6 * var(--vw)), 56px);
}

body.gece .ff-kalem-genis__liste {
  display: grid;
  gap: 10px;
  padding: 0;
  list-style: none;
}

body.gece .ff-kalem-genis__liste li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: var(--fs-small);
  line-height: 1.45;
}

body.gece .ff-kalem-genis__liste .ff-ico {
  flex: none;
  width: 1.15em;
  height: 1.15em;
  margin-top: 0.12em;
  color: var(--g-gold);
}

body.gece .ff-kalem-genis__gorsel {
  grid-column: 2;
  grid-row: 1 / span 3;
  align-self: center;
  width: 100%;
  height: auto;
  border-radius: 4.2% / 6.67%;
  box-shadow: 0 18px 40px rgba(4, 12, 20, 0.35);
  transform: rotate(-6deg);
}

@media (max-width: 960px) {
  body.gece .ff-kalem-genis {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 600px) {
  body.gece .ff-kalem-genis__kart {
    grid-template-columns: minmax(0, 1fr);
  }

  body.gece .ff-kalem-genis__gorsel {
    grid-column: 1;
    grid-row: auto;
    max-width: 240px;
    margin-top: 8px;
    transform: rotate(-4deg);
  }
}


body.gece #kalemler {
  padding-block: var(--sec-tight);
}

body.gece .ff-kalem-genis__kart {
  grid-template-columns: minmax(0, 1fr);
  padding: clamp(20px, calc(1.8 * var(--vw)), 30px) clamp(20px, calc(2 * var(--vw)), 34px);
}

@media (min-width: 961px) {
  body.gece .ff-kalem-genis__liste {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: clamp(16px, calc(1.6 * var(--vw)), 26px);
  }
}


body.gece .ff-kalem-genis__kart {
  grid-template-columns: minmax(0, 1fr) clamp(150px, calc(15 * var(--vw)), 230px);
  overflow: hidden;
}

body.gece .ff-kalem-genis__kart > .ff-kalem-genis__foto {
  grid-column: 2;
  grid-row: 1 / span 3;
  align-self: stretch;
  width: 100%;
  height: 100%;
  min-height: 160px;
  object-fit: cover;
  object-position: 68% 40%; 

  border-radius: clamp(10px, calc(0.9 * var(--vw)), 16px);
}

@media (min-width: 961px) {
  body.gece .ff-kalem-genis__liste {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 600px) {
  body.gece .ff-kalem-genis__kart {
    grid-template-columns: minmax(0, 1fr);
  }

  body.gece .ff-kalem-genis__kart > .ff-kalem-genis__foto {
    grid-column: 1;
    grid-row: auto;
    height: auto;
    aspect-ratio: 16 / 9;
  }
}


body.gece .btn__arrow {
  position: relative;
  font-size: 0;
  line-height: 0;
}

body.gece .btn__arrow::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 54%;
  height: 54%;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
}

body.gece .btn__arrow--down::after {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12l7 7 7-7'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12l7 7 7-7'/%3E%3C/svg%3E");
}


body.gece .split.ff-iki-sutun {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(32px, calc(4.4 * var(--vw)), 72px);
  align-items: start;
}


@media (min-width: 601px) {
  body.gece .ff-iki-sutun .contact-lines.ff-lines {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.gece .ff-iki-sutun .contact-lines.ff-lines .ff-lines__wide {
    grid-column: 1 / -1;
  }
}


@media (max-width: 1279px) {
  body.gece .split.ff-iki-sutun {
    grid-template-columns: minmax(0, 1fr);
  }
}


body.gece .split.ff-iki-sutun {
  align-items: stretch;
}

body.gece .ff-iki-sutun__kol {
  display: flex;
  flex-direction: column;
  padding: clamp(22px, calc(2.4 * var(--vw)), 40px);
  border: 1px solid var(--g-line);
  border-radius: var(--g-radius);
  background: var(--g-navy);
}

body.gece .ff-iki-sutun .contact-lines.ff-lines {
  gap: 0 clamp(18px, calc(2 * var(--vw)), 32px);
  margin-top: clamp(10px, calc(1 * var(--vw)), 16px);
}

body.gece .ff-iki-sutun .contact-lines.ff-lines > div {
  padding: clamp(10px, calc(0.9 * var(--vw)), 14px) 0;
  border: 0;
  border-bottom: 1px solid var(--g-line);
  border-radius: 0;
  background: none;
}

body.gece .ff-iki-sutun .process__item {
  border-color: var(--g-line);
  background: var(--g-night);
}

body.gece .ff-iki-sutun .process__item[open] {
  border-color: var(--g-gold-line);
}


body.gece .ff-iki-sutun__alt {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 20px;
  margin-top: auto;
  padding: clamp(18px, calc(1.8 * var(--vw)), 28px) clamp(18px, calc(1.9 * var(--vw)), 30px);
  border-radius: var(--g-radius-sm);
  background: #0b202e;
  color: #b8c7ce;
  font-size: var(--fs-small);
}

body.gece .ff-iki-sutun details.process__item:last-of-type {
  margin-bottom: clamp(18px, calc(1.6 * var(--vw)), 26px);
}

body.gece .ff-iki-sutun__alt p {
  flex: 1 1 220px;
  margin: 0;
  line-height: 1.5;
}

body.gece .ff-iki-sutun__alt strong {
  display: block;
  margin-bottom: 2px;
  color: #f7f5f0;
  font-size: var(--fs-body, 1rem);
  font-weight: 600;
}

body.gece .ff-iki-sutun__alt .ff-textlink {
  flex: none;
  color: #e6d6b5;
}

body.gece .ff-iki-sutun__alt .ff-textlink > span {
  border-bottom-color: #c9b592;
}

body.gece .ff-iki-sutun__alt .ff-textlink .ff-ico {
  color: #c9b592;
}

body.gece .ff-iki-sutun__alt .ff-textlink:hover > span {
  border-bottom-color: currentColor;
}


body.gece .store-link[data-magaza-bekliyor] {
  cursor: default;
}


body.gece .logo-fav--yeni .logo-fav__tam {
  height: clamp(24px, calc(2.1 * var(--vw)), 30px);
}

body.gece .logo-fav--iki .logo-fav__tam {
  height: clamp(42px, calc(3.4 * var(--vw)), 48px);
}


body.gece .ff-webpos__f img {
  height: 58%;
}


body.gece .nav__lang {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  min-width: 44px;
  min-height: 44px;
  margin-right: -8px; 

  padding: 0 6px;
  border-radius: 6px;
  color: var(--g-soft);
  font: 700 var(--fs-label) / 1 var(--display);
  letter-spacing: 0.08em;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.45em;
  white-space: nowrap;
  transition: color var(--t-fast), text-decoration-color var(--t-fast);
}

body.gece .nav__lang:hover {
  color: var(--g-cream);
  text-decoration-color: var(--g-gold);
}

body.gece .nav__lang:focus-visible {
  color: var(--g-cream);
}

@media (min-width: 961px) and (max-width: 1100px) {
  body.gece .nav__lang {
    margin-right: -4px;
  }
}

@media (max-width: 960px) {
  body.gece .nav .nav__lang {
    display: none;
  }
}

body.gece .mobile-nav .ff-drawer-lang a {
  border-bottom: 0;
  color: var(--g-soft);
  font-size: var(--fs-body);
}

body.gece .mobile-nav .ff-drawer-lang a:hover {
  color: var(--g-cream);
}


body.gece .cta > .btn {
  flex-shrink: 0;
}