@font-face{font-family:'Quicksand';font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonty/quicksand-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Quicksand';font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonty/quicksand-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:'Nunito Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonty/nunito-sans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonty/nunito-sans-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:'DM Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonty/dm-mono-latin-ext-400.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'DM Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonty/dm-mono-latin-400.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:'DM Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonty/dm-mono-latin-ext-500.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'DM Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonty/dm-mono-latin-500.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{
  
  --ultra-0:#F4F7FC;  --ultra-1:#E6EDF7;  --ultra-2:#CBD8EC;  --ultra-3:#A6BCDD;  --ultra-4:#7C99CB;  --ultra-5:#5474B4;  --ultra-6:#3A5896;  --ultra-7:#2C4478;  --ultra-8:#22355E;  --ultra-9:#1A2947;
  
  --mandarin-0:#FFF1EB;  --mandarin-1:#FFE4D8;  --mandarin-2:#FFD3C0;  --mandarin-3:#FFC0A4;  --mandarin-4:#FFAA83;  --mandarin-5:#FF9360;  --mandarin-6:#FF7C38;  --mandarin-7:#F86F22;  --mandarin-8:#EC691E;  --mandarin-9:#E16520;
  
  --neutral-0:#FAFCFE;  --neutral-1:#F3F7FA;  --neutral-2:#E4EBF2;  --neutral-3:#D3DCE6;  --neutral-4:#AEBAC7;  --neutral-5:#8795A4;  --neutral-6:#48545F;  --neutral-7:#2E3740;  --neutral-8:#232B34;  --neutral-9:#18202A;
  
  --amber-0:#FEF6E0;  --amber-1:#FDEEC4;  --amber-2:#FBE3A1;  --amber-3:#F8D77D;  --amber-4:#F3CB59;  --amber-5:#ECC13D;  --amber-6:#E5B823;  --amber-7:#DCB121;  --amber-8:#D4AB24;  --amber-9:#CDA629;
  
  --red-0:#FFF1F0;  --red-1:#FFE2E0;  --red-2:#FFC9C6;  --red-3:#FFA9A6;  --red-4:#FF8281;  --red-5:#F4595E;  --red-6:#D53441;  --red-7:#B32130;  --red-8:#931323;  --red-9:#720416;
  
  --surface:#FFFFFF;      
  --ground:#FAFCFE;        
  --paper:#F3F7FA;          
  --sidebar:#F4F7FC;      
  --dark:#1A2947;            
  --dark-ink:#EDF2F9;     
  --proof:#DDE5EF;          
  
  --ink:#18202A;              
  --muted:#52606E;          
  --line:#DEE5EC;            
  --line-strong:#C9D2DB;    
  
  
  --prim-tint:#F4F7FC;  --prim-on:#22355E;  --prim-solid:#2C4478;  --prim-on-solid:#FFFFFF;   
  --acc-tint:#FFF1EB;  --acc-on:#22355E;  --acc-solid:#FF7C38;  --acc-on-solid:#0E0E12;   
  --neu-tint:#F3F7FA;  --neu-on:#52606E;  --neu-solid:#48545F;  --neu-on-solid:#FFFFFF;   
  --war-tint:#FEF6E0;  --war-on:#18202A;  --war-solid:#E5B823;  --war-on-solid:#0E0E12;   
  --dan-tint:#FFF1F0;  --dan-on:#931323;  --dan-solid:#D53441;  --dan-on-solid:#FFFFFF;   
  --done-tint:#18202A;  --done-on:#FAFCFE;  --done-solid:#18202A;  --done-on-solid:#FAFCFE;   
  
  --rep-a:#22355E;  --rep-a-on:#FFFFFF;
  --rep-b:#3A5896;  --rep-b-on:#FFFFFF;
  --rep-c:#AEBAC7;  --rep-c-on:#0E0E12;
  --rep-d:#ECC13D;  --rep-d-on:#0E0E12;
  --rep-e:#D53441;  --rep-e-on:#FFFFFF;
  --rep-f:#931323;  --rep-f-on:#FFFFFF;
  
  --font-display:Quicksand, ui-rounded, system-ui, sans-serif;
  --font-text:"Nunito Sans", system-ui, sans-serif;
  --font-mono:"DM Mono", ui-monospace, monospace;  
}
.state-draft, .state-queued, .state-declined, .state-expired, .state-rejected{
  background:var(--neu-tint);  color:var(--neu-on);
}
.state-invited, .state-applied, .state-monitoring{ background:var(--prim-tint); color:var(--prim-on); }
.state-accepted, .state-address, .state-shipped{ background:var(--acc-tint); color:var(--acc-on); }
.state-packed, .state-paused, .state-capacity{ background:var(--war-tint); color:var(--war-on); }
.state-delivered, .state-completed{ background:var(--done-tint); color:var(--done-on); }
.state-returned, .state-cancelled{ background:var(--dan-tint); color:var(--dan-on); }
*, *::before, *::after { box-sizing: border-box; }
body.web { margin: 0; background: var(--surface); color: var(--ink);
  font-family: var(--font-text); font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
body.web h1, body.web h2, body.web h3, body.web h4 { font-family: var(--font-display); font-weight: 700; margin: 0; letter-spacing: -0.02em; }
.web-wrap { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.web-wrap--narrow { max-width: 820px; }
.web-wrap--wide { max-width: 1440px; }
.num, .mono { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
.eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.lead { font-size: 19px; color: var(--muted); max-width: 52ch; }
.small { font-size: 14px; color: var(--muted); }
.tiny { font-size: 12px; color: var(--muted); }
a { color: var(--prim-solid); }
.web-nav { display: flex; align-items: center; gap: 22px; height: 68px; border-bottom: 1px solid var(--line); }
.web-nav__slot { height: 136px; }
.web-nav__slot .web-nav { height: 136px; transition: height .18s ease; }
.web-nav__slot .web-nav.is-stuck { position: fixed; top: 0; left: 0; right: 0; z-index: 60; height: 68px;
  padding: 0 max(24px, calc((100% - 1200px) / 2 + 24px)); background: var(--surface); border-bottom: 1px solid var(--line); }
.web-nav.is-stuck.web-nav--dark .web-nav__logo { color: var(--ink); }
.web-nav.is-stuck.web-nav--dark a.web-nav__link { color: var(--muted); }
.web-nav.is-stuck.web-nav--dark a.web-nav__link:hover { color: var(--ink); }
.web-nav.is-stuck .wbtn--onphoto { background: var(--prim-solid); color: var(--prim-on-solid); }
.web-nav__logo { font-family: var(--font-display); font-weight: 700; font-size: 20px; letter-spacing: -0.03em; color: var(--ink); text-decoration: none; }
.web-nav__logo::after { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--acc-solid); margin-left: 3px; vertical-align: 3px; }
.web-nav a.web-nav__link { color: var(--muted); text-decoration: none; font-size: 14.5px; font-weight: 600; }
.web-nav a.web-nav__link:hover { color: var(--ink); }
.web-nav__spacer { margin-left: auto; }
.web-nav__links { display: contents; }
.web-nav--dark { border-bottom-color: rgba(255,255,255,.14); }
.web-nav--dark .web-nav__logo { color: #fff; }
.web-nav--dark a.web-nav__link { color: rgba(255,255,255,.72); }
.web-nav--dark a.web-nav__link:hover { color: #fff; }
.wbtn { display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 13px 22px; border-radius: 8px; border: 1px solid transparent; cursor: pointer;
  font-family: var(--font-text); font-size: 15px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.wbtn--prim { background: var(--prim-solid); color: var(--prim-on-solid); }
.wbtn--acc  { background: var(--acc-solid);  color: var(--acc-on-solid); }   
.wbtn--ghost { background: transparent; color: var(--prim-on); border-color: var(--line-strong); }
.wbtn--onphoto { background: var(--surface); color: var(--prim-on); }
.wbtn--onphoto-ghost { background: transparent; color: #fff; border-color: rgba(255,255,255,.55); }
.wbtn--lg { padding: 16px 28px; font-size: 16.5px; }
.wbtn--sm { padding: 9px 15px; font-size: 13.5px; }
.sect { padding: 76px 0; }
.sect--tight { padding: 48px 0; }
.sect--tint { background: var(--prim-tint); }
.sect--paper { background: var(--paper); }
.sect--ink { background: var(--ink); color: var(--dark-ink); }
.sect--ink h2, .sect--ink h3 { color: #fff; }
.sect--ink .lead, .sect--ink .small { color: rgba(255,255,255,.7); }
.sect__head { max-width: 62ch; margin-bottom: 32px; }
.sect__head h2 { font-size: 34px; line-height: 1.16; margin-bottom: 12px; }
.rule { height: 1px; background: var(--line); border: 0; margin: 0; }
.ph { display: block; width: 100%; height: 100%; object-fit: cover; }
.ph-frame { position: relative; overflow: hidden; border-radius: 12px; background: var(--neutral-2); }
.ph-frame--sq { aspect-ratio: 1 / 1; }
.ph-frame--4x3 { aspect-ratio: 4 / 3; }
.ph-frame--3x4 { aspect-ratio: 3 / 4; }
.ph-frame--16x9 { aspect-ratio: 16 / 9; }
.ph-frame--wide { aspect-ratio: 21 / 9; }
.ph-frame--tall { aspect-ratio: 2 / 3; }
.ph-frame--fill { height: 100%; min-height: 100%; }
.ph-frame--fill > img.ph { position: absolute; inset: 0; }
.ph-cap { position: absolute; left: 12px; bottom: 12px; right: 12px; color: #fff; font-size: 12.5px;
  font-weight: 600; text-shadow: 0 1px 8px rgba(0,0,0,.55); }
.ph-scrim::after { content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(16,22,32,0) 38%, rgba(16,22,32,.68) 100%); }
.ph-scrim--full::after { background: linear-gradient(90deg, rgba(16,22,32,.82) 0%, rgba(16,22,32,.5) 52%, rgba(16,22,32,.2) 100%); }
.wcard { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
.wcard__body { padding: 20px; }
.wcard__body h3 { font-size: 18px; margin-bottom: 8px; }
.wcard--flat { border-radius: 12px; background: var(--prim-tint); border-color: transparent; }
.g { display: grid; gap: 20px; }
.g2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.g3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.g4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.g--split { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); align-items: center; gap: 56px; }
.pill { display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px; border-radius: 999px;
  font-size: 12.5px; font-weight: 700; line-height: 1.35; text-align: center; }
.pill--prim { background: var(--prim-tint); color: var(--prim-on); }
.pill--acc { background: var(--acc-tint); color: var(--acc-on); }
.pill--war { background: var(--war-tint); color: var(--war-on); }
.pill--done { background: var(--done-tint); color: var(--done-on); }
.pill--glass { background: rgba(255,255,255,.16); color: #fff; backdrop-filter: blur(6px); }
.printzone { position: relative; background: var(--proof); border: 1px dashed var(--line-strong); border-radius: 6px;
  display: grid; place-items: center; color: var(--muted); font-size: 11.5px; font-weight: 700;
  letter-spacing: .04em; text-transform: uppercase; min-height: 72px; }
.printzone::before, .printzone::after { content: ""; position: absolute; width: 12px; height: 12px; }
.printzone::before { left: -1px; top: -1px; border-left: 2px solid var(--ink); border-top: 2px solid var(--ink); }
.printzone::after { right: -1px; bottom: -1px; border-right: 2px solid var(--ink); border-bottom: 2px solid var(--ink); }
.vfill { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
@media (prefers-reduced-motion: reduce) { .vfill { display: none; } }
.proof { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.proof-q { background: var(--surface); border: 1px solid var(--line); border-radius: 14px; padding: 20px; }
.proof-q p { margin: 0 0 16px; font-size: 15.5px; }
.proof-who { display: flex; align-items: center; gap: 11px; }
.proof-who img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; flex: 0 0 44px; }
.proof-who b { display: block; font-family: var(--font-display); font-size: 14.5px; }
.proof-who span { font-size: 12.5px; color: var(--muted); }
.proof-note { display: inline-flex; align-items: center; gap: 7px; background: var(--war-tint); color: var(--war-on);
  border-radius: 999px; padding: 6px 13px; font-size: 12.5px; font-weight: 700; margin-bottom: 18px; }
.faces { display: flex; align-items: center; gap: 0; }
.faces img { width: 38px; height: 38px; border-radius: 50%; object-fit: cover; border: 2px solid var(--surface); margin-left: -10px; }
.faces img:first-child { margin-left: 0; }
@media (max-width: 900px) { .proof { grid-template-columns: 1fr; } }
.vband { position: relative; overflow: hidden; background: var(--ink); }
.vband video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.vband__inner { position: relative; z-index: 2; }
.vband::after { content: ""; position: absolute; inset: 0; z-index: 1;
  background: linear-gradient(90deg, rgba(12,18,28,.86) 0%, rgba(12,18,28,.55) 55%, rgba(12,18,28,.25) 100%); }
.vband--center::after { background: linear-gradient(180deg, rgba(12,18,28,.5) 0%, rgba(12,18,28,.72) 100%); }
@media (prefers-reduced-motion: reduce) { .vband video { display: none; } }
.price-row { display: flex; align-items: baseline; gap: 12px; padding: 13px 0; border-bottom: 1px solid var(--line); }
.price-row__amt { margin-left: auto; font-family: var(--font-mono); font-weight: 500; white-space: nowrap; }
.wtrace { display: flex; align-items: center; gap: 0; flex-wrap: wrap; }
.wtrace__n { display: flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 700; color: var(--muted); }
.wtrace__dot { width: 11px; height: 11px; border-radius: 50%; border: 2px solid var(--line-strong); background: var(--surface); }
.wtrace__n.is-on { color: var(--ink); }
.wtrace__n.is-on .wtrace__dot { border-color: var(--acc-solid); background: var(--acc-solid); }
.wtrace__bar { width: 34px; height: 2px; background: var(--line-strong); margin: 0 10px; }
.web-foot { border-top: 1px solid var(--line); padding: 34px 0; font-size: 13.5px; color: var(--muted); }
.web-foot a { color: var(--muted); text-decoration: none; margin-right: 18px; }
.web-foot a:hover { color: var(--ink); }
.web-foot__cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.web-foot__col a { display: block; margin: 0 0 6px; }
.web-foot__h { display: block; font-family: var(--font-display); font-weight: 700; color: var(--ink); margin-bottom: 10px; }
.web-foot--dark .web-foot__h { color: #fff; }
@media (max-width: 720px) { .web-foot__cols { grid-template-columns: 1fr; gap: 22px; } }
@media (max-width: 900px) {
  .g2, .g3, .g4, .g--split { grid-template-columns: 1fr; }
  .g--split { gap: 28px; }
  .sect { padding: 48px 0; }
  .sect__head h2 { font-size: 27px; }
  .lead { font-size: 17px; }
  
  .web-nav { gap: 12px 14px; flex-wrap: wrap; height: auto; padding-block: 12px; }
  .web-nav__slot, .web-nav__slot .web-nav { height: auto; }
  .web-nav__slot .web-nav.is-stuck { position: static; padding: 12px 0; background: transparent; border-bottom-color: var(--line); }
  .web-nav__logo { order: 1; }
  .web-nav .wbtn { order: 2; margin-left: auto; }
  .web-nav__links { display: flex; order: 3; flex-basis: 100%; gap: 16px; align-items: center; }
  .web-nav .web-nav__link { font-size: 14px; }
  
  .wbtn { padding: 12px 18px; }
}
.fcard{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
.fcard--rev>*:first-child{order:2}
.fcard__txt{padding:32px;align-self:center}
.fcard__txt h3{font-size:24px;margin-bottom:10px}
.fcard__ph{min-height:290px;position:relative}
.ed-num{display:flex;align-items:baseline;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}
.ed-num span:first-child{font-family:var(--font-mono);font-size:13px;color:var(--muted);width:34px}
.ed-num h3{font-size:19px}
.trk{position:relative}
.trk::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--line-strong);transform:translateX(-50%)}
.stop{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr);align-items:center;padding:26px 0}
.stop__ph{border-radius:12px;overflow:hidden}
.stop__mid{display:grid;place-items:center}
.stop__dot{width:20px;height:20px;border-radius:50%;background:var(--surface);border:3px solid var(--line-strong);position:relative;z-index:2}
.stop.is-on .stop__dot{border-color:var(--acc-solid);background:var(--acc-solid)}
.stop__txt{padding:0 34px}
.stop:nth-child(even) .stop__ph{grid-column:3}
.stop:nth-child(even) .stop__txt{grid-column:1;text-align:right}
.rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}
.rail>*{flex:0 0 250px;scroll-snap-align:start}
@media(min-width:1000px){
  .rail{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;overflow:visible;padding-bottom:0}
  .rail>*{flex:none}
}
.onlynarrow{display:inline}
@media(min-width:1000px){.onlynarrow{display:none}}
.mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:164px;gap:10px}
.mosaic>*:nth-child(1){grid-column:span 2;grid-row:span 2}
.mosaic>*:nth-child(6){grid-column:span 2}
.strip{display:grid;gap:6px}
.vb{display:flex;align-items:flex-end}
.vb__box{padding:44px 0 46px;color:#fff;max-width:46ch}
.vb__box h2{color:#fff;font-size:33px;line-height:1.14;margin-bottom:10px}
.vb__box p{color:rgba(255,255,255,.82);margin:0}
.vb__step{font-family:var(--font-mono);font-size:12.5px;color:var(--acc-solid);letter-spacing:.1em;margin-bottom:10px;display:block}
.dseq{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:2px solid var(--ink)}
.dseq__r{padding:16px 18px 0 0;border-right:1px solid var(--line)}
.dseq__r:last-child{border-right:0;padding-right:0}
.dseq__r b{display:block;font-family:var(--font-display);font-size:15px;margin-bottom:6px}
.dseq__r span{font-size:14px;color:var(--muted)}
@media(max-width:900px){.dseq{grid-template-columns:1fr}.dseq__r{border-right:0;border-bottom:1px solid var(--line);padding:14px 0}}
.tcap{margin:0;display:flex;flex-direction:column;gap:14px}
.tcap figcaption h3{font-size:18px;margin:0 0 6px}
.stt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:52px;align-items:start}
.stt__big{font-family:var(--font-display);font-size:58px;font-weight:700;line-height:1;letter-spacing:-.035em}
.streach__hd{display:grid;grid-template-columns:minmax(88px,1fr) minmax(120px,1.8fr) minmax(72px,.8fr) minmax(72px,.8fr);gap:12px;
  font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-bottom:8px}
.streach__hd span:last-child{text-align:right}
.streach__r{display:grid;grid-template-columns:minmax(88px,1fr) minmax(120px,1.8fr) minmax(72px,.8fr) minmax(72px,.8fr);gap:12px;
  align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.streach__k{font-family:var(--font-display);font-weight:700;font-size:14.5px}
.streach__bar{position:relative;height:10px;border-radius:999px;background:var(--neutral-2);display:block}
.streach__seg{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--acc-solid);transition:width .2s}
.streach__pct{position:absolute;right:0;top:-6px;font-size:11.5px;color:var(--muted)}
.streach__n{font-size:13px;color:var(--muted);text-align:right}
.stfun{display:grid;gap:12px}
.stfun__i{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:start;
  border:1px solid var(--line-strong);border-radius:12px;padding:16px 18px;background:var(--paper)}
.stfun__num{display:flex;flex-direction:column;gap:9px}
.stfun__v{font-family:var(--font-display);font-size:27px;font-weight:700;line-height:1;
  color:var(--ink);letter-spacing:-.02em}
.stfun__bar{display:block;height:8px;border-radius:999px;background:var(--neutral-2);overflow:hidden}
.stfun__fill{display:block;height:100%;border-radius:999px;background:var(--acc-solid)}
.stfun__i b{display:block;font-family:var(--font-display);font-size:16.5px;margin-bottom:4px}
@media(max-width:900px){
  .stt{grid-template-columns:1fr;gap:26px}
  .stt__big{font-size:42px}
  .streach__hd{display:none}
  .streach__r{grid-template-columns:1fr;gap:8px}
  .streach__n{text-align:left}
  .stfun__i{grid-template-columns:1fr;gap:8px}
  .streach__pct{position:static;display:block;margin-top:6px;text-align:right}
}
.cx{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(296px,1fr))}
.cx__col{border-radius:16px;padding:26px}
.cx__col--a{background:var(--neu-tint);border:1px solid var(--line)}
.cx__col--b{background:var(--prim-tint);border:1px solid transparent}
.cx__col ul{list-style:none;margin:14px 0 0;padding:0}
.cx__col li{display:flex;gap:11px;align-items:flex-start;padding:11px 0;font-size:15.5px;border-top:1px solid var(--line)}
.cx__col li:first-child{border-top:0}
.cx__col--a li{color:var(--muted)}
.cx__m{flex:0 0 20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:10px;margin-top:2px}
.cx__m--x{background:var(--neutral-2);color:var(--muted)}
.cx__m--o{background:var(--acc-solid);color:var(--acc-on-solid);font-size:8px}
.calc{background:var(--prim-tint);border-radius:14px;padding:24px}
.calc__lab{display:block;font-size:13px;font-weight:700;color:var(--muted);margin-bottom:10px}
.calc__row{display:flex;gap:14px;align-items:center;margin-bottom:18px}
.calc__in{width:120px;padding:11px 12px;border:1px solid var(--line-strong);border-radius:8px;font:600 17px var(--font-mono);color:var(--ink);background:var(--surface)}
.calc__rng{flex:1;accent-color:var(--acc-solid)}
.calc__out{display:flex;flex-direction:column;gap:4px;padding-top:16px;border-top:1px solid var(--line-strong)}
.calc__sum{font-family:var(--font-display);font-size:38px;font-weight:700;line-height:1;letter-spacing:-.03em}
.calc__brk{font-size:13px;color:var(--muted)}
@media(max-width:640px){.calc__row{flex-wrap:wrap}.calc__rng{flex:1 1 100%}.calc__sum{font-size:30px}}
.faq{border-top:1px solid var(--line)}
.faq div{border-bottom:1px solid var(--line);padding:17px 0}
.faq b{font-family:var(--font-display);font-size:17px;display:block;margin-bottom:4px}
.leadf{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:var(--prim-tint);border-radius:16px;padding:32px}
.leadf__f{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px}
.fld{margin-bottom:12px}
.fld label{display:block;font-size:12.5px;font-weight:700;color:var(--muted);margin-bottom:5px}
.fld input{width:100%;padding:11px 12px;border:1px solid var(--line-strong);border-radius:8px;font:15px var(--font-text);color:var(--ink);background:var(--surface)}
.fld input.mono{font-family:var(--font-mono)}
@media(max-width:900px){
  .fcard{grid-template-columns:1fr}
  .fcard--rev>*:first-child{order:0}
  .fcard__ph{min-height:210px}
  .trk::before{left:11px}
  .stop{grid-template-columns:24px 1fr;gap:14px}
  .stop__mid{order:0}
  .stop__ph{order:2!important;grid-column:2!important}
  .stop__txt{order:1!important;grid-column:2!important;padding:0 0 12px;text-align:left!important}
  .mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:130px}
  .strip{grid-template-columns:repeat(3,1fr)!important}
  .cx__col{padding:20px}
  .leadf{grid-template-columns:1fr;padding:22px;gap:22px}
  .vb__box h2{font-size:24px}
}
.h8{display:grid;grid-template-columns:1.02fr .98fr;gap:40px;align-items:center;padding-block:54px}
.h8 h1{font-size:50px;line-height:1.05;max-width:18ch;margin-bottom:14px}
.phones{display:flex;gap:16px;justify-content:center;align-items:flex-start}
.phone{width:206px;border-radius:30px;border:9px solid var(--ink);overflow:hidden;background:var(--ink);position:relative}
.phone--back{transform:translateY(26px) rotate(-4deg);width:174px}
.phone--front{transform:rotate(3deg)}
.phone__scr{aspect-ratio:9/19;position:relative;border-radius:21px;overflow:hidden}
.phone__scr::before{content:"";position:absolute;left:50%;top:7px;transform:translateX(-50%);
  width:36%;height:6.5%;max-height:15px;border-radius:999px;background:var(--ink);z-index:3}
.phone__scr img{width:100%;height:100%;object-fit:cover}
.phone__ui{position:absolute;left:8px;right:8px;bottom:8px;background:rgba(255,255,255,.94);border-radius:12px;padding:10px 11px}
.phone__ui b{display:block;font-family:var(--font-display);font-size:13px}
.phone__ui span{font-size:11px;color:var(--muted)}
@media(max-width:900px){.h8{grid-template-columns:1fr}.h8 h1{font-size:32px}.phone{width:150px}.phone--back{width:128px}}
.sw__n{display:flex;align-items:center;padding:7px 12px;color:rgba(255,255,255,.62);font-size:11.5px;font-weight:700;
  text-decoration:none;border-right:1px solid rgba(255,255,255,.18);margin-right:4px}
.sw__i{display:flex;align-items:center;padding:7px 13px;border-radius:999px;color:rgba(255,255,255,.72);
  font-size:12px;font-weight:700;text-decoration:none}
.sw__i.is-on{background:#fff;color:var(--ink)}
.web-nav__link.is-on{color:var(--ink);position:relative}
.web-nav--dark .web-nav__link.is-on{color:#fff}
.web-nav__link.is-on::after{content:"";position:absolute;left:0;right:0;bottom:-24px;height:2px;background:var(--acc-solid)}
.web-foot--dark{border-top-color:rgba(255,255,255,.14);color:rgba(255,255,255,.55)}
.web-foot--dark a{color:rgba(255,255,255,.62)}
@media(max-width:900px){.web-nav__link.is-on::after{bottom:-6px}}
[id]{scroll-margin-top:88px}
.legal{max-width:74ch;font-size:15.5px;line-height:1.62}
.legal h1{font-size:34px;line-height:1.16;margin:0 0 10px}
.legal h2{font-size:23px;line-height:1.24;margin:36px 0 10px}
.legal h3{font-size:18px;margin:26px 0 8px}
.legal p,.legal li{color:var(--ink-2)}
.legal ul{padding-left:20px;margin:12px 0}
.legal li{margin:6px 0}
.legal a{color:var(--prim-on)}
.legal strong{color:var(--ink)}
.legal table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
.legal th,.legal td{text-align:left;vertical-align:top;padding:9px 12px;border-bottom:1px solid var(--line)}
.legal th{font-family:var(--font-display);font-weight:700;color:var(--ink);background:var(--paper)}
.legal .tabulka{overflow-x:auto;margin:16px 0}
.legal .tabulka table{margin:0;min-width:520px}
.legal hr{border:0;border-top:1px solid var(--line);margin:32px 0}
.past{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.leadf__f{position:relative}
.fstav{margin:12px 0 0;font-size:13.5px;font-weight:700;color:var(--prim-on);background:var(--prim-tint);border-radius:10px;padding:10px 12px}
.fstav.is-chyba{color:var(--dan-on);background:var(--dan-tint)}