
:root{--ivory:#F7F7F5}
.bg-ivory{background-color:var(--ivory)}
.bg-ivory-92{background-color:rgb(247 247 245 / .92)}


.cl-foot{background:#0F0F0F;color:#F2EEE3;border-top:1px solid rgba(242,238,227,.08);font-family:'Hanken Grotesk',sans-serif}
  .cl-foot-in{max-width:1480px;margin:0 auto;padding:56px 20px 36px}
  @media(min-width:1024px){.cl-foot-in{padding:64px 40px 40px}}
  .cl-foot-grid{display:grid;grid-template-columns:1fr;gap:38px;padding-bottom:38px;margin-bottom:28px;border-bottom:1px solid rgba(242,238,227,.12)}
  @media(min-width:640px){.cl-foot-grid{grid-template-columns:1fr 1fr}}
  @media(min-width:1024px){.cl-foot-grid{grid-template-columns:1.8fr 1fr 1fr 1.3fr}}
  .cl-foot-logo{font-size:26px;font-weight:700;letter-spacing:-.04em;line-height:1}
  .cl-foot-logo b{color:#5A8F7B}
  .cl-foot-tag{font-size:14px;color:rgba(242,238,227,.6);line-height:1.65;margin-top:14px;max-width:340px}
  .cl-foot-co{margin-top:22px;font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(242,238,227,.38)}
  .cl-foot h5{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(242,238,227,.5);margin:0 0 18px;font-weight:500}
  .cl-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:11px;font-size:13.5px;font-weight:500}
  .cl-foot a{color:#F2EEE3;text-decoration:none;transition:color .3s ease}
  .cl-foot a:hover{color:#8FB5A4}
  .cl-foot .cl-sep{padding-top:12px;margin-top:4px;border-top:1px solid rgba(242,238,227,.12)}
  .cl-f1dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#76C893;margin-right:8px;vertical-align:1px}
  .cl-foot-addr{color:rgba(242,238,227,.55);font-size:12.5px;line-height:1.6;padding-top:12px;margin-top:4px;border-top:1px solid rgba(242,238,227,.12)}
  .cl-foot-mono{font-family:'JetBrains Mono',monospace;font-size:12.5px}
  .cl-foot-base{display:flex;flex-wrap:wrap;gap:14px 28px;justify-content:space-between;align-items:baseline;font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(242,238,227,.45)}
  .cl-foot-base a{color:rgba(242,238,227,.45)}
  .cl-foot-base a:hover{color:#F2EEE3}
  .cl-foot-base .grp{display:flex;flex-wrap:wrap;gap:10px 24px}
  .cl-credit-bar{height:5px;background:linear-gradient(90deg,#2da1c2,#6cbc8f)}
  .cl-credit-in{background:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:center}
  .cl-credit-in a{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;text-align:center}
  @media(min-width:640px){.cl-credit-in a{flex-direction:row;gap:12px;text-align:left}}
  .cl-credit-in img{height:24px;width:auto;display:block}
  .cl-credit-t{font-family:'Hanken Grotesk',sans-serif;font-size:13px;letter-spacing:.02em;color:#858585}
  .cl-credit-g{background:linear-gradient(90deg,#2da1c2,#6cbc8f);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:600;white-space:nowrap}


.cl-hdr-logo{height:44px;width:auto;display:block}
.cl-foot-logo{line-height:0}
.cl-foot-logoimg{height:30px;width:auto;display:block}


.cl-portal-btn{align-items:center;justify-content:center;gap:.5rem;font-family:'Hanken Grotesk',sans-serif;font-size:13px;font-weight:600;line-height:1;white-space:nowrap;color:var(--ink);background:#fff;border:1px solid rgba(15,15,15,.10);padding:.66rem 1.15rem;border-radius:9999px;box-shadow:0 1px 2px rgba(15,15,15,.05);transition:transform .2s ease,box-shadow .25s ease,border-color .25s ease}
.cl-portal-btn:hover{border-color:rgba(15,15,15,.18);box-shadow:0 3px 12px rgba(15,15,15,.10);transform:translateY(-1px)}
.cl-portal-btn svg{width:14px;height:14px;color:var(--brand);opacity:.95}
.cl-portal-btn--block{display:flex;width:100%;padding-top:.85rem;padding-bottom:.85rem;font-size:14px}
.cl-portal-reg{display:flex;justify-content:center;align-items:center;width:100%;margin-top:.7rem;font-family:'Hanken Grotesk',sans-serif;font-size:13px;font-weight:600;color:var(--grey);transition:color .25s ease}
.cl-portal-reg:hover{color:var(--ink)}


.cl-acct{position:relative;display:inline-flex;align-items:center;gap:.5rem}
.cl-acct-btn{cursor:pointer}
.cl-acct-btn svg.cl-caret{width:13px;height:13px;flex:none;color:var(--grey);opacity:.55;transition:transform .25s ease}
.cl-acct-btn[aria-expanded="true"] svg.cl-caret{transform:rotate(180deg)}
.cl-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:9999px;background:#fff;border:1px solid rgba(15,15,15,.10);color:var(--ink);box-shadow:0 1px 2px rgba(15,15,15,.05);transition:transform .2s ease,box-shadow .25s ease,border-color .25s ease}
.cl-bell:hover{border-color:rgba(15,15,15,.18);box-shadow:0 3px 12px rgba(15,15,15,.10);transform:translateY(-1px)}
.cl-bell svg{width:18px;height:18px;color:var(--brand)}
.cl-bell-badge{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;font-family:'Hanken Grotesk',sans-serif;font-size:10.5px;font-weight:700;line-height:1;color:#fff;background:var(--brand);border:2px solid var(--cream);border-radius:9999px}
.cl-acct-panel{position:absolute;top:calc(100% + 10px);right:0;width:268px;background:var(--cream);border:1px solid rgba(15,15,15,.08);border-radius:18px;box-shadow:var(--shadow-mega);padding:.55rem;z-index:50;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .22s var(--ease-out),transform .22s var(--ease-out),visibility 0s linear .22s}
.cl-acct-panel.is-open{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .22s var(--ease-out),transform .22s var(--ease-out),visibility 0s linear 0s}
.cl-acct-panel[hidden]{display:none}
.cl-acct-head{padding:.7rem .85rem .8rem;border-bottom:1px solid rgba(15,15,15,.08);margin-bottom:.4rem}
.cl-acct-head-label{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--brand)}
.cl-acct-head-name{font-size:15px;font-weight:700;color:var(--ink);line-height:1.2;margin-top:.3rem}
.cl-acct-item{display:flex;align-items:center;gap:.7rem;padding:.6rem .85rem;border-radius:11px;font-family:'Hanken Grotesk',sans-serif;font-size:14px;font-weight:500;color:var(--grey-soft);transition:background .2s ease,color .2s ease}
.cl-acct-item svg{width:16px;height:16px;color:var(--grey);opacity:.8;transition:color .2s ease}
.cl-acct-item:hover{background:rgba(31,77,61,.06);color:var(--ink)}
.cl-acct-item:hover svg{color:var(--brand);opacity:1}
.cl-acct-sep{height:1px;background:rgba(15,15,15,.08);margin:.4rem .35rem}
.cl-acct-item--out{color:var(--grey)}
.cl-acct-item--out:hover{background:rgba(15,15,15,.05);color:var(--ink)}


.cl-acct-m{display:flex;flex-direction:column;gap:.15rem;margin-top:.6rem}
.cl-acct-m a{display:flex;align-items:center;justify-content:space-between;padding:.7rem .1rem;font-family:'Hanken Grotesk',sans-serif}
.cl-acct-m a span.cl-acct-m-label{display:flex;align-items:center;gap:.6rem;font-size:15px;font-weight:600;color:var(--grey-soft)}
.cl-acct-m a span.cl-acct-m-label svg{width:17px;height:17px;color:var(--brand);opacity:.9}
.cl-acct-m a:hover span.cl-acct-m-label{color:var(--brand)}
.cl-acct-m .cl-acct-m-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;color:#fff;background:var(--brand);border-radius:9999px}


.fm-cat-dot{width:6px;height:6px;border-radius:50%;background:var(--brand-light);flex:0 0 auto;}
.mega-depth[data-depth="managed"] .mega-group{min-height:148px;}
.mega-depth[data-depth="managed"] .mega-group-inner{min-height:104px;}


.fmb-wrap { padding-top: clamp(16px, 2vw, 32px); padding-bottom: clamp(56px, 7vw, 96px); }
.fmb { position: relative; border-radius: 22px; background: #12312A; overflow: hidden; }
.fmb.glow::before { background: radial-gradient(700px circle at var(--mx, 80%) var(--my, 10%), rgba(143, 181, 164, 0.15), transparent 44%); opacity: 1; }
.fmb::after { content: ""; position: absolute; inset: 0; opacity: 0.09; mix-blend-mode: overlay; background-image: radial-gradient(circle at 25% 30%, rgba(255, 255, 255, 0.5) 0.5px, transparent 1px); background-size: 56px 56px; pointer-events: none; }
.fmb-in { position: relative; z-index: 1; display: grid; grid-template-columns: 1.02fr 1fr; gap: clamp(26px, 4vw, 60px); padding: clamp(32px, 4.4vw, 58px) clamp(24px, 3.8vw, 56px); align-items: center; }
.fmb-t .t1 { display: block; font-weight: 300; font-size: clamp(22px, 2.6vw, 34px); letter-spacing: -0.026em; line-height: 1.12; color: var(--cream); }
.fmb-t .t2 { display: block; font-weight: 800; font-size: clamp(25px, 3vw, 40px); letter-spacing: -0.036em; line-height: 1.06; color: var(--brand-light); }
.fmb-line { margin-top: 12px; font-size: clamp(13px, 1.15vw, 15px); line-height: 1.68; color: rgba(242, 238, 227, 0.78); max-width: 430px; }
.fmb-ctas { display: flex; align-items: center; gap: 18px; margin-top: 18px; flex-wrap: wrap; }
.fmb-btn { display: inline-flex; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 600; background: var(--cream); color: var(--ink); padding: 11px 22px; border-radius: 999px; transition: background 300ms ease; }
.fmb-btn:hover { background: #FFFFFF; }
.fmb-alt { font-size: 13.5px; font-weight: 700; color: var(--brand-light); }
.fmb-chips { display: flex; flex-wrap: wrap; gap: 10px; }
.fmb-c { font-size: clamp(12px, 1.05vw, 13.5px); font-weight: 600; color: rgba(242, 238, 227, 0.72); border: 1px solid rgba(242, 238, 227, 0.18); border-radius: 999px; padding: 8px 15px; transition: border-color 300ms ease, color 300ms ease; cursor: default; }
.fmb-c:hover { border-color: rgba(242, 238, 227, 0.4); color: var(--cream); }
.fmb-c.now { background: var(--pa); border-color: transparent; color: #FFFFFF; font-weight: 800; }
.fmb-rest { margin-top: 15px; font-size: clamp(12px, 1.05vw, 13.5px); color: rgba(242, 238, 227, 0.55); }
@media (max-width: 860px) { .fmb-in { grid-template-columns: 1fr; } }


.f1m-rail { background: #1F2A24; padding: 32px 30px; display: flex; flex-direction: column; }
.f1m-logo { display: block; width: 150px; height: auto; }
.f1m-line { margin-top: 14px; font-size: 13px; font-weight: 600; color: rgba(242, 238, 227, 0.85); line-height: 1.5; }
.f1m-para { margin-top: 12px; font-size: 12.5px; line-height: 1.65; color: rgba(242, 238, 227, 0.6); }
.f1m-go { margin-top: auto; padding-top: 20px; font-size: 13.5px; font-weight: 800; color: #76C893; display: inline-flex; gap: 7px; align-items: center; text-decoration: none; }
.mega-group[data-theme="f1"]:hover { background-color: #1F2A24; }
.mega-group[data-theme="f1"]:hover .mega-scan { color: rgba(118, 200, 147, 0.8); }
.mega-panel-f1 { left: -320px; }



.f1nav-logo { height: 25px; width: auto; display: block; }



.f1b-wrap { margin-top: clamp(52px, 6.4vw, 96px); margin-bottom: clamp(44px, 5.4vw, 80px); }
.f1b { position: relative; overflow: hidden; background: #484848; border-radius: 20px; padding: clamp(30px, 3.6vw, 48px) clamp(26px, 3.6vw, 56px); }
.f1b::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #F7B500, #EC5A4E 46%, #E0009B); }
.f1b-geo { position: absolute; right: -5%; bottom: -14px; width: 30%; height: clamp(56px, 7vw, 96px); background: linear-gradient(250deg, #F7B500, #F08A2C); clip-path: polygon(100% 100%, 100% 22%, 0 100%); opacity: 0.35; pointer-events: none; }
.f1b-main { position: relative; max-width: 760px; }
.f1b-logo { height: clamp(22px, 2.2vw, 27px); width: auto; display: block; }
.f1b-line { font-size: clamp(15px, 1.5vw, 19px); font-weight: 600; color: #F0F0F0; line-height: 1.55; margin-top: clamp(14px, 1.6vw, 20px); }
.f1b-links { display: flex; gap: 10px 26px; flex-wrap: wrap; margin-top: clamp(16px, 1.8vw, 22px); }
.f1b-links a { font-size: clamp(13px, 1.15vw, 15px); font-weight: 700; color: #E0009B; text-decoration: none; white-space: nowrap; }
.f1b-links a:hover { text-decoration: underline; }



.cl-f1logo { height: 17px; width: auto; display: block; opacity: 0.9; transition: opacity 0.25s; }
.cl-f1link:hover .cl-f1logo { opacity: 1; }



.cl-foot-grid-x { display: grid; grid-template-columns: 1.35fr repeat(5, 1fr); gap: clamp(24px, 2.6vw, 44px); }
.cl-fcol h5 { margin-top: 22px; }
.cl-fcol h5:first-child { margin-top: 0; }
.cl-fcol ul + h5 { margin-top: 22px; }
.cl-fcontact { list-style: none; padding: 0; margin: 18px 0 0; }
.cl-fcontact li { margin-bottom: 10px; }
.cl-fcontact a { font-size: 14.5px; font-weight: 600; color: #EDEBE4; text-decoration: none; }
.cl-fcontact a:hover { color: #8FB5A4; }
.cl-fcontact span { display: block; font-size: 11.5px; color: rgba(237, 235, 228, 0.5); margin-top: 1px; }
.cl-faddr { font-style: normal; font-size: 12px; line-height: 1.7; color: rgba(237, 235, 228, 0.55); margin-top: 16px; }
.cl-f1head { display: inline-block; margin-bottom: 14px; }
@media (max-width: 1180px) { .cl-foot-grid-x { grid-template-columns: 1.35fr 1fr 1fr; } }
@media (max-width: 700px) { .cl-foot-grid-x { grid-template-columns: 1fr 1fr; } .cl-fcol-brand { grid-column: 1 / -1; } }
