@font-face{font-family:Archivo;src:url(/assets/archivo-var.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:"Courier Prime";src:url(/assets/courier-prime-400.woff2) format("woff2");font-weight:400;font-display:swap}

:root{
  --navy:#14285a;--navy-up:#1d3570;--red:#c8102e;--stock:#fbfaf6;--stock-shade:#f1eee5;
  --ink:#14285a;--ink-soft:#3a4970;--carbon:#4b2a7a;
  --hair:rgba(20,40,90,.2);--hair-strong:rgba(20,40,90,.5);
  --on-navy:#fff;--on-navy-soft:#c5cfe6;--on-navy-hair:rgba(255,255,255,.22);
  --amber:#e0a100;--amber-ink:#856000;--green-ink:#1d6b3b;--red-ink:#c8102e;--sign:#0b4ea2;
  --focus:#ffc233;
  --grot:Archivo,"Helvetica Neue",Arial,sans-serif;
  --type:"Courier Prime","Courier New",Courier,monospace;
  --gut:16px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--navy);color:var(--on-navy);font:400 1rem/1.5 var(--grot);font-stretch:100%;font-kerning:normal;-webkit-font-smoothing:antialiased}
::selection{background:var(--carbon);color:#fff}
a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:2px}
.coupon :focus-visible,.next :focus-visible,.sheet :focus-visible,.strip :focus-visible,.trip :focus-visible{outline-color:var(--carbon)}
[hidden]{display:none!important}
h1,h2,h3{text-wrap:balance}

.skip{position:absolute;left:-999px;top:8px;background:var(--stock);color:var(--ink);padding:10px 14px;z-index:9}
.skip:focus{left:8px}

/* header */
.top{max-width:44rem;margin:0 auto;padding:20px var(--gut) 6px;display:flex;align-items:center;gap:12px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;min-height:44px}
.brand__word{font-stretch:125%;font-weight:720;font-size:1.32rem;letter-spacing:.16em;line-height:1}
.brand__stripe{display:block;width:56px;height:6px;background:var(--red)}
.top__lang{margin-left:auto;font-stretch:112%;font-weight:600;letter-spacing:.12em;font-size:.95rem}

/* wallet (navy part) */
.wallet{max-width:44rem;margin:0 auto;padding:6px var(--gut) 28px}
h1{font-weight:760;font-size:clamp(1.6rem,1.15rem + 2vw,2.2rem);line-height:1.08;letter-spacing:-.012em;margin:12px 0 8px}
.lede{color:var(--on-navy-soft);margin:0 0 18px;max-width:58ch}
.lede a{color:#fff}

/* input strip */
.strip{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"land date" "tyre tyre" "ort ort";gap:1px;background:var(--hair-strong);border-radius:4px;overflow:hidden;margin:0 0 16px}
.field{position:relative;display:flex;flex-direction:column;justify-content:center;background:var(--stock);color:var(--ink);padding:8px 12px 6px;min-height:62px}
.field--land{grid-area:land}.field--date{grid-area:date}.field--tyre{grid-area:tyre}.field--ort{grid-area:ort}
.field__k{font:400 .8125rem/1.2 var(--type);color:var(--ink-soft)}
.field__k::after{content:":"}
.field__k i{font-style:normal;color:var(--ink-soft);opacity:.85}
.field__k i::before{content:" · "}
.field select,.field input{appearance:none;-webkit-appearance:none;width:100%;border:0;border-radius:0;background:transparent;color:var(--carbon);font:400 1.0625rem/1.25 var(--type);padding:4px 26px 3px 0;min-height:32px;margin:0;caret-color:var(--carbon)}
.field input::placeholder{color:#6e6289;opacity:1}
.field input[type=date]{padding-right:0;min-width:0}
.field input[type=date]::-webkit-calendar-picker-indicator{opacity:.6;cursor:pointer}
.field select:focus,.field input:focus{outline:none}
.field:focus-within{box-shadow:inset 0 0 0 2px var(--carbon);z-index:1}
.field .chev{position:absolute;right:10px;bottom:12px;pointer-events:none}
.field select{cursor:pointer;text-overflow:ellipsis}

/* icons */
.ico{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.chev{width:18px;height:18px;color:var(--ink)}

/* coupon */
.coupon{position:relative;background:var(--stock);color:var(--ink);border-radius:6px;padding:16px 28px 14px 18px;margin:0 0 16px;box-shadow:0 18px 32px -20px rgba(3,10,30,.75),0 2px 5px rgba(3,10,30,.25)}
.coupon::after{content:"";position:absolute;top:4px;bottom:4px;right:-5px;width:10px;background:radial-gradient(circle,var(--navy) 3.6px,transparent 4.2px) 0 0/10px 15px repeat-y}
.coupon::before{content:"";position:absolute;top:12px;bottom:12px;right:13px;border-right:1.5px dotted var(--hair-strong)}
.coupon__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:8px;border-bottom:1.5px solid var(--ink);font-stretch:115%;font-weight:640;font-size:.78rem;letter-spacing:.09em;text-transform:uppercase}
.coupon__head [data-s=date]{font:400 .9375rem/1 var(--type);letter-spacing:0;color:var(--carbon);text-transform:none}
.verdict{margin:16px 0 8px;font-weight:800;font-size:clamp(1.85rem,1.3rem + 2.6vw,2.7rem);line-height:1.06;letter-spacing:-.018em;text-wrap:balance;max-width:20ch}
.verdict__d{margin:0;font-size:1.0625rem;line-height:1.45;color:var(--ink-soft);max-width:56ch}
.verdict__d:empty{display:none}
.marks{display:flex;align-items:center;gap:16px;margin:16px 0 6px;min-height:96px}
.sign{width:104px;height:104px;flex:none;filter:drop-shadow(0 1px 1px rgba(20,40,90,.25))}
.stamp{margin:0 4px 0 auto;max-width:12.5em;transform:rotate(-5deg);border:4px solid currentColor;border-radius:6px;padding:7px 12px 6px;text-align:center;font-stretch:78%;font-weight:820;font-size:1.22rem;line-height:1.04;letter-spacing:.03em;text-transform:uppercase;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.035 .09' numOctaves='3' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1.4 1.75'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.035 .09' numOctaves='3' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -1.4 1.75'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.stamp--g{color:var(--green-ink)}.stamp--a{color:#a37300}.stamp--r{color:var(--red-ink)}
.stamp.is-new{animation:press .42s cubic-bezier(.16,1,.3,1)}
@keyframes press{from{opacity:0;transform:rotate(-9deg) scale(1.28);filter:blur(1.5px)}to{opacity:1;transform:rotate(-5deg) scale(1);filter:blur(0)}}
.unc-note{margin:8px 0 0;font-size:.875rem;line-height:1.4;color:var(--amber-ink)}
.tear{position:relative;margin:12px -28px 2px -18px;border-top:1.5px dashed var(--hair-strong)}
.tear::before,.tear::after{content:"";position:absolute;top:-11px;width:22px;height:22px;border-radius:50%;background:var(--navy)}
.tear::before{left:-11px}.tear::after{right:-11px}
.rows{margin:0}
.row{display:grid;grid-template-columns:4.4rem 1fr;gap:8px;padding:10px 0;border-bottom:1px solid var(--hair)}
.row:last-child{border-bottom:0;padding-bottom:4px}
.row dt{font-stretch:115%;font-weight:640;font-size:.75rem;letter-spacing:.09em;padding-top:3px}
.row dd{margin:0;font:400 .9375rem/1.4 var(--type);color:var(--carbon);font-variant-numeric:tabular-nums;min-width:0;overflow-wrap:anywhere}
.part{display:block}
.part+.part{margin-top:5px}
.part a{color:var(--carbon);text-decoration-color:rgba(75,42,122,.55)}
.part a:hover{text-decoration-color:currentColor}
.stand{color:var(--ink-soft);font-size:.875rem}
.unc{display:inline-block;font:640 .7rem/1 var(--grot);font-stretch:112%;letter-spacing:.08em;text-transform:uppercase;color:var(--amber-ink);border:1px solid currentColor;border-radius:2px;padding:3px 4px 2px;vertical-align:2px;white-space:nowrap}

/* trip */
.trip{display:flex;align-items:stretch;gap:1px;background:var(--hair-strong);border-radius:4px;overflow:hidden;margin:0 0 12px}
.trip .field{flex:1}
.trip .btn-text{background:var(--stock);color:var(--ink);padding:0 16px}

/* what now */
.next{background:var(--stock);color:var(--ink);border-radius:6px;padding:16px 18px 18px;margin:0 0 16px}
.next h2{margin:0 0 12px;font-weight:800;font-size:1.5rem;line-height:1.1;letter-spacing:-.01em}
.next__list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.next__list>li[data-only]{grid-column:1/-1}
.next__btn{display:flex;align-items:center;gap:10px;min-height:50px;padding:8px 12px 8px 14px;border:1.5px solid var(--ink);border-radius:4px;color:var(--carbon);font:400 1rem/1.3 var(--type);text-decoration:none;cursor:pointer;background:transparent;transition:background-color .15s}
.next__btn>span:first-child{flex:1}
.next__btn:hover{background:var(--stock-shade)}
.next__btn .chev{color:var(--ink)}
.ad{font:640 .7rem/1 var(--grot);font-stretch:112%;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--hair-strong);border-radius:2px;padding:3px 4px 2px}
.symbol summary{list-style:none}
.symbol summary::-webkit-details-marker{display:none}
.symbol summary .sym{width:34px;height:30px;color:var(--ink)}
.symbol summary .chev{transition:transform .2s cubic-bezier(.16,1,.3,1)}
.symbol[open] summary .chev{transform:rotate(90deg)}
.symbol[open] summary{background:var(--stock-shade)}
.symbol__body{display:grid;gap:12px;padding:14px 4px 4px}
.symbol__item{display:grid;grid-template-columns:62px 1fr;gap:12px;align-items:start}
.symbol__item .sym{width:58px;height:50px;color:var(--ink)}
.symbol__item p{margin:0;font-size:.975rem;line-height:1.45;color:var(--ink-soft)}
.symbol__item b{display:block;color:var(--ink)}
.ms-mark{display:flex;align-items:center;justify-content:center;height:42px;border:2px solid var(--ink);border-radius:21px;font:400 1.05rem/1 var(--type);color:var(--ink);letter-spacing:.04em}

/* share */
.share{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin:4px 0 14px}
.btn-share{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 22px 0 18px;border:1.5px solid #fff;border-radius:4px;background:transparent;color:#fff;font:400 1.0625rem/1 var(--type);cursor:pointer;transition:background-color .15s}
.btn-share:hover{background:var(--navy-up)}
.btn-text{display:inline-flex;align-items:center;min-height:44px;padding:0 2px;border:0;background:none;color:#fff;font:400 1.0625rem/1 var(--type);text-decoration:underline;text-underline-offset:.22em;text-decoration-thickness:1px;cursor:pointer}
.share__ok{flex-basis:100%;font:400 .9375rem/1.3 var(--type);color:var(--on-navy-soft);overflow-wrap:anywhere}
.share__ok:empty{display:none}
.weather{display:flex;align-items:center;gap:12px;margin:0;padding:14px 0 2px;border-top:1px solid var(--on-navy-hair);font:400 1.0625rem/1.35 var(--type)}
.weather .ico{width:24px;height:24px}

/* paper sheet below */
.sheet{background:var(--stock);color:var(--ink);padding:8px var(--gut) 44px}
.sheet__sec{max-width:calc(44rem - 2 * var(--gut));margin:0 auto}
.sheet h2{font-weight:800;font-size:1.5rem;line-height:1.15;letter-spacing:-.01em;margin:36px 0 12px}
.sheet p{margin:0 0 12px;line-height:1.55;color:var(--ink-soft);max-width:66ch}
.sheet p b{color:var(--ink)}
.qa{padding:14px 0 4px;border-top:1px solid var(--hair)}
.qa h3{margin:0 0 6px;font-size:1.0625rem;line-height:1.3;font-weight:720}
.fine{font-size:.875rem}
.ix{list-style:none;margin:0;padding:0;border-top:1.5px solid var(--ink)}
.ix a{display:grid;grid-template-columns:3.4rem 1fr auto;grid-template-areas:"cc name chev" "cc rule chev";column-gap:12px;align-items:center;padding:12px 2px;border-bottom:1px solid var(--hair);text-decoration:none;min-height:60px}
.ix a:hover .ix__name{text-decoration:underline}
.ix__cc{grid-area:cc;font:400 1rem/1 var(--type);color:var(--carbon);border:1.5px solid var(--hair-strong);border-radius:3px;padding:8px 0;text-align:center}
.ix__name{grid-area:name;font-weight:700;font-size:1.0625rem;line-height:1.25}
.ix__rule{grid-area:rule;font:400 .9375rem/1.35 var(--type);color:var(--carbon)}
.ix .chev{grid-area:chev}
.tbl{overflow-x:auto;margin:0 0 12px;border-top:1.5px solid var(--ink)}
table{width:100%;border-collapse:collapse;font-size:1rem}
th,td{text-align:left;vertical-align:top;padding:11px 10px 11px 0;border-bottom:1px solid var(--hair)}
thead th{font-stretch:115%;font-weight:640;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:var(--ink);padding-top:9px}
tbody th{font-weight:700;white-space:nowrap}
tbody th a{text-decoration:none}tbody th a:hover{text-decoration:underline}
td{font-family:var(--type);color:var(--carbon);font-variant-numeric:tabular-nums}
td a{color:var(--carbon)}
.tsrc{display:block;margin-top:4px;font-size:.875rem}
.yn{font:820 .8rem/1 var(--grot);font-stretch:85%;letter-spacing:.06em;text-transform:uppercase;margin-right:4px}
.yn--y{color:var(--green-ink)}.yn--n{color:var(--red-ink)}.yn--o{color:var(--ink-soft)}
.legal h2{font-size:1.15rem;margin:28px 0 8px}
mark{background:#fde9a6;color:var(--ink);padding:0 3px}

/* footer */
.foot{background:var(--navy);color:var(--on-navy-soft)}
.foot__in::before{content:"";display:block;width:56px;height:6px;background:var(--red);margin-bottom:22px}
.foot__in{max-width:44rem;margin:0 auto;padding:26px var(--gut) 40px;font-size:.9375rem}
.foot p{margin:0 0 10px;max-width:62ch}
.foot__links{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:0 18px}
.foot__links a{display:inline-flex;align-items:center;min-height:44px;color:#fff}
.foot__links--legal{margin:8px 0 0}

@media (min-width:640px){
  :root{--gut:24px}
  .strip{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
  .coupon{padding:20px 46px 18px 30px}
  .tear{margin:14px -46px 2px -30px}
  .row{grid-template-columns:6rem 1fr;gap:14px}
  .row dd{font-size:1rem}
  .sign{width:132px;height:132px}
  .stamp{font-size:1.7rem;margin-right:28px;border-width:4.5px}
  .verdict{max-width:24ch}
  .next{padding:20px 24px 22px}
  .next__list{grid-template-columns:1fr 1fr}
  .next__list>li:has(details[open]){grid-column:1/-1}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}