@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400 800; font-display: swap; src: url('../fonts/manrope-var-cyrillic.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 400 800; font-display: swap; src: url('../fonts/manrope-var-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Onest'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('../fonts/onest-var-cyrillic.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Onest'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('../fonts/onest-var-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  
  --canvas:    #F4F4F2;   
  --white:     #FFFFFF;   
  --ink:       #0D0D0D;   
  --ink-2:     #76746F;   
  --ink-2c:    #6B6964;   
  --dim:       #8E8C87;   
  --orange:    #FF5A1F;   
  --on-orange: #FFFFFF;   
  --green:     #0F8A5F;   
  --on-green:  #FFFFFF;
  --on-green-2: rgba(255, 255, 255, .74);
  --green-in:  #0C774F;   

  --o-deep: #7A1C04; --o-mid: #E0420E; --o-light: #FF7D38; --o-hi: #FFA466; --o-end: #C63A0B;
  --gr-deep: #052E1F; --gr-mid: #0B6B49; --gr-light: #2DB382; --gr-hi: #86E3BE; --gr-end: #087150; --gr-pale: #DDF2E9;

  --soft:      #EEEDEA;   
  --line:      #E4E3DF;   
  --ink-3:     #A5A29C;   
  --ink-in:    #1C1C1C;   
  --ink-line:  #2A2A29;   
  --on-ink-2:  #8E8C87;   
  --g1: #3D3C3A; --g2: #8E8C87; --g3: #CFCDC8;   

  --copper:    #C47A4B;
  --copper-t:  #DDA273;

  --f:    'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;   
  --f-wm: 'Onest', 'Manrope', system-ui, sans-serif;                     

  --t-disp: clamp(64px, 8.6vw, 128px);  
  --t-h1:   clamp(38px, 4.6vw, 66px);   
  --t-h2:   clamp(32px, 3.4vw, 48px);   
  --t-h3:   clamp(21px, 1.8vw, 26px);   
  --t-lead: clamp(18px, 1.45vw, 21px);  
  --t-body: 16px;                       
  --t-cap:  13px;                       

  --r-lg:   28px;   
  --r-md:   20px;   
  --r-sm:   12px;   
  --r-xs:   8px;    
  --r-pill: 999px;  

  --gap:      16px;                                 
  --pad:      32px;                                 
  --sec-gap:  clamp(104px, 7.5vw + 52px, 160px);    
  
  --head-gap: 48px;
  --head-gap-tight: 32px;
  --hd-h:     80px;                                 

  --ease: cubic-bezier(.22, .7, .2, 1);
  --d1: 200ms;
  --d2: 400ms;
  --d3: 600ms;

  --flow:          url('../img/flow-dark.jpg');
  --flow-fb:       linear-gradient(200deg, transparent 34%, var(--o-deep) 56%, var(--orange) 80%, var(--o-light) 100%);
  --flow-white:    url('../img/flow-white.jpg');
  --flow-white-fb: linear-gradient(20deg, transparent 40%, var(--o-hi) 72%, var(--o-light) 100%);
  --flow-green:    url('../img/flow-green.jpg');
  --flow-green-fb: linear-gradient(200deg, transparent 34%, var(--gr-deep) 56%, var(--green) 80%, var(--gr-light) 100%);

  --sh-1:     0 1px 2px rgba(13, 13, 13, .04), 0 18px 40px -22px rgba(13, 13, 13, .22);
  --sh-glass: 0 24px 48px -28px rgba(13, 13, 13, .35);
  --sh-lift:  0 32px 56px -36px rgba(13, 13, 13, .28);

  --glass-bg:      rgba(255, 255, 255, .72);
  --glass-bg-fb:   rgba(255, 255, 255, .92);   
  --glass-bd:      rgba(255, 255, 255, .6);
  --glass-blur:    blur(18px) saturate(1.4);
  --glass-d-bg:    rgba(255, 255, 255, .08);
  --glass-d-bg-fb: rgba(28, 28, 28, .9);
  --glass-d-bd:    rgba(255, 255, 255, .14);
  --glass-d-blur:  blur(18px) saturate(1.2);

  --dv-1:     var(--ink);          
  --dv-2:     var(--copper);       
  --dv-2t:    var(--copper-t);
  --dv-3:     var(--g2);           
  --dv-trk:   var(--soft);         
  --dv-off:   var(--g3);           
  --dv-grid:  var(--line);         
  --dv-area:  rgba(13, 13, 13, .05);
  --dv-txt-2: var(--ink-2);        
  --dv-ok:    var(--green);        
  --dv-acc:   var(--orange);       
  --dv-ring-bd: #fff;              
  --dv-dur:   1200ms;              
}

@media (max-width: 719.98px) {
  :root { --pad: 22px; --gap: 12px; --head-gap: 32px; }
}

html[data-bg="white"] {
  --canvas: #FFFFFF;
  --white:  #F6F6F4;
  --soft:   #ECECE9;
  --line:   #E7E6E2;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-top: calc(var(--hd-h) + 16px); scrollbar-gutter: stable; } 
html.is-locked { overflow: hidden; } 
body {
  background: var(--canvas); color: var(--ink);
  font-family: var(--f); font-weight: 500; font-size: var(--t-body); line-height: 1.5; letter-spacing: -.005em;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  overflow-x: clip; min-height: 100svh;
}
img { display: block; max-width: 100%; height: auto; }
svg { display: block; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
button:disabled { cursor: default; }
input, select, textarea { font: inherit; color: inherit; }
ul, ol { list-style: none; }
b, strong { font-weight: 600; }
em { font-style: normal; } 
[hidden], .layer[hidden], .m-step[hidden], .f-err[hidden], .grid > [hidden], .btn[hidden], .pill[hidden], .card[hidden], .ico[hidden], .eyebrow[hidden] { display: none; } 
::selection { background: var(--ink); color: #fff; }
:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
:focus:not(:focus-visible) { outline: none; }
main:focus, .sec:focus { outline: none; } 

.disp { font-weight: 600; font-size: var(--t-disp); line-height: .86; letter-spacing: -.055em; font-variant-numeric: tabular-nums; }
.h1   { font-weight: 600; font-size: var(--t-h1); line-height: 1.0; letter-spacing: -.04em; text-wrap: balance; }
.h2   { font-weight: 600; font-size: var(--t-h2); line-height: 1.02; letter-spacing: -.035em; text-wrap: balance; }
.h3   { font-weight: 600; font-size: var(--t-h3); line-height: 1.12; letter-spacing: -.025em; }
.lead { font-weight: 600; font-size: var(--t-lead); line-height: 1.35; letter-spacing: -.018em; }
.body { font-weight: 500; font-size: var(--t-body); line-height: 1.5; letter-spacing: -.005em; }
.small { font-size: 14px; line-height: 1.45; letter-spacing: 0; }
.cap  { font-size: var(--t-cap); line-height: 1.35; font-weight: 500; color: var(--ink-2); letter-spacing: 0; }
.unit { font-size: .2em; letter-spacing: -.01em; font-weight: 600; margin-left: .2em; }
.g    { color: var(--ink-2); }
.two-tone { color: var(--ink-2); }
.two-tone b { color: var(--ink); font-weight: inherit; }
.num  { font-variant-numeric: tabular-nums; }
.nw   { white-space: nowrap; }

.eyebrow { display: inline-flex; align-items: center; gap: 7px; height: 32px; padding: 0 14px; border-radius: var(--r-pill); background: var(--white); font-size: 13px; font-weight: 650; letter-spacing: 0; line-height: 1; white-space: nowrap; color: var(--ink); }
.eyebrow svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.eyebrow--soft { background: var(--soft); }
.eyebrow--line { background: none; box-shadow: inset 0 0 0 1px var(--line); }

.card--ink .g, .card--ink .two-tone, .card--glow .g, .card--glow .two-tone, .card--green .g, .card--green .two-tone { color: var(--on-ink-2); }
.card--ink .two-tone b, .card--glow .two-tone b, .card--green .two-tone b { color: #fff; }
.card--glow .g, .card--glow .two-tone { color: rgba(255, 255, 255, .7); }
.card--green .g, .card--green .two-tone { color: var(--on-green-2); }
.card--ink .cap, .card--glow .cap, .card--green .cap { color: rgba(255, 255, 255, .72); }

.mk { fill: currentColor; }
.lk { --h: 24px; display: inline-flex; align-items: center; gap: calc(var(--h) * .42); white-space: nowrap; color: inherit; }
.lk .mk { height: var(--h); width: calc(var(--h) * 205 / 214); flex: none; }
.wm { font-family: var(--f-wm); font-weight: 560; letter-spacing: -.02em; line-height: 1; }
.lk .wm { font-size: calc(var(--h) * .86); }

.wrap { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 40px; }
.grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--gap); }
.grid > * { min-width: 0; }
.c-1 { grid-column: span 1; } .c-2 { grid-column: span 2; } .c-3 { grid-column: span 3; } .c-4 { grid-column: span 4; }
.c-5 { grid-column: span 5; } .c-6 { grid-column: span 6; } .c-7 { grid-column: span 7; } .c-8 { grid-column: span 8; }
.c-9 { grid-column: span 9; } .c-10 { grid-column: span 10; } .c-11 { grid-column: span 11; } .c-12 { grid-column: span 12; }
.cs-1 { grid-column-start: 1; } .cs-2 { grid-column-start: 2; } .cs-3 { grid-column-start: 3; } .cs-4 { grid-column-start: 4; }
.cs-5 { grid-column-start: 5; } .cs-6 { grid-column-start: 6; } .cs-7 { grid-column-start: 7; } .cs-8 { grid-column-start: 8; }
.cs-9 { grid-column-start: 9; } .cs-10 { grid-column-start: 10; } .cs-11 { grid-column-start: 11; } .cs-12 { grid-column-start: 12; }
@media (max-width: 1023.98px) {
  .wrap { padding: 0 32px; }
  .grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .c-7, .c-8, .c-9, .c-10, .c-11, .c-12 { grid-column: span 6; }
  .cs-7, .cs-8, .cs-9, .cs-10, .cs-11, .cs-12 { grid-column-start: auto; }
}
@media (max-width: 719.98px) {
  .wrap { padding: 0 16px; }
  .grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .c-5, .c-6, .c-7, .c-8, .c-9, .c-10, .c-11, .c-12 { grid-column: span 4; }
  .cs-1, .cs-2, .cs-3, .cs-4, .cs-5, .cs-6 { grid-column-start: auto; }
}

.sec { position: relative; padding: calc(var(--sec-gap) / 2) 0; }
main > .sec:first-child { padding-top: 32px; }   
main > .sec:last-child { padding-bottom: 0; }    
.sec-head { margin-bottom: var(--head-gap); }
.sec-head .eyebrow { margin-bottom: 16px; }
.sec-title { font-weight: 600; font-size: var(--t-h2); line-height: 1.02; letter-spacing: -.035em; text-wrap: balance; max-width: 18em; }
.sec-sub { margin-top: 20px; max-width: 34em; font-weight: 600; font-size: var(--t-lead); line-height: 1.35; letter-spacing: -.018em; color: var(--ink-2c); } 
.sec-sub b { color: inherit; font-weight: inherit; }   
@media (max-width: 719.98px) { .sec-sub { margin-top: 14px; } }

.bridge { position: relative; display: inline-flex; align-items: center; gap: 8px; margin-top: 40px; font-size: 14px; font-weight: 600; letter-spacing: -.01em; color: var(--ink-2c); transition: color var(--d1); }
.bridge::before { content: ""; position: absolute; inset: -8px 0; } 
.bridge svg { width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; transition: transform var(--d2) var(--ease); }
@media (hover: hover) {
  .bridge:hover { color: var(--ink); }
  .bridge:hover svg { transform: translateY(3px); }
}
.bridge-row { display: flex; justify-content: flex-start; }

.bridge .bridge-arrow { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--soft); color: var(--ink); flex: none; transition: background-color var(--d1), color var(--d1); }
.bridge .bridge-arrow svg { width: 14px; height: 14px; }
@media (hover: hover) {
  .bridge:hover .bridge-arrow { background: var(--ink); color: #fff; }
  .bridge:hover .bridge-arrow svg { transform: none; }
}

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
.skip { position: absolute; z-index: 95; left: 12px; top: -80px; padding: 10px 16px; border-radius: var(--r-pill); background: var(--ink); color: #fff; font-weight: 600; }
.skip:focus { top: 8px; outline-color: var(--orange); }
.vis-phone { display: none; }
@media (max-width: 719.98px) { .vis-phone { display: block; } .vis-desk { display: none; } }

.ph {
  --ph-lx: 100%; --ph-ly: 0%;
  position: relative; display: block; overflow: hidden; isolation: isolate;
  aspect-ratio: var(--ph-ratio, 4 / 3);
  border-radius: var(--r-lg);
  background-color: #F1EEE9;
  
  background-image:
    radial-gradient(44% 40% at var(--ph-lx) var(--ph-ly), rgba(255, 190, 140, .3) 0%, rgba(255, 190, 140, .11) 45%, rgba(255, 190, 140, 0) 75%),
    radial-gradient(95% 85% at var(--ph-lx) var(--ph-ly), rgba(255, 249, 240, .96) 0%, rgba(255, 246, 234, .46) 42%, rgba(255, 246, 234, 0) 78%),
    linear-gradient(var(--ph-ang, 200deg), #F8F3EB 0%, #F0ECE5 50%, #E7E5E0 100%);
  box-shadow: inset 0 0 0 1px rgba(120, 84, 52, .07);
}
.ph:where(.ph--loaded, .ph--ref, .ph--bare, .ph--avatar) { box-shadow: none; } 
.ph[data-light="tl"] { --ph-lx: 0%; --ph-ly: 0%; --ph-ang: 160deg; }
.ph[data-light="tr"] { --ph-lx: 100%; --ph-ly: 0%; }
.ph[data-light="bl"] { --ph-lx: 0%; --ph-ly: 100%; --ph-ang: 20deg; }
.ph[data-light="br"] { --ph-lx: 100%; --ph-ly: 100%; --ph-ang: 340deg; }

.ph::before {
  content: ""; position: absolute; z-index: 0; inset: -20% -30%; pointer-events: none;
  background: linear-gradient(118deg, transparent 40%, rgba(255, 250, 242, .55) 47%, rgba(255, 236, 214, .32) 51%, transparent 58%);
  transform: translateX(calc((var(--ph-lx) - 50%) * .35));
  opacity: .85; transition: opacity var(--d3) var(--ease);
}
.ph.ph--loaded::before, .ph.ph--ref::before { opacity: 0; }
.ph > img {
  position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; max-width: none;
  object-fit: cover; object-position: var(--ph-pos, 50% 50%);
  color: transparent; 
  transition: opacity 700ms var(--ease), transform 1800ms var(--ease);
}
html.js .ph:not(.ph--loaded):not(.ph--ref) > img { opacity: 0; }
.ph > img:not([src]) { visibility: hidden; } 

.ph[data-ratio="5/4"]   { --ph-ratio: 5 / 4; }
.ph[data-ratio="4/5"]   { --ph-ratio: 4 / 5; }
.ph[data-ratio="4/3"]   { --ph-ratio: 4 / 3; }
.ph[data-ratio="3/4"]   { --ph-ratio: 3 / 4; }
.ph[data-ratio="16/10"] { --ph-ratio: 16 / 10; }
.ph[data-ratio="10/16"] { --ph-ratio: 10 / 16; }
.ph[data-ratio="16/9"]  { --ph-ratio: 16 / 9; }
.ph[data-ratio="3/2"]   { --ph-ratio: 3 / 2; }
.ph[data-ratio="2/3"]   { --ph-ratio: 2 / 3; }
.ph[data-ratio="1/1"], .ph[data-ratio="1"] { --ph-ratio: 1 / 1; }

.ph.ph--fill { position: absolute; inset: 0; z-index: 0; aspect-ratio: auto; border-radius: inherit; } 
.ph--stretch { aspect-ratio: auto; height: 100%; min-height: 100%; }
.ph--md { border-radius: var(--r-md); }
.ph--sm { border-radius: var(--r-sm); }
.ph--zoom:not(.ph--loaded):not(.ph--ref) > img { transform: scale(1.06); }
.ph--bare.ph--empty, .ph--bare:not(.ph--loaded):not(.ph--ref) { background: none; }
.ph--bare.ph--empty::before, .ph--bare:not(.ph--loaded):not(.ph--ref)::before { display: none; }

.ph--dim.ph--loaded::after, .ph--dim.ph--ref::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(180deg, rgba(13, 13, 13, .28) 0%, rgba(13, 13, 13, .42) 45%, rgba(13, 13, 13, .78) 100%); }

.ph.ph--avatar { --ph-ratio: 1 / 1; --ph-pos: 50% 20%; border-radius: 50%; width: var(--ph-size, 56px); flex: none; background-image: radial-gradient(90% 90% at 80% 10%, rgba(255, 220, 190, .9), rgba(255, 220, 190, 0) 70%), linear-gradient(200deg, #F6F1EA, #EEEDEA); }
.ph.ph--avatar > img { transform: scale(var(--ph-zoom, 1.3)); transform-origin: 50% 22%; }
.ph--avatar::before { display: none; }
.ph--avatar:not(.ph--loaded):not(.ph--ref) { background-image: none; background-color: var(--soft); } 
.ph--avatar .ph-ico { width: 100%; height: 100%; background: none; box-shadow: none; }
.ph--avatar .ph-ini { position: absolute; inset: 0; display: grid; place-items: center; font-size: calc(var(--ph-size, 56px) * .32); font-weight: 600; letter-spacing: -.02em; color: var(--ink); }

.ph-ico { position: absolute; inset: 0; z-index: 2; display: grid; place-items: center; margin: auto; width: 64px; height: 64px; border-radius: 50%; background: rgba(255, 255, 255, .66); color: var(--ink); box-shadow: 0 10px 30px -18px rgba(122, 60, 20, .45); transition: opacity var(--d2); }
.ph-ico svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.ph--loaded .ph-ico, .ph--ref .ph-ico, .ph--loaded .ph-ini, .ph--ref .ph-ini { opacity: 0; }

.ph-map { position: absolute; z-index: 5; inset: 8px; display: flex; flex-direction: column; justify-content: flex-start;  gap: 6px; padding: 14px 16px; border-radius: calc(var(--r-lg) - 8px); border: 1.5px dashed rgba(13, 13, 13, .42); background: rgba(255, 255, 255, .62); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); color: var(--ink); font-size: 12px; line-height: 1.35; letter-spacing: 0; overflow: hidden; pointer-events: none; }
.ph-map b { font-size: 15px; font-weight: 700; letter-spacing: -.01em; }
.ph-map .ph-map-m { font-weight: 600; font-variant-numeric: tabular-nums; }
.ph-map .ph-map-s { align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; height: 22px; padding: 0 9px; border-radius: var(--r-pill); background: var(--ink); color: #fff; font-size: 11px; font-weight: 600; }
.ph-map .ph-map-s.is-ok { background: var(--green); }
.ph-map p { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; color: var(--ink-2); }
.ph-map code { font: 600 11px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; color: var(--ink); }
.ph--avatar .ph-map, .ph--sm .ph-map { inset: 2px; padding: 4px; border-radius: inherit; justify-content: center; align-items: center; text-align: center; }
.ph--avatar .ph-map > :not(b) { display: none; }
.ph--avatar .ph-map b { font-size: 9px; }
.ph-map-bar { position: fixed; z-index: 80; left: 50%; top: 92px; transform: translateX(-50%); display: inline-flex; align-items: center; gap: 10px; min-height: 36px; max-width: calc(100vw - 32px); padding: 8px 16px; border-radius: var(--r-pill); background: var(--ink); color: #fff; font-size: 13px; font-weight: 600; line-height: 1.3; white-space: nowrap; box-shadow: 0 12px 30px -14px rgba(13, 13, 13, .5); pointer-events: none; }
.ph-map-bar span { color: var(--on-ink-2); font-weight: 500; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 719.98px) {
  .ph-map-bar { left: 16px; right: 16px; top: 88px; transform: none; display: block; max-width: none; padding: 9px 14px; border-radius: var(--r-md); font-size: 12px; white-space: normal; }
  .ph-map-bar span { display: block; margin-top: 2px; }
}

@media (prefers-reduced-motion: reduce) {
  .ph > img, .ph::before, .ph-ico { transition: none; }
  .ph--zoom:not(.ph--loaded):not(.ph--ref) > img { transform: none; }
}

.card { position: relative; display: flex; flex-direction: column; min-width: 0; padding: var(--pad); border-radius: var(--r-lg); background: var(--white); color: var(--ink); overflow: hidden; }
.card > * { position: relative; z-index: 1; }
.card--sm { border-radius: var(--r-md); padding: calc(var(--pad) - 8px); }
.card--soft { background: var(--soft); }
.card--ink { background: var(--ink); color: #fff; }
.card--green { background: var(--green); color: var(--on-green); }

.card--glow {
  color: #fff;
  background:
    var(--flow) var(--fx, 78%) var(--fy, 100%) / var(--fs, cover) no-repeat,
    var(--flow-fb) var(--fx, 78%) var(--fy, 100%) / var(--fs, cover) no-repeat,
    var(--ink);
}
.card--glow .glow { display: none; } 
.card--glow-white {
  color: var(--ink);
  background:
    var(--flow-white) var(--fx, 100%) var(--fy, 0%) / var(--fs, cover) no-repeat,
    var(--flow-white-fb) var(--fx, 100%) var(--fy, 0%) / var(--fs, cover) no-repeat,
    var(--white);
}
.card--glow-green {
  color: #fff;
  background:
    var(--flow-green) var(--fx, 78%) var(--fy, 100%) / var(--fs, cover) no-repeat,
    var(--flow-green-fb) var(--fx, 78%) var(--fy, 100%) / var(--fs, cover) no-repeat,
    var(--ink);
}

.card .panel { border-radius: var(--r-md); background: var(--soft); padding: 20px; }
.card--ink .panel, .card--glow .panel { background: var(--ink-in); }
.card--green .panel { background: var(--green-in); }

.pill { display: inline-flex; align-items: center; gap: 7px; height: 32px; padding: 0 14px; border-radius: var(--r-pill); background: var(--soft); color: var(--ink); font-size: 13px; font-weight: 500; letter-spacing: 0; line-height: 1; white-space: nowrap; }
.pill svg { width: 15px; height: 15px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.pill--line { background: none; box-shadow: inset 0 0 0 1px var(--ink); }
.pill--soft { background: var(--soft); }
.pill--white { background: var(--white); }
.pill--ink { background: var(--ink); color: #fff; }
.pill--orange { background: var(--orange); color: var(--on-orange); }
.pill--status { background: var(--green); color: var(--on-green); }
.pill--status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.pill--sm { height: 26px; padding: 0 11px; font-size: 12px; }
.pill--sm svg { width: 13px; height: 13px; }
.pills { display: flex; flex-wrap: wrap; gap: 8px; }
.card--ink .pill, .card--glow .pill { background: var(--ink-in); color: #fff; }
.card--ink .pill--line, .card--glow .pill--line { background: none; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .7); }
.card--green .pill { background: var(--green-in); color: var(--on-green); }
.card--green .pill--line { background: none; box-shadow: inset 0 0 0 1px var(--on-green-2); }

.btn { display: inline-flex; align-items: center; justify-content: center; gap: 14px; height: 52px; padding: 0 24px; border-radius: var(--r-pill); background: var(--soft); color: var(--ink); font-weight: 600; font-size: 16px; letter-spacing: -.01em; white-space: nowrap; line-height: 1; flex: none; transition: background-color var(--d1), color var(--d1), opacity var(--d1), transform var(--d1) var(--ease); }
.btn:has(.btn-arrow) { padding-right: 6px; }
.btn .btn-arrow { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, .22); flex: none; transition: transform var(--d2) var(--ease), background-color var(--d1); }
.btn .btn-arrow::before { content: ""; width: 18px; height: 18px; background: currentColor; -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h14M13 6l6 6-6 6'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h14M13 6l6 6-6 6'/></svg>") center / contain no-repeat; }
.btn .btn-arrow svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.btn .btn-arrow:has(svg)::before { display: none; }
.btn--orange { background: var(--orange); color: var(--on-orange); }
.btn--ink { background: var(--ink); color: #fff; }
.btn--white { background: #fff; color: var(--ink); }
.btn--white .btn-arrow { background: var(--orange); color: var(--on-orange); }
.btn--ghost { background: none; box-shadow: inset 0 0 0 1px var(--line); }
.btn--ghost .btn-arrow { background: var(--soft); }
.btn--sm { height: 40px; padding: 0 18px; font-size: 15px; gap: 10px; }
.btn--sm:has(.btn-arrow) { padding-right: 4px; }
.btn--sm .btn-arrow { width: 32px; height: 32px; }
.btn--sm .btn-arrow::before, .btn--sm .btn-arrow svg { width: 16px; height: 16px; }
.btn--wide { width: 100%; }
.btn:disabled { opacity: .55; }
.card--ink .btn--ghost, .card--glow .btn--ghost { color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .35); }
@media (hover: hover) {
  .btn:not(:disabled):hover { opacity: .9; }
  .btn--orange:not(:disabled):hover, .btn--ink:not(:disabled):hover, .btn--white:not(:disabled):hover { opacity: 1; filter: brightness(1.08); }
  .btn:not(:disabled):hover .btn-arrow { transform: translateX(3px); }
}
.btn:active { transform: scale(.985); }
.btn-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }

.icon-only { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--white); color: var(--ink); flex: none; transition: background-color var(--d1), color var(--d1), opacity var(--d1); }
.icon-only svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.icon-only--soft { background: var(--soft); }
.icon-only--ink { background: var(--ink); color: #fff; }
.icon-only[aria-disabled="true"] { background: none; color: var(--ink-3); box-shadow: inset 0 0 0 1px var(--line); cursor: default; }
@media (hover: hover) { .icon-only:not([aria-disabled="true"]):hover { background: var(--ink); color: #fff; } }
.card--ink .icon-only, .card--glow .icon-only { background: var(--ink-in); color: #fff; }

.ico { display: grid; place-items: center; width: 40px; height: 40px; border-radius: var(--r-sm); background: var(--soft); color: var(--ink); flex: none; }
.ico svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.ico svg .f { fill: currentColor; stroke: none; }
.ico--lg { width: 44px; height: 44px; }
.ico--lg svg { width: 22px; height: 22px; }
.ico--round { border-radius: 50%; }
.ico--white { background: var(--white); }
.ico--orange { background: var(--orange); color: var(--on-orange); }
.card--ink .ico, .card--glow .ico { background: var(--ink-in); color: #fff; }
.card--green .ico { background: var(--green-in); color: var(--on-green); }

.i { width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.i .f { fill: currentColor; stroke: none; }

.counter { display: inline-flex; align-items: center; gap: .3em; line-height: 1; font-size: 13px; font-weight: 600; letter-spacing: 0; color: var(--ink-2c); font-variant-numeric: tabular-nums; white-space: nowrap; }
.counter b { color: var(--ink); font-weight: 600; }
.card--ink .counter, .card--glow .counter { color: var(--on-ink-2); }
.card--ink .counter b, .card--glow .counter b { color: #fff; }

.dots-bar { position: relative; display: block; height: 6px; border-radius: var(--r-pill); background: var(--line); overflow: hidden; flex: 1 1 auto; min-width: 48px; }
.dots-bar::after { content: ""; position: absolute; inset: 0; width: calc(var(--pg, 0) * 100%); border-radius: inherit; background: var(--ink); transition: width var(--d2) var(--ease); }
.dots-bar--steps { display: flex; gap: 4px; background: none; overflow: visible; height: 6px; }
.dots-bar--steps::after { display: none; }
.dots-bar--steps > i { flex: 1 1 0; height: 100%; border-radius: var(--r-pill); background: var(--line); transition: background-color var(--d2); }
.dots-bar--steps > i.is-on { background: var(--ink); }
.card--ink .dots-bar, .card--glow .dots-bar, .card--ink .dots-bar--steps > i, .card--glow .dots-bar--steps > i { background: rgba(255, 255, 255, .18); }
.card--ink .dots-bar::after, .card--glow .dots-bar::after, .card--ink .dots-bar--steps > i.is-on, .card--glow .dots-bar--steps > i.is-on { background: #fff; }

.ctl { display: flex; align-items: center; gap: 12px; }
.ctl .counter { min-width: 52px; }

.is-pin { box-sizing: content-box; height: calc((var(--n, 1) - .4) * var(--pin-step-vh, 70vh) + var(--stk, 680px)); } 
.is-pin .pin-view {
  position: sticky;
  --pin-top: calc(var(--hd-h) + var(--ctr, 1) * max(8px, (100vh - var(--hd-h) - var(--stk, 680px) + var(--cut, 0px)) / 2) + (1 - var(--ctr, 1)) * 8px - var(--cut, 0px));
  top: var(--pin-top);
}
@supports (height: 1svh) {
  .is-pin { height: calc((var(--n, 1) - .4) * var(--pin-step, 70svh) + var(--stk, 680px)); }
  .is-pin .pin-view { --pin-top: calc(var(--hd-h) + var(--ctr, 1) * max(8px, (100svh - var(--hd-h) - var(--stk, 680px) + var(--cut, 0px)) / 2) + (1 - var(--ctr, 1)) * 8px - var(--cut, 0px)); }
}
.is-pin > .wrap { height: 100%; }
.no-pin .pin-view { position: static; }

.is-pin.is-pin-ph { height: calc((var(--n, 1) - .4) * var(--pin-step-ph-vh, 62vh) + var(--stk, 680px)); }
@supports (height: 1svh) {
  .is-pin.is-pin-ph { height: calc((var(--n, 1) - .4) * var(--pin-step-ph, 62svh) + var(--stk, 680px)); }
} 

.pin-probe { position: fixed; top: 0; left: 0; width: 0; height: 100vh; visibility: hidden; pointer-events: none; }
@supports (height: 1svh) { .pin-probe { height: 100svh; } }

html.pin-snap { scroll-snap-type: y proximity; }
html.pin-snap.pin-snap-in { scroll-snap-type: y proximity; } 
html.pin-snap.pin-snap-hold { scroll-snap-type: none; }
.pin-snaps { position: absolute; top: 0; left: 0; width: 1px; height: 0; opacity: 0; pointer-events: none; }
.pin-snaps > :is(i, b) { position: absolute; left: 0; top: var(--y, 0px); width: 1px; height: 1px; scroll-snap-align: start; scroll-snap-stop: always; } 
.pin-snaps.is-free-up.is-up > :is(i, b) { scroll-snap-stop: normal; }
.pin-snaps > b:last-child { scroll-snap-align: none; } 
.pin-snaps > :is(.is-off, .is-skip) { scroll-snap-align: none; } 

.pin-stops > i:not(.is-on) { scroll-snap-align: none; }

.pin-prog { display: none; align-items: center; gap: 12px; min-height: 32px; color: var(--ink); }
.is-pin-ph .pin-prog, .is-pin .pin-prog--desk, .pin-prog.is-on { display: flex; }
.pin-prog .counter { min-width: 52px; }

.pin-prog-l { font-size: 13px; font-weight: 600; line-height: 1; letter-spacing: 0; color: var(--ink-2c); white-space: nowrap; }
.pin-prog-l::after { content: "·"; margin-left: 8px; }
.pin-prog-l + .counter { margin-left: -4px; }
.pin-dots { display: flex; align-items: center; gap: 5px; }
.pin-dots > i { width: 6px; height: 6px; border-radius: var(--r-pill); background: color-mix(in srgb, var(--ink) 18%, transparent); transition: width var(--d2) var(--ease), background-color var(--d2); }
.pin-dots > i.is-on { width: 18px; background: var(--ink); }
.pin-hint { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; font-size: 13px; font-weight: 600; line-height: 1; color: var(--ink-2c); opacity: 0; transition: opacity var(--d2); white-space: nowrap; }
.pin-hint .i { width: 16px; height: 16px; }
.pin-prog.is-start .pin-hint { opacity: 1; }
@media (prefers-reduced-motion: no-preference) {
  .pin-prog.is-start .pin-hint .i { animation: pin-hint-nudge 1.8s var(--ease) 2; } 
}
@keyframes pin-hint-nudge { 0%, 60%, 100% { transform: none; } 30% { transform: translateY(3px); } }
.pin-prog--float { position: absolute; left: 50%; bottom: 12px; z-index: 3; transform: translateX(-50%); min-height: 36px; padding: 0 14px; border-radius: var(--r-pill); background: var(--white); box-shadow: var(--sh-1); }
.pin-prog--float .pin-hint { margin-left: 4px; }
.pin-prog--dark { color: #fff; }
.pin-prog--dark .counter { color: var(--on-ink-2); }
.pin-prog--dark .counter b { color: #fff; }
.pin-prog--dark .pin-dots > i { background: rgba(255, 255, 255, .22); }
.pin-prog--dark .pin-dots > i.is-on { background: #fff; }
.pin-prog--dark :is(.pin-hint, .pin-prog-l) { color: var(--on-ink-2); }
.pin-prog--float.pin-prog--dark { background: var(--ink); }

:where(.glow-corner, .glow-host) { position: relative; }
.glow-corner, .glow-host { isolation: isolate; }
.glow-corner, .glow-host, .glow-fx {
  --glow-bg: radial-gradient(var(--glow-w, 320px) var(--glow-h, 280px) at calc(100% + 36px) calc(100% + 44px),
    var(--gr-light) 0%, color-mix(in srgb, var(--gr-hi) 70%, transparent) 30%, color-mix(in srgb, var(--gr-pale) 45%, transparent) 58%, transparent 84%); }
:is(.card--ink, .card--glow, .dcard--dark, .on-dark, .glow-corner--warm):is(.glow-corner, .glow-host),
:is(.card--ink, .card--glow, .dcard--dark, .on-dark, .glow-corner--warm) .glow-fx, .glow-fx.glow-corner--warm {
  --glow-bg: radial-gradient(var(--glow-w, 320px) var(--glow-h, 280px) at calc(100% + 36px) calc(100% + 44px),
    var(--o-light) 0%, color-mix(in srgb, var(--o-mid) 62%, transparent) 32%, color-mix(in srgb, var(--o-deep) 30%, transparent) 60%, transparent 84%); }
.glow-corner::after, .glow-fx { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
  background: var(--glow-bg); opacity: calc(var(--glow, 0) * var(--glow-max, .55)); transition: opacity 260ms linear; }
.glow-fx { display: block; }
.glow--sm { --glow-w: 260px; --glow-h: 220px; }
.glow--lg { --glow-w: 400px; --glow-h: 320px; }
.card > .glow-fx { position: absolute; z-index: 0; } 
html:not(.js) .glow-corner::after, html:not(.js) .glow-fx { display: none; }
@media (prefers-reduced-motion: reduce) { .glow-corner::after, .glow-fx { display: none; } }

.reveal { --d: 0s; }
.d1 { --d: .08s; } .d2 { --d: .16s; } .d3 { --d: .24s; } .d4 { --d: .32s; }

.glass {
  position: relative; min-width: 0;
  border-radius: var(--r-md); padding: 18px 20px;
  background: var(--glass-bg-fb); color: var(--ink);
  border: 1px solid var(--glass-bd);
  box-shadow: var(--sh-glass);
}
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .glass { background: var(--glass-bg); -webkit-backdrop-filter: var(--glass-blur); backdrop-filter: var(--glass-blur); }
}

.glass::before { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8); }
.glass > * { position: relative; }
.glass > .glow-fx { position: absolute; } 
.glass--lg { border-radius: var(--r-lg); padding: 24px 26px; }
.glass--sm { padding: 14px 16px; }
.glass--solid { background: #fff; -webkit-backdrop-filter: none; backdrop-filter: none; }

.glass--dark {
  color: #fff; border-color: var(--glass-d-bd);
  background: var(--glass-d-bg-fb);
  box-shadow: 0 24px 48px -28px rgba(0, 0, 0, .7);
}
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .glass--dark { background: var(--glass-d-bg); -webkit-backdrop-filter: var(--glass-d-blur); backdrop-filter: var(--glass-d-blur); }
}
.glass--dark::before { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); }

.glass--dark.glass--deep { background: rgba(13, 13, 13, .58); } 

.glass-h { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
.glass-t { font-size: 12.5px; font-weight: 600; line-height: 1.2; letter-spacing: 0; color: var(--ink-2); }
.glass--dark .glass-t { color: rgba(255, 255, 255, .62); }
.glass-x { font-size: 14px; font-weight: 500; line-height: 1.45; letter-spacing: -.003em; color: var(--ink-2); }
.glass-x b { color: var(--ink); font-weight: 600; }
.glass--dark .glass-x { color: rgba(255, 255, 255, .72); }
.glass--dark .glass-x b { color: #fff; }
.glass-src { margin-top: 8px; font-size: 12px; line-height: 1.35; color: var(--ink-3); }
.glass--dark .glass-src { color: rgba(255, 255, 255, .62); }

.ph-stage { position: relative; min-width: 0; border-radius: var(--r-lg); }
.ph-stage > .ph:not(.ph--fill) { width: 100%; }
.ph-panels {
  position: absolute; z-index: 3; left: 16px; right: 16px; bottom: 16px;
  display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px;
  pointer-events: none;
}
.ph-panels > * { pointer-events: auto; flex: 1 1 220px; max-width: 360px; }
.ph-panels--t { top: 16px; bottom: auto; align-items: flex-start; }
.ph-panels--l, .ph-panels--r { top: 16px; bottom: 16px; right: auto; width: min(320px, 46%); flex-direction: column; flex-wrap: nowrap; justify-content: flex-end; align-items: stretch; }
.ph-panels--r { left: auto; right: 16px; }
.ph-panels--l > *, .ph-panels--r > * { flex: none; max-width: none; }
.ph-panels--end { justify-content: flex-end; }
@media (max-width: 719.98px) {
  .ph-panels { left: 12px; right: 12px; bottom: 12px; gap: 8px; }
  .ph-stage--stack-phone .ph-panels { position: relative; inset: auto; width: auto; margin: -56px 12px 0; flex-direction: column; align-items: stretch; }
  .ph-stage--stack-phone .ph-panels > * { flex: none; max-width: none; }
}

.on-dark, .card--ink, .card--glow, .card--glow-green, .card--green, .glass--dark, .dcard--dark {
  --dv-1: #FFFFFF; --dv-2: var(--copper-t); --dv-2t: rgba(221, 162, 115, .55); --dv-3: rgba(255, 255, 255, .42);
  --dv-trk: rgba(255, 255, 255, .12); --dv-grid: rgba(255, 255, 255, .16); --dv-area: rgba(255, 255, 255, .07);
  --dv-txt-2: rgba(255, 255, 255, .72); --dv-ok: var(--gr-light); --dv-ring-bd: rgba(13, 13, 13, .85); --dv-off: rgba(255, 255, 255, .26);
}
.on-light { --dv-1: var(--ink); --dv-2: var(--copper); --dv-3: var(--g2); --dv-trk: var(--soft); --dv-grid: var(--line); --dv-area: rgba(13, 13, 13, .05); --dv-txt-2: var(--ink-2); --dv-ok: var(--green); --dv-ring-bd: #fff; --dv-off: var(--g3); }
.glass:not(.glass--dark) { --dv-trk: rgba(13, 13, 13, .08); --dv-grid: rgba(13, 13, 13, .1); --dv-ring-bd: rgba(255, 255, 255, .95); --dv-off: rgba(13, 13, 13, .2); } 

.dv { position: relative; min-width: 0; --dv-delay: 0ms; color: var(--dv-1); font-variant-numeric: tabular-nums; }
.dv svg { display: block; overflow: visible; }
.dv path, .dv line, .dv circle, .dv polyline { vector-effect: non-scaling-stroke; }
.dv-x { display: flex; justify-content: space-between; margin-top: 10px; font-size: 11.5px; font-weight: 500; line-height: 1; letter-spacing: 0; color: var(--dv-txt-2); }
.dv-x span { flex: 1 1 0; text-align: center; }
.dv-x span:first-child { text-align: left; } .dv-x span:last-child { text-align: right; }

.dv-num { display: inline-flex; align-items: baseline; font-weight: 600; font-size: var(--dv-num, 40px); line-height: .95; letter-spacing: -.045em; font-variant-numeric: tabular-nums; color: var(--dv-1); white-space: nowrap; }
.dv-num small { font-size: .4em; font-weight: 600; letter-spacing: -.01em; color: var(--dv-txt-2); margin-left: .22em; }
.dv-num--sm { --dv-num: 26px; } .dv-num--lg { --dv-num: 56px; }
.dv-cap { font-size: 12.5px; font-weight: 500; line-height: 1.35; letter-spacing: 0; color: var(--dv-txt-2); }
.dv-cap b { color: var(--dv-1); font-weight: 600; }

.dv-pt { position: absolute; z-index: 2; width: 10px; height: 10px; margin: -5px 0 0 -5px; border-radius: 50%; background: var(--dv-1); box-shadow: 0 0 0 3px var(--dv-ring-bd); }
.dv-pt--acc { width: 12px; height: 12px; margin: -6px 0 0 -6px; background: var(--dv-acc); box-shadow: 0 0 0 3px var(--dv-ring-bd), 0 0 0 9px rgba(255, 90, 31, .14); }
.dv-pt--o { background: var(--dv-ring-bd); box-shadow: inset 0 0 0 2px var(--dv-3), 0 0 0 2px var(--dv-ring-bd); }
.dv-pt--sm { width: 7px; height: 7px; margin: -3.5px 0 0 -3.5px; box-shadow: 0 0 0 2px var(--dv-ring-bd); }

.dv-tag { position: absolute; z-index: 3; display: inline-flex; align-items: center; height: 26px; padding: 0 10px; border-radius: var(--r-pill); background: var(--dv-ring-bd); color: var(--dv-1); box-shadow: 0 0 0 1px var(--dv-grid), 0 8px 18px -12px rgba(13, 13, 13, .35); font-size: 12.5px; font-weight: 600; letter-spacing: -.01em; line-height: 1; white-space: nowrap; font-variant-numeric: tabular-nums; }
.on-dark .dv-tag, .card--ink .dv-tag, .card--glow .dv-tag, .glass--dark .dv-tag, .dcard--dark .dv-tag { background: rgba(255, 255, 255, .1); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16); }

.dv-line { --dv-h: var(--dv-h0, 96px); } 
.dv-line .dv-plot { position: relative; height: var(--dv-h); margin: var(--dv-room-t, 0px) 0 var(--dv-room-b, 0px); } 
.dv-line svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.dv-line .dv-area, .dv-scen .dv-fa { stroke: none; }
.dv .dv-g0 { stop-color: var(--dv-1); stop-opacity: .085; }
.dv .dv-g1 { stop-color: var(--dv-1); stop-opacity: 0; }
.dv-scen .dv-g0 { stop-opacity: .06; }
.dv-line .dv-stroke { fill: none; stroke: var(--dv-1); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.dv-line .dv-stroke2 { fill: none; stroke: var(--dv-2); stroke-width: 1.75; stroke-dasharray: 5 5; stroke-linecap: round; }
.dv-pt--2 { background: var(--dv-2); }
.dv-tag.dv-tag--2 { height: auto; padding: 0; background: none; box-shadow: none; color: var(--dv-2); font-weight: 600; }
.glass--dark .dv-tag--2 { color: color-mix(in srgb, var(--copper-t) 58%, #fff); } 
.dv-line .dv-refl { fill: none; stroke: var(--dv-grid); stroke-width: 1; stroke-dasharray: 3 4; }
.dv-line .dv-base { fill: none; stroke: var(--dv-grid); stroke-width: 1; }
.dv-line .dv-reft { position: absolute; left: 0; z-index: 2; font-size: 11px; font-weight: 500; line-height: 1; color: var(--dv-txt-2); transform: translateY(calc(-100% - 5px)); }

.dv-x--at { position: relative; display: block; height: 12px; container: dvx / inline-size; }
@container dvx (max-width: 520px) { .dv-x--dense span:nth-last-child(even) { display: none; } }
@container dvx (max-width: 260px) { .dv-x--dense span { display: none; } .dv-x--dense span:nth-last-child(3n+1) { display: block; } }
.dv-x--at span { position: absolute; top: 0; transform: translateX(-50%); white-space: nowrap; }
.dv-x--at span:first-child { transform: none; }
.dv-x--at span:last-child { transform: translateX(-100%); }
.dv-line .dv-x span.is-hl { color: var(--dv-1); font-weight: 600; }
.dv-line--fill { display: flex; flex-direction: column; height: 100%; }
.dv-line--fill .dv-plot { flex: 1 1 auto; height: auto; min-height: var(--dv-min, 56px); } 

.dv-bars { --dv-h: var(--dv-h0, 92px); --dv-bw: 8px; }
.dv-bars .dv-bplot { position: relative; display: flex; align-items: flex-end; justify-content: space-between; height: var(--dv-h); padding: 0 2px; border-bottom: 1px solid var(--dv-grid); }
.dv-bars .dv-col { display: flex; align-items: flex-end; gap: 3px; height: 100%; }
.dv-bars .dv-b { display: block; width: var(--dv-bw); height: calc(var(--v) * 100%); border-radius: 4px 4px 1px 1px; background: var(--dv-1); transform-origin: 50% 100%; }
.dv-bars .dv-b--b { background: var(--dv-2); }
.dv-bars .dv-col:not(.is-hl) .dv-b--a { background: var(--g3); }
.dv-bars .dv-col:not(.is-hl) .dv-b--b { background: var(--dv-2t); opacity: .62; }
.on-dark .dv-bars .dv-col:not(.is-hl) .dv-b--a, .card--ink .dv-bars .dv-col:not(.is-hl) .dv-b--a, .card--glow .dv-bars .dv-col:not(.is-hl) .dv-b--a, .glass--dark .dv-bars .dv-col:not(.is-hl) .dv-b--a, .dcard--dark .dv-bars .dv-col:not(.is-hl) .dv-b--a { background: rgba(255, 255, 255, .32); }
.on-dark .dv-bars .dv-col:not(.is-hl) .dv-b--b, .card--ink .dv-bars .dv-col:not(.is-hl) .dv-b--b, .card--glow .dv-bars .dv-col:not(.is-hl) .dv-b--b, .glass--dark .dv-bars .dv-col:not(.is-hl) .dv-b--b, .dcard--dark .dv-bars .dv-col:not(.is-hl) .dv-b--b { background: rgba(221, 162, 115, .46); opacity: 1; }
.dv-bars .dv-x span { flex: 0 0 auto; width: calc(var(--dv-bw) * 2 + 3px); text-align: center; white-space: nowrap; display: flex; justify-content: center; }
.dv-bars .dv-x { padding: 0 2px; }
.dv-bars .dv-x span.is-hl { color: var(--dv-1); font-weight: 600; }
.dv-legend { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 12px; font-size: 12px; font-weight: 500; line-height: 1.2; color: var(--dv-txt-2); }
.dv-key { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.dv-key::before { content: ""; width: 8px; height: 8px; border-radius: 2px; background: var(--dv-1); }
.dv-key--b::before { background: var(--dv-2); }
.dv-key b { color: var(--dv-1); font-weight: 600; }
.dv-bars--fill { display: flex; flex-direction: column; height: 100%; }
.dv-bars--fill .dv-bplot { flex: 1 1 auto; height: auto; min-height: var(--dv-min, 56px); }

.dv-ring { --dv-size: 112px; position: relative; width: var(--dv-size); height: var(--dv-size); flex: none; }
.dv-ring svg { width: 100%; height: 100%; }
.dv-ring circle { vector-effect: none; } 
.dv-ring .dv-trk { fill: none; stroke: var(--dv-trk); }
.dv-ring .dv-arc { fill: none; stroke: var(--dv-1); stroke-linecap: round; stroke-dasharray: var(--v) 100; stroke-dashoffset: 0; }
.dv-ring.is-ok .dv-arc { stroke: var(--dv-ok); }
.dv-ring .dv-arm { position: absolute; inset: 0; transform: rotate(calc(var(--v) * 3.6deg)); }
.dv-ring .dv-arm .dv-pt { left: 50%; top: var(--dv-r-top, 7.5%); }
.dv-ring .dv-c { position: absolute; inset: 0; display: grid; place-items: center; align-content: center; text-align: center; }
.dv-ring .dv-c .dv-num { --dv-num: calc(var(--dv-size) * .27); }
.dv-ring .dv-c .dv-num small { font-size: max(11px, .5em); }
.dv-ring .dv-sub { margin-top: .2em; font-size: max(11.5px, calc(var(--dv-size) * .115)); font-weight: 500; line-height: 1; letter-spacing: 0; color: var(--dv-txt-2); } 

.dv-dots { --dv-dot: 10px; display: grid; grid-template-columns: repeat(var(--n, 14), minmax(0, var(--dv-dot))); justify-content: space-between; gap: 4px; align-items: center; }
.dv-dots i { display: block; width: 100%; aspect-ratio: 1; border-radius: 50%; background: var(--dv-1); }
.dv-dots i.is-off { background: transparent; box-shadow: inset 0 0 0 1.5px var(--dv-off); }
.dv-dots i.is-acc { background: var(--dv-acc); }
.dv-dots--left { justify-content: start; }

.dv-split .dv-sbar { display: flex; gap: 3px; height: 10px; }
.dv-split .dv-seg { flex: var(--w) 1 0; min-width: 6px; border-radius: var(--r-pill); background: var(--dv-1); transform-origin: 0 50%; }
.dv-split .dv-seg:nth-child(2) { background: var(--dv-3); }
.dv-split .dv-seg:nth-child(3) { background: var(--g3); }
.dv-split .dv-seg:nth-child(4) { background: var(--dv-2t); }
.on-dark .dv-split .dv-seg:nth-child(3), .card--ink .dv-split .dv-seg:nth-child(3), .card--glow .dv-split .dv-seg:nth-child(3), .glass--dark .dv-split .dv-seg:nth-child(3), .dcard--dark .dv-split .dv-seg:nth-child(3) { background: rgba(255, 255, 255, .2); }
.dv-split .dv-sl { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 12px; font-size: 12.5px; font-weight: 500; line-height: 1.2; color: var(--dv-txt-2); }
.dv-split .dv-sl li { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.dv-split .dv-sl li::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--dv-1); }
.dv-split .dv-sl li:nth-child(2)::before { background: var(--dv-3); }
.dv-split .dv-sl li:nth-child(3)::before { background: var(--g3); }
.dv-split .dv-sl li:nth-child(4)::before { background: var(--dv-2t); }
.dv-split .dv-sl b { color: var(--dv-1); font-weight: 600; }
.dv-split--col .dv-sl { display: grid; gap: 8px; }
.dv-split--col .dv-sl li { justify-content: space-between; }
.dv-split--col .dv-sl li span { margin-right: auto; }

.dv-scen { --dv-h: var(--dv-h0, 132px); }
.dv-scen .dv-plot { position: relative; height: var(--dv-h); }
.dv-scen svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.dv-scen .dv-goal { fill: none; stroke: var(--dv-ok); stroke-width: 1.25; stroke-dasharray: 2 5; stroke-linecap: round; }
.dv-scen .dv-sa { fill: none; stroke: var(--dv-1); stroke-width: 2; stroke-linecap: round; }
.dv-scen .dv-sb { fill: none; stroke: var(--dv-2); stroke-width: 1.75; stroke-dasharray: 5 5; stroke-linecap: round; }
.dv-scen .dv-lbl { position: absolute; z-index: 3; font-size: 11.5px; font-weight: 600; line-height: 1.15; letter-spacing: 0; white-space: nowrap; color: var(--dv-1); }
.dv-scen .dv-lbl--b { color: var(--dv-2); font-weight: 500; }
.dv-scen .dv-lbl--g { left: 0; color: var(--dv-ok); font-weight: 600; transform: translateY(var(--dv-lbl-gy, calc(-100% - 6px))); }
.dv-scen .dv-lbl--a { transform: translate(calc(-14px - var(--dv-lbl-ax, 0px)), calc(-100% - var(--dv-lbl-ay, 8px))); } 
.dv-scen .dv-lbl--now { color: var(--dv-txt-2); font-weight: 500; transform: translate(0, 10px); }
.dv-scen--fill { display: flex; flex-direction: column; height: 100%; }
.dv-scen--fill .dv-plot { flex: 1 1 auto; height: auto; min-height: var(--dv-min, 84px); }

.dv-tree { --dv-tg: 14px; --dv-g: var(--g3); container: dvtree / inline-size; font-size: 12.5px; line-height: 1; }
.on-dark .dv-tree, .card--ink .dv-tree, .card--glow .dv-tree, .glass--dark .dv-tree, .dcard--dark .dv-tree { --dv-g: rgba(255, 255, 255, .24); }
@container dvtree (min-width: 440px) {
  .dv-tree ul { position: relative; display: flex; justify-content: center; padding-top: var(--dv-tg); }
  .dv-tree > ul { padding-top: 0; }
  .dv-tree li { position: relative; display: flex; flex-direction: column; align-items: center; padding: var(--dv-tg) 4px 0; }
  .dv-tree > ul > li { padding-top: 0; }
  .dv-tree li::before, .dv-tree li::after { content: ""; position: absolute; top: 0; width: 50%; height: var(--dv-tg); border-top: 1px solid var(--dv-g); }
  .dv-tree li::before { left: 0; }
  .dv-tree li::after { right: 0; border-left: 1px solid var(--dv-g); }
  .dv-tree li:first-child::before { border-top: 0; }
  .dv-tree li:first-child:not(:only-child)::after { border-top-left-radius: 8px; }
  .dv-tree li:last-child:not(:only-child)::before { border-right: 1px solid var(--dv-g); border-top-right-radius: 8px; }
  .dv-tree li:last-child:not(:only-child)::after { border: 0; }
  .dv-tree li:only-child::before { display: none; }
  .dv-tree li:only-child::after { border-top: 0; }
  .dv-tree > ul > li::before, .dv-tree > ul > li::after { display: none; }
  .dv-tree ul ul::before { content: ""; position: absolute; top: 0; left: 50%; height: var(--dv-tg); border-left: 1px solid var(--dv-g); }
}
@container dvtree (max-width: 439.98px) {
  .dv-tree ul { position: relative; display: grid; gap: 6px; padding: 6px 0 0 13px; }
  .dv-tree > ul { padding: 0; }
  .dv-tree li { position: relative; display: grid; justify-items: start; padding-left: 16px; }
  .dv-tree > ul > li { padding-left: 0; }
  
  .dv-tree li::before { content: ""; position: absolute; left: 0; top: -6px; width: 12px; height: 20px; border-left: 1px solid var(--dv-g); border-bottom: 1px solid var(--dv-g); border-bottom-left-radius: 8px; }
  
  .dv-tree li::after { content: ""; position: absolute; left: 0; top: 14px; bottom: -6px; border-left: 1px solid var(--dv-g); }
  .dv-tree li:last-child::after, .dv-tree > ul > li::before, .dv-tree > ul > li::after { display: none; }
}
.dv-tree span { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 11px; border-radius: var(--r-pill); background: var(--white); color: var(--ink); box-shadow: inset 0 0 0 1px var(--line); font-weight: 600; letter-spacing: -.005em; white-space: nowrap; }
.dv-tree > ul > li > span { background: var(--dv-1); color: var(--dv-ring-bd); box-shadow: none; }
.dv-tree span[data-state="ok"]::before { content: ""; width: 14px; height: 14px; flex: none; border-radius: 50%; background: var(--dv-ok) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M6 12.5l4 4 8-9'/></svg>") center / 10px no-repeat; }
.on-dark .dv-tree span, .card--ink .dv-tree span, .card--glow .dv-tree span, .glass--dark .dv-tree span, .dcard--dark .dv-tree span { background: rgba(255, 255, 255, .08); color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16); }
.on-dark .dv-tree > ul > li > span, .card--ink .dv-tree > ul > li > span, .card--glow .dv-tree > ul > li > span, .glass--dark .dv-tree > ul > li > span, .dcard--dark .dv-tree > ul > li > span { background: #fff; color: var(--ink); }
.glass:not(.glass--dark) .dv-tree span { background: rgba(255, 255, 255, .9); }
.glass:not(.glass--dark) .dv-tree > ul > li > span { background: var(--dv-1); color: #fff; box-shadow: none; } 
.dv-tree--sm { --dv-tg: 11px; font-size: 11.5px; }
.dv-tree--sm span { height: 25px; padding: 0 9px; }

.dv-list { display: grid; }
.dv-list > li { display: flex; align-items: flex-start; gap: 12px; padding: 11px 0; border-top: 1px solid var(--dv-grid); font-size: 14.5px; font-weight: 500; line-height: 1.35; letter-spacing: -.005em; color: var(--dv-txt-2); }
.dv-list > li:first-child { border-top: 0; padding-top: 0; }
.dv-list > li:last-child { padding-bottom: 0; }
.dv-list > li b { color: var(--dv-1); font-weight: 600; }
.dv-list .dv-li-t { flex: 1 1 auto; min-width: 0; }
.dv-list .dv-li-t span { display: block; margin-top: 2px; font-size: 13px; }
.dv-list .dv-li-i { position: relative; flex: none; display: grid; place-items: center; width: 22px; height: 22px; margin-top: -1px; border-radius: 50%; background: var(--dv-ok); color: #fff; }
.dv-list .dv-li-i svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.dv-list li[data-state="wip"] .dv-li-i { background: none; color: var(--dv-2); box-shadow: inset 0 0 0 1.5px var(--dv-2); }
.dv-list li[data-state="wip"] .dv-li-i svg { stroke-width: 2; }
.dv-list li[data-state="plan"] .dv-li-i { background: none; color: var(--dv-txt-2); box-shadow: inset 0 0 0 1.5px var(--dv-trk); }
.dv-list li[data-state="dot"] .dv-li-i { width: 22px; background: none; }
.dv-list li[data-state="dot"] .dv-li-i::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--dv-1); }
.dv-list--sm > li { padding: 8px 0; font-size: 13.5px; gap: 10px; }
.dv-list--sm .dv-li-i { width: 20px; height: 20px; }

.dv-gauge { padding-top: 30px; }
.dv-gauge.has-rule { padding-bottom: 26px; } 
.dv-gauge .dv-gtrk { position: relative; height: 10px; border-radius: var(--r-pill); background: var(--dv-trk); }
.dv-gauge .dv-gfill { position: absolute; left: 0; top: 0; bottom: 0; width: calc(var(--r) * 100%); border-radius: var(--r-pill) 0 0 var(--r-pill); background: var(--dv-1); transform-origin: 0 50%; }
.dv-gauge .dv-gover { position: absolute; top: 0; bottom: 0; left: calc(var(--r) * 100% + 2px); width: calc((var(--v) - var(--r)) * 100% - 2px); border-radius: 0 var(--r-pill) var(--r-pill) 0; background: var(--dv-acc); transform-origin: 0 50%; }
.dv-gauge.is-under .dv-gfill { width: calc(var(--v) * 100%); border-radius: var(--r-pill); }
.dv-gauge.is-under .dv-gover { display: none; }
.dv-gauge .dv-grule { position: absolute; z-index: 2; left: calc(var(--r) * 100%); top: -7px; bottom: -7px; width: 0; border-left: 1.5px solid var(--dv-1); }
.dv-gauge .dv-grule span { position: absolute; top: calc(100% + 6px); left: 0; transform: translateX(-50%); font-size: 11.5px; font-weight: 600; line-height: 1; color: var(--dv-1); white-space: nowrap; }
.dv-gauge .dv-gval { position: absolute; z-index: 3; bottom: calc(100% + 8px); left: calc(var(--v) * 100%); transform: translateX(-50%); display: inline-flex; align-items: baseline; font-size: 15px; font-weight: 600; letter-spacing: -.02em; line-height: 1; color: var(--dv-1); white-space: nowrap; }
.dv-gauge .dv-gval small { font-size: .78em; color: var(--dv-txt-2); margin-left: .12em; }
.dv-gauge .dv-gs { display: flex; justify-content: space-between; margin-top: 8px; font-size: 11px; line-height: 1; color: var(--dv-txt-2); }

.dv-countries { max-width: 340px; }
.dv-countries svg { width: 100%; height: auto; }
.dv-countries .dv-cc { fill: var(--dv-area); stroke: var(--dv-3); stroke-width: 1; }
.dv-countries .dv-cf { fill: none; stroke: var(--dv-2); stroke-width: 1.5; stroke-dasharray: 4 5; stroke-linecap: round; }
.dv-countries .dv-cm { fill: var(--dv-2); }
.dv-countries text { font-family: var(--f); font-size: 12.5px; font-weight: 600; fill: var(--dv-1); letter-spacing: -.01em; }
.dv-countries .dv-ct { font-size: 10.5px; font-weight: 600; fill: var(--dv-2); }
.dv-countries .dv-ck { fill: var(--dv-ok); }
.dv-countries .dv-ckm { fill: none; stroke: #fff; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.dv-countries .dv-tp { fill: rgba(196, 122, 75, .12); stroke: var(--dv-2); stroke-width: 1; }

.dv-chip { display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 10px; border-radius: var(--r-pill); background: none; color: var(--ink-2); box-shadow: inset 0 0 0 1px var(--line); font-size: 11.5px; font-weight: 600; line-height: 1; letter-spacing: .005em; white-space: nowrap; flex: none; }
@media (max-width: 719.98px) { .dv-chip { height: 26px; font-size: 12.5px; } } 
.dv-chip--done, .dv-chip--ok { background: #E4F3EC; color: #0B6B49; box-shadow: none; }
.dv-chip--done::before, .dv-chip--ok::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--green); }
.dv-chip--wip { color: #8A4F2B; background: #F6EBE2; box-shadow: none; }
.dv-chip--wip::before { content: ""; width: 6px; height: 6px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--copper); }
.dv-chip--plan { color: var(--ink-2); background: var(--soft); box-shadow: none; }
.dv-chip--ink { background: var(--ink); color: #fff; box-shadow: none; }
.on-dark .dv-chip, .card--ink .dv-chip, .card--glow .dv-chip, .glass--dark .dv-chip, .dcard--dark .dv-chip { color: rgba(255, 255, 255, .72); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22); }
.on-dark .dv-chip--ok, .card--ink .dv-chip--ok, .card--glow .dv-chip--ok, .glass--dark .dv-chip--ok, .dcard--dark .dv-chip--ok,
.on-dark .dv-chip--done, .card--ink .dv-chip--done, .card--glow .dv-chip--done, .glass--dark .dv-chip--done, .dcard--dark .dv-chip--done { background: rgba(45, 179, 130, .16); color: var(--gr-hi); box-shadow: none; }
.glass:not(.glass--dark) .dv-chip:not(.dv-chip--ok):not(.dv-chip--done):not(.dv-chip--wip):not(.dv-chip--plan):not(.dv-chip--ink) { box-shadow: inset 0 0 0 1px rgba(13, 13, 13, .14); }

.dcard { position: relative; display: flex; flex-direction: column; gap: 18px; min-width: 0; padding: 28px; border-radius: var(--r-lg); background: var(--white); color: var(--ink); container-type: inline-size; }
.dcard > * { position: relative; z-index: 1; }
.dcard-h { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 24px; }
.dcard-t { display: inline-flex; align-items: center; gap: 8px; min-width: 0; font-size: 13px; font-weight: 600; line-height: 1.2; letter-spacing: 0; color: var(--ink-2); }
.dcard-t svg { width: 16px; height: 16px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.dcard-v { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; justify-content: flex-end; gap: 14px; }
.dcard-row { display: flex; align-items: center; gap: 16px; min-width: 0; }
.dcard-row > .dv-ring { flex: none; }
.dcard-x { font-size: clamp(16px, 6.2cqi, var(--t-lead)); font-weight: 600; line-height: 1.3; letter-spacing: -.018em; color: var(--ink-2); text-wrap: pretty; }
.dcard-x b { display: block; color: var(--ink); font-weight: inherit; }
.dcard-x--in b { display: inline; }
.dcard-k { font-size: 15px; font-weight: 600; line-height: 1.3; letter-spacing: -.012em; color: var(--ink); }
.dcard-k small { display: block; margin-top: 3px; font-size: 13px; font-weight: 500; letter-spacing: 0; color: var(--ink-2); }
.dcard-note { display: flex; align-items: center; gap: 8px; padding: 9px 12px; border-radius: var(--r-sm); background: var(--soft); font-size: 13px; font-weight: 500; line-height: 1.3; color: var(--ink-2c); } 
.dcard-note b { color: var(--ink); font-weight: 600; }
.dcard-note svg { width: 16px; height: 16px; flex: none; fill: none; stroke: var(--ink); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }

.dcard--sm { padding: 22px; gap: 14px; border-radius: var(--r-md); }
.dcard--sm .dcard-x { font-size: clamp(15px, 5.4cqi, 18px); }
.dcard--lg { padding: 32px; gap: 22px; }
.dcard--lg .dcard-x { font-size: clamp(18px, 3.4cqi, 24px); }
.dcard--lift { box-shadow: var(--sh-1); }
.dcard--fill { height: 100%; }
.dcard--glass { background: var(--glass-bg-fb); border: 1px solid var(--glass-bd); box-shadow: var(--sh-glass); border-radius: var(--r-md); padding: 20px 22px; --dv-trk: rgba(13, 13, 13, .08); --dv-grid: rgba(13, 13, 13, .1); --dv-ring-bd: rgba(255, 255, 255, .95); --dv-off: rgba(13, 13, 13, .2); }
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .dcard--glass { background: var(--glass-bg); -webkit-backdrop-filter: var(--glass-blur); backdrop-filter: var(--glass-blur); }
}
.dcard--dark { background: var(--ink); color: #fff; }
.dcard--dark .dcard-t { color: rgba(255, 255, 255, .6); }
.dcard--dark .dcard-x { color: var(--on-ink-2); }
.dcard--dark .dcard-x b, .dcard--dark .dcard-k { color: #fff; }
.dcard--dark .dcard-note { background: var(--ink-in); color: var(--on-ink-2); }
.dcard--dark .dcard-note b { color: #fff; }
.dcard--dark .dcard-note svg { stroke: #fff; }
@container (max-width: 300px) {
  .dcard-row { gap: 12px; }
  .dcard-row > .dv-ring { --dv-size: 88px; }
}
@media (max-width: 719.98px) {
  .dcard { padding: 22px; gap: 14px; }
  .dcard--lg { padding: 24px; }
}

@media (prefers-reduced-motion: no-preference) {
  .dv-line svg, .dv-scen svg { clip-path: inset(-12px -12px -12px -12px); transition: clip-path var(--dv-dur) var(--ease) var(--dv-delay); }
  .dv-line .dv-pt, .dv-line .dv-tag, .dv-line .dv-reft, .dv-scen .dv-pt, .dv-scen .dv-lbl { transition: opacity 500ms var(--ease), transform 500ms var(--ease); transition-delay: calc(var(--dv-delay) + var(--dv-dur) * .8); }
  .dv-bars .dv-b { transition: transform 900ms var(--ease); transition-delay: calc(var(--dv-delay) + var(--i, 0) * 70ms + var(--j, 0) * 40ms); }
  .dv-ring .dv-arc { transition: stroke-dashoffset var(--dv-dur) var(--ease) var(--dv-delay); }
  .dv-ring .dv-arm { transition: transform var(--dv-dur) var(--ease) var(--dv-delay), opacity 300ms var(--ease) var(--dv-delay); }
  .dv-ring .dv-c { transition: opacity 600ms var(--ease) calc(var(--dv-delay) + 300ms); }
  .dv-dots i { transition: background-color 300ms var(--ease), box-shadow 300ms var(--ease); transition-delay: calc(var(--dv-delay) + var(--i, 0) * 55ms); }
  .dv-split .dv-seg { transition: transform 900ms var(--ease); transition-delay: calc(var(--dv-delay) + var(--i, 0) * 110ms); }
  .dv-split .dv-sl li { transition: opacity 500ms var(--ease); transition-delay: calc(var(--dv-delay) + 300ms + var(--i, 0) * 110ms); }
  .dv-tree span, .dv-tree li::before, .dv-tree li::after, .dv-tree ul ul::before { transition: opacity 500ms var(--ease), transform 600ms var(--ease); transition-delay: calc(var(--dv-delay) + var(--lv, 0) * 220ms); }
  .dv-list > li { transition: opacity 500ms var(--ease), transform 600ms var(--ease); transition-delay: calc(var(--dv-delay) + var(--i, 0) * 140ms); }
  .dv-list .dv-li-i { transition: transform 500ms cubic-bezier(.3, 1.6, .5, 1); transition-delay: calc(var(--dv-delay) + 200ms + var(--i, 0) * 140ms); }
  .dv-gauge .dv-gfill { transition: transform 900ms var(--ease) var(--dv-delay); }
  .dv-gauge .dv-gover { transition: transform 600ms var(--ease) calc(var(--dv-delay) + 820ms); }
  .dv-gauge .dv-gval, .dv-gauge .dv-grule { transition: opacity 500ms var(--ease) calc(var(--dv-delay) + 500ms); }
  .dv-countries .dv-cf { transition: stroke-dashoffset 1600ms var(--ease) calc(var(--dv-delay) + 200ms), opacity 600ms var(--ease) calc(var(--dv-delay) + 200ms); }
  .dv-countries .dv-cg { transition: opacity 500ms var(--ease) calc(var(--dv-delay) + 700ms); }
  .dv-countries .dv-cc, .dv-countries .dv-cl { transition: opacity 600ms var(--ease) var(--dv-delay); }

  html.js .dv-line:not(.is-in) svg, html.js .dv-scen:not(.is-in) svg { clip-path: inset(-12px 100% -12px -12px); }
  html.js .dv-line:not(.is-in) .dv-pt, html.js .dv-line:not(.is-in) .dv-reft, html.js .dv-scen:not(.is-in) .dv-pt { opacity: 0; transform: scale(.6); }
  html.js .dv-line:not(.is-in) .dv-tag, html.js .dv-scen:not(.is-in) .dv-lbl { opacity: 0; transform: translateY(4px); }
  html.js .dv-scen:not(.is-in) .dv-lbl--g { transform: translateY(calc(-100% - 2px)); }
  html.js .dv-scen:not(.is-in) .dv-lbl--a { transform: translate(-14px, calc(-100% - 4px)); }
  html.js .dv-scen:not(.is-in) .dv-lbl--now { transform: translate(0, 14px); }
  html.js .dv-bars:not(.is-in) .dv-b { transform: scaleY(0); }
  html.js .dv-ring:not(.is-in) .dv-arc { stroke-dashoffset: var(--v); }
  html.js .dv-ring:not(.is-in) .dv-arm { transform: rotate(0deg); opacity: 0; }
  html.js .dv-ring:not(.is-in) .dv-c { opacity: 0; }
  html.js .dv-dots:not(.is-in) i { background: transparent; box-shadow: inset 0 0 0 1.5px var(--dv-off); }
  html.js .dv-split:not(.is-in) .dv-seg { transform: scaleX(0); }
  html.js .dv-split:not(.is-in) .dv-sl li { opacity: 0; }
  html.js .dv-tree:not(.is-in) span { opacity: 0; transform: translateY(6px) scale(.96); }
  html.js .dv-tree:not(.is-in) li::before, html.js .dv-tree:not(.is-in) li::after, html.js .dv-tree:not(.is-in) ul ul::before { opacity: 0; }
  html.js .dv-list:not(.is-in) > li { opacity: 0; transform: translateY(8px); }
  html.js .dv-list:not(.is-in) .dv-li-i { transform: scale(0); }
  html.js .dv-gauge:not(.is-in) .dv-gfill, html.js .dv-gauge:not(.is-in) .dv-gover { transform: scaleX(0); }
  html.js .dv-gauge:not(.is-in) .dv-gval, html.js .dv-gauge:not(.is-in) .dv-grule { opacity: 0; }
  html.js .dv-countries:not(.is-in) .dv-cf { stroke-dashoffset: 45; opacity: 0; }
  html.js .dv-countries:not(.is-in) .dv-cg { opacity: 0; }
  html.js .dv-countries:not(.is-in) .dv-cc, html.js .dv-countries:not(.is-in) .dv-cl { opacity: 0; }

  html body .dv.dv-snap, html body .dv.dv-snap *, html body .dv.dv-snap *::before, html body .dv.dv-snap *::after { transition: none; }
}

html.js .reveal { opacity: 0; transform: translateY(12px); transition: opacity var(--d2) var(--ease), transform var(--d2) var(--ease); transition-delay: var(--d, 0s); } 
html.js .reveal.is-in { opacity: 1; transform: none; }

.hd-nav { transition: box-shadow var(--d2), background-color var(--d2); }
.hd-u { transition: transform calc(var(--d2) + 100ms) var(--ease), width calc(var(--d2) + 100ms) var(--ease), opacity var(--d1); }
.hd-u.no-tr { transition: opacity var(--d1); }
.hd-menu a, .hd-cab, .ft-ln { transition: opacity var(--d1); }

.fab { transition: transform var(--d1) var(--ease), visibility 0s linear var(--d1); }
body.fab-on .fab { transition: transform var(--d1) var(--ease); }

.layer-bg { transition: opacity var(--d1); }
.modal-p { transition: opacity var(--d1), transform var(--d2) var(--ease); }
.sheet-p { transition: transform var(--d2) var(--ease); }

@media (prefers-reduced-motion: reduce) {
  
  :root { --d1: 0s; --d2: 0s; --d3: 0s; }
  html.js .reveal { opacity: 1; transform: none; transition: none; }
  .fab, body.fab-on .fab, .dots-bar::after, .hd-u { transition: none; }
}

html[data-hero="a"] [data-show-hero]:not([data-show-hero~="a"]),
html[data-hero="b"] [data-show-hero]:not([data-show-hero~="b"]),
html[data-hero="c"] [data-show-hero]:not([data-show-hero~="c"]),
html[data-hero="d"] [data-show-hero]:not([data-show-hero~="d"]) { display: none; }
html[data-h1="a"] [data-show-h1]:not([data-show-h1~="a"]),
html[data-h1="b"] [data-show-h1]:not([data-show-h1~="b"]) { display: none; }
html[data-lead="false"] [data-show-lead] { display: none; }
html[data-risk="a"] [data-show-risk]:not([data-show-risk~="a"]),
html[data-risk="b"] [data-show-risk]:not([data-show-risk~="b"]) { display: none; }
html[data-who="a"] [data-show-who]:not([data-show-who~="a"]),
html[data-who="b"] [data-show-who]:not([data-show-who~="b"]),
html[data-who="c"] [data-show-who]:not([data-show-who~="c"]),
html[data-who="d"] [data-show-who]:not([data-show-who~="d"]) { display: none; }
html[data-how="cards"] [data-show-how]:not([data-show-how~="cards"]),
html[data-how="feed"] [data-show-how]:not([data-show-how~="feed"]) { display: none; }
html[data-sit="a"] [data-show-sit]:not([data-show-sit~="a"]),
html[data-sit="b"] [data-show-sit]:not([data-show-sit~="b"]),
html[data-sit="c"] [data-show-sit]:not([data-show-sit~="c"]),
html[data-sit="d"] [data-show-sit]:not([data-show-sit~="d"]),
html[data-sit="e"] [data-show-sit]:not([data-show-sit~="e"]),
html[data-sit="f"] [data-show-sit]:not([data-show-sit~="f"]) { display: none; }
html[data-howhead="a"] [data-show-howhead]:not([data-show-howhead~="a"]),
html[data-howhead="b"] [data-show-howhead]:not([data-show-howhead~="b"]),
html[data-howhead="c"] [data-show-howhead]:not([data-show-howhead~="c"]) { display: none; }
html[data-howbtn="a"] [data-show-howbtn]:not([data-show-howbtn~="a"]),
html[data-howbtn="b"] [data-show-howbtn]:not([data-show-howbtn~="b"]),
html[data-howbtn="c"] [data-show-howbtn]:not([data-show-howbtn~="c"]) { display: none; }
html[data-str="a"] [data-show-str]:not([data-show-str~="a"]),
html[data-str="b"] [data-show-str]:not([data-show-str~="b"]),
html[data-str="c"] [data-show-str]:not([data-show-str~="c"]) { display: none; }

html[data-about="a"] [data-show-about]:not([data-show-about~="a"]),
html[data-about="b"] [data-show-about]:not([data-show-about~="b"]),
html[data-about="c"] [data-show-about]:not([data-show-about~="c"]),
html[data-about="d"] [data-show-about]:not([data-show-about~="d"]) { display: none; }
html[data-cmp="a"] [data-show-cmp]:not([data-show-cmp~="a"]),
html[data-cmp="b"] [data-show-cmp]:not([data-show-cmp~="b"]),
html[data-cmp="c"] [data-show-cmp]:not([data-show-cmp~="c"]) { display: none; }
html[data-curve="a"] [data-show-curve]:not([data-show-curve~="a"]),
html[data-curve="b"] [data-show-curve]:not([data-show-curve~="b"]) { display: none; }

html:not([data-risk]) [data-show-risk]:not([data-show-risk~="a"]),
html:not([data-who]) [data-show-who]:not([data-show-who~="d"]),
html:not([data-how]) [data-show-how]:not([data-show-how~="cards"]),
html:not([data-sit]) [data-show-sit]:not([data-show-sit~="a"]),
html:not([data-howhead]) [data-show-howhead]:not([data-show-howhead~="a"]),
html:not([data-howbtn]) [data-show-howbtn]:not([data-show-howbtn~="a"]),
html:not([data-str]) [data-show-str]:not([data-show-str~="a"]) { display: none; }
html:not([data-hero]) [data-show-hero]:not([data-show-hero~="a"]), 
html:not([data-about]) [data-show-about]:not([data-show-about~="d"]), 
html:not([data-cmp]) [data-show-cmp]:not([data-show-cmp~="a"]),
html:not([data-curve]) [data-show-curve]:not([data-show-curve~="a"]) { display: none; }

.top { position: sticky; top: 0; z-index: 50; padding-top: 16px; pointer-events: none; }
.hd-nav { pointer-events: auto; display: flex; align-items: center; justify-content: space-between; gap: 16px; height: 64px; padding: 0 10px 0 22px; border-radius: var(--r-md); background: var(--white); color: var(--ink); }
.top.is-sc .hd-nav { box-shadow: 0 0 0 1px var(--line), 0 12px 32px rgba(13, 13, 13, .06); }
html[data-bg="white"] .top.is-sc .hd-nav { background: #fff; box-shadow: 0 0 0 1px var(--line), 0 14px 36px rgba(13, 13, 13, .07); }

@media (min-width: 1200px) {
  .hd-nav { padding: 0 10px; }
  .hd-nav > .hd-lk { margin-left: 12px; }
}
@media (min-width: 1400px) {
  .hd-nav { display: grid; grid-template-columns: minmax(max-content, 1fr) auto minmax(max-content, 1fr); align-items: center; column-gap: 24px; }
  .hd-nav > .hd-lk { justify-self: start; }
  .hd-r { justify-self: end; }
}

.top::before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: calc(-1 * env(safe-area-inset-top, 0px)); bottom: 0; background: var(--canvas); } 
html[data-bg="white"] .top::before { background: #FFFFFF; }

@media (min-width: 720px) { .top::before { -webkit-mask-image: linear-gradient(#000 calc(100% - 24px), transparent); mask-image: linear-gradient(#000 calc(100% - 24px), transparent); } }

.hd-lk { --h: 19px; gap: 10px; }
.hd-lk .wm { font-size: 17px; }

.hd-menu { position: relative; display: flex; gap: 28px; font-size: 15px; font-weight: 500; letter-spacing: -.005em; }
.hd-menu a { padding: 8px 0; border-bottom: 1.5px solid transparent; white-space: nowrap; }
.hd-menu a[aria-current="true"] { border-bottom-color: var(--ink); }
.hd-menu.hd-u-on a[aria-current="true"] { border-bottom-color: transparent; } 
.hd-u { position: absolute; left: 0; top: 0; width: var(--uw, 0px); height: 1.5px; border-radius: 2px; background: currentColor; pointer-events: none; opacity: 0; transform: translate(var(--ux, 0px), var(--uy, 0px)); }
.hd-menu.has-cur .hd-u { opacity: 1; }
@media (hover: hover) {
  .hd-menu a:hover, .hd-cab:hover { opacity: .58; }
  .hd-menu a[aria-current="true"]:hover { opacity: 1; }
}

@media (max-width: 1399.98px) { .hd-menu { gap: 20px; font-size: 14.5px; } }
@media (max-width: 1299.98px) { .hd-menu { gap: 18px; font-size: 14px; } .hd-r { gap: 12px; } }
@media (min-width: 1200px) and (max-width: 1239.98px) {
  .hd-cab span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .hd-cab { width: 40px; justify-content: center; padding: 0; border-radius: 50%; background: var(--soft); } 
  @media (hover: hover) { .hd-cab:hover { opacity: 1; background: var(--line); } }
}

.hd-r { display: flex; align-items: center; gap: 16px; font-size: 15px; }
.hd-cab { position: relative; display: inline-flex; align-items: center; gap: 7px; height: 40px; padding: 0 4px; white-space: nowrap; font-weight: 500; letter-spacing: -.005em; }
.hd-cab .i { width: 18px; height: 18px; }
.hd-burger { display: none; }

@media (max-width: 1199.98px) {
  .hd-menu { display: none; }
  .hd-burger { display: grid; width: 40px; height: 40px; }
  .hd-r { gap: 10px; }
}
@media (max-width: 719.98px) {
  .hd-nav { padding: 0 8px 0 16px; }
  .hd-burger { width: 44px; height: 44px; order: 1; } 
  .hd-cab span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } 
  .hd-cab { width: 44px; height: 44px; justify-content: center; border-radius: 50%; background: var(--soft); padding: 0; }
  .hd-cta { display: none; }
}

.mnav { display: grid; gap: 6px; margin: 4px 0 12px; }
.mnav a { display: flex; align-items: center; gap: 14px; min-height: 48px; padding: 0 18px; border-radius: var(--r-md); background: var(--soft); font-size: 17px; font-weight: 600; letter-spacing: -.015em; }
@media (min-width: 360px) {
  .mnav { grid-template-columns: 1fr 1fr; gap: 6px 8px; }
  .mnav a { min-height: 44px; gap: 10px; padding: 0 14px; font-size: 15px; }
}
.mnav a[aria-current="true"] { background: var(--ink); color: #fff; }
.mnav a[hidden] { display: none; } 
.mnav-act { position: sticky; bottom: calc(-24px - var(--sab)); z-index: 2; display: grid; gap: 8px; margin-bottom: calc(-24px - var(--sab)); padding: 8px 0 calc(24px + var(--sab)); background: var(--white); } 
html[data-bg="white"] .mnav-act { background: #FFFFFF; }
.mnav-act .btn { width: 100%; gap: 10px; }
@media (min-width: 520px) { .mnav-act { grid-template-columns: 1fr 1fr; } }

.fab { position: fixed; z-index: 55; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); height: 52px; padding: 0 24px; border-radius: var(--r-pill); background: var(--orange); color: var(--on-orange); font-size: 16px; font-weight: 600; box-shadow: 0 10px 30px rgba(255, 90, 31, .35); transform: translateY(calc(100% + 40px)); visibility: hidden; }
body.fab-on .fab { transform: none; visibility: visible; }
@media (min-width: 720px) { .fab { display: none; } }
@media (max-width: 719.98px) { html { scroll-padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)); } }

@media (pointer: coarse) { .hd-lk { position: relative; } .hd-lk::before { content: ""; position: absolute; inset: -13px -8px; } }

.ft { padding: var(--gap) 0 16px; } 
.ft-card { position: relative; padding: 40px; border-radius: var(--r-lg); background: var(--white); color: var(--ink); overflow: hidden; }
.ft .lk { --h: 30px; }
.ft-slogan { margin-top: 14px; font-size: 16px; line-height: 1.4; font-weight: 600; letter-spacing: -.015em; color: var(--ink-2c); }
.ft-tag { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 10px; margin-top: 10px; font-size: 15px; line-height: 1.4; font-weight: 500; letter-spacing: .01em; color: var(--ink-2c); } 
.ft-tag > i { font-style: normal; opacity: .4; }

.ft-top { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 500px); column-gap: var(--gap); align-items: start; }
.ft-brand { min-width: 0; }
.ft-con { min-width: 0; padding: 20px 24px 22px; border: 1px solid var(--line); border-radius: var(--r-md); }
.ft-ph { margin: 0; font-size: 15px; font-weight: 600; line-height: 1.3; letter-spacing: -.01em; color: var(--ink); }
.ft-pt { margin-top: 8px; font-size: 14px; font-weight: 500; line-height: 1.5; letter-spacing: -.003em; color: var(--ink-2c); text-wrap: pretty; }

.ft-ln { color: var(--ink); white-space: nowrap; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: color-mix(in srgb, var(--ink) 35%, transparent); }
@media (hover: hover) {
  .ft-ln:hover { opacity: .58; }
  .ft-up:hover { background: var(--line); color: var(--ink); opacity: 1; filter: none; }
}

@media (min-width: 720px) and (max-width: 1023.98px) {
  .ft-top { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); }
  .ft-con { padding: 18px 20px 20px; }
}
.ft-fine { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 56px; padding-top: 24px; border-top: 1px solid var(--line); }
.ft-legal { font-size: 12px; line-height: 1.5; color: var(--ink-2c); letter-spacing: 0; } 

.ft-docs { display: flex; flex-wrap: wrap; gap: 6px 22px; margin-bottom: 14px; }
.ft-doc { font-size: 12.5px; line-height: 1.4; color: var(--ink); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: color-mix(in srgb, var(--ink) 25%, transparent); }
.ft-doc:not([href]) { color: var(--ink-2c); cursor: default; }
@media (hover: hover) { .ft-doc[href]:hover { opacity: .58; } }
.ft-legal p { text-wrap: pretty; } 
.ft-legal p + p { margin-top: 4px; }
.ft-up { flex: none; background: var(--soft); }

@media (max-width: 719.98px) {
  .ft { padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px)); }
  .ft-card { padding: 32px 22px 24px; }
  .ft .lk { --h: 26px; }
  
  .ft-top { grid-template-columns: minmax(0, 1fr); }
  .ft-con { margin-top: 24px; padding: 16px 16px 18px; }
  .ft-pt { text-wrap: wrap; } 
  .ft-fine { align-items: flex-end; margin-top: 32px; padding-top: 20px; gap: 16px; }
  .ft-docs { gap: 10px 18px; margin-bottom: 16px; } 
  .ft-doc { font-size: 13px; }
}

.layer { position: fixed; inset: 0; z-index: 80; display: flex; --sab: env(safe-area-inset-bottom, 0px); --sat: env(safe-area-inset-top, 0px); --gut: 16px; }
@media (min-width: 720px) { .layer { --gut: 32px; } }
.layer-bg { position: absolute; inset: 0; background: rgba(24, 24, 24, .44); opacity: 0; }
.layer.is-open .layer-bg { opacity: 1; }

.sheet-p { position: relative; margin-top: auto; width: 100%; max-height: 86svh; overflow: auto; overscroll-behavior: contain; background: var(--white); border-radius: var(--r-lg) var(--r-lg) 0 0; padding: 8px var(--gut) calc(24px + var(--sab)); transform: translateY(100%); outline: none; }
.layer.is-open .sheet-p { transform: none; }
.grab { width: 40px; height: 4px; border-radius: 2px; background: var(--g3); margin: 4px auto 14px; }
.sheet-hd { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.sheet-hd .lk { --h: 22px; }

.modal-p { position: relative; margin: auto; width: min(560px, calc(100% - 32px)); max-height: min(88svh, 780px); display: flex; flex-direction: column; background: var(--white); color: var(--ink); border-radius: var(--r-lg); box-shadow: 0 24px 64px rgba(0, 0, 0, .24); opacity: 0; transform: translateY(14px) scale(.985); }
.layer.is-open .modal-p { opacity: 1; transform: none; }
.modal--sm .modal-p { width: min(440px, calc(100% - 32px)); }
@media (max-width: 719.98px) {
  .modal-p, .modal--sm .modal-p { width: 100%; height: auto; max-height: calc(100svh - 24px - var(--sat)); margin: auto 0 0; border-radius: var(--r-lg) var(--r-lg) 0 0; box-shadow: none; transform: translateY(100%); }
}
html[data-bg="white"] .modal-p, html[data-bg="white"] .sheet-p { background: #FFFFFF; }

.modal-p { --m-px: 28px; }
@media (max-width: 719.98px) { .modal-p { --m-px: var(--gut); } }
.m-hd { flex: none; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 12px; padding: 14px var(--m-px) 12px;
  border-bottom: 1px solid transparent; transition: border-color var(--d1); } 
.modal-p.is-sc > .m-hd { border-bottom-color: var(--line); }
.m-crumb { min-width: 0; font-size: 13px; font-weight: 600; line-height: 1.3; color: var(--ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.m-x { width: 40px; height: 40px; margin-right: 0; }
.m-x svg { width: 16px; height: 16px; }
@media (max-width: 719.98px) { .m-x { width: 44px; height: 44px; } } 
.m-prog { grid-column: 1 / -1; height: 4px; margin-top: 10px; min-width: 0; }
.m-prog > i { background: var(--line); } 
.m-prog > i.is-on { background: var(--ink); }
.m-prog[hidden] { display: none; }

.m-back { display: inline-flex; align-items: center; gap: 6px; height: 44px; margin-left: -10px; padding: 0 14px 0 10px; border-radius: var(--r-pill); font-size: 15px; font-weight: 600; color: var(--ink); transition: background-color var(--d1); }
.m-back .i { width: 16px; height: 16px; }
@media (hover: hover) { .m-back:hover { background: var(--soft); } }

.m-body { flex: 1; overflow: auto; overscroll-behavior: contain; padding: 10px var(--m-px) calc(28px + var(--sab)); }
@media (max-width: 719.98px) { .m-body { padding: 8px var(--m-px) 0; } .m-step, .modal--sm .m-body { padding-bottom: calc(16px + var(--sab)); } }
.m-t { font-size: 26px; line-height: 1.2; font-weight: 600; letter-spacing: -.03em; outline: none; }
.m-lead { margin-top: 8px; color: var(--ink-2); }
.lnk { font: inherit; font-weight: 600; color: var(--ink); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--line); cursor: pointer; }
.lnk:hover { text-decoration-color: var(--ink); }

.m-consent { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--line); font-size: 13px; color: var(--ink-2); }
.m-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 24px; }
.m-foot--plain { margin-top: 12px; }
.m-next { font-size: 13px; color: var(--ink-2); }
.m-done { margin-top: 24px; align-self: flex-start; }
.m-step[data-step="ok"]:not([hidden]), .modal--sm .m-body { display: flex; flex-direction: column; }
@media (max-width: 719.98px) {
  
  .m-foot { position: sticky; bottom: 0; z-index: 2; flex-direction: column-reverse; align-items: stretch; margin: 24px calc(-1 * var(--gut)) 0; padding: 12px var(--gut) calc(16px + var(--sab)); background: var(--white); }
  .m-step > .m-foot:last-child { margin-bottom: calc(-16px - var(--sab)); }
  html[data-bg="white"] .m-foot { background: #FFFFFF; }
  .m-foot .btn, .m-done { width: 100%; }
  .m-next { text-align: center; }
  .m-foot .m-back { align-self: flex-start; margin-left: -10px; } 
  .m-foot--plain { position: static; margin: 16px 0 0; padding: 0; background: none; }
  .m-foot--plain .m-back { align-self: flex-start; margin-left: -10px; }
}
.m-trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; } 

@media (pointer: coarse) {
  .segs { --seg-h: 44px; }
}

@media (max-width: 719.98px) and (max-height: 519.98px) {
  .m-foot { position: static; }
}

.field { display: block; margin-top: 20px; border: 0; padding: 0; min-width: 0; }
.f-l { display: block; padding: 0; margin-bottom: 6px; font-size: 14px; font-weight: 650; color: var(--ink); }
.f-sub { margin-top: 12px; font-size: 13px; color: var(--ink-2); }
.opt { margin-left: 6px; font-weight: 500; color: var(--ink-2); } 
.inp { display: block; width: 100%; font-size: 16px; line-height: 1.4; padding: 12px 14px; border-radius: var(--r-sm); border: 1px solid var(--g3); background: var(--white); color: var(--ink); -webkit-appearance: none; appearance: none; }
textarea.inp { min-height: 96px; resize: vertical; }
.inp::placeholder { color: var(--ink-2); }
.inp:focus { outline: 2px solid var(--ink); outline-offset: -1px; border-color: var(--ink); }
.inp[aria-invalid="true"] { border-color: var(--ink); box-shadow: 0 0 0 1px var(--ink); }
.f-hint { display: block; margin-top: 6px; font-size: 13px; color: var(--ink-2); }
.f-hint:empty { display: none; }
.f-err { display: flex; gap: 6px; margin-top: 6px; font-size: 13px; font-weight: 600; line-height: 1.4; color: var(--ink); }
.f-err:empty { margin-top: 0; } 
.f-err:empty::before { display: none; }
.f-err[hidden] { display: none; }
.f-err::before { content: "!"; content: "!" / ""; flex: none; width: 16px; height: 16px; border-radius: 50%; background: var(--ink); color: #fff; font-size: 11px; display: grid; place-items: center; margin-top: 1px; } 
.f-err.warn { font-weight: 500; color: var(--ink-2); }
.f-err.warn::before { background: var(--ink-3); }
.m-send-err { margin-top: 16px; }
.m-send-err a { font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }

.sel { position: relative; }
.sel .inp { padding-right: 44px; cursor: pointer; }
.sel .inp:invalid, .sel .inp[data-empty] { color: var(--ink-2); }
.sel-chev { position: absolute; right: 14px; top: 24px; width: 16px; height: 16px; transform: translateY(-50%); pointer-events: none; transition: transform var(--d2) var(--ease); }

.segs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; padding: 4px; border-radius: var(--r-pill); background: var(--soft); }
@media (max-width: 359.98px) { .segs { grid-template-columns: repeat(2, minmax(0, 1fr)); border-radius: var(--r-sm); } }
.segs label { position: relative; display: block; }
.segs input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.segs span { display: flex; align-items: center; justify-content: center; height: var(--seg-h, 40px); border-radius: var(--r-pill); font-size: 14px; font-weight: 600; color: var(--ink-2c); transition: background-color var(--d1), color var(--d1); }
.segs input:checked + span { background: var(--white); color: var(--ink); box-shadow: inset 0 0 0 1px var(--g3); }
.segs input:focus-visible + span { outline: 2px solid var(--ink); outline-offset: 1px; }

.checks { display: flex; flex-wrap: wrap; gap: 8px; }
.checks label { position: relative; }
.checks input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; }
.checks span { display: inline-flex; align-items: center; min-height: 36px; padding: 6px 14px; border-radius: var(--r-pill); box-shadow: inset 0 0 0 1px var(--g3); font-size: 14px; font-weight: 600; transition: background-color var(--d1), color var(--d1); }
.checks input:checked + span { background: var(--ink); color: #fff; box-shadow: none; }
.checks input:focus-visible + span { outline: 2px solid var(--ink); outline-offset: 2px; }

.cab-form .field:first-child { margin-top: 20px; }
.cab-go { margin-top: 24px; }
.cab-go[aria-disabled="true"] { opacity: .6; cursor: progress; } 
.cab-err-b { margin-top: 20px; padding: 16px 18px 18px; border-radius: var(--r-md); background: var(--soft); }
.cab-err-b[hidden] { display: none; }
.cab-err-b .f-err { margin-top: 0; font-size: 15px; line-height: 1.4; text-wrap: pretty; } 
.cab-err-b .f-err::before { margin-top: 2.5px; }
.cab-empty { margin-top: 14px; }
.cab-empty[hidden] { display: none; }

.cab-pw { position: relative; }
.cab-pw .inp { padding-right: 52px; }
.cab-eye { position: absolute; right: 2px; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 44px; height: 44px; border-radius: var(--r-sm); color: var(--ink-2); }
.cab-eye .i { width: 20px; height: 20px; }
@media (hover: hover) { .cab-eye:hover { color: var(--ink); } }
.cab-eye[aria-pressed="true"] { color: var(--ink); }
.cab-hint { margin-top: 8px; font-size: 15px; line-height: 1.45; color: var(--ink-2c); }
.cab-cta { margin-top: 14px; background: var(--white); box-shadow: none; }
@media (hover: hover) { .cab-cta:hover { background: var(--line); opacity: 1; } }
@media (max-width: 719.98px) { .cab-go { width: 100%; } .cab-cta { width: 100%; justify-content: space-between; } }

html:not(.js) #modal[hidden] { display: block; position: static; inset: auto; z-index: auto; width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 40px calc(40px + var(--sab)); }
@media (max-width: 1023.98px) { html:not(.js) #modal[hidden] { padding-left: 32px; padding-right: 32px; } }
@media (max-width: 719.98px) { html:not(.js) #modal[hidden] { padding-left: 16px; padding-right: 16px; } }
html:not(.js) #modal .layer-bg, html:not(.js) #modal .m-hd, html:not(.js) #modal .m-step[data-step="ok"][hidden],
html:not(.js) #modal #b-next, html:not(.js) #modal #next-hint, html:not(.js) #modal .m-step[data-step="1"] .m-foot, html:not(.js) #modal [data-back] { display: none; }
html:not(.js) #modal .modal-p { display: block; width: min(560px, 100%); max-height: none; margin: 0; padding: 0; border-radius: var(--r-lg); opacity: 1; transform: none; box-shadow: none; }
html:not(.js) #modal .m-body { overflow: visible; padding: 28px; }
html:not(.js) #modal .m-step[hidden] { display: block; }
html:not(.js) #modal .m-step[data-step="2"] { margin-top: 32px; padding-top: 28px; border-top: 1px solid var(--line); }
html:not(.js) #modal .m-foot { position: static; margin: 24px 0 0; padding: 0; }
html:not(.js) .btn[data-open-form], html:not(.js) [data-open-cab], html:not(.js) .hd-burger { display: none; }

select.inp[hidden] { display: none; } 
.cs-btn { display: flex; align-items: center; min-height: 0; padding-right: 44px; text-align: left; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; }
.cs-v { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.4; } 
.cs-btn[data-empty] { color: var(--ink-2); }
.cs-btn:focus { outline: 0; }
.cs-btn:focus-visible, .sel.is-open .cs-btn { outline: 2px solid var(--ink); outline-offset: -1px; border-color: var(--ink); }
.cs-btn:disabled { opacity: .55; cursor: default; }
@media (hover: hover) { .cs-btn:not(:disabled):hover { border-color: var(--ink-3); } }
.sel.is-open .sel-chev { transform: translateY(-50%) rotate(180deg); }

.cs-pop { position: fixed; z-index: 6; left: var(--cs-x, 0px); top: var(--cs-y, 0px); width: var(--cs-w, 100%); max-height: var(--cs-max, 360px);
  overflow: auto; overscroll-behavior: contain; padding: 6px; border-radius: var(--r-md); background: #FFFFFF; color: var(--ink);
  box-shadow: 0 0 0 1px var(--line), 0 20px 48px -16px rgba(13, 13, 13, .28); outline: none; }
.cs-pop[hidden] { display: none; }
.cs-g + .cs-g, .cs-o + .cs-g { margin-top: 4px; padding-top: 4px; border-top: 1px solid var(--line); }
.cs-gl { padding: 10px 12px 6px; font-size: 12px; font-weight: 650; line-height: 1.2; letter-spacing: .01em; color: var(--ink-2); }
.cs-o { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 8px 12px; border-radius: var(--r-sm); font-size: 16px; line-height: 1.3; cursor: pointer; }
.cs-ot { flex: 1 1 auto; min-width: 0; }
.cs-ck { flex: none; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; opacity: 0; }
.cs-pop.is-ptr .cs-o.is-act, .cs-pop.is-kbd .cs-o.is-act { background: var(--soft); }
.cs-pop.is-kbd .cs-o.is-act { box-shadow: inset 0 0 0 2px var(--ink); }
.cs-o.is-sel { font-weight: 650; }
.cs-o.is-sel .cs-ck { opacity: 1; }

.sel.cs-up .cs-pop:not(.cs-pop--flow) { box-shadow: 0 0 0 1px var(--line), 0 -20px 48px -16px rgba(13, 13, 13, .22); }

.cs-pop.cs-pop--flow { position: relative; left: auto; top: auto; width: auto; max-height: none; margin-top: 8px; padding: 6px; box-shadow: 0 0 0 1px var(--g3); }
.cs-pop--flow .cs-o { min-height: 52px; padding: 10px 14px; font-size: 17px; }
.cs-pop--flow .cs-gl { padding: 12px 14px 6px; font-size: 12.5px; }

@media (prefers-reduced-motion: reduce) { .sel-chev { transition: none; } }

.vpanel { position: fixed; z-index: 70; left: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); max-width: calc(100vw - 32px); font: 500 13px/1.3 var(--f); color: #fff; letter-spacing: 0; }
.vpanel[hidden], .vp-b[hidden], .vp-g[hidden] { display: none; }
.vp-t { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px 0 14px; border-radius: var(--r-pill); background: var(--ink); color: #fff; font: 600 13px/1 var(--f); cursor: pointer; box-shadow: 0 8px 24px rgba(0, 0, 0, .18); }
.vp-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--orange); }
.vp-t[aria-expanded="true"] .vp-dot { background: #fff; }
.vp-b { position: absolute; left: 0; bottom: 48px; width: 380px; max-width: calc(100vw - 32px); max-height: min(78vh, 680px); overflow: auto; overscroll-behavior: contain; padding: 16px; border-radius: var(--r-md); background: var(--ink); display: grid; gap: 14px; box-shadow: 0 16px 40px rgba(0, 0, 0, .25); }
.vp-hd { display: flex; flex-direction: column; gap: 2px; padding-bottom: 12px; border-bottom: 1px solid var(--ink-line); }
.vp-hd b { font-size: 14px; font-weight: 600; }
.vp-hd span, .vp-l { color: var(--on-ink-2); }
.vp-l b { color: #fff; font-weight: 600; }
.vp-g { display: grid; grid-template-columns: 108px 1fr; gap: 6px 12px; align-items: center; }
.vp-s { display: inline-flex; flex-wrap: wrap; gap: 2px; padding: 3px; border-radius: var(--r-pill); background: var(--ink-in); justify-self: start; }
.vp-s[data-vk="skin"] { border-radius: 18px; } 
.vp-s button { height: 30px; min-width: 34px; padding: 0 12px; border-radius: var(--r-pill); color: var(--on-ink-2); font: 600 13px/1 var(--f); cursor: pointer; transition: background-color var(--d1), color var(--d1); }
.vp-s button[aria-pressed="true"] { background: #fff; color: var(--ink); }
@media (hover: hover) { .vp-s button:not([aria-pressed="true"]):hover { color: #fff; } }
.vp-n { grid-column: 2; color: var(--on-ink-2); font-size: 12px; line-height: 1.35; }
.vp-n.is-warn { color: var(--o-hi); }
.vp-sep { height: 1px; background: var(--ink-line); }
.vp-f { display: grid; gap: 8px; padding-top: 12px; border-top: 1px solid var(--ink-line); }
.vp-code { display: block; padding: 10px 12px; border-radius: var(--r-sm); background: var(--ink-in); color: #E8E6E1; font: 500 11px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; word-break: break-all; user-select: all; }
.vp-fa { display: flex; gap: 8px; }
.vp-btn { height: 34px; padding: 0 14px; border-radius: var(--r-pill); background: var(--ink-in); color: #fff; font: 600 13px/1 var(--f); cursor: pointer; }
.vp-btn--w { background: #fff; color: var(--ink); }
.vpanel :focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
@media (max-width: 719.98px) {
  .vp-g { grid-template-columns: 1fr; }
  .vp-n { grid-column: 1; }
}
@media print { .vpanel { display: none; } }

.s-top { --top-h: clamp(560px, calc(100svh - 160px), 820px); }

@media (min-width: 1024px) and (min-height: 981px) {
  .s-top { min-height: min(calc(100svh - var(--hd-h)), 1000px); padding-bottom: 48px; display: flex; align-items: center; }
  .s-top > .wrap { width: 100%; }
}
.s-top-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-template-rows: minmax(0, 1fr) auto; column-gap: var(--gap); }

.s-top-copy { grid-column: 1 / span 6; grid-row: 1 / -1; align-self: center; display: flex; flex-direction: column; align-items: flex-start; min-width: 0; padding: 0 40px 0 0; container-type: inline-size; }
.s-top-h1 { margin-top: 28px; font-size: min(var(--t-h1), 10.6cqi); max-width: 11.5em; }
.s-top-h1 > span { display: block; }
html[data-h1="b"] .s-top-h1 { font-size: min(56px, 8.8cqi); line-height: 1.02; max-width: none; } 
.s-top-lead { margin-top: 24px; max-width: 28em; font-size: clamp(17px, 1.32vw, 19px); font-weight: 500; line-height: 1.5; letter-spacing: -.008em; color: var(--ink-2c); text-wrap: pretty; }
.s-top-act { margin-top: 44px; }
.s-top-bridge { grid-column: 1 / span 6; grid-row: 2; align-self: end; }

html:not([data-h1]) .s-top-h1b { display: none; }
.s-top-nojs { display: none; }
html:not(.js) .s-top-nojs { display: inline-flex; }

.s-top-stage { position: relative; grid-column: 7 / -1; grid-row: 1 / -1; height: var(--top-h); min-width: 0; display: grid; gap: var(--gap);
  grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: minmax(0, 3fr) minmax(0, 2fr); }
.s-top .s-top-ph { --ph-ratio: auto; --ph-pos: 50% 34%; grid-column: 1 / -1; grid-row: 1; min-height: 0; } 
.s-top-cell { min-width: 0; min-height: 0; }
.s-top-card { min-height: 0; }

html[data-hero="b"] .s-top-copy, html[data-hero="b"] .s-top-bridge, html[data-hero="c"] .s-top-copy, html[data-hero="c"] .s-top-bridge,
html[data-hero="d"] .s-top-copy, html[data-hero="d"] .s-top-bridge { grid-column: 1 / span 5; }
html[data-hero="b"] .s-top-stage, html[data-hero="c"] .s-top-stage, html[data-hero="d"] .s-top-stage { grid-column: 6 / -1; }
@media (min-width: 1280px) {
  html[data-hero="b"] .s-top-copy, html[data-hero="c"] .s-top-copy, html[data-hero="d"] .s-top-copy { padding-right: 16px; }
}

@media (min-width: 1024px) {
  html[data-hero="b"] .s-top-stage { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-hero="b"] .s-top .s-top-ph { --ph-pos: 50% 36%; grid-column: 1; grid-row: 1; }
  html[data-hero="b"] [data-w="goal"] { grid-column: 2; grid-row: 1; }
  html[data-hero="b"] [data-w="report"] { grid-column: 1; grid-row: 2; }
  html[data-hero="b"] [data-w="manager"] { grid-column: 2; grid-row: 2; }
}

@media (min-width: 1280px) {
  html[data-hero="c"] .s-top-stage { grid-template-columns: minmax(0, 4fr) minmax(0, 3fr); grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) minmax(0, .8fr); }
  html[data-hero="c"] .s-top .s-top-ph { --ph-pos: 50% 36%; grid-column: 1; grid-row: 1 / 3; }
  html[data-hero="c"] [data-w="team"] { grid-column: 2; grid-row: 1; }
  html[data-hero="c"] [data-w="report"] { grid-column: 2; grid-row: 2; }
  html[data-hero="c"] [data-w="goal"] { grid-column: 1 / -1; grid-row: 3; }
}

@media (min-width: 1024px) {
  html[data-hero="d"] .s-top-stage { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(0, 1fr)); }
  html[data-hero="d"] .s-top .s-top-ph { --ph-pos: 50% 30%; grid-column: 1; grid-row: 1; }
  html[data-hero="d"] [data-w="goal"] { grid-column: 2; grid-row: 1; }
  html[data-hero="d"] [data-w="month"] { grid-column: 1; grid-row: 2; }
  html[data-hero="d"] [data-w="plan"] { grid-column: 2; grid-row: 2; }
}
@media (min-width: 1024px) and (max-width: 1279.98px) {
  html[data-hero="d"] .s-top-grid { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; row-gap: 40px; }
  html[data-hero="d"] .s-top-copy, html[data-hero="d"] .s-top-bridge, html[data-hero="d"] .s-top-stage { grid-column: 1; grid-row: auto; }
  html[data-hero="d"] .s-top-copy { padding: 8px 0 0; }
  html[data-hero="d"] .s-top-stage { height: auto; grid-template-rows: repeat(2, 360px); }
  html[data-hero="d"] .s-top-bridge { margin-top: -40px; } 
}

@media (min-width: 1024px) and (max-height: 820px) {
  .s-top .s-top-ph { --ph-pos: 50% 22%; }
}

@media (min-width: 1024px) and (max-width: 1279.98px) {
  .s-top-copy { padding-right: 24px; }
  .s-top-h1 { font-size: min(var(--t-h1), 12.4cqi); }
  .s-top-act { margin-top: 36px; }
  .s-top-copy, .s-top-bridge { grid-column: 1 / span 5; } 
  .s-top-stage { grid-column: 6 / -1; }
}

.s-top-card { --dv-ring-bd: var(--white); --dv-min: 0px; gap: 14px; }
.s-top-card .dcard-v { gap: 12px; justify-content: flex-end; }
.s-top-wh { min-width: 0; }

.s-top-wi { display: inline-block; width: .95em; height: .95em; margin: 0 .38em 0 0; vertical-align: -.12em; fill: none; stroke: var(--s-t2, var(--ink-2)); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.s-top-x { font-size: 18px; font-weight: 600; line-height: 1.24; letter-spacing: -.018em; color: var(--s-t1, var(--ink)); text-wrap: pretty; }

.s-top-goals { display: grid; gap: 14px; min-width: 0; }
.s-top-gl { display: grid; gap: 7px; min-width: 0; }
.s-top-gk { font-size: 13.5px; font-weight: 600; line-height: 1.2; letter-spacing: -.005em; color: var(--s-t1, var(--ink)); }

.s-top-gk { display: flex; align-items: center; gap: .6em; min-width: 0; }
.s-top-gi { flex: none; display: grid; place-items: center; width: 1.85em; height: 1.85em; border-radius: 50%; background: color-mix(in srgb, currentColor 13%, transparent); }
.s-top-gi svg { width: 1.02em; height: 1.02em; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.s-top-gr { display: flex; align-items: center; gap: 10px; min-width: 0; }
.s-top-gb, .s-top-fbar { position: relative; height: 6px; border-radius: 3px; background: var(--dv-trk); overflow: hidden; }
.s-top-gb { flex: 1 1 auto; }
.s-top-gb > i, .s-top-fbar > i { position: absolute; inset: 0 auto 0 0; width: var(--v, 0%); border-radius: inherit; background: var(--dv-1); transform-origin: 0 50%; }
.s-top-gv { flex: none; min-width: 2.8em; font-size: 13px; font-weight: 600; line-height: 1; text-align: right; font-variant-numeric: tabular-nums; color: var(--s-t1, var(--ink)); }
.s-top-gs { display: none; font-size: 12.5px; font-weight: 500; line-height: 1.3; color: var(--s-t2, var(--ink-2)); }

.s-top-avs { --ph-size: 36px; display: flex; flex: none; align-self: flex-start; }
.s-top-avs > * { flex: none; margin-left: -9px; box-shadow: 0 0 0 2.5px var(--s-av-ring, var(--white)); }
.s-top-avs > :first-child { margin-left: 0; }
.s-top-avi { position: relative; display: grid; place-items: center; width: var(--ph-size); height: var(--ph-size); border-radius: 50%; background: var(--soft); color: var(--ink); }
.s-top-avi svg, .s-top-avs .ph-ico svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.s-top-tasks > li { align-items: center; }
.s-top-tasks .dv-li-i { margin-top: 0; }
.s-top-tasks .dv-li-t { display: flex; align-items: baseline; justify-content: space-between; gap: 2px 12px; min-width: 0; }
.s-top-tasks .dv-li-t b { min-width: 0; }
.s-top-dt { flex: none; font-size: 12px; font-weight: 500; line-height: 1.2; white-space: nowrap; color: var(--dv-txt-2); }

.s-top-fl { display: grid; gap: 10px; min-width: 0; }
.s-top-fl > li { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; column-gap: 12px; row-gap: 6px; min-width: 0; }
.s-top-fk { min-width: 0; font-size: 13px; font-weight: 500; line-height: 1.25; color: var(--s-t2, var(--ink-2)); }
.s-top-fv { font-size: 14px; font-weight: 600; line-height: 1.2; font-variant-numeric: tabular-nums; white-space: nowrap; color: var(--s-t1, var(--ink)); }
.s-top-fbar { grid-column: 1 / -1; height: 5px; }
.s-top-fl > .is-out .s-top-fbar > i { background: var(--copper); }

.s-top-tph { position: relative; border-radius: var(--r-lg); }
.s-top .s-top-ph2 { --ph-ratio: auto; --ph-pos: 50% 20%; position: absolute; inset: 0; width: 100%; height: 100%; }
.s-top-tag { position: absolute; z-index: 2; left: 14px; bottom: 14px; max-width: calc(100% - 28px); display: flex; align-items: center; gap: 10px;
  padding: 10px 16px 10px 10px; border-radius: var(--r-md); background: var(--glass-bg-fb); border: 1px solid var(--glass-bd); box-shadow: var(--sh-glass); }
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .s-top-tag { -webkit-backdrop-filter: var(--glass-blur); backdrop-filter: var(--glass-blur); }
}
.s-top-tag-i { flex: none; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--dv-ok, var(--green)); color: #FFFFFF; }
.s-top-tag-i svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.s-top-tag-t { min-width: 0; font-size: 12.5px; font-weight: 500; line-height: 1.25; color: var(--ink-2c); }
.s-top-tag-t b { display: block; font-size: 14px; font-weight: 600; letter-spacing: -.01em; color: var(--ink); }
.s-top-tag-t span { display: block; }

.s-top-w[data-w="month"] .dcard-v { gap: 0; }
.s-top-rp { --rp-px: 10px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr) minmax(0, 1fr); gap: 8px; min-width: 0; }
.s-top-rt { display: flex; flex-direction: column; gap: 4px; min-width: 0; padding: 10px var(--rp-px) 11px; border-radius: 12px; background: color-mix(in srgb, var(--ink) 4.5%, transparent); }
.s-top-rcap { grid-column: 1 / span 2; }
.s-top-rk { font-size: 10.5px; font-weight: 500; line-height: 1.2; color: var(--ink-2c); white-space: nowrap; }
.s-top-rv { font-size: 15.5px; font-weight: 600; line-height: 1.2; letter-spacing: -.005em; color: var(--ink); white-space: nowrap; font-variant-numeric: tabular-nums; }
.s-top-rcap .s-top-rv { font-size: 25px; line-height: 1.05; letter-spacing: -.026em; font-variant-numeric: proportional-nums; }
.s-top-rd { font-size: 11px; font-weight: 600; line-height: 1.2; color: var(--gr-mid); white-space: nowrap; } 
.s-top-rd > span { font-weight: 500; color: var(--ink-2c); }

.s-top-rsv { position: relative; display: block; flex: 1 1 0; min-height: 24px; }
.s-top-rsv svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.s-top-rsv .l { fill: none; stroke: var(--green); stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.s-top-rdot { position: absolute; right: 4.2%; top: 9.2%; width: 6px; height: 6px; margin: -3px -3px 0 0; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 1.5px #FFFFFF; }

.s-top-rrec { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 10px; min-width: 0; padding: 6px var(--rp-px); border-radius: 12px; background: var(--gr-pale); }
.s-top-rwho { display: flex; align-items: center; min-width: 0; }
.s-top-rrt { font-size: 14px; font-weight: 600; line-height: 1.25; letter-spacing: -.005em; color: var(--gr-deep); white-space: nowrap; } 
.s-top-rgo { flex: none; display: flex; justify-content: center; align-items: center; padding: 6px 16px; border-radius: var(--r-pill); background: #FFFFFF; color: var(--gr-mid); font-size: 12.5px; font-weight: 600; line-height: 1.2; white-space: nowrap; box-shadow: 0 1px 2px rgba(5, 46, 31, .07); }
@supports (grid-template-columns: subgrid) {
  .s-top-rrec { display: grid; grid-template-columns: subgrid; padding: 6px 0; }
  .s-top-rwho { grid-column: 1 / span 2; padding-left: var(--rp-px); }
  .s-top-rgo { grid-column: 3; margin: 0 var(--rp-px); padding: 6px 0; }
}

.s-top-w.s-top-w--plan > .s-top-card {
  background: radial-gradient(120% 90% at 100% 0%, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, 0) 55%),
    radial-gradient(110% 100% at 0% 100%, rgba(221, 162, 115, .6) 0%, rgba(221, 162, 115, 0) 65%),
    linear-gradient(160deg, #F7F0E8 0%, #EFDFCF 55%, #E5C6AA 100%);
}
.s-top-pl { display: grid; gap: 8px; min-width: 0; }
.s-top-pl > li { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 10px 12px 10px 10px; border-radius: 16px; background: rgba(255, 255, 255, .84); border: 1px solid rgba(255, 255, 255, .75); box-shadow: 0 16px 32px -22px rgba(70, 40, 15, .4); }
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .s-top-pl > li { -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
}
.s-top-pl .ph--avatar { --ph-size: 38px; flex: none; box-shadow: 0 0 0 2px #FFFFFF; }
.s-top-pt { flex: 1 1 auto; display: grid; gap: 2px; min-width: 0; }
.s-top-pt b { font-size: 13.5px; font-weight: 600; line-height: 1.2; color: var(--ink); }
.s-top-pt span { font-size: 12px; font-weight: 500; line-height: 1.25; color: var(--ink-2c); }
.s-top-ps { flex: none; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; }
.s-top-pl .is-done .s-top-ps { background: var(--green); color: #FFFFFF; }
.s-top-pl .is-next .s-top-ps { box-shadow: inset 0 0 0 1.5px rgba(13, 13, 13, .22); color: var(--ink-2c); }
.s-top-ps svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2.3; stroke-linecap: round; stroke-linejoin: round; }
.s-top-pl .is-next .s-top-ps svg { width: 16px; height: 16px; stroke-width: 1.6; }

@container s-top-card (max-width: 369.98px) {
  .s-top-rp { --rp-px: 8px; }
  .s-top-rk { font-size: 9.5px; }
  .s-top-rd { font-size: 10.5px; }
  .s-top-rcap .s-top-rv { font-size: 21px; }
  .s-top-rgo { font-size: 12px; }
  .s-top-rrt { font-size: 13px; } 
  .s-top-pl > li { gap: 8px; padding-right: 8px; padding-left: 6px; }
  .s-top-pl .ph--avatar { --ph-size: 30px; }
  .s-top-pt span { font-size: 11px; letter-spacing: -.01em; }
  .s-top-ps { width: 22px; height: 22px; }
}

@container s-top-card (max-width: 309.98px) {
  .s-top-rrt { white-space: normal; line-height: 1.2; }
}

@media (min-width: 1024px) {
  .s-top-cell { container: s-top-card / size; }
  .s-top-w > .s-top-card { height: 100%; overflow: hidden; gap: 12px; padding: 22px 24px; }
  @media (max-width: 1439.98px) { .s-top-w > .s-top-card { padding: 20px 22px; } }

  @container s-top-card (max-width: 229.98px) {
    .s-top-w > .s-top-card { padding: 18px 19px; }
    .s-top-x { font-size: 16.5px; line-height: 1.24; }
    .s-top-gk { font-size: 13px; }
    .s-top-goals { gap: 12px; }
    .s-top-gl { gap: 6px; }
    .s-top-avs { --ph-size: 32px; }
    .s-top-avs > * { margin-left: -8px; }
    .s-top-avs > :first-child { margin-left: 0; }
    .s-top-tasks .dv-li-t { display: block; }
    .s-top-tasks .dv-li-t b { font-size: 13px; }
    .s-top-dt { display: block; margin-top: 2px; font-size: 11.5px; }
    .s-top-tasks > li { align-items: flex-start; }
    .s-top-fl { gap: 8px; }
    .s-top-fl > li { grid-template-columns: minmax(0, 1fr); row-gap: 1px; }
    .s-top-fk { font-size: 12px; }
    .s-top-fv { font-size: 14.5px; }
    .s-top-fbar { display: none; }
  }
  @container s-top-card (max-width: 184.98px) {
    .s-top-x { font-size: 16px; }
  }
  
  @container s-top-card (max-width: 229.98px) and (max-height: 259.98px) {
    .s-top-w > .s-top-card { padding-top: 16px; padding-bottom: 16px; }
    .s-top-x { line-height: 1.2; }
    .s-top-fl { gap: 6px; }
    .s-top-fl > li { row-gap: 0; }
    .s-top-fk { line-height: 1.15; }
    .s-top-fv { font-size: 14px; line-height: 1.15; }
    .s-top-gs { display: block; font-size: 11.5px; line-height: 1.15; }
    .s-top-goals { gap: 4px; }
    .s-top-gl { gap: 2px; }
    .s-top-gk { line-height: 1.12; } 
    .s-top-w > .s-top-card { gap: 8px; }
    .s-top-avs { --ph-size: 30px; }
  }
  
  @container s-top-card (min-width: 185px) and (max-width: 229.98px) and (max-height: 259.98px) {
    .s-top-w > .s-top-card { padding-left: 16px; padding-right: 16px; }
    .s-top-gk { font-size: 12px; }
  }
  @container s-top-card (max-width: 184.98px) and (max-height: 229.98px) {
    .s-top-x { font-size: 15.5px; }
    .s-top-gk { font-size: 12.5px; } 
    .s-top-w > .s-top-card { padding: 14px 17px; }
    .s-top-goals { gap: 4px; }
    .s-top-gl { gap: 2px; }
  }
  
  @container s-top-card (max-height: 279.98px) {
    .s-top-tasks > li:nth-child(n + 2) { display: none; }
  }
  @container s-top-card (min-height: 280px) and (max-height: 329.98px) {
    .s-top-tasks > li:nth-child(3) { display: none; }
  }
  @container s-top-card (min-width: 300px) and (min-height: 240px) {
    .s-top-tasks > li:nth-child(2) { display: flex; }
  }
  @container s-top-card (min-width: 300px) and (min-height: 300px) {
    .s-top-tasks > li:nth-child(3) { display: flex; }
  }

  @container s-top-card (min-width: 300px) {
    .s-top-w > .s-top-card { padding: 24px 26px; gap: 14px; }
    .s-top-x { font-size: 20px; line-height: 1.22; }
    .s-top-gk { font-size: 14px; }
    .s-top-avs { --ph-size: 38px; }
    .s-top-fk { font-size: 13.5px; }
    .s-top-fv { font-size: 15px; }
  }
  
  @container s-top-card (min-height: 280px) {
    .s-top-gs { display: block; }
    .s-top-goals { gap: 16px; }
  }
  @container s-top-card (min-width: 300px) and (min-height: 330px) {
    .s-top-x { font-size: 22px; }
    .s-top-fl { gap: 12px; }
  }
  
  @container s-top-card (min-width: 240px) and (max-height: 229.98px) and (max-width: 559.98px) {
    .s-top-w > .s-top-card { padding: 18px 22px; gap: 10px; }
    .s-top-card .dcard-v { gap: 10px; }
    .s-top-x { font-size: 18px; }
    .s-top-avs { --ph-size: 32px; }
    .s-top-tasks .dv-li-t { display: flex; }
    .s-top-dt { display: inline; margin-top: 0; }
    .s-top-tasks > li { align-items: center; }
    .s-top-fl { gap: 7px; }
    .s-top-fbar { display: none; }
  }
  
  @container s-top-card (min-width: 560px) and (max-height: 259.98px) {
    .s-top-w > .s-top-card { padding: 22px 28px; gap: 12px; }
    .s-top-goals { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 36px; }
    .s-top-gs { display: block; }
    .s-top-x { font-size: 20px; }
  }
  @container s-top-card (min-width: 560px) and (max-height: 179.98px) {
    .s-top-w > .s-top-card { padding-top: 18px; padding-bottom: 18px; }
    .s-top-gs { display: none; }
  }

  @container s-top-card (max-height: 339.98px) {
    .s-top-rp { gap: 6px; }
    .s-top-rt { gap: 3px; padding-top: 7px; padding-bottom: 8px; }
    .s-top-rcap .s-top-rv { font-size: 22px; }
    .s-top-rrec { padding-top: 5px; padding-bottom: 5px; }
    .s-top-rgo { padding-top: 5px; padding-bottom: 5px; }
    .s-top-pl { gap: 6px; }
    .s-top-pl > li { gap: 10px; padding: 8px 10px 8px 8px; }
    .s-top-pl .ph--avatar { --ph-size: 34px; }
  }
  @container s-top-card (max-height: 309.98px) {
    .s-top-w[data-w="month"] > .s-top-card, .s-top-w.s-top-w--plan > .s-top-card { padding-top: 16px; padding-bottom: 16px; }
  }
  
  @container s-top-card (min-width: 330px) and (max-height: 279.98px) {
    html[data-hero="d"] .s-top-gs { display: block; }
  }
  @container s-top-card (max-height: 289.98px) {
    .s-top-rp { gap: 5px; }
    .s-top-rt { gap: 2px; padding-top: 6px; padding-bottom: 7px; }
    .s-top-rcap .s-top-rv { font-size: 20px; }
    .s-top-rrec { padding-top: 4px; padding-bottom: 4px; }
    .s-top-rrt { font-size: 13.5px; }
    .s-top-rgo { padding-top: 4px; padding-bottom: 4px; font-size: 12px; }
    .s-top-pl { gap: 5px; }
    .s-top-pl > li { padding: 6px 10px 6px 6px; }
    .s-top-pl .ph--avatar { --ph-size: 30px; }
    .s-top-pt b { font-size: 12.5px; }
    .s-top-pt span { font-size: 11px; }
    .s-top-ps { width: 22px; height: 22px; }
  }
  
  @container s-top-card (max-width: 369.98px) {
    .s-top-pl > li { gap: 8px; padding-right: 8px; padding-left: 6px; }
    .s-top-pl .ph--avatar { --ph-size: 30px; }
  }

  @container s-top-card (max-width: 259.98px) {
    .s-top-tag { left: 10px; bottom: 10px; max-width: calc(100% - 20px); gap: 8px; padding: 8px 12px 8px 8px; }
    .s-top-tag-i { width: 24px; height: 24px; }
    .s-top-tag-t b { font-size: 13px; }
  }

  .s-top-w--ink > .s-top-card {
    --dv-1: #FFFFFF; --dv-2: var(--copper-t); --dv-trk: rgba(255, 255, 255, .14); --dv-grid: rgba(255, 255, 255, .16);
    --dv-txt-2: rgba(255, 255, 255, .72); --dv-ok: var(--gr-light); --dv-ring-bd: var(--ink);
    --s-t1: #FFFFFF; --s-t2: rgba(255, 255, 255, .62);
    color: #FFFFFF;
    background: radial-gradient(190px 172px at calc(100% + 24px) calc(100% + 36px), rgba(255, 125, 56, .7) 0%, rgba(224, 66, 14, .36) 34%, rgba(122, 28, 4, .14) 62%, transparent 82%), var(--ink);
  }
  
  @container s-top-card (min-width: 560px) {
    .s-top-w--ink > .s-top-card { background: radial-gradient(320px 200px at calc(100% + 30px) calc(100% + 50px), rgba(255, 125, 56, .7) 0%, rgba(224, 66, 14, .36) 34%, rgba(122, 28, 4, .14) 62%, transparent 82%), var(--ink); }
  }
}

@media (max-width: 1023.98px) {
  .s-top-grid { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; row-gap: 48px; }
  .s-top-copy, .s-top-bridge, .s-top-stage,
  html[data-hero] .s-top-copy, html[data-hero] .s-top-bridge, html[data-hero] .s-top-stage { grid-column: 1; grid-row: auto; }
  .s-top-copy { padding: 16px 0 0; }
  .s-top-h1 { font-size: clamp(40px, 6.6vw, 58px); max-width: 12em; }
  .s-top-lead { max-width: 34em; }
  .s-top-act { margin-top: 36px; }
  .s-top-bridge { margin-top: -48px; } 
  .s-top-stage { height: auto; grid-template-rows: none; }
  .s-top .s-top-ph { --ph-ratio: 16 / 10; --ph-pos: 50% 34%; }
  .s-top-cell { container: s-top-card / inline-size; }
  .s-top-w > .s-top-card { height: 100%; }
  
  .s-top-w > .s-top-card {
    --dv-trk: rgba(13, 13, 13, .08); --dv-grid: rgba(13, 13, 13, .1); --dv-ring-bd: rgba(255, 255, 255, .95); --s-av-ring: #FFFFFF;
    padding: 20px 20px 22px; gap: 12px; border-radius: var(--r-md);
    background: var(--glass-bg-fb); border: 1px solid var(--glass-bd); box-shadow: var(--sh-glass);
  }
  .s-top-x { font-size: 17.5px; line-height: 1.26; }
  .s-top-gs { display: block; }
  .s-top-tasks > li:nth-child(n + 2) { display: flex; }
  
  @container s-top-card (max-width: 279.98px) {
    .s-top-tasks .dv-li-t { display: block; }
    .s-top-dt { display: block; margin-top: 2px; }
    .s-top-tasks > li { align-items: flex-start; }
    .s-top-tasks > li:nth-child(3) { display: none; }
    .s-top-x { font-size: 16.5px; }
    .s-top-gs { font-size: 12px; }
    .s-top-avs { --ph-size: 32px; }
  }
}
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  @media (max-width: 1023.98px) { .s-top-w > .s-top-card { -webkit-backdrop-filter: var(--glass-blur); backdrop-filter: var(--glass-blur); } }
}

@media (min-width: 720px) and (max-width: 1023.98px) {
  .s-top-stage { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 12px; }
  .s-top .s-top-ph { grid-column: 1 / -1; margin-bottom: -72px; }
  .s-top-cell { position: relative; z-index: 2; }
  html[data-hero="b"] .s-top-stage { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); grid-auto-rows: minmax(300px, auto); gap: 12px; }
  html[data-hero="b"] .s-top .s-top-ph { --ph-ratio: auto; grid-column: 1; grid-row: 1; margin-bottom: 0; }
  html[data-hero="b"] [data-w="goal"] { grid-column: 2; grid-row: 1; }
  html[data-hero="b"] [data-w="report"] { grid-column: 1; grid-row: 2; }
  html[data-hero="b"] [data-w="manager"] { grid-column: 2; grid-row: 2; }
}

@media (max-width: 1023.98px) {
  html[data-hero="d"] .s-top-w--ink > .s-top-card {
    --dv-1: #FFFFFF; --dv-2: var(--copper-t); --dv-trk: rgba(255, 255, 255, .14); --dv-grid: rgba(255, 255, 255, .16);
    --dv-txt-2: rgba(255, 255, 255, .72); --dv-ok: var(--gr-light); --dv-ring-bd: var(--ink);
    --s-t1: #FFFFFF; --s-t2: rgba(255, 255, 255, .62);
    color: #FFFFFF; border-color: transparent;
    background: radial-gradient(190px 172px at calc(100% + 24px) calc(100% + 36px), rgba(255, 125, 56, .7) 0%, rgba(224, 66, 14, .36) 34%, rgba(122, 28, 4, .14) 62%, transparent 82%), var(--ink);
  }
}
@media (min-width: 720px) and (max-width: 1023.98px) {
  html[data-hero="d"] .s-top-stage { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: minmax(300px, auto); gap: 12px; }
  html[data-hero="d"] .s-top .s-top-ph { --ph-ratio: auto; grid-column: 1; grid-row: 1; margin-bottom: 0; }
  html[data-hero="d"] [data-w="goal"] { grid-column: 2; grid-row: 1; }
  html[data-hero="d"] [data-w="month"] { grid-column: 1; grid-row: 2; }
  html[data-hero="d"] [data-w="plan"] { grid-column: 2; grid-row: 2; }
}

@media (max-width: 719.98px) {
  .s-top-grid { row-gap: 36px; }
  .s-top-copy { padding-top: 8px; }
  .s-top-h1 { margin-top: 20px; font-size: 38px; line-height: 1.02; max-width: 10em; }
  html[data-h1="b"] .s-top-h1 { font-size: min(27px, calc((100vw - 32px) / 13.4)); line-height: 1.08; max-width: none; text-wrap: balance; } 
  html[data-h1="b"] .s-top-h1b br { display: none; }
  .s-top-lead { margin-top: 18px; font-size: 16.5px; line-height: 1.5; }
  .s-top-act { margin-top: 28px; }
  .s-top-bridge { margin-top: -36px; }
  .s-top-stage { display: flex; flex-direction: column; gap: 12px; }
  .s-top .s-top-ph { --ph-ratio: 1 / 1; --ph-pos: 50% 34%; margin-bottom: -56px; }
  .s-top-cell { position: relative; z-index: 2; }
  .s-top-tph { aspect-ratio: 1 / 1; margin-top: 4px; }
  .s-top-x { font-size: 17.5px; line-height: 1.28; }
}

@keyframes s-top-up { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
@keyframes s-top-in { from { opacity: 0; transform: translateY(14px) scale(.985); } to { opacity: 1; transform: none; } }
@keyframes s-top-in-ink { 0% { opacity: 0; transform: translateY(14px) scale(.985); } 20% { opacity: 1; } 100% { opacity: 1; transform: none; } }
@keyframes s-top-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes s-top-bar { from { transform: scaleX(0); } to { transform: none; } }
@media (prefers-reduced-motion: no-preference) {
  .s-top-copy > * { animation: s-top-up .9s var(--ease) backwards; }
  .s-top-copy > :nth-child(2) { animation-delay: .08s; }
  .s-top-copy > :nth-child(3) { animation-delay: .16s; }
  .s-top-copy > :nth-child(4) { animation-delay: .24s; }
  .s-top-bridge { animation: s-top-up .9s var(--ease) .42s backwards; }
  .s-top .s-top-ph { animation: s-top-fade 1.1s var(--ease) .1s backwards; }
  .s-top--zoom .s-top-ph > img { transform: scale(1.06); transition: none; }
  .s-top-gl + .s-top-gl { --k: 1; }
  html.js .s-top-cell:not(.s-top-on) :is(.s-top-gb, .s-top-fbar) > i { transform: scaleX(0); }
  .s-top-fl > li + li { --k: 1; }
  .s-top-fl > li + li + li { --k: 2; }
  @media (min-width: 1024px) {
    .s-top-cell { animation: s-top-in 1s var(--ease) backwards; animation-delay: calc(.34s + var(--i, 0) * .14s); }
    .s-top-w--ink.s-top-cell { animation-name: s-top-in-ink; }
    .s-top-cell.s-top-on :is(.s-top-gb, .s-top-fbar) > i { animation: s-top-bar 1.1s var(--ease) backwards; animation-delay: calc(.86s + var(--i, 0) * .14s + var(--k, 0) * .14s); }
  }
  @media (max-width: 1023.98px) {
    html.js .s-top-cell:not(.s-top-on) > :is(.s-top-card, .ph, .s-top-tag) { opacity: 0; }
    .s-top-cell.s-top-on > :is(.s-top-card, .ph, .s-top-tag) { animation: s-top-in 1s var(--ease) backwards; animation-delay: var(--d, 0s); }
    .s-top-cell.s-top-on > .s-top-tag { animation-delay: calc(var(--d, 0s) + .22s); }
    .s-top-cell.s-top-on :is(.s-top-gb, .s-top-fbar) > i { animation: s-top-bar 1.1s var(--ease) backwards; animation-delay: calc(var(--d, 0s) + .4s + var(--k, 0) * .14s); }
  }
  
  html[data-hero] .s-top.s-top--still :is(.s-top-copy > *, .s-top-bridge, .s-top-ph, .s-top-cell, .s-top-cell > .ph, .s-top-card, .s-top-tag, .s-top-gb > i, .s-top-fbar > i) { animation: none; }
  html[data-hero] .s-top.s-top--hold :is(.s-top-copy > *, .s-top-bridge, .s-top-ph, .s-top-cell, .s-top-cell > .ph, .s-top-card, .s-top-tag, .s-top-gb > i, .s-top-fbar > i) { animation: none; }
}

.s-fw-head { max-width: 760px; margin-bottom: var(--head-gap); }
.s-fw-head .sec-sub { max-width: 30em; text-wrap: pretty; }
.s-fw-list { align-items: stretch; }
.s-fw-card { padding: 8px; gap: 0; }
.s-fw-ph { flex: none; }

.s-fw-body { flex: 1; display: flex; flex-direction: column; justify-content: center; padding: 22px 22px 24px; container-type: inline-size; }

.s-fw-t { min-height: 2.4em; max-width: 16em; font-weight: 600; font-size: clamp(14px, 7.2cqi, 22px); line-height: 1.2; letter-spacing: -.022em; text-wrap: balance; } 

.s-fw-mark { position: absolute; inset: 0; z-index: 2; display: grid; place-items: center; pointer-events: none; transition: opacity var(--d3) var(--ease); }
.s-fw-mark::before, .s-fw-mark::after { content: ""; position: absolute; left: 50%; top: 50%; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(150, 100, 60, .13); transform: translate(-50%, -50%); }
.s-fw-mark::before { width: 148px; height: 148px; }
.s-fw-mark::after { width: 224px; height: 224px; box-shadow: inset 0 0 0 1px rgba(150, 100, 60, .08); }
.s-fw-disc { position: relative; display: grid; place-items: center; width: 92px; height: 92px; border-radius: 50%; background: rgba(255, 255, 255, .78); box-shadow: var(--sh-1); color: var(--ink); }
.s-fw-disc svg { width: 36px; height: 36px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.s-fw-dot { fill: var(--copper); stroke: none; }
.s-fw-ph:where(.ph--loaded, .ph--ref) .s-fw-mark { opacity: 0; }

.s-fw-ln { stroke-dasharray: 1 2; stroke-dashoffset: 0; }
@media (prefers-reduced-motion: no-preference) {
  html.js .s-fw-card.reveal:not(.is-in) .s-fw-ln { stroke-dashoffset: 1.05; }
  html.js .s-fw-card.reveal:not(.is-in) .s-fw-dot { opacity: 0; }
  html.js .s-fw-card.reveal:not(.is-in) .s-fw-disc { transform: scale(.92); opacity: 0; }
  html.js .s-fw-card.reveal:not(.is-in) .s-fw-mark::before, html.js .s-fw-card.reveal:not(.is-in) .s-fw-mark::after { opacity: 0; transform: translate(-50%, -50%) scale(.86); }
  html.js .s-fw-card.reveal.is-in .s-fw-disc { transition: transform 900ms var(--ease) calc(var(--d, 0s) + 150ms), opacity 600ms var(--ease) calc(var(--d, 0s) + 150ms); }
  html.js .s-fw-card.reveal.is-in .s-fw-mark::before { transition: opacity 900ms var(--ease) calc(var(--d, 0s) + 350ms), transform 1200ms var(--ease) calc(var(--d, 0s) + 350ms); }
  html.js .s-fw-card.reveal.is-in .s-fw-mark::after { transition: opacity 900ms var(--ease) calc(var(--d, 0s) + 500ms), transform 1400ms var(--ease) calc(var(--d, 0s) + 500ms); }
  html.js .s-fw-card.reveal.is-in .s-fw-ln { transition: stroke-dashoffset 1100ms cubic-bezier(.45, 0, .2, 1) calc(var(--d, 0s) + 400ms); }
  html.js .s-fw-card.reveal.is-in .s-fw-dot { transition: opacity var(--d2) var(--ease) calc(var(--d, 0s) + 1200ms); }
  
  html.js .s-fw-card.reveal { transition-duration: 700ms; }
  html.js .s-fw-card.reveal:not(.is-in) { transform: translateY(20px); }
  html.js .s-fw-card.reveal:not(.is-in) .s-fw-body { opacity: 0; transform: translateY(8px); }
  html.js .s-fw-card.reveal.is-in .s-fw-body { transition: opacity 700ms var(--ease) calc(var(--d, 0s) + 180ms), transform 800ms var(--ease) calc(var(--d, 0s) + 180ms); }
}

@media (min-width: 1024px) {
  .s-fw-card .s-fw-ph.ph { --ph-ratio: 16 / 10; }
  .s-fw-body { padding: 20px 20px 22px; }
}
@media (min-width: 1024px) and (max-height: 899.98px) { .s-fw-card .s-fw-ph.ph { --ph-ratio: 16 / 9; } } 

@media (min-width: 1024px) and (max-width: 1199.98px) {
  .s-fw-body { padding: 14px 0 16px; }
  .s-fw-disc { width: 76px; height: 76px; }
  .s-fw-disc svg { width: 30px; height: 30px; }
  .s-fw-mark::before { width: 120px; height: 120px; }
  .s-fw-mark::after { width: 180px; height: 180px; }
}

@media (max-width: 1023.98px) and (min-width: 720px) {
  .s-fw-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .s-fw-card { grid-column: auto; }
  .s-fw-card .s-fw-ph.ph { --ph-ratio: 16 / 10; }
  .s-fw-body { padding: 20px 20px 22px; }
  .s-fw-t { min-height: 0; }
}

@media (max-width: 719.98px) {
  .s-fw-list { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .s-fw-card { grid-column: 1 / -1; padding: 6px; }
  .s-fw-card .s-fw-ph.ph { --ph-ratio: 3 / 2; border-radius: calc(var(--r-lg) - 6px); }
  .s-fw-body { padding: 18px 16px 20px; }
  .s-fw-t { min-height: 0; }
  .s-fw-mark::after { width: 184px; height: 184px; }
}

.s-situations { --ph: clamp(560px, 100svh - 192px, 720px); } 
.s-sit-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gap); row-gap: 0; }
.s-sit-grid > * { min-width: 0; }
.s-sit-head { grid-column: 1 / -1; grid-row: 1; display: flex; flex-direction: column; align-items: flex-start; }
.s-sit-head .sec-head { margin-bottom: 0; }
.s-sit-head .sec-sub { text-wrap: pretty; } 

.s-sit-bridge-row { display: none; grid-column: 1 / -1; }
.s-sit-bridge-row .bridge { margin-top: 28px; }
.s-sit-bridge-li { grid-column: 1 / -1; }
.s-sit-bridge-li .bridge { margin: 20px 0 16px; }
.s-situations[data-mode="slide"] .s-sit-bridge-li, .s-situations[data-mode="deck"] .s-sit-bridge-li { display: none; }
.s-sit-deck { grid-column: 1 / -1; grid-row: 2; position: relative; }
.s-sit-list { position: relative; display: grid; gap: var(--gap); }
.s-sit-ctl { display: none; grid-column: 1 / -1; width: 100%; padding-top: 24px; }
.s-sit-ctl .counter { font-size: 15px; font-weight: 650; min-width: 64px; }
.s-sit-ctl .s-sit-of { color: var(--ink-2c); } 
.s-sit-ctl .dots-bar { min-width: 0; }
.s-sit-n { display: inline-block; }
.s-sit-n.is-tab { animation: s-sit-tab var(--d2) var(--ease); }
@keyframes s-sit-tab { from { transform: translateY(50%); opacity: 0; } to { transform: none; opacity: 1; } }
.s-situations.is-fin .s-sit-of { display: none; } 

.s-sit-card { padding: 28px; }
.s-sit-card[hidden] { display: none; }
.s-sit-body { flex: 1; display: flex; flex-direction: column; min-height: 0; container-type: inline-size; }
.s-sit-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex: none; }
.s-sit-num { font-size: 13px; font-weight: 650; letter-spacing: 0; color: var(--ink-2); font-variant-numeric: tabular-nums; }
.s-sit-main { flex: none; display: flex; flex-direction: column; padding-top: 20px; } 
.s-sit-x { font-weight: 600; font-size: 26px; line-height: 1.16; letter-spacing: -.03em; text-wrap: pretty; max-width: 21em; }

.s-sit-art { position: relative; flex: 1 1 0; min-height: 0; display: grid; place-items: center; container-type: size; margin-top: 12px; }
.s-sit-ill { --u: 1; position: relative; width: min(100cqw, 184cqh, 620px); aspect-ratio: 2 / 1; container-type: inline-size;
  --tag-f: clamp(11.5px, 2.6cqi, 12.5px); transition: opacity var(--d2) var(--ease); }

@container (max-height: 87.98px) { .s-sit-ill { opacity: 0; } }

.s-sit-ill::before { content: ""; position: absolute; inset: -6% -4%; z-index: 0; pointer-events: none;
  background: radial-gradient(circle, var(--line) 0 1px, transparent 1.4px) 50% 50% / 16px 16px;
  -webkit-mask: radial-gradient(closest-side, #000 30%, transparent 100%); mask: radial-gradient(closest-side, #000 30%, transparent 100%); }
.s-sit-svg { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; overflow: visible; }

html[data-sit] .s-sit-art > .s-sit-ill:empty { display: none; }
html[data-sit="b"] .s-sit-art:has(> [data-show-sit="b"]:empty) > [data-show-sit="a"],
html[data-sit="c"] .s-sit-art:has(> [data-show-sit="c"]:empty) > [data-show-sit="a"],
html[data-sit="d"] .s-sit-art:has(> [data-show-sit="d"]:empty) > [data-show-sit="a"],
html[data-sit="e"] .s-sit-art:has(> [data-show-sit="e"]:empty) > [data-show-sit="a"],
html[data-sit="f"] .s-sit-art:has(> [data-show-sit="f"]:empty) > [data-show-sit="a"] { display: block; }

.s-sit-svg path, .s-sit-svg circle, .s-sit-svg rect { fill: none; stroke: var(--g1); stroke-width: calc(1.5px * var(--u)); stroke-linecap: round; stroke-linejoin: round; }
.s-sit-svg .s-sit-mid { stroke: var(--g2); }
.s-sit-svg .s-sit-lt { stroke: var(--g3); }
.s-sit-svg .s-sit-cu { stroke: var(--copper); }
.s-sit-svg .s-sit-ln { stroke-dasharray: 1 2; stroke-dashoffset: 0; }          
.s-sit-svg .s-sit-dash { stroke-dasharray: calc(3px * var(--u)) calc(5px * var(--u)); }

.s-sit-svg .s-sit-pt { fill: var(--copper); stroke: none; }
.s-sit-svg .s-sit-pt--o { fill: var(--white); stroke: var(--copper); }          
.s-sit-svg .s-sit-disc { fill: var(--copper); fill-opacity: .07; stroke: none; }
.s-sit-svg .s-sit-node { fill: var(--white); stroke: none; }
.s-sit-svg .s-sit-land { fill: var(--white); stroke: none; }
.s-sit-svg .s-sit-spend { fill: var(--line); stroke: none; }
.s-sit-svg .s-sit-spend--cu { fill: var(--copper-t); }
.s-sit-svg .s-sit-slv { fill: var(--copper); stroke: none; }
.s-sit-svg .s-sit-tile { fill: url(#s-sit-p-hatch); stroke: none; }
.s-sit-ill--b .s-sit-svg .s-sit-tile { fill: url(#s-sit-b-p-hatch); } 
.s-sit-svg .s-sit-hatch { stroke: var(--line); stroke-width: calc(1.25px * var(--u)); }
.s-sit-svg .s-sit-haze { stroke: var(--g3); stroke-width: 20; opacity: .55; }
.s-sit-svg .s-sit-income { stroke: var(--g1); stroke-width: calc(1.75px * var(--u)); }
.s-sit-svg .s-sit-lock-b, .s-sit-svg .s-sit-shk { stroke: var(--g1); }
.s-sit-svg .s-sit-lock-b { fill: var(--white); }

.s-sit-svg .s-sit-ico .s-sit-ln { stroke-width: calc(1.5px * var(--u) / var(--ks, 1)); }

.s-sit-svg .s-sit-seg { stroke-width: 22; stroke-linecap: butt; stroke-dasharray: var(--len) 100; stroke-dashoffset: var(--off); }
.s-sit-svg .s-sit-seg--a { stroke: var(--g2); }
.s-sit-svg .s-sit-seg--b { stroke: var(--g3); }
.s-sit-svg .s-sit-seg--cu { stroke: var(--copper); }
.s-sit-svg .s-sit-seg--arc { stroke: var(--copper); stroke-width: calc(1.5px * var(--u)); stroke-linecap: round; }
.s-sit-svg .s-sit-seg--rest { stroke: var(--g3); stroke-width: calc(1.5px * var(--u)); stroke-linecap: round; } 
.s-sit-svg .s-sit-out { transform: translate(6px, 1.4px); }                    
.s-sit-svg .s-sit-grow, .s-sit-svg .s-sit-pop, .s-sit-svg .s-sit-spin, .s-sit-svg .s-sit-shk { transform-box: fill-box; }
.s-sit-svg .s-sit-grow { transform-origin: 50% 100%; }
.s-sit-svg .s-sit-pop, .s-sit-svg .s-sit-spin { transform-origin: 50% 50%; }
.s-sit-svg .s-sit-shk { transform-origin: 50% 100%; }

.s-sit-tag { --tx: -50%; --ty: -50%; position: absolute; left: var(--x); top: var(--y); z-index: 2;
  display: inline-flex; align-items: center; gap: .5em; height: 2.3em; padding: 0 .95em;
  border: 1px solid var(--line); border-radius: var(--r-pill); background: var(--white); box-shadow: var(--sh-1);
  font-size: var(--tag-f); font-weight: 600; line-height: 1; letter-spacing: -.005em; white-space: nowrap; color: var(--ink);
  transform: translate(var(--tx), var(--ty)); }
.s-sit-tag--l { --tx: 0%; }
.s-sit-tag--r { --tx: -100%; }
.s-sit-tag--dot::before, .s-sit-tag--cu::before { content: ""; width: .52em; height: .52em; border-radius: 50%; background: var(--g2); flex: none; }
.s-sit-tag--cu { border-color: color-mix(in srgb, var(--copper) 38%, var(--white)); }
.s-sit-tag--cu::before { background: var(--copper); }
.s-sit-tag--ink { background: var(--ink); border-color: var(--ink); color: #fff; }
.s-sit-tag--lg { height: 2.7em; padding: 0 1.2em; font-size: calc(var(--tag-f) * 1.12); }
.s-sit-tag--txt { --tx: 0%; --ty: -100%; height: auto; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none;
  width: var(--w, auto); white-space: normal; line-height: 1.2; }

@media (prefers-reduced-motion: no-preference) {
  html.js .s-sit-card:not(.is-drawn) .s-sit-svg .s-sit-ln { stroke-dashoffset: 1.02; }
  html.js .s-sit-card:not(.is-drawn) .s-sit-svg .s-sit-dash,
  html.js .s-sit-card:not(.is-drawn) .s-sit-svg .s-sit-fade { opacity: 0; }
  html.js .s-sit-card:not(.is-drawn) .s-sit-svg .s-sit-drift { stroke-dashoffset: calc(24px * var(--u)); }
  html.js .s-sit-card:not(.is-drawn) .s-sit-svg .s-sit-spin { transform: rotate(-50deg) scale(.9); }
  html.js .s-sit-card:not(.is-drawn) .s-sit-svg .s-sit-grow { transform: scaleY(0); }
  html.js .s-sit-card:not(.is-drawn) .s-sit-svg .s-sit-pop { opacity: 0; transform: scale(.3); }
  html.js .s-sit-card:not(.is-drawn) .s-sit-svg .s-sit-seg { stroke-dasharray: 0 100; }
  html.js .s-sit-card:not(.is-drawn) .s-sit-svg .s-sit-out { transform: none; }
  html.js .s-sit-card:not(.is-drawn) .s-sit-svg .s-sit-lock { opacity: 0; }
  html.js .s-sit-card:not(.is-drawn) .s-sit-svg .s-sit-shk { transform: translateY(calc(-4px * var(--u))); }
  html.js .s-sit-card:not(.is-drawn) .s-sit-svg .s-sit-drift.s-sit-income { transform: translateX(-10px); }
  html.js .s-sit-card:not(.is-drawn) .s-sit-tag { opacity: 0; transform: translate(var(--tx), var(--ty)) translate(var(--dx, 0px), var(--dy, 8px)) scale(.94); }
  html.js .s-sit-card:not(.is-drawn) .s-sit-tag--blur { filter: blur(3px); }

  html.js .s-sit-card.is-drawn { --t0: 160ms; --st: 110ms; }
  html.js .s-sit-card.is-drawn .s-sit-svg .s-sit-ln { transition: stroke-dashoffset var(--sd, 1100ms) cubic-bezier(.45, 0, .2, 1) calc(var(--t0) + var(--i, 0) * var(--st)); }
  html.js .s-sit-card.is-drawn .s-sit-svg .s-sit-dash,
  html.js .s-sit-card.is-drawn .s-sit-svg .s-sit-fade { transition: opacity 900ms var(--ease) calc(var(--t0) + var(--i, 0) * var(--st)), stroke-dashoffset 1600ms var(--ease) calc(var(--t0) + var(--i, 0) * var(--st)), transform 1400ms var(--ease) calc(var(--t0) + var(--i, 0) * var(--st)); }
  html.js .s-sit-card.is-drawn .s-sit-svg .s-sit-spin { transition: opacity 900ms var(--ease) calc(var(--t0) + var(--i, 0) * var(--st)), transform 1600ms var(--ease) calc(var(--t0) + var(--i, 0) * var(--st)); }
  html.js .s-sit-card.is-drawn .s-sit-svg .s-sit-grow { transition: transform 900ms var(--ease) calc(var(--t0) + var(--i, 0) * var(--st)); }
  html.js .s-sit-card.is-drawn .s-sit-svg .s-sit-pop { transition: opacity 400ms var(--ease) calc(var(--t0) + var(--i, 0) * var(--st)), transform 600ms cubic-bezier(.3, 1.5, .5, 1) calc(var(--t0) + var(--i, 0) * var(--st)); }
  html.js .s-sit-card.is-drawn .s-sit-svg .s-sit-seg { transition: stroke-dasharray var(--sd, 800ms) var(--ease) calc(var(--t0) + var(--i, 0) * var(--st)); }
  html.js .s-sit-card.is-drawn .s-sit-svg .s-sit-out { transition: transform 900ms var(--ease) calc(var(--t0) + var(--i, 0) * var(--st)); }
  html.js .s-sit-card.is-drawn .s-sit-svg .s-sit-lock { transition: opacity 500ms var(--ease) calc(var(--t0) + var(--i, 0) * var(--st)); }
  html.js .s-sit-card.is-drawn .s-sit-svg .s-sit-shk { transition: transform 500ms cubic-bezier(.3, 1.4, .5, 1) calc(var(--t0) + 300ms + var(--i, 0) * var(--st)); }
  html.js .s-sit-card.is-drawn .s-sit-tag { transition: opacity 600ms var(--ease) calc(var(--t0) + var(--i, 0) * var(--st)), transform 800ms var(--ease) calc(var(--t0) + var(--i, 0) * var(--st)), filter 1200ms var(--ease) calc(var(--t0) + var(--i, 0) * var(--st)); }
}

.s-sit-res { padding: 40px; color: #fff; }

.s-sit-res .s-sit-flow { position: absolute; inset: 0; z-index: 0; border-radius: inherit; pointer-events: none;
  --lt-a: calc(var(--lt, .56) * 100%); --lt-b: calc(var(--lt, .56) * 100% + 26%);
  -webkit-mask: radial-gradient(130% 100% at 100% 100%, #000 36%, transparent 76%), linear-gradient(180deg, transparent var(--lt-a), #000 var(--lt-b));
  -webkit-mask-composite: source-in;
  mask: radial-gradient(130% 100% at 100% 100%, #000 36%, transparent 76%) intersect, linear-gradient(180deg, transparent var(--lt-a), #000 var(--lt-b));
  background:
    radial-gradient(64% 52% at 100% 100%, rgba(255, 164, 102, .5) 0%, rgba(255, 125, 56, .26) 34%, rgba(224, 66, 14, 0) 72%),
    var(--flow) 0% calc(100% + 2px) / auto 118% no-repeat,                          
    var(--flow-fb) 100% 100% / 100% 100% no-repeat; }
.s-sit-res-body { position: relative; z-index: 1; flex: 1; display: flex; flex-direction: column; min-height: 0; }
.s-sit-res-pill { align-self: flex-start; color: rgba(255, 255, 255, .78); }
.s-sit-res-t { margin-top: 24px; max-width: 12em; font-weight: 600; font-size: max(34px, calc(clamp(38px, 3.6vw, 54px) * var(--rt, 1))); line-height: 1.04; letter-spacing: -.038em; color: #fff; text-wrap: balance; } 

.s-sit-res-p { margin-top: 20px; max-width: 25em; font-size: 17px; line-height: 1.5; letter-spacing: -.008em; color: rgba(255, 255, 255, .72); text-wrap: pretty; }

.s-sit-res-stat { margin-top: 26px; padding-top: 22px; max-width: 29em; display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 20px; align-items: start; border-top: 1px solid rgba(255, 255, 255, .14); }
.s-sit-res-num { font-weight: 500; font-size: max(34px, calc(clamp(38px, 3.6vw, 54px) * var(--rt, 1))); line-height: .8; letter-spacing: -.02em; color: rgba(255, 255, 255, .6); margin-top: -.02em; } 
.s-sit-res-st { font-size: 15px; line-height: 1.5; letter-spacing: -.004em; color: rgba(255, 255, 255, .76); text-wrap: pretty; }
.s-sit-res-src { margin-top: 10px; font-size: 12px; line-height: 1.4; letter-spacing: 0; }
.s-sit-res-src a { color: rgba(255, 255, 255, .62); text-decoration: underline; text-decoration-color: rgba(255, 255, 255, .26); text-underline-offset: 3px; transition: color var(--d1), text-decoration-color var(--d1); }
.s-sit-res-ne { display: inline-block; width: 11px; height: 11px; margin-left: 4px; vertical-align: -1px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
@media (hover: hover) { .s-sit-res-src a:hover { color: #fff; text-decoration-color: rgba(255, 255, 255, .7); } }
.s-sit-res-src a:focus-visible { outline-color: #fff; outline-offset: 2px; border-radius: 4px; }

.s-sit-res-foot { margin-top: auto; padding-top: 28px; display: flex; align-items: flex-end; }
.s-sit-go { flex: none; }
.s-sit-go:focus-visible { outline-color: #fff; }
@media (prefers-reduced-motion: no-preference) {
  html.js .s-sit-res:not(.is-drawn) .s-sit-res-stat { opacity: 0; transform: translateY(10px); }
  html.js .s-sit-res.is-drawn .s-sit-res-stat { transition: opacity 700ms var(--ease) 200ms, transform 900ms var(--ease) 200ms; }
}

.s-sit-res.is-fit1 .s-sit-res-p { margin-top: 14px; font-size: 15.5px; }
.s-sit-res.is-fit1 .s-sit-res-stat { margin-top: 18px; padding-top: 16px; }
.s-sit-res.is-fit1 .s-sit-res-foot { padding-top: 20px; }
.s-sit-res.is-fit2 .s-sit-res-t { margin-top: 18px; max-width: none; } 
.s-sit-res.is-fit2 .s-sit-res-st { font-size: 14px; line-height: 1.45; }
.s-sit-res.is-fit2 .s-sit-res-stat { max-width: none; }
.s-sit-res.is-fit3 { --rt: .9; }
.s-sit-res.is-fit3 .s-sit-go { height: 48px; }
.s-sit-res.is-fit3 .s-sit-res-foot { padding-top: 14px; }

.s-sit-svg .s-sit-fl { stroke: url(#s-sit-g-main); }
.s-sit-svg .s-sit-t1 { stroke: url(#s-sit-g-t1); }
.s-sit-svg .s-sit-t2 { stroke: url(#s-sit-g-t2); }
.s-sit-svg .s-sit-t3 { stroke: url(#s-sit-g-t3); }
.s-sit-svg .s-sit-s0 { stop-color: var(--g2); stop-opacity: 0; }
.s-sit-svg .s-sit-s1 { stop-color: var(--g2); }
.s-sit-svg .s-sit-s2 { stop-color: var(--copper); }
.s-sit-svg .s-sit-s3 { stop-color: var(--g1); }
.s-sit-svg .s-sit-s4 { stop-color: var(--soft); stop-opacity: 0; }
.s-sit-svg .s-sit-s5 { stop-color: var(--soft); }
.s-sit-svg .s-sit-band { fill: url(#s-sit-g-band); stroke: none; }

html.js .s-sit-card.is-drawn[data-i="4"] { --st: 72ms; }

.s-sit-tag--tap { border-color: color-mix(in srgb, var(--copper) 38%, var(--white)); }

.s-situations:not([data-mode="slide"]):not([data-mode="deck"]) .s-sit-head { margin-bottom: var(--head-gap); }

.s-situations:not([data-mode="slide"]):not([data-mode="deck"]) .s-sit-art { flex: 1 0 auto; height: clamp(172px, 17vw, 236px); }
@media (min-width: 1024px) {
  .s-situations:not([data-mode="slide"]):not([data-mode="deck"]) .s-sit-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  
  .s-situations:not([data-mode="slide"]):not([data-mode="deck"]) .s-sit-res { grid-column: 1 / -1; min-height: 0; padding: 48px; }
  .s-situations:not([data-mode="slide"]):not([data-mode="deck"]) .s-sit-res-t { max-width: 15em; }
  .s-situations:not([data-mode="slide"]):not([data-mode="deck"]) .s-sit-res-main { max-width: 680px; }
  .s-situations:not([data-mode="slide"]):not([data-mode="deck"]) .s-sit-res-p { max-width: 32em; }
  .s-situations:not([data-mode="slide"]):not([data-mode="deck"]) .s-sit-res-foot { padding-top: 40px; }
  
  .s-situations:not([data-mode="slide"]):not([data-mode="deck"]) .s-sit-res .s-sit-flow { left: 46%; border-radius: 0 var(--r-lg) var(--r-lg) 0;
    -webkit-mask: linear-gradient(90deg, transparent, #000 34%); mask: linear-gradient(90deg, transparent, #000 34%); }
}

.s-situations[data-mode="slide"] .s-sit-head { grid-column: 8 / span 5; grid-row: 1; height: var(--ph); padding-bottom: 32px; }

.s-situations[data-mode="slide"] .s-sit-head .sec-title { color: color-mix(in srgb, var(--ink-2) calc(var(--fin, 0) * 100%), var(--ink)); }

.s-situations[data-mode="slide"] .s-sit-ctl { display: flex; grid-column: 8 / span 5; grid-row: 1; align-self: end; position: relative; z-index: 1; padding-bottom: 32px; }
.s-situations[data-mode="slide"] .s-sit-deck { grid-column: 1 / span 6; grid-row: 1; height: var(--ph); }
.s-situations[data-mode="slide"] .s-sit-list { display: block; height: 100%; }

.s-situations[data-mode="slide"] .s-sit-card { position: absolute; inset: 0; height: var(--ph); padding: 32px; opacity: var(--fr, 0); visibility: hidden; }
.s-situations[data-mode="slide"] .s-sit-card.is-on { visibility: visible; }
.s-situations[data-mode="slide"] .s-sit-body,
.s-situations[data-mode="slide"] .s-sit-res-body { opacity: var(--op, 0); transform: translateY(var(--ty, 0px)); }
.s-situations[data-mode="slide"] .s-sit-card.is-moving :is(.s-sit-body, .s-sit-res-body) { will-change: transform, opacity; }
.s-situations[data-mode="slide"] .s-sit-res { padding: 32px; opacity: 1; z-index: 2; clip-path: inset(calc((1 - var(--rv, 1)) * 100%) 0 0 0 round var(--r-lg)); }
.s-situations[data-mode="slide"] .s-sit-res.is-moving { will-change: clip-path; }
.s-situations[data-mode="slide"] .s-sit-num, .s-situations[data-mode="deck"] .s-sit-num { display: none; } 
.s-situations[data-mode="slide"] .s-sit-x { font-size: clamp(24px, 5cqi, 34px); }

.s-situations[data-mode="slide"] .s-sit-card.glow-corner::after { opacity: calc(var(--glow, 0) * var(--glow-max, .55) * var(--op, 1)); }

.s-situations[data-mode="slide"] .s-sit-res .s-sit-flow { opacity: calc(.7 + .3 * var(--glow, 0)); transform-origin: 100% 100%; transform: scale(calc(.5 + .5 * var(--glow, 0)));
  transition: opacity 260ms linear, transform 260ms linear; }
@media (min-width: 1024px) and (max-width: 1199.98px) {
  .s-situations[data-mode="slide"] .s-sit-card { padding: 28px; }
  .s-situations[data-mode="slide"] .s-sit-res { padding: 28px; }
  .s-situations[data-mode="slide"] .s-sit-res-p { font-size: 16px; }
}

.s-situations.is-pin-ph { --ph: max(400px, min(100vh - var(--hd-h) - 108px, 125vw, 560px)); }
@supports (height: 1svh) { .s-situations.is-pin-ph { --ph: max(400px, min(100svh - var(--hd-h) - 108px, 125vw, 560px)); } }

.s-situations.is-pin-ph[data-mode="slide"] .s-sit-head { grid-column: 1 / -1; grid-row: 1; height: auto; padding: 16px 0 0; margin-bottom: var(--head-gap); transition: opacity var(--d2) var(--ease); }
.s-situations.is-pin-ph.is-ph-run .s-sit-head { opacity: 0; }
.s-situations.is-pin-ph[data-mode="slide"] .s-sit-deck { grid-column: 1 / -1; grid-row: 2; }
.s-situations.is-pin-ph[data-mode="slide"] .s-sit-ctl { grid-column: 1 / -1; grid-row: 3; align-self: auto; padding: 12px 0 16px; }
.s-situations.is-pin-ph .s-sit-ctl .s-sit-bar { display: none; }   

.s-situations.is-pin-ph .s-sit-ctl .s-sit-arw:not(:focus) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.s-situations.is-pin-ph .s-sit-ctl .counter { font-size: 14px; min-width: 56px; }

.s-sit-lbl { display: none; }
.s-situations.is-pin-ph.is-ph-run .s-sit-lbl { display: inline; margin-right: 4px; }
.s-situations.is-pin-ph .s-sit-pp { flex: 1 1 auto; min-width: 0; }
.s-situations.is-pin-ph[data-mode="slide"] .s-sit-card { padding: 22px; }
.s-situations.is-pin-ph[data-mode="slide"] .s-sit-res { padding: 24px; }
.s-situations.is-pin-ph[data-mode="slide"] .s-sit-x { font-size: clamp(21px, 7.4cqi, 27px); line-height: 1.16; } 

@media (max-width: 719.98px) { .s-situations.is-pin-ph .s-sit-res.is-fit3 :is(.s-sit-res-t, .s-sit-res-num) { font-size: calc(clamp(28px, 8.2vw, 34px) * var(--rt, .9)); } }
.s-situations.is-pin-ph.s-sit-ph-nofit { --ph: 200vh; }
@media (min-width: 720px) { 
  .s-situations.is-pin-ph[data-mode="slide"] .s-sit-card { padding: 32px; }
  .s-situations.is-pin-ph[data-mode="slide"] .s-sit-res { padding: 36px; }
  .s-situations.is-pin-ph[data-mode="slide"] .s-sit-x { font-size: clamp(24px, 4.4cqi, 30px); }
  .s-situations.is-pin-ph[data-mode="slide"] .s-sit-res-t { max-width: 15em; font-size: clamp(36px, 5.4vw, 44px); }
}

.s-situations[data-mode="deck"] { --ph: min(62svh, 540px); }
.s-situations[data-mode="deck"] .s-sit-ctl { display: flex; grid-row: 2; margin-bottom: 20px; }
.s-situations[data-mode="deck"] .s-sit-ctl .counter { font-size: 14px; min-width: 56px; }
.s-situations[data-mode="deck"] .s-sit-bridge-row { display: flex; grid-row: 4; }

.s-situations[data-mode="deck"] .s-sit-bridge-row, .s-situations[data-mode="deck"] .s-sit-bridge-row * { overflow-anchor: none; }
.s-situations[data-mode="deck"].is-fin .s-sit-bridge-row { visibility: hidden; }

.s-situations[data-mode="deck"] .s-sit-deck { grid-row: 3; min-height: calc(var(--ph) + 28px); touch-action: pan-y; }
.s-situations[data-mode="deck"] .s-sit-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; }
.s-situations[data-mode="deck"] .s-sit-card { grid-area: 1 / 1; height: var(--ph); padding: 24px; transform-origin: 50% 100%; z-index: 1;
  transition: transform var(--d3) var(--ease), opacity var(--d3) var(--ease), background-color var(--d3), box-shadow var(--d3), visibility 0s linear 0s; }
.s-situations[data-mode="deck"] .s-sit-card.is-top { z-index: 5; box-shadow: var(--sh-1); }
.s-situations[data-mode="deck"] .s-sit-card.is-n1 { z-index: 4; transform: translateY(14px) scale(.95); background: color-mix(in srgb, var(--white) 70%, var(--canvas)); box-shadow: var(--sh-1); }
.s-situations[data-mode="deck"] .s-sit-card.is-n2 { z-index: 3; transform: translateY(28px) scale(.9); background: color-mix(in srgb, var(--white) 44%, var(--canvas)); box-shadow: var(--sh-1); }
.s-situations[data-mode="deck"] .s-sit-card.is-far { z-index: 2; transform: translateY(28px) scale(.9); opacity: 0; visibility: hidden;
  transition: transform var(--d3) var(--ease), opacity var(--d3) var(--ease), background-color var(--d3), box-shadow var(--d3), visibility 0s linear var(--d3); }
.s-situations[data-mode="deck"] .s-sit-card.is-gone { z-index: 6; transform: translateY(-104%); opacity: 0; visibility: hidden;
  transition: transform var(--d3) var(--ease), opacity var(--d3) var(--ease), background-color var(--d3), box-shadow var(--d3), visibility 0s linear var(--d3); }

.s-situations[data-mode="deck"] .s-sit-card.is-gone.is-gone-x { transform: translateX(-108%) rotate(-3deg); }
.s-situations[data-mode="deck"] .s-sit-card.is-gone.is-gone-x :is(.s-sit-body, .s-sit-res-body) { transition: visibility 0s linear var(--d3); } 
.s-situations[data-mode="deck"] .s-sit-card:not(.is-top) :is(.s-sit-body, .s-sit-res-body) { visibility: hidden; } 

.s-situations[data-mode="deck"] .s-sit-res.is-n1 { background: color-mix(in srgb, var(--white) 70%, var(--canvas)); }
.s-situations[data-mode="deck"] .s-sit-res.is-n2 { background: color-mix(in srgb, var(--white) 44%, var(--canvas)); }
.s-situations[data-mode="deck"] .s-sit-res .s-sit-flow { transition: opacity var(--d3) var(--ease); }
.s-situations[data-mode="deck"] .s-sit-res:not(.is-top) .s-sit-flow { opacity: 0; }
.s-situations[data-mode="deck"] .s-sit-x { font-size: clamp(21px, 6.4cqi, 28px); line-height: 1.18; }
.s-situations[data-mode="deck"] .s-sit-main { padding-top: 16px; }
.s-situations[data-mode="deck"] .s-sit-res { padding: 24px; }
.s-situations[data-mode="deck"] .s-sit-res.is-top { height: auto; min-height: var(--ph); }
.s-situations[data-mode="deck"] .s-sit-go { height: 48px; }
@media (min-width: 720px) { 
  .s-situations[data-mode="deck"] { --ph: min(64svh, 600px); }
  .s-situations[data-mode="deck"] .s-sit-card { padding: 32px; }
  .s-situations[data-mode="deck"] .s-sit-res { padding: 36px; }
  .s-situations[data-mode="deck"] .s-sit-x { font-size: clamp(24px, 4.4cqi, 30px); }
  .s-situations[data-mode="deck"] .s-sit-res-t { max-width: 15em; font-size: clamp(36px, 5.4vw, 44px); } 
}

@media (max-width: 719.98px) {
  .s-sit-card { padding: 22px; }
  .s-sit-x { font-size: 22px; }
  .s-sit-res { padding: 24px; }
  .s-sit-res-t { margin-top: 20px; font-size: clamp(28px, 8.2vw, 34px); line-height: 1.07; }
  .s-sit-res-p { margin-top: 16px; font-size: 15.5px; }
  .s-sit-res-foot { padding-top: 28px; }
  .s-sit-res-stat { margin-top: 20px; padding-top: 18px; column-gap: 14px; }
  .s-sit-res-num { font-size: clamp(28px, 8.2vw, 34px); }               
  .s-sit-res-st { font-size: 14.5px; }
  .s-sit-go { width: auto; justify-content: flex-start; }                 
  
  .s-sit-res .s-sit-flow { background-size: auto, auto calc(62% + 4px), 100% 62%; background-position: 100% 100%, 16% calc(100% + 2px), 0 100%; }
  .s-sit-bridge-row .bridge { margin-top: 20px; }
  .s-situations:not([data-mode="slide"]):not([data-mode="deck"]) .s-sit-res-foot { padding-top: 64px; } 
  .s-sit-tag:not(.s-sit-tag--txt):not(.s-sit-tag--lg) { padding: 0 .8em; } 
  .s-situations[data-mode="deck"] { --ph: clamp(440px, 62svh, 540px); } 
}

@media (max-width: 719.98px) {
  html[data-risk="b"] .s-situations[data-mode="deck"] .s-sit-res-foot { padding-top: 64px; }
  html[data-risk="b"] .s-situations[data-mode="deck"] .s-sit-res .s-sit-flow { --lt-b: calc(var(--lt, .56) * 100% + 18%); }
}
@media (max-width: 719.98px) and (max-height: 759.98px) { 
  .s-situations[data-mode="deck"] .s-sit-res-t { font-size: 26px; }
  .s-situations[data-mode="deck"] .s-sit-res-p { font-size: 14px; }
}

html:not(.js) .s-sit-ctl { display: none; }

.s-sit-ill--b .s-sit-svg .s-sit-b-fill { fill: color-mix(in srgb, var(--soft) 60%, var(--white)); stroke: none; }
.s-sit-ill--b .s-sit-svg .s-sit-b-fill--cu { fill: color-mix(in srgb, var(--copper) 10%, var(--white)); stroke: none; }

.s-sit-ill--b .s-sit-svg .s-sit-b-band { fill: var(--soft); fill-opacity: .5; stroke: none; }

.s-sit-ill--b .s-sit-b-cap { --tx: -50%; --ty: 0%; text-align: center; }
.s-sit-ill--b .s-sit-b-top { --ty: 0%; }
.s-sit-ill--b .s-sit-b-big { --tx: -50%; --ty: -50%; font-size: calc(var(--tag-f) * 2.1); letter-spacing: -.02em; }

.s-sit-ill--b .s-sit-b-grow { position: absolute; z-index: 1; left: 3.333%; top: 10%; width: 45.833%; height: 79.167%; box-sizing: border-box;
  border: 1.5px solid var(--copper); border-radius: 2.917cqi; background: color-mix(in srgb, var(--copper) 7%, var(--white)); }
.s-sit-ill--b .s-sit-b-warn { position: absolute; left: 2.2cqi; top: 2cqi; display: block; width: 4.8cqi; height: 4.8cqi; }
.s-sit-ill--b .s-sit-b-warn svg { display: block; width: 100%; height: 100%; overflow: visible; }
.s-sit-ill--b .s-sit-b-warn path { fill: none; stroke: var(--copper); stroke-width: 1.5px; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.s-sit-ill--b .s-sit-b-warn .s-sit-b-dot { stroke-width: 2.2px; }

.s-sit-ill--b .s-sit-b-under { opacity: 0; }

@media (prefers-reduced-motion: no-preference) {
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--b .s-sit-b-grow { opacity: 0; width: 14.167%; height: 24.167%; }
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--b .s-sit-b-warn { opacity: 0; transform: scale(.4); }
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--b .s-sit-b-slide { transform: translateX(-16px); }
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--b .s-sit-b-under { opacity: 1; }

  html.js .s-sit-card.is-drawn .s-sit-ill--b .s-sit-b-grow {
    transition: opacity 400ms var(--ease) calc(var(--t0) + 2.2 * var(--st)),
      width 1000ms cubic-bezier(.45, 0, .2, 1) calc(var(--t0) + 3 * var(--st)), height 1000ms cubic-bezier(.45, 0, .2, 1) calc(var(--t0) + 3 * var(--st)); }
  html.js .s-sit-card.is-drawn .s-sit-ill--b .s-sit-b-warn {
    transition: opacity 400ms var(--ease) calc(var(--t0) + 8.6 * var(--st)), transform 600ms cubic-bezier(.3, 1.5, .5, 1) calc(var(--t0) + 8.6 * var(--st)); }
  html.js .s-sit-card.is-drawn .s-sit-ill--b .s-sit-b-under { transition: opacity 500ms var(--ease) calc(var(--t0) + 4.6 * var(--st)); }
  html.js .s-sit-card.is-drawn .s-sit-ill--b .s-sit-b-slide { transition: transform 900ms var(--ease) calc(var(--t0) + var(--i, 0) * var(--st)); }
}

.s-sit-ill--c { aspect-ratio: auto; width: min(100cqw, max(138cqh, 290px), 560px); height: min(92cqh, 66.667cqw, 373.33px); 
  
  --c-f1: clamp(12px, 2.55cqi, 15px);        
  --c-f2: clamp(11.5px, 2.3cqi, 13px);      
  --c-rh: max(28px, 8.4cqi);                
  --c-ic: max(22px, 6.3cqi);                
  --c-gx: max(8px, 2.3cqi);                 
  --c-px: max(12px, 3.8cqi);                
  --c-py: max(10px, 3cqi); }
.s-sit-ill--c::before { inset: -2% -6%; }

.s-sit-ill--c .s-sit-c-app { position: absolute; left: 50%; top: 50%; z-index: 1; box-sizing: border-box;
  width: min(100%, max(83%, 288px)); padding: var(--c-py) var(--c-px) calc(var(--c-py) * .8);
  translate: -50% -50%; scale: var(--k, 1);
  background: var(--white); border: 1px solid var(--line); border-radius: clamp(14px, 3.6cqi, 20px); box-shadow: var(--sh-1);
  font-family: var(--f); font-size: var(--c-f1); font-weight: 500; line-height: 1.2; letter-spacing: -.005em; color: var(--ink); text-align: left; }

.s-sit-ill--c .s-sit-c-hd { display: flex; align-items: center; justify-content: space-between; gap: var(--c-gx);
  min-height: max(14px, 3.6cqi); margin-bottom: max(4px, 1.2cqi); }
.s-sit-ill--c .s-sit-c-sk { display: block; width: 34%; height: max(7px, 1.6cqi); border-radius: var(--r-pill); background: var(--soft); }
.s-sit-ill--c .s-sit-c-sk--s { width: 12%; }

.s-sit-ill--c .s-sit-c-row { position: relative; display: flex; align-items: center; gap: var(--c-gx); min-height: var(--c-rh); }
.s-sit-ill--c .s-sit-c-row + .s-sit-c-row::before { content: ""; position: absolute; top: 0; right: 0; left: calc(var(--c-ic) + var(--c-gx)); height: 1px; background: var(--line); }
.s-sit-ill--c .s-sit-c-ico { flex: none; display: grid; place-items: center; width: var(--c-ic); height: var(--c-ic); border-radius: 32%; background: var(--soft); color: var(--g1); }
.s-sit-ill--c .s-sit-c-ico .i { width: 60%; height: 60%; stroke-width: 1.6; }
.s-sit-ill--c .s-sit-c-lb { flex: 1 1 auto; min-width: 0; overflow: hidden; white-space: nowrap; color: var(--ink-2); }
.s-sit-ill--c .s-sit-c-lb b { font-weight: 600; color: var(--ink); }

.s-sit-ill--c .s-sit-c-mask { flex: none; display: inline-flex; align-items: center; gap: max(3px, .75cqi); }
.s-sit-ill--c .s-sit-c-mask i { display: block; width: max(4.5px, 1.05cqi); height: max(4.5px, 1.05cqi); border-radius: 50%; background: var(--g1); }

.s-sit-ill--c .s-sit-c-chip { flex: none; display: inline-flex; align-items: center; gap: .4em; box-sizing: border-box; height: max(23px, 5.8cqi); padding: 0 .8em;
  border: 1px solid transparent; border-radius: var(--r-pill); background: var(--soft); font-size: var(--c-f2); font-weight: 600; line-height: 1; white-space: nowrap; color: var(--ink); }
.s-sit-ill--c .s-sit-c-chip .i { width: 1.2em; height: 1.2em; stroke-width: 2; color: var(--g1); }
.s-sit-ill--c .s-sit-c-chip .s-sit-c-mask i { width: max(3.5px, .8cqi); height: max(3.5px, .8cqi); }

.s-sit-ill--c .s-sit-c-chip--q { background: var(--white); border: 1px dashed var(--g3); color: var(--ink-2); }

.s-sit-ill--c .s-sit-c-chip--cu { background: var(--white); border-color: color-mix(in srgb, var(--copper) 42%, var(--white)); }
.s-sit-ill--c .s-sit-c-chip--cu .i { color: var(--copper); }

.s-sit-ill--c .s-sit-c-sum { display: flex; align-items: center; gap: var(--c-gx); min-height: var(--c-rh); margin-top: max(5px, 1.4cqi);
  padding: 0 max(4px, 1.2cqi) 0 max(10px, 2.6cqi); border-radius: max(10px, 2.6cqi); background: var(--soft); }
.s-sit-ill--c .s-sit-c-q { position: relative; flex: none; display: grid; place-items: center; width: max(24px, 6.6cqi); height: max(24px, 6.6cqi); font-weight: 600; color: var(--ink); }
.s-sit-ill--c .s-sit-c-ring { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.s-sit-ill--c .s-sit-c-ring circle { fill: var(--white); stroke: var(--copper); stroke-width: 1.5px; vector-effect: non-scaling-stroke; stroke-dasharray: 3 3.4; stroke-linecap: round; }
.s-sit-ill--c .s-sit-c-q > span { position: relative; }

.s-sit-ill--c .s-sit-c-chart { display: flex; align-items: flex-end; gap: max(5px, 1.7cqi); height: max(46px, 15cqi); margin: max(2px, .6cqi) 0 max(2px, .6cqi);
  padding: 0 max(2px, .8cqi); border-bottom: 1px solid var(--line); }
.s-sit-ill--c .s-sit-c-bar { flex: 1 1 0; display: block; height: var(--h); border-radius: max(3px, .9cqi) max(3px, .9cqi) 1px 1px; background: var(--g3); transform-origin: 50% 100%; }
.s-sit-ill--c .s-sit-c-bar--now { background: var(--g1); }

.s-sit-ill--c .s-sit-c-track { position: relative; display: block; height: max(7px, 1.7cqi); border-radius: var(--r-pill); background: var(--soft); }
.s-sit-ill--c .s-sit-c-fill { position: absolute; top: 0; bottom: 0; left: var(--a, 0%); width: var(--w); border-radius: inherit; background: var(--g1); transform-origin: 0 50%; }
.s-sit-ill--c .s-sit-c-grow--r { transform-origin: 100% 50%; }
.s-sit-ill--c .s-sit-c-fill--cu { background: var(--copper); }
.s-sit-ill--c .s-sit-c-fill--g2 { background: var(--g2); }
.s-sit-ill--c .s-sit-c-fill--g3 { background: var(--g3); }

.s-sit-ill--c .s-sit-c-row--bar { display: grid; grid-template-columns: var(--c-ic) 1fr auto; grid-template-rows: auto auto; column-gap: var(--c-gx); row-gap: max(6px, 1.5cqi);
  align-items: center; padding: max(7px, 2cqi) 0; }
.s-sit-ill--c .s-sit-c-row--bar .s-sit-c-ico { grid-row: 1 / 3; }
.s-sit-ill--c .s-sit-c-row--bar .s-sit-c-track { grid-column: 2 / 4; }
.s-sit-ill--c .s-sit-c-note { display: flex; align-items: center; gap: .5em; min-height: max(26px, 7cqi); margin-top: max(4px, 1.2cqi); padding: 0 .9em;
  border-radius: max(9px, 2.4cqi); background: var(--soft); font-size: var(--c-f2); font-weight: 600; color: var(--ink); white-space: nowrap; }
.s-sit-ill--c .s-sit-c-note .i { width: 1.25em; height: 1.25em; stroke-width: 1.8; color: var(--g1); }

.s-sit-ill--c .s-sit-c-hatch { flex: none; display: block; box-sizing: border-box; width: max(40px, 13cqi); height: max(12px, 3.2cqi); border: 1px solid var(--g3); border-radius: var(--r-pill);
  background: repeating-linear-gradient(-45deg, var(--g3) 0 1px, transparent 1px 5px); }
.s-sit-ill--c .s-sit-c-lock { flex: none; width: max(14px, 3.6cqi); height: max(14px, 3.6cqi); overflow: visible; }
.s-sit-ill--c .s-sit-c-lock :is(rect, path) { fill: none; stroke: var(--g1); stroke-width: 1.4px; vector-effect: non-scaling-stroke; stroke-linecap: round; stroke-linejoin: round; }
.s-sit-ill--c .s-sit-c-lock rect { fill: var(--white); }
.s-sit-ill--c .s-sit-c-shk { transform-box: fill-box; transform-origin: 50% 100%; }
.s-sit-ill--c .s-sit-c-row--free { margin-top: max(3px, .8cqi); }
.s-sit-ill--c .s-sit-c-row--free::before { left: 0; }
.s-sit-ill--c .s-sit-c-row--free .s-sit-c-lb { flex: none; }
.s-sit-ill--c .s-sit-c-track--free { flex: 1 1 auto; height: max(5px, 1.2cqi); }

.s-sit-ill--c .s-sit-c-wf { display: grid; grid-template-columns: max-content 1fr; column-gap: max(10px, 3cqi); }
.s-sit-ill--c .s-sit-c-wf .s-sit-c-row { grid-column: 1 / -1; display: grid; grid-template-columns: subgrid; column-gap: inherit; min-height: max(24px, 7.2cqi); }
.s-sit-ill--c .s-sit-c-wf .s-sit-c-row::before { content: none; }
.s-sit-ill--c .s-sit-c-wf .s-sit-c-row--end { margin-top: max(3px, .8cqi); border-top: 1px solid var(--line); }
.s-sit-ill--c .s-sit-c-track--wf { height: max(8px, 2.1cqi); background: var(--canvas); }
.s-sit-ill--c .s-sit-c-gap { position: absolute; top: 0; bottom: 0; left: var(--a); width: var(--w); box-sizing: border-box;
  border: 1.5px dashed var(--copper); border-radius: inherit; background: color-mix(in srgb, var(--copper) 6%, var(--white)); }

.s-sit-ill--c .s-sit-c-row--todo { --c-in: max(6px, 1.5cqi); margin: max(6px, 1.6cqi) calc(-1.5px - var(--c-in)) 0; padding: 0 var(--c-in); border: 1.5px dashed var(--g3); border-radius: max(11px, 3cqi); }
.s-sit-ill--c .s-sit-c-row--todo::before { content: none; }
.s-sit-ill--c .s-sit-c-row--todo .s-sit-c-ico { background: var(--canvas); }

@container (max-height: 180px) {
  .s-sit-ill--c .s-sit-c-hd:not(:has(.s-sit-c-chip)) { display: none; }
  .s-sit-ill--c .s-sit-c-hd .s-sit-c-sk { visibility: hidden; }
  .s-sit-ill--c .s-sit-c-app { --c-rh: 25px; --c-ic: 20px; --c-gx: 7px; padding: 8px 10px 7px; }
  .s-sit-ill--c .s-sit-c-row--bar { padding: 5px 0; row-gap: 5px; }
  .s-sit-ill--c .s-sit-c-wf .s-sit-c-row { min-height: 22px; }
  .s-sit-ill--c .s-sit-c-chart { height: 38px; }
  .s-sit-ill--c .s-sit-c-hatch { width: 30px; }
}

@media (prefers-reduced-motion: no-preference) {
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--c .s-sit-c-app { opacity: 0; transform: translateY(max(12px, 3cqi)) scale(.97); }
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--c :is(.s-sit-c-hd, .s-sit-c-row, .s-sit-c-chart, .s-sit-c-sum) { opacity: 0; transform: translateY(7px); }
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--c .s-sit-c-pop { opacity: 0; transform: scale(.82); }
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--c .s-sit-c-fade { opacity: 0; }
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--c .s-sit-c-grow { transform: scaleX(0); }
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--c .s-sit-c-bar { transform: scaleY(0); }
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--c .s-sit-c-shk { transform: translateY(-3px); }
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--c .s-sit-c-ring { transform: rotate(-70deg); }

  html.js .s-sit-card.is-drawn .s-sit-ill--c { --st: 100ms; }
  html.js .s-sit-card.is-drawn .s-sit-ill--c .s-sit-c-app { transition: opacity 500ms var(--ease) calc(var(--t0) + var(--i, 0) * var(--st)), transform 900ms var(--ease) calc(var(--t0) + var(--i, 0) * var(--st)); }
  html.js .s-sit-card.is-drawn .s-sit-ill--c :is(.s-sit-c-hd, .s-sit-c-row, .s-sit-c-chart, .s-sit-c-sum) { transition: opacity 450ms var(--ease) calc(var(--t0) + var(--i, 0) * var(--st)), transform 650ms var(--ease) calc(var(--t0) + var(--i, 0) * var(--st)); }
  html.js .s-sit-card.is-drawn .s-sit-ill--c .s-sit-c-pop { transition: opacity 350ms var(--ease) calc(var(--t0) + var(--i, 0) * var(--st)), transform 550ms cubic-bezier(.3, 1.45, .5, 1) calc(var(--t0) + var(--i, 0) * var(--st)); }
  html.js .s-sit-card.is-drawn .s-sit-ill--c .s-sit-c-fade { transition: opacity 600ms var(--ease) calc(var(--t0) + var(--i, 0) * var(--st)); }
  html.js .s-sit-card.is-drawn .s-sit-ill--c .s-sit-c-grow { transition: transform var(--sd, 900ms) cubic-bezier(.45, 0, .2, 1) calc(var(--t0) + var(--i, 0) * var(--st)); }
  html.js .s-sit-card.is-drawn .s-sit-ill--c .s-sit-c-bar { transition: transform 700ms var(--ease) calc(var(--t0) + var(--i, 0) * var(--st)); }
  html.js .s-sit-card.is-drawn .s-sit-ill--c .s-sit-c-shk { transition: transform 500ms cubic-bezier(.3, 1.4, .5, 1) calc(var(--t0) + 260ms + var(--i, 0) * var(--st)); }
  html.js .s-sit-card.is-drawn .s-sit-ill--c .s-sit-c-ring { transition: transform 1100ms var(--ease) calc(var(--t0) + var(--i, 0) * var(--st)); }
}

.s-sit-ill--d .s-sit-d-svg { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; overflow: visible; }

.s-sit-ill--d .s-sit-d-svg :is(path, circle, rect) { fill: none; stroke: var(--g1); stroke-width: calc(2px * var(--u)); stroke-linecap: round; stroke-linejoin: round; }
.s-sit-ill--d .s-sit-d-svg .s-sit-d-thin { stroke-width: calc(1.5px * var(--u)); }
.s-sit-ill--d .s-sit-d-svg .s-sit-d-mid { stroke: var(--g2); }
.s-sit-ill--d .s-sit-d-svg .s-sit-d-lt { stroke: var(--g3); }
.s-sit-ill--d .s-sit-d-svg .s-sit-d-cu { stroke: var(--copper); }
.s-sit-ill--d .s-sit-d-svg .s-sit-d-ln { stroke-dasharray: 1 2; stroke-dashoffset: 0; }               
.s-sit-ill--d .s-sit-d-svg .s-sit-d-dash { stroke-dasharray: calc(5px * var(--u)) calc(6px * var(--u)); }

.s-sit-ill--d .s-sit-d-svg .s-sit-d-fw { fill: var(--white); stroke: none; }
.s-sit-ill--d .s-sit-d-svg .s-sit-d-fs { fill: var(--soft); stroke: none; }
.s-sit-ill--d .s-sit-d-svg .s-sit-d-dot { fill: var(--g1); stroke: none; }
.s-sit-ill--d .s-sit-d-svg .s-sit-d-cuf { fill: var(--copper); stroke: none; }
.s-sit-ill--d .s-sit-d-svg .s-sit-d-end { fill: var(--white); stroke: var(--g1); }
.s-sit-ill--d .s-sit-d-svg .s-sit-d-end--cu { fill: var(--copper); stroke: var(--white); stroke-width: calc(2.5px * var(--u)); }
.s-sit-ill--d .s-sit-d-svg .s-sit-d-gap { fill: var(--copper); fill-opacity: .08; stroke: none; }

.s-sit-ill--d .s-sit-d-svg .s-sit-d-pie { stroke: var(--copper); stroke-opacity: .13; stroke-width: 96; stroke-linecap: butt; stroke-dasharray: var(--len) 100; }
.s-sit-ill--d .s-sit-d-svg .s-sit-d-pie.s-sit-d-arc { stroke-opacity: 1; stroke-width: calc(2.5px * var(--u)); }
.s-sit-ill--d .s-sit-d-svg .s-sit-d-hand { transform-box: view-box; transform-origin: var(--ox) var(--oy); transform: rotate(var(--deg)); }

.s-sit-ill--d .s-sit-d-svg .s-sit-d-bar { fill: url(#s-sit-d-p-hatch); stroke: var(--g2); stroke-width: calc(1.5px * var(--u)); }
.s-sit-ill--d .s-sit-d-svg .s-sit-d-hatch { stroke: var(--g3); stroke-width: calc(1.25px * var(--u)); }
.s-sit-ill--d .s-sit-d-svg .s-sit-d-slv { fill: var(--copper); stroke: none; }

.s-sit-ill--d .s-sit-d-svg :is(.s-sit-d-pop, .s-sit-d-spin, .s-sit-d-grow-x, .s-sit-d-drop) { transform-box: fill-box; }
.s-sit-ill--d .s-sit-d-svg :is(.s-sit-d-pop, .s-sit-d-spin) { transform-origin: 50% 50%; }
.s-sit-ill--d .s-sit-d-svg .s-sit-d-grow-x { transform-origin: 0% 50%; }
.s-sit-ill--d .s-sit-d-svg .s-sit-d-drop { transform-origin: 50% 100%; }

.s-sit-ill--d .s-sit-d-tag { --tx: -50%; --ty: -50%; position: absolute; left: var(--x); top: var(--y); z-index: 2;
  font-size: var(--tag-f); font-weight: 600; line-height: 1.15; letter-spacing: -.005em; white-space: nowrap; color: var(--ink);
  transform: translate(var(--tx), var(--ty)); }
.s-sit-ill--d .s-sit-d-tag--l { --tx: 0%; }
.s-sit-ill--d .s-sit-d-tag--r { --tx: -100%; }
.s-sit-ill--d .s-sit-d-tag--lg { font-size: calc(var(--tag-f) * 1.16); letter-spacing: -.012em; }
.s-sit-ill--d .s-sit-d-tag--cu { display: inline-flex; align-items: center; gap: .5em; }
.s-sit-ill--d .s-sit-d-tag--cu::before { content: ""; flex: none; width: .5em; height: .5em; border-radius: 50%; background: var(--copper); }

@media (prefers-reduced-motion: no-preference) {
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--d .s-sit-d-ln { stroke-dashoffset: 1.02; }
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--d :is(.s-sit-d-fade, .s-sit-d-dash) { opacity: 0; }
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--d .s-sit-d-pop { opacity: 0; transform: scale(.3); }
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--d .s-sit-d-spin { opacity: 0; transform: rotate(-60deg); }
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--d .s-sit-d-move { opacity: 0; transform: translate(var(--dx), var(--dy)); }
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--d .s-sit-d-wipe { clip-path: inset(-12% 100% -12% 0); }
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--d .s-sit-d-pie { stroke-dasharray: 0 100; }
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--d .s-sit-d-hand { transform: rotate(0deg); }
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--d .s-sit-d-grow-x { transform: scaleX(0); }
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--d .s-sit-d-drop { transform: translateY(-16px); }
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--d .s-sit-d-tag { opacity: 0; transform: translate(var(--tx), var(--ty)) translateY(8px); }

  html.js .s-sit-card.is-drawn .s-sit-ill--d .s-sit-d-ln { transition: stroke-dashoffset var(--sd, 1100ms) cubic-bezier(.45, 0, .2, 1) calc(var(--t0) + var(--i, 0) * var(--st)), transform 700ms cubic-bezier(.3, 1.3, .5, 1) calc(var(--t0) + 500ms + var(--i, 0) * var(--st)); }
  html.js .s-sit-card.is-drawn .s-sit-ill--d :is(.s-sit-d-fade, .s-sit-d-dash) { transition: opacity 900ms var(--ease) calc(var(--t0) + var(--i, 0) * var(--st)); }
  html.js .s-sit-card.is-drawn .s-sit-ill--d .s-sit-d-pop { transition: opacity 400ms var(--ease) calc(var(--t0) + var(--i, 0) * var(--st)), transform 600ms cubic-bezier(.3, 1.5, .5, 1) calc(var(--t0) + var(--i, 0) * var(--st)); }
  html.js .s-sit-card.is-drawn .s-sit-ill--d .s-sit-d-spin { transition: opacity 900ms var(--ease) calc(var(--t0) + var(--i, 0) * var(--st)), transform 1600ms var(--ease) calc(var(--t0) + var(--i, 0) * var(--st)); }
  html.js .s-sit-card.is-drawn .s-sit-ill--d .s-sit-d-move { transition: opacity 700ms var(--ease) calc(var(--t0) + var(--i, 0) * var(--st)), transform 1600ms var(--ease) calc(var(--t0) + var(--i, 0) * var(--st)); }
  html.js .s-sit-card.is-drawn .s-sit-ill--d .s-sit-d-wipe { transition: clip-path var(--sd, 1300ms) cubic-bezier(.45, 0, .2, 1) calc(var(--t0) + var(--i, 0) * var(--st)); }
  html.js .s-sit-card.is-drawn .s-sit-ill--d .s-sit-d-wipe--lin { transition-timing-function: linear; }
  html.js .s-sit-card.is-drawn .s-sit-ill--d :is(.s-sit-d-pie, .s-sit-d-hand) { transition: stroke-dasharray var(--sd, 1400ms) cubic-bezier(.45, 0, .2, 1) calc(var(--t0) + var(--i, 0) * var(--st)), transform var(--sd, 1400ms) cubic-bezier(.45, 0, .2, 1) calc(var(--t0) + var(--i, 0) * var(--st)); }
  html.js .s-sit-card.is-drawn .s-sit-ill--d .s-sit-d-grow-x { transition: transform 900ms var(--ease) calc(var(--t0) + var(--i, 0) * var(--st)); }
  html.js .s-sit-card.is-drawn .s-sit-ill--d .s-sit-d-tag { transition: opacity 600ms var(--ease) calc(var(--t0) + var(--i, 0) * var(--st)), transform 800ms var(--ease) calc(var(--t0) + var(--i, 0) * var(--st)); }
}

.s-sit-ill--e { width: min(100cqw, 156cqh, 600px); aspect-ratio: 17 / 10; container: se / inline-size; 
  --se-st: 120ms; --se-in: 260ms;
  --se-g: clamp(6px, 1.6cqi, 10px);               
  --se-p: clamp(8px, 2.4cqi, 15px);               
  --se-kf: clamp(11.5px, 2.1cqi, 13px);           
  --se-nf: clamp(24px, 8.6cqi, 52px);             
  --se-ic: clamp(20px, 4.6cqi, 28px);             
  --se-r: clamp(9px, 2cqi, 12px);                 
  --se-bh: clamp(6px, 1.5cqi, 9px); }             
.s-sit-ill--e::before { content: none; }

@container (max-width: 419.98px) { .s-sit-ill--e { width: min(100cqw, max(138cqh, min(262px, 150cqh))); aspect-ratio: 3 / 2; } }

.s-sit-ill--e .s-sit-e { position: absolute; inset: 0; z-index: 1; display: grid; gap: var(--se-g); padding: var(--se-g);
  border-radius: clamp(14px, 3.4cqi, 20px); background: var(--soft); color: var(--ink); font-family: var(--f); font-weight: 500;
  font-variant-numeric: tabular-nums; }
.s-sit-ill--e .s-sit-e > *, .s-sit-ill--e .s-sit-e-chain > * { min-width: 0; min-height: 0; }

.s-sit-ill--e .s-sit-e-m { --se-dk: calc(var(--t0, 160ms) + var(--k, 0) * var(--se-st));
  position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 0; padding: var(--se-p);
  border-radius: var(--se-r); background: var(--white); overflow: hidden; }
.s-sit-ill--e .s-sit-e-m > * { position: relative; z-index: 1; }

.s-sit-ill--e .s-sit-e-m--ink { color: var(--white);
  background: radial-gradient(74% 66% at 104% 108%, color-mix(in srgb, var(--o-light) 58%, transparent) 0%,
    color-mix(in srgb, var(--o-mid) 30%, transparent) 36%, color-mix(in srgb, var(--o-deep) 10%, transparent) 62%, transparent 80%), var(--ink); }

.s-sit-ill--e .s-sit-e-h { display: flex; align-items: flex-start; justify-content: space-between; gap: 6px; flex: none; min-width: 0; }
.s-sit-ill--e .s-sit-e-h--end { justify-content: flex-end; }
.s-sit-ill--e .s-sit-e-k { min-width: 0; font-size: var(--se-kf); font-weight: 600; line-height: 1.2; letter-spacing: -.005em; color: var(--ink-2); text-wrap: balance; }
.s-sit-ill--e .s-sit-e-k--ink { color: var(--ink); }
.s-sit-ill--e .s-sit-e-m--ink .s-sit-e-k { color: var(--on-ink-2); }
.s-sit-ill--e .s-sit-e-ic { display: grid; place-items: center; flex: none; width: var(--se-ic); height: var(--se-ic); margin: -3px -3px 0 0;
  border-radius: 50%; background: var(--soft); color: var(--ink); }
.s-sit-ill--e .s-sit-e-ic svg { width: 58%; height: 58%; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; overflow: visible; }
.s-sit-ill--e .s-sit-e-ic svg .f { fill: currentColor; stroke: none; }
.s-sit-ill--e .s-sit-e-m--ink .s-sit-e-ic { background: var(--ink-in); color: var(--white); }

.s-sit-ill--e .s-sit-e-n { display: block; margin-top: auto; font-size: var(--se-nf); font-weight: 600; line-height: .9; letter-spacing: -.04em; white-space: nowrap; color: var(--ink); }
.s-sit-ill--e .s-sit-e-n--lg { font-size: calc(var(--se-nf) * 1.1); }
.s-sit-ill--e .s-sit-e-m--ink .s-sit-e-n { color: var(--white); }

.s-sit-ill--e .s-sit-e-p { display: inline-flex; align-items: center; gap: 6px; flex: none; height: clamp(20px, 4cqi, 24px); padding: 0 clamp(8px, 1.8cqi, 11px);
  border-radius: var(--r-pill); background: var(--soft); font-size: 11.5px; font-weight: 600; line-height: 1; white-space: nowrap; color: var(--ink); }
.s-sit-ill--e .s-sit-e-p::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--g2); flex: none; }
.s-sit-ill--e .s-sit-e-p--cu { background: color-mix(in srgb, var(--copper) 16%, var(--white)); }
.s-sit-ill--e .s-sit-e-p--cu::before { background: var(--copper); }

.s-sit-ill--e .s-sit-e-trk { position: relative; display: block; flex: 1 1 auto; min-width: 0; height: var(--se-bh); border-radius: var(--r-pill); background: var(--soft); }
.s-sit-ill--e .s-sit-e-m--ink .s-sit-e-trk { background: var(--ink-in); }
.s-sit-ill--e .s-sit-e-bar { position: absolute; top: 0; bottom: 0; left: calc(var(--a) * 100%); width: calc((var(--b) - var(--a)) * 100%);
  border-radius: var(--r-pill); background: var(--g1); transform-origin: 0 50%; }
.s-sit-ill--e .s-sit-e-bar.s-sit-e-cu { background: var(--copper); }

.s-sit-ill--e .s-sit-e-1 { grid-template-columns: 1fr 1fr 1.2fr; grid-template-rows: 1fr 1fr; grid-template-areas: "a b t" "c d t"; }
.s-sit-ill--e .s-sit-e-1 .s-sit-e-a { grid-area: a; }
.s-sit-ill--e .s-sit-e-1 .s-sit-e-b { grid-area: b; }
.s-sit-ill--e .s-sit-e-1 .s-sit-e-c { grid-area: c; }
.s-sit-ill--e .s-sit-e-1 .s-sit-e-d { grid-area: d; }
.s-sit-ill--e .s-sit-e-1 .s-sit-e-t { grid-area: t; }
.s-sit-ill--e .s-sit-e-1 .s-sit-e-m:not(.s-sit-e-m--ink) .s-sit-e-n { color: var(--ink); }

.s-sit-ill--e .s-sit-e-split { display: flex; gap: clamp(3px, .8cqi, 5px); flex: none; margin-top: clamp(8px, 2.4cqi, 14px); }
.s-sit-ill--e .s-sit-e-split i { display: block; flex: 1 1 0; height: var(--se-bh); border: 1.25px solid color-mix(in srgb, var(--white) 34%, transparent); border-radius: var(--r-pill); }

.s-sit-ill--e .s-sit-e-2 { grid-template-columns: 1.3fr 1fr; }
.s-sit-ill--e .s-sit-e-bars { flex: 1 1 auto; min-height: 0; display: flex; align-items: flex-end; gap: clamp(4px, 1.4cqi, 9px); margin-top: clamp(8px, 2.6cqi, 16px);
  border-bottom: 1px solid var(--line); padding-bottom: 1px; }
.s-sit-ill--e .s-sit-e-bars i { display: block; flex: 1 1 0; height: calc(var(--v) * 100%); min-height: 6px; border-radius: clamp(4px, 1cqi, 6px) clamp(4px, 1cqi, 6px) 2px 2px;
  background: var(--g3); transform-origin: 50% 100%; }
.s-sit-ill--e .s-sit-e-bars i:nth-child(n+4) { background: var(--g2); }
.s-sit-ill--e .s-sit-e-bars i:nth-child(6) { background: var(--g1); }
.s-sit-ill--e .s-sit-e-bars i.s-sit-e-cu { background: var(--copper); }
.s-sit-ill--e .s-sit-e-inc .s-sit-e-n { margin-top: clamp(6px, 2.4cqi, 16px); }
.s-sit-ill--e .s-sit-e-line { position: relative; flex: 1 1 auto; min-height: 24px; margin: clamp(6px, 2cqi, 12px) 6px 0 0; }
.s-sit-ill--e .s-sit-e-line svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.s-sit-ill--e .s-sit-e-line path { vector-effect: non-scaling-stroke; }
.s-sit-ill--e .s-sit-e-line .s-sit-e-band { fill: color-mix(in srgb, var(--white) 8%, transparent); stroke: none; }
.s-sit-ill--e .s-sit-e-line .s-sit-e-dash { fill: none; stroke: color-mix(in srgb, var(--white) 78%, transparent); stroke-width: 1.5px; stroke-dasharray: 3 5; stroke-linecap: round; }
.s-sit-ill--e .s-sit-e-end { position: absolute; left: 100%; top: 46.7%; width: 10px; height: 10px; margin: -5px 0 0 -5px; border-radius: 50%;
  background: var(--ink); border: 1.5px solid color-mix(in srgb, var(--white) 80%, transparent); }

.s-sit-ill--e .s-sit-e-3 { grid-template-columns: 1fr 1.25fr; grid-template-rows: 1fr 1fr; grid-template-areas: "r l" "r k"; }
.s-sit-ill--e .s-sit-e-3 .s-sit-e-ringc { grid-area: r; container-type: size; }
.s-sit-ill--e .s-sit-e-3 .s-sit-e-leg { grid-area: l; justify-content: center; gap: clamp(8px, 2.4cqi, 14px); }
.s-sit-ill--e .s-sit-e-3 .s-sit-e-risk { grid-area: k; }
.s-sit-ill--e .s-sit-e-ring { position: absolute; inset: 0; display: grid; place-items: center; }
.s-sit-ill--e .s-sit-e-ringsvg { width: min(100cqw, 100cqh); height: auto; aspect-ratio: 1; overflow: visible; }
.s-sit-ill--e .s-sit-e-ringsvg circle { fill: none; stroke-width: 14; }
.s-sit-ill--e .s-sit-e-ringsvg .s-sit-e-trk { stroke: var(--soft); }
.s-sit-ill--e .s-sit-e-ringsvg .s-sit-e-arc { stroke-dasharray: var(--len) 100; stroke-dashoffset: var(--off); }
.s-sit-ill--e .s-sit-e-ringsvg .s-sit-e-cu { stroke: var(--copper); }
.s-sit-ill--e .s-sit-e-ringsvg .s-sit-e-g1 { stroke: var(--g1); }
.s-sit-ill--e .s-sit-e-ringsvg .s-sit-e-g2 { stroke: var(--g2); }
.s-sit-ill--e .s-sit-e-ringsvg .s-sit-e-g3 { stroke: var(--g3); }
.s-sit-ill--e .s-sit-e-lrow { display: flex; flex-direction: column; align-items: flex-start; gap: clamp(5px, 1.2cqi, 8px); }
.s-sit-ill--e .s-sit-e-lrow .s-sit-e-trk { width: 100%; flex: none; }
.s-sit-ill--e .s-sit-e-lrow .s-sit-e-bar:not(.s-sit-e-cu) { background: var(--g2); }
.s-sit-ill--e .s-sit-e-risk { justify-content: space-between; }
.s-sit-ill--e .s-sit-e-risk .s-sit-e-h { position: absolute; top: var(--se-p); right: var(--se-p); }
.s-sit-ill--e .s-sit-e-gw { flex: 1 1 auto; min-height: 0; display: flex; align-items: flex-end; }
.s-sit-ill--e .s-sit-e-gb { position: relative; height: min(100%, clamp(48px, 15cqi, 88px)); aspect-ratio: 120 / 64; }
.s-sit-ill--e .s-sit-e-gauge { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.s-sit-ill--e .s-sit-e-gauge path { fill: none; stroke-linecap: round; }
.s-sit-ill--e .s-sit-e-gauge .s-sit-e-gtrk { stroke: var(--ink-line); stroke-width: 9; stroke-dasharray: 1 2; }
.s-sit-ill--e .s-sit-e-gauge .s-sit-e-gdash { stroke: color-mix(in srgb, var(--white) 50%, transparent); stroke-width: 1.5; stroke-dasharray: 2 4; }
.s-sit-ill--e .s-sit-e-gq { position: absolute; left: 50%; bottom: -.06em; translate: -50% 0; margin: 0; font-size: calc(var(--se-nf) * .8); }

.s-sit-ill--e .s-sit-e-4 { grid-template-columns: 1.5fr 1.36fr .94fr minmax(84px, .66fr); }
.s-sit-ill--e .s-sit-e-lk { gap: clamp(8px, 2cqi, 12px); }
.s-sit-ill--e .s-sit-e-lk .s-sit-e-k { color: var(--ink); }

.s-sit-ill--e .s-sit-e-hatch { display: grid; place-items: center; flex: 1 1 auto; min-height: 0; margin: 0 calc(var(--se-p) * -.45) calc(var(--se-p) * -.45);
  border-radius: clamp(6px, 1.4cqi, 8px);
  background: repeating-linear-gradient(135deg, color-mix(in srgb, var(--ink) 10%, transparent) 0 1.25px, transparent 1.25px 7px), var(--soft); }
.s-sit-ill--e .s-sit-e-lock { --se-ic: clamp(28px, 7.4cqi, 44px); margin: 0; border-radius: var(--se-r); background: var(--white); color: var(--g1); }
.s-sit-ill--e .s-sit-e-lock svg { width: 50%; height: 50%; stroke-width: 1.5; }
.s-sit-ill--e .s-sit-e-lock .s-sit-e-shk { transform-box: fill-box; transform-origin: 50% 100%; }
.s-sit-ill--e .s-sit-e-free { gap: clamp(8px, 2cqi, 12px); padding-left: clamp(8px, 1.8cqi, 11px); padding-right: clamp(8px, 1.8cqi, 11px); }
.s-sit-ill--e .s-sit-e-free .s-sit-e-k { color: var(--white); }
.s-sit-ill--e .s-sit-e-ftrk { position: relative; display: block; flex: 1 1 auto; min-height: 0; margin: 0 -2px -2px; border-radius: clamp(6px, 1.4cqi, 8px); background: var(--ink-in); overflow: hidden; }
.s-sit-ill--e .s-sit-e-ffill { position: absolute; left: 0; right: 0; bottom: 0; height: max(5px, 5%); border-radius: var(--r-pill); background: var(--copper); transform-origin: 50% 100%; }

.s-sit-ill--e .s-sit-e-5 { grid-template-rows: auto 1fr auto; --lc: 36%; }
.s-sit-ill--e .s-sit-e-5 .s-sit-e-row { display: flex; align-items: center; gap: clamp(8px, 2cqi, 14px); flex: 1 1 0; min-height: 0; }
.s-sit-ill--e .s-sit-e-5 .s-sit-e-row > .s-sit-e-k { flex: 0 0 var(--lc); }
.s-sit-ill--e .s-sit-e-5 .s-sit-e-in, .s-sit-ill--e .s-sit-e-5 .s-sit-e-net { justify-content: center; padding-top: clamp(9px, 2.6cqi, 16px); padding-bottom: clamp(9px, 2.6cqi, 16px); }
.s-sit-ill--e .s-sit-e-5 :is(.s-sit-e-in, .s-sit-e-net) > .s-sit-e-row { flex: none; }
.s-sit-ill--e .s-sit-e-5 .s-sit-e-in .s-sit-e-bar { background: var(--ink); }
.s-sit-ill--e .s-sit-e-5 .s-sit-e-cuts { padding-top: calc(var(--se-p) * .5); padding-bottom: calc(var(--se-p) * .5); }
.s-sit-ill--e .s-sit-e-5 .s-sit-e-cuts .s-sit-e-row + .s-sit-e-row { border-top: 1px solid var(--line); }
.s-sit-ill--e .s-sit-e-5 .s-sit-e-cuts .s-sit-e-k { color: var(--ink); }
.s-sit-ill--e .s-sit-e-5 .s-sit-e-rest { background: var(--g3); }
.s-sit-ill--e .s-sit-e-5 .s-sit-e-piece { left: calc(var(--a) * 100% + 3px); width: calc((var(--b) - var(--a)) * 100% - 3px); background: var(--copper); }
.s-sit-ill--e .s-sit-e-5 .s-sit-e-net .s-sit-e-bar { background: var(--white); }
.s-sit-ill--e .s-sit-e-5 .s-sit-e-net .s-sit-e-k { color: var(--white); }
.s-sit-ill--e .s-sit-e-pt { position: absolute; z-index: 2; top: 50%; left: calc(var(--x) * 100%); width: 12px; height: 12px; margin: -6px 0 0 -6px; border-radius: 50%;
  background: var(--white); border: 2.5px solid var(--ink); }

.s-sit-ill--e .s-sit-e-6 { grid-template-rows: 1.5fr 1fr; }
.s-sit-ill--e .s-sit-e-chain { display: grid; grid-template-columns: 1fr clamp(26px, 9cqi, 60px) 1fr clamp(26px, 9cqi, 60px) 1fr; }
.s-sit-ill--e .s-sit-e-node { align-items: center; justify-content: center; gap: clamp(6px, 1.8cqi, 12px); text-align: center; }
.s-sit-ill--e .s-sit-e-node .s-sit-e-ic { --se-ic: clamp(26px, 7.4cqi, 44px); margin: 0; }
.s-sit-ill--e .s-sit-e-node .s-sit-e-k { font-size: calc(var(--se-kf) * 1.04); }
.s-sit-ill--e .s-sit-e-link { --se-dk: calc(var(--t0, 160ms) + var(--k, 0) * var(--se-st));
  position: relative; display: block; align-self: center; height: 0; margin: 0 6px; border-top: 1.5px dashed var(--g2); }
.s-sit-ill--e .s-sit-e-link b { position: absolute; top: -4.25px; width: 7px; height: 7px; border-radius: 50%; background: var(--g2); }
.s-sit-ill--e .s-sit-e-link b:first-child { left: -6px; }
.s-sit-ill--e .s-sit-e-link b:last-child { right: -6px; }
.s-sit-ill--e .s-sit-e-q { position: absolute; left: 50%; top: 0; translate: -50% -50%; display: grid; place-items: center;
  width: clamp(18px, 4.2cqi, 24px); height: clamp(18px, 4.2cqi, 24px); border-radius: 50%; border: 1.5px solid var(--copper); background: var(--white);
  font-size: 11.5px; font-weight: 600; line-height: 1; color: var(--ink); }
.s-sit-ill--e .s-sit-e-shield { flex-direction: row; align-items: center; gap: clamp(10px, 3.4cqi, 24px); }
.s-sit-ill--e .s-sit-e-shield > .s-sit-e-ic { --se-ic: clamp(26px, 7.4cqi, 44px); margin: 0; }

.s-sit-ill--e .s-sit-e-dots { display: flex; justify-content: space-between; align-items: center; gap: 4px; flex: 1 1 auto; min-width: 0; }
.s-sit-ill--e .s-sit-e-dots i { display: block; width: clamp(9px, 2.6cqi, 16px); aspect-ratio: 1; border-radius: 50%; border: 1.5px solid color-mix(in srgb, var(--white) 32%, transparent); }

@container se (max-width: 380px) {
  .s-sit-ill--e .s-sit-e-ic { margin: -2px -2px 0 0; }
  
  .s-sit-ill--e .s-sit-e-1 .s-sit-e-m:not(.s-sit-e-m--ink) .s-sit-e-ic { display: none; }
  
  .s-sit-ill--e .s-sit-e-3 .s-sit-e-lrow .s-sit-e-trk { display: none; }
  .s-sit-ill--e .s-sit-e-3 { grid-template-columns: 1fr 1.35fr; }
  
  .s-sit-ill--e .s-sit-e-4 { grid-template-columns: 1.5fr 1.36fr .94fr; grid-template-rows: 1fr auto; }
  .s-sit-ill--e .s-sit-e-free { grid-column: 1 / -1; flex-direction: row; align-items: center; padding-top: 7px; padding-bottom: 7px; }
  .s-sit-ill--e .s-sit-e-ftrk { flex: 1 1 auto; height: var(--se-bh); margin: 0; border-radius: var(--r-pill); }
  .s-sit-ill--e .s-sit-e-ffill { top: 0; right: auto; height: auto; width: max(8px, 6%); transform-origin: 0 50%; }
  .s-sit-ill--e .s-sit-e-hatch { margin: 0 -3px -3px; }
  
  .s-sit-ill--e .s-sit-e-5 { --lc: 46%; }
  .s-sit-ill--e .s-sit-e-5 .s-sit-e-k { line-height: 1.1; }
  
  .s-sit-ill--e .s-sit-e-link { margin: 0 3px; }
  .s-sit-ill--e .s-sit-e-link b { display: none; }
}
@container se (max-width: 290px) {
  .s-sit-ill--e .s-sit-e-ic { display: none; }
  .s-sit-ill--e .s-sit-e-6 .s-sit-e-node .s-sit-e-ic, .s-sit-ill--e .s-sit-e-shield > .s-sit-e-ic { display: grid; }
  .s-sit-ill--e .s-sit-e-split { display: none; }
  .s-sit-ill--e .s-sit-e-dots i:nth-child(n+10) { display: none; }
}

.s-sit-ill--e .s-sit-e-grow, .s-sit-ill--e .s-sit-e-grow-x, .s-sit-ill--e .s-sit-e-pinch, .s-sit-ill--e .s-sit-e-wipe,
.s-sit-ill--e .s-sit-e-wipe-up, .s-sit-ill--e .s-sit-e-arc, .s-sit-ill--e .s-sit-e-draw, .s-sit-ill--e .s-sit-e-pop,
.s-sit-ill--e .s-sit-e-shk, .s-sit-ill--e .s-sit-e-ffill, .s-sit-ill--e .s-sit-e-end, .s-sit-ill--e .s-sit-e-gtrk {
  --se-dj: calc(var(--se-dk) + var(--se-in) + var(--j, 0) * 70ms); }
.s-sit-ill--e .s-sit-e-wipe { clip-path: inset(-14px); }
.s-sit-ill--e .s-sit-e-wipe-up { clip-path: inset(0); }
@media (prefers-reduced-motion: no-preference) {
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--e .s-sit-e-m { opacity: 0; translate: 0 14px; scale: .97; }
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--e .s-sit-e-link { opacity: 0; clip-path: inset(-14px calc(100% + 14px) -14px -14px); }
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--e .s-sit-e-grow { scale: 1 0; }
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--e :is(.s-sit-e-grow-x, .s-sit-e-pinch) { scale: 0 1; }
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--e .s-sit-e-wipe:not(.s-sit-e-link) { clip-path: inset(-14px calc(100% + 14px) -14px -14px); }
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--e .s-sit-e-wipe-up { clip-path: inset(100% 0 0 0); }
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--e .s-sit-e-arc { stroke-dasharray: 0 100; }
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--e .s-sit-e-gtrk { stroke-dashoffset: 1; }
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--e .s-sit-e-draw { opacity: 0; }
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--e :is(.s-sit-e-pop, .s-sit-e-end) { opacity: 0; scale: .55; }
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--e .s-sit-e-shk { translate: 0 -2.5px; }
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--e .s-sit-e-ffill { scale: 1 0; }

  html.js .s-sit-card.is-drawn .s-sit-ill--e .s-sit-e-m { transition: opacity 520ms var(--ease) var(--se-dk), translate 900ms cubic-bezier(.16, 1, .3, 1) var(--se-dk), scale 900ms cubic-bezier(.16, 1, .3, 1) var(--se-dk); }
  html.js .s-sit-card.is-drawn .s-sit-ill--e .s-sit-e-link { transition: opacity 300ms var(--ease) var(--se-dk), clip-path 700ms cubic-bezier(.45, 0, .2, 1) var(--se-dk); }
  html.js .s-sit-card.is-drawn .s-sit-ill--e :is(.s-sit-e-grow, .s-sit-e-grow-x, .s-sit-e-pinch) { transition: scale 800ms cubic-bezier(.22, .8, .2, 1) var(--se-dj); }
  html.js .s-sit-card.is-drawn .s-sit-ill--e .s-sit-e-wipe:not(.s-sit-e-link) { transition: clip-path 1200ms cubic-bezier(.45, 0, .2, 1) var(--se-dj); }
  html.js .s-sit-card.is-drawn .s-sit-ill--e .s-sit-e-wipe-up { transition: clip-path 800ms cubic-bezier(.3, 0, .2, 1) var(--se-dj); }
  html.js .s-sit-card.is-drawn .s-sit-ill--e .s-sit-e-arc { transition: stroke-dasharray 1100ms cubic-bezier(.3, 0, .2, 1) var(--se-dj); }
  html.js .s-sit-card.is-drawn .s-sit-ill--e .s-sit-e-gtrk { transition: stroke-dashoffset 1000ms cubic-bezier(.45, 0, .2, 1) var(--se-dj); }
  html.js .s-sit-card.is-drawn .s-sit-ill--e .s-sit-e-draw { transition: opacity 500ms var(--ease) var(--se-dj); }
  html.js .s-sit-card.is-drawn .s-sit-ill--e :is(.s-sit-e-pop, .s-sit-e-end) { transition: opacity 340ms var(--ease) var(--se-dj), scale 560ms cubic-bezier(.3, 1.45, .5, 1) var(--se-dj); }
  html.js .s-sit-card.is-drawn .s-sit-ill--e .s-sit-e-shk { transition: translate 420ms cubic-bezier(.3, 1.6, .5, 1) var(--se-dj); }
  html.js .s-sit-card.is-drawn .s-sit-ill--e .s-sit-e-ffill { transition: scale 900ms cubic-bezier(.22, .8, .2, 1) var(--se-dj); }
  
  html.js .s-sit-card.is-drawn .s-sit-ill--e .s-sit-e-2 .s-sit-e-end { --se-dj: calc(var(--se-dk) + var(--se-in) + 1250ms); }
  html.js .s-sit-card.is-drawn .s-sit-ill--e .s-sit-e-4 .s-sit-e-shk { --se-dj: calc(var(--se-dk) + var(--se-in) + 4 * 70ms + 160ms); }
}

.s-sit-ill--f { --sf-cud: color-mix(in srgb, var(--copper) 72%, var(--ink)); container-type: size; aspect-ratio: auto;
  width: min(100cqw, 460px); height: min(92cqh, calc(min(100cqw, 460px) * .7176)); }
@container (min-width: 500px) and (min-height: 272px) {
  .s-sit-ill--f { width: min(100cqw, 184cqh, 620px); height: auto; aspect-ratio: 2 / 1; }
}
.s-sit-ill--f::before { content: none; }   

html[data-sit="f"] .s-situations:not([data-mode="slide"]):not([data-mode="deck"]) .s-sit-art { height: clamp(272px, 21.25vw, 300px); }
@container (min-width: 500px) and (min-height: 272px) {
  html[data-sit="f"] .s-situations:not([data-mode="slide"]):not([data-mode="deck"]) .s-sit-ill--f { width: min(100cqw, 620px, calc(clamp(272px, 21.25vw, 300px) * 1.84)); }
}

.s-sit-ill--f .s-sit-f-pan { position: absolute; left: 50%; top: 50%; box-sizing: border-box; translate: -50% -50%;
  border-radius: 20px; background: var(--canvas); font-family: var(--f); font-weight: 500; line-height: 1.2; letter-spacing: -.005em; color: var(--ink); text-align: left; }

.s-sit-ill--f .s-sit-f-pw { display: none; width: 520px; height: 260px; scale: var(--kw, 1); --sw: calc(1px / max(1, var(--kw, 1))); }

.s-sit-ill--f .s-sit-f-pn { width: 340px; height: 244px; scale: var(--kn, 1); --sw: calc(1px / max(1, var(--kn, 1))); --fc: max(1, calc(.8846 / var(--kn, 1))); }
@container (min-width: 500px) {
  .s-sit-ill--f .s-sit-f-pw { display: block; }
  .s-sit-ill--f .s-sit-f-pn { display: none; }
}

.s-sit-ill--f .s-sit-f-t { position: absolute; left: var(--l); top: var(--t); width: var(--w); height: var(--h); box-sizing: border-box;
  padding: 14px 16px; border-radius: 16px; background: var(--white); overflow: hidden; }
.s-sit-ill--f .s-sit-f-t--c { display: flex; flex-direction: column; justify-content: center; padding: 16px; }
.s-sit-ill--f .s-sit-f-t--c1 { padding: 18px 20px; }
.s-sit-ill--f .s-sit-f-t--s { padding: 11px 14px; }
.s-sit-ill--f .s-sit-f-t--m { padding: 0; }
.s-sit-ill--f .s-sit-f-t--v { display: flex; flex-direction: column; }
.s-sit-ill--f .s-sit-f-pn .s-sit-f-t { padding: 11px 14px; border-radius: 14px; }
.s-sit-ill--f .s-sit-f-pn .s-sit-f-t--c { padding: 10px 14px; }
.s-sit-ill--f .s-sit-f-pn :is(.s-sit-f-t--s, .s-sit-f-t--v) { padding: 9px 12px; }
.s-sit-ill--f .s-sit-f-pn .s-sit-f-t--p { padding: 9px 14px; }

.s-sit-ill--f .s-sit-f-k { display: block; font-size: 12.5px; font-weight: 500; line-height: 1.2; color: var(--ink-2c); white-space: nowrap; }
.s-sit-ill--f .s-sit-f-v { display: block; font-size: var(--fs, 20px); font-weight: 600; line-height: 1.1; letter-spacing: -.03em; white-space: nowrap; font-variant-numeric: tabular-nums; }
.s-sit-ill--f .s-sit-f-v small { font-size: .72em; font-weight: 600; letter-spacing: -.01em; color: var(--ink-2c); }
.s-sit-ill--f .s-sit-f-l3 small { font-size: 12.5px; font-weight: 500; letter-spacing: 0; }   
.s-sit-ill--f .s-sit-f-d { display: block; font-size: 12.5px; font-weight: 600; line-height: 1.2; white-space: nowrap; }
.s-sit-ill--f .s-sit-f-d > span { font-weight: 500; color: var(--ink-2c); }
.s-sit-ill--f .s-sit-f-nm { display: block; font-size: 12.5px; font-weight: 600; line-height: 1.2; color: var(--ink); white-space: nowrap; }
.s-sit-ill--f .s-sit-f-pn :is(.s-sit-f-k, .s-sit-f-d, .s-sit-f-nm, .s-sit-f-v small) { font-size: calc(13px * var(--fc, 1)); }
.s-sit-ill--f .s-sit-f-cu { color: var(--copper); }
.s-sit-ill--f .s-sit-f-cud { color: var(--sf-cud); }
.s-sit-ill--f .s-sit-f-gr { color: var(--gr-mid); }
.s-sit-ill--f .s-sit-f-old { color: var(--ink-3); }
.s-sit-ill--f .s-sit-f-wrap { white-space: normal; }
.s-sit-ill--f .s-sit-f-nm.s-sit-f-wrap { line-height: 1.15; }
.s-sit-ill--f .s-sit-f-at { position: absolute; left: var(--x); top: var(--y); }
.s-sit-ill--f .s-sit-f-mid { position: absolute; left: var(--x); top: 50%; translate: 0 -50%; }

.s-sit-ill--f .s-sit-f-m2 { margin-top: 2px; }
.s-sit-ill--f .s-sit-f-m3 { margin-top: 3px; }
.s-sit-ill--f .s-sit-f-m4 { margin-top: 4px; }
.s-sit-ill--f .s-sit-f-m5 { margin-top: 5px; }
.s-sit-ill--f .s-sit-f-m6 { margin-top: 6px; }
.s-sit-ill--f .s-sit-f-m8 { margin-top: 8px; }
.s-sit-ill--f .s-sit-f-m12 { margin-top: 12px; }
.s-sit-ill--f .s-sit-f-m22 { margin-top: 22px; }
.s-sit-ill--f .s-sit-f-ma { margin-top: auto; }
.s-sit-ill--f .s-sit-f-ml { margin-left: auto; }
.s-sit-ill--f .s-sit-f-hr { display: block; height: 1px; margin: 18px 0; background: color-mix(in srgb, var(--ink) 8%, transparent); }
.s-sit-ill--f .s-sit-f-pn .s-sit-f-hr { margin: 6px 0; }
.s-sit-ill--f .s-sit-f-bot { display: block; margin-top: auto; }
.s-sit-ill--f .s-sit-f-bt { position: absolute; left: 14px; right: 12px; bottom: 12px; }
.s-sit-ill--f .s-sit-f-bt--lo { bottom: 11px; }
.s-sit-ill--f .s-sit-f-bt--nr { right: 10px; }
.s-sit-ill--f .s-sit-f-row { display: flex; align-items: baseline; gap: 10px; margin-top: 2px; }
.s-sit-ill--f .s-sit-f-row--t { gap: 8px; }
.s-sit-ill--f .s-sit-f-sum { position: absolute; right: 14px; top: 9px; display: flex; flex-direction: column; align-items: flex-end; }

.s-sit-ill--f .s-sit-f-chip { display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 10px; border-radius: var(--r-pill); background: var(--canvas);
  font-size: 12px; font-weight: 600; line-height: 1; color: var(--ink-2c); white-space: nowrap; }
.s-sit-ill--f .s-sit-f-pn .s-sit-f-chip { height: calc(25px * var(--fc, 1)); font-size: calc(13px * var(--fc, 1)); }
.s-sit-ill--f .s-sit-f-chip--cu { background: color-mix(in srgb, var(--copper) 14%, var(--canvas)); color: var(--sf-cud); }
.s-sit-ill--f .s-sit-f-chip--cu::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--copper); }
.s-sit-ill--f .s-sit-f-chips { position: absolute; right: 16px; top: 50%; translate: 0 -50%; display: flex; gap: 8px; }
.s-sit-ill--f .s-sit-f-chips--col { right: 14px; flex-direction: column; align-items: flex-end; gap: 6px; }

.s-sit-ill--f .s-sit-f-lgs { position: absolute; left: 16px; right: 16px; top: var(--y); display: flex; align-items: center; gap: 18px; }
.s-sit-ill--f .s-sit-f-pn .s-sit-f-lgs { left: 14px; right: 14px; gap: 16px; }
.s-sit-ill--f .s-sit-f-lg { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; font-weight: 500; line-height: 1.2; color: var(--ink-2c); white-space: nowrap; }
.s-sit-ill--f .s-sit-f-pn .s-sit-f-lg { font-size: calc(13px * var(--fc, 1)); }
.s-sit-ill--f .s-sit-f-lg b { font-weight: 600; color: var(--ink); }
.s-sit-ill--f .s-sit-f-lg b.s-sit-f-cu { color: var(--copper); }
.s-sit-ill--f .s-sit-f-dot { flex: none; width: 8px; height: 8px; border-radius: 50%; }
.s-sit-ill--f .s-sit-f-dot--ink { background: var(--ink); }
.s-sit-ill--f .s-sit-f-dot--cu { background: var(--copper); }
.s-sit-ill--f .s-sit-f-dot--cut { background: var(--copper-t); }
.s-sit-ill--f .s-sit-f-l3 { position: absolute; left: 16px; right: 16px; top: var(--y); display: flex; justify-content: space-between; }
.s-sit-ill--f .s-sit-f-pn .s-sit-f-l3 { left: 14px; right: 14px; }
.s-sit-ill--f .s-sit-f-l3 > span { display: grid; grid-template-columns: 8px auto; column-gap: 7px; align-items: center; }
.s-sit-ill--f .s-sit-f-l3 .s-sit-f-v { grid-column: 2; }

.s-sit-ill--f .s-sit-f-lost { display: block; background-image: repeating-linear-gradient(135deg, color-mix(in srgb, var(--copper) 50%, transparent) 0 1.5px, color-mix(in srgb, var(--copper) 13%, transparent) 1.5px 6px); }
.s-sit-ill--f .s-sit-f-band { position: absolute; left: 0; right: 0; top: 0; height: var(--h); }
.s-sit-ill--f .s-sit-f-sw { flex: none; width: 14px; height: 14px; border-radius: 4px; }

.s-sit-ill--f .s-sit-f-li { position: absolute; left: 14px; right: 14px; top: var(--y); }
.s-sit-ill--f .s-sit-f-li1 { display: flex; justify-content: space-between; align-items: baseline; font-size: calc(13px * var(--fc, 1)); font-weight: 600; line-height: 16px; white-space: nowrap; }
.s-sit-ill--f .s-sit-f-li2 { display: flex; align-items: center; height: 16px; margin-top: 3px; }
.s-sit-ill--f .s-sit-f-li2 > b { margin-left: auto; font-size: calc(13px * var(--fc, 1)); font-weight: 600; line-height: 16px; color: var(--sf-cud); }
.s-sit-ill--f .s-sit-f-bar { position: relative; display: block; width: var(--w); height: 9px; border-radius: 5px; overflow: hidden;
  background: linear-gradient(90deg, var(--ink) calc(100% - var(--lost, 0%) - 2px), transparent 0); }
.s-sit-ill--f .s-sit-f-bar > i { position: absolute; top: 0; right: 0; bottom: 0; width: var(--lost, 0%); }

.s-sit-ill--f .s-sit-f-svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.s-sit-ill--f .s-sit-f-svg text { font-family: var(--f); }
.s-sit-ill--f :is(.s-sit-f-ln, .s-sit-f-dash) { fill: none; stroke-width: calc(2 * var(--sw, 1px)); stroke-linecap: round; }
.s-sit-ill--f .s-sit-f-ln { stroke-dasharray: 1 2; }
.s-sit-ill--f .s-sit-f-dash { stroke-width: calc(1.75 * var(--sw, 1px)); stroke-dasharray: 5 5; }
.s-sit-ill--f .s-sit-f-inkL { stroke: var(--ink); }
.s-sit-ill--f .s-sit-f-cuL { stroke: var(--copper); }
.s-sit-ill--f .s-sit-f-up { fill: color-mix(in srgb, var(--ink) 5%, transparent); }
.s-sit-ill--f .s-sit-f-dn { fill: color-mix(in srgb, var(--copper) 17%, transparent); }
.s-sit-ill--f .s-sit-f-now { fill: none; stroke: color-mix(in srgb, var(--ink) 28%, transparent); stroke-width: var(--sw, 1px); stroke-dasharray: 2 4; stroke-linecap: round; }
.s-sit-ill--f .s-sit-f-halo { fill: color-mix(in srgb, var(--copper) 18%, transparent); }
.s-sit-ill--f .s-sit-f-ring { fill: var(--white); }
.s-sit-ill--f .s-sit-f-acc { fill: var(--copper); }
.s-sit-ill--f .s-sit-f-lab { font-size: 12px; font-weight: 600; fill: var(--ink); text-anchor: middle; }
.s-sit-ill--f .s-sit-f-pn .s-sit-f-lab { font-size: calc(13px * var(--fc, 1)); }
.s-sit-ill--f .s-sit-f-lab--cu { fill: var(--sf-cud); }
.s-sit-ill--f .s-sit-f-lab--q { font-weight: 500; fill: var(--ink-2c); }
.s-sit-ill--f .s-sit-f-lab--e { font-weight: 500; text-anchor: end; }
.s-sit-ill--f .s-sit-f-lab--s { text-anchor: start; }
.s-sit-ill--f .s-sit-f-lab.s-sit-f-lab--yr { font-size: 13px; font-weight: 700; fill: var(--sf-cud); }
.s-sit-ill--f .s-sit-f-pn .s-sit-f-lab.s-sit-f-lab--yr { font-size: calc(13px * var(--fc, 1)); }
.s-sit-ill--f .s-sit-f-sh { fill: var(--canvas); }
.s-sit-ill--f .s-sit-f-sh1 { fill: color-mix(in srgb, var(--ink) 3.5%, var(--white)); }
.s-sit-ill--f .s-sit-f-sh2 { fill: color-mix(in srgb, var(--ink) 6%, var(--white)); }
.s-sit-ill--f .s-sit-f-pin { fill: var(--g1); }
.s-sit-ill--f .s-sit-f-cal { font-size: 46px; font-weight: 600; letter-spacing: -1.6px; fill: var(--ink); text-anchor: middle; }
.s-sit-ill--f .s-sit-f-pn .s-sit-f-cal { font-size: 23px; letter-spacing: -.7px; }
.s-sit-ill--f .s-sit-f-cal2 { font-size: 13px; font-weight: 500; fill: var(--ink-2c); text-anchor: middle; }
.s-sit-ill--f .s-sit-f-pn .s-sit-f-cal2 { font-size: calc(13px * var(--fc, 1)); }
.s-sit-ill--f .s-sit-f-b-ink { fill: var(--ink); }
.s-sit-ill--f .s-sit-f-b-cu { fill: var(--copper); }
.s-sit-ill--f .s-sit-f-b-cut { fill: var(--copper-t); }
.s-sit-ill--f .s-sit-f-b-trk { fill: color-mix(in srgb, var(--ink) 7.5%, transparent); }
.s-sit-ill--f .s-sit-f-lock { fill: none; stroke: var(--ink-2); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.s-sit-ill--f .s-sit-f-ax { stroke: var(--ink); }
.s-sit-ill--f .s-sit-f-axf { fill: none; stroke: color-mix(in srgb, var(--ink) 35%, transparent); stroke-width: calc(1.75 * var(--sw, 1px)); stroke-dasharray: 5 5; stroke-linecap: round; }
.s-sit-ill--f .s-sit-f-tp { fill: var(--ink); stroke: var(--white); stroke-width: calc(2.5 * var(--sw, 1px)); }
.s-sit-ill--f .s-sit-f-lead { fill: none; stroke: color-mix(in srgb, var(--ink) 22%, transparent); stroke-width: var(--sw, 1px); }

.s-sit-ill--f .s-sit-f-grow { transform-box: fill-box; transform-origin: 0 50%; }
.s-sit-ill--f .s-sit-f-drop { transform-origin: 50% 0; }
.s-sit-ill--f .s-sit-f-pop { transform-box: fill-box; transform-origin: 50% 50%; }
@media (prefers-reduced-motion: no-preference) {
  html.js .s-sit-card.is-drawn .s-sit-ill--f { --st: 110ms; }   
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--f .s-sit-f-t { opacity: 0; transform: translateY(10px); }
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--f .s-sit-f-ln { stroke-dashoffset: 1.02; }
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--f .s-sit-f-fade { opacity: 0; }
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--f .s-sit-f-grow { transform: scaleX(0); }
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--f .s-sit-f-drop { transform: scaleY(0); }
  html.js .s-sit-card:not(.is-drawn) .s-sit-ill--f .s-sit-f-pop { opacity: 0; transform: scale(.3); }
  html.js .s-sit-card.is-drawn .s-sit-ill--f .s-sit-f-t { transition: opacity 500ms var(--ease) calc(var(--t0) + var(--i, 0) * var(--st)), transform 700ms var(--ease) calc(var(--t0) + var(--i, 0) * var(--st)); }
  html.js .s-sit-card.is-drawn .s-sit-ill--f .s-sit-f-ln { transition: stroke-dashoffset 1200ms cubic-bezier(.45, 0, .2, 1) calc(var(--t0) + var(--i, 0) * var(--st)); }
  html.js .s-sit-card.is-drawn .s-sit-ill--f .s-sit-f-fade { transition: opacity 700ms var(--ease) calc(var(--t0) + var(--i, 0) * var(--st)); }
  html.js .s-sit-card.is-drawn .s-sit-ill--f .s-sit-f-grow { transition: transform 900ms var(--ease) calc(var(--t0) + var(--i, 0) * var(--st)); }
  html.js .s-sit-card.is-drawn .s-sit-ill--f .s-sit-f-drop { transition: transform 800ms var(--ease) calc(var(--t0) + var(--i, 0) * var(--st)); }
  html.js .s-sit-card.is-drawn .s-sit-ill--f .s-sit-f-pop { transition: opacity 400ms var(--ease) calc(var(--t0) + var(--i, 0) * var(--st)), transform 600ms cubic-bezier(.3, 1.5, .5, 1) calc(var(--t0) + var(--i, 0) * var(--st)); }
}

.s-about {
  --s-about-warm:
    radial-gradient(clamp(260px, 30vw, 460px) clamp(200px, 20vw, 300px) at 100% 0%, color-mix(in srgb, var(--o-hi) 66%, transparent) 0%, color-mix(in srgb, var(--o-light) 24%, transparent) 46%, color-mix(in srgb, var(--o-light) 0%, transparent) 100%),
    radial-gradient(70% 160% at 90% -50%, color-mix(in srgb, var(--o-hi) 20%, transparent) 0%, color-mix(in srgb, var(--o-hi) 0%, transparent) 70%);
}

.s-about-head { margin-bottom: clamp(40px, 4.4vw, 64px); }
.s-about-head .eyebrow { margin-bottom: 20px; }
.s-about-h { font-weight: 600; font-size: clamp(34px, 4.2vw, 60px); line-height: 1.02; letter-spacing: -.04em; text-wrap: balance; max-width: 19em; }
.s-about-h--c { font-size: clamp(32px, 4.5vw, 64px); line-height: 1.04; max-width: 20.5em; }
.s-about-pos { margin-top: 22px; font-weight: 600; font-size: var(--t-lead); line-height: 1.35; letter-spacing: -.018em; color: var(--ink-2c); }
.s-about-lk { --h: 25px; vertical-align: -5px; margin-right: 2px; color: var(--ink); }
.s-about-pg { color: var(--ink-2c); }

.s-about-a { display: flex; flex-direction: column; align-items: center; }
.s-about-pair { position: relative; align-self: stretch; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 6px; }
.s-about-half { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: clamp(236px, 18vw, 264px); padding: 36px 40px 36px; background: var(--white); }
.s-about-half:first-child { border-radius: var(--r-lg) var(--r-xs) var(--r-xs) var(--r-lg); }
.s-about-half:last-child { border-radius: var(--r-xs) var(--r-lg) var(--r-lg) var(--r-xs); }
.s-about-half-h { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.s-about-n { font-weight: 600; font-size: clamp(27px, 2.5vw, 36px); line-height: 1.05; letter-spacing: -.035em; }
.s-about-tag { display: inline-flex; align-items: center; height: 30px; padding: 0 13px; border-radius: var(--r-pill); background: var(--canvas); font-size: 13px; font-weight: 600; line-height: 1; white-space: nowrap; color: var(--ink); }
.s-about-x { margin-top: 16px; max-width: 26em; font-size: 17px; line-height: 1.5; color: var(--ink-2c); text-wrap: pretty; } 

.s-about-viz { display: flex; align-items: center; height: 24px; margin-top: auto; }
.s-about-half > .s-about-x { margin-bottom: 28px; }
.s-about-vl { position: relative; flex: 1 1 auto; height: 2px; margin-left: 5px; background: var(--ink); transform-origin: 0 50%; }
.s-about-vl::before { content: ""; position: absolute; left: -5px; top: 50%; width: 10px; height: 10px; margin-top: -5px; border-radius: 50%; background: var(--ink); }
.s-about-vt { position: relative; flex: none; width: 24px; height: 24px; margin-left: -1px; border: 2px solid var(--ink); border-radius: 50%; background: var(--white); }
.s-about-vt::after { content: ""; position: absolute; inset: 5px; border-radius: 50%; background: var(--orange); }
.s-about-viz--dots { justify-content: space-between; gap: 6px; }
.s-about-viz--dots i { flex: none; width: 10px; height: 10px; border-radius: 50%; background: var(--ink); }
.s-about-viz--dots i:last-child { width: 12px; height: 12px; background: var(--orange); }

.s-about-op, .s-about-join { display: grid; place-items: center; width: 52px; height: 52px; box-sizing: content-box; border: 6px solid var(--canvas); border-radius: 50%; background: var(--ink); color: #fff; z-index: 2; }
.s-about-op svg, .s-about-join svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.s-about-op { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.s-about-join { position: relative; margin: -26px 0; }

.s-about-end { align-self: stretch; display: flex; flex-direction: column; align-items: center; margin-top: -26px; }
.s-about-end > .s-about-join { margin: 0 0 -26px; }

.s-about-sum { position: relative; align-self: stretch; display: flex; align-items: center; justify-content: space-between; gap: 40px; min-height: 210px; padding: 52px 48px 44px 40px; border-radius: var(--r-lg); overflow: hidden; background: var(--s-about-warm), var(--white); }
.s-about-sum-t { font-weight: 600; font-size: clamp(26px, 2.7vw, 40px); line-height: 1.1; letter-spacing: -.032em; max-width: 17em; text-wrap: balance; }
.s-about-spark { flex: none; width: clamp(190px, 19vw, 270px); height: auto; overflow: visible; }
.s-about-spark path { fill: none; stroke-linecap: round; stroke-linejoin: round; }
.s-about-sp-fall { stroke: var(--g2); stroke-width: 2.25; }
.s-about-sp-ghost { stroke: var(--g2); stroke-width: 1.75; stroke-dasharray: 2 6; opacity: .7; }
.s-about-sp-hold { stroke: var(--ink); stroke-width: 2.75; }
.s-about-sp-node { fill: var(--ink); }
.s-about-sp-end { fill: var(--orange); stroke: var(--white); stroke-width: 3; }

.s-about-cmp { position: relative; display: grid; grid-template-columns: minmax(0, 5fr) 76px minmax(0, 7fr); grid-template-rows: repeat(5, auto); align-items: center; }
.s-about-bg { position: absolute; inset: 0; grid-row: 1 / -1; border-radius: var(--r-lg); pointer-events: none; }
.s-about-bg--was { grid-column: 1 / 2; border: 1.5px solid var(--line); }
.s-about-bg--now { grid-column: 3 / 4; background: var(--s-about-warm), var(--white); }
.s-about-l { position: relative; align-self: end; margin: 0 40px; padding: 36px 0 14px; font-size: 13px; font-weight: 650; line-height: 1.2; letter-spacing: .01em; }
.s-about-l--was { grid-column: 1; color: var(--ink-2c); }
.s-about-l--now { grid-column: 3; color: var(--ink); }
.s-about-was { position: relative; grid-column: 1; margin: 0 40px; padding: 22px 0; font-size: 18px; font-weight: 500; line-height: 1.35; color: var(--ink-2c); }
.s-about-now { position: relative; grid-column: 3; display: flex; align-items: center; gap: 16px; margin: 0 40px; padding: 20px 0; font-weight: 600; font-size: clamp(20px, 1.75vw, 25px); line-height: 1.2; letter-spacing: -.022em; }

.s-about-was:nth-child(n + 8) { border-top: 1px dashed var(--line); }
.s-about-now:nth-child(n + 8) { border-top: 1px solid var(--line); }
.s-about-arw { grid-column: 2; justify-self: center; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--soft); color: var(--ink); }
.s-about-arw svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.s-about-arw--end { background: var(--ink); color: #fff; }
.s-about-ck { flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--ink); color: #fff; }
.s-about-ck svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

.s-about-st { background: linear-gradient(var(--ink-3), var(--ink-3)) 0 58% / 100% 1.5px no-repeat; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.s-about-was--end { display: flex; align-items: center; gap: 12px; padding: 28px 0 38px; color: var(--ink-2c); font-weight: 600; }
.s-about-wt { min-width: 0; } 
.s-about-wi { flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--soft); color: var(--ink-2c); }
.s-about-wi svg { width: 16px; height: 16px; transform: rotate(90deg); fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.s-about-now--end { display: block; padding: 26px 0 40px; font-size: clamp(24px, 2.25vw, 32px); line-height: 1.12; letter-spacing: -.03em; text-wrap: balance; }

.s-about-fig { position: relative; margin: 0; padding: clamp(48px, 4.6vw, 68px) clamp(36px, 4.6vw, 72px) clamp(44px, 4.2vw, 60px); border-radius: var(--r-lg); background: var(--white); overflow: hidden; }
.s-about-plot { position: relative; isolation: isolate; height: clamp(220px, 21vw, 300px); } 
.s-about-sweep { position: absolute; inset: 0; }
.s-about-fig-svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.s-about-fig-svg path { fill: none; vector-effect: non-scaling-stroke; stroke-linecap: round; stroke-linejoin: round; }
.s-about-c-fall { stroke: var(--g2); stroke-width: 2.5; }
.s-about-c-ghost { stroke: var(--g2); stroke-width: 2; stroke-dasharray: 2 8; opacity: .75; }
.s-about-c-hold { stroke: var(--ink); stroke-width: 3; }
.s-about-c-dot { position: absolute; left: var(--x); top: var(--y); width: 10px; height: 10px; margin: -8px 0 0 -8px; box-sizing: content-box; border: 3px solid var(--white); border-radius: 50%; background: var(--ink); }
.s-about-c-dot--end { width: 14px; height: 14px; margin: -10px 0 0 -10px; background: var(--orange); }

.s-about-c-node { position: absolute; left: var(--x); top: var(--y); display: grid; place-items: center; width: 68px; height: 68px; margin: -34px 0 0 -34px; border-radius: 50%; background: var(--ink); color: #fff; }
.s-about-c-node::before { content: ""; position: absolute; inset: -64px; z-index: -1; border-radius: 50%; pointer-events: none;
  background: radial-gradient(closest-side, color-mix(in srgb, var(--o-light) 48%, transparent) 0%, color-mix(in srgb, var(--o-hi) 22%, transparent) 46%, color-mix(in srgb, var(--o-hi) 0%, transparent) 100%); }
.s-about-c-node .mk { width: 25px; height: 26px; }
.s-about-c-t { position: absolute; left: var(--x); top: var(--y); z-index: 1; font-size: 14px; font-weight: 600; line-height: 1.2; letter-spacing: -.005em; white-space: nowrap; color: var(--ink); }
.s-about-c-t--fall { transform: translateY(calc(-100% - 16px)); color: var(--ink-2c); }
.s-about-c-t--str { transform: translate(calc(-100% - 30px), 26px); }
.s-about-c-t--sup { transform: translate(-50%, calc(-100% - 22px)); }
.s-about-c-t--ghost { transform: translate(-100%, calc(-100% - 14px)); color: var(--ink-2c); }
.s-about-pos--c { margin-top: 28px; }

@media (prefers-reduced-motion: no-preference) {
  
  html.js .s-about-pair:not(.is-in) .s-about-vl { transform: scaleX(0); }
  html.js .s-about-pair:not(.is-in) .s-about-vt { opacity: 0; transform: scale(.6); }
  html.js .s-about-pair:not(.is-in) .s-about-viz--dots i { opacity: .16; transform: scale(.7); }
  html.js .s-about-pair:not(.is-in) .s-about-op { transform: translate(-50%, -50%) scale(.6); opacity: 0; }
  html.js .s-about-pair.is-in .s-about-vl { transition: transform 1100ms cubic-bezier(.45, 0, .2, 1) .35s; }
  html.js .s-about-pair.is-in .s-about-vt { transition: opacity 500ms var(--ease) 1.3s, transform 600ms var(--ease) 1.3s; }
  html.js .s-about-pair.is-in .s-about-viz--dots i { transition: opacity 360ms var(--ease) calc(.4s + var(--i) * 80ms), transform 420ms var(--ease) calc(.4s + var(--i) * 80ms); }
  html.js .s-about-pair.is-in .s-about-op { transition: opacity 400ms var(--ease) .2s, transform 600ms var(--ease) .2s; }
  html.js .s-about-sum:not(.is-in) .s-about-sp-fall,
  html.js .s-about-sum:not(.is-in) .s-about-sp-hold { stroke-dasharray: 1 2; stroke-dashoffset: 1.02; }
  html.js .s-about-sum:not(.is-in) .s-about-sp-ghost,
  html.js .s-about-sum:not(.is-in) .s-about-sp-node,
  html.js .s-about-sum:not(.is-in) .s-about-sp-end { opacity: 0; }
  html.js .s-about-sum.is-in .s-about-sp-fall,
  html.js .s-about-sum.is-in .s-about-sp-hold { stroke-dasharray: 1 2; }
  html.js .s-about-sum.is-in .s-about-sp-fall { transition: stroke-dashoffset 700ms cubic-bezier(.45, 0, .2, 1) .35s; }
  html.js .s-about-sum.is-in .s-about-sp-node { transition: opacity 300ms var(--ease) 1s; }
  html.js .s-about-sum.is-in .s-about-sp-ghost { transition: opacity 700ms var(--ease) 1.1s; }
  html.js .s-about-sum.is-in .s-about-sp-hold { transition: stroke-dashoffset 900ms cubic-bezier(.45, 0, .2, 1) 1.05s; }
  html.js .s-about-sum.is-in .s-about-sp-end { transition: opacity 400ms var(--ease) 1.85s; }

  html.js .s-about-was:not(.is-in) .s-about-st { background-size: 0 1.5px; }
  html.js .s-about-was.is-in .s-about-st { transition: background-size 700ms cubic-bezier(.45, 0, .2, 1) .55s; }

  html.js .s-about-fig:not(.is-in) .s-about-sweep { clip-path: inset(-24px 100% -24px -24px); }
  html.js .s-about-fig.is-in .s-about-sweep { clip-path: inset(-24px -24px -24px -24px); transition: clip-path 2200ms linear .35s; }
  html.js .s-about-fig:not(.is-in) :is(.s-about-c-dot, .s-about-c-node, .s-about-c-t) { opacity: 0; }
  html.js .s-about-fig:not(.is-in) :is(.s-about-c-dot, .s-about-c-node) { transform: scale(.5); }
  html.js .s-about-fig.is-in :is(.s-about-c-dot, .s-about-c-node, .s-about-c-t) { transition: opacity 420ms var(--ease) calc(.35s + var(--p) * 2200ms), transform 520ms var(--ease) calc(.35s + var(--p) * 2200ms); }
}

@media (max-width: 1199.98px) {
  .s-about-half { padding: 32px 32px 32px; }
  .s-about-x { font-size: 16px; }
  .s-about-sum { padding: 44px 40px 40px 32px; }
  .s-about-l, .s-about-was, .s-about-now { margin-inline: 32px; }
  .s-about-was { font-size: 17px; }
}
@media (max-width: 1023.98px) {
  .s-about-half { min-height: 0; padding: 28px 26px 30px; }
  .s-about-half-h { flex-direction: column; align-items: flex-start; gap: 12px; }
  .s-about-sum { gap: 28px; padding: 40px 32px 34px 28px; }
  .s-about-spark { width: 170px; }
  .s-about-cmp { grid-template-columns: minmax(0, 5fr) 56px minmax(0, 7fr); }
  .s-about-l, .s-about-was, .s-about-now { margin-inline: 24px; }
  .s-about-was { font-size: 16px; padding: 18px 0; }
  .s-about-now { gap: 12px; padding: 18px 0; font-size: 19px; }
  .s-about-ck { width: 28px; height: 28px; }
  .s-about-arw { width: 36px; height: 36px; }
  .s-about-now--end { font-size: 23px; }
  .s-about-fig { padding: 48px 32px 40px; }
}

@media (min-width: 720px) and (max-width: 1199.98px) {
  .s-about-half:first-child { padding-right: 48px; }
  .s-about-half:last-child { padding-left: 48px; }
}

@media (max-width: 719.98px) {
  .s-about-head { margin-bottom: 32px; }
  .s-about-head .eyebrow { margin-bottom: 16px; }
  .s-about-h { font-size: clamp(28px, 8vw, 32px); line-height: 1.08; letter-spacing: -.035em; }
  .s-about-h--c { font-size: clamp(29px, 8.2vw, 34px); line-height: 1.1; }
  .s-about-pos { margin-top: 16px; font-size: 17px; }
  .s-about-lk { --h: 21px; vertical-align: -4px; }

  .s-about-pair { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  .s-about-half { padding: 24px 22px 26px; }
  .s-about-half:first-child { border-radius: var(--r-lg) var(--r-lg) var(--r-xs) var(--r-xs); padding-bottom: 34px; }
  .s-about-half:last-child { border-radius: var(--r-xs) var(--r-xs) var(--r-lg) var(--r-lg); padding-top: 34px; }
  .s-about-half-h { flex-direction: column; align-items: flex-start; gap: 10px; }
  .s-about-n { font-size: 26px; }
  .s-about-x { margin-top: 12px; font-size: 16px; }
  .s-about-half > .s-about-x { margin-bottom: 22px; }
  .s-about-op, .s-about-join { width: 44px; height: 44px; border-width: 5px; }
  .s-about-op svg, .s-about-join svg { width: 18px; height: 18px; }
  .s-about-join { margin: -22px 0; }
  .s-about-end { margin-top: -22px; }
  .s-about-end > .s-about-join { margin: 0 0 -22px; }
  .s-about-sum { flex-direction: column; align-items: stretch; gap: 22px; min-height: 0; padding: 40px 22px 26px; background: radial-gradient(90% 120% at 96% -30%, color-mix(in srgb, var(--o-hi) 62%, transparent) 0%, color-mix(in srgb, var(--o-light) 24%, transparent) 42%, color-mix(in srgb, var(--o-light) 0%, transparent) 76%), var(--white); }
  .s-about-sum-t { font-size: 25px; line-height: 1.14; }
  .s-about-spark { width: 100%; max-width: 300px; }

  .s-about-cmp { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; padding: 8px 22px 6px; border-radius: var(--r-lg); background: radial-gradient(90% 60% at 96% -14%, color-mix(in srgb, var(--o-hi) 56%, transparent) 0%, color-mix(in srgb, var(--o-light) 20%, transparent) 42%, color-mix(in srgb, var(--o-light) 0%, transparent) 76%), var(--white); }
  .s-about-bg, .s-about-arw { display: none; }
  .s-about-l, .s-about-was, .s-about-now { grid-column: 1; margin: 0; }
  .s-about-l { display: flex; align-items: center; gap: 10px; padding: 0; font-size: 13px; }
  .s-about-l--was { padding-top: 18px; }
  .s-about-l--now { padding: 8px 0 18px; }
  .s-about-l--was::before { content: ""; flex: none; width: 22px; height: 1.5px; background: var(--ink-3); }
  .s-about-l--now::before { content: ""; flex: none; width: 22px; height: 22px; border-radius: 50%; background: var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center / 14px no-repeat; }
  .s-about-was, .s-about-was:nth-child(n + 8) { padding: 18px 0 8px; border-top: 1px solid var(--line); font-size: 15px; }
  .s-about-now, .s-about-now:nth-child(n + 8) { gap: 12px; padding: 0 0 18px; border-top: 0; font-size: 19px; line-height: 1.22; }
  .s-about-ck { width: 26px; height: 26px; }
  .s-about-ck svg { width: 15px; height: 15px; }
  .s-about-was--end { padding: 18px 0 8px; font-size: 15px; }
  .s-about-wi { width: 26px; height: 26px; }
  .s-about-now--end { padding: 4px 0 22px; font-size: 23px; }

  .s-about-fig { padding: 40px 20px 30px; }
  .s-about-plot { height: 210px; }
  .s-about-c-node { width: 50px; height: 50px; margin: -25px 0 0 -25px; }
  .s-about-c-node::before { inset: -44px; }
  .s-about-c-node .mk { width: 19px; height: 20px; }
  .s-about-c-dot { width: 7px; height: 7px; margin: -5.5px 0 0 -5.5px; border-width: 2px; }
  .s-about-c-dot--end { width: 11px; height: 11px; margin: -7.5px 0 0 -7.5px; }
  .s-about-c-dot:nth-of-type(2n + 1):not(.s-about-c-dot--end) { display: none; } 
  .s-about-c-t { font-size: 12.5px; }
  .s-about-c-t--str { transform: translate(calc(-100% - 20px), 20px); }
  .s-about-c-t--sup { left: auto; right: 0; transform: translateY(calc(-100% - 30px)); } 
  .s-about-c-t--ghost { transform: translate(-100%, 12px); } 
  .s-about-pos--c { margin-top: 22px; }
}

.s-about-d { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--gap); }
.s-about-dc {
  grid-column: 1 / span 7; padding: clamp(28px, 2.9vw, 44px);
  min-height: clamp(440px, 37vw, 560px); min-height: min(clamp(440px, 37vw, 560px), calc(100svh - var(--hd-h) - 32px));
  display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(48px, 1fr) auto auto; grid-template-areas: "ico" "." "eb" "h";
}
.s-about-dc > .eyebrow { grid-area: eb; justify-self: start; margin-bottom: 20px; }
.s-about-dh { grid-area: h; max-width: 12.4em; font-weight: 600; font-size: clamp(30px, 3.4vw, 49px); line-height: 1.04; letter-spacing: -.035em; text-wrap: balance; }
.s-about-dpos { grid-area: ico; justify-self: start; margin: 0; font-weight: 500; font-size: 18px; }   
.s-about-dpos .s-about-pg { color: var(--ink); }
.s-about-dph { grid-column: 8 / span 5; }
@media (min-width: 1024px) {
  .s-about-dc { grid-column: 1 / span 8; }
  .s-about-dph { grid-column: 9 / span 4; }
  .s-about-dh { max-width: 17em; }
}
@media (min-width: 720px) and (max-width: 767.98px) {
  .s-about-dh { font-size: 28px; }   
}
@media (max-width: 719.98px) {
  .s-about-d { grid-template-columns: minmax(0, 1fr); }
  .s-about-dc, .s-about-dph { grid-column: 1 / -1; }
  .s-about-dc { min-height: 0; padding: 24px 20px 28px; grid-template-rows: none; grid-template-areas: "ico" "eb" "h"; }
  .s-about-dpos { margin-bottom: 36px; }
  .s-about-dc > .eyebrow { margin-bottom: 18px; }
  .s-about-dh { font-size: clamp(26px, 7.2vw, 30px); line-height: 1.08; }   
  .s-about-dph { aspect-ratio: 4 / 3; height: auto; min-height: 0; }
}
@media (max-width: 359.98px) {
  .s-about-dh { font-size: 22px; }   
}

.s-how-head .sec-title { max-width: 15em; }
.s-how-head .sec-sub { text-wrap: pretty; }

.s-how-body { position: relative; }
.s-how-view { position: relative; }

.s-how-stage { position: relative; display: grid; gap: 16px; min-width: 0; container: howc / inline-size; }
.s-how-shell { display: none; }
.s-how-rail { display: none; }
.s-how-strip { display: none; }

@media (min-width: 1024px) {
  .s-how-view { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gap); align-items: start; }
  .s-how-rail { --how-c: 36px; display: block; grid-column: 1 / span 3; position: relative; padding-right: 16px; }
  .s-how-stage { grid-column: 4 / span 9; gap: 24px; }
}
@media (min-width: 1200px) { .s-how-rail { --how-c: 40px; padding-right: 24px; } }
@media (min-width: 1400px) {
  .s-how-rail { --how-c: 44px; grid-column: 1 / span 4; padding-right: 32px; }
  .s-how-stage { grid-column: 5 / span 8; }
}

@media (min-width: 1024px) and (min-height: 560px) {
  .s-how-body:not(.is-pin) .s-how-rail { --how-rh: 360px; position: sticky; top: max(calc(var(--hd-h) + 32px), calc(var(--hd-h) + (100svh - var(--hd-h)) * .42 - var(--how-rh) / 2)); }
}

.s-how-rl { position: relative; display: grid; }
.s-how-track { position: absolute; z-index: 0; left: calc(var(--how-c) / 2 - .75px); top: var(--how-t0, 34px); height: var(--how-tl, calc(100% - 68px)); width: 1.5px; border-radius: 2px; background: var(--line); pointer-events: none; overflow: hidden; }
.s-how-fill { position: absolute; inset: 0; border-radius: inherit; background: var(--ink); transform-origin: 50% 0; transform: scaleY(var(--how-fp, 0)); }
.s-how-ra { position: relative; z-index: 1; display: grid; grid-template-columns: var(--how-c) minmax(0, 1fr); column-gap: 14px; align-items: center; min-height: 64px; padding: 10px 0; color: var(--ink-2c); }
.s-how-rn { position: relative; display: grid; place-items: center; width: var(--how-c); height: var(--how-c); border-radius: 50%; background: var(--canvas); box-shadow: inset 0 0 0 1.5px var(--g3); color: var(--ink-2c); font-size: 13px; font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: 0; transition: background-color var(--d2) var(--ease), color var(--d2) var(--ease), box-shadow var(--d2) var(--ease); }
.s-how-rn b { font-weight: 600; transition: opacity var(--d2) var(--ease); }
.s-how-rn svg { position: absolute; width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; opacity: 0; transform: scale(.6); transition: opacity var(--d2) var(--ease), transform var(--d2) var(--ease); }
.s-how-rt { display: grid; gap: 3px; min-width: 0; }
.s-how-rname { font-size: 15.5px; font-weight: 500; line-height: 1.25; letter-spacing: -.012em; color: var(--ink-2c); transition: color var(--d2) var(--ease); text-wrap: balance; }
.s-how-rwhen { display: none; font-size: 12.5px; font-weight: 500; line-height: 1.3; letter-spacing: 0; color: var(--ink-2c); }
@media (min-width: 1200px) {
  .s-how-ra { column-gap: 16px; min-height: 72px; padding: 11px 0; }
  .s-how-rname { font-size: 16.5px; }
  .s-how-rwhen { display: block; }
}
@media (min-width: 1400px) {
  .s-how-ra { column-gap: 20px; min-height: 80px; padding: 12px 0; }
  .s-how-rn { font-size: 13.5px; }
  .s-how-rn svg { width: 18px; height: 18px; }
  .s-how-rname { font-size: 18px; letter-spacing: -.015em; }
  .s-how-rwhen { font-size: 13px; }
}
.s-how-ri.is-act .s-how-rn { background: var(--ink); color: #fff; box-shadow: none; }
.s-how-ri.is-act .s-how-rname { color: var(--ink); font-weight: 600; }
.s-how-ri.is-done .s-how-rn { background: var(--white); color: var(--ink); box-shadow: inset 0 0 0 1.5px var(--line); }
.s-how-ri.is-done .s-how-rn b { opacity: 0; }
.s-how-ri.is-done .s-how-rn svg { opacity: 1; transform: none; }
@media (hover: hover) {
  .s-how-ra:hover .s-how-rname { color: var(--ink); }
  .s-how-ri:not(.is-act) .s-how-ra:hover .s-how-rn { color: var(--ink); }
  .s-how-ri:not(.is-act) .s-how-ra:hover .s-how-rn { box-shadow: inset 0 0 0 1.5px var(--ink); }
}
.s-how-ri[hidden] { display: none; }

@media (max-width: 1023.98px) {
  html.js .s-how-strip {
    position: sticky; z-index: 6; top: calc(var(--hd-h) + 6px);
    display: flex; align-items: center; gap: 12px; width: fit-content; max-width: 100%; height: 40px; margin: 0 auto 16px; padding: 0 16px 0 15px;
    border-radius: var(--r-pill); background: rgba(13, 13, 13, .92);
    
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .6), 0 12px 28px -16px rgba(13, 13, 13, .5);
    transition: opacity var(--d1) var(--ease), transform var(--d1) var(--ease);
  }
  
  html.js .s-how-strip.is-out { opacity: 0; transform: translateY(-8px); }
}
.s-how-seg { display: flex; gap: 4px; flex: none; }
.s-how-seg i { position: relative; flex: none; width: 14px; height: 3px; border-radius: var(--r-pill); background: rgba(255, 255, 255, .26); overflow: hidden; }
.s-how-seg i::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: #fff; transform-origin: 0 50%; transform: scaleX(var(--p, 0)); }
.s-how-seg i[hidden] { display: none; }
.s-how-strip-t { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 13px; font-weight: 600; line-height: 1; letter-spacing: -.005em; color: rgba(255, 255, 255, .62); font-variant-numeric: tabular-nums; }
.s-how-strip-t b, .s-how-strip-name { color: #fff; font-weight: 600; }
.s-how-strip-sep { margin: 0 6px; }

.s-how-strip.is-near :is(.s-how-strip-sep, .s-how-strip-name) { display: none; }
@media (max-width: 719.98px) {
  html.js .s-how-strip { gap: 10px; padding: 0 14px 0 13px; }
  .s-how-seg i { width: 12px; }
  .s-how-strip-t { font-size: 12.5px; }
}

@media (max-width: 419.98px) {
  .s-how-seg { gap: 3px; }
  .s-how-seg i { width: 8px; }
  .s-how-strip-sep { margin: 0 5px; }
}
@media (max-width: 379.98px) {
  html.js .s-how-strip { padding: 0 14px; }
  .s-how-seg { display: none; }
}

.s-how-card {
  --a: 1; --tx: var(--ink);
  position: relative; display: flex; flex-direction: column; min-width: 0;
  padding: 18px 18px 16px; border-radius: var(--r-lg); background: var(--white); color: var(--ink);
}
.s-how-card[hidden] { display: none; }
@media (min-width: 720px) { .s-how-card { padding: 28px; } }
@media (min-width: 1024px) { .s-how-card { padding: 32px; } }
@media (min-width: 1400px) { .s-how-card { padding: 36px 40px 36px; } }

.s-how-top { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.s-how-name { min-width: 0; font-size: var(--how-nm, 22px); font-weight: 600; line-height: 1.15; letter-spacing: -.022em; color: var(--tx); text-wrap: balance; }

.s-how-num { flex: none; font-size: 13.5px; font-weight: 500; line-height: 1.25; letter-spacing: 0; font-variant-numeric: tabular-nums; color: var(--ink-2c); }
.s-how-value { margin-top: var(--how-vm, 12px); max-width: 34em; font-size: 16px; font-weight: 500; line-height: 1.34; letter-spacing: -.01em; color: var(--ink-2); text-wrap: pretty; }
.s-how-value b { font-weight: 600; color: var(--tx); }
@container howc (min-width: 600px) {
  .s-how-name { font-size: clamp(26px, 2.2vw, 32px); line-height: 1.12; letter-spacing: -.026em; }
  .s-how-num { font-size: 15px; }
  .s-how-value { margin-top: 16px; font-size: var(--t-lead); line-height: 1.38; letter-spacing: -.012em; }
}

html[data-howhead="b"] .s-how-top { align-items: center; }
html[data-howhead="b"] .s-how-name {
  display: inline-flex; align-items: center; min-height: 32px; padding: 6px 14px; border-radius: var(--r-pill); background: var(--soft);
  font-size: 13.5px; font-weight: 650; line-height: 1.3; letter-spacing: 0;
}

html[data-howhead="b"] .s-how-value { margin-top: 14px; font-size: 17px; font-weight: 500; line-height: 1.26; letter-spacing: -.016em; }
html[data-howhead="b"] .s-how-value b { font-weight: 600; }
@container howc (min-width: 600px) {
  html[data-howhead="b"] .s-how-name { min-height: 34px; padding: 7px 16px; font-size: 14px; }
  html[data-howhead="b"] .s-how-value { margin-top: 20px; font-size: clamp(22px, 1.8vw, 26px); line-height: 1.22; letter-spacing: -.024em; }
}

html[data-howhead="c"] .s-how-top { flex-direction: row-reverse; justify-content: flex-end; align-items: center; gap: 12px; }
html[data-howhead="c"] .s-how-num { font-size: 28px; font-weight: 500; line-height: 1; letter-spacing: -.04em; color: var(--ink-2c); }
html[data-howhead="c"] .s-how-name { font-size: 24px; line-height: 1.15; letter-spacing: -.022em; } 
html[data-howhead="c"] .s-how-value { margin-top: 14px; font-size: 17px; font-weight: 500; line-height: 1.26; letter-spacing: -.016em; }
html[data-howhead="c"] .s-how-value b { font-weight: 600; }
@container howc (min-width: 600px) {
  html[data-howhead="c"] .s-how-card { display: grid; grid-template-columns: minmax(0, 12rem) minmax(0, 1fr); column-gap: 28px; align-content: start; }
  html[data-howhead="c"] .s-how-top { grid-column: 1; grid-row: 1 / span 2; align-self: start; flex-direction: column-reverse; justify-content: flex-end; align-items: flex-start; gap: 10px; }
  html[data-howhead="c"] .s-how-num { font-size: 48px; line-height: .86; }
  html[data-howhead="c"] .s-how-name { font-size: 22px; line-height: 1.18; letter-spacing: -.018em; }
  html[data-howhead="c"] .s-how-value { grid-column: 2; grid-row: 1 / span 2; align-self: start; margin-top: 0; font-size: clamp(20px, 1.7vw, 24px); line-height: 1.24; letter-spacing: -.022em; }
  html[data-howhead="c"] :is(.s-how-boxes, .s-how-foot) { grid-column: 1 / -1; }
  html[data-howhead="c"] .s-how-foot { align-self: end; }
  
  html[data-howhead="c"] .s-how-body.is-pin .s-how-foot { align-self: stretch; }
}
@container howc (min-width: 860px) {
  html[data-howhead="c"] .s-how-card { grid-template-columns: minmax(0, 13rem) minmax(0, 1fr); column-gap: 32px; }
  html[data-howhead="c"] .s-how-num { font-size: 56px; }
}

.s-how-card { --how-box: color-mix(in srgb, var(--soft) 55%, var(--white)); --how-g: 8px; }
.s-how-boxes { display: grid; gap: var(--how-g); margin-top: 16px; margin-bottom: var(--how-g); }
.s-how-box { display: flex; flex-direction: column; min-width: 0; padding: 12px 12px 14px; border-radius: 16px; background: var(--how-box); }
.s-how-lbl { font-size: 12.5px; font-weight: 600; line-height: 1.3; letter-spacing: 0; color: var(--ink-2c); }
.s-how-box > .s-how-lbl { margin-bottom: 7px; }
.s-how-inc { display: grid; gap: 5px; }
.s-how-inc li { position: relative; padding-left: 24px; font-size: 14.5px; font-weight: 600; line-height: 1.3; letter-spacing: -.01em; color: var(--tx); text-wrap: pretty; }
.s-how-inc li::before {
  content: ""; position: absolute; left: 0; top: .15em; width: 16px; height: 16px; background: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12.5l4.2 4.2L19 7'/></svg>") center / contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12.5l4.2 4.2L19 7'/></svg>") center / contain no-repeat;
}
.s-how-roles { display: grid; gap: 6px; }
.s-how-roles li { display: flex; align-items: center; gap: 10px; min-width: 0; }

.s-how-avw { --ph-size: 28px; flex: none; display: grid; place-items: center; padding: 2px; border-radius: 50%; background: var(--white); }
.s-how-avw .ph-ico svg { width: 15px; height: 15px; }
.s-how-avi { display: grid; place-items: center; width: var(--ph-size); height: var(--ph-size); border-radius: 50%; background: var(--soft); color: var(--ink); }
.s-how-avi svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.s-how-role { min-width: 0; font-size: 14.5px; font-weight: 600; line-height: 1.25; letter-spacing: -.01em; color: var(--tx); }
.s-how-role small { display: block; margin-top: 1px; font-size: 13px; font-weight: 500; line-height: 1.25; letter-spacing: 0; color: var(--ink-2c); text-wrap: balance; }

.s-how-foot { display: grid; gap: var(--how-g); margin-top: auto; }
.s-how-terms { display: grid; gap: var(--how-g); min-width: 0; }
.s-how-term { position: relative; display: grid; align-content: center; min-height: 50px; padding: 10px 14px 10px 56px; border-radius: 16px; background: var(--how-box); }

.s-how-term::before, .s-how-term::after { content: ""; position: absolute; top: 50%; }
.s-how-term::before { left: 14px; width: 30px; height: 30px; margin-top: -15px; border-radius: 50%; background: var(--white); }
.s-how-term::after { left: 21px; width: 16px; height: 16px; margin-top: -8px; background: var(--ink); -webkit-mask: var(--how-ti) center / contain no-repeat; mask: var(--how-ti) center / contain no-repeat; }
.s-how-term[data-ti="price"] { --how-ti: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M3.5 12.2V4.5a1 1 0 0 1 1-1h7.7l8.3 8.3-8.7 8.7z'/><circle cx='8' cy='8' r='1.5'/></svg>"); }
.s-how-term[data-ti="pay"] { --how-ti: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M19.5 12a7.5 7.5 0 0 1-13.2 4.9M4.5 12a7.5 7.5 0 0 1 13.2-4.9'/><path d='M17.9 3.5v3.6h-3.6M6.1 20.5v-3.6h3.6'/></svg>"); }
.s-how-term[data-ti="time"] { --how-ti: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><rect x='3.5' y='5' width='17' height='15.5' rx='2.5'/><path d='M3.5 10h17M8 3v4M16 3v4'/></svg>"); }
.s-how-term dt { margin-bottom: 1px; }

.s-how-term dd { font-size: 14px; font-weight: 500; line-height: 1.38; letter-spacing: -.004em; color: var(--tx); text-wrap: pretty; }
.s-how-term--t dd { font-weight: 600; }
.s-how-btn { width: 100%; justify-content: space-between; padding-left: 22px; }

.s-how-bl { min-width: 0; overflow: hidden; text-overflow: ellipsis; }

@container howc (min-width: 600px) {
  .s-how-card { --how-g: 12px; }
  .s-how-boxes { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); margin-top: 24px; }
  .s-how-box { padding: 20px 22px 22px; border-radius: var(--r-md); background: var(--how-box); }
  .s-how-lbl { font-size: 13px; }
  .s-how-box > .s-how-lbl { margin-bottom: 12px; }
  .s-how-inc { gap: 9px; }
  .s-how-inc li { padding-left: 26px; font-size: 15.5px; line-height: 1.35; letter-spacing: -.012em; }
  .s-how-inc li::before { top: .2em; }
  .s-how-roles { gap: 10px; }
  .s-how-roles li { gap: 12px; }
  .s-how-avw { --ph-size: 40px; }
  .s-how-avw .ph-ico svg, .s-how-avi svg { width: 18px; height: 18px; }
  .s-how-role { font-size: 15px; line-height: 1.3; letter-spacing: -.012em; }
  .s-how-role small { line-height: 1.3; }
  .s-how-terms { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .s-how-term { align-content: start; min-height: 0; padding: 18px 18px 20px 64px; border-radius: var(--r-md); }
  .s-how-term::before { top: 18px; left: 18px; width: 32px; height: 32px; margin-top: 0; }
  .s-how-term::after { top: 26px; left: 26px; margin-top: 0; }
  .s-how-term dt { margin-bottom: 3px; }
  .s-how-term dd { font-size: 15px; line-height: 1.42; letter-spacing: -.006em; }
  .s-how-btn { justify-self: end; width: auto; justify-content: center; padding-left: 24px; }
  
  .s-how-body.is-pin .s-how-btn { min-width: var(--how-bw, 0px); justify-content: space-between; }
}

@container howc (min-width: 600px) and (max-width: 859.98px) {
  .s-how-term { padding: 58px 16px 18px; }
  .s-how-term::before { top: 16px; left: 16px; }
  .s-how-term::after { top: 24px; left: 24px; }
  .s-how-body.is-pin.is-dtight .s-how-term { padding: 52px 14px 14px; }
  .s-how-body.is-pin.is-dtight .s-how-term::before { top: 14px; left: 14px; }
  .s-how-body.is-pin.is-dtight .s-how-term::after { top: 21px; left: 21px; }
  .s-how-body.is-pin.is-dtight2 .s-how-term { padding: 11px 14px 12px; }
}

@container howc (min-width: 860px) {
  .s-how-card { --how-g: 16px; }
  .s-how-boxes { grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr); margin-top: 28px; }
  .s-how-box { padding: 22px 24px 24px; }
}

@media (min-width: 1024px) {
  .s-how-body:not(.is-pin) .s-how-card {
    --tx: color-mix(in srgb, var(--ink) calc(var(--a) * 100%), var(--ink-2c));
    box-shadow: 0 1px 2px rgba(13, 13, 13, calc(var(--a) * .04)), 0 18px 40px -22px rgba(13, 13, 13, calc(var(--a) * .22));
  }
  .s-how-body:not(.is-pin) .s-how-card .ph--avatar { filter: grayscale(calc(1 - var(--a))); }
}

@container howc (min-width: 600px) {
  .s-how-body.is-pin.is-dtight .s-how-card { --how-g: 12px; padding-top: 24px; padding-bottom: 24px; }
  .s-how-body.is-pin.is-dtight .s-how-boxes { margin-top: 18px; }
  .s-how-body.is-pin.is-dtight .s-how-term { padding: 14px 16px 14px 58px; }
  .s-how-body.is-pin.is-dtight .s-how-term::before { top: 14px; left: 16px; width: 30px; height: 30px; }
  .s-how-body.is-pin.is-dtight .s-how-term::after { top: 21px; left: 23px; }
  .s-how-body.is-pin.is-dtight .s-how-box { padding-top: 16px; padding-bottom: 16px; }
  .s-how-body.is-pin.is-dtight .s-how-box > .s-how-lbl { margin-bottom: 9px; }
  .s-how-body.is-pin.is-dtight .s-how-inc { gap: 6px; }
  .s-how-body.is-pin.is-dtight .s-how-roles { gap: 8px; }
  
  .s-how-body.is-pin.is-dtight2 .s-how-card { --how-g: 10px; padding-top: 14px; padding-bottom: 14px; }
  .s-how-body.is-pin.is-dtight2 .s-how-boxes { margin-top: 12px; }
  .s-how-body.is-pin.is-dtight2 .s-how-box { padding-top: 14px; padding-bottom: 14px; }
  .s-how-body.is-pin.is-dtight2 .s-how-inc { gap: 3px; }
  .s-how-body.is-pin.is-dtight2 .s-how-inc li { line-height: 1.28; }
  .s-how-body.is-pin.is-dtight2 .s-how-roles { gap: 6px; }
  .s-how-body.is-pin.is-dtight2 .s-how-term { padding: 11px 16px 12px; }
  .s-how-body.is-pin.is-dtight2 .s-how-term::before, .s-how-body.is-pin.is-dtight2 .s-how-term::after { display: none; }
}
@media (min-width: 1024px) and (prefers-reduced-motion: no-preference) {
  html.js .s-how-body:not(.is-pin) :is(.s-how-name, .s-how-value b, .s-how-inc li, .s-how-role, .s-how-term dd) { transition: color 260ms linear; }
  html.js .s-how-body:not(.is-pin) .s-how-card { transition: box-shadow 260ms linear; }
}

@media (prefers-reduced-motion: reduce) { .s-how-body:not(.is-pin) .s-how-card { box-shadow: none; } }
html:not(.js) .s-how-card { box-shadow: none; }

.s-how-body.is-pin .s-how-view { align-items: start; }
.s-how-body.is-pin .s-how-rail { --how-rt: 2px; padding-top: calc(12px + var(--how-rt)); }
@media (min-width: 1200px) { .s-how-body.is-pin .s-how-rail { --how-rt: 4px; padding-top: calc(8px + var(--how-rt)); } }

html[data-howhead="b"] .s-how-body.is-pin .s-how-rail { --how-rt: 5px; }
html[data-howhead="c"] .s-how-body.is-pin .s-how-rail { --how-rt: 8px; }
@media (min-width: 1200px) { html[data-howhead="c"] .s-how-body.is-pin .s-how-rail { --how-rt: 12px; } }
.s-how-body.is-pin .s-how-stage { gap: 0; }

.s-how-body.is-pin .s-how-shell {
  display: block; position: absolute; inset: 0; z-index: 0; border-radius: var(--r-lg); background: var(--white); box-shadow: var(--sh-1);
}
.s-how-body.is-pin .s-how-card {
  grid-area: 1 / 1; z-index: 1; background: none;
  opacity: var(--o, 0); transform: translate3d(0, calc(var(--y, 0) * 40px), 0);
  pointer-events: none; will-change: opacity, transform;
}

.s-how-body.is-pin .s-how-value { min-height: calc(3em * 1.17); }
.s-how-body.is-pin .s-how-boxes { flex: 1 0 auto; }
@supports (grid-template-rows: subgrid) {
  .s-how-body.is-pin .s-how-stage { grid-template-rows: auto auto 1fr auto; }
  .s-how-body.is-pin .s-how-card:not([hidden]) { display: grid; grid-column: 1; grid-row: 1 / span 4; grid-template-rows: subgrid; row-gap: 0; } 
  .s-how-body.is-pin .s-how-value { min-height: 0; }
  .s-how-body.is-pin .s-how-foot { margin-top: 0; }
  .s-how-body.is-pin .s-how-terms { align-self: start; }
  .s-how-body.is-pin .s-how-terms { align-items: stretch; } 
}

@container howc (min-width: 600px) {
  .s-how-body.is-pin .s-how-foot { grid-template-rows: minmax(0, 1fr) auto; }
  .s-how-body.is-pin .s-how-terms { align-self: stretch; }
}
.s-how-body.is-pin .s-how-card.is-cur { pointer-events: auto; }

.s-how-body.is-pin .s-how-card .s-how-boxes { transform: translate3d(0, calc(var(--y, 0) * 10px), 0); }
.s-how-body.is-pin .s-how-card .s-how-foot { transform: translate3d(0, calc(var(--y, 0) * 18px), 0); }

.s-how-body.is-pin .s-how-strip { display: none; }

html[data-how="cards"] .s-how-body.no-pin .s-how-strip { display: none; }
.s-how-pp { margin-top: 12px; padding: 0 2px; }
@container howc (max-width: 599.98px) {
  .s-how-body.is-pin-ph .s-how-card:not([hidden]) {
    display: flex; grid-row: 1 / -1; grid-template-rows: none;
    transform: translate3d(0, calc(var(--y, 0) * 24px), 0);
  }
  .s-how-body.is-pin-ph .s-how-value { min-height: 0; }
  
  .s-how-body.is-pin-ph .s-how-boxes { flex: 1 1 auto; display: flex; flex-direction: column; }
  .s-how-body.is-pin-ph .s-how-box { flex: 1 1 auto; }
  .s-how-body.is-pin-ph .s-how-foot { margin-top: auto; }
  
  .s-how-body.is-pin-ph .s-how-terms { min-height: var(--how-th, 0px); }
  .s-how-body.is-pin-ph .s-how-card .s-how-boxes { transform: translate3d(0, calc(var(--y, 0) * 6px), 0); }
  .s-how-body.is-pin-ph .s-how-card .s-how-foot { transform: translate3d(0, calc(var(--y, 0) * 10px), 0); }

  .s-how-body.is-pin-ph.is-tight .s-how-card { --how-nm: 21px; --how-vm: 10px; padding: 14px 16px 12px; }
  .s-how-body.is-pin-ph.is-tight .s-how-boxes { margin-top: 10px; }
  .s-how-body.is-pin-ph.is-tight .s-how-box > .s-how-lbl { margin-bottom: 5px; }
  .s-how-body.is-pin-ph.is-tight .s-how-inc { gap: 3px; }
  .s-how-body.is-pin-ph.is-tight .s-how-roles { gap: 6px; }
  .s-how-body.is-pin-ph.is-tight .s-how-roles li { align-items: flex-start; }
  .s-how-body.is-pin-ph.is-tight .s-how-avw { --ph-size: 24px; }
  .s-how-body.is-pin-ph.is-tight .s-how-role { padding-top: 5px; font-size: 14px; } 
  .s-how-body.is-pin-ph.is-tight .s-how-role small { font-size: 12px; line-height: 1.25; letter-spacing: -.01em; text-wrap: pretty; } 
  .s-how-body.is-pin-ph.is-tight2 .s-how-role small { display: none; }
  .s-how-body.is-pin-ph.is-tight2 .s-how-roles li { align-items: center; }
  .s-how-body.is-pin-ph.is-tight2 .s-how-role { padding-top: 0; }
  .s-how-body.is-pin-ph.is-tight2 .s-how-term { min-height: 44px; padding: 8px 12px 8px 50px; }
  .s-how-body.is-pin-ph.is-tight2 .s-how-term::before { left: 12px; width: 26px; height: 26px; margin-top: -13px; }
  .s-how-body.is-pin-ph.is-tight2 .s-how-term::after { left: 17px; }
  
  html:is([data-howhead="b"], [data-howhead="c"]) .s-how-body.is-pin-ph.is-tight .s-how-value { margin-top: 10px; }
  html:is([data-howhead="b"], [data-howhead="c"]) .s-how-body.is-pin-ph.is-tight2 .s-how-value { font-size: 16px; }
  html[data-howhead="c"] .s-how-body.is-pin-ph.is-tight .s-how-name { font-size: 21px; }
  html[data-howhead="c"] .s-how-body.is-pin-ph.is-tight .s-how-num { font-size: 24px; }
  .s-how-body.is-pin-ph.is-tight .s-how-btn { height: 48px; }
  
  .s-how-body.is-pin-ph.is-tight3 .s-how-card { --how-g: 6px; padding-top: 12px; }
  .s-how-body.is-pin-ph.is-tight3 .s-how-box > .s-how-lbl { display: none; }
  .s-how-body.is-pin-ph.is-tight3 .s-how-boxes { margin-top: 8px; }
  .s-how-body.is-pin-ph.is-tight3 .s-how-box { padding-left: 10px; padding-right: 10px; } 
  .s-how-body.is-pin-ph.is-tight3 .s-how-value { font-size: 15.5px; line-height: 1.3; }
  
  .s-how-body.is-pin-ph.is-tight4 .s-how-card { --how-g: 5px; padding: 10px 14px 10px; }
  .s-how-body.is-pin-ph.is-tight4 .s-how-value { font-size: 14.5px; line-height: 1.28; }
  .s-how-body.is-pin-ph.is-tight4 .s-how-boxes { margin-top: 5px; }
  .s-how-body.is-pin-ph.is-tight4 .s-how-inc { gap: 2px; }
  .s-how-body.is-pin-ph.is-tight4 .s-how-inc li { font-size: 13.5px; line-height: 1.25; padding-left: 22px; }
  .s-how-body.is-pin-ph.is-tight4 .s-how-role { font-size: 13px; }
  .s-how-body.is-pin-ph.is-tight4 .s-how-box { padding: 8px 10px; border-radius: 14px; }
  .s-how-body.is-pin-ph.is-tight4 .s-how-roles { gap: 4px; }
  .s-how-body.is-pin-ph.is-tight4 .s-how-avw { --ph-size: 20px; }
  .s-how-body.is-pin-ph.is-tight4 .s-how-terms { gap: 0; padding: 0 12px; border-radius: 14px; background: var(--how-box); align-content: center; }
  .s-how-body.is-pin-ph.is-tight4 .s-how-term { display: flex; align-items: baseline; gap: 8px; min-height: 0; padding: 3px 0; border-radius: 0; background: none; }
  .s-how-body.is-pin-ph.is-tight4 .s-how-term + .s-how-term { border-top: 1px solid var(--line); }
  .s-how-body.is-pin-ph.is-tight4 .s-how-term::before, .s-how-body.is-pin-ph.is-tight4 .s-how-term::after { display: none; }
  .s-how-body.is-pin-ph.is-tight4 .s-how-term dt { flex: none; width: 7.6em; margin: 0; font-size: 12px; white-space: nowrap; }
  .s-how-body.is-pin-ph.is-tight4 .s-how-term dd { font-size: 13px; }
  .s-how-body.is-pin-ph.is-tight4 .s-how-btn { height: 44px; }
}
.s-how-body.is-pin-ph.is-tight .s-how-pp { margin-top: 6px; } 

.s-how-bridge { margin-top: 8px; }
@media (min-width: 1024px) { .s-how-bridge { margin-top: 16px; } }

@media (prefers-reduced-motion: no-preference) {
  .s-how-fill { transition: transform 140ms linear; }
  .s-how-seg i::after { transition: transform 160ms linear; }
}

.s-who {
  --s-who-h: clamp(560px, calc(100vh - var(--hd-h) - 88px), 800px);           
  --s-who-fs: clamp(19px, 1.45vw, 21px);                                      
  --s-who-fd: clamp(14.5px, 1.04vw, 15.5px);                                  
  --s-who-g0: #A3A09A;   
  --s-who-g1: #BDBAB4;   
  --s-who-past: var(--ink-2c);  
  --s-who-fz: 1;         
  --s-who-fc: 1;         
  --s-who-row: 30px;     
  --s-who-rg: 18px;      
}
@supports (height: 100svh) { .s-who { --s-who-h: clamp(560px, calc(100svh - var(--hd-h) - 88px), 800px); } }
@media (min-width: 1280px) and (min-height: 860px) {
  .s-who { --s-who-h: clamp(560px, calc(100vh - var(--hd-h) - 104px), 780px); }
  @supports (height: 100svh) { .s-who { --s-who-h: clamp(560px, calc(100svh - var(--hd-h) - 104px), 780px); } }
}

@media (max-width: 1279.98px) {
  html:is([data-who="a"], [data-who="b"]) .s-who > .wrap > .s-who-av[data-show-who] { display: none; }
  html:is([data-who="a"], [data-who="b"]) .s-who > .wrap > .s-who-bv[data-show-who] { display: block; }
}

.s-who-title { font-weight: 600; font-size: var(--t-h2); line-height: 1.04; letter-spacing: -.035em; text-wrap: balance; max-width: 12.5em; }
.s-who-n {
  position: relative; z-index: 1; display: grid; place-items: center; flex: none; width: var(--s-who-row); height: var(--s-who-row);
  border-radius: 50%; background: var(--ink); color: #fff;
  font-size: 12px; font-weight: 650; line-height: 1; letter-spacing: 0; font-variant-numeric: tabular-nums;
  transition: background-color var(--d2) var(--ease), color var(--d2) var(--ease), box-shadow var(--d2) var(--ease);
}
.s-who-ci {
  display: grid; place-items: center; flex: none; width: var(--s-who-row); height: var(--s-who-row);
  border-radius: 50%; background: var(--ink); color: #fff;
  transition: background-color var(--d2) var(--ease), color var(--d2) var(--ease), box-shadow var(--d2) var(--ease);
}
.s-who-ci svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.s-who-ct { min-width: 0; font-weight: 600; letter-spacing: -.012em; text-wrap: pretty; }
.s-who-ca { font-weight: inherit; color: var(--ink); }
.s-who-cb { color: var(--ink-2c); }
.s-who-soon { display: inline-flex; vertical-align: 2px; margin-left: 8px; }   

.s-who-p { position: relative; display: flex; flex-direction: column; gap: 14px; min-width: 0; transform-origin: 0 0; container: swhop / inline-size; }
.s-who-phd { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 24px; }
.s-who-pt { display: inline-flex; align-items: center; gap: 8px; min-width: 0; font-size: 13px; font-weight: 600; line-height: 1.2; letter-spacing: 0; color: var(--ink-2c); }
.s-who-pn {
  display: grid; place-items: center; flex: none; width: 20px; height: 20px; border-radius: 50%;
  background: var(--soft); color: var(--ink); font-size: 10px; font-weight: 650; line-height: 1; letter-spacing: 0; font-variant-numeric: tabular-nums;
  transition: background-color var(--d2) var(--ease), color var(--d2) var(--ease);
}

.s-who-team { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 14px; align-content: start; }
.s-who-tm { display: flex; align-items: center; gap: 10px; min-width: 0; }
.s-who-avw { --ph-size: 34px; flex: none; display: grid; place-items: center; }
.s-who-avw .ph-ico svg { width: 16px; height: 16px; }
.s-who-avx { width: 34px; height: 34px; border-radius: 50%; background: var(--soft); color: var(--ink); }
.s-who-avx svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.s-who-tr { min-width: 0; font-size: 13.5px; font-weight: 600; line-height: 1.25; letter-spacing: -.01em; color: var(--ink); text-wrap: balance; }

@container swhop (min-width: 324px) {
  .s-who-team { grid-template-columns: minmax(min-content, 1fr) minmax(0, 1fr); }
}
@container swhop (max-width: 323.98px) {
  .s-who-tr .nw { white-space: normal; }
  
  .s-who-pin.is-pin-ph .s-who-board .s-who-p .s-who-tm { gap: 8px; }
  .s-who-pin.is-pin-ph .s-who-board .s-who-p .s-who-avw { --ph-size: 30px; }
  .s-who-pin.is-pin-ph .s-who-board .s-who-p .s-who-avx { width: 30px; height: 30px; }
  .s-who-pin.is-pin-ph .s-who-board .s-who-p .s-who-tr { font-size: 13px; }
}

@container swhop (max-width: 420px) {
  .s-who-p--card .s-who-team { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .s-who-p--card .s-who-tr .nw { white-space: nowrap; }
}

.s-who-goals { display: grid; gap: 16px; align-content: start; }
.s-who-goal { display: grid; gap: 8px; justify-items: start; }
.s-who-gl { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 2px 12px; width: 100%; }
.s-who-gk { font-size: 14px; font-weight: 600; line-height: 1.25; letter-spacing: -.01em; color: var(--ink); }
.s-who-gv { font-size: 13px; font-weight: 500; line-height: 1.2; letter-spacing: 0; color: var(--ink-2); white-space: nowrap; }
.s-who-gv b { margin-right: 1px; font-size: 21px; font-weight: 600; letter-spacing: -.035em; color: var(--ink); font-variant-numeric: tabular-nums; }
.s-who-bar { position: relative; display: block; width: 100%; height: 8px; border-radius: var(--r-pill); background: var(--dv-trk); overflow: hidden; }
.s-who-bar i { position: absolute; left: 0; top: 0; bottom: 0; width: calc(var(--v, 0) * 100%); border-radius: inherit; background: var(--dv-1); transform-origin: 0 50%; transition: transform 1100ms var(--ease) var(--s-who-bd, 0ms); }
.s-who-goal + .s-who-goal .s-who-bar { --s-who-bd: 160ms; }
.s-who-gc { margin-top: 1px; }

.s-who-sg { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 12px; }

html.js .s-who-nj { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
.s-who-scen { --dv-h: 64px; --dv-lbl-gy: calc(-100% - 5px); margin-top: 14px; }   

@container swhop (max-width: 243.98px) {
  .s-who-scen { --dv-lbl-gy: 5px; }
  
  @media (prefers-reduced-motion: no-preference) { html.js .s-who-scen.dv-scen:not(.is-in) .dv-lbl--g { transform: translateY(9px); } }
}
.s-who-chs { display: grid; gap: 4px; }
.s-who-todo > li { padding: 6px 0; }
.s-who-todo .dv-li-t, html:not(.js) .s-who-todo > li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 6px; }
.s-who-todo .dv-li-t > span, html:not(.js) .s-who-todo > li > span { display: inline; margin-top: 0; font-size: 13px; color: var(--dv-txt-2); }
.s-who-todo .dv-li-t > b::after, html:not(.js) .s-who-todo > li > b::after { content: " —"; font-weight: 500; color: var(--dv-txt-2); }
html:not(.js) .s-who-todo > li::before { content: ""; flex: none; width: 7px; height: 7px; margin: 0 7px 2px 6px; border-radius: 50%; background: var(--dv-1); align-self: center; }

.s-who-tasks .dv-li-t, html:not(.js) .s-who-tasks > li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0 12px; align-items: baseline; }
.s-who-tasks .dv-li-t > b, html:not(.js) .s-who-tasks > li > b { grid-column: 1; grid-row: 1; }
.s-who-tasks .dv-li-t > span:not(.sr-only), html:not(.js) .s-who-tasks > li > span:not(.sr-only) { grid-column: 1 / -1; grid-row: 2; display: block; margin-top: 2px; font-size: 13px; color: var(--dv-txt-2); text-wrap: balance; }

html:not(.js) .s-who-tasks > li::before {
  content: ""; flex: none; display: grid; place-items: center; width: 20px; height: 20px; margin-top: -1px; border-radius: 50%;
  align-self: start; box-shadow: inset 0 0 0 1.5px var(--dv-trk); color: #fff; font-size: 11px; font-weight: 700; line-height: 1;
}
html:not(.js) .s-who-tasks > li[data-state="done"]::before { content: "✓"; background: var(--dv-ok); box-shadow: none; }
html:not(.js) .s-who-tasks > li[data-state="wip"]::before { box-shadow: inset 0 0 0 1.5px var(--dv-2); }
html:not(.js) .s-who-tasks > li { grid-template-columns: 20px minmax(0, 1fr) auto; column-gap: 10px; }
html:not(.js) .s-who-tasks > li::before { grid-column: 1; grid-row: 1 / span 2; }
html:not(.js) .s-who-tasks > li > b { grid-column: 2; }
html:not(.js) .s-who-tasks > li > span:not(.sr-only) { grid-column: 2 / -1; }
html:not(.js) .s-who-tasks > li > .s-who-dt { grid-column: 3; }
.s-who-dt { grid-column: 2; grid-row: 1; font-size: 12px; font-weight: 600; line-height: 1.3; letter-spacing: 0; color: var(--ink-2c); white-space: nowrap; font-variant-numeric: tabular-nums; }

.s-who-rep { display: grid; gap: 14px; }
.s-who-cap, .s-who-inc { display: grid; gap: 8px; align-content: start; min-width: 0; }
.s-who-inc { gap: 10px; padding-top: 14px; border-top: 1px solid var(--dv-grid); }
.s-who-k { font-size: 13px; font-weight: 600; line-height: 1.25; letter-spacing: 0; color: var(--ink); }
.s-who-cv { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; }
.s-who-p .dv-num--sm { --dv-num: 32px; }
.s-who-chg { display: inline-flex; align-items: center; gap: 5px; font-size: 12.5px; font-weight: 600; line-height: 1.2; letter-spacing: 0; color: var(--ink); white-space: nowrap; }
.s-who-chg svg { width: 13px; height: 13px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

.s-who-split .dv-sl { justify-content: space-between; flex-wrap: nowrap; gap: 6px 10px; }

.s-who-split .dv-sl li { display: block; position: relative; min-width: auto; padding-left: 14px; white-space: normal; }
.s-who-split .dv-sl li::before { position: absolute; left: 0; top: 4px; }
.s-who-split .dv-sl li > span { display: block; margin-bottom: 3px; }
.s-who-iv { font-size: 16px; font-weight: 600; line-height: 1.2; letter-spacing: -.02em; color: var(--ink); white-space: nowrap; font-variant-numeric: tabular-nums; }

@container swhop (min-width: 540px) {
  .s-who-rep { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: 24px; align-items: start; }
  .s-who-inc { padding: 0 0 0 24px; border-top: 0; border-left: 1px solid var(--dv-grid); }
}

.s-who-g { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gap); min-height: var(--s-who-h); }
.s-who-text { grid-column: 1 / span 5; display: flex; flex-direction: column; min-width: 0; padding: 0 clamp(8px, 2.4vw, 44px) 0 0; }
.s-who-stage { grid-column: 6 / span 7; position: relative; min-width: 0; min-height: 0; border-radius: var(--r-lg); overflow: hidden; isolation: isolate; }
.s-who-head .eyebrow { margin-bottom: 16px; } 

.s-who-list { position: relative; margin: auto 0 0; padding-top: clamp(24px, 3.6vh, 44px); }   
.s-who-rail { position: absolute; z-index: 0; left: calc(var(--s-who-row) / 2 - 1px); top: var(--s-who-rt, 0px); width: 2px; height: var(--s-who-rh, 0px); border-radius: 1px; background: var(--line); display: none; }
.s-who-rail i { display: block; height: 100%; border-radius: inherit; background: var(--ink); transform-origin: 50% 0; transform: scaleY(var(--s-who-rf, 1)); }
.s-who.has-rail .s-who-rail { display: block; }
.s-who-row { position: relative; display: grid; grid-template-columns: var(--s-who-row) minmax(0, 1fr); column-gap: var(--s-who-rg); padding: clamp(9px, 1.45vh, 14px) 0; }
.s-who-row:first-child { padding-top: 0; }
.s-who-row:last-child { padding-bottom: 0; }
.s-who-row .s-who-n { margin-top: max(0px, calc(var(--s-who-fs) * .6 - var(--s-who-row) / 2)); }   
.s-who-a { font-weight: 600; font-size: var(--s-who-fs); line-height: 1.2; letter-spacing: -.024em; color: var(--ink); }
.s-who-b { margin-top: 4px; max-width: 30em; font-weight: 500; font-size: var(--s-who-fd); line-height: 1.4; letter-spacing: -.008em; color: var(--ink-2c); text-wrap: pretty; }

.s-who-cab { --s-who-cfs: clamp(15.5px, 1.15vw, 17px); position: relative; z-index: 1; display: grid; grid-template-columns: var(--s-who-row) minmax(0, 1fr); column-gap: var(--s-who-rg); align-items: start; padding-top: clamp(22px, 3.4vh, 36px); }
.s-who-cab .s-who-ci { margin-top: max(0px, calc(var(--s-who-cfs) * .675 - var(--s-who-row) / 2)); }
.s-who-cab .s-who-ct { font-size: var(--s-who-cfs); line-height: 1.35; }

.s-who-photo > img { transform: scale(var(--s-who-z, 1)); transform-origin: 50% 30%; transition: opacity 700ms var(--ease); }
.s-who-board {
  position: absolute; z-index: 3; left: 20px; right: 20px; bottom: 20px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-items: end;
  transform: scale(var(--s-who-bs, 1)); transform-origin: 50% 100%;   
}
.s-who-col { display: flex; flex-direction: column; gap: 12px; min-width: 0; }

.s-who-board .s-who-p { padding: 15px 17px; gap: 11px; }   

.s-who-board .s-who-team { gap: 10px 12px; }
.s-who-board .s-who-avw { --ph-size: 30px; }
.s-who-board .s-who-avx { width: 30px; height: 30px; }
.s-who-board .s-who-avx svg { width: 15px; height: 15px; }
.s-who-board .s-who-tr { font-size: 13px; }

.s-who-pin:not(.is-pin-ph) .s-who-board .s-who-team { grid-template-columns: minmax(min-content, 1fr) minmax(0, 1fr); }
.s-who-pin:not(.is-pin-ph) .s-who-board .s-who-tr .nw { white-space: nowrap; }
@container swhop (max-width: 295.98px) {
  .s-who-pin:not(.is-pin-ph) .s-who-board .s-who-team { column-gap: 8px; }
  .s-who-pin:not(.is-pin-ph) .s-who-board .s-who-tm { gap: 8px; }
}
.s-who-board .s-who-goals { gap: 13px; }
.s-who-board .s-who-goal { gap: 7px; }
.s-who-board .s-who-gk { font-size: 13.5px; }
.s-who-board .s-who-gv { font-size: 12.5px; }
.s-who-board .s-who-gv b { font-size: 19px; }
.s-who-board .s-who-bar { height: 7px; }
.s-who-board .s-who-p .dv-num--sm { --dv-num: 28px; }
.s-who-board .s-who-rep { gap: 11px; align-content: start; }   
.s-who-board .s-who-cap { gap: 6px; }
.s-who-board .s-who-inc { gap: 8px; padding-top: 11px; }
.s-who-board .s-who-iv { font-size: 15px; }
.s-who-board .s-who-scen { --dv-h: 56px; margin-top: 12px; }
.s-who-board .s-who-todo > li { padding: 5px 0; }
.s-who-board .s-who-tasks .dv-li-t > span:not(.sr-only), html:not(.js) .s-who-board .s-who-tasks > li > span:not(.sr-only) { font-size: 12.5px; margin-top: 1px; }
.s-who-board .dv-list--sm.s-who-tasks > li { padding: 7px 0; }
.s-who-board .dv-list--sm.s-who-tasks > li:first-child { padding-top: 0; }
.s-who-board .dv-list--sm.s-who-tasks > li:last-child { padding-bottom: 0; }

.s-who-stage:has(.ph--empty) .s-who-board .s-who-p { box-shadow: var(--sh-1); }
.s-who-board .s-who-pc { opacity: calc(1 - var(--s-who-fc)); }

html:not(.js) .s-who-stage, .s-who.is-static .s-who-stage { display: flex; flex-direction: column; justify-content: flex-end; }
html:not(.js) .s-who-board, .s-who.is-static .s-who-board { position: relative; left: auto; right: auto; bottom: auto; margin: 20px; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .s-who-stage { display: flex; flex-direction: column; justify-content: flex-end; }
  .s-who-board { position: relative; left: auto; right: auto; bottom: auto; margin: 20px; transform: none; }
}

.s-who-tile {
  position: relative; flex: 1 1 auto; min-height: 76px; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: 1fr auto;
  align-items: end; gap: 10px 12px; padding: 16px 18px; border-radius: var(--r-md); color: #fff; box-shadow: var(--sh-glass);
  
  background: radial-gradient(95% 150% at 106% 112%, var(--o-light) 0%, color-mix(in srgb, var(--o-mid) 72%, transparent) 24%, color-mix(in srgb, var(--o-deep) 42%, transparent) 50%, transparent 76%), var(--ink);
  opacity: var(--s-who-fz); transform: translateY(calc((1 - var(--s-who-fz)) * 12px));
}

.s-who-tt { grid-column: 1; grid-row: 2; font-size: 17px; font-weight: 600; line-height: 1.2; letter-spacing: -.02em; color: #fff; }
.s-who-tile .dv-chip { grid-column: 2; grid-row: 1 / -1; align-self: start; }

@media (prefers-reduced-motion: no-preference) {
  html.js .s-who:not(.is-static):where(.s-who-js) .s-who-av :is(.s-who-a, .s-who-b, .s-who-ca, .s-who-cb) { color: var(--s-who-g0); transition: color var(--d3) var(--ease); }
  html.js .s-who:not(.is-static):where(.s-who-js) .s-who-av :is(.s-who-n, .s-who-ci) { background: var(--canvas); color: var(--s-who-g0); box-shadow: inset 0 0 0 1.5px var(--s-who-g1); }
  html.js .s-who:not(.is-static):where(.s-who-js) .s-who-board .s-who-p { opacity: 0; }
  html.js .s-who:not(.is-static):where(.s-who-js) { --s-who-fz: 0; --s-who-fc: 0; }   
  html.js .s-who:not(.is-static):where(.s-who-js) .s-who-board .s-who-p:not(.is-on) .s-who-bar i { transform: scaleX(0); }
  
  html.js .s-who:not(.is-static):where(.s-who-js) .s-who-board .s-who-tm { transition: opacity 500ms var(--ease), transform 600ms var(--ease); transition-delay: calc(var(--s-who-ti, 0) * 110ms); }
  html.js .s-who:not(.is-static):where(.s-who-js) .s-who-board .s-who-p:not(.is-on) .s-who-tm { opacity: 0; transform: translateY(6px); }
  .s-who-board .s-who-tm:nth-child(2) { --s-who-ti: 1; }
  .s-who-board .s-who-tm:nth-child(3) { --s-who-ti: 2; }
  .s-who-board .s-who-tm:nth-child(4) { --s-who-ti: 3; }

  html.js .s-who.is-pin-live .s-who-av :is(.s-who-a, .s-who-b, .s-who-ca, .s-who-cb) {
    color: transparent; transition: none;
    background-image: linear-gradient(90deg, var(--cl, var(--s-who-g0)) var(--s0, -40%), var(--cb, var(--s-who-g0)) var(--s1, -8%));
    -webkit-background-clip: text; background-clip: text;
    -webkit-box-decoration-break: slice; box-decoration-break: slice;
  }
  html.js .s-who.is-pin-live.no-clip .s-who-av :is(.s-who-a, .s-who-b, .s-who-ca, .s-who-cb) { color: var(--cl, var(--s-who-g0)); background: none; }
  html.js .s-who.is-pin-live .s-who-av :is(.s-who-a, .s-who-b, .s-who-ca, .s-who-cb)::selection { color: var(--ink); -webkit-text-fill-color: var(--ink); }
  html.js .s-who.is-pin-live .s-who-row.is-on .s-who-n,
  html.js .s-who.is-pin-live .s-who-cab.is-on .s-who-ci { background: var(--ink); color: #fff; box-shadow: none; }
  html.js .s-who.is-pin-live .s-who-row.is-past .s-who-n { background: var(--canvas); color: var(--s-who-past); box-shadow: inset 0 0 0 1.5px var(--s-who-past); }
  html.js .s-who.is-pin-live .s-who-board .s-who-p {
    z-index: var(--zi, 1);
    opacity: var(--op, 1);
    transform: translate3d(var(--tx, 0px), var(--ty, 0px), 0) scale(var(--sc, 1));
    border-radius: calc(var(--r-md) / var(--sc, 1));   
    
    clip-path: inset(-64px -64px var(--cut, -64px) -64px);
    transition: box-shadow var(--d3) var(--ease);
  }
  
  html.js .s-who.is-pin-live .s-who-board .s-who-p::after {
    content: ""; position: absolute; inset: -1px; z-index: 3; border-radius: inherit; pointer-events: none;
    background: rgba(244, 244, 242, .82); background: color-mix(in srgb, var(--canvas) 82%, transparent); opacity: var(--dm, 0);
  }
  html.js .s-who.is-pin-live .s-who-board .s-who-p.is-act { box-shadow: var(--sh-lift); }
  html.js .s-who.is-pin-live .s-who-board .s-who-p.is-act .s-who-pn { background: var(--ink); color: #fff; }
}

@media (min-width: 1280px) and (max-height: 820px) {
  .s-who { --s-who-fs: 19px; --s-who-fd: 14.5px; --s-who-row: 28px; }
  .s-who-av .s-who-title { font-size: 42px; }
  .s-who-head .eyebrow { margin-bottom: 12px; }
  .s-who-list { padding-top: 20px; }
  .s-who-row { padding: 8px 0; }
  .s-who-b { margin-top: 3px; line-height: 1.36; }
  .s-who-cab { --s-who-cfs: 15.5px; padding-top: 18px; }
}
@media (min-width: 1280px) and (max-height: 760px) {
  .s-who-av .s-who-title { font-size: 38px; }
  .s-who-row { padding: 6px 0; }
  .s-who-cab { padding-top: 14px; }
}

@media (max-width: 719.98px) {
  html .s-who.is-ph-a > .wrap > .s-who-av[data-show-who] { display: block; }
  html .s-who.is-ph-a > .wrap > .s-who-bv[data-show-who] { display: none; }
}
.s-who-pin.is-pin-ph { --s-who-fs: 22px; --s-who-fd: 15px; }
.s-who-pin.is-pin-ph .s-who-g { grid-template-columns: minmax(0, 1fr); grid-template-areas: "head" "slot" "stage"; column-gap: 0; min-height: 0; }
.s-who-pin.is-pin-ph .s-who-text { display: contents; }
.s-who-pin.is-pin-ph .s-who-head { grid-area: head; padding-bottom: 22px; opacity: var(--s-who-ho, 1); }
.s-who-pin.is-pin-ph :is(.s-who-list, .s-who-cab) { grid-area: slot; align-self: start; margin: 0; padding: 10px 0 0; }
.s-who-pin.is-pin-ph .s-who-rail { display: none; }
.s-who-pin.is-pin-ph .s-who-rows { display: grid; }
.s-who-pin.is-pin-ph .s-who-row { grid-area: 1 / 1; padding: 0; column-gap: 14px; }
.s-who-pin.is-pin-ph .s-who-b { margin-top: 5px; line-height: 1.42; }
.s-who-pin.is-pin-ph .s-who-cab { --s-who-cfs: 18px; column-gap: 14px; }
.s-who-pin.is-pin-ph .s-who-stage { grid-area: stage; height: var(--s-who-sh, 380px); margin-top: 14px; }
.s-who-pin.is-pin-ph .s-who-board { top: 12px; left: 12px; right: 12px; bottom: 12px; display: block; transform: none; }
.s-who-pin.is-pin-ph .s-who-col { display: contents; }
.s-who-pin.is-pin-ph .s-who-board .s-who-p { position: absolute; top: 0; left: 0; right: 0; padding: 14px 16px; }
.s-who-pin.is-pin-ph .s-who-tile {
  position: absolute; left: 0; right: 0; bottom: 0; min-height: 0; grid-template-rows: auto; align-items: center; padding: 15px 16px;
  transform: translateY(calc((1 - var(--s-who-fz)) * 12px)) scale(var(--s-who-ts, 1)); transform-origin: 50% 100%;   
}
.s-who-pin.is-pin-ph .s-who-tt { grid-row: 1; }
.s-who-pin.is-pin-ph .s-who-tile .dv-chip { grid-row: 1; align-self: center; }
.s-who-pin.is-pin-ph .s-who-prog { margin-top: 12px; }

.s-who-pin.is-pin-ph .s-who-board .s-who-pt { font-size: 14px; }
.s-who-pin.is-pin-ph .s-who-board .s-who-avw { --ph-size: 36px; }
.s-who-pin.is-pin-ph .s-who-board .s-who-avx { width: 36px; height: 36px; }
.s-who-pin.is-pin-ph .s-who-board .s-who-avx svg { width: 18px; height: 18px; }
.s-who-pin.is-pin-ph .s-who-board .s-who-tr { font-size: 14px; }
.s-who-pin.is-pin-ph .s-who-board .s-who-gk { font-size: 15px; }
.s-who-pin.is-pin-ph .s-who-board .s-who-gv { font-size: 13.5px; }
.s-who-pin.is-pin-ph .s-who-board .s-who-gv b { font-size: 22px; }
.s-who-pin.is-pin-ph .s-who-board .s-who-scen { --dv-h: 60px; }
.s-who-pin.is-pin-ph .s-who-board .s-who-todo .dv-li-t > b { font-size: 14.5px; }
.s-who-pin.is-pin-ph .s-who-board .s-who-todo .dv-li-t > span { font-size: 13.5px; }
.s-who-pin.is-pin-ph .s-who-board .s-who-tasks .dv-li-t > b { font-size: 15px; }
.s-who-pin.is-pin-ph .s-who-board .s-who-tasks .dv-li-t > span:not(.sr-only) { font-size: 13.5px; }
.s-who-pin.is-pin-ph .s-who-board .s-who-dt { font-size: 13px; }
.s-who-pin.is-pin-ph .s-who-board .s-who-k { font-size: 14px; }
.s-who-pin.is-pin-ph .s-who-board .s-who-p .dv-num--sm { --dv-num: 32px; }
.s-who-pin.is-pin-ph .s-who-board .s-who-iv { font-size: 16px; }
.s-who-pin.is-pin-ph .s-who-board :is(.s-who-chg, .s-who-split .dv-sl li) { font-size: 13.5px; }
.s-who-pin.is-pin-ph .s-who-board .s-who-split .dv-sl small { font-size: 12.5px; }

.s-who-pin.is-pin-ph .s-who-p { --glow-max: .4; }
@media (prefers-reduced-motion: no-preference) {
  html.js .s-who.is-pin-live .s-who-pin.is-pin-ph :is(.s-who-row, .s-who-cab) { opacity: var(--s-who-o, 0); transform: translateY(var(--s-who-y, 0px)); }
  
  html.js .s-who.is-pin-live .s-who-pin.is-pin-ph .s-who-board .s-who-p { clip-path: var(--s-who-clip, none); }
  
  html.js .s-who.is-pin-live .s-who-pin.is-pin-ph .s-who-board .s-who-pc { transition: opacity var(--d2) var(--ease); }
  html.js .s-who.is-pin-live .s-who-pin.is-pin-ph .s-who-board .s-who-p:not(.is-act) .s-who-pc { opacity: 0; }
  
  html.js .s-who.is-pin-live .s-who-pin.is-pin-ph .s-who-board .s-who-phd { transition: opacity var(--d2) var(--ease); }
  html.js .s-who.is-pin-live.is-peek-thin .s-who-pin.is-pin-ph .s-who-board .s-who-p.is-back .s-who-phd { opacity: 0; }
  
  html.js .s-who.is-pin-live:not(.is-fin-rows) .s-who-pin.is-pin-ph .s-who-board .s-who-p > :not(.s-who-phd):not(.glow-fx) { opacity: calc(1 - var(--s-who-fc, 0)); }
  
  html.js .s-who.is-pin-live.is-fin-rows .s-who-pin.is-pin-ph .s-who-board .s-who-tasks > li:first-child .dv-li-t > span:not(.sr-only) { opacity: calc(1 - var(--s-who-fc, 0)); }
}

.s-who-bg { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--gap); }

.s-who-bh {
  grid-column: 1 / span 7; min-height: clamp(400px, 32vw, 500px); padding: clamp(28px, 2.9vw, 44px);
  display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(40px, 1fr) auto auto; grid-template-areas: "ico" "." "eb" "h";
}
.s-who-bh > .eyebrow { grid-area: eb; justify-self: start; margin-bottom: 20px; }
.s-who-bh > .s-who-title { grid-area: h; max-width: 12em; font-size: clamp(32px, 3.9vw, 56px); line-height: 1.03; }   

.s-who-bi { grid-area: ico; position: relative; display: flex; align-items: center; gap: clamp(8px, 1vw, 14px); justify-self: start; }
.s-who-bi::before { content: ""; position: absolute; z-index: 0; left: 22px; right: 22px; top: 50%; height: 1.5px; margin-top: -.75px; background: var(--line); }
.s-who-bic { position: relative; z-index: 1; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--white); color: var(--ink); box-shadow: 0 0 0 1px var(--line); }
.s-who-bic svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.s-who-bic--cab { width: 52px; height: 52px; margin-left: clamp(4px, .8vw, 10px); background: var(--ink); color: #fff; box-shadow: none; }
.s-who-bic--cab svg { width: 21px; height: 21px; stroke-width: 1.6; }
.s-who-bph { grid-column: 8 / span 5; }
.s-who-bl { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--gap); }
.s-who-bc { grid-column: span 2; }
.s-who-bc--w { grid-column: span 3; }
@media (min-width: 1280px) {
  .s-who-bh { grid-column: 1 / span 8; }   
  .s-who-bph { grid-column: 9 / span 4; }
  
  .s-who-p--card .s-who-team { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .s-who-p--card .s-who-avw { --ph-size: 40px; }
  .s-who-p--card .s-who-avx { width: 40px; height: 40px; }
  .s-who-p--card .s-who-avx svg { width: 19px; height: 19px; }
  .s-who-p--card .s-who-tr { font-size: 14.5px; }
}
.s-who-bc { gap: 26px; padding: 28px; }
.s-who-bct { display: grid; justify-items: start; }
.s-who-bt { margin-top: 22px; font-weight: 600; font-size: var(--t-h3); line-height: 1.14; letter-spacing: -.025em; color: var(--ink); }
.s-who-bx { margin-top: 10px; max-width: 30em; font-size: 16px; font-weight: 500; line-height: 1.45; letter-spacing: -.006em; color: var(--ink-2); text-wrap: pretty; }

.s-who-p--card {
  flex: 1 1 auto; padding: 18px 20px 20px; border-radius: var(--r-md); background: var(--soft);
  --ink-2: var(--ink-2c); --dv-txt-2: var(--ink-2c);
  --dv-trk: rgba(13, 13, 13, .08); --dv-grid: rgba(13, 13, 13, .09); --dv-ring-bd: var(--soft); --dv-off: rgba(13, 13, 13, .2);
}
.s-who-p--card .s-who-avx { background: var(--white); }   

.s-who-bcab {
  grid-column: 1 / -1; display: flex; align-items: center; gap: 16px; padding: 24px 30% 24px 28px; border-radius: var(--r-lg); color: #fff;
  background: radial-gradient(52% 220% at 104% 120%, var(--o-light) 0%, color-mix(in srgb, var(--o-mid) 70%, transparent) 26%, transparent 70%), var(--ink);
}   
.s-who-bcab .s-who-ci { width: 40px; height: 40px; background: rgba(255, 255, 255, .12); color: #fff; }
.s-who-bcab .s-who-ci svg { width: 18px; height: 18px; }
.s-who-bcab .s-who-ct { font-size: clamp(17px, 1.3vw, 19px); line-height: 1.35; }
.s-who-bcab .s-who-ca { color: #fff; }
.s-who-bcab .s-who-cb { color: var(--on-ink-2); }

@media (prefers-reduced-motion: no-preference) {
  html.js .s-who-bc.reveal:not(.is-in) .s-who-bar i { transform: scaleX(0); }
  html.js .s-who-bc.reveal .s-who-bar i { transition-delay: calc(var(--d, 0s) + 300ms + var(--s-who-bd, 0ms)); }
  html.js .s-who-p--card.reveal:not(.is-in) .s-who-bar i { transform: scaleX(0); }
}

@media (min-width: 720px) and (max-width: 1279.98px) {
  .s-who-bh { min-height: clamp(340px, 40vw, 460px); }
  .s-who-bl { grid-template-columns: minmax(0, 1fr); }
  .s-who-bc, .s-who-bc--w { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: clamp(24px, 4vw, 56px); align-items: stretch; }
  .s-who-bct { align-content: start; }
  .s-who-bx { max-width: 24em; }
  .s-who-p--card { min-height: 100%; }
}
@media (min-width: 720px) and (max-width: 1023.98px) {
  .s-who-bc, .s-who-bc--w { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .s-who-bic { width: 40px; height: 40px; }
  .s-who-bic--cab { width: 48px; height: 48px; }
}

@media (max-width: 719.98px) {
  .s-who { --s-who-row: 30px; }
  .s-who-bg { grid-template-columns: minmax(0, 1fr); }
  .s-who-bh, .s-who-bph, .s-who-bl, .s-who-bcab { grid-column: 1 / -1; }
  .s-who-bl { grid-template-columns: minmax(0, 1fr); }
  .s-who-bc, .s-who-bc--w { grid-column: 1 / -1; }
  .s-who-bh { min-height: 0; padding: 24px 20px 26px; grid-template-rows: none; grid-template-areas: "ico" "eb" "h"; }
  .s-who-bi { gap: 6px; margin-bottom: 26px; }
  .s-who-bi::before { left: 18px; right: 18px; }
  .s-who-bic { width: 36px; height: 36px; }
  .s-who-bic svg { width: 16px; height: 16px; }
  .s-who-bic--cab { width: 42px; height: 42px; margin-left: 4px; }
  .s-who-bic--cab svg { width: 18px; height: 18px; }
  .s-who-bh > .eyebrow { margin-bottom: 18px; }
  .s-who-title, .s-who-bh > .s-who-title { font-size: 32px; line-height: 1.08; }
  .s-who-bph { aspect-ratio: 4 / 3; height: auto; min-height: 0; border-radius: var(--r-lg); }   
  .s-who-bc { gap: 20px; padding: 20px 16px; }
  .s-who-bct { padding: 0 4px; }
  .s-who-bt { margin-top: 18px; font-size: 22px; }
  .s-who-bx { font-size: 15.5px; }
  .s-who-p--card { padding: 14px 14px 16px; }
  .s-who-p--card .s-who-tr { font-size: 14px; }
  .s-who-bcab {
    align-items: flex-start; gap: 14px; padding: 20px 20px 42px;
    background: radial-gradient(70% 70% at 104% 124%, var(--o-light) 0%, color-mix(in srgb, var(--o-mid) 70%, transparent) 30%, transparent 72%), var(--ink);
  }   
  .s-who-bcab .s-who-ci { width: 36px; height: 36px; }
  .s-who-bcab .s-who-ct { font-size: 17px; }
}

@container swhop (max-width: 292px) {
  .s-who-p--card .s-who-goal .s-who-gl { flex-direction: column; align-items: flex-start; gap: 2px; }
}

@media (prefers-reduced-motion: reduce) {
  .s-who-n, .s-who-ci, .s-who-pn, .s-who-bar i, .s-who-photo > img { transition: none; }
}

.s-who-sl {
  --s-who-sl-g: 24px;                                   
  --s-who-sl-w: clamp(720px, 64vw, 920px);              
  --s-who-sl-h: clamp(380px, calc(100vh - var(--hd-h) - 290px), 440px);   
  --s-who-sl-bl: 40px;                                  
  --s-who-sl-tg: clamp(16px, 2vw, 28px);                
}
@supports (height: 100svh) { .s-who-sl { --s-who-sl-h: clamp(380px, calc(100svh - var(--hd-h) - 290px), 440px); } }
.s-who-sl-pin { --pin-step: 60svh; --pin-step-vh: 60vh; }   

.s-who-sl-head { display: grid; justify-items: center; text-align: center; opacity: var(--s-who-sl-ho, 1); }
.s-who-sl-head .eyebrow { margin-bottom: 16px; }
.s-who-sl-h { max-width: 20em; margin: 0 auto; }

.s-who-sl-tabs { position: relative; display: flex; align-items: center; justify-content: center; gap: var(--s-who-sl-tg); width: max-content; max-width: 100%; margin: 30px auto 0; }
.s-who-sl-rail { position: absolute; z-index: 0; left: var(--s-who-sl-r0, 22px); width: var(--s-who-sl-rw, calc(100% - 48px)); top: 50%; height: 1.5px; margin-top: -.75px; background: var(--line); pointer-events: none; }
.s-who-sl-rail i { display: block; height: 100%; background: var(--ink); transform-origin: 0 50%; transform: scaleX(var(--s-who-sl-rf, 0)); }
.s-who-sl-tab {
  position: relative; z-index: 1; display: grid; place-items: center; flex: none; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%;
  background: var(--canvas); color: var(--ink); box-shadow: inset 0 0 0 1px var(--line); cursor: default;
  transition: background-color var(--d2) var(--ease), color var(--d2) var(--ease), box-shadow var(--d2) var(--ease);
}
.s-who-sl-tab svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.s-who-sl-tab--cab { width: 52px; height: 52px; }
.s-who-sl-tab--cab svg { width: 21px; height: 21px; stroke-width: 1.6; }
.s-who-sl:not(.is-car) .s-who-sl-tab { pointer-events: none; }
.s-who-sl:not(.is-car) .s-who-sl-tab--cab { background: var(--ink); color: #fff; box-shadow: none; }   
.s-who-sl.is-car .s-who-sl-tab { cursor: pointer; }
.s-who-sl.is-car .s-who-sl-tab.is-past { box-shadow: inset 0 0 0 1px var(--ink); }
.s-who-sl.is-car .s-who-sl-tab.is-on { background: var(--ink); color: #fff; box-shadow: none; }
.s-who-sl-tab:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
@media (hover: hover) { .s-who-sl.is-car .s-who-sl-tab:not(.is-on):hover { background: var(--soft); } }

.s-who-sl-car { position: relative; margin-top: 28px; }
.s-who-sl-stage { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap); }
.s-who-sl-card { gap: 22px; padding: 28px; }
.s-who-sl-txt { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.s-who-sl-n { margin-bottom: 16px; }
.s-who-sl-t { font-weight: 600; font-size: clamp(24px, 2vw, 30px); line-height: 1.12; letter-spacing: -.028em; color: inherit; text-wrap: balance; }
.s-who-sl-x { margin-top: 10px; max-width: 30em; font-size: 16.5px; font-weight: 500; line-height: 1.45; letter-spacing: -.008em; color: var(--ink-2c); text-wrap: pretty; }
.s-who-sl-vis { flex: 1 1 auto; display: flex; flex-direction: column; min-width: 0; min-height: 0; }

.s-who-p--sl {
  flex: 1 1 auto; padding: 18px 20px 20px; border-radius: var(--r-md); background: var(--canvas); box-shadow: var(--sh-1);
  --dv-trk: rgba(13, 13, 13, .08); --dv-grid: rgba(13, 13, 13, .09); --dv-ring-bd: var(--canvas); --dv-off: rgba(13, 13, 13, .2);
}

.s-who-p--sl > .s-who-phd { margin-bottom: auto; }
.s-who-p--sl > :last-child { margin-bottom: auto; }

@media (max-width: 719.98px) {
  .s-who-sl.is-car .s-who-p--sl > .s-who-phd { margin-bottom: 0; }
}

@container swhop (max-width: 420px) {
  .s-who-p--sl .s-who-team { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .s-who-p--sl .s-who-avw { --ph-size: 38px; }
  .s-who-p--sl .s-who-avx { width: 38px; height: 38px; }
  .s-who-p--sl .s-who-avx svg { width: 18px; height: 18px; }
}

.s-who-sl-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; margin-bottom: 16px; }
.s-who-sl-ico { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, .12); color: #fff; }
.s-who-sl-ico svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.s-who-sl-card--fin .s-who-sl-t { color: #fff; }
.s-who-sl-card--fin .s-who-sl-x { color: var(--on-ink-2); }
.s-who-sl-xa { font-weight: 600; color: #fff; }
.s-who-sl-ph { position: relative; flex: 1 1 auto; display: flex; flex-direction: column; justify-content: flex-end; min-height: 300px; padding: 14px; border-radius: var(--r-md); overflow: hidden; isolation: isolate; }
.s-who-sl-photo { border-radius: inherit; }
.s-who-sl-photo > img { transform: scale(1.03); }

.s-who-sl.is-car .s-who-sl-photo.ph--ref > img { object-position: 50% 100%; }
@media (min-width: 1024px) and (max-width: 1199.98px) { .s-who-sl.is-car .s-who-sl-photo.ph--ref > img { transform-origin: 50% 100%; transform: scale(1.1); } }
@media (min-width: 720px) and (max-width: 1023.98px) { .s-who-sl.is-car .s-who-sl-photo.ph--ref > img { object-position: 50% 75%; } }
@media (max-width: 719.98px) { .s-who-sl.is-car .s-who-sl-photo.ph--ref > img { transform-origin: 45% 100%; transform: scale(1.5); } }

.s-who-sl:not(.is-car) .s-who-sl-photo.ph--ref { container-type: inline-size; }
.s-who-sl:not(.is-car) .s-who-sl-photo.ph--ref > img {
  --s-who-rh: max(125cqw, calc((100% - 22px) / .55));
  inset: auto; left: 50%; top: calc(22px - .45 * var(--s-who-rh));
  width: auto; height: var(--s-who-rh); aspect-ratio: 4 / 5; object-position: 50% 50%; transform: translateX(-50%);
}
.s-who-sl-mini { position: relative; z-index: 1; display: grid; gap: 6px; }
.s-who-sl-mr {
  display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; align-items: center; column-gap: 10px; min-height: 42px;
  padding: 8px 12px 8px 10px; border-radius: var(--r-sm); background: #fff; color: var(--ink); box-shadow: var(--sh-glass);
}
.s-who-sl-mn { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: var(--soft); color: var(--ink); font-size: 10px; font-weight: 650; line-height: 1; font-variant-numeric: tabular-nums; }
.s-who-sl-mt { min-width: 0; font-size: 13px; font-weight: 600; line-height: 1.2; color: var(--ink-2c); }
.s-who-sl-mv { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; line-height: 1.2; color: var(--ink); white-space: nowrap; font-variant-numeric: tabular-nums; }
.s-who-sl-mv b { font-size: 16px; font-weight: 600; letter-spacing: -.02em; }
.s-who-sl-mv .dv-chip { height: 22px; }
.s-who-sl-mav { gap: 0; }
.s-who-sl-mav .s-who-avw { --ph-size: 24px; margin-left: -5px; border-radius: 50%; box-shadow: 0 0 0 2px #fff; }
.s-who-sl-mav .s-who-avw:first-child { margin-left: 0; }
.s-who-sl-mav .s-who-avx { width: 24px; height: 24px; }
.s-who-sl-mav .s-who-avx svg { width: 13px; height: 13px; }
.s-who-sl-mav .ph-ico svg { width: 12px; height: 12px; }
.s-who-sl-ok { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: var(--dv-ok, var(--green)); color: #fff; }
.s-who-sl-ok svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.s-who-sl-mok { display: inline-flex; align-items: center; gap: 6px; color: #0B6B49; }
.s-who-sl-mok::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--green); }

.s-who-sl-mini { container: swhomini / inline-size; }
@container swhomini (max-width: 250px) {
  .s-who-sl-mr { grid-template-columns: 20px minmax(0, 1fr); row-gap: 3px; }
  .s-who-sl-mn { grid-row: 1 / span 2; }
  .s-who-sl-mv { grid-column: 2; }
}

.s-who-sl-arw[hidden] { display: none; }
.s-who-sl:not(.is-car) .s-who-sl-ctl { display: none; }
.s-who-sl-arw { box-shadow: var(--sh-1); }
.s-who-sl-arw[aria-disabled="true"] { box-shadow: inset 0 0 0 1px var(--line); }

.s-who-sl.is-car .s-who-sl-car { margin-inline: calc(-1 * var(--s-who-sl-bl)); }
.s-who-sl.is-car .s-who-sl-stage {
  grid-template-columns: minmax(0, 1fr); gap: 0; overflow: hidden; touch-action: pan-y;
  
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 5%, #000 95%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 5%, #000 95%, transparent 100%);
}
.s-who-sl.is-car .s-who-sl-card {
  grid-area: 1 / 1; justify-self: center; width: var(--s-who-sl-w); max-width: none;
  transform: translate3d(var(--s-who-sl-x, 0px), 0, 0) scale(var(--s-who-sl-s, 1)); opacity: var(--s-who-sl-o, 1);
  z-index: var(--s-who-sl-z, 1); transform-origin: 50% 50%;
}
.s-who-sl.is-car .s-who-sl-card.is-far { visibility: hidden; }
.s-who-sl.is-car .s-who-sl-card:not(.is-cur) { cursor: pointer; }
.s-who-sl.is-car .s-who-sl-card:not(.is-cur) * { pointer-events: none; }

@media (min-width: 1024px) {
  
  .s-who-sl { --s-who-sl-g: 32px; }
  .s-who-sl.is-car .s-who-sl-card {
    display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: clamp(32px, 3.4vw, 52px); align-items: stretch;
    min-height: var(--s-who-sl-h); padding: clamp(32px, 3vw, 44px);
  }
  .s-who-sl.is-car .s-who-sl-n { margin-bottom: auto; }
  .s-who-sl.is-car .s-who-sl-top { margin-bottom: auto; }
  .s-who-sl.is-car .s-who-sl-t { margin-top: 28px; font-size: clamp(30px, 2.6vw, 38px); line-height: 1.08; letter-spacing: -.032em; }
  .s-who-sl.is-car .s-who-sl-x { margin-top: 14px; font-size: 18px; line-height: 1.45; }
  .s-who-sl.is-car .s-who-sl-vis { justify-content: center; }
  .s-who-sl.is-car .s-who-p--sl { flex: 0 0 auto; padding: 20px 22px 22px; gap: 16px; }
  .s-who-sl.is-car .s-who-p--sl > .glow-fx { display: none; }
  .s-who-sl.is-car .s-who-sl-ph { min-height: 0; }
  
  .s-who-sl.is-car .s-who-sl-mini { gap: 5px; }
  .s-who-sl.is-car .s-who-sl-mr { min-height: 40px; padding-block: 7px; }
  
  .s-who-sl.is-car .s-who-sl-ctl {
    position: absolute; z-index: 20; left: 50%; top: 50%; display: flex; align-items: center; justify-content: space-between;
    width: calc(var(--s-who-sl-w) + 52px); transform: translate(-50%, -50%); pointer-events: none;
  }
  .s-who-sl-arw { width: 52px; height: 52px; pointer-events: auto; background: #fff; }
  .s-who-sl.is-car .s-who-sl-arw[aria-disabled="true"] { background: #fff; }   
  .s-who-sl-arw svg { width: 20px; height: 20px; }
  .s-who-sl-prog { display: none; }
}

@media (min-width: 720px) {
  .s-who-sl.is-car .s-who-p--sl .s-who-pt { font-size: 14px; }
  .s-who-sl.is-car .s-who-p--sl .s-who-team { gap: 16px 16px; }
  .s-who-sl.is-car .s-who-p--sl .s-who-avw { --ph-size: 40px; }
  .s-who-sl.is-car .s-who-p--sl .s-who-avx { width: 40px; height: 40px; }
  .s-who-sl.is-car .s-who-p--sl .s-who-avx svg { width: 19px; height: 19px; }
  .s-who-sl.is-car .s-who-p--sl .s-who-tr { font-size: 15px; }
  .s-who-sl.is-car .s-who-p--sl .s-who-goals { gap: 20px; }
  .s-who-sl.is-car .s-who-p--sl .s-who-gk { font-size: 16px; }
  .s-who-sl.is-car .s-who-p--sl .s-who-gv { font-size: 14px; }
  .s-who-sl.is-car .s-who-p--sl .s-who-gv b { font-size: 25px; }
  .s-who-sl.is-car .s-who-p--sl .s-who-bar { height: 9px; }
  .s-who-sl.is-car .s-who-p--sl .s-who-scen { --dv-h: 72px; }
  .s-who-sl.is-car .s-who-p--sl .s-who-todo .dv-li-t > b { font-size: 15px; }
  .s-who-sl.is-car .s-who-p--sl .s-who-todo .dv-li-t > span { font-size: 14px; }
  .s-who-sl.is-car .s-who-p--sl .s-who-tasks .dv-li-t > b { font-size: 15px; }
  .s-who-sl.is-car .s-who-p--sl .s-who-tasks .dv-li-t > span:not(.sr-only) { font-size: 13.5px; }
  .s-who-sl.is-car .s-who-p--sl .s-who-dt { font-size: 13px; }
  .s-who-sl.is-car .s-who-p--sl .s-who-k { font-size: 14px; }
  .s-who-sl.is-car .s-who-p--sl .dv-num--sm { --dv-num: 38px; }
  .s-who-sl.is-car .s-who-p--sl .s-who-iv { font-size: 18px; }
  .s-who-sl.is-car .s-who-p--sl :is(.s-who-chg, .s-who-split .dv-sl li) { font-size: 13.5px; }
}

@media (min-width: 1024px) and (max-height: 760px) {
  .s-who-sl { --s-who-sl-tg: clamp(14px, 1.6vw, 22px); }
  .s-who-sl-tabs { margin-top: 22px; }
  .s-who-sl-car { margin-top: 20px; }
}

@media (min-width: 1024px) {
  .s-who-sl:not(.is-car) .s-who-sl-stage { max-width: 1200px; margin: 0 auto; }
}

@media (max-width: 1023.98px) {
  .s-who-sl { --s-who-sl-w: min(600px, calc(100vw - 168px)); --s-who-sl-bl: 32px; --s-who-sl-g: 16px; }
  .s-who-sl.is-car .s-who-sl-card:not(.s-who-sl-card--fin)::after { display: none; }
  .s-who-sl.is-car .s-who-sl-ctl { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: var(--s-who-sl-w); min-height: 44px; margin: 14px auto 0; }
  .s-who-sl-arw { background: var(--white); }
  .s-who-sl-prog { flex: none; }
}

@media (min-width: 720px) and (max-width: 1023.98px) {
  .s-who-sl.is-car .s-who-sl-vis { justify-content: center; }
  .s-who-sl.is-car .s-who-p--sl { flex: 0 0 auto; padding: 20px 22px 22px; gap: 16px; }
  .s-who-sl.is-car .s-who-p--sl .s-who-team { grid-template-columns: minmax(0, 1fr); gap: 14px; }
}

@media (max-width: 1023.98px) {
  .s-who-sl.is-car .s-who-sl-card--fin .s-who-sl-txt { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; column-gap: 14px; }
  .s-who-sl.is-car .s-who-sl-card--fin .s-who-sl-top { display: contents; }
  .s-who-sl.is-car .s-who-sl-card--fin .s-who-sl-ico { grid-area: 1 / 1; }
  .s-who-sl.is-car .s-who-sl-card--fin .s-who-sl-t { grid-area: 1 / 2; }
  .s-who-sl.is-car .s-who-sl-card--fin .s-who-sl-top > .dv-chip { grid-area: 1 / 3; }
  .s-who-sl.is-car .s-who-sl-card--fin .s-who-sl-x { grid-column: 1 / -1; }
}
@media (max-width: 719.98px) {
  .s-who-sl.is-car .s-who-sl-card--fin .s-who-sl-txt { grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; }
  .s-who-sl.is-car .s-who-sl-card--fin .s-who-sl-ico { display: none; }
  .s-who-sl.is-car .s-who-sl-card--fin .s-who-sl-t { grid-area: 1 / 1; }
  .s-who-sl.is-car .s-who-sl-card--fin .s-who-sl-top > .dv-chip { grid-area: 1 / 2; }
}
@media (max-width: 719.98px) {
  .s-who-sl { --s-who-sl-w: calc(100vw - 64px); --s-who-sl-bl: 16px; --s-who-sl-g: 10px; --s-who-sl-tg: clamp(4px, calc((100vw - 304px) / 5), 18px); }
  .s-who-sl-stage { grid-template-columns: minmax(0, 1fr); }
  .s-who-sl-tabs { margin-top: 22px; }
  .s-who-sl-car { margin-top: 18px; }
  .s-who-sl-card { gap: 16px; padding: 18px 14px 14px; }
  .s-who-sl-txt { padding: 0 4px; }
  .s-who-sl-n { margin-bottom: 12px; }
  .s-who-sl-t { font-size: 23px; }
  .s-who-sl-x { margin-top: 8px; font-size: 15.5px; line-height: 1.42; }
  .s-who-p--sl { padding: 14px 14px 16px; gap: 12px; }
  .s-who-p--sl .s-who-tr { font-size: 14px; }
  .s-who-p--sl { --glow-max: .4; }   
  .s-who-sl-ph { min-height: 280px; padding: 10px; }
  .s-who-sl-mini { gap: 5px; }
  .s-who-sl-mr { min-height: 40px; padding: 7px 10px 7px 8px; column-gap: 8px; }
  .s-who-sl-top { margin-bottom: 14px; }
  .s-who-sl-ico { width: 36px; height: 36px; }
}

@media (max-width: 359.98px) {
  .s-who-sl-tab--cab { width: 44px; height: 44px; }
}

@media (max-width: 1023.98px) {
  .s-who-sl.is-tight .s-who-sl-tabs { margin-top: 18px; }
  .s-who-sl.is-tight .s-who-sl-car { margin-top: 12px; }
  .s-who-sl.is-tight .s-who-sl-card { gap: 12px; padding: 14px 12px 12px; }
  .s-who-sl.is-tight .s-who-sl-n { margin-bottom: 8px; }
  .s-who-sl.is-tight .s-who-sl-top { margin-bottom: 10px; }
  .s-who-sl.is-tight .s-who-sl-ico { width: 32px; height: 32px; }
  .s-who-sl.is-tight .s-who-sl-t { font-size: 21px; }
  .s-who-sl.is-tight .s-who-sl-x { margin-top: 6px; font-size: 14.5px; line-height: 1.38; }
  .s-who-sl.is-tight .s-who-p--sl { padding: 12px 12px 14px; gap: 10px; }
  .s-who-sl.is-tight .s-who-p--sl .s-who-team { gap: 8px; }
  .s-who-sl.is-tight .s-who-p--sl .s-who-avw { --ph-size: 32px; }
  .s-who-sl.is-tight .s-who-p--sl .s-who-avx { width: 32px; height: 32px; }
  .s-who-sl.is-tight .s-who-p--sl .s-who-goals { gap: 12px; }
  .s-who-sl.is-tight .s-who-p--sl .s-who-scen { --dv-h: 50px; margin-top: 10px; }
  .s-who-sl.is-tight .s-who-p--sl .s-who-todo > li { padding: 4px 0; }
  .s-who-sl.is-tight .s-who-p--sl .dv-list--sm.s-who-tasks > li { padding: 6px 0; }
  .s-who-sl.is-tight .s-who-p--sl .dv-list--sm.s-who-tasks > li:first-child { padding-top: 0; }
  .s-who-sl.is-tight .s-who-p--sl .s-who-rep { gap: 10px; }
  .s-who-sl.is-tight .s-who-p--sl .s-who-inc { padding-top: 10px; gap: 8px; }
  .s-who-sl.is-tight .s-who-p--sl .dv-num--sm { --dv-num: 28px; }
  .s-who-sl.is-tight .s-who-sl-ph { min-height: 236px; padding: 8px; }
  .s-who-sl.is-tight .s-who-sl-mini { gap: 4px; }
  .s-who-sl.is-tight .s-who-sl-mr { min-height: 36px; padding: 6px 10px 6px 8px; }
  .s-who-sl.is-tight .s-who-sl-ctl { margin-top: 10px; }
  .s-who-sl.is-tight2 .s-who-p--sl .s-who-tasks .dv-li-t > span:not(.sr-only) { display: none; }
  .s-who-sl.is-tight2 .s-who-p--sl .s-who-todo .dv-li-t > span { font-size: 13px; }
  .s-who-sl.is-tight2 .s-who-sl-x { font-size: 14px; }
  .s-who-sl.is-tight2 .s-who-sl-ph { min-height: 214px; }
}

@media (prefers-reduced-motion: no-preference) {
  html.js .s-who-sl.is-car .s-who-sl-card:not(.is-on) .s-who-bar i { transform: scaleX(0); }
}
@media (prefers-reduced-motion: reduce) {
  .s-who-sl-tab, .s-who-sl-rail i { transition: none; }
}

html:is([data-who="c"], [data-who="d"], :not([data-who])) .s-who > .wrap > .bridge-row { justify-content: center; }

.s-who-dk {
  --s-who-dk-w: clamp(600px, 48vw, 720px);   
  --s-who-dk-rh: 56px;                        
  --s-who-dk-g: 12px;                         
  --s-who-dk-rr: .84;                         
  --s-who-dk-ht: 14px;                        
  --s-who-dk-pxr: 12px;                       
  --s-who-dk-pxc: 28px;                       
  --s-who-dk-bg: 10px;                        
  --s-who-dk-pb: 28px;                        
  --s-who-dk-ic: 36px;                        
  --s-who-dk-ib: var(--canvas);               
}
.s-who-dk-pin { --pin-step: 60svh; --pin-step-vh: 60vh; }   

.s-who-dk-head { display: grid; justify-items: center; text-align: center; opacity: var(--s-who-dk-ho, 1); }
.s-who-dk-head .eyebrow { margin-bottom: 16px; }
.s-who-dk-h { max-width: 20em; margin: 0 auto; }
.s-who-dk-sub { max-width: 44em; margin: 20px auto 0; text-wrap: balance; }   

.s-who-dk-box { --glow-max: .4; position: relative; border-radius: var(--r-lg); background: var(--white); }   
.s-who-dk-hd { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-width: 0; min-height: var(--s-who-dk-rh); }
.s-who-dk-hl { display: inline-flex; align-items: center; gap: 12px; min-width: 0; transform-origin: 0 50%; }
.s-who-dk-ic { display: grid; place-items: center; flex: none; width: var(--s-who-dk-ic); height: var(--s-who-dk-ic); border-radius: 50%; background: var(--s-who-dk-ib); color: var(--ink); }
.s-who-dk-ic svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.s-who-dk-ht { min-width: 0; overflow: hidden; font-size: 16px; font-weight: 600; line-height: 1.2; letter-spacing: -.012em; color: var(--ink); white-space: nowrap; text-overflow: ellipsis; }   
.s-who-dk-hr { display: inline-grid; justify-items: end; align-items: center; flex: none; min-width: 0; }
.s-who-dk-hr > * { grid-area: 1 / 1; }

.s-who-dk-rv { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; line-height: 1.2; letter-spacing: -.005em; color: var(--ink); white-space: nowrap; font-variant-numeric: tabular-nums; }
.s-who-dk-rv b { font-size: 17px; font-weight: 600; letter-spacing: -.02em; }
.s-who-dk-tick { display: grid; place-items: center; flex: none; width: 18px; height: 18px; border-radius: 50%; background: var(--dv-ok, var(--green)); color: #fff; }
.s-who-dk-tick svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.s-who-dk-av { gap: 0; }
.s-who-dk-av .s-who-avw { --ph-size: 28px; margin-left: -6px; border-radius: 50%; box-shadow: 0 0 0 2px var(--white); }
.s-who-dk-av .s-who-avw:first-child { margin-left: 0; }
.s-who-dk-av .s-who-avx { width: 28px; height: 28px; background: var(--canvas); }
.s-who-dk-av .s-who-avx svg { width: 14px; height: 14px; }
.s-who-dk-av .ph-ico svg { width: 13px; height: 13px; }
.s-who-dk-gis { gap: 4px; }
.s-who-dk-gis i { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--canvas); }
.s-who-dk-gis svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

.s-who-p--dk { --dv-trk: rgba(13, 13, 13, .08); --k-g: 10px; --k-tile: var(--white); --k-fp: 16px; gap: 0; padding: var(--k-fp); border-radius: var(--r-md); background: var(--canvas); }

.s-who-kg { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--k-g); }
.s-who-kg-i {
  display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "ic who" "n n" "t t" "pr pr" "sum sum";
  align-content: start; min-width: 0; padding: 18px 16px 18px; border-radius: 16px; background: var(--k-tile);   
}
.s-who-kg-ic { grid-area: ic; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--canvas); color: var(--ink); }
.s-who-kg-ic svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.s-who-kg-who { grid-area: who; justify-self: end; align-self: start; max-width: 100%; padding: 4px 9px; border-radius: var(--r-pill); background: var(--canvas); font-size: 12px; font-weight: 600; line-height: 1.2; color: var(--ink-2c); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.s-who-kg-n { grid-area: n; margin-top: 14px; min-height: 2.5em; font-size: 15px; font-weight: 600; line-height: 1.25; letter-spacing: -.012em; color: var(--ink); text-wrap: balance; }
.s-who-kg-t { grid-area: t; display: flex; align-items: baseline; gap: 5px; margin-top: 12px; }   
.s-who-kg-t > span { font-size: 11.5px; font-weight: 500; line-height: 1.2; color: var(--ink-2c); }
.s-who-kg-t b { font-size: 13.5px; font-weight: 600; line-height: 1.2; letter-spacing: -.01em; color: var(--ink); white-space: nowrap; }
.s-who-kg-pr { grid-area: pr; display: flex; align-items: center; gap: 8px; margin-top: 12px; }
.s-who-kg-bar { position: relative; flex: 1 1 auto; min-width: 40px; height: 6px; border-radius: 3px; background: var(--dv-trk); overflow: hidden; }
.s-who-kg-bar i { position: absolute; inset: 0 auto 0 0; width: calc(var(--v, 0) * 100%); border-radius: inherit; background: var(--ink); transform-origin: 0 50%; transition: transform 1100ms var(--ease) var(--kd, 0ms); }
.s-who-kg-i:nth-child(2) { --kd: 120ms; }
.s-who-kg-i:nth-child(3) { --kd: 240ms; }
.s-who-kg-pc { flex: none; font-size: 12.5px; font-weight: 600; line-height: 1; color: var(--ink); font-variant-numeric: tabular-nums; }
.s-who-kg-sum { grid-area: sum; margin-top: 6px; font-size: 12px; font-weight: 500; line-height: 1.25; color: var(--ink-2c); }

.s-who-kt { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 1fr; gap: var(--k-g); }
@container swhop (min-width: 620px) { .s-who-kt { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.s-who-kt-m { --ph-size: 44px; display: flex; align-items: center; gap: 12px; min-width: 0; padding: 12px 14px; border-radius: 16px; background: var(--k-tile); }
.s-who-kt-m .s-who-avw { --ph-size: inherit; }
.s-who-kt-m .s-who-avx { width: var(--ph-size); height: var(--ph-size); background: var(--canvas); }
.s-who-kt-m .s-who-avx svg { width: 20px; height: 20px; }
.s-who-kt-tx { display: grid; gap: 2px; min-width: 0; }
.s-who-kt-tx b { font-size: 14px; font-weight: 600; line-height: 1.22; letter-spacing: -.012em; color: var(--ink); text-wrap: balance; }
.s-who-kt-tx > span { font-size: 12px; font-weight: 500; line-height: 1.3; color: var(--ink-2c); }
.s-who-kt-tx .nw { white-space: nowrap; }   

.s-who-ks { --ks0: color-mix(in srgb, var(--copper) 62%, var(--ink)); --ks1: var(--copper); --ks2: var(--copper-t); --ks3: var(--g3); --ks4: var(--gr-light); --ks5: var(--gr-mid); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--k-g); }
.s-who-ks-d { display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "cap cap" "ring th"; align-items: center; column-gap: 18px; row-gap: 12px; min-width: 0; margin: 0; padding: 14px 18px 16px; border-radius: 16px; background: var(--k-tile); }
.s-who-ks-d figcaption { grid-area: cap; font-size: 14px; font-weight: 600; line-height: 1.2; letter-spacing: -.01em; color: var(--ink); white-space: nowrap; }
.s-who-ks-ring { grid-area: ring; position: relative; display: block; width: var(--ks-r, 96px); aspect-ratio: 1; }
.s-who-ks-ring svg { display: block; width: 100%; height: 100%; transform: rotate(-90deg); transition: transform 1000ms var(--ease), opacity 600ms var(--ease); }
.s-who-ks-ring circle { fill: none; stroke: var(--k); stroke-width: 16; }
.s-who-ks .k0 { --k: var(--ks0); } .s-who-ks .k1 { --k: var(--ks1); } .s-who-ks .k2 { --k: var(--ks2); } .s-who-ks .k3 { --k: var(--ks3); } .s-who-ks .k4 { --k: var(--ks4); } .s-who-ks .k5 { --k: var(--ks5); }
.s-who-ks-th { grid-area: th; display: grid; gap: 9px; min-width: 0; margin: 0; }
.s-who-ks-th > div { display: grid; gap: 1px; min-width: 0; }
.s-who-ks-th dt { font-size: 11.5px; font-weight: 500; line-height: 1.2; color: var(--ink-2c); }
.s-who-ks-th dd { margin: 0; font-size: 15px; font-weight: 600; line-height: 1.2; letter-spacing: -.015em; color: var(--ink); white-space: nowrap; font-variant-numeric: tabular-nums; }

.s-who-kr { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr); grid-template-rows: repeat(3, auto) auto; gap: 10px; }
.s-who-kr-cap { grid-column: 1; grid-row: 1 / span 3; display: flex; flex-direction: column; gap: 4px; min-width: 0; padding: 15px 18px 14px; border-radius: 16px; background: var(--k-tile); }
.s-who-kr-k { font-size: 13px; font-weight: 500; line-height: 1.2; color: var(--ink-2c); white-space: nowrap; }
.s-who-kr-v { font-size: 18px; font-weight: 600; line-height: 1.2; letter-spacing: -.012em; color: var(--ink); white-space: nowrap; font-variant-numeric: tabular-nums; }
.s-who-kr-cap .s-who-kr-v { margin-top: 2px; font-size: 32px; line-height: 1.05; letter-spacing: -.03em; font-variant-numeric: proportional-nums; }
.s-who-kr-d { font-size: 12.5px; font-weight: 600; line-height: 1.2; color: var(--gr-mid); white-space: nowrap; }
.s-who-kr-d > span { font-weight: 500; color: var(--ink-2c); }
.s-who-kr-ch { display: flex; flex-direction: column; gap: 6px; flex: 1 1 auto; margin-top: 10px; }
.s-who-kr-sv { position: relative; display: block; flex: 1 1 auto; min-height: 44px; }
.s-who-kr-sv svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.s-who-kr-sv .l { fill: none; stroke: var(--green); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.s-who-kr-dot { position: absolute; right: 4.2%; top: 9.2%; width: 8px; height: 8px; margin: -4px -4px 0 0; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 2px var(--k-tile); }
.s-who-kr-t:not(.s-who-kr-cap) { grid-column: 2; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto; align-content: center; column-gap: 12px; row-gap: 2px; min-width: 0; padding: 10px 16px; border-radius: 16px; background: var(--k-tile); }
.s-who-kr-t:not(.s-who-kr-cap) .s-who-kr-k { grid-row: 1 / span 2; align-self: center; }
.s-who-kr-t:not(.s-who-kr-cap) :is(.s-who-kr-v, .s-who-kr-d) { text-align: right; }
.s-who-kr-rec { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-width: 0; padding: 8px 8px 8px 18px; border-radius: var(--r-sm); background: var(--gr-pale); }
.s-who-kr-rw { min-width: 0; font-size: 15px; font-weight: 600; line-height: 1.25; letter-spacing: -.005em; color: var(--gr-deep); }   
.s-who-kr-go { flex: none; padding: 7px 16px; border-radius: var(--r-pill); background: #FFFFFF; color: var(--gr-mid); font-size: 13px; font-weight: 600; line-height: 1.2; white-space: nowrap; box-shadow: 0 1px 2px rgba(5, 46, 31, .07); }

.s-who-kl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--k-g); }
.s-who-kl-m { grid-column: 1 / -1; display: grid; grid-template-columns: auto auto minmax(0, 1fr); grid-template-areas: "k k k" "v p bar"; align-items: center; column-gap: 12px; row-gap: 2px; min-width: 0; padding: 12px 18px 14px; border-radius: 16px; background: var(--k-tile); }
.s-who-kl-m .s-who-kl-k { grid-area: k; }
.s-who-kl-v { grid-area: v; font-size: 24px; font-weight: 600; line-height: 1.15; letter-spacing: -.025em; color: var(--ink); white-space: nowrap; font-variant-numeric: tabular-nums; }
.s-who-kl-p { grid-area: p; font-size: 13px; font-weight: 600; line-height: 1.2; color: var(--gr-mid); white-space: nowrap; }
.s-who-kl-bar { grid-area: bar; position: relative; display: block; height: 6px; margin-left: 6px; border-radius: 3px; background: var(--dv-trk); overflow: hidden; }
.s-who-kl-bar i { position: absolute; inset: 0 auto 0 0; width: calc(var(--v, 0) * 100%); border-radius: inherit; background: var(--green); transform-origin: 0 50%; transition: transform 1100ms var(--ease) 120ms; }
.s-who-kl-t { display: flex; flex-direction: column; min-width: 0; padding: 14px 16px 14px; border-radius: 16px; background: var(--k-tile); }
.s-who-kl-k { font-size: 12.5px; font-weight: 500; line-height: 1.2; color: var(--ink-2c); white-space: nowrap; }
.s-who-kl-s { margin-top: 4px; font-size: 24px; font-weight: 600; line-height: 1.15; letter-spacing: -.025em; color: var(--kl-c, var(--ink)); white-space: nowrap; font-variant-numeric: tabular-nums; }
.s-who-kl-t--in { --kl-c: var(--green); }
.s-who-kl-t--out { --kl-c: var(--copper); }
.s-who-kl-t--inv { --kl-c: var(--gr-deep); }
.s-who-kl-tx { display: grid; gap: 3px; margin-top: 12px; }   
.s-who-kl-tx li { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; min-width: 0; font-size: 11px; font-weight: 500; line-height: 1.25; color: var(--ink-2c); }
.s-who-kl-tx li > span { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.s-who-kl-tx b { flex: none; font-weight: 600; color: var(--kl-c, var(--ink)); white-space: nowrap; font-variant-numeric: tabular-nums; }

.s-who-kk { display: grid; grid-template-columns: minmax(0, .44fr) minmax(0, 1.56fr); gap: var(--k-g); }
.s-who-kk-sum { display: grid; place-items: center; min-width: 0; padding: 14px; border-radius: 16px; background: var(--k-tile); }
.s-who-kk-ring { position: relative; display: block; width: min(var(--kk-r, 112px), 100%); aspect-ratio: 1; }   
.s-who-kk-ring svg { display: block; width: 100%; height: 100%; transform: rotate(-90deg); }
.s-who-kk-ring circle { fill: none; stroke: var(--dv-trk); stroke-width: 9; }
.s-who-kk-ring circle.on { stroke: var(--green); transition: opacity 500ms var(--ease) 200ms; }
.s-who-kk-c { position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; gap: 3px; text-align: center; }
.s-who-kk-c b { font-size: var(--kk-n, 30px); font-weight: 600; line-height: 1; letter-spacing: -.03em; color: var(--ink); font-variant-numeric: tabular-nums; }
.s-who-kk-c b span { font-size: .56em; letter-spacing: -.01em; color: var(--ink-2c); }
.s-who-kk-c > span { font-size: 12px; font-weight: 500; line-height: 1.2; color: var(--ink-2c); }
.s-who-kk-list { display: grid; gap: 6px; min-width: 0; }
.s-who-kk-list > li { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 5px 14px 5px 6px; border-radius: 14px; background: var(--k-tile); }
.s-who-kk-list .s-who-avw { --ph-size: 34px; }
.s-who-kk-t { flex: 1 1 auto; display: grid; gap: 1px; min-width: 0; }
.s-who-kk-t b { font-size: 14px; font-weight: 600; line-height: 1.2; letter-spacing: -.01em; color: var(--ink); }
.s-who-kk-t span { font-size: 12px; font-weight: 500; line-height: 1.25; color: var(--ink-2c); }
.s-who-kk-s { flex: none; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; }
.s-who-kk-s svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 2.3; stroke-linecap: round; stroke-linejoin: round; }
.s-who-kk-list .is-done .s-who-kk-s { background: var(--green); color: #FFFFFF; }
.s-who-kk-list .is-next .s-who-kk-s { box-shadow: inset 0 0 0 1.5px rgba(13, 13, 13, .2); color: var(--ink-2c); }
.s-who-kk-list .is-next .s-who-kk-s svg { width: 15px; height: 15px; stroke-width: 1.6; }

@media (min-width: 1024px) {
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-p--dk { --k-g: 12px; --k-fp: 18px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-who { font-size: 12.5px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-pr { margin-top: 12px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-pc { font-size: 13px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-sum { margin-top: 7px; font-size: 12.5px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-i { padding: 22px 18px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-n { margin-top: 16px; font-size: 16.5px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-t { margin-top: 14px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-t > span { font-size: 12.5px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-t b { font-size: 14.5px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kt-m { --ph-size: 44px; gap: 12px; padding: 16px 14px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kt-tx b { font-size: 14.5px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-ks { --ks-r: 118px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-ks-d { column-gap: 22px; row-gap: 16px; padding: 18px 20px 20px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-ks-d figcaption { font-size: 15px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-ks-th { gap: 11px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-ks-th dt { font-size: 12.5px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-ks-th dd { font-size: 17px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kl-m { padding: 14px 20px 16px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kl-v { font-size: 28px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kl-p { font-size: 14px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kl-t { padding: 16px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kl-k { font-size: 13px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kl-s { font-size: 28px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kl-tx { margin-top: 14px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kl-tx li { font-size: 11px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr { gap: 12px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-cap { padding: 18px 20px 16px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-k { font-size: 14px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-cap .s-who-kr-v { font-size: 40px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-d { font-size: 13.5px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-sv { min-height: 60px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-t:not(.s-who-kr-cap) { padding: 14px 20px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-v { font-size: 21px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-rec { padding: 10px 10px 10px 22px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-rw { font-size: 16.5px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-go { padding: 8px 18px; font-size: 14px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-ring { --kk-r: 132px; --kk-n: 36px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-c > span { font-size: 13px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-list { gap: 8px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-list > li { gap: 14px; padding: 8px 18px 8px 8px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-list .s-who-avw { --ph-size: 38px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-t b { font-size: 15.5px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-t span { font-size: 13px; }
  html[data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-s { width: 26px; height: 26px; }
}

@container swhop (max-width: 619.98px) {
  .s-who-ks-d { grid-template-columns: minmax(0, 1fr); grid-template-areas: "cap" "ring" "th"; justify-items: center; }   
  .s-who-ks-d figcaption { justify-self: start; }
  .s-who-ks-th { grid-template-columns: repeat(3, auto); justify-content: center; column-gap: 14px; text-align: center; }
  .s-who-kl-s { font-size: 21px; }
  .s-who-kl-tx li > span { white-space: normal; }   
}

@container swhop (max-width: 479.98px) {
  .s-who-p--dk { --k-g: 8px; --k-fp: 10px; }
  .s-who-kg { grid-template-columns: minmax(0, 1fr); }
  .s-who-kg-i { grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "ic n who" "ic pr pr" "ic sum t"; column-gap: 10px; row-gap: 4px; padding: 10px 12px 10px 10px; }
  .s-who-kg-ic { width: 32px; height: 32px; }
  .s-who-kg-ic svg { width: 16px; height: 16px; }
  .s-who-kg-n { align-self: center; margin-top: 0; min-height: 0; font-size: 13.5px; }
  .s-who-kg-who { align-self: center; padding: 2px 7px; font-size: 11px; }
  .s-who-kg-t { display: flex; align-items: baseline; justify-content: flex-end; gap: 4px; margin-top: 0; }
  .s-who-kg-t > span { font-size: 11px; }
  .s-who-kg-t b { font-size: 12.5px; }
  .s-who-kg-pr { margin-top: 2px; }
  .s-who-kg-sum { margin-top: 0; font-size: 11.5px; }
  .s-who-kt { grid-template-columns: minmax(0, 1fr); }   
  .s-who-kt-m { --ph-size: 34px; gap: 10px; padding: 7px 12px 7px 8px; }
  .s-who-kt-tx { gap: 1px; }
  .s-who-kt-tx b { font-size: 13px; }
  .s-who-kt-tx > span { font-size: 11px; }
  .s-who-kr { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; gap: 8px; }
  .s-who-kr > .s-who-kr-t:not(.s-who-kr-cap) { grid-column: 1; }
  .s-who-kr-cap { grid-row: auto; padding: 12px 14px; }
  .s-who-kr-cap .s-who-kr-v { font-size: 28px; }
  .s-who-kr-ch { margin-top: 6px; }
  .s-who-kr-sv { min-height: 40px; }
  .s-who-kr-t:not(.s-who-kr-cap) { padding: 7px 14px; }
  .s-who-kr-v { font-size: 16px; }
  .s-who-kr-rec { padding: 6px 6px 6px 14px; }
  .s-who-ks { --ks-r: 84px; gap: 8px; }
  .s-who-ks-d { padding: 10px 8px 12px; row-gap: 8px; }
  .s-who-ks-d figcaption { font-size: 12.5px; }
  .s-who-ks-th { grid-template-columns: minmax(0, 1fr); row-gap: 4px; }
  .s-who-ks-th dt { font-size: 10.5px; }
  .s-who-ks-th dd { font-size: 13px; }
  .s-who-kl { grid-template-columns: minmax(0, 1fr); }
  .s-who-kl-m { padding: 10px 12px; }
  .s-who-kl-v { font-size: 19px; }
  .s-who-kl-t { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; padding: 9px 12px; }
  .s-who-kl-s { margin-top: 0; font-size: 16px; }
  .s-who-kl-tx { display: none; }   
  .s-who-kk { grid-template-columns: minmax(0, 1fr); }
  .s-who-kk-sum { display: none; }
  .s-who-kk-list > li { gap: 10px; padding: 5px 10px 5px 5px; }
  .s-who-kk-list .s-who-avw { --ph-size: 30px; }
  .s-who-kk-t b { font-size: 13px; }
  .s-who-kk-t span { font-size: 11.5px; }
  .s-who-kk-s { width: 22px; height: 22px; }
}

.s-who-dk-stack { display: grid; gap: 44px; max-width: 760px; margin: 48px auto 0; }
.s-who-dk-it { display: grid; gap: 16px; min-width: 0; }
.s-who-dk-ct { display: grid; justify-items: center; gap: 6px; text-align: center; }
.s-who-dk-st { font-size: clamp(20px, 1.6vw, 23px); font-weight: 600; line-height: 1.15; letter-spacing: -.02em; color: var(--ink); text-wrap: balance; }
.s-who-dk-sx { max-width: 32em; font-size: 16px; font-weight: 500; line-height: 1.45; letter-spacing: -.006em; color: var(--ink-2c); text-wrap: balance; }
.s-who-dk:not(.is-car) .s-who-dk-box { padding: 10px var(--s-who-dk-pxc) var(--s-who-dk-pb); }
.s-who-dk:not(.is-car) .s-who-dk-bd { margin-top: var(--s-who-dk-bg); }
.s-who-dk:not(.is-car) .s-who-dk-rv { display: none; }
.s-who-dk:not(.is-car) .s-who-dk-st { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }   
.s-who-dk:not(.is-car) .s-who-dk-foot { display: none; }

.s-who-dk.is-car .s-who-dk-stack {   
  position: relative; display: block; width: var(--s-who-dk-w); max-width: none; margin: var(--head-gap) auto 0;
  height: calc(2 * var(--s-who-dk-rh) + 2 * var(--s-who-dk-g) + var(--s-who-dk-ch, 320px));
}
.s-who-dk.is-car .s-who-dk-it {
  --s-who-dk-c: clamp(0, calc((var(--s-who-dk-x, 0) - .7) / .3), 1);   
  position: absolute; left: 50%; top: 0; display: block; width: var(--s-who-dk-iw, 80%); height: var(--s-who-dk-ih, var(--s-who-dk-rh));
  transform: translate3d(-50%, var(--s-who-dk-iy, 0px), 0); opacity: var(--s-who-dk-io, 1); z-index: var(--s-who-dk-iz, 1);
}
.s-who-dk.is-car .s-who-dk-it::before {   
  content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: var(--sh-1); opacity: var(--s-who-dk-x, 0); pointer-events: none;
}
.s-who-dk.is-car :is(.s-who-dk-it, .s-who-dk-box) { border-radius: calc(var(--s-who-dk-rh) / 2 + (var(--r-lg) - var(--s-who-dk-rh) / 2) * var(--s-who-dk-x, 0)); }
.s-who-dk.is-car .s-who-dk-it.is-far { visibility: hidden; }

.s-who-dk-nav { display: none; }
@media (min-width: 1024px) {
  html[data-dk="b"] .s-who-dk.is-car { --s-who-dk-mw: 286px; }
  html[data-dk="b"] .s-who-dk.is-car .s-who-dk-stack { width: clamp(880px, 68vw, 1000px); height: var(--s-who-dk-wh, 400px); border-radius: 32px; background: var(--white); box-shadow: var(--sh-1); }
  html[data-dk="b"] .s-who-dk.is-car .s-who-dk-it { left: calc(var(--s-who-dk-mw) + (100% - var(--s-who-dk-mw)) / 2); }
  html[data-dk="b"] .s-who-dk.is-car .s-who-dk-it::before { display: none; }   
  html[data-dk="b"] .s-who-dk.is-car .s-who-dk-bd { height: calc(var(--s-who-dk-wh, 400px) - var(--s-who-dk-ht) - var(--s-who-dk-rh) - var(--s-who-dk-bg) - var(--s-who-dk-pb)); }   
  
  html[data-dk="c"] .s-who-dk.is-car .s-who-dk-hd { opacity: clamp(0, calc(var(--s-who-dk-x, 0) * 3), 1); }
  html[data-dk="c"] .s-who-dk { --s-who-dk-w: clamp(660px, 54vw, 800px); }   
  html[data-dk="c"] .s-who-dk.is-car .s-who-dk-stack { height: calc(var(--s-who-dk-ch, 320px) + 36px); }   
  html[data-dk="b"] .s-who-dk.is-car .s-who-dk-pg { visibility: hidden; }   
  html[data-dk="b"] .s-who-dk.is-car .s-who-dk-nav {
    position: absolute; left: 0; top: 0; bottom: 0; z-index: 20; display: flex; flex-direction: column; gap: 18px;
    width: var(--s-who-dk-mw); padding: 24px 16px 24px 20px; border-right: 1px solid var(--line);
  }
  .s-who-dk-nav button, .s-who-dk-nav .s-who-dk-nh { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 52px; padding: 8px 12px 8px 8px; border: 0; border-radius: 16px; background: none; color: var(--ink); font: inherit; text-align: left; }
  .s-who-dk-nav button { cursor: pointer; transition: background-color .25s var(--ease); }
  .s-who-dk-nav button:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
  .s-who-dk-nav .s-who-dk-ic { --s-who-dk-ic: 36px; background: var(--canvas); transition: background-color .25s var(--ease); }
  .s-who-dk-nh { padding-left: 4px; }
  .s-who-dk-nh .s-who-dk-ic { --s-who-dk-ic: 40px; background: var(--ink); color: #fff; }
  .s-who-dk-nt { flex: 1; min-width: 0; font-size: 15.5px; font-weight: 500; line-height: 1.25; letter-spacing: -.012em; color: var(--ink-2c); transition: color .25s var(--ease); }
  .s-who-dk-nh .s-who-dk-nt { font-size: 18px; font-weight: 600; letter-spacing: -.018em; color: var(--ink); }
  .s-who-dk-nl { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
  .s-who-dk-ni.is-done .s-who-dk-nt { color: var(--ink); }
  .s-who-dk-ni.is-cur, .s-who-dk-nh.is-cur { background: var(--canvas); }
  .s-who-dk-ni.is-cur .s-who-dk-ic { background: var(--white); }
  .s-who-dk-ni.is-cur .s-who-dk-nt { color: var(--ink); font-weight: 600; }
  .s-who-dk-nk { flex: none; display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: var(--green); color: #fff; opacity: 0; transform: scale(.6); transition: opacity .25s var(--ease), transform .25s var(--ease); }
  .s-who-dk-nk svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
  .s-who-dk-ni.is-done .s-who-dk-nk { opacity: 1; transform: none; }
  @media (hover: hover) { .s-who-dk-ni:not(.is-cur):hover { background: color-mix(in srgb, var(--canvas) 60%, transparent); } }
}
.s-who-dk.is-car .s-who-dk-it:not(.is-cur) { cursor: pointer; }
.s-who-dk.is-car .s-who-dk-it:not(.is-cur) * { pointer-events: none; }
.s-who-dk.is-car .s-who-dk-ct { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
.s-who-dk.is-car .s-who-dk-box { position: absolute; inset: 0; overflow: hidden; }
.s-who-dk.is-car .s-who-dk-hd {
  position: absolute; left: 0; right: 0; top: calc(var(--s-who-dk-x, 0) * var(--s-who-dk-ht)); height: var(--s-who-dk-rh); min-height: 0;
  padding: 0 calc(var(--s-who-dk-pxr) + (var(--s-who-dk-pxc) - var(--s-who-dk-pxr)) * var(--s-who-dk-x, 0));
}
.s-who-dk.is-car .s-who-dk-hl { transform: scale(calc(1 + .06 * var(--s-who-dk-x, 0))); }
.s-who-dk.is-car .s-who-dk-rv { opacity: clamp(0, calc(1 - var(--s-who-dk-x, 0) * 2.5), 1); }
.s-who-dk.is-car .s-who-dk-bd {
  position: absolute; left: 50%; top: calc(var(--s-who-dk-ht) + var(--s-who-dk-rh) + var(--s-who-dk-bg));
  display: flex; flex-direction: column; justify-content: flex-start; width: var(--s-who-dk-bw, 600px); height: var(--s-who-dk-bh, 220px);
  opacity: var(--s-who-dk-c); transform: translate3d(-50%, calc((1 - var(--s-who-dk-c)) * 12px), 0);
}
.s-who-dk.is-car .s-who-dk-bd > .s-who-p { flex: none; }

.s-who-dk.is-car:not(.is-meas) .s-who-dk-bd > .s-who-p--dk { flex: 1 1 auto; min-height: 0; justify-content: center; }

.s-who-dk-foot { display: grid; justify-items: center; margin-top: 26px; }
.s-who-dk-pg { display: flex; justify-content: center; }
.s-who-dk-pb { position: relative; display: grid; place-items: center; flex: none; width: 44px; height: 44px; padding: 0; border: 0; border-radius: var(--r-pill); background: none; color: var(--ink); cursor: pointer; }
.s-who-dk-pb i {
  position: relative; display: block; width: calc(20px + 16px * var(--s-who-dk-pk, 0)); height: 4px; border-radius: var(--r-pill);
  background: var(--line); overflow: hidden; transition: background-color var(--d2) var(--ease);
}
.s-who-dk-pb i::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: var(--ink); opacity: var(--s-who-dk-pk, 0); }
.s-who-dk-pb.is-past i { background: var(--ink-3); }
.s-who-dk-pb:focus-visible { outline: none; }
.s-who-dk-pb:focus-visible i { overflow: visible; outline: 2px solid var(--ink); outline-offset: 5px; }   
@media (hover: hover) { .s-who-dk-pb:not(.is-on):hover i { background: var(--ink-2); } }

@media (prefers-reduced-motion: no-preference) {
  html.js .s-who-dk.is-car .s-who-dk-it:not(.is-on) :is(.s-who-kg-bar, .s-who-kl-bar) i { transform: scaleX(0); }
  html.js .s-who-dk.is-car .s-who-dk-it:not(.is-on) .s-who-ks-ring svg { transform: rotate(-150deg); opacity: 0; }
  html.js .s-who-dk.is-car .s-who-dk-it:not(.is-on) .s-who-kk-ring circle.on { opacity: 0; }
}

.s-who-dk.is-tight { --s-who-dk-rh: 50px; --s-who-dk-g: 10px; --s-who-dk-ht: 10px; --s-who-dk-bg: 8px; --s-who-dk-pb: 22px; --s-who-dk-ic: 32px; }
.s-who-dk.is-tight .s-who-dk-head .eyebrow { margin-bottom: 12px; }
.s-who-dk.is-tight .s-who-dk-sub { margin-top: 14px; }
.s-who-dk.is-tight.is-car .s-who-dk-stack { margin-top: var(--head-gap-tight); }
.s-who-dk.is-tight .s-who-dk-foot { margin-top: 16px; }
.s-who-dk.is-tight .s-who-p--dk { --k-g: 8px; --k-fp: 12px; }
.s-who-dk.is-tight .s-who-kt-m { --ph-size: 38px; padding: 10px 12px; }
.s-who-dk.is-tight .s-who-kg-i { padding: 14px 14px; }
.s-who-dk.is-tight .s-who-kg-n { margin-top: 10px; }
.s-who-dk.is-tight .s-who-kg-t, .s-who-dk.is-tight .s-who-kg-pr { margin-top: 8px; }
.s-who-dk.is-tight .s-who-ks { --ks-r: 86px; }
.s-who-dk.is-tight .s-who-ks-d { padding: 12px 14px 13px; row-gap: 10px; }
.s-who-dk.is-tight .s-who-ks-th { gap: 6px; }
.s-who-dk.is-tight .s-who-kl-m, .s-who-dk.is-tight .s-who-kl-t { padding-block: 10px 11px; }
.s-who-dk.is-tight .s-who-kl-tx { margin-top: 9px; }
.s-who-dk.is-tight .s-who-kr-cap { padding: 13px 16px 12px; }
.s-who-dk.is-tight .s-who-kr-cap .s-who-kr-v { font-size: 30px; }
.s-who-dk.is-tight .s-who-kr-t:not(.s-who-kr-cap) { padding-block: 7px; }
.s-who-dk.is-tight .s-who-kk-ring { --kk-r: 96px; --kk-n: 26px; }
.s-who-dk.is-tight .s-who-kk-list { gap: 5px; }
.s-who-dk.is-tight .s-who-kk-list > li { padding-block: 3px; }
.s-who-dk.is-tight2 .s-who-kr-ch { margin-top: 6px; }
.s-who-dk.is-tight2 .s-who-kk-list > li { padding-block: 2px; }
.s-who-dk.is-tight2 .s-who-kk-list .s-who-avw { --ph-size: 30px; }

@media (max-width: 1023.98px) {
  .s-who-dk { --s-who-dk-w: min(600px, calc(100vw - 64px)); }
}

@media (max-width: 719.98px) {
  .s-who-dk {
    --s-who-dk-w: calc(100vw - 32px); --s-who-dk-rh: 50px; --s-who-dk-g: 10px; --s-who-dk-rr: .96; --s-who-dk-ht: 6px;
    --s-who-dk-pxr: 9px; --s-who-dk-pxc: 18px; --s-who-dk-bg: 6px; --s-who-dk-pb: 20px; --s-who-dk-ic: 32px;
  }
  .s-who-dk.is-tight { --s-who-dk-rh: 46px; --s-who-dk-g: 8px; --s-who-dk-ht: 4px; --s-who-dk-bg: 4px; --s-who-dk-pb: 16px; --s-who-dk-ic: 30px; --s-who-dk-pxc: 16px; }
  .s-who-dk-sub { margin-top: 14px; }
  .s-who-dk-stack { gap: 32px; margin-top: 32px; }
  .s-who-dk.is-car .s-who-dk-stack { margin-top: var(--head-gap); }
  .s-who-dk:not(.is-car) .s-who-dk-box { padding-top: 6px; }
  .s-who-dk-hd { gap: 10px; }
  .s-who-dk-hl { gap: 10px; }
  .s-who-dk-ic svg { width: 16px; height: 16px; }
  .s-who-dk-ht { font-size: 14px; }
  .s-who-dk-rv { font-size: 12.5px; gap: 5px; }
  .s-who-dk-rv b { font-size: 15px; }
  .s-who-dk-tick { width: 16px; height: 16px; }
  .s-who-dk-tick svg { width: 11px; height: 11px; }
  .s-who-dk-av .s-who-avw { --ph-size: 24px; margin-left: -5px; }
  .s-who-dk-av .s-who-avx { width: 24px; height: 24px; }
  .s-who-dk-av .s-who-avx svg { width: 12px; height: 12px; }
  .s-who-dk-rvw { display: none; }   
  .s-who-dk-gis i { width: 24px; height: 24px; }
  .s-who-dk-gis svg { width: 13px; height: 13px; }
  .s-who-dk-foot { margin-top: 18px; }
  .s-who-dk-st { font-size: 20px; }
  .s-who-dk-sx { font-size: 15px; }
}

@media (max-width: 379.98px) {
  .s-who-dk { --s-who-dk-rr: 1; --s-who-dk-pxr: 8px; }
  .s-who-dk-hl { gap: 8px; }
  .s-who-dk-rv { gap: 4px; }
}

@media (max-width: 359.98px) {
  .s-who-dk-hd { gap: 8px; }
  .s-who-dk-ht { font-size: 13.5px; }
  .s-who-dk-rv { font-size: 12px; }
  .s-who-dk-rv b { font-size: 14px; }
  .s-who-dk-rv .s-who-dk-tick { width: 15px; height: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .s-who-dk-pb i { transition: none; }
}

.s-team-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(0, 1.3fr); gap: var(--gap); }
.s-team-row > li { min-width: 0; }
.s-team-p { position: relative; }
.s-team-ph { width: 100%; }

.s-team-role {
  position: absolute; z-index: 3; left: 14px; bottom: 14px; max-width: calc(100% - 28px);
  display: inline-flex; align-items: center; min-height: 32px; padding: 7px 14px;
  border-radius: var(--r-pill); background: #fff; color: var(--ink);
  font-size: 12.5px; font-weight: 600; line-height: 1.25; letter-spacing: 0; text-wrap: balance;
  width: var(--fit, auto); 
}

.s-team-nm { display: none; } 

.s-team-ext { position: relative; display: grid; place-items: center; aspect-ratio: 4 / 5; border-radius: var(--r-lg); background: var(--white); }
.s-team-ext-ico { display: grid; place-items: center; width: 64px; height: 64px; margin-bottom: 8%; border-radius: 50%; background: var(--soft); color: var(--ink); }
.s-team-ext-ico svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.s-team-p--ext .s-team-role { background: var(--soft); }

.s-team-more { --pad: 24px; justify-content: space-between; gap: 24px; padding-bottom: 14px; }
.s-team-more-ico { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--soft); color: var(--ink); flex: none; }
.s-team-more-ico svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.s-team-more-b { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }
.s-team-more-t { font-weight: 600; font-size: clamp(17px, 1.4vw, 20px); line-height: 1.22; letter-spacing: -.02em; text-wrap: balance; }
html:not(.js) .s-team-more .s-team-cta[href] { display: inline-flex; } 

@media (max-width: 1439.98px) {
  .s-team-role { left: 12px; bottom: 12px; max-width: calc(100% - 24px); padding: 6px 12px; font-size: 12px; }
  .s-team-more { --pad: 22px; padding-bottom: 12px; }
}

@media (max-width: 1279.98px) {
  .s-team-row { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .s-team-more { grid-column: 1 / -1; padding: 20px 20px 20px 24px; flex-direction: row; align-items: center; justify-content: flex-start; gap: 20px; }
  .s-team-more-b { flex: 1 1 auto; flex-direction: row; align-items: center; justify-content: space-between; gap: 24px; }
  .s-team-more-t { font-size: clamp(19px, 2.2vw, 22px); line-height: 1.2; }
  .s-team-role { left: 10px; bottom: 10px; max-width: calc(100% - 20px); padding: 6px 11px; font-size: 12px; line-height: 1.2; }
  .s-team-ext-ico { width: 56px; height: 56px; }
  .s-team-ext-ico svg { width: 24px; height: 24px; }
}

@media (max-width: 959.98px) {
  .s-team-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .s-team-more { grid-column: span 2; padding: 22px 22px 12px 24px; flex-direction: column; align-items: stretch; justify-content: space-between; gap: 20px; }
  .s-team-more-b { flex: none; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 18px; }
  .s-team-more-t { font-size: 20px; line-height: 1.22; }
}

@media (max-width: 719.98px) {
  .s-team-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .s-team-more { grid-column: 1 / -1; }
  .s-team-role { left: 8px; bottom: 8px; max-width: calc(100% - 16px); min-height: 30px; padding: 6px 11px; font-size: 13px; } 
  .s-team-ext-ico { width: 48px; height: 48px; }
  .s-team-ext-ico svg { width: 22px; height: 22px; }
  .s-team-more { padding: 20px; flex-direction: row; align-items: flex-start; justify-content: flex-start; gap: 14px; }
  .s-team-more-b { flex: 1 1 auto; flex-direction: column; align-items: flex-start; gap: 16px; }
  .s-team-more-t { font-size: 18px; line-height: 1.22; letter-spacing: -.02em; }
  .s-team-cta { height: 44px; } 
}

@media (max-width: 374.98px) {
  .s-team-role { left: 6px; bottom: 6px; max-width: calc(100% - 12px); padding: 6px 9px; }
}

@font-face { font-family: 'Fou Manrope Digits'; font-style: normal; font-weight: 200 800; font-display: swap; src: url('../fonts/manrope-var-latin.woff2') format('woff2'); unicode-range: U+0030-0039; }
.s-trust-bento { align-items: stretch; }

.s-trust-fam {
  grid-column: 3; grid-row: 2;          
  --fx: 0%; --fy: 100%; --fs: auto 200%; 
  justify-content: flex-end; gap: 18px; padding: 32px;
}
.s-trust-fam > .ph { z-index: 0; }
.s-trust-fam-in { display: flex; flex-direction: column; gap: 6px; }
.s-trust-label { font-size: 19px; font-weight: 600; line-height: 1.25; letter-spacing: -.015em; color: rgba(255, 255, 255, .88); }
.s-trust-n { display: flex; align-items: baseline; gap: 14px; }
.s-trust-digit { font-family: 'Fou Manrope Digits', var(--f); font-weight: 300; font-size: clamp(112px, 10.6vw, 160px); line-height: .8; letter-spacing: -.045em; font-variant-numeric: proportional-nums; color: #fff; margin-left: -.04em; } 
.s-trust-unit { font-weight: 500; font-size: clamp(26px, 2.3vw, 34px); line-height: 1; letter-spacing: -.03em; color: #fff; white-space: nowrap; }

.s-trust-fam::after { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; pointer-events: none; opacity: 0; background: linear-gradient(180deg, rgba(13, 13, 13, .38) 0%, rgba(13, 13, 13, .58) 45%, rgba(13, 13, 13, .82) 100%); }
.s-trust-fam::before {
  content: none; position: absolute; inset: 0; z-index: 1; border-radius: inherit; pointer-events: none;
  background: var(--flow) 0% 100% / auto 104% no-repeat; mix-blend-mode: screen; opacity: .5; 
  -webkit-mask-image: radial-gradient(70% 50% at 100% 100%, #000, transparent); mask-image: radial-gradient(70% 50% at 100% 100%, #000, transparent);
}
.s-trust-fam--ph::after { opacity: 1; }
.s-trust-fam--ph::before { content: ""; }

html:not(.js) .s-trust-fam:has(> .ph > img[src])::after { opacity: 1; }

.s-trust .s-trust-bento { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(248px, 1fr)); } 
.s-trust-tiles { grid-column: 1 / -1; grid-row: 1 / -1; display: grid; grid-template-columns: subgrid; grid-template-rows: subgrid; }

@supports not (grid-template-rows: subgrid) {
  .s-trust-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(248px, 1fr)); gap: var(--gap); }
}
.s-trust-tile { display: grid; grid-template-rows: auto 1fr; row-gap: 52px; padding: 32px; }
.s-trust-ico { grid-row: 1; width: 56px; height: 56px; }
.s-trust-ico svg { width: 24px; height: 24px; }
.s-trust-body { grid-row: 2; align-self: start; }
.s-trust-name { font-weight: 600; font-size: var(--t-h3); line-height: 1.12; letter-spacing: -.025em; text-wrap: balance; color: var(--ink); }
.s-trust-text { margin-top: 10px; max-width: 30em; font-size: 15px; line-height: 1.5; letter-spacing: -.005em; color: var(--ink-2); text-wrap: pretty; }

@media (prefers-reduced-motion: no-preference) {
  html.js .s-trust-tile.reveal .s-trust-ico svg { stroke-dasharray: 80; stroke-dashoffset: 0; transition: stroke-dashoffset 1200ms var(--ease) calc(var(--d, 0s) + var(--d2)); }
  html.js .s-trust-tile.reveal:not(.is-in) .s-trust-ico svg { stroke-dashoffset: 80; }
}

@media (min-width: 1200px) { .s-trust-label { font-size: 21px; } } 

@media (max-width: 1199.98px) {
  .s-trust-tile { padding: 28px; }
  .s-trust-fam { padding: 28px; }
}

@media (max-width: 1023.98px) {
  .s-trust .s-trust-bento { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(3, minmax(220px, 1fr)); }
  .s-trust-fam { grid-column: 2; grid-row: 3; }
  @supports not (grid-template-rows: subgrid) { .s-trust-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(3, minmax(220px, 1fr)); } }
  .s-trust-ico { width: 48px; height: 48px; }
  .s-trust-ico svg { width: 22px; height: 22px; }
}

@media (max-width: 719.98px) {
  .s-trust .s-trust-bento { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; }
  .s-trust-fam, .s-trust-tiles { grid-column: 1 / -1; grid-row: auto; }
  .s-trust-fam { --fx: 0%; --fy: 0%; --fs: auto 94%; min-height: 340px; padding: 24px; gap: 16px; }
  .s-trust-fam::after { background: linear-gradient(180deg, rgba(13, 13, 13, 0) 18%, rgba(13, 13, 13, .58) 45%, rgba(13, 13, 13, .74) 100%); }
  
  html.js .s-trust-fam:not(.s-trust-fam--ph) { justify-content: flex-start; min-height: 360px; --fx: 0%; --fy: 100%; --fs: auto 72%; }
  html:not(.js) .s-trust-fam:has(> .ph > img:not([src])) { justify-content: flex-start; min-height: 360px; --fx: 0%; --fy: 100%; --fs: auto 72%; } 
  .s-trust-fam-in { gap: 4px; }
  .s-trust-n { gap: 10px; }
  .s-trust-label { font-size: 17px; }
  .s-trust-digit { font-size: 116px; }
  .s-trust-unit { font-size: 26px; }
  .s-trust-tiles { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; grid-auto-rows: auto; gap: var(--gap); } 
  .s-trust-tile { grid-template-columns: 40px minmax(0, 1fr); grid-template-rows: auto; column-gap: 14px; row-gap: 0; padding: 20px; }
  .s-trust-ico { width: 40px; height: 40px; }
  .s-trust-ico svg { width: 20px; height: 20px; }
  .s-trust-body { grid-row: 1; grid-column: 2; align-self: start; }
  .s-trust-name { padding-top: 8px; font-size: 19px; }
  .s-trust-text { margin-top: 8px; font-size: 14.5px; }
}

.s-compare {
  --s-compare-cols: minmax(0, 3fr) minmax(0, 4fr) minmax(0, 4fr);
  --s-compare-px: 24px;                 
  --s-compare-py: 12px;                 
  --s-compare-rh: 56px;                 
  --s-compare-dur: 520ms;               
  --s-compare-stag: 40ms;               
  --s-compare-dir: 1;                   
  --s-compare-trk: color-mix(in srgb, var(--ink) 5%, var(--canvas));     
  --s-compare-chip: color-mix(in srgb, var(--ink-2c) 85%, var(--ink));   
}
.s-compare-head { margin-bottom: var(--head-gap); }
.s-compare-head > * { opacity: var(--s-compare-ho, 1); }   
.s-compare-head .sec-sub { max-width: 40em; text-wrap: pretty; } 

.s-compare { --pin-step: 50svh; --pin-step-vh: 50vh; } 
.s-compare.is-pin .s-compare-track { height: calc(100% - var(--s-compare-bh, 64px)); } 

.s-compare-bar { display: none; }
html.js .s-compare-bar { display: flex; align-items: center; gap: 16px; margin-bottom: 24px; }
.s-compare-lab { flex: none; font-size: 13px; font-weight: 600; line-height: 1.2; letter-spacing: 0; color: var(--ink-2c); }

.s-compare-lab-t { display: block; }
.s-compare-lab-s { display: none; }
.s-compare-chips { position: relative; isolation: isolate; display: flex; gap: 2px; min-width: 0; padding: 4px; border-radius: var(--r-pill); background: var(--s-compare-trk); }
.s-compare-chip {
  position: relative; flex: none; display: inline-flex; align-items: center; justify-content: center; height: 36px; padding: 0 16px;
  border-radius: var(--r-pill); color: var(--s-compare-chip); font-size: 13.5px; font-weight: 600; line-height: 1.2; letter-spacing: -.005em; white-space: nowrap;
  transition: color var(--d1) var(--ease);
}
.s-compare-chip:focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
@media (hover: hover) { .s-compare-chip:hover { color: var(--ink); } }

.s-compare-cl {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: inherit; color: var(--ink); text-align: inherit;
  clip-path: inset(var(--ct, 0px) var(--cr, 0px) var(--cb, 0px) var(--cl, 100%)); pointer-events: none;
}
.s-compare-th {
  position: absolute; left: 0; top: 0; z-index: -1; width: var(--tw, 0px); height: var(--th, 36px); border-radius: var(--r-pill);
  background: var(--white); box-shadow: var(--sh-1); transform: translate(var(--tx, 4px), var(--ty, 4px)); pointer-events: none;
}

.s-compare-cb { display: inline-flex; align-items: center; }
.s-compare-cb, .s-compare-cl { gap: 7px; }
.s-compare-ct { min-width: 0; }
.s-compare-ci { width: 16px; height: 16px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.s-compare-ci .f, .s-compare-ki svg .f, .s-compare-vi svg .f { fill: currentColor; stroke: none; }
.s-compare-tp, .s-compare-ft { display: none; }      

html.js[data-cmp="c"] .s-compare-chip { align-items: flex-start; }
html.js[data-cmp="c"] .s-compare-cl { justify-content: flex-start; padding: inherit; font-size: inherit; }

@media (min-width: 1024px) {
  html.js .s-compare-bar { display: grid; grid-template-columns: var(--s-compare-cols); column-gap: var(--gap); }
  .s-compare-lab { grid-column: 1; }
  .s-compare-chips { grid-column: 2 / -1; }
  .s-compare-chip { flex: 1 1 0; }
  
  html.js[data-cmp="c"] .s-compare-bar { align-items: end; }
  html.js[data-cmp="c"] .s-compare-lab { display: grid; gap: 6px; align-self: end; padding-bottom: 22px; } 
  html.js[data-cmp="c"] .s-compare-lab-t { font-size: 20px; font-weight: 650; line-height: 1.15; letter-spacing: -.018em; color: var(--ink); }
  html.js[data-cmp="c"] .s-compare-lab-s { display: block; font-size: 14px; font-weight: 500; line-height: 1.35; letter-spacing: 0; color: var(--ink-2c); }
  html.js[data-cmp="c"] .s-compare-chips { grid-column: 2; }
  html.js[data-cmp="c"] .s-compare-chip { height: auto; min-height: 84px; padding: 22px 12px 14px; white-space: normal; text-align: center; font-size: 13.5px; line-height: 1.22; }
  html.js[data-cmp="c"] :is(.s-compare-cb, .s-compare-cl) { flex-direction: column; gap: 7px; }
  html.js[data-cmp="c"] .s-compare-ct { text-wrap: balance; }
  html.js[data-cmp="c"] .s-compare-ci { width: 22px; height: 22px; stroke-width: 1.5; }
  
  @media (max-width: 1365.98px) { html.js[data-cmp="c"] .s-compare-chip { padding-left: 8px; padding-right: 8px; font-size: 13px; } }
  @media (max-width: 1199.98px) { html.js[data-cmp="c"] .s-compare-chip { font-size: 12.5px; } }
  html.js[data-cmp="c"] .s-compare-ft {
    position: relative; z-index: 0; display: flex; flex-direction: column; justify-content: center; gap: 6px; grid-column: 3; align-self: stretch;
    margin-bottom: -28px; padding: 0 var(--s-compare-px) 28px; border-radius: var(--r-lg) var(--r-lg) 0 0; background: var(--ink); color: #fff;
  }
  
  html.js[data-cmp="c"] .s-compare-h { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  html.js[data-cmp="c"] .s-compare-r:nth-child(2) > * { --pt: calc(var(--s-compare-py) + 6px); }
}

.s-compare-prog { display: none; }
@media (min-width: 720px) { .s-compare.is-pin-ph .s-compare-prog { display: none; } }

.s-compare.is-pin-ph { --s-compare-dur: 360ms; --s-compare-stag: 24ms; }

.s-compare-pg { display: none; }

.s-compare-table { position: relative; display: grid; grid-template-columns: var(--s-compare-cols); grid-template-rows: repeat(7, auto); column-gap: var(--gap); }
.s-compare-r { position: relative; z-index: 1; grid-column: 1 / -1; display: grid; grid-template-columns: var(--s-compare-cols); column-gap: var(--gap); }
.s-compare-r:nth-child(1) { grid-row: 1; } .s-compare-r:nth-child(2) { grid-row: 2; } .s-compare-r:nth-child(3) { grid-row: 3; } .s-compare-r:nth-child(4) { grid-row: 4; }
.s-compare-r:nth-child(5) { grid-row: 5; } .s-compare-r:nth-child(6) { grid-row: 6; } .s-compare-r:nth-child(7) { grid-row: 7; }
.s-compare-r > * {
  position: relative; grid-row: 1; min-width: 0; min-height: var(--s-compare-rh);
  display: flex; flex-direction: column; justify-content: center;
  padding: var(--pt, var(--s-compare-py)) var(--s-compare-px) var(--pb, var(--s-compare-py));
}
.s-compare-r > .s-compare-k { grid-column: 1; padding-left: 0; }
.s-compare-r > .s-compare-c { grid-column: 2; }
.s-compare-r > .s-compare-f { grid-column: 3; }

.s-compare-r + .s-compare-r > *::before { content: ""; position: absolute; top: 0; left: var(--s-compare-px); right: var(--s-compare-px); height: 1px; background: var(--line); pointer-events: none; }
.s-compare-r + .s-compare-r > .s-compare-k::before { left: 0; right: 0; }
.s-compare-r + .s-compare-r > .s-compare-f::before { background: var(--ink-line); }

.s-compare-r:last-of-type > * { --pb: calc(var(--s-compare-py) + 10px); }

.s-compare-k { font-size: 15.5px; font-weight: 600; line-height: 1.3; letter-spacing: -.012em; color: var(--ink); text-wrap: balance; }

.s-compare-c { font-size: 15px; font-weight: 500; line-height: 1.4; letter-spacing: -.006em; color: var(--ink); }
.s-compare-w { display: block; min-width: 0; }
.s-compare-v { display: block; min-width: 0; text-wrap: pretty; }
.s-compare-star { display: contents; font-weight: 600; } 

.s-compare-f {
  display: grid; grid-template-columns: 20px minmax(0, 1fr); align-content: center; column-gap: 12px;
  font-size: 15px; font-weight: 500; line-height: 1.4; letter-spacing: -.006em; color: rgba(255, 255, 255, .72);
}
.s-compare-fv { grid-column: 2; min-width: 0; text-wrap: pretty; }
.s-compare-f:not(:has(.s-compare-ok)) .s-compare-fv { grid-column: 1 / -1; } 
.s-compare-f b { color: #fff; font-weight: 650; }
.s-compare-ok { grid-column: 1; align-self: start; display: grid; place-items: center; width: 20px; height: 20px; margin-top: 1px; border-radius: 50%; background: var(--green); color: var(--on-green); }
.s-compare-ok svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }

.s-compare-yv { display: inline-grid; grid-template-columns: 20px auto; column-gap: 12px; align-items: start; vertical-align: top; text-align: left; }
.s-compare-yn { display: grid; place-items: center; width: 20px; height: 20px; margin-top: 1px; border-radius: 50%; }
.s-compare-yn svg { width: 60%; height: 60%; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.s-compare-yn.is-yes { background: var(--green); color: var(--on-green); }
.s-compare-yn.is-no { background: color-mix(in srgb, var(--ink) 8%, transparent); color: var(--ink-2c); }
.s-compare-yn.is-no svg { width: 50%; height: 50%; stroke-width: 2.2; }

.s-compare-h > * { --pt: 22px; --pb: 14px; justify-content: flex-end; min-height: 0; }
.s-compare-kh { font-size: 13px; font-weight: 600; line-height: 1.3; letter-spacing: 0; color: var(--ink-2c); }
.s-compare-h .s-compare-c { font-size: 17px; font-weight: 650; line-height: 1.25; letter-spacing: -.016em; }
.s-compare-h .s-compare-v { text-wrap: balance; }
.s-compare-h .s-compare-f { display: flex; align-items: flex-start; }
.s-compare-brand { --h: 19px; color: #fff; }
.s-compare-brand .wm { font-size: 18px; }

.s-compare-r > .s-compare-k { flex-direction: row; align-items: center; justify-content: flex-start; gap: 12px; }
.s-compare-r.s-compare-h > .s-compare-k { flex-direction: column; align-items: flex-start; justify-content: flex-end; gap: 0; }
.s-compare-ki { flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; background: var(--white); color: var(--ink); }
.s-compare-ki svg, .s-compare-vi svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.s-compare-kt { min-width: 0; text-wrap: balance; }

.s-compare-h > * { --pt: 18px; --pb: 14px; }
.s-compare-h .s-compare-v { display: flex; align-items: center; gap: 12px; }
.s-compare-vi { flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: var(--r-sm); background: var(--canvas); color: var(--ink); box-shadow: 0 1px 2px rgba(13, 13, 13, .06); }
.s-compare-vi svg { width: 22px; height: 22px; }
.s-compare-vn { min-width: 0; text-wrap: balance; }
.s-compare-vc { flex: none; margin-left: auto; padding-left: 10px; font-size: 12.5px; font-weight: 600; line-height: 1; letter-spacing: 0; color: var(--ink-2c); font-variant-numeric: tabular-nums; white-space: nowrap; }
.s-compare-vc b { color: var(--ink); font-weight: 650; }
html:not(.js) .s-compare-vc { display: none; }

.s-compare-r.s-compare-h > .s-compare-f { justify-content: center; gap: 6px; }
.s-compare-fs { font-size: 12.5px; font-weight: 600; line-height: 1.25; letter-spacing: 0; color: var(--on-ink-2); }
@media (min-width: 1024px) { html.js[data-cmp="c"] .s-compare-h .s-compare-fs { display: none; } }   

.s-compare-alt, .s-compare-fou { display: block; grid-row: 1 / -1; z-index: 0; border-radius: var(--r-lg); pointer-events: none; }
.s-compare-alt { position: relative; grid-column: 2; background: var(--white); }
.s-compare-fou { grid-column: 3; background: var(--ink); box-shadow: var(--sh-lift); }

.s-compare-note { margin-top: 14px; font-size: 12px; font-weight: 500; line-height: 1.4; letter-spacing: 0; color: var(--ink-2c); }
html.js .s-compare-note--in { opacity: 0; transition: opacity var(--d2) var(--ease); }
html.js .s-compare.s-compare-note-on .s-compare-note--in { opacity: 1; }
.s-compare-note--out { display: none; }
.s-compare-next { display: flow-root; }
@media (min-width: 720px) {
  .s-compare-note { padding-left: calc((100% - 2 * var(--gap)) * 3 / 11 + var(--gap) + var(--s-compare-px)); }
}

html.js .s-compare-r > .s-compare-c { padding-top: 0; padding-bottom: 0; }
html.js .s-compare-w {
  flex: 1 1 auto; display: grid; align-items: center; padding: var(--pt, var(--s-compare-py)) 0 var(--pb, var(--s-compare-py)); overflow: clip;
  -webkit-mask-image: linear-gradient(transparent, #000 var(--pt, var(--s-compare-py)), #000 calc(100% - var(--pb, var(--s-compare-py))), transparent);
  mask-image: linear-gradient(transparent, #000 var(--pt, var(--s-compare-py)), #000 calc(100% - var(--pb, var(--s-compare-py))), transparent);
}
html.js .s-compare-h .s-compare-w { align-items: end; }
html.js .s-compare-v { grid-area: 1 / 1; }
html.js .s-compare-v:not(.is-cur):not(.is-out) { visibility: hidden; }
.s-compare-v.is-out { animation: s-compare-out var(--s-compare-dur) var(--ease) calc(var(--r, 0) * var(--s-compare-stag)) both; }
.s-compare-v.is-in { animation: s-compare-in var(--s-compare-dur) var(--ease) calc(var(--r, 0) * var(--s-compare-stag)) both; }

@keyframes s-compare-out { 0% { transform: none; opacity: 1; } 40% { opacity: 0; } 100% { transform: translateY(calc(var(--wh, 100%) * -.5 * var(--s-compare-dir))); opacity: 0; } }
@keyframes s-compare-in { 0%, 38% { transform: translateY(calc(var(--wh, 100%) * .5 * var(--s-compare-dir))); opacity: 0; } 100% { transform: none; opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .s-compare-v.is-out, .s-compare-v.is-in { animation: none; } .s-compare-v.is-out { visibility: hidden; } }

html:is([data-cmp="a"], :not([data-cmp])) .s-compare-v.is-out { animation-delay: 0ms; }
html:is([data-cmp="a"], :not([data-cmp])) .s-compare:not(.is-pin-ph) { --s-compare-stag: 60ms; }

.s-compare-card { display: none; }
html.js[data-cmp="b"] .s-compare-alt { display: none; }
html.js[data-cmp="b"] .s-compare-card {
  display: block; position: relative; grid-column: 2; grid-row: 1 / -1; z-index: var(--z, 1); border-radius: var(--r-lg);
  background: var(--s-compare-cbg, var(--white)); transform-origin: 50% 0; pointer-events: none;
  transition: transform var(--s-compare-deck) var(--ease), opacity calc(var(--s-compare-deck) * .7) var(--ease), background-color var(--s-compare-deck) var(--ease);
}
html.js[data-cmp="b"] .s-compare { --s-compare-deck: 640ms; --s-compare-dur: 680ms; --s-compare-stag: 0ms; --s-compare-peek: 12px; }
html.js[data-cmp="b"] .s-compare-r { z-index: 6; }                    
html.js[data-cmp="b"] .s-compare-card[data-d="0"] { --z: 3; }
html.js[data-cmp="b"] .s-compare-card[data-d="1"] { --z: 2; --s-compare-cbg: color-mix(in srgb, var(--white), var(--ink) 6%); transform: translateY(calc(var(--s-compare-peek) * -1)) scale(.955); }
html.js[data-cmp="b"] .s-compare-card[data-d="2"] { --z: 1; --s-compare-cbg: color-mix(in srgb, var(--white), var(--ink) 11%); transform: translateY(calc(var(--s-compare-peek) * -2)) scale(.91); }
html.js[data-cmp="b"] .s-compare-card[data-d="-1"] { --z: 4; opacity: 0; transform: translate(-9%, -64px) rotate(-5deg); }
html.js[data-cmp="b"] .s-compare.s-compare-now .s-compare-card { transition: none; }   
html.js[data-cmp="b"] .s-compare-v.is-out { animation-name: s-compare-b-out; animation-delay: 0ms; }
html.js[data-cmp="b"] .s-compare-v.is-in { animation-name: s-compare-b-in; animation-delay: 0ms; }
@keyframes s-compare-b-out { 0% { transform: none; opacity: 1; } 26%, 100% { transform: translateY(calc(-10px * var(--s-compare-dir))); opacity: 0; } }
@keyframes s-compare-b-in { 0%, 44% { transform: translateY(calc(8px * var(--s-compare-dir))); opacity: 0; } 100% { transform: none; opacity: 1; } }

@media (min-width: 720px) { html.js[data-cmp="b"] .s-compare-bar { margin-bottom: calc(var(--s-compare-peek) * 2 + 18px); } }
@media (prefers-reduced-motion: reduce) { html.js[data-cmp="b"] .s-compare-card { transition: none; } }

@media (min-width: 720px) {
  html.js[data-cmp="c"] .s-compare { --s-compare-tab-bg: color-mix(in srgb, var(--white) 55%, var(--canvas)); }
  html.js[data-cmp="c"] .s-compare-chips { background: none; padding: 0; gap: 8px; }
  html.js[data-cmp="c"] .s-compare-chip {
    margin-bottom: 8px; border-radius: 18px; color: var(--ink-2c); box-shadow: none;
    background: var(--s-compare-tab-bg); transition: color var(--d1) var(--ease), background-color var(--d1) var(--ease);
    
  }
  html.js[data-cmp="c"] .s-compare-chip[aria-pressed="true"] { background: none; }
  html.js[data-cmp="c"] .s-compare-th { --s-compare-fr: 8px; --s-compare-fb: 28px; height: calc(var(--th, 36px) + 36px); border-radius: 18px 18px 0 0; box-shadow: none; }
  html.js[data-cmp="c"] .s-compare-bar { margin-bottom: 0; }
}
@media (min-width: 720px) and (hover: hover) {
  html.js[data-cmp="c"] .s-compare-chip:not([aria-pressed="true"]):hover { background: color-mix(in srgb, var(--ink) 4%, var(--s-compare-tab-bg)); }
}

html.js[data-cmp="c"] .s-compare-th::before, html.js[data-cmp="c"] .s-compare-th::after {
  content: ""; position: absolute; bottom: var(--s-compare-fb, 28px); width: var(--s-compare-fr, 8px); height: var(--s-compare-fr, 8px); pointer-events: none;
}
html.js[data-cmp="c"] .s-compare-th::before { right: 100%; opacity: var(--fl, 1); background: radial-gradient(circle at 0 0, transparent calc(var(--s-compare-fr, 8px) - .5px), var(--white) var(--s-compare-fr, 8px)); }
html.js[data-cmp="c"] .s-compare-th::after { left: 100%; opacity: var(--fr, 1); background: radial-gradient(circle at 100% 0, transparent calc(var(--s-compare-fr, 8px) - .5px), var(--white) var(--s-compare-fr, 8px)); }

@media (min-width: 1024px) { html.js[data-cmp="c"] .s-compare-r:nth-child(2) > *::before { display: none; } }
html.js[data-cmp="c"] .s-compare.is-pin .s-compare-tp { 
  display: none; position: absolute; left: 14px; right: 14px; top: 8px; height: 3px; border-radius: 2px; overflow: hidden;
  background: color-mix(in srgb, var(--ink) 11%, transparent); pointer-events: none;
}

html.js[data-cmp="c"] .s-compare { --s-compare-stag: 28ms; }
html.js[data-cmp="c"] .s-compare-v.is-out { animation-name: s-compare-c-out; animation-delay: 0ms; }
html.js[data-cmp="c"] .s-compare-v.is-in { animation-name: s-compare-c-in; }
@keyframes s-compare-c-out { 0% { transform: none; opacity: 1; } 36%, 100% { transform: translateX(calc(-18px * var(--s-compare-dir))); opacity: 0; } }
@keyframes s-compare-c-in { 0%, 34% { transform: translateX(calc(22px * var(--s-compare-dir))); opacity: 0; } 100% { transform: none; opacity: 1; } }
html.js[data-cmp="c"] .s-compare-tp > i { display: block; width: 100%; height: 100%; border-radius: inherit; background: var(--ink); transform-origin: 0 50%; transform: scaleX(var(--tp, 0)); }

@media (min-width: 1024px) {
  html.js[data-cmp="c"]:is([data-cmpfx="b"], [data-cmpfx="c"], [data-cmpfx="d"]) .s-compare.is-pin :is(.s-compare-th, .s-compare-cl).is-swap { animation: s-compare-swap 600ms cubic-bezier(.33, 0, .2, 1) both; }
  html.js[data-cmp="c"]:is([data-cmpfx="b"], [data-cmpfx="c"], [data-cmpfx="d"]) .s-compare.is-pin .s-compare-tp { display: block; left: 24px; right: 24px; top: 10px; height: 2px; }
  html.js[data-cmp="c"]:is([data-cmpfx="b"], [data-cmpfx="c"]) .s-compare.is-pin .s-compare-v.is-out { animation-name: s-compare-soft-out; animation-timing-function: cubic-bezier(.4, 0, .2, 1); }
  html.js[data-cmp="c"]:is([data-cmpfx="b"], [data-cmpfx="c"]) .s-compare.is-pin .s-compare-v.is-in { animation-name: s-compare-soft-in; animation-timing-function: cubic-bezier(.16, 1, .3, 1); }
  html.js[data-cmp="c"][data-cmpfx="b"] .s-compare.is-pin { --s-compare-dur: 900ms; --s-compare-stag: 55ms; }
  html.js[data-cmp="c"][data-cmpfx="c"] .s-compare.is-pin { --s-compare-dur: 760ms; --s-compare-stag: 110ms; }
  html.js[data-cmp="c"][data-cmpfx="c"] .s-compare.is-pin .s-compare-v.is-out { animation-delay: calc(var(--r, 0) * var(--s-compare-stag)); }
  html.js[data-cmp="c"][data-cmpfx="d"] .s-compare.is-pin { --s-compare-dur: 800ms; --s-compare-stag: 0ms; }
  html.js[data-cmp="c"][data-cmpfx="d"] .s-compare.is-pin .s-compare-v.is-out { animation-name: s-compare-soft-fade-out; animation-timing-function: ease; }
  html.js[data-cmp="c"][data-cmpfx="d"] .s-compare.is-pin .s-compare-v.is-in { animation-name: s-compare-soft-fade-in; animation-timing-function: ease; }
}

@media (min-width: 1024px) {
  html.js[data-cmp="c"] .s-compare-r:not(.s-compare-h) > .s-compare-c .s-compare-v { text-align: center; }
  html.js[data-cmp="c"] .s-compare-r:not(.s-compare-h) > .s-compare-c .s-compare-cost { justify-content: center; }
  html.js[data-cmp="c"] .s-compare-r:not(.s-compare-h) > .s-compare-f { grid-template-columns: 20px auto; justify-content: center; }
  html.js[data-cmp="c"] .s-compare-r:not(.s-compare-h) > .s-compare-f:not(:has(.s-compare-ok)) { grid-template-columns: auto; }
  html.js[data-cmp="c"] .s-compare-r:not(.s-compare-h) > .s-compare-f:not(:has(.s-compare-ok)) .s-compare-fv { grid-column: 1; text-align: center; }
  html.js[data-cmp="c"] .s-compare-r:not(.s-compare-h) > .s-compare-f .s-compare-cost { justify-content: center; }
  html.js[data-cmp="c"] .s-compare-ft { align-items: center; text-align: center; }
}
@keyframes s-compare-swap { from { opacity: 0; } to { opacity: 1; } }
@keyframes s-compare-soft-out { 0% { transform: none; opacity: 1; } 45%, 100% { transform: translateY(16px); opacity: 0; } }
@keyframes s-compare-soft-in { 0%, 30% { transform: translateY(16px); opacity: 0; } 100% { transform: none; opacity: 1; } }
@keyframes s-compare-soft-fade-out { 0% { opacity: 1; } 50%, 100% { opacity: 0; } }
@keyframes s-compare-soft-fade-in { 0%, 35% { opacity: 0; } 100% { opacity: 1; } }

@media (min-width: 1024px) and (max-height: 860px) {
  .s-compare { --s-compare-py: 10px; --s-compare-rh: 50px; }
  .s-compare-head { margin-bottom: var(--head-gap-tight); }
  .s-compare-head .eyebrow { margin-bottom: 12px; }
  .s-compare-head .sec-sub { margin-top: 14px; font-size: clamp(17px, 1.3vw, 19px); }
  html.js .s-compare-bar { margin-bottom: 18px; }
  .s-compare-h > * { --pt: 18px; --pb: 12px; }
  .s-compare-r:last-of-type > * { --pb: calc(var(--s-compare-py) + 6px); }
  .s-compare-note { margin-top: 10px; }
}
@media (min-width: 1024px) and (max-height: 760px) {
  .s-compare { --s-compare-py: 9px; --s-compare-rh: 46px; }
  .s-compare-h > * { --pt: 14px; --pb: 10px; }
  .s-compare.is-pin .s-compare-head .eyebrow { display: none; } 
}

@media (min-width: 1024px) and (max-width: 1279.98px) {
  .s-compare { --s-compare-px: 20px; --s-compare-cols: minmax(0, 2.7fr) minmax(0, 4fr) minmax(0, 4.3fr); }
  .s-compare-k { font-size: 15px; }
  .s-compare-c, .s-compare-f { font-size: 14.5px; }
  .s-compare-h .s-compare-c { font-size: 16px; }
  .s-compare-chip { padding: 0 10px; font-size: 12.5px; }
  .s-compare-cb, .s-compare-cl { gap: 6px; }
  .s-compare-ci { width: 15px; height: 15px; }
  .s-compare-r > .s-compare-k { gap: 10px; padding-right: 12px; }
  .s-compare-ki { width: 28px; height: 28px; border-radius: 9px; }
  .s-compare-ki svg { width: 16px; height: 16px; }
  
  html.js[data-cmp="c"] .s-compare-chip { padding: 20px 6px 12px; font-size: 12px; min-height: 78px; }
  html.js[data-cmp="c"] .s-compare-ci { width: 20px; height: 20px; }
  html.js[data-cmp="c"] .s-compare.is-pin .s-compare-tp { left: 10px; right: 10px; }
  .s-compare-note { padding-left: calc((100% - 2 * var(--gap)) * 2.7 / 11 + var(--gap) + var(--s-compare-px)); }
}

@media (min-width: 1024px) {
  html:not(.js) .s-compare { --s-compare-cols: minmax(0, 1.15fr) repeat(3, minmax(0, 1fr)) minmax(0, 1.3fr); --s-compare-px: 18px; }
  html:not(.js) .s-compare-r > .s-compare-c, html:not(.js) .s-compare-w { display: contents; }
  html:not(.js) .s-compare-r > .s-compare-c::before { content: none; }
  html:not(.js) .s-compare-v { position: relative; grid-row: 1; display: flex; flex-direction: column; justify-content: center; padding: var(--pt, var(--s-compare-py)) var(--s-compare-px) var(--pb, var(--s-compare-py)); font-size: 14px; }
  html:not(.js) .s-compare-h .s-compare-v { --pt: 22px; --pb: 14px; justify-content: flex-start; align-items: flex-start; gap: 10px; font-size: 14px; font-weight: 650; } 
  html:not(.js) .s-compare-r:last-of-type .s-compare-v { --pb: calc(var(--s-compare-py) + 10px); }
  html:not(.js) .s-compare-r + .s-compare-r .s-compare-v::before { content: ""; position: absolute; top: 0; left: var(--s-compare-px); right: var(--s-compare-px); height: 1px; background: var(--line); }
  html:not(.js) .s-compare-r > .s-compare-f { grid-column: 5; font-size: 14px; }
  html:not(.js) .s-compare-alt { grid-column: 2 / 5; }
  html:not(.js) .s-compare-fou { grid-column: 5; }
  html:not(.js) .s-compare-note { padding-left: 0; }
}

@media (min-width: 720px) and (max-width: 1023.98px) {
  .s-compare { --s-compare-px: 18px; --s-compare-py: 12px; --s-compare-rh: 54px; --s-compare-cols: minmax(0, 2.9fr) minmax(0, 3.9fr) minmax(0, 4.2fr); }
  .s-compare-head { margin-bottom: var(--head-gap); }
  html.js .s-compare-bar { display: grid; grid-template-columns: var(--s-compare-cols); column-gap: var(--gap); align-items: start; margin-bottom: 20px; }
  .s-compare-lab { grid-column: 1; grid-row: 1; align-self: center; }
  .s-compare-chips { grid-column: 2 / -1; grid-row: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-radius: 26px; }
  .s-compare-chip { height: auto; min-height: 44px; padding: 6px 10px; white-space: normal; text-align: center; text-wrap: balance; font-size: 13px; line-height: 1.2; border-radius: 22px; }
  .s-compare-cl { padding: 6px 10px; }
  .s-compare-th { border-radius: 22px; }
  .s-compare-k { font-size: 14px; }
  .s-compare-r > .s-compare-k { padding-right: 8px; } 
  .s-compare-c, .s-compare-f { font-size: 14px; }
  .s-compare-f { grid-template-columns: 18px minmax(0, 1fr); column-gap: 10px; }
  .s-compare-ok { width: 18px; height: 18px; }
  .s-compare-ok svg { width: 11px; height: 11px; }
  .s-compare-yv { grid-template-columns: 18px auto; column-gap: 10px; }
  .s-compare-yn { width: 18px; height: 18px; }
  .s-compare-h > * { --pt: 18px; --pb: 12px; }
  .s-compare-h .s-compare-c { font-size: 15.5px; }
  .s-compare-brand { --h: 17px; }
  .s-compare-brand .wm { font-size: 16px; }
  .s-compare-note { padding-left: calc((100% - 2 * var(--gap)) * 2.9 / 11 + var(--gap) + var(--s-compare-px)); }
  .s-compare-table { touch-action: pan-y pinch-zoom; } 
  .s-compare-ki { width: 28px; height: 28px; border-radius: 9px; }
  .s-compare-ki svg { width: 16px; height: 16px; }
  .s-compare-r > .s-compare-k { gap: 10px; }
  .s-compare-vi { width: 34px; height: 34px; }
  .s-compare-vi svg { width: 19px; height: 19px; }
  .s-compare-h .s-compare-v { gap: 10px; }
  
  html.js[data-cmp="c"] .s-compare-chips { grid-column: 2 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; border-radius: 0; }
  html.js[data-cmp="c"] .s-compare-chip { min-height: 66px; margin-bottom: 0; padding: 11px 8px 9px; }
  html.js[data-cmp="c"] :is(.s-compare-cb, .s-compare-cl) { flex-direction: column; gap: 6px; } 
  html.js[data-cmp="c"] .s-compare-ci { width: 22px; height: 22px; stroke-width: 1.5; }
  html.js[data-cmp="c"] .s-compare-th { height: var(--th, 36px); border-radius: 18px; box-shadow: var(--sh-1); }
  html.js[data-cmp="c"] .s-compare-th::before, html.js[data-cmp="c"] .s-compare-th::after { display: none; }
  html.js[data-cmp="c"] .s-compare-lab { align-self: center; padding-bottom: 0; }
  html.js[data-cmp="c"] .s-compare-bar { margin-bottom: 16px; }
  html.js[data-cmp="c"] .s-compare-h .s-compare-vi { display: none; }
  
  html:not(.js) .s-compare-h .s-compare-v { display: none; }
  html:not(.js) .s-compare-v + .s-compare-v { margin-top: 10px; }
  html:not(.js) .s-compare-r:not(.s-compare-h) .s-compare-v::before { content: attr(data-label); display: block; margin-bottom: 2px; font-size: 12px; font-weight: 600; line-height: 1.3; color: var(--ink-2c); }
}

@media (max-width: 719.98px) {
  .s-compare { --s-compare-px: 14px; --s-compare-py: 14px; }
  .s-compare-head { margin-bottom: var(--head-gap); }
  
  html.js .s-compare-bar { display: block; margin-bottom: 8px; }
  .s-compare-lab { display: block; margin: 0 0 8px 4px; }
  .s-compare-chips { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2px; border-radius: 22px; }
  .s-compare-chip { height: auto; min-height: 48px; padding: 6px 6px; white-space: normal; text-align: center; text-wrap: balance; font-size: 12.5px; line-height: 1.2; letter-spacing: -.01em; border-radius: 18px; }
  .s-compare-cl { padding: 6px 6px; }
  .s-compare-th { border-radius: 18px; }
  @media (max-width: 389.98px) { .s-compare-chip, .s-compare-cl { padding-left: 3px; padding-right: 3px; font-size: 12px; } } 

  .s-compare-alt, .s-compare-fou { display: none; }
  .s-compare-table { display: block; touch-action: pan-y pinch-zoom; }
  .s-compare-r { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 6px; padding: 16px 0 0; }
  .s-compare-r + .s-compare-r > *::before { content: none; }
  .s-compare-r > * { grid-row: auto; min-height: 0; }
  .s-compare-r > .s-compare-k { grid-column: 1 / -1; grid-row: 1; padding: 0 4px; font-size: 14.5px; }
  .s-compare-r > .s-compare-c { grid-column: 1; grid-row: 2; border-radius: 16px; background: var(--white); font-size: 14px; }
  .s-compare-r > .s-compare-f { grid-column: 2; grid-row: 2; border-radius: 16px; background: var(--ink); font-size: 14px; grid-template-columns: 16px minmax(0, 1fr); column-gap: 8px; }
  .s-compare-r:last-of-type > * { --pb: var(--s-compare-py); }
  .s-compare-ok { width: 16px; height: 16px; margin-top: 2px; }
  .s-compare-ok svg { width: 10px; height: 10px; }
  .s-compare-yv { grid-template-columns: 16px auto; column-gap: 8px; }
  .s-compare-yn { width: 16px; height: 16px; margin-top: 2px; }

  .s-compare-r.s-compare-h { position: sticky; top: var(--hd-h); z-index: 3; align-items: center; padding: 6px 0; background: var(--canvas); box-shadow: 0 1px 0 var(--line); }
  .s-compare-r.s-compare-h > .s-compare-k { display: none; }
  .s-compare-h > .s-compare-c, .s-compare-r.s-compare-h > .s-compare-f { --pt: 0px; --pb: 0px; grid-row: 1; background: none; }
  .s-compare-r.s-compare-h > .s-compare-c { flex-direction: row; align-items: center; gap: 4px; padding: 0 0 0 4px; } 
  .s-compare-h .s-compare-c { font-size: 13px; font-weight: 650; line-height: 1.25; letter-spacing: -.008em; color: var(--ink); }
  html.js .s-compare-h .s-compare-w { align-items: center; padding: 0; -webkit-mask-image: none; mask-image: none; }
  .s-compare-r.s-compare-h > .s-compare-f { display: flex; align-items: center; padding: 0 0 0 4px; }
  .s-compare-brand { --h: 14px; color: var(--ink); }
  .s-compare-brand .wm { font-size: 14px; }
  html.js .s-compare-pg { display: grid; flex: none; width: 32px; height: 32px; position: relative; }
  .s-compare-pg::before { content: ""; position: absolute; inset: -6px; } 
  .s-compare-pg svg { width: 16px; height: 16px; }
  .s-compare-note { margin-top: 18px; padding-left: 4px; }

  .s-compare.is-pin-ph {
    --s-compare-pc: minmax(0, 47fr) minmax(0, 53fr);
    --s-compare-px: 10px;
    --s-compare-ph-y: 7px;              
    --s-compare-ph-fs: 14px;            
    --s-compare-ph-cap: 13.5px;         
  }
  @media (max-width: 374.98px) { .s-compare.is-pin-ph { --s-compare-pc: minmax(0, 48fr) minmax(0, 52fr); } } 
  
  .s-compare.is-pin-ph.is-tight { --s-compare-ph-y: 4px; --s-compare-ph-cap: 12.5px; }
  .s-compare.is-pin-ph.is-tight .s-compare-r.s-compare-h > :is(.s-compare-c, .s-compare-f) { padding-top: 8px; padding-bottom: 4px; }
  .s-compare.is-pin-ph.is-tight2 { --s-compare-ph-y: 2px; --s-compare-ph-cap: 12px; --s-compare-ph-fs: 13px; }
  .s-compare.is-pin-ph.is-tight2 .s-compare-prog { min-height: 24px; }
  html.js .s-compare.is-pin-ph.is-tight2 .s-compare-bar { margin-bottom: 4px; }
  .s-compare.is-pin-ph.is-tight2 .s-compare-r.s-compare-h > :is(.s-compare-c, .s-compare-f) { padding-top: 6px; padding-bottom: 2px; }
  .s-compare.is-pin-ph.is-tight2 .s-compare-r:last-of-type > .s-compare-c { --pb: 8px; }
  .s-compare.is-pin-ph.is-tight2 .s-compare-r:last-of-type > .s-compare-f { padding-bottom: 8px; }
  .s-compare.is-pin-ph .s-compare-cost { gap: 5px; }
  .s-compare.is-pin-ph .s-compare-cost i { width: 10px; height: 10px; }
  
  .s-compare.is-pin-ph .s-compare-head { margin-bottom: var(--head-gap); }
  .s-compare.is-pin-ph .s-compare-head .sec-sub { margin-top: 14px; font-size: 16px; }
  html.js .s-compare.is-pin-ph .s-compare-bar { display: block; margin-bottom: 8px; }
  .s-compare.is-pin-ph .s-compare-lab, .s-compare.is-pin-ph .s-compare-chips { display: none; }
  .s-compare.is-pin-ph .s-compare-prog { min-height: 28px; padding: 0 4px; }

  .s-compare.is-pin-ph .s-compare-table { display: grid; grid-template-columns: var(--s-compare-pc); column-gap: 6px; touch-action: auto; }
  .s-compare.is-pin-ph .s-compare-r { grid-column: 1 / -1; grid-template-columns: var(--s-compare-pc); grid-template-rows: auto minmax(0, 1fr); column-gap: 6px; row-gap: 0; padding: 0; }
  .s-compare.is-pin-ph .s-compare-r > * { border-radius: 0; background: none; }
  
  .s-compare.is-pin-ph .s-compare-r > .s-compare-k { grid-column: 1; grid-row: 1; padding: var(--s-compare-ph-y) var(--s-compare-px) 0; font-size: var(--s-compare-ph-cap); font-weight: 600; line-height: 1.22; letter-spacing: -.004em; color: var(--ink-2c); text-wrap: balance; }
  .s-compare.is-pin-ph .s-compare-r > .s-compare-c { grid-column: 1; grid-row: 2; --pt: 2px; --pb: var(--s-compare-ph-y); justify-content: flex-start; padding-left: var(--s-compare-px); padding-right: var(--s-compare-px); font-size: var(--s-compare-ph-fs); line-height: 1.28; letter-spacing: -.008em; }
  html.js .s-compare.is-pin-ph .s-compare-r:not(.s-compare-h) .s-compare-w { align-items: start; }
  
  .s-compare.is-pin-ph .s-compare-r > .s-compare-f { display: block; align-content: start; grid-column: 2; grid-row: 1 / span 2; padding: var(--s-compare-ph-y) var(--s-compare-px); font-size: var(--s-compare-ph-fs); line-height: 1.28; letter-spacing: -.008em; text-wrap: pretty; }
  .s-compare.is-pin-ph .s-compare-fv { display: inline; }
  .s-compare.is-pin-ph .s-compare-ok { display: inline-grid; vertical-align: -2px; width: 14px; height: 14px; margin: 0 5px 0 0; }
  .s-compare.is-pin-ph .s-compare-ok svg { width: 9px; height: 9px; }
  .s-compare.is-pin-ph .s-compare-yv { grid-template-columns: 14px auto; column-gap: 5px; } 
  .s-compare.is-pin-ph .s-compare-yn { width: 14px; height: 14px; margin-top: 2px; }
  .s-compare.is-pin-ph .s-compare-r:last-of-type > .s-compare-c { --pb: 12px; }
  .s-compare.is-pin-ph .s-compare-r:last-of-type > .s-compare-f { padding-bottom: 12px; }
  .s-compare.is-pin-ph .s-compare-r + .s-compare-r > .s-compare-k::before,
  .s-compare.is-pin-ph .s-compare-r + .s-compare-r > .s-compare-f::before { content: ""; left: var(--s-compare-px); right: var(--s-compare-px); }
  
  .s-compare.is-pin-ph .s-compare-r.s-compare-h { position: relative; top: auto; z-index: 1; padding: 0; background: none; box-shadow: none; }
  .s-compare.is-pin-ph .s-compare-r.s-compare-h > .s-compare-c { grid-row: 1 / span 2; padding: 10px var(--s-compare-px) 6px; --pt: 0px; --pb: 0px; font-size: 15px; font-weight: 650; line-height: 1.22; }
  .s-compare.is-pin-ph .s-compare-r.s-compare-h > .s-compare-f { display: flex; flex-direction: row; grid-row: 1 / span 2; align-items: center; justify-content: flex-start; padding: 10px var(--s-compare-px) 6px; }
  .s-compare.is-pin-ph .s-compare-brand { color: #fff; }
  html.js .s-compare.is-pin-ph .s-compare-pg { display: none; }
  .s-compare.is-pin-ph .s-compare-alt, .s-compare.is-pin-ph .s-compare-fou { display: block; grid-row: 1 / -1; border-radius: var(--r-md); }
  .s-compare.is-pin-ph .s-compare-alt { grid-column: 1; }
  .s-compare.is-pin-ph .s-compare-fou { grid-column: 2; box-shadow: none; }
  
  .s-compare.is-pin-ph .s-compare-alt { --glow-max: .4; }
  
  .s-compare.is-pin-ph .s-compare-note--in { margin: 4px 0 0; padding: 0 4px; font-size: 11px; line-height: 1.2; }
  .s-compare.is-pin-ph.is-nonote .s-compare-note--in { display: none; }
  .s-compare.is-pin-ph.is-nonote .s-compare-note--out { display: block; margin: 0; padding: 14px 4px 0; font-size: 12px; line-height: 1.4; }

  .s-compare-cb, .s-compare-cl { flex-direction: column; gap: 4px; }
  .s-compare-chip { min-height: 60px; }
  .s-compare-ci { width: 17px; height: 17px; }
  .s-compare-r > .s-compare-k { gap: 8px; }
  .s-compare-ki { width: 26px; height: 26px; border-radius: 8px; }
  .s-compare-ki svg { width: 15px; height: 15px; }
  .s-compare-r.s-compare-h :is(.s-compare-vi, .s-compare-vc, .s-compare-fs) { display: none; }
  .s-compare-h .s-compare-v { gap: 8px; }
  
  .s-compare.is-pin-ph .s-compare-ki { display: none; }   
  
  .s-compare.is-pin-ph .s-compare-h .s-compare-v { align-items: flex-start; gap: 6px; }
  .s-compare.is-pin-ph .s-compare-r.s-compare-h > .s-compare-c { font-size: 14.5px; letter-spacing: -.014em; }
  .s-compare.is-pin-ph .s-compare-r.s-compare-h .s-compare-vi { display: grid; width: 18px; height: 18px; margin-top: 0; border-radius: 0; background: none; box-shadow: none; }
  .s-compare.is-pin-ph .s-compare-vi svg { width: 18px; height: 18px; stroke-width: 1.6; }
  .s-compare.is-pin-ph .s-compare-r.s-compare-h > .s-compare-f { flex-direction: column; align-items: flex-start; justify-content: center; gap: 3px; }
  .s-compare.is-pin-ph .s-compare-r.s-compare-h .s-compare-fs { display: block; font-size: 11.5px; line-height: 1.2; }
  
  html.js[data-cmp="b"] .s-compare:not(.is-pin-ph) .s-compare-card { display: none; }
  html.js[data-cmp="b"] .s-compare.is-pin-ph { --s-compare-peek: 8px; --s-compare-deck: 480ms; --s-compare-dur: 520ms; }
  html.js[data-cmp="b"] .s-compare.is-pin-ph .s-compare-card { grid-column: 1; border-radius: var(--r-md); }
  html.js[data-cmp="b"] .s-compare.is-pin-ph .s-compare-r.s-compare-h { z-index: 6; }   
  html.js[data-cmp="b"] .s-compare.is-pin-ph .s-compare-bar { margin-bottom: 22px; }
  
  html.js[data-cmp="c"] .s-compare.is-pin-ph .s-compare-bar { display: block; margin-bottom: 8px; }
  html.js[data-cmp="c"] .s-compare.is-pin-ph .s-compare-chips { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; padding: 0; border-radius: 0; background: none; }
  html.js[data-cmp="c"] .s-compare.is-pin-ph .s-compare-chip {
    width: auto; min-height: 56px; height: auto; padding: 7px 4px 6px; margin-bottom: 0; border-radius: 14px;
    box-shadow: none; background: var(--soft); color: var(--s-compare-chip); font-size: 11.5px; line-height: 1.15; letter-spacing: -.01em;
  }
  html.js[data-cmp="c"] .s-compare.is-pin-ph .s-compare-chip[aria-pressed="true"] { background: none; }
  html.js[data-cmp="c"] .s-compare.is-pin-ph :is(.s-compare-cb, .s-compare-cl) { gap: 4px; }
  html.js[data-cmp="c"] .s-compare.is-pin-ph .s-compare-ci { width: 18px; height: 18px; stroke-width: 1.5; }
  html.js[data-cmp="c"] .s-compare.is-pin-ph .s-compare-th { height: var(--th, 56px); border-radius: 14px; box-shadow: var(--sh-1); }
  html.js[data-cmp="c"] .s-compare.is-pin-ph .s-compare-th::before, html.js[data-cmp="c"] .s-compare.is-pin-ph .s-compare-th::after { display: none; }
  html.js[data-cmp="c"] .s-compare.is-pin-ph .s-compare-tp { left: 9px; right: 9px; top: 4px; height: 2px; }
  html.js[data-cmp="c"] .s-compare.is-pin-ph .s-compare-prog { display: none; }
  @media (max-width: 389.98px) { html.js[data-cmp="c"] .s-compare.is-pin-ph .s-compare-chip { font-size: 11px; padding-left: 3px; padding-right: 3px; } } 

  html:not(.js) .s-compare-h { display: none; }
  html:not(.js) .s-compare-r { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html:not(.js) .s-compare-r > .s-compare-c, html:not(.js) .s-compare-w { display: contents; }
  html:not(.js) .s-compare-v { padding: 12px 14px; border-radius: 16px; background: var(--white); font-size: 14px; font-weight: 500; line-height: 1.4; color: var(--ink); }
  html:not(.js) .s-compare-r > .s-compare-f { grid-column: auto; grid-row: auto; }
  html:not(.js) .s-compare-v::before, html:not(.js) .s-compare-r > .s-compare-f::before { position: static; height: auto; background: none; display: block; margin-bottom: 4px; font-size: 12px; font-weight: 600; line-height: 1.3; }
  html:not(.js) .s-compare-v::before { content: attr(data-label); color: var(--ink-2c); }
  html:not(.js) .s-compare-r > .s-compare-f::before { content: attr(data-label); grid-column: 1 / -1; color: var(--on-ink-2); }
}

.s-compare-cost { display: flex; align-items: center; gap: 6px; min-height: 20px; }
.s-compare-cost i { flex: none; width: 11px; height: 11px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px rgba(13, 13, 13, .22); }
.s-compare-cost i.is-on { background: var(--orange); box-shadow: none; }
.s-compare-f .s-compare-cost i:not(.is-on) { box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .32); }

.s-compare-ol { display: none; }

.s-strategy {
  --s-strategy-n: 36px;                                        
  --s-strategy-py: 18px;                                       
  --s-strategy-px: 20px;                                       
  --s-strategy-cg: 20px;                                       
  --s-strategy-rail: color-mix(in srgb, var(--ink) 13%, transparent);
}
.s-strategy-grid { align-items: stretch; }

.s-strategy-card { grid-column: span 5; padding: 40px; }
.s-strategy-card :focus-visible { outline-color: #fff; }

.s-strategy-card > .s-strategy-glow {
  position: absolute; z-index: 0; inset: 0; pointer-events: none; border-radius: inherit;
  background:
    radial-gradient(80% 62% at 100% 0%, rgba(205, 134, 88, .78) 0%, rgba(184, 112, 70, .52) 16%, rgba(146, 86, 52, .32) 34%, rgba(100, 60, 38, .14) 54%, transparent 80%),
    radial-gradient(150% 110% at 100% 0%, rgba(110, 64, 38, .34) 0%, rgba(70, 40, 24, .18) 45%, transparent 78%); 
  opacity: var(--k, .75); transition: opacity 500ms var(--ease);
}
.s-strategy-head { display: flex; flex-direction: column; align-items: flex-start; }
.s-strategy-card .s-strategy-tag { font-weight: 600; color: rgba(255, 255, 255, .84); }
.s-strategy-title { margin-top: 24px; max-width: 8em; color: #fff; }
.s-strategy-sub { margin-top: 18px; max-width: 26em; font-size: 18px; font-weight: 600; line-height: 1.4; letter-spacing: -.014em; color: var(--on-ink-2); text-wrap: pretty; } 
.s-strategy-sub b { color: inherit; font-weight: inherit; }   

.s-strategy-route { position: relative; z-index: 1; flex: 1 1 0; min-height: 56px; max-height: 280px; margin: 28px 6px 0; }
.s-strategy-svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.s-strategy-svg--on { clip-path: inset(-12px calc(100% - var(--tx, 100%)) -12px -12px); }
.s-strategy-svg path { fill: none; vector-effect: non-scaling-stroke; stroke-linecap: round; stroke-linejoin: round; }
.s-strategy-goal { stroke: rgba(255, 255, 255, .16); stroke-width: 1; stroke-dasharray: 2 6; }
.s-strategy-lvls { display: none; } 
.s-strategy-track { stroke: rgba(221, 162, 115, .22); stroke-width: 1.5; }
.s-strategy-line { stroke: var(--copper-t); stroke-width: 2; }
.s-strategy-node {
  --y: var(--ya); 
  position: absolute; left: var(--x); top: var(--y); width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 50%;
  background: var(--ink); border: 1.5px solid rgba(221, 162, 115, .4);
  transition: background-color var(--d2) var(--ease), border-color var(--d2) var(--ease);
}
html[data-curve="b"] .s-strategy-node { --y: var(--yb); }
.s-strategy-node.is-on { background: var(--copper-t); border-color: var(--copper-t); }
.s-strategy-node--goal { width: 10px; height: 10px; margin: -5px 0 0 -5px; }

.s-strategy-tip {
  position: absolute; left: var(--tx, 100%); top: var(--ty, 11.67%); width: 12px; height: 12px; margin: -6px 0 0 -6px; border-radius: 50%;
  background: #fff; outline: 4px solid rgba(221, 162, 115, .3);
  transition: background-color var(--d2) var(--ease), outline-color var(--d2) var(--ease);
}
.s-strategy-tip::after { content: ""; position: absolute; inset: -18px; border-radius: 50%; background: radial-gradient(closest-side, rgba(221, 162, 115, .4), transparent); opacity: 0; transition: opacity var(--d3) var(--ease); }
.s-strategy-tip.is-goal { background: var(--copper-t); outline-color: rgba(221, 162, 115, .3); }
.s-strategy-tip.is-goal::after { opacity: 1; }

.s-strategy-foot { position: relative; z-index: 1; margin-top: auto; padding-top: 28px; display: flex; flex-direction: column; align-items: flex-start; }
.s-strategy-price { margin-top: 16px; max-width: 30em; font-size: 14px; font-weight: 600; line-height: 1.4; letter-spacing: -.006em; color: rgba(255, 255, 255, .86); }

.s-strategy-nojs { display: none; }
html:not(.js) .s-strategy-cta:not(.s-strategy-nojs) { display: none; }
html:not(.js) .s-strategy-nojs { display: inline-flex; }

.s-strategy-side { grid-column: span 7; min-width: 0; }
.s-strategy-pv { display: flex; flex-direction: column; }
.s-strategy-tile { position: relative; display: flex; flex-direction: column; justify-content: center; flex: 1 1 auto; padding: 14px 12px; border-radius: var(--r-lg); background: var(--white); }
.s-strategy-tile > .glow-fx { position: absolute; }

.s-strategy-cap { display: none; }
.s-strategy-side.is-pin-ph .s-strategy-cap {
  display: block; position: relative; z-index: 1; margin: 0 0 6px 12px;
  font-size: 13px; font-weight: 600; line-height: 1.3; letter-spacing: 0; color: var(--ink-2c);
}
.s-strategy-list { position: relative; z-index: 1; display: flex; flex-direction: column; }
.s-strategy-st { position: relative; display: grid; grid-template-columns: var(--s-strategy-n) minmax(0, 1fr); column-gap: var(--s-strategy-cg); padding: var(--s-strategy-py) 16px var(--s-strategy-py) var(--s-strategy-px); }
.s-strategy-st > * { min-width: 0; }

.s-strategy-st:not(:last-child)::before, .s-strategy-st:not(:last-child)::after {
  content: ""; position: absolute; left: calc(var(--s-strategy-px) + var(--s-strategy-n) / 2 - .5px); width: 1px;
  top: calc(var(--s-strategy-py) + var(--s-strategy-n) + 6px); bottom: calc(6px - var(--s-strategy-py)); pointer-events: none;
}
.s-strategy-st:not(:last-child)::before { background: var(--s-strategy-rail); }
.s-strategy-st:not(:last-child)::after { background: var(--ink); transform: scaleY(var(--s-strategy-seg, 0)); transform-origin: 50% 0; }
.s-strategy-n {
  position: relative; z-index: 1; display: grid; place-items: center; width: var(--s-strategy-n); height: var(--s-strategy-n); border-radius: 50%;
  background: var(--ink); color: #fff; font-size: 13px; font-weight: 650; letter-spacing: 0; font-variant-numeric: tabular-nums;
  transition: background-color var(--d2) var(--ease), color var(--d2) var(--ease), box-shadow var(--d2) var(--ease);
}
.s-strategy-st h3 { padding-top: calc((var(--s-strategy-n) - 1.2em) / 2); font-weight: 600; font-size: clamp(20px, 1.6vw, 23px); line-height: 1.2; letter-spacing: -.022em; text-wrap: balance; color: var(--ink); transition: color var(--d2) var(--ease); }
.s-strategy-tx p { padding-top: 6px; max-width: 36em; font-size: 15.5px; line-height: 1.5; letter-spacing: -.005em; color: var(--ink-2c); text-wrap: pretty; transition: color var(--d2) var(--ease); }

.is-pin .s-strategy-st:not(.is-now):not(.is-done) .s-strategy-n { background: var(--white); box-shadow: inset 0 0 0 1px var(--s-strategy-rail); color: var(--ink-2c); }
.is-pin .s-strategy-st:not(.is-now) h3 { color: var(--ink-2c); }
.is-pin .s-strategy-st.is-now .s-strategy-n { box-shadow: 0 0 0 6px color-mix(in srgb, var(--ink) 12%, transparent); }
.is-pin .s-strategy-st.is-now .s-strategy-tx p { color: var(--ink); }

.s-strategy.is-live .s-strategy-grid { align-items: start; }
.s-strategy.is-live .s-strategy-card {
  position: sticky; min-height: var(--s-strategy-sh, 0px);
  top: calc(var(--hd-h) + max(8px, (100vh - var(--hd-h) - var(--s-strategy-sh, 0px)) / 2));
}
@supports (height: 1svh) {
  .s-strategy.is-live .s-strategy-card { top: calc(var(--hd-h) + max(8px, (100svh - var(--hd-h) - var(--s-strategy-sh, 0px)) / 2)); }
}
.s-strategy.is-live .s-strategy-tile { min-height: var(--s-strategy-sh, 0px); }

.s-strategy-side { --pin-step: 30svh; --pin-step-vh: 30vh; --pin-step-ph: 45svh; --pin-step-ph-vh: 45vh; }
.s-strategy.is-acc .s-strategy-side { --pin-step: 55svh; --pin-step-vh: 55vh; --pin-step-ph: 85svh; --pin-step-ph-vh: 85vh; }

.s-strategy.is-acc .s-strategy-list { min-height: var(--s-strategy-lh, 0px); justify-content: flex-start; }
.s-strategy.is-acc .s-strategy-tile { justify-content: center; } 
.s-strategy.is-acc .s-strategy-tx { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--d2) var(--ease); }
.s-strategy.is-acc .s-strategy-tx > p { min-height: 0; overflow: hidden; opacity: 0; transition: opacity var(--d2) var(--ease), color var(--d2) var(--ease); }
.s-strategy.is-acc .s-strategy-st.is-now .s-strategy-tx { grid-template-rows: 1fr; }
.s-strategy.is-acc .s-strategy-st.is-now .s-strategy-tx > p { opacity: 1; transition-delay: 80ms; }
.s-strategy.is-acc.is-meas .s-strategy-tx, .s-strategy.is-acc.is-meas .s-strategy-tx > p { transition: none; }

.s-strategy .s-strategy-side.no-pin .s-strategy-tx { grid-template-rows: 1fr; }
.s-strategy .s-strategy-side.no-pin .s-strategy-tx > p { opacity: 1; }
.s-strategy .s-strategy-side.no-pin .s-strategy-list { min-height: 0; }

.s-strategy-prog { display: none; }
.s-strategy-side.is-pin-ph .s-strategy-prog { margin-top: 12px; padding: 0 4px; }

.s-strategy-end { display: none; }

@media (max-width: 1199.98px) {
  .s-strategy-card { padding: 32px; }
  .s-strategy-sub { font-size: 16.5px; }
  .s-strategy-route { margin-top: 24px; min-height: 52px; }
  .s-strategy-foot { padding-top: 24px; }
  .s-strategy { --s-strategy-px: 16px; --s-strategy-cg: 18px; }
  .s-strategy-tx p { font-size: 15px; }
}

@media (min-width: 1024px) and (max-height: 879.98px) {
  .s-strategy-card { padding-top: 28px; padding-bottom: 28px; }
  .s-strategy-title { margin-top: 20px; }
  .s-strategy-sub { margin-top: 14px; }
  .s-strategy-route { margin-top: 18px; min-height: 44px; }
  .s-strategy-foot { padding-top: 18px; }
  .s-strategy { --s-strategy-py: 9px; }
  .s-strategy-tile { padding-top: 10px; padding-bottom: 10px; }
  .s-strategy-tx p { line-height: 1.45; }
}

@media (min-width: 1024px) and (max-height: 879.98px) {
  .s-strategy.is-acc { --s-strategy-py: clamp(9px, (100vh - var(--hd-h) - 520px) / 14, 18px); }
}
@media (min-width: 1024px) {
  .s-strategy.is-live.is-acc .s-strategy-list { margin-bottom: -6px; }
}

@media (max-width: 1023.98px) {
  .s-strategy-card, .s-strategy-side, .s-strategy-end { grid-column: 1 / -1; }
  .s-strategy-grid { row-gap: 12px; }
}

@media (min-width: 720px) {
  html[data-str="b"] .s-strategy-card { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); grid-template-rows: auto 1fr; column-gap: 64px; }
  html[data-str="b"] .s-strategy-head { grid-area: 1 / 1; }
  html[data-str="b"] .s-strategy-foot { grid-area: 2 / 1; }
  html[data-str="b"] .s-strategy-route { grid-area: 1 / 2 / 3 / 3; align-self: end; flex: none; height: 200px; max-height: none; margin: 0 6px 18px; }
}
@media (min-width: 720px) and (max-width: 1023.98px) {
  .s-strategy-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto 1fr; column-gap: 40px; }
  .s-strategy-head { grid-area: 1 / 1; }
  .s-strategy-foot { grid-area: 2 / 1; }
  .s-strategy-route { grid-area: 1 / 2 / 3 / 3; align-self: end; flex: none; height: 170px; max-height: none; margin: 0 6px 18px; }
  html[data-str="b"] .s-strategy-card { column-gap: 40px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}

html[data-str="b"] .s-strategy-grid { row-gap: 40px; }
html[data-str="b"] .s-strategy-side { grid-column: 1 / -1; }
html[data-str="b"] .s-strategy-tile { padding: 0; border-radius: 0; background: none; }
@media (min-width: 720px) {
  html[data-str="b"] .s-strategy { --s-strategy-colg: 28px; }
  html[data-str="b"] .s-strategy-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--s-strategy-colg); row-gap: 40px; }
  html[data-str="b"] .s-strategy-st { grid-template-columns: minmax(0, 1fr); row-gap: 18px; align-content: start; padding: 0; }
  
  html[data-str="b"] .s-strategy-st:not(:last-child)::before { top: calc(var(--s-strategy-n) / 2 - .5px); bottom: auto; left: calc(var(--s-strategy-n) + 10px); right: calc(10px - var(--s-strategy-colg)); width: auto; height: 1px; }
  html[data-str="b"] .s-strategy-st:not(:last-child)::after { content: none; }
  html[data-str="b"] .s-strategy-st h3 { padding-top: 0; font-size: 20px; }
  html[data-str="b"] .s-strategy-tx p { padding-top: 10px; font-size: 15px; }
  html[data-str="b"] .s-strategy-st:nth-child(3n)::before { content: none; } 
}

html[data-str="c"] .s-strategy-tile { padding: 0; border-radius: 0; background: none; }
html[data-str="c"] .s-strategy-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gap); height: 100%; }
html[data-str="c"] .s-strategy-st { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto 1fr; row-gap: 14px; align-content: start; padding: 24px 24px 26px; border-radius: var(--r-md); background: var(--white); }
html[data-str="c"] .s-strategy-st::before, html[data-str="c"] .s-strategy-st::after { content: none; }
html[data-str="c"] .s-strategy-st h3 { padding-top: 0; font-size: 20px; }
html[data-str="c"] .s-strategy-tx p { padding-top: 8px; font-size: 15px; }

@media (min-width: 1280px) {
  html[data-str="c"] .s-strategy-list { grid-auto-rows: 1fr; }
}
@media (min-width: 720px) and (max-width: 1023.98px) {
  html[data-str="c"] .s-strategy-st { padding: 22px 22px 24px; } 
}

@media (max-width: 719.98px) {
  .s-strategy { --s-strategy-n: 32px; --s-strategy-py: 13px; --s-strategy-px: 12px; --s-strategy-cg: 14px; }
  .s-strategy-card { padding: 24px; }
  .s-strategy-title { margin-top: 24px; }
  .s-strategy-sub { margin-top: 16px; font-size: 17px; }
  .s-strategy-route { flex: none; height: 96px; max-height: none; margin: 28px 6px 0; }
  .s-strategy-foot { padding-top: 28px; align-items: stretch; }
  .s-strategy-foot .btn { width: 100%; justify-content: space-between; }
  .s-strategy-price { margin-top: 14px; }
  .s-strategy-tile { padding: 8px 4px; }
  .s-strategy-st h3 { font-size: 18px; }
  .s-strategy-tx p { font-size: 15px; line-height: 1.47; }
  .s-strategy-end { display: inline-flex; justify-content: space-between; margin-top: 12px; }
  html:not(.js) .s-strategy-end { display: none; }
  
  html[data-str="b"] .s-strategy-grid { row-gap: 24px; }
  html[data-str="b"] .s-strategy-tile { padding: 0; }
  html[data-str="b"] .s-strategy { --s-strategy-px: 0px; }
  
  html[data-str="c"] .s-strategy-list { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  html[data-str="c"] .s-strategy-st { grid-template-columns: var(--s-strategy-n) minmax(0, 1fr); grid-template-rows: none; column-gap: var(--s-strategy-cg); row-gap: 0; padding: 18px 18px 20px; }
  html[data-str="c"] .s-strategy-st h3 { padding-top: calc((var(--s-strategy-n) - 1.2em) / 2); font-size: 18px; }
  
  .s-strategy.is-tight { --s-strategy-py: 9px; }
  .s-strategy.is-tight .s-strategy-side.is-pin-ph .s-strategy-cap { display: none; }
  .s-strategy.is-tight .s-strategy-side.is-pin-ph .s-strategy-prog { margin-top: 8px; }
  .s-strategy.is-tight2 { --s-strategy-py: 6px; --s-strategy-n: 28px; }
  .s-strategy.is-tight2 .s-strategy-st h3 { font-size: 17px; }
  .s-strategy.is-tight2 .s-strategy-tx p { padding-top: 4px; font-size: 14.5px; line-height: 1.42; }
}

.s-faq-head { display: flex; flex-direction: column; align-items: center; text-align: center; margin-bottom: var(--head-gap); }
.s-faq-title { margin-inline: auto; }
.s-faq-sub { margin-inline: auto; max-width: 32em; }

.s-faq-sub-1, .s-faq-sub-2 { display: block; }
.s-faq-sub-1, .s-faq-sub-2 { text-wrap: pretty; }
.s-faq-write {
  position: relative; font: inherit; letter-spacing: inherit; color: var(--ink);
  text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: .2em;
  text-decoration-color: color-mix(in srgb, var(--ink) 32%, transparent); transition: text-decoration-color var(--d1);
}
.s-faq-write::before { content: ""; position: absolute; inset: -10px -4px; } 
@media (hover: hover) { .s-faq-write:hover { text-decoration-color: currentColor; } }

.s-faq-tabs-w { margin-bottom: 32px; }
.s-faq-tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.s-faq-chip {
  display: inline-flex; align-items: center; height: 44px; padding: 0 20px; border-radius: var(--r-pill);
  background: var(--white); color: var(--ink); font-size: 15px; font-weight: 600; letter-spacing: -.01em; line-height: 1; white-space: nowrap;
  transition: background-color var(--d2) var(--ease), color var(--d2) var(--ease), box-shadow var(--d1);
}
.s-faq-chip[hidden] { display: none; }

@media (max-width: 1359.98px) { .s-faq-tabs { max-width: 860px; margin-inline: auto; } }

@media (min-width: 1120px) { .s-faq-tabs:not(:has(> [data-flag="exchange"]:not([hidden]))) { max-width: none; } }
.s-faq-chip[aria-selected="true"] { background: var(--ink); color: #fff; cursor: default; }
@media (hover: hover) { .s-faq-chip[aria-selected="false"]:hover { box-shadow: inset 0 0 0 1px var(--g3); } }
html:not(.js) .s-faq-tabs-w { display: none; } 

.s-faq-stage { max-width: 820px; margin: 0 auto; }
html.js .s-faq-stage.is-anim { height: var(--h, auto); overflow: hidden; transition: height 380ms var(--ease); }
.s-faq-panel { display: flex; flex-direction: column; gap: 8px; }

.s-faq-panel[hidden]:not([hidden="until-found"]) { display: none; }
html.js .s-faq-panel:not(.is-sel):not([hidden="until-found"]) { display: none; }
html.js .s-faq-gt { display: none; }

.s-faq-gt { margin: 0 0 4px 4px; font-size: 18px; font-weight: 600; line-height: 1.3; letter-spacing: -.016em; color: var(--ink-2c); }
.s-faq-panel + .s-faq-panel { margin-top: 40px; }
html.js .s-faq-panel + .s-faq-panel { margin-top: 0; }

html.js .s-faq-panel.is-leave { opacity: 0; transform: translateY(-4px); transition: opacity 160ms var(--ease), transform 160ms var(--ease); }
html.js .s-faq-panel.is-enter > .s-faq-q { animation: s-faq-in 460ms var(--ease) both; }
html.js .s-faq-panel.is-enter > .s-faq-q:nth-of-type(2) { animation-delay: 50ms; }
html.js .s-faq-panel.is-enter > .s-faq-q:nth-of-type(3) { animation-delay: 100ms; }
html.js .s-faq-panel.is-enter > .s-faq-q:nth-of-type(4) { animation-delay: 150ms; }
html.js .s-faq-panel.is-enter > .s-faq-q:nth-of-type(n+5) { animation-delay: 200ms; }
@keyframes s-faq-in { from { opacity: 0; transform: translateY(10px); } }

.s-faq-q { border-radius: var(--r-md); background: var(--white); }
.s-faq-q[hidden] { display: none; }
.s-faq-s {
  display: flex; align-items: center; gap: 16px; min-height: 76px; padding: 16px 20px 16px 16px;
  border-radius: var(--r-md); list-style: none; cursor: pointer;
}
.s-faq-s::-webkit-details-marker { display: none; }
.s-faq-s::marker { content: ""; }
.s-faq-s:focus-visible { outline-offset: 2px; }

@supports selector(:has(*)) {
  .s-faq-s:focus-visible { outline: none; }
  .s-faq-q:has(> .s-faq-s:focus-visible) { outline: 2px solid var(--ink); outline-offset: 2px; }
}
.s-faq-ico {
  display: grid; place-items: center; width: 44px; height: 44px; border-radius: var(--r-sm); flex: none;
  background: var(--soft); color: var(--ink); transition: background-color var(--d2) var(--ease), color var(--d2) var(--ease);
}
.s-faq-ico svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.s-faq-ico svg .f { fill: currentColor; stroke: none; }
.s-faq-qt { flex: 1 1 auto; min-width: 0; font-size: 18px; font-weight: 600; line-height: 1.3; letter-spacing: -.016em; color: var(--ink); text-wrap: pretty; }
.s-faq-chev {
  display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; flex: none; color: var(--ink-2);
  transition: transform var(--d3) var(--ease), color var(--d2) var(--ease), background-color var(--d2) var(--ease);
}
.s-faq-chev svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
@media (hover: hover) { .s-faq-s:hover .s-faq-chev { background: var(--soft); color: var(--ink); } }

.s-faq-q[open]:not(.is-closing) .s-faq-ico { background: var(--ink); color: #fff; }
.s-faq-q[open]:not(.is-closing) .s-faq-chev { transform: rotate(180deg); color: var(--ink); }

.s-faq-a { overflow: hidden; }
html.js .s-faq-a.is-anim { height: var(--h, auto); transition: height 420ms var(--ease); }
.s-faq-at {
  padding: 0 72px 24px 76px; font-size: 16px; line-height: 1.55; letter-spacing: -.005em; color: var(--ink-2c); text-wrap: pretty;
  transition: opacity 420ms var(--ease), transform 420ms var(--ease);
}
html.js .s-faq-q.is-pre .s-faq-at, html.js .s-faq-q.is-closing .s-faq-at { opacity: 0; transform: translateY(-6px); }

.s-faq-bridge { justify-content: center; }

@media (prefers-reduced-motion: reduce) {
  html.js .s-faq-a.is-anim, html.js .s-faq-stage.is-anim { transition: none; }
  .s-faq-at, html.js .s-faq-panel.is-leave { transition: none; }
  html.js .s-faq-panel.is-enter > .s-faq-q { animation: none; }
}

@media (max-width: 1023.98px) {
  .s-faq-chip { height: 42px; padding: 0 18px; font-size: 14.5px; }
  .s-faq-qt { font-size: 17px; }
  .s-faq-at { padding-right: 56px; font-size: 15.5px; }
}

@media (max-width: 719.98px) {
  .s-faq-sub { max-width: 22em; }
  
  .s-faq-tabs-w { margin: 0 0 20px; }
  .s-faq-tabs { flex-wrap: wrap; justify-content: center; gap: 6px; }
  .s-faq-chip { flex: none; height: 44px; padding: 0 16px; font-size: 14.5px; }
  .s-faq-panel { gap: 6px; }
  .s-faq-s { gap: 12px; min-height: 68px; padding: 12px 10px 12px 12px; }
  .s-faq-ico { width: 40px; height: 40px; }
  .s-faq-ico svg { width: 19px; height: 19px; }
  .s-faq-qt { font-size: 16px; line-height: 1.3; }
  .s-faq-chev { width: 32px; height: 32px; }
  .s-faq-chev svg { width: 18px; height: 18px; }
  .s-faq-at { padding: 0 16px 18px 12px; font-size: 15px; line-height: 1.5; } 
  .s-faq-gt { font-size: 16px; }
}

.s-meet-grid { align-items: stretch; }

.s-meet-card { grid-column: span 8; min-height: 420px; padding: 44px 48px; justify-content: center; }
.s-meet-ph { grid-column: span 4; }
@media (min-width: 1024px) {
  .s-meet .s-meet-ph { aspect-ratio: auto; } 
  .s-meet-card { min-height: clamp(360px, var(--meet-h, 420px), 640px); } 
}

.s-meet-ph.ph--empty { display: none; }
.s-meet-grid--nophoto > .s-meet-ph { display: none; }
.s-meet-grid--nophoto > .s-meet-card { grid-column: 1 / -1; }
.s-meet-ph:has(> img:not([src])) { display: none; }  
.s-meet-grid:has(> .s-meet-ph.ph--empty) > .s-meet-card { grid-column: 1 / -1; }
.s-meet-grid:has(> .s-meet-ph > img:not([src])) > .s-meet-card { grid-column: 1 / -1; }

.s-meet-flow {
  position: absolute; z-index: 0; inset: 0; pointer-events: none; opacity: var(--k, 1); border-radius: inherit;
  background:
    var(--flow) 0% 100% / auto 170% no-repeat,
    var(--flow-fb) 0% 100% / auto 170% no-repeat;
  -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, .2) 0%, #000 60%);
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, .2) 0%, #000 60%);
}

@media (min-width: 1280px) {
  .s-meet-flow { background-position: 90% 100%, 90% 100%; background-size: cover, cover; -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .3) 40%, #000 78%); mask-image: linear-gradient(90deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .3) 40%, #000 78%); }
}

@media (min-width: 1024px) {
  .s-meet-grid--nophoto .s-meet-flow { background-position: 90% 100%, 90% 100%; background-size: cover, cover; -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .3) 40%, #000 78%); mask-image: linear-gradient(90deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .3) 40%, #000 78%); }
  .s-meet-grid:has(> .s-meet-ph.ph--empty) .s-meet-flow { background-position: 90% 100%, 90% 100%; background-size: cover, cover; -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .3) 40%, #000 78%); mask-image: linear-gradient(90deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .3) 40%, #000 78%); }
  .s-meet-grid:has(> .s-meet-ph > img:not([src])) .s-meet-flow { background-position: 90% 100%, 90% 100%; background-size: cover, cover; -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .3) 40%, #000 78%); mask-image: linear-gradient(90deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .3) 40%, #000 78%); }
}
.s-meet-main { position: relative; display: flex; flex-direction: column; align-items: flex-start; max-width: 760px; }

.s-meet-t { font-weight: 600; font-size: clamp(48px, 4.2vw, 64px); line-height: .98; letter-spacing: -.048em; color: #fff; }
@media (min-width: 1024px) {
  .s-meet-grid--nophoto .s-meet-t { font-size: clamp(48px, 6vw, 88px); }
  .s-meet-grid:has(> .s-meet-ph.ph--empty) .s-meet-t { font-size: clamp(48px, 6vw, 88px); }
  .s-meet-grid:has(> .s-meet-ph > img:not([src])) .s-meet-t { font-size: clamp(48px, 6vw, 88px); }
}
.s-meet-text { margin-top: 20px; max-width: 26em; font-size: 20px; font-weight: 500; line-height: 1.45; letter-spacing: -.012em; color: rgba(255, 255, 255, .8); text-wrap: pretty; }
.s-meet-act { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 28px; margin-top: 32px; }
.s-meet-card :focus-visible { outline-color: #fff; } 

.s-meet-nojs { display: none; }
html:not(.js) .s-meet-nojs { display: inline-flex; }
@media (prefers-reduced-motion: reduce) { .s-meet-flow { opacity: 1; } }

@media (max-width: 1199.98px) {
  .s-meet-card { padding: 40px; }
  .s-meet-text { font-size: 18px; }
}

@media (max-width: 1023.98px) {
  .s-meet-card, .s-meet-ph { grid-column: 1 / -1; }
  .s-meet .s-meet-ph { order: -1; --ph-ratio: 16 / 10; }
  .s-meet-card { min-height: 420px; }
  .s-meet-t { font-size: clamp(48px, 8vw, 72px); }
}

@media (max-width: 719.98px) {
  .s-meet .s-meet-ph { --ph-ratio: 4 / 3; }
  .s-meet-card { min-height: 400px; padding: 36px 24px 40px; justify-content: center; } 
  .s-meet-card { align-items: center; text-align: center; } 
  .s-meet-main { width: 100%; align-items: center; } 
  .s-meet-text { text-wrap: balance; }
  .s-meet .s-meet-t { font-size: 40px; }
  .s-meet .s-meet-flow {
    background-position: 0% 100%, 0% 100%; background-size: auto 46%, auto 46%;
    -webkit-mask-image: linear-gradient(180deg, transparent 58%, #000 80%);
    mask-image: linear-gradient(180deg, transparent 58%, #000 80%);
  }
  .s-meet-text { margin-top: 16px; font-size: 17px; }
  .s-meet-act { flex-direction: column; align-items: stretch; align-self: stretch; gap: 8px; margin-top: 28px; }
  .s-meet-act .btn { width: 100%; justify-content: space-between; }
}

@font-face{font-family:'Inter Tight';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/inter-tight-400-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/inter-tight-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/inter-tight-500-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/inter-tight-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/inter-tight-600-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/inter-tight-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/ibm-plex-mono-400-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/ibm-plex-mono-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/ibm-plex-mono-500-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/ibm-plex-mono-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Great Vibes';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/great-vibes-400-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Great Vibes';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/great-vibes-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

@media (min-width: 1024px) {

  html[data-skin="pub"] {
    
    --night: #090807; --onyx: #100E0C; --onyx-2: #1A1614; --onyx-3: #25211E;
    --ivory: #F7F3EB; --porcelain: #FCFAF6; --paper: #FFFFFF;
    --pearl: #F8F4EE; --pearl-2: rgba(248, 244, 238, .72); --pearl-3: rgba(248, 244, 238, .58);
    --acc-d: #E8C996; --acc-l: #7F7872; --cu: #A9582A;
    --l-core: #FFF6E6; --l-champagne: #F3DBA9; --l-amber: #F6A754; --l-hot: #F08A3E;
    --line-l: rgba(23, 19, 16, .10); --line-l-2: rgba(23, 19, 16, .18); --line-btn: rgba(23, 19, 16, .24);
    --line-d: rgba(248, 244, 238, .10); --line-d-2: rgba(248, 244, 238, .18);
    --tint-l: rgba(23, 19, 16, .05); --tint-d: rgba(248, 244, 238, .06);
    --edge-l: 0 0 0 1px rgba(23, 19, 16, .10);
    --edge-d: inset 0 0 0 1px rgba(248, 244, 238, .08);
    --focus-l: #B85A1C; --focus-d: #F3DBA9; --error: #B3402A; --ok: #3F7A57;
    
    --lift-1: 0 30px 60px -44px rgba(40, 30, 20, .28);
    --lift-2: 0 40px 70px -40px rgba(40, 30, 20, .34);
    --lift-dark: 0 40px 80px -40px rgba(12, 9, 6, .62);
    --lift-win: 0 32px 72px -32px rgba(9, 8, 7, .45);
    --lift-pill: 0 8px 20px -12px rgba(40, 30, 20, .3);
    --glow-btn: 0 0 0 1px rgba(243, 219, 169, .6), 0 12px 40px -12px rgba(246, 167, 84, .45);
    
    --p-field: clamp(48px, 3.89vw, 56px);
    --p-join: clamp(64px, 7.22vw, 104px);
    --p-sec: clamp(88px, 10vw, 144px);
    
    --fs-meet: clamp(48px, 3.96vw, 57px);
    --fs-h2: clamp(30px, 3.4vw, 50px);
    --fs-phrase: clamp(22px, 1.8vw, 26px);
    --fs-h3: clamp(19px, 1.5vw, 22px);
    --fs-lead: clamp(17px, 1.35vw, 20px);
    --fs-text: 16.5px;
    --fs-item: 15px;
    --fs-label: 13px;
    --fs-digit: clamp(112px, 10.6vw, 160px);
    --pub-ease: cubic-bezier(.2, .7, .2, 1);
    
    --rim-l: linear-gradient(90deg, transparent 8%, rgba(240, 138, 62, .28) 30%, rgba(240, 138, 62, .9) 50%, rgba(240, 138, 62, .28) 70%, transparent 92%);
    --rim-d: linear-gradient(90deg, transparent 6%, rgba(243, 219, 169, .35) 26%, rgba(255, 240, 214, .95) 50%, rgba(243, 219, 169, .35) 74%, transparent 94%);
    
    --pane: #2B2723;
    --pane-bg: radial-gradient(ellipse 78% 62% at 10% 0%, rgba(248, 244, 238, .06) 0%, rgba(248, 244, 238, .057) 10%, rgba(248, 244, 238, .049) 20%, rgba(248, 244, 238, .037) 30%, rgba(248, 244, 238, .026) 40%, rgba(248, 244, 238, .016) 50%, rgba(248, 244, 238, .008) 60%, rgba(248, 244, 238, .004) 70%, rgba(248, 244, 238, .002) 80%, rgba(248, 244, 238, 0) 90%),
      linear-gradient(180deg, #2F2B27 0%, #2B2723 45%, #28241F 100%);
    --pane-ring: linear-gradient(160deg, rgba(255, 246, 230, .32), rgba(255, 246, 230, .07) 35%, rgba(255, 246, 230, .05) 60%, rgba(243, 219, 169, .26));
    --pane-edge: inset 0 1px 0 rgba(255, 246, 230, .06);
    
    --pane-floor: radial-gradient(ellipse 54% 5% at 50% 100%, rgba(255, 240, 215, .44) 0%, rgba(255, 240, 215, .418) 10%, rgba(255, 240, 215, .356) 20%, rgba(255, 240, 215, .273) 30%, rgba(255, 240, 215, .189) 40%, rgba(255, 240, 215, .114) 50%, rgba(255, 240, 215, .062) 60%, rgba(255, 240, 215, .029) 70%, rgba(255, 240, 215, .011) 80%, rgba(255, 240, 215, .003) 90%, rgba(255, 240, 215, 0) 100%);
    
    --pane-tile: rgba(248, 244, 238, .05);
    --pane-tile-edge: inset 0 0 0 1px rgba(248, 244, 238, .08), inset 0 1px 0 rgba(255, 246, 230, .06);

    --canvas: #F7F3EB; --white: #FCFAF6; --ink: #171310; --ink-2: #5A544F; --ink-2c: #5A544F; --ink-3: #716A64; --dim: #7F7872;
    --soft: rgba(23, 19, 16, .05); --line: rgba(23, 19, 16, .10);
    --orange: #171310; --on-orange: #F8F4EE; --green: #171310; --on-green: #F8F4EE;
    --gr-mid: #A9582A; --gr-light: #A9582A; --gr-pale: rgba(23, 19, 16, .05); --gr-deep: #171310; --gr-hi: #F08A3E;
    --o-deep: #171310; --o-mid: #A9582A; --o-light: #A9582A; --o-hi: #F08A3E; --o-end: #A9582A;
    --copper: #A9582A; --copper-t: #B4ADA5;
    --g1: #3D3833; --g2: #B4ADA5; --g3: #DDD6CC;
    --dv-1: #171310; --dv-2: #A9582A; --dv-2t: #B4ADA5; --dv-3: #DDD6CC; --dv-trk: rgba(23, 19, 16, .08); --dv-off: #DDD6CC;
    --dv-grid: rgba(23, 19, 16, .10); --dv-txt-2: #5A544F; --dv-ok: #171310; --dv-acc: #A9582A; --dv-ring-bd: #FCFAF6;
    --sh-1: 0 0 0 1px rgba(23, 19, 16, .10), 0 30px 60px -44px rgba(40, 30, 20, .28);
    --sh-lift: 0 0 0 1px rgba(23, 19, 16, .10), 0 40px 70px -40px rgba(40, 30, 20, .34);
    --sh-glass: 0 8px 20px -12px rgba(40, 30, 20, .3);
    --glass-bg: rgba(252, 250, 246, .94); --glass-bg-fb: rgba(252, 250, 246, .96); --glass-bd: rgba(255, 255, 255, .6); --glass-blur: blur(14px) saturate(1.4);
    
    --flow: none; --flow-fb: none; --flow-white: none; --flow-white-fb: none; --flow-green: none; --flow-green-fb: none;
    --f: 'Onest', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --f-wm: 'Onest', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --t-h1: 64px; --t-h2: clamp(30px, 3.4vw, 50px); --t-h3: clamp(19px, 1.5vw, 22px); --t-lead: clamp(17px, 1.35vw, 20px); --t-body: 16.5px; --t-cap: 13px;
    --r-lg: 28px; --r-md: 20px; --r-sm: 12px;
    --gap: clamp(16px, 1.4vw, 20px); --pad: clamp(24px, 1.95vw, 28px); --head-gap: clamp(40px, 4.5vw, 64px); --head-gap-tight: 40px;
    --glow-max: 1;
  }

  html[data-skin="pub"] :is(#top, #about, #who, footer.ft, .s-strategy-card, .s-sit-res, .s-trust-fam, .s-compare-f) {
    --canvas: #100E0C; --white: #1A1614; --ink: #F8F4EE; --ink-2: rgba(248, 244, 238, .72); --ink-2c: rgba(248, 244, 238, .72);
    --ink-3: rgba(248, 244, 238, .58); --dim: rgba(248, 244, 238, .46); --soft: rgba(248, 244, 238, .06); --line: rgba(248, 244, 238, .10);
    --ink-in: rgba(248, 244, 238, .06); --ink-line: rgba(248, 244, 238, .10); --on-ink-2: rgba(248, 244, 238, .72);
    --orange: #F8F4EE; --on-orange: #171310; --green: #E8C996; --on-green: #100E0C;
    --gr-mid: #E8C996; --gr-light: #E8C996; --gr-pale: rgba(243, 219, 169, .08); --gr-deep: #F8F4EE;
    --o-deep: rgba(248, 244, 238, .28); --o-mid: #E8C996; --o-light: #F3DBA9; --o-hi: #FFF6E6; --o-end: #E8C996;
    --copper: #E8C996; --copper-t: rgba(248, 244, 238, .45);
    --g1: rgba(248, 244, 238, .72); --g2: rgba(248, 244, 238, .45); --g3: rgba(248, 244, 238, .16);
    --dv-1: #E8C996; --dv-2: rgba(248, 244, 238, .45); --dv-2t: rgba(248, 244, 238, .28); --dv-3: rgba(248, 244, 238, .16); --dv-trk: rgba(248, 244, 238, .12);
    --dv-off: rgba(248, 244, 238, .16); --dv-grid: rgba(248, 244, 238, .10); --dv-txt-2: rgba(248, 244, 238, .58); --dv-ok: #E8C996; --dv-acc: #E8C996; --dv-ring-bd: #1A1614;
    --s-t1: #F8F4EE; --s-t2: rgba(248, 244, 238, .62);
    --tint-l: rgba(248, 244, 238, .06);
    color: #F8F4EE;
  }
  
  html[data-skin="pub"] :is(#top, #who) { --white: var(--pane); --dv-ring-bd: var(--pane); }

  html[data-skin="pub"] .vpanel { --ink: #0D0D0D; --ink-in: #1C1C1C; --ink-line: #2A2A29; --on-ink-2: #8E8C87; --orange: #FF5A1F; --o-hi: #FFA466; --r-sm: 12px; --r-md: 20px; --r-pill: 999px; --f: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif; }
  html[data-skin="pub"] .vpanel :focus-visible { outline-color: #fff; }

  html[data-skin="pub"] body { background: var(--ivory); color: var(--ink); font-family: var(--f); font-weight: 400; font-size: var(--fs-text); line-height: 1.6; letter-spacing: -.003em; font-variant-numeric: lining-nums; }
  :where(html[data-skin="pub"]) :is(b, strong) { font-weight: 520; }
  html[data-skin="pub"] ::selection { background: #171310; color: #F8F4EE; }
  html[data-skin="pub"] :is(#top, #about, #who, footer.ft, .s-strategy-card, .s-sit-res, .s-trust-fam, .s-compare-f, .s-compare-ft) ::selection { background: #F8F4EE; color: #100E0C; }
  
  html[data-skin="pub"] :focus-visible { outline-color: var(--focus-l); }
  html[data-skin="pub"] :is(#top, #about, #who, footer.ft, .s-strategy-card, .s-sit-res, .s-trust-fam) :focus-visible { outline-color: var(--focus-d); }
  html[data-skin="pub"] .wrap { padding: 0 var(--p-field); }

  html[data-skin="pub"] :is(.sec-title, .h2) { font-weight: 420; font-size: var(--fs-h2); line-height: 1.08; letter-spacing: -.028em; text-wrap: balance; }
  html[data-skin="pub"] .sec-title { max-width: 18em; }
  html[data-skin="pub"] .sec-head { margin-bottom: var(--head-gap); }
  html[data-skin="pub"] .sec-sub { margin-top: 24px; max-width: 46ch; font-weight: 400; font-size: var(--fs-lead); line-height: 1.5; letter-spacing: -.006em; color: var(--ink-2); text-wrap: pretty; }
  html[data-skin="pub"] .sec-sub b { color: inherit; font-weight: inherit; }
  html[data-skin="pub"] .two-tone { color: var(--ink-2); }
  html[data-skin="pub"] .two-tone b { color: var(--ink); font-weight: inherit; }
  html[data-skin="pub"] .counter { font-size: var(--fs-label); font-weight: 520; color: var(--ink-3); font-variant-numeric: tabular-nums lining-nums; }
  html[data-skin="pub"] .counter b { font-weight: 520; color: var(--ink); }

  html[data-skin="pub"] .sec { padding-block: var(--p-join); }
  html[data-skin="pub"] :is(#top, #about, #who, #strategy) + .sec { padding-top: var(--p-sec); }
  html[data-skin="pub"] .sec:has(+ :is(#about, #who, #strategy)) { padding-bottom: var(--p-sec); }
  html[data-skin="pub"] #meet { padding-bottom: 0; }

  html[data-skin="pub"] .top { padding-top: 0; }
  html[data-skin="pub"] .top::before { -webkit-mask-image: none; mask-image: none; background: transparent; box-shadow: none;
    transition: background-color .45s var(--pub-ease), box-shadow .45s var(--pub-ease); }
  
  html[data-skin="pub"] .top.is-sc::before { background: rgba(253, 251, 247, .99); -webkit-backdrop-filter: blur(16px) saturate(1.3); backdrop-filter: blur(16px) saturate(1.3);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), inset 0 -1px 0 rgba(23, 19, 16, .07); }
  html[data-skin="pub"] :is(.hd-nav, .top.is-sc .hd-nav) { height: 80px; padding: 0; border-radius: 0; background: none; box-shadow: none; color: var(--ink); transition: color .45s var(--pub-ease); }
  html[data-skin="pub"] .hd-nav > .hd-lk { margin-left: 0; }
  html[data-skin="pub"] .top:not(.is-sc) .hd-nav { color: var(--pearl); }
  html[data-skin="pub"] .hd-menu { font-size: var(--fs-item); font-weight: 400; letter-spacing: -.004em; }
  html[data-skin="pub"] .hd-menu a { opacity: .74; transition: opacity .3s var(--pub-ease); }
  html[data-skin="pub"] .hd-menu a[aria-current="true"] { opacity: 1; }
  html[data-skin="pub"] .hd-cab { font-weight: 520; }
  html[data-skin="pub"] .hd-cta { height: 44px; padding: 0 20px; font-size: var(--fs-item); }
  html[data-skin="pub"] .top:not(.is-sc) .hd-cta { background: var(--tint-d); color: var(--pearl); box-shadow: inset 0 0 0 1px rgba(248, 244, 238, .18), inset 0 1px 0 rgba(255, 246, 230, .22);
    -webkit-backdrop-filter: blur(14px) saturate(1.3); backdrop-filter: blur(14px) saturate(1.3); }
  @media (hover: hover) {
    html[data-skin="pub"] :is(.hd-menu a, .hd-cab):hover { opacity: 1; }
    html[data-skin="pub"] .hd-cab:hover { opacity: .74; }
  }
  @media (max-width: 1399.98px) { html[data-skin="pub"] .hd-menu { font-size: var(--fs-item); } }
  @media (max-width: 1299.98px) { html[data-skin="pub"] .hd-menu { font-size: var(--fs-item); gap: 16px; } }
  
  @supports (animation-timeline: view()) {
    html[data-skin="pub"] { timeline-scope: --pub-t, --pub-a, --pub-w, --pub-f; }
    html[data-skin="pub"] #top { view-timeline: --pub-t block; view-timeline-inset: 0px calc(100% - var(--hd-h) - 20px); }
    html[data-skin="pub"] #about { view-timeline: --pub-a block; view-timeline-inset: 0px calc(100% - var(--hd-h) - 20px); }
    html[data-skin="pub"] #who { view-timeline: --pub-w block; view-timeline-inset: 0px calc(100% - var(--hd-h) - 20px); }
    
    html[data-skin="pub"] footer.ft .ft-card { view-timeline: --pub-f block; view-timeline-inset: 0px calc(100% - var(--hd-h) - 20px); }
    
    html[data-skin="pub"] .top.is-sc::before, html[data-skin="pub"] .top.is-sc .hd-nav, html[data-skin="pub"] .top.is-sc .hd-cta {
      animation: pub-hd-x linear none, pub-hd-x linear none, pub-hd-x linear none, pub-hd-x linear none;
      animation-timeline: --pub-t, --pub-a, --pub-w, --pub-f;
      animation-range: contain 0% contain 100%, contain 40px contain 100%, contain 40px contain 100%, contain 40px contain 100%; }
    html[data-skin="pub"] .top.is-sc::before { animation-name: pub-hd-bg, pub-hd-bg-s, pub-hd-bg-s, pub-hd-bg-s; }
    html[data-skin="pub"] .top.is-sc .hd-nav { animation-name: pub-hd-tx, pub-hd-tx, pub-hd-tx, pub-hd-tx; }
    html[data-skin="pub"] .top.is-sc .hd-cta { animation-name: pub-hd-cta, pub-hd-cta, pub-hd-cta, pub-hd-cta; }
  }
  @keyframes pub-hd-bg { from, to { background: rgba(16, 14, 12, .62); -webkit-backdrop-filter: blur(22px) saturate(1.4); backdrop-filter: blur(22px) saturate(1.4); box-shadow: inset 0 -1px 0 rgba(248, 244, 238, .06); } }
  @keyframes pub-hd-bg-s { from, to { left: 12px; right: 12px; background: rgba(16, 14, 12, .62); -webkit-backdrop-filter: blur(22px) saturate(1.4); backdrop-filter: blur(22px) saturate(1.4); box-shadow: inset 0 -1px 0 rgba(248, 244, 238, .06); } }
  @keyframes pub-hd-tx { from, to { color: #F8F4EE; } }
  @keyframes pub-hd-cta { from, to { background: rgba(248, 244, 238, .06); color: #F8F4EE; box-shadow: inset 0 0 0 1px rgba(248, 244, 238, .18), inset 0 1px 0 rgba(255, 246, 230, .22); } }

  html[data-skin="pub"] .btn { gap: 12px; height: 52px; padding: 0 26px; font-size: var(--fs-item); font-weight: 520; letter-spacing: -.004em;
    transition: background-color .35s var(--pub-ease), color .35s var(--pub-ease), box-shadow .35s var(--pub-ease), transform var(--d1) var(--ease); }
  html[data-skin="pub"] .btn:has(.btn-arrow) { padding-right: 24px; }
  html[data-skin="pub"] .btn .btn-arrow { width: 16px; height: 16px; border-radius: 0; background: none; color: inherit; transition: transform .45s var(--pub-ease); }
  html[data-skin="pub"] .btn .btn-arrow::before, html[data-skin="pub"] .btn .btn-arrow svg { width: 16px; height: 16px; }
  html[data-skin="pub"] .btn--sm { gap: 10px; height: 44px; padding: 0 20px; font-size: var(--fs-item); }
  html[data-skin="pub"] .btn--sm:has(.btn-arrow) { padding-right: 18px; }
  html[data-skin="pub"] .btn--sm .btn-arrow, html[data-skin="pub"] .btn--sm .btn-arrow::before { width: 14px; height: 14px; }
  
  html[data-skin="pub"] :is(.btn--orange, .btn--ink, .btn--white) { background: #171310; color: #F8F4EE; box-shadow: none; }
  html[data-skin="pub"] :is(#top, #about, #who, .s-strategy-card, .s-sit-res, footer.ft) :is(.btn--orange, .btn--ink, .btn--white) { background: #F8F4EE; color: #171310; }
  
  html[data-skin="pub"] .btn--ghost { background: none; color: var(--ink); box-shadow: inset 0 0 0 1px var(--line-btn); }
  @media (hover: hover) {
    html[data-skin="pub"] .btn:not(:disabled):hover { opacity: 1; filter: none; }
    html[data-skin="pub"] .btn:not(:disabled):hover .btn-arrow { transform: translateX(4px); }
    html[data-skin="pub"] :is(.btn--orange, .btn--ink, .btn--white):not(:disabled):hover { background: #2A2420; box-shadow: var(--lift-pill); }
    html[data-skin="pub"] :is(#top, #about, #who, .s-strategy-card, .s-sit-res, footer.ft) :is(.btn--orange, .btn--ink, .btn--white):not(:disabled):hover { background: #FFFFFF; box-shadow: var(--glow-btn); }
    html[data-skin="pub"] .btn--ghost:not(:disabled):hover { background: rgba(23, 19, 16, .04); box-shadow: inset 0 0 0 1px rgba(23, 19, 16, .5); }
  }
  
  html[data-skin="pub"] .icon-only { background: none; color: var(--ink); box-shadow: inset 0 0 0 1px var(--line-btn); }
  html[data-skin="pub"] .icon-only[aria-disabled="true"] { background: none; color: rgba(23, 19, 16, .3); box-shadow: inset 0 0 0 1px var(--line-l); }
  @media (hover: hover) { html[data-skin="pub"] .icon-only:not([aria-disabled="true"]):hover { background: #171310; color: #F8F4EE; box-shadow: none; } }
  
  html[data-skin="pub"] .hd-r .hd-burger { background: none; color: inherit; box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 28%, transparent); }
  @media (hover: hover) { html[data-skin="pub"] .hd-r .hd-burger:not([aria-disabled="true"]):hover { background: color-mix(in srgb, currentColor 10%, transparent); color: inherit; box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 40%, transparent); } }

  html[data-skin="pub"] .eyebrow { height: auto; padding: 0; border-radius: 0; background: none; box-shadow: none; font-size: var(--fs-label); font-weight: 520; letter-spacing: .012em; line-height: 1.3; color: var(--cu); }
  html[data-skin="pub"] :is(#top, #about, #who) .eyebrow { color: var(--acc-d); }
  html[data-skin="pub"] .pill { height: 30px; padding: 0 12px; border-radius: 999px; background: var(--tint-l); box-shadow: none; color: var(--ink-2); font-size: var(--fs-label); font-weight: 520; letter-spacing: .012em; }
  html[data-skin="pub"] :is(.s-sit-res, .s-strategy-card) .pill { background: var(--tint-d); box-shadow: inset 0 0 0 1px rgba(248, 244, 238, .12); color: var(--pearl-2); }

  html[data-skin="pub"] .bridge { margin-top: 48px; font-size: var(--fs-item); font-weight: 520; letter-spacing: -.004em; color: var(--ink-3); }
  html[data-skin="pub"] .bridge .bridge-arrow { background: none; box-shadow: inset 0 0 0 1px var(--line-l-2); color: var(--ink-2); transition: background-color .3s var(--pub-ease), color .3s var(--pub-ease), box-shadow .3s var(--pub-ease); }
  html[data-skin="pub"] :is(#top, #about, #who) .bridge { color: var(--pearl-3); }
  html[data-skin="pub"] :is(#top, #about, #who) .bridge .bridge-arrow { box-shadow: inset 0 0 0 1px var(--line-d-2); color: var(--pearl-2); }
  @media (hover: hover) {
    html[data-skin="pub"] .bridge:hover { color: var(--ink); }
    html[data-skin="pub"] .bridge:hover .bridge-arrow { background: #171310; color: #F7F3EB; box-shadow: none; }
    html[data-skin="pub"] :is(#top, #about, #who) .bridge:hover { color: var(--pearl); }
    html[data-skin="pub"] :is(#top, #about, #who) .bridge:hover .bridge-arrow { background: #F8F4EE; color: #100E0C; }
  }

  html[data-skin="pub"] .card { background: var(--porcelain); box-shadow: var(--edge-l), var(--lift-1); }
  html[data-skin="pub"] :is(.card--ink, .card--glow) { background: #100E0C; box-shadow: var(--edge-d), var(--lift-dark); }

  html[data-skin="pub"] .ph.ph--avatar { box-shadow: 0 0 0 2px var(--porcelain); }
  html[data-skin="pub"] :is(#top, #about, #who) .ph.ph--avatar { box-shadow: 0 0 0 1.5px rgba(248, 244, 238, .16); }
  html[data-skin="pub"] :is(#top, #about) .ph:not(.ph--loaded):not(.ph--ref):not(.ph--avatar) { background-color: var(--pane);
    background-image: radial-gradient(70% 60% at var(--ph-lx) var(--ph-ly), rgba(243, 219, 169, .10), rgba(243, 219, 169, 0) 72%), var(--pane-bg);
    box-shadow: var(--edge-d); }
  html[data-skin="pub"] :is(#top, #about) .ph:not(.ph--loaded):not(.ph--ref)::before { opacity: .12; }
  html[data-skin="pub"] :is(#top, #about, #who) .ph-ico { background: var(--tint-d); color: var(--pearl-2); box-shadow: none; }

  html[data-skin="pub"] .s-sit-bar { height: 2px; background: var(--line-l); }
  html[data-skin="pub"] .s-sit-bar::after { background: #171310; }
  html[data-skin="pub"] :is(#s-top-rg, #s-who-kr-g) stop { stop-color: #E8C996; }

  html[data-skin="pub"] :is(.glow-corner, .glow-host, .glow-fx) { --glow-max: 1; --glow-bg: var(--rim-l) top / 100% 1.5px no-repeat; }
  html[data-skin="pub"] :is(#top, #about, #who) :is(.glow-corner, .glow-host, .glow-fx) { --glow-bg: var(--rim-d) top / 100% 1.5px no-repeat; }

  html[data-skin="pub"] .layer-bg { background: rgba(9, 8, 7, .42); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
  html[data-skin="pub"] .modal-p { background: linear-gradient(180deg, #FDFBF7, #FCFAF6); color: var(--ink); border-radius: 28px; box-shadow: 0 0 0 1px rgba(23, 19, 16, .04), var(--lift-win); }
  html[data-skin="pub"] .modal-p { --m-px: 32px; }
  html[data-skin="pub"] .m-hd { padding-top: 18px; padding-bottom: 12px; }
  html[data-skin="pub"] .m-crumb { font-size: var(--fs-label); font-weight: 520; color: var(--ink-3); }
  html[data-skin="pub"] .m-x { width: 36px; height: 36px; background: var(--tint-l); box-shadow: none; }
  html[data-skin="pub"] .m-prog > i { background: var(--line-l); }
  html[data-skin="pub"] .m-prog > i.is-on { background: #171310; }
  html[data-skin="pub"] .m-back { font-size: var(--fs-item); font-weight: 520; color: var(--ink-2); }
  html[data-skin="pub"] .m-t { font-size: var(--fs-phrase); font-weight: 420; line-height: 1.16; letter-spacing: -.022em; text-wrap: balance; }
  html[data-skin="pub"] .m-lead { margin-top: 10px; font-size: var(--fs-item); line-height: 1.5; color: var(--ink-2); text-wrap: pretty; }
  html[data-skin="pub"] .lnk { font-weight: 520; text-decoration-thickness: 1px; text-underline-offset: .28em; text-decoration-color: rgba(23, 19, 16, .34); }
  html[data-skin="pub"] .m-consent { font-size: var(--fs-label); color: var(--ink-3); border-top-color: var(--line-l); }
  html[data-skin="pub"] .m-next { font-size: var(--fs-label); color: var(--ink-3); }
  html[data-skin="pub"] .f-l { margin-bottom: 8px; font-size: var(--fs-label); font-weight: 520; color: var(--ink); }
  html[data-skin="pub"] :is(.f-hint, .f-sub, .opt) { font-size: var(--fs-label); font-weight: 400; color: var(--ink-3); }
  html[data-skin="pub"] .inp { min-height: 54px; padding: 15px 18px; border-radius: 12px; border: 1px solid #948E88; background: var(--porcelain); font-size: 16px; line-height: 1.4;
    transition: border-color .3s var(--pub-ease), box-shadow .3s var(--pub-ease), background-color .3s var(--pub-ease); }
  html[data-skin="pub"] textarea.inp { min-height: 108px; }
  html[data-skin="pub"] .inp::placeholder { color: var(--ink-3); }
  html[data-skin="pub"] :is(.inp:focus, .cs-btn:focus-visible, .sel.is-open .cs-btn) { outline: none; border-color: #171310; box-shadow: 0 0 0 .5px #171310, 0 0 0 4px rgba(184, 90, 28, .16); background: #FFFFFF; }
  html[data-skin="pub"] .inp[aria-invalid="true"] { border-color: var(--error); box-shadow: 0 0 0 .5px var(--error); }
  html[data-skin="pub"] .f-err { font-size: var(--fs-label); font-weight: 400; color: var(--error); }
  html[data-skin="pub"] .f-err::before { background: var(--error); color: #FCFAF6; }
  html[data-skin="pub"] .f-err.warn { color: var(--ink-2); }
  html[data-skin="pub"] .f-err.warn::before { background: var(--ink-3); }
  html[data-skin="pub"] .sel-chev { color: var(--ink-2); }
  html[data-skin="pub"] .segs { padding: 4px; background: var(--tint-l); }
  html[data-skin="pub"] .segs span { font-size: var(--fs-item); font-weight: 520; color: var(--ink-2); }
  html[data-skin="pub"] .segs input:checked + span { background: var(--porcelain); color: var(--ink); box-shadow: var(--lift-pill), 0 0 0 1px rgba(23, 19, 16, .06); }
  html[data-skin="pub"] .checks span { font-size: var(--fs-item); font-weight: 520; box-shadow: inset 0 0 0 1px var(--line-btn); }
  html[data-skin="pub"] .checks input:checked + span { background: #171310; color: #F8F4EE; }
  html[data-skin="pub"] .cab-err-b { background: var(--tint-l); }
  html[data-skin="pub"] .cab-err-b .f-err { font-size: var(--fs-item); }
  html[data-skin="pub"] .cab-hint { font-size: var(--fs-item); color: var(--ink-2); }
  html[data-skin="pub"] .cab-eye { color: var(--ink-3); }
  
  html[data-skin="pub"] .m-step[data-step="ok"] .m-t { color: var(--ok); }

  html[data-skin="pub"] .cs-pop { padding: 6px; border-radius: 20px; background: var(--porcelain); box-shadow: 0 0 0 1px var(--line-l), var(--lift-win); }
  html[data-skin="pub"] .sel.cs-up .cs-pop:not(.cs-pop--flow) { box-shadow: 0 0 0 1px var(--line-l), 0 -24px 60px -28px rgba(9, 8, 7, .4); }
  html[data-skin="pub"] .cs-gl { font-size: var(--fs-label); font-weight: 520; letter-spacing: .012em; color: var(--ink-3); }
  html[data-skin="pub"] .cs-o { position: relative; min-height: 44px; border-radius: 16px; font-size: var(--fs-item); }
  html[data-skin="pub"] :is(.cs-pop.is-ptr .cs-o.is-act, .cs-pop.is-kbd .cs-o.is-act) { background: var(--tint-l); }
  html[data-skin="pub"] .cs-pop.is-kbd .cs-o.is-act { box-shadow: inset 0 0 0 2px #171310; }
  html[data-skin="pub"] .cs-o.is-sel { font-weight: 520; }
  html[data-skin="pub"] .cs-o.is-sel::before { content: ""; position: absolute; left: 0; top: 10px; bottom: 10px; width: 2px; border-radius: 2px; background: linear-gradient(180deg, transparent, #F08A3E 50%, transparent); }
  html[data-skin="pub"] :is(.cs-g + .cs-g, .cs-o + .cs-g) { border-top-color: var(--line-l); }

  html[data-skin="pub"] .sheet-p { background: var(--porcelain); }
  html[data-skin="pub"] .mnav a { border-radius: 20px; background: var(--tint-l); font-size: var(--fs-item); font-weight: 520; }
  html[data-skin="pub"] .mnav a[aria-current="true"] { background: #171310; color: #F8F4EE; }
  html[data-skin="pub"] .mnav-act { background: var(--porcelain); }

  html[data-skin="pub"] #top.s-top { --gap: 16px; position: relative; isolation: isolate; overflow: clip; margin-top: -80px; padding-top: 120px; padding-bottom: 40px; background: var(--onyx); border-radius: 0 0 40px 40px; }
  html[data-skin="pub"] .s-top-stage { gap: 16px; }
  html[data-skin="pub"] .s-top-h1 { margin-top: 20px; max-width: 9.6em; font-weight: 420; font-size: min(64px, 10.8cqi); line-height: 1.04; letter-spacing: -.034em; color: var(--acc-d); }
  html[data-skin="pub"][data-h1="b"] .s-top-h1 { max-width: none; font-size: min(56px, 8.8cqi); } 
  
  html[data-skin="pub"] .s-top-h1::first-line { color: var(--pearl); }
  html[data-skin="pub"] .s-top-lead { margin-top: 24px; max-width: 28em; font-size: var(--fs-lead); font-weight: 400; line-height: 1.5; letter-spacing: -.006em; color: var(--pearl-2); }
  html[data-skin="pub"] .s-top-act { margin-top: 40px; }
  
  html[data-skin="pub"] #top.s-top::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
    background:
      radial-gradient(ellipse 36% 17svh at 50% 100%, rgba(255, 240, 215, .58) 0%, rgba(255, 240, 215, .46) 20%, rgba(255, 240, 215, .26) 46%, rgba(255, 240, 215, .09) 72%, rgba(255, 240, 215, .02) 88%, rgba(255, 240, 215, 0) 100%),
      radial-gradient(ellipse 62% 50svh at 50% 100%, rgba(243, 219, 169, .24) 0%, rgba(243, 219, 169, .18) 22%, rgba(243, 219, 169, .1) 48%, rgba(243, 219, 169, .03) 74%, rgba(243, 219, 169, .008) 90%, rgba(243, 219, 169, 0) 100%); }
  html[data-skin="pub"] #top.s-top::after { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; padding: 0 1.5px 1.5px; pointer-events: none;
    background: linear-gradient(90deg, transparent 12%, rgba(243, 219, 169, .3) 30%, rgba(255, 240, 214, .85) 50%, rgba(243, 219, 169, .3) 70%, transparent 88%) bottom / 100% 50% no-repeat;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
  
  html[data-skin="pub"] .s-top-w > .s-top-card { background: var(--pane-bg); box-shadow: var(--pane-edge); }
  html[data-skin="pub"] .s-top-w--ink > .s-top-card { --dv-1: #E8C996; --dv-trk: rgba(248, 244, 238, .12); --dv-txt-2: rgba(248, 244, 238, .58); --dv-ok: #E8C996; --dv-ring-bd: var(--pane);
    --s-t1: #F8F4EE; --s-t2: rgba(248, 244, 238, .62); color: var(--pearl); background: var(--pane-bg); }
  
  html[data-skin="pub"] :is(.s-top-w > .s-top-card, .s-who-dk-box)::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; padding: 1px; pointer-events: none;
    background: var(--pane-ring);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
  
  html[data-skin="pub"] :is(.s-top-w[data-w="month"], .s-top-w[data-w="plan"]) > .s-top-card { background: var(--pane-floor), var(--pane-bg); box-shadow: var(--pane-edge), inset 0 -1px 0 rgba(243, 219, 169, .3); }
  html[data-skin="pub"] .s-top-x { font-weight: 420; letter-spacing: -.014em; }
  html[data-skin="pub"] .s-top-wi { stroke: var(--acc-d); }
  
  html[data-skin="pub"] .s-top-gk { font-size: var(--fs-label); font-weight: 400; color: var(--pearl); }
  html[data-skin="pub"] .s-top-gi { background: var(--tint-d); color: var(--acc-d); }
  html[data-skin="pub"] .s-top-gb > i { background: linear-gradient(90deg, #E8C996, #F3DBA9); }
  html[data-skin="pub"] .s-top-gv { font-size: var(--fs-label); font-weight: 520; }
  html[data-skin="pub"] .s-top-gs { font-size: 12px; font-weight: 400; color: var(--pearl-3); }
  
  html[data-skin="pub"] .s-top-rp { --rp-px: 0px; column-gap: 14px; }
  html[data-skin="pub"] .s-top-rt { padding: 12px 0 0; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--line-d); }
  html[data-skin="pub"] .s-top-rk { font-weight: 400; color: var(--pearl-3); }
  html[data-skin="pub"] .s-top-rv { font-size: 15px; font-weight: 520; color: var(--pearl); }
  html[data-skin="pub"] .s-top-rcap .s-top-rv { font-size: 22px; font-weight: 420; letter-spacing: -.02em; }
  html[data-skin="pub"] .s-top-rd { font-size: 10.5px; font-weight: 520; color: var(--acc-d); }
  html[data-skin="pub"] .s-top-rd > span { font-weight: 400; color: var(--pearl-3); }
  html[data-skin="pub"] .s-top-rsv .l { stroke: var(--acc-d); stroke-width: 1.5; }
  html[data-skin="pub"] .s-top-rdot { background: var(--l-core); box-shadow: 0 0 0 3px rgba(243, 219, 169, .18), 0 0 10px rgba(255, 240, 215, .6); }
  html[data-skin="pub"] .s-top-rrec { padding-left: 0; padding-right: 0; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--line-d); }
  html[data-skin="pub"] .s-top-rrt { font-size: var(--fs-label); font-weight: 400; color: var(--pearl); }
  html[data-skin="pub"] .s-top-rgo { font-size: 12px; font-weight: 520; color: var(--pearl); background: var(--tint-d); box-shadow: inset 0 0 0 1px var(--line-d-2), inset 0 1px 0 rgba(255, 246, 230, .22); }
  
  html[data-skin="pub"] .s-top-pl { gap: 0; }
  html[data-skin="pub"] .s-top-pl > li { padding: 12px 0; border: 0; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--line-d); -webkit-backdrop-filter: none; backdrop-filter: none; }
  html[data-skin="pub"] .s-top-pt b { font-size: var(--fs-label); font-weight: 520; color: var(--pearl); }
  html[data-skin="pub"] .s-top-pt span { font-weight: 400; color: var(--pearl-3); }
  html[data-skin="pub"] .s-top-pl .is-done .s-top-ps { background: var(--acc-d); color: var(--onyx); }
  html[data-skin="pub"] .s-top-pl .is-next .s-top-ps { box-shadow: inset 0 0 0 1.5px rgba(248, 244, 238, .3); color: var(--pearl-2); }
  
  html[data-skin="pub"] .s-top .s-top-ph > img { filter: brightness(.9) saturate(.92); }
  html[data-skin="pub"] .s-top .s-top-ph::after { content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit; pointer-events: none;
    background: linear-gradient(0deg, rgba(9, 8, 7, .42), rgba(9, 8, 7, .12) 34%, rgba(9, 8, 7, 0) 52%); box-shadow: var(--edge-d); }
  
  @container s-top-card (min-width: 300px) {
    html[data-skin="pub"] .s-top-x { font-size: 19.4px; }
    html[data-skin="pub"] .s-top-gk { font-size: var(--fs-label); }
  }
  @container s-top-card (min-width: 300px) and (min-height: 330px) {
    html[data-skin="pub"] .s-top-x { font-size: 22px; }
  }
  @container s-top-card (max-height: 339.98px) {
    html[data-skin="pub"] .s-top-rcap .s-top-rv { font-size: 22px; }
  }
  @container s-top-card (max-height: 289.98px) {
    html[data-skin="pub"] .s-top-rcap .s-top-rv { font-size: 19.4px; }
    html[data-skin="pub"] .s-top-rrt { font-size: var(--fs-label); }
    html[data-skin="pub"] .s-top-pt b { font-size: 12px; }
    html[data-skin="pub"] .s-top-pt span { font-size: 10.5px; }
  }
  @container s-top-card (max-width: 369.98px) {
    
    html[data-skin="pub"] .s-top-rk { font-size: 10.5px; }
    html[data-skin="pub"] .s-top-rcap .s-top-rv { font-size: 19.4px; }
    html[data-skin="pub"] .s-top-rd { font-size: 10.5px; }
    html[data-skin="pub"] .s-top-rrt { font-size: var(--fs-label); }
    html[data-skin="pub"] .s-top-pt span { font-size: 10.5px; }
  }
  @media (min-height: 981px) { html[data-skin="pub"] #top.s-top { min-height: min(100svh, 1080px); } }
  @media (max-width: 1279.98px) { html[data-skin="pub"] .s-top-h1 { font-size: min(64px, 10.8cqi); } }

  html[data-skin="pub"] .s-fw-card { padding: 8px; transition: box-shadow .5s var(--pub-ease); }
  html[data-skin="pub"] .s-fw-ph { border-radius: 20px; }
  
  html[data-skin="pub"] .s-fw-body { justify-content: flex-start; padding: 20px 16px 24px; }
  html[data-skin="pub"] .s-fw-t { min-height: 0; max-width: none; font-weight: 520; font-size: min(var(--fs-lead), 19.4px); line-height: 1.25; letter-spacing: -.014em; }
  @media (max-width: 1299.98px) { html[data-skin="pub"] .s-fw-body { padding-inline: 12px; } }
  @media (max-width: 1199.98px) { html[data-skin="pub"] .s-fw-body { padding: 16px 12px 20px; } }
  @media (hover: hover) { html[data-skin="pub"] .s-fw-card:hover { box-shadow: var(--edge-l), var(--lift-2); } }

  html[data-skin="pub"] .s-situations[data-mode="slide"] .s-sit-card:not(.s-sit-res) { background: var(--porcelain); box-shadow: var(--edge-l), var(--lift-1); }
  html[data-skin="pub"] .s-situations[data-mode="slide"] .s-sit-x { max-width: none; font-weight: 420; font-size: var(--fs-phrase); line-height: 1.22; letter-spacing: -.022em; text-wrap: balance; }
  html[data-skin="pub"] .s-sit-x.two-tone { color: var(--acc-l); }
  html[data-skin="pub"] .s-sit-ctl .counter { font-size: var(--fs-label); font-weight: 520; }
  html[data-skin="pub"] .s-sit-ctl .s-sit-of { color: var(--ink-3); }
  
  html[data-skin="pub"] .s-sit-art { --white: #FFFFFF; --canvas: #F7F3EB; }
  html[data-skin="pub"] .s-sit-ill--f .s-sit-f-t { box-shadow: inset 0 0 0 1px var(--line-l); }
  html[data-skin="pub"] .s-sit-ill--f .s-sit-f-v { font-weight: 520; letter-spacing: -.02em; }
  html[data-skin="pub"] .s-sit-ill--f :is(.s-sit-f-d, .s-sit-f-nm, .s-sit-f-li1, .s-sit-f-li2 > b, .s-sit-f-lg b) { font-weight: 520; }
  html[data-skin="pub"] .s-sit-ill--f :is(.s-sit-f-k, .s-sit-f-d > span, .s-sit-f-lg, .s-sit-f-v small, .s-sit-f-l3 small) { font-weight: 400; }
  html[data-skin="pub"] .s-sit-ill--f .s-sit-f-chip { font-weight: 520; }
  html[data-skin="pub"] .s-sit-ill--f .s-sit-f-chip--cu { background: rgba(169, 88, 42, .10); color: var(--ink); }
  html[data-skin="pub"] .s-sit-ill--f .s-sit-f-chip--cu::before { background: var(--l-hot); }
  html[data-skin="pub"] .s-sit-ill--f .s-sit-f-pan { font-weight: 400; }
  html[data-skin="pub"] .s-sit-ill--f :is(.s-sit-f-cal, .s-sit-f-lab, .s-sit-f-li1, .s-sit-f-li2 > b) { font-weight: 520; }
  html[data-skin="pub"] .s-sit-ill--f .s-sit-f-lab.s-sit-f-lab--yr { font-weight: 520; }
  html[data-skin="pub"] .s-sit-ill--f :is(.s-sit-f-lab.s-sit-f-lab--q, .s-sit-f-lab.s-sit-f-lab--e, .s-sit-f-cal2, .s-sit-f-v small, .s-sit-f-l3 small) { font-weight: 400; }
  
  html[data-skin="pub"] .s-sit-ill--f .s-sit-f-pw { --sk: var(--kw, 1); }
  html[data-skin="pub"] .s-sit-ill--f .s-sit-f-pn { --sk: var(--kn, 1); }
  html[data-skin="pub"] .s-sit-ill--f .s-sit-f-pan :is(.s-sit-f-k, .s-sit-f-d, .s-sit-f-nm, .s-sit-f-lg, .s-sit-f-l3 small, .s-sit-f-chip, .s-sit-f-lab, .s-sit-f-cal2, .s-sit-f-li1, .s-sit-f-li2 > b) { --o: 12.5px; }
  html[data-skin="pub"] .s-sit-ill--f .s-sit-f-pw :is(.s-sit-f-chip, .s-sit-f-lab) { --o: 12px; }
  html[data-skin="pub"] .s-sit-ill--f .s-sit-f-pw :is(.s-sit-f-lab.s-sit-f-lab--yr, .s-sit-f-cal2) { --o: 13px; }
  html[data-skin="pub"] .s-sit-ill--f .s-sit-f-pn :is(.s-sit-f-k, .s-sit-f-d, .s-sit-f-nm, .s-sit-f-lg, .s-sit-f-chip, .s-sit-f-lab, .s-sit-f-lab.s-sit-f-lab--yr, .s-sit-f-cal2, .s-sit-f-li1, .s-sit-f-li2 > b) { --o: calc(13px * var(--fc, 1)); }
  html[data-skin="pub"] .s-sit-ill--f .s-sit-f-pan :is(.s-sit-f-k, .s-sit-f-d, .s-sit-f-nm, .s-sit-f-lg, .s-sit-f-l3 small, .s-sit-f-chip, .s-sit-f-lab, .s-sit-f-lab.s-sit-f-lab--yr, .s-sit-f-cal2, .s-sit-f-li1, .s-sit-f-li2 > b) {
    --r: calc(var(--o) * var(--sk, 1));
    font-size: calc(min(var(--r), 12px + clamp(0px, (var(--r) - 13px) * 1000 + 1px, 1px) + 2 * clamp(0px, (var(--r) - 15px) * 1000 + 1px, 1px)) / var(--sk, 1)); }
  html[data-skin="pub"] .s-sit-ill--f .s-sit-f-pan .s-sit-f-v { --r: calc(var(--fs, 20px) * var(--sk, 1));
    font-size: calc(min(var(--r), 19.4px + 2.6 * clamp(0px, (var(--r) - 22px) * 1000 + 1px, 1px) + 4 * clamp(0px, (var(--r) - 26px) * 1000 + 1px, 1px)) / var(--sk, 1)); }
  
  html[data-skin="pub"] .s-sit-ill--f .s-sit-f-pw .s-sit-f-bt { bottom: max(12px, calc(16px / var(--sk, 1))); right: max(12px, calc(14px / var(--sk, 1))); }
  html[data-skin="pub"] .s-sit-ill--f .s-sit-f-pw .s-sit-f-bt.s-sit-f-bt--nr { right: max(10px, calc(14px / var(--sk, 1))); }
  html[data-skin="pub"] .s-sit-ill--f .s-sit-f-pw .s-sit-f-cal { font-size: calc(min(46px * var(--sk, 1), 49px) / var(--sk, 1)); }
  html[data-skin="pub"] .s-sit-ill--f .s-sit-f-pn .s-sit-f-cal { font-size: calc(min(23px * var(--sk, 1), 26px) / var(--sk, 1)); }
  
  html[data-skin="pub"] .s-sit-ill--f .s-sit-f-pn .s-sit-f-v small { --r: calc(13px * var(--fc, 1) * var(--sk, 1));
    font-size: calc(min(var(--r), 12px + clamp(0px, (var(--r) - 13px) * 1000 + 1px, 1px) + 2 * clamp(0px, (var(--r) - 15px) * 1000 + 1px, 1px)) / var(--sk, 1)); }
  
  html[data-skin="pub"] .s-sit-ill--f .s-sit-f-pn .s-sit-f-t { border-radius: 16px; }
  html[data-skin="pub"] .s-sit-ill--f .s-sit-f-sw { border-radius: 50%; }
  
  html[data-skin="pub"] .s-sit-ill--f .s-sit-f-pw .s-sit-f-bt--lo .s-sit-f-nm:not(.s-sit-f-wrap) { line-height: 1; }
  html[data-skin="pub"] .s-sit-ill--f .s-sit-f-pw .s-sit-f-bt--lo .s-sit-f-v { line-height: 1; }
  
  html[data-skin="pub"] .s-sit-ill--f .s-sit-f-pn .s-sit-f-li { top: calc(var(--y) * .892 + 4px); }
  html[data-skin="pub"] .s-sit-ill--f .s-sit-f-pn .s-sit-f-li1 { line-height: 15px; }
  html[data-skin="pub"] .s-sit-ill--f .s-sit-f-pn .s-sit-f-li2 { height: 15px; margin-top: 2px; }
  html[data-skin="pub"] .s-sit-ill--f .s-sit-f-pn .s-sit-f-li2 > b { line-height: 15px; }
  
  html[data-skin="pub"] .s-situations .s-sit-card.s-sit-res { background: var(--onyx); box-shadow: var(--edge-d), var(--lift-dark); }
  html[data-skin="pub"] .s-situations[data-mode="slide"] .s-sit-res .s-sit-flow { -webkit-mask: none; mask: none; transform: none; opacity: calc(.55 + .45 * var(--glow, 0));
    background:
      radial-gradient(ellipse 60% 6% at 50% 100%, rgba(255, 240, 215, .5) 0%, rgba(255, 240, 215, .475) 10%, rgba(255, 240, 215, .405) 20%, rgba(255, 240, 215, .31) 30%, rgba(255, 240, 215, .215) 40%, rgba(255, 240, 215, .13) 50%, rgba(255, 240, 215, .07) 60%, rgba(255, 240, 215, .033) 70%, rgba(255, 240, 215, .013) 80%, rgba(255, 240, 215, .003) 90%, rgba(255, 240, 215, 0) 100%),
      radial-gradient(ellipse 50% 40% at 50% 100%, rgba(248, 244, 238, .05), rgba(248, 244, 238, .03) 40%, rgba(248, 244, 238, 0)); }
  html[data-skin="pub"] .s-sit-res-t { font-weight: 420; font-size: max(30px, calc(var(--fs-h2) * var(--rt, 1))); line-height: 1.08; letter-spacing: -.028em; color: var(--pearl); }
  html[data-skin="pub"] .s-sit-res-p { font-size: var(--fs-lead); line-height: 1.5; letter-spacing: -.006em; color: var(--pearl-2); }
  html[data-skin="pub"] .s-sit-res.is-fit1 .s-sit-res-p { font-size: var(--fs-item); }
  @media (max-width: 1333.98px) { html[data-skin="pub"] .s-sit-x.two-tone { color: var(--ink-2); } }

  html[data-skin="pub"] :is(#about, #who) { position: relative; isolation: isolate; overflow: clip; margin-inline: 12px; padding-block: var(--p-sec); border-radius: 40px; background: var(--onyx); }
  html[data-skin="pub"] :is(#about, #who) > .wrap { position: relative; z-index: 1; max-width: calc(1440px - 24px); padding: 0 calc(var(--p-field) - 12px); }
  
  html[data-skin="pub"] :is(#about, #who)::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; padding: 1.5px 1.5px 0; pointer-events: none;
    background: var(--rim-d) top / 100% 50% no-repeat;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
  html[data-skin="pub"] :is(#about, #who)::after { content: ""; position: absolute; left: 18%; right: 18%; top: -24px; height: 108px; z-index: 0; pointer-events: none;
    background: radial-gradient(ellipse 50% 50% at 50% 22%, rgba(255, 236, 206, .26), rgba(243, 219, 169, .07) 45%, rgba(243, 219, 169, 0) 72%); filter: blur(10px); }
  html[data-skin="pub"] .s-about-dc { padding: 0 40px 0 0; background: none; box-shadow: none; }
  html[data-skin="pub"] .s-about-dpos { font-size: var(--fs-text); font-weight: 400; line-height: 1.4; color: var(--pearl-2); }
  html[data-skin="pub"] .s-about-dpos .s-about-pg { color: var(--pearl-2); letter-spacing: -.003em; }
  html[data-skin="pub"] .s-about-lk { color: var(--pearl); }
  html[data-skin="pub"] .s-about-dc > .eyebrow { margin-bottom: 16px; }
  html[data-skin="pub"] .s-about-dh { font-weight: 420; font-size: var(--fs-h2); line-height: 1.08; letter-spacing: -.028em; }
  html[data-skin="pub"] #about .s-about-dh.two-tone { color: var(--acc-d); }
  html[data-skin="pub"] #about .s-about-dh.two-tone b { color: var(--pearl); }
  html[data-skin="pub"] .s-about-dph { border-radius: 28px; }
  html[data-skin="pub"] .s-about-dph > img { filter: brightness(.94) saturate(.95); }
  html[data-skin="pub"] .s-about-dph::after { content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit; pointer-events: none;
    background: linear-gradient(0deg, rgba(9, 8, 7, .3), rgba(9, 8, 7, 0) 40%); box-shadow: var(--edge-d); }

  html[data-skin="pub"] .s-how-rn { background: var(--ivory); box-shadow: inset 0 0 0 1px var(--line-l-2); color: var(--ink-3); font-size: var(--fs-label); font-weight: 520; }
  html[data-skin="pub"] .s-how-rn b { font-weight: 520; }
  html[data-skin="pub"] .s-how-ri.is-act .s-how-rn { background: #171310; color: #F8F4EE; box-shadow: none; }
  html[data-skin="pub"] .s-how-ri.is-done .s-how-rn { background: var(--ivory); color: var(--cu); box-shadow: inset 0 0 0 1px var(--line-l-2); }
  html[data-skin="pub"] .s-how-track { width: 1px; left: calc(var(--how-c) / 2 - .5px); background: linear-gradient(180deg, rgba(169, 88, 42, .15), rgba(169, 88, 42, .45) 50%, rgba(169, 88, 42, .15)); }
  html[data-skin="pub"] .s-how-fill { background: var(--cu); }
  html[data-skin="pub"] .s-how-rname { font-size: 15px; font-weight: 400; letter-spacing: -.006em; color: var(--ink-2); }
  html[data-skin="pub"] .s-how-ri.is-act .s-how-rname { font-weight: 520; color: var(--ink); }
  html[data-skin="pub"] .s-how-rwhen { font-size: var(--fs-label); font-weight: 400; color: var(--ink-3); }
  @media (min-width: 1200px) { html[data-skin="pub"] .s-how-rname { font-size: var(--fs-text); } }
  @media (hover: hover) {
    html[data-skin="pub"] .s-how-ra:hover .s-how-rname { color: var(--ink); }
    html[data-skin="pub"] .s-how-ri:not(.is-act) .s-how-ra:hover .s-how-rn { color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
  }
  html[data-skin="pub"] .s-how-body.is-pin .s-how-shell { background: var(--porcelain); box-shadow: var(--edge-l), var(--lift-1); }
  html[data-skin="pub"] .s-how-card { --how-box: transparent; }
  html[data-skin="pub"][data-howhead="c"] .s-how-num { font-weight: 300; font-size: var(--fs-meet); line-height: .86; letter-spacing: -.04em; color: var(--acc-l); font-variant-numeric: tabular-nums lining-nums; }
  html[data-skin="pub"][data-howhead="c"] .s-how-name { font-weight: 520; font-size: var(--fs-h3); line-height: 1.25; letter-spacing: -.014em; }
  html[data-skin="pub"][data-howhead="c"] .s-how-value { font-weight: 420; font-size: var(--fs-phrase); line-height: 1.22; letter-spacing: -.022em; color: var(--acc-l); }
  html[data-skin="pub"][data-howhead="c"] .s-how-value b { font-weight: inherit; color: var(--tx); }
  @media (max-width: 1333.98px) { html[data-skin="pub"][data-howhead="c"] .s-how-value { color: var(--ink-2); } }
  html[data-skin="pub"] .s-how-box { padding: 20px 0 0; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--line-l); }
  html[data-skin="pub"] .s-how-lbl { font-size: var(--fs-label); font-weight: 520; letter-spacing: .012em; color: var(--ink-3); }
  html[data-skin="pub"] .s-how-inc li { font-size: var(--fs-item); font-weight: 400; line-height: 1.4; letter-spacing: -.004em; }
  html[data-skin="pub"] .s-how-inc li::before { background: var(--cu); }
  html[data-skin="pub"] .s-how-avw { background: var(--porcelain); }
  html[data-skin="pub"] .s-how-role { font-size: var(--fs-item); font-weight: 520; letter-spacing: -.004em; }
  html[data-skin="pub"] .s-how-role small { font-size: var(--fs-label); font-weight: 400; color: var(--ink-3); }
  
  html[data-skin="pub"] .s-how-term { padding: 20px 0 0 36px; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--line-l); }
  html[data-skin="pub"] .s-how-term::before { display: none; }
  html[data-skin="pub"] .s-how-term::after { top: 22px; left: 0; width: 20px; height: 20px; margin-top: 0; background: var(--cu); }
  html[data-skin="pub"] .s-how-term dd { font-size: var(--fs-item); font-weight: 400; line-height: 1.4; }
  html[data-skin="pub"] .s-how-term--t dd { font-weight: 520; }
  
  html[data-skin="pub"] .s-how-bl { padding-block: .25em; margin-block: -.25em; }
  @container howc (min-width: 600px) and (max-width: 859.98px) {
    html[data-skin="pub"] .s-how-term { padding: 52px 0 0; }
    html[data-skin="pub"] .s-how-term::after { top: 20px; left: 0; }
    html[data-skin="pub"] .s-how-body.is-pin.is-dtight .s-how-term { padding: 48px 0 0; }
    html[data-skin="pub"] .s-how-body.is-pin.is-dtight .s-how-term::after { top: 16px; left: 0; }
  }
  @container howc (min-width: 600px) {
    html[data-skin="pub"] .s-how-body.is-pin.is-dtight .s-how-box { padding: 16px 0 0; }
    html[data-skin="pub"] .s-how-body.is-pin.is-dtight .s-how-term { padding: 16px 0 0 36px; }
    html[data-skin="pub"] .s-how-body.is-pin.is-dtight .s-how-term::after { top: 17px; left: 0; }
    html[data-skin="pub"] .s-how-body.is-pin.is-dtight2 .s-how-box { padding: 14px 0 0; }
    html[data-skin="pub"] .s-how-body.is-pin.is-dtight2 .s-how-term { padding: 12px 0 0; }
  }

  html[data-skin="pub"] .s-who-dk-head .eyebrow { color: var(--acc-d); }
  html[data-skin="pub"] .s-who-dk-h { font-weight: 420; letter-spacing: -.028em; color: var(--pearl); }
  html[data-skin="pub"] .s-who-dk-sub { max-width: 64ch; margin-top: 16px; color: var(--pearl-2); }
  
  html[data-skin="pub"] .s-who-dk.is-car:not(.is-tight) .s-who-dk-stack { margin-top: 40px; }
  html[data-skin="pub"] .s-who-dk.is-car:not(.is-tight) .s-who-dk-foot { margin-top: 20px; }
  
  html[data-skin="pub"][data-dk="now"] .s-who-dk.is-car:not(.is-tight) { --s-who-dk-rh: 52px; --s-who-dk-g: 8px; }
  html[data-skin="pub"] .s-who-dk { --s-who-dk-ib: var(--tint-d); }
  
  html[data-skin="pub"] .s-who-dk-box { background: var(--pane-bg); box-shadow: var(--pane-edge), var(--lift-dark); }
  html[data-skin="pub"] .s-who-dk.is-car .s-who-dk-it::before { box-shadow: var(--lift-dark); }
  html[data-skin="pub"] .s-who-dk-ic { color: var(--acc-d); }
  html[data-skin="pub"] .s-who-dk-ht { font-size: 15px; font-weight: 520; color: var(--pearl); }
  html[data-skin="pub"] .s-who-dk-rv { font-size: var(--fs-label); font-weight: 520; }
  html[data-skin="pub"] .s-who-dk-rv b { font-size: 16.5px; font-weight: 520; }
  html[data-skin="pub"] .s-who-dk-tick { color: var(--onyx); }
  html[data-skin="pub"] .s-who-dk-pb i { background: rgba(248, 244, 238, .3); }
  html[data-skin="pub"] .s-who-dk-pb.is-past i { background: rgba(248, 244, 238, .3); }
  html[data-skin="pub"] .s-who-dk-pb i::after { background: var(--pearl); }
  
  html[data-skin="pub"] .s-who-p--dk { --k-tile: var(--pane-tile); --dv-trk: rgba(248, 244, 238, .12); background: none; }
  html[data-skin="pub"] #who :is(.s-who-kg-i, .s-who-kt-m, .s-who-ks-d, .s-who-kl-m, .s-who-kl-t, .s-who-kk-sum) { border-radius: 20px; box-shadow: var(--pane-tile-edge); }
  html[data-skin="pub"] :is(.s-who-kg-ic, .s-who-kg-who, .s-who-kt-m .s-who-avx, .s-who-dk-av .s-who-avx, .s-who-dk-gis i) { background: var(--tint-d); color: var(--acc-d); }
  html[data-skin="pub"] #who .s-who-kg-who { color: var(--pearl-2); }
  html[data-skin="pub"] .s-who-kg-bar i { background: linear-gradient(90deg, #E8C996, #F3DBA9); }
  html[data-skin="pub"] .s-who-kr-sv .l { stroke: var(--acc-d); stroke-width: 1.5; }
  html[data-skin="pub"] .s-who-kr-dot { background: var(--l-core); box-shadow: 0 0 0 3px rgba(243, 219, 169, .18), 0 0 10px rgba(255, 240, 215, .6); }
  html[data-skin="pub"] #who .s-who-kr-rec { padding-left: 0; padding-right: 0; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--line-d); }
  
  html[data-skin="pub"] #who :is(.s-who-kr-cap, .s-who-kr-t) { padding: 12px 0 0; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--line-d); }
  html[data-skin="pub"] #who .s-who-kk-list > li { padding-left: 0; padding-right: 0; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--line-d); }
  
  html[data-skin="pub"] #who .s-who-kk-list { gap: 0; }
  html[data-skin="pub"] #who .s-who-kk-list > li { padding-block: 7px 8px; }
  html[data-skin="pub"][data-dk="c"] #who .s-who-dk.is-car:not(.is-tight) .s-who-kk-list > li { padding-block: 11px; }
  html[data-skin="pub"] #who .s-who-dk.is-tight .s-who-kk-list > li { padding-block: 5px; }
  html[data-skin="pub"] #who .s-who-dk.is-tight2 .s-who-kk-list > li { padding-block: 4px; }
  html[data-skin="pub"] #who .s-who-kl-m { padding-top: 16px; }
  
  html[data-skin="pub"] .s-who-kg { grid-template-rows: repeat(5, auto); row-gap: 0; }
  html[data-skin="pub"] .s-who-kg-i { grid-row: span 5; grid-template-rows: subgrid; row-gap: 0; }
  html[data-skin="pub"] .s-who-kg-t { flex-wrap: wrap; row-gap: 2px; align-self: end; }
  
  html[data-skin="pub"] .s-who-kt-m { padding-block: 15px; }
  html[data-skin="pub"] #who .s-who-dk.is-tight .s-who-kt-m { padding: 15px 12px; }
  html[data-skin="pub"] #who .s-who-dk.is-tight .s-who-ks-d { padding: 15px 14px; }
  html[data-skin="pub"] #who .s-who-dk.is-tight :is(.s-who-kl-m, .s-who-kl-t) { padding-block: 14px; }
  html[data-skin="pub"] #who .s-who-dk.is-tight .s-who-kr-cap .s-who-kr-v { font-size: 26px; }
  html[data-skin="pub"] .s-who-kr-rw { font-weight: 400; color: var(--pearl); }
  html[data-skin="pub"] .s-who-kr-go { font-weight: 520; color: var(--pearl); background: var(--tint-d); box-shadow: inset 0 0 0 1px var(--line-d-2), inset 0 1px 0 rgba(255, 246, 230, .22); }
  
  html[data-skin="pub"] .s-who-ks { --ks0: #E8C996; --ks1: #F0D8AE; --ks2: #F6E8CF; --ks3: rgba(248, 244, 238, .2); --ks4: rgba(248, 244, 238, .72); --ks5: rgba(248, 244, 238, .45); }
  html[data-skin="pub"] .s-who-kl-t--in { --kl-c: #E8C996; }
  html[data-skin="pub"] .s-who-kl-t--out { --kl-c: rgba(248, 244, 238, .72); }
  html[data-skin="pub"] .s-who-kl-t--inv { --kl-c: #F8F4EE; }
  html[data-skin="pub"] .s-who-kl-bar i { background: linear-gradient(90deg, #E8C996, #F3DBA9); }
  html[data-skin="pub"] .s-who-kk-ring circle.on { stroke: var(--acc-d); }
  html[data-skin="pub"] .s-who-kk-list .is-done .s-who-kk-s { background: var(--acc-d); color: var(--onyx); }
  html[data-skin="pub"] .s-who-kk-list .is-next .s-who-kk-s { box-shadow: inset 0 0 0 1.5px rgba(248, 244, 238, .3); color: var(--pearl-2); }
  
  html[data-skin="pub"] #who :is(.s-who-kg-n, .s-who-kt-tx b, .s-who-ks-d figcaption, .s-who-kk-t b, .s-who-kg-t b, .s-who-kg-pc, .s-who-ks-th dd, .s-who-kr-v, .s-who-kr-d, .s-who-kl-v, .s-who-kl-p, .s-who-kl-s, .s-who-kl-tx b, .s-who-kk-c b, .s-who-kg-who) { font-weight: 520; }
  html[data-skin="pub"] #who :is(.s-who-kg-t > span, .s-who-kg-sum, .s-who-kt-tx > span, .s-who-ks-th dt, .s-who-kr-k, .s-who-kr-d > span, .s-who-kl-k, .s-who-kl-tx li, .s-who-kk-c > span, .s-who-kk-t span) { font-weight: 400; }
  html[data-skin="pub"] .s-who-kg-n { font-size: 15px; }
  html[data-skin="pub"] .s-who-kg-t > span { font-size: 10.5px; }
  html[data-skin="pub"] .s-who-kg-t b { font-size: var(--fs-label); }
  html[data-skin="pub"] .s-who-kg-pc { font-size: 12px; }
  html[data-skin="pub"] .s-who-kt-tx b { font-size: var(--fs-label); }
  html[data-skin="pub"] .s-who-ks-d figcaption { font-size: var(--fs-label); }
  html[data-skin="pub"] .s-who-ks-th dt { font-size: 10.5px; }
  html[data-skin="pub"] .s-who-ks-th dd { font-size: 15px; }
  html[data-skin="pub"] .s-who-kr-k { font-size: var(--fs-label); }
  html[data-skin="pub"] .s-who-kr-v { font-size: 16.5px; }
  html[data-skin="pub"] .s-who-kr-cap .s-who-kr-v { font-size: 26px; font-weight: 420; }
  html[data-skin="pub"] .s-who-kr-d { font-size: 12px; }
  html[data-skin="pub"] .s-who-kr-rw { font-size: 15px; }
  html[data-skin="pub"] .s-who-kr-go { font-size: 12px; }
  html[data-skin="pub"] .s-who-kl-v, html[data-skin="pub"] .s-who-kl-s { font-size: 22px; }
  html[data-skin="pub"] .s-who-kl-p { font-size: 12px; }
  
  html[data-skin="pub"] .s-who-kl-tx li { font-size: 10.5px; }
  html[data-skin="pub"] .s-who-kl-k { font-size: 12px; }
  html[data-skin="pub"] .s-who-kk-c b { font-size: 26px; }
  html[data-skin="pub"] .s-who-kk-c b span { font-size: var(--fs-label); }
  html[data-skin="pub"] .s-who-kk-c > span { font-size: 12px; }
  html[data-skin="pub"] .s-who-kk-t b { font-size: var(--fs-label); }
  html[data-skin="pub"] .s-who-kk-t span { font-size: 12px; }
  html[data-skin="pub"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-who { font-size: 12px; }
  html[data-skin="pub"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-pc { font-size: var(--fs-label); }
  html[data-skin="pub"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-sum { font-size: 12px; }
  html[data-skin="pub"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-n { font-size: 16.5px; }
  html[data-skin="pub"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-t > span { font-size: 12px; }
  html[data-skin="pub"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-t b { font-size: var(--fs-label); }
  html[data-skin="pub"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kt-tx b { font-size: var(--fs-label); }
  html[data-skin="pub"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-ks-d figcaption { font-size: 15px; }
  html[data-skin="pub"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-ks-th dt { font-size: 12px; }
  html[data-skin="pub"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-ks-th dd { font-size: 16.5px; }
  html[data-skin="pub"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kl-v { font-size: 26px; }
  html[data-skin="pub"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kl-p { font-size: var(--fs-label); }
  html[data-skin="pub"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kl-k { font-size: var(--fs-label); }
  html[data-skin="pub"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kl-s { font-size: 26px; }
  html[data-skin="pub"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kl-tx li { font-size: 10.5px; }
  html[data-skin="pub"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-k { font-size: var(--fs-label); }
  html[data-skin="pub"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-cap .s-who-kr-v { font-size: 26px; }
  html[data-skin="pub"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-d { font-size: var(--fs-label); }
  html[data-skin="pub"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-v { font-size: 19.4px; }
  html[data-skin="pub"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-rw { font-size: 16.5px; }
  html[data-skin="pub"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-go { font-size: var(--fs-label); }
  html[data-skin="pub"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-ring { --kk-n: 26px; }
  html[data-skin="pub"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-c > span { font-size: var(--fs-label); }
  html[data-skin="pub"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-t b { font-size: 15px; }
  html[data-skin="pub"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-t span { font-size: var(--fs-label); }

  html[data-skin="pub"] .s-team-ph { border-radius: 28px; }
  
  html[data-skin="pub"] .s-team-role { left: 12px; bottom: 12px; max-width: calc(100% - 24px); min-height: 32px; padding: 7px 12px; background: var(--porcelain); color: var(--ink); box-shadow: var(--lift-pill); font-size: var(--fs-label); font-weight: 520; letter-spacing: .004em; line-height: 1.3; }
  
  @media (max-width: 1439.98px) { html[data-skin="pub"] .s-team-role { font-size: 12px; letter-spacing: 0; } }
  @media (max-width: 1365.98px) { html[data-skin="pub"] .s-team-role { left: 8px; bottom: 8px; max-width: calc(100% - 16px); } }
  html[data-skin="pub"] .s-team-ext { background: var(--porcelain); box-shadow: var(--edge-l), var(--lift-1); transition: box-shadow .5s var(--pub-ease); }
  html[data-skin="pub"] .s-team-p--ext .s-team-role { background: var(--tint-l); box-shadow: none; color: var(--ink-2); }
  html[data-skin="pub"] .s-team-ext-ico { position: relative; width: 64px; height: 64px; background: none; color: var(--cu); }
  html[data-skin="pub"] .s-team-ext-ico svg { width: 24px; height: 24px; }
  html[data-skin="pub"] .s-team-ext-ico::before { content: ""; position: absolute; inset: -28px; border-radius: 50%; box-shadow: inset 0 0 0 1px var(--line-l); pointer-events: none;
    background: radial-gradient(circle at 85.4% 14.6%, #F08A3E 0 2.5px, rgba(240, 138, 62, .25) 3.5px, transparent 7px); }
  html[data-skin="pub"] .s-team-ext-ico::after { content: ""; position: absolute; inset: 0; border-radius: 50%; box-shadow: inset 0 0 0 1px var(--line-l-2); pointer-events: none;
    background: radial-gradient(circle at 0% 50%, #F08A3E 0 2px, rgba(240, 138, 62, .2) 3px, transparent 6px); }
  html[data-skin="pub"] .s-team-more { transition: box-shadow .5s var(--pub-ease); }
  html[data-skin="pub"] .s-team-more-ico { background: none; color: var(--cu); }
  html[data-skin="pub"] .s-team-more-ico svg { width: 26px; height: 26px; }
  html[data-skin="pub"] .s-team-more-t { font-weight: 520; font-size: var(--fs-h3); line-height: 1.25; letter-spacing: -.014em; }
  @media (hover: hover) { html[data-skin="pub"] :is(.s-team-ext, .s-team-more):hover { box-shadow: var(--edge-l), var(--lift-2); } }

  html[data-skin="pub"] .s-trust .s-trust-bento { column-gap: 32px; }
  html[data-skin="pub"] .s-trust-tile { row-gap: 32px; padding: 28px 24px 24px 0; overflow: visible; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--line-l); }
  html[data-skin="pub"] .s-trust-ico { width: 28px; height: 28px; place-items: start; border-radius: 0; background: none; color: var(--cu); }
  html[data-skin="pub"] .s-trust-ico svg { width: 28px; height: 28px; }
  html[data-skin="pub"] .s-trust-name { font-weight: 520; font-size: var(--fs-h3); line-height: 1.25; letter-spacing: -.014em; }
  html[data-skin="pub"] .s-trust-text { font-size: var(--fs-item); font-weight: 400; line-height: 1.5; color: var(--ink-2); }
  html[data-skin="pub"] .s-trust-fam { background: var(--onyx); box-shadow: var(--edge-d), var(--lift-dark); }
  html[data-skin="pub"] .s-trust-fam::before { content: none; }
  html[data-skin="pub"] .s-trust-fam::after { background: linear-gradient(180deg, rgba(9, 8, 7, .30), rgba(9, 8, 7, .50) 45%, rgba(9, 8, 7, .80)); }
  
  html[data-skin="pub"] .s-trust-label { font-size: var(--fs-lead); font-weight: 400; line-height: 1.4; letter-spacing: -.006em; color: rgba(248, 244, 238, .86); }
  html[data-skin="pub"] .s-trust-digit { font-family: var(--f); font-weight: 300; font-size: var(--fs-digit); line-height: .9; letter-spacing: -.05em; color: var(--pearl); }
  html[data-skin="pub"] .s-trust-unit { font-weight: 420; font-size: var(--fs-phrase); letter-spacing: -.022em; color: var(--pearl); }

  html.js[data-skin="pub"][data-cmp="c"] .s-compare-lab-t { font-weight: 520; font-size: var(--fs-h3); line-height: 1.25; letter-spacing: -.014em; }
  html.js[data-skin="pub"][data-cmp="c"] .s-compare-lab-s { font-size: var(--fs-item); font-weight: 400; line-height: 1.4; color: var(--ink-3); }
  html.js[data-skin="pub"][data-cmp="c"] .s-compare { --s-compare-tab-bg: color-mix(in srgb, #FCFAF6 55%, #F7F3EB); }
  html.js[data-skin="pub"][data-cmp="c"] .s-compare-chip { border-radius: 20px; color: var(--ink-3); font-size: var(--fs-label); font-weight: 520; }
  html.js[data-skin="pub"][data-cmp="c"] .s-compare-chip[aria-pressed="true"] { color: var(--ink); }
  html.js[data-skin="pub"][data-cmp="c"] .s-compare-ci { color: var(--ink-3); }
  html.js[data-skin="pub"][data-cmp="c"] .s-compare-th { border-radius: 20px 20px 0 0; background: var(--porcelain); }
  html.js[data-skin="pub"][data-cmp="c"] .s-compare-th::before { background: radial-gradient(circle at 0 0, transparent calc(var(--s-compare-fr, 8px) - .5px), var(--porcelain) var(--s-compare-fr, 8px)); }
  html.js[data-skin="pub"][data-cmp="c"] .s-compare-th::after { background: radial-gradient(circle at 100% 0, transparent calc(var(--s-compare-fr, 8px) - .5px), var(--porcelain) var(--s-compare-fr, 8px)); }
  html.js[data-skin="pub"][data-cmp="c"] .s-compare-cl { color: var(--ink); }
  html.js[data-skin="pub"][data-cmp="c"] .s-compare-cl .s-compare-ci { color: var(--cu); }
  
  @media (max-width: 1199.98px) { html.js[data-skin="pub"][data-cmp="c"] .s-compare-chip { font-size: 12px; } }
  @media (hover: hover) { html.js[data-skin="pub"][data-cmp="c"] .s-compare-chip:not([aria-pressed="true"]):hover { background: color-mix(in srgb, #171310 4%, var(--s-compare-tab-bg)); } }
  
  html.js[data-skin="pub"][data-cmp="c"]:is([data-cmpfx="b"], [data-cmpfx="c"], [data-cmpfx="d"]) .s-compare.is-pin .s-compare-tp { display: none; }
  html[data-skin="pub"] .s-compare-alt { background: var(--porcelain); box-shadow: var(--lift-1); }
  html[data-skin="pub"] .s-compare-alt :is(.glow-fx) , html[data-skin="pub"] .s-compare-alt.glow-host { --glow-bg: var(--rim-l) bottom / 100% 1.5px no-repeat; }
  html[data-skin="pub"] .s-compare-fou { background: var(--onyx); box-shadow: var(--lift-dark); }
  html.js[data-skin="pub"][data-cmp="c"] .s-compare-ft { background: var(--onyx); color: var(--pearl); }
  html[data-skin="pub"] .s-compare-ft::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; padding: 1.5px 1.5px 0; pointer-events: none;
    background: linear-gradient(90deg, transparent 8%, rgba(243, 219, 169, .35) 28%, rgba(255, 240, 214, .9) 50%, rgba(243, 219, 169, .35) 72%, transparent 92%) top / 100% 50% no-repeat;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
  html[data-skin="pub"] .s-compare-ft > * { position: relative; z-index: 1; }
  html[data-skin="pub"] .s-compare-ft .s-compare-fs { font-size: var(--fs-label); font-weight: 400; color: var(--pearl-3); }
  html[data-skin="pub"] .s-compare-ki { background: none; color: var(--cu); }
  html[data-skin="pub"] .s-compare-k { font-size: var(--fs-item); font-weight: 520; letter-spacing: -.004em; }
  html[data-skin="pub"] .s-compare-c { font-size: var(--fs-item); font-weight: 400; letter-spacing: -.004em; }
  html[data-skin="pub"] .s-compare-f { font-size: var(--fs-item); font-weight: 400; color: var(--pearl-2); }
  html[data-skin="pub"] .s-compare-f b { font-weight: 520; color: var(--pearl); }
  html[data-skin="pub"] .s-compare-ok { background: var(--acc-d); color: var(--onyx); }
  html[data-skin="pub"] .s-compare-yn.is-yes { background: #171310; color: #F8F4EE; }
  html[data-skin="pub"] .s-compare-yn.is-no { background: rgba(23, 19, 16, .06); color: var(--ink-3); }
  html[data-skin="pub"] .s-compare-r + .s-compare-r > *::before { background: var(--line-l); }
  html[data-skin="pub"] .s-compare-r + .s-compare-r > .s-compare-f::before { background: var(--line-d); }
  html[data-skin="pub"] .s-compare-cost i { box-shadow: inset 0 0 0 1.5px rgba(23, 19, 16, .22); }
  html[data-skin="pub"] .s-compare-cost i.is-on { background: var(--cu); box-shadow: none; }
  html[data-skin="pub"] .s-compare-f .s-compare-cost i:not(.is-on) { box-shadow: inset 0 0 0 1.5px rgba(248, 244, 238, .3); }
  html[data-skin="pub"] .s-compare-f .s-compare-cost i.is-on { background: var(--acc-d); }
  html[data-skin="pub"] .s-compare-note { font-size: var(--fs-label); color: var(--ink-3); }
  
  @media (max-height: 860px) {
    html[data-skin="pub"] .s-compare-head { margin-bottom: var(--head-gap-tight); }
    html[data-skin="pub"] .s-compare-head .sec-sub { margin-top: 16px; }
  }

  html[data-skin="pub"] #strategy { position: relative; isolation: isolate; margin-inline: 12px; padding-block: var(--p-sec); border-radius: 40px; background: var(--porcelain);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7), 0 0 0 1px rgba(23, 19, 16, .06); }
  html[data-skin="pub"] #strategy > .wrap { position: relative; z-index: 1; max-width: calc(1440px - 24px); padding: 0 calc(var(--p-field) - 12px); }
  html[data-skin="pub"] .s-strategy-card { background: var(--onyx); box-shadow: var(--edge-d), var(--lift-dark); }
  html[data-skin="pub"] .s-strategy-card > .s-strategy-glow { opacity: 1;
    background:
      radial-gradient(ellipse 60% 6% at 50% 100%, rgba(255, 240, 215, .5) 0%, rgba(255, 240, 215, .475) 10%, rgba(255, 240, 215, .405) 20%, rgba(255, 240, 215, .31) 30%, rgba(255, 240, 215, .215) 40%, rgba(255, 240, 215, .13) 50%, rgba(255, 240, 215, .07) 60%, rgba(255, 240, 215, .033) 70%, rgba(255, 240, 215, .013) 80%, rgba(255, 240, 215, .003) 90%, rgba(255, 240, 215, 0) 100%),
      radial-gradient(ellipse 50% 40% at 50% 100%, rgba(248, 244, 238, .05), rgba(248, 244, 238, .03) 40%, rgba(248, 244, 238, 0)); }
  html[data-skin="pub"] .s-strategy-card .s-strategy-tag { font-weight: 520; color: var(--pearl-2); }
  html[data-skin="pub"] .s-strategy-title { font-weight: 420; font-size: var(--fs-h2); line-height: 1.08; letter-spacing: -.028em; color: var(--pearl); }
  html[data-skin="pub"] .s-strategy-sub { font-size: var(--fs-lead); font-weight: 400; line-height: 1.5; letter-spacing: -.006em; color: var(--pearl-2); }
  html[data-skin="pub"] .s-strategy-goal { stroke: rgba(248, 244, 238, .16); }
  html[data-skin="pub"] .s-strategy-track { stroke: rgba(243, 219, 169, .18); }
  html[data-skin="pub"] .s-strategy-line { stroke: var(--acc-d); stroke-width: 1.5; }
  html[data-skin="pub"] .s-strategy-node { background: var(--onyx); border-color: rgba(243, 219, 169, .6); }
  html[data-skin="pub"] .s-strategy-node.is-on { background: var(--l-champagne); border-color: var(--l-champagne); }
  html[data-skin="pub"] .s-strategy-tip { background: var(--l-core); outline-color: rgba(243, 219, 169, .14); box-shadow: 0 0 16px rgba(255, 240, 215, .6); }
  html[data-skin="pub"] .s-strategy-tip.is-goal { background: var(--l-core); outline-color: rgba(243, 219, 169, .14); }
  html[data-skin="pub"] .s-strategy-tip::after { background: radial-gradient(closest-side, rgba(255, 240, 215, .35), transparent); }
  html[data-skin="pub"] .s-strategy-price { font-size: var(--fs-item); font-weight: 400; line-height: 1.4; color: var(--pearl-2); }
  
  html[data-skin="pub"] .s-strategy-tile { background: var(--ivory); box-shadow: inset 0 0 0 1px var(--line-l); }
  
  html[data-skin="pub"] .s-strategy-n { background: var(--ivory); color: var(--ink-2); box-shadow: inset 0 0 0 1px var(--line-l-2); font-size: var(--fs-label); font-weight: 520; }
  html[data-skin="pub"] .is-pin .s-strategy-st:not(.is-now):not(.is-done) .s-strategy-n { background: var(--ivory); color: var(--ink-3); box-shadow: inset 0 0 0 1px var(--line-l-2); }
  html[data-skin="pub"] .is-pin .s-strategy-st.is-now .s-strategy-n { background: #171310; color: #F8F4EE; box-shadow: none; }
  html[data-skin="pub"] .is-pin .s-strategy-st.is-done .s-strategy-n { color: var(--cu); box-shadow: inset 0 0 0 1px var(--line-l-2); }
  html[data-skin="pub"] .s-strategy-st:not(:last-child)::before { background: var(--line-l-2); }
  html[data-skin="pub"] .s-strategy-st:not(:last-child)::after { background: var(--cu); }
  
  html[data-skin="pub"] .s-strategy-st h3 { font-weight: 520; font-size: var(--fs-h3); line-height: 1.25; letter-spacing: -.014em; transition: color var(--d2) var(--ease), font-weight var(--d2) var(--ease); }
  html[data-skin="pub"] .is-pin .s-strategy-st:not(.is-now) h3 { font-weight: 420; color: var(--ink-2); }
  html[data-skin="pub"] .s-strategy-tx p { font-size: var(--fs-item); line-height: 1.5; color: var(--ink-2); }
  html[data-skin="pub"] .is-pin .s-strategy-st.is-now .s-strategy-tx p { color: var(--ink-2); }

  html[data-skin="pub"] .s-faq-panel { gap: 0; }
  html[data-skin="pub"] .s-faq-q { border-radius: 0; background: none; box-shadow: inset 0 -1px 0 var(--line-l); }
  html[data-skin="pub"] .s-faq-s { border-radius: 0; }
  html[data-skin="pub"] :is(.s-faq-ico, .s-faq-q[open]:not(.is-closing) .s-faq-ico) { width: 28px; height: 28px; border-radius: 0; background: none; color: var(--cu); }
  html[data-skin="pub"] .s-faq-qt { font-size: var(--fs-lead); font-weight: 520; line-height: 1.3; letter-spacing: -.012em; }
  html[data-skin="pub"] .s-faq-chev { color: var(--ink-3); }
  html[data-skin="pub"] .s-faq-q[open]:not(.is-closing) .s-faq-chev { color: var(--ink); }
  html[data-skin="pub"] .s-faq-at { max-width: calc(62ch + 60px); padding-left: 60px; font-size: var(--fs-text); line-height: 1.55; color: var(--ink-2); }
  html[data-skin="pub"] .s-faq-write { color: var(--ink); text-decoration-thickness: 1px; text-underline-offset: .28em; text-decoration-color: rgba(23, 19, 16, .34); }
  @media (hover: hover) {
    html[data-skin="pub"] .s-faq-s:hover .s-faq-chev { background: var(--tint-l); }
    html[data-skin="pub"] .s-faq-write:hover { text-decoration-color: rgba(23, 19, 16, .8); }
  }

  html[data-skin="pub"] .s-meet-card { min-height: clamp(360px, calc(var(--meet-h, 404px) - 8px), 640px); background: var(--ivory); color: var(--ink); box-shadow: var(--edge-l), var(--lift-1); }
  html[data-skin="pub"] .s-meet-card .s-meet-flow { opacity: 1; -webkit-mask-image: none; mask-image: none;
    background:
      radial-gradient(ellipse 52% 74% at 90% 48%, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, .902) 10%, rgba(255, 255, 255, .769) 20%, rgba(255, 255, 255, .589) 30%, rgba(255, 255, 255, .408) 40%, rgba(255, 255, 255, .247) 50%, rgba(255, 255, 255, .133) 60%, rgba(255, 255, 255, .062) 70%, rgba(255, 255, 255, .024) 80%, rgba(255, 255, 255, .006) 90%, rgba(255, 255, 255, 0) 100%),
      radial-gradient(ellipse 34% 50% at 90% 50%, rgba(255, 241, 218, .5) 0%, rgba(255, 241, 218, .475) 10%, rgba(255, 241, 218, .405) 20%, rgba(255, 241, 218, .31) 30%, rgba(255, 241, 218, .215) 40%, rgba(255, 241, 218, .13) 50%, rgba(255, 241, 218, .07) 60%, rgba(255, 241, 218, .033) 70%, rgba(255, 241, 218, .013) 80%, rgba(255, 241, 218, .003) 90%, rgba(255, 241, 218, 0) 100%); }
  html[data-skin="pub"] .s-meet-t { font-weight: 420; font-size: var(--fs-meet); line-height: 1.04; letter-spacing: -.034em; color: var(--ink); }
  html[data-skin="pub"] .s-meet-text { margin-top: 24px; font-size: var(--fs-lead); font-weight: 400; line-height: 1.5; letter-spacing: -.006em; color: var(--ink-2); }
  html[data-skin="pub"] .s-meet-act { margin-top: 40px; }
  html[data-skin="pub"] .s-meet-card :focus-visible { outline-color: var(--focus-l); }
  html[data-skin="pub"] .s-meet-ph { border-radius: 28px; }

  html[data-skin="pub"] .ft { padding: 48px 12px 12px; }
  html[data-skin="pub"] .ft > .wrap { max-width: none; padding: 0; }
  html[data-skin="pub"] .ft-card { padding: 48px calc(var(--p-field) - 12px) 32px; border-radius: 40px; background: var(--onyx); color: var(--pearl); }
  html[data-skin="pub"] .ft-card::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; padding: 1.5px 1.5px 0; pointer-events: none;
    background: linear-gradient(90deg, transparent 8%, rgba(243, 219, 169, .24) 28%, rgba(255, 240, 214, .7) 50%, rgba(243, 219, 169, .24) 72%, transparent 92%) top / 100% 50% no-repeat;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
  html[data-skin="pub"] .ft-card > * { position: relative; z-index: 1; max-width: calc(1440px - 2 * var(--p-field)); margin-inline: auto; }
  html[data-skin="pub"] .ft-slogan { font-size: var(--fs-text); font-weight: 400; letter-spacing: -.003em; color: rgba(248, 244, 238, .82); }
  html[data-skin="pub"] .ft-tag { font-size: var(--fs-item); font-weight: 400; letter-spacing: -.004em; color: var(--pearl-3); }
  html[data-skin="pub"] .ft-con { padding: 22px 24px 24px; border: 0; border-radius: 28px; box-shadow: inset 0 0 0 1px var(--line-d); }
  html[data-skin="pub"] .ft-ph { font-size: var(--fs-item); font-weight: 520; letter-spacing: -.004em; color: var(--pearl); }
  html[data-skin="pub"] .ft-pt { font-size: var(--fs-item); font-weight: 400; color: var(--pearl-2); }
  html[data-skin="pub"] :is(.ft-ln, .ft-doc) { color: rgba(248, 244, 238, .86); text-decoration-thickness: 1px; text-underline-offset: .28em; text-decoration-color: rgba(248, 244, 238, .3); }
  html[data-skin="pub"] .ft-doc { font-size: var(--fs-label); }
  html[data-skin="pub"] .ft-doc:not([href]) { color: var(--pearl-2); }
  html[data-skin="pub"] .ft-fine { margin-top: 48px; padding-top: 0; border-top: 0; }
  html[data-skin="pub"] .ft-legal { font-size: var(--fs-label); color: var(--pearl-3); }
  html[data-skin="pub"] footer.ft .ft-up { background: var(--tint-d); color: var(--pearl); box-shadow: inset 0 0 0 1px var(--line-d-2), inset 0 1px 0 rgba(255, 246, 230, .22); }
  @media (hover: hover) {
    html[data-skin="pub"] :is(.ft-ln, .ft-doc[href]):hover { opacity: 1; text-decoration-color: rgba(248, 244, 238, .8); }
    html[data-skin="pub"] footer.ft .ft-up:hover { background: var(--pearl); color: var(--onyx); box-shadow: none; }
  }
}

@media (min-width: 1024px) {

html[data-skin="glass"] {
  
  --gl-page: #FFFFFF; --gl-fog: #EFF0EE; --gl-fog-2: #E5E8E4; --gl-ivory: #F4EFE6;
  --gl-ink: #151816; --gl-ink-2: #5F6461; --gl-ink-2g: #4F5450; --gl-ink-3: #8F9490;
  --gl-line: #E4E6E2; --gl-line-f: #D8DCD6; --gl-ring: #CDD1CC;
  --gl-pine: #12251E; --gl-pine-2: #1B3229; --gl-pine-3: #264238; --gl-on-pine-2: #9CB2A6;
  --gl-walnut: #2A1C14; --gl-walnut-2: #3B2A1F; --gl-on-walnut-2: #C4AE9C;
  --gl-on-dark: #F7F4EF;
  --gl-copper: #C47A4B; --gl-copper-t: #DDA273; --gl-amber: #EBB283;
  --gl-copper-d: #96562F;   
  --gl-ok: #2A7152; --gl-ok-d: #8FD1AE; --gl-pine-pale: #E4ECE8;
  --gl-ok-w: #1F5E41;   

  --gl-t-disp: clamp(48px, 4.45vw, 64px);
  --gl-t-h2: clamp(40px, 3.34vw, 48px);
  --gl-field: clamp(40px, 3.9vw, 56px);   

  --gl-bg-pine: radial-gradient(80% 70% at 92% 108%, rgba(76,124,101,.55) 0%, rgba(54,96,77,.36) 26%, rgba(34,66,53,.18) 52%, rgba(18,37,30,0) 78%),
    linear-gradient(180deg, #0F201A 0%, #12251E 100%);
  
  --gl-bg-pine-tl: radial-gradient(72% 64% at 0% 0%, rgba(76,124,101,.5) 0%, rgba(54,96,77,.32) 24%, rgba(34,66,53,.16) 50%, rgba(18,37,30,0) 78%),
    linear-gradient(160deg, #13281F 0%, #11231C 55%, #0F201A 100%);
  
  --gl-bg-pine-dawn: radial-gradient(70% 60% at 82% 112%, rgba(150,196,172,.5) 0%, rgba(96,150,124,.34) 30%, rgba(44,82,66,0) 70%),
    linear-gradient(180deg, rgba(18,37,30,0) 0%, rgba(18,37,30,0) 56%, rgba(54,96,77,.2) 74%, rgba(86,136,112,.44) 90%, rgba(126,174,150,.58) 100%),
    linear-gradient(180deg, #0F201A 0%, #12251E 100%);
  
  --gl-bg-corner: radial-gradient(95% 85% at 100% 0%, rgba(205,134,88,.88) 0%, rgba(184,112,70,.66) 14%, rgba(146,86,52,.44) 30%, rgba(100,60,38,.24) 48%, rgba(58,38,26,.08) 66%, rgba(42,28,20,0) 82%),
    linear-gradient(200deg, #33231A 0%, #251911 40%, #1B130E 100%);
  
  --gl-bg-lit: linear-gradient(180deg, #0E0B0A 0%, #0B0908 100%);
  --gl-lit: linear-gradient(0deg, rgba(244,182,132,.96) 0%, rgba(222,132,72,.92) 5.7%, rgba(186,96,46,.88) 15.5%, rgba(150,70,32,.78) 28.6%, rgba(116,50,21,.6) 42.9%, rgba(80,35,16,.38) 57.1%, rgba(44,21,11,.17) 71.4%, rgba(20,13,9,.05) 85.7%, rgba(12,10,9,0) 100%);
  --gl-lit-mask: radial-gradient(64% 300% at 50% 100%, #000 30%, rgba(0,0,0,.5) 58%, rgba(0,0,0,.1) 78%, transparent 92%);
  
  --gl-bg-ivory: radial-gradient(110% 100% at 0% 100%, rgba(221,162,115,.62) 0%, rgba(221,162,115,.22) 40%, rgba(221,162,115,0) 66%),
    radial-gradient(90% 70% at 100% 0%, rgba(255,255,255,.75) 0%, rgba(255,255,255,0) 60%),
    linear-gradient(160deg, #F6F1E9 0%, #F0E5D7 55%, #E8D2BC 100%);
  --gl-bg-ivory-r: radial-gradient(110% 100% at 100% 100%, rgba(221,162,115,.62) 0%, rgba(221,162,115,.22) 40%, rgba(221,162,115,0) 66%),
    radial-gradient(90% 70% at 0% 0%, rgba(255,255,255,.75) 0%, rgba(255,255,255,0) 60%),
    linear-gradient(200deg, #F6F1E9 0%, #F0E5D7 55%, #E8D2BC 100%);

  --gl-c2: rgba(255,255,255,.82); --gl-c2-bd: rgba(255,255,255,.62); --gl-c2-blur: blur(20px) saturate(1.5);
  --gl-c3: rgba(22,19,16,.64); --gl-c3-bd: rgba(255,255,255,.14); --gl-c3-blur: blur(24px) saturate(1.3);
  --gl-c4: linear-gradient(180deg, rgba(255,255,255,.085) 0%, rgba(255,255,255,.045) 100%);
  --gl-c4-sh: inset 0 1px 0 rgba(255,255,255,.12), inset 0 0 0 1px rgba(255,255,255,.09);
  --gl-c5: rgba(255,255,255,.6); --gl-c5-bd: rgba(255,255,255,.7);
  --gl-hl: inset 0 1px 0 rgba(255,255,255,.85);

  --gl-t1: 0 18px 40px -24px rgba(21,24,22,.35);
  --gl-t1w: 0 18px 40px -24px rgba(90,52,24,.3);
  --gl-t2: 0 32px 64px -40px rgba(21,24,22,.36);
  --gl-t3: 0 40px 80px -40px rgba(21,24,22,.5);

  --canvas: #FFFFFF; --white: #EFF0EE; --soft: #E5E8E4; --line: #E4E6E2;
  --ink: #151816; --ink-2: #5F6461; --ink-2c: #5F6461; --ink-3: #8F9490; --dim: #8F9490;
  --orange: #151816; --on-orange: #FFFFFF;
  --green: #2A7152; --on-green: #FFFFFF; --green-in: #276A4C;
  --gr-deep: #12251E; --gr-mid: #2A7152; --gr-light: #4C7C65; --gr-hi: #9CB2A6; --gr-end: #1E3A2F; --gr-pale: #E4ECE8;
  --o-deep: #2A1C14; --o-mid: #96562F; --o-light: #C47A4B; --o-hi: #EBB283; --o-end: #7A4426;
  --copper: #C47A4B; --copper-t: #DDA273;
  --ink-in: rgba(255,255,255,.08); --ink-line: rgba(255,255,255,.12); --on-ink-2: #A9ADA9;
  --g1: #3E433F; --g2: #8F9490; --g3: #CDD1CC;
  --t-h1: var(--gl-t-disp); --t-h2: var(--gl-t-h2); --t-h3: 24px; --t-lead: 20px;
  --r-xl: 40px;
  --head-gap: 56px;
  --sh-1: var(--gl-t2); --sh-glass: var(--gl-t1); --sh-lift: var(--gl-t2);
  --dv-acc: #C47A4B;
  --flow: none; --flow-white: none; --flow-green: none;
  --flow-fb: radial-gradient(70% 90% at 100% 100%, rgba(235,178,131,.75) 0%, rgba(196,122,75,.5) 30%, rgba(120,62,30,.2) 60%, rgba(42,28,20,0) 85%);
  --flow-green-fb: radial-gradient(70% 90% at 100% 100%, rgba(76,124,101,.6) 0%, rgba(18,37,30,0) 80%);
  --flow-white-fb: radial-gradient(70% 90% at 100% 0%, rgba(235,178,131,.45) 0%, rgba(255,255,255,0) 70%);
  --glass-bg: var(--gl-c2); --glass-bg-fb: rgba(255,255,255,.94); --glass-bd: var(--gl-c2-bd); --glass-blur: var(--gl-c2-blur);
  --glass-d-bg: var(--gl-c3); --glass-d-bg-fb: rgba(22,19,16,.88); --glass-d-bd: var(--gl-c3-bd); --glass-d-blur: var(--gl-c3-blur);
}

html[data-skin="glass"] .vpanel { --ink: #0D0D0D; --ink-in: #1C1C1C; --ink-line: #2A2A29; --on-ink-2: #8E8C87; --orange: #FF5A1F; --o-hi: #FFA466; --r-sm: 12px; --r-md: 20px; --r-pill: 999px; --f: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif; }

html[data-skin="glass"] body { background: #FFFFFF; color: var(--gl-ink); font-weight: 400; }
html[data-skin="glass"] .wrap { padding-left: var(--gl-field); padding-right: var(--gl-field); }
html[data-skin="glass"] :is(main, .top, .ft, .layer) :is(b, strong) { font-weight: 500; }   
html[data-skin="glass"] .h1 { font-weight: 500; line-height: 1.02; letter-spacing: -.036em; }
html[data-skin="glass"] :is(.h2, .sec-title) { font-weight: 500; line-height: 1.04; letter-spacing: -.034em; }
html[data-skin="glass"] .h3 { font-weight: 500; letter-spacing: -.022em; }
html[data-skin="glass"] .sec-sub { margin-top: 20px; font-weight: 400; font-size: 20px; line-height: 1.4; letter-spacing: -.012em; color: var(--gl-ink-2); text-wrap: pretty; }
html[data-skin="glass"] .sec-head .eyebrow { margin-bottom: 20px; }
html[data-skin="glass"] .two-tone { color: var(--gl-ink-2); }
html[data-skin="glass"] .two-tone b { color: var(--gl-ink); font-weight: inherit; }
html[data-skin="glass"] :is(.sec-sub, .s-strategy-sub, .s-how-value, .s-sit-res-p) b { font-weight: inherit; }
html[data-skin="glass"] .nw { font-weight: inherit; }
html[data-skin="glass"] ::selection { background: var(--gl-pine-pale); color: var(--gl-ink); }
html[data-skin="glass"] a.skip { font-weight: 500; background: var(--gl-ink); }

html[data-skin="glass"] .top::before { display: none; }
html[data-skin="glass"] .hd-nav { background: rgba(255,255,255,.92); color: var(--gl-ink); box-shadow: 0 0 0 1px rgba(21,24,22,.07); -webkit-backdrop-filter: blur(14px) saturate(1.4); backdrop-filter: blur(14px) saturate(1.4); }
html[data-skin="glass"] .top.is-sc .hd-nav { background: rgba(255,255,255,.92); box-shadow: 0 0 0 1px rgba(21,24,22,.07), var(--gl-t1); }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html[data-skin="glass"] .hd-nav, html[data-skin="glass"] .top.is-sc .hd-nav { background: rgba(255,255,255,.97); }
}
html[data-skin="glass"] .hd-menu { font-size: 14px; font-weight: 500; letter-spacing: -.005em; }
html[data-skin="glass"] .hd-r { font-size: 14px; }
html[data-skin="glass"] .hd-cab { font-weight: 500; }
html[data-skin="glass"] .hd-burger { background: var(--gl-fog); }
@media (hover: hover) {
  html[data-skin="glass"] .hd-menu a:hover, html[data-skin="glass"] .hd-cab:hover { opacity: .6; }
  html[data-skin="glass"] .hd-menu a[aria-current="true"]:hover { opacity: 1; }
}

html[data-skin="glass"] .sheet-p { background: #FFFFFF; border-radius: 28px 28px 0 0; box-shadow: var(--gl-t3); }
html[data-skin="glass"] .mnav a { border-radius: 20px; background: var(--gl-fog); font-size: 16px; font-weight: 500; }   
html[data-skin="glass"] .mnav a[aria-current="true"] { background: var(--gl-ink); color: #FFFFFF; }
html[data-skin="glass"] .mnav-act { background: #FFFFFF; }

html[data-skin="glass"] .btn { font-weight: 500; letter-spacing: -.01em; }
html[data-skin="glass"] .btn:has(.btn-arrow) { gap: 10px; padding-right: 22px; }
html[data-skin="glass"] .btn .btn-arrow, html[data-skin="glass"] .btn--white .btn-arrow, html[data-skin="glass"] .btn--ghost .btn-arrow { width: 18px; height: 18px; border-radius: 0; background: transparent; color: inherit; }
html[data-skin="glass"] .btn--sm { font-size: 14px; }
html[data-skin="glass"] .btn--sm:has(.btn-arrow) { padding-right: 18px; }
html[data-skin="glass"] .btn--sm .btn-arrow { width: 16px; height: 16px; }
html[data-skin="glass"] :is(.btn--orange, .btn--ink) { background: var(--gl-ink); color: #FFFFFF; }
html[data-skin="glass"] .btn--white { background: #FFFFFF; color: var(--gl-ink); }
html[data-skin="glass"] .btn--ghost { background: none; color: var(--gl-ink); box-shadow: inset 0 0 0 1px rgba(21,24,22,.16); }
@media (hover: hover) {
  html[data-skin="glass"] :is(.btn--orange, .btn--ink):not(:disabled):hover { filter: none; opacity: 1; background: #2A2E2B; }
  html[data-skin="glass"] .btn--white:not(:disabled):hover { filter: none; opacity: 1; background: var(--gl-ivory); }
  html[data-skin="glass"] .btn--ghost:not(:disabled):hover { opacity: 1; background: var(--gl-fog); }
}

html[data-skin="glass"] .icon-only { background: var(--gl-fog); color: var(--gl-ink); }
html[data-skin="glass"] .icon-only--soft { background: var(--gl-fog); }
html[data-skin="glass"] .icon-only[aria-disabled="true"] { background: none; color: var(--gl-ink-3); box-shadow: inset 0 0 0 1px var(--gl-line); }
@media (hover: hover) { html[data-skin="glass"] .icon-only:not([aria-disabled="true"]):hover { background: var(--gl-ink); color: #FFFFFF; } }

html[data-skin="glass"] .bridge { font-weight: 500; letter-spacing: -.005em; color: var(--gl-ink-2); }
html[data-skin="glass"] .bridge .bridge-arrow { background: var(--gl-fog); color: var(--gl-ink); }
@media (hover: hover) {
  html[data-skin="glass"] .bridge:hover { color: var(--gl-ink); }
  html[data-skin="glass"] .bridge:hover .bridge-arrow { background: var(--gl-ink); color: #FFFFFF; }
}

html[data-skin="glass"] .eyebrow { gap: 10px; height: auto; padding: 0; border-radius: 0; background: none; box-shadow: none; font-size: 14px; font-weight: 400; line-height: 1.3; letter-spacing: 0; color: var(--gl-ink-2); }
html[data-skin="glass"] .eyebrow::before { content: ""; flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--gl-copper); }

html[data-skin="glass"] .pill { font-weight: 500; background: var(--gl-fog); }
html[data-skin="glass"] :is(.card--ink, .card--glow) .pill { background: rgba(255,255,255,.1); color: var(--gl-on-dark); box-shadow: inset 0 1px 0 rgba(255,255,255,.12); }
html[data-skin="glass"] .ico { background: var(--gl-fog); }
html[data-skin="glass"] .ico--round { border-radius: 16px; }

html[data-skin="glass"] .card { box-shadow: none; }
html[data-skin="glass"] .counter { font-weight: 500; }
html[data-skin="glass"] .counter b { font-weight: 500; }

html[data-skin="glass"] .ph > img { filter: saturate(.9) contrast(.95) brightness(1.02); }

html[data-skin="glass"] :is(.glow-corner, .glow-host, .glow-fx) {
  --glow-bg: radial-gradient(var(--glow-w, 320px) var(--glow-h, 280px) at calc(100% + 36px) calc(100% + 44px), rgba(76,124,101,.42) 0%, rgba(156,178,166,.3) 34%, rgba(228,236,232,.2) 60%, transparent 84%);
}

html[data-skin="glass"] .layer-bg { background: rgba(21,24,22,.36); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
html[data-skin="glass"] .modal-p { background: #FFFFFF; border-radius: 28px; box-shadow: var(--gl-t3); }
html[data-skin="glass"] .m-crumb { font-weight: 500; }
html[data-skin="glass"] .m-t { font-size: 24px; font-weight: 500; letter-spacing: -.022em; }
html[data-skin="glass"] .m-lead { font-weight: 400; color: var(--gl-ink-2); }
html[data-skin="glass"] .m-back { font-size: 14px; font-weight: 500; }
html[data-skin="glass"] .m-prog > i { background: var(--gl-line); }
html[data-skin="glass"] .m-prog > i.is-on { background: var(--gl-ink); }
html[data-skin="glass"] .f-l { font-weight: 500; }
html[data-skin="glass"] .f-hint, html[data-skin="glass"] .f-sub, html[data-skin="glass"] .m-next, html[data-skin="glass"] .m-consent { font-weight: 400; color: var(--gl-ink-2); }
html[data-skin="glass"] .f-err { font-weight: 500; }
html[data-skin="glass"] .f-err::before { font-size: 12px; }   
html[data-skin="glass"] .m-send-err a { font-weight: 500; text-decoration-color: rgba(21,24,22,.35); }   
html[data-skin="glass"] .lnk { font-weight: 500; text-decoration-color: rgba(21,24,22,.35); }
html[data-skin="glass"] .inp { border-color: transparent; border-radius: 12px; background: var(--gl-fog); }
@media (hover: hover) { html[data-skin="glass"] .inp:hover, html[data-skin="glass"] .cs-btn:not(:disabled):hover { border-color: var(--gl-line-f); } }
html[data-skin="glass"] .inp:focus, html[data-skin="glass"] .cs-btn:focus-visible, html[data-skin="glass"] .sel.is-open .cs-btn { outline: none; border-color: var(--gl-ink); background: #FFFFFF; box-shadow: 0 0 0 4px rgba(21,24,22,.08); }
html[data-skin="glass"] .segs { background: var(--gl-fog); }
html[data-skin="glass"] .segs span { font-weight: 500; color: var(--gl-ink-2); }
html[data-skin="glass"] .segs input:checked + span { background: #FFFFFF; color: var(--gl-ink); box-shadow: inset 0 0 0 1px var(--gl-ring); }
html[data-skin="glass"] .checks span { font-weight: 500; box-shadow: inset 0 0 0 1px var(--gl-ring); }
html[data-skin="glass"] .checks input:checked + span { background: var(--gl-ink); color: #FFFFFF; box-shadow: none; }
html[data-skin="glass"] .cab-err-b { background: var(--gl-fog); }
html[data-skin="glass"] .cab-hint { font-size: 14px; color: var(--gl-ink-2); }   
html[data-skin="glass"] .cab-err-b .f-err { font-size: 14px; }   
html[data-skin="glass"] .cab-cta { background: var(--gl-fog); }
html[data-skin="glass"] .cs-pop { background: #FFFFFF; border-radius: 20px; box-shadow: 0 0 0 1px var(--gl-line), var(--gl-t1); }
html[data-skin="glass"] .cs-gl { font-weight: 500; }
html[data-skin="glass"] .cs-o { border-radius: 12px; }
html[data-skin="glass"] .cs-o.is-sel { font-weight: 500; }
html[data-skin="glass"] .cs-pop.is-ptr .cs-o.is-act, html[data-skin="glass"] .cs-pop.is-kbd .cs-o.is-act { background: var(--gl-fog); }

html[data-skin="glass"] main > .s-top:first-child { padding-top: 40px; }
html[data-skin="glass"] .s-top-h1 { margin-top: 24px; font-size: var(--gl-t-disp); }
html[data-skin="glass"][data-h1="b"] .s-top-h1 { font-size: min(56px, 8.8cqi); } 
html[data-skin="glass"] .s-top-lead { font-size: 18px; font-weight: 400; line-height: 1.55; letter-spacing: -.01em; color: var(--gl-ink-2); }
html[data-skin="glass"] .s-top-act { margin-top: 40px; }
html[data-skin="glass"] .s-top-w > .s-top-card { border-radius: 28px; box-shadow: none; }
html[data-skin="glass"] .s-top .s-top-ph { border-radius: 28px; }
html[data-skin="glass"] .s-top-x { font-weight: 500; letter-spacing: -.02em; }
html[data-skin="glass"] .s-top-wi { stroke-width: 1.6; }
html[data-skin="glass"] :is(.s-top-gk, .s-top-gv, .s-top-rv, .s-top-pt b, .s-top-rrt, .s-top-rgo, .s-top-rd, .s-top-fv) { font-weight: 500; }
html[data-skin="glass"] .s-top-gs { font-weight: 400; }

html[data-skin="glass"] .s-top-w--ink > .s-top-card {
  --dv-1: var(--gl-copper-t); --dv-trk: rgba(255,255,255,.12); --dv-ring-bd: var(--gl-pine);
  --s-t1: var(--gl-on-dark); --s-t2: var(--gl-on-pine-2);
  background: var(--gl-bg-pine); color: var(--gl-on-dark);
}

html[data-skin="glass"] .s-top-w[data-w="month"] > .s-top-card { background: var(--gl-bg-ivory-r); }
html[data-skin="glass"] .s-top-rp { --gl-rl: rgba(21,24,22,.1); grid-template-columns: minmax(0, 1.08fr) minmax(0, 1.16fr) minmax(0, .76fr); gap: 0; }
html[data-skin="glass"] .s-top-rt { gap: 4px; padding: 12px 10px 14px 0; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--gl-rl); }
html[data-skin="glass"] .s-top-rt:nth-child(5) { padding-right: 0; }
html[data-skin="glass"] .s-top-rch { padding-right: 0; }
html[data-skin="glass"] .s-top-rk { font-weight: 400; color: var(--gl-ink-2); }
html[data-skin="glass"] .s-top-rd > span { font-weight: 400; color: var(--gl-ink-2); }

html[data-skin="glass"] .s-top-w[data-w="month"] :is(.s-top-rk, .s-top-rd > span) { color: var(--gl-ink-2g); }
html[data-skin="glass"] .s-top-w[data-w="month"] .s-top-rd { color: var(--gl-ok-w); }
html[data-skin="glass"] .s-top-rsv .l { stroke: var(--gl-ok); }
html[data-skin="glass"] .s-top-rsv stop { stop-color: var(--gl-ok); }
html[data-skin="glass"] .s-top-rdot { background: var(--gl-copper); box-shadow: 0 0 0 1.5px var(--gl-ivory); }
html[data-skin="glass"] .s-top-rrec {
  margin-top: 2px; padding: 8px 8px 8px 14px; border-radius: 16px;
  background: var(--gl-c5); border: 1px solid var(--gl-c5-bd); box-shadow: inset 0 1px 0 rgba(255,255,255,.9), var(--gl-t1w);
}
html[data-skin="glass"] .s-top-rrt { color: var(--gl-pine); }
html[data-skin="glass"] .s-top-rgo { padding: 8px 14px; background: var(--gl-pine-pale); color: var(--gl-pine); box-shadow: none; }

@supports (grid-template-columns: subgrid) {
  html[data-skin="glass"] .s-top-rrec { display: flex; padding: 8px 8px 8px 14px; }
  html[data-skin="glass"] .s-top-rwho { padding-left: 0; }
  html[data-skin="glass"] .s-top-rgo { margin: 0; padding: 8px 14px; }
}

html[data-skin="glass"] .s-top-w.s-top-w--plan > .s-top-card { background: var(--gl-bg-ivory); }
html[data-skin="glass"] .s-top-pl { margin: 0 -10px; }
html[data-skin="glass"] .s-top-pl > li { gap: 10px; padding: 14px 14px 14px 12px; background: var(--gl-c5); border: 1px solid var(--gl-c5-bd); box-shadow: inset 0 1px 0 rgba(255,255,255,.9), var(--gl-t1w); -webkit-backdrop-filter: none; backdrop-filter: none; }
html[data-skin="glass"] .s-top-pl .ph--avatar { box-shadow: 0 0 0 2px rgba(255,255,255,.9); }
html[data-skin="glass"] .s-top-pt span { font-weight: 400; color: var(--gl-ink-2); }
html[data-skin="glass"] .s-top-pl .is-done .s-top-ps { background: var(--gl-ok); }
html[data-skin="glass"] .s-top-pl .is-next .s-top-ps { box-shadow: inset 0 0 0 1.5px var(--gl-ring); color: var(--gl-ink-2); }

@container s-top-card (min-width: 300px) and (min-height: 330px) {
  html[data-skin="glass"] .s-top-x { font-size: 20px; }
}
html[data-skin="glass"] .s-top-gv { font-size: 13px; }
html[data-skin="glass"] .s-top-gs { font-size: 12px; }
html[data-skin="glass"] .s-top-rk { font-size: 12px; }
html[data-skin="glass"] .s-top-rv { font-size: 14px; letter-spacing: -.005em; }
html[data-skin="glass"] .s-top-rcap .s-top-rv { font-size: 24px; letter-spacing: -.022em; }
html[data-skin="glass"] .s-top-rd { font-size: 12px; }
html[data-skin="glass"] .s-top-rrt { font-size: 14px; }
html[data-skin="glass"] .s-top-rgo { font-size: 12px; }
html[data-skin="glass"] .s-top-pt b { font-size: 13px; }
html[data-skin="glass"] .s-top-pt span { font-size: 12px; }
@container s-top-card (max-width: 369.98px) {
  html[data-skin="glass"] .s-top-rcap .s-top-rv { font-size: 20px; }
  html[data-skin="glass"] .s-top-rrt { font-size: 13px; }
  html[data-skin="glass"] .s-top-rgo { font-size: 12px; padding-left: 11px; padding-right: 11px; }
  html[data-skin="glass"] .s-top-pl > li { gap: 8px; padding-left: 12px; padding-right: 12px; }
  html[data-skin="glass"] .s-top-pt b { font-size: 12px; }
  html[data-skin="glass"] .s-top-pt span { font-size: 12px; letter-spacing: -.01em; }
}
@container s-top-card (max-height: 339.98px) {
  html[data-skin="glass"] .s-top-rt { gap: 3px; padding-top: 10px; padding-bottom: 11px; }
  html[data-skin="glass"] .s-top-rcap .s-top-rv { font-size: 20px; }
  html[data-skin="glass"] .s-top-rrec { padding-top: 7px; padding-bottom: 7px; }
  html[data-skin="glass"] .s-top-pl { gap: 6px; }
  html[data-skin="glass"] .s-top-pl > li { padding-top: 15px; padding-bottom: 15px; }
  html[data-skin="glass"] .s-top-pl .ph--avatar { --ph-size: 30px; }
}

@container s-top-card (max-height: 289.98px) {
  html[data-skin="glass"] .s-top-rt { gap: 2px; padding-top: 8px; padding-bottom: 9px; }
  html[data-skin="glass"] .s-top-rrec { margin-top: 0; padding: 6px 0 0; border: 0; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--gl-rl); }
  html[data-skin="glass"] .s-top-rwho { padding-left: 0; }
  html[data-skin="glass"] .s-top-rgo { margin-right: 0; padding-top: 6px; padding-bottom: 6px; }
  html[data-skin="glass"] .s-top-rrt { font-size: 13px; }
  html[data-skin="glass"] .s-top-pl { gap: 0; margin: 0; }
  html[data-skin="glass"] .s-top-pl > li { padding: 7px 0; border: 0; border-radius: 0; background: none; box-shadow: inset 0 1px 0 rgba(21,24,22,.1); }
  html[data-skin="glass"] .s-top-pt b { font-size: 12px; }
  html[data-skin="glass"] .s-top-pt span { font-size: 12px; letter-spacing: -.01em; color: var(--gl-ink-2g); }   
}

html[data-skin="glass"] .s-fw-card { justify-content: flex-end; aspect-ratio: 4 / 5; padding: 0; border-radius: 28px; background: none; overflow: hidden; isolation: isolate; }
html[data-skin="glass"] .s-fw-card .s-fw-ph.ph { position: absolute; inset: 0; z-index: 0; aspect-ratio: auto; border-radius: inherit; }
html[data-skin="glass"] .s-fw-body {
  flex: none; position: relative; z-index: 2; margin: 8px; padding: 18px 20px 20px; border-radius: 20px;
  background: var(--gl-c2); border: 1px solid var(--gl-c2-bd); box-shadow: var(--gl-hl), var(--gl-t1);
  -webkit-backdrop-filter: var(--gl-c2-blur); backdrop-filter: var(--gl-c2-blur);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { html[data-skin="glass"] .s-fw-body { background: rgba(255,255,255,.94); } }
html[data-skin="glass"] .s-fw-t { min-height: 3.66em; font-size: 20px; font-weight: 500; line-height: 1.22; letter-spacing: -.02em; }
html[data-skin="glass"] .s-fw-t.two-tone { color: var(--gl-ink-2g); }
html[data-skin="glass"] .s-fw-t.two-tone b { color: var(--gl-ink); }
@media (max-width: 1199.98px) {
  html[data-skin="glass"] .s-fw-body { padding: 14px 16px 16px; }
  html[data-skin="glass"] .s-fw-t { font-size: 16px; }
}

html[data-skin="glass"] .s-sit-ctl .counter { font-size: 13px; font-weight: 500; }
html[data-skin="glass"] .s-sit-ctl .counter b { font-weight: 500; }
html[data-skin="glass"] .s-sit-card:not(.s-sit-res) {
  --ink: var(--gl-on-dark); --ink-2: var(--gl-on-pine-2); --ink-2c: var(--gl-on-pine-2); --ink-3: rgba(247,244,239,.42);
  --canvas: #1A3029; --white: rgba(255,255,255,.07); --soft: rgba(255,255,255,.1); --line: rgba(255,255,255,.12);
  --copper: var(--gl-amber); --gr-mid: var(--gl-ok-d); --g1: var(--gl-on-pine-2);
  --glow-bg: radial-gradient(400px 320px at calc(100% + 36px) calc(100% + 44px), rgba(76,124,101,.7) 0%, rgba(54,96,77,.4) 34%, rgba(18,37,30,0) 80%);
  border-radius: 40px; background: var(--gl-bg-pine); color: var(--gl-on-dark);
}
html[data-skin="glass"] .s-sit-card:not(.s-sit-res) .two-tone { color: var(--gl-on-pine-2); }
html[data-skin="glass"] .s-sit-card:not(.s-sit-res) .two-tone b { color: var(--gl-on-dark); }
html[data-skin="glass"] .s-sit-card .eyebrow--soft { color: var(--gl-copper-t); }
html[data-skin="glass"] .s-sit-card .eyebrow--soft::before { background: var(--gl-copper-t); }
html[data-skin="glass"] .s-situations[data-mode="slide"] .s-sit-x { font-size: clamp(24px, 5.14cqi, 30px); font-weight: 500; line-height: 1.16; letter-spacing: -.026em; }

html[data-skin="glass"] .s-sit-ill--f .s-sit-f-pan { background: none; font-weight: 400; }
html[data-skin="glass"] .s-sit-ill--f .s-sit-f-old { color: rgba(247,244,239,.56); }   
html[data-skin="glass"] .s-sit-ill--f .s-sit-f-t { background: var(--gl-c4); box-shadow: var(--gl-c4-sh); }
html[data-skin="glass"] .s-sit-ill--f :is(.s-sit-f-v, .s-sit-f-v small, .s-sit-f-d, .s-sit-f-nm, .s-sit-f-chip, .s-sit-f-lg b, .s-sit-f-li1, .s-sit-f-li2 > b, .s-sit-f-lab, .s-sit-f-lab.s-sit-f-lab--yr, .s-sit-f-cal) { font-weight: 500; }
html[data-skin="glass"] .s-sit-ill--f :is(.s-sit-f-k, .s-sit-f-d > span, .s-sit-f-lg, .s-sit-f-lab--q, .s-sit-f-cal2) { font-weight: 400; }
html[data-skin="glass"] .s-sit-ill--f :is(.s-sit-f-k, .s-sit-f-d, .s-sit-f-nm, .s-sit-f-l3 small, .s-sit-f-lg) { font-size: 12px; }
html[data-skin="glass"] .s-sit-ill--f .s-sit-f-pn :is(.s-sit-f-k, .s-sit-f-d, .s-sit-f-nm, .s-sit-f-v small) { font-size: calc(13px * var(--fc, 1)); }
html[data-skin="glass"] .s-sit-ill--f .s-sit-f-pn .s-sit-f-lg { font-size: calc(13px * var(--fc, 1)); }
html[data-skin="glass"] .s-sit-ill--f .s-sit-f-v[style*="--fs:32px"] { font-size: 30px; }
html[data-skin="glass"] .s-sit-ill--f .s-sit-f-v[style*="--fs:28px"] { font-size: 24px; }
html[data-skin="glass"] .s-sit-ill--f .s-sit-f-v:is([style*="--fs:22px"], [style*="--fs:21px"]) { font-size: 20px; }
html[data-skin="glass"] .s-sit-ill--f .s-sit-f-v[style*="--fs:17px"] { font-size: 16px; }
html[data-skin="glass"] .s-sit-ill--f .s-sit-f-bt { bottom: 15px; }   
html[data-skin="glass"] .s-sit-ill--f .s-sit-f-bt--lo { bottom: 14px; }
html[data-skin="glass"] .s-sit-ill--f .s-sit-f-bt--nr { right: 13px; }
html[data-skin="glass"] .s-sit-ill--f .s-sit-f-row--t { gap: 5px; }   
html[data-skin="glass"] .s-sit-ill--f .s-sit-f-pw text.s-sit-f-lab--q[y="138"] { transform: translateY(-5px); }   
html[data-skin="glass"] .s-sit-ill--f .s-sit-f-pw .s-sit-f-l3 { top: calc(var(--y) - 4px); }   

html[data-skin="glass"] .s-sit-ill--f .s-sit-f-pw .s-sit-f-t--s { padding-top: 14px; padding-bottom: 13px; }
html[data-skin="glass"] .s-sit-ill--f .s-sit-f-pw .s-sit-f-t--s :is(.s-sit-f-k, .s-sit-f-d) { line-height: 1.1; }
html[data-skin="glass"] .s-sit-ill--f .s-sit-f-pw .s-sit-f-t--s .s-sit-f-v { margin-top: 2px; font-size: 18px; }
html[data-skin="glass"] .s-sit-ill--f .s-sit-f-pw .s-sit-f-t--s .s-sit-f-d { margin-top: 2px; }
html[data-skin="glass"] .s-sit-ill--f .s-sit-f-cal { font-size: 30px; letter-spacing: -1px; }
html[data-skin="glass"] .s-sit-ill--f .s-sit-f-pn .s-sit-f-cal { font-size: 20px; letter-spacing: -.6px; }

html[data-skin="glass"] .s-sit-res {
  border-radius: 40px; background: var(--gl-bg-lit); color: var(--gl-on-dark);
  box-shadow: inset 0 0 24px -6px rgba(222,132,74,.16);
}
html[data-skin="glass"] .s-situations[data-mode="slide"] .s-sit-res { clip-path: inset(calc((1 - var(--rv, 1)) * 100%) 0 0 0 round 40px); }
html[data-skin="glass"] .s-sit-res::before {
  content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit; padding: 1px; pointer-events: none;
  background: radial-gradient(62% 18% at 50% 100%, rgba(255,214,178,1) 0%, rgba(240,168,116,.6) 45%, rgba(214,140,92,0) 100%), linear-gradient(rgba(214,140,92,.14), rgba(214,140,92,.14));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
}

html[data-skin="glass"] .s-sit-res::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; z-index: 0; pointer-events: none;
  height: clamp(0px, calc((1 - var(--lt, .56)) * 100% - 24px), 30%);
  background: var(--gl-lit);
  -webkit-mask: var(--gl-lit-mask); mask: var(--gl-lit-mask);
}
html[data-skin="glass"] .s-sit-res .s-sit-flow { display: none; }   
html[data-skin="glass"] .s-sit-res .pill.s-sit-res-pill { gap: 10px; height: auto; padding: 0; background: none; box-shadow: none; font-size: 14px; font-weight: 400; color: var(--gl-copper-t); }   
html[data-skin="glass"] .s-sit-res-pill::before { content: ""; flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--gl-copper-t); }
html[data-skin="glass"] .s-sit-res-t { font-size: var(--gl-t-h2); font-weight: 500; line-height: 1.04; letter-spacing: -.034em; color: var(--gl-on-dark); }
html[data-skin="glass"] .s-sit-res-p { font-size: 18px; font-weight: 400; line-height: 1.5; color: var(--gl-on-walnut-2); }
html[data-skin="glass"] .s-sit-res.is-fit1 .s-sit-res-p { font-size: 16px; }

html[data-skin="glass"] .s-about-dc { border-radius: 40px; background: var(--gl-fog); }
html[data-skin="glass"] .s-about-dph { border-radius: 40px; }
html[data-skin="glass"] .s-about-dpos { font-size: 18px; font-weight: 400; }
html[data-skin="glass"] .s-about-dc > .eyebrow { margin-bottom: 20px; }
html[data-skin="glass"] .s-about-dh { font-size: var(--gl-t-h2); font-weight: 500; line-height: 1.04; letter-spacing: -.034em; }

html[data-skin="glass"] .s-how-ra { color: var(--gl-ink-2); }
html[data-skin="glass"] .s-how-rn { border-radius: 16px; background: var(--gl-fog); box-shadow: none; color: var(--gl-ink-2); font-size: 13px; font-weight: 500; }
html[data-skin="glass"] .s-how-rn b { font-weight: 500; }
html[data-skin="glass"] .s-how-ri.is-done .s-how-rn { background: var(--gl-fog); color: var(--gl-ink); box-shadow: none; }
html[data-skin="glass"] .s-how-ri.is-act .s-how-rn { background: var(--gl-pine); color: var(--gl-on-dark); box-shadow: 0 0 0 3px rgba(196,122,75,.42); }
html[data-skin="glass"] .s-how-rname { font-weight: 500; color: var(--gl-ink-2); }
html[data-skin="glass"] .s-how-ri.is-act .s-how-rname { font-weight: 500; color: var(--gl-ink); }
html[data-skin="glass"] .s-how-rwhen { font-weight: 500; color: var(--gl-ink-2); }
@media (max-width: 1399.98px) { html[data-skin="glass"] .s-how-rname { font-size: 16px; } html[data-skin="glass"] .s-how-rwhen { font-size: 12px; } }
@media (max-width: 1199.98px) { html[data-skin="glass"] .s-how-rname { font-size: 14px; } }
html[data-skin="glass"] .s-how-track { background: var(--gl-line); }
html[data-skin="glass"] .s-how-fill { background: var(--gl-ink); }
html[data-skin="glass"] .s-how-body.is-pin .s-how-shell {
  --glow-bg: radial-gradient(400px 320px at calc(100% + 36px) calc(100% + 44px), rgba(76,124,101,.6) 0%, rgba(54,96,77,.34) 34%, rgba(18,37,30,0) 80%);
  border-radius: 40px; background: var(--gl-bg-pine-tl); box-shadow: none;
}
html[data-skin="glass"] .s-how-card {
  --ink: var(--gl-on-dark); --tx: var(--gl-on-dark); --ink-2: var(--gl-on-pine-2); --ink-2c: var(--gl-on-pine-2);
  --white: rgba(255,255,255,.1); --soft: rgba(255,255,255,.1); --line: rgba(255,255,255,.12);
  --how-box: var(--gl-c4);
  color: var(--gl-on-dark);
}
html[data-skin="glass"] .s-how-body.is-pin .s-how-card { background: none; }
html[data-skin="glass"][data-howhead="c"] .s-how-num { font-family: 'Fou Manrope Digits', var(--f); font-weight: 300; letter-spacing: -.04em; color: var(--gl-on-dark); }
@container howc (min-width: 860px) { html[data-skin="glass"][data-howhead="c"] .s-how-num { font-size: 48px; } }   
html[data-skin="glass"] .s-how-name { font-weight: 500; color: var(--gl-on-dark); }
@container howc (min-width: 600px) {
  html[data-skin="glass"][data-howhead="c"] .s-how-name { font-size: 20px; line-height: 1.2; letter-spacing: -.02em; }
  html[data-skin="glass"][data-howhead="c"] .s-how-value { font-size: 24px; font-weight: 400; line-height: 1.24; letter-spacing: -.022em; }
}

@media (max-width: 1399.98px) {
  @container howc (min-width: 600px) {
    html[data-skin="glass"][data-howhead="c"] .s-how-value { font-size: 20px; letter-spacing: -.016em; }
    html[data-skin="glass"][data-howhead="c"] .s-how-name { font-size: 18px; letter-spacing: -.016em; }
  }
  @container howc (min-width: 860px) {
    html[data-skin="glass"] .s-how-card { --how-g: 12px; }
    html[data-skin="glass"] .s-how-boxes { margin-top: 24px; }
  }
}
html[data-skin="glass"] .s-how-value { color: var(--gl-on-pine-2); }
html[data-skin="glass"] .s-how-value b { color: var(--gl-on-dark); }
html[data-skin="glass"] :is(.s-how-box, .s-how-term) { box-shadow: var(--gl-c4-sh); }
html[data-skin="glass"] .s-how-lbl { font-weight: 500; color: var(--gl-copper-t); }
html[data-skin="glass"] .s-how-inc li { font-weight: 500; }
html[data-skin="glass"] .s-how-role { font-weight: 500; }
html[data-skin="glass"] .s-how-role small { font-weight: 400; color: var(--gl-on-pine-2); }
html[data-skin="glass"] .s-how-avw { background: rgba(255,255,255,.1); }
html[data-skin="glass"] .s-how-term dt { color: var(--gl-copper-t); }
html[data-skin="glass"] .s-how-term dd, html[data-skin="glass"] .s-how-term--t dd { font-weight: 400; }
html[data-skin="glass"] .s-how-term::before { border-radius: 12px; background: #FFFFFF; }
html[data-skin="glass"] .s-how-term::after { background: var(--gl-ink); }
@container howc (min-width: 600px) {
  html[data-skin="glass"] .s-how-inc li { font-size: 14px; }
  html[data-skin="glass"] .s-how-role { font-size: 14px; }
  html[data-skin="glass"] .s-how-term dd { font-size: 14px; }
  html[data-skin="glass"] .s-how-body.is-pin.is-dtight:not(.is-dtight2) .s-how-term { padding-top: 15px; padding-bottom: 13px; }   
  html[data-skin="glass"] .s-how-body.is-pin.is-dtight:not(.is-dtight2) .s-how-inc { gap: 5px; }   
  html[data-skin="glass"] .s-how-body.is-pin.is-dtight:not(.is-dtight2) .s-how-inc li { line-height: 1.3; }
  html[data-skin="glass"] .s-how-body.is-pin.is-dtight:not(.is-dtight2) .s-how-roles { gap: 6px; }
  html[data-skin="glass"] .s-how-body.is-pin.is-dtight:not(.is-dtight2) .s-how-role small { line-height: 1.25; }
}
html[data-skin="glass"] .s-how-body.is-pin .s-how-btn { background: #FFFFFF; color: var(--gl-ink); }
@media (hover: hover) { html[data-skin="glass"] .s-how-body.is-pin .s-how-btn:not(:disabled):hover { background: var(--gl-ivory); } }
html[data-skin="glass"] .s-how-bl { font-weight: 500; }
html[data-skin="glass"] .s-how-bridge { margin-top: 0; }   

html[data-skin="glass"] .s-who-dk-head .eyebrow { margin-bottom: 20px; }
html[data-skin="glass"] .s-who-title { font-weight: 500; letter-spacing: -.034em; }
html[data-skin="glass"] .s-who-dk { --s-who-dk-ib: var(--gl-fog); --s-who-dk-pxr: 16px; }   
html[data-skin="glass"] .s-who-dk-box { background: #FFFFFF; box-shadow: 0 0 0 1px var(--gl-line); }
html[data-skin="glass"] .s-who-dk.is-car .s-who-dk-it::before { box-shadow: var(--gl-t2); }
html[data-skin="glass"] .s-who-dk-ic { border-radius: 12px; }
html[data-skin="glass"] .s-who-p--dk { --dv-trk: rgba(21,24,22,.08); --k-tile: var(--gl-fog); background: transparent; }
html[data-skin="glass"] :is(.s-who-dk-ht, .s-who-dk-rv, .s-who-dk-rv b, .s-who-dk-st, .s-who-k, .s-who-kg-who, .s-who-kg-n, .s-who-kg-t b, .s-who-kg-pc, .s-who-kt-tx b, .s-who-ks-d figcaption, .s-who-ks-th dd, .s-who-kr-v, .s-who-kr-d, .s-who-kr-rw, .s-who-kr-go, .s-who-kl-v, .s-who-kl-p, .s-who-kl-s, .s-who-kl-tx b, .s-who-kk-c b, .s-who-kk-t b) { font-weight: 500; }
html[data-skin="glass"] :is(.s-who-kg-t > span, .s-who-kg-sum, .s-who-kt-tx > span, .s-who-ks-th dt, .s-who-kr-k, .s-who-kr-d > span, .s-who-kl-k, .s-who-kl-tx li, .s-who-kk-c > span, .s-who-kk-t span, .s-who-dk-sx) { font-weight: 400; }

html[data-skin="glass"] .s-who-kk-list { gap: 0; }
html[data-skin="glass"] .s-who-kk-list > li { padding-left: 0; padding-right: 0; border-radius: 0; background: none; box-shadow: inset 0 1px 0 rgba(21,24,22,.08); }
html[data-skin="glass"] .s-who-kk-list > li:first-child { box-shadow: none; }
html[data-skin="glass"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-list { gap: 0; }
html[data-skin="glass"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-list > li { padding-left: 0; padding-right: 0; }
html[data-skin="glass"] .s-who-kk-list .s-who-avw { box-shadow: none; }
html[data-skin="glass"] .s-who-kk-list .is-next .s-who-kk-s { box-shadow: inset 0 0 0 1.5px var(--gl-ring); }   
html[data-skin="glass"] .s-who-kg-who { background: #FFFFFF; }
html[data-skin="glass"] .s-who-kg-ic { border-radius: 12px; background: #FFFFFF; }
html[data-skin="glass"] .s-who-kg-bar i { background: var(--gl-ink); }
html[data-skin="glass"] .s-who-kr-go { box-shadow: none; }

html[data-skin="glass"] .s-who-kl-t--out { --kl-c: var(--gl-copper-d); }
html[data-skin="glass"] .s-who-dk-pb i { background: var(--gl-line); }
html[data-skin="glass"] .s-who-dk-av .s-who-avw { box-shadow: 0 0 0 2px #FFFFFF; }
html[data-skin="glass"] :is(.s-who-dk-av .s-who-avx, .s-who-dk-gis i) { background: var(--gl-fog); }

html[data-skin="glass"] .s-who-dk-rv b { font-size: 16px; }
html[data-skin="glass"] .s-who-kg-n { font-size: 14px; }
html[data-skin="glass"] .s-who-kg-t b { font-size: 13px; }
html[data-skin="glass"] .s-who-kg-pc { font-size: 12px; }
html[data-skin="glass"] .s-who-ks-th dd { font-size: 14px; }
html[data-skin="glass"] .s-who-kr-cap .s-who-kr-v { font-size: 30px; }
html[data-skin="glass"] .s-who-kr-d { font-size: 12px; }
html[data-skin="glass"] .s-who-kr-rw { font-size: 14px; }
html[data-skin="glass"] .s-who-kl-k { font-size: 12px; }
html[data-skin="glass"] :is(.s-who-kg-t > span, .s-who-ks-th dt, .s-who-kl-tx li) { font-size: 12px; }
html[data-skin="glass"] .s-who-dk-st { font-size: 20px; }
html[data-skin="glass"] .s-who-kk-c b span { font-size: 16px; }
html[data-skin="glass"] .s-who-dk.is-tight .s-who-kk-ring { --kk-n: 24px; }   
html[data-skin="glass"] .s-who-dk.is-tight .s-who-kk-c b span { font-size: 13px; }

html[data-skin="glass"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-who { font-size: 12px; }
html[data-skin="glass"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-sum { font-size: 12px; }
html[data-skin="glass"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-n { font-size: 16px; }
html[data-skin="glass"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-t > span { font-size: 12px; }
html[data-skin="glass"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-t b { font-size: 14px; }
html[data-skin="glass"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kt-tx b { font-size: 14px; }
html[data-skin="glass"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-ks-d figcaption { font-size: 14px; }
html[data-skin="glass"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-ks-th dt { font-size: 12px; }
html[data-skin="glass"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-ks-th dd { font-size: 16px; }
html[data-skin="glass"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kl-v { font-size: 24px; }
html[data-skin="glass"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kl-s { font-size: 24px; }
html[data-skin="glass"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kl-tx li { font-size: 12px; }
html[data-skin="glass"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-cap .s-who-kr-v { font-size: 30px; }
html[data-skin="glass"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-d { font-size: 13px; }
html[data-skin="glass"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-v { font-size: 20px; }
html[data-skin="glass"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-rw { font-size: 16px; }
html[data-skin="glass"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-ring { --kk-n: 30px; }
html[data-skin="glass"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-t b { font-size: 14px; }
@container swhop (max-width: 619.98px) {
  html[data-skin="glass"] .s-who-kl-s { font-size: 20px; }
  html[data-skin="glass"] .s-who-kk-t span { font-size: 12px; }
  
  html[data-skin="glass"] .s-who-kl-tx { margin-top: 10px; }
  html[data-skin="glass"] .s-who-kl-tx li { line-height: 1.15; }
}

@container swhop (min-width: 480px) and (max-width: 619.98px) {
  html[data-skin="glass"] .s-who-kg-t { flex-direction: column; align-items: flex-start; row-gap: 2px; }
}

html[data-skin="glass"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kl-tx li > span { white-space: normal; }

html[data-skin="glass"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-t:not(.s-who-kr-cap) { padding: 16px 20px 14px; }
html[data-skin="glass"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-t:not(.s-who-kr-cap) .s-who-kr-v { font-size: 18px; }
html[data-skin="glass"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kl-m { padding-top: 16px; }

html[data-skin="glass"] .s-who-dk.is-tight .s-who-p--dk { --k-tile: transparent; --gl-kl: rgba(21,24,22,.1); }
html[data-skin="glass"] .s-who-dk.is-tight :is(.s-who-kg-i, .s-who-kt-m, .s-who-ks-d, .s-who-kr-cap, .s-who-kr-t, .s-who-kr-rec, .s-who-kl-m, .s-who-kl-t, .s-who-kk-sum) { border-radius: 0; background: transparent; }
html[data-skin="glass"] .s-who-dk.is-tight :is(.s-who-kg-ic, .s-who-kg-who, .s-who-kt-m .s-who-avx) { background: var(--gl-fog); }
html[data-skin="glass"] .s-who-dk.is-tight .s-who-kg { gap: 0; }
html[data-skin="glass"] .s-who-dk.is-tight .s-who-kg-i { padding: 6px 16px; }
html[data-skin="glass"] .s-who-dk.is-tight .s-who-kg-i:first-child { padding-left: 0; }
html[data-skin="glass"] .s-who-dk.is-tight .s-who-kg-i:last-child { padding-right: 0; }
html[data-skin="glass"] .s-who-dk.is-tight .s-who-kg-i + .s-who-kg-i { box-shadow: inset 1px 0 0 var(--gl-kl); }
html[data-skin="glass"] .s-who-dk.is-tight .s-who-kt-m { padding: 10px 0; box-shadow: inset 0 1px 0 var(--gl-kl); }
html[data-skin="glass"] .s-who-dk.is-tight .s-who-ks { gap: 0; }
html[data-skin="glass"] .s-who-dk.is-tight .s-who-ks-d { padding: 6px 16px 6px 0; }
html[data-skin="glass"] .s-who-dk.is-tight .s-who-ks-d + .s-who-ks-d { padding: 6px 0 6px 16px; box-shadow: inset 1px 0 0 var(--gl-kl); }
html[data-skin="glass"] .s-who-dk.is-tight :is(.s-who-kr-cap, .s-who-kr-t, .s-who-kr-rec, .s-who-kl-m, .s-who-kl-t) { padding-left: 0; padding-right: 0; box-shadow: inset 0 1px 0 var(--gl-kl); }
html[data-skin="glass"] .s-who-dk.is-tight .s-who-kr-rec { padding-top: 6px; padding-bottom: 0; }
html[data-skin="glass"] .s-who-dk.is-tight .s-who-kr-go { background: var(--gl-pine-pale); }
html[data-skin="glass"] .s-who-dk.is-tight .s-who-kk-sum { padding: 0; }

@container swhop (min-width: 480px) {
  html[data-skin="glass"] .s-who-dk.is-tight .s-who-kl { grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) minmax(0, .8fr); column-gap: 24px; }
}

html[data-skin="glass"] .s-team-ph { border-radius: 28px; }
html[data-skin="glass"] .s-team-role { background: #FFFFFF; box-shadow: none; font-size: 12px; font-weight: 500; }
html[data-skin="glass"] .s-team-ext { border-radius: 28px; background: var(--gl-fog); }
html[data-skin="glass"] .s-team-ext-ico { border-radius: 20px; background: #FFFFFF; }
html[data-skin="glass"] .s-team-p--ext .s-team-role { background: #FFFFFF; }
html[data-skin="glass"] .s-team-more { padding: 28px; }
html[data-skin="glass"] .s-team-more-ico { border-radius: 16px; background: #FFFFFF; }
html[data-skin="glass"] .s-team-more-t { font-size: 20px; font-weight: 500; line-height: 1.22; letter-spacing: -.02em; }

html[data-skin="glass"] .s-trust-tile .ico { width: 48px; height: 48px; border-radius: 16px; background: #FFFFFF; }
html[data-skin="glass"] .s-trust-name { font-size: 24px; font-weight: 500; line-height: 1.15; letter-spacing: -.022em; }
html[data-skin="glass"] .s-trust-text { font-size: 16px; font-weight: 400; color: var(--gl-ink-2); }
html[data-skin="glass"] .s-trust-fam { padding: 16px; background: var(--gl-bg-pine); }
html[data-skin="glass"] .s-trust-fam::before { display: none; }   
html[data-skin="glass"] .s-trust-fam::after { background: linear-gradient(180deg, rgba(12,16,14,.12) 0%, rgba(12,16,14,.3) 50%, rgba(12,16,14,.55) 100%); }
html[data-skin="glass"] .s-trust-fam .ph--dim::after { background: none; }   
html[data-skin="glass"] .s-trust-fam-in {
  align-self: flex-start; padding: 20px 24px 22px; border-radius: 20px;
  background: var(--gl-c3); border: 1px solid var(--gl-c3-bd); box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
  -webkit-backdrop-filter: var(--gl-c3-blur); backdrop-filter: var(--gl-c3-blur);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) { html[data-skin="glass"] .s-trust-fam-in { background: rgba(22,19,16,.88); } }
html[data-skin="glass"] .s-trust-label { font-size: 20px; font-weight: 500; color: var(--gl-on-dark); }
html[data-skin="glass"] .s-trust-digit { font-size: clamp(112px, 10.556vw, 152px); color: var(--gl-on-dark); }
html[data-skin="glass"] .s-trust-unit { font-size: 30px; font-weight: 400; letter-spacing: -.02em; color: var(--gl-on-dark); }

html.js[data-skin="glass"][data-cmp="c"]:is([data-cmpfx="b"], [data-cmpfx="c"], [data-cmpfx="d"]) .s-compare.is-pin .s-compare-tp { display: none; }
html[data-skin="glass"] .s-compare-lab-t, html.js[data-skin="glass"][data-cmp="c"] .s-compare-lab-t { font-size: 20px; font-weight: 500; letter-spacing: -.02em; }
html.js[data-skin="glass"][data-cmp="c"] .s-compare-lab-s { font-weight: 400; color: var(--gl-ink-2); }
html.js[data-skin="glass"][data-cmp="c"] .s-compare-chip { font-size: 13px; font-weight: 500; color: var(--gl-ink-2); }
html.js[data-skin="glass"][data-cmp="c"] .s-compare-chip[aria-pressed="true"] { color: var(--gl-ink); }
html[data-skin="glass"] .s-compare-k { font-size: 16px; font-weight: 500; letter-spacing: -.01em; }
html[data-skin="glass"] .s-compare-r > .s-compare-k { padding-right: 8px; }   
html[data-skin="glass"] .s-compare-ki { border-radius: 12px; background: var(--gl-fog); }
html[data-skin="glass"] .s-compare-c { font-size: 16px; font-weight: 400; }
html[data-skin="glass"] .s-compare-f { font-size: 16px; font-weight: 500; color: var(--gl-on-dark); }
html[data-skin="glass"] .s-compare-f b { font-weight: 500; color: var(--gl-on-dark); }
html[data-skin="glass"] .s-compare-ok { background: var(--gl-copper-t); color: var(--gl-pine); }
html[data-skin="glass"] .s-compare-yn.is-yes { background: var(--gl-ok); }
html[data-skin="glass"] .s-compare-yn.is-no { background: rgba(21,24,22,.08); color: var(--gl-ink-2); }
html[data-skin="glass"] .s-compare-cost i { box-shadow: inset 0 0 0 1.5px rgba(21,24,22,.22); }
html[data-skin="glass"] .s-compare-cost i.is-on { background: var(--gl-copper); box-shadow: none; }
html[data-skin="glass"] .s-compare-f .s-compare-cost i:not(.is-on) { box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.3); }
html[data-skin="glass"] .s-compare-f .s-compare-cost i.is-on { background: var(--gl-copper-t); }
html[data-skin="glass"] .s-compare-r + .s-compare-r > .s-compare-f::before { background: var(--gl-pine-3); }
html[data-skin="glass"] .s-compare-fou { background: var(--gl-bg-pine); box-shadow: none; }
html.js[data-skin="glass"][data-cmp="c"] .s-compare-ft { background: #0F201A; }
html[data-skin="glass"] .s-compare-fs { font-size: 13px; font-weight: 400; color: var(--gl-on-pine-2); }
html[data-skin="glass"] .s-compare-vc, html[data-skin="glass"] .s-compare-kh { font-size: 13px; font-weight: 500; }

html[data-skin="glass"] .s-strategy-card { border-radius: 40px; background: var(--gl-bg-corner); color: var(--gl-on-dark); }
html[data-skin="glass"] .s-strategy-card > .s-strategy-glow { display: none; }   
html[data-skin="glass"] .s-strategy-card .s-strategy-tag { font-weight: 500; color: var(--gl-on-dark); }
html[data-skin="glass"] .s-strategy-title { color: var(--gl-on-dark); }
html[data-skin="glass"] .s-strategy-sub { font-weight: 400; color: var(--gl-on-walnut-2); }
@media (max-width: 1199.98px) { html[data-skin="glass"] .s-strategy-sub { font-size: 16px; } }   
html[data-skin="glass"] .s-strategy-price { font-weight: 400; color: var(--gl-on-walnut-2); }
html[data-skin="glass"] .s-strategy-cta { background: #FFFFFF; color: var(--gl-ink); }
@media (hover: hover) { html[data-skin="glass"] .s-strategy-cta:not(:disabled):hover { background: var(--gl-ivory); } }
html[data-skin="glass"] .s-strategy-node { background: var(--gl-walnut); }
html[data-skin="glass"] .s-strategy-tile { border-radius: 40px; background: var(--gl-fog); }
html[data-skin="glass"] .s-strategy-n { border-radius: 12px; font-weight: 500; }
html[data-skin="glass"] .is-pin .s-strategy-st:not(.is-now):not(.is-done) .s-strategy-n { background: #FFFFFF; box-shadow: none; color: var(--gl-ink-2); }
html[data-skin="glass"] .is-pin .s-strategy-st.is-done .s-strategy-n { background: #FFFFFF; color: var(--gl-ink); }
html[data-skin="glass"] .is-pin .s-strategy-st.is-now .s-strategy-n { background: var(--gl-pine); color: var(--gl-on-dark); box-shadow: 0 0 0 3px rgba(196,122,75,.42); }
html[data-skin="glass"] .s-strategy-st h3 { font-size: 20px; font-weight: 500; letter-spacing: -.02em; }
html[data-skin="glass"] .s-strategy-tx p { font-size: 14px; font-weight: 400; }

html[data-skin="glass"] .s-faq-panel { gap: 12px; }
html[data-skin="glass"] .s-faq-q { border-radius: 20px; background: var(--gl-fog); }
html[data-skin="glass"] .s-faq-ico { border-radius: 16px; background: #FFFFFF; }
html[data-skin="glass"] .s-faq-q[open]:not(.is-closing) .s-faq-ico { background: var(--gl-pine); color: var(--gl-on-dark); }
html[data-skin="glass"] .s-faq-qt { font-weight: 500; }
html[data-skin="glass"] .s-faq-at { font-weight: 400; color: var(--gl-ink-2); }
html[data-skin="glass"] .s-faq-chev { width: 32px; height: 32px; color: var(--gl-ink-2); }
@media (hover: hover) { html[data-skin="glass"] .s-faq-s:hover .s-faq-chev { background: var(--gl-fog-2); color: var(--gl-ink); } }
html[data-skin="glass"] .s-faq-write { font-weight: 400; color: var(--gl-ink); text-decoration-color: rgba(21,24,22,.35); }

html[data-skin="glass"] .s-meet-card { min-height: clamp(320px, var(--meet-h, 420px), 640px); border-radius: 40px; background: var(--gl-bg-pine-dawn); color: var(--gl-on-dark); }   
@media (max-width: 1199.98px) { html[data-skin="glass"] .s-meet-card { min-height: clamp(296px, var(--meet-h, 420px), 640px); } }   
html[data-skin="glass"] .s-meet-flow { display: none; }   
html[data-skin="glass"] .s-meet-ph { border-radius: 40px; }
html[data-skin="glass"] .s-meet-t { font-size: var(--gl-t-disp); font-weight: 500; line-height: 1.02; letter-spacing: -.036em; color: var(--gl-on-dark); }
html[data-skin="glass"] .s-meet-text { font-size: 20px; font-weight: 400; line-height: 1.45; color: var(--gl-on-pine-2); text-wrap: balance; }

html[data-skin="glass"] .ft-card { padding: 40px 48px 32px; border-radius: 40px; background: var(--gl-fog); color: var(--gl-ink); }
html[data-skin="glass"] .ft-slogan { font-weight: 500; color: var(--gl-ink-2); }
html[data-skin="glass"] .ft-tag { font-size: 14px; font-weight: 400; color: var(--gl-ink-2); }
html[data-skin="glass"] .ft-con { border: 0; border-radius: 20px; background: #FFFFFF; }
html[data-skin="glass"] .ft-ph { font-size: 16px; font-weight: 500; }
html[data-skin="glass"] .ft-pt { font-weight: 400; color: var(--gl-ink-2); }
html[data-skin="glass"] .ft-ln { color: var(--gl-ink); text-decoration-color: rgba(21,24,22,.35); }
html[data-skin="glass"] .ft-fine { margin-top: 40px; padding-top: 0; border-top: 0; }
html[data-skin="glass"] .ft-legal { color: var(--gl-ink-2); }
html[data-skin="glass"] .ft-doc { font-size: 12px; color: var(--gl-ink); text-decoration-color: rgba(21,24,22,.3); }
html[data-skin="glass"] .ft-doc:not([href]) { color: var(--gl-ink-2); }
html[data-skin="glass"] .ft-up { background: #FFFFFF; }

}

@media (min-width: 1024px) {

html[data-skin="bento"] {
  
  --canvas: #F4F4F2; --white: #FFFFFF; --soft: #EEEDEA; --line: #E4E3DF;
  --ink: #0D0D0D; --ink-2: #6B6964; --ink-2c: #6B6964; --ink-3: #8A8882; --dim: #8A8882;
  --ink-in: #1C1C1C; --ink-line: #2A2A29; --on-ink-2: #A5A29C;
  --copper: #3D3C3A; --copper-t: #8A8882;
  --dv-2: #8A8882; --dv-2t: #CFCDC8; --dv-area: rgba(13, 13, 13, .04);
  --line-cv: #D9D7D2;                                                         
  
  --t-disp:   clamp(96px, calc(96px + 32 * (100vw - 1024px) / 416), 128px);   
  --t-h1:     clamp(48px, calc(48px + 16 * (100vw - 1024px) / 416), 64px);    
  --t-h2:     clamp(36px, calc(36px + 12 * (100vw - 1024px) / 416), 48px);    
  --t-st:     clamp(26px, calc(26px + 6 * (100vw - 1024px) / 416), 32px);     
  --t-h3:     clamp(20px, calc(20px + 4 * (100vw - 1024px) / 416), 24px);     
  --t-card:   clamp(18px, calc(18px + 2 * (100vw - 1024px) / 416), 20px);     
  --t-card-s: clamp(16px, calc(16px + 2 * (100vw - 1280px) / 160), 18px);     
  --t-lead:   clamp(18px, calc(18px + 2 * (100vw - 1024px) / 416), 20px);
  --t-body: 16px; --t-cap: 13px;
  
  --r-lg: 28px; --r-md: 20px; --r-sm: 12px; --r-xs: 12px; --r-pill: 999px;
  --gap: 16px; --pad: 32px; --pad-l: 40px; --sec-gap: 160px; --head-gap: 56px;
  
  --sh-1: none; --sh-glass: none; --sh-lift: none;
  --sh-float: 0 0 0 1px rgba(13, 13, 13, .06), 0 12px 32px -12px rgba(13, 13, 13, .14);
  --glass-bg: #FFFFFF; --glass-bg-fb: #FFFFFF; --glass-bd: transparent;
  --veil: linear-gradient(180deg, rgba(13, 13, 13, 0) 35%, rgba(13, 13, 13, .64) 100%);
}

html[data-skin="bento"] .vpanel {
  --ink: #0D0D0D; --ink-in: #1C1C1C; --ink-line: #2A2A29; --on-ink-2: #8E8C87; --orange: #FF5A1F; --o-hi: #FFA466;
  --r-sm: 12px; --r-md: 20px; --r-pill: 999px; --f: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

html[data-skin="bento"] body { font-weight: 400; }
html[data-skin="bento"] .two-tone { color: var(--ink-2); }
html[data-skin="bento"] .two-tone b { color: var(--ink); }

html[data-skin="bento"] .eyebrow { height: auto; padding: 0; border-radius: 0; background: none; box-shadow: none; font-size: 13px; font-weight: 600; line-height: 1.2; letter-spacing: 0; color: var(--ink-2); }
html[data-skin="bento"] .sec-head .eyebrow { margin-bottom: 16px; }

html[data-skin="bento"] :is(.sec-title, .h2) { font-size: var(--t-h2); font-weight: 600; line-height: 1.06; letter-spacing: -.035em; }
html[data-skin="bento"] .sec-sub { margin-top: 16px; font-size: var(--t-lead); font-weight: 400; line-height: 1.4; letter-spacing: -.015em; color: var(--ink-2); text-wrap: balance; }

html[data-skin="bento"] .btn { font-size: 16px; font-weight: 600; letter-spacing: -.01em; }
html[data-skin="bento"] .btn--sm { font-size: 15px; }
html[data-skin="bento"] :is(.btn--orange, .btn--ink) { background: var(--ink); color: #fff; }
html[data-skin="bento"] :is(.btn--orange, .btn--ink) .btn-arrow { background: rgba(255, 255, 255, .16); color: #fff; }
html[data-skin="bento"] .btn--white, html[data-skin="bento"] :is(.card--ink, .card--glow) .btn--orange { background: #fff; color: var(--ink); }
html[data-skin="bento"] .btn--white .btn-arrow, html[data-skin="bento"] :is(.card--ink, .card--glow) .btn--orange .btn-arrow { background: var(--soft); color: var(--ink); }
@media (hover: hover) {
  
  html[data-skin="bento"] :is(.btn--orange, .btn--ink):not(:disabled):hover { filter: none; opacity: 1; background: var(--ink-line); }
  html[data-skin="bento"] .btn--white:not(:disabled):hover, html[data-skin="bento"] :is(.card--ink, .card--glow) .btn--orange:not(:disabled):hover { filter: none; opacity: 1; background: var(--canvas); }
  html[data-skin="bento"] .btn--white:not(:disabled):hover .btn-arrow, html[data-skin="bento"] :is(.card--ink, .card--glow) .btn--orange:not(:disabled):hover .btn-arrow { background: var(--line); }
  
  html[data-skin="bento"] .icon-only:not([aria-disabled="true"]):hover, html[data-skin="bento"] .bridge:hover .bridge-arrow { background: var(--ink); color: #FFFFFF; }
}

html[data-skin="bento"] .pill { height: 32px; padding: 0 14px; font-size: 13px; font-weight: 600; background: var(--soft); box-shadow: none; }
html[data-skin="bento"] :is(.card--ink, .card--glow) .pill { background: var(--ink-in); color: #fff; }

html[data-skin="bento"] .icon-only[aria-disabled="true"] { background: none; box-shadow: inset 0 0 0 1px var(--line); color: var(--ink-3); }

html[data-skin="bento"] .counter { font-size: 13px; font-weight: 600; color: var(--ink-2); }

html[data-skin="bento"] .bridge { font-weight: 600; color: var(--ink-2); }
html[data-skin="bento"] .bridge .bridge-arrow { background: var(--white); }

html[data-skin="bento"] .ph > img { filter: saturate(.9) contrast(1.02); }
html[data-skin="bento"] .ph { background: var(--soft); box-shadow: none; }
html[data-skin="bento"] .ph::before { display: none; }
html[data-skin="bento"] .ph:not(.ph--avatar) .ph-ico { background: #FFFFFF; box-shadow: none; }
html[data-skin="bento"] .ph:not(.ph--avatar) .ph-ico svg { width: 24px; height: 24px; }

html[data-skin="bento"] .s-who-p--dk .ph--avatar:not(.ph--loaded):not(.ph--ref) { background-color: #FFFFFF; }
html[data-skin="bento"] .ph.ph--avatar { background-image: none; }
html[data-skin="bento"] .ph--dim.ph--loaded::after, html[data-skin="bento"] .ph--dim.ph--ref::after { background: var(--veil); }

html[data-skin="bento"] .glow-corner::after, html[data-skin="bento"] .glow-fx { display: none; }

html[data-skin="bento"] .hd-nav { box-shadow: none; }
html[data-skin="bento"] .top.is-sc .hd-nav, html[data-skin="bento"][data-bg="white"] .top.is-sc .hd-nav { background: #FFFFFF; box-shadow: var(--sh-float); }
html[data-skin="bento"][data-bg="white"] .top::before { background: var(--canvas); }   
html[data-skin="bento"] .hd-menu, html[data-skin="bento"] .hd-cab { font-weight: 400; }
html[data-skin="bento"] .hd-menu a { border-bottom-width: 2px; }
html[data-skin="bento"] .hd-u { height: 2px; }

html[data-skin="bento"] .layer-bg { background: rgba(13, 13, 13, .44); }
html[data-skin="bento"] .modal-p, html[data-skin="bento"][data-bg="white"] .modal-p { --m-px: 32px; background: #FFFFFF; box-shadow: var(--sh-float); }
html[data-skin="bento"] .m-hd { padding-top: 16px; padding-bottom: 12px; }
html[data-skin="bento"] .m-crumb { color: var(--ink-2); }
html[data-skin="bento"] .m-body { padding-bottom: 32px; }
html[data-skin="bento"] .m-t { font-size: 24px; letter-spacing: -.025em; }
html[data-skin="bento"] .m-lead { font-size: 16px; color: var(--ink-2); }
html[data-skin="bento"] .field { margin-top: 24px; }
html[data-skin="bento"] .f-l { margin-bottom: 8px; font-weight: 600; }
html[data-skin="bento"] .opt, html[data-skin="bento"] .f-err.warn { font-weight: 400; }
html[data-skin="bento"] .inp { min-height: 52px; padding: 14px 16px; border-color: #8A8882; background: #FFFFFF; }
html[data-skin="bento"] textarea.inp { min-height: 96px; }
html[data-skin="bento"] :is(.f-hint, .m-next, .m-consent) { color: var(--ink-2); }
html[data-skin="bento"] .segs span { color: var(--ink-2); }
html[data-skin="bento"] .segs input:checked + span { background: var(--ink); color: #FFFFFF; box-shadow: none; }
html[data-skin="bento"] .checks span { box-shadow: none; background: var(--soft); }
html[data-skin="bento"] .cs-pop, html[data-skin="bento"] .sel.cs-up .cs-pop:not(.cs-pop--flow) { box-shadow: var(--sh-float); }
html[data-skin="bento"] .cs-gl { font-weight: 600; }
html[data-skin="bento"] .cs-o.is-sel { font-weight: 600; }
html[data-skin="bento"] .cab-err-b { border-radius: var(--r-sm); }

html[data-skin="bento"] main > .s-top:first-child { padding-top: 40px; padding-bottom: 40px; }
html[data-skin="bento"] .s-top-h1 { margin-top: 16px; font-size: min(var(--t-h1), 11.9cqi); line-height: 1; letter-spacing: -.042em; }

html[data-skin="bento"] .s-top-h1a { color: var(--ink-2); }
html[data-skin="bento"] .s-top-h1a::first-line { color: var(--ink); }
html[data-skin="bento"][data-h1="b"] .s-top-h1 { font-size: min(56px, 8.8cqi); line-height: 1.02; } 
html[data-skin="bento"] .s-top-lead { margin-top: 24px; max-width: none; font-size: 18px; font-weight: 400; line-height: 1.5; letter-spacing: -.012em; color: var(--ink-2); }
html[data-skin="bento"] .s-top-act { margin-top: 40px; }

@container s-top-card (min-width: 300px) {
  html[data-skin="bento"] .s-top-w > .s-top-card { padding: 24px; }
}
@container s-top-card (min-width: 300px) and (max-height: 309.98px) {
  html[data-skin="bento"] :is(.s-top-w[data-w="month"], .s-top-w.s-top-w--plan) > .s-top-card { padding-top: 16px; padding-bottom: 16px; }
}
@container s-top-card (min-width: 370px) {
  html[data-skin="bento"] .s-top-x { font-size: 20px; line-height: 1.25; letter-spacing: -.015em; }
}

html[data-skin="bento"] .s-top-w--ink > .s-top-card { --s-t2: var(--on-ink-2); --dv-trk: rgba(255, 255, 255, .16); --dv-txt-2: var(--on-ink-2); background: var(--ink); }
html[data-skin="bento"] .s-top-w--ink .s-top-gi { background: var(--ink-in); }
html[data-skin="bento"] .s-top-gb, html[data-skin="bento"] .s-top-gb > i { border-radius: var(--r-pill); }
html[data-skin="bento"] .s-top-gs { font-weight: 400; }

html[data-skin="bento"] .s-top-rp { --rp-px: 0px; column-gap: 0; row-gap: 0; }
html[data-skin="bento"] .s-top-rt { gap: 4px; padding: 12px 12px 12px 0; border-radius: 0; background: none; }
html[data-skin="bento"] .s-top-rt:nth-child(5), html[data-skin="bento"] .s-top-rch { padding-right: 0; }
html[data-skin="bento"] :is(.s-top-rcap, .s-top-rch) { padding-top: 0; }
html[data-skin="bento"] .s-top-rt:not(.s-top-rcap):not(.s-top-rch), html[data-skin="bento"] .s-top-rrec { border-top: 1px solid var(--line); }
html[data-skin="bento"] .s-top-rrec { padding: 12px 0 0; border-radius: 0; background: none; }
html[data-skin="bento"] .s-top-rk, html[data-skin="bento"] .s-top-rd > span { font-weight: 400; color: var(--ink-2); }
html[data-skin="bento"] .s-top-rrt { color: var(--ink); }
html[data-skin="bento"] .s-top-rgo { justify-self: start; padding: 6px 14px; background: var(--soft); color: var(--ink); box-shadow: none; }
html[data-skin="bento"] .s-top-rsv .l { stroke: var(--ink); }
html[data-skin="bento"] .s-top-rsv stop { stop-color: #0D0D0D; }
html[data-skin="bento"] .s-top-rsv stop:first-child { stop-opacity: .08; }
html[data-skin="bento"] .s-top-rdot { background: var(--ink); box-shadow: 0 0 0 1.5px #FFFFFF; }
@supports (grid-template-columns: subgrid) {
  html[data-skin="bento"] .s-top-rrec { padding: 12px 0 0; }
  html[data-skin="bento"] .s-top-rgo { margin: 0; padding: 6px 14px; }
}

html[data-skin="bento"] .s-top-w.s-top-w--plan > .s-top-card { background: var(--white); }
html[data-skin="bento"] .s-top-pl { gap: 0; }
html[data-skin="bento"] .s-top-pl > li { padding: 10px 0; border: 0; border-radius: 0; background: none; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
html[data-skin="bento"] .s-top-pl > li + li { border-top: 1px solid var(--line); }
html[data-skin="bento"] .s-top-pl .ph--avatar { box-shadow: none; }
html[data-skin="bento"] .s-top-pt span { font-weight: 400; color: var(--ink-2); }
html[data-skin="bento"] .s-top-pl .is-next .s-top-ps { background: var(--soft); box-shadow: none; color: var(--ink-2); }

@container s-top-card (max-height: 339.98px) {
  html[data-skin="bento"] .s-top-rt { gap: 3px; padding-top: 8px; padding-bottom: 8px; }
  html[data-skin="bento"] :is(.s-top-rcap, .s-top-rch) { padding-top: 0; }
  html[data-skin="bento"] .s-top-rrec { padding-top: 8px; }
  html[data-skin="bento"] .s-top-pl > li { padding-top: 8px; padding-bottom: 8px; }
}
@container s-top-card (max-height: 289.98px) {
  html[data-skin="bento"] .s-top-rt { gap: 2px; padding-top: 6px; padding-bottom: 6px; }
  html[data-skin="bento"] :is(.s-top-rcap, .s-top-rch) { padding-top: 0; }
  html[data-skin="bento"] .s-top-rrec { padding-top: 6px; }
  html[data-skin="bento"] .s-top-pl > li { padding-top: 6px; padding-bottom: 6px; }
}

@container s-top-card (min-width: 370px) {
  html[data-skin="bento"] .s-top-gk { font-size: 14px; }
  html[data-skin="bento"] .s-top-gv { font-size: 13px; }
  html[data-skin="bento"] .s-top-gs { font-size: 12px; }
  html[data-skin="bento"] .s-top-rd { font-size: 10.5px; }
  html[data-skin="bento"] .s-top-rt:not(.s-top-rcap) .s-top-rv { font-size: 16px; }
  html[data-skin="bento"] .s-top-rcap .s-top-rv { font-size: 24px; }
  html[data-skin="bento"] .s-top-rrt { font-size: 14px; }
  html[data-skin="bento"] .s-top-rgo { font-size: 12px; }
  html[data-skin="bento"] .s-top-pt b { font-size: 13px; }
}

html[data-skin="bento"] .s-for-whom { margin-top: 40px; }
html[data-skin="bento"] .s-fw-head .sec-sub { max-width: 30em; text-wrap: balance; }
html[data-skin="bento"] .s-fw-body { justify-content: flex-start; padding: 24px 24px 32px; }
html[data-skin="bento"] .s-fw-t { min-height: 0; max-width: none; font-size: min(var(--t-card-s), 7.2cqi); line-height: 1.3; letter-spacing: -.012em; }

@media (max-width: 1279.98px) {
  html[data-skin="bento"] .s-fw-body { padding: 16px 16px 24px; }
  html[data-skin="bento"] .s-fw-t { font-size: var(--t-card-s); }
}

html[data-skin="bento"] .s-fw-mark::before, html[data-skin="bento"] .s-fw-mark::after { display: none; }
html[data-skin="bento"] .s-fw-disc { width: 64px; height: 64px; background: #FFFFFF; box-shadow: none; }
html[data-skin="bento"] .s-fw-disc svg { width: 24px; height: 24px; }
html[data-skin="bento"] .s-fw-dot { fill: currentColor; }

html[data-skin="bento"] .s-situations { --copper: #C2390A; --copper-t: #CFCDC8; }
@media (min-width: 1200px) {
  html[data-skin="bento"] .s-situations[data-mode="slide"] :is(.s-sit-card, .s-sit-res) { padding: var(--pad-l); }
}

html[data-skin="bento"] .s-situations[data-mode="slide"] .s-sit-x { font-size: min(var(--t-st), 5cqi); line-height: 1.12; letter-spacing: -.03em; }
html[data-skin="bento"] .s-sit-ctl .counter { font-size: 13px; font-weight: 600; }

@media (min-width: 1200px) { html[data-skin="bento"] .s-situations[data-mode="slide"] .s-sit-ctl { padding-bottom: var(--pad-l); } }
html[data-skin="bento"] .s-sit-ctl .s-sit-of { color: var(--ink-2); }
html[data-skin="bento"] .s-sit-arw:not([aria-disabled="true"]) { background: var(--white); }

html[data-skin="bento"] .s-sit-ill--f { --sf-cud: var(--ink); }
html[data-skin="bento"] .s-sit-ill--f .s-sit-f-pan { background: transparent; font-weight: 400; }

html[data-skin="bento"] .s-sit-ill--f .s-sit-f-pw { scale: calc(var(--kw, 1) * 520 / 496); }
html[data-skin="bento"] .s-sit-ill--f .s-sit-f-pn { scale: calc(var(--kn, 1) * 340 / 320); }
html[data-skin="bento"] .s-sit-ill--f .s-sit-f-t, html[data-skin="bento"] .s-sit-ill--f .s-sit-f-pn .s-sit-f-t { border-radius: 12px; background: var(--soft); }
html[data-skin="bento"] .s-sit-ill--f :is(.s-sit-f-k, .s-sit-f-d > span, .s-sit-f-l3 small, .s-sit-f-lg) { font-weight: 400; }
html[data-skin="bento"] .s-sit-ill--f :is(.s-sit-f-lab--q, .s-sit-f-lab--e, .s-sit-f-cal2) { font-weight: 400; }
html[data-skin="bento"] .s-sit-ill--f .s-sit-f-lab.s-sit-f-lab--yr { font-weight: 600; }

html[data-skin="bento"] .s-sit-ill--f .s-sit-f-old { color: var(--ink-2); }

html[data-skin="bento"] .s-sit-ill--f .s-sit-f-bt { left: 16px; right: 14px; bottom: 14px; }
html[data-skin="bento"] .s-sit-ill--f .s-sit-f-bt--nr { left: 14px; right: 14px; }   
html[data-skin="bento"] .s-sit-ill--f .s-sit-f-bt--nr .s-sit-f-row--t { gap: 6px; }

html[data-skin="bento"] .s-sit-ill--f .s-sit-f-bt .s-sit-f-v { font-variant-numeric: proportional-nums; }
html[data-skin="bento"] .s-sit-ill--f .s-sit-f-pw .s-sit-f-t--s { padding: 11px 12px 0 0; border-top: 1px solid var(--line); border-radius: 0; background: none; }
html[data-skin="bento"] .s-sit-ill--f .s-sit-f-pn .s-sit-f-t--v { padding-top: 11px; }
html[data-skin="bento"] .s-sit-ill--f .s-sit-f-pn .s-sit-f-t--p { padding-left: 0; padding-right: 0; border-radius: 0; background: none; }
html[data-skin="bento"] .s-sit-ill--f .s-sit-f-pn .s-sit-f-t--p + .s-sit-f-t--p { border-top: 1px solid var(--line); }
html[data-skin="bento"] .s-sit-ill--f .s-sit-f-pn .s-sit-f-t--p :is(.s-sit-f-li, .s-sit-f-sum) { left: 0; right: 0; }
html[data-skin="bento"] .s-sit-ill--f .s-sit-f-chip { background: #FFFFFF; }
html[data-skin="bento"] .s-sit-ill--f .s-sit-f-chip--cu { background: #FFFFFF; color: var(--o-deep); }
html[data-skin="bento"] .s-sit-ill--f .s-sit-f-lost { background-image: repeating-linear-gradient(135deg, #B9B7B1 0 1.5px, transparent 1.5px 6px); }

html[data-skin="bento"] .s-sit-ill--f .s-sit-f-dn { fill: color-mix(in srgb, var(--ink) 7%, transparent); }
html[data-skin="bento"] .s-sit-ill--f :is(.s-sit-f-l3 .s-sit-f-cu, .s-sit-f-lg b.s-sit-f-cu) { color: var(--ink); }

html[data-skin="bento"] .s-sit-ill--f .s-sit-f-sh { fill: #FFFFFF; }
html[data-skin="bento"] .s-sit-ill--f .s-sit-f-sh1 { fill: color-mix(in srgb, var(--ink) 3%, #FFFFFF); }
html[data-skin="bento"] .s-sit-ill--f .s-sit-f-sh2 { fill: color-mix(in srgb, var(--ink) 6%, #FFFFFF); }
html[data-skin="bento"] .s-sit-ill--f .s-sit-f-ring { fill: var(--soft); }

html[data-skin="bento"] .s-sit-res .s-sit-res-pill { height: auto; padding: 0; background: none; color: var(--on-ink-2); }
html[data-skin="bento"] .s-sit-res-t { font-size: max(34px, calc(var(--t-h2) * var(--rt, 1))); line-height: 1.06; letter-spacing: -.035em; }
html[data-skin="bento"] .s-sit-res-p { font-size: 16px; color: var(--on-ink-2); }

html[data-skin="bento"] .s-about-dc { padding: 0; background: transparent; }
html[data-skin="bento"] .s-about-dc > .eyebrow { margin-bottom: 16px; }
html[data-skin="bento"] .s-about-dh { font-size: var(--t-h2); line-height: 1.06; letter-spacing: -.035em; }
html[data-skin="bento"] .s-about-dpos { font-size: 16px; font-weight: 400; letter-spacing: -.005em; }
html[data-skin="bento"] .s-about-lk { --h: 24px; vertical-align: -6px; }
html[data-skin="bento"] .s-about-dpos .s-about-pg { color: var(--ink-2); }

@media (min-width: 1400px) { html[data-skin="bento"] .s-how-rail { --how-c: 40px; } }
html[data-skin="bento"] .s-how-track { width: 1px; left: calc(var(--how-c) / 2 - .5px); border-radius: 0; }
html[data-skin="bento"] .s-how-rn { background: var(--soft); box-shadow: none; color: var(--ink-2); font-size: 13px; }
html[data-skin="bento"] .s-how-ri.is-act .s-how-rn { background: var(--ink); color: #FFFFFF; }
html[data-skin="bento"] .s-how-ri.is-done .s-how-rn { background: var(--soft); box-shadow: none; color: var(--ink); }
@media (hover: hover) { html[data-skin="bento"] .s-how-ri:not(.is-act) .s-how-ra:hover .s-how-rn { box-shadow: none; background: var(--line); } }
html[data-skin="bento"] .s-how-rname { font-weight: 600; color: var(--ink-2); }
html[data-skin="bento"] .s-how-ri.is-act .s-how-rname { color: var(--ink); }
html[data-skin="bento"] .s-how-rwhen { font-weight: 400; color: var(--ink-2); }
@media (min-width: 1400px) { html[data-skin="bento"] .s-how-rname { font-size: var(--t-card-s); letter-spacing: -.012em; } }

@media (min-width: 1400px) {
  @container howc (min-width: 860px) { html[data-skin="bento"] .s-how-card { padding: var(--pad-l); } }
  html[data-skin="bento"][data-howhead="c"] .s-how-body.is-pin .s-how-rail { --how-rt: 16px; }
}

html[data-skin="bento"][data-howhead="c"] .s-how-num { font-weight: 400; color: var(--ink-3); }
@container howc (min-width: 600px) {
  html[data-skin="bento"][data-howhead="c"] .s-how-name { font-size: 18px; line-height: 1.25; letter-spacing: -.015em; }
  html[data-skin="bento"][data-howhead="c"] .s-how-value { font-size: var(--t-h3); font-weight: 400; line-height: 1.25; letter-spacing: -.022em; }
  html[data-skin="bento"][data-howhead="c"] .s-how-value b { font-weight: 400; }
}

html[data-skin="bento"] .s-how-card { --how-box: transparent; }
@container howc (min-width: 600px) {
  html[data-skin="bento"] .s-how-box { padding: 24px 0 0; border-top: 1px solid var(--line); border-radius: 0; background: none; }
  html[data-skin="bento"] .s-how-lbl { font-size: 13px; color: var(--ink-2); }
  html[data-skin="bento"] .s-how-inc { gap: 8px; }
  html[data-skin="bento"] .s-how-inc li { padding-left: 28px; font-size: 16px; font-weight: 400; line-height: 1.4; letter-spacing: -.008em; }
  html[data-skin="bento"] .s-how-avw { padding: 0; background: none; }
  html[data-skin="bento"] .s-how-role { font-size: 16px; }
  html[data-skin="bento"] .s-how-role small { font-weight: 400; color: var(--ink-2); }
  
  html[data-skin="bento"] .s-how-term { padding: 24px 0 0 32px; border-top: 1px solid var(--line); border-radius: 0; background: none; }
  html[data-skin="bento"] .s-how-term::before { display: none; }
  html[data-skin="bento"] .s-how-term::after { top: 24px; left: 0; width: 20px; height: 20px; margin-top: 0; }
  html[data-skin="bento"] .s-how-term dd { font-size: 16px; font-weight: 400; }
  
  @media (max-height: 799.98px) {
    html[data-skin="bento"] .s-how-boxes { margin-top: 20px; }
    html[data-skin="bento"] .s-how-box { padding-top: 16px; }
    html[data-skin="bento"] .s-how-term { padding-top: 16px; }
    html[data-skin="bento"] .s-how-term::after { top: 16px; }
  }
  
  @media (max-height: 759.98px) {
    html[data-skin="bento"] .s-how-box { padding-top: 12px; }
    html[data-skin="bento"] .s-how-inc li { line-height: 1.35; }
    html[data-skin="bento"] .s-how-term { padding-top: 12px; }
    html[data-skin="bento"] .s-how-term::after { top: 12px; }
  }
  
  @media (max-width: 1279.98px) and (max-height: 799.98px) {
    html[data-skin="bento"] :is(.s-how-inc li, .s-how-role, .s-how-term dd) { font-size: 14px; }
  }
  
  html[data-skin="bento"] .s-how-body.is-pin:is(.is-dtight, .is-dtight2) .s-how-card { padding-top: 32px; padding-bottom: 32px; }
  html[data-skin="bento"] .s-how-body.is-pin.is-dtight .s-how-box { padding: 16px 0 0; }
  html[data-skin="bento"] .s-how-body.is-pin.is-dtight .s-how-box > .s-how-lbl { margin-bottom: 10px; }
  html[data-skin="bento"] .s-how-body.is-pin.is-dtight :is(.s-how-inc li, .s-how-role, .s-how-term dd) { font-size: 14px; }
  html[data-skin="bento"] .s-how-body.is-pin.is-dtight .s-how-term { padding: 16px 0 0 32px; }
  html[data-skin="bento"] .s-how-body.is-pin.is-dtight .s-how-term::after { top: 16px; left: 0; }
  html[data-skin="bento"] .s-how-body.is-pin.is-dtight2 .s-how-box { padding-top: 12px; }
  html[data-skin="bento"] .s-how-body.is-pin.is-dtight2 .s-how-box > .s-how-lbl { margin-bottom: 8px; }
  html[data-skin="bento"] .s-how-body.is-pin.is-dtight2 .s-how-inc { gap: 4px; }
  html[data-skin="bento"] .s-how-body.is-pin.is-dtight2 .s-how-term { padding-top: 12px; }
  html[data-skin="bento"] .s-how-body.is-pin.is-dtight2 .s-how-term::after { display: block; top: 12px; }
}

html[data-skin="bento"] .s-who-dk { --s-who-dk-ib: var(--soft); }
html[data-skin="bento"] .s-who-dk:not(.is-tight) { --s-who-dk-g: 16px; --s-who-dk-ic: 32px; }
html[data-skin="bento"] .s-who-dk-sub { margin-top: 16px; }
html[data-skin="bento"] .s-who-dk-rv b { font-size: 16px; }   
html[data-skin="bento"] .s-who-dk-box { box-shadow: 0 0 0 1px var(--line); }
html[data-skin="bento"] .s-who-p--dk { --k-tile: var(--soft); padding-left: 0; padding-right: 0; background: transparent; }
html[data-skin="bento"] .s-who-p--dk :is(.s-who-kg-i, .s-who-kt-m, .s-who-ks-d, .s-who-kr-t, .s-who-kr-rec, .s-who-kl-m, .s-who-kl-t, .s-who-kk-sum) { border-radius: 12px; }
html[data-skin="bento"] .s-who-p--dk :is(.s-who-kg-ic, .s-who-kg-who, .s-who-avx) { background: #FFFFFF; }
html[data-skin="bento"] .s-who-dk-av .s-who-avx, html[data-skin="bento"] .s-who-dk-gis i { background: var(--soft); }
html[data-skin="bento"] :is(.s-who-kg-t > span, .s-who-kg-sum, .s-who-kt-tx > span, .s-who-ks-th dt, .s-who-kr-k, .s-who-kr-d > span, .s-who-kl-k, .s-who-kl-tx li, .s-who-kk-c > span, .s-who-kk-t span) { font-weight: 400; color: var(--ink-2); }
html[data-skin="bento"] .s-who-kr-rec { background: var(--k-tile); }
html[data-skin="bento"] .s-who-kr-rw { color: var(--ink); }
html[data-skin="bento"] .s-who-kr-go { background: #FFFFFF; color: var(--ink); box-shadow: none; }
html[data-skin="bento"] .s-who-kr-sv .l { stroke: var(--ink); }
html[data-skin="bento"] .s-who-kr-sv stop { stop-color: #0D0D0D; }
html[data-skin="bento"] .s-who-kr-sv stop:first-child { stop-opacity: .08; }
html[data-skin="bento"] .s-who-kr-dot { background: var(--ink); }
html[data-skin="bento"] .s-who-kl-t--inv { --kl-c: var(--ink); }
html[data-skin="bento"] :is(.s-who-kg-bar, .s-who-kg-bar i, .s-who-kl-bar, .s-who-kl-bar i) { border-radius: var(--r-pill); }
html[data-skin="bento"] .s-who-dk-sx { font-weight: 400; color: var(--ink-2); }
html[data-skin="bento"] .s-who-ks { --ks0: var(--ink); --ks1: #3D3C3A; --ks2: #8A8882; --ks3: #CFCDC8; --ks4: #2DB382; --ks5: var(--green); }

html[data-skin="bento"] .s-who-kk-list { gap: 0; align-content: center; }
html[data-skin="bento"] .s-who-kk-list > li, html[data-skin="bento"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-list > li { padding-left: 0; padding-right: 0; border-radius: 0; background: none; }
html[data-skin="bento"] .s-who-kk-list > li + li { border-top: 1px solid var(--line); }
html[data-skin="bento"] .s-who-kk-list .is-next .s-who-kk-s { background: var(--soft); box-shadow: none; }
html[data-skin="bento"] .s-who-dk-pb.is-past i { background: var(--ink-3); }

html[data-skin="bento"] .s-who-dk.is-tight .s-who-kt-m { gap: 8px; padding-top: 14px; padding-bottom: 14px; }   
html[data-skin="bento"] .s-who-dk.is-tight .s-who-ks-d { padding: 14px; }
html[data-skin="bento"] .s-who-dk.is-tight :is(.s-who-kl-m, .s-who-kl-t) { padding-block: 14px; }
html[data-skin="bento"] .s-who-dk.is-tight .s-who-kr-cap { padding: 14px 16px; }
html[data-skin="bento"] .s-who-dk.is-tight .s-who-kr-t:not(.s-who-kr-cap) { padding: 7px 0 7px 8px; border-radius: 0; background: none; }
html[data-skin="bento"] .s-who-dk.is-tight .s-who-kr-t:not(.s-who-kr-cap) ~ .s-who-kr-t { border-top: 1px solid var(--line); }

@container swhop (max-width: 619.98px) { html[data-skin="bento"] .s-who-kg-t { flex-wrap: wrap; row-gap: 2px; } }

html[data-skin="bento"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-who { font-size: 12px; }
html[data-skin="bento"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-sum { font-size: 12px; }
html[data-skin="bento"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-n { font-size: 16px; }
html[data-skin="bento"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-t > span { font-size: 12px; }
html[data-skin="bento"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-t b { font-size: 14px; }
html[data-skin="bento"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kt-tx b { font-size: 14px; }
html[data-skin="bento"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-ks-d figcaption { font-size: 14px; }
html[data-skin="bento"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-ks-th dt { font-size: 12px; }
html[data-skin="bento"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-ks-th dd { font-size: 16px; }
html[data-skin="bento"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kl-v { font-size: 24px; }
html[data-skin="bento"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kl-s { font-size: 24px; }
html[data-skin="bento"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kl-tx li { font-size: 10.5px; }
html[data-skin="bento"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-cap .s-who-kr-v { font-size: 32px; }
html[data-skin="bento"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-d { font-size: 13px; }
html[data-skin="bento"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-v { font-size: 20px; }
html[data-skin="bento"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-rw { font-size: 16px; }
html[data-skin="bento"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-ring { --kk-n: 32px; }
html[data-skin="bento"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-c b span { font-size: 16px; }   
html[data-skin="bento"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-t b { font-size: 14px; }

html[data-skin="bento"] .s-team-role { min-height: 32px; font-weight: 600; }
@media (min-width: 1440px) { html[data-skin="bento"] .s-team-role { left: 16px; bottom: 16px; max-width: calc(100% - 32px); font-size: 13px; } }
html[data-skin="bento"] .s-team-ext-ico svg { width: 24px; height: 24px; }
html[data-skin="bento"] .s-team-more-ico { width: 24px; height: 24px; background: none; border-radius: 0; place-items: start; }
html[data-skin="bento"] .s-team-more-ico svg { width: 24px; height: 24px; }
@media (min-width: 1280px) { html[data-skin="bento"] .s-team-more-t { font-size: var(--t-card); line-height: 1.25; letter-spacing: -.015em; } }

html[data-skin="bento"] .s-trust-tile { row-gap: 56px; }
html[data-skin="bento"] .s-trust-ico { width: 24px; height: 24px; border-radius: 0; background: none; place-items: start; }
html[data-skin="bento"] .s-trust-ico svg { width: 24px; height: 24px; }
html[data-skin="bento"] .s-trust-name { font-size: var(--t-h3); line-height: 1.2; letter-spacing: -.025em; }
html[data-skin="bento"] .s-trust-text { margin-top: 12px; font-size: 16px; font-weight: 400; line-height: 1.5; color: var(--ink-2); }

html[data-skin="bento"] .s-trust-fam.card--glow { background: var(--ink); }
html[data-skin="bento"] .s-trust-fam::before, html[data-skin="bento"] .s-trust-fam--ph::before { content: none; }

html[data-skin="bento"] .s-trust-fam::after { background: linear-gradient(180deg, rgba(13, 13, 13, .08) 0%, rgba(13, 13, 13, .56) 40%, rgba(13, 13, 13, .64) 100%); }
html[data-skin="bento"] .s-trust-ph.ph--dim::after { display: none; }
html[data-skin="bento"] .s-trust-label { font-size: var(--t-card); color: #FFFFFF; }
html[data-skin="bento"] .s-trust-n { gap: 12px; }
html[data-skin="bento"] .s-trust-digit { font-family: var(--f); font-size: var(--t-disp); font-weight: 400; line-height: .9; letter-spacing: -.05em; }
html[data-skin="bento"] .s-trust-unit { font-size: var(--t-h3); font-weight: 600; letter-spacing: -.025em; }

html[data-skin="bento"].js[data-cmp="c"] .s-compare-lab-t { font-size: 20px; font-weight: 600; letter-spacing: -.015em; }
html[data-skin="bento"].js[data-cmp="c"] .s-compare-lab-s { font-weight: 400; color: var(--ink-2); }
html[data-skin="bento"].js[data-cmp="c"] .s-compare { --s-compare-tab-bg: var(--soft); }
html[data-skin="bento"].js[data-cmp="c"] .s-compare-chip { border-radius: 20px; color: var(--ink-2); font-size: 13px; }
html[data-skin="bento"].js[data-cmp="c"] .s-compare-chip[aria-pressed="true"] { color: var(--ink); }
html[data-skin="bento"].js[data-cmp="c"] .s-compare-th { --s-compare-fr: 12px; border-radius: 20px 20px 0 0; }
@media (hover: hover) { html[data-skin="bento"].js[data-cmp="c"] .s-compare-chip:not([aria-pressed="true"]):hover { background: var(--line); } }
html[data-skin="bento"].js[data-cmp="c"] .s-compare-ci { width: 20px; height: 20px; }

html[data-skin="bento"].js[data-cmp="c"]:is([data-cmpfx="b"], [data-cmpfx="c"], [data-cmpfx="d"]) .s-compare.is-pin .s-compare-tp { display: none; }
html[data-skin="bento"] .s-compare-k { font-size: 16px; }

html[data-skin="bento"] .s-compare-r + .s-compare-r > .s-compare-k::before { background: var(--line-cv); }
html[data-skin="bento"] .s-compare-ki { width: 20px; height: 20px; border-radius: 0; background: none; }
html[data-skin="bento"] .s-compare-ki svg { width: 20px; height: 20px; }
html[data-skin="bento"] .s-compare-c { font-size: 16px; font-weight: 400; }
html[data-skin="bento"] .s-compare-f { font-size: 16px; font-weight: 400; color: #FFFFFF; }
html[data-skin="bento"] .s-compare-f b { font-weight: 600; }
html[data-skin="bento"] .s-compare-ok { background: #FFFFFF; color: var(--ink); }
html[data-skin="bento"] .s-compare-yn.is-yes { background: var(--ink); color: #FFFFFF; }
html[data-skin="bento"] .s-compare-yn.is-no { background: var(--soft); color: var(--ink-2); }
html[data-skin="bento"] .s-compare-cost i { box-shadow: inset 0 0 0 1px rgba(13, 13, 13, .24); }
html[data-skin="bento"] .s-compare-cost i.is-on { background: var(--ink); box-shadow: none; }
html[data-skin="bento"] .s-compare-f .s-compare-cost i:not(.is-on) { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .32); }
html[data-skin="bento"] .s-compare-f .s-compare-cost i.is-on { background: #FFFFFF; }
html[data-skin="bento"] .s-compare-fs { font-size: 13px; color: var(--on-ink-2); }
html[data-skin="bento"] .s-compare-vc b { font-weight: 600; }
html[data-skin="bento"] .s-compare-vi { box-shadow: none; }

html[data-skin="bento"] .s-strategy { --s-strategy-n: 40px; --s-strategy-rail: var(--line); }

@media (min-height: 880px) { html[data-skin="bento"] .s-strategy { --s-strategy-py: 17px; } }

@media (max-height: 879.98px) { html[data-skin="bento"] .s-strategy.is-acc { --s-strategy-py: clamp(9px, (100vh - var(--hd-h) - 540px) / 14, 17px); } }
html[data-skin="bento"] .s-strategy-card > .s-strategy-glow { display: none; }
html[data-skin="bento"] .s-strategy-card .s-strategy-tag { height: auto; padding: 0; background: none; color: var(--on-ink-2); }
html[data-skin="bento"] .s-strategy-sub { font-size: 18px; font-weight: 400; line-height: 1.4; color: var(--on-ink-2); }
html[data-skin="bento"] .s-strategy-track { stroke: rgba(255, 255, 255, .16); }
html[data-skin="bento"] .s-strategy-line { stroke: #FFFFFF; }
html[data-skin="bento"] .s-strategy-node { background: var(--ink); border-color: rgba(255, 255, 255, .32); }
html[data-skin="bento"] .s-strategy-node.is-on { background: #FFFFFF; border-color: #FFFFFF; }
html[data-skin="bento"] .s-strategy-tip, html[data-skin="bento"] .s-strategy-tip.is-goal { background: #FFFFFF; outline-color: rgba(255, 255, 255, .16); }
html[data-skin="bento"] .s-strategy-tip::after { display: none; }
html[data-skin="bento"] .s-strategy-price { font-weight: 400; color: var(--on-ink-2); }

html[data-skin="bento"] .s-strategy-tile { padding: 8px 24px 8px 20px; }
@media (max-width: 1199.98px) { html[data-skin="bento"] .s-strategy-tile { padding: 8px 16px; } }   
html[data-skin="bento"] .s-strategy-n { font-weight: 600; }
html[data-skin="bento"] .is-pin .s-strategy-st:not(.is-now):not(.is-done) .s-strategy-n { background: var(--soft); box-shadow: none; color: var(--ink-2); }
html[data-skin="bento"] .is-pin .s-strategy-st.is-now .s-strategy-n { box-shadow: none; }

html[data-skin="bento"] .is-pin .s-strategy-st.is-done .s-strategy-n { background: var(--soft); color: var(--ink); }
html[data-skin="bento"] .s-strategy-st h3 { font-size: var(--t-h3); letter-spacing: -.025em; }
html[data-skin="bento"] .is-pin .s-strategy-st:not(.is-now) h3 { color: var(--ink-2); }
html[data-skin="bento"] .s-strategy-tx p { font-size: 16px; font-weight: 400; color: var(--ink-2); }
html[data-skin="bento"] .is-pin .s-strategy-st.is-now .s-strategy-tx p { color: var(--ink); }

html[data-skin="bento"] .s-faq-write { text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: color-mix(in srgb, var(--ink) 35%, transparent); }
html[data-skin="bento"] .s-faq-panel { gap: 0; border-top: 1px solid var(--line-cv); border-bottom: 1px solid var(--line-cv); }
html[data-skin="bento"] .s-faq-q { border-radius: 0; background: none; }
html[data-skin="bento"] .s-faq-q + .s-faq-q { border-top: 1px solid var(--line-cv); }
html[data-skin="bento"] .s-faq-s { gap: 16px; padding: 24px 0; border-radius: 0; }
html[data-skin="bento"] .s-faq-ico, html[data-skin="bento"] .s-faq-q[open]:not(.is-closing) .s-faq-ico { width: 24px; height: 24px; border-radius: 0; background: none; color: var(--ink-2); }
html[data-skin="bento"] .s-faq-q[open]:not(.is-closing) .s-faq-ico { color: var(--ink); }
html[data-skin="bento"] .s-faq-qt { font-size: var(--t-card); letter-spacing: -.015em; }
@media (hover: hover) { html[data-skin="bento"] .s-faq-s:hover .s-faq-chev { background: var(--white); } }
html[data-skin="bento"] .s-faq-at { padding: 0 56px 24px 40px; font-size: 16px; font-weight: 400; line-height: 1.5; color: var(--ink-2); }

html[data-skin="bento"] .s-meet-card { padding: 40px 48px; }
html[data-skin="bento"] .s-meet-t { font-size: var(--t-h1); line-height: 1; letter-spacing: -.042em; }

html[data-skin="bento"] .s-meet-text { max-width: 24.4em; font-size: var(--t-lead); font-weight: 400; line-height: 1.4; color: #FFFFFF; }

html[data-skin="bento"] .ft-slogan { color: var(--ink-2); }
html[data-skin="bento"] .ft-tag { font-size: 16px; font-weight: 400; color: var(--ink-2); }
html[data-skin="bento"] .ft-con { padding: 24px; }
html[data-skin="bento"] .ft-ph { font-size: 16px; }
html[data-skin="bento"] .ft-pt { font-weight: 400; color: var(--ink-2); }
html[data-skin="bento"] .ft-ln, html[data-skin="bento"] .ft-doc { text-decoration-color: color-mix(in srgb, var(--ink) 35%, transparent); }
html[data-skin="bento"] .ft-docs { gap: 6px 24px; }
html[data-skin="bento"] .ft-doc { font-size: 13px; }
html[data-skin="bento"] .ft-legal { color: var(--ink-2); }

}

@media (min-width: 1024px) {

html[data-skin="own"] {
  
  --paper: #FAFAF8;      
  --alu: #ECECE9;        
  --alu-2: #E3E3DF;      
  --rule: #D6D5CF;       
  --rule-2: #BEBDB6;     
  --disp: #131312;       
  --disp-2: #1D1D1B;     
  --disp-line: #2E2E2B;  
  --on-disp: #F3F3EF;    
  --on-disp-2: #9C9B95;  
  --signal: #FF5A1F;     
  --signal-hi: #FF7444;  
  --raster: radial-gradient(rgba(255, 255, 255, .075) .9px, transparent 1.25px) 0 0 / 6px 6px;   
  --veil: linear-gradient(180deg, rgba(19, 19, 18, .2) 0%, rgba(19, 19, 18, .66) 24%, rgba(19, 19, 18, .88) 100%);   
  --seg: repeating-linear-gradient(90deg, #000 0 3px, transparent 3px 5px);   
  --f-mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  --t-num: 88px;         
  --t-st: 32px;          

  --canvas: var(--paper); --white: var(--alu); --soft: var(--alu-2); --line: var(--rule);
  --ink: #121211; --ink-2: #575651; --ink-2c: #575651;
  --ink-3: #82817C; --dim: #82817C; --field: #82817C;   
  --ink-in: var(--disp-2); --ink-line: var(--disp-line); --on-ink-2: var(--on-disp-2);
  --orange: var(--signal); --on-orange: #121211;
  --green: #121211; --gr-mid: #121211; --gr-deep: #121211; --gr-end: #121211;
  --on-green: #FAFAF8; --on-green-2: rgba(250, 250, 248, .74); --green-in: #2E2E2B;
  --gr-pale: var(--alu-2); --gr-light: var(--signal); --gr-hi: var(--signal);
  --copper: var(--signal); --copper-t: color-mix(in srgb, #FF5A1F 42%, #FAFAF8);
  --g1: #3A3A37; --g2: #82817C; --g3: #BEBDB6;
  --f: 'Inter Tight', 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --t-disp: 144px;
  --t-h1: clamp(56px, calc(56px + (100vw - 1024px) * 8 / 416), 64px);
  --t-h2: clamp(44px, calc(44px + (100vw - 1024px) * 8 / 416), 52px);
  --t-h3: 24px;
  --t-lead: clamp(18px, calc(18px + (100vw - 1024px) * 2 / 416), 20px);
  --t-body: 16px; --t-cap: 12px;
  --r-lg: 6px; --r-md: 4px; --r-sm: 2px; --r-xs: 2px; --r-pill: 4px;   
  --sh-1: none; --sh-lift: none; --sh-glass: none;                       
  --gap: 16px; --pad: 32px; --sec-gap: 176px; --head-gap: 56px; --head-gap-tight: 32px;
  --dv-1: var(--ink); --dv-2: var(--signal); --dv-2t: var(--copper-t); --dv-3: #82817C;
  --dv-trk: var(--alu-2); --dv-off: var(--rule-2); --dv-grid: var(--rule); --dv-area: rgba(18, 18, 17, .05);
  --dv-txt-2: var(--ink-2); --dv-ok: var(--ink); --dv-acc: var(--signal); --dv-ring-bd: var(--alu);
  --glow-max: 1;
}

html[data-skin="own"] .vpanel { --ink: #0D0D0D; --ink-in: #1C1C1C; --ink-line: #2A2A29; --on-ink-2: #8E8C87; --orange: #FF5A1F; --o-hi: #FFA466; --r-sm: 12px; --r-md: 20px; --r-pill: 999px; --f: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif; }
html[data-skin="own"] .vpanel b { font-weight: 600; }

html[data-skin="own"] body { background: var(--paper); font-weight: 400; letter-spacing: -.005em; }
html[data-skin="own"] :is(b, strong) { font-weight: 500; }
html[data-skin="own"] ::selection { background: var(--signal); color: #121211; }
html[data-skin="own"] :is(.card--ink, .card--glow) :focus-visible { outline-color: var(--on-disp); }

html[data-skin="own"] .h1 { font-weight: 500; line-height: .98; letter-spacing: -.028em; }
html[data-skin="own"] :is(.h2, .sec-title) { font-weight: 500; font-size: var(--t-h2); line-height: 1.02; letter-spacing: -.022em; }
html[data-skin="own"] .sec-head .eyebrow { margin-bottom: 20px; }
html[data-skin="own"] .sec-sub { margin-top: 20px; font-weight: 400; font-size: var(--t-lead); line-height: 1.4; letter-spacing: -.012em; color: var(--ink-2); }
html[data-skin="own"] :is(.sec-sub, .s-strategy-sub, .s-who-dk-sub) b { font-weight: inherit; color: inherit; }
html[data-skin="own"] :is(.two-tone, .g) { color: var(--ink-2); }
html[data-skin="own"] .two-tone b { font-weight: inherit; color: var(--ink); }   

html[data-skin="own"] main > .sec:not(#top)::before {
  --P: calc((100% + 16px) / 12);
  content: ""; position: absolute; z-index: 0; pointer-events: none; height: 8px;
  top: calc(var(--sec-gap) / 2 - 40px); left: max(40px, calc(50% - 680px)); right: max(40px, calc(50% - 680px));
  background:
    linear-gradient(90deg, transparent calc(var(--P) * var(--sk, 0)), var(--signal) 0 calc(var(--P) * var(--sk, 0) + var(--P) - 16px), transparent 0) 0 0 / 100% 2px no-repeat,
    linear-gradient(var(--rule-2), var(--rule-2)) 0 0 / 100% 1px no-repeat,
    repeating-linear-gradient(90deg, var(--rule-2) 0 1px, transparent 1px var(--P)) 0 0 / 100% 8px no-repeat,
    repeating-linear-gradient(90deg, var(--rule) 0 1px, transparent 1px calc(var(--P) / 4)) 0 0 / 100% 4px no-repeat,
    linear-gradient(var(--rule-2), var(--rule-2)) 100% 0 / 1px 100% no-repeat;
}
html[data-skin="own"] #for-whom { --sk: 1; }  html[data-skin="own"] #situations { --sk: 2; } html[data-skin="own"] #about { --sk: 3; }
html[data-skin="own"] #how { --sk: 4; }       html[data-skin="own"] #who { --sk: 5; }        html[data-skin="own"] #team { --sk: 6; }
html[data-skin="own"] #trust { --sk: 7; }     html[data-skin="own"] #compare { --sk: 8; }    html[data-skin="own"] #strategy { --sk: 9; }
html[data-skin="own"] #faq { --sk: 10; }      html[data-skin="own"] #meet { --sk: 11; }

html[data-skin="own"] .top::before { background: var(--paper); -webkit-mask-image: none; mask-image: none; }
html[data-skin="own"] .hd-nav { padding: 0; border-radius: 0; background: none; box-shadow: none; }
html[data-skin="own"] .top.is-sc .hd-nav { background: none; box-shadow: none; }
html[data-skin="own"] .hd-nav > .hd-lk { margin-left: 0; }
html[data-skin="own"] .hd-menu { gap: 32px; font-size: 14px; font-weight: 500; letter-spacing: 0; }
html[data-skin="own"] .hd-u { width: 6px; height: 6px; border-radius: 0; background: var(--ink);
  transform: translate(calc(var(--ux, 0px) + var(--uw, 0px) / 2 - 3px), calc(var(--uy, 0px) - 2px)); }
html[data-skin="own"] .hd-r { gap: 24px; font-size: 14px; }
html[data-skin="own"] .hd-cab { gap: 8px; font-size: 14px; font-weight: 500; letter-spacing: 0; }
@media (hover: hover) {
  html[data-skin="own"] :is(.hd-menu a, .hd-cab):hover { opacity: 1; color: var(--ink-2); }
  html[data-skin="own"] .hd-menu a[aria-current="true"]:hover { color: var(--ink); }
}
@media (max-width: 1399.98px) { html[data-skin="own"] .hd-menu { gap: 24px; font-size: 14px; } html[data-skin="own"] .hd-r { gap: 20px; } }
@media (max-width: 1299.98px) { html[data-skin="own"] .hd-menu { gap: 20px; } html[data-skin="own"] .hd-r { gap: 16px; } }
@media (min-width: 1200px) and (max-width: 1239.98px) {   
  html[data-skin="own"] .hd-cab { border-radius: 4px; background: none; box-shadow: inset 0 0 0 1px var(--rule-2); }
  @media (hover: hover) { html[data-skin="own"] .hd-cab:hover { background: var(--ink); color: var(--paper); box-shadow: none; } }
}

html[data-skin="own"] .btn { height: 52px; gap: 20px; padding: 0 24px; border-radius: 4px; font-size: 16px; font-weight: 500; letter-spacing: -.005em; }
html[data-skin="own"] .btn:has(.btn-arrow) { padding-right: 6px; }
html[data-skin="own"] .btn .btn-arrow { width: 40px; height: 40px; border-radius: 2px; }
html[data-skin="own"] .btn--sm { height: 40px; gap: 16px; padding: 0 16px; font-size: 14px; }
html[data-skin="own"] .btn--sm:has(.btn-arrow) { padding-right: 4px; }
html[data-skin="own"] .btn--sm .btn-arrow { width: 32px; height: 32px; }
html[data-skin="own"] :is(.btn--ink, .btn--orange, .btn--white) { background: var(--ink); color: var(--paper); }
html[data-skin="own"] :is(.btn--ink, .btn--orange, .btn--white) .btn-arrow { background: var(--signal); color: var(--ink); }
html[data-skin="own"] :is(.card--ink, .card--glow) :is(.btn--ink, .btn--orange, .btn--white) { background: var(--signal); color: var(--ink); }
html[data-skin="own"] :is(.card--ink, .card--glow) :is(.btn--ink, .btn--orange, .btn--white) .btn-arrow { background: var(--ink); color: var(--signal); }
@media (hover: hover) {
  html[data-skin="own"] :is(.btn--ink, .btn--orange, .btn--white):not(:disabled):hover { opacity: 1; filter: none; background: #2B2B29; }
  html[data-skin="own"] :is(.card--ink, .card--glow) :is(.btn--ink, .btn--orange, .btn--white):not(:disabled):hover { background: var(--signal-hi); }
}

html[data-skin="own"] .bridge { gap: 12px; font-size: 14px; font-weight: 500; line-height: 1.2; letter-spacing: 0; color: var(--ink); }
html[data-skin="own"] .bridge .bridge-arrow { width: 28px; height: 28px; border-radius: 2px; background: none; box-shadow: inset 0 0 0 1px var(--rule-2); color: var(--ink); }
@media (hover: hover) { html[data-skin="own"] .bridge:hover .bridge-arrow { background: var(--ink); color: var(--paper); box-shadow: none; } }

html[data-skin="own"] .icon-only { border-radius: 4px; background: none; box-shadow: inset 0 0 0 1px var(--rule-2); color: var(--ink); }
html[data-skin="own"] .icon-only[aria-disabled="true"] { background: none; box-shadow: inset 0 0 0 1px var(--rule); color: var(--dim); }
@media (hover: hover) { html[data-skin="own"] .icon-only:not([aria-disabled="true"]):hover { background: var(--ink); color: var(--paper); box-shadow: none; } }

html[data-skin="own"] .eyebrow { height: auto; gap: 8px; padding: 0; border-radius: 0; background: none; box-shadow: none;
  font-family: var(--f-mono); font-size: 12px; font-weight: 500; line-height: 1; letter-spacing: .06em; text-transform: uppercase; color: var(--ink); }
html[data-skin="own"] .eyebrow::before { content: ""; flex: none; width: 7px; height: 7px; background: currentColor; }
html[data-skin="own"] :is(.card--ink, .card--glow) .eyebrow { color: var(--on-disp); }
html[data-skin="own"] .pill { height: auto; min-height: 24px; gap: 8px; padding: 4px 8px; border-radius: 2px; background: var(--alu-2); color: var(--ink);
  font-family: var(--f-mono); font-size: 11px; font-weight: 500; line-height: 1.3; letter-spacing: .06em; text-transform: uppercase; }
html[data-skin="own"] :is(.card--ink, .card--glow) .pill { background: none; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .24); color: var(--on-disp); }

html[data-skin="own"] .ico { border-radius: 2px; background: none; box-shadow: inset 0 0 0 1px var(--rule-2); }
html[data-skin="own"] .counter { font-family: var(--f-mono); font-size: 12px; font-weight: 400; line-height: 1.35; letter-spacing: 0; text-transform: uppercase; color: var(--ink-2); }   
html[data-skin="own"] .counter b { font-weight: 500; color: var(--ink); }

html[data-skin="own"] .dots-bar:not(.dots-bar--steps) { height: 2px; border-radius: 0; background: var(--rule); }
html[data-skin="own"] .dots-bar:not(.dots-bar--steps)::after { border-radius: 0; background: var(--ink); }

html[data-skin="own"] .card { border-radius: 6px; background: var(--alu); box-shadow: none; }
html[data-skin="own"] :is(.card--ink, .card--glow) { background: var(--disp); color: var(--on-disp); }
html[data-skin="own"] :is(.card--ink, .card--glow) :is(.g, .two-tone) { color: var(--on-disp-2); }
html[data-skin="own"] :is(.card--ink, .card--glow) .two-tone b { color: var(--on-disp); }
html[data-skin="own"] :is(.s-sit-flow, .s-strategy-glow, .s-meet-flow) { display: none; }   

html[data-skin="own"] :is(.glow-corner, .glow-host, .glow-fx) { --glow-bg: linear-gradient(var(--signal), var(--signal)) 0 0 / 100% 2px no-repeat; }

html[data-skin="own"] .ph { border-radius: 6px; background: var(--alu-2); box-shadow: none; }
html[data-skin="own"] .ph::before { display: none; }
html[data-skin="own"] :is(.ph--md, .ph--sm) { border-radius: 6px; }
html[data-skin="own"] .ph.ph--avatar { border-radius: 2px; }
html[data-skin="own"] .ph-ico { border-radius: 2px; background: none; box-shadow: none; }

html[data-skin="own"] .layer-bg { background: rgba(18, 18, 17, .48); }
html[data-skin="own"] .modal-p { --m-px: 32px; border-radius: 6px; background: var(--paper); box-shadow: none; }
html[data-skin="own"] .modal-p.is-sc > .m-hd { border-bottom-color: var(--rule); }
html[data-skin="own"] .m-crumb { font-family: var(--f-mono); font-size: 12px; font-weight: 500; line-height: 1.2; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-2); }
html[data-skin="own"] .m-prog { height: 2px; }
html[data-skin="own"] .m-prog > i { border-radius: 0; background: var(--rule); }
html[data-skin="own"] .m-prog > i.is-on { background: var(--ink); }
html[data-skin="own"] .m-t { font-size: 24px; font-weight: 500; line-height: 1.2; letter-spacing: -.02em; }
html[data-skin="own"] .m-lead { font-size: 16px; color: var(--ink-2); }
html[data-skin="own"] .f-l { font-size: 14px; font-weight: 500; }
html[data-skin="own"] .opt { font-weight: 400; }
html[data-skin="own"] .inp { border-radius: 4px; border-color: var(--dim); background: var(--paper); font-weight: 400; }
html[data-skin="own"] .inp::placeholder { color: var(--ink-2); }
html[data-skin="own"] .segs { border-radius: 4px; background: var(--alu-2); }
html[data-skin="own"] .segs span { border-radius: 2px; font-weight: 500; color: var(--ink-2); }
html[data-skin="own"] .segs input:checked + span { background: var(--paper); color: var(--ink); box-shadow: inset 0 0 0 1px var(--rule-2); }
html[data-skin="own"] .checks span { border-radius: 4px; box-shadow: inset 0 0 0 1px var(--dim); font-weight: 500; }
html[data-skin="own"] .checks input:checked + span { background: var(--ink); color: var(--paper); box-shadow: none; }
html[data-skin="own"] .m-back { border-radius: 4px; font-weight: 500; }
html[data-skin="own"] :is(.lnk, .m-send-err a) { font-weight: 500; text-underline-offset: .2em; text-decoration-thickness: 1px; text-decoration-color: color-mix(in srgb, var(--ink) 40%, transparent); }
html[data-skin="own"] .f-err { font-weight: 500; }
html[data-skin="own"] .f-err::before { border-radius: 2px; color: var(--paper); }
html[data-skin="own"] .cab-err-b { border-radius: 4px; background: var(--alu); }
html[data-skin="own"] .cab-eye { border-radius: 2px; }

html[data-skin="own"] .cs-pop { border-radius: 6px; background: var(--paper); box-shadow: 0 0 0 1px var(--rule-2), 0 16px 40px -16px rgba(18, 18, 17, .28); }
html[data-skin="own"] .sel.cs-up .cs-pop:not(.cs-pop--flow) { box-shadow: 0 0 0 1px var(--rule-2), 0 -16px 40px -16px rgba(18, 18, 17, .22); }
html[data-skin="own"] .cs-o { border-radius: 2px; }
html[data-skin="own"] .cs-o.is-sel { font-weight: 500; }
html[data-skin="own"] .cs-gl { font-family: var(--f-mono); font-size: 11px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-2); }
html[data-skin="own"] :is(.cs-g + .cs-g, .cs-o + .cs-g) { border-top-color: var(--rule); }

html[data-skin="own"] .btn.btn--ghost { background: none; box-shadow: inset 0 0 0 1px var(--rule-2); color: var(--ink); }
html[data-skin="own"] .btn.btn--ghost.cab-cta { height: 28px; gap: 12px; padding: 0; box-shadow: none; font-size: 14px; }
html[data-skin="own"] .btn--ghost.cab-cta .btn-arrow { width: 28px; height: 28px; background: none; box-shadow: inset 0 0 0 1px var(--rule-2); color: var(--ink); }
html[data-skin="own"] .btn--ghost.cab-cta .btn-arrow::before { width: 14px; height: 14px; }
@media (hover: hover) {
  html[data-skin="own"] .btn.btn--ghost:not(.cab-cta):not(:disabled):hover { opacity: 1; box-shadow: inset 0 0 0 1px var(--ink); }
  html[data-skin="own"] .btn.btn--ghost.cab-cta:not(:disabled):hover { opacity: 1; }
  html[data-skin="own"] .btn--ghost.cab-cta:not(:disabled):hover .btn-arrow { background: var(--ink); color: var(--paper); box-shadow: none; }
}

html[data-skin="own"] .sheet-p { border-radius: 6px 6px 0 0; background: var(--paper); box-shadow: none; }
html[data-skin="own"] .grab { border-radius: 0; background: var(--rule-2); }
html[data-skin="own"] .mnav { gap: 0 16px; margin: 0 0 24px; border-top: 1px solid var(--rule-2); }
html[data-skin="own"] .mnav a { gap: 12px; min-height: 48px; padding: 0; border-radius: 0; background: none; border-bottom: 1px solid var(--rule); font-size: 16px; font-weight: 500; letter-spacing: -.005em; color: var(--ink); }
html[data-skin="own"] .mnav a::before { content: ""; flex: none; width: 6px; height: 6px; }
html[data-skin="own"] .mnav a[aria-current="true"] { background: none; color: var(--ink); }
html[data-skin="own"] .mnav a[aria-current="true"]::before { background: var(--ink); }
@media (hover: hover) { html[data-skin="own"] .mnav a:not([aria-current="true"]):hover { color: var(--ink-2); } }
html[data-skin="own"] .mnav-act { background: var(--paper); }

html[data-skin="own"] main > .s-top:first-child { padding-top: 40px; }   
@media (min-height: 981px) { html[data-skin="own"] .s-top { padding-bottom: 40px; } }   
html[data-skin="own"] .s-top-h1 { margin-top: 24px; font-size: min(var(--t-h1), 11.8cqi); }   
html[data-skin="own"][data-h1="b"] .s-top-h1 { font-size: min(56px, 8.8cqi); } 
html[data-skin="own"] .s-top-lead { margin-top: 24px; max-width: 30em; font-size: 18px; font-weight: 400; line-height: 1.5; letter-spacing: -.01em; color: var(--ink-2); }
html[data-skin="own"] .s-top-act { margin-top: 40px; }

html[data-skin="own"] .s-top-w > .s-top-card { gap: 16px; padding: 24px; border-radius: 6px; background: var(--alu); }
html[data-skin="own"] .s-top-x { font-size: 18px; font-weight: 500; line-height: 1.5; letter-spacing: -.01em; }
html[data-skin="own"] .s-top-wi { stroke-width: 1.5; }

html[data-skin="own"] .s-top-w--ink > .s-top-card {
  --s-t1: var(--on-disp); --s-t2: var(--on-disp-2); --dv-1: var(--on-disp); --dv-trk: rgba(255, 255, 255, .13);
  background: var(--raster), var(--disp);
}
html[data-skin="own"] .s-top-goals { gap: 20px; }
html[data-skin="own"] .s-top-gl { gap: 8px; }
html[data-skin="own"] .s-top-gk { gap: 12px; font-size: 14px; font-weight: 500; letter-spacing: 0; }
html[data-skin="own"] .s-top-gi { width: 28px; height: 28px; border-radius: 2px; background: none; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22); }
html[data-skin="own"] .s-top-gi svg { width: 15px; height: 15px; stroke-width: 1.5; }
html[data-skin="own"] .s-top-gr { gap: 12px; }
html[data-skin="own"] :is(.s-top-gb, .s-top-fbar) { height: 12px; border-radius: 0; -webkit-mask: var(--seg); mask: var(--seg); }
html[data-skin="own"] :is(.s-top-gb, .s-top-fbar) > i { border-radius: 0; }
html[data-skin="own"] .s-top-gv { font-family: var(--f-mono); font-size: 12px; font-weight: 500; letter-spacing: 0; }
html[data-skin="own"] .s-top-gs { font-size: 12px; font-weight: 400; line-height: 1.2; font-variant-numeric: tabular-nums; }

html[data-skin="own"] .s-top-rp { --rp-px: 12px; gap: 0; border-top: 1px solid var(--rule-2); }
html[data-skin="own"] .s-top-rt { gap: 4px; padding: 12px var(--rp-px); border-radius: 0; background: none; border-bottom: 1px solid var(--rule); }
html[data-skin="own"] .s-top-rp > :is(:nth-child(1), :nth-child(3)) { padding-left: 0; }
html[data-skin="own"] .s-top-rp > :is(:nth-child(2), :nth-child(5)) { padding-right: 0; }
html[data-skin="own"] .s-top-rp > :is(:nth-child(2), :nth-child(4), :nth-child(5)) { box-shadow: inset 1px 0 0 var(--rule); }
html[data-skin="own"] .s-top-rk { font-size: 12px; font-weight: 400; line-height: 1.2; color: var(--ink-2); }
html[data-skin="own"] .s-top-rv { font-size: 16px; font-weight: 500; line-height: 1.2; letter-spacing: -.005em; }
html[data-skin="own"] .s-top-rcap .s-top-rv { font-size: 32px; line-height: 1.12; letter-spacing: -.025em; font-variant-numeric: tabular-nums; }
html[data-skin="own"] .s-top-rd { font-family: var(--f-mono); font-size: 11px; font-weight: 500; line-height: 1.2; letter-spacing: 0; color: var(--ink); }
html[data-skin="own"] .s-top-rd > span { font-family: var(--f); font-size: 12px; font-weight: 400; color: var(--ink-2); }

html[data-skin="own"] .s-top-rsv .l { stroke: var(--ink); stroke-width: 1.5; }
html[data-skin="own"] .s-top-rsv path:not(.l) { fill: rgba(18, 18, 17, .06); }
html[data-skin="own"] .s-top-rdot { width: 6px; height: 6px; border-radius: 0; background: var(--signal); box-shadow: 0 0 0 2px var(--alu); }

html[data-skin="own"] .s-top-rrec { align-items: center; min-height: 0; margin-top: 0; padding: 12px 0; border-radius: 0; background: none; box-shadow: none; border-bottom: 1px solid var(--rule); }
html[data-skin="own"] .s-top-rwho { gap: 8px; padding-left: 0; }
html[data-skin="own"] .s-top-rwho::before { content: ""; flex: none; width: 7px; height: 7px; background: var(--ink); }
html[data-skin="own"] .s-top-rrt { font-size: 14px; font-weight: 500; line-height: 1.2; color: var(--ink); }
html[data-skin="own"] .s-top-rgo { justify-self: start; display: inline-flex; align-items: center; height: 24px; margin: 0 0 0 var(--rp-px); padding: 0 8px; border-radius: 2px; background: none; box-shadow: inset 0 0 0 1px var(--rule-2);
  font-family: var(--f-mono); font-size: 11px; font-weight: 500; line-height: 1; letter-spacing: .06em; text-transform: uppercase; color: var(--ink); }

html[data-skin="own"] .s-top-w.s-top-w--plan > .s-top-card { background: var(--alu); }
html[data-skin="own"] .s-top-pl { gap: 0; border-top: 1px solid var(--rule-2); }
html[data-skin="own"] .s-top-pl > li { gap: 12px; padding: 12px 0; border: 0; border-bottom: 1px solid var(--rule); border-radius: 0; background: none; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
html[data-skin="own"] .s-top-pl .ph--avatar { --ph-size: 34px; border-radius: 2px; box-shadow: none; }
html[data-skin="own"] .s-top-pt b { font-size: 14px; font-weight: 500; line-height: 1.2; letter-spacing: -.005em; }
html[data-skin="own"] .s-top-pt span { font-size: 12px; font-weight: 400; line-height: 1.2; letter-spacing: 0; color: var(--ink-2); font-variant-numeric: tabular-nums; }
html[data-skin="own"] .s-top-ps { width: 22px; height: 22px; border-radius: 2px; }
html[data-skin="own"] .s-top-pl .is-done .s-top-ps { background: var(--ink); color: var(--paper); }
html[data-skin="own"] .s-top-pl .is-next .s-top-ps { box-shadow: inset 0 0 0 1px var(--rule-2); color: var(--ink); }
html[data-skin="own"] .s-top-ps svg { width: 13px; height: 13px; }

@container s-top-card (max-height: 339.98px) {
  html[data-skin="own"] .s-top-w > .s-top-card { gap: 12px; padding: 20px; }
  html[data-skin="own"] .s-top-goals { gap: 16px; }
  html[data-skin="own"] .s-top-rt { gap: 2px; padding-top: 8px; padding-bottom: 8px; }
  html[data-skin="own"] .s-top-rcap .s-top-rv { font-size: 28px; }
  html[data-skin="own"] .s-top-rrec { padding: 8px 0; }
  html[data-skin="own"] .s-top-pl > li { padding: 8px 0; }
  html[data-skin="own"] .s-top-pl .ph--avatar { --ph-size: 32px; }
}
@container s-top-card (max-height: 299.98px) {
  html[data-skin="own"] .s-top-w > .s-top-card { gap: 8px; padding: 20px; }
  html[data-skin="own"] .s-top-x { font-size: 16px; line-height: 1.35; }
  html[data-skin="own"] .s-top-goals { gap: 12px; }
  html[data-skin="own"] .s-top-gl { gap: 4px; }
  html[data-skin="own"] .s-top-rt { padding-top: 6px; padding-bottom: 6px; }
  html[data-skin="own"] .s-top-rcap .s-top-rv { font-size: 24px; }
  html[data-skin="own"] .s-top-rrec { padding: 6px 0; }
  html[data-skin="own"] .s-top-pl > li { padding: 6px 0; }
  html[data-skin="own"] .s-top-pl .ph--avatar { --ph-size: 28px; }
}
@container s-top-card (max-width: 369.98px) {   
  html[data-skin="own"] .s-top-rp { --rp-px: 8px; }
  html[data-skin="own"] .s-top-rk { font-size: 11px; }
  html[data-skin="own"] .s-top-rv { font-size: 14px; }
  html[data-skin="own"] .s-top-rd > span { font-size: 11px; }
  html[data-skin="own"] .s-top-rrt { font-size: 12px; }
  html[data-skin="own"] .s-top-pt span { font-size: 11px; }
}

html[data-skin="own"] .s-fw-head { max-width: 900px; }
html[data-skin="own"] .s-fw-card { padding: 0; border-radius: 0; background: none; }
html[data-skin="own"] .s-fw-card .s-fw-ph.ph { --ph-ratio: 4 / 3; border-radius: 6px; }
@media (max-height: 819.98px) { html[data-skin="own"] .s-fw-card .s-fw-ph.ph { --ph-ratio: 16 / 10; } }   
html[data-skin="own"] .s-fw-body { justify-content: flex-start; margin-top: 16px; padding: 16px 0 0; border-top: 1px solid var(--rule-2); }
html[data-skin="own"] .s-fw-t { font-size: clamp(16px, 6.3cqi, 20px); font-weight: 500; line-height: 1.3; letter-spacing: -.012em; }

html[data-skin="own"] .s-fw-disc { border-radius: 2px; background: var(--paper); box-shadow: none; }
html[data-skin="own"] .s-fw-mark::before, html[data-skin="own"] .s-fw-mark::after { border-radius: 2px; box-shadow: inset 0 0 0 1px var(--rule); }
html[data-skin="own"] .s-fw-dot { fill: currentColor; }

html[data-skin="own"] .s-situations[data-mode="slide"] .s-sit-card { padding: 40px; border-radius: 6px; background: var(--alu); }
html[data-skin="own"] .s-situations[data-mode="slide"] .s-sit-card.s-sit-res { padding: 40px; background: var(--disp); }
html[data-skin="own"] .s-situations[data-mode="slide"] .s-sit-ctl { gap: 16px; padding-bottom: 40px; }   

html[data-skin="own"] .s-situations:not([data-mode="slide"]) .s-sit-card { padding: 40px; border-radius: 6px; }
html[data-skin="own"] .s-sit-num { font-family: var(--f-mono); font-size: 12px; font-weight: 400; line-height: 1.35; letter-spacing: 0; color: var(--ink-2); }
html[data-skin="own"] .s-sit-ctl .counter { min-width: 64px; font-size: 12px; font-weight: 400; }
html[data-skin="own"] .s-sit-ctl .s-sit-of { color: var(--ink-2); }
html[data-skin="own"] .s-sit-x { font-weight: 500; line-height: 1.12; letter-spacing: -.025em; }
html[data-skin="own"] .s-situations[data-mode="slide"] .s-sit-x { font-size: min(var(--t-st), 5.4cqi); }

html[data-skin="own"] .s-sit-ill--f { --sf-cud: var(--ink); }
html[data-skin="own"] .s-sit-ill--f .s-sit-f-pan { border-radius: 0; background: none; }
html[data-skin="own"] .s-sit-ill--f .s-sit-f-t { border-radius: 4px; background: var(--paper); }
html[data-skin="own"] .s-sit-ill--f .s-sit-f-pn .s-sit-f-t { border-radius: 4px; }
html[data-skin="own"] .s-sit-ill--f .s-sit-f-k { font-weight: 400; color: var(--ink-2); }
html[data-skin="own"] .s-sit-ill--f :is(.s-sit-f-v, .s-sit-f-v small, .s-sit-f-d, .s-sit-f-nm, .s-sit-f-lg b, .s-sit-f-li1, .s-sit-f-li2 > b, .s-sit-f-lab, .s-sit-f-cal) { font-weight: 500; }
html[data-skin="own"] .s-sit-ill--f .s-sit-f-lab.s-sit-f-lab--yr { font-weight: 500; }
html[data-skin="own"] .s-sit-ill--f :is(.s-sit-f-d > span, .s-sit-f-lg, .s-sit-f-lab--q, .s-sit-f-cal2) { font-weight: 400; }
html[data-skin="own"] .s-sit-ill--f :is(.s-sit-f-v small, .s-sit-f-d > span, .s-sit-f-lg) { color: var(--ink-2); }
html[data-skin="own"] .s-sit-ill--f .s-sit-f-old { color: var(--ink-2); }
html[data-skin="own"] .s-sit-ill--f :is(.s-sit-f-cu, .s-sit-f-lg b.s-sit-f-cu) { color: var(--ink); }   

html[data-skin="own"] .s-sit-ill--f :is(.s-sit-f-k, .s-sit-f-d, .s-sit-f-nm) { line-height: 1.15; }
html[data-skin="own"] .s-sit-ill--f .s-sit-f-v { line-height: 1; }
html[data-skin="own"] .s-sit-ill--f .s-sit-f-bt { bottom: 14px; }
html[data-skin="own"] .s-sit-ill--f .s-sit-f-bt--lo { bottom: 14px; }
html[data-skin="own"] .s-sit-ill--f .s-sit-f-bt--nr { right: 14px; }

html[data-skin="own"] .s-sit-ill--f .s-sit-f-t--s { padding: 15px 16px; }
html[data-skin="own"] .s-sit-ill--f .s-sit-f-t--s :is(.s-sit-f-k, .s-sit-f-d) { line-height: 1; }
html[data-skin="own"] .s-sit-ill--f .s-sit-f-t--s .s-sit-f-d { margin-top: 2px; }
html[data-skin="own"] .s-sit-ill--f .s-sit-f-hr { background: var(--rule); }

html[data-skin="own"] .s-sit-ill--f :is(.s-sit-f-pw, .s-sit-f-pn) :is(.s-sit-f-k, .s-sit-f-d, .s-sit-f-nm, .s-sit-f-lg, .s-sit-f-li1, .s-sit-f-li2 > b, .s-sit-f-lab, .s-sit-f-cal2, .s-sit-f-v small) { font-size: 12px; }
html[data-skin="own"] .s-sit-ill--f .s-sit-f-v { font-size: min(var(--fs, 20px), 28px); }   
@supports (width: round(down, 21px, 4px)) {   
  html[data-skin="own"] .s-sit-ill--f .s-sit-f-v { font-size: min(round(down, var(--fs, 20px), 4px), 28px); }
}
html[data-skin="own"] .s-sit-ill--f .s-sit-f-cal { font-size: 40px; letter-spacing: -1.4px; }
html[data-skin="own"] .s-sit-ill--f .s-sit-f-pn .s-sit-f-cal { font-size: 20px; letter-spacing: -.6px; }

html[data-skin="own"] .s-sit-card[data-i="1"] .s-sit-f-pw .s-sit-f-lab--q { transform: translateY(-5px); }
html[data-skin="own"] .s-sit-card[data-i="1"] .s-sit-f-pn .s-sit-f-lab--q { transform: translateY(-3px); }
html[data-skin="own"] .s-sit-card[data-i="1"] .s-sit-f-pn .s-sit-f-lab--e { transform: translateY(4px); }
html[data-skin="own"] .s-sit-card[data-i="0"] .s-sit-f-pn .s-sit-f-cal2 { transform: translateY(-3px); }

html[data-skin="own"] .s-sit-ill--f .s-sit-f-tp { stroke: none; clip-path: inset(14.65%) fill-box; }
html[data-skin="own"] .s-sit-ill--f :is(.s-sit-f-ring, .s-sit-f-acc) { clip-path: inset(14.65%) fill-box; }

html[data-skin="own"] .s-sit-ill--f .s-sit-f-chip { gap: 8px; height: 24px; padding: 0 8px; border-radius: 2px; background: var(--alu-2); font-size: 12px; font-weight: 500; color: var(--ink-2); }
html[data-skin="own"] .s-sit-ill--f .s-sit-f-chip--cu { background: var(--alu-2); color: var(--ink); }
html[data-skin="own"] .s-sit-ill--f .s-sit-f-chip--cu::before { width: 7px; height: 7px; border-radius: 0; background: var(--signal); }

html[data-skin="own"] .s-sit-ill--f :is(.s-sit-f-dot, .s-sit-f-sw, .s-sit-f-bar) { border-radius: 0; }
html[data-skin="own"] .s-sit-ill--f :is(.s-sit-f-b-trk, .s-sit-f-b-ink, .s-sit-f-b-cu, .s-sit-f-b-cut) { rx: 1px; }
html[data-skin="own"] .s-sit-ill--f :is(.s-sit-f-sh, .s-sit-f-sh1, .s-sit-f-sh2) { rx: 4px; }

html[data-skin="own"] .s-sit-ill--f .s-sit-f-sh { fill: var(--alu); }
html[data-skin="own"] .s-sit-ill--f .s-sit-f-sh1 { fill: var(--alu-2); }
html[data-skin="own"] .s-sit-ill--f .s-sit-f-sh2 { fill: var(--rule); }
html[data-skin="own"] .s-sit-ill--f .s-sit-f-pin { rx: 0; }
html[data-skin="own"] .s-sit-ill--f .s-sit-f-ring { fill: var(--paper); }
html[data-skin="own"] .s-sit-ill--f .s-sit-f-halo { fill: transparent; }
html[data-skin="own"] .s-sit-ill--f .s-sit-f-dn { fill: color-mix(in srgb, var(--signal) 14%, transparent); }
html[data-skin="own"] .s-sit-ill--f .s-sit-f-lost { background-image: repeating-linear-gradient(135deg, var(--signal) 0 1.5px, color-mix(in srgb, var(--signal) 14%, transparent) 1.5px 6px); }

html[data-skin="own"] .s-sit-res-pill { color: var(--on-disp); }
html[data-skin="own"] .s-sit-res-t { font-size: max(34px, calc(var(--t-h2) * var(--rt, 1))); font-weight: 500; line-height: 1.02; letter-spacing: -.022em; color: var(--on-disp); }
html[data-skin="own"] .s-sit-res-p { font-size: 18px; line-height: 1.5; letter-spacing: -.01em; color: var(--on-disp-2); }
html[data-skin="own"] .s-sit-res-foot { padding-top: 40px; }

html[data-skin="own"] .s-about-dc { padding: 40px; border-radius: 6px; }
html[data-skin="own"] .s-about-dpos { justify-self: stretch; padding-bottom: 24px; border-bottom: 1px solid var(--rule-2); font-size: 18px; font-weight: 400; letter-spacing: -.01em; }
html[data-skin="own"] .s-about-dpos .s-about-pg { color: var(--ink-2); }
html[data-skin="own"] .s-about-dh { font-size: var(--t-h2); font-weight: 500; line-height: 1.02; letter-spacing: -.022em; }
html[data-skin="own"] .s-about-dc .eyebrow { margin-bottom: 20px; }
html[data-skin="own"] .s-about-dph { border-radius: 6px; }

html[data-skin="own"] .s-how-rn { border-radius: 2px; background: var(--paper); box-shadow: inset 0 0 0 1px var(--rule-2); color: var(--ink-2);
  font-family: var(--f-mono); font-size: 12px; font-weight: 500; letter-spacing: 0; }
html[data-skin="own"] .s-how-ri.is-act .s-how-rn { background: var(--signal); box-shadow: none; color: var(--ink); }
html[data-skin="own"] .s-how-ri.is-done .s-how-rn { background: var(--ink); box-shadow: none; color: var(--paper); }
@media (hover: hover) { html[data-skin="own"] .s-how-ri:not(.is-act):not(.is-done) .s-how-ra:hover .s-how-rn { box-shadow: inset 0 0 0 1px var(--ink); color: var(--ink); } }
html[data-skin="own"] .s-how-track { left: calc(var(--how-c) / 2 - .5px); width: 1px; border-radius: 0; background: var(--rule); }
html[data-skin="own"] .s-how-fill { border-radius: 0; background: var(--ink); }
html[data-skin="own"] .s-how-rname { font-size: 18px; font-weight: 400; line-height: 1.5; letter-spacing: -.01em; color: var(--ink-2); }
html[data-skin="own"] .s-how-ri.is-act .s-how-rname { font-weight: 500; color: var(--ink); }
html[data-skin="own"] .s-how-rwhen { font-size: 14px; font-weight: 400; line-height: 1.3; letter-spacing: 0; color: var(--ink-2); }
@media (max-width: 1439.98px) { html[data-skin="own"] .s-how-rname { font-size: 16px; } }

html[data-skin="own"] .s-how-body.is-pin .s-how-shell { --glow-max: 0; border-radius: 6px; background: var(--alu); box-shadow: none; }
html[data-skin="own"] .s-how-card { --how-box: transparent; border-radius: 6px; }
html[data-skin="own"] .s-how-body:not(.is-pin) .s-how-card { background: var(--alu); box-shadow: none; }
@media (min-width: 1400px) { html[data-skin="own"] .s-how-card { padding: 40px; } }

html[data-skin="own"][data-howhead="c"] .s-how-num { font-family: var(--f); font-size: var(--t-num); font-weight: 400; line-height: .8; letter-spacing: -.05em; color: var(--ink); font-variant-numeric: tabular-nums; }
html[data-skin="own"][data-howhead="c"] .s-how-name { font-size: 20px; font-weight: 500; line-height: 1.3; letter-spacing: -.012em; }
html[data-skin="own"][data-howhead="c"] .s-how-value { font-size: 24px; font-weight: 400; line-height: 1.3; letter-spacing: -.02em; color: var(--ink-2); }
html[data-skin="own"][data-howhead="c"] .s-how-value b { font-weight: 400; color: var(--tx); }
@media (max-width: 1399.98px) {
  html[data-skin="own"][data-howhead="c"] .s-how-num { font-size: 64px; }
  html[data-skin="own"][data-howhead="c"] .s-how-value { font-size: 20px; line-height: 1.3; letter-spacing: -.012em; }
}
@media (max-width: 1199.98px) { html[data-skin="own"][data-howhead="c"] .s-how-name { font-size: 18px; } }   
@container howc (min-width: 600px) and (max-width: 859.98px) {
  html[data-skin="own"][data-howhead="c"] .s-how-card { grid-template-columns: minmax(0, 13rem) minmax(0, 1fr); }   
}
html[data-skin="own"] .s-how-name { font-weight: 500; }
html[data-skin="own"] .s-how-value { font-weight: 400; }
html[data-skin="own"] .s-how-value b { font-weight: inherit; }   

html[data-skin="own"] .s-how-boxes { gap: 0; margin-top: 24px; border-top: 1px solid var(--rule-2); }
html[data-skin="own"] .s-how-box { padding: 20px 24px 24px 0; border-radius: 0; background: none; }
html[data-skin="own"] .s-how-box + .s-how-box { padding-right: 0; padding-left: 24px; box-shadow: inset 1px 0 0 var(--rule); }
html[data-skin="own"] .s-how-lbl { font-family: var(--f-mono); font-size: 12px; font-weight: 500; line-height: 1.2; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-2); }
html[data-skin="own"] .s-how-box > .s-how-lbl { margin-bottom: 12px; }
html[data-skin="own"] .s-how-inc { gap: 8px; }
html[data-skin="own"] .s-how-inc li { padding-left: 24px; font-size: 16px; font-weight: 400; line-height: 1.35; letter-spacing: -.005em; }
html[data-skin="own"] .s-how-inc li::before { top: .2em; width: 14px; height: 14px; color: var(--ink); }
html[data-skin="own"] .s-how-roles { gap: 12px; }
html[data-skin="own"] .s-how-avw { padding: 0; border-radius: 2px; background: none; }
html[data-skin="own"] :is(.s-how-avw .ph--avatar, .s-how-avi) { border-radius: 2px; }
html[data-skin="own"] .s-how-avi { background: var(--alu-2); }
html[data-skin="own"] .s-how-role { font-size: 16px; font-weight: 500; line-height: 1.3; letter-spacing: -.005em; }
html[data-skin="own"] .s-how-role small { font-size: 14px; font-weight: 400; line-height: 1.3; color: var(--ink-2); }

html[data-skin="own"] .s-how-terms { gap: 0; border-top: 1px solid var(--rule-2); border-bottom: 1px solid var(--rule); }
html[data-skin="own"] .s-how-term { padding: 20px 16px 20px 62px; border-radius: 0; background: none; }
html[data-skin="own"] .s-how-term + .s-how-term { box-shadow: inset 1px 0 0 var(--rule); }
html[data-skin="own"] .s-how-term::before { top: 20px; left: 20px; width: 30px; height: 30px; margin-top: 0; border-radius: 2px; background: none; box-shadow: inset 0 0 0 1px var(--rule-2); }
html[data-skin="own"] .s-how-term::after { top: 27px; left: 27px; margin-top: 0; }
html[data-skin="own"] .s-how-term:first-child { padding-left: 42px; }
html[data-skin="own"] .s-how-term:first-child::before { left: 0; }
html[data-skin="own"] .s-how-term:first-child::after { left: 7px; }
html[data-skin="own"] .s-how-term dt { margin-bottom: 4px; font-family: var(--f-mono); font-size: 12px; font-weight: 500; line-height: 1.2; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-2); }
html[data-skin="own"] .s-how-term dd { font-size: 16px; font-weight: 400; line-height: 1.35; letter-spacing: -.005em; }
html[data-skin="own"] .s-how-term--t dd { font-weight: 500; }
html[data-skin="own"] .s-how-bridge { margin-top: 0; }   

@container howc (min-width: 600px) {
  html[data-skin="own"] .s-how-body.is-pin.is-dtight .s-how-card { --how-g: 12px; padding-top: 20px; padding-bottom: 20px; }
  html[data-skin="own"] .s-how-body.is-pin.is-dtight .s-how-boxes { margin-top: 16px; }
  html[data-skin="own"] .s-how-body.is-pin.is-dtight .s-how-box { padding-top: 16px; padding-bottom: 16px; }
  html[data-skin="own"] .s-how-body.is-pin.is-dtight .s-how-term { padding: 16px 16px 16px 62px; }
  html[data-skin="own"] .s-how-body.is-pin.is-dtight .s-how-term:first-child { padding-left: 42px; }
  html[data-skin="own"] .s-how-body.is-pin.is-dtight .s-how-term::before { top: 16px; left: 20px; width: 30px; height: 30px; }
  html[data-skin="own"] .s-how-body.is-pin.is-dtight .s-how-term::after { top: 23px; left: 27px; }
  html[data-skin="own"] .s-how-body.is-pin.is-dtight .s-how-term:first-child::before { left: 0; }
  html[data-skin="own"] .s-how-body.is-pin.is-dtight .s-how-term:first-child::after { left: 7px; }
  html[data-skin="own"] .s-how-body.is-pin.is-dtight2 .s-how-card { --how-g: 8px; padding-top: 20px; padding-bottom: 20px; }
  html[data-skin="own"] .s-how-body.is-pin.is-dtight2 .s-how-boxes { margin-top: 12px; }
  html[data-skin="own"] .s-how-body.is-pin.is-dtight2 .s-how-box { padding-top: 12px; padding-bottom: 12px; }
  html[data-skin="own"] .s-how-body.is-pin.is-dtight2 .s-how-inc { gap: 4px; }
  html[data-skin="own"] .s-how-body.is-pin.is-dtight2 .s-how-inc li { line-height: 1.25; }
  html[data-skin="own"] .s-how-body.is-pin.is-dtight2 .s-how-term { padding: 12px 16px 12px 20px; }   
  html[data-skin="own"] .s-how-body.is-pin.is-dtight2 .s-how-term:first-child { padding-left: 0; }
}

@media (max-height: 819.98px) {
  html[data-skin="own"] .s-how-card { --how-g: 12px; padding-top: 24px; padding-bottom: 24px; }
  html[data-skin="own"] .s-how-boxes { margin-top: 16px; }
  html[data-skin="own"] .s-how-box { padding-top: 16px; padding-bottom: 16px; }
  html[data-skin="own"] .s-how-box > .s-how-lbl { margin-bottom: 8px; }
  html[data-skin="own"] .s-how-inc { gap: 4px; }
  html[data-skin="own"] .s-how-inc li { line-height: 1.3; }
  html[data-skin="own"] .s-how-roles { gap: 8px; }
  html[data-skin="own"] .s-how-term { padding-top: 16px; padding-bottom: 16px; }
  html[data-skin="own"] .s-how-term::before { top: 16px; }
  html[data-skin="own"] .s-how-term::after { top: 23px; }
}
@media (max-height: 739.98px), (max-width: 1199.98px) and (max-height: 819.98px) {   
  html[data-skin="own"] .s-how-card { --how-g: 8px; padding-top: 20px; padding-bottom: 20px; }
  html[data-skin="own"] .s-how-boxes { margin-top: 12px; }
  html[data-skin="own"] .s-how-box { padding-top: 12px; padding-bottom: 12px; }
  html[data-skin="own"] .s-how-inc li { line-height: 1.25; }
  html[data-skin="own"] .s-how-term { padding-top: 12px; padding-bottom: 12px; }
  html[data-skin="own"] .s-how-term::before { top: 12px; }
  html[data-skin="own"] .s-how-term::after { top: 19px; }
}

html[data-skin="own"] .s-who-dk { --s-who-dk-ib: transparent; }
html[data-skin="own"] .s-who-dk:not(.is-tight) { --s-who-dk-pxc: 32px; --s-who-dk-pb: 32px; --s-who-dk-ht: 16px; --s-who-dk-bg: 8px; }   
html[data-skin="own"]:not([data-dk="c"]) .s-who-dk:not(.is-tight) { --s-who-dk-rh: 48px; --s-who-dk-pb: 24px; }   
html[data-skin="own"] .s-who-title { font-weight: 500; letter-spacing: -.022em; }
html[data-skin="own"] .s-who-dk:not(.is-tight) .s-who-dk-head .eyebrow { margin-bottom: 20px; }
html[data-skin="own"] .s-who-dk-box { --glow-max: 1; border-radius: 6px; background: var(--alu); }
html[data-skin="own"] .s-who-dk.is-car :is(.s-who-dk-it, .s-who-dk-box) { border-radius: 6px; }
html[data-skin="own"] .s-who-dk.is-car .s-who-dk-it::before { box-shadow: none; }

html[data-skin="own"] .s-who-dk-ic { border-radius: 2px; box-shadow: inset 0 0 0 1px var(--rule-2); }
html[data-skin="own"] .s-who-dk-hd { column-gap: 12px; }   
html[data-skin="own"] .s-who-dk.is-car .s-who-dk-hd { --hl: color-mix(in srgb, var(--rule-2) calc(var(--s-who-dk-x, 0) * 100%), transparent);
  background: linear-gradient(var(--hl), var(--hl)) var(--s-who-dk-pxc) 100% / calc(100% - 2 * var(--s-who-dk-pxc)) 1px no-repeat; }
html[data-skin="own"] .s-who-dk-ht { font-size: 16px; font-weight: 500; letter-spacing: -.01em; }
html[data-skin="own"] :is(.s-who-dk-rv, .s-who-dk-rv b) { font-weight: 500; }
html[data-skin="own"] .s-who-dk-st { font-size: 24px; font-weight: 500; line-height: 1.2; letter-spacing: -.02em; }
html[data-skin="own"] .s-who-dk-rv b { font-size: 16px; }
html[data-skin="own"] .s-who-dk-tick { border-radius: 2px; background: var(--ink); color: var(--paper); }
html[data-skin="own"] .s-who-dk-av .s-who-avw { border-radius: 2px; box-shadow: 0 0 0 2px var(--alu); }
html[data-skin="own"] :is(.s-who-dk-av .s-who-avx, .s-who-dk-gis i) { border-radius: 2px; background: none; box-shadow: inset 0 0 0 1px var(--rule-2); }
html[data-skin="own"] .s-who-dk-sx { font-weight: 400; color: var(--ink-2); }

html[data-skin="own"] .s-who-p--dk { --dv-trk: var(--alu-2); --k-tile: var(--paper); border-radius: 0; background: none; }
html[data-skin="own"][data-dk] .s-who-dk .s-who-p--dk { --k-fp: 0px; }
html[data-skin="own"][data-dk="c"] .s-who-dk.is-car .s-who-p--dk { --k-fp: 0px; }
html[data-skin="own"] :is(.s-who-kg-i, .s-who-kt-m, .s-who-ks-d, .s-who-kl-m, .s-who-kl-t, .s-who-kk-sum) { border-radius: 4px; }

html[data-skin="own"] .s-who-kt-m { padding: 16px 14px; }
html[data-skin="own"] .s-who-kl-m { padding: 16px 20px 20px; }
html[data-skin="own"] .s-who-dk.is-tight .s-who-kg-i { padding: 16px; }
html[data-skin="own"] .s-who-dk.is-tight .s-who-kt-m { padding: 16px 12px; }
html[data-skin="own"] .s-who-dk.is-tight .s-who-ks-d { padding: 16px; }
html[data-skin="own"] .s-who-dk.is-tight .s-who-kl-m { padding: 16px 16px 20px; }
html[data-skin="own"] .s-who-dk.is-tight .s-who-kl-t { padding: 16px; }

html[data-skin="own"] .s-who-kg-ic { border-radius: 2px; background: none; box-shadow: inset 0 0 0 1px var(--rule-2); }
html[data-skin="own"] .s-who-kg-who { border-radius: 2px; background: var(--alu-2); font-family: var(--f-mono); font-size: 11px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-2); }
html[data-skin="own"] .s-who-kg-n { font-size: 14px; font-weight: 500; }
html[data-skin="own"] .s-who-kg-t > span { font-size: 12px; font-weight: 400; color: var(--ink-2); }
html[data-skin="own"] .s-who-kg-t b { font-size: 14px; font-weight: 500; }
@container swhop (max-width: 619.98px) { html[data-skin="own"] .s-who-kg-t { flex-wrap: wrap; row-gap: 2px; } }   

@container swhop (min-width: 480px) and (max-width: 619.98px) { html[data-skin="own"] .s-who-kg-t { flex-direction: column; align-items: flex-start; } }
html[data-skin="own"] :is(.s-who-kg-bar, .s-who-kl-bar) { height: 8px; border-radius: 0; -webkit-mask: var(--seg); mask: var(--seg); }
html[data-skin="own"] :is(.s-who-kg-bar, .s-who-kl-bar) i { border-radius: 0; background: var(--ink); }
html[data-skin="own"] .s-who-kg-pc { font-family: var(--f-mono); font-size: 12px; font-weight: 500; }
html[data-skin="own"] .s-who-kg-sum { font-size: 12px; font-weight: 400; color: var(--ink-2); font-variant-numeric: tabular-nums; }

html[data-skin="own"] .s-who-kt-m .s-who-avx { border-radius: 2px; background: none; box-shadow: inset 0 0 0 1px var(--rule-2); }
html[data-skin="own"] .s-who-kt-m .s-who-avw { border-radius: 2px; }
html[data-skin="own"] .s-who-kt-tx b { font-size: 14px; font-weight: 500; }
html[data-skin="own"] .s-who-kt-tx > span { font-size: 12px; font-weight: 400; color: var(--ink-2); }

@container swhop (min-width: 620px) and (max-width: 659.98px) {
  html[data-skin="own"] .s-who-dk:not(.is-tight) .s-who-kt-m,
  html[data-skin="own"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kt-m { --ph-size: 36px; }
}

html[data-skin="own"] .s-who-ks { --ks0: var(--ink); --ks1: #4A4A46; --ks2: #82817C; --ks3: var(--rule-2); --ks4: var(--signal); --ks5: color-mix(in srgb, #FF5A1F 55%, #FAFAF8); }
html[data-skin="own"] .s-who-ks-d figcaption { font-size: 14px; font-weight: 500; }
html[data-skin="own"] .s-who-ks-th dt { font-size: 12px; font-weight: 400; color: var(--ink-2); }
html[data-skin="own"] .s-who-ks-th dd { font-size: 16px; font-weight: 500; }
html[data-skin="own"] .s-who-ks-ring circle { stroke-width: 14; }

html[data-skin="own"] .s-who-dk .s-who-kr { gap: 0; }   
html[data-skin="own"] .s-who-dk .s-who-kr-cap { padding: 12px 16px 12px 0; border-radius: 0; background: none; border-bottom: 1px solid var(--rule); }
html[data-skin="own"] .s-who-dk .s-who-kr-t:not(.s-who-kr-cap) { padding: 8px 0 8px 16px; border-radius: 0; background: none; border-bottom: 1px solid var(--rule); box-shadow: inset 1px 0 0 var(--rule); }
html[data-skin="own"] .s-who-dk .s-who-kr-rec { padding: 8px 0; border-radius: 0; background: none; box-shadow: none; border-bottom: 1px solid var(--rule); }
html[data-skin="own"] .s-who-kr-k { font-size: 12px; font-weight: 400; color: var(--ink-2); }
html[data-skin="own"] .s-who-kr-v { font-size: 16px; font-weight: 500; }

html[data-skin="own"] .s-who-kr-cap .s-who-kr-v { font-size: 28px; }
html[data-skin="own"] .s-who-dk.is-tight .s-who-kr-cap .s-who-kr-v { font-size: 28px; }
html[data-skin="own"] .s-who-kr-d { font-family: var(--f-mono); font-size: 12px; font-weight: 500; color: var(--ink); }
html[data-skin="own"] .s-who-kr-d > span { font-family: var(--f); font-weight: 400; color: var(--ink-2); }
html[data-skin="own"] .s-who-kr-sv .l { stroke: var(--ink); stroke-width: 1.5; }
html[data-skin="own"] .s-who-kr-sv path:not(.l) { fill: rgba(18, 18, 17, .06); }
html[data-skin="own"] .s-who-kr-dot { width: 6px; height: 6px; margin: -3px -3px 0 0; border-radius: 0; background: var(--signal); box-shadow: 0 0 0 2px var(--alu); }
html[data-skin="own"] .s-who-kr-rw { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; color: var(--ink); }
html[data-skin="own"] .s-who-kr-rw::before { content: ""; flex: none; width: 7px; height: 7px; background: var(--ink); }
html[data-skin="own"] .s-who-kr-go { padding: 4px 8px; border-radius: 2px; background: none; box-shadow: inset 0 0 0 1px var(--rule-2); color: var(--ink);
  font-family: var(--f-mono); font-size: 11px; font-weight: 500; line-height: 1.3; letter-spacing: .06em; text-transform: uppercase; }

html[data-skin="own"] :is(.s-who-kl-v, .s-who-kl-s) { font-weight: 500; }
html[data-skin="own"] .s-who-kl-p { font-size: 12px; font-weight: 500; color: var(--ink); font-variant-numeric: tabular-nums; }   
html[data-skin="own"] .s-who-kl-k { font-size: 12px; font-weight: 400; color: var(--ink-2); }
html[data-skin="own"] :is(.s-who-kl-t--in, .s-who-kl-t--out, .s-who-kl-t--inv) { --kl-c: var(--ink); }
html[data-skin="own"] .s-who-kl-tx li { font-weight: 400; color: var(--ink-2); }
html[data-skin="own"] .s-who-kl-tx b { font-weight: 500; }
@container swhop (max-width: 619.98px) { html[data-skin="own"] .s-who-kl-s { font-size: 20px; } }   

html[data-skin="own"] .s-who-dk .s-who-kk-list { gap: 0; align-content: center; }
html[data-skin="own"] .s-who-dk .s-who-kk-list > li { padding: 8px 0; border-radius: 0; background: none; border-bottom: 1px solid var(--rule); }
html[data-skin="own"] .s-who-kk-ring circle { stroke-width: 8; }
html[data-skin="own"] .s-who-dk.is-tight .s-who-kk-ring { --kk-n: 28px; }   
html[data-skin="own"] .s-who-kk-ring circle.on { stroke: var(--ink); }
html[data-skin="own"] .s-who-kk-c b { font-size: var(--kk-n, 28px); font-weight: 500; }
html[data-skin="own"] .s-who-kk-c b span { font-size: .5em; }
html[data-skin="own"] .s-who-kk-c > span { font-size: 12px; font-weight: 400; color: var(--ink-2); }
html[data-skin="own"] .s-who-kk-list .s-who-avw { border-radius: 2px; }
html[data-skin="own"] .s-who-kk-t b { font-size: 14px; font-weight: 500; }
html[data-skin="own"] .s-who-kk-t span { font-size: 12px; font-weight: 400; color: var(--ink-2); font-variant-numeric: tabular-nums; }
html[data-skin="own"] .s-who-kk-s { border-radius: 2px; }
html[data-skin="own"] .s-who-kk-list .is-done .s-who-kk-s { background: var(--ink); color: var(--paper); }
html[data-skin="own"] .s-who-kk-list .is-next .s-who-kk-s { box-shadow: inset 0 0 0 1px var(--rule-2); color: var(--ink); }

html[data-skin="own"] .s-who-dk-pb i { border-radius: 0; background: var(--rule); }
html[data-skin="own"] .s-who-dk-pb.is-past i { background: var(--dim); }
html[data-skin="own"] .s-who-dk-pb i::after { border-radius: 0; background: var(--ink); }

html[data-skin="own"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-who { font-size: 11px; }
html[data-skin="own"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-pc { font-size: 12px; }
html[data-skin="own"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-sum { font-size: 12px; }
html[data-skin="own"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-n { font-size: 16px; }
html[data-skin="own"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-t > span { font-size: 12px; }
html[data-skin="own"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-t b { font-size: 14px; }
html[data-skin="own"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kt-tx b { font-size: 14px; }
html[data-skin="own"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-ks-d figcaption { font-size: 16px; }
html[data-skin="own"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-ks-th dt { font-size: 12px; }
html[data-skin="own"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-ks-th dd { font-size: 16px; }
html[data-skin="own"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kl-k { font-size: 12px; }
html[data-skin="own"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kl-p { font-size: 14px; }
html[data-skin="own"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-k { font-size: 14px; }
html[data-skin="own"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-d { font-size: 14px; }
html[data-skin="own"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-v { font-size: 20px; }
html[data-skin="own"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-cap .s-who-kr-v { font-size: 40px; }   
html[data-skin="own"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-rw { font-size: 16px; }
html[data-skin="own"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-go { padding: 4px 8px; font-size: 11px; }
html[data-skin="own"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr { gap: 0; }
html[data-skin="own"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-cap { padding: 16px 20px 16px 0; }
html[data-skin="own"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-t:not(.s-who-kr-cap) { padding: 12px 0 12px 20px; }
html[data-skin="own"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-rec { padding: 12px 0; }
html[data-skin="own"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kl-m { padding: 16px 20px 20px; }
html[data-skin="own"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-list { gap: 0; }
html[data-skin="own"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-list > li { gap: 12px; padding: 12px 0; }
html[data-skin="own"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-ring { --kk-n: 40px; }
html[data-skin="own"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-c > span { font-size: 12px; }
html[data-skin="own"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-t b { font-size: 16px; }
html[data-skin="own"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-t span { font-size: 12px; }

html[data-skin="own"] .s-team-ph { border-radius: 6px; }
html[data-skin="own"] .s-team-role { left: 12px; bottom: 12px; max-width: calc(100% - 24px); min-height: 24px; padding: 4px 8px; border-radius: 2px; background: var(--paper); box-shadow: none;
  font-family: var(--f-mono); font-size: 11px; font-weight: 500; line-height: 1.3; letter-spacing: .06em; text-transform: uppercase; color: var(--ink); }
html[data-skin="own"] .s-team-ext { border-radius: 6px; background: var(--alu); }
html[data-skin="own"] .s-team-ext-ico { width: 56px; height: 56px; border-radius: 2px; background: none; box-shadow: inset 0 0 0 1px var(--rule-2); }
html[data-skin="own"] .s-team-p--ext .s-team-role { background: var(--alu-2); }
html[data-skin="own"] .s-team-more { --pad: 24px; padding: 24px; border-radius: 6px; }
html[data-skin="own"] .s-team-more-ico { border-radius: 2px; background: none; box-shadow: inset 0 0 0 1px var(--rule-2); }
html[data-skin="own"] .s-team-more-t { font-size: 20px; font-weight: 500; line-height: 1.3; letter-spacing: -.012em; }

html[data-skin="own"] .s-trust-tile { row-gap: 40px; padding: 24px 0 0; border-radius: 0; background: none; border-top: 1px solid var(--rule-2); }
html[data-skin="own"] .s-trust-ico { width: 44px; height: 44px; }
html[data-skin="own"] .s-trust-ico svg { width: 22px; height: 22px; }
html[data-skin="own"] .s-trust-name { font-size: 24px; font-weight: 500; line-height: 1.2; letter-spacing: -.02em; }
html[data-skin="own"] .s-trust-text { margin-top: 12px; font-size: 16px; font-weight: 400; line-height: 1.5; color: var(--ink-2); }
html[data-skin="own"] .s-trust-fam { gap: 16px; padding: 32px; border-radius: 6px; }
html[data-skin="own"] .s-trust-fam::before { display: none; }                         
html[data-skin="own"] .s-trust-fam::after { background: var(--veil); }                
html[data-skin="own"] .s-trust-fam .ph--dim::after { display: none; }                 
html[data-skin="own"] .s-trust-label { font-size: 20px; font-weight: 500; line-height: 1.3; letter-spacing: -.012em; color: var(--on-disp); }
html[data-skin="own"] .s-trust-n { gap: 16px; }
html[data-skin="own"] .s-trust-digit { font-family: var(--f); font-size: var(--t-disp); font-weight: 400; line-height: .8; letter-spacing: -.05em; color: var(--on-disp); }
html[data-skin="own"] .s-trust-unit { font-size: 32px; font-weight: 500; letter-spacing: -.025em; color: var(--on-disp); }

html[data-skin="own"] .s-compare { --s-compare-tab-bg: transparent; }
html[data-skin="own"][data-cmp="c"] .s-compare-lab-t { font-size: 20px; font-weight: 500; line-height: 1.3; letter-spacing: -.012em; }
html[data-skin="own"][data-cmp="c"] .s-compare-lab-s { font-size: 14px; font-weight: 400; letter-spacing: 0; color: var(--ink-2); }
html[data-skin="own"].js[data-cmp="c"] .s-compare-chip { margin-bottom: 0; padding-bottom: 16px; border-radius: 4px 4px 0 0; background: none; box-shadow: inset 0 0 0 1px var(--rule); font-size: 14px; font-weight: 500; color: var(--ink-2); }
html[data-skin="own"].js[data-cmp="c"] .s-compare-chip[aria-pressed="true"] { box-shadow: none; }
@media (hover: hover) { html[data-skin="own"].js[data-cmp="c"] .s-compare-chip:not([aria-pressed="true"]):hover { background: none; box-shadow: inset 0 0 0 1px var(--rule-2); color: var(--ink); } }
html[data-skin="own"].js[data-cmp="c"] .s-compare-th { --s-compare-fr: 0px; border-radius: 4px 4px 0 0; background: var(--alu); box-shadow: inset 0 2px 0 var(--signal); }   
html[data-skin="own"].js[data-cmp="c"] .s-compare-th::before, html[data-skin="own"].js[data-cmp="c"] .s-compare-th::after { display: none; }   
html[data-skin="own"].js[data-cmp="c"] :is(.s-compare-cl, .s-compare-th) { font-weight: 500; }
html[data-skin="own"].js[data-cmp="c"] .s-compare.is-pin .s-compare-tp { display: none; }   
html[data-skin="own"].js[data-cmp="c"]:is([data-cmpfx="b"], [data-cmpfx="c"], [data-cmpfx="d"]) .s-compare.is-pin .s-compare-tp { display: none; }
html[data-skin="own"] .s-compare-alt { --glow-max: 0; border-radius: 6px; background: var(--alu); }
html[data-skin="own"] .s-compare-fou { border-radius: 6px; background: var(--raster), var(--disp); box-shadow: none; }
html[data-skin="own"].js[data-cmp="c"] .s-compare-ft { border-radius: 6px 6px 0 0; background: var(--raster), var(--disp); box-shadow: none; }
html[data-skin="own"] .s-compare-brand { color: var(--on-disp); }
html[data-skin="own"] .s-compare-fs { font-size: 14px; font-weight: 400; letter-spacing: 0; color: var(--on-disp-2); }

html[data-skin="own"] .s-compare-k { font-size: 16px; font-weight: 500; letter-spacing: -.005em; }
html[data-skin="own"] .s-compare-kh { font-family: var(--f-mono); font-size: 12px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-2); }
html[data-skin="own"] .s-compare-ki { border-radius: 2px; background: none; box-shadow: inset 0 0 0 1px var(--rule-2); }
html[data-skin="own"] .s-compare-vi { border-radius: 2px; background: none; box-shadow: inset 0 0 0 1px var(--rule-2); }
html[data-skin="own"] .s-compare-h .s-compare-c { font-weight: 500; }
html[data-skin="own"] .s-compare-vc { font-size: 12px; font-weight: 400; font-variant-numeric: tabular-nums; }
html[data-skin="own"] .s-compare-vc b { font-weight: 500; }
html[data-skin="own"] .s-compare-c { font-size: 16px; font-weight: 400; letter-spacing: -.005em; }
html[data-skin="own"] .s-compare-star { font-weight: 500; }
html[data-skin="own"] .s-compare-f { font-size: 16px; font-weight: 400; letter-spacing: -.005em; color: var(--on-disp-2); }
html[data-skin="own"] .s-compare-f b { font-weight: 500; color: var(--on-disp); }
html[data-skin="own"] .s-compare-r + .s-compare-r > .s-compare-f::before { background: var(--disp-line); }

html[data-skin="own"] :is(.s-compare-yn, .s-compare-ok) { width: 12px; height: 12px; margin-top: 6px; border-radius: 0; }
html[data-skin="own"] :is(.s-compare-yn, .s-compare-ok) svg { display: none; }
html[data-skin="own"] .s-compare-yn.is-yes { background: var(--ink); }
html[data-skin="own"] .s-compare-yn.is-no { background: none; box-shadow: inset 0 0 0 1px var(--dim); }
html[data-skin="own"] .s-compare-ok { background: var(--on-disp); }   

html[data-skin="own"] .s-compare-cost { gap: 4px; }
html[data-skin="own"] .s-compare-cost i { width: 12px; height: 12px; border-radius: 0; background: none; box-shadow: inset 0 0 0 1px var(--dim); }
html[data-skin="own"] .s-compare-cost i.is-on { background: var(--ink); box-shadow: none; }
html[data-skin="own"] .s-compare-f .s-compare-cost i:not(.is-on) { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .34); }
html[data-skin="own"] .s-compare-f .s-compare-cost i.is-on { background: var(--on-disp); }
html[data-skin="own"] .s-compare-note { font-weight: 400; }

@media (max-height: 860px) {
  html[data-skin="own"] .s-compare-head .eyebrow { margin-bottom: 12px; }
  html[data-skin="own"] .s-compare-head .sec-sub { margin-top: 12px; font-size: 18px; }
}

html[data-skin="own"] .s-strategy { --s-strategy-rail: var(--rule); }
html[data-skin="own"] .s-strategy-card { padding: 40px; background: var(--raster), var(--disp); }
html[data-skin="own"] .s-strategy-card .s-strategy-tag { font-weight: 500; color: var(--on-disp); }
html[data-skin="own"] .s-strategy-title { color: var(--on-disp); }
html[data-skin="own"] .s-strategy-sub { margin-top: 20px; font-size: 18px; font-weight: 400; line-height: 1.5; letter-spacing: -.01em; color: var(--on-disp-2); }

html[data-skin="own"] .s-strategy-route { margin-top: 32px; }
html[data-skin="own"] .s-strategy-foot { padding-top: 32px; }
html[data-skin="own"] .s-strategy-goal { stroke: rgba(255, 255, 255, .2); }
html[data-skin="own"] .s-strategy-track { stroke: rgba(255, 255, 255, .16); stroke-width: 1.5; }
html[data-skin="own"] .s-strategy-line { stroke: var(--on-disp); stroke-width: 2; }
html[data-skin="own"] .s-strategy-node { width: 7px; height: 7px; margin: -3.5px 0 0 -3.5px; border-radius: 0; border: 1px solid rgba(255, 255, 255, .34); background: var(--disp); }
html[data-skin="own"] .s-strategy-node.is-on { border-color: var(--on-disp); background: var(--on-disp); }
html[data-skin="own"] .s-strategy-node--goal { width: 9px; height: 9px; margin: -4.5px 0 0 -4.5px; }
html[data-skin="own"] .s-strategy-tip { width: 11px; height: 11px; margin: -5.5px 0 0 -5.5px; border-radius: 0; background: var(--on-disp); outline: 0; box-shadow: 0 0 0 2px var(--disp); }   
html[data-skin="own"] .s-strategy-tip::after { display: none; }
html[data-skin="own"] .s-strategy-tip.is-goal { background: var(--on-disp); }
html[data-skin="own"] .s-strategy-price { font-size: 14px; font-weight: 400; line-height: 1.45; letter-spacing: 0; color: var(--on-disp-2); }
html[data-skin="own"] .s-strategy-tile { --glow-max: 0; border-radius: 6px; background: var(--alu); }   
html[data-skin="own"] .s-strategy-n { border-radius: 2px; background: var(--ink); color: var(--paper); font-family: var(--f-mono); font-size: 12px; font-weight: 500; }
html[data-skin="own"] .is-pin .s-strategy-st:not(.is-now):not(.is-done) .s-strategy-n { background: var(--paper); box-shadow: inset 0 0 0 1px var(--rule-2); color: var(--ink-2); }
html[data-skin="own"] .is-pin .s-strategy-st.is-now .s-strategy-n { background: var(--signal); box-shadow: none; color: var(--ink); }
html[data-skin="own"] .s-strategy-st h3 { font-size: 20px; font-weight: 500; line-height: 1.2; letter-spacing: -.012em; }
html[data-skin="own"] .s-strategy-tx p { font-size: 16px; font-weight: 400; color: var(--ink-2); }
html[data-skin="own"] .is-pin .s-strategy-st:not(.is-now) h3 { color: var(--ink-2); }
html[data-skin="own"] .is-pin .s-strategy-st.is-now .s-strategy-tx p { color: var(--ink); }
@media (max-height: 860px) { html[data-skin="own"] .s-strategy-card { padding: 32px; } }
@media (max-height: 879.98px) {   
  html[data-skin="own"] .s-strategy-sub { margin-top: 12px; }
  html[data-skin="own"] .s-strategy-route { margin-top: 16px; }
  html[data-skin="own"] .s-strategy-foot { padding-top: 16px; }
}

html[data-skin="own"] .s-faq-write { text-decoration-thickness: 1px; text-decoration-color: color-mix(in srgb, var(--ink) 40%, transparent); }
@media (hover: hover) { html[data-skin="own"] .s-faq-write:hover { text-decoration-color: var(--ink); } }
html[data-skin="own"] .s-faq-panel { gap: 0; border-top: 1px solid var(--rule-2); }
html[data-skin="own"] .s-faq-q { border-radius: 0; background: none; border-bottom: 1px solid var(--rule); }
html[data-skin="own"] .s-faq-s { min-height: 80px; gap: 20px; padding: 16px 0; border-radius: 0; }
html[data-skin="own"] .s-faq-ico { width: 40px; height: 40px; border-radius: 2px; background: none; box-shadow: inset 0 0 0 1px var(--rule-2); }
html[data-skin="own"] .s-faq-q[open]:not(.is-closing) .s-faq-ico { background: var(--ink); box-shadow: none; color: var(--paper); }
html[data-skin="own"] .s-faq-qt { font-size: 20px; font-weight: 500; line-height: 1.3; letter-spacing: -.012em; }
html[data-skin="own"] .s-faq-chev { border-radius: 2px; color: var(--ink); }
@media (hover: hover) { html[data-skin="own"] .s-faq-s:hover .s-faq-chev { background: var(--alu); } }
html[data-skin="own"] .s-faq-at { padding: 0 72px 24px 60px; font-size: 16px; font-weight: 400; line-height: 1.55; color: var(--ink-2); }

html[data-skin="own"] .s-meet-card { padding: 56px; }
html[data-skin="own"] .s-meet-t { font-size: var(--t-h1); font-weight: 500; line-height: .98; letter-spacing: -.028em; color: var(--on-disp); }
html[data-skin="own"] .s-meet-text { max-width: 24em; font-size: var(--t-lead); font-weight: 400; line-height: 1.45; letter-spacing: -.012em; color: var(--on-disp-2); }
html[data-skin="own"] .s-meet-act { margin-top: 40px; }
html[data-skin="own"] .s-meet-ph { border-radius: 6px; }

@media (max-height: 819.98px) {
  html[data-skin="own"] .s-meet-card { min-height: clamp(280px, var(--meet-h, 420px), 640px); padding: 40px 56px; }
}
@media (max-height: 739.98px) {
  html[data-skin="own"] .s-meet-card { padding: 32px 56px; }
  html[data-skin="own"] .s-meet-act { margin-top: 32px; }
}

html[data-skin="own"] .ft-card { padding: 40px; border-radius: 6px; background: var(--alu); }
html[data-skin="own"] .ft-slogan { font-size: 16px; font-weight: 500; line-height: 1.4; letter-spacing: -.005em; color: var(--ink); }
html[data-skin="own"] .ft-tag { font-size: 16px; font-weight: 400; line-height: 1.4; letter-spacing: -.005em; color: var(--ink-2); }
html[data-skin="own"] .ft-con { padding: 24px 0 0; border: 0; border-top: 1px solid var(--rule-2); border-radius: 0; }
html[data-skin="own"] .ft-ph { font-family: var(--f-mono); font-size: 12px; font-weight: 500; line-height: 1.2; letter-spacing: .06em; text-transform: uppercase; }
html[data-skin="own"] .ft-pt { margin-top: 12px; font-size: 14px; font-weight: 400; line-height: 1.5; color: var(--ink-2); }
html[data-skin="own"] .ft-ln { text-underline-offset: .2em; text-decoration-color: color-mix(in srgb, var(--ink) 40%, transparent); }
@media (hover: hover) { html[data-skin="own"] .ft-ln:hover { opacity: 1; text-decoration-color: var(--ink); } }
html[data-skin="own"] .ft-fine { margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--rule-2); }
html[data-skin="own"] .ft-docs { gap: 8px 24px; margin-bottom: 16px; }
html[data-skin="own"] .ft-doc { font-family: var(--f); font-size: 14px; font-weight: 400; line-height: 1.4; letter-spacing: 0; text-underline-offset: .2em; }
html[data-skin="own"] .ft-legal { font-family: var(--f-mono); font-size: 11px; font-weight: 400; line-height: 1.6; letter-spacing: 0; color: var(--ink-2); }
html[data-skin="own"] .ft-up { background: none; }
@media (hover: hover) { html[data-skin="own"] .ft-up:hover { background: var(--ink); color: var(--paper); box-shadow: none; } }
@media (max-height: 819.98px) {   
  html[data-skin="own"] .ft-card { padding: 32px 40px; }
  html[data-skin="own"] .ft-fine { margin-top: 32px; padding-top: 20px; }
}
@media (max-height: 739.98px) { html[data-skin="own"] .ft-card { padding: 24px 40px; } }

}

@media (min-width: 1024px) {

html[data-skin="ember"] {
  
  --e-bg: #251B15;  --e-walnut: #2A1C14;  --e-walnut-2: #3B2A1F;
  --e-pearl: #F6EFE6;  --e-pearl-2: #C4AE9C;  --e-pearl-3: #A8968A;
  --e-line-d: rgba(246, 239, 230, .12);  --e-line-d2: rgba(246, 239, 230, .22);  --e-glass-d: rgba(246, 239, 230, .06);
  
  --e-copper: #C47A4B;  --e-copper-t: #DDA273;  --e-amber: #EBB283;  --e-copper-ink: #8A4F28;  --e-field: #FBF8F3;
  
  --e-btn: #3B2A1F;  --e-btn-h: #47342A;  --e-rim: rgba(221, 162, 115, .58);  --e-rim-h: rgba(235, 178, 131, .9);
  --e-rim-ink: rgba(196, 122, 75, .7);
  --e-halo-btn: 0 12px 40px -12px rgba(235, 150, 90, .45);
  
  --e-step-ring: 0 0 0 5px rgba(196, 122, 75, .22);
  
  --e-disp: clamp(40px, 3.9vw, 56px);
  
  --e-corner-l: radial-gradient(95% 85% at 100% 0%, rgba(205, 134, 88, .88) 0%, rgba(184, 112, 70, .66) 14%, rgba(146, 86, 52, .44) 30%, rgba(100, 60, 38, .24) 48%, rgba(58, 38, 26, .08) 66%, rgba(42, 28, 20, 0) 82%);
  --e-corner-b: linear-gradient(200deg, #33231A 0%, #251911 40%, #1B130E 100%);
  --e-corner-br-l: radial-gradient(95% 85% at 100% 100%, rgba(205, 134, 88, .88) 0%, rgba(184, 112, 70, .66) 14%, rgba(146, 86, 52, .44) 30%, rgba(100, 60, 38, .24) 48%, rgba(58, 38, 26, .08) 66%, rgba(42, 28, 20, 0) 82%);
  --e-corner-br-b: linear-gradient(20deg, #1B130E 0%, #251911 55%, #2E2018 100%);
  --e-lit-l: linear-gradient(0deg, rgba(244, 182, 132, .96) 0%, rgba(222, 132, 72, .92) 2.4%, rgba(186, 96, 46, .88) 6.5%, rgba(150, 70, 32, .78) 12%, rgba(116, 50, 21, .6) 18%, rgba(80, 35, 16, .38) 24%, rgba(44, 21, 11, .17) 30%, rgba(20, 13, 9, .05) 36%, rgba(12, 10, 9, 0) 42%);
  --e-lit-b: linear-gradient(180deg, #1C130E 0%, #160F0B 100%);
  
  --e-edge: linear-gradient(215deg, rgba(255, 214, 178, .75) 0%, rgba(221, 162, 115, .34) 18%, rgba(240, 214, 190, .16) 45%, rgba(240, 214, 190, .14) 75%, rgba(221, 162, 115, .24) 100%);
  --e-edge-br: linear-gradient(315deg, rgba(255, 214, 178, .75) 0%, rgba(221, 162, 115, .34) 18%, rgba(240, 214, 190, .16) 45%, rgba(240, 214, 190, .14) 75%, rgba(221, 162, 115, .24) 100%);
  --e-edge-lit: linear-gradient(180deg, rgba(232, 164, 116, .42) 0%, rgba(214, 140, 92, .22) 20%, rgba(206, 130, 84, .16) 55%, rgba(230, 150, 96, .5) 78%, rgba(255, 214, 178, 1) 100%);

  --canvas: #EFE7DB;  --white: #F6F0E6;  --soft: #E9E0D3;  --line: #DFD4C5;
  --ink: #221913;  --ink-2: #6B5D52;  --ink-2c: #6B5D52;  --ink-3: #8C7D70;  --dim: #8C7D70;
  --ink-in: #3B2A1F;  --ink-line: #3E2E23;  --on-ink-2: #C4AE9C;
  --g1: #4A3B30;  --g2: #9C8B7C;  --g3: #948678;
  --orange: #B36B3D;  --on-orange: #FFF7EE;
  --green: #8A4F28;  --on-green: #FFF7EE;  --on-green-2: rgba(255, 247, 238, .74);  --green-in: #7A4524;
  --o-deep: #6E3A1C;  --o-mid: #C47A4B;  --o-light: #EBB283;  --o-hi: #F4C9A0;  --o-end: #A0623A;
  --gr-deep: #2E1F15;  --gr-mid: #8A4F28;  --gr-light: #DDA273;  --gr-hi: #EBB283;  --gr-end: #7A4728;  --gr-pale: #F0E3D3;
  --copper: #B36B3D;  --copper-t: #DDA273;
  --t-disp: clamp(112px, 10.6vw, 160px);  --t-h1: clamp(40px, 4.2vw, 60px);  --t-h2: clamp(32px, 3.34vw, 48px);  --t-h3: clamp(20px, 1.67vw, 24px);
  --t-lead: clamp(17px, 1.39vw, 20px);  --t-body: 16px;  --t-cap: 13px;
  
  --r-lg: 28px;  --r-md: 16px;  --r-sm: 10px;  --r-xs: 6px;
  --sh-1: none;  --sh-lift: none;  --sh-glass: none;
  --flow: none;  --flow-white: none;  --flow-green: none;
  --flow-fb: radial-gradient(95% 85% at 100% 100%, rgba(205, 134, 88, .88) 0%, rgba(184, 112, 70, .66) 14%, rgba(146, 86, 52, .44) 30%, rgba(100, 60, 38, .24) 48%, rgba(58, 38, 26, .08) 66%, rgba(42, 28, 20, 0) 82%);
  --flow-green-fb: var(--flow-fb);  --flow-white-fb: linear-gradient(transparent, transparent);
  --glass-bg: rgba(246, 240, 230, .86);  --glass-bg-fb: rgba(246, 240, 230, .96);  --glass-bd: rgba(255, 255, 255, .5);  --glass-blur: blur(14px) saturate(1.2);
  --glass-d-bg: rgba(246, 239, 230, .06);  --glass-d-bg-fb: rgba(59, 42, 31, .94);  --glass-d-bd: rgba(246, 239, 230, .14);
  --dv-1: var(--ink);  --dv-2: var(--copper);  --dv-trk: rgba(34, 25, 19, .08);  --dv-area: rgba(179, 107, 61, .10);
  --dv-ok: #8A4F28;  --dv-acc: #B36B3D;  --dv-ring-bd: var(--white);
}

html[data-skin="ember"] .vpanel {
  --ink: #0D0D0D; --ink-in: #1C1C1C; --ink-line: #2A2A29; --on-ink-2: #8E8C87; --orange: #FF5A1F; --o-hi: #FFA466;
  --r-sm: 12px; --r-md: 20px; --r-pill: 999px; --f: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

html[data-skin="ember"] body { background: var(--e-bg); color: var(--ink); }
html[data-skin="ember"] .top::before { background: var(--e-bg); }
html[data-skin="ember"] ::selection { background: var(--e-copper); color: #FFF7EE; }
html[data-skin="ember"] :focus-visible:not(.vpanel *) { outline-color: var(--e-amber); }
html[data-skin="ember"] :is(.card:not(.card--ink):not(.card--glow), .s-how-shell, .s-how-card, .s-faq-panel, .modal-p, .cs-pop, .sheet-p, .s-who-dk-box, .s-strategy-tile, .s-top-w:not(.s-top-w--ink) > .s-top-card) :focus-visible { outline-color: #9A5A30; }
html[data-skin="ember"].js[data-cmp="c"] .s-compare-chip:focus-visible,
html[data-skin="ember"] .s-who-dk-pb:focus-visible i { outline-color: var(--e-amber); }

html[data-skin="ember"] .skip { background: var(--e-btn); color: var(--e-pearl); box-shadow: inset 0 0 0 1px var(--e-rim); }

:where(html[data-skin="ember"]) body { font-weight: 400; }
:where(html[data-skin="ember"]) :is(b, strong) { font-weight: 500; }
html[data-skin="ember"] :is(
  .h1, .h2, .h3, .sec-title, .bridge, .btn, .counter, .counter b, .pill, .eyebrow, .skip, .fab,
  .s-top-x, .s-top-gk, .s-top-gv, .s-top-rv, .s-top-rd, .s-top-rrt, .s-top-rgo, .s-top-pt b,
  .s-fw-t,
  .s-sit-ctl .counter, .s-sit-x, .s-sit-res-t,
  .s-sit-ill--f .s-sit-f-v, .s-sit-ill--f .s-sit-f-v small, .s-sit-ill--f .s-sit-f-d, .s-sit-ill--f .s-sit-f-nm, .s-sit-ill--f .s-sit-f-chip,
  .s-sit-ill--f .s-sit-f-lg b, .s-sit-ill--f .s-sit-f-lab, .s-sit-ill--f .s-sit-f-lab.s-sit-f-lab--yr, .s-sit-ill--f .s-sit-f-cal,
  .s-sit-ill--f .s-sit-f-li1, .s-sit-ill--f .s-sit-f-li2 > b,
  .s-about-dh,
  .s-how-rn, .s-how-rn b, .s-how-rname, .s-how-ri.is-act .s-how-rname, .s-how-name, .s-how-value b, html[data-howhead="c"] .s-how-value b,
  .s-how-lbl, .s-how-role, .s-how-term--t dd,
  .s-who-title, .s-who-dk-ht, .s-who-dk-rv, .s-who-dk-rv b, .s-who-dk-st, .s-who-kg-who, .s-who-kg-n, .s-who-kg-t b, .s-who-kg-pc, .s-who-kt-tx b,
  .s-who-ks-d figcaption, .s-who-ks-th dd, .s-who-kr-v, .s-who-kr-d, .s-who-kr-rw, .s-who-kr-go, .s-who-kl-v, .s-who-kl-p, .s-who-kl-s,
  .s-who-kl-tx b, .s-who-kk-c b, .s-who-kk-t b, .s-who-dk-nh .s-who-dk-nt, .s-who-dk-ni.is-cur .s-who-dk-nt,
  .s-team-role, .s-team-more-t,
  .s-trust-label, .s-trust-name, .s-trust-unit,
  .s-compare-lab, html.js[data-cmp="c"] .s-compare-lab-t, .s-compare-chip, .s-compare-k, .s-compare-f, .s-compare-f b, .s-compare-kh,
  .s-compare-h .s-compare-c, .s-compare-vc, .s-compare-vc b, .s-compare-fs, .s-compare-star,
  .s-strategy-card .s-strategy-tag, .s-strategy-n, .s-strategy-st h3,
  .s-faq-qt, .s-faq-gt, .s-faq-chip, .s-meet-t, .ft-ph,
  .m-crumb, .m-back, .m-t, .f-l, .f-err, .m-send-err a, .segs span, .checks span, .lnk, .cs-gl, .cs-o.is-sel, .mnav a, .pin-prog-l, .pin-hint
) { font-weight: 500; }
html[data-skin="ember"] :is(
  .sec-sub, .s-top-lead, .s-top-gs, .s-top-pt span, .s-top-rd > span,
  .s-sit-res-p, .s-sit-ill--f .s-sit-f-d > span,
  .s-about-dpos,
  .s-how-rwhen, .s-how-value, html[data-howhead="c"] .s-how-value, .s-how-inc li, .s-how-role small, .s-how-term dd,
  .s-who-dk-sx, .s-who-kg-t > span, .s-who-kg-sum, .s-who-kt-tx > span, .s-who-kl-tx li, .s-who-kk-t span,
  .s-trust-text,
  html.js[data-cmp="c"] .s-compare-lab-s, .s-compare-c, .s-compare-yt, .s-compare-note,
  .s-strategy-sub, .s-strategy-price, .s-strategy-tx p,
  .s-faq-at, .s-meet-text,
  .hd-menu, .hd-cab, .ft-slogan, .ft-tag, .ft-pt, .ft-ln,
  .m-lead, .f-hint, .opt, .m-consent, .m-next, .cab-hint
) { font-weight: 400; }
html[data-skin="ember"] .two-tone b { font-weight: inherit; }
html[data-skin="ember"] :is(.s-top-rv, .s-top-gv, .s-who-kr-v, .s-who-kl-v, .s-who-kl-s, .s-who-ks-th dd, .s-who-kg-pc, .s-compare-vc) { font-variant-numeric: tabular-nums; }

html[data-skin="ember"] :is(.sec-title, .s-who-title) { color: var(--e-pearl); line-height: 1.04; letter-spacing: -.034em; }
html[data-skin="ember"] .sec-sub { color: var(--e-pearl-2); line-height: 1.45; letter-spacing: -.012em; text-wrap: pretty; }
html[data-skin="ember"] .bridge { color: var(--e-pearl-3); letter-spacing: 0; }
html[data-skin="ember"] .bridge .bridge-arrow { background: var(--e-glass-d); color: var(--e-pearl); box-shadow: inset 0 0 0 1px var(--e-line-d2); }
@media (hover: hover) {
  html[data-skin="ember"] .bridge:hover { color: var(--e-pearl); }
  html[data-skin="ember"] .bridge:hover .bridge-arrow { background: var(--e-pearl); color: var(--ink); box-shadow: none; }
}

html[data-skin="ember"] .hd-nav {
  background: rgba(42, 28, 20, .94); color: var(--e-pearl);
  box-shadow: inset 0 0 0 1px rgba(240, 200, 160, .14), inset 0 1px 0 rgba(255, 236, 214, .10);
}
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  html[data-skin="ember"] .hd-nav { background: rgba(42, 28, 20, .72); -webkit-backdrop-filter: blur(18px) saturate(1.3); backdrop-filter: blur(18px) saturate(1.3); }
}

html[data-skin="ember"] .top.is-sc .hd-nav,
html[data-skin="ember"][data-bg="white"] .top.is-sc .hd-nav {
  box-shadow: inset 0 0 0 1px rgba(240, 200, 160, .16), inset 0 1px 0 rgba(255, 236, 214, .12), 0 18px 40px -20px rgba(8, 5, 3, .6);
}
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  html[data-skin="ember"][data-bg="white"] .top.is-sc .hd-nav { background: rgba(42, 28, 20, .94); }
}
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  html[data-skin="ember"][data-bg="white"] .top.is-sc .hd-nav { background: rgba(42, 28, 20, .72); }
}
html[data-skin="ember"][data-bg="white"] .top::before { background: var(--e-bg); }
html[data-skin="ember"] .hd-menu { color: var(--e-pearl-2); letter-spacing: 0; }
html[data-skin="ember"] .hd-menu a[aria-current="true"] { color: var(--e-pearl); }
html[data-skin="ember"] .hd-menu:not(.hd-u-on) a[aria-current="true"] { border-bottom-color: var(--e-copper-t); }
html[data-skin="ember"] .hd-u { background: var(--e-copper-t); }
html[data-skin="ember"] .hd-cab { color: var(--e-pearl); letter-spacing: 0; }
@media (hover: hover) {
  html[data-skin="ember"] :is(.hd-menu a, .hd-cab):hover { opacity: 1; color: var(--e-pearl); }
}

@media (min-width: 1200px) and (max-width: 1239.98px) {
  html[data-skin="ember"] .hd-cab { background: var(--e-glass-d); box-shadow: inset 0 0 0 1px var(--e-line-d2); }
}

html[data-skin="ember"] .hd-burger { background: var(--e-glass-d); color: var(--e-pearl); box-shadow: inset 0 0 0 1px var(--e-line-d2); }
@media (hover: hover) { html[data-skin="ember"] .hd-burger:not([aria-disabled="true"]):hover { background: var(--e-pearl); color: var(--ink); box-shadow: none; } }

html[data-skin="ember"] .btn { letter-spacing: -.005em; }
html[data-skin="ember"] .btn .btn-arrow { background: none; box-shadow: none; color: inherit; }
html[data-skin="ember"] .btn--ink { background: var(--ink); color: var(--e-pearl); box-shadow: inset 0 0 0 1px var(--e-rim-ink); }
html[data-skin="ember"] .btn--ink .btn-arrow { color: var(--e-copper-t); }
html[data-skin="ember"] :is(.btn--orange, .btn--white, .hd-cta) {
  background: var(--e-btn); color: var(--e-pearl);
  box-shadow: inset 0 0 0 1px var(--e-rim), inset 0 1px 0 rgba(255, 228, 200, .08);
}
html[data-skin="ember"] :is(.btn--orange, .btn--white, .hd-cta) .btn-arrow { color: var(--e-copper-t); }
html[data-skin="ember"] .btn--ghost { background: none; color: var(--ink); box-shadow: inset 0 0 0 1px rgba(34, 25, 19, .24); }
html[data-skin="ember"] .btn--ghost .btn-arrow { background: none; color: var(--e-copper-ink); }
@media (hover: hover) {
  html[data-skin="ember"] .btn--ink:not(:disabled):hover { opacity: 1; filter: none; background: #33261D; box-shadow: inset 0 0 0 1px var(--e-copper); }
  html[data-skin="ember"] :is(.btn--orange, .btn--white, .hd-cta):not(:disabled):hover {
    opacity: 1; filter: none; background: var(--e-btn-h);
    box-shadow: inset 0 0 0 1px var(--e-rim-h), inset 0 1px 0 rgba(255, 228, 200, .12), var(--e-halo-btn);
  }
  html[data-skin="ember"] .btn--ghost:not(:disabled):hover { opacity: 1; box-shadow: inset 0 0 0 1px rgba(34, 25, 19, .48); }
}

html[data-skin="ember"] :is(.s-sit-ctl, .ft-fine) .icon-only { background: var(--e-glass-d); color: var(--e-pearl); box-shadow: inset 0 0 0 1px var(--e-line-d2); }
html[data-skin="ember"] :is(.s-sit-ctl, .ft-fine) .icon-only[aria-disabled="true"] { background: none; color: var(--e-pearl-3); box-shadow: inset 0 0 0 1px var(--e-line-d); }
@media (hover: hover) {
  html[data-skin="ember"] :is(.s-sit-ctl, .ft-fine) .icon-only:not([aria-disabled="true"]):hover { background: var(--e-pearl); color: var(--ink); box-shadow: none; filter: none; opacity: 1; }
}

html[data-skin="ember"] .eyebrow {
  height: auto; padding: 0; gap: 10px; border-radius: 0; background: none; box-shadow: none;
  font-size: 13px; line-height: 1.3; letter-spacing: .01em; color: var(--e-pearl-2);
}
html[data-skin="ember"] .eyebrow::before { content: ""; flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--e-copper-t); }
html[data-skin="ember"] :is(.card:not(.card--ink), .s-who-dk-box) .eyebrow, html[data-skin="ember"] .eyebrow--soft { color: var(--ink-2); }
html[data-skin="ember"] :is(.card:not(.card--ink), .s-who-dk-box) .eyebrow::before, html[data-skin="ember"] .eyebrow--soft::before { background: var(--e-copper); }
html[data-skin="ember"] .pill { color: var(--ink-2); letter-spacing: .01em; }

html[data-skin="ember"] :is(.card--ink, .card--glow) .pill { background: rgba(246, 239, 230, .08); color: var(--e-pearl-2); box-shadow: inset 0 0 0 1px rgba(246, 239, 230, .14); }

html[data-skin="ember"] :is(.s-top-w--ink > .s-top-card, .s-strategy-card) {
  border: 1px solid transparent; color: var(--e-pearl);
  background: var(--e-corner-l), var(--e-corner-b), var(--e-edge);
  background-origin: padding-box, padding-box, border-box; background-clip: padding-box, padding-box, border-box;
}

html[data-skin="ember"] .ph > img { filter: saturate(.92) contrast(.97) sepia(.06); }

html[data-skin="ember"] :is(#s-top-rg, #s-who-kr-g) stop { stop-color: var(--copper); }
html[data-skin="ember"] .glow-corner::after, html[data-skin="ember"] .glow-fx { display: none; }

html[data-skin="ember"] main > .s-top:first-child { padding-top: 40px; }

@media (min-height: 981px) { html[data-skin="ember"] main > .s-top:first-child { padding-bottom: 40px; } }
@media (min-width: 1280px) {
  html[data-skin="ember"] #top { background: radial-gradient(520px 460px at calc(50% + min(20vw, 286px)) 50%, rgba(235, 178, 131, .14) 0%, rgba(235, 178, 131, .09) 26%, rgba(196, 122, 75, .045) 52%, rgba(196, 122, 75, 0) 80%); }
}
html[data-skin="ember"] .s-top-h1 { font-size: min(var(--e-disp), 10.6cqi); line-height: 1.02; letter-spacing: -.036em; color: var(--e-pearl); }
@media (max-width: 1279.98px) { html[data-skin="ember"] .s-top-h1 { font-size: min(var(--e-disp), 12.4cqi); } }
html[data-skin="ember"][data-h1="b"] .s-top-h1 { font-size: min(56px, 8.8cqi); } 
html[data-skin="ember"] .s-top-lead { color: var(--e-pearl-2); letter-spacing: -.008em; }

html[data-skin="ember"] .s-top-x { letter-spacing: -.016em; }
html[data-skin="ember"] .s-top-w--ink > .s-top-card {
  --dv-1: var(--e-pearl); --dv-2: var(--e-copper-t); --dv-trk: rgba(246, 239, 230, .14); --dv-grid: rgba(246, 239, 230, .16);
  --dv-txt-2: var(--e-pearl-2); --dv-ok: var(--e-amber); --dv-ring-bd: var(--e-walnut);
  --s-t1: var(--e-pearl); --s-t2: var(--e-pearl-2);
}
html[data-skin="ember"] .s-top-w.s-top-w--plan > .s-top-card { background: var(--white); }

html[data-skin="ember"] .s-top-rp { column-gap: 0; row-gap: 0; }
html[data-skin="ember"] .s-top-rt { background: none; border-radius: 0; padding-left: 0; padding-right: 12px; }
html[data-skin="ember"] .s-top-rt:nth-child(n + 3) { box-shadow: inset 0 1px 0 var(--line); }

@container s-top-card (min-width: 370px) and (min-height: 340px) {
  html[data-skin="ember"] .s-top-rt { padding-top: 14px; padding-bottom: 14px; }
  html[data-skin="ember"] .s-top-rrec { padding-top: 14px; padding-bottom: 0; }
}
html[data-skin="ember"] .s-top-rk { color: var(--ink-2); letter-spacing: .01em; }
html[data-skin="ember"] .s-top-rd > span { color: var(--ink-2); }
html[data-skin="ember"] .s-top-rsv .l { stroke: var(--e-copper-ink); }
html[data-skin="ember"] .s-top-rdot { background: var(--e-copper-ink); box-shadow: 0 0 0 1.5px var(--white); }
html[data-skin="ember"] .s-top-rrec { background: none; border-radius: 0; padding-left: 0; padding-right: 0; padding-bottom: 0; box-shadow: inset 0 1px 0 var(--line); }
html[data-skin="ember"] .s-top-rrt { color: var(--ink); }
html[data-skin="ember"] .s-top-rgo { background: var(--e-field); color: var(--e-copper-ink); box-shadow: inset 0 0 0 1px var(--line); }
@supports (grid-template-columns: subgrid) {
  html[data-skin="ember"] .s-top-rrec { padding-left: 0; padding-right: 0; }
  html[data-skin="ember"] .s-top-rwho { padding-left: 0; }
  html[data-skin="ember"] .s-top-rgo { margin: 0; padding-left: 0; padding-right: 0; }
}

html[data-skin="ember"] .s-top-pl { gap: 0; }
html[data-skin="ember"] .s-top-pl > li {
  padding: 10px 0; border: 0; border-radius: 0; background: none; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none;
}
html[data-skin="ember"] .s-top-pl > li + li { box-shadow: inset 0 1px 0 var(--line); }
@container s-top-card (min-width: 370px) and (min-height: 340px) {
  html[data-skin="ember"] .s-top-pl > li { padding-top: 12px; padding-bottom: 12px; }
}
html[data-skin="ember"] .s-top-pl .ph--avatar { box-shadow: none; }
html[data-skin="ember"] .s-top-pt span { color: var(--ink-2); }
html[data-skin="ember"] .s-top-pl .is-done .s-top-ps { background: var(--e-copper-ink); color: #FFF7EE; }
html[data-skin="ember"] .s-top-pl .is-next .s-top-ps { box-shadow: inset 0 0 0 1.5px rgba(34, 25, 19, .24); color: var(--ink-2); }

html[data-skin="ember"] .s-top-pt b { font-size: 13px; }
html[data-skin="ember"] :is(.s-top-gs, .s-top-rgo) { font-size: 12px; }
html[data-skin="ember"] .s-top-rv { font-size: 15px; }
html[data-skin="ember"] .s-top-rcap .s-top-rv { font-size: 24px; }
@container s-top-card (max-height: 339.98px) {
  html[data-skin="ember"] .s-top-rcap .s-top-rv { font-size: 20px; }
}
@container s-top-card (max-width: 369.98px) {
  html[data-skin="ember"] .s-top-rcap .s-top-rv { font-size: 20px; }
}
@container s-top-card (max-height: 289.98px) {
  html[data-skin="ember"] .s-top-pt b { font-size: 12px; }
  html[data-skin="ember"] .s-top-rrt { font-size: 13px; }
}
@container s-top-card (min-width: 300px) and (min-height: 330px) {
  html[data-skin="ember"] .s-top-x { font-size: 20px; max-width: 15em; }   
}

html[data-skin="ember"] .s-fw-ph { border-radius: 20px; }
html[data-skin="ember"] .s-fw-t { letter-spacing: -.016em; }

@media (max-width: 1199.98px) {
  html[data-skin="ember"] .s-fw-body { padding-left: 16px; padding-right: 16px; }
  html[data-skin="ember"] .s-fw-t { font-size: clamp(13px, 7.2cqi, 22px); }
}

html[data-skin="ember"] .s-situations[data-mode="slide"] .s-sit-head .sec-title { color: color-mix(in srgb, var(--e-pearl-3) calc(var(--fin, 0) * 100%), var(--e-pearl)); }
html[data-skin="ember"] .s-sit-ctl .counter { color: var(--e-pearl); font-size: 15px; }
html[data-skin="ember"] .s-sit-ctl .counter b { color: var(--e-pearl); }
html[data-skin="ember"] .s-sit-ctl .s-sit-of { color: var(--e-pearl-3); }
html[data-skin="ember"] .s-sit-ctl .dots-bar { background: var(--e-line-d); height: 4px; }
html[data-skin="ember"] .s-sit-ctl .dots-bar::after { background: var(--e-copper-t); }
html[data-skin="ember"] .s-sit-x { letter-spacing: -.026em; }

html[data-skin="ember"] .s-sit-ill--f { --sf-cud: #8A5431; }
html[data-skin="ember"] .s-sit-ill--f .s-sit-f-pan { border-radius: 16px; }
html[data-skin="ember"] :is(.s-sit-ill--f .s-sit-f-t, .s-sit-ill--f .s-sit-f-pn .s-sit-f-t) { border-radius: 10px; }

html[data-skin="ember"] .s-sit-ill--f .s-sit-f-pw :is(.s-sit-f-k, .s-sit-f-d, .s-sit-f-nm, .s-sit-f-lg, .s-sit-f-l3 small) { font-size: 12px; }
html[data-skin="ember"] .s-sit-ill--f .s-sit-f-v[style*="--fs:17px"] { font-size: 16px; }
html[data-skin="ember"] .s-sit-ill--f .s-sit-f-v:is([style*="--fs:21px"], [style*="--fs:22px"]) { font-size: 20px; }
html[data-skin="ember"] .s-sit-ill--f .s-sit-f-v[style*="--fs:28px"] { font-size: 24px; }

html[data-skin="ember"] .s-sit-ill--f :is(.s-sit-f-cu, .s-sit-f-lg b.s-sit-f-cu) { color: var(--sf-cud); }
html[data-skin="ember"] .s-sit-ill--f .s-sit-f-v.s-sit-f-cu:is([style*="--fs:24px"], [style*="--fs:28px"]) { color: var(--copper); }
html[data-skin="ember"] .s-sit-ill--f .s-sit-f-old { color: var(--ink-2); }

html[data-skin="ember"] .s-sit-ill--f .s-sit-f-chip--cu { background: color-mix(in srgb, var(--copper) 12%, var(--canvas)); color: var(--e-copper-ink); }

html[data-skin="ember"] .s-sit-res.card--ink {
  border: 1px solid transparent; color: var(--e-pearl);
  background: var(--e-corner-br-b), var(--e-edge-br);
  background-origin: padding-box, border-box; background-clip: padding-box, border-box;
}
html[data-skin="ember"] .s-sit-res .s-sit-flow { background: var(--e-corner-br-l); }
html[data-skin="ember"] .s-sit-res-t { color: var(--e-pearl); font-size: max(34px, calc(clamp(32px, 3.34vw, 48px) * var(--rt, 1))); letter-spacing: -.034em; }
html[data-skin="ember"] .s-sit-res-p { color: var(--e-pearl-2); }
html[data-skin="ember"] .s-sit-res-pill { color: var(--e-pearl-2); }

html[data-skin="ember"] .s-about-dpos { color: var(--ink); }
html[data-skin="ember"] .s-about-dpos .s-about-pg { color: var(--ink); }
html[data-skin="ember"] .s-about-dh { font-size: clamp(30px, 3.34vw, 48px); letter-spacing: -.034em; }
html[data-skin="ember"] .s-about-dc .two-tone { color: var(--e-copper-ink); }
html[data-skin="ember"] .s-about-dc .two-tone b { color: var(--ink); }

html[data-skin="ember"] .s-how-track { background: var(--e-line-d); }
html[data-skin="ember"] .s-how-fill { background: var(--e-copper-t); }
html[data-skin="ember"] .s-how-rn { background: var(--e-bg); color: var(--e-pearl-3); box-shadow: inset 0 0 0 1px var(--e-line-d2); }
html[data-skin="ember"] .s-how-ri.is-act .s-how-rn { background: var(--e-pearl); color: var(--ink); box-shadow: var(--e-step-ring); }
html[data-skin="ember"] .s-how-ri.is-done .s-how-rn { background: var(--e-bg); color: var(--e-copper-t); box-shadow: inset 0 0 0 1px rgba(221, 162, 115, .55); }
html[data-skin="ember"] .s-how-rname { color: var(--e-pearl-3); }
html[data-skin="ember"] .s-how-rwhen { color: var(--e-pearl-3); }
html[data-skin="ember"] .s-how-ri.is-act .s-how-rname { color: var(--e-pearl); }
html[data-skin="ember"] .s-how-ri.is-act .s-how-rwhen { color: var(--e-pearl-2); }
@media (hover: hover) {
  html[data-skin="ember"] .s-how-ra:hover .s-how-rname { color: var(--e-pearl); }
  html[data-skin="ember"] .s-how-ri:not(.is-act) .s-how-ra:hover .s-how-rn { color: var(--e-pearl); box-shadow: inset 0 0 0 1px rgba(246, 239, 230, .5); }
}
html[data-skin="ember"] .s-how-body.is-pin .s-how-shell { box-shadow: none; }
html[data-skin="ember"] .s-how-card { --how-box: var(--canvas); }
html[data-skin="ember"] :is(.s-how-num, html[data-howhead="c"] .s-how-num) { font-family: 'Fou Manrope Digits', var(--f); font-weight: 300; letter-spacing: -.04em; color: var(--e-copper-ink); }
html[data-skin="ember"] .s-how-value { color: var(--ink-2); }
html[data-skin="ember"] .s-how-lbl { color: var(--ink-2); letter-spacing: .01em; }
html[data-skin="ember"] .s-how-inc li { font-size: 16px; }   
html[data-skin="ember"] .s-how-inc li::before { background: var(--e-copper-ink); }
html[data-skin="ember"] .s-how-role small { color: var(--ink-2); }
html[data-skin="ember"] .s-how-avw { background: var(--white); }
html[data-skin="ember"] .s-how-term::before { background: var(--white); }

@container howc (min-width: 600px) {
  html[data-skin="ember"] .s-how-body.is-pin.is-dtight2 .s-how-term { padding-top: 14px; }
}

html[data-skin="ember"] .s-who .pin-view { background: radial-gradient(40% 46% at 50% 62%, rgba(235, 178, 131, .14) 0%, rgba(235, 178, 131, .09) 24%, rgba(196, 122, 75, .05) 48%, rgba(196, 122, 75, 0) 78%); }

html[data-skin="ember"][data-dk="c"] .s-who-dk.is-car .s-who-dk-box {
  background: color-mix(in srgb, var(--white) calc(clamp(0, (var(--s-who-dk-x, 0) - .3) * 2.5, 1) * 100%), var(--e-walnut-2));
  box-shadow: inset 0 1px 0 rgba(221, 162, 115, calc(.35 * (1 - var(--s-who-dk-x, 0)))), inset 0 0 0 1px rgba(246, 239, 230, calc(.14 * (1 - var(--s-who-dk-x, 0))));
}

html[data-skin="ember"][data-dk="c"] .s-who-dk.is-car .s-who-dk-hd { opacity: clamp(0, calc((var(--s-who-dk-x, 0) - .45) * 4), 1); }
html[data-skin="ember"] .s-who-dk-pb i { background: var(--e-line-d2); }
html[data-skin="ember"] .s-who-dk-pb.is-past i { background: rgba(246, 239, 230, .4); }
html[data-skin="ember"] .s-who-dk-pb i::after { background: var(--e-copper-t); }
@media (hover: hover) { html[data-skin="ember"] .s-who-dk-pb:not(.is-on):hover i { background: rgba(246, 239, 230, .55); } }

html[data-skin="ember"] .s-who-p--dk { --k-tile: var(--canvas); --dv-trk: rgba(34, 25, 19, .08); padding-left: 0; padding-right: 0; background: none; }
html[data-skin="ember"] :is(.s-who-kg-i, .s-who-kt-m, .s-who-ks-d, .s-who-kr-cap, .s-who-kr-t, .s-who-kl-m, .s-who-kl-t, .s-who-kk-sum) { border-radius: 16px; }

html[data-skin="ember"] :is(.s-who-kg-ic, .s-who-kg-who, .s-who-kt-m .s-who-avx) { background: var(--white); }

html[data-skin="ember"] .s-who-ks { --ks4: var(--ink-2); --ks5: var(--ink); }
html[data-skin="ember"] :is(.s-who-kl-t--in, .s-who-kl-t--inv) { --kl-c: var(--ink); }
html[data-skin="ember"] .s-who-kl-t--out { --kl-c: var(--e-copper-ink); }
html[data-skin="ember"] .s-who-kl-p { color: var(--ink-2); }
html[data-skin="ember"] .s-who-kl-bar i { background: var(--ink); }

html[data-skin="ember"] .s-who-kr-rec { padding-left: 0; padding-right: 0; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--line); }
html[data-skin="ember"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-rec { padding-left: 0; padding-right: 0; }
html[data-skin="ember"] .s-who-kr-rw { color: var(--ink); }
html[data-skin="ember"] .s-who-kr-go { background: var(--e-field); color: var(--e-copper-ink); box-shadow: inset 0 0 0 1px var(--line); }
html[data-skin="ember"] .s-who-kr-sv .l { stroke: var(--e-copper-ink); }
html[data-skin="ember"] .s-who-kr-dot { background: var(--e-copper-ink); }
html[data-skin="ember"] .s-who-kk-list .is-done .s-who-kk-s { background: var(--e-copper-ink); color: #FFF7EE; }
html[data-skin="ember"] .s-who-kk-list .is-next .s-who-kk-s { box-shadow: inset 0 0 0 1.5px rgba(34, 25, 19, .24); }
html[data-skin="ember"] .s-who-dk-tick { background: var(--e-copper-ink); color: #FFF7EE; }

html[data-skin="ember"] .s-who-kk { column-gap: 24px; }
html[data-skin="ember"] .s-who-kk-list { align-content: center; gap: 0; padding: 0; border-radius: 0; background: none; }
html[data-skin="ember"] .s-who-kk-list > li { padding: 10px 0; border-radius: 0; background: none; }
html[data-skin="ember"] .s-who-kk-list > li + li { box-shadow: inset 0 1px 0 var(--line); }
html[data-skin="ember"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk { column-gap: 12px; }
html[data-skin="ember"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-list { gap: 0; padding: 2px 14px 2px 12px; border-radius: 16px; background: var(--k-tile); }
html[data-skin="ember"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-list > li { padding: 12px 0; }
html[data-skin="ember"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-list .s-who-avw { --ph-size: 34px; }
html[data-skin="ember"] .s-who-dk.is-tight .s-who-kk-list { gap: 0; }
html[data-skin="ember"] .s-who-dk.is-tight .s-who-kk-list > li { padding-block: 6px; }
html[data-skin="ember"] .s-who-dk.is-tight2 .s-who-kk-list > li { padding-block: 4px; }

html[data-skin="ember"] .s-who-kr { column-gap: 24px; }
html[data-skin="ember"] .s-who-kr-t:not(.s-who-kr-cap) { position: relative; padding-left: 0; padding-right: 0; border-radius: 0; background: none; }
html[data-skin="ember"] .s-who-kr-t:not(.s-who-kr-cap) + .s-who-kr-t::before { content: ""; position: absolute; left: 0; right: 0; top: -5.5px; height: 1px; background: var(--line); }
html[data-skin="ember"] .s-who-dk.is-tight .s-who-kr-cap { padding-top: 14px; }
html[data-skin="ember"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-t:not(.s-who-kr-cap) { border-radius: 16px; background: var(--k-tile); }
html[data-skin="ember"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-t:not(.s-who-kr-cap) + .s-who-kr-t::before { display: none; }

html[data-skin="ember"] .s-who-kt-m { padding-top: 14px; padding-bottom: 14px; }
html[data-skin="ember"] .s-who-dk.is-tight .s-who-kt-m { padding-top: 14px; padding-bottom: 14px; }
html[data-skin="ember"] .s-who-dk.is-tight .s-who-ks-d { padding-top: 14px; }
html[data-skin="ember"] .s-who-kl-m { padding-top: 14px; }
html[data-skin="ember"] .s-who-dk.is-tight :is(.s-who-kl-m, .s-who-kl-t) { padding-top: 14px; padding-bottom: 13px; }

html[data-skin="ember"] .s-who-dk.is-tight .s-who-p--kl { padding-top: 4px; padding-bottom: 4px; }

html[data-skin="ember"] .s-who-kl-tx li > span { white-space: normal; }

@container swhop (max-width: 619.98px) {
  html[data-skin="ember"] .s-who-kg-t { flex-direction: column; align-items: flex-start; gap: 2px; }
}

html[data-skin="ember"] .s-who-dk-rv b { font-size: 16px; }
html[data-skin="ember"] :is(.s-who-kg-pc, .s-who-kr-d, .s-who-kl-k) { font-size: 12px; }
html[data-skin="ember"] .s-who-kg-t b { font-size: 13px; }
html[data-skin="ember"] .s-who-kk-ring { --kk-n: 24px; }
html[data-skin="ember"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) :is(.s-who-kg-who, .s-who-kg-sum, .s-who-kg-t > span, .s-who-ks-th dt) { font-size: 12px; }
html[data-skin="ember"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) :is(.s-who-kg-n, .s-who-ks-th dd, .s-who-kr-rw) { font-size: 16px; }
html[data-skin="ember"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) :is(.s-who-kg-t b, .s-who-kt-tx b) { font-size: 14px; }
html[data-skin="ember"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) :is(.s-who-kl-v, .s-who-kl-s) { font-size: 24px; }
html[data-skin="ember"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-cap .s-who-kr-v { font-size: 32px; }
html[data-skin="ember"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-d { font-size: 13px; }
html[data-skin="ember"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-v { font-size: 20px; }
html[data-skin="ember"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-ring { --kk-n: 32px; }
html[data-skin="ember"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-t b { font-size: 15px; }
html[data-skin="ember"] .s-who-dk.is-tight .s-who-kr-cap .s-who-kr-v { font-size: 24px; }
html[data-skin="ember"] .s-who-dk.is-tight .s-who-kk-ring { --kk-n: 24px; }

html[data-skin="ember"] .s-who-kk-c b span { font-size: 13px; }
html[data-skin="ember"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-c b span { font-size: 16px; }

@container swhop (min-width: 480px) and (max-width: 619.98px) {
  html[data-skin="ember"] .s-who-kl-s { font-size: 20px; }
}

html[data-skin="ember"] .s-team-role { background: rgba(246, 240, 230, .92); color: var(--ink); font-size: 13px; letter-spacing: 0; }
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  html[data-skin="ember"] .s-team-role { -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
}
html[data-skin="ember"] .s-team-p--ext .s-team-role { background: var(--soft); -webkit-backdrop-filter: none; backdrop-filter: none; }
html[data-skin="ember"] .s-team-more-t { letter-spacing: -.016em; }

html[data-skin="ember"] .s-trust-text { font-size: 16px; color: var(--ink-2); }
html[data-skin="ember"] .s-trust-name { letter-spacing: -.022em; }

html[data-skin="ember"] .s-trust-ico { width: 24px; height: 24px; border-radius: 0; background: none; color: var(--copper); }
html[data-skin="ember"] .s-trust-ico svg { width: 24px; height: 24px; }
html[data-skin="ember"] .s-trust-fam {
  border: 1px solid transparent; color: var(--e-pearl);
  background: var(--e-corner-br-l), var(--e-corner-br-b), var(--e-edge-br);
  background-origin: padding-box, padding-box, border-box; background-clip: padding-box, padding-box, border-box;
}
html[data-skin="ember"] .s-trust-fam::after { background: linear-gradient(180deg, rgba(37, 27, 21, .30) 0%, rgba(37, 27, 21, .55) 45%, rgba(26, 18, 13, .86) 100%); }
html[data-skin="ember"] .s-trust-fam--ph::before {
  background: radial-gradient(70% 60% at 100% 100%, rgba(235, 178, 131, .55) 0%, rgba(196, 122, 75, .30) 30%, rgba(110, 58, 28, .10) 60%, transparent 80%);
  mix-blend-mode: normal; opacity: 1; -webkit-mask-image: none; mask-image: none;
}
html[data-skin="ember"] .s-trust-label { color: var(--e-pearl); letter-spacing: -.016em; }
@media (min-width: 1200px) { html[data-skin="ember"] .s-trust-label { font-size: 20px; } }
html[data-skin="ember"] :is(.s-trust-digit, .s-trust-unit) { color: var(--e-pearl); }
html[data-skin="ember"] .s-trust-digit { letter-spacing: -.05em; }

html[data-skin="ember"].js[data-cmp="c"] .s-compare-lab-t { color: var(--e-pearl); }
html[data-skin="ember"].js[data-cmp="c"] .s-compare-lab-s { color: var(--e-pearl-3); }
html[data-skin="ember"] .s-compare-k { color: var(--e-pearl); }

@media (min-width: 1280px) { html[data-skin="ember"] :is(.s-compare-k, .s-compare-c, .s-compare-f) { font-size: 16px; } }
html[data-skin="ember"] .s-compare-ki { background: var(--e-glass-d); color: var(--e-pearl-2); box-shadow: inset 0 0 0 1px var(--e-line-d2); border-radius: 50%; }
html[data-skin="ember"] .s-compare-r + .s-compare-r > .s-compare-k::before { background: var(--e-line-d); }
html[data-skin="ember"] .s-compare-r + .s-compare-r > .s-compare-f::before { background: rgba(246, 239, 230, .10); }
html[data-skin="ember"].js[data-cmp="c"] .s-compare { --s-compare-tab-bg: rgba(246, 239, 230, .07); }
html[data-skin="ember"].js[data-cmp="c"] .s-compare-chip { border-radius: 16px; color: var(--e-pearl-3); }
html[data-skin="ember"].js[data-cmp="c"] .s-compare-th { border-radius: 16px 16px 0 0; }
@media (hover: hover) {
  html[data-skin="ember"].js[data-cmp="c"] .s-compare-chip:not([aria-pressed="true"]):hover { background: rgba(246, 239, 230, .11); color: var(--e-pearl-2); }
}

html[data-skin="ember"].js[data-cmp="c"]:is([data-cmpfx="b"], [data-cmpfx="c"], [data-cmpfx="d"]) .s-compare.is-pin .s-compare-tp { display: none; }
html[data-skin="ember"] .s-compare-yn.is-yes { background: var(--e-copper-ink); color: #FFF7EE; }
html[data-skin="ember"] .s-compare-yn.is-no { background: var(--soft); color: var(--ink-2); }
html[data-skin="ember"] .s-compare-vi { box-shadow: none; }

html[data-skin="ember"].js[data-cmp="c"] .s-compare-ft {
  background: radial-gradient(70% 80% at 100% 0%, rgba(205, 134, 88, .62) 0%, rgba(160, 96, 58, .34) 28%, rgba(100, 60, 38, .12) 56%, rgba(42, 28, 20, 0) 78%), var(--e-walnut);
  box-shadow: inset 1px 0 0 rgba(240, 190, 146, .22), inset -1px 0 0 rgba(240, 190, 146, .30), inset 0 1px 0 rgba(255, 214, 178, .42);
}
html[data-skin="ember"] .s-compare-fou {
  background: var(--e-walnut); border-radius: 0 0 var(--r-lg) var(--r-lg);
  box-shadow: inset 1px 0 0 rgba(240, 190, 146, .22), inset -1px 0 0 rgba(240, 190, 146, .30), inset 0 -1px 0 rgba(240, 190, 146, .22);
}
html[data-skin="ember"] .s-compare-fs { color: var(--e-pearl-2); }

html[data-skin="ember"] .s-compare-brand { color: var(--e-pearl); }
html[data-skin="ember"] .s-compare-f { color: var(--e-pearl-2); }
html[data-skin="ember"] .s-compare-f b { color: var(--e-pearl); }
html[data-skin="ember"] .s-compare-ok { background: var(--e-amber); color: var(--ink); }
html[data-skin="ember"] .s-compare-cost i { box-shadow: inset 0 0 0 1.5px rgba(34, 25, 19, .22); }
html[data-skin="ember"] .s-compare-cost i.is-on { background: var(--copper); box-shadow: none; }
html[data-skin="ember"] .s-compare-f .s-compare-cost i:not(.is-on) { box-shadow: inset 0 0 0 1.5px rgba(246, 239, 230, .30); }

html[data-skin="ember"] .s-strategy-card > .s-strategy-glow { display: none; }
html[data-skin="ember"] .s-strategy-title { color: var(--e-pearl); letter-spacing: -.034em; line-height: 1.04; }
html[data-skin="ember"] .s-strategy-sub { color: var(--e-pearl-2); }
html[data-skin="ember"] .s-strategy-price { color: var(--e-pearl-2); }
html[data-skin="ember"] .s-strategy-goal { stroke: rgba(246, 239, 230, .16); }
html[data-skin="ember"] .s-strategy-node { background: var(--e-walnut); }
html[data-skin="ember"] .s-strategy-tip:not(.is-goal) { background: var(--e-pearl); box-shadow: 0 0 12px rgba(235, 178, 131, .6); }

html[data-skin="ember"] .s-strategy-n { background: var(--ink); color: var(--e-pearl); }
html[data-skin="ember"] .is-pin .s-strategy-st:not(.is-now):not(.is-done) .s-strategy-n { background: var(--white); box-shadow: inset 0 0 0 1px var(--line); color: var(--ink-2); }
html[data-skin="ember"] .is-pin .s-strategy-st.is-now .s-strategy-n { box-shadow: var(--e-step-ring); }
@media (min-width: 1200px) { html[data-skin="ember"] .s-strategy-tx p { font-size: 16px; } }   
html[data-skin="ember"] .s-strategy-st h3 { letter-spacing: -.022em; }

html[data-skin="ember"] .s-faq-write { color: var(--e-pearl); text-decoration-color: rgba(221, 162, 115, .6); }
@media (hover: hover) { html[data-skin="ember"] .s-faq-write:hover { text-decoration-color: var(--e-copper-t); } }
html[data-skin="ember"] .s-faq-panel { gap: 0; padding: 8px 16px; border-radius: var(--r-lg); background: var(--white); }
html[data-skin="ember"] .s-faq-q { background: none; border-radius: 0; }
html[data-skin="ember"] .s-faq-q:not([hidden]) ~ .s-faq-q:not([hidden]) { box-shadow: inset 0 1px 0 var(--line); }

html[data-skin="ember"] .s-faq-q:has(> .s-faq-s:focus-visible) { outline-color: #9A5A30; }
html[data-skin="ember"] .s-faq-ico { border-radius: 10px; }
html[data-skin="ember"] .s-faq-q[open]:not(.is-closing) .s-faq-ico { color: var(--e-pearl); }
html[data-skin="ember"] .s-faq-chev { color: var(--ink-2); }
html[data-skin="ember"] .s-faq-at { color: var(--ink-2); }

html[data-skin="ember"] .s-meet-flow { display: none; }
html[data-skin="ember"] .s-meet-grid > .s-meet-card {
  border: 1px solid transparent; color: var(--e-pearl);
  background: var(--e-lit-l), var(--e-lit-b), var(--e-edge-lit);
  background-origin: padding-box, padding-box, border-box; background-clip: padding-box, padding-box, border-box;
  box-shadow: inset 0 0 24px -6px rgba(222, 132, 74, .30), inset 0 -18px 30px -18px rgba(250, 196, 150, .5), 0 50px 90px -60px rgba(235, 150, 90, .45);
}

html[data-skin="ember"] .s-meet-card { min-height: clamp(316px, var(--meet-h, 420px), 640px); }
html[data-skin="ember"] .s-meet-t { font-size: var(--e-disp); line-height: 1.02; letter-spacing: -.036em; color: var(--e-pearl); }
html[data-skin="ember"] .s-meet-text { max-width: 25em; color: var(--e-pearl-2); }
html[data-skin="ember"] .s-meet-card :focus-visible { outline-color: var(--e-amber); }

html[data-skin="ember"] .ft { padding-top: 48px; }
html[data-skin="ember"] .ft-card {
  padding: 40px 0 8px; border-radius: 0; color: var(--e-pearl);
  background: linear-gradient(90deg, rgba(221, 162, 115, 0) 0%, rgba(221, 162, 115, .45) 30%, rgba(255, 214, 178, .7) 50%, rgba(221, 162, 115, .45) 70%, rgba(221, 162, 115, 0) 100%) top / 100% 1px no-repeat;
  overflow: visible;
}
html[data-skin="ember"] .ft-slogan { color: var(--e-pearl-2); letter-spacing: -.012em; }
html[data-skin="ember"] .ft-tag { color: var(--e-pearl-3); font-size: 14px; letter-spacing: 0; }
html[data-skin="ember"] .ft-con { border-color: var(--e-line-d2); background: var(--e-glass-d); }
html[data-skin="ember"] .ft-ph { color: var(--e-pearl); font-size: 16px; }
html[data-skin="ember"] .ft-pt { color: var(--e-pearl-2); }
html[data-skin="ember"] .ft-ln { color: var(--e-pearl); text-decoration-color: rgba(221, 162, 115, .6); }
html[data-skin="ember"] .ft-fine { margin-top: 32px; border-top-color: var(--e-line-d); }
html[data-skin="ember"] .ft-legal { color: var(--e-pearl-3); }
html[data-skin="ember"] .ft-doc { font-size: 13px; color: var(--e-pearl-2); text-decoration-color: rgba(221, 162, 115, .45); }
html[data-skin="ember"] .ft-doc:not([href]) { color: var(--e-pearl-3); text-decoration-color: rgba(246, 239, 230, .22); }

@media (max-height: 799.98px) {
  html[data-skin="ember"] .ft { padding-top: 32px; }
  html[data-skin="ember"] .ft-card { padding-top: 32px; padding-bottom: 0; }
  html[data-skin="ember"] .ft-fine { margin-top: 24px; }
  html[data-skin="ember"] .s-meet-card { min-height: clamp(260px, var(--meet-h, 420px), 640px); padding-top: 32px; padding-bottom: 32px; }
}

html[data-skin="ember"] .layer-bg { background: rgba(18, 12, 9, .62); }
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  html[data-skin="ember"] .layer-bg { -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
}
html[data-skin="ember"] .modal-p { background: var(--white); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7), 0 40px 100px -40px rgba(8, 5, 3, .7); }
html[data-skin="ember"] .m-crumb { color: var(--ink-2); letter-spacing: .01em; }
html[data-skin="ember"] .m-t { font-size: 24px; letter-spacing: -.022em; }
html[data-skin="ember"] .m-lead { color: var(--ink-2); }
html[data-skin="ember"] .inp { background: var(--e-field); border-color: var(--g3); }
html[data-skin="ember"] .inp:focus { outline-color: #9A5A30; border-color: #9A5A30; }
html[data-skin="ember"] .inp[aria-invalid="true"] { border-color: var(--ink); }
html[data-skin="ember"] .segs input:checked + span { background: var(--e-field); }
html[data-skin="ember"] .segs input:focus-visible + span, html[data-skin="ember"] .checks input:focus-visible + span { outline-color: #9A5A30; }
html[data-skin="ember"] .checks input:checked + span { color: var(--e-pearl); }
html[data-skin="ember"] .m-prog > i.is-on { background: var(--ink); }
html[data-skin="ember"] .m-consent { border-top-color: var(--line); }

html[data-skin="ember"] .cab-err-b { background: var(--canvas); border-radius: var(--r-md); }
html[data-skin="ember"] .cab-hint { color: var(--ink-2); }
html[data-skin="ember"] .cab-cta { background: none; box-shadow: inset 0 0 0 1px rgba(34, 25, 19, .24); }
@media (hover: hover) { html[data-skin="ember"] .cab-cta:hover { background: none; box-shadow: inset 0 0 0 1px rgba(34, 25, 19, .48); } }
html[data-skin="ember"] .cab-eye { color: var(--ink-2); border-radius: var(--r-sm); }

html[data-skin="ember"] :is(.sheet-p, .mnav-act) { background: var(--white); }

html[data-skin="ember"] .cs-pop { background: var(--e-field); box-shadow: 0 0 0 1px var(--line), 0 20px 48px -16px rgba(34, 25, 19, .32); }
html[data-skin="ember"] .sel.cs-up .cs-pop:not(.cs-pop--flow) { box-shadow: 0 0 0 1px var(--line), 0 -20px 48px -16px rgba(34, 25, 19, .26); }
html[data-skin="ember"] .cs-pop.is-kbd .cs-o.is-act { box-shadow: inset 0 0 0 2px #9A5A30; }
html[data-skin="ember"] :is(.cs-btn:focus-visible, .sel.is-open .cs-btn) { outline-color: #9A5A30; border-color: #9A5A30; }
html[data-skin="ember"] .cs-gl { color: var(--ink-2); }

}

@property --dusk-ring { syntax: "<angle>"; inherits: false; initial-value: 0deg; }

html[data-skin="dusk"] {
  
  --dusk: #1E1A20; --dusk-2: #26232B;
  --day: #F5F2F6; --day-2: #EDE9F1; --porcelain: #FCFBFD;
  --pearl: #F8F4EE; --pearl-2: rgba(248, 244, 238, .72); --pearl-3: rgba(248, 244, 238, .58);
  
  --acc-d: #E8C996; --acc-l: #7C7585; --vio: #5E4B8C; --vio-2: #8A79B8;
  --mint: #B6E8BA;
  
  --l-core: #FFF6E6; --l-champagne: #F3DBA9;
  --line-l: rgba(30, 26, 32, .10); --line-l-2: rgba(30, 26, 32, .18); --line-btn: rgba(30, 26, 32, .24);
  --line-d: rgba(248, 244, 238, .10); --line-d-2: rgba(248, 244, 238, .18);
  --tint-l: rgba(30, 26, 32, .05); --tint-d: rgba(248, 244, 238, .06);
  --edge-l: 0 0 0 1px rgba(30, 26, 32, .10);
  --edge-d: inset 0 0 0 1px rgba(255, 255, 255, .07);
  --focus-l: #5E4B8C; --focus-d: #F3DBA9; --error: #B3402A; --ok: #2C7A55;
  
  --gl-fill: rgba(38, 42, 58, .46);
  --gl-fill-fb: #24232C;                       
  --gl-blur: blur(28px) saturate(1.4);
  --gl-sheen: linear-gradient(180deg, rgba(255, 255, 255, .045) 0%, rgba(255, 255, 255, 0) 32%);
  --gl-floor: radial-gradient(130% 46% at 50% 116%, rgba(255, 240, 215, .15) 0%, rgba(255, 240, 215, .06) 46%, rgba(255, 240, 215, 0) 72%);
  --gl-edge: inset 0 1px 0 rgba(255, 255, 255, .10), inset 0 0 0 1px rgba(255, 255, 255, .065);
  --gl-2: rgba(248, 244, 238, .08);
  --gl-2-edge: inset 0 0 0 1px rgba(248, 244, 238, .18), inset 0 1px 0 rgba(255, 246, 230, .22);
  
  --pn: #22212B;
  --pn-light: radial-gradient(62% 48% at 96% 0%, rgba(176, 156, 236, .22) 0%, rgba(176, 156, 236, .1) 45%, rgba(176, 156, 236, 0) 76%),
    radial-gradient(70% 52% at 0% 100%, rgba(108, 118, 222, .18) 0%, rgba(108, 118, 222, .08) 45%, rgba(108, 118, 222, 0) 76%);
  
  --lift-1: 0 30px 60px -44px rgba(42, 30, 58, .26);
  --lift-2: 0 40px 70px -40px rgba(42, 30, 58, .32);
  --lift-dark: 0 40px 80px -40px rgba(14, 10, 20, .62);
  --lift-win: 0 32px 72px -32px rgba(18, 14, 22, .45);
  --lift-pill: 0 8px 20px -12px rgba(42, 30, 58, .3);
  --glow-btn: 0 0 0 1px rgba(243, 219, 169, .6), 0 12px 40px -12px rgba(176, 156, 236, .55);
  --dusk-ease: cubic-bezier(.2, .7, .2, 1);
  
  --rim-l: linear-gradient(90deg, transparent 8%, rgba(138, 121, 184, .34) 26%, rgba(176, 156, 236, .85) 40%, rgba(232, 201, 150, 1) 50%, rgba(176, 156, 236, .85) 60%, rgba(138, 121, 184, .34) 74%, transparent 92%); 
  --rim-d: linear-gradient(90deg, transparent 6%, rgba(176, 156, 236, .42) 26%, rgba(255, 240, 214, .95) 50%, rgba(176, 156, 236, .42) 74%, transparent 94%);

  --canvas: #F5F2F6; --white: #FCFBFD; --ink: #1E1A20; --ink-2: #57525E; --ink-2c: #57525E; --ink-3: #6C6675; --dim: #7C7585;
  --soft: rgba(30, 26, 32, .05); --line: rgba(30, 26, 32, .10);
  --orange: #1E1A20; --on-orange: #F8F4EE; --green: #1E1A20; --on-green: #F8F4EE;
  --gr-mid: #5E4B8C; --gr-light: #5E4B8C; --gr-pale: rgba(30, 26, 32, .05); --gr-deep: #1E1A20; --gr-hi: #8A79B8;
  --o-deep: #1E1A20; --o-mid: #5E4B8C; --o-light: #5E4B8C; --o-hi: #8A79B8; --o-end: #5E4B8C;
  --copper: #5E4B8C; --copper-t: #B5AEBF;
  --g1: #3F3A45; --g2: #B5AEBF; --g3: #DDD8E3;
  --dv-1: #1E1A20; --dv-2: #5E4B8C; --dv-2t: #B5AEBF; --dv-3: #DDD8E3; --dv-trk: rgba(30, 26, 32, .08); --dv-off: #DDD8E3;
  --dv-grid: rgba(30, 26, 32, .10); --dv-txt-2: #57525E; --dv-ok: #2C7A55; --dv-acc: #5E4B8C; --dv-ring-bd: #FCFBFD;
  --sh-1: 0 0 0 1px rgba(30, 26, 32, .10), 0 30px 60px -44px rgba(42, 30, 58, .26);
  --sh-lift: 0 0 0 1px rgba(30, 26, 32, .10), 0 40px 70px -40px rgba(42, 30, 58, .32);
  --sh-glass: 0 8px 20px -12px rgba(42, 30, 58, .3);
  --glass-bg: rgba(252, 251, 253, .94); --glass-bg-fb: rgba(252, 251, 253, .96); --glass-bd: rgba(255, 255, 255, .6); --glass-blur: blur(14px) saturate(1.4);
  
  --flow: none; --flow-fb: none; --flow-white: none; --flow-white-fb: none; --flow-green: none; --flow-green-fb: none;
  --f: 'Onest', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-wm: 'Onest', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

html[data-skin="dusk"] :is(#top, #about, #who, footer.ft, .s-strategy-card, .s-sit-res, .s-trust-fam, .s-compare-f) {
  --canvas: #1E1A20; --white: var(--dusk-2); --ink: #F8F4EE; --ink-2: rgba(248, 244, 238, .72); --ink-2c: rgba(248, 244, 238, .72);
  --ink-3: rgba(248, 244, 238, .58); --dim: rgba(248, 244, 238, .46); --soft: rgba(248, 244, 238, .06); --line: rgba(248, 244, 238, .10);
  --ink-in: rgba(248, 244, 238, .06); --ink-line: rgba(248, 244, 238, .10); --on-ink-2: rgba(248, 244, 238, .72);
  --orange: #F8F4EE; --on-orange: #1E1A20; --green: #E8C996; --on-green: #1E1A20;
  --gr-mid: #E8C996; --gr-light: #E8C996; --gr-pale: rgba(243, 219, 169, .08); --gr-deep: #F8F4EE;
  --o-deep: rgba(248, 244, 238, .28); --o-mid: #E8C996; --o-light: #F3DBA9; --o-hi: #FFF6E6; --o-end: #E8C996;
  --copper: #E8C996; --copper-t: rgba(248, 244, 238, .45);
  --g1: rgba(248, 244, 238, .72); --g2: rgba(248, 244, 238, .45); --g3: rgba(248, 244, 238, .16);
  --dv-1: #E8C996; --dv-2: rgba(248, 244, 238, .45); --dv-2t: rgba(248, 244, 238, .28); --dv-3: rgba(248, 244, 238, .16); --dv-trk: rgba(248, 244, 238, .12);
  --dv-off: rgba(248, 244, 238, .16); --dv-grid: rgba(248, 244, 238, .10); --dv-txt-2: rgba(248, 244, 238, .58); --dv-ok: #B6E8BA; --dv-acc: #E8C996; --dv-ring-bd: var(--dusk-2);
  --s-t1: #F8F4EE; --s-t2: rgba(248, 244, 238, .62);
  --tint-l: rgba(248, 244, 238, .06);
  color: #F8F4EE;
}

html[data-skin="dusk"] .vpanel { --ink: #0D0D0D; --ink-in: #1C1C1C; --ink-line: #2A2A29; --on-ink-2: #8E8C87; --orange: #FF5A1F; --o-hi: #FFA466; --r-sm: 12px; --r-md: 20px; --r-pill: 999px; --f: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif; }
html[data-skin="dusk"] .vpanel :focus-visible { outline-color: #fff; }

html[data-skin="dusk"] .s-who-p--dk { --dv-trk: rgba(248, 244, 238, .12); }
html[data-skin="dusk"] .s-top-tasks li[data-state="done"] .dv-li-i { color: var(--dusk); }
html[data-skin="dusk"] .s-sit-ill--e .s-sit-e-m--ink { --ink-in: rgba(248, 244, 238, .06); --ink-line: rgba(248, 244, 238, .10); --copper: #E8C996; }

@media (min-width: 1024px) {

  html[data-skin="dusk"] {
    
    --p-field: clamp(48px, 3.89vw, 56px);
    --p-join: clamp(64px, 7.22vw, 104px);
    --p-sec: clamp(88px, 10vw, 144px);
    
    --fs-meet: clamp(48px, 3.96vw, 57px);
    --fs-h2: clamp(30px, 3.4vw, 50px);
    --fs-phrase: clamp(22px, 1.8vw, 26px);
    --fs-h3: clamp(19px, 1.5vw, 22px);
    --fs-lead: clamp(17px, 1.35vw, 20px);
    --fs-text: 16.5px;
    --fs-item: 15px;
    --fs-label: 13px;
    --fs-digit: clamp(112px, 10.6vw, 160px);
    --t-h1: 64px; --t-h2: clamp(30px, 3.4vw, 50px); --t-h3: clamp(19px, 1.5vw, 22px); --t-lead: clamp(17px, 1.35vw, 20px); --t-body: 16.5px; --t-cap: 13px;
    --r-lg: 28px; --r-md: 20px; --r-sm: 12px;
    --gap: clamp(16px, 1.4vw, 20px); --pad: clamp(24px, 1.95vw, 28px); --head-gap: clamp(40px, 4.5vw, 64px); --head-gap-tight: 40px;
    --glow-max: 1;
  }

  html[data-skin="dusk"] body { background: var(--day); color: var(--ink); font-family: var(--f); font-weight: 400; font-size: var(--fs-text); line-height: 1.6; letter-spacing: -.003em; font-variant-numeric: lining-nums; }
  :where(html[data-skin="dusk"]) :is(b, strong) { font-weight: 520; }
  html[data-skin="dusk"] ::selection { background: #1E1A20; color: #F8F4EE; }
  html[data-skin="dusk"] :is(#top, #about, #who, footer.ft, .s-strategy-card, .s-sit-res, .s-trust-fam, .s-compare-f, .s-compare-ft) ::selection { background: #F8F4EE; color: #1E1A20; }
  
  html[data-skin="dusk"] :focus-visible { outline-color: var(--focus-l); }
  html[data-skin="dusk"] :is(#top, #about, #who, footer.ft, .s-strategy-card, .s-sit-res, .s-trust-fam) :focus-visible { outline-color: var(--focus-d); }
  html[data-skin="dusk"] .wrap { padding: 0 var(--p-field); }

  html[data-skin="dusk"] :is(.sec-title, .h2) { font-weight: 420; font-size: var(--fs-h2); line-height: 1.08; letter-spacing: -.028em; text-wrap: balance; }
  html[data-skin="dusk"] .sec-title { max-width: 18em; }
  html[data-skin="dusk"] .sec-head { margin-bottom: var(--head-gap); }
  html[data-skin="dusk"] .sec-sub { margin-top: 24px; max-width: 46ch; font-weight: 400; font-size: var(--fs-lead); line-height: 1.5; letter-spacing: -.006em; color: var(--ink-2); text-wrap: pretty; }
  html[data-skin="dusk"] .sec-sub b { color: inherit; font-weight: inherit; }
  html[data-skin="dusk"] .two-tone { color: var(--ink-2); }
  html[data-skin="dusk"] .two-tone b { color: var(--ink); font-weight: inherit; }
  html[data-skin="dusk"] .counter { font-size: var(--fs-label); font-weight: 520; color: var(--ink-3); font-variant-numeric: tabular-nums lining-nums; }
  html[data-skin="dusk"] .counter b { font-weight: 520; color: var(--ink); }

  html[data-skin="dusk"] .sec { padding-block: var(--p-join); }
  html[data-skin="dusk"] :is(#top, #about, #who, #strategy) + .sec { padding-top: var(--p-sec); }
  html[data-skin="dusk"] .sec:has(+ :is(#about, #who, #strategy)) { padding-bottom: var(--p-sec); }
  html[data-skin="dusk"] #meet { padding-bottom: 0; }

  html[data-skin="dusk"] .top { padding-top: 0; }
  html[data-skin="dusk"] .top::before { -webkit-mask-image: none; mask-image: none; background: transparent; box-shadow: none;
    transition: background-color .45s var(--dusk-ease), box-shadow .45s var(--dusk-ease); }
  html[data-skin="dusk"] .top.is-sc::before { background: rgba(252, 251, 253, .96); -webkit-backdrop-filter: blur(16px) saturate(1.3); backdrop-filter: blur(16px) saturate(1.3);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), inset 0 -1px 0 rgba(30, 26, 32, .07); }
  html[data-skin="dusk"] :is(.hd-nav, .top.is-sc .hd-nav) { height: 80px; padding: 0; border-radius: 0; background: none; box-shadow: none; color: var(--ink); transition: color .45s var(--dusk-ease); }
  html[data-skin="dusk"] .hd-nav > .hd-lk { margin-left: 0; }
  html[data-skin="dusk"] .top:not(.is-sc) .hd-nav { color: var(--pearl); }
  html[data-skin="dusk"] .hd-menu { font-size: var(--fs-item); font-weight: 400; letter-spacing: -.004em; }
  html[data-skin="dusk"] .hd-menu a { opacity: .74; transition: opacity .3s var(--dusk-ease); }
  html[data-skin="dusk"] .hd-menu a[aria-current="true"] { opacity: 1; }
  html[data-skin="dusk"] .hd-cab { font-weight: 520; }
  html[data-skin="dusk"] .hd-cta { height: 44px; padding: 0 20px; font-size: var(--fs-item); }
  html[data-skin="dusk"] .top:not(.is-sc) .hd-cta { background: var(--gl-2); color: var(--pearl); box-shadow: var(--gl-2-edge);
    -webkit-backdrop-filter: blur(14px) saturate(1.3); backdrop-filter: blur(14px) saturate(1.3); }
  @media (hover: hover) {
    html[data-skin="dusk"] :is(.hd-menu a, .hd-cab):hover { opacity: 1; }
    html[data-skin="dusk"] .hd-cab:hover { opacity: .74; }
  }
  @media (max-width: 1399.98px) { html[data-skin="dusk"] .hd-menu { font-size: var(--fs-item); } }
  @media (max-width: 1299.98px) { html[data-skin="dusk"] .hd-menu { font-size: var(--fs-item); gap: 16px; } }
  
  @supports (animation-timeline: view()) {
    html[data-skin="dusk"] { timeline-scope: --dusk-t, --dusk-a, --dusk-w, --dusk-f; }
    html[data-skin="dusk"] #top { view-timeline: --dusk-t block; view-timeline-inset: 0px calc(100% - var(--hd-h) - 20px); }
    html[data-skin="dusk"] #about { view-timeline: --dusk-a block; view-timeline-inset: 0px calc(100% - var(--hd-h) - 20px); }
    html[data-skin="dusk"] #who { view-timeline: --dusk-w block; view-timeline-inset: 0px calc(100% - var(--hd-h) - 20px); }
    
    html[data-skin="dusk"] footer.ft .ft-card { view-timeline: --dusk-f block; view-timeline-inset: 0px calc(100% - var(--hd-h) - 20px); }
    
    html[data-skin="dusk"] .top.is-sc::before, html[data-skin="dusk"] .top.is-sc .hd-nav, html[data-skin="dusk"] .top.is-sc .hd-cta {
      animation: dusk-hd-x linear none, dusk-hd-x linear none, dusk-hd-x linear none, dusk-hd-x linear none;
      animation-timeline: --dusk-t, --dusk-a, --dusk-w, --dusk-f;
      animation-range: contain 0% contain 100%, contain 40px contain 100%, contain 40px contain 100%, contain 40px contain 100%; }
    html[data-skin="dusk"] .top.is-sc::before { animation-name: dusk-hd-bg, dusk-hd-bg-s, dusk-hd-bg-s, dusk-hd-bg-s; }
    html[data-skin="dusk"] .top.is-sc .hd-nav { animation-name: dusk-hd-tx, dusk-hd-tx, dusk-hd-tx, dusk-hd-tx; }
    html[data-skin="dusk"] .top.is-sc .hd-cta { animation-name: dusk-hd-cta, dusk-hd-cta, dusk-hd-cta, dusk-hd-cta; }
  }
  @keyframes dusk-hd-bg { from, to { background: rgba(30, 26, 32, .62); -webkit-backdrop-filter: blur(22px) saturate(1.4); backdrop-filter: blur(22px) saturate(1.4); box-shadow: inset 0 -1px 0 rgba(248, 244, 238, .06); } }
  @keyframes dusk-hd-bg-s { from, to { left: 12px; right: 12px; background: rgba(30, 26, 32, .62); -webkit-backdrop-filter: blur(22px) saturate(1.4); backdrop-filter: blur(22px) saturate(1.4); box-shadow: inset 0 -1px 0 rgba(248, 244, 238, .06); } }
  @keyframes dusk-hd-tx { from, to { color: #F8F4EE; } }
  @keyframes dusk-hd-cta { from, to { background: rgba(248, 244, 238, .08); color: #F8F4EE; box-shadow: inset 0 0 0 1px rgba(248, 244, 238, .18), inset 0 1px 0 rgba(255, 246, 230, .22);
    --rc-1: #F3DBA9; --rc-2: #FFF6E6; --rc-3: #B09CEC; --rc-base: rgba(248, 244, 238, .2); } } 

  html[data-skin="dusk"] .btn { gap: 12px; height: 52px; padding: 0 26px; font-size: var(--fs-item); font-weight: 520; letter-spacing: -.004em;
    transition: background-color .35s var(--dusk-ease), color .35s var(--dusk-ease), box-shadow .35s var(--dusk-ease), transform var(--d1) var(--ease); }
  html[data-skin="dusk"] .btn:has(.btn-arrow) { padding-right: 24px; }
  html[data-skin="dusk"] .btn .btn-arrow { width: 16px; height: 16px; border-radius: 0; background: none; color: inherit; transition: transform .45s var(--dusk-ease); }
  html[data-skin="dusk"] .btn .btn-arrow::before, html[data-skin="dusk"] .btn .btn-arrow svg { width: 16px; height: 16px; }
  html[data-skin="dusk"] .btn--sm { gap: 10px; height: 44px; padding: 0 20px; font-size: var(--fs-item); }
  html[data-skin="dusk"] .btn--sm:has(.btn-arrow) { padding-right: 18px; }
  html[data-skin="dusk"] .btn--sm .btn-arrow, html[data-skin="dusk"] .btn--sm .btn-arrow::before { width: 14px; height: 14px; }
  
  html[data-skin="dusk"] :is(.btn--orange, .btn--ink, .btn--white) { background: #1E1A20; color: #F8F4EE; box-shadow: none; }
  html[data-skin="dusk"] :is(#top, #about, #who, .s-strategy-card, .s-sit-res, footer.ft) :is(.btn--orange, .btn--ink, .btn--white) { background: #F8F4EE; color: #1E1A20; }
  
  html[data-skin="dusk"] .btn--ghost { background: none; color: var(--ink); box-shadow: inset 0 0 0 1px var(--line-btn); }
  @media (hover: hover) {
    html[data-skin="dusk"] .btn:not(:disabled):hover { opacity: 1; filter: none; }
    html[data-skin="dusk"] .btn:not(:disabled):hover .btn-arrow { transform: translateX(4px); }
    html[data-skin="dusk"] :is(.btn--orange, .btn--ink, .btn--white):not(:disabled):hover { background: #2E2933; box-shadow: var(--lift-pill); }
    html[data-skin="dusk"] :is(#top, #about, #who, .s-strategy-card, .s-sit-res, footer.ft) :is(.btn--orange, .btn--ink, .btn--white):not(:disabled):hover { background: #FFFFFF; box-shadow: 0 12px 40px -12px rgba(176, 156, 236, .55); } 
    html[data-skin="dusk"] .btn--ghost:not(:disabled):hover { background: rgba(30, 26, 32, .04); box-shadow: inset 0 0 0 1px rgba(30, 26, 32, .5); }
  }
  
  html[data-skin="dusk"] :is(.btn--orange, .btn--ink, .btn--white) { position: relative; --rc-1: #8A79B8; --rc-2: #5E4B8C; --rc-3: #E8C996; --rc-base: rgba(30, 26, 32, .14); }
  html[data-skin="dusk"] :is(:is(#top, #about, #who, .s-strategy-card, .s-sit-res, footer.ft) :is(.btn--orange, .btn--ink, .btn--white), .top:not(.is-sc) .hd-cta) {
    --rc-1: #F3DBA9; --rc-2: #FFF6E6; --rc-3: #B09CEC; --rc-base: rgba(248, 244, 238, .2); }
  html[data-skin="dusk"] :is(.btn--orange, .btn--ink, .btn--white)::after { content: ""; position: absolute; inset: -1.5px; padding: 1.5px; border-radius: inherit; pointer-events: none; opacity: 0;
    background: conic-gradient(from var(--dusk-ring), transparent 0 18%, var(--rc-3) 44%, transparent 47% 68%, var(--rc-1) 90%, var(--rc-2) 97%, transparent 100%), linear-gradient(var(--rc-base) 0 0);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
    transition: opacity .3s var(--dusk-ease); }
  @keyframes dusk-ring { to { --dusk-ring: 360deg; } }
  @media (hover: hover) {
    html[data-skin="dusk"] :is(.btn--orange, .btn--ink, .btn--white):not(:disabled):hover::after { opacity: 1; animation: dusk-ring .9s cubic-bezier(.25, .6, .4, .92), dusk-ring 7s linear .9s infinite; }
    
    html[data-skin="dusk"] .top:not(.is-sc) .hd-cta:not(:disabled):hover { background: rgba(248, 244, 238, .12); color: var(--pearl);
      box-shadow: inset 0 1px 0 rgba(255, 246, 230, .22), 0 12px 40px -12px rgba(176, 156, 236, .55); }
  }
  @media (hover: hover) and (prefers-reduced-motion: reduce) {
    html[data-skin="dusk"] :is(.btn--orange, .btn--ink, .btn--white):not(:disabled):hover::after { animation: none; } 
  }
  
  html[data-skin="dusk"] .icon-only { background: none; color: var(--ink); box-shadow: inset 0 0 0 1px var(--line-btn); }
  html[data-skin="dusk"] .icon-only[aria-disabled="true"] { background: none; color: rgba(30, 26, 32, .3); box-shadow: inset 0 0 0 1px var(--line-l); }
  @media (hover: hover) { html[data-skin="dusk"] .icon-only:not([aria-disabled="true"]):hover { background: #1E1A20; color: #F8F4EE; box-shadow: none; } }
  
  html[data-skin="dusk"] .hd-r .hd-burger { background: none; color: inherit; box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 28%, transparent); }
  @media (hover: hover) { html[data-skin="dusk"] .hd-r .hd-burger:not([aria-disabled="true"]):hover { background: color-mix(in srgb, currentColor 10%, transparent); color: inherit; box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 40%, transparent); } }

  html[data-skin="dusk"] .eyebrow { height: auto; padding: 0; border-radius: 0; background: none; box-shadow: none; font-size: var(--fs-label); font-weight: 520; letter-spacing: .012em; line-height: 1.3; color: var(--vio); }
  html[data-skin="dusk"] :is(#top, #about, #who) .eyebrow { color: var(--acc-d); }
  html[data-skin="dusk"] .pill { height: 30px; padding: 0 12px; border-radius: 999px; background: var(--tint-l); box-shadow: none; color: var(--ink-2); font-size: var(--fs-label); font-weight: 520; letter-spacing: .012em; }
  html[data-skin="dusk"] :is(.s-sit-res, .s-strategy-card) .pill { background: var(--gl-2); box-shadow: inset 0 0 0 1px rgba(248, 244, 238, .12); color: var(--pearl-2); }

  html[data-skin="dusk"] .bridge { margin-top: 48px; font-size: var(--fs-item); font-weight: 520; letter-spacing: -.004em; color: var(--ink-3); }
  html[data-skin="dusk"] .bridge .bridge-arrow { background: none; box-shadow: inset 0 0 0 1px var(--line-l-2); color: var(--ink-2); transition: background-color .3s var(--dusk-ease), color .3s var(--dusk-ease), box-shadow .3s var(--dusk-ease); }
  html[data-skin="dusk"] :is(#top, #about, #who) .bridge { color: var(--pearl-3); }
  html[data-skin="dusk"] :is(#top, #about, #who) .bridge .bridge-arrow { box-shadow: inset 0 0 0 1px var(--line-d-2); color: var(--pearl-2); }
  @media (hover: hover) {
    html[data-skin="dusk"] .bridge:hover { color: var(--ink); }
    html[data-skin="dusk"] .bridge:hover .bridge-arrow { background: #1E1A20; color: #F5F2F6; box-shadow: none; }
    html[data-skin="dusk"] :is(#top, #about, #who) .bridge:hover { color: var(--pearl); }
    html[data-skin="dusk"] :is(#top, #about, #who) .bridge:hover .bridge-arrow { background: #F8F4EE; color: #1E1A20; }
  }

  html[data-skin="dusk"] .card { background: var(--porcelain); box-shadow: var(--edge-l), var(--lift-1); }
  html[data-skin="dusk"] :is(.card--ink, .card--glow) { background: #1E1A20; box-shadow: var(--edge-d), var(--lift-dark); }

  html[data-skin="dusk"] .ph:not(.ph--loaded):not(.ph--ref):not(.ph--avatar):not(.ph--bare) { background-color: #F0EDF3;
    background-image: radial-gradient(44% 40% at var(--ph-lx) var(--ph-ly), rgba(176, 156, 236, .24) 0%, rgba(176, 156, 236, .09) 45%, rgba(176, 156, 236, 0) 75%),
      radial-gradient(95% 85% at var(--ph-lx) var(--ph-ly), rgba(253, 252, 255, .96) 0%, rgba(250, 248, 253, .46) 42%, rgba(250, 248, 253, 0) 78%),
      linear-gradient(var(--ph-ang, 200deg), #F7F5F9 0%, #EFECF2 50%, #E6E3EA 100%);
    box-shadow: inset 0 0 0 1px rgba(30, 26, 32, .06); }
  html[data-skin="dusk"] .ph.ph--avatar { box-shadow: 0 0 0 2px var(--porcelain); }
  html[data-skin="dusk"] :is(#top, #about, #who) .ph.ph--avatar { box-shadow: 0 0 0 1.5px rgba(248, 244, 238, .16); }
  html[data-skin="dusk"] :is(#top, #about) .ph:not(.ph--loaded):not(.ph--ref):not(.ph--avatar) { background-color: #26232B;
    background-image: radial-gradient(70% 60% at var(--ph-lx) var(--ph-ly), rgba(243, 219, 169, .10), rgba(243, 219, 169, 0) 72%), linear-gradient(200deg, #2A2630, #1A171D);
    box-shadow: var(--edge-d); }
  html[data-skin="dusk"] :is(#top, #about) .ph:not(.ph--loaded):not(.ph--ref)::before { opacity: .12; }
  html[data-skin="dusk"] :is(#top, #about, #who) .ph-ico { background: var(--tint-d); color: var(--pearl-2); box-shadow: none; }

  html[data-skin="dusk"] .s-sit-bar { height: 2px; background: var(--line-l); }
  html[data-skin="dusk"] .s-sit-bar::after { background: #1E1A20; }
  html[data-skin="dusk"] :is(#s-top-rg, #s-who-kr-g) stop { stop-color: #E8C996; }

  html[data-skin="dusk"] :is(.glow-corner, .glow-host, .glow-fx) { --glow-max: 1; --glow-bg: var(--rim-l) top / 100% 1.5px no-repeat; }
  html[data-skin="dusk"] :is(#top, #about, #who) :is(.glow-corner, .glow-host, .glow-fx) { --glow-bg: var(--rim-d) top / 100% 1.5px no-repeat; }

  html[data-skin="dusk"] .layer-bg { background: rgba(18, 15, 20, .42); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
  html[data-skin="dusk"] .modal-p { background: linear-gradient(180deg, #FDFCFE, #FCFBFD); color: var(--ink); border-radius: 28px; box-shadow: 0 0 0 1px rgba(30, 26, 32, .04), var(--lift-win); }
  html[data-skin="dusk"] .modal-p { --m-px: 32px; }
  html[data-skin="dusk"] .m-hd { padding-top: 18px; padding-bottom: 12px; }
  html[data-skin="dusk"] .m-crumb { font-size: var(--fs-label); font-weight: 520; color: var(--ink-3); }
  html[data-skin="dusk"] .m-x { width: 36px; height: 36px; background: var(--tint-l); box-shadow: none; }
  html[data-skin="dusk"] .m-prog > i { background: var(--line-l); }
  html[data-skin="dusk"] .m-prog > i.is-on { background: #1E1A20; }
  html[data-skin="dusk"] .m-back { font-size: var(--fs-item); font-weight: 520; color: var(--ink-2); }
  html[data-skin="dusk"] .m-t { font-size: var(--fs-phrase); font-weight: 420; line-height: 1.16; letter-spacing: -.022em; text-wrap: balance; }
  html[data-skin="dusk"] .m-lead { margin-top: 10px; font-size: var(--fs-item); line-height: 1.5; color: var(--ink-2); text-wrap: pretty; }
  html[data-skin="dusk"] .lnk { font-weight: 520; text-decoration-thickness: 1px; text-underline-offset: .28em; text-decoration-color: rgba(30, 26, 32, .34); }
  html[data-skin="dusk"] .m-consent { font-size: var(--fs-label); color: var(--ink-3); border-top-color: var(--line-l); }
  html[data-skin="dusk"] .m-next { font-size: var(--fs-label); color: var(--ink-3); }
  html[data-skin="dusk"] .f-l { margin-bottom: 8px; font-size: var(--fs-label); font-weight: 520; color: var(--ink); }
  html[data-skin="dusk"] :is(.f-hint, .f-sub, .opt) { font-size: var(--fs-label); font-weight: 400; color: var(--ink-3); }
  html[data-skin="dusk"] .inp { min-height: 54px; padding: 15px 18px; border-radius: 12px; border: 1px solid #8C8695; background: var(--porcelain); font-size: 16px; line-height: 1.4;
    transition: border-color .3s var(--dusk-ease), box-shadow .3s var(--dusk-ease), background-color .3s var(--dusk-ease); }
  html[data-skin="dusk"] textarea.inp { min-height: 108px; }
  html[data-skin="dusk"] .inp::placeholder { color: var(--ink-3); }
  html[data-skin="dusk"] :is(.inp:focus, .cs-btn:focus-visible, .sel.is-open .cs-btn) { outline: none; border-color: #1E1A20; box-shadow: 0 0 0 .5px #1E1A20, 0 0 0 4px rgba(94, 75, 140, .18); background: #FFFFFF; }
  html[data-skin="dusk"] .inp[aria-invalid="true"] { border-color: var(--error); box-shadow: 0 0 0 .5px var(--error); }
  html[data-skin="dusk"] .f-err { font-size: var(--fs-label); font-weight: 400; color: var(--error); }
  html[data-skin="dusk"] .f-err::before { background: var(--error); color: #FCFBFD; }
  html[data-skin="dusk"] .f-err.warn { color: var(--ink-2); }
  html[data-skin="dusk"] .f-err.warn::before { background: var(--ink-3); }
  html[data-skin="dusk"] .sel-chev { color: var(--ink-2); top: 27px; }
  html[data-skin="dusk"] .segs { padding: 4px; background: var(--tint-l); }
  html[data-skin="dusk"] .segs span { font-size: var(--fs-item); font-weight: 520; color: var(--ink-2); }
  html[data-skin="dusk"] .segs input:checked + span { background: var(--porcelain); color: var(--ink); box-shadow: var(--lift-pill), 0 0 0 1px rgba(30, 26, 32, .06); }
  html[data-skin="dusk"] .checks span { font-size: var(--fs-item); font-weight: 520; box-shadow: inset 0 0 0 1px var(--line-btn); }
  html[data-skin="dusk"] .checks input:checked + span { background: #1E1A20; color: #F8F4EE; }
  html[data-skin="dusk"] .cab-err-b { background: var(--tint-l); }
  html[data-skin="dusk"] .cab-err-b .f-err { font-size: var(--fs-item); }
  html[data-skin="dusk"] .cab-hint { font-size: var(--fs-item); color: var(--ink-2); }
  html[data-skin="dusk"] .cab-eye { color: var(--ink-3); }
  
  html[data-skin="dusk"] .m-step[data-step="ok"] .m-t { color: var(--ok); }

  html[data-skin="dusk"] .cs-pop { padding: 6px; border-radius: 20px; background: var(--porcelain); box-shadow: 0 0 0 1px var(--line-l), var(--lift-win); }
  html[data-skin="dusk"] .sel.cs-up .cs-pop:not(.cs-pop--flow) { box-shadow: 0 0 0 1px var(--line-l), 0 -24px 60px -28px rgba(18, 15, 20, .4); }
  html[data-skin="dusk"] .cs-gl { font-size: var(--fs-label); font-weight: 520; letter-spacing: .012em; color: var(--ink-3); }
  html[data-skin="dusk"] .cs-o { position: relative; min-height: 44px; border-radius: 16px; font-size: var(--fs-item); }
  html[data-skin="dusk"] :is(.cs-pop.is-ptr .cs-o.is-act, .cs-pop.is-kbd .cs-o.is-act) { background: var(--tint-l); }
  html[data-skin="dusk"] .cs-pop.is-kbd .cs-o.is-act { box-shadow: inset 0 0 0 2px #1E1A20; }
  html[data-skin="dusk"] .cs-o.is-sel { font-weight: 520; }
  html[data-skin="dusk"] .cs-o.is-sel::before { content: ""; position: absolute; left: 0; top: 10px; bottom: 10px; width: 2px; border-radius: 2px; background: linear-gradient(180deg, transparent, #8A79B8 50%, transparent); }
  html[data-skin="dusk"] :is(.cs-g + .cs-g, .cs-o + .cs-g) { border-top-color: var(--line-l); }

  html[data-skin="dusk"] .sheet-p { background: var(--porcelain); }
  html[data-skin="dusk"] .mnav a { border-radius: 20px; background: var(--tint-l); font-size: var(--fs-item); font-weight: 520; }
  html[data-skin="dusk"] .mnav a[aria-current="true"] { background: #1E1A20; color: #F8F4EE; }
  html[data-skin="dusk"] .mnav-act { background: var(--porcelain); }

  html[data-skin="dusk"] #top.s-top { --gap: 16px; position: relative; isolation: isolate; overflow: clip; margin-top: -80px; padding-top: 120px; padding-bottom: 40px; background: var(--dusk); border-radius: 0 0 40px 40px; }
  html[data-skin="dusk"] .s-top-stage { gap: 16px; }
  html[data-skin="dusk"] .s-top-h1 { margin-top: 20px; max-width: 9.6em; font-weight: 420; font-size: min(64px, 10.8cqi); line-height: 1.04; letter-spacing: -.034em; color: var(--acc-d); }
  html[data-skin="dusk"][data-h1="b"] .s-top-h1 { max-width: none; font-size: min(56px, 8.8cqi); } 
  
  html[data-skin="dusk"] .s-top-h1::first-line { color: var(--pearl); }
  html[data-skin="dusk"] .s-top-lead { margin-top: 24px; max-width: 28em; font-size: var(--fs-lead); font-weight: 400; line-height: 1.5; letter-spacing: -.006em; color: var(--pearl-2); }
  html[data-skin="dusk"] .s-top-act { margin-top: 40px; }
  
  html[data-skin="dusk"] #top.s-top::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
    background:
      radial-gradient(ellipse 34% 16svh at 50% 100%, rgba(255, 238, 216, .744) 0%, rgba(255, 236, 214, .6) 20%, rgba(250, 222, 208, .336) 46%, rgba(236, 206, 222, .096) 72%, rgba(220, 196, 232, .024) 88%, rgba(220, 196, 232, 0) 100%),
      radial-gradient(ellipse 62% 54svh at 50% 100%, rgba(176, 156, 236, .36) 0%, rgba(176, 156, 236, .276) 22%, rgba(160, 146, 232, .156) 48%, rgba(132, 130, 226, .048) 74%, rgba(120, 124, 224, .012) 90%, rgba(120, 124, 224, 0) 100%); }
  html[data-skin="dusk"] #top.s-top::after { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; padding: 0 1.5px 1.5px; pointer-events: none;
    background: linear-gradient(90deg, transparent 10%, rgba(176, 156, 236, .384) 28%, rgba(255, 240, 214, 1) 50%, rgba(176, 156, 236, .384) 72%, transparent 90%) bottom / 100% 50% no-repeat;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
  
  html[data-skin="dusk"] .s-top-stage::after { content: ""; position: absolute; inset: -160px -200px -120px -200px; z-index: -1; pointer-events: none;
    background:
      radial-gradient(340px 290px at calc(100% - 300px) 300px, rgba(176, 156, 236, .32) 0%, rgba(176, 156, 236, .24) 22%, rgba(176, 156, 236, .12) 46%, rgba(176, 156, 236, .04) 68%, rgba(176, 156, 236, 0) 86%),
      radial-gradient(290px 270px at 320px calc(100% - 340px), rgba(108, 118, 222, .28) 0%, rgba(108, 118, 222, .2) 22%, rgba(108, 118, 222, .1) 46%, rgba(108, 118, 222, .035) 68%, rgba(108, 118, 222, 0) 86%); }
  
  html[data-skin="dusk"] .s-top-w > .s-top-card { background: var(--gl-sheen), var(--gl-floor), var(--gl-fill-fb); box-shadow: var(--gl-edge); }
  html[data-skin="dusk"] .s-top-w--ink > .s-top-card { --dv-1: #E8C996; --dv-trk: rgba(248, 244, 238, .12); --dv-txt-2: rgba(248, 244, 238, .58); --dv-ok: #B6E8BA; --dv-ring-bd: #26232B;
    --s-t1: #F8F4EE; --s-t2: rgba(248, 244, 238, .62); color: var(--pearl); background: var(--gl-sheen), var(--gl-floor), var(--gl-fill-fb); }
  html[data-skin="dusk"] .s-top-w.s-top-w--plan > .s-top-card { background: var(--gl-sheen), var(--gl-floor), var(--gl-fill-fb); }
  
  html[data-skin="dusk"] :is(.s-top-w[data-w="month"], .s-top-w[data-w="report"], .s-top-w[data-w="plan"]) > .s-top-card { --pearl-3: rgba(248, 244, 238, .62); }
  @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    html[data-skin="dusk"] .s-top-w > .s-top-card, html[data-skin="dusk"] .s-top-w--ink > .s-top-card, html[data-skin="dusk"] .s-top-w.s-top-w--plan > .s-top-card {
      background: var(--gl-sheen), var(--gl-floor), var(--gl-fill); -webkit-backdrop-filter: var(--gl-blur); backdrop-filter: var(--gl-blur); }
  }
  
  html[data-skin="dusk"] :is(.s-top-w[data-w="month"], .s-top-w[data-w="plan"]) > .s-top-card { box-shadow: var(--gl-edge), inset 0 -1px 0 rgba(243, 219, 169, .38); }
  html[data-skin="dusk"] .s-top-x { font-weight: 420; letter-spacing: -.014em; }
  html[data-skin="dusk"] .s-top-wi { stroke: var(--acc-d); }
  
  html[data-skin="dusk"] .s-top-gk { font-size: var(--fs-label); font-weight: 400; color: var(--pearl); }
  html[data-skin="dusk"] .s-top-gi { background: var(--tint-d); color: var(--acc-d); }
  html[data-skin="dusk"] .s-top-gb > i { background: linear-gradient(90deg, #E8C996, #F3DBA9); }
  html[data-skin="dusk"] .s-top-gv { font-size: var(--fs-label); font-weight: 520; }
  html[data-skin="dusk"] .s-top-gs { font-size: 12px; font-weight: 400; color: var(--pearl-3); }
  
  html[data-skin="dusk"] .s-top-rp { --rp-px: 0px; column-gap: 14px; }
  html[data-skin="dusk"] .s-top-rt { padding: 12px 0 0; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--line-d); }
  html[data-skin="dusk"] .s-top-rk { font-weight: 400; color: var(--pearl-3); }
  html[data-skin="dusk"] .s-top-rv { font-size: 15px; font-weight: 520; color: var(--pearl); }
  html[data-skin="dusk"] .s-top-rcap .s-top-rv { font-size: 22px; font-weight: 420; letter-spacing: -.02em; }
  html[data-skin="dusk"] .s-top-rd { font-size: 10.5px; font-weight: 520; color: var(--pearl-2); } 
  html[data-skin="dusk"] :is(.s-top-rmo, .s-top-rcap .s-top-rd > span) { display: none; } 
  
  html[data-skin="dusk"] .s-top-rt:not(:last-of-type) > .s-top-rd { color: var(--mint); }
  html[data-skin="dusk"] .s-top-rsv .l { stroke: var(--acc-d); stroke-width: 1.5; }
  html[data-skin="dusk"] .s-top-rdot { background: var(--l-core); box-shadow: 0 0 0 3px rgba(243, 219, 169, .18), 0 0 10px rgba(255, 240, 215, .6); }
  
  html[data-skin="dusk"] .s-top-rrec { margin-top: 12px; padding: 8px 0; border-radius: 12px; background: var(--gl-2); box-shadow: var(--gl-2-edge); }
  html[data-skin="dusk"] .s-top-rwho { padding-left: 10px; }
  html[data-skin="dusk"] .s-top-rrt { display: inline-flex; align-items: center; font-size: var(--fs-label); font-weight: 520; color: var(--pearl); }
  html[data-skin="dusk"] .s-top-rn8 { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 22px; height: 22px; margin-right: 5px; border-radius: 50%;
    background: var(--mint); color: var(--dusk); font-size: 12px; font-weight: 520; line-height: 1; font-variant-numeric: tabular-nums; } 
  html[data-skin="dusk"] .s-top-rgo { margin-right: 8px; font-size: 12px; font-weight: 520; color: var(--pearl); background: var(--gl-2); box-shadow: var(--gl-2-edge); } 
  
  html[data-skin="dusk"][data-hero="d"] .s-top-w .dcard-v { --wg: max(0px, min(50cqh - 149px, 100cqh - 318px)); justify-content: flex-start; }
  html[data-skin="dusk"][data-hero="d"] .s-top-w .dcard-v::before { content: ""; flex: 0 1 var(--wg); margin-bottom: -12px; }
  html[data-skin="dusk"][data-hero="d"] .s-top-w .dcard-v::after { content: ""; flex: 1 1 0; margin-top: -12px; }
  html[data-skin="dusk"][data-hero="d"] .s-top-w[data-w="month"] .dcard-v::before { margin-bottom: 0; }
  html[data-skin="dusk"][data-hero="d"] .s-top-w[data-w="month"] .dcard-v::after { margin-top: 0; }
  
  html[data-skin="dusk"] .s-top-pl { gap: 0; }
  html[data-skin="dusk"] .s-top-pl > li { padding: 12px 0; border: 0; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--line-d); -webkit-backdrop-filter: none; backdrop-filter: none; }
  html[data-skin="dusk"] .s-top-pt b { font-size: var(--fs-label); font-weight: 520; color: var(--pearl); }
  html[data-skin="dusk"] .s-top-pt span { font-weight: 400; color: var(--pearl-3); }
  html[data-skin="dusk"] .s-top-pl .is-done .s-top-ps { background: var(--mint); color: var(--dusk); }
  html[data-skin="dusk"] .s-top-pl .is-next .s-top-ps { box-shadow: inset 0 0 0 1.5px rgba(243, 219, 169, .6); color: var(--l-champagne); } 
  
  html[data-skin="dusk"] .s-top .s-top-ph > img { filter: brightness(.9) saturate(.92); }
  html[data-skin="dusk"] .s-top .s-top-ph::after { content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit; pointer-events: none;
    background: linear-gradient(0deg, rgba(18, 15, 20, .42), rgba(18, 15, 20, .12) 34%, rgba(18, 15, 20, 0) 52%); box-shadow: var(--edge-d); }
  
  @container s-top-card (min-width: 300px) {
    html[data-skin="dusk"] .s-top-x { font-size: 19.4px; }
    html[data-skin="dusk"] .s-top-gk { font-size: var(--fs-label); }
  }
  @container s-top-card (min-width: 300px) and (min-height: 330px) {
    html[data-skin="dusk"] .s-top-x { font-size: 22px; }
  }
  @container s-top-card (max-height: 339.98px) {
    html[data-skin="dusk"] .s-top-rcap .s-top-rv { font-size: 22px; }
  }
  @container s-top-card (max-height: 289.98px) {
    html[data-skin="dusk"] .s-top-rcap .s-top-rv { font-size: 19.4px; }
    html[data-skin="dusk"] .s-top-rrec { margin-top: 8px; padding: 6px 0; } 
    html[data-skin="dusk"] .s-top-rrt { font-size: var(--fs-label); }
    html[data-skin="dusk"] .s-top-pt b { font-size: 12px; }
    html[data-skin="dusk"] .s-top-pt span { font-size: 10.5px; }
  }
  @container s-top-card (max-width: 369.98px) {
    
    html[data-skin="dusk"] .s-top-rk { font-size: 10.5px; }
    html[data-skin="dusk"] .s-top-rcap .s-top-rv { font-size: 19.4px; }
    html[data-skin="dusk"] .s-top-rd { font-size: 10.5px; }
    html[data-skin="dusk"] .s-top-rrt { font-size: var(--fs-label); }
    html[data-skin="dusk"] .s-top-pt span { font-size: 10.5px; }
  }
  @media (min-height: 981px) { html[data-skin="dusk"] #top.s-top { min-height: min(100svh, 1080px); } }
  @media (max-width: 1279.98px) { html[data-skin="dusk"] .s-top-h1 { font-size: min(64px, 10.8cqi); } }

  html[data-skin="dusk"] .s-fw-card { padding: 8px; transition: box-shadow .5s var(--dusk-ease); }
  
  html[data-skin="dusk"] .s-fw-mark::before { box-shadow: inset 0 0 0 1px rgba(94, 75, 140, .13); }
  html[data-skin="dusk"] .s-fw-mark::after { box-shadow: inset 0 0 0 1px rgba(94, 75, 140, .08); }
  html[data-skin="dusk"] .ph-ico { box-shadow: 0 10px 30px -18px rgba(42, 30, 58, .45); }
  html[data-skin="dusk"] .s-fw-ph { border-radius: 20px; }
  
  html[data-skin="dusk"] .s-fw-body { justify-content: flex-start; padding: 20px 16px 24px; }
  html[data-skin="dusk"] .s-fw-t { min-height: 0; max-width: none; font-weight: 520; font-size: min(var(--fs-lead), 19.4px); line-height: 1.25; letter-spacing: -.014em; }
  @media (max-width: 1299.98px) { html[data-skin="dusk"] .s-fw-body { padding-inline: 12px; } }
  @media (max-width: 1199.98px) { html[data-skin="dusk"] .s-fw-body { padding: 16px 12px 20px; } }
  @media (hover: hover) { html[data-skin="dusk"] .s-fw-card:hover { box-shadow: var(--edge-l), var(--lift-2); } }

  html[data-skin="dusk"] .s-situations[data-mode="slide"] .s-sit-card:not(.s-sit-res) { background: var(--porcelain); box-shadow: var(--edge-l), var(--lift-1); }
  html[data-skin="dusk"] .s-situations[data-mode="slide"] .s-sit-x { max-width: none; font-weight: 420; font-size: var(--fs-phrase); line-height: 1.22; letter-spacing: -.022em; text-wrap: balance; }
  html[data-skin="dusk"] .s-sit-x.two-tone { color: var(--acc-l); }
  html[data-skin="dusk"] .s-sit-ctl .counter { font-size: var(--fs-label); font-weight: 520; }
  html[data-skin="dusk"] .s-sit-ctl .s-sit-of { color: var(--ink-3); }
  
  html[data-skin="dusk"] .s-sit-card:not(.s-sit-res) .s-sit-main { order: 1; padding-top: 24px; }
  html[data-skin="dusk"] .s-sit-card:not(.s-sit-res) .s-sit-art { order: 2; margin-top: 16px; }
  html[data-skin="dusk"] .s-sit-top .eyebrow { height: 30px; padding: 0 12px; border-radius: var(--r-pill); box-shadow: inset 0 0 0 1px var(--vio-2); }
  
  html[data-skin="dusk"] .s-sit-art { --white: #FFFFFF; --canvas: #F5F2F6; }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-t { box-shadow: inset 0 0 0 1px var(--line-l); }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-v { font-weight: 520; letter-spacing: -.02em; }
  html[data-skin="dusk"] .s-sit-ill--f :is(.s-sit-f-d, .s-sit-f-nm, .s-sit-f-li1, .s-sit-f-li2 > b, .s-sit-f-lg b) { font-weight: 520; }
  html[data-skin="dusk"] .s-sit-ill--f :is(.s-sit-f-k, .s-sit-f-d > span, .s-sit-f-lg, .s-sit-f-v small, .s-sit-f-l3 small) { font-weight: 400; }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-chip { font-weight: 520; }
  
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-chip--cu { background: var(--canvas); color: var(--ink-2c); }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-chip--cu::before { background: #B5AEBF; }
  html[data-skin="dusk"] .s-sit-ill--f { --sf-cud: var(--ink-3); }
  html[data-skin="dusk"] .s-sit-ill--f :is(.s-sit-f-cu, .s-sit-f-lg b.s-sit-f-cu) { color: var(--ink-3); }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-gr { color: var(--ok); }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-cuL { stroke: #8C8695; }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-dn { fill: color-mix(in srgb, var(--ink-3) 17%, transparent); }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-lost { background-image: repeating-linear-gradient(135deg, color-mix(in srgb, var(--ink-3) 50%, transparent) 0 1.5px, color-mix(in srgb, var(--ink-3) 13%, transparent) 1.5px 6px); }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-b-cu { fill: var(--ink-3); }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-dot--cu { background: var(--ink-3); }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-lab.s-sit-f-lab--yr { fill: color-mix(in srgb, var(--vio) 72%, var(--ink)); }   
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-pan { font-weight: 400; }
  html[data-skin="dusk"] .s-sit-ill--f :is(.s-sit-f-cal, .s-sit-f-lab, .s-sit-f-li1, .s-sit-f-li2 > b) { font-weight: 520; }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-lab.s-sit-f-lab--yr { font-weight: 520; }
  html[data-skin="dusk"] .s-sit-ill--f :is(.s-sit-f-lab.s-sit-f-lab--q, .s-sit-f-lab.s-sit-f-lab--e, .s-sit-f-cal2, .s-sit-f-v small, .s-sit-f-l3 small) { font-weight: 400; }
  
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-pw { --sk: var(--kw, 1); }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-pn { --sk: var(--kn, 1); }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-pan :is(.s-sit-f-k, .s-sit-f-d, .s-sit-f-nm, .s-sit-f-lg, .s-sit-f-l3 small, .s-sit-f-chip, .s-sit-f-lab, .s-sit-f-cal2, .s-sit-f-li1, .s-sit-f-li2 > b) { --o: 12.5px; }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-pw :is(.s-sit-f-chip, .s-sit-f-lab) { --o: 12px; }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-pw :is(.s-sit-f-lab.s-sit-f-lab--yr, .s-sit-f-cal2) { --o: 13px; }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-pn :is(.s-sit-f-k, .s-sit-f-d, .s-sit-f-nm, .s-sit-f-lg, .s-sit-f-chip, .s-sit-f-lab, .s-sit-f-lab.s-sit-f-lab--yr, .s-sit-f-cal2, .s-sit-f-li1, .s-sit-f-li2 > b) { --o: calc(13px * var(--fc, 1)); }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-pan :is(.s-sit-f-k, .s-sit-f-d, .s-sit-f-nm, .s-sit-f-lg, .s-sit-f-l3 small, .s-sit-f-chip, .s-sit-f-lab, .s-sit-f-lab.s-sit-f-lab--yr, .s-sit-f-cal2, .s-sit-f-li1, .s-sit-f-li2 > b) {
    --r: calc(var(--o) * var(--sk, 1));
    font-size: calc(min(var(--r), 12px + clamp(0px, (var(--r) - 13px) * 1000 + 1px, 1px) + 2 * clamp(0px, (var(--r) - 15px) * 1000 + 1px, 1px)) / var(--sk, 1)); }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-pan .s-sit-f-v { --r: calc(var(--fs, 20px) * var(--sk, 1));
    font-size: calc(min(var(--r), 19.4px + 2.6 * clamp(0px, (var(--r) - 22px) * 1000 + 1px, 1px) + 4 * clamp(0px, (var(--r) - 26px) * 1000 + 1px, 1px)) / var(--sk, 1)); }
  
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-pw .s-sit-f-bt { bottom: max(12px, calc(16px / var(--sk, 1))); right: max(12px, calc(14px / var(--sk, 1))); }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-pw .s-sit-f-bt.s-sit-f-bt--nr { right: max(10px, calc(14px / var(--sk, 1))); }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-pw .s-sit-f-cal { font-size: calc(min(46px * var(--sk, 1), 49px) / var(--sk, 1)); }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-pn .s-sit-f-cal { font-size: calc(min(23px * var(--sk, 1), 26px) / var(--sk, 1)); }
  
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-pn .s-sit-f-v small { --r: calc(13px * var(--fc, 1) * var(--sk, 1));
    font-size: calc(min(var(--r), 12px + clamp(0px, (var(--r) - 13px) * 1000 + 1px, 1px) + 2 * clamp(0px, (var(--r) - 15px) * 1000 + 1px, 1px)) / var(--sk, 1)); }
  
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-pn .s-sit-f-t { border-radius: 16px; }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-sw { border-radius: 50%; }
  
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-pw .s-sit-f-bt--lo .s-sit-f-nm:not(.s-sit-f-wrap) { line-height: 1; }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-pw .s-sit-f-bt--lo .s-sit-f-v { line-height: 1; }
  
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-pn .s-sit-f-li { top: calc(var(--y) * .892 + 4px); }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-pn .s-sit-f-li1 { line-height: 15px; }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-pn .s-sit-f-li2 { height: 15px; margin-top: 2px; }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-pn .s-sit-f-li2 > b { line-height: 15px; }
  
  html[data-skin="dusk"] .s-situations .s-sit-card.s-sit-res { background: var(--gl-sheen), var(--pn-light), var(--pn); box-shadow: var(--gl-edge), var(--lift-dark); }
  html[data-skin="dusk"] .s-situations[data-mode="slide"] .s-sit-res .s-sit-flow { -webkit-mask: none; mask: none; transform: none; opacity: calc(.55 + .45 * var(--glow, 0));
    background:
      radial-gradient(ellipse 60% 6% at 50% 100%, rgba(255, 240, 215, .5) 0%, rgba(255, 240, 215, .475) 10%, rgba(255, 240, 215, .405) 20%, rgba(255, 240, 215, .31) 30%, rgba(255, 240, 215, .215) 40%, rgba(255, 240, 215, .13) 50%, rgba(255, 240, 215, .07) 60%, rgba(255, 240, 215, .033) 70%, rgba(255, 240, 215, .013) 80%, rgba(255, 240, 215, .003) 90%, rgba(255, 240, 215, 0) 100%),
      radial-gradient(ellipse 50% 40% at 50% 100%, rgba(248, 244, 238, .05), rgba(248, 244, 238, .03) 40%, rgba(248, 244, 238, 0)); }
  html[data-skin="dusk"] .s-sit-res-t { font-weight: 420; font-size: max(30px, calc(var(--fs-h2) * var(--rt, 1))); line-height: 1.08; letter-spacing: -.028em; color: var(--pearl); }
  html[data-skin="dusk"] .s-sit-res-p { font-size: var(--fs-lead); line-height: 1.5; letter-spacing: -.006em; color: var(--pearl-2); }
  html[data-skin="dusk"] .s-sit-res.is-fit1 .s-sit-res-p { font-size: var(--fs-item); }
  @media (max-width: 1333.98px) { html[data-skin="dusk"] .s-sit-x.two-tone { color: var(--ink-2); } }

  html[data-skin="dusk"] :is(#about, #who) { position: relative; isolation: isolate; overflow: clip; margin-inline: 12px; padding-block: var(--p-sec); border-radius: 40px; background: var(--dusk); }
  html[data-skin="dusk"] :is(#about, #who) > .wrap { position: relative; z-index: 1; max-width: calc(1440px - 24px); padding: 0 calc(var(--p-field) - 12px); }
  
  html[data-skin="dusk"] :is(#about, #who)::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; padding: 1.5px 1.5px 0; pointer-events: none;
    background: var(--rim-d) top / 100% 50% no-repeat;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
  html[data-skin="dusk"] :is(#about, #who)::after { content: ""; position: absolute; left: 18%; right: 18%; top: -24px; height: 108px; z-index: 0; pointer-events: none;
    background: radial-gradient(ellipse 50% 50% at 50% 22%, rgba(255, 236, 206, .26), rgba(243, 219, 169, .07) 45%, rgba(243, 219, 169, 0) 72%); filter: blur(10px); }
  
  html[data-skin="dusk"] #who > .wrap::after { content: ""; position: sticky; bottom: 0; z-index: -1; display: block; width: 100vw; height: 56svh;
    margin: calc(var(--p-sec) - 56svh) 0 calc(-1 * var(--p-sec)) calc(50% - 50vw); pointer-events: none;
    background:
      radial-gradient(ellipse 34% 16svh at 50% 100%, rgba(255, 238, 216, .744) 0%, rgba(255, 236, 214, .6) 20%, rgba(250, 222, 208, .336) 46%, rgba(236, 206, 222, .096) 72%, rgba(220, 196, 232, .024) 88%, rgba(220, 196, 232, 0) 100%),
      radial-gradient(ellipse 62% 54svh at 50% 100%, rgba(176, 156, 236, .36) 0%, rgba(176, 156, 236, .276) 22%, rgba(160, 146, 232, .156) 48%, rgba(132, 130, 226, .048) 74%, rgba(120, 124, 224, .012) 90%, rgba(120, 124, 224, 0) 100%); }
  
  @supports (animation-timeline: view()) {
    html[data-skin="dusk"] #who > .wrap { view-timeline: --dusk-wd block; view-timeline-inset: 0px; }
    html[data-skin="dusk"] #who > .wrap::after { animation: dusk-who-rise linear both, dusk-who-set linear both;
      animation-timeline: --dusk-wd, --dusk-wd;
      animation-range: contain 0% contain 30svh, contain calc(100% - 2.5 * (var(--p-sec) + 48px)) contain 100%; }
  }
  @keyframes dusk-who-rise { from { transform: translateY(56svh); } to { transform: none; } }
  @keyframes dusk-who-set { 0%, 100% { translate: 0 0; } 60% { translate: 0 calc(var(--p-sec) + 48px); } }
  
  html[data-skin="dusk"] #who .bridge { color: var(--pearl-2); }
  html[data-skin="dusk"] .s-about-dc { padding: 0 40px 0 0; border-radius: 0; background: none; box-shadow: none; } 
  html[data-skin="dusk"] .s-about-dpos { font-size: var(--fs-text); font-weight: 400; line-height: 1.4; color: var(--pearl-2); }
  html[data-skin="dusk"] .s-about-dpos .s-about-pg { color: var(--pearl-2); letter-spacing: -.003em; }
  html[data-skin="dusk"] .s-about-lk { color: var(--pearl); }
  html[data-skin="dusk"] .s-about-dc > .eyebrow { margin-bottom: 16px; }
  html[data-skin="dusk"] .s-about-dh { font-weight: 420; font-size: var(--fs-h2); line-height: 1.08; letter-spacing: -.028em; }
  html[data-skin="dusk"] #about .s-about-dh.two-tone { color: var(--acc-d); }
  html[data-skin="dusk"] #about .s-about-dh.two-tone b { color: var(--pearl); }
  html[data-skin="dusk"] .s-about-dph { border-radius: 28px; }
  html[data-skin="dusk"] .s-about-dph > img { filter: brightness(.94) saturate(.95); }
  html[data-skin="dusk"] .s-about-dph::after { content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit; pointer-events: none;
    background: linear-gradient(0deg, rgba(18, 15, 20, .3), rgba(18, 15, 20, 0) 40%); box-shadow: var(--edge-d); }

  html[data-skin="dusk"] .s-how-rn { background: var(--day); box-shadow: inset 0 0 0 1.5px var(--vio); color: var(--vio); font-size: var(--fs-label); font-weight: 520; }
  html[data-skin="dusk"] .s-how-rn b { font-weight: 520; }
  html[data-skin="dusk"] .s-how-ri.is-act .s-how-rn { background: #1E1A20; color: #F8F4EE; box-shadow: none; }
  html[data-skin="dusk"] .s-how-ri.is-done .s-how-rn { background: var(--day); color: var(--vio-2); box-shadow: inset 0 0 0 1.5px rgba(94, 75, 140, .16); }
  html[data-skin="dusk"] .s-how-ri.is-done .s-how-rname { color: var(--dim); }
  @media (min-width: 1200px) {
    html[data-skin="dusk"] .s-how-rt { gap: 0; grid-template-rows: auto 0fr; transition: grid-template-rows var(--d2) var(--ease); }
    html[data-skin="dusk"] .s-how-ri.is-act .s-how-rt { grid-template-rows: auto 1fr; }
    html[data-skin="dusk"] .s-how-rwhen { min-height: 0; overflow: hidden; opacity: 0; transition: opacity var(--d2) var(--ease); }
    html[data-skin="dusk"] .s-how-rwhen::before { content: ""; display: block; height: 3px; }
    html[data-skin="dusk"] .s-how-ri.is-act .s-how-rwhen { opacity: 1; transition-delay: 80ms; }
  }
  
  html[data-skin="dusk"] .s-how-track { width: 1px; left: calc(var(--how-c) / 2 - .5px);
    background: linear-gradient(180deg, rgba(94, 75, 140, .14) calc(var(--how-fa, 0) * 100%), rgba(94, 75, 140, .5) calc(var(--how-fa, 0) * 100%)); }
  html[data-skin="dusk"] .s-how-fill { background: var(--vio); }
  
  html[data-skin="dusk"] .s-how-fill { inset: auto 0; top: calc(var(--how-fa, 0) * 100%); height: calc(max(0, var(--how-fp, 0) - var(--how-fa, 0)) * 100%); transform: none; }
  html[data-skin="dusk"] .s-how-rname { font-size: 15px; font-weight: 400; letter-spacing: -.006em; color: var(--ink-2); }
  html[data-skin="dusk"] .s-how-ri.is-act .s-how-rname { font-weight: 520; color: var(--ink); }
  html[data-skin="dusk"] .s-how-rwhen { font-size: var(--fs-label); font-weight: 400; color: var(--ink-3); }
  @media (min-width: 1200px) { html[data-skin="dusk"] .s-how-rname { font-size: var(--fs-text); } }
  @media (hover: hover) {
    html[data-skin="dusk"] .s-how-ra:hover .s-how-rname { color: var(--ink); }
    html[data-skin="dusk"] .s-how-ri:not(.is-act) .s-how-ra:hover .s-how-rn { color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
  }
  html[data-skin="dusk"] .s-how-body.is-pin .s-how-shell { background: var(--porcelain); box-shadow: var(--edge-l), var(--lift-1); }
  html[data-skin="dusk"] .s-how-card { --how-box: transparent; }
  html[data-skin="dusk"][data-howhead="c"] .s-how-num { font-weight: 300; font-size: var(--fs-meet); line-height: .86; letter-spacing: -.04em; color: var(--acc-l); font-variant-numeric: tabular-nums lining-nums; }
  html[data-skin="dusk"][data-howhead="c"] .s-how-name { font-weight: 520; font-size: var(--fs-h3); line-height: 1.25; letter-spacing: -.014em; }
  html[data-skin="dusk"][data-howhead="c"] .s-how-value { font-weight: 420; font-size: var(--fs-phrase); line-height: 1.22; letter-spacing: -.022em; color: var(--acc-l); }
  html[data-skin="dusk"][data-howhead="c"] .s-how-value b { font-weight: inherit; color: var(--tx); }
  @media (max-width: 1333.98px) { html[data-skin="dusk"][data-howhead="c"] .s-how-value { color: var(--ink-2); } }
  html[data-skin="dusk"] .s-how-box { padding: 20px 0 0; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--line-l); }
  html[data-skin="dusk"] .s-how-lbl { font-size: var(--fs-label); font-weight: 520; letter-spacing: .012em; color: var(--ink-3); }
  html[data-skin="dusk"] .s-how-inc li { font-size: var(--fs-item); font-weight: 400; line-height: 1.4; letter-spacing: -.004em; }
  html[data-skin="dusk"] .s-how-inc li::before { background: var(--vio); }
  html[data-skin="dusk"] .s-how-avw { background: var(--porcelain); }
  html[data-skin="dusk"] .s-how-role { font-size: var(--fs-item); font-weight: 520; letter-spacing: -.004em; }
  html[data-skin="dusk"] .s-how-role small { font-size: var(--fs-label); font-weight: 400; color: var(--ink-3); }
  
  html[data-skin="dusk"] .s-how-term { padding: 20px 0 0 36px; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--line-l); }
  html[data-skin="dusk"] .s-how-term::before { display: none; }
  html[data-skin="dusk"] .s-how-term::after { top: 22px; left: 0; width: 20px; height: 20px; margin-top: 0; background: var(--vio); }
  html[data-skin="dusk"] .s-how-term dd { font-size: var(--fs-item); font-weight: 400; line-height: 1.4; }
  html[data-skin="dusk"] .s-how-term--t dd { font-weight: 520; }
  @container howc (min-width: 600px) and (max-width: 859.98px) {
    html[data-skin="dusk"] .s-how-term { padding: 52px 0 0; }
    html[data-skin="dusk"] .s-how-term::after { top: 20px; left: 0; }
    html[data-skin="dusk"] .s-how-body.is-pin.is-dtight .s-how-term { padding: 48px 0 0; }
    html[data-skin="dusk"] .s-how-body.is-pin.is-dtight .s-how-term::after { top: 16px; left: 0; }
  }
  @container howc (min-width: 600px) {
    html[data-skin="dusk"] .s-how-body.is-pin.is-dtight .s-how-box { padding: 16px 0 0; }
    html[data-skin="dusk"] .s-how-body.is-pin.is-dtight .s-how-term { padding: 16px 0 0 36px; }
    html[data-skin="dusk"] .s-how-body.is-pin.is-dtight .s-how-term::after { top: 17px; left: 0; }
    html[data-skin="dusk"] .s-how-body.is-pin.is-dtight2 .s-how-box { padding: 14px 0 0; }
    html[data-skin="dusk"] .s-how-body.is-pin.is-dtight2 .s-how-term { padding: 12px 0 0; }
  }

  html[data-skin="dusk"] .s-who-dk-head .eyebrow { color: var(--acc-d); }
  html[data-skin="dusk"] .s-who-dk-h { font-weight: 420; letter-spacing: -.028em; color: var(--pearl); }
  html[data-skin="dusk"] .s-who-dk-sub { max-width: 64ch; margin-top: 16px; color: var(--pearl-2); }
  
  html[data-skin="dusk"] .s-who-dk.is-car:not(.is-tight) .s-who-dk-stack { margin-top: 40px; }
  html[data-skin="dusk"] .s-who-dk.is-car:not(.is-tight) .s-who-dk-foot { margin-top: 20px; }
  
  html[data-skin="dusk"][data-dk="now"] .s-who-dk.is-car:not(.is-tight) { --s-who-dk-rh: 52px; --s-who-dk-g: 8px; }
  html[data-skin="dusk"] .s-who-dk { --s-who-dk-ib: var(--tint-d); }
  
  html[data-skin="dusk"] .s-who-dk-box { background: var(--gl-sheen), var(--gl-floor), var(--gl-fill-fb); box-shadow: var(--gl-edge), var(--lift-dark); }
  @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    
    html[data-skin="dusk"] .s-who-dk.is-car .s-who-dk-it.is-cur .s-who-dk-box {
      background: var(--gl-sheen), var(--gl-floor), color-mix(in srgb, var(--gl-fill-fb) min(100%, calc((1 - var(--s-who-dk-io, 1)) * 10000%)), var(--gl-fill));
      -webkit-backdrop-filter: var(--gl-blur); backdrop-filter: var(--gl-blur); }
  }
  
  html[data-skin="dusk"] .s-who-dk.is-car .s-who-dk-stack::before { content: ""; position: absolute; inset: -220px -220px -160px; z-index: -1; pointer-events: none;
    background:
      radial-gradient(380px 300px at calc(100% - 330px) 320px, rgba(176, 156, 236, .32) 0%, rgba(176, 156, 236, .23) 22%, rgba(176, 156, 236, .12) 46%, rgba(176, 156, 236, .04) 68%, rgba(176, 156, 236, 0) 86%),
      radial-gradient(340px 280px at 330px calc(100% - 250px), rgba(108, 118, 222, .28) 0%, rgba(108, 118, 222, .2) 22%, rgba(108, 118, 222, .1) 46%, rgba(108, 118, 222, .035) 68%, rgba(108, 118, 222, 0) 86%); }
  html[data-skin="dusk"] .s-who-dk.is-car .s-who-dk-it::before { box-shadow: var(--lift-dark); }
  html[data-skin="dusk"] .s-who-dk-ic { color: var(--acc-d); }
  html[data-skin="dusk"] .s-who-dk-ht { font-size: 15px; font-weight: 520; color: var(--pearl); }
  html[data-skin="dusk"] .s-who-dk-rv { font-size: var(--fs-label); font-weight: 520; }
  html[data-skin="dusk"] .s-who-dk-rv b { font-size: 16.5px; font-weight: 520; }
  html[data-skin="dusk"] .s-who-dk-tick { color: var(--dusk); }
  html[data-skin="dusk"] .s-who-dk-pb i { background: rgba(248, 244, 238, .3); }
  html[data-skin="dusk"] .s-who-dk-pb.is-past i { background: rgba(248, 244, 238, .3); }
  html[data-skin="dusk"] .s-who-dk-pb i::after { background: var(--pearl); }
  html[data-skin="dusk"] .s-who-p--dk { --k-tile: rgba(248, 244, 238, .035); background: none; }
  html[data-skin="dusk"] #who :is(.s-who-kg-i, .s-who-kt-m, .s-who-ks-d, .s-who-kl-m, .s-who-kl-t, .s-who-kk-sum) { border-radius: 20px; box-shadow: inset 0 0 0 1px rgba(248, 244, 238, .07); }
  html[data-skin="dusk"] :is(.s-who-kg-ic, .s-who-kg-who, .s-who-kt-m .s-who-avx, .s-who-dk-av .s-who-avx, .s-who-dk-gis i) { background: var(--tint-d); color: var(--acc-d); }
  html[data-skin="dusk"] #who .s-who-kg-who { color: var(--pearl-2); }
  html[data-skin="dusk"] .s-who-kg-bar i { background: linear-gradient(90deg, #E8C996, #F3DBA9); }
  html[data-skin="dusk"] .s-who-kr-sv .l { stroke: var(--acc-d); stroke-width: 1.5; }
  html[data-skin="dusk"] .s-who-kr-dot { background: var(--l-core); box-shadow: 0 0 0 3px rgba(243, 219, 169, .18), 0 0 10px rgba(255, 240, 215, .6); }
  html[data-skin="dusk"] #who .s-who-kr-rec { padding-left: 0; padding-right: 0; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--line-d); }
  
  html[data-skin="dusk"] #who :is(.s-who-kr-cap, .s-who-kr-t) { padding: 12px 0 0; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--line-d); }
  html[data-skin="dusk"] #who .s-who-kk-list > li { padding-left: 0; padding-right: 0; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--line-d); }
  
  html[data-skin="dusk"] #who .s-who-kk-list { gap: 0; }
  html[data-skin="dusk"] #who .s-who-kk-list > li { padding-block: 7px 8px; }
  html[data-skin="dusk"][data-dk="c"] #who .s-who-dk.is-car:not(.is-tight) .s-who-kk-list > li { padding-block: 11px; }
  html[data-skin="dusk"] #who .s-who-dk.is-tight .s-who-kk-list > li { padding-block: 5px; }
  html[data-skin="dusk"] #who .s-who-dk.is-tight2 .s-who-kk-list > li { padding-block: 4px; }
  html[data-skin="dusk"] #who .s-who-kl-m { padding-top: 16px; }
  
  html[data-skin="dusk"] .s-who-kg { grid-template-rows: repeat(5, auto); row-gap: 0; }
  html[data-skin="dusk"] .s-who-kg-i { grid-row: span 5; grid-template-rows: subgrid; row-gap: 0; }
  html[data-skin="dusk"] .s-who-kg-t { flex-wrap: wrap; row-gap: 2px; align-self: end; }
  
  html[data-skin="dusk"] .s-who-kt-m { padding-block: 15px; }
  html[data-skin="dusk"] #who .s-who-dk.is-tight .s-who-kt-m { padding: 15px 12px; }
  html[data-skin="dusk"] #who .s-who-dk.is-tight .s-who-ks-d { padding: 15px 14px; }
  html[data-skin="dusk"] #who .s-who-dk.is-tight :is(.s-who-kl-m, .s-who-kl-t) { padding-block: 14px; }
  html[data-skin="dusk"] #who .s-who-dk.is-tight .s-who-kr-cap .s-who-kr-v { font-size: 26px; }
  html[data-skin="dusk"] .s-who-kr-rw { font-weight: 400; color: var(--pearl); }
  html[data-skin="dusk"] #who .s-who-dk .s-who-kr-rw { display: inline-block; }
  html[data-skin="dusk"] #who .s-who-dk .s-who-kr-rw::first-letter { padding: 4px 7px; margin-right: 5px; border-radius: 999px; background: var(--mint); color: var(--dusk); font-size: 12px; font-weight: 520; } 
  html[data-skin="dusk"] .s-who-kr-go { font-weight: 520; color: var(--pearl); background: var(--gl-2); box-shadow: var(--gl-2-edge); }
  
  html[data-skin="dusk"] .s-who-ks { --ks0: #E8C996; --ks1: #F0D8AE; --ks2: #F6E8CF; --ks3: var(--vio-2); --ks4: var(--mint); --ks5: var(--mint); } 
  html[data-skin="dusk"] .s-who-kl-t--in { --kl-c: var(--mint); }   
  html[data-skin="dusk"] .s-who-kl-t--out { --kl-c: rgba(248, 244, 238, .72); }
  html[data-skin="dusk"] .s-who-kl-t--inv { --kl-c: var(--acc-d); } 
  html[data-skin="dusk"] .s-who-kl-bar i { background: linear-gradient(90deg, #E8C996, #F3DBA9); }
  html[data-skin="dusk"] .s-who-kk-ring circle.on { stroke: var(--acc-d); }
  html[data-skin="dusk"] .s-who-kk-list .is-done .s-who-kk-s { background: var(--mint); color: var(--dusk); }
  html[data-skin="dusk"] .s-who-kk-list .is-next .s-who-kk-s { box-shadow: inset 0 0 0 1.5px rgba(243, 219, 169, .6); color: var(--l-champagne); } 
  
  html[data-skin="dusk"] #who :is(.s-who-kg-n, .s-who-kt-tx b, .s-who-ks-d figcaption, .s-who-kk-t b, .s-who-kg-t b, .s-who-kg-pc, .s-who-ks-th dd, .s-who-kr-v, .s-who-kr-d, .s-who-kl-v, .s-who-kl-p, .s-who-kl-s, .s-who-kl-tx b, .s-who-kk-c b, .s-who-kg-who) { font-weight: 520; }
  html[data-skin="dusk"] #who :is(.s-who-kg-t > span, .s-who-kg-sum, .s-who-kt-tx > span, .s-who-ks-th dt, .s-who-kr-k, .s-who-kr-d > span, .s-who-kl-k, .s-who-kl-tx li, .s-who-kk-c > span, .s-who-kk-t span) { font-weight: 400; }
  html[data-skin="dusk"] .s-who-kg-n { font-size: 15px; }
  html[data-skin="dusk"] .s-who-kg-t > span { font-size: 10.5px; }
  html[data-skin="dusk"] .s-who-kg-t b { font-size: var(--fs-label); }
  html[data-skin="dusk"] .s-who-kg-pc { font-size: 12px; }
  html[data-skin="dusk"] .s-who-kt-tx b { font-size: var(--fs-label); }
  html[data-skin="dusk"] .s-who-ks-d figcaption { font-size: var(--fs-label); }
  html[data-skin="dusk"] .s-who-ks-th dt { font-size: 10.5px; }
  html[data-skin="dusk"] .s-who-ks-th dd { font-size: 15px; }
  html[data-skin="dusk"] .s-who-kr-k { font-size: var(--fs-label); }
  html[data-skin="dusk"] .s-who-kr-v { font-size: 16.5px; }
  html[data-skin="dusk"] .s-who-kr-cap .s-who-kr-v { font-size: 26px; font-weight: 420; }
  html[data-skin="dusk"] .s-who-kr-d { font-size: 12px; }
  html[data-skin="dusk"] #who .s-who-dk .s-who-kr-t:not(:last-of-type) > .s-who-kr-d { color: var(--mint); }   
  html[data-skin="dusk"] #who .s-who-dk .s-who-kr-t:last-of-type > .s-who-kr-d { color: var(--pearl-2); }   
  html[data-skin="dusk"] #who .s-who-p--sl .s-who-chg { color: var(--mint); }   
  html[data-skin="dusk"] .s-who-kr-rw { font-size: 15px; }
  html[data-skin="dusk"] .s-who-kr-go { font-size: 12px; }
  html[data-skin="dusk"] .s-who-kl-v, html[data-skin="dusk"] .s-who-kl-s { font-size: 22px; }
  html[data-skin="dusk"] .s-who-kl-p { font-size: 12px; }
  
  html[data-skin="dusk"] .s-who-kl-tx li { font-size: 10.5px; }
  html[data-skin="dusk"] .s-who-kl-k { font-size: 12px; }
  html[data-skin="dusk"] .s-who-kk-c b { font-size: 26px; }
  html[data-skin="dusk"] .s-who-kk-c b span { font-size: var(--fs-label); }
  html[data-skin="dusk"] .s-who-kk-c > span { font-size: 12px; }
  html[data-skin="dusk"] .s-who-kk-t b { font-size: var(--fs-label); }
  html[data-skin="dusk"] .s-who-kk-t span { font-size: 12px; }
  html[data-skin="dusk"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-who { font-size: 12px; }
  html[data-skin="dusk"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-pc { font-size: var(--fs-label); }
  html[data-skin="dusk"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-sum { font-size: 12px; }
  html[data-skin="dusk"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-n { font-size: 16.5px; }
  html[data-skin="dusk"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-t > span { font-size: 12px; }
  html[data-skin="dusk"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-t b { font-size: var(--fs-label); }
  html[data-skin="dusk"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kt-tx b { font-size: var(--fs-label); }
  html[data-skin="dusk"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-ks-d figcaption { font-size: 15px; }
  html[data-skin="dusk"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-ks-th dt { font-size: 12px; }
  html[data-skin="dusk"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-ks-th dd { font-size: 16.5px; }
  html[data-skin="dusk"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kl-v { font-size: 26px; }
  html[data-skin="dusk"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kl-p { font-size: var(--fs-label); }
  html[data-skin="dusk"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kl-k { font-size: var(--fs-label); }
  html[data-skin="dusk"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kl-s { font-size: 26px; }
  html[data-skin="dusk"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kl-tx li { font-size: 10.5px; }
  html[data-skin="dusk"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-k { font-size: var(--fs-label); }
  html[data-skin="dusk"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-cap .s-who-kr-v { font-size: 26px; }
  html[data-skin="dusk"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-d { font-size: var(--fs-label); }
  html[data-skin="dusk"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-v { font-size: 19.4px; }
  html[data-skin="dusk"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-rw { font-size: 16.5px; }
  html[data-skin="dusk"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-go { font-size: var(--fs-label); }
  html[data-skin="dusk"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-ring { --kk-n: 26px; }
  html[data-skin="dusk"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-c > span { font-size: var(--fs-label); }
  html[data-skin="dusk"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-t b { font-size: 15px; }
  html[data-skin="dusk"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-t span { font-size: var(--fs-label); }

  html[data-skin="dusk"] .s-team-ph { border-radius: 28px; }
  
  html[data-skin="dusk"] .s-team-role { left: 12px; bottom: 12px; max-width: calc(100% - 24px); min-height: 32px; padding: 7px 12px; background: var(--porcelain); color: var(--ink); box-shadow: var(--lift-pill); font-size: var(--fs-label); font-weight: 520; letter-spacing: .004em; line-height: 1.3; }
  
  @media (max-width: 1439.98px) { html[data-skin="dusk"] .s-team-role { font-size: 12px; letter-spacing: 0; } }
  @media (max-width: 1365.98px) { html[data-skin="dusk"] .s-team-role { left: 8px; bottom: 8px; max-width: calc(100% - 16px); } }
  
  html[data-skin="dusk"] .s-team-p:not(.s-team-p--ext) { border-radius: 28px; transition: box-shadow .5s var(--dusk-ease); }
  html[data-skin="dusk"] .s-team-p:not(.s-team-p--ext) .s-team-role { display: grid; gap: 1px; padding: 8px 13px 9px; border-radius: 16px; }
  html[data-skin="dusk"] .s-team-nm { display: block; font-size: 14px; font-weight: 520; line-height: 1.3; letter-spacing: -.004em; color: var(--ink); }
  html[data-skin="dusk"] .s-team-rl { font-size: 12px; font-weight: 400; letter-spacing: 0; color: var(--ink-3); }
  html[data-skin="dusk"] .s-team-ph img { transition: transform .8s var(--dusk-ease); }
  @media (hover: hover) {
    html[data-skin="dusk"] .s-team-p:not(.s-team-p--ext):hover { box-shadow: var(--lift-2); }
    html[data-skin="dusk"] .s-team-p:not(.s-team-p--ext):hover .s-team-ph img { transform: scale(1.04); }
  }
  html[data-skin="dusk"] .s-team-ext { background: var(--porcelain); box-shadow: var(--edge-l), var(--lift-1); transition: box-shadow .5s var(--dusk-ease); }
  html[data-skin="dusk"] .s-team-p--ext .s-team-role { background: var(--tint-l); box-shadow: none; color: var(--ink-2); }
  html[data-skin="dusk"] .s-team-ext-ico { position: relative; width: 64px; height: 64px; background: none; color: var(--vio); }
  html[data-skin="dusk"] .s-team-ext-ico svg { width: 24px; height: 24px; }
  html[data-skin="dusk"] .s-team-ext-ico::before { content: ""; position: absolute; inset: -28px; border-radius: 50%; box-shadow: inset 0 0 0 1px var(--line-l); pointer-events: none;
    background: radial-gradient(circle at 85.4% 14.6%, #8A79B8 0 2.5px, rgba(138, 121, 184, .25) 3.5px, transparent 7px); }
  html[data-skin="dusk"] .s-team-ext-ico::after { content: ""; position: absolute; inset: 0; border-radius: 50%; box-shadow: inset 0 0 0 1px var(--line-l-2); pointer-events: none;
    background: radial-gradient(circle at 0% 50%, #8A79B8 0 2px, rgba(138, 121, 184, .2) 3px, transparent 6px); }
  html[data-skin="dusk"] .s-team-more { transition: box-shadow .5s var(--dusk-ease); }
  html[data-skin="dusk"] .s-team-more-ico { background: none; color: var(--vio); }
  html[data-skin="dusk"] .s-team-more-ico svg { width: 26px; height: 26px; }
  html[data-skin="dusk"] .s-team-more-t { font-weight: 520; font-size: var(--fs-h3); line-height: 1.25; letter-spacing: -.014em; }
  @media (hover: hover) { html[data-skin="dusk"] :is(.s-team-ext, .s-team-more):hover { box-shadow: var(--edge-l), var(--lift-2); } }

  html[data-skin="dusk"] .s-trust .s-trust-bento { column-gap: 32px; }
  html[data-skin="dusk"] .s-trust-tile { row-gap: 32px; padding: 28px 24px 24px 0; overflow: visible; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--line-l); }
  html[data-skin="dusk"] .s-trust-ico { width: 28px; height: 28px; place-items: start; border-radius: 0; background: none; color: var(--vio); }
  html[data-skin="dusk"] .s-trust-ico svg { width: 28px; height: 28px; }
  html[data-skin="dusk"] .s-trust-name { font-weight: 520; font-size: var(--fs-h3); line-height: 1.25; letter-spacing: -.014em; }
  html[data-skin="dusk"] .s-trust-text { font-size: var(--fs-item); font-weight: 400; line-height: 1.5; color: var(--ink-2); }
  html[data-skin="dusk"] .s-trust-fam { background: var(--dusk); box-shadow: var(--edge-d), var(--lift-dark); }
  html[data-skin="dusk"] .s-trust-fam::before { content: none; }
  
  html[data-skin="dusk"] .s-trust-fam::after { background: linear-gradient(180deg, rgba(18, 15, 20, .38), rgba(18, 15, 20, .54) 45%, rgba(18, 15, 20, .80)); }
  html[data-skin="dusk"] .s-trust-label { font-size: var(--fs-lead); font-weight: 400; line-height: 1.4; letter-spacing: -.006em; color: rgba(248, 244, 238, .82); }
  html[data-skin="dusk"] .s-trust-digit { font-family: var(--f); font-weight: 300; font-size: var(--fs-digit); line-height: .9; letter-spacing: -.05em; color: var(--pearl); }
  html[data-skin="dusk"] .s-trust-unit { font-weight: 420; font-size: var(--fs-phrase); letter-spacing: -.022em; color: var(--pearl); }

  html.js[data-skin="dusk"][data-cmp="c"] .s-compare-lab-t { font-weight: 520; font-size: var(--fs-h3); line-height: 1.25; letter-spacing: -.014em; }
  html.js[data-skin="dusk"][data-cmp="c"] .s-compare-lab-s { font-size: var(--fs-item); font-weight: 400; line-height: 1.4; color: var(--ink-3); }
  html.js[data-skin="dusk"][data-cmp="c"] .s-compare { --s-compare-tab-bg: color-mix(in srgb, #FCFBFD 55%, #F5F2F6); }
  html.js[data-skin="dusk"][data-cmp="c"] .s-compare-chip { border-radius: 20px; color: var(--ink-3); font-size: var(--fs-label); font-weight: 520; }
  html.js[data-skin="dusk"][data-cmp="c"] .s-compare-chip[aria-pressed="true"] { color: var(--ink); }
  html.js[data-skin="dusk"][data-cmp="c"] .s-compare-ci { color: var(--ink-3); }
  html.js[data-skin="dusk"][data-cmp="c"] .s-compare-th { border-radius: 20px 20px 0 0; background: var(--porcelain); }
  html.js[data-skin="dusk"][data-cmp="c"] .s-compare-th::before { background: radial-gradient(circle at 0 0, transparent calc(var(--s-compare-fr, 8px) - .5px), var(--porcelain) var(--s-compare-fr, 8px)); }
  html.js[data-skin="dusk"][data-cmp="c"] .s-compare-th::after { background: radial-gradient(circle at 100% 0, transparent calc(var(--s-compare-fr, 8px) - .5px), var(--porcelain) var(--s-compare-fr, 8px)); }
  html.js[data-skin="dusk"][data-cmp="c"] .s-compare-cl { color: var(--ink); }
  html.js[data-skin="dusk"][data-cmp="c"] .s-compare-cl .s-compare-ci { color: var(--vio); }
  
  @media (max-width: 1199.98px) { html.js[data-skin="dusk"][data-cmp="c"] .s-compare-chip { font-size: 12px; } }
  @media (hover: hover) { html.js[data-skin="dusk"][data-cmp="c"] .s-compare-chip:not([aria-pressed="true"]):hover { background: color-mix(in srgb, #1E1A20 4%, var(--s-compare-tab-bg)); } }
  
  html.js[data-skin="dusk"][data-cmp="c"]:is([data-cmpfx="b"], [data-cmpfx="c"], [data-cmpfx="d"]) .s-compare.is-pin .s-compare-tp { display: none; }
  html[data-skin="dusk"] .s-compare-alt { background: var(--porcelain); box-shadow: var(--lift-1); }
  
  html.js[data-skin="dusk"][data-cmp="c"] .s-compare-ol { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; z-index: 2;
    transition: opacity var(--d2) var(--ease); }
  html.js[data-skin="dusk"][data-cmp="c"] .s-compare-view:has(.s-compare-table.reveal:not(.is-in)) .s-compare-ol { opacity: 0; } 
  html[data-skin="dusk"] .s-compare-ol path { fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
  html[data-skin="dusk"] .s-compare-ol-b { stroke: rgba(30, 26, 32, .10); }
  html[data-skin="dusk"] .s-compare-ol-r { stroke: none; }
  html[data-skin="dusk"] .s-compare-ol-g0 { stop-color: #FFFFFF; stop-opacity: 1; }
  html[data-skin="dusk"] .s-compare-ol-g1 { stop-color: rgb(176, 156, 236); stop-opacity: .95; }
  html[data-skin="dusk"] .s-compare-ol-g2 { stop-color: rgb(138, 121, 184); stop-opacity: .5; }
  html[data-skin="dusk"] .s-compare-ol-g3 { stop-color: rgb(138, 121, 184); stop-opacity: 0; }
  html[data-skin="dusk"] .s-compare-ol-h0 { stop-color: rgb(176, 156, 236); stop-opacity: .4; }
  html[data-skin="dusk"] .s-compare-ol-h1 { stop-color: rgb(176, 156, 236); stop-opacity: .12; }
  html[data-skin="dusk"] .s-compare-ol-h2 { stop-color: rgb(176, 156, 236); stop-opacity: 0; }
  html[data-skin="dusk"] .s-compare-alt :is(.glow-fx) , html[data-skin="dusk"] .s-compare-alt.glow-host { --glow-bg: var(--rim-l) bottom / 100% 1.5px no-repeat; }
  
  html[data-skin="dusk"] .s-compare-fou { background:
      radial-gradient(60% 18% at 50% 100%, rgba(255, 240, 215, .12) 0%, rgba(255, 240, 215, .05) 50%, rgba(255, 240, 215, 0) 80%),
      radial-gradient(80% 34% at 0% 100%, rgba(108, 118, 222, .16) 0%, rgba(108, 118, 222, .07) 45%, rgba(108, 118, 222, 0) 76%), var(--pn);
    box-shadow: var(--lift-dark); }   
  html.js[data-skin="dusk"][data-cmp="c"] .s-compare-ft { background: radial-gradient(70% 90% at 50% 0%, rgba(176, 156, 236, .2) 0%, rgba(176, 156, 236, .08) 50%, rgba(176, 156, 236, 0) 85%), var(--pn); color: var(--pearl); }
  html[data-skin="dusk"] .s-compare-ft::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; padding: 1.5px 1.5px 0; pointer-events: none;
    background: var(--rim-d) top / 100% 50% no-repeat;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
  html[data-skin="dusk"] .s-compare-ft > * { position: relative; z-index: 1; }
  html[data-skin="dusk"] .s-compare-ft .s-compare-fs { font-size: var(--fs-label); font-weight: 400; color: var(--pearl-3); }
  html[data-skin="dusk"] .s-compare-ki { background: none; color: var(--vio); }
  html[data-skin="dusk"] .s-compare-k { font-size: var(--fs-item); font-weight: 520; letter-spacing: -.004em; }
  html[data-skin="dusk"] .s-compare-c { font-size: var(--fs-item); font-weight: 400; letter-spacing: -.004em; }
  html[data-skin="dusk"] .s-compare-f { font-size: var(--fs-item); font-weight: 400; color: var(--pearl-2); }
  html[data-skin="dusk"] .s-compare-f b { font-weight: 520; color: var(--pearl); }
  
  html[data-skin="dusk"] .s-compare-ok { background: var(--mint); color: var(--dusk); }
  html[data-skin="dusk"] .s-compare-yn.is-yes { background: var(--mint); color: var(--dusk); }   
  html[data-skin="dusk"] .s-compare-yn.is-no { background: rgba(30, 26, 32, .06); color: var(--ink-3); }
  html[data-skin="dusk"] .s-compare-r + .s-compare-r > *::before { background: var(--line-l); }
  html[data-skin="dusk"] .s-compare-r + .s-compare-r > .s-compare-f::before { background: var(--line-d); }
  html[data-skin="dusk"] .s-compare-cost i { box-shadow: inset 0 0 0 1.5px rgba(30, 26, 32, .22); }
  html[data-skin="dusk"] .s-compare-cost i.is-on { background: var(--vio); box-shadow: none; }
  html[data-skin="dusk"] .s-compare-f .s-compare-cost i:not(.is-on) { box-shadow: inset 0 0 0 1.5px rgba(248, 244, 238, .3); }
  html[data-skin="dusk"] .s-compare-f .s-compare-cost i.is-on { background: var(--acc-d); }
  html[data-skin="dusk"] .s-compare-note { font-size: var(--fs-label); color: var(--ink-3); }
  
  @media (max-height: 860px) {
    html[data-skin="dusk"] .s-compare-head { margin-bottom: var(--head-gap-tight); }
    html[data-skin="dusk"] .s-compare-head .sec-sub { margin-top: 16px; }
  }

  html[data-skin="dusk"] #strategy { position: relative; isolation: isolate; margin-inline: 12px; padding-block: var(--p-sec); border-radius: 40px; background: var(--day-2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6), 0 0 0 1px rgba(30, 26, 32, .05); }
  html[data-skin="dusk"] #strategy > .wrap { position: relative; z-index: 1; max-width: calc(1440px - 24px); padding: 0 calc(var(--p-field) - 12px); }
  html[data-skin="dusk"] .s-strategy-card { background: var(--gl-sheen), var(--pn-light), var(--pn); box-shadow: var(--gl-edge), var(--lift-dark); }
  html[data-skin="dusk"] .s-strategy-card > .s-strategy-glow { opacity: 1;
    background:
      radial-gradient(ellipse 60% 6% at 50% 100%, rgba(255, 240, 215, .5) 0%, rgba(255, 240, 215, .475) 10%, rgba(255, 240, 215, .405) 20%, rgba(255, 240, 215, .31) 30%, rgba(255, 240, 215, .215) 40%, rgba(255, 240, 215, .13) 50%, rgba(255, 240, 215, .07) 60%, rgba(255, 240, 215, .033) 70%, rgba(255, 240, 215, .013) 80%, rgba(255, 240, 215, .003) 90%, rgba(255, 240, 215, 0) 100%),
      radial-gradient(ellipse 50% 40% at 50% 100%, rgba(248, 244, 238, .05), rgba(248, 244, 238, .03) 40%, rgba(248, 244, 238, 0)); }
  html[data-skin="dusk"] .s-strategy-card .s-strategy-tag { font-weight: 520; color: var(--pearl-2); }
  html[data-skin="dusk"] .s-strategy-title { font-weight: 420; font-size: var(--fs-h2); line-height: 1.08; letter-spacing: -.028em; color: var(--pearl); }
  html[data-skin="dusk"] .s-strategy-sub { font-size: var(--fs-lead); font-weight: 400; line-height: 1.5; letter-spacing: -.006em; color: var(--pearl-2); }
  html[data-skin="dusk"] .s-strategy-goal { stroke: rgba(248, 244, 238, .16); }
  
  html[data-skin="dusk"] .s-strategy-lvls { display: inline; stroke: rgba(248, 244, 238, .16); stroke-width: 1; stroke-dasharray: 2 6; }
  html[data-skin="dusk"] .s-strategy-track { stroke: rgba(243, 219, 169, .18); }
  html[data-skin="dusk"] .s-strategy-line { stroke: var(--acc-d); stroke-width: 1.5; }
  html[data-skin="dusk"] .s-strategy-node { background: var(--dusk); border-color: rgba(243, 219, 169, .6); }
  html[data-skin="dusk"] .s-strategy-node.is-on { background: var(--l-champagne); border-color: var(--l-champagne); }
  html[data-skin="dusk"] .s-strategy-tip { background: var(--l-core); outline-color: rgba(243, 219, 169, .14); box-shadow: 0 0 16px rgba(255, 240, 215, .6); }
  html[data-skin="dusk"] .s-strategy-tip.is-goal { background: var(--l-core); outline-color: rgba(243, 219, 169, .14); }
  html[data-skin="dusk"] .s-strategy-tip::after { background: radial-gradient(closest-side, rgba(255, 240, 215, .35), transparent); }
  html[data-skin="dusk"] .s-strategy-price { font-size: var(--fs-item); font-weight: 400; line-height: 1.4; color: var(--pearl-2); }
  
  html[data-skin="dusk"] .s-strategy-tile { padding: 14px 28px; background: var(--porcelain); box-shadow: var(--edge-l), var(--lift-1); }
  html[data-skin="dusk"] .s-strategy-n { background: var(--porcelain); color: var(--vio); box-shadow: inset 0 0 0 1.5px rgba(94, 75, 140, .5); font-size: var(--fs-label); font-weight: 520; }
  html[data-skin="dusk"] .is-pin .s-strategy-st:not(.is-now):not(.is-done) .s-strategy-n { background: var(--porcelain); color: var(--vio); box-shadow: inset 0 0 0 1.5px var(--vio); } 
  html[data-skin="dusk"] .is-pin .s-strategy-st.is-now .s-strategy-n { background: #1E1A20; color: #F8F4EE; box-shadow: none; }
  
  html[data-skin="dusk"] .is-pin .s-strategy-st.is-done .s-strategy-n { background: var(--porcelain); color: transparent; box-shadow: inset 0 0 0 1.5px rgba(94, 75, 140, .16); }
  html[data-skin="dusk"] .is-pin .s-strategy-st.is-done .s-strategy-n::after { content: ""; position: absolute; inset: 0; margin: auto; width: 15px; height: 15px; background: var(--vio-2);
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 12.5 4 4 8-9'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 12.5 4 4 8-9'/></svg>") center / contain no-repeat; }
  
  html[data-skin="dusk"] .s-strategy-st:not(:last-child)::before {
    background: linear-gradient(180deg, rgba(94, 75, 140, .14) calc(var(--s-strategy-seg, 0) * 100%), rgba(94, 75, 140, .5) calc(var(--s-strategy-seg, 0) * 100%)); }
  html[data-skin="dusk"] .s-strategy-st:not(:last-child)::after { background: var(--vio); opacity: calc((1 - var(--s-strategy-seg, 0)) * 1000); } 
  html[data-skin="dusk"] .s-strategy-st h3 { font-weight: 520; font-size: var(--fs-h3); line-height: 1.25; letter-spacing: -.014em; }
  html[data-skin="dusk"] .is-pin .s-strategy-st:not(.is-now) h3 { color: var(--ink-2); }
  html[data-skin="dusk"] .is-pin .s-strategy-st.is-done h3 { color: var(--dim); }
  html[data-skin="dusk"] .s-strategy-tx p { font-size: var(--fs-item); line-height: 1.5; color: var(--ink-2); }
  html[data-skin="dusk"] .is-pin .s-strategy-st.is-now .s-strategy-tx p { color: var(--ink-2); }

  html[data-skin="dusk"] .s-faq-panel { gap: 0; }
  html[data-skin="dusk"] .s-faq-q { border-radius: 0; background: none; box-shadow: inset 0 -1px 0 var(--line-l); }
  html[data-skin="dusk"] .s-faq-s { border-radius: 0; }
  html[data-skin="dusk"] :is(.s-faq-ico, .s-faq-q[open]:not(.is-closing) .s-faq-ico) { width: 28px; height: 28px; border-radius: 0; background: none; color: var(--vio); }
  html[data-skin="dusk"] .s-faq-qt { font-size: var(--fs-lead); font-weight: 520; line-height: 1.3; letter-spacing: -.012em; }
  html[data-skin="dusk"] .s-faq-chev { color: var(--ink-3); }
  html[data-skin="dusk"] .s-faq-q[open]:not(.is-closing) .s-faq-chev { color: var(--ink); }
  
  html[data-skin="dusk"] .s-faq-q { position: relative; isolation: isolate; }
  html[data-skin="dusk"] .s-faq-q::after { content: ""; position: absolute; left: 0; right: 0; bottom: -2.5px; height: 6px; z-index: -1; pointer-events: none; opacity: 0;
    transition: opacity .42s var(--dusk-ease);
    background:
      linear-gradient(90deg, rgba(138, 121, 184, 0) calc(50% - 280px), rgba(138, 121, 184, .5) calc(50% - 154px), rgba(176, 156, 236, .95) calc(50% - 62px), #FFFFFF 50%, rgba(176, 156, 236, .95) calc(50% + 62px), rgba(138, 121, 184, .5) calc(50% + 154px), rgba(138, 121, 184, 0) calc(50% + 280px)) center / 100% 1.5px no-repeat,
      linear-gradient(90deg, rgba(176, 156, 236, 0) calc(50% - 280px), rgba(176, 156, 236, .12) calc(50% - 140px), rgba(176, 156, 236, .4) 50%, rgba(176, 156, 236, .12) calc(50% + 140px), rgba(176, 156, 236, 0) calc(50% + 280px)); }
  html[data-skin="dusk"] .s-faq-q[open]:not(.is-closing)::after { opacity: 1; }
  @media (prefers-reduced-motion: reduce) { html[data-skin="dusk"] .s-faq-q::after { transition: none; } }
  html[data-skin="dusk"] .s-faq-at { max-width: calc(62ch + 60px); padding-left: 60px; font-size: var(--fs-text); line-height: 1.55; color: var(--ink-2); }
  html[data-skin="dusk"] .s-faq-write { color: var(--ink); text-decoration-thickness: 1px; text-underline-offset: .28em; text-decoration-color: rgba(30, 26, 32, .34); }
  @media (hover: hover) {
    html[data-skin="dusk"] .s-faq-s:hover .s-faq-chev { background: var(--tint-l); }
    html[data-skin="dusk"] .s-faq-write:hover { text-decoration-color: rgba(30, 26, 32, .8); }
  }

  html[data-skin="dusk"] .s-meet-card { min-height: clamp(360px, calc(var(--meet-h, 404px) - 8px), 640px); background: var(--day); color: var(--ink); box-shadow: var(--edge-l), var(--lift-1); }
  
  html[data-skin="dusk"] .s-meet-card .s-meet-flow { opacity: 1; -webkit-mask-image: none; mask-image: none;
    background:
      radial-gradient(56% 62% at 100% 0%, rgba(176, 156, 236, .32) 0%, rgba(176, 156, 236, .24) 22%, rgba(176, 156, 236, .12) 46%, rgba(176, 156, 236, .04) 68%, rgba(176, 156, 236, 0) 86%),
      radial-gradient(44% 56% at 0% 100%, rgba(108, 118, 222, .28) 0%, rgba(108, 118, 222, .2) 22%, rgba(108, 118, 222, .1) 46%, rgba(108, 118, 222, .035) 68%, rgba(108, 118, 222, 0) 86%),
      radial-gradient(ellipse 52% 74% at 90% 48%, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, .902) 10%, rgba(255, 255, 255, .769) 20%, rgba(255, 255, 255, .589) 30%, rgba(255, 255, 255, .408) 40%, rgba(255, 255, 255, .247) 50%, rgba(255, 255, 255, .133) 60%, rgba(255, 255, 255, .062) 70%, rgba(255, 255, 255, .024) 80%, rgba(255, 255, 255, .006) 90%, rgba(255, 255, 255, 0) 100%),
      radial-gradient(ellipse 34% 50% at 90% 50%, rgba(255, 241, 218, .5) 0%, rgba(255, 241, 218, .475) 10%, rgba(255, 241, 218, .405) 20%, rgba(255, 241, 218, .31) 30%, rgba(255, 241, 218, .215) 40%, rgba(255, 241, 218, .13) 50%, rgba(255, 241, 218, .07) 60%, rgba(255, 241, 218, .033) 70%, rgba(255, 241, 218, .013) 80%, rgba(255, 241, 218, .003) 90%, rgba(255, 241, 218, 0) 100%); }
  html[data-skin="dusk"] .s-meet-t { font-weight: 420; font-size: var(--fs-meet); line-height: 1.04; letter-spacing: -.034em; color: var(--ink); }
  html[data-skin="dusk"] .s-meet-text { margin-top: 24px; font-size: var(--fs-lead); font-weight: 400; line-height: 1.5; letter-spacing: -.006em; color: var(--ink-2); }
  html[data-skin="dusk"] .s-meet-act { margin-top: 40px; }
  html[data-skin="dusk"] .s-meet-card :focus-visible { outline-color: var(--focus-l); }
  html[data-skin="dusk"] .s-meet-ph { border-radius: 28px; }

  html[data-skin="dusk"] .ft { padding: 48px 12px 12px; }
  html[data-skin="dusk"] .ft > .wrap { max-width: none; padding: 0; }
  html[data-skin="dusk"] .ft-card { padding: 48px calc(var(--p-field) - 12px) 32px; border-radius: 40px; color: var(--pearl);
    background: radial-gradient(340px 220px at calc(100% - 200px) 70px, rgba(176, 156, 236, .3) 0%, rgba(176, 156, 236, .21) 22%, rgba(176, 156, 236, .1) 46%, rgba(176, 156, 236, .035) 68%, rgba(176, 156, 236, 0) 86%),
      radial-gradient(220px 120px at calc(100% - 500px) 165px, rgba(108, 118, 222, .2) 0%, rgba(108, 118, 222, .13) 24%, rgba(108, 118, 222, .05) 52%, rgba(108, 118, 222, 0) 80%), var(--dusk); }
  html[data-skin="dusk"] .ft-card::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; padding: 1.5px 1.5px 0; pointer-events: none;
    background: linear-gradient(90deg, transparent 8%, rgba(176, 156, 236, .3) 28%, rgba(255, 240, 214, .7) 50%, rgba(176, 156, 236, .3) 72%, transparent 92%) top / 100% 50% no-repeat;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
  html[data-skin="dusk"] .ft-card > * { position: relative; z-index: 1; max-width: calc(1440px - 2 * var(--p-field)); margin-inline: auto; }
  html[data-skin="dusk"] .ft-slogan { font-size: var(--fs-text); font-weight: 400; letter-spacing: -.003em; color: rgba(248, 244, 238, .82); }
  html[data-skin="dusk"] .ft-tag { font-size: var(--fs-item); font-weight: 400; letter-spacing: -.004em; color: var(--pearl-3); }
  html[data-skin="dusk"] .ft-con { padding: 22px 24px 24px; border: 0; border-radius: 28px; background: var(--gl-sheen), var(--gl-fill-fb); box-shadow: var(--gl-edge); }
  @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    html[data-skin="dusk"] .ft-con { background: var(--gl-sheen), var(--gl-fill); -webkit-backdrop-filter: var(--gl-blur); backdrop-filter: var(--gl-blur); }
  }
  html[data-skin="dusk"] .ft-ph { font-size: var(--fs-item); font-weight: 520; letter-spacing: -.004em; color: var(--pearl); }
  html[data-skin="dusk"] .ft-pt { font-size: var(--fs-item); font-weight: 400; color: var(--pearl-2); }
  html[data-skin="dusk"] :is(.ft-ln, .ft-doc) { color: rgba(248, 244, 238, .86); text-decoration-thickness: 1px; text-underline-offset: .28em; text-decoration-color: rgba(248, 244, 238, .3); }
  html[data-skin="dusk"] .ft-doc { font-size: var(--fs-label); }
  html[data-skin="dusk"] .ft-doc:not([href]) { color: var(--pearl-2); }
  html[data-skin="dusk"] .ft-fine { margin-top: 48px; padding-top: 0; border-top: 0; }
  html[data-skin="dusk"] .ft-legal { font-size: var(--fs-label); color: var(--pearl-3); }
  html[data-skin="dusk"] footer.ft .ft-up { background: var(--gl-2); color: var(--pearl); box-shadow: var(--gl-2-edge); }
  @media (hover: hover) {
    html[data-skin="dusk"] :is(.ft-ln, .ft-doc[href]):hover { opacity: 1; text-decoration-color: rgba(248, 244, 238, .8); }
    html[data-skin="dusk"] footer.ft .ft-up:hover { background: var(--pearl); color: var(--dusk); box-shadow: none; }
  }
}

@media (max-width: 1023.98px) {

  html[data-skin="dusk"] {
    --hd-h: 64px;                               
    --dusk-in: 12px;                            
    --dusk-r: 32px;                             
    --fs-meet: 46px; --fs-h2: 38px; --fs-phrase: 22px; --fs-h3: 19px; --fs-lead: 17px;
    --fs-text: 16px; --fs-item: 15px; --fs-label: 13px; --fs-digit: 128px;
  }

  html[data-skin="dusk"] body { background: var(--day); color: var(--ink); font-family: var(--f); font-weight: 400; font-size: var(--fs-text); line-height: 1.55; letter-spacing: -.003em; font-variant-numeric: lining-nums; }
  :where(html[data-skin="dusk"]) :is(b, strong) { font-weight: 520; }
  html[data-skin="dusk"] ::selection { background: #1E1A20; color: #F8F4EE; }
  html[data-skin="dusk"] :is(#top, #about, #who, footer.ft, .s-strategy-card, .s-sit-res, .s-trust-fam, .s-compare-f, .s-compare-ft) ::selection { background: #F8F4EE; color: #1E1A20; }
  html[data-skin="dusk"] :focus-visible { outline-color: var(--focus-l); }
  html[data-skin="dusk"] :is(#top, #about, #who, footer.ft, .s-strategy-card, .s-sit-res, .s-trust-fam) :focus-visible { outline-color: var(--focus-d); }
  html[data-skin="dusk"] :is(.sec-title, .h2) { font-weight: 420; font-size: var(--fs-h2); line-height: 1.08; letter-spacing: -.028em; text-wrap: balance; }
  html[data-skin="dusk"] .sec-sub { font-weight: 400; font-size: var(--fs-lead); line-height: 1.5; letter-spacing: -.006em; color: var(--ink-2); text-wrap: pretty; }
  html[data-skin="dusk"] .sec-sub b { color: inherit; font-weight: inherit; }
  html[data-skin="dusk"] .two-tone { color: var(--ink-2); }
  html[data-skin="dusk"] .two-tone b { color: var(--ink); font-weight: inherit; }
  html[data-skin="dusk"] .counter { font-size: var(--fs-label); font-weight: 520; color: var(--ink-3); font-variant-numeric: tabular-nums lining-nums; }
  html[data-skin="dusk"] .counter b { font-weight: 520; color: var(--ink); }

  html[data-skin="dusk"] .top { padding-top: 0; }
  html[data-skin="dusk"] .top::before { -webkit-mask-image: none; mask-image: none; background: transparent; box-shadow: none;
    transition: background-color .45s var(--dusk-ease), box-shadow .45s var(--dusk-ease); }
  html[data-skin="dusk"] .top.is-sc::before { background: rgba(252, 251, 253, .97); -webkit-backdrop-filter: none; backdrop-filter: none;
    box-shadow: inset 0 -1px 0 rgba(30, 26, 32, .07); }
  html[data-skin="dusk"] :is(.hd-nav, .top.is-sc .hd-nav) { height: 64px; padding: 0; border-radius: 0; background: none; box-shadow: none; color: var(--ink); transition: color .45s var(--dusk-ease); }
  html[data-skin="dusk"] .top:not(.is-sc) .hd-nav { color: var(--pearl); }
  
  html[data-skin="dusk"] .hd-r .hd-burger { background: none; color: inherit; box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 28%, transparent); }
  html[data-skin="dusk"] .hd-cab { font-weight: 520; }
  @media (max-width: 719.98px) { html[data-skin="dusk"] .hd-r .hd-cab { background: none; color: inherit; box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 28%, transparent); } } 
  html[data-skin="dusk"] .hd-cta { height: 40px; padding: 0 18px; font-size: var(--fs-item); }
  html[data-skin="dusk"] .top:not(.is-sc) .hd-cta { background: var(--gl-2); color: var(--pearl); box-shadow: var(--gl-2-edge);
    -webkit-backdrop-filter: none; backdrop-filter: none; }
  @media (hover: hover) {
    html[data-skin="dusk"] .hd-cab:hover { opacity: .74; }
    html[data-skin="dusk"] .hd-r .hd-burger:not([aria-disabled="true"]):hover { background: color-mix(in srgb, currentColor 10%, transparent); color: inherit; box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 40%, transparent); }
  }
  
  @supports (animation-timeline: view()) {
    html[data-skin="dusk"] { timeline-scope: --dusk-t, --dusk-a, --dusk-w, --dusk-f; }
    html[data-skin="dusk"] #top { view-timeline: --dusk-t block; view-timeline-inset: 0px calc(100% - var(--hd-h) - 12px); }
    html[data-skin="dusk"] #about { view-timeline: --dusk-a block; view-timeline-inset: 0px calc(100% - var(--hd-h) - 12px); }
    html[data-skin="dusk"] #who { view-timeline: --dusk-w block; view-timeline-inset: 0px calc(100% - var(--hd-h) - 12px); }
    html[data-skin="dusk"] footer.ft .ft-card { view-timeline: --dusk-f block; view-timeline-inset: 0px calc(100% - var(--hd-h) - 12px); }
    html[data-skin="dusk"] .top.is-sc::before, html[data-skin="dusk"] .top.is-sc .hd-nav, html[data-skin="dusk"] .top.is-sc .hd-cta {
      animation: dusk-m-hd-x linear none, dusk-m-hd-x linear none, dusk-m-hd-x linear none, dusk-m-hd-x linear none;
      animation-timeline: --dusk-t, --dusk-a, --dusk-w, --dusk-f;
      animation-range: contain 0% contain 100%, contain 32px contain 100%, contain 32px contain 100%, contain 32px contain 100%; }
    html[data-skin="dusk"] .top.is-sc::before { animation-name: dusk-m-hd-bg, dusk-m-hd-bg-s, dusk-m-hd-bg-s, dusk-m-hd-bg-s; }
    html[data-skin="dusk"] .top.is-sc .hd-nav { animation-name: dusk-m-hd-tx, dusk-m-hd-tx, dusk-m-hd-tx, dusk-m-hd-tx; }
    html[data-skin="dusk"] .top.is-sc .hd-cta { animation-name: dusk-m-hd-cta, dusk-m-hd-cta, dusk-m-hd-cta, dusk-m-hd-cta; }
  }
  @keyframes dusk-m-hd-bg { from, to { background: rgba(30, 26, 32, .94); box-shadow: inset 0 -1px 0 rgba(248, 244, 238, .06); } }
  @keyframes dusk-m-hd-bg-s { from, to { left: max(var(--dusk-in), env(safe-area-inset-left, 0px)); right: max(var(--dusk-in), env(safe-area-inset-right, 0px)); border-radius: 0 0 20px 20px; background: rgba(30, 26, 32, .94); box-shadow: inset 0 -1px 0 rgba(248, 244, 238, .06); } }
  @keyframes dusk-m-hd-tx { from, to { color: #F8F4EE; } }
  @keyframes dusk-m-hd-cta { from, to { background: rgba(248, 244, 238, .08); color: #F8F4EE; box-shadow: inset 0 0 0 1px rgba(248, 244, 238, .18), inset 0 1px 0 rgba(255, 246, 230, .22); } }

  html[data-skin="dusk"] .btn { gap: 12px; height: 52px; padding: 0 26px; font-size: var(--fs-item); font-weight: 520; letter-spacing: -.004em;
    transition: background-color .35s var(--dusk-ease), color .35s var(--dusk-ease), box-shadow .35s var(--dusk-ease), transform var(--d1) var(--ease); }
  html[data-skin="dusk"] .btn:has(.btn-arrow) { padding-right: 24px; }
  html[data-skin="dusk"] .btn .btn-arrow { width: 16px; height: 16px; border-radius: 0; background: none; color: inherit; transition: transform .45s var(--dusk-ease); }
  html[data-skin="dusk"] .btn .btn-arrow::before, html[data-skin="dusk"] .btn .btn-arrow svg { width: 16px; height: 16px; }
  html[data-skin="dusk"] .btn--sm { gap: 10px; height: 44px; padding: 0 20px; font-size: var(--fs-item); }
  html[data-skin="dusk"] .btn--sm:has(.btn-arrow) { padding-right: 18px; }
  html[data-skin="dusk"] .btn--sm .btn-arrow, html[data-skin="dusk"] .btn--sm .btn-arrow::before { width: 14px; height: 14px; }
  html[data-skin="dusk"] :is(.btn--orange, .btn--ink, .btn--white) { background: #1E1A20; color: #F8F4EE; box-shadow: none; }
  html[data-skin="dusk"] :is(#top, #about, #who, .s-strategy-card, .s-sit-res, footer.ft) :is(.btn--orange, .btn--ink, .btn--white) { background: #F8F4EE; color: #1E1A20; }
  html[data-skin="dusk"] .btn--ghost { background: none; color: var(--ink); box-shadow: inset 0 0 0 1px var(--line-btn); }
  html[data-skin="dusk"] :is(.btn--orange, .btn--ink, .btn--white):active { background: #2E2933; }
  html[data-skin="dusk"] :is(#top, #about, #who, .s-strategy-card, .s-sit-res, footer.ft) :is(.btn--orange, .btn--ink, .btn--white):active { background: #FFFFFF; }
  @media (hover: hover) {
    html[data-skin="dusk"] .btn:not(:disabled):hover { opacity: 1; filter: none; }
    html[data-skin="dusk"] .btn:not(:disabled):hover .btn-arrow { transform: translateX(4px); }
    html[data-skin="dusk"] :is(.btn--orange, .btn--ink, .btn--white):not(:disabled):hover { background: #2E2933; box-shadow: var(--lift-pill); }
    html[data-skin="dusk"] :is(#top, #about, #who, .s-strategy-card, .s-sit-res, footer.ft) :is(.btn--orange, .btn--ink, .btn--white):not(:disabled):hover { background: #FFFFFF; box-shadow: 0 12px 40px -12px rgba(176, 156, 236, .55); }
    html[data-skin="dusk"] .btn--ghost:not(:disabled):hover { background: rgba(30, 26, 32, .04); box-shadow: inset 0 0 0 1px rgba(30, 26, 32, .5); }
  }
  
  html[data-skin="dusk"] .icon-only { background: none; color: var(--ink); box-shadow: inset 0 0 0 1px var(--line-btn); }
  html[data-skin="dusk"] .icon-only[aria-disabled="true"] { background: none; color: rgba(30, 26, 32, .3); box-shadow: inset 0 0 0 1px var(--line-l); }
  @media (hover: hover) { html[data-skin="dusk"] .icon-only:not([aria-disabled="true"]):hover { background: #1E1A20; color: #F8F4EE; box-shadow: none; } }

  html[data-skin="dusk"] .eyebrow { height: auto; padding: 0; border-radius: 0; background: none; box-shadow: none; font-size: var(--fs-label); font-weight: 520; letter-spacing: .012em; line-height: 1.3; color: var(--vio); }
  html[data-skin="dusk"] :is(#top, #about, #who) .eyebrow { color: var(--acc-d); }
  html[data-skin="dusk"] .pill { height: 30px; padding: 0 12px; border-radius: 999px; background: var(--tint-l); box-shadow: none; color: var(--ink-2); font-size: var(--fs-label); font-weight: 520; letter-spacing: .012em; }
  html[data-skin="dusk"] :is(.s-sit-res, .s-strategy-card) .pill { background: var(--gl-2); box-shadow: inset 0 0 0 1px rgba(248, 244, 238, .12); color: var(--pearl-2); }

  html[data-skin="dusk"] .bridge { font-size: var(--fs-item); font-weight: 520; letter-spacing: -.004em; color: var(--ink-3); }
  html[data-skin="dusk"] .bridge .bridge-arrow { background: none; box-shadow: inset 0 0 0 1px var(--line-l-2); color: var(--ink-2); transition: background-color .3s var(--dusk-ease), color .3s var(--dusk-ease), box-shadow .3s var(--dusk-ease); }
  html[data-skin="dusk"] :is(#top, #about, #who) .bridge { color: var(--pearl-2); }
  html[data-skin="dusk"] :is(#top, #about, #who) .bridge .bridge-arrow { box-shadow: inset 0 0 0 1px var(--line-d-2); color: var(--pearl-2); }
  @media (hover: hover) {
    html[data-skin="dusk"] .bridge:hover { color: var(--ink); }
    html[data-skin="dusk"] .bridge:hover .bridge-arrow { background: #1E1A20; color: #F5F2F6; box-shadow: none; }
    html[data-skin="dusk"] :is(#top, #about, #who) .bridge:hover { color: var(--pearl); }
    html[data-skin="dusk"] :is(#top, #about, #who) .bridge:hover .bridge-arrow { background: #F8F4EE; color: #1E1A20; }
  }

  html[data-skin="dusk"] .card { background: var(--porcelain); box-shadow: var(--edge-l), var(--lift-1); }
  html[data-skin="dusk"] :is(.card--ink, .card--glow) { background: #1E1A20; box-shadow: var(--edge-d), var(--lift-dark); }

  html[data-skin="dusk"] .ph:not(.ph--loaded):not(.ph--ref):not(.ph--avatar):not(.ph--bare) { background-color: #F0EDF3;
    background-image: radial-gradient(44% 40% at var(--ph-lx) var(--ph-ly), rgba(176, 156, 236, .24) 0%, rgba(176, 156, 236, .09) 45%, rgba(176, 156, 236, 0) 75%),
      radial-gradient(95% 85% at var(--ph-lx) var(--ph-ly), rgba(253, 252, 255, .96) 0%, rgba(250, 248, 253, .46) 42%, rgba(250, 248, 253, 0) 78%),
      linear-gradient(var(--ph-ang, 200deg), #F7F5F9 0%, #EFECF2 50%, #E6E3EA 100%);
    box-shadow: inset 0 0 0 1px rgba(30, 26, 32, .06); }
  html[data-skin="dusk"] .ph.ph--avatar { box-shadow: 0 0 0 2px var(--porcelain); }
  html[data-skin="dusk"] :is(#top, #about, #who) .ph.ph--avatar { box-shadow: 0 0 0 1.5px rgba(248, 244, 238, .16); }
  html[data-skin="dusk"] :is(#top, #about) .ph:not(.ph--loaded):not(.ph--ref):not(.ph--avatar) { background-color: #26232B;
    background-image: radial-gradient(70% 60% at var(--ph-lx) var(--ph-ly), rgba(243, 219, 169, .10), rgba(243, 219, 169, 0) 72%), linear-gradient(200deg, #2A2630, #1A171D);
    box-shadow: var(--edge-d); }
  html[data-skin="dusk"] :is(#top, #about) .ph:not(.ph--loaded):not(.ph--ref)::before { opacity: .12; }
  html[data-skin="dusk"] :is(#top, #about, #who) .ph-ico { background: var(--tint-d); color: var(--pearl-2); box-shadow: none; }

  html[data-skin="dusk"] .s-sit-bar { height: 2px; background: var(--line-l); }
  html[data-skin="dusk"] .s-sit-bar::after { background: #1E1A20; }
  html[data-skin="dusk"] :is(#s-top-rg, #s-who-kr-g) stop { stop-color: #E8C996; }

  html[data-skin="dusk"] :is(.glow-corner, .glow-host, .glow-fx) { --glow-max: 1; --glow-bg: var(--rim-l) top / 100% 1.5px no-repeat; }
  html[data-skin="dusk"] :is(#top, #about, #who) :is(.glow-corner, .glow-host, .glow-fx) { --glow-bg: var(--rim-d) top / 100% 1.5px no-repeat; }

  html[data-skin="dusk"] .pin-prog { color: var(--ink); }
  html[data-skin="dusk"] .pin-prog-l { font-size: var(--fs-label); font-weight: 520; color: var(--ink-3); }
  html[data-skin="dusk"] .pin-dots > i { background: rgba(30, 26, 32, .16); }
  html[data-skin="dusk"] .pin-dots > i.is-on { background: #1E1A20; }
  html[data-skin="dusk"] .pin-hint { font-size: var(--fs-label); font-weight: 520; color: var(--ink-3); }
  html[data-skin="dusk"] :is(#who, .pin-prog--dark) .pin-prog { color: var(--pearl); }
  html[data-skin="dusk"] :is(#who .pin-prog, .pin-prog--dark) :is(.pin-prog-l, .pin-hint, .counter) { color: var(--pearl-3); }
  html[data-skin="dusk"] :is(#who .pin-prog, .pin-prog--dark) .counter b { color: var(--pearl); }
  html[data-skin="dusk"] :is(#who .pin-prog, .pin-prog--dark) .pin-dots > i { background: rgba(248, 244, 238, .2); }
  html[data-skin="dusk"] :is(#who .pin-prog, .pin-prog--dark) .pin-dots > i.is-on { background: var(--pearl); }

  html[data-skin="dusk"] .layer-bg { background: rgba(18, 15, 20, .42); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
  html[data-skin="dusk"] .modal-p { background: linear-gradient(180deg, #FDFCFE, #FCFBFD); color: var(--ink); border-radius: 28px; box-shadow: 0 0 0 1px rgba(30, 26, 32, .04), var(--lift-win); }
  @media (max-width: 719.98px) { html[data-skin="dusk"] .modal-p { border-radius: var(--r-lg) var(--r-lg) 0 0; box-shadow: none; } } 
  html[data-skin="dusk"] .m-crumb { font-size: var(--fs-label); font-weight: 520; color: var(--ink-3); }
  html[data-skin="dusk"] .m-x { background: var(--tint-l); box-shadow: none; }
  html[data-skin="dusk"] .m-prog > i { background: var(--line-l); }
  html[data-skin="dusk"] .m-prog > i.is-on { background: #1E1A20; }
  html[data-skin="dusk"] .m-back { font-size: var(--fs-item); font-weight: 520; color: var(--ink-2); }
  html[data-skin="dusk"] .m-t { font-size: var(--fs-phrase); font-weight: 420; line-height: 1.16; letter-spacing: -.022em; text-wrap: balance; }
  html[data-skin="dusk"] .m-lead { margin-top: 10px; font-size: var(--fs-item); line-height: 1.5; color: var(--ink-2); text-wrap: pretty; }
  html[data-skin="dusk"] .lnk { font-weight: 520; text-decoration-thickness: 1px; text-underline-offset: .28em; text-decoration-color: rgba(30, 26, 32, .34); }
  html[data-skin="dusk"] .m-consent { font-size: var(--fs-label); color: var(--ink-3); border-top-color: var(--line-l); }
  html[data-skin="dusk"] .m-next { font-size: var(--fs-label); color: var(--ink-3); }
  html[data-skin="dusk"] .f-l { margin-bottom: 8px; font-size: var(--fs-label); font-weight: 520; color: var(--ink); }
  html[data-skin="dusk"] :is(.f-hint, .f-sub, .opt) { font-size: var(--fs-label); font-weight: 400; color: var(--ink-3); }
  html[data-skin="dusk"] .inp { min-height: 54px; padding: 15px 18px; border-radius: 12px; border: 1px solid #8C8695; background: var(--porcelain); font-size: 16px; line-height: 1.4;
    transition: border-color .3s var(--dusk-ease), box-shadow .3s var(--dusk-ease), background-color .3s var(--dusk-ease); }
  html[data-skin="dusk"] textarea.inp { min-height: 108px; }
  html[data-skin="dusk"] .sel .inp { padding-right: 44px; }      
  html[data-skin="dusk"] .cab-pw .inp { padding-right: 52px; }   
  html[data-skin="dusk"] .inp::placeholder { color: var(--ink-3); }
  html[data-skin="dusk"] :is(.inp:focus, .cs-btn:focus-visible, .sel.is-open .cs-btn) { outline: none; border-color: #1E1A20; box-shadow: 0 0 0 .5px #1E1A20, 0 0 0 4px rgba(94, 75, 140, .18); background: #FFFFFF; }
  html[data-skin="dusk"] .inp[aria-invalid="true"] { border-color: var(--error); box-shadow: 0 0 0 .5px var(--error); }
  html[data-skin="dusk"] .f-err { font-size: var(--fs-label); font-weight: 400; color: var(--error); }
  html[data-skin="dusk"] .f-err::before { background: var(--error); color: #FCFBFD; }
  html[data-skin="dusk"] .f-err.warn { color: var(--ink-2); }
  html[data-skin="dusk"] .f-err.warn::before { background: var(--ink-3); }
  html[data-skin="dusk"] .sel-chev { color: var(--ink-2); top: 27px; }
  html[data-skin="dusk"] .segs { padding: 4px; background: var(--tint-l); }
  html[data-skin="dusk"] .segs span { font-size: var(--fs-item); font-weight: 520; color: var(--ink-2); }
  html[data-skin="dusk"] .segs input:checked + span { background: var(--porcelain); color: var(--ink); box-shadow: var(--lift-pill), 0 0 0 1px rgba(30, 26, 32, .06); }
  html[data-skin="dusk"] .checks span { font-size: var(--fs-item); font-weight: 520; box-shadow: inset 0 0 0 1px var(--line-btn); }
  html[data-skin="dusk"] .checks input:checked + span { background: #1E1A20; color: #F8F4EE; }
  html[data-skin="dusk"] .cab-err-b { background: var(--tint-l); }
  html[data-skin="dusk"] .cab-err-b .f-err { font-size: var(--fs-item); }
  html[data-skin="dusk"] .cab-hint { font-size: var(--fs-item); color: var(--ink-2); }
  html[data-skin="dusk"] .cab-eye { color: var(--ink-3); }
  html[data-skin="dusk"] .m-step[data-step="ok"] .m-t { color: var(--ok); }

  html[data-skin="dusk"] .cs-pop { padding: 6px; border-radius: 20px; background: var(--porcelain); box-shadow: 0 0 0 1px var(--line-l), var(--lift-win); }
  html[data-skin="dusk"] .sel.cs-up .cs-pop:not(.cs-pop--flow) { box-shadow: 0 0 0 1px var(--line-l), 0 -24px 60px -28px rgba(18, 15, 20, .4); }
  html[data-skin="dusk"] .cs-gl { font-size: var(--fs-label); font-weight: 520; letter-spacing: .012em; color: var(--ink-3); }
  html[data-skin="dusk"] .cs-o { position: relative; min-height: 44px; border-radius: 16px; font-size: var(--fs-item); }
  html[data-skin="dusk"] :is(.cs-pop.is-ptr .cs-o.is-act, .cs-pop.is-kbd .cs-o.is-act) { background: var(--tint-l); }
  html[data-skin="dusk"] .cs-pop.is-kbd .cs-o.is-act { box-shadow: inset 0 0 0 2px #1E1A20; }
  html[data-skin="dusk"] .cs-o.is-sel { font-weight: 520; }
  html[data-skin="dusk"] .cs-o.is-sel::before { content: ""; position: absolute; left: 0; top: 10px; bottom: 10px; width: 2px; border-radius: 2px; background: linear-gradient(180deg, transparent, #8A79B8 50%, transparent); }
  html[data-skin="dusk"] :is(.cs-g + .cs-g, .cs-o + .cs-g) { border-top-color: var(--line-l); }

  html[data-skin="dusk"] .sheet-p { background: var(--porcelain); }
  html[data-skin="dusk"] .mnav a { border-radius: 20px; background: var(--tint-l); font-size: var(--fs-item); font-weight: 520; }
  html[data-skin="dusk"] .mnav a[aria-current="true"] { background: #1E1A20; color: #F8F4EE; }
  html[data-skin="dusk"] .mnav-act { background: var(--porcelain); }

  html[data-skin="dusk"] .fab { background: #1E1A20; color: #F8F4EE; font-size: var(--fs-item); font-weight: 520; letter-spacing: -.004em;
    box-shadow: inset 0 0 0 1px rgba(243, 219, 169, .28), 0 14px 36px -12px rgba(30, 22, 44, .55), 0 10px 40px -16px rgba(176, 156, 236, .6); }

  html[data-skin="dusk"] #top.s-top { position: relative; isolation: isolate; overflow: clip; margin-top: calc(-1 * var(--hd-h)); padding-top: calc(var(--hd-h) + 24px); padding-bottom: 40px;
    background: var(--dusk); border-radius: 0 0 var(--dusk-r) var(--dusk-r); }
  html[data-skin="dusk"] .s-top-h1 { font-weight: 420; letter-spacing: -.034em; line-height: 1.04; color: var(--acc-d); }
  html[data-skin="dusk"] .s-top-h1::first-line { color: var(--pearl); }
  html[data-skin="dusk"] .s-top-lead { font-size: var(--fs-lead); font-weight: 400; line-height: 1.5; letter-spacing: -.006em; color: var(--pearl-2); }
  
  html[data-skin="dusk"] #top.s-top::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
    background:
      radial-gradient(ellipse 46% 14svh at 50% 100%, rgba(255, 238, 216, .744) 0%, rgba(255, 236, 214, .6) 20%, rgba(250, 222, 208, .336) 46%, rgba(236, 206, 222, .096) 72%, rgba(220, 196, 232, .024) 88%, rgba(220, 196, 232, 0) 100%),
      radial-gradient(ellipse 90% 46svh at 50% 100%, rgba(176, 156, 236, .36) 0%, rgba(176, 156, 236, .276) 22%, rgba(160, 146, 232, .156) 48%, rgba(132, 130, 226, .048) 74%, rgba(120, 124, 224, .012) 90%, rgba(120, 124, 224, 0) 100%); }
  html[data-skin="dusk"] #top.s-top::after { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; padding: 0 1.5px 1.5px; pointer-events: none;
    background: linear-gradient(90deg, transparent 6%, rgba(176, 156, 236, .384) 26%, rgba(255, 240, 214, 1) 50%, rgba(176, 156, 236, .384) 74%, transparent 94%) bottom / 100% 50% no-repeat;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
  
  html[data-skin="dusk"] .s-top-stage::after { content: ""; position: absolute; inset: -60px -40px -240px; z-index: -1; pointer-events: none; 
    background:
      radial-gradient(300px 280px at calc(100% - 40px) calc(40% - 72px), rgba(176, 156, 236, .32) 0%, rgba(176, 156, 236, .24) 22%, rgba(176, 156, 236, .12) 46%, rgba(176, 156, 236, .04) 68%, rgba(176, 156, 236, 0) 86%),
      radial-gradient(280px 270px at 50px calc(78% - 140px), rgba(108, 118, 222, .28) 0%, rgba(108, 118, 222, .2) 22%, rgba(108, 118, 222, .1) 46%, rgba(108, 118, 222, .035) 68%, rgba(108, 118, 222, 0) 86%); }
  
  html[data-skin="dusk"] :is(.s-top-w, .s-top-w--ink, .s-top-w.s-top-w--plan) > .s-top-card,
  html[data-skin="dusk"][data-hero] .s-top-w--ink > .s-top-card {
    --dv-1: #E8C996; --dv-2: rgba(248, 244, 238, .45); --dv-trk: rgba(248, 244, 238, .12); --dv-grid: rgba(248, 244, 238, .10); --dv-txt-2: rgba(248, 244, 238, .58);
    --dv-ok: #B6E8BA; --dv-ring-bd: #26232B; --s-av-ring: #26232B; --s-t1: #F8F4EE; --s-t2: rgba(248, 244, 238, .62);
    color: var(--pearl); border: 0; box-shadow: var(--gl-edge);
    background: var(--gl-sheen), var(--gl-floor), var(--gl-fill-fb); }
  
  html[data-skin="dusk"] :is(.s-top-w, .s-top-w--ink, .s-top-w.s-top-w--plan) > .s-top-card,
  html[data-skin="dusk"][data-hero] .s-top-w--ink > .s-top-card,
  html[data-skin="dusk"] .s-top-tag { -webkit-backdrop-filter: none; backdrop-filter: none; }
  html[data-skin="dusk"] :is(.s-top-w[data-w="month"], .s-top-w[data-w="report"], .s-top-w[data-w="plan"]) > .s-top-card { --pearl-3: rgba(248, 244, 238, .62); }
  html[data-skin="dusk"] .s-top-x { font-weight: 420; letter-spacing: -.014em; }
  html[data-skin="dusk"] .s-top-wi { stroke: var(--acc-d); }
  
  html[data-skin="dusk"] .s-top-gk { font-size: var(--fs-label); font-weight: 400; color: var(--pearl); }
  html[data-skin="dusk"] .s-top-gi { background: var(--tint-d); color: var(--acc-d); }
  html[data-skin="dusk"] .s-top-gb > i { background: linear-gradient(90deg, #E8C996, #F3DBA9); }
  html[data-skin="dusk"] .s-top-gv { font-size: var(--fs-label); font-weight: 520; }
  html[data-skin="dusk"] .s-top-gs { font-size: 12px; font-weight: 400; color: var(--pearl-3); }
  
  html[data-skin="dusk"] .s-top-avi { background: var(--tint-d); color: var(--acc-d); }
  
  html[data-skin="dusk"] .s-top-rp { --rp-px: 0px; column-gap: 14px; }
  html[data-skin="dusk"] .s-top-rt { padding: 12px 0 0; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--line-d); }
  html[data-skin="dusk"] .s-top-rk { font-weight: 400; color: var(--pearl-3); }
  @container s-top-card (min-width: 310px) { html[data-skin="dusk"] .s-top-rk { font-size: 10.5px; } } 
  html[data-skin="dusk"] .s-top-rv { font-size: 15px; font-weight: 520; color: var(--pearl); }
  html[data-skin="dusk"] .s-top-rcap .s-top-rv { font-size: 22px; font-weight: 420; letter-spacing: -.02em; }
  html[data-skin="dusk"] .s-top-rd { font-size: 10.5px; font-weight: 520; color: var(--pearl-2); }
  html[data-skin="dusk"] :is(.s-top-rmo, .s-top-rcap .s-top-rd > span) { display: none; }
  html[data-skin="dusk"] .s-top-rt:not(:last-of-type) > .s-top-rd { color: var(--mint); }
  html[data-skin="dusk"] .s-top-rsv .l { stroke: var(--acc-d); stroke-width: 1.5; }
  html[data-skin="dusk"] .s-top-rdot { background: var(--l-core); box-shadow: 0 0 0 3px rgba(243, 219, 169, .18), 0 0 10px rgba(255, 240, 215, .6); }
  html[data-skin="dusk"] .s-top-rrec { margin-top: 12px; padding: 8px 0; border-radius: 12px; background: var(--gl-2); box-shadow: var(--gl-2-edge); }
  html[data-skin="dusk"] .s-top-rwho { padding-left: 10px; }
  html[data-skin="dusk"] .s-top-rrt { display: inline-flex; align-items: center; font-size: var(--fs-label); font-weight: 520; color: var(--pearl); }
  html[data-skin="dusk"] .s-top-rn8 { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 22px; height: 22px; margin-right: 5px; border-radius: 50%;
    background: var(--mint); color: var(--dusk); font-size: 12px; font-weight: 520; line-height: 1; font-variant-numeric: tabular-nums; }
  html[data-skin="dusk"] .s-top-rgo { margin-right: 8px; font-size: 12px; font-weight: 520; color: var(--pearl); background: var(--gl-2); box-shadow: var(--gl-2-edge); }
  
  html[data-skin="dusk"] .s-top-fk { color: var(--pearl-3); }
  html[data-skin="dusk"] .s-top-fv { font-weight: 520; color: var(--pearl); }
  html[data-skin="dusk"] .s-top-fl > .is-out .s-top-fbar > i { background: rgba(248, 244, 238, .45); }
  
  html[data-skin="dusk"] .s-top-pl { gap: 0; }
  html[data-skin="dusk"] .s-top-pl > li { padding: 12px 0; border: 0; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--line-d); -webkit-backdrop-filter: none; backdrop-filter: none; }
  html[data-skin="dusk"] .s-top-pl .ph--avatar { box-shadow: 0 0 0 1.5px rgba(248, 244, 238, .16); }
  html[data-skin="dusk"] .s-top-pt b { font-size: var(--fs-label); font-weight: 520; color: var(--pearl); }
  html[data-skin="dusk"] .s-top-pt span { font-weight: 400; color: var(--pearl-3); }
  html[data-skin="dusk"] .s-top-pl .is-done .s-top-ps { background: var(--mint); color: var(--dusk); }
  html[data-skin="dusk"] .s-top-pl .is-next .s-top-ps { box-shadow: inset 0 0 0 1.5px rgba(243, 219, 169, .6); color: var(--l-champagne); }
  
  html[data-skin="dusk"] .s-top-tag { background: rgba(30, 26, 32, .62); border-color: rgba(248, 244, 238, .14); box-shadow: var(--lift-win); }
  html[data-skin="dusk"] .s-top-tag-i { background: var(--mint); color: var(--dusk); }
  html[data-skin="dusk"] .s-top-tag-t { color: var(--pearl-2); }
  html[data-skin="dusk"] .s-top-tag-t b { font-weight: 520; color: var(--pearl); }
  
  html[data-skin="dusk"] .s-top .s-top-ph > img { filter: brightness(.9) saturate(.92); }
  html[data-skin="dusk"] .s-top .s-top-ph::after { content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit; pointer-events: none;
    background: linear-gradient(0deg, rgba(18, 15, 20, .42), rgba(18, 15, 20, .12) 34%, rgba(18, 15, 20, 0) 52%); box-shadow: var(--edge-d); }

  html[data-skin="dusk"] .s-fw-mark::before { box-shadow: inset 0 0 0 1px rgba(94, 75, 140, .13); }
  html[data-skin="dusk"] .s-fw-mark::after { box-shadow: inset 0 0 0 1px rgba(94, 75, 140, .08); }
  html[data-skin="dusk"] .ph-ico { box-shadow: 0 10px 30px -18px rgba(42, 30, 58, .45); }
  html[data-skin="dusk"] .s-fw-t { font-weight: 520; font-size: var(--fs-h3); line-height: 1.25; letter-spacing: -.014em; }

  html[data-skin="dusk"] .s-situations .s-sit-card:not(.s-sit-res) { background: var(--porcelain); box-shadow: var(--edge-l), var(--lift-1); }
  html[data-skin="dusk"] .s-sit-x { font-weight: 420; letter-spacing: -.022em; text-wrap: balance; }
  html[data-skin="dusk"] .s-sit-x.two-tone { color: var(--ink-2); }
  html[data-skin="dusk"] .s-sit-ctl .counter { font-size: var(--fs-label); font-weight: 520; }
  html[data-skin="dusk"] .s-sit-ctl .s-sit-of { color: var(--ink-3); }
  
  html[data-skin="dusk"] .s-sit-card:not(.s-sit-res) .s-sit-main { order: 1; padding-top: 18px; }
  html[data-skin="dusk"] .s-sit-card:not(.s-sit-res) .s-sit-art { order: 2; margin-top: 12px; }
  
  html[data-skin="dusk"] .s-sit-top .eyebrow { height: 30px; padding: 0 12px; border-radius: var(--r-pill); box-shadow: inset 0 0 0 1px var(--vio-2); }
  
  html[data-skin="dusk"] .s-sit-art { --white: #FFFFFF; --canvas: #F5F2F6; }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-t { box-shadow: inset 0 0 0 1px var(--line-l); }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-v { font-weight: 520; letter-spacing: -.02em; }
  html[data-skin="dusk"] .s-sit-ill--f :is(.s-sit-f-d, .s-sit-f-nm, .s-sit-f-li1, .s-sit-f-li2 > b, .s-sit-f-lg b, .s-sit-f-chip, .s-sit-f-cal, .s-sit-f-lab, .s-sit-f-lab.s-sit-f-lab--yr) { font-weight: 520; }
  html[data-skin="dusk"] .s-sit-ill--f :is(.s-sit-f-k, .s-sit-f-d > span, .s-sit-f-lg, .s-sit-f-v small, .s-sit-f-l3 small, .s-sit-f-pan, .s-sit-f-lab.s-sit-f-lab--q, .s-sit-f-lab.s-sit-f-lab--e, .s-sit-f-cal2) { font-weight: 400; }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-chip--cu { background: var(--canvas); color: var(--ink-2c); }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-chip--cu::before { background: #B5AEBF; }
  html[data-skin="dusk"] .s-sit-ill--f { --sf-cud: var(--ink-3); }
  html[data-skin="dusk"] .s-sit-ill--f :is(.s-sit-f-cu, .s-sit-f-lg b.s-sit-f-cu) { color: var(--ink-3); }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-gr { color: var(--ok); }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-cuL { stroke: #8C8695; }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-dn { fill: color-mix(in srgb, var(--ink-3) 17%, transparent); }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-lost { background-image: repeating-linear-gradient(135deg, color-mix(in srgb, var(--ink-3) 50%, transparent) 0 1.5px, color-mix(in srgb, var(--ink-3) 13%, transparent) 1.5px 6px); }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-b-cu { fill: var(--ink-3); }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-dot--cu { background: var(--ink-3); }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-lab.s-sit-f-lab--yr { fill: color-mix(in srgb, var(--vio) 72%, var(--ink)); }
  html[data-skin="dusk"] .s-sit-ill--f .s-sit-f-sw { border-radius: 50%; }
  
  html[data-skin="dusk"] .s-situations .s-sit-card.s-sit-res { background: var(--gl-sheen), var(--pn-light), var(--pn); box-shadow: var(--gl-edge), var(--lift-dark); }
  
  html[data-skin="dusk"] .s-situations[data-mode="deck"] .s-sit-card.is-n1 { background: color-mix(in srgb, var(--porcelain) 70%, var(--day)); box-shadow: var(--edge-l), var(--lift-1); }
  html[data-skin="dusk"] .s-situations[data-mode="deck"] .s-sit-card.is-n2 { background: color-mix(in srgb, var(--porcelain) 44%, var(--day)); box-shadow: var(--edge-l), var(--lift-1); }
  html[data-skin="dusk"] .s-situations .s-sit-res .s-sit-flow { -webkit-mask: none; mask: none; transform: none; opacity: calc(.55 + .45 * var(--glow, 0));
    background:
      radial-gradient(ellipse 70% 6% at 50% 100%, rgba(255, 240, 215, .5) 0%, rgba(255, 240, 215, .475) 10%, rgba(255, 240, 215, .405) 20%, rgba(255, 240, 215, .31) 30%, rgba(255, 240, 215, .215) 40%, rgba(255, 240, 215, .13) 50%, rgba(255, 240, 215, .07) 60%, rgba(255, 240, 215, .033) 70%, rgba(255, 240, 215, .013) 80%, rgba(255, 240, 215, .003) 90%, rgba(255, 240, 215, 0) 100%),
      radial-gradient(ellipse 60% 40% at 50% 100%, rgba(248, 244, 238, .05), rgba(248, 244, 238, .03) 40%, rgba(248, 244, 238, 0)); }
  html[data-skin="dusk"] :is(.s-sit-res-t, .s-sit-res-num) { font-weight: 420; letter-spacing: -.028em; color: var(--pearl); }
  html[data-skin="dusk"] .s-sit-res-p { line-height: 1.5; letter-spacing: -.006em; color: var(--pearl-2); }
  html[data-skin="dusk"] .s-sit-res-st { color: var(--pearl-2); }

  html[data-skin="dusk"] :is(#about, #who) { position: relative; isolation: isolate; overflow: clip; margin-inline: var(--dusk-in); border-radius: var(--dusk-r); background: var(--dusk); }
  html[data-skin="dusk"] #about { padding-block: 48px 40px; }
  html[data-skin="dusk"] :is(#about, #who) > .wrap { position: relative; z-index: 1; padding-inline: calc(32px - var(--dusk-in)); }
  html[data-skin="dusk"] :is(#about, #who)::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; padding: 1.5px 1.5px 0; pointer-events: none;
    background: var(--rim-d) top / 100% 50% no-repeat;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
  html[data-skin="dusk"] :is(#about, #who)::after { content: ""; position: absolute; left: 12%; right: 12%; top: -24px; height: 96px; z-index: 0; pointer-events: none;
    background: radial-gradient(ellipse 50% 50% at 50% 22%, rgba(255, 236, 206, .26), rgba(243, 219, 169, .07) 45%, rgba(243, 219, 169, 0) 72%); filter: blur(10px); }
  html[data-skin="dusk"] .s-about-dc { padding: 0; border-radius: 0; background: none; box-shadow: none; color: var(--pearl); }
  html[data-skin="dusk"] .s-about-dpos { font-size: var(--fs-text); font-weight: 400; line-height: 1.4; color: var(--pearl-2); }
  html[data-skin="dusk"] .s-about-dpos .s-about-pg { color: var(--pearl-2); letter-spacing: -.003em; }
  html[data-skin="dusk"] .s-about-lk { color: var(--pearl); }
  html[data-skin="dusk"] .s-about-dh { font-weight: 420; line-height: 1.08; letter-spacing: -.028em; }
  html[data-skin="dusk"] #about .s-about-dh.two-tone { color: var(--acc-d); }
  html[data-skin="dusk"] #about .s-about-dh.two-tone b { color: var(--pearl); }
  html[data-skin="dusk"] .s-about-dph { border-radius: 24px; }
  html[data-skin="dusk"] .s-about-dph > img { filter: brightness(.94) saturate(.95); }
  html[data-skin="dusk"] .s-about-dph::after { content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit; pointer-events: none;
    background: linear-gradient(0deg, rgba(18, 15, 20, .3), rgba(18, 15, 20, 0) 40%); box-shadow: var(--edge-d); }

  html[data-skin="dusk"] .s-how-rn { background: var(--day); box-shadow: inset 0 0 0 1.5px var(--vio); color: var(--vio); font-size: var(--fs-label); font-weight: 520; }
  html[data-skin="dusk"] .s-how-rn b { font-weight: 520; }
  html[data-skin="dusk"] .s-how-ri.is-act .s-how-rn { background: #1E1A20; color: #F8F4EE; box-shadow: none; }
  html[data-skin="dusk"] .s-how-ri.is-done .s-how-rn { background: var(--day); color: var(--vio-2); box-shadow: inset 0 0 0 1.5px rgba(94, 75, 140, .16); }
  html[data-skin="dusk"] .s-how-ri.is-done .s-how-rname { color: var(--dim); }
  html[data-skin="dusk"] .s-how-track { background: rgba(94, 75, 140, .2); }
  html[data-skin="dusk"] .s-how-fill { background: var(--vio); }
  html[data-skin="dusk"] .s-how-rname { font-weight: 400; color: var(--ink-2); }
  html[data-skin="dusk"] .s-how-ri.is-act .s-how-rname { font-weight: 520; color: var(--ink); }
  html[data-skin="dusk"] .s-how-rwhen { font-weight: 400; color: var(--ink-3); }
  html[data-skin="dusk"] .s-how-body.is-pin .s-how-shell { background: var(--porcelain); box-shadow: var(--edge-l), var(--lift-1); }
  html[data-skin="dusk"] .s-how-body:not(.is-pin) .s-how-card { background: var(--porcelain); box-shadow: var(--edge-l), var(--lift-1); }
  html[data-skin="dusk"] .s-how-card { --how-box: transparent; }
  html[data-skin="dusk"] .s-how-num { font-weight: 300; letter-spacing: -.04em; color: var(--acc-l); font-variant-numeric: tabular-nums lining-nums; }
  html[data-skin="dusk"] .s-how-name { font-weight: 520; letter-spacing: -.014em; }
  html[data-skin="dusk"] .s-how-value { font-weight: 420; letter-spacing: -.018em; color: var(--ink-2); }
  html[data-skin="dusk"] .s-how-value b { font-weight: inherit; color: var(--ink); }
  html[data-skin="dusk"] .s-how-box { padding-inline: 0; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--line-l); }
  html[data-skin="dusk"] .s-how-lbl { font-size: var(--fs-label); font-weight: 520; letter-spacing: .012em; color: var(--ink-3); }
  html[data-skin="dusk"] .s-how-inc li { font-weight: 400; letter-spacing: -.004em; }
  html[data-skin="dusk"] .s-how-inc li::before { background: var(--vio); }
  html[data-skin="dusk"] .s-how-avw { background: var(--porcelain); }
  html[data-skin="dusk"] .s-how-role { font-weight: 520; letter-spacing: -.004em; }
  html[data-skin="dusk"] .s-how-role small { font-weight: 400; color: var(--ink-3); }
  html[data-skin="dusk"] .s-how-term { border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--line-l); }
  html[data-skin="dusk"] .s-how-term::before { display: none; }
  html[data-skin="dusk"] .s-how-term::after { background: var(--vio); }
  html[data-skin="dusk"] .s-how-term dd { font-weight: 400; }
  html[data-skin="dusk"] .s-how-term--t dd { font-weight: 520; }
  
  @container howc (max-width: 599.98px) {
    html[data-skin="dusk"] .s-how-term,
    html[data-skin="dusk"] .s-how-body.is-pin-ph.is-tight2:not(.is-tight4) .s-how-term { padding-left: 36px; padding-right: 0; }
    html[data-skin="dusk"] .s-how-term::after,
    html[data-skin="dusk"] .s-how-body.is-pin-ph.is-tight2 .s-how-term::after { left: 0; }
  }
  @container howc (min-width: 600px) {
    html[data-skin="dusk"] .s-how-term { padding: 20px 0 0 36px; }
    html[data-skin="dusk"] .s-how-term::after { top: 22px; left: 0; width: 20px; height: 20px; margin-top: 0; }
    html[data-skin="dusk"] .s-how-body.is-pin.is-dtight .s-how-term { padding: 16px 0 0 36px; }
    html[data-skin="dusk"] .s-how-body.is-pin.is-dtight .s-how-term::after { top: 17px; left: 0; }
    html[data-skin="dusk"] .s-how-body.is-pin.is-dtight2 .s-how-term { padding: 12px 0 0; }
  }
  @container howc (min-width: 600px) and (max-width: 859.98px) {
    html[data-skin="dusk"] .s-how-term { padding: 52px 0 0; }
    html[data-skin="dusk"] .s-how-term::after { top: 20px; left: 0; }
  }
  
  html[data-skin="dusk"] .s-how-body.is-pin-ph.is-tight3 .s-how-box { padding-inline: 0; border-radius: 0; }
  html[data-skin="dusk"] .s-how-body.is-pin-ph.is-tight4 .s-how-terms { padding-inline: 0; border-radius: 0; }
  html[data-skin="dusk"] .s-how-body.is-pin-ph.is-tight4 .s-how-term + .s-how-term { border-top: 0; }

  html[data-skin="dusk"] #who { padding-block: 40px 112px; } 
  html[data-skin="dusk"] .s-who-dk-head .eyebrow { color: var(--acc-d); }
  html[data-skin="dusk"] .s-who-dk-h { font-weight: 420; letter-spacing: -.028em; color: var(--pearl); }
  html[data-skin="dusk"] .s-who-dk-sub { color: var(--pearl-2); }
  html[data-skin="dusk"] .s-who-dk { --s-who-dk-ib: var(--tint-d); }
  
  @media (max-width: 719.98px) {
    html[data-skin="dusk"] .s-who-dk { --s-who-dk-w: calc(100% + 16px); }
    html[data-skin="dusk"] .s-who-dk.is-car .s-who-dk-stack { margin-left: -8px; margin-right: -8px; }
    html[data-skin="dusk"] .s-who-dk-ht { font-size: 13.5px; } 
  }
  
  html[data-skin="dusk"] .s-who-dk-box { background: var(--gl-sheen), var(--gl-floor), var(--gl-fill-fb); box-shadow: var(--gl-edge), var(--lift-dark); }
  html[data-skin="dusk"] .s-who-dk.is-car .s-who-dk-it.is-cur .s-who-dk-box {
    background: var(--gl-sheen), var(--gl-floor), color-mix(in srgb, var(--gl-fill-fb) min(100%, calc((1 - var(--s-who-dk-io, 1)) * 10000%)), rgba(38, 42, 58, .62)); }
  html[data-skin="dusk"] .s-who-dk.is-car .s-who-dk-stack::before { content: ""; position: absolute; inset: -80px -270px; z-index: -1; pointer-events: none;
    -webkit-mask-image: linear-gradient(transparent 40px, #000 96px, #000 calc(100% - 96px), transparent calc(100% - 24px));
    mask-image: linear-gradient(transparent 40px, #000 96px, #000 calc(100% - 96px), transparent calc(100% - 24px)); 
    background:
      radial-gradient(300px 260px at calc(100% - 260px) 120px, rgba(176, 156, 236, .32) 0%, rgba(176, 156, 236, .23) 22%, rgba(176, 156, 236, .12) 46%, rgba(176, 156, 236, .04) 68%, rgba(176, 156, 236, 0) 86%),
      radial-gradient(280px 260px at 270px calc(100% - 100px), rgba(108, 118, 222, .28) 0%, rgba(108, 118, 222, .2) 22%, rgba(108, 118, 222, .1) 46%, rgba(108, 118, 222, .035) 68%, rgba(108, 118, 222, 0) 86%); }
  html[data-skin="dusk"] .s-who-dk.is-car .s-who-dk-it::before { box-shadow: var(--lift-dark); }
  html[data-skin="dusk"] .s-who-dk-ic { color: var(--acc-d); }
  html[data-skin="dusk"] .s-who-dk-ht { font-weight: 520; color: var(--pearl); }
  html[data-skin="dusk"] .s-who-dk-rv { font-weight: 520; }
  html[data-skin="dusk"] .s-who-dk-rv b { font-weight: 520; }
  html[data-skin="dusk"] .s-who-dk-tick { color: var(--dusk); }
  html[data-skin="dusk"] .s-who-dk-pb i { background: rgba(248, 244, 238, .3); }
  html[data-skin="dusk"] .s-who-dk-pb i::after { background: var(--pearl); }
  html[data-skin="dusk"] .s-who-p--dk { --k-tile: rgba(248, 244, 238, .035); background: none; }
  html[data-skin="dusk"] #who :is(.s-who-kg-i, .s-who-kt-m, .s-who-ks-d, .s-who-kl-m, .s-who-kl-t, .s-who-kk-sum) { border-radius: 18px; box-shadow: inset 0 0 0 1px rgba(248, 244, 238, .07); }
  html[data-skin="dusk"] :is(.s-who-kg-ic, .s-who-kg-who, .s-who-kt-m .s-who-avx, .s-who-dk-av .s-who-avx, .s-who-dk-gis i) { background: var(--tint-d); color: var(--acc-d); }
  html[data-skin="dusk"] #who .s-who-kg-who { color: var(--pearl-2); }
  html[data-skin="dusk"] .s-who-kg-bar i { background: linear-gradient(90deg, #E8C996, #F3DBA9); }
  
  @container swhop (max-width: 329.98px) {
    html[data-skin="dusk"] .s-who-kg-i { grid-template-areas: "ic n who" "ic pr pr" "ic sum sum" "ic t t"; }
    html[data-skin="dusk"] .s-who-kg-t { justify-content: flex-start; }
  }
  @container swhop (min-width: 480px) {
    html[data-skin="dusk"] .s-who-kg-t { flex-direction: column; align-items: flex-start; row-gap: 2px; }
  }
  html[data-skin="dusk"] .s-who-kr-sv .l { stroke: var(--acc-d); stroke-width: 1.5; }
  html[data-skin="dusk"] .s-who-kr-dot { background: var(--l-core); box-shadow: 0 0 0 3px rgba(243, 219, 169, .18), 0 0 10px rgba(255, 240, 215, .6); }
  html[data-skin="dusk"] #who .s-who-kr-rec { padding-left: 0; padding-right: 0; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--line-d); }
  html[data-skin="dusk"] #who :is(.s-who-kr-cap, .s-who-kr-t) { padding: 12px 0 0; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--line-d); }
  html[data-skin="dusk"] #who .s-who-kk-list { gap: 0; }
  html[data-skin="dusk"] #who .s-who-kk-list > li { padding: 7px 0 8px; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--line-d); }
  html[data-skin="dusk"] .s-who-kr-rw { font-weight: 400; color: var(--pearl); }
  html[data-skin="dusk"] #who .s-who-dk .s-who-kr-rw { display: inline-block; padding-left: 31px; text-indent: -31px; } 
  html[data-skin="dusk"] #who .s-who-dk .s-who-kr-rw::first-letter { padding: 4px 7px; margin-right: 5px; border-radius: 999px; background: var(--mint); color: var(--dusk); font-size: 12px; font-weight: 520; }
  html[data-skin="dusk"] .s-who-kr-go { font-weight: 520; color: var(--pearl); background: var(--gl-2); box-shadow: var(--gl-2-edge); }
  html[data-skin="dusk"] .s-who-ks { --ks0: #E8C996; --ks1: #F0D8AE; --ks2: #F6E8CF; --ks3: var(--vio-2); --ks4: var(--mint); --ks5: var(--mint); }
  html[data-skin="dusk"] .s-who-kl-t--in { --kl-c: var(--mint); }
  html[data-skin="dusk"] .s-who-kl-t--out { --kl-c: rgba(248, 244, 238, .72); }
  html[data-skin="dusk"] .s-who-kl-t--inv { --kl-c: var(--acc-d); }
  html[data-skin="dusk"] .s-who-kl-bar i { background: linear-gradient(90deg, #E8C996, #F3DBA9); }
  html[data-skin="dusk"] .s-who-kk-ring circle.on { stroke: var(--acc-d); }
  html[data-skin="dusk"] .s-who-kk-list .is-done .s-who-kk-s { background: var(--mint); color: var(--dusk); }
  html[data-skin="dusk"] .s-who-kk-list .is-next .s-who-kk-s { box-shadow: inset 0 0 0 1.5px rgba(243, 219, 169, .6); color: var(--l-champagne); }
  html[data-skin="dusk"] #who :is(.s-who-kg-n, .s-who-kt-tx b, .s-who-ks-d figcaption, .s-who-kk-t b, .s-who-kg-t b, .s-who-kg-pc, .s-who-ks-th dd, .s-who-kr-v, .s-who-kr-d, .s-who-kl-v, .s-who-kl-p, .s-who-kl-s, .s-who-kl-tx b, .s-who-kk-c b, .s-who-kg-who) { font-weight: 520; }
  html[data-skin="dusk"] #who :is(.s-who-kg-t > span, .s-who-kg-sum, .s-who-kt-tx > span, .s-who-ks-th dt, .s-who-kr-k, .s-who-kr-d > span, .s-who-kl-k, .s-who-kl-tx li, .s-who-kk-c > span, .s-who-kk-t span) { font-weight: 400; }
  html[data-skin="dusk"] .s-who-kr-cap .s-who-kr-v { font-weight: 420; }
  html[data-skin="dusk"] #who .s-who-dk .s-who-kr-t:not(:last-of-type) > .s-who-kr-d { color: var(--mint); }
  html[data-skin="dusk"] #who .s-who-dk .s-who-kr-t:last-of-type > .s-who-kr-d { color: var(--pearl-2); }
  html[data-skin="dusk"] #who .s-who-p--sl .s-who-chg { color: var(--mint); }
  
  html[data-skin="dusk"] #who > .wrap::after { content: ""; position: sticky; bottom: 0; z-index: -1; display: block; width: 100vw; height: 46svh;
    margin: calc(112px - 46svh) 0 -112px calc(50% - 50vw); pointer-events: none;
    background:
      radial-gradient(ellipse 46% 14svh at 50% 100%, rgba(255, 238, 216, .6) 0%, rgba(255, 236, 214, .48) 20%, rgba(250, 222, 208, .27) 46%, rgba(236, 206, 222, .08) 72%, rgba(220, 196, 232, .02) 88%, rgba(220, 196, 232, 0) 100%),
      radial-gradient(ellipse 90% 40svh at 50% 100%, rgba(176, 156, 236, .3) 0%, rgba(176, 156, 236, .23) 22%, rgba(160, 146, 232, .13) 48%, rgba(132, 130, 226, .04) 74%, rgba(120, 124, 224, .01) 90%, rgba(120, 124, 224, 0) 100%); }
  html[data-skin="dusk"] #who:not(:has(.s-who-dk.is-car)) > .wrap::after { display: none; } 
  html[data-skin="dusk"] #who .bridge { color: var(--pearl-2); }
  html[data-skin="dusk"] .s-who-dk-sx { font-weight: 400; }

  html[data-skin="dusk"] .s-team-ph { border-radius: 24px; }
  html[data-skin="dusk"] .s-team-role { background: var(--porcelain); color: var(--ink); box-shadow: var(--lift-pill); font-size: 12px; font-weight: 520; letter-spacing: 0; line-height: 1.3; }
  html[data-skin="dusk"] .s-team-p:not(.s-team-p--ext) { border-radius: 24px; }
  html[data-skin="dusk"] .s-team-p:not(.s-team-p--ext) .s-team-role { display: grid; gap: 1px; padding: 7px 11px 8px; border-radius: 14px; }
  html[data-skin="dusk"] .s-team-nm { display: block; font-size: 13px; font-weight: 520; line-height: 1.3; letter-spacing: -.004em; color: var(--ink); }
  html[data-skin="dusk"] .s-team-rl { font-size: 11.5px; font-weight: 400; letter-spacing: 0; color: var(--ink-3); }
  html[data-skin="dusk"] .s-team-ext { background: var(--porcelain); box-shadow: var(--edge-l), var(--lift-1); }
  html[data-skin="dusk"] .s-team-p--ext .s-team-role { background: var(--tint-l); box-shadow: none; color: var(--ink-2); }
  html[data-skin="dusk"] .s-team-ext-ico { position: relative; width: 56px; height: 56px; background: none; color: var(--vio); }
  html[data-skin="dusk"] .s-team-ext-ico svg { width: 22px; height: 22px; }
  html[data-skin="dusk"] .s-team-ext-ico::before { content: ""; position: absolute; inset: -22px; border-radius: 50%; box-shadow: inset 0 0 0 1px var(--line-l); pointer-events: none;
    background: radial-gradient(circle at 85.4% 14.6%, #8A79B8 0 2.5px, rgba(138, 121, 184, .25) 3.5px, transparent 7px); }
  html[data-skin="dusk"] .s-team-ext-ico::after { content: ""; position: absolute; inset: 0; border-radius: 50%; box-shadow: inset 0 0 0 1px var(--line-l-2); pointer-events: none;
    background: radial-gradient(circle at 0% 50%, #8A79B8 0 2px, rgba(138, 121, 184, .2) 3px, transparent 6px); }
  html[data-skin="dusk"] .s-team-more-ico { background: none; color: var(--vio); }
  html[data-skin="dusk"] .s-team-more-t { font-weight: 520; font-size: var(--fs-h3); line-height: 1.25; letter-spacing: -.014em; }

  html[data-skin="dusk"] .s-trust-tile { overflow: visible; padding: 20px 0 4px; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--line-l); }
  html[data-skin="dusk"] .s-trust-ico { width: 28px; height: 28px; place-items: start; border-radius: 0; background: none; color: var(--vio); }
  html[data-skin="dusk"] .s-trust-ico svg { width: 26px; height: 26px; }
  html[data-skin="dusk"] .s-trust-name { font-weight: 520; font-size: var(--fs-h3); line-height: 1.25; letter-spacing: -.014em; }
  html[data-skin="dusk"] .s-trust-text { font-size: var(--fs-item); font-weight: 400; line-height: 1.5; color: var(--ink-2); }
  html[data-skin="dusk"] .s-trust-fam { background: var(--dusk); box-shadow: var(--edge-d), var(--lift-dark); }
  html[data-skin="dusk"] .s-trust-fam::before { content: none; }
  html.js[data-skin="dusk"] .s-trust-fam:not(.s-trust-fam--ph) {
    background:
      radial-gradient(ellipse 70% 6% at 50% 100%, rgba(255, 240, 215, .5) 0%, rgba(255, 240, 215, .31) 30%, rgba(255, 240, 215, .13) 50%, rgba(255, 240, 215, .033) 70%, rgba(255, 240, 215, 0) 100%),
      radial-gradient(ellipse 60% 40% at 50% 100%, rgba(248, 244, 238, .05), rgba(248, 244, 238, .03) 40%, rgba(248, 244, 238, 0)),
      var(--gl-sheen), var(--pn-light), var(--pn);
    box-shadow: var(--gl-edge), var(--lift-dark); } 
  html[data-skin="dusk"] .s-trust-fam::after { background: linear-gradient(180deg, rgba(18, 15, 20, .38), rgba(18, 15, 20, .54) 45%, rgba(18, 15, 20, .80)); }
  html[data-skin="dusk"] .s-trust-label { font-size: var(--fs-lead); font-weight: 400; line-height: 1.4; letter-spacing: -.006em; color: rgba(248, 244, 238, .82); }
  html[data-skin="dusk"] .s-trust-digit { font-family: var(--f); font-weight: 300; font-size: var(--fs-digit); line-height: .9; letter-spacing: -.05em; color: var(--pearl); }
  html[data-skin="dusk"] .s-trust-unit { font-weight: 420; font-size: var(--fs-phrase); letter-spacing: -.022em; color: var(--pearl); }

  html.js[data-skin="dusk"][data-cmp="c"] .s-compare { --s-compare-tab-bg: color-mix(in srgb, #FCFBFD 55%, #F5F2F6); }
  html.js[data-skin="dusk"][data-cmp="c"] .s-compare-chip { border-radius: 18px; color: var(--ink-3); font-weight: 520; }
  html.js[data-skin="dusk"][data-cmp="c"] .s-compare-chip[aria-pressed="true"] { color: var(--ink); }
  html.js[data-skin="dusk"][data-cmp="c"] .s-compare-ci { color: var(--ink-3); }
  html.js[data-skin="dusk"][data-cmp="c"] .s-compare-th { background: var(--porcelain); }
  html.js[data-skin="dusk"][data-cmp="c"] .s-compare-th::before, html.js[data-skin="dusk"][data-cmp="c"] .s-compare-th::after { display: none; } 
  html.js[data-skin="dusk"][data-cmp="c"] .s-compare-cl { color: var(--ink); }
  html.js[data-skin="dusk"][data-cmp="c"] .s-compare-cl .s-compare-ci { color: var(--vio); }
  html.js[data-skin="dusk"][data-cmp="c"]:is([data-cmpfx="b"], [data-cmpfx="c"], [data-cmpfx="d"]) .s-compare.is-pin .s-compare-tp { display: none; }
  html[data-skin="dusk"] .s-compare-alt { background: var(--porcelain); box-shadow: var(--edge-l), var(--lift-1); }
  html[data-skin="dusk"] .s-compare-alt :is(.glow-fx), html[data-skin="dusk"] .s-compare-alt.glow-host { --glow-bg: var(--rim-l) bottom / 100% 1.5px no-repeat; }
  
  html[data-skin="dusk"] .s-compare .s-compare-fou { background:
      var(--rim-d) top / 100% 1.5px no-repeat,
      var(--gl-sheen),
      radial-gradient(80% 22% at 50% 0%, rgba(176, 156, 236, .2) 0%, rgba(176, 156, 236, .08) 50%, rgba(176, 156, 236, 0) 85%),
      radial-gradient(60% 18% at 50% 100%, rgba(255, 240, 215, .12) 0%, rgba(255, 240, 215, .05) 50%, rgba(255, 240, 215, 0) 80%),
      radial-gradient(80% 34% at 0% 100%, rgba(108, 118, 222, .16) 0%, rgba(108, 118, 222, .07) 45%, rgba(108, 118, 222, 0) 76%), var(--pn);
    box-shadow: var(--gl-edge), var(--lift-dark); }
  html.js[data-skin="dusk"][data-cmp="c"] .s-compare-ft { background: radial-gradient(70% 90% at 50% 0%, rgba(176, 156, 236, .2) 0%, rgba(176, 156, 236, .08) 50%, rgba(176, 156, 236, 0) 85%), var(--pn); color: var(--pearl); }
  html[data-skin="dusk"] .s-compare-ft::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; padding: 1.5px 1.5px 0; pointer-events: none;
    background: var(--rim-d) top / 100% 50% no-repeat;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
  html[data-skin="dusk"] .s-compare-ft > * { position: relative; z-index: 1; }
  html[data-skin="dusk"] :is(.s-compare-ft, .s-compare-f) .s-compare-fs { font-weight: 400; color: var(--pearl-3); }
  html[data-skin="dusk"] .s-compare.is-pin-ph .s-compare-r > .s-compare-k { font-weight: 520; }
  html[data-skin="dusk"] .s-compare.is-pin-ph .s-compare-r.s-compare-h > .s-compare-c { font-weight: 520; }
  html[data-skin="dusk"] :is(.s-compare-lab, .s-compare-kh, .s-compare-vc, .s-compare-vc b) { font-weight: 520; }
  html[data-skin="dusk"] .s-compare-ki { background: none; color: var(--vio); }
  html[data-skin="dusk"] .s-compare-k { font-weight: 520; letter-spacing: -.004em; }
  html[data-skin="dusk"] .s-compare-c { font-weight: 400; letter-spacing: -.004em; }
  html[data-skin="dusk"] .s-compare-f { font-weight: 400; color: var(--pearl-2); }
  html[data-skin="dusk"] .s-compare-f b { font-weight: 520; color: var(--pearl); }
  html[data-skin="dusk"] .s-compare-ok { background: var(--mint); color: var(--dusk); }
  html[data-skin="dusk"] .s-compare-yn.is-yes { background: var(--mint); color: var(--dusk); }
  html[data-skin="dusk"] .s-compare-yn.is-no { background: rgba(30, 26, 32, .06); color: var(--ink-3); }
  html[data-skin="dusk"] .s-compare-r + .s-compare-r > *::before { background: var(--line-l); }
  html[data-skin="dusk"] .s-compare-r + .s-compare-r > .s-compare-f::before { background: var(--line-d); }
  html[data-skin="dusk"] .s-compare-cost i { box-shadow: inset 0 0 0 1.5px rgba(30, 26, 32, .22); }
  html[data-skin="dusk"] .s-compare-cost i.is-on { background: var(--vio); box-shadow: none; }
  html[data-skin="dusk"] .s-compare-f .s-compare-cost i:not(.is-on) { box-shadow: inset 0 0 0 1.5px rgba(248, 244, 238, .3); }
  html[data-skin="dusk"] .s-compare-f .s-compare-cost i.is-on { background: var(--acc-d); }
  html[data-skin="dusk"] .s-compare-note { color: var(--ink-3); }

  html[data-skin="dusk"] #strategy { position: relative; isolation: isolate; margin-inline: var(--dusk-in); padding-block: 40px; border-radius: var(--dusk-r); background: var(--day-2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6), 0 0 0 1px rgba(30, 26, 32, .05); }
  html[data-skin="dusk"] #strategy > .wrap { position: relative; z-index: 1; padding-inline: calc(32px - var(--dusk-in)); }
  html[data-skin="dusk"] .s-strategy-card { background: var(--gl-sheen), var(--pn-light), var(--pn); box-shadow: var(--gl-edge), var(--lift-dark); }
  html[data-skin="dusk"] .s-strategy:has(.s-strategy-side.is-pin-ph) .s-strategy-card { box-shadow: var(--gl-edge); } 
  html[data-skin="dusk"] .s-strategy-card > .s-strategy-glow { opacity: 1;
    background:
      radial-gradient(ellipse 70% 6% at 50% 100%, rgba(255, 240, 215, .5) 0%, rgba(255, 240, 215, .475) 10%, rgba(255, 240, 215, .405) 20%, rgba(255, 240, 215, .31) 30%, rgba(255, 240, 215, .215) 40%, rgba(255, 240, 215, .13) 50%, rgba(255, 240, 215, .07) 60%, rgba(255, 240, 215, .033) 70%, rgba(255, 240, 215, .013) 80%, rgba(255, 240, 215, .003) 90%, rgba(255, 240, 215, 0) 100%),
      radial-gradient(ellipse 60% 40% at 50% 100%, rgba(248, 244, 238, .05), rgba(248, 244, 238, .03) 40%, rgba(248, 244, 238, 0)); }
  html[data-skin="dusk"] .s-strategy-card .s-strategy-tag { font-weight: 520; color: var(--pearl-2); }
  html[data-skin="dusk"] .s-strategy-title { font-weight: 420; line-height: 1.08; letter-spacing: -.028em; color: var(--pearl); }
  html[data-skin="dusk"] .s-strategy-sub { font-size: var(--fs-lead); font-weight: 400; line-height: 1.5; letter-spacing: -.006em; color: var(--pearl-2); }
  html[data-skin="dusk"] .s-strategy-goal { stroke: rgba(248, 244, 238, .16); }
  html[data-skin="dusk"] .s-strategy-lvls { display: inline; stroke: rgba(248, 244, 238, .16); stroke-width: 1; stroke-dasharray: 2 6; }
  html[data-skin="dusk"] .s-strategy-track { stroke: rgba(243, 219, 169, .18); }
  html[data-skin="dusk"] .s-strategy-line { stroke: var(--acc-d); stroke-width: 1.5; }
  html[data-skin="dusk"] .s-strategy-node { background: var(--dusk); border-color: rgba(243, 219, 169, .6); }
  html[data-skin="dusk"] .s-strategy-node.is-on { background: var(--l-champagne); border-color: var(--l-champagne); }
  html[data-skin="dusk"] .s-strategy-tip { background: var(--l-core); outline-color: rgba(243, 219, 169, .14); box-shadow: 0 0 16px rgba(255, 240, 215, .6); }
  html[data-skin="dusk"] .s-strategy-tip.is-goal { background: var(--l-core); outline-color: rgba(243, 219, 169, .14); }
  html[data-skin="dusk"] .s-strategy-tip::after { background: radial-gradient(closest-side, rgba(255, 240, 215, .35), transparent); }
  html[data-skin="dusk"] .s-strategy-price { font-size: var(--fs-item); font-weight: 400; line-height: 1.4; color: var(--pearl-2); }
  html[data-skin="dusk"] .s-strategy-tile { background: var(--porcelain); box-shadow: var(--edge-l), var(--lift-1); }
  html[data-skin="dusk"] .s-strategy-cap { font-weight: 520; color: var(--ink-3); }
  html[data-skin="dusk"] .s-strategy-n { background: var(--porcelain); color: var(--vio); box-shadow: inset 0 0 0 1.5px rgba(94, 75, 140, .5); font-size: var(--fs-label); font-weight: 520; }
  html[data-skin="dusk"] .is-pin .s-strategy-st:not(.is-now):not(.is-done) .s-strategy-n { background: var(--porcelain); color: var(--vio); box-shadow: inset 0 0 0 1.5px var(--vio); }
  html[data-skin="dusk"] .is-pin .s-strategy-st.is-now .s-strategy-n { background: #1E1A20; color: #F8F4EE; box-shadow: none; }
  html[data-skin="dusk"] .is-pin .s-strategy-st.is-done .s-strategy-n { background: var(--porcelain); color: transparent; box-shadow: inset 0 0 0 1.5px rgba(94, 75, 140, .16); }
  html[data-skin="dusk"] .is-pin .s-strategy-st.is-done .s-strategy-n::after { content: ""; position: absolute; inset: 0; margin: auto; width: 15px; height: 15px; background: var(--vio-2);
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 12.5 4 4 8-9'/></svg>") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 12.5 4 4 8-9'/></svg>") center / contain no-repeat; }
  html[data-skin="dusk"] .s-strategy-st:not(:last-child)::before {
    background: linear-gradient(180deg, rgba(94, 75, 140, .14) calc(var(--s-strategy-seg, 0) * 100%), rgba(94, 75, 140, .5) calc(var(--s-strategy-seg, 0) * 100%)); }
  html[data-skin="dusk"] .s-strategy-st:not(:last-child)::after { background: var(--vio); opacity: calc((1 - var(--s-strategy-seg, 0)) * 1000); }
  html[data-skin="dusk"] .s-strategy-st h3 { font-weight: 520; letter-spacing: -.014em; }
  html[data-skin="dusk"] .is-pin .s-strategy-st:not(.is-now) h3 { color: var(--ink-2); }
  html[data-skin="dusk"] .is-pin .s-strategy-st.is-done h3 { color: var(--dim); }
  html[data-skin="dusk"] .s-strategy-tx p { line-height: 1.5; color: var(--ink-2); }

  html[data-skin="dusk"] .s-faq-panel { gap: 0; }
  html[data-skin="dusk"] .s-faq-q { position: relative; isolation: isolate; border-radius: 0; background: none; box-shadow: inset 0 -1px 0 var(--line-l); }
  html[data-skin="dusk"] .s-faq-s { border-radius: 0; }
  html[data-skin="dusk"] :is(.s-faq-ico, .s-faq-q[open]:not(.is-closing) .s-faq-ico) { border-radius: 0; background: none; color: var(--vio); }
  html[data-skin="dusk"] .s-faq-qt { font-weight: 520; line-height: 1.3; letter-spacing: -.012em; }
  html[data-skin="dusk"] .s-faq-chev { color: var(--ink-3); }
  html[data-skin="dusk"] .s-faq-q[open]:not(.is-closing) .s-faq-chev { color: var(--ink); }
  html[data-skin="dusk"] .s-faq-q::after { content: ""; position: absolute; left: 0; right: 0; bottom: -2.5px; height: 6px; z-index: -1; pointer-events: none; opacity: 0;
    transition: opacity .42s var(--dusk-ease);
    background:
      linear-gradient(90deg, rgba(138, 121, 184, 0) 4%, rgba(138, 121, 184, .5) 18%, rgba(176, 156, 236, .95) 36%, #FFFFFF 50%, rgba(176, 156, 236, .95) 64%, rgba(138, 121, 184, .5) 82%, rgba(138, 121, 184, 0) 96%) center / 100% 1.5px no-repeat,
      linear-gradient(90deg, rgba(176, 156, 236, 0) 6%, rgba(176, 156, 236, .12) 24%, rgba(176, 156, 236, .4) 50%, rgba(176, 156, 236, .12) 76%, rgba(176, 156, 236, 0) 94%); }
  html[data-skin="dusk"] .s-faq-q[open]:not(.is-closing)::after { opacity: 1; }
  html[data-skin="dusk"] .s-faq-at { line-height: 1.55; color: var(--ink-2); }
  html[data-skin="dusk"] .s-faq-write { color: var(--ink); text-decoration-thickness: 1px; text-underline-offset: .28em; text-decoration-color: rgba(30, 26, 32, .34); }

  html[data-skin="dusk"] .s-meet-card { background: var(--day); color: var(--ink); box-shadow: var(--edge-l), var(--lift-1); }
  html[data-skin="dusk"] .s-meet-card .s-meet-flow { opacity: 1; -webkit-mask-image: none; mask-image: none;
    background:
      radial-gradient(70% 56% at 100% 0%, rgba(176, 156, 236, .32) 0%, rgba(176, 156, 236, .24) 22%, rgba(176, 156, 236, .12) 46%, rgba(176, 156, 236, .04) 68%, rgba(176, 156, 236, 0) 86%),
      radial-gradient(64% 50% at 0% 100%, rgba(108, 118, 222, .28) 0%, rgba(108, 118, 222, .2) 22%, rgba(108, 118, 222, .1) 46%, rgba(108, 118, 222, .035) 68%, rgba(108, 118, 222, 0) 86%),
      radial-gradient(ellipse 80% 60% at 70% 30%, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .55) 30%, rgba(255, 255, 255, .2) 55%, rgba(255, 255, 255, 0) 80%); }
  html[data-skin="dusk"] .s-meet-t { font-weight: 420; font-size: var(--fs-meet); line-height: 1.04; letter-spacing: -.034em; color: var(--ink); }
  html[data-skin="dusk"] .s-meet-text { font-size: var(--fs-lead); font-weight: 400; line-height: 1.5; letter-spacing: -.006em; color: var(--ink-2); }
  html[data-skin="dusk"] .s-meet-card :focus-visible { outline-color: var(--focus-l); }
  html[data-skin="dusk"] .s-meet-ph { border-radius: 24px; }

  html[data-skin="dusk"] .ft { padding: 40px var(--dusk-in) calc(var(--dusk-in) + env(safe-area-inset-bottom, 0px)); }
  html[data-skin="dusk"] .ft > .wrap { max-width: none; padding: 0; }
  html[data-skin="dusk"] .ft-card { position: relative; padding: 40px calc(32px - var(--dusk-in)) 24px; border-radius: var(--dusk-r); color: var(--pearl);
    background: radial-gradient(300px 220px at calc(100% - 60px) 60px, rgba(176, 156, 236, .3) 0%, rgba(176, 156, 236, .21) 22%, rgba(176, 156, 236, .1) 46%, rgba(176, 156, 236, .035) 68%, rgba(176, 156, 236, 0) 86%),
      radial-gradient(220px 140px at var(--dusk-ft-b, 30% 280px), rgba(108, 118, 222, .2) 0%, rgba(108, 118, 222, .13) 24%, rgba(108, 118, 222, .05) 52%, rgba(108, 118, 222, 0) 80%), var(--dusk); }
  @media (min-width: 720px) { html[data-skin="dusk"] .ft-card { --dusk-ft-b: calc(47% + 40px) 170px; } } 
  html[data-skin="dusk"] .ft-card::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; padding: 1.5px 1.5px 0; pointer-events: none;
    background: linear-gradient(90deg, transparent 8%, rgba(176, 156, 236, .3) 28%, rgba(255, 240, 214, .7) 50%, rgba(176, 156, 236, .3) 72%, transparent 92%) top / 100% 50% no-repeat;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
  html[data-skin="dusk"] .ft-card > * { position: relative; z-index: 1; }
  html[data-skin="dusk"] .ft-slogan { font-size: var(--fs-text); font-weight: 400; letter-spacing: -.003em; color: rgba(248, 244, 238, .82); }
  html[data-skin="dusk"] .ft-tag { font-size: var(--fs-item); font-weight: 400; letter-spacing: -.004em; color: var(--pearl-3); }
  html[data-skin="dusk"] .ft-con { border: 0; border-radius: 24px; background: var(--gl-sheen), var(--gl-floor), var(--gl-fill); box-shadow: var(--gl-edge); } 
  html[data-skin="dusk"] .ft-ph { font-size: var(--fs-item); font-weight: 520; letter-spacing: -.004em; color: var(--pearl); }
  html[data-skin="dusk"] .ft-pt { font-size: var(--fs-item); font-weight: 400; color: var(--pearl-2); }
  html[data-skin="dusk"] :is(.ft-ln, .ft-doc) { color: rgba(248, 244, 238, .86); text-decoration-thickness: 1px; text-underline-offset: .28em; text-decoration-color: rgba(248, 244, 238, .3); }
  html[data-skin="dusk"] .ft-doc { font-size: var(--fs-label); }
  html[data-skin="dusk"] .ft-doc:not([href]) { color: var(--pearl-2); }
  html[data-skin="dusk"] .ft-fine { border-top-color: var(--line-d); }
  html[data-skin="dusk"] .ft-legal { font-size: var(--fs-label); color: var(--pearl-3); }
  html[data-skin="dusk"] footer.ft .ft-up { background: var(--gl-2); color: var(--pearl); box-shadow: var(--gl-2-edge); }
  @media (hover: hover) {
    html[data-skin="dusk"] :is(.ft-ln, .ft-doc[href]):hover { opacity: 1; text-decoration-color: rgba(248, 244, 238, .8); }
    html[data-skin="dusk"] footer.ft .ft-up:hover { background: var(--pearl); color: var(--dusk); box-shadow: none; }
  }
}

@media (max-width: 1023.98px) {
  html[data-skin="dusk"] .wrap { padding-left: max(32px, calc(env(safe-area-inset-left, 0px) + 8px)); padding-right: max(32px, calc(env(safe-area-inset-right, 0px) + 8px)); }
  html[data-skin="dusk"] :is(#about, #who, #strategy) { margin-left: max(var(--dusk-in), env(safe-area-inset-left, 0px)); margin-right: max(var(--dusk-in), env(safe-area-inset-right, 0px)); }
  html[data-skin="dusk"] .ft { padding-left: max(var(--dusk-in), env(safe-area-inset-left, 0px)); padding-right: max(var(--dusk-in), env(safe-area-inset-right, 0px)); }
  html[data-skin="dusk"] .fab { right: max(16px, calc(env(safe-area-inset-right, 0px) + 8px)); }
}
@media (max-width: 719.98px) {
  html[data-skin="dusk"] .wrap { padding-left: max(16px, calc(env(safe-area-inset-left, 0px) + 8px)); padding-right: max(16px, calc(env(safe-area-inset-right, 0px) + 8px)); }
}

@media (max-width: 719.98px) {
  
  html[data-skin="dusk"] .s-compare:not(.is-pin-ph) .s-compare-r:not(.s-compare-h) > .s-compare-f { background: var(--gl-sheen), var(--pn); box-shadow: var(--gl-edge); }
  html[data-skin="dusk"] .s-compare:not(.is-pin-ph) .s-compare-r.s-compare-h .s-compare-brand { color: var(--dusk); }
  html[data-skin="dusk"] {
    --dusk-in: 8px; --dusk-r: 28px;
    --fs-meet: 38px; --fs-h2: 30px; --fs-phrase: 21px; --fs-h3: 18px; --fs-lead: 16.5px;
    --fs-text: 16px; --fs-item: 15px; --fs-label: 13px; --fs-digit: 104px;
  }
  
  html[data-skin="dusk"] :is(#about, #who, #strategy) > .wrap { padding-inline: 16px; }
  html[data-skin="dusk"] .ft-card { padding: 36px 16px 20px; }
  html[data-skin="dusk"] .s-faq-at { padding-left: 24px; } 
  html[data-skin="dusk"] .s-top-h1 { font-size: 40px; }
  html[data-skin="dusk"][data-h1="b"] .s-top-h1 { font-size: min(27px, calc((100vw - 32px) / 13.4)); line-height: 1.08; } 
}

@media (min-width: 1024px) {

  html[data-skin="copper"] {
    
    --c-night: #160F0B; --c-night-2: #1C130E; --c-glass-d: #2A1E16;
    --c-pearl: #F6EFE6; --c-pearl-2: #C4AE9C; --c-pearl-3: #A8968A;
    --c-line-d: rgba(246, 239, 230, .12); --c-line-d2: rgba(246, 239, 230, .22); --c-tint-d: rgba(246, 239, 230, .06);
    
    --c-day: #FAF7F3; --c-sheet: #FFFFFF; --c-sheet-e: #F8F3EC; --c-tile: #F4EEE6; --c-field: #FDFBF8;
    --c-ink: #221913; --c-ink-2: #64564B; --c-ink-3: #7D6E62;
    --c-line-l: rgba(34, 25, 19, .10); --c-line-l2: rgba(34, 25, 19, .18); --c-line-btn: rgba(34, 25, 19, .24); --c-tint-l: rgba(34, 25, 19, .045);
    
    --c-cu: #C47A4B; --c-cu-t: #DDA273; --c-amber: #EBB283; --c-cu-ink: #8A4F28; --c-cu-g: #B36B3D; --c-hot: #DE8448; --c-core: #FFD6B2;
    
    --c-edge-lit: linear-gradient(180deg, rgba(232, 164, 116, .42) 0%, rgba(214, 140, 92, .22) 20%, rgba(206, 130, 84, .16) 55%, rgba(230, 150, 96, .5) 78%, rgba(255, 214, 178, 1) 100%);
    --c-lit-in: inset 0 0 24px -6px rgba(222, 132, 74, .30), inset 0 -18px 30px -18px rgba(250, 196, 150, .5);
    --c-sun-out: 0 50px 90px -60px rgba(235, 150, 90, .45);
    
    --c-thread-l: linear-gradient(90deg, transparent 8%, rgba(222, 132, 72, .28) 30%, rgba(222, 132, 72, .9) 50%, rgba(222, 132, 72, .28) 70%, transparent 92%);
    --c-thread-d: linear-gradient(90deg, transparent 6%, rgba(221, 162, 115, .35) 26%, rgba(255, 214, 178, .95) 50%, rgba(221, 162, 115, .35) 74%, transparent 94%);
    
    --c-edge-l: 0 0 0 1px rgba(34, 25, 19, .08);
    --c-lift-1: 0 30px 60px -44px rgba(70, 40, 20, .30);
    --c-lift-2: 0 40px 70px -40px rgba(70, 40, 20, .36);
    
    --c-lift-dark: 0 26px 48px -34px rgba(70, 40, 20, .30), 0 40px 64px -48px rgba(235, 150, 90, .42);
    --c-lift-win: 0 32px 72px -32px rgba(22, 15, 11, .45);
    --c-lift-pill: 0 8px 20px -12px rgba(70, 40, 20, .32);
    
    --p-field: clamp(48px, 3.89vw, 56px); --p-join: clamp(64px, 7.22vw, 104px); --p-sec: clamp(88px, 10vw, 144px);
    
    --c-disp: clamp(40px, 3.9vw, 56px); --fs-h2: clamp(32px, 3.34vw, 48px); --fs-h3: clamp(20px, 1.67vw, 24px); --fs-lead: clamp(17px, 1.39vw, 20px);
    --fs-text: 16px; --fs-item: 15px; --fs-label: 13px; --fs-digit: clamp(112px, 10.6vw, 160px);
    --c-ease: cubic-bezier(.2, .7, .2, 1);

    --canvas: #F4EEE6; --white: #FFFFFF; --soft: rgba(34, 25, 19, .05); --line: rgba(34, 25, 19, .10);
    --ink: #221913; --ink-2: #64564B; --ink-2c: #64564B; --ink-3: #7D6E62; --dim: #7D6E62;
    --ink-in: #2E2119; --ink-line: #3A2A20; --on-ink-2: #C4AE9C;
    --orange: #221913; --on-orange: #F6EFE6; --green: #8A4F28; --on-green: #FFF7EE; --on-green-2: rgba(255, 247, 238, .74); --green-in: #7A4524;
    --gr-deep: #221913; --gr-mid: #8A4F28; --gr-light: #B36B3D; --gr-hi: #DE8448; --gr-end: #7A4728; --gr-pale: rgba(196, 122, 75, .10);
    --o-deep: #6E3A1C; --o-mid: #C47A4B; --o-light: #EBB283; --o-hi: #F4C9A0; --o-end: #A0623A;
    --copper: #B36B3D; --copper-t: #DDA273;
    --g1: #4A3B30; --g2: #9C8B7C; --g3: #D8CDBF;
    --dv-1: #221913; --dv-2: #B36B3D; --dv-2t: #DDA273; --dv-3: #D8CDBF; --dv-trk: rgba(34, 25, 19, .08); --dv-off: #D8CDBF;
    --dv-grid: rgba(34, 25, 19, .10); --dv-txt-2: #64564B; --dv-ok: #8A4F28; --dv-acc: #B36B3D; --dv-ring-bd: #FFFFFF; --dv-area: rgba(179, 107, 61, .10);
    --sh-1: 0 0 0 1px rgba(34, 25, 19, .08), 0 30px 60px -44px rgba(70, 40, 20, .30);
    --sh-lift: 0 0 0 1px rgba(34, 25, 19, .08), 0 40px 70px -40px rgba(70, 40, 20, .36);
    --sh-glass: 0 8px 20px -12px rgba(70, 40, 20, .32);
    --glass-bg: rgba(255, 255, 255, .94); --glass-bg-fb: rgba(255, 255, 255, .96); --glass-bd: rgba(255, 255, 255, .6); --glass-blur: blur(14px) saturate(1.3);
    
    --flow: none; --flow-fb: none; --flow-white: none; --flow-white-fb: none; --flow-green: none; --flow-green-fb: none;
    --t-h1: clamp(40px, 3.9vw, 56px); --t-h2: clamp(32px, 3.34vw, 48px); --t-h3: clamp(20px, 1.67vw, 24px); --t-lead: clamp(17px, 1.39vw, 20px); --t-body: 16px; --t-cap: 13px;
    --r-lg: 28px; --r-md: 20px; --r-sm: 12px;
    --gap: clamp(16px, 1.4vw, 20px); --pad: clamp(24px, 1.95vw, 28px); --head-gap: clamp(40px, 4.5vw, 64px); --head-gap-tight: 40px;
    --glow-max: 1;
  }

  html[data-skin="copper"] :is(.s-top-stage, .s-top-w--ink > .s-top-card, .s-sit-res, .s-who-dk-stack, .s-strategy-card, .s-trust-fam, .s-compare-fou, .s-meet-card) {
    --c-lit: linear-gradient(0deg,
      rgb(244 182 132 / calc(.96 * var(--lit-a, 1))) 0%,
      rgb(222 132 72 / calc(.92 * var(--lit-a, 1))) calc(2.4% * var(--lit-k, 1)),
      rgb(186 96 46 / calc(.88 * var(--lit-a, 1))) calc(6.5% * var(--lit-k, 1)),
      rgb(150 70 32 / calc(.78 * var(--lit-a, 1))) calc(12% * var(--lit-k, 1)),
      rgb(116 50 21 / calc(.6 * var(--lit-a, 1))) calc(18% * var(--lit-k, 1)),
      rgb(80 35 16 / calc(.38 * var(--lit-a, 1))) calc(24% * var(--lit-k, 1)),
      rgb(44 21 11 / calc(.17 * var(--lit-a, 1))) calc(30% * var(--lit-k, 1)),
      rgb(20 13 9 / calc(.05 * var(--lit-a, 1))) calc(36% * var(--lit-k, 1)),
      rgb(12 10 9 / 0) calc(42% * var(--lit-k, 1)));
  }
  
  html[data-skin="copper"] :is(#about, .s-top-w[data-w="month"] > .s-top-card, .s-top-w.s-top-w--plan > .s-top-card, .s-fw-card) {
    --c-dawn: linear-gradient(0deg,
      rgb(232 146 92 / calc(.34 * var(--dawn-a, 1))) 0%,
      rgb(238 166 116 / calc(.24 * var(--dawn-a, 1))) calc(6% * var(--dawn-k, 1)),
      rgb(244 192 152 / calc(.13 * var(--dawn-a, 1))) calc(16% * var(--dawn-k, 1)),
      rgb(248 218 194 / calc(.05 * var(--dawn-a, 1))) calc(28% * var(--dawn-k, 1)),
      rgb(252 240 228 / 0) calc(42% * var(--dawn-k, 1)));
  }

  html[data-skin="copper"] :is(#top, #who, .s-strategy-card, .s-sit-res, .s-trust-fam, .s-compare-f, .s-compare-ft, .s-meet-card) {
    --canvas: #160F0B; --white: #241912; --ink: #F6EFE6; --ink-2: #C4AE9C; --ink-2c: #C4AE9C; --ink-3: #A8968A; --dim: #A8968A;
    --soft: rgba(246, 239, 230, .06); --line: rgba(246, 239, 230, .12);
    --ink-in: rgba(246, 239, 230, .06); --ink-line: rgba(246, 239, 230, .12); --on-ink-2: #C4AE9C;
    --orange: #F6EFE6; --on-orange: #221913; --green: #EBB283; --on-green: #221913;
    --gr-mid: #EBB283; --gr-light: #DDA273; --gr-pale: rgba(235, 178, 131, .10); --gr-deep: #F6EFE6; --gr-hi: #FFD6B2;
    --o-deep: rgba(246, 239, 230, .28); --o-mid: #DDA273; --o-light: #EBB283; --o-hi: #FFD6B2; --o-end: #DDA273;
    --copper: #DDA273; --copper-t: rgba(246, 239, 230, .45);
    --g1: rgba(246, 239, 230, .72); --g2: rgba(246, 239, 230, .45); --g3: rgba(246, 239, 230, .16);
    --dv-1: #F6EFE6; --dv-2: #DDA273; --dv-2t: rgba(246, 239, 230, .28); --dv-3: rgba(246, 239, 230, .16); --dv-trk: rgba(246, 239, 230, .14);
    --dv-off: rgba(246, 239, 230, .16); --dv-grid: rgba(246, 239, 230, .12); --dv-txt-2: #A8968A; --dv-ok: #EBB283; --dv-acc: #EBB283; --dv-ring-bd: #1C130E;
    --s-t1: #F6EFE6; --s-t2: #C4AE9C;
    color: #F6EFE6;
  }
  
  html[data-skin="copper"] :is(.s-top-w:not(.s-top-w--ink) > .s-top-card, .s-who-dk-box) {
    --canvas: #EFE7DC; --white: #F8F3EC; --ink: #221913; --ink-2: #64564B; --ink-2c: #64564B; --ink-3: #7D6E62; --dim: #7D6E62;
    --soft: rgba(34, 25, 19, .05); --line: rgba(34, 25, 19, .11);
    --ink-in: #2E2119; --ink-line: #3A2A20; --on-ink-2: #C4AE9C;
    --orange: #221913; --on-orange: #F6EFE6; --green: #8A4F28; --on-green: #FFF7EE;
    --gr-deep: #221913; --gr-mid: #8A4F28; --gr-light: #B36B3D; --gr-hi: #DE8448; --gr-pale: rgba(196, 122, 75, .10);
    --o-deep: #6E3A1C; --o-mid: #C47A4B; --o-light: #EBB283; --o-hi: #F4C9A0; --o-end: #A0623A;
    --copper: #B36B3D; --copper-t: #DDA273;
    --g1: #4A3B30; --g2: #9C8B7C; --g3: #D8CDBF;
    --dv-1: #221913; --dv-2: #B36B3D; --dv-2t: #DDA273; --dv-3: #D8CDBF; --dv-trk: rgba(34, 25, 19, .08); --dv-off: #D8CDBF;
    --dv-grid: rgba(34, 25, 19, .10); --dv-txt-2: #64564B; --dv-ok: #8A4F28; --dv-acc: #B36B3D; --dv-ring-bd: #F8F3EC;
    --s-t1: #221913; --s-t2: #64564B;
    color: #221913;
  }

  html[data-skin="copper"] .vpanel { --ink: #0D0D0D; --ink-in: #1C1C1C; --ink-line: #2A2A29; --on-ink-2: #8E8C87; --orange: #FF5A1F; --o-hi: #FFA466; --r-sm: 12px; --r-md: 20px; --r-pill: 999px; --f: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif; }
  html[data-skin="copper"] .vpanel :focus-visible { outline-color: #fff; }

  html[data-skin="copper"] body { background: var(--c-day); color: var(--ink); font-weight: 400; font-size: var(--fs-text); line-height: 1.55; letter-spacing: -.005em; font-variant-numeric: lining-nums; }
  :where(html[data-skin="copper"]) :is(b, strong) { font-weight: 500; }
  html[data-skin="copper"] :is(
    .h1, .h2, .h3, .sec-title, .bridge, .btn, .counter, .counter b, .pill, .eyebrow, .skip, .fab,
    .s-top-x, .s-top-gk, .s-top-gv, .s-top-rv, .s-top-rd, .s-top-rrt, .s-top-rgo, .s-top-pt b,
    .s-fw-t,
    .s-sit-ctl .counter, .s-sit-x, .s-sit-res-t,
    .s-sit-ill--f .s-sit-f-v, .s-sit-ill--f .s-sit-f-v small, .s-sit-ill--f .s-sit-f-d, .s-sit-ill--f .s-sit-f-nm, .s-sit-ill--f .s-sit-f-chip,
    .s-sit-ill--f .s-sit-f-lg b, .s-sit-ill--f .s-sit-f-lab, .s-sit-ill--f .s-sit-f-lab.s-sit-f-lab--yr, .s-sit-ill--f .s-sit-f-cal,
    .s-sit-ill--f .s-sit-f-li1, .s-sit-ill--f .s-sit-f-li2 > b,
    .s-about-dh,
    .s-how-rn, .s-how-rn b, .s-how-rname, .s-how-ri.is-act .s-how-rname, .s-how-name, .s-how-value b, html[data-howhead="c"] .s-how-value b,
    .s-how-lbl, .s-how-role, .s-how-term--t dd,
    .s-who-title, .s-who-dk-ht, .s-who-dk-rv, .s-who-dk-rv b, .s-who-dk-st, .s-who-kg-who, .s-who-kg-n, .s-who-kg-t b, .s-who-kg-pc, .s-who-kt-tx b,
    .s-who-ks-d figcaption, .s-who-ks-th dd, .s-who-kr-v, .s-who-kr-d, .s-who-kr-rw, .s-who-kr-go, .s-who-kl-v, .s-who-kl-p, .s-who-kl-s,
    .s-who-kl-tx b, .s-who-kk-c b, .s-who-kk-t b, .s-who-dk-nh .s-who-dk-nt, .s-who-dk-ni.is-cur .s-who-dk-nt,
    .s-team-role, .s-team-more-t,
    .s-trust-label, .s-trust-name, .s-trust-unit,
    .s-compare-lab, html.js[data-cmp="c"] .s-compare-lab-t, .s-compare-chip, .s-compare-k, .s-compare-f, .s-compare-f b, .s-compare-kh,
    .s-compare-h .s-compare-c, .s-compare-vc, .s-compare-vc b, .s-compare-fs, .s-compare-star,
    .s-strategy-card .s-strategy-tag, .s-strategy-n, .s-strategy-st h3,
    .s-faq-qt, .s-faq-gt, .s-faq-chip, .s-meet-t, .ft-ph,
    .m-crumb, .m-back, .m-t, .f-l, .f-err, .m-send-err a, .segs span, .checks span, .lnk, .cs-gl, .cs-o.is-sel, .mnav a, .pin-prog-l, .pin-hint
  ) { font-weight: 500; }
  html[data-skin="copper"] :is(
    .sec-sub, .s-top-lead, .s-top-gs, .s-top-pt span, .s-top-rd > span,
    .s-sit-res-p, .s-sit-ill--f .s-sit-f-d > span,
    .s-about-dpos,
    .s-how-rwhen, .s-how-value, html[data-howhead="c"] .s-how-value, .s-how-inc li, .s-how-role small, .s-how-term dd,
    .s-who-dk-sx, .s-who-kg-t > span, .s-who-kg-sum, .s-who-kt-tx > span, .s-who-kl-tx li, .s-who-kk-t span,
    .s-trust-text,
    html.js[data-cmp="c"] .s-compare-lab-s, .s-compare-c, .s-compare-yt, .s-compare-note,
    .s-strategy-sub, .s-strategy-price, .s-strategy-tx p,
    .s-faq-at, .s-meet-text,
    .hd-menu, .hd-cab, .ft-slogan, .ft-tag, .ft-pt, .ft-ln,
    .m-lead, .f-hint, .opt, .m-consent, .m-next, .cab-hint
  ) { font-weight: 400; }
  html[data-skin="copper"] .two-tone b { font-weight: inherit; }
  html[data-skin="copper"] :is(.s-top-rv, .s-top-gv, .s-who-kr-v, .s-who-kl-v, .s-who-kl-s, .s-who-ks-th dd, .s-who-kg-pc, .s-compare-vc) { font-variant-numeric: tabular-nums; }

  html[data-skin="copper"] ::selection { background: #221913; color: #F6EFE6; }
  html[data-skin="copper"] :is(#top, #who, .s-strategy-card, .s-sit-res, .s-trust-fam, .s-compare-f, .s-compare-ft, .s-meet-card) ::selection { background: #EBB283; color: #160F0B; }
  html[data-skin="copper"] :is(.s-top-w:not(.s-top-w--ink) > .s-top-card, .s-who-dk-box) ::selection { background: #221913; color: #F6EFE6; }
  
  html[data-skin="copper"] :focus-visible { outline-color: #9A5A30; }
  html[data-skin="copper"] :is(#top, #who, .s-strategy-card, .s-sit-res, .s-trust-fam, .s-meet-card) :focus-visible { outline-color: var(--c-amber); }
  html[data-skin="copper"] :is(.s-top-w:not(.s-top-w--ink) > .s-top-card, .s-who-dk-box) :focus-visible { outline-color: #9A5A30; }
  html[data-skin="copper"] .skip { background: #221913; color: var(--c-pearl); box-shadow: inset 0 -1px 0 rgba(255, 214, 178, .55); }
  html[data-skin="copper"] .wrap { padding: 0 var(--p-field); }

  html[data-skin="copper"] :is(.sec-title, .h2) { font-weight: 500; font-size: var(--fs-h2); line-height: 1.04; letter-spacing: -.034em; text-wrap: balance; }
  html[data-skin="copper"] .sec-title { max-width: 18em; }
  html[data-skin="copper"] .sec-head { margin-bottom: var(--head-gap); }
  html[data-skin="copper"] .sec-sub { margin-top: 20px; max-width: 46ch; font-weight: 400; font-size: var(--fs-lead); line-height: 1.45; letter-spacing: -.012em; color: var(--ink-2); text-wrap: pretty; }
  html[data-skin="copper"] .sec-sub b { color: inherit; font-weight: inherit; }
  html[data-skin="copper"] .two-tone { color: var(--ink-2); }
  html[data-skin="copper"] .two-tone b { color: var(--ink); }
  html[data-skin="copper"] .counter { font-size: 15px; font-weight: 500; color: var(--ink-3); font-variant-numeric: tabular-nums lining-nums; }
  html[data-skin="copper"] .counter b { color: var(--ink); }

  html[data-skin="copper"] .sec { padding-block: var(--p-join); }
  html[data-skin="copper"] :is(#top, #about, #who) + .sec { padding-top: var(--p-sec); }
  html[data-skin="copper"] .sec:has(+ :is(#about, #who)) { padding-bottom: var(--p-sec); }
  html[data-skin="copper"] #meet { padding-bottom: 0; }

  html[data-skin="copper"] .top { padding-top: 0; }
  html[data-skin="copper"] .top::before { -webkit-mask-image: none; mask-image: none; background: transparent; box-shadow: none;
    transition: background-color .45s var(--c-ease), box-shadow .45s var(--c-ease); }
  html[data-skin="copper"] .top.is-sc::before { background: rgba(250, 247, 243, .94); -webkit-backdrop-filter: blur(16px) saturate(1.3); backdrop-filter: blur(16px) saturate(1.3);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), inset 0 -1px 0 rgba(34, 25, 19, .07); }
  html[data-skin="copper"] :is(.hd-nav, .top.is-sc .hd-nav) { height: 80px; padding: 0; border-radius: 0; background: none; box-shadow: none; color: var(--c-ink); transition: color .45s var(--c-ease); }
  html[data-skin="copper"] .hd-nav > .hd-lk { margin-left: 0; }
  html[data-skin="copper"] .top:not(.is-sc) .hd-nav { color: var(--c-pearl); }
  html[data-skin="copper"] .hd-menu { font-size: var(--fs-item); font-weight: 400; letter-spacing: 0; }
  html[data-skin="copper"] .hd-menu a { opacity: .74; transition: opacity .3s var(--c-ease); }
  html[data-skin="copper"] .hd-menu a[aria-current="true"] { opacity: 1; }
  
  html[data-skin="copper"] .hd-u { background: var(--c-hot); }
  html[data-skin="copper"] .top:not(.is-sc) .hd-u { background: var(--c-amber); }
  html[data-skin="copper"] .hd-cab { font-weight: 500; }
  html[data-skin="copper"] .hd-cta { height: 44px; padding: 0 20px; font-size: var(--fs-item); }
  @media (hover: hover) {
    html[data-skin="copper"] :is(.hd-menu a, .hd-cab):hover { opacity: 1; }
    html[data-skin="copper"] .hd-cab:hover { opacity: .74; }
  }
  @media (max-width: 1399.98px) { html[data-skin="copper"] .hd-menu { font-size: var(--fs-item); } }
  @media (max-width: 1299.98px) { html[data-skin="copper"] .hd-menu { font-size: var(--fs-item); gap: 16px; } }
  
  @supports (animation-timeline: view()) {
    html[data-skin="copper"] { timeline-scope: --cu-t, --cu-w; }
    html[data-skin="copper"] #top { view-timeline: --cu-t block; view-timeline-inset: 0px calc(100% - var(--hd-h) - 20px); }
    html[data-skin="copper"] #who { view-timeline: --cu-w block; view-timeline-inset: 0px calc(100% - var(--hd-h) - 20px); }
    html[data-skin="copper"] .top.is-sc::before, html[data-skin="copper"] .top.is-sc .hd-nav, html[data-skin="copper"] .top.is-sc .hd-u {
      animation: cu-hd-x linear none, cu-hd-x linear none;
      animation-timeline: --cu-t, --cu-w;
      animation-range: contain 0% contain 100%, contain 40px contain 100%; }
    
    html[data-skin="copper"] .top.is-sc::before {
      animation: cu-hd-bg linear none, cu-hd-bg-s linear none, cu-hd-op linear none, cu-hd-op linear none, cu-hd-op linear none;
      animation-timeline: --cu-t, --cu-w, --cu-t, --cu-w, --cu-w;
      animation-range: contain 0% contain 100%, contain 40px contain 100%, exit 0% exit 100%, entry 0% contain 40px, exit 0% exit 100%; }
    html[data-skin="copper"] .top.is-sc .hd-nav { animation-name: cu-hd-tx, cu-hd-tx; }
    html[data-skin="copper"] .top.is-sc .hd-u { animation-name: cu-hd-u, cu-hd-u; }
  }
  @keyframes cu-hd-op { from, to { background: #FAF7F3; -webkit-backdrop-filter: none; backdrop-filter: none; } }
  @keyframes cu-hd-bg { from, to { background: rgba(22, 15, 11, .66); -webkit-backdrop-filter: blur(22px) saturate(1.4); backdrop-filter: blur(22px) saturate(1.4); box-shadow: inset 0 -1px 0 rgba(246, 239, 230, .06); } }
  @keyframes cu-hd-bg-s { from, to { left: 12px; right: 12px; background: rgba(22, 15, 11, .66); -webkit-backdrop-filter: blur(22px) saturate(1.4); backdrop-filter: blur(22px) saturate(1.4); box-shadow: inset 0 -1px 0 rgba(246, 239, 230, .06); } }
  @keyframes cu-hd-tx { from, to { color: #F6EFE6; } }
  @keyframes cu-hd-u { from, to { background: #EBB283; } }

  html[data-skin="copper"] .btn { gap: 12px; height: 52px; padding: 0 26px; font-size: 16px; font-weight: 500; letter-spacing: -.005em;
    transition: background-size .55s var(--c-ease), background-color .35s var(--c-ease), color .35s var(--c-ease), box-shadow .35s var(--c-ease), transform var(--d1) var(--ease); }
  html[data-skin="copper"] .btn:has(.btn-arrow) { padding-right: 24px; }
  html[data-skin="copper"] .btn .btn-arrow { width: 16px; height: 16px; border-radius: 0; background: none; color: inherit; transition: transform .45s var(--c-ease); }
  html[data-skin="copper"] .btn .btn-arrow::before, html[data-skin="copper"] .btn .btn-arrow svg { width: 16px; height: 16px; }
  html[data-skin="copper"] .btn--sm { gap: 10px; height: 44px; padding: 0 20px; font-size: var(--fs-item); }
  html[data-skin="copper"] .btn--sm:has(.btn-arrow) { padding-right: 18px; }
  html[data-skin="copper"] .btn--sm .btn-arrow, html[data-skin="copper"] .btn--sm .btn-arrow::before { width: 14px; height: 14px; }
  
  html[data-skin="copper"] :is(.btn--orange, .btn--ink, .btn--white) {
    background: linear-gradient(0deg, rgb(244 182 132 / .55) 0%, rgb(222 132 72 / .42) 10%, rgb(150 70 32 / .2) 42%, rgb(34 25 19 / 0) 86%) 50% 100% / 100% 46% no-repeat, #221913;
    color: #F6EFE6; box-shadow: inset 0 -1px 0 rgba(255, 214, 178, .6), inset 0 0 0 1px rgba(221, 162, 115, .22);
  }
  html[data-skin="copper"] :is(.btn--orange, .btn--ink, .btn--white) .btn-arrow { color: var(--c-amber); }
  
  html[data-skin="copper"] :is(#top, #who, .s-strategy-card, .s-sit-res, .s-meet-card) :is(.btn--orange, .btn--ink, .btn--white) {
    background-color: #33241B; box-shadow: inset 0 -1px 0 rgba(255, 214, 178, .75), inset 0 0 0 1px rgba(235, 178, 131, .36);
  }
  html[data-skin="copper"] .btn--ghost { background: none; color: var(--ink); box-shadow: inset 0 0 0 1px var(--c-line-btn); }
  @media (hover: hover) {
    html[data-skin="copper"] .btn:not(:disabled):hover { opacity: 1; filter: none; }
    html[data-skin="copper"] .btn:not(:disabled):hover .btn-arrow { transform: translateX(4px); }
    html[data-skin="copper"] :is(.btn--orange, .btn--ink, .btn--white):not(:disabled):hover {
      background-size: 100% 100%, auto;
      box-shadow: inset 0 -1px 0 rgba(255, 214, 178, .95), inset 0 0 0 1px rgba(235, 178, 131, .5), 0 16px 32px -16px rgba(222, 132, 72, .7);
    }
    html[data-skin="copper"] .btn--ghost:not(:disabled):hover { background: rgba(34, 25, 19, .04); box-shadow: inset 0 0 0 1px rgba(34, 25, 19, .5); }
  }
  
  html[data-skin="copper"] .icon-only { background: none; color: var(--ink); box-shadow: inset 0 0 0 1px var(--c-line-btn); }
  html[data-skin="copper"] .icon-only[aria-disabled="true"] { background: none; color: rgba(34, 25, 19, .3); box-shadow: inset 0 0 0 1px var(--c-line-l); }
  @media (hover: hover) { html[data-skin="copper"] .icon-only:not([aria-disabled="true"]):hover { background: radial-gradient(90% 70% at 50% 120%, rgba(235, 150, 90, .8), rgba(222, 132, 72, .3) 45%, rgba(34, 25, 19, 0) 75%), #221913; color: #F6EFE6; box-shadow: none; filter: none; opacity: 1; } }
  
  html[data-skin="copper"] .hd-r .hd-burger { background: none; color: inherit; box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 28%, transparent); }
  @media (hover: hover) { html[data-skin="copper"] .hd-r .hd-burger:not([aria-disabled="true"]):hover { background: color-mix(in srgb, currentColor 10%, transparent); color: inherit; box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 40%, transparent); } }

  html[data-skin="copper"] .eyebrow { height: auto; padding: 0; gap: 10px; border-radius: 0; background: none; box-shadow: none; font-size: var(--fs-label); font-weight: 500; letter-spacing: .01em; line-height: 1.3; color: var(--ink-2); }
  html[data-skin="copper"] .eyebrow::before { content: ""; flex: none; width: 18px; height: 1.5px; border-radius: 1px; background: linear-gradient(90deg, rgba(222, 132, 72, 0), rgba(222, 132, 72, .9) 70%, #DE8448); }
  html[data-skin="copper"] :is(#top, #who) .eyebrow { color: var(--c-pearl-2); }
  html[data-skin="copper"] :is(#top, #who) .eyebrow::before { background: linear-gradient(90deg, rgba(235, 178, 131, 0), rgba(235, 178, 131, .9) 70%, #FFD6B2); }
  html[data-skin="copper"] .s-who-dk-box .eyebrow { color: var(--ink-2); }
  html[data-skin="copper"] .pill { height: 30px; padding: 0 12px; border-radius: 999px; background: var(--c-tint-l); box-shadow: none; color: var(--ink-2); font-size: var(--fs-label); font-weight: 500; letter-spacing: .01em; }
  html[data-skin="copper"] :is(.s-sit-res, .s-strategy-card) .pill { background: var(--c-tint-d); box-shadow: inset 0 0 0 1px rgba(246, 239, 230, .14); color: var(--c-pearl-2); }

  html[data-skin="copper"] .bridge { margin-top: 48px; font-size: 14px; font-weight: 500; letter-spacing: 0; color: var(--ink-3); }
  html[data-skin="copper"] .bridge .bridge-arrow { background: none; box-shadow: inset 0 0 0 1px var(--c-line-l2); color: var(--ink-2); transition: background-color .3s var(--c-ease), color .3s var(--c-ease), box-shadow .3s var(--c-ease); }
  html[data-skin="copper"] :is(#top, #who) .bridge { color: var(--c-pearl-3); }
  html[data-skin="copper"] :is(#top, #who) .bridge .bridge-arrow { box-shadow: inset 0 0 0 1px var(--c-line-d2); color: var(--c-pearl-2); }
  @media (hover: hover) {
    html[data-skin="copper"] .bridge:hover { color: var(--ink); }
    html[data-skin="copper"] .bridge:hover .bridge-arrow { background: radial-gradient(90% 70% at 50% 120%, rgba(235, 150, 90, .85), rgba(222, 132, 72, .3) 45%, rgba(34, 25, 19, 0) 75%), #221913; color: #F6EFE6; box-shadow: none; }
    html[data-skin="copper"] :is(#top, #who) .bridge:hover .bridge-arrow { background: radial-gradient(90% 70% at 50% 120%, rgba(244, 182, 132, .95), rgba(222, 132, 72, .4) 45%, rgba(51, 36, 27, 0) 75%), #33241B; box-shadow: inset 0 0 0 1px rgba(235, 178, 131, .4); }
  }

  html[data-skin="copper"] .card { background: var(--c-sheet); box-shadow: var(--c-edge-l), var(--c-lift-1); }
  html[data-skin="copper"] :is(.card--ink, .card--glow) { background: linear-gradient(180deg, #1C130E 0%, #160F0B 100%); box-shadow: var(--c-lift-dark); }

  html[data-skin="copper"] .ph.ph--avatar { box-shadow: 0 0 0 2px var(--white); }
  html[data-skin="copper"] #top .ph:not(.ph--loaded):not(.ph--ref):not(.ph--avatar) { background-color: #241912;
    background-image: radial-gradient(70% 60% at var(--ph-lx) var(--ph-ly), rgba(235, 178, 131, .10), rgba(235, 178, 131, 0) 72%), linear-gradient(200deg, #2A1E16, #1C130E); }
  html[data-skin="copper"] #top .ph:not(.ph--loaded):not(.ph--ref)::before { opacity: .12; }

  html[data-skin="copper"] .s-sit-bar { height: 2px; background: var(--c-line-l); }
  html[data-skin="copper"] .s-sit-bar::after { background: linear-gradient(90deg, rgba(222, 132, 72, .5), #C4703D); }
  html[data-skin="copper"] :is(#s-top-rg, #s-who-kr-g) stop { stop-color: var(--copper); }

  html[data-skin="copper"] :is(.glow-corner, .glow-host, .glow-fx) { --glow-max: 1; --glow-bg: var(--c-thread-l) bottom / 100% 1.5px no-repeat; }

  html[data-skin="copper"] .layer-bg { background: rgba(22, 15, 11, .44); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
  html[data-skin="copper"] .modal-p { background: var(--c-sheet); color: var(--ink); border-radius: 28px; box-shadow: 0 0 0 1px rgba(34, 25, 19, .05), var(--c-lift-win); }
  html[data-skin="copper"] .modal-p { --m-px: 32px; }
  html[data-skin="copper"] .m-hd { padding-top: 18px; padding-bottom: 12px; }
  html[data-skin="copper"] .m-crumb { font-size: var(--fs-label); font-weight: 500; color: var(--ink-3); }
  html[data-skin="copper"] .m-x { width: 36px; height: 36px; background: var(--c-tint-l); box-shadow: none; }
  html[data-skin="copper"] .m-prog > i { background: var(--c-line-l); }
  html[data-skin="copper"] .m-prog > i.is-on { background: linear-gradient(90deg, #8A4F28, #C4703D); }
  html[data-skin="copper"] .m-back { font-size: var(--fs-item); font-weight: 500; color: var(--ink-2); }
  html[data-skin="copper"] .m-t { font-size: 24px; font-weight: 500; line-height: 1.18; letter-spacing: -.022em; text-wrap: balance; }
  html[data-skin="copper"] .m-lead { margin-top: 10px; font-size: var(--fs-item); line-height: 1.5; color: var(--ink-2); text-wrap: pretty; }
  html[data-skin="copper"] .lnk { font-weight: 500; text-decoration-thickness: 1px; text-underline-offset: .28em; text-decoration-color: rgba(138, 79, 40, .45); }
  html[data-skin="copper"] .m-consent { font-size: var(--fs-label); color: var(--ink-3); border-top-color: var(--c-line-l); }
  html[data-skin="copper"] .m-next { font-size: var(--fs-label); color: var(--ink-3); }
  html[data-skin="copper"] .f-l { margin-bottom: 8px; font-size: 14px; font-weight: 500; color: var(--ink); }
  html[data-skin="copper"] :is(.f-hint, .f-sub, .opt) { font-size: var(--fs-label); font-weight: 400; color: var(--ink-3); }
  html[data-skin="copper"] .inp { min-height: 54px; padding: 15px 18px; border-radius: 12px; border: 1px solid #948678; background: var(--c-field); font-size: 16px; line-height: 1.4;
    transition: border-color .3s var(--c-ease), box-shadow .3s var(--c-ease), background-color .3s var(--c-ease); }
  html[data-skin="copper"] textarea.inp { min-height: 108px; }
  html[data-skin="copper"] .inp::placeholder { color: var(--ink-3); }
  html[data-skin="copper"] :is(.inp:focus, .cs-btn:focus-visible, .sel.is-open .cs-btn) { outline: none; border-color: #9A5A30; box-shadow: 0 0 0 .5px #9A5A30, 0 0 0 4px rgba(196, 122, 75, .18); background: #FFFFFF; }
  html[data-skin="copper"] .inp[aria-invalid="true"] { border-color: #B3402A; box-shadow: 0 0 0 .5px #B3402A; }
  html[data-skin="copper"] .f-err { font-size: var(--fs-label); font-weight: 400; color: #B3402A; }
  html[data-skin="copper"] .f-err::before { background: #B3402A; color: #FFFFFF; }
  html[data-skin="copper"] .f-err.warn { color: var(--ink-2); }
  html[data-skin="copper"] .f-err.warn::before { background: var(--ink-3); }
  html[data-skin="copper"] .sel-chev { color: var(--ink-2); }
  html[data-skin="copper"] .segs { padding: 4px; background: var(--c-tint-l); }
  html[data-skin="copper"] .segs span { font-size: var(--fs-item); font-weight: 500; color: var(--ink-2); }
  html[data-skin="copper"] .segs input:checked + span { background: var(--c-sheet); color: var(--ink); box-shadow: var(--c-lift-pill), 0 0 0 1px rgba(34, 25, 19, .06), inset 0 -1px 0 rgba(222, 132, 72, .55); }
  html[data-skin="copper"] .segs input:focus-visible + span, html[data-skin="copper"] .checks input:focus-visible + span { outline-color: #9A5A30; }
  html[data-skin="copper"] .checks span { font-size: var(--fs-item); font-weight: 500; box-shadow: inset 0 0 0 1px var(--c-line-btn); }
  html[data-skin="copper"] .checks input:checked + span { background: #221913; color: #F6EFE6; box-shadow: inset 0 -1px 0 rgba(255, 214, 178, .6); }
  html[data-skin="copper"] .cab-err-b { background: var(--c-tint-l); }
  html[data-skin="copper"] .cab-err-b .f-err { font-size: var(--fs-item); }
  html[data-skin="copper"] .cab-hint { font-size: var(--fs-item); color: var(--ink-2); }
  html[data-skin="copper"] .cab-eye { color: var(--ink-3); }
  
  html[data-skin="copper"] .m-step[data-step="ok"] .m-t { color: var(--c-cu-ink); }

  html[data-skin="copper"] .cs-pop { padding: 6px; border-radius: 20px; background: var(--c-sheet); box-shadow: 0 0 0 1px var(--c-line-l), var(--c-lift-win); }
  html[data-skin="copper"] .sel.cs-up .cs-pop:not(.cs-pop--flow) { box-shadow: 0 0 0 1px var(--c-line-l), 0 -24px 60px -28px rgba(22, 15, 11, .4); }
  html[data-skin="copper"] .cs-gl { font-size: var(--fs-label); font-weight: 500; letter-spacing: .01em; color: var(--ink-3); }
  html[data-skin="copper"] .cs-o { position: relative; min-height: 44px; border-radius: 16px; font-size: var(--fs-item); }
  html[data-skin="copper"] :is(.cs-pop.is-ptr .cs-o.is-act, .cs-pop.is-kbd .cs-o.is-act) { background: var(--c-tint-l); }
  html[data-skin="copper"] .cs-pop.is-kbd .cs-o.is-act { box-shadow: inset 0 0 0 2px #9A5A30; }
  html[data-skin="copper"] .cs-o.is-sel { font-weight: 500; }
  html[data-skin="copper"] .cs-o.is-sel::before { content: ""; position: absolute; left: 0; top: 10px; bottom: 10px; width: 2px; border-radius: 2px; background: linear-gradient(180deg, transparent, #DE8448 50%, transparent); }
  html[data-skin="copper"] :is(.cs-g + .cs-g, .cs-o + .cs-g) { border-top-color: var(--c-line-l); }

  html[data-skin="copper"] .sheet-p { background: var(--c-sheet); }
  html[data-skin="copper"] .mnav a { border-radius: 20px; background: var(--c-tint-l); font-size: var(--fs-item); font-weight: 500; }
  html[data-skin="copper"] .mnav a[aria-current="true"] { background: #221913; color: #F6EFE6; box-shadow: inset 0 -1px 0 rgba(255, 214, 178, .6); }
  html[data-skin="copper"] .mnav-act { background: var(--c-sheet); }

  html[data-skin="copper"] #top.s-top { --gap: 16px; position: relative; isolation: isolate; overflow: clip; margin-top: -80px; padding-top: 120px; padding-bottom: 40px;
    background: linear-gradient(180deg, #1C130E 0%, #160F0B 100%); border-radius: 0 0 40px 40px; }
  html[data-skin="copper"] .s-top-stage { gap: 16px; }
  html[data-skin="copper"] .s-top-h1 { margin-top: 20px; font-weight: 500; font-size: min(var(--c-disp), 10.6cqi); line-height: 1.02; letter-spacing: -.036em; color: var(--c-pearl); }
  @media (max-width: 1279.98px) { html[data-skin="copper"] .s-top-h1 { font-size: min(var(--c-disp), 12.4cqi); } }
  html[data-skin="copper"][data-h1="b"] .s-top-h1 { font-size: min(56px, 8.8cqi); } 
  html[data-skin="copper"] .s-top-lead { margin-top: 24px; max-width: 28em; font-weight: 400; letter-spacing: -.008em; color: var(--c-pearl-2); }
  html[data-skin="copper"] .s-top-act { margin-top: 40px; }
  
  html[data-skin="copper"] #top.s-top::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
    background: linear-gradient(0deg, rgb(244 182 132 / 0.883) 0%, rgb(222 132 72 / 0.846) 2.52%, rgb(186 96 46 / 0.81) 6.83%, rgb(150 70 32 / 0.718) 12.6%, rgb(116 50 21 / 0.552) 18.9%, rgb(80 35 16 / 0.35) 25.2%, rgb(44 21 11 / 0.156) 31.5%, rgb(20 13 9 / 0.046) 37.8%, rgb(12 10 9 / 0) 44.1%);   
    -webkit-mask: radial-gradient(ellipse 56% 100% at 50% 100%, #000 0%, rgba(0, 0, 0, .9) 30%, rgba(0, 0, 0, .45) 62%, transparent 100%);
    mask: radial-gradient(ellipse 56% 100% at 50% 100%, #000 0%, rgba(0, 0, 0, .9) 30%, rgba(0, 0, 0, .45) 62%, transparent 100%); }
  
  html[data-skin="copper"] #top.s-top::after { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; padding: 0 1.5px 1.5px; pointer-events: none;
    background: linear-gradient(90deg, transparent 12%, rgba(235, 160, 104, .4) 30%, rgba(255, 214, 178, .95) 50%, rgba(235, 160, 104, .4) 70%, transparent 88%) bottom / 100% 50% no-repeat;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
  
  html[data-skin="copper"] #top .bridge { color: var(--c-pearl-2); }
  
  html[data-skin="copper"] .s-top-w--ink > .s-top-card { --lit-k: .5; --lit-a: .64;
    --dv-1: #F6EFE6; --dv-2: #DDA273; --dv-trk: rgba(246, 239, 230, .14); --dv-grid: rgba(246, 239, 230, .16); --dv-txt-2: #C4AE9C; --dv-ok: #EBB283; --dv-ring-bd: #2A1E16;
    --s-t1: #F6EFE6; --s-t2: #C4AE9C;
    border: 1px solid transparent; color: var(--c-pearl);
    background: var(--c-lit), linear-gradient(180deg, #2E2219 0%, #21170F 100%), var(--c-edge-lit);
    background-origin: padding-box, padding-box, border-box; background-clip: padding-box, padding-box, border-box;
    box-shadow: inset 0 -16px 28px -18px rgba(250, 196, 150, .42); }
  
  html[data-skin="copper"] :is(.s-top-w[data-w="month"], .s-top-w.s-top-w--plan) > .s-top-card { --dawn-k: .7; --dawn-a: .6;
    background: var(--c-dawn), var(--c-sheet-e);
    box-shadow: inset 0 -1.5px 0 rgba(232, 146, 92, .55); }
  html[data-skin="copper"] .s-top-x { letter-spacing: -.016em; }
  html[data-skin="copper"] .s-top-wi { stroke: currentColor; }
  html[data-skin="copper"] .s-top-w--ink .s-top-wi { color: var(--c-amber); }
  
  html[data-skin="copper"] .s-top-gk { font-weight: 400; color: var(--c-pearl); }
  html[data-skin="copper"] .s-top-gi { background: var(--c-tint-d); color: var(--c-amber); }
  html[data-skin="copper"] .s-top-gb > i { background: linear-gradient(90deg, #C4703D, #EBB283); }
  
  html[data-skin="copper"] .s-top-gs { color: var(--c-pearl-2); }
  
  html[data-skin="copper"] .s-top-rp { column-gap: 0; row-gap: 0; }
  html[data-skin="copper"] .s-top-rt { background: none; border-radius: 0; padding-left: 0; padding-right: 12px; }
  html[data-skin="copper"] .s-top-rt:nth-child(n + 3) { box-shadow: inset 0 1px 0 var(--line); }
  @container s-top-card (min-width: 370px) and (min-height: 340px) {
    html[data-skin="copper"] .s-top-rt { padding-top: 14px; padding-bottom: 14px; }
    html[data-skin="copper"] .s-top-rrec { padding-top: 14px; padding-bottom: 0; }
  }
  html[data-skin="copper"] .s-top-rk { color: var(--ink-2); letter-spacing: .01em; }
  html[data-skin="copper"] .s-top-rd { color: var(--c-cu-ink); }
  html[data-skin="copper"] .s-top-rd > span { color: var(--ink-2); }
  html[data-skin="copper"] .s-top-rsv .l { stroke: var(--c-cu-ink); }
  html[data-skin="copper"] .s-top-rdot { background: var(--c-cu-ink); box-shadow: 0 0 0 1.5px var(--white), 0 0 10px rgba(222, 132, 72, .7); }
  html[data-skin="copper"] .s-top-rrec { background: none; border-radius: 0; padding-left: 0; padding-right: 0; padding-bottom: 0; box-shadow: inset 0 1px 0 var(--line); }
  html[data-skin="copper"] .s-top-rrt { color: var(--ink); }
  html[data-skin="copper"] .s-top-rgo { background: var(--c-field); color: var(--c-cu-ink); box-shadow: inset 0 0 0 1px var(--line); }
  @supports (grid-template-columns: subgrid) {
    html[data-skin="copper"] .s-top-rrec { padding-left: 0; padding-right: 0; }
    html[data-skin="copper"] .s-top-rwho { padding-left: 0; }
    html[data-skin="copper"] .s-top-rgo { margin: 0; padding-left: 0; padding-right: 0; }
  }
  
  html[data-skin="copper"] .s-top-pl { gap: 0; }
  html[data-skin="copper"] .s-top-pl > li { padding: 10px 0; border: 0; border-radius: 0; background: none; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
  html[data-skin="copper"] .s-top-pl > li + li { box-shadow: inset 0 1px 0 var(--line); }
  @container s-top-card (min-width: 370px) and (min-height: 340px) {
    html[data-skin="copper"] .s-top-pl > li { padding-top: 12px; padding-bottom: 12px; }
  }
  html[data-skin="copper"] .s-top-pl .ph--avatar { box-shadow: none; }
  html[data-skin="copper"] .s-top-pt span { color: var(--ink-2); }
  html[data-skin="copper"] .s-top-pl .is-done .s-top-ps { background: var(--c-cu-ink); color: #FFF7EE; }
  html[data-skin="copper"] .s-top-pl .is-next .s-top-ps { box-shadow: inset 0 0 0 1.5px rgba(34, 25, 19, .24); color: var(--ink-2); }
  
  html[data-skin="copper"] .s-top-pt b { font-size: 13px; }
  html[data-skin="copper"] :is(.s-top-gs, .s-top-rgo) { font-size: 12px; }
  html[data-skin="copper"] .s-top-rv { font-size: 15px; }
  html[data-skin="copper"] .s-top-rcap .s-top-rv { font-size: 24px; }
  @container s-top-card (max-height: 339.98px) {
    html[data-skin="copper"] .s-top-rcap .s-top-rv { font-size: 20px; }
  }
  @container s-top-card (max-width: 369.98px) {
    html[data-skin="copper"] .s-top-rcap .s-top-rv { font-size: 20px; }
  }
  @container s-top-card (max-height: 289.98px) {
    html[data-skin="copper"] .s-top-pt b { font-size: 12px; }
    html[data-skin="copper"] .s-top-rrt { font-size: 13px; }
  }
  @container s-top-card (min-width: 300px) and (min-height: 330px) {
    html[data-skin="copper"] .s-top-x { font-size: 20px; max-width: 15em; }   
  }
  
  html[data-skin="copper"] .s-top .s-top-ph > img { filter: brightness(.94) saturate(.94); }
  html[data-skin="copper"] .s-top .s-top-ph::after { content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit; pointer-events: none;
    background: linear-gradient(0deg, rgba(60, 28, 12, .42), rgba(40, 22, 12, .12) 30%, rgba(22, 15, 11, 0) 50%); }
  @media (min-height: 981px) { html[data-skin="copper"] #top.s-top { min-height: min(100svh, 1080px); } }

  html[data-skin="copper"] .s-fw-card { --dawn-k: .8; --dawn-a: .9; padding: 8px;
    background: var(--c-dawn) 50% 100% / 100% 0% no-repeat, var(--c-sheet);
    transition: box-shadow .5s var(--c-ease), background-size .7s var(--c-ease); }
  html[data-skin="copper"] .s-fw-ph { border-radius: 20px; }
  html[data-skin="copper"] .s-fw-t { letter-spacing: -.016em; }
  @media (max-width: 1199.98px) {
    html[data-skin="copper"] .s-fw-body { padding-left: 16px; padding-right: 16px; }
    html[data-skin="copper"] .s-fw-t { font-size: clamp(13px, 7.2cqi, 22px); }
  }
  @media (hover: hover) {
    html[data-skin="copper"] .s-fw-card:hover { background-size: 100% 100%, auto; box-shadow: var(--c-edge-l), var(--c-lift-2), inset 0 -1.5px 0 rgba(232, 146, 92, .6); }
  }

  html[data-skin="copper"] .s-situations[data-mode="slide"] .s-sit-card:not(.s-sit-res) { background: var(--c-sheet); box-shadow: var(--c-edge-l), var(--c-lift-1); }
  html[data-skin="copper"] .s-sit-x { letter-spacing: -.026em; }
  html[data-skin="copper"] .s-sit-x.two-tone { color: var(--ink-2); }
  html[data-skin="copper"] .s-sit-ctl .counter { font-size: 15px; }
  html[data-skin="copper"] .s-sit-ctl .s-sit-of { color: var(--ink-3); }
  
  html[data-skin="copper"] .s-sit-art { --white: #FFFFFF; --canvas: #F4EEE6; }
  html[data-skin="copper"] .s-sit-ill--f { --sf-cud: #8A5431; }
  html[data-skin="copper"] .s-sit-ill--f .s-sit-f-t { box-shadow: inset 0 0 0 1px var(--c-line-l); }
  html[data-skin="copper"] .s-sit-ill--f .s-sit-f-v { letter-spacing: -.02em; }
  html[data-skin="copper"] .s-sit-ill--f :is(.s-sit-f-k, .s-sit-f-d > span, .s-sit-f-lg, .s-sit-f-v small, .s-sit-f-l3 small) { font-weight: 400; }
  html[data-skin="copper"] .s-sit-ill--f :is(.s-sit-f-lab.s-sit-f-lab--q, .s-sit-f-lab.s-sit-f-lab--e, .s-sit-f-cal2) { font-weight: 400; }
  
  html[data-skin="copper"] .s-sit-ill--f .s-sit-f-pw :is(.s-sit-f-k, .s-sit-f-d, .s-sit-f-nm, .s-sit-f-lg, .s-sit-f-l3 small) { font-size: 12px; }
  html[data-skin="copper"] .s-sit-ill--f .s-sit-f-v[style*="--fs:17px"] { font-size: 16px; }
  html[data-skin="copper"] .s-sit-ill--f .s-sit-f-v:is([style*="--fs:21px"], [style*="--fs:22px"]) { font-size: 20px; }
  html[data-skin="copper"] .s-sit-ill--f .s-sit-f-v[style*="--fs:28px"] { font-size: 24px; }
  
  html[data-skin="copper"] .s-sit-ill--f :is(.s-sit-f-cu, .s-sit-f-lg b.s-sit-f-cu) { color: var(--sf-cud); }
  html[data-skin="copper"] .s-sit-ill--f .s-sit-f-v.s-sit-f-cu:is([style*="--fs:24px"], [style*="--fs:28px"]) { color: var(--copper); }
  html[data-skin="copper"] .s-sit-ill--f .s-sit-f-old { color: var(--ink-2); }
  html[data-skin="copper"] .s-sit-ill--f .s-sit-f-chip--cu { background: color-mix(in srgb, var(--copper) 12%, var(--canvas)); color: var(--c-cu-ink); }
  html[data-skin="copper"] .s-sit-ill--f .s-sit-f-chip--cu::before { background: var(--c-hot); }
  html[data-skin="copper"] .s-sit-ill--f .s-sit-f-sw { border-radius: 50%; }
  
  html[data-skin="copper"] .s-sit-ill--f .s-sit-f-pw .s-sit-f-t:not(.s-sit-f-t--c):not(.s-sit-f-t--c1):not(.s-sit-f-t--s):not(.s-sit-f-t--m):not(.s-sit-f-t--p) { padding-top: max(15px, calc(16.2px / var(--kw, 1))); }
  html[data-skin="copper"] .s-sit-ill--f .s-sit-f-pw .s-sit-f-k.s-sit-f-at { top: max(var(--y), 15px, calc(16.5px / var(--kw, 1))); }
  html[data-skin="copper"] .s-sit-ill--f .s-sit-f-pw .s-sit-f-bt { left: max(14px, calc(14.3px / var(--kw, 1))); right: max(14px, calc(16.5px / var(--kw, 1))); bottom: max(14px, calc(16.5px / var(--kw, 1))); }
  html[data-skin="copper"] .s-sit-ill--f .s-sit-f-pw .s-sit-f-bt.s-sit-f-bt--lo { bottom: max(15px, calc(17px / var(--kw, 1))); }
  html[data-skin="copper"] .s-sit-ill--f .s-sit-f-pw .s-sit-f-bt.s-sit-f-bt--nr { right: max(15px, calc(17px / var(--kw, 1))); }
  
  html[data-skin="copper"] .s-sit-ill--f .s-sit-f-pw .s-sit-f-bt--lo .s-sit-f-v { font-size: 16px; }
  html[data-skin="copper"] .s-sit-ill--f .s-sit-f-pw .s-sit-f-l3 { top: calc(var(--y) - 5px); }
  html[data-skin="copper"] .s-sit-ill--f .s-sit-f-pw .s-sit-f-t--s { padding: 12px 0 0 16px; border-radius: 0; box-shadow: none;
    background: linear-gradient(var(--c-line-l2), var(--c-line-l2)) 16px 0 / calc(100% - 16px) 1px no-repeat; }   
  
  html[data-skin="copper"] .s-sit-ill--f .s-sit-f-pw .s-sit-f-bt--lo .s-sit-f-nm:not(.s-sit-f-wrap) { line-height: 1; }
  html[data-skin="copper"] .s-sit-ill--f .s-sit-f-pw .s-sit-f-bt--lo .s-sit-f-v { line-height: 1; }
  html[data-skin="copper"] .s-sit-ill--f .s-sit-f-pn .s-sit-f-li { top: calc(var(--y) * .892 + 4px); }
  html[data-skin="copper"] .s-sit-ill--f .s-sit-f-pn .s-sit-f-li1 { line-height: 15px; }
  html[data-skin="copper"] .s-sit-ill--f .s-sit-f-pn .s-sit-f-li2 { height: 15px; margin-top: 2px; }
  html[data-skin="copper"] .s-sit-ill--f .s-sit-f-pn .s-sit-f-li2 > b { line-height: 15px; }
  
  html[data-skin="copper"] .s-situations .s-sit-card.s-sit-res { --lit-k: .62; --lit-a: .9;
    border: 1px solid transparent; color: var(--c-pearl);
    background: linear-gradient(180deg, #1C130E 0%, #160F0B 100%), var(--c-edge-lit);
    background-origin: padding-box, border-box; background-clip: padding-box, border-box;
    box-shadow: var(--c-lit-in), var(--c-lift-dark); }
  html[data-skin="copper"] .s-situations[data-mode="slide"] .s-sit-res .s-sit-flow {
    -webkit-mask: linear-gradient(180deg, transparent var(--lt-a), #000 var(--lt-b)); mask: linear-gradient(180deg, transparent var(--lt-a), #000 var(--lt-b));
    transform-origin: 50% 100%; transform: scaleY(calc(.62 + .38 * var(--glow, 0))); opacity: calc(.6 + .4 * var(--glow, 0));
    background: radial-gradient(ellipse 58% 7% at 50% 100%, rgba(255, 214, 178, .55), rgba(255, 196, 150, .22) 50%, rgba(255, 196, 150, 0) 100%), var(--c-lit); }
  html[data-skin="copper"] .s-sit-res-t { font-weight: 500; font-size: max(34px, calc(var(--fs-h2) * var(--rt, 1))); line-height: 1.04; letter-spacing: -.034em; color: var(--c-pearl); }
  html[data-skin="copper"] .s-sit-res-p { font-size: var(--fs-lead); line-height: 1.45; letter-spacing: -.012em; color: var(--c-pearl-2); }
  html[data-skin="copper"] .s-sit-res.is-fit1 .s-sit-res-p { font-size: var(--fs-item); }

  html[data-skin="copper"] #about { --dawn-k: 1.35; --dawn-a: 1.1; position: relative; isolation: isolate; overflow: clip; margin-inline: 12px; padding-block: var(--p-sec); border-radius: 40px;
    background: var(--c-dawn), var(--c-sheet); box-shadow: var(--c-edge-l); }
  html[data-skin="copper"] #about > .wrap { position: relative; z-index: 1; max-width: calc(1440px - 24px); padding: 0 calc(var(--p-field) - 12px); }
  
  html[data-skin="copper"] #about::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; padding: 0 1.5px 1.5px; pointer-events: none;
    background: var(--c-thread-l) bottom / 100% 50% no-repeat;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
  html[data-skin="copper"] .s-about-dc { padding: 0 40px 0 0; background: none; box-shadow: none; }
  html[data-skin="copper"] .s-about-dpos { font-size: var(--fs-text); font-weight: 400; line-height: 1.4; color: var(--ink-2); }
  html[data-skin="copper"] .s-about-dpos .s-about-pg { color: var(--ink-2); }
  html[data-skin="copper"] .s-about-lk { color: var(--ink); }
  html[data-skin="copper"] .s-about-dc > .eyebrow { margin-bottom: 16px; }
  html[data-skin="copper"] .s-about-dh { font-weight: 500; font-size: var(--fs-h2); line-height: 1.04; letter-spacing: -.034em; }
  
  html[data-skin="copper"] #about .s-about-dh.two-tone { color: var(--c-cu-ink); }
  html[data-skin="copper"] #about .s-about-dh.two-tone b { color: var(--ink); }
  html[data-skin="copper"] .s-about-dph { border-radius: 28px; }
  html[data-skin="copper"] .s-about-dph::after { content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit; pointer-events: none;
    background: linear-gradient(0deg, rgba(120, 60, 24, .22), rgba(120, 60, 24, 0) 36%); }

  html[data-skin="copper"] .s-how-rn { background: var(--c-day); box-shadow: inset 0 0 0 1px var(--c-line-l2); color: var(--ink-3); font-size: var(--fs-label); font-weight: 500;
    transition: background-color var(--d2) var(--ease), color var(--d2) var(--ease), box-shadow var(--d2) var(--ease); }
  html[data-skin="copper"] .s-how-rn b { font-weight: 500; }
  html[data-skin="copper"] .s-how-ri.is-act .s-how-rn { background: radial-gradient(90% 70% at 50% 120%, rgba(244, 182, 132, .95), rgba(222, 132, 72, .45) 42%, rgba(34, 25, 19, 0) 74%), #221913;
    color: #F6EFE6; box-shadow: inset 0 -1px 0 rgba(255, 214, 178, .7), 0 10px 22px -10px rgba(222, 132, 72, .75); }
  html[data-skin="copper"] .s-how-ri.is-done .s-how-rn { background: var(--c-day); color: var(--c-cu-ink); box-shadow: inset 0 0 0 1px rgba(196, 122, 75, .45); }
  html[data-skin="copper"] .s-how-track { width: 1px; left: calc(var(--how-c) / 2 - .5px); background: linear-gradient(180deg, rgba(196, 122, 75, .12), rgba(196, 122, 75, .4) 50%, rgba(196, 122, 75, .12)); }
  html[data-skin="copper"] .s-how-fill { background: linear-gradient(180deg, #8A4F28, #C4703D); }
  html[data-skin="copper"] .s-how-rname { font-size: 15px; font-weight: 400; letter-spacing: -.006em; color: var(--ink-2); }
  html[data-skin="copper"] .s-how-ri.is-act .s-how-rname { font-weight: 500; color: var(--ink); }
  html[data-skin="copper"] .s-how-rwhen { font-size: var(--fs-label); font-weight: 400; color: var(--ink-3); }
  @media (min-width: 1200px) { html[data-skin="copper"] .s-how-rname { font-size: var(--fs-text); } }
  @media (hover: hover) {
    html[data-skin="copper"] .s-how-ra:hover .s-how-rname { color: var(--ink); }
    html[data-skin="copper"] .s-how-ri:not(.is-act) .s-how-ra:hover .s-how-rn { color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
  }
  html[data-skin="copper"] .s-how-body.is-pin .s-how-shell { background: var(--c-sheet); box-shadow: var(--c-edge-l), var(--c-lift-1); }
  html[data-skin="copper"] .s-how-card { --how-box: transparent; }
  html[data-skin="copper"][data-howhead="c"] .s-how-num { font-family: 'Fou Manrope Digits', var(--f); font-weight: 300; font-size: 56px; line-height: .86; letter-spacing: -.04em; color: var(--c-cu-ink); font-variant-numeric: tabular-nums lining-nums; }
  html[data-skin="copper"][data-howhead="c"] .s-how-name { font-weight: 500; font-size: var(--fs-h3); line-height: 1.18; letter-spacing: -.022em; }
  html[data-skin="copper"][data-howhead="c"] .s-how-value { font-weight: 400; font-size: var(--fs-h3); line-height: 1.25; letter-spacing: -.016em; color: var(--ink-2); }
  html[data-skin="copper"][data-howhead="c"] .s-how-value b { font-weight: 500; color: var(--tx); }
  html[data-skin="copper"] .s-how-box { padding: 20px 0 0; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--c-line-l); }
  html[data-skin="copper"] .s-how-lbl { font-size: var(--fs-label); font-weight: 500; letter-spacing: .01em; color: var(--ink-3); }
  html[data-skin="copper"] .s-how-inc li { font-size: var(--fs-item); font-weight: 400; line-height: 1.4; letter-spacing: -.004em; }
  html[data-skin="copper"] .s-how-inc li::before { background: var(--c-cu-ink); }
  html[data-skin="copper"] .s-how-avw { background: var(--c-sheet); }
  html[data-skin="copper"] .s-how-role { font-size: var(--fs-item); font-weight: 500; letter-spacing: -.004em; }
  html[data-skin="copper"] .s-how-role small { font-size: var(--fs-label); font-weight: 400; color: var(--ink-3); }
  
  html[data-skin="copper"] .s-how-term { padding: 20px 0 0 36px; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--c-line-l); }
  html[data-skin="copper"] .s-how-term::before { display: none; }
  html[data-skin="copper"] .s-how-term::after { top: 22px; left: 0; width: 20px; height: 20px; margin-top: 0; background: var(--c-cu-g); }
  html[data-skin="copper"] .s-how-term dd { font-size: var(--fs-item); font-weight: 400; line-height: 1.4; }
  html[data-skin="copper"] .s-how-term--t dd { font-weight: 500; }
  @container howc (min-width: 600px) and (max-width: 859.98px) {
    html[data-skin="copper"] .s-how-term { padding: 52px 0 0; }
    html[data-skin="copper"] .s-how-term::after { top: 20px; left: 0; }
    html[data-skin="copper"] .s-how-body.is-pin.is-dtight .s-how-term { padding: 48px 0 0; }
    html[data-skin="copper"] .s-how-body.is-pin.is-dtight .s-how-term::after { top: 16px; left: 0; }
  }
  @container howc (min-width: 600px) {
    html[data-skin="copper"] .s-how-body.is-pin.is-dtight .s-how-box { padding: 16px 0 0; }
    html[data-skin="copper"] .s-how-body.is-pin.is-dtight .s-how-term { padding: 16px 0 0 36px; }
    html[data-skin="copper"] .s-how-body.is-pin.is-dtight .s-how-term::after { top: 17px; left: 0; }
    html[data-skin="copper"] .s-how-body.is-pin.is-dtight2 .s-how-box { padding: 14px 0 0; }
    html[data-skin="copper"] .s-how-body.is-pin.is-dtight2 .s-how-term { padding: 14px 0 0; }
  }

  html[data-skin="copper"] #who { position: relative; isolation: isolate; overflow: clip; margin-inline: 12px; padding-block: var(--p-sec); border-radius: 40px;
    background: linear-gradient(180deg, #1C130E 0%, #160F0B 100%); }
  html[data-skin="copper"] #who > .wrap { position: relative; z-index: 1; max-width: calc(1440px - 24px); padding: 0 calc(var(--p-field) - 12px); }
  html[data-skin="copper"] #who::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; padding: 1.5px 1.5px 0; pointer-events: none;
    background: var(--c-thread-d) top / 100% 50% no-repeat;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
  html[data-skin="copper"] #who::after { content: ""; position: absolute; left: 18%; right: 18%; top: -24px; height: 108px; z-index: 0; pointer-events: none;
    background: radial-gradient(ellipse 50% 50% at 50% 22%, rgba(255, 214, 178, .24), rgba(221, 162, 115, .07) 45%, rgba(221, 162, 115, 0) 72%); filter: blur(10px); }
  html[data-skin="copper"] .s-who-dk-head .eyebrow { color: var(--c-pearl-2); }
  html[data-skin="copper"] .s-who-dk-h { font-weight: 500; letter-spacing: -.034em; color: var(--c-pearl); }
  html[data-skin="copper"] .s-who-dk-sub { max-width: 64ch; margin-top: 16px; color: var(--c-pearl-2); }
  
  html[data-skin="copper"] .s-who-dk.is-car:not(.is-tight) .s-who-dk-stack { margin-top: 40px; }
  html[data-skin="copper"] .s-who-dk.is-car:not(.is-tight) .s-who-dk-foot { margin-top: 20px; }
  html[data-skin="copper"][data-dk="now"] .s-who-dk.is-car:not(.is-tight) { --s-who-dk-rh: 52px; --s-who-dk-g: 8px; }
  
  html[data-skin="copper"] #who > .wrap::after { content: ""; position: sticky; bottom: 0; z-index: -1; display: block; width: 100vw; height: 52svh;
    margin: calc(var(--p-sec) - 52svh) 0 calc(-1 * var(--p-sec)) calc(50% - 50vw); pointer-events: none;
    background: linear-gradient(0deg, rgb(244 182 132 / 0.71) 0%, rgb(222 132 72 / 0.681) 4.56%, rgb(186 96 46 / 0.651) 12.35%, rgb(150 70 32 / 0.577) 22.8%, rgb(116 50 21 / 0.444) 34.2%, rgb(80 35 16 / 0.281) 45.6%, rgb(44 21 11 / 0.126) 57%, rgb(20 13 9 / 0.037) 68.4%, rgb(12 10 9 / 0) 79.8%);   
    -webkit-mask: radial-gradient(ellipse 46% 100% at 50% 100%, #000 0%, rgba(0, 0, 0, .9) 30%, rgba(0, 0, 0, .45) 62%, transparent 100%);
    mask: radial-gradient(ellipse 46% 100% at 50% 100%, #000 0%, rgba(0, 0, 0, .9) 30%, rgba(0, 0, 0, .45) 62%, transparent 100%); }
  
  @supports (animation-timeline: view()) {
    html[data-skin="copper"] #who > .wrap { view-timeline: --cu-wd block; }
    html[data-skin="copper"] #who > .wrap::after { animation: cu-who-set linear both; animation-timeline: --cu-wd;
      animation-range: contain calc(100% - 2.5 * (var(--p-sec) + 48px)) contain 100%; }
  }
  @keyframes cu-who-set { 0%, 100% { translate: 0 0; } 60% { translate: 0 calc(var(--p-sec) + 48px); } }
  
  html[data-skin="copper"] #who .bridge { color: var(--c-pearl-2); }
  
  html[data-skin="copper"] .s-who-dk-box { --s-who-dk-ib: var(--canvas); background: var(--c-sheet-e); box-shadow: inset 0 -1.5px 0 rgba(232, 146, 92, .5); }
  html[data-skin="copper"][data-dk="c"] .s-who-dk.is-car .s-who-dk-box {
    background: color-mix(in srgb, var(--c-sheet-e) calc(clamp(0, (var(--s-who-dk-x, 0) - .3) * 2.5, 1) * 100%), var(--c-glass-d));
    box-shadow: inset 0 1px 0 rgba(235, 178, 131, calc(.4 * (1 - var(--s-who-dk-x, 0)))), inset 0 0 0 1px rgba(246, 239, 230, calc(.12 * (1 - var(--s-who-dk-x, 0)))), inset 0 -1.5px 0 rgba(232, 146, 92, calc(.5 * var(--s-who-dk-x, 0)));
  }
  
  html[data-skin="copper"][data-dk="c"] .s-who-dk.is-car .s-who-dk-hd { opacity: clamp(0, calc((var(--s-who-dk-x, 0) - .45) * 4), 1); }
  html[data-skin="copper"] .s-who-dk.is-car .s-who-dk-it::before { box-shadow: 0 40px 70px -36px rgba(8, 5, 3, .7); }
  html[data-skin="copper"] .s-who-dk-pb i { background: rgba(246, 239, 230, .24); }
  html[data-skin="copper"] .s-who-dk-pb.is-past i { background: rgba(246, 239, 230, .4); }
  html[data-skin="copper"] .s-who-dk-pb i::after { background: var(--c-pearl); }
  html[data-skin="copper"] .s-who-dk-pb:focus-visible i { outline-color: var(--c-amber); }
  @media (hover: hover) { html[data-skin="copper"] .s-who-dk-pb:not(.is-on):hover i { background: rgba(246, 239, 230, .55); } }
  html[data-skin="copper"] .s-who-dk-ic { color: var(--c-cu-ink); }
  html[data-skin="copper"] .s-who-dk-ht { letter-spacing: -.012em; }
  
  html[data-skin="copper"] .s-who-p--dk { --k-tile: var(--canvas); --dv-trk: rgba(34, 25, 19, .08); padding-left: 0; padding-right: 0; background: none; }
  html[data-skin="copper"] :is(.s-who-kg-i, .s-who-kt-m, .s-who-ks-d, .s-who-kr-cap, .s-who-kr-t, .s-who-kl-m, .s-who-kl-t, .s-who-kk-sum) { border-radius: 16px; }
  html[data-skin="copper"] :is(.s-who-kg-ic, .s-who-kg-who, .s-who-kt-m .s-who-avx) { background: var(--white); }
  html[data-skin="copper"] .s-who-kg-bar i { background: linear-gradient(90deg, #8A4F28, #C4703D); }
  
  html[data-skin="copper"] .s-who-ks { --ks4: var(--ink-2); --ks5: var(--ink); }
  html[data-skin="copper"] :is(.s-who-kl-t--in, .s-who-kl-t--inv) { --kl-c: var(--ink); }
  html[data-skin="copper"] .s-who-kl-t--out { --kl-c: var(--c-cu-ink); }
  html[data-skin="copper"] .s-who-kl-p { color: var(--ink-2); }
  html[data-skin="copper"] .s-who-kl-bar i { background: var(--ink); }
  html[data-skin="copper"] .s-who-kr-rec { padding-left: 0; padding-right: 0; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--line); }
  html[data-skin="copper"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-rec { padding-left: 0; padding-right: 0; }
  html[data-skin="copper"] .s-who-kr-rw { color: var(--ink); }
  html[data-skin="copper"] .s-who-kr-go { background: var(--c-field); color: var(--c-cu-ink); box-shadow: inset 0 0 0 1px var(--line); }
  html[data-skin="copper"] .s-who-kr-sv .l { stroke: var(--c-cu-ink); }
  html[data-skin="copper"] .s-who-kr-dot { background: var(--c-cu-ink); box-shadow: 0 0 0 1.5px var(--white), 0 0 10px rgba(222, 132, 72, .7); }
  html[data-skin="copper"] .s-who-kk-ring circle.on { stroke: var(--c-cu-ink); }
  html[data-skin="copper"] .s-who-kk-list .is-done .s-who-kk-s { background: var(--c-cu-ink); color: #FFF7EE; }
  html[data-skin="copper"] .s-who-kk-list .is-next .s-who-kk-s { box-shadow: inset 0 0 0 1.5px rgba(34, 25, 19, .24); color: var(--ink-2); }
  html[data-skin="copper"] .s-who-dk-tick { background: var(--c-cu-ink); color: #FFF7EE; }
  
  html[data-skin="copper"] .s-who-kk { column-gap: 24px; }
  html[data-skin="copper"] .s-who-kk-list { align-content: center; gap: 0; padding: 0; border-radius: 0; background: none; }
  
  html[data-skin="copper"] .s-who-kk-list > li { padding: 7px 0 8px; border-radius: 0; background: none; }
  html[data-skin="copper"] .s-who-kk-list > li + li { box-shadow: inset 0 1px 0 var(--line); }
  html[data-skin="copper"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk { column-gap: 12px; }
  html[data-skin="copper"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-list { gap: 0; padding: 4px 14px 4px 12px; border-radius: 16px; background: var(--k-tile); }
  html[data-skin="copper"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-list > li { padding: 12px 0; }
  html[data-skin="copper"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-list .s-who-avw { --ph-size: 34px; }
  html[data-skin="copper"] .s-who-dk.is-tight .s-who-kk-list { gap: 0; }
  html[data-skin="copper"] .s-who-dk.is-tight .s-who-kk-list > li { padding-block: 6px; }
  html[data-skin="copper"] .s-who-dk.is-tight2 .s-who-kk-list > li { padding-block: 4px; }
  html[data-skin="copper"] .s-who-kr { column-gap: 24px; }
  html[data-skin="copper"] .s-who-kr-t:not(.s-who-kr-cap) { position: relative; padding-left: 0; padding-right: 0; border-radius: 0; background: none; }
  html[data-skin="copper"] .s-who-kr-t:not(.s-who-kr-cap) + .s-who-kr-t::before { content: ""; position: absolute; left: 0; right: 0; top: -5.5px; height: 1px; background: var(--line); }
  html[data-skin="copper"] .s-who-dk.is-tight .s-who-kr-cap { padding-top: 16px; }
  html[data-skin="copper"] .s-who-kt-m { padding-top: 15px; padding-bottom: 15px; }
  html[data-skin="copper"] .s-who-dk.is-tight .s-who-kt-m { padding-top: 15px; padding-bottom: 15px; }
  html[data-skin="copper"] .s-who-ks-d { padding-top: 16px; }
  html[data-skin="copper"] .s-who-dk.is-tight .s-who-ks-d { padding-top: 16px; padding-bottom: 16px; }
  html[data-skin="copper"] .s-who-kr-cap { padding-top: 16px; }
  html[data-skin="copper"] .s-who-kl-m { padding-top: 16px; padding-bottom: 17px; }
  html[data-skin="copper"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kl-m { padding-top: 16px; padding-bottom: 18px; }
  html[data-skin="copper"] .s-who-kl-t { padding-top: 16px; padding-bottom: 15px; }
  
  html[data-skin="copper"]:not([data-dk="c"]) .s-who-dk:not(.is-tight) .s-who-p--kl { padding-top: 14px; padding-bottom: 14px; }
  html[data-skin="copper"] .s-who-dk.is-tight :is(.s-who-kl-m, .s-who-kl-t) { padding-top: 17px; padding-bottom: 17px; }
  
  html[data-skin="copper"]:not([data-dk="c"]) .s-who-kt-m { --ph-size: 38px; gap: 10px; }
  html[data-skin="copper"] .s-who-dk.is-tight .s-who-kg-i { padding-bottom: 16px; }
  html[data-skin="copper"] .s-who-dk.is-tight .s-who-p--kl { padding-top: 4px; padding-bottom: 4px; }
  html[data-skin="copper"] .s-who-kl-tx li > span { white-space: normal; }
  @container swhop (max-width: 619.98px) {
    html[data-skin="copper"] .s-who-kg-t { flex-direction: column; align-items: flex-start; gap: 2px; }
  }
  
  html[data-skin="copper"] .s-who-dk-rv b { font-size: 16px; }
  html[data-skin="copper"] :is(.s-who-kg-pc, .s-who-kr-d, .s-who-kl-k) { font-size: 12px; }
  html[data-skin="copper"] .s-who-kg-t b { font-size: 13px; }
  html[data-skin="copper"] .s-who-kk-ring { --kk-n: 24px; }
  html[data-skin="copper"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) :is(.s-who-kg-who, .s-who-kg-sum, .s-who-kg-t > span, .s-who-ks-th dt) { font-size: 12px; }
  html[data-skin="copper"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) :is(.s-who-kg-n, .s-who-ks-th dd, .s-who-kr-rw) { font-size: 16px; }
  html[data-skin="copper"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) :is(.s-who-kg-t b, .s-who-kt-tx b) { font-size: 14px; }
  html[data-skin="copper"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) :is(.s-who-kl-v, .s-who-kl-s) { font-size: 24px; }
  html[data-skin="copper"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-cap .s-who-kr-v { font-size: 32px; }
  html[data-skin="copper"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-d { font-size: 13px; }
  html[data-skin="copper"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-v { font-size: 20px; }
  html[data-skin="copper"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-ring { --kk-n: 32px; }
  html[data-skin="copper"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-t b { font-size: 15px; }
  html[data-skin="copper"] .s-who-dk.is-tight .s-who-kr-cap .s-who-kr-v { font-size: 24px; }
  html[data-skin="copper"] .s-who-dk.is-tight .s-who-kk-ring { --kk-n: 24px; }
  html[data-skin="copper"] .s-who-kk-c b span { font-size: 13px; }
  html[data-skin="copper"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-c b span { font-size: 16px; }
  @container swhop (min-width: 480px) and (max-width: 619.98px) {
    html[data-skin="copper"] .s-who-kl-s { font-size: 20px; }
  }

  html[data-skin="copper"] .s-team-ph { border-radius: 28px; }
  html[data-skin="copper"] .s-team-role { left: 12px; bottom: 12px; max-width: calc(100% - 24px); min-height: 32px; padding: 7px 12px; background: var(--c-sheet); color: var(--ink); box-shadow: var(--c-lift-pill); font-size: var(--fs-label); font-weight: 500; letter-spacing: 0; line-height: 1.3; }
  @media (max-width: 1439.98px) { html[data-skin="copper"] .s-team-role { font-size: 12px; } }
  @media (max-width: 1365.98px) { html[data-skin="copper"] .s-team-role { left: 8px; bottom: 8px; max-width: calc(100% - 16px); } }
  html[data-skin="copper"] .s-team-ext { background: var(--c-sheet); box-shadow: var(--c-edge-l), var(--c-lift-1); transition: box-shadow .5s var(--c-ease); }
  html[data-skin="copper"] .s-team-p--ext .s-team-role { background: var(--c-tint-l); box-shadow: none; color: var(--ink-2); }
  html[data-skin="copper"] .s-team-ext-ico { position: relative; width: 64px; height: 64px; background: none; color: var(--c-cu-g); }
  html[data-skin="copper"] .s-team-ext-ico svg { width: 24px; height: 24px; }
  html[data-skin="copper"] .s-team-ext-ico::before { content: ""; position: absolute; inset: -28px; border-radius: 50%; box-shadow: inset 0 0 0 1px var(--c-line-l); pointer-events: none;
    background: radial-gradient(circle at 85.4% 14.6%, #DE8448 0 2.5px, rgba(222, 132, 72, .25) 3.5px, transparent 7px); }
  html[data-skin="copper"] .s-team-ext-ico::after { content: ""; position: absolute; inset: 0; border-radius: 50%; box-shadow: inset 0 0 0 1px var(--c-line-l2); pointer-events: none;
    background: radial-gradient(circle at 0% 50%, #DE8448 0 2px, rgba(222, 132, 72, .2) 3px, transparent 6px); }
  html[data-skin="copper"] .s-team-more { transition: box-shadow .5s var(--c-ease); }
  html[data-skin="copper"] .s-team-more-ico { background: none; color: var(--c-cu-g); }
  html[data-skin="copper"] .s-team-more-ico svg { width: 26px; height: 26px; }
  html[data-skin="copper"] .s-team-more-t { font-weight: 500; font-size: var(--fs-lead); line-height: 1.25; letter-spacing: -.016em; }
  @media (hover: hover) { html[data-skin="copper"] :is(.s-team-ext, .s-team-more):hover { box-shadow: var(--c-edge-l), var(--c-lift-2); } }

  html[data-skin="copper"] .s-trust .s-trust-bento { column-gap: 32px; }
  html[data-skin="copper"] .s-trust-tile { row-gap: 32px; padding: 28px 24px 24px 0; overflow: visible; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--c-line-l); }
  html[data-skin="copper"] .s-trust-ico { width: 28px; height: 28px; place-items: start; border-radius: 0; background: none; color: var(--c-cu-g); }
  html[data-skin="copper"] .s-trust-ico svg { width: 28px; height: 28px; }
  html[data-skin="copper"] .s-trust-name { font-weight: 500; font-size: var(--fs-h3); line-height: 1.18; letter-spacing: -.022em; }
  html[data-skin="copper"] .s-trust-text { font-size: var(--fs-item); font-weight: 400; line-height: 1.5; color: var(--ink-2); }
  html[data-skin="copper"] .s-trust-fam { --lit-k: .7; --lit-a: .8; border: 1px solid transparent;
    background: linear-gradient(180deg, #1C130E 0%, #160F0B 100%), var(--c-edge-lit);
    background-origin: padding-box, border-box; background-clip: padding-box, border-box; box-shadow: var(--c-lift-dark); }
  
  html[data-skin="copper"] .s-trust-fam::after { background: linear-gradient(180deg, rgba(28, 19, 14, .32) 0%, rgba(28, 19, 14, .55) 45%, rgba(22, 15, 11, .84) 100%); }
  html[data-skin="copper"] .s-trust-fam--ph::before { background: var(--c-lit); mix-blend-mode: normal; opacity: 1; -webkit-mask-image: none; mask-image: none; }
  html[data-skin="copper"] .s-trust-label { font-size: var(--fs-lead); font-weight: 400; line-height: 1.4; letter-spacing: -.012em; color: var(--c-pearl); }
  html[data-skin="copper"] .s-trust-digit { font-family: 'Fou Manrope Digits', var(--f); font-weight: 300; font-size: var(--fs-digit); line-height: .8; letter-spacing: -.05em; color: var(--c-pearl); }
  html[data-skin="copper"] .s-trust-unit { font-weight: 500; font-size: 32px; letter-spacing: -.026em; color: var(--c-pearl); }

  html.js[data-skin="copper"][data-cmp="c"] .s-compare-lab-t { font-weight: 500; font-size: var(--fs-lead); line-height: 1.25; letter-spacing: -.016em; }
  html.js[data-skin="copper"][data-cmp="c"] .s-compare-lab-s { font-size: 14px; font-weight: 400; line-height: 1.45; color: var(--ink-3); }
  html.js[data-skin="copper"][data-cmp="c"] .s-compare { --s-compare-tab-bg: color-mix(in srgb, #FFFFFF 50%, #F4EEE6); }
  
  html.js[data-skin="copper"][data-cmp="c"] .s-compare-chip { padding-bottom: 15px; border-radius: 20px; color: var(--ink-3); font-size: var(--fs-label); font-weight: 500; }
  html.js[data-skin="copper"][data-cmp="c"] .s-compare-chip[aria-pressed="true"] { color: var(--ink); }
  html.js[data-skin="copper"][data-cmp="c"] .s-compare-ci { color: var(--ink-3); }
  html.js[data-skin="copper"][data-cmp="c"] .s-compare-th { border-radius: 20px 20px 0 0; background: var(--c-sheet); }
  html.js[data-skin="copper"][data-cmp="c"] .s-compare-th::before { background: radial-gradient(circle at 0 0, transparent calc(var(--s-compare-fr, 8px) - .5px), var(--c-sheet) var(--s-compare-fr, 8px)); }
  html.js[data-skin="copper"][data-cmp="c"] .s-compare-th::after { background: radial-gradient(circle at 100% 0, transparent calc(var(--s-compare-fr, 8px) - .5px), var(--c-sheet) var(--s-compare-fr, 8px)); }
  html.js[data-skin="copper"][data-cmp="c"] .s-compare-cl { color: var(--ink); }
  html.js[data-skin="copper"][data-cmp="c"] .s-compare-cl .s-compare-ci { color: var(--c-cu-g); }
  @media (max-width: 1199.98px) { html.js[data-skin="copper"][data-cmp="c"] .s-compare-chip { font-size: 12px; } }
  @media (hover: hover) { html.js[data-skin="copper"][data-cmp="c"] .s-compare-chip:not([aria-pressed="true"]):hover { background: color-mix(in srgb, #221913 4%, var(--s-compare-tab-bg)); } }
  
  html.js[data-skin="copper"][data-cmp="c"]:is([data-cmpfx="b"], [data-cmpfx="c"], [data-cmpfx="d"]) .s-compare.is-pin .s-compare-tp { display: none; }
  html[data-skin="copper"] .s-compare-alt { background: var(--c-sheet); box-shadow: var(--c-lift-1); }
  html[data-skin="copper"] .s-compare-fou { --lit-k: .3; --lit-a: .55; border-radius: 0 0 var(--r-lg) var(--r-lg);
    background: var(--c-lit), linear-gradient(180deg, #1C130E 0%, #160F0B 100%); box-shadow: var(--c-lift-dark), inset 0 -1.5px 0 rgba(255, 214, 178, .6); }
  html.js[data-skin="copper"][data-cmp="c"] .s-compare-ft { background: #1C130E; color: var(--c-pearl); }
  html[data-skin="copper"] .s-compare-ft::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; padding: 1.5px 1.5px 0; pointer-events: none;
    background: var(--c-thread-d) top / 100% 50% no-repeat;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
  html[data-skin="copper"] .s-compare-ft > * { position: relative; z-index: 1; }
  html[data-skin="copper"] .s-compare-brand { color: var(--c-pearl); }
  html[data-skin="copper"] .s-compare-ft .s-compare-fs { font-size: var(--fs-label); font-weight: 400; color: var(--c-pearl-3); }
  html[data-skin="copper"] .s-compare-ki { background: none; color: var(--c-cu-g); }
  html[data-skin="copper"] .s-compare-k { font-size: var(--fs-item); font-weight: 500; letter-spacing: -.004em; }
  html[data-skin="copper"] .s-compare-c { font-size: var(--fs-item); font-weight: 400; letter-spacing: -.004em; }
  html[data-skin="copper"] .s-compare-f { font-size: var(--fs-item); font-weight: 400; color: var(--c-pearl-2); }
  html[data-skin="copper"] .s-compare-f b { font-weight: 500; color: var(--c-pearl); }
  html[data-skin="copper"] .s-compare-ok { background: var(--c-amber); color: #221913; }
  html[data-skin="copper"] .s-compare-yn.is-yes { background: #221913; color: #F6EFE6; }
  html[data-skin="copper"] .s-compare-yn.is-no { background: rgba(34, 25, 19, .06); color: var(--ink-3); }
  html[data-skin="copper"] .s-compare-vi { box-shadow: 0 1px 2px rgba(34, 25, 19, .08); }
  html[data-skin="copper"] .s-compare-r + .s-compare-r > *::before { background: var(--c-line-l); }
  html[data-skin="copper"] .s-compare-r + .s-compare-r > .s-compare-f::before { background: var(--c-line-d); }
  html[data-skin="copper"] .s-compare-cost i { box-shadow: inset 0 0 0 1.5px rgba(34, 25, 19, .22); }
  html[data-skin="copper"] .s-compare-cost i.is-on { background: var(--c-cu-g); box-shadow: none; }
  html[data-skin="copper"] .s-compare-f .s-compare-cost i:not(.is-on) { box-shadow: inset 0 0 0 1.5px rgba(246, 239, 230, .3); }
  html[data-skin="copper"] .s-compare-f .s-compare-cost i.is-on { background: var(--c-amber); }
  html[data-skin="copper"] .s-compare-note { font-size: var(--fs-label); color: var(--ink-3); }
  @media (max-height: 860px) {
    html[data-skin="copper"] .s-compare-head { margin-bottom: var(--head-gap-tight); }
    html[data-skin="copper"] .s-compare-head .sec-sub { margin-top: 16px; }
  }

  html[data-skin="copper"] .s-strategy-card { --lit-k: .16; --lit-a: 1; border: 1px solid transparent;
    background: linear-gradient(180deg, #1C130E 0%, #160F0B 100%), var(--c-edge-lit);
    background-origin: padding-box, border-box; background-clip: padding-box, border-box; box-shadow: var(--c-lit-in), var(--c-lift-dark); }
  html[data-skin="copper"] .s-strategy-card > .s-strategy-glow { opacity: var(--k, .75);
    background: radial-gradient(ellipse 60% 7% at 50% 100%, rgba(255, 214, 178, .6), rgba(255, 196, 150, .24) 50%, rgba(255, 196, 150, 0) 100%), var(--c-lit); }
  html[data-skin="copper"] .s-strategy-card .s-strategy-tag { font-weight: 500; color: var(--c-pearl-2); }
  html[data-skin="copper"] .s-strategy-title { font-weight: 500; font-size: var(--fs-h2); line-height: 1.04; letter-spacing: -.034em; color: var(--c-pearl); }
  html[data-skin="copper"] .s-strategy-sub { font-size: 18px; font-weight: 400; line-height: 1.45; letter-spacing: -.012em; color: var(--c-pearl-2); }
  html[data-skin="copper"] .s-strategy-goal { stroke: rgba(246, 239, 230, .16); }
  html[data-skin="copper"] .s-strategy-track { stroke: rgba(221, 162, 115, .2); }
  html[data-skin="copper"] .s-strategy-line { stroke: var(--c-cu-t); stroke-width: 1.5; }
  html[data-skin="copper"] .s-strategy-node { background: #1C130E; border-color: rgba(221, 162, 115, .6); }
  html[data-skin="copper"] .s-strategy-node.is-on { background: var(--c-amber); border-color: var(--c-amber); }
  html[data-skin="copper"] .s-strategy-tip { background: var(--c-core); outline-color: rgba(235, 178, 131, .14); box-shadow: 0 0 16px rgba(255, 196, 150, .7); }
  html[data-skin="copper"] .s-strategy-tip.is-goal { background: var(--c-core); outline-color: rgba(235, 178, 131, .14); }
  html[data-skin="copper"] .s-strategy-tip::after { background: radial-gradient(closest-side, rgba(255, 196, 150, .4), transparent); }
  html[data-skin="copper"] .s-strategy-price { font-size: 14px; font-weight: 400; line-height: 1.45; color: var(--c-pearl-2); }
  
  html[data-skin="copper"] .s-strategy-tile { background: var(--c-sheet); box-shadow: var(--c-edge-l), var(--c-lift-1); }
  html[data-skin="copper"] .s-strategy-n { background: #221913; color: #F6EFE6; font-size: var(--fs-label); font-weight: 500; }
  html[data-skin="copper"] .is-pin .s-strategy-st:not(.is-now):not(.is-done) .s-strategy-n { background: var(--c-sheet); box-shadow: inset 0 0 0 1px var(--c-line-l2); color: var(--ink-2); }
  html[data-skin="copper"] .is-pin .s-strategy-st.is-now .s-strategy-n { background: radial-gradient(90% 70% at 50% 120%, rgba(244, 182, 132, .95), rgba(222, 132, 72, .45) 42%, rgba(34, 25, 19, 0) 74%), #221913;
    color: #F6EFE6; box-shadow: inset 0 -1px 0 rgba(255, 214, 178, .7), 0 10px 22px -10px rgba(222, 132, 72, .75); }
  html[data-skin="copper"] .s-strategy-st:not(:last-child)::before { background: rgba(196, 122, 75, .25); }
  html[data-skin="copper"] .s-strategy-st:not(:last-child)::after { background: linear-gradient(180deg, #8A4F28, #C4703D); }
  html[data-skin="copper"] .s-strategy-st h3 { font-weight: 500; letter-spacing: -.022em; }
  html[data-skin="copper"] .is-pin .s-strategy-st:not(.is-now) h3 { color: var(--ink-2); }
  html[data-skin="copper"] .s-strategy-tx p { color: var(--ink-2); }
  html[data-skin="copper"] .is-pin .s-strategy-st.is-now .s-strategy-tx p { color: var(--ink); }
  @media (min-width: 1200px) { html[data-skin="copper"] .s-strategy-tx p { font-size: 16px; } }   

  html[data-skin="copper"] .s-faq-panel { gap: 0; }
  html[data-skin="copper"] .s-faq-q { border-radius: 0; background: none; box-shadow: inset 0 -1px 0 var(--c-line-l); }
  html[data-skin="copper"] .s-faq-q:has(> .s-faq-s:focus-visible) { outline-color: #9A5A30; }
  html[data-skin="copper"] .s-faq-s { border-radius: 0; }
  html[data-skin="copper"] :is(.s-faq-ico, .s-faq-q[open]:not(.is-closing) .s-faq-ico) { width: 28px; height: 28px; border-radius: 0; background: none; color: var(--c-cu-g); }
  html[data-skin="copper"] .s-faq-qt { font-size: 18px; font-weight: 500; line-height: 1.3; letter-spacing: -.012em; }
  html[data-skin="copper"] .s-faq-chev { color: var(--ink-3); }
  html[data-skin="copper"] .s-faq-q[open]:not(.is-closing) .s-faq-chev { color: var(--ink); }
  html[data-skin="copper"] .s-faq-at { max-width: calc(62ch + 60px); padding-left: 60px; font-size: var(--fs-text); line-height: 1.55; color: var(--ink-2); }
  html[data-skin="copper"] .s-faq-write { color: var(--ink); text-decoration-thickness: 1px; text-underline-offset: .28em; text-decoration-color: rgba(196, 122, 75, .55); }
  @media (hover: hover) {
    html[data-skin="copper"] .s-faq-s:hover .s-faq-chev { background: var(--c-tint-l); }
    html[data-skin="copper"] .s-faq-write:hover { text-decoration-color: #C4703D; }
  }

  html[data-skin="copper"] .s-meet-flow { display: none; }
  html[data-skin="copper"] .s-meet-grid > .s-meet-card { --lit-k: 1; --lit-a: 1;
    border: 1px solid transparent; color: var(--c-pearl);
    background: var(--c-lit), linear-gradient(180deg, #1C130E 0%, #160F0B 100%), var(--c-edge-lit);
    background-origin: padding-box, padding-box, border-box; background-clip: padding-box, padding-box, border-box;
    box-shadow: var(--c-lit-in), var(--c-sun-out); }
  html[data-skin="copper"] .s-meet-card { min-height: clamp(360px, calc(var(--meet-h, 404px) - 8px), 640px); }
  html[data-skin="copper"] .s-meet-t { font-weight: 500; font-size: var(--c-disp); line-height: 1.02; letter-spacing: -.036em; color: var(--c-pearl); }
  html[data-skin="copper"] .s-meet-text { margin-top: 24px; max-width: 25em; font-size: var(--fs-lead); font-weight: 400; line-height: 1.45; letter-spacing: -.012em; color: var(--c-pearl-2); }
  html[data-skin="copper"] .s-meet-act { margin-top: 40px; }
  html[data-skin="copper"] .s-meet-ph { border-radius: 28px; }

  html[data-skin="copper"] .ft { padding: 48px 12px 12px; }
  html[data-skin="copper"] .ft > .wrap { max-width: none; padding: 0; }
  html[data-skin="copper"] .ft-card { padding: 48px calc(var(--p-field) - 12px) 32px; border-radius: 40px; background: var(--c-sheet); color: var(--ink); box-shadow: var(--c-edge-l); }
  html[data-skin="copper"] .ft-card::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; padding: 1.5px 1.5px 0; pointer-events: none;
    background: var(--c-thread-l) top / 100% 50% no-repeat;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
  html[data-skin="copper"] .ft-card > * { position: relative; z-index: 1; max-width: calc(1440px - 2 * var(--p-field)); margin-inline: auto; }
  html[data-skin="copper"] .ft-slogan { font-size: var(--fs-text); font-weight: 400; letter-spacing: -.005em; color: var(--ink); }
  html[data-skin="copper"] .ft-tag { font-size: 14px; font-weight: 400; letter-spacing: 0; color: var(--ink-3); }
  html[data-skin="copper"] .ft-con { padding: 22px 24px 24px; border: 0; border-radius: 28px; box-shadow: inset 0 0 0 1px var(--c-line-l); }
  html[data-skin="copper"] .ft-ph { font-size: 16px; font-weight: 500; letter-spacing: -.005em; color: var(--ink); }
  html[data-skin="copper"] .ft-pt { font-size: 14px; font-weight: 400; color: var(--ink-2); }
  html[data-skin="copper"] :is(.ft-ln, .ft-doc) { color: var(--ink); text-decoration-thickness: 1px; text-underline-offset: .28em; text-decoration-color: rgba(196, 122, 75, .5); }
  html[data-skin="copper"] .ft-doc { font-size: var(--fs-label); }
  html[data-skin="copper"] .ft-doc:not([href]) { color: var(--ink-2); text-decoration-color: rgba(34, 25, 19, .2); }
  html[data-skin="copper"] .ft-fine { margin-top: 48px; padding-top: 0; border-top: 0; }
  html[data-skin="copper"] .ft-legal { font-size: 12px; color: var(--ink-3); }
  html[data-skin="copper"] footer.ft .ft-up { background: none; color: var(--ink); box-shadow: inset 0 0 0 1px var(--c-line-btn); }
  @media (hover: hover) {
    html[data-skin="copper"] :is(.ft-ln, .ft-doc[href]):hover { opacity: 1; text-decoration-color: #C4703D; }
    html[data-skin="copper"] footer.ft .ft-up:hover { background: radial-gradient(90% 70% at 50% 120%, rgba(235, 150, 90, .8), rgba(222, 132, 72, .3) 45%, rgba(34, 25, 19, 0) 75%), #221913; color: #F6EFE6; box-shadow: none; }
  }

  @media (max-height: 859.98px) {
    html[data-skin="copper"] .ft { padding-top: 32px; }
    html[data-skin="copper"] .ft-card { padding-top: 36px; padding-bottom: 24px; }
    html[data-skin="copper"] .ft-fine { margin-top: 32px; }
    html[data-skin="copper"] .s-meet-card { min-height: clamp(260px, calc(var(--meet-h, 404px) - 8px), 640px); padding-top: 32px; padding-bottom: 32px; }
  }
  @media (max-height: 759.98px) {
    html[data-skin="copper"] .ft-card { padding-top: 32px; padding-bottom: 16px; }
    html[data-skin="copper"] .ft-fine { margin-top: 24px; }
  }
}

@media (min-width: 1024px) {

  html[data-skin="duskcu"] {
    
    --dusk: #1C130E; --dusk-2: #241912; --dusk-bg: linear-gradient(180deg, #1C130E 0%, #160F0B 100%);
    --day: #FAF7F3; --day-2: #F4EEE6; --sheet: #FFFFFF;
    --pearl: #F6EFE6; --pearl-2: rgba(246, 239, 230, .72); --pearl-3: rgba(246, 239, 230, .58);
    
    --acc-d: #EBB283; --acc-l: #7D6E62; --cu: #8A4F28; --cu-2: #DE8448;
    --done: #EBB283; --done-d: #8A4F28;
    
    --l-core: #FFF7EE; --l-peach: #FFD6B2;
    --line-l: rgba(34, 25, 19, .10); --line-l-2: rgba(34, 25, 19, .18); --line-btn: rgba(34, 25, 19, .24);
    --line-d: rgba(246, 239, 230, .10); --line-d-2: rgba(246, 239, 230, .18);
    --tint-l: rgba(34, 25, 19, .05); --tint-d: rgba(246, 239, 230, .06);
    --edge-l: 0 0 0 1px rgba(34, 25, 19, .10);
    --edge-d: inset 0 0 0 1px rgba(246, 239, 230, .07);
    --focus-l: #9A5A30; --focus-d: #FFD6B2; --error: #B3402A; --ok: #8A4F28;
    
    --gl-fill: rgba(50, 39, 31, .46);
    --gl-fill-fb: #281E16;                       
    --gl-blur: blur(28px) saturate(1.4);
    --gl-sheen: linear-gradient(180deg, rgba(246, 239, 230, .045) 0%, rgba(246, 239, 230, 0) 32%);
    --gl-floor: radial-gradient(130% 46% at 50% 116%, rgba(255, 214, 178, .15) 0%, rgba(255, 214, 178, .06) 46%, rgba(255, 214, 178, 0) 72%);
    --gl-edge: inset 0 1px 0 rgba(246, 239, 230, .10), inset 0 0 0 1px rgba(246, 239, 230, .065);
    --gl-2: rgba(246, 239, 230, .08);
    --gl-2-edge: inset 0 0 0 1px rgba(246, 239, 230, .18), inset 0 1px 0 rgba(255, 247, 238, .22);
    
    --pn: #261C16;
    --pn-light: radial-gradient(62% 48% at 96% 0%, rgba(235, 178, 131, .22) 0%, rgba(235, 178, 131, .1) 45%, rgba(235, 178, 131, 0) 76%),
      radial-gradient(70% 52% at 0% 100%, rgba(196, 122, 75, .18) 0%, rgba(196, 122, 75, .08) 45%, rgba(196, 122, 75, 0) 76%);
    
    --lift-1: 0 30px 60px -44px rgba(70, 40, 20, .26);
    --lift-2: 0 40px 70px -40px rgba(70, 40, 20, .32);
    --lift-dark: 0 40px 80px -40px rgba(8, 5, 3, .62);
    --lift-win: 0 32px 72px -32px rgba(22, 15, 11, .45);
    --lift-pill: 0 8px 20px -12px rgba(70, 40, 20, .3);
    --glow-btn: 0 0 0 1px rgba(235, 178, 131, .6), 0 12px 40px -12px rgba(222, 132, 72, .55);
    
    --p-field: clamp(48px, 3.89vw, 56px);
    --p-join: clamp(64px, 7.22vw, 104px);
    --p-sec: clamp(88px, 10vw, 144px);
    
    --fs-meet: clamp(48px, 3.96vw, 57px);
    --fs-h2: clamp(30px, 3.4vw, 50px);
    --fs-phrase: clamp(22px, 1.8vw, 26px);
    --fs-h3: clamp(19px, 1.5vw, 22px);
    --fs-lead: clamp(17px, 1.35vw, 20px);
    --fs-text: 16.5px;
    --fs-item: 15px;
    --fs-label: 13px;
    --fs-digit: clamp(112px, 10.6vw, 160px);
    --dusk-ease: cubic-bezier(.2, .7, .2, 1);
    
    --rim-l: linear-gradient(90deg, transparent 8%, rgba(222, 132, 72, .34) 30%, rgba(222, 132, 72, .85) 50%, rgba(222, 132, 72, .34) 70%, transparent 92%);
    --rim-d: linear-gradient(90deg, transparent 6%, rgba(221, 162, 115, .42) 26%, rgba(255, 214, 178, .95) 50%, rgba(221, 162, 115, .42) 74%, transparent 94%);

    --canvas: #FAF7F3; --white: #FFFFFF; --ink: #221913; --ink-2: #64564B; --ink-2c: #64564B; --ink-3: #726357; --dim: #7D6E62;
    --soft: rgba(34, 25, 19, .05); --line: rgba(34, 25, 19, .10);
    --orange: #221913; --on-orange: #F6EFE6; --green: #221913; --on-green: #F6EFE6;
    --gr-mid: #8A4F28; --gr-light: #8A4F28; --gr-pale: rgba(34, 25, 19, .05); --gr-deep: #221913; --gr-hi: #DE8448;
    --o-deep: #221913; --o-mid: #8A4F28; --o-light: #8A4F28; --o-hi: #DE8448; --o-end: #8A4F28;
    --copper: #8A4F28; --copper-t: #DDA273;
    --g1: #4A3B30; --g2: #9C8B7C; --g3: #D8CDBF;
    --dv-1: #221913; --dv-2: #8A4F28; --dv-2t: #DDA273; --dv-3: #D8CDBF; --dv-trk: rgba(34, 25, 19, .08); --dv-off: #D8CDBF;
    --dv-grid: rgba(34, 25, 19, .10); --dv-txt-2: #64564B; --dv-ok: #8A4F28; --dv-acc: #8A4F28; --dv-ring-bd: #FFFFFF;
    --sh-1: 0 0 0 1px rgba(34, 25, 19, .10), 0 30px 60px -44px rgba(70, 40, 20, .26);
    --sh-lift: 0 0 0 1px rgba(34, 25, 19, .10), 0 40px 70px -40px rgba(70, 40, 20, .32);
    --sh-glass: 0 8px 20px -12px rgba(70, 40, 20, .3);
    --glass-bg: rgba(255, 255, 255, .94); --glass-bg-fb: rgba(255, 255, 255, .96); --glass-bd: rgba(255, 255, 255, .6); --glass-blur: blur(14px) saturate(1.4);
    
    --flow: none; --flow-fb: none; --flow-white: none; --flow-white-fb: none; --flow-green: none; --flow-green-fb: none;
    --f: 'Onest', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --f-wm: 'Onest', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --t-h1: 64px; --t-h2: clamp(30px, 3.4vw, 50px); --t-h3: clamp(19px, 1.5vw, 22px); --t-lead: clamp(17px, 1.35vw, 20px); --t-body: 16.5px; --t-cap: 13px;
    --r-lg: 28px; --r-md: 20px; --r-sm: 12px;
    --gap: clamp(16px, 1.4vw, 20px); --pad: clamp(24px, 1.95vw, 28px); --head-gap: clamp(40px, 4.5vw, 64px); --head-gap-tight: 40px;
    --glow-max: 1;
  }

  html[data-skin="duskcu"] :is(#top, #about, #who, footer.ft, .s-strategy-card, .s-sit-res, .s-trust-fam, .s-compare-f) {
    --canvas: #1C130E; --white: var(--dusk-2); --ink: #F6EFE6; --ink-2: rgba(246, 239, 230, .72); --ink-2c: rgba(246, 239, 230, .72);
    --ink-3: rgba(246, 239, 230, .58); --dim: rgba(246, 239, 230, .46); --soft: rgba(246, 239, 230, .06); --line: rgba(246, 239, 230, .10);
    --ink-in: rgba(246, 239, 230, .06); --ink-line: rgba(246, 239, 230, .10); --on-ink-2: rgba(246, 239, 230, .72);
    --orange: #F6EFE6; --on-orange: #221913; --green: #EBB283; --on-green: #221913;
    --gr-mid: #EBB283; --gr-light: #EBB283; --gr-pale: rgba(235, 178, 131, .08); --gr-deep: #F6EFE6;
    --o-deep: rgba(246, 239, 230, .28); --o-mid: #EBB283; --o-light: #FFD6B2; --o-hi: #FFF7EE; --o-end: #EBB283;
    --copper: #EBB283; --copper-t: rgba(246, 239, 230, .45);
    --g1: rgba(246, 239, 230, .72); --g2: rgba(246, 239, 230, .45); --g3: rgba(246, 239, 230, .16);
    --dv-1: #EBB283; --dv-2: rgba(246, 239, 230, .45); --dv-2t: rgba(246, 239, 230, .28); --dv-3: rgba(246, 239, 230, .16); --dv-trk: rgba(246, 239, 230, .12);
    --dv-off: rgba(246, 239, 230, .16); --dv-grid: rgba(246, 239, 230, .10); --dv-txt-2: rgba(246, 239, 230, .58); --dv-ok: #EBB283; --dv-acc: #EBB283; --dv-ring-bd: var(--dusk-2);
    --s-t1: #F6EFE6; --s-t2: rgba(246, 239, 230, .62);
    --tint-l: rgba(246, 239, 230, .06);
    color: #F6EFE6;
  }

  html[data-skin="duskcu"] .vpanel { --ink: #0D0D0D; --ink-in: #1C1C1C; --ink-line: #2A2A29; --on-ink-2: #8E8C87; --orange: #FF5A1F; --o-hi: #FFA466; --r-sm: 12px; --r-md: 20px; --r-pill: 999px; --f: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif; }
  html[data-skin="duskcu"] .vpanel :focus-visible { outline-color: #fff; }

  html[data-skin="duskcu"] body { background: var(--day); color: var(--ink); font-family: var(--f); font-weight: 400; font-size: var(--fs-text); line-height: 1.6; letter-spacing: -.003em; font-variant-numeric: lining-nums; }
  :where(html[data-skin="duskcu"]) :is(b, strong) { font-weight: 520; }
  html[data-skin="duskcu"] ::selection { background: #221913; color: #F6EFE6; }
  html[data-skin="duskcu"] :is(#top, #about, #who, footer.ft, .s-strategy-card, .s-sit-res, .s-trust-fam, .s-compare-f, .s-compare-ft) ::selection { background: #F6EFE6; color: #221913; }
  
  html[data-skin="duskcu"] :focus-visible { outline-color: var(--focus-l); }
  html[data-skin="duskcu"] :is(#top, #about, #who, footer.ft, .s-strategy-card, .s-sit-res, .s-trust-fam) :focus-visible { outline-color: var(--focus-d); }
  html[data-skin="duskcu"] .wrap { padding: 0 var(--p-field); }

  html[data-skin="duskcu"] :is(.sec-title, .h2) { font-weight: 420; font-size: var(--fs-h2); line-height: 1.08; letter-spacing: -.028em; text-wrap: balance; }
  html[data-skin="duskcu"] .sec-title { max-width: 18em; }
  html[data-skin="duskcu"] .sec-head { margin-bottom: var(--head-gap); }
  html[data-skin="duskcu"] .sec-sub { margin-top: 24px; max-width: 46ch; font-weight: 400; font-size: var(--fs-lead); line-height: 1.5; letter-spacing: -.006em; color: var(--ink-2); text-wrap: pretty; }
  html[data-skin="duskcu"] .sec-sub b { color: inherit; font-weight: inherit; }
  html[data-skin="duskcu"] .two-tone { color: var(--ink-2); }
  html[data-skin="duskcu"] .two-tone b { color: var(--ink); font-weight: inherit; }
  html[data-skin="duskcu"] .counter { font-size: var(--fs-label); font-weight: 520; color: var(--ink-3); font-variant-numeric: tabular-nums lining-nums; }
  html[data-skin="duskcu"] .counter b { font-weight: 520; color: var(--ink); }

  html[data-skin="duskcu"] .sec { padding-block: var(--p-join); }
  html[data-skin="duskcu"] :is(#top, #about, #who, #strategy) + .sec { padding-top: var(--p-sec); }
  html[data-skin="duskcu"] .sec:has(+ :is(#about, #who, #strategy)) { padding-bottom: var(--p-sec); }
  html[data-skin="duskcu"] #meet { padding-bottom: 0; }

  html[data-skin="duskcu"] .top { padding-top: 0; }
  html[data-skin="duskcu"] .top::before { -webkit-mask-image: none; mask-image: none; background: transparent; box-shadow: none;
    transition: background-color .45s var(--dusk-ease), box-shadow .45s var(--dusk-ease); }
  html[data-skin="duskcu"] .top.is-sc::before { background: rgba(250, 247, 243, .96); -webkit-backdrop-filter: blur(16px) saturate(1.3); backdrop-filter: blur(16px) saturate(1.3);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), inset 0 -1px 0 rgba(34, 25, 19, .07); }
  html[data-skin="duskcu"] :is(.hd-nav, .top.is-sc .hd-nav) { height: 80px; padding: 0; border-radius: 0; background: none; box-shadow: none; color: var(--ink); transition: color .45s var(--dusk-ease); }
  html[data-skin="duskcu"] .hd-nav > .hd-lk { margin-left: 0; }
  html[data-skin="duskcu"] .top:not(.is-sc) .hd-nav { color: var(--pearl); }
  html[data-skin="duskcu"] .hd-menu { font-size: var(--fs-item); font-weight: 400; letter-spacing: -.004em; }
  html[data-skin="duskcu"] .hd-menu a { opacity: .74; transition: opacity .3s var(--dusk-ease); }
  html[data-skin="duskcu"] .hd-menu a[aria-current="true"] { opacity: 1; }
  html[data-skin="duskcu"] .hd-cab { font-weight: 520; }
  html[data-skin="duskcu"] .hd-cta { height: 44px; padding: 0 20px; font-size: var(--fs-item); }
  html[data-skin="duskcu"] .top:not(.is-sc) .hd-cta { background: var(--gl-2); color: var(--pearl); box-shadow: var(--gl-2-edge);
    -webkit-backdrop-filter: blur(14px) saturate(1.3); backdrop-filter: blur(14px) saturate(1.3); }
  @media (hover: hover) {
    html[data-skin="duskcu"] :is(.hd-menu a, .hd-cab):hover { opacity: 1; }
    html[data-skin="duskcu"] .hd-cab:hover { opacity: .74; }
  }
  @media (max-width: 1399.98px) { html[data-skin="duskcu"] .hd-menu { font-size: var(--fs-item); } }
  @media (max-width: 1299.98px) { html[data-skin="duskcu"] .hd-menu { font-size: var(--fs-item); gap: 16px; } }
  
  @supports (animation-timeline: view()) {
    html[data-skin="duskcu"] { timeline-scope: --duskcu-t, --duskcu-a, --duskcu-w, --duskcu-f; }
    html[data-skin="duskcu"] #top { view-timeline: --duskcu-t block; view-timeline-inset: 0px calc(100% - var(--hd-h) - 20px); }
    html[data-skin="duskcu"] #about { view-timeline: --duskcu-a block; view-timeline-inset: 0px calc(100% - var(--hd-h) - 20px); }
    html[data-skin="duskcu"] #who { view-timeline: --duskcu-w block; view-timeline-inset: 0px calc(100% - var(--hd-h) - 20px); }
    
    html[data-skin="duskcu"] footer.ft .ft-card { view-timeline: --duskcu-f block; view-timeline-inset: 0px calc(100% - var(--hd-h) - 20px); }
    
    html[data-skin="duskcu"] .top.is-sc::before, html[data-skin="duskcu"] .top.is-sc .hd-nav, html[data-skin="duskcu"] .top.is-sc .hd-cta {
      animation: duskcu-hd-x linear none, duskcu-hd-x linear none, duskcu-hd-x linear none, duskcu-hd-x linear none;
      animation-timeline: --duskcu-t, --duskcu-a, --duskcu-w, --duskcu-f;
      animation-range: contain 0% contain 100%, contain 40px contain 100%, contain 40px contain 100%, contain 40px contain 100%; }
    html[data-skin="duskcu"] .top.is-sc::before { animation-name: duskcu-hd-bg, duskcu-hd-bg-s, duskcu-hd-bg-s, duskcu-hd-bg-s; }
    html[data-skin="duskcu"] .top.is-sc .hd-nav { animation-name: duskcu-hd-tx, duskcu-hd-tx, duskcu-hd-tx, duskcu-hd-tx; }
    html[data-skin="duskcu"] .top.is-sc .hd-cta { animation-name: duskcu-hd-cta, duskcu-hd-cta, duskcu-hd-cta, duskcu-hd-cta; }
  }
  @keyframes duskcu-hd-bg { from, to { background: rgba(28, 19, 14, .62); -webkit-backdrop-filter: blur(22px) saturate(1.4); backdrop-filter: blur(22px) saturate(1.4); box-shadow: inset 0 -1px 0 rgba(246, 239, 230, .06); } }
  @keyframes duskcu-hd-bg-s { from, to { left: 12px; right: 12px; background: rgba(28, 19, 14, .62); -webkit-backdrop-filter: blur(22px) saturate(1.4); backdrop-filter: blur(22px) saturate(1.4); box-shadow: inset 0 -1px 0 rgba(246, 239, 230, .06); } }
  @keyframes duskcu-hd-tx { from, to { color: #F6EFE6; } }
  @keyframes duskcu-hd-cta { from, to { background: rgba(246, 239, 230, .08); color: #F6EFE6; box-shadow: inset 0 0 0 1px rgba(246, 239, 230, .18), inset 0 1px 0 rgba(255, 247, 238, .22); } }

  html[data-skin="duskcu"] .btn { gap: 12px; height: 52px; padding: 0 26px; font-size: var(--fs-item); font-weight: 520; letter-spacing: -.004em;
    transition: background-color .35s var(--dusk-ease), color .35s var(--dusk-ease), box-shadow .35s var(--dusk-ease), transform var(--d1) var(--ease); }
  html[data-skin="duskcu"] .btn:has(.btn-arrow) { padding-right: 24px; }
  html[data-skin="duskcu"] .btn .btn-arrow { width: 16px; height: 16px; border-radius: 0; background: none; color: inherit; transition: transform .45s var(--dusk-ease); }
  html[data-skin="duskcu"] .btn .btn-arrow::before, html[data-skin="duskcu"] .btn .btn-arrow svg { width: 16px; height: 16px; }
  html[data-skin="duskcu"] .btn--sm { gap: 10px; height: 44px; padding: 0 20px; font-size: var(--fs-item); }
  html[data-skin="duskcu"] .btn--sm:has(.btn-arrow) { padding-right: 18px; }
  html[data-skin="duskcu"] .btn--sm .btn-arrow, html[data-skin="duskcu"] .btn--sm .btn-arrow::before { width: 14px; height: 14px; }
  
  html[data-skin="duskcu"] :is(.btn--orange, .btn--ink, .btn--white) { background: #221913; color: #F6EFE6; box-shadow: none; }
  html[data-skin="duskcu"] :is(#top, #about, #who, .s-strategy-card, .s-sit-res, footer.ft) :is(.btn--orange, .btn--ink, .btn--white) { background: #F6EFE6; color: #221913; }
  
  html[data-skin="duskcu"] .btn--ghost { background: none; color: var(--ink); box-shadow: inset 0 0 0 1px var(--line-btn); }
  @media (hover: hover) {
    html[data-skin="duskcu"] .btn:not(:disabled):hover { opacity: 1; filter: none; }
    html[data-skin="duskcu"] .btn:not(:disabled):hover .btn-arrow { transform: translateX(4px); }
    html[data-skin="duskcu"] :is(.btn--orange, .btn--ink, .btn--white):not(:disabled):hover { background: #33241B; box-shadow: var(--lift-pill); }
    html[data-skin="duskcu"] :is(#top, #about, #who, .s-strategy-card, .s-sit-res, footer.ft) :is(.btn--orange, .btn--ink, .btn--white):not(:disabled):hover { background: #FFFFFF; box-shadow: var(--glow-btn); }
    html[data-skin="duskcu"] .btn--ghost:not(:disabled):hover { background: rgba(34, 25, 19, .04); box-shadow: inset 0 0 0 1px rgba(34, 25, 19, .5); }
  }
  
  html[data-skin="duskcu"] .icon-only { background: none; color: var(--ink); box-shadow: inset 0 0 0 1px var(--line-btn); }
  html[data-skin="duskcu"] .icon-only[aria-disabled="true"] { background: none; color: rgba(34, 25, 19, .3); box-shadow: inset 0 0 0 1px var(--line-l); }
  @media (hover: hover) { html[data-skin="duskcu"] .icon-only:not([aria-disabled="true"]):hover { background: #221913; color: #F6EFE6; box-shadow: none; } }
  
  html[data-skin="duskcu"] .hd-r .hd-burger { background: none; color: inherit; box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 28%, transparent); }
  @media (hover: hover) { html[data-skin="duskcu"] .hd-r .hd-burger:not([aria-disabled="true"]):hover { background: color-mix(in srgb, currentColor 10%, transparent); color: inherit; box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 40%, transparent); } }

  html[data-skin="duskcu"] .eyebrow { height: auto; padding: 0; border-radius: 0; background: none; box-shadow: none; font-size: var(--fs-label); font-weight: 520; letter-spacing: .012em; line-height: 1.3; color: var(--cu); }
  html[data-skin="duskcu"] :is(#top, #about, #who) .eyebrow { color: var(--acc-d); }
  html[data-skin="duskcu"] .pill { height: 30px; padding: 0 12px; border-radius: 999px; background: var(--tint-l); box-shadow: none; color: var(--ink-2); font-size: var(--fs-label); font-weight: 520; letter-spacing: .012em; }
  html[data-skin="duskcu"] :is(.s-sit-res, .s-strategy-card) .pill { background: var(--gl-2); box-shadow: inset 0 0 0 1px rgba(246, 239, 230, .12); color: var(--pearl-2); }

  html[data-skin="duskcu"] .bridge { margin-top: 48px; font-size: var(--fs-item); font-weight: 520; letter-spacing: -.004em; color: var(--ink-3); }
  html[data-skin="duskcu"] .bridge .bridge-arrow { background: none; box-shadow: inset 0 0 0 1px var(--line-l-2); color: var(--ink-2); transition: background-color .3s var(--dusk-ease), color .3s var(--dusk-ease), box-shadow .3s var(--dusk-ease); }
  html[data-skin="duskcu"] :is(#top, #about, #who) .bridge { color: var(--pearl-3); }
  html[data-skin="duskcu"] :is(#top, #about, #who) .bridge .bridge-arrow { box-shadow: inset 0 0 0 1px var(--line-d-2); color: var(--pearl-2); }
  @media (hover: hover) {
    html[data-skin="duskcu"] .bridge:hover { color: var(--ink); }
    html[data-skin="duskcu"] .bridge:hover .bridge-arrow { background: #221913; color: #FAF7F3; box-shadow: none; }
    html[data-skin="duskcu"] :is(#top, #about, #who) .bridge:hover { color: var(--pearl); }
    html[data-skin="duskcu"] :is(#top, #about, #who) .bridge:hover .bridge-arrow { background: #F6EFE6; color: #221913; }
  }

  html[data-skin="duskcu"] .card { background: var(--sheet); box-shadow: var(--edge-l), var(--lift-1); }
  html[data-skin="duskcu"] :is(.card--ink, .card--glow) { background: var(--dusk-bg); box-shadow: var(--edge-d), var(--lift-dark); }

  html[data-skin="duskcu"] .ph:not(.ph--loaded):not(.ph--ref):not(.ph--avatar):not(.ph--bare) { background-color: #F4EEE6;
    background-image: radial-gradient(44% 40% at var(--ph-lx) var(--ph-ly), rgba(235, 178, 131, .24) 0%, rgba(235, 178, 131, .09) 45%, rgba(235, 178, 131, 0) 75%),
      radial-gradient(95% 85% at var(--ph-lx) var(--ph-ly), rgba(253, 251, 248, .96) 0%, rgba(250, 247, 243, .46) 42%, rgba(250, 247, 243, 0) 78%),
      linear-gradient(var(--ph-ang, 200deg), #F8F3EC 0%, #F4EEE6 50%, #EFE7DC 100%);
    box-shadow: inset 0 0 0 1px rgba(34, 25, 19, .06); }
  html[data-skin="duskcu"] .ph.ph--avatar { box-shadow: 0 0 0 2px var(--sheet); }
  html[data-skin="duskcu"] :is(#top, #about, #who) .ph.ph--avatar { box-shadow: 0 0 0 1.5px rgba(246, 239, 230, .16); }
  html[data-skin="duskcu"] :is(#top, #about) .ph:not(.ph--loaded):not(.ph--ref):not(.ph--avatar) { background-color: #241912;
    background-image: radial-gradient(70% 60% at var(--ph-lx) var(--ph-ly), rgba(235, 178, 131, .10), rgba(235, 178, 131, 0) 72%), linear-gradient(200deg, #2A1E16, #1C130E);
    box-shadow: var(--edge-d); }
  html[data-skin="duskcu"] :is(#top, #about) .ph:not(.ph--loaded):not(.ph--ref)::before { opacity: .12; }
  html[data-skin="duskcu"] :is(#top, #about, #who) .ph-ico { background: var(--tint-d); color: var(--pearl-2); box-shadow: none; }

  html[data-skin="duskcu"] .s-sit-bar { height: 2px; background: var(--line-l); }
  html[data-skin="duskcu"] .s-sit-bar::after { background: #221913; }
  html[data-skin="duskcu"] :is(#s-top-rg, #s-who-kr-g) stop { stop-color: #EBB283; }

  html[data-skin="duskcu"] :is(.glow-corner, .glow-host, .glow-fx) { --glow-max: 1; --glow-bg: var(--rim-l) top / 100% 1.5px no-repeat; }
  html[data-skin="duskcu"] :is(#top, #about, #who) :is(.glow-corner, .glow-host, .glow-fx) { --glow-bg: var(--rim-d) top / 100% 1.5px no-repeat; }

  html[data-skin="duskcu"] .layer-bg { background: rgba(22, 15, 11, .42); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
  html[data-skin="duskcu"] .modal-p { background: linear-gradient(180deg, #FFFFFF, #FFFFFF); color: var(--ink); border-radius: 28px; box-shadow: 0 0 0 1px rgba(34, 25, 19, .04), var(--lift-win); }
  html[data-skin="duskcu"] .modal-p { --m-px: 32px; }
  html[data-skin="duskcu"] .m-hd { padding-top: 18px; padding-bottom: 12px; }
  html[data-skin="duskcu"] .m-crumb { font-size: var(--fs-label); font-weight: 520; color: var(--ink-3); }
  html[data-skin="duskcu"] .m-x { width: 36px; height: 36px; background: var(--tint-l); box-shadow: none; }
  html[data-skin="duskcu"] .m-prog > i { background: var(--line-l); }
  html[data-skin="duskcu"] .m-prog > i.is-on { background: #221913; }
  html[data-skin="duskcu"] .m-back { font-size: var(--fs-item); font-weight: 520; color: var(--ink-2); }
  html[data-skin="duskcu"] .m-t { font-size: var(--fs-phrase); font-weight: 420; line-height: 1.16; letter-spacing: -.022em; text-wrap: balance; }
  html[data-skin="duskcu"] .m-lead { margin-top: 10px; font-size: var(--fs-item); line-height: 1.5; color: var(--ink-2); text-wrap: pretty; }
  html[data-skin="duskcu"] .lnk { font-weight: 520; text-decoration-thickness: 1px; text-underline-offset: .28em; text-decoration-color: rgba(34, 25, 19, .34); }
  html[data-skin="duskcu"] .m-consent { font-size: var(--fs-label); color: var(--ink-3); border-top-color: var(--line-l); }
  html[data-skin="duskcu"] .m-next { font-size: var(--fs-label); color: var(--ink-3); }
  html[data-skin="duskcu"] .f-l { margin-bottom: 8px; font-size: var(--fs-label); font-weight: 520; color: var(--ink); }
  html[data-skin="duskcu"] :is(.f-hint, .f-sub, .opt) { font-size: var(--fs-label); font-weight: 400; color: var(--ink-3); }
  html[data-skin="duskcu"] .inp { min-height: 54px; padding: 15px 18px; border-radius: 12px; border: 1px solid #948678; background: var(--sheet); font-size: 16px; line-height: 1.4;
    transition: border-color .3s var(--dusk-ease), box-shadow .3s var(--dusk-ease), background-color .3s var(--dusk-ease); }
  html[data-skin="duskcu"] textarea.inp { min-height: 108px; }
  html[data-skin="duskcu"] .inp::placeholder { color: var(--ink-3); }
  html[data-skin="duskcu"] :is(.inp:focus, .cs-btn:focus-visible, .sel.is-open .cs-btn) { outline: none; border-color: #221913; box-shadow: 0 0 0 .5px #221913, 0 0 0 4px rgba(196, 122, 75, .18); background: #FFFFFF; }
  html[data-skin="duskcu"] .inp[aria-invalid="true"] { border-color: var(--error); box-shadow: 0 0 0 .5px var(--error); }
  html[data-skin="duskcu"] .f-err { font-size: var(--fs-label); font-weight: 400; color: var(--error); }
  html[data-skin="duskcu"] .f-err::before { background: var(--error); color: #FFFFFF; }
  html[data-skin="duskcu"] .f-err.warn { color: var(--ink-2); }
  html[data-skin="duskcu"] .f-err.warn::before { background: var(--ink-3); }
  html[data-skin="duskcu"] .sel-chev { color: var(--ink-2); }
  html[data-skin="duskcu"] .segs { padding: 4px; background: var(--tint-l); }
  html[data-skin="duskcu"] .segs span { font-size: var(--fs-item); font-weight: 520; color: var(--ink-2); }
  html[data-skin="duskcu"] .segs input:checked + span { background: var(--sheet); color: var(--ink); box-shadow: var(--lift-pill), 0 0 0 1px rgba(34, 25, 19, .06); }
  html[data-skin="duskcu"] .checks span { font-size: var(--fs-item); font-weight: 520; box-shadow: inset 0 0 0 1px var(--line-btn); }
  html[data-skin="duskcu"] .checks input:checked + span { background: #221913; color: #F6EFE6; }
  html[data-skin="duskcu"] .cab-err-b { background: var(--tint-l); }
  html[data-skin="duskcu"] .cab-err-b .f-err { font-size: var(--fs-item); }
  html[data-skin="duskcu"] .cab-hint { font-size: var(--fs-item); color: var(--ink-2); }
  html[data-skin="duskcu"] .cab-eye { color: var(--ink-3); }
  
  html[data-skin="duskcu"] .m-step[data-step="ok"] .m-t { color: var(--ok); }

  html[data-skin="duskcu"] .cs-pop { padding: 6px; border-radius: 20px; background: var(--sheet); box-shadow: 0 0 0 1px var(--line-l), var(--lift-win); }
  html[data-skin="duskcu"] .sel.cs-up .cs-pop:not(.cs-pop--flow) { box-shadow: 0 0 0 1px var(--line-l), 0 -24px 60px -28px rgba(22, 15, 11, .4); }
  html[data-skin="duskcu"] .cs-gl { font-size: var(--fs-label); font-weight: 520; letter-spacing: .012em; color: var(--ink-3); }
  html[data-skin="duskcu"] .cs-o { position: relative; min-height: 44px; border-radius: 16px; font-size: var(--fs-item); }
  html[data-skin="duskcu"] :is(.cs-pop.is-ptr .cs-o.is-act, .cs-pop.is-kbd .cs-o.is-act) { background: var(--tint-l); }
  html[data-skin="duskcu"] .cs-pop.is-kbd .cs-o.is-act { box-shadow: inset 0 0 0 2px #221913; }
  html[data-skin="duskcu"] .cs-o.is-sel { font-weight: 520; }
  html[data-skin="duskcu"] .cs-o.is-sel::before { content: ""; position: absolute; left: 0; top: 10px; bottom: 10px; width: 2px; border-radius: 2px; background: linear-gradient(180deg, transparent, #DE8448 50%, transparent); }
  html[data-skin="duskcu"] :is(.cs-g + .cs-g, .cs-o + .cs-g) { border-top-color: var(--line-l); }

  html[data-skin="duskcu"] .sheet-p { background: var(--sheet); }
  html[data-skin="duskcu"] .mnav a { border-radius: 20px; background: var(--tint-l); font-size: var(--fs-item); font-weight: 520; }
  html[data-skin="duskcu"] .mnav a[aria-current="true"] { background: #221913; color: #F6EFE6; }
  html[data-skin="duskcu"] .mnav-act { background: var(--sheet); }

  html[data-skin="duskcu"] #top.s-top { --gap: 16px; position: relative; isolation: isolate; overflow: clip; margin-top: -80px; padding-top: 120px; padding-bottom: 40px; background: var(--dusk-bg); border-radius: 0 0 40px 40px; }
  html[data-skin="duskcu"] .s-top-stage { gap: 16px; }
  html[data-skin="duskcu"] .s-top-h1 { margin-top: 20px; max-width: 9.6em; font-weight: 420; font-size: min(64px, 10.8cqi); line-height: 1.04; letter-spacing: -.034em; color: var(--acc-d); }
  html[data-skin="duskcu"][data-h1="b"] .s-top-h1 { max-width: none; font-size: min(56px, 8.8cqi); } 
  
  html[data-skin="duskcu"] .s-top-h1::first-line { color: var(--pearl); }
  html[data-skin="duskcu"] .s-top-lead { margin-top: 24px; max-width: 28em; font-size: var(--fs-lead); font-weight: 400; line-height: 1.5; letter-spacing: -.006em; color: var(--pearl-2); }
  html[data-skin="duskcu"] .s-top-act { margin-top: 40px; }
  
  html[data-skin="duskcu"] #top.s-top::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
    background:
      radial-gradient(ellipse 34% 16svh at 50% 100%, rgba(255, 214, 178, .744) 0%, rgba(255, 214, 178, .6) 20%, rgba(244, 182, 132, .336) 46%, rgba(232, 146, 92, .096) 72%, rgba(222, 132, 72, .024) 88%, rgba(222, 132, 72, 0) 100%),
      radial-gradient(ellipse 62% 54svh at 50% 100%, rgba(222, 132, 72, .36) 0%, rgba(222, 132, 72, .276) 22%, rgba(186, 96, 46, .156) 48%, rgba(150, 70, 32, .048) 74%, rgba(116, 50, 21, .012) 90%, rgba(116, 50, 21, 0) 100%); }
  html[data-skin="duskcu"] #top.s-top::after { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; padding: 0 1.5px 1.5px; pointer-events: none;
    background: linear-gradient(90deg, transparent 10%, rgba(221, 162, 115, .384) 28%, rgba(255, 214, 178, 1) 50%, rgba(221, 162, 115, .384) 72%, transparent 90%) bottom / 100% 50% no-repeat;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
  
  html[data-skin="duskcu"] .s-top-stage::after { content: ""; position: absolute; inset: -160px -200px -120px -200px; z-index: -1; pointer-events: none;
    background:
      radial-gradient(340px 290px at calc(100% - 300px) 300px, rgba(235, 178, 131, .32) 0%, rgba(235, 178, 131, .24) 22%, rgba(235, 178, 131, .12) 46%, rgba(235, 178, 131, .04) 68%, rgba(235, 178, 131, 0) 86%),
      radial-gradient(290px 270px at 320px calc(100% - 340px), rgba(196, 122, 75, .28) 0%, rgba(196, 122, 75, .2) 22%, rgba(196, 122, 75, .1) 46%, rgba(196, 122, 75, .035) 68%, rgba(196, 122, 75, 0) 86%); }
  
  html[data-skin="duskcu"] .s-top-w > .s-top-card { background: var(--gl-sheen), var(--gl-floor), var(--gl-fill-fb); box-shadow: var(--gl-edge); }
  html[data-skin="duskcu"] .s-top-w--ink > .s-top-card { --dv-1: #EBB283; --dv-trk: rgba(246, 239, 230, .12); --dv-txt-2: rgba(246, 239, 230, .58); --dv-ok: #EBB283; --dv-ring-bd: #241912;
    --s-t1: #F6EFE6; --s-t2: rgba(246, 239, 230, .62); color: var(--pearl); background: var(--gl-sheen), var(--gl-floor), var(--gl-fill-fb); }
  html[data-skin="duskcu"] .s-top-w.s-top-w--plan > .s-top-card { background: var(--gl-sheen), var(--gl-floor), var(--gl-fill-fb); }
  @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    html[data-skin="duskcu"] .s-top-w > .s-top-card, html[data-skin="duskcu"] .s-top-w--ink > .s-top-card, html[data-skin="duskcu"] .s-top-w.s-top-w--plan > .s-top-card {
      background: var(--gl-sheen), var(--gl-floor), var(--gl-fill); -webkit-backdrop-filter: var(--gl-blur); backdrop-filter: var(--gl-blur); }
  }
  
  html[data-skin="duskcu"] :is(.s-top-w[data-w="month"], .s-top-w[data-w="plan"]) > .s-top-card { box-shadow: var(--gl-edge), inset 0 -1px 0 rgba(235, 178, 131, .38); }
  
  html[data-skin="duskcu"] :is(.s-top-w[data-w="month"], .s-top-w[data-w="report"], .s-top-w[data-w="plan"]) > .s-top-card { --pearl-3: rgba(246, 239, 230, .62); }
  html[data-skin="duskcu"] .s-top-x { font-weight: 420; letter-spacing: -.014em; }
  html[data-skin="duskcu"] .s-top-wi { stroke: var(--acc-d); }
  
  html[data-skin="duskcu"] .s-top-gk { font-size: var(--fs-label); font-weight: 400; color: var(--pearl); }
  html[data-skin="duskcu"] .s-top-gi { background: var(--tint-d); color: var(--acc-d); }
  html[data-skin="duskcu"] .s-top-gb > i { background: linear-gradient(90deg, #EBB283, #FFD6B2); }
  html[data-skin="duskcu"] .s-top-gv { font-size: var(--fs-label); font-weight: 520; }
  html[data-skin="duskcu"] .s-top-gs { font-size: 12px; font-weight: 400; color: var(--pearl-3); }
  
  html[data-skin="duskcu"] .s-top-rp { --rp-px: 0px; column-gap: 14px; }
  html[data-skin="duskcu"] .s-top-rt { padding: 12px 0 0; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--line-d); }
  html[data-skin="duskcu"] .s-top-rk { font-weight: 400; color: var(--pearl-3); }
  html[data-skin="duskcu"] .s-top-rv { font-size: 15px; font-weight: 520; color: var(--pearl); }
  html[data-skin="duskcu"] .s-top-rcap .s-top-rv { font-size: 22px; font-weight: 420; letter-spacing: -.02em; }
  html[data-skin="duskcu"] .s-top-rd { font-size: 10.5px; font-weight: 520; color: var(--acc-d); }
  html[data-skin="duskcu"] .s-top-rd > span { font-weight: 400; color: var(--pearl-3); }
  html[data-skin="duskcu"] .s-top-rsv .l { stroke: var(--acc-d); stroke-width: 1.5; }
  html[data-skin="duskcu"] .s-top-rdot { background: var(--l-core); box-shadow: 0 0 0 3px rgba(235, 178, 131, .18), 0 0 10px rgba(255, 214, 178, .6); }
  html[data-skin="duskcu"] .s-top-rrec { padding-left: 0; padding-right: 0; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--line-d); }
  html[data-skin="duskcu"] .s-top-rrt { font-size: var(--fs-label); font-weight: 400; color: var(--pearl); }
  html[data-skin="duskcu"] .s-top-rgo { font-size: 12px; font-weight: 520; color: var(--pearl); background: var(--gl-2); box-shadow: var(--gl-2-edge); }
  
  html[data-skin="duskcu"] .s-top-pl { gap: 0; }
  html[data-skin="duskcu"] .s-top-pl > li { padding: 12px 0; border: 0; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--line-d); -webkit-backdrop-filter: none; backdrop-filter: none; }
  html[data-skin="duskcu"] .s-top-pt b { font-size: var(--fs-label); font-weight: 520; color: var(--pearl); }
  html[data-skin="duskcu"] .s-top-pt span { font-weight: 400; color: var(--pearl-3); }
  html[data-skin="duskcu"] .s-top-pl .is-done .s-top-ps { background: var(--done); color: var(--dusk); }
  html[data-skin="duskcu"] .s-top-pl .is-next .s-top-ps { box-shadow: inset 0 0 0 1.5px rgba(246, 239, 230, .3); color: var(--pearl-2); }
  
  html[data-skin="duskcu"] .s-top .s-top-ph > img { filter: brightness(.9) saturate(.92); }
  html[data-skin="duskcu"] .s-top .s-top-ph::after { content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit; pointer-events: none;
    background: linear-gradient(0deg, rgba(22, 15, 11, .42), rgba(22, 15, 11, .12) 34%, rgba(22, 15, 11, 0) 52%); box-shadow: var(--edge-d); }
  
  @container s-top-card (min-width: 300px) {
    html[data-skin="duskcu"] .s-top-x { font-size: 19.4px; }
    html[data-skin="duskcu"] .s-top-gk { font-size: var(--fs-label); }
  }
  @container s-top-card (min-width: 300px) and (min-height: 330px) {
    html[data-skin="duskcu"] .s-top-x { font-size: 22px; }
  }
  @container s-top-card (max-height: 339.98px) {
    html[data-skin="duskcu"] .s-top-rcap .s-top-rv { font-size: 22px; }
  }
  @container s-top-card (max-height: 289.98px) {
    html[data-skin="duskcu"] .s-top-rcap .s-top-rv { font-size: 19.4px; }
    html[data-skin="duskcu"] .s-top-rrt { font-size: var(--fs-label); }
    html[data-skin="duskcu"] .s-top-pt b { font-size: 12px; }
    html[data-skin="duskcu"] .s-top-pt span { font-size: 10.5px; }
  }
  @container s-top-card (max-width: 369.98px) {
    
    html[data-skin="duskcu"] .s-top-rk { font-size: 10.5px; }
    html[data-skin="duskcu"] .s-top-rcap .s-top-rv { font-size: 19.4px; }
    html[data-skin="duskcu"] .s-top-rd { font-size: 10.5px; }
    html[data-skin="duskcu"] .s-top-rrt { font-size: var(--fs-label); }
    html[data-skin="duskcu"] .s-top-pt span { font-size: 10.5px; }
  }
  @media (min-height: 981px) { html[data-skin="duskcu"] #top.s-top { min-height: min(100svh, 1080px); } }
  @media (max-width: 1279.98px) { html[data-skin="duskcu"] .s-top-h1 { font-size: min(64px, 10.8cqi); } }

  html[data-skin="duskcu"] .s-fw-card { padding: 8px; transition: box-shadow .5s var(--dusk-ease); }
  html[data-skin="duskcu"] .s-fw-ph { border-radius: 20px; }
  
  html[data-skin="duskcu"] .s-fw-body { justify-content: flex-start; padding: 20px 16px 24px; }
  html[data-skin="duskcu"] .s-fw-t { min-height: 0; max-width: none; font-weight: 520; font-size: min(var(--fs-lead), 19.4px); line-height: 1.25; letter-spacing: -.014em; }
  @media (max-width: 1299.98px) { html[data-skin="duskcu"] .s-fw-body { padding-inline: 12px; } }
  @media (max-width: 1199.98px) { html[data-skin="duskcu"] .s-fw-body { padding: 16px 12px 20px; } }
  @media (hover: hover) { html[data-skin="duskcu"] .s-fw-card:hover { box-shadow: var(--edge-l), var(--lift-2); } }

  html[data-skin="duskcu"] .s-situations[data-mode="slide"] .s-sit-card:not(.s-sit-res) { background: var(--sheet); box-shadow: var(--edge-l), var(--lift-1); }
  html[data-skin="duskcu"] .s-situations[data-mode="slide"] .s-sit-x { max-width: none; font-weight: 420; font-size: var(--fs-phrase); line-height: 1.22; letter-spacing: -.022em; text-wrap: balance; }
  html[data-skin="duskcu"] .s-sit-x.two-tone { color: var(--acc-l); }
  html[data-skin="duskcu"] .s-sit-ctl .counter { font-size: var(--fs-label); font-weight: 520; }
  html[data-skin="duskcu"] .s-sit-ctl .s-sit-of { color: var(--ink-3); }
  
  html[data-skin="duskcu"] .s-sit-art { --white: #FFFFFF; --canvas: #FAF7F3; }
  html[data-skin="duskcu"] .s-sit-ill--f .s-sit-f-t { box-shadow: inset 0 0 0 1px var(--line-l); }
  html[data-skin="duskcu"] .s-sit-ill--f .s-sit-f-v { font-weight: 520; letter-spacing: -.02em; }
  html[data-skin="duskcu"] .s-sit-ill--f :is(.s-sit-f-d, .s-sit-f-nm, .s-sit-f-li1, .s-sit-f-li2 > b, .s-sit-f-lg b) { font-weight: 520; }
  html[data-skin="duskcu"] .s-sit-ill--f :is(.s-sit-f-k, .s-sit-f-d > span, .s-sit-f-lg, .s-sit-f-v small, .s-sit-f-l3 small) { font-weight: 400; }
  html[data-skin="duskcu"] .s-sit-ill--f .s-sit-f-chip { font-weight: 520; }
  html[data-skin="duskcu"] .s-sit-ill--f .s-sit-f-chip--cu { background: rgba(196, 122, 75, .10); color: var(--ink); }
  html[data-skin="duskcu"] .s-sit-ill--f .s-sit-f-chip--cu::before { background: var(--cu-2); }
  html[data-skin="duskcu"] .s-sit-ill--f .s-sit-f-pan { font-weight: 400; }
  html[data-skin="duskcu"] .s-sit-ill--f :is(.s-sit-f-cal, .s-sit-f-lab, .s-sit-f-li1, .s-sit-f-li2 > b) { font-weight: 520; }
  html[data-skin="duskcu"] .s-sit-ill--f .s-sit-f-lab.s-sit-f-lab--yr { font-weight: 520; }
  html[data-skin="duskcu"] .s-sit-ill--f :is(.s-sit-f-lab.s-sit-f-lab--q, .s-sit-f-lab.s-sit-f-lab--e, .s-sit-f-cal2, .s-sit-f-v small, .s-sit-f-l3 small) { font-weight: 400; }
  
  html[data-skin="duskcu"] .s-sit-ill--f .s-sit-f-pw { --sk: var(--kw, 1); }
  html[data-skin="duskcu"] .s-sit-ill--f .s-sit-f-pn { --sk: var(--kn, 1); }
  html[data-skin="duskcu"] .s-sit-ill--f .s-sit-f-pan :is(.s-sit-f-k, .s-sit-f-d, .s-sit-f-nm, .s-sit-f-lg, .s-sit-f-l3 small, .s-sit-f-chip, .s-sit-f-lab, .s-sit-f-cal2, .s-sit-f-li1, .s-sit-f-li2 > b) { --o: 12.5px; }
  html[data-skin="duskcu"] .s-sit-ill--f .s-sit-f-pw :is(.s-sit-f-chip, .s-sit-f-lab) { --o: 12px; }
  html[data-skin="duskcu"] .s-sit-ill--f .s-sit-f-pw :is(.s-sit-f-lab.s-sit-f-lab--yr, .s-sit-f-cal2) { --o: 13px; }
  html[data-skin="duskcu"] .s-sit-ill--f .s-sit-f-pn :is(.s-sit-f-k, .s-sit-f-d, .s-sit-f-nm, .s-sit-f-lg, .s-sit-f-chip, .s-sit-f-lab, .s-sit-f-lab.s-sit-f-lab--yr, .s-sit-f-cal2, .s-sit-f-li1, .s-sit-f-li2 > b) { --o: calc(13px * var(--fc, 1)); }
  html[data-skin="duskcu"] .s-sit-ill--f .s-sit-f-pan :is(.s-sit-f-k, .s-sit-f-d, .s-sit-f-nm, .s-sit-f-lg, .s-sit-f-l3 small, .s-sit-f-chip, .s-sit-f-lab, .s-sit-f-lab.s-sit-f-lab--yr, .s-sit-f-cal2, .s-sit-f-li1, .s-sit-f-li2 > b) {
    --r: calc(var(--o) * var(--sk, 1));
    font-size: calc(min(var(--r), 12px + clamp(0px, (var(--r) - 13px) * 1000 + 1px, 1px) + 2 * clamp(0px, (var(--r) - 15px) * 1000 + 1px, 1px)) / var(--sk, 1)); }
  html[data-skin="duskcu"] .s-sit-ill--f .s-sit-f-pan .s-sit-f-v { --r: calc(var(--fs, 20px) * var(--sk, 1));
    font-size: calc(min(var(--r), 19.4px + 2.6 * clamp(0px, (var(--r) - 22px) * 1000 + 1px, 1px) + 4 * clamp(0px, (var(--r) - 26px) * 1000 + 1px, 1px)) / var(--sk, 1)); }
  
  html[data-skin="duskcu"] .s-sit-ill--f .s-sit-f-pw .s-sit-f-bt { bottom: max(12px, calc(16px / var(--sk, 1))); right: max(12px, calc(14px / var(--sk, 1))); }
  html[data-skin="duskcu"] .s-sit-ill--f .s-sit-f-pw .s-sit-f-bt.s-sit-f-bt--nr { right: max(10px, calc(14px / var(--sk, 1))); }
  html[data-skin="duskcu"] .s-sit-ill--f .s-sit-f-pw .s-sit-f-cal { font-size: calc(min(46px * var(--sk, 1), 49px) / var(--sk, 1)); }
  html[data-skin="duskcu"] .s-sit-ill--f .s-sit-f-pn .s-sit-f-cal { font-size: calc(min(23px * var(--sk, 1), 26px) / var(--sk, 1)); }
  
  html[data-skin="duskcu"] .s-sit-ill--f .s-sit-f-pn .s-sit-f-v small { --r: calc(13px * var(--fc, 1) * var(--sk, 1));
    font-size: calc(min(var(--r), 12px + clamp(0px, (var(--r) - 13px) * 1000 + 1px, 1px) + 2 * clamp(0px, (var(--r) - 15px) * 1000 + 1px, 1px)) / var(--sk, 1)); }
  
  html[data-skin="duskcu"] .s-sit-ill--f .s-sit-f-pn .s-sit-f-t { border-radius: 16px; }
  html[data-skin="duskcu"] .s-sit-ill--f .s-sit-f-sw { border-radius: 50%; }
  
  html[data-skin="duskcu"] .s-sit-ill--f .s-sit-f-pw .s-sit-f-bt--lo .s-sit-f-nm:not(.s-sit-f-wrap) { line-height: 1; }
  html[data-skin="duskcu"] .s-sit-ill--f .s-sit-f-pw .s-sit-f-bt--lo .s-sit-f-v { line-height: 1; }
  
  html[data-skin="duskcu"] .s-sit-ill--f .s-sit-f-pn .s-sit-f-li { top: calc(var(--y) * .892 + 4px); }
  html[data-skin="duskcu"] .s-sit-ill--f .s-sit-f-pn .s-sit-f-li1 { line-height: 15px; }
  html[data-skin="duskcu"] .s-sit-ill--f .s-sit-f-pn .s-sit-f-li2 { height: 15px; margin-top: 2px; }
  html[data-skin="duskcu"] .s-sit-ill--f .s-sit-f-pn .s-sit-f-li2 > b { line-height: 15px; }
  
  html[data-skin="duskcu"] .s-situations .s-sit-card.s-sit-res { background: var(--gl-sheen), var(--pn-light), var(--pn); box-shadow: var(--gl-edge), var(--lift-dark); }
  html[data-skin="duskcu"] .s-situations[data-mode="slide"] .s-sit-res .s-sit-flow { -webkit-mask: none; mask: none; transform: none; opacity: calc(.55 + .45 * var(--glow, 0));
    background:
      radial-gradient(ellipse 60% 6% at 50% 100%, rgba(255, 214, 178, .5) 0%, rgba(255, 214, 178, .475) 10%, rgba(255, 214, 178, .405) 20%, rgba(255, 214, 178, .31) 30%, rgba(255, 214, 178, .215) 40%, rgba(255, 214, 178, .13) 50%, rgba(255, 214, 178, .07) 60%, rgba(255, 214, 178, .033) 70%, rgba(255, 214, 178, .013) 80%, rgba(255, 214, 178, .003) 90%, rgba(255, 214, 178, 0) 100%),
      radial-gradient(ellipse 50% 40% at 50% 100%, rgba(246, 239, 230, .05), rgba(246, 239, 230, .03) 40%, rgba(246, 239, 230, 0)); }
  html[data-skin="duskcu"] .s-sit-res-t { font-weight: 420; font-size: max(30px, calc(var(--fs-h2) * var(--rt, 1))); line-height: 1.08; letter-spacing: -.028em; color: var(--pearl); }
  html[data-skin="duskcu"] .s-sit-res-p { font-size: var(--fs-lead); line-height: 1.5; letter-spacing: -.006em; color: var(--pearl-2); }
  html[data-skin="duskcu"] .s-sit-res.is-fit1 .s-sit-res-p { font-size: var(--fs-item); }
  @media (max-width: 1333.98px) { html[data-skin="duskcu"] .s-sit-x.two-tone { color: var(--ink-2); } }

  html[data-skin="duskcu"] :is(#about, #who) { position: relative; isolation: isolate; overflow: clip; margin-inline: 12px; padding-block: var(--p-sec); border-radius: 40px; background: var(--dusk-bg); }
  html[data-skin="duskcu"] :is(#about, #who) > .wrap { position: relative; z-index: 1; max-width: calc(1440px - 24px); padding: 0 calc(var(--p-field) - 12px); }
  
  html[data-skin="duskcu"] :is(#about, #who)::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; padding: 1.5px 1.5px 0; pointer-events: none;
    background: var(--rim-d) top / 100% 50% no-repeat;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
  html[data-skin="duskcu"] :is(#about, #who)::after { content: ""; position: absolute; left: 18%; right: 18%; top: -24px; height: 108px; z-index: 0; pointer-events: none;
    background: radial-gradient(ellipse 50% 50% at 50% 22%, rgba(255, 214, 178, .26), rgba(235, 178, 131, .07) 45%, rgba(235, 178, 131, 0) 72%); filter: blur(10px); }
  
  html[data-skin="duskcu"] #who > .wrap::after { content: ""; position: sticky; bottom: 0; z-index: -1; display: block; width: 100vw; height: 56svh;
    margin: calc(var(--p-sec) - 56svh) 0 calc(-1 * var(--p-sec)) calc(50% - 50vw); pointer-events: none;
    background:
      radial-gradient(ellipse 34% 16svh at 50% 100%, rgba(255, 214, 178, .744) 0%, rgba(255, 214, 178, .6) 20%, rgba(244, 182, 132, .336) 46%, rgba(232, 146, 92, .096) 72%, rgba(222, 132, 72, .024) 88%, rgba(222, 132, 72, 0) 100%),
      radial-gradient(ellipse 62% 54svh at 50% 100%, rgba(222, 132, 72, .36) 0%, rgba(222, 132, 72, .276) 22%, rgba(186, 96, 46, .156) 48%, rgba(150, 70, 32, .048) 74%, rgba(116, 50, 21, .012) 90%, rgba(116, 50, 21, 0) 100%); }
  
  @supports (animation-timeline: view()) {
    html[data-skin="duskcu"] #who > .wrap { view-timeline: --duskcu-wd block; view-timeline-inset: 0px; }
    html[data-skin="duskcu"] #who > .wrap::after { animation: duskcu-who-rise linear both, duskcu-who-set linear both;
      animation-timeline: --duskcu-wd, --duskcu-wd;
      animation-range: contain 0% contain 30svh, contain calc(100% - 2.5 * (var(--p-sec) + 48px)) contain 100%; }
  }
  @keyframes duskcu-who-rise { from { transform: translateY(56svh); } to { transform: none; } }
  @keyframes duskcu-who-set { 0%, 100% { translate: 0 0; } 60% { translate: 0 calc(var(--p-sec) + 48px); } }
  
  html[data-skin="duskcu"] #who .bridge { color: var(--pearl-2); }
  html[data-skin="duskcu"] .s-about-dc { padding: 0 40px 0 0; background: none; box-shadow: none; }
  html[data-skin="duskcu"] .s-about-dpos { font-size: var(--fs-text); font-weight: 400; line-height: 1.4; color: var(--pearl-2); }
  html[data-skin="duskcu"] .s-about-dpos .s-about-pg { color: var(--pearl-2); letter-spacing: -.003em; }
  html[data-skin="duskcu"] .s-about-lk { color: var(--pearl); }
  html[data-skin="duskcu"] .s-about-dc > .eyebrow { margin-bottom: 16px; }
  html[data-skin="duskcu"] .s-about-dh { font-weight: 420; font-size: var(--fs-h2); line-height: 1.08; letter-spacing: -.028em; }
  html[data-skin="duskcu"] #about .s-about-dh.two-tone { color: var(--acc-d); }
  html[data-skin="duskcu"] #about .s-about-dh.two-tone b { color: var(--pearl); }
  html[data-skin="duskcu"] .s-about-dph { border-radius: 28px; }
  html[data-skin="duskcu"] .s-about-dph > img { filter: brightness(.94) saturate(.95); }
  html[data-skin="duskcu"] .s-about-dph::after { content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit; pointer-events: none;
    background: linear-gradient(0deg, rgba(22, 15, 11, .3), rgba(22, 15, 11, 0) 40%); box-shadow: var(--edge-d); }

  html[data-skin="duskcu"] .s-how-rn { background: var(--day); box-shadow: inset 0 0 0 1px var(--line-l-2); color: var(--ink-3); font-size: var(--fs-label); font-weight: 520; }
  html[data-skin="duskcu"] .s-how-rn b { font-weight: 520; }
  html[data-skin="duskcu"] .s-how-ri.is-act .s-how-rn { background: #221913; color: #F6EFE6; box-shadow: none; }
  html[data-skin="duskcu"] .s-how-ri.is-done .s-how-rn { background: var(--day); color: var(--cu); box-shadow: inset 0 0 0 1px var(--line-l-2); }
  html[data-skin="duskcu"] .s-how-track { width: 1px; left: calc(var(--how-c) / 2 - .5px); background: linear-gradient(180deg, rgba(196, 122, 75, .15), rgba(196, 122, 75, .45) 50%, rgba(196, 122, 75, .15)); }
  html[data-skin="duskcu"] .s-how-fill { background: var(--cu); }
  html[data-skin="duskcu"] .s-how-rname { font-size: 15px; font-weight: 400; letter-spacing: -.006em; color: var(--ink-2); }
  html[data-skin="duskcu"] .s-how-ri.is-act .s-how-rname { font-weight: 520; color: var(--ink); }
  html[data-skin="duskcu"] .s-how-rwhen { font-size: var(--fs-label); font-weight: 400; color: var(--ink-3); }
  @media (min-width: 1200px) { html[data-skin="duskcu"] .s-how-rname { font-size: var(--fs-text); } }
  @media (hover: hover) {
    html[data-skin="duskcu"] .s-how-ra:hover .s-how-rname { color: var(--ink); }
    html[data-skin="duskcu"] .s-how-ri:not(.is-act) .s-how-ra:hover .s-how-rn { color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); }
  }
  html[data-skin="duskcu"] .s-how-body.is-pin .s-how-shell { background: var(--sheet); box-shadow: var(--edge-l), var(--lift-1); }
  html[data-skin="duskcu"] .s-how-card { --how-box: transparent; }
  html[data-skin="duskcu"][data-howhead="c"] .s-how-num { font-weight: 300; font-size: var(--fs-meet); line-height: .86; letter-spacing: -.04em; color: var(--acc-l); font-variant-numeric: tabular-nums lining-nums; }
  html[data-skin="duskcu"][data-howhead="c"] .s-how-name { font-weight: 520; font-size: var(--fs-h3); line-height: 1.25; letter-spacing: -.014em; }
  html[data-skin="duskcu"][data-howhead="c"] .s-how-value { font-weight: 420; font-size: var(--fs-phrase); line-height: 1.22; letter-spacing: -.022em; color: var(--acc-l); }
  html[data-skin="duskcu"][data-howhead="c"] .s-how-value b { font-weight: inherit; color: var(--tx); }
  @media (max-width: 1333.98px) { html[data-skin="duskcu"][data-howhead="c"] .s-how-value { color: var(--ink-2); } }
  html[data-skin="duskcu"] .s-how-box { padding: 20px 0 0; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--line-l); }
  html[data-skin="duskcu"] .s-how-lbl { font-size: var(--fs-label); font-weight: 520; letter-spacing: .012em; color: var(--ink-3); }
  html[data-skin="duskcu"] .s-how-inc li { font-size: var(--fs-item); font-weight: 400; line-height: 1.4; letter-spacing: -.004em; }
  html[data-skin="duskcu"] .s-how-inc li::before { background: var(--cu); }
  html[data-skin="duskcu"] .s-how-avw { background: var(--sheet); }
  html[data-skin="duskcu"] .s-how-role { font-size: var(--fs-item); font-weight: 520; letter-spacing: -.004em; }
  html[data-skin="duskcu"] .s-how-role small { font-size: var(--fs-label); font-weight: 400; color: var(--ink-3); }
  
  html[data-skin="duskcu"] .s-how-term { padding: 20px 0 0 36px; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--line-l); }
  html[data-skin="duskcu"] .s-how-term::before { display: none; }
  html[data-skin="duskcu"] .s-how-term::after { top: 22px; left: 0; width: 20px; height: 20px; margin-top: 0; background: var(--cu); }
  html[data-skin="duskcu"] .s-how-term dd { font-size: var(--fs-item); font-weight: 400; line-height: 1.4; }
  html[data-skin="duskcu"] .s-how-term--t dd { font-weight: 520; }
  @container howc (min-width: 600px) and (max-width: 859.98px) {
    html[data-skin="duskcu"] .s-how-term { padding: 52px 0 0; }
    html[data-skin="duskcu"] .s-how-term::after { top: 20px; left: 0; }
    html[data-skin="duskcu"] .s-how-body.is-pin.is-dtight .s-how-term { padding: 48px 0 0; }
    html[data-skin="duskcu"] .s-how-body.is-pin.is-dtight .s-how-term::after { top: 16px; left: 0; }
  }
  @container howc (min-width: 600px) {
    html[data-skin="duskcu"] .s-how-body.is-pin.is-dtight .s-how-box { padding: 16px 0 0; }
    html[data-skin="duskcu"] .s-how-body.is-pin.is-dtight .s-how-term { padding: 16px 0 0 36px; }
    html[data-skin="duskcu"] .s-how-body.is-pin.is-dtight .s-how-term::after { top: 17px; left: 0; }
    html[data-skin="duskcu"] .s-how-body.is-pin.is-dtight2 .s-how-box { padding: 14px 0 0; }
    html[data-skin="duskcu"] .s-how-body.is-pin.is-dtight2 .s-how-term { padding: 12px 0 0; }
  }

  html[data-skin="duskcu"] .s-who-dk-head .eyebrow { color: var(--acc-d); }
  html[data-skin="duskcu"] .s-who-dk-h { font-weight: 420; letter-spacing: -.028em; color: var(--pearl); }
  html[data-skin="duskcu"] .s-who-dk-sub { max-width: 64ch; margin-top: 16px; color: var(--pearl-2); }
  
  html[data-skin="duskcu"] .s-who-dk.is-car:not(.is-tight) .s-who-dk-stack { margin-top: 40px; }
  html[data-skin="duskcu"] .s-who-dk.is-car:not(.is-tight) .s-who-dk-foot { margin-top: 20px; }
  
  html[data-skin="duskcu"][data-dk="now"] .s-who-dk.is-car:not(.is-tight) { --s-who-dk-rh: 52px; --s-who-dk-g: 8px; }
  html[data-skin="duskcu"] .s-who-dk { --s-who-dk-ib: var(--tint-d); }
  
  html[data-skin="duskcu"] .s-who-dk-box { background: var(--gl-sheen), var(--gl-floor), var(--gl-fill-fb); box-shadow: var(--gl-edge), var(--lift-dark); }
  @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    
    html[data-skin="duskcu"] .s-who-dk.is-car .s-who-dk-it.is-cur .s-who-dk-box {
      background: var(--gl-sheen), var(--gl-floor), color-mix(in srgb, var(--gl-fill-fb) min(100%, calc((1 - var(--s-who-dk-io, 1)) * 10000%)), var(--gl-fill));
      -webkit-backdrop-filter: var(--gl-blur); backdrop-filter: var(--gl-blur); }
  }
  
  html[data-skin="duskcu"] .s-who-dk.is-car .s-who-dk-stack::before { content: ""; position: absolute; inset: -120px -220px -110px; z-index: -1; pointer-events: none;
    background:
      radial-gradient(380px 300px at calc(100% - 330px) 220px, rgba(235, 178, 131, .32) 0%, rgba(235, 178, 131, .23) 22%, rgba(235, 178, 131, .12) 46%, rgba(235, 178, 131, .04) 68%, rgba(235, 178, 131, 0) 86%),
      radial-gradient(340px 280px at 330px calc(100% - 200px), rgba(196, 122, 75, .28) 0%, rgba(196, 122, 75, .2) 22%, rgba(196, 122, 75, .1) 46%, rgba(196, 122, 75, .035) 68%, rgba(196, 122, 75, 0) 86%); }
  html[data-skin="duskcu"] .s-who-dk.is-car .s-who-dk-it::before { box-shadow: var(--lift-dark); }
  html[data-skin="duskcu"] .s-who-dk-ic { color: var(--acc-d); }
  html[data-skin="duskcu"] .s-who-dk-ht { font-size: 15px; font-weight: 520; color: var(--pearl); }
  html[data-skin="duskcu"] .s-who-dk-rv { font-size: var(--fs-label); font-weight: 520; }
  html[data-skin="duskcu"] .s-who-dk-rv b { font-size: 16.5px; font-weight: 520; }
  html[data-skin="duskcu"] .s-who-dk-tick { color: var(--dusk); }
  html[data-skin="duskcu"] .s-who-dk-pb i { background: rgba(246, 239, 230, .3); }
  html[data-skin="duskcu"] .s-who-dk-pb.is-past i { background: rgba(246, 239, 230, .3); }
  html[data-skin="duskcu"] .s-who-dk-pb i::after { background: var(--pearl); }
  html[data-skin="duskcu"] .s-who-p--dk { --k-tile: rgba(246, 239, 230, .035); background: none; }
  html[data-skin="duskcu"] #who :is(.s-who-kg-i, .s-who-kt-m, .s-who-ks-d, .s-who-kl-m, .s-who-kl-t, .s-who-kk-sum) { border-radius: 20px; box-shadow: inset 0 0 0 1px rgba(246, 239, 230, .07); }
  html[data-skin="duskcu"] :is(.s-who-kg-ic, .s-who-kg-who, .s-who-kt-m .s-who-avx, .s-who-dk-av .s-who-avx, .s-who-dk-gis i) { background: var(--tint-d); color: var(--acc-d); }
  html[data-skin="duskcu"] #who .s-who-kg-who { color: var(--pearl-2); }
  html[data-skin="duskcu"] .s-who-kg-bar i { background: linear-gradient(90deg, #EBB283, #FFD6B2); }
  html[data-skin="duskcu"] .s-who-kr-sv .l { stroke: var(--acc-d); stroke-width: 1.5; }
  html[data-skin="duskcu"] .s-who-kr-dot { background: var(--l-core); box-shadow: 0 0 0 3px rgba(235, 178, 131, .18), 0 0 10px rgba(255, 214, 178, .6); }
  html[data-skin="duskcu"] #who .s-who-kr-rec { padding-left: 0; padding-right: 0; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--line-d); }
  
  html[data-skin="duskcu"] #who :is(.s-who-kr-cap, .s-who-kr-t) { padding: 12px 0 0; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--line-d); }
  html[data-skin="duskcu"] #who .s-who-kk-list > li { padding-left: 0; padding-right: 0; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--line-d); }
  
  html[data-skin="duskcu"] #who .s-who-kk-list { gap: 0; }
  html[data-skin="duskcu"] #who .s-who-kk-list > li { padding-block: 7px 8px; }
  html[data-skin="duskcu"][data-dk="c"] #who .s-who-dk.is-car:not(.is-tight) .s-who-kk-list > li { padding-block: 11px; }
  html[data-skin="duskcu"] #who .s-who-dk.is-tight .s-who-kk-list > li { padding-block: 5px; }
  html[data-skin="duskcu"] #who .s-who-dk.is-tight2 .s-who-kk-list > li { padding-block: 4px; }
  html[data-skin="duskcu"] #who .s-who-kl-m { padding-top: 16px; }
  
  html[data-skin="duskcu"] .s-who-kg { grid-template-rows: repeat(5, auto); row-gap: 0; }
  html[data-skin="duskcu"] .s-who-kg-i { grid-row: span 5; grid-template-rows: subgrid; row-gap: 0; }
  html[data-skin="duskcu"] .s-who-kg-t { flex-wrap: wrap; row-gap: 2px; align-self: end; }
  
  html[data-skin="duskcu"] .s-who-kt-m { padding-block: 15px; }
  html[data-skin="duskcu"] #who .s-who-dk.is-tight .s-who-kt-m { padding: 15px 12px; }
  html[data-skin="duskcu"] #who .s-who-dk.is-tight .s-who-ks-d { padding: 15px 14px; }
  html[data-skin="duskcu"] #who .s-who-dk.is-tight :is(.s-who-kl-m, .s-who-kl-t) { padding-block: 14px; }
  html[data-skin="duskcu"] #who .s-who-dk.is-tight .s-who-kr-cap .s-who-kr-v { font-size: 26px; }
  html[data-skin="duskcu"] .s-who-kr-rw { font-weight: 400; color: var(--pearl); }
  html[data-skin="duskcu"] .s-who-kr-go { font-weight: 520; color: var(--pearl); background: var(--gl-2); box-shadow: var(--gl-2-edge); }
  
  html[data-skin="duskcu"] .s-who-ks { --ks0: #EBB283; --ks1: #FFD6B2; --ks2: #FBE3CC; --ks3: rgba(246, 239, 230, .2); --ks4: rgba(246, 239, 230, .72); --ks5: rgba(246, 239, 230, .45); }
  html[data-skin="duskcu"] .s-who-kl-t--in { --kl-c: #EBB283; }
  html[data-skin="duskcu"] .s-who-kl-t--out { --kl-c: rgba(246, 239, 230, .72); }
  html[data-skin="duskcu"] .s-who-kl-t--inv { --kl-c: #F6EFE6; }
  html[data-skin="duskcu"] .s-who-kl-bar i { background: linear-gradient(90deg, #EBB283, #FFD6B2); }
  html[data-skin="duskcu"] .s-who-kk-ring circle.on { stroke: var(--acc-d); }
  html[data-skin="duskcu"] .s-who-kk-list .is-done .s-who-kk-s { background: var(--done); color: var(--dusk); }
  html[data-skin="duskcu"] .s-who-kk-list .is-next .s-who-kk-s { box-shadow: inset 0 0 0 1.5px rgba(246, 239, 230, .3); color: var(--pearl-2); }
  
  html[data-skin="duskcu"] #who :is(.s-who-kg-n, .s-who-kt-tx b, .s-who-ks-d figcaption, .s-who-kk-t b, .s-who-kg-t b, .s-who-kg-pc, .s-who-ks-th dd, .s-who-kr-v, .s-who-kr-d, .s-who-kl-v, .s-who-kl-p, .s-who-kl-s, .s-who-kl-tx b, .s-who-kk-c b, .s-who-kg-who) { font-weight: 520; }
  html[data-skin="duskcu"] #who :is(.s-who-kg-t > span, .s-who-kg-sum, .s-who-kt-tx > span, .s-who-ks-th dt, .s-who-kr-k, .s-who-kr-d > span, .s-who-kl-k, .s-who-kl-tx li, .s-who-kk-c > span, .s-who-kk-t span) { font-weight: 400; }
  html[data-skin="duskcu"] .s-who-kg-n { font-size: 15px; }
  html[data-skin="duskcu"] .s-who-kg-t > span { font-size: 10.5px; }
  html[data-skin="duskcu"] .s-who-kg-t b { font-size: var(--fs-label); }
  html[data-skin="duskcu"] .s-who-kg-pc { font-size: 12px; }
  html[data-skin="duskcu"] .s-who-kt-tx b { font-size: var(--fs-label); }
  html[data-skin="duskcu"] .s-who-ks-d figcaption { font-size: var(--fs-label); }
  html[data-skin="duskcu"] .s-who-ks-th dt { font-size: 10.5px; }
  html[data-skin="duskcu"] .s-who-ks-th dd { font-size: 15px; }
  html[data-skin="duskcu"] .s-who-kr-k { font-size: var(--fs-label); }
  html[data-skin="duskcu"] .s-who-kr-v { font-size: 16.5px; }
  html[data-skin="duskcu"] .s-who-kr-cap .s-who-kr-v { font-size: 26px; font-weight: 420; }
  html[data-skin="duskcu"] .s-who-kr-d { font-size: 12px; }
  html[data-skin="duskcu"] .s-who-kr-rw { font-size: 15px; }
  html[data-skin="duskcu"] .s-who-kr-go { font-size: 12px; }
  html[data-skin="duskcu"] .s-who-kl-v, html[data-skin="duskcu"] .s-who-kl-s { font-size: 22px; }
  html[data-skin="duskcu"] .s-who-kl-p { font-size: 12px; }
  
  html[data-skin="duskcu"] .s-who-kl-tx li { font-size: 10.5px; }
  html[data-skin="duskcu"] .s-who-kl-k { font-size: 12px; }
  html[data-skin="duskcu"] .s-who-kk-c b { font-size: 26px; }
  html[data-skin="duskcu"] .s-who-kk-c b span { font-size: var(--fs-label); }
  html[data-skin="duskcu"] .s-who-kk-c > span { font-size: 12px; }
  html[data-skin="duskcu"] .s-who-kk-t b { font-size: var(--fs-label); }
  html[data-skin="duskcu"] .s-who-kk-t span { font-size: 12px; }
  html[data-skin="duskcu"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-who { font-size: 12px; }
  html[data-skin="duskcu"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-pc { font-size: var(--fs-label); }
  html[data-skin="duskcu"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-sum { font-size: 12px; }
  html[data-skin="duskcu"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-n { font-size: 16.5px; }
  html[data-skin="duskcu"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-t > span { font-size: 12px; }
  html[data-skin="duskcu"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kg-t b { font-size: var(--fs-label); }
  html[data-skin="duskcu"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kt-tx b { font-size: var(--fs-label); }
  html[data-skin="duskcu"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-ks-d figcaption { font-size: 15px; }
  html[data-skin="duskcu"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-ks-th dt { font-size: 12px; }
  html[data-skin="duskcu"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-ks-th dd { font-size: 16.5px; }
  html[data-skin="duskcu"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kl-v { font-size: 26px; }
  html[data-skin="duskcu"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kl-p { font-size: var(--fs-label); }
  html[data-skin="duskcu"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kl-k { font-size: var(--fs-label); }
  html[data-skin="duskcu"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kl-s { font-size: 26px; }
  html[data-skin="duskcu"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kl-tx li { font-size: 10.5px; }
  html[data-skin="duskcu"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-k { font-size: var(--fs-label); }
  html[data-skin="duskcu"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-cap .s-who-kr-v { font-size: 26px; }
  html[data-skin="duskcu"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-d { font-size: var(--fs-label); }
  html[data-skin="duskcu"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-v { font-size: 19.4px; }
  html[data-skin="duskcu"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-rw { font-size: 16.5px; }
  html[data-skin="duskcu"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kr-go { font-size: var(--fs-label); }
  html[data-skin="duskcu"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-ring { --kk-n: 26px; }
  html[data-skin="duskcu"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-c > span { font-size: var(--fs-label); }
  html[data-skin="duskcu"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-t b { font-size: 15px; }
  html[data-skin="duskcu"][data-dk="c"] .s-who-dk.is-car:not(.is-tight) .s-who-kk-t span { font-size: var(--fs-label); }

  html[data-skin="duskcu"] .s-team-ph { border-radius: 28px; }
  
  html[data-skin="duskcu"] .s-team-role { left: 12px; bottom: 12px; max-width: calc(100% - 24px); min-height: 32px; padding: 7px 12px; background: var(--sheet); color: var(--ink); box-shadow: var(--lift-pill); font-size: var(--fs-label); font-weight: 520; letter-spacing: .004em; line-height: 1.3; }
  
  @media (max-width: 1439.98px) { html[data-skin="duskcu"] .s-team-role { font-size: 12px; letter-spacing: 0; } }
  @media (max-width: 1365.98px) { html[data-skin="duskcu"] .s-team-role { left: 8px; bottom: 8px; max-width: calc(100% - 16px); } }
  html[data-skin="duskcu"] .s-team-ext { background: var(--sheet); box-shadow: var(--edge-l), var(--lift-1); transition: box-shadow .5s var(--dusk-ease); }
  html[data-skin="duskcu"] .s-team-p--ext .s-team-role { background: var(--tint-l); box-shadow: none; color: var(--ink-2); }
  html[data-skin="duskcu"] .s-team-ext-ico { position: relative; width: 64px; height: 64px; background: none; color: var(--cu); }
  html[data-skin="duskcu"] .s-team-ext-ico svg { width: 24px; height: 24px; }
  html[data-skin="duskcu"] .s-team-ext-ico::before { content: ""; position: absolute; inset: -28px; border-radius: 50%; box-shadow: inset 0 0 0 1px var(--line-l); pointer-events: none;
    background: radial-gradient(circle at 85.4% 14.6%, #DE8448 0 2.5px, rgba(222, 132, 72, .25) 3.5px, transparent 7px); }
  html[data-skin="duskcu"] .s-team-ext-ico::after { content: ""; position: absolute; inset: 0; border-radius: 50%; box-shadow: inset 0 0 0 1px var(--line-l-2); pointer-events: none;
    background: radial-gradient(circle at 0% 50%, #DE8448 0 2px, rgba(222, 132, 72, .2) 3px, transparent 6px); }
  html[data-skin="duskcu"] .s-team-more { transition: box-shadow .5s var(--dusk-ease); }
  html[data-skin="duskcu"] .s-team-more-ico { background: none; color: var(--cu); }
  html[data-skin="duskcu"] .s-team-more-ico svg { width: 26px; height: 26px; }
  html[data-skin="duskcu"] .s-team-more-t { font-weight: 520; font-size: var(--fs-h3); line-height: 1.25; letter-spacing: -.014em; }
  @media (hover: hover) { html[data-skin="duskcu"] :is(.s-team-ext, .s-team-more):hover { box-shadow: var(--edge-l), var(--lift-2); } }

  html[data-skin="duskcu"] .s-trust .s-trust-bento { column-gap: 32px; }
  html[data-skin="duskcu"] .s-trust-tile { row-gap: 32px; padding: 28px 24px 24px 0; overflow: visible; border-radius: 0; background: none; box-shadow: inset 0 1px 0 var(--line-l); }
  html[data-skin="duskcu"] .s-trust-ico { width: 28px; height: 28px; place-items: start; border-radius: 0; background: none; color: var(--cu); }
  html[data-skin="duskcu"] .s-trust-ico svg { width: 28px; height: 28px; }
  html[data-skin="duskcu"] .s-trust-name { font-weight: 520; font-size: var(--fs-h3); line-height: 1.25; letter-spacing: -.014em; }
  html[data-skin="duskcu"] .s-trust-text { font-size: var(--fs-item); font-weight: 400; line-height: 1.5; color: var(--ink-2); }
  html[data-skin="duskcu"] .s-trust-fam { background: var(--dusk-bg); box-shadow: var(--edge-d), var(--lift-dark); }
  html[data-skin="duskcu"] .s-trust-fam::before { content: none; }
  
  html[data-skin="duskcu"] .s-trust-fam::after { background: linear-gradient(180deg, rgba(22, 15, 11, .38), rgba(22, 15, 11, .54) 45%, rgba(22, 15, 11, .80)); }
  html[data-skin="duskcu"] .s-trust-label { font-size: var(--fs-lead); font-weight: 400; line-height: 1.4; letter-spacing: -.006em; color: rgba(246, 239, 230, .82); }
  html[data-skin="duskcu"] .s-trust-digit { font-family: var(--f); font-weight: 300; font-size: var(--fs-digit); line-height: .9; letter-spacing: -.05em; color: var(--pearl); }
  html[data-skin="duskcu"] .s-trust-unit { font-weight: 420; font-size: var(--fs-phrase); letter-spacing: -.022em; color: var(--pearl); }

  html.js[data-skin="duskcu"][data-cmp="c"] .s-compare-lab-t { font-weight: 520; font-size: var(--fs-h3); line-height: 1.25; letter-spacing: -.014em; }
  html.js[data-skin="duskcu"][data-cmp="c"] .s-compare-lab-s { font-size: var(--fs-item); font-weight: 400; line-height: 1.4; color: var(--ink-3); }
  html.js[data-skin="duskcu"][data-cmp="c"] .s-compare { --s-compare-tab-bg: color-mix(in srgb, #FFFFFF 55%, #FAF7F3); }
  html.js[data-skin="duskcu"][data-cmp="c"] .s-compare-chip { border-radius: 20px; color: var(--ink-3); font-size: var(--fs-label); font-weight: 520; }
  html.js[data-skin="duskcu"][data-cmp="c"] .s-compare-chip[aria-pressed="true"] { color: var(--ink); }
  html.js[data-skin="duskcu"][data-cmp="c"] .s-compare-ci { color: var(--ink-3); }
  html.js[data-skin="duskcu"][data-cmp="c"] .s-compare-th { border-radius: 20px 20px 0 0; background: var(--sheet); }
  html.js[data-skin="duskcu"][data-cmp="c"] .s-compare-th::before { background: radial-gradient(circle at 0 0, transparent calc(var(--s-compare-fr, 8px) - .5px), var(--sheet) var(--s-compare-fr, 8px)); }
  html.js[data-skin="duskcu"][data-cmp="c"] .s-compare-th::after { background: radial-gradient(circle at 100% 0, transparent calc(var(--s-compare-fr, 8px) - .5px), var(--sheet) var(--s-compare-fr, 8px)); }
  html.js[data-skin="duskcu"][data-cmp="c"] .s-compare-cl { color: var(--ink); }
  html.js[data-skin="duskcu"][data-cmp="c"] .s-compare-cl .s-compare-ci { color: var(--cu); }
  
  @media (max-width: 1199.98px) { html.js[data-skin="duskcu"][data-cmp="c"] .s-compare-chip { font-size: 12px; } }
  @media (hover: hover) { html.js[data-skin="duskcu"][data-cmp="c"] .s-compare-chip:not([aria-pressed="true"]):hover { background: color-mix(in srgb, #221913 4%, var(--s-compare-tab-bg)); } }
  
  html.js[data-skin="duskcu"][data-cmp="c"]:is([data-cmpfx="b"], [data-cmpfx="c"], [data-cmpfx="d"]) .s-compare.is-pin .s-compare-tp { display: none; }
  html[data-skin="duskcu"] .s-compare-alt { background: var(--sheet); box-shadow: var(--lift-1); }
  html[data-skin="duskcu"] .s-compare-alt :is(.glow-fx) , html[data-skin="duskcu"] .s-compare-alt.glow-host { --glow-bg: var(--rim-l) bottom / 100% 1.5px no-repeat; }
  
  html[data-skin="duskcu"] .s-compare-fou { background:
      radial-gradient(60% 18% at 50% 100%, rgba(255, 214, 178, .12) 0%, rgba(255, 214, 178, .05) 50%, rgba(255, 214, 178, 0) 80%),
      radial-gradient(80% 34% at 0% 100%, rgba(196, 122, 75, .16) 0%, rgba(196, 122, 75, .07) 45%, rgba(196, 122, 75, 0) 76%), var(--pn);
    box-shadow: var(--lift-dark); }   
  html.js[data-skin="duskcu"][data-cmp="c"] .s-compare-ft { background: radial-gradient(70% 90% at 50% 0%, rgba(235, 178, 131, .2) 0%, rgba(235, 178, 131, .08) 50%, rgba(235, 178, 131, 0) 85%), var(--pn); color: var(--pearl); }
  html[data-skin="duskcu"] .s-compare-ft::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; padding: 1.5px 1.5px 0; pointer-events: none;
    background: var(--rim-d) top / 100% 50% no-repeat;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
  html[data-skin="duskcu"] .s-compare-ft > * { position: relative; z-index: 1; }
  html[data-skin="duskcu"] .s-compare-ft .s-compare-fs { font-size: var(--fs-label); font-weight: 400; color: var(--pearl-3); }
  html[data-skin="duskcu"] .s-compare-ki { background: none; color: var(--cu); }
  html[data-skin="duskcu"] .s-compare-k { font-size: var(--fs-item); font-weight: 520; letter-spacing: -.004em; }
  html[data-skin="duskcu"] .s-compare-c { font-size: var(--fs-item); font-weight: 400; letter-spacing: -.004em; }
  html[data-skin="duskcu"] .s-compare-f { font-size: var(--fs-item); font-weight: 400; color: var(--pearl-2); }
  html[data-skin="duskcu"] .s-compare-f b { font-weight: 520; color: var(--pearl); }
  
  html[data-skin="duskcu"] .s-compare-ok { background: var(--done); color: var(--dusk); }
  html[data-skin="duskcu"] .s-compare-yn.is-yes { background: var(--done-d); color: #FFF7EE; }
  html[data-skin="duskcu"] .s-compare-yn.is-no { background: rgba(34, 25, 19, .06); color: var(--ink-3); }
  html[data-skin="duskcu"] .s-compare-r + .s-compare-r > *::before { background: var(--line-l); }
  html[data-skin="duskcu"] .s-compare-r + .s-compare-r > .s-compare-f::before { background: var(--line-d); }
  html[data-skin="duskcu"] .s-compare-cost i { box-shadow: inset 0 0 0 1.5px rgba(34, 25, 19, .22); }
  html[data-skin="duskcu"] .s-compare-cost i.is-on { background: var(--cu); box-shadow: none; }
  html[data-skin="duskcu"] .s-compare-f .s-compare-cost i:not(.is-on) { box-shadow: inset 0 0 0 1.5px rgba(246, 239, 230, .3); }
  html[data-skin="duskcu"] .s-compare-f .s-compare-cost i.is-on { background: var(--acc-d); }
  html[data-skin="duskcu"] .s-compare-note { font-size: var(--fs-label); color: var(--ink-3); }
  
  @media (max-height: 860px) {
    html[data-skin="duskcu"] .s-compare-head { margin-bottom: var(--head-gap-tight); }
    html[data-skin="duskcu"] .s-compare-head .sec-sub { margin-top: 16px; }
  }

  html[data-skin="duskcu"] #strategy { position: relative; isolation: isolate; margin-inline: 12px; padding-block: var(--p-sec); border-radius: 40px; background: var(--day-2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6), 0 0 0 1px rgba(34, 25, 19, .05); }
  html[data-skin="duskcu"] #strategy > .wrap { position: relative; z-index: 1; max-width: calc(1440px - 24px); padding: 0 calc(var(--p-field) - 12px); }
  html[data-skin="duskcu"] .s-strategy-card { background: var(--gl-sheen), var(--pn-light), var(--pn); box-shadow: var(--gl-edge), var(--lift-dark); }
  html[data-skin="duskcu"] .s-strategy-card > .s-strategy-glow { opacity: 1;
    background:
      radial-gradient(ellipse 60% 6% at 50% 100%, rgba(255, 214, 178, .5) 0%, rgba(255, 214, 178, .475) 10%, rgba(255, 214, 178, .405) 20%, rgba(255, 214, 178, .31) 30%, rgba(255, 214, 178, .215) 40%, rgba(255, 214, 178, .13) 50%, rgba(255, 214, 178, .07) 60%, rgba(255, 214, 178, .033) 70%, rgba(255, 214, 178, .013) 80%, rgba(255, 214, 178, .003) 90%, rgba(255, 214, 178, 0) 100%),
      radial-gradient(ellipse 50% 40% at 50% 100%, rgba(246, 239, 230, .05), rgba(246, 239, 230, .03) 40%, rgba(246, 239, 230, 0)); }
  html[data-skin="duskcu"] .s-strategy-card .s-strategy-tag { font-weight: 520; color: var(--pearl-2); }
  html[data-skin="duskcu"] .s-strategy-title { font-weight: 420; font-size: var(--fs-h2); line-height: 1.08; letter-spacing: -.028em; color: var(--pearl); }
  html[data-skin="duskcu"] .s-strategy-sub { font-size: var(--fs-lead); font-weight: 400; line-height: 1.5; letter-spacing: -.006em; color: var(--pearl-2); }
  html[data-skin="duskcu"] .s-strategy-goal { stroke: rgba(246, 239, 230, .16); }
  html[data-skin="duskcu"] .s-strategy-track { stroke: rgba(235, 178, 131, .18); }
  html[data-skin="duskcu"] .s-strategy-line { stroke: var(--acc-d); stroke-width: 1.5; }
  html[data-skin="duskcu"] .s-strategy-node { background: var(--dusk); border-color: rgba(235, 178, 131, .6); }
  html[data-skin="duskcu"] .s-strategy-node.is-on { background: var(--l-peach); border-color: var(--l-peach); }
  html[data-skin="duskcu"] .s-strategy-tip { background: var(--l-core); outline-color: rgba(235, 178, 131, .14); box-shadow: 0 0 16px rgba(255, 214, 178, .6); }
  html[data-skin="duskcu"] .s-strategy-tip.is-goal { background: var(--l-core); outline-color: rgba(235, 178, 131, .14); }
  html[data-skin="duskcu"] .s-strategy-tip::after { background: radial-gradient(closest-side, rgba(255, 214, 178, .35), transparent); }
  html[data-skin="duskcu"] .s-strategy-price { font-size: var(--fs-item); font-weight: 400; line-height: 1.4; color: var(--pearl-2); }
  
  html[data-skin="duskcu"] .s-strategy-tile { padding: 14px 28px; background: var(--sheet); box-shadow: var(--edge-l), var(--lift-1); }
  html[data-skin="duskcu"] .s-strategy-n { background: var(--sheet); color: var(--cu); box-shadow: inset 0 0 0 1.5px rgba(196, 122, 75, .5); font-size: var(--fs-label); font-weight: 520; }
  html[data-skin="duskcu"] .is-pin .s-strategy-st:not(.is-now):not(.is-done) .s-strategy-n { background: var(--sheet); color: var(--cu); box-shadow: inset 0 0 0 1.5px rgba(196, 122, 75, .5); }
  html[data-skin="duskcu"] .is-pin .s-strategy-st.is-now .s-strategy-n { background: #221913; color: #F6EFE6; box-shadow: none; }
  
  html[data-skin="duskcu"] .is-pin .s-strategy-st.is-done .s-strategy-n { box-shadow: inset 0 0 0 1.5px var(--cu); }
  html[data-skin="duskcu"] .s-strategy-st:not(:last-child)::before { background: rgba(196, 122, 75, .25); }
  html[data-skin="duskcu"] .s-strategy-st:not(:last-child)::after { background: var(--cu); }
  html[data-skin="duskcu"] .s-strategy-st h3 { font-weight: 520; font-size: var(--fs-h3); line-height: 1.25; letter-spacing: -.014em; }
  html[data-skin="duskcu"] .is-pin .s-strategy-st:not(.is-now) h3 { color: var(--ink-2); }
  html[data-skin="duskcu"] .s-strategy-tx p { font-size: var(--fs-item); line-height: 1.5; color: var(--ink-2); }
  html[data-skin="duskcu"] .is-pin .s-strategy-st.is-now .s-strategy-tx p { color: var(--ink-2); }

  html[data-skin="duskcu"] .s-faq-panel { gap: 0; }
  html[data-skin="duskcu"] .s-faq-q { border-radius: 0; background: none; box-shadow: inset 0 -1px 0 var(--line-l); }
  html[data-skin="duskcu"] .s-faq-s { border-radius: 0; }
  html[data-skin="duskcu"] :is(.s-faq-ico, .s-faq-q[open]:not(.is-closing) .s-faq-ico) { width: 28px; height: 28px; border-radius: 0; background: none; color: var(--cu); }
  html[data-skin="duskcu"] .s-faq-qt { font-size: var(--fs-lead); font-weight: 520; line-height: 1.3; letter-spacing: -.012em; }
  html[data-skin="duskcu"] .s-faq-chev { color: var(--ink-3); }
  html[data-skin="duskcu"] .s-faq-q[open]:not(.is-closing) .s-faq-chev { color: var(--ink); }
  html[data-skin="duskcu"] .s-faq-at { max-width: calc(62ch + 60px); padding-left: 60px; font-size: var(--fs-text); line-height: 1.55; color: var(--ink-2); }
  html[data-skin="duskcu"] .s-faq-write { color: var(--ink); text-decoration-thickness: 1px; text-underline-offset: .28em; text-decoration-color: rgba(34, 25, 19, .34); }
  @media (hover: hover) {
    html[data-skin="duskcu"] .s-faq-s:hover .s-faq-chev { background: var(--tint-l); }
    html[data-skin="duskcu"] .s-faq-write:hover { text-decoration-color: rgba(34, 25, 19, .8); }
  }

  html[data-skin="duskcu"] .s-meet-card { min-height: clamp(360px, calc(var(--meet-h, 404px) - 8px), 640px); background: var(--day); color: var(--ink); box-shadow: var(--edge-l), var(--lift-1); }
  html[data-skin="duskcu"] .s-meet-card .s-meet-flow { opacity: 1; -webkit-mask-image: none; mask-image: none;
    background:
      radial-gradient(ellipse 52% 74% at 90% 48%, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, .902) 10%, rgba(255, 255, 255, .769) 20%, rgba(255, 255, 255, .589) 30%, rgba(255, 255, 255, .408) 40%, rgba(255, 255, 255, .247) 50%, rgba(255, 255, 255, .133) 60%, rgba(255, 255, 255, .062) 70%, rgba(255, 255, 255, .024) 80%, rgba(255, 255, 255, .006) 90%, rgba(255, 255, 255, 0) 100%),
      radial-gradient(ellipse 34% 50% at 90% 50%, rgba(255, 214, 178, .5) 0%, rgba(255, 214, 178, .475) 10%, rgba(255, 214, 178, .405) 20%, rgba(255, 214, 178, .31) 30%, rgba(255, 214, 178, .215) 40%, rgba(255, 214, 178, .13) 50%, rgba(255, 214, 178, .07) 60%, rgba(255, 214, 178, .033) 70%, rgba(255, 214, 178, .013) 80%, rgba(255, 214, 178, .003) 90%, rgba(255, 214, 178, 0) 100%); }
  html[data-skin="duskcu"] .s-meet-t { font-weight: 420; font-size: var(--fs-meet); line-height: 1.04; letter-spacing: -.034em; color: var(--ink); }
  html[data-skin="duskcu"] .s-meet-text { margin-top: 24px; font-size: var(--fs-lead); font-weight: 400; line-height: 1.5; letter-spacing: -.006em; color: var(--ink-2); }
  html[data-skin="duskcu"] .s-meet-act { margin-top: 40px; }
  html[data-skin="duskcu"] .s-meet-card :focus-visible { outline-color: var(--focus-l); }
  html[data-skin="duskcu"] .s-meet-ph { border-radius: 28px; }

  html[data-skin="duskcu"] .ft { padding: 48px 12px 12px; }
  html[data-skin="duskcu"] .ft > .wrap { max-width: none; padding: 0; }
  html[data-skin="duskcu"] .ft-card { padding: 48px calc(var(--p-field) - 12px) 32px; border-radius: 40px; color: var(--pearl);
    background: radial-gradient(340px 220px at calc(100% - 200px) 70px, rgba(235, 178, 131, .3) 0%, rgba(235, 178, 131, .21) 22%, rgba(235, 178, 131, .1) 46%, rgba(235, 178, 131, .035) 68%, rgba(235, 178, 131, 0) 86%),
      radial-gradient(220px 120px at calc(100% - 500px) 165px, rgba(196, 122, 75, .2) 0%, rgba(196, 122, 75, .13) 24%, rgba(196, 122, 75, .05) 52%, rgba(196, 122, 75, 0) 80%), var(--dusk-bg); }
  html[data-skin="duskcu"] .ft-card::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; padding: 1.5px 1.5px 0; pointer-events: none;
    background: linear-gradient(90deg, transparent 8%, rgba(221, 162, 115, .3) 28%, rgba(255, 214, 178, .7) 50%, rgba(221, 162, 115, .3) 72%, transparent 92%) top / 100% 50% no-repeat;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
  html[data-skin="duskcu"] .ft-card > * { position: relative; z-index: 1; max-width: calc(1440px - 2 * var(--p-field)); margin-inline: auto; }
  html[data-skin="duskcu"] .ft-slogan { font-size: var(--fs-text); font-weight: 400; letter-spacing: -.003em; color: rgba(246, 239, 230, .82); }
  html[data-skin="duskcu"] .ft-tag { font-size: var(--fs-item); font-weight: 400; letter-spacing: -.004em; color: var(--pearl-3); }
  html[data-skin="duskcu"] .ft-con { padding: 22px 24px 24px; border: 0; border-radius: 28px; background: var(--gl-sheen), var(--gl-fill-fb); box-shadow: var(--gl-edge); }
  @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    html[data-skin="duskcu"] .ft-con { background: var(--gl-sheen), var(--gl-fill); -webkit-backdrop-filter: var(--gl-blur); backdrop-filter: var(--gl-blur); }
  }
  html[data-skin="duskcu"] .ft-ph { font-size: var(--fs-item); font-weight: 520; letter-spacing: -.004em; color: var(--pearl); }
  html[data-skin="duskcu"] .ft-pt { font-size: var(--fs-item); font-weight: 400; color: var(--pearl-2); }
  html[data-skin="duskcu"] :is(.ft-ln, .ft-doc) { color: rgba(246, 239, 230, .86); text-decoration-thickness: 1px; text-underline-offset: .28em; text-decoration-color: rgba(246, 239, 230, .3); }
  html[data-skin="duskcu"] .ft-doc { font-size: var(--fs-label); }
  html[data-skin="duskcu"] .ft-doc:not([href]) { color: var(--pearl-2); }
  html[data-skin="duskcu"] .ft-fine { margin-top: 48px; padding-top: 0; border-top: 0; }
  html[data-skin="duskcu"] .ft-legal { font-size: var(--fs-label); color: var(--pearl-3); }
  html[data-skin="duskcu"] footer.ft .ft-up { background: var(--gl-2); color: var(--pearl); box-shadow: var(--gl-2-edge); }
  @media (hover: hover) {
    html[data-skin="duskcu"] :is(.ft-ln, .ft-doc[href]):hover { opacity: 1; text-decoration-color: rgba(246, 239, 230, .8); }
    html[data-skin="duskcu"] footer.ft .ft-up:hover { background: var(--pearl); color: var(--dusk); box-shadow: none; }
  }
}