@font-face{font-family:'Archivo';font-style:normal;font-weight:400 900;font-stretch:62% 112%;font-display:swap;src:url(fonts/archivo-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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Archivo';font-style:normal;font-weight:400 900;font-stretch:62% 112%;font-display:swap;src:url(fonts/archivo-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{
  --paper:#F2F1ED;
  --paper-2:#E9E7E1;
  --card:#FFFFFF;
  --ink:#121212;
  --ink-2:#2A2A28;
  --muted:#5E5C57;
  --line:#D9D6CE;
  --line-strong:#8E8B83;
  --sign:#FFCE1F;
  --sign-deep:#F2B700;
  --board:#151619;
  --tile:#232428;
  --ok:#1F8A4C;
  --bad:#C9372C;
  --ease:cubic-bezier(.2,.8,.2,1);
  --cond:72%;
}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:hidden;overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:80px;-webkit-text-size-adjust:100%}
body{overflow-x:hidden;overflow-x:clip;margin:0;background:var(--paper);color:var(--ink-2);font:400 1.0625rem/1.55 'Archivo',system-ui,sans-serif;font-stretch:100%;-webkit-font-smoothing:antialiased}
img,svg{display:block}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3{color:var(--ink);margin:0}
::selection{background:var(--sign);color:var(--ink)}
:focus-visible{outline:2.5px solid var(--ink);outline-offset:3px;border-radius:4px}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:fixed;left:16px;top:-60px;z-index:100;background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px;font-weight:700;text-decoration:none;transition:top .25s var(--ease)}
.skip:focus{top:12px}
.wrap{width:min(1200px,100% - 40px);margin-inline:auto}
@media (max-width:520px){.wrap{width:calc(100% - 32px)}}
.disp{font-stretch:var(--cond);font-weight:850;text-transform:uppercase;letter-spacing:-.005em;line-height:.92}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;border:0;border-radius:10px;background:var(--sign);color:var(--ink);font-weight:750;font-size:1.02rem;text-decoration:none;cursor:pointer;box-shadow:inset 0 -3px 0 var(--sign-deep);transition:transform .18s var(--ease),box-shadow .18s var(--ease),background-color .18s}
.btn:hover{transform:translateY(-1px);background:#FFD84A}
.btn:active{transform:translateY(1px);box-shadow:inset 0 -1px 0 var(--sign-deep)}
.btn svg{width:18px;height:18px;flex:none;transition:transform .2s var(--ease)}
.btn:hover svg{transform:translateX(3px)}
.btn.dark{background:var(--ink);color:#fff;box-shadow:none}
.btn.dark:hover{background:#2b2b2b}
.btn.sm{min-height:44px;padding:0 18px;font-size:.95rem;border-radius:9px}
.btn:focus-visible{outline-offset:3px}

/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(242,241,237,.9);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid transparent;transition:border-color .3s}
.nav.scrolled{border-color:var(--line)}
.nav .wrap{display:flex;align-items:center;gap:28px;height:72px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:800;font-size:1.22rem;letter-spacing:-.02em;font-stretch:112%;min-height:44px}
.logo .mk{width:32px;height:32px;border-radius:8px;background:var(--sign);display:grid;place-items:center}
.logo .mk svg{width:20px;height:20px;transform:rotate(135deg)}
.nav nav{margin-left:auto}
.nav ul{display:flex;gap:30px;list-style:none;margin:0;padding:0}
.nav ul a{text-decoration:none;font-weight:550;font-size:.97rem;color:var(--ink-2);background:linear-gradient(var(--ink),var(--ink)) 0 100%/0 1.5px no-repeat;padding-bottom:3px;transition:background-size .25s var(--ease)}
.nav ul a:hover{background-size:100% 1.5px}
.lang{display:flex;border:1px solid var(--line);border-radius:9px;padding:3px;gap:2px}
.lang button{background:none;border:0;border-radius:6px;min-height:34px;min-width:40px;padding:0 8px;font-weight:700;font-size:.8rem;letter-spacing:.04em;color:var(--muted);cursor:pointer;transition:background-color .2s,color .2s}
.lang button[aria-pressed="true"]{background:var(--ink);color:#fff}
@media (pointer:coarse){.lang button{min-height:44px;min-width:44px}}
@media (max-width:940px){.nav nav{display:none}.lang{margin-left:auto}}
@media (max-width:460px){.nav .wrap{gap:10px}.nav .logo .lw{display:none}.nav .logo .lz{font-size:1.25em}}

/* hero */
.hero{position:relative;padding:clamp(28px,5vw,64px) 0 clamp(56px,7vw,96px)}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(36px,6vw,96px);align-items:start}
@media (max-width:980px){.hero .wrap{grid-template-columns:1fr}}
.kick{display:flex;align-items:center;gap:10px;margin:0 0 22px;font-weight:650;font-size:.88rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.kick svg{width:18px;height:18px;transform:rotate(135deg)}
.hero h1{font-size:clamp(3rem,5.8vw,5.6rem);max-width:12.5ch}
.hero h1 mark{background:var(--sign);color:var(--ink);padding:0 .1em;margin:0 -.02em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hero .sub{margin:26px 0 0;font-size:clamp(1.08rem,1.5vw,1.25rem);line-height:1.5;max-width:40ch;color:var(--ink-2)}
.hero .cover{margin:16px 0 0;font-size:.95rem;color:var(--muted);max-width:44ch}
@media (max-width:980px){.hero h1{max-width:12ch}}
@media (max-width:600px){.hero h1{font-size:clamp(2.5rem,12.5vw,3.3rem)}.kick,.hero .cover{display:none}.hero .sub{margin-top:14px;font-size:1.04rem}.hero .wrap{gap:26px}}

/* claim widget */
.claim-wrap{position:relative}
.claim{position:relative;z-index:2;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 1px 0 rgba(0,0,0,.04),0 30px 60px -20px rgba(30,25,10,.28);padding:clamp(20px,2.6vw,30px)}
.claim-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.claim-top h2{font-size:1.35rem;font-weight:800;letter-spacing:-.01em;font-stretch:100%}
.steps-ind{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:650;color:var(--muted)}
.steps-ind i{width:22px;height:4px;border-radius:2px;background:var(--line);transition:background-color .3s}
.steps-ind i.on{background:var(--ink)}
.step{display:none;gap:14px;grid-template-columns:1fr 1fr}
.claim[data-step="1"] .s1,.claim[data-step="2"] .s2{display:grid}
@media (max-width:440px){.step{grid-template-columns:1fr}}
.claim[data-step="2"] .s2{animation:slidein .35s var(--ease)}
.claim[data-step="1"].back .s1{animation:slidein-back .35s var(--ease)}
@keyframes slidein{from{opacity:0;transform:translateX(14px)}}
@keyframes slidein-back{from{opacity:0;transform:translateX(-14px)}}
.full{grid-column:1/-1}
.qlabel{font-weight:700;font-size:.95rem;color:var(--ink);margin:0 0 8px;padding:0}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.opt{position:relative}
.opt input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.opt>span{display:flex;align-items:center;gap:10px;min-height:56px;padding:10px 12px;border:1.5px solid var(--line);border-radius:11px;font-weight:600;font-size:.93rem;line-height:1.2;color:var(--ink-2);transition:border-color .18s,background-color .18s}
.opt svg{width:22px;height:22px;flex:none;color:var(--muted);transition:color .18s}
.opt input:hover+span{border-color:var(--line-strong)}
.opt input:checked+span{border-color:var(--ink);background:#FFF8D9}
.opt input:checked+span svg{color:var(--ink)}
.opt input:focus-visible+span{outline:2.5px solid var(--ink);outline-offset:2px}
.fld{display:flex;flex-direction:column;gap:6px;min-width:0}
.fld label{font-weight:650;font-size:.9rem;color:var(--ink)}
.fld .opt-t{font-weight:400;color:var(--muted)}
.fld input,.fld select{width:100%;min-height:52px;padding:12px 14px;border:1.5px solid #CBC8C0;border-radius:10px;background:#fff;color:var(--ink);transition:border-color .18s,box-shadow .18s}
.fld input::placeholder{color:#8F8C85}
.fld input:focus,.fld select:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 4px rgba(255,206,31,.45)}
.fld select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 8l5 5 5-5' fill='none' stroke='%23121212' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;padding-right:40px}
.err{display:none;color:var(--bad);font-size:.85rem;font-weight:550}
.bad .err{display:block}
.bad input,.bad select,.bad .opt span{border-color:var(--bad)}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;color:var(--muted);line-height:1.45}
.consent input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--ink);flex:none}
.consent.bad{color:var(--bad)}
.actions{display:flex;align-items:center;gap:10px}
.actions .btn{flex:1}
.ghost{background:none;border:0;min-height:54px;padding:0 12px;font-weight:650;color:var(--muted);cursor:pointer;border-radius:10px}
.ghost:hover{color:var(--ink);background:var(--paper)}
.note{display:flex;align-items:center;gap:8px;margin:0;font-size:.85rem;color:var(--muted)}
.note svg{width:15px;height:15px;flex:none}
.status{margin:0;font-size:.9rem;font-weight:550;color:var(--bad)}
.status:empty{display:none}
.gotcha{position:absolute;left:-9999px}
.done{display:none;text-align:center;padding:26px 6px 14px}
.claim[data-step="done"] .done{display:block;animation:slidein .4s var(--ease)}
.claim[data-step="done"] .claim-top,.claim[data-step="done"] form{display:none}
.done .stamp{width:70px;height:70px;margin:0 auto 18px;border-radius:50%;background:var(--sign);display:grid;place-items:center}
.done .stamp svg{width:32px;height:32px}
.done h3{font-size:1.5rem;font-weight:800;margin-bottom:8px}
.done p{margin:0;color:var(--muted)}

/* floating flight cards around the widget */
.fcard{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px -16px rgba(30,25,10,.3);font-size:.88rem;line-height:1.3;white-space:nowrap}
.fcard .ic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex:none}
.fcard .ic svg{width:20px;height:20px}
.fcard b{display:block;color:var(--ink);font-weight:750;font-size:.95rem}
.fcard small{color:var(--muted);font-size:.84rem}
.fcard.a{top:-34px;left:-70px}
.fcard.a .ic{background:#FFF1C2}
.fcard.a .ic svg{transform:rotate(90deg)}
.fcard.b{bottom:-30px;right:-46px}
.fcard.b .ic{background:#DDF2E5}
.fcard .late{color:#9A6B00;font-weight:700}
.fcard .paid{color:var(--ok);font-weight:700}
@media (max-width:1180px){.fcard.a{left:-24px}.fcard.b{right:-16px}}
@media (max-width:980px){.fcard{display:none}}

/* load choreography */
.js .ld{opacity:0;transform:translateY(16px);animation:rise .8s var(--ease) forwards;animation-delay:calc(var(--d,0)*90ms + 80ms)}
@keyframes rise{to{opacity:1;transform:none}}
.js .fcard.ld{animation-name:rise,bob;animation-duration:.8s,7s;animation-timing-function:var(--ease),ease-in-out;animation-iteration-count:1,infinite;animation-delay:calc(var(--d,0)*90ms + 80ms),1.5s;animation-fill-mode:forwards,none}
@keyframes bob{50%{translate:0 -6px}}

/* the board */
.board-sec{background:var(--board);color:#C9C7C1;padding:clamp(64px,8vw,110px) 0;position:relative;overflow:hidden}
.board-sec::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 80% 0%,rgba(255,206,31,.07),transparent 70%);pointer-events:none}
.board-head{display:grid;grid-template-columns:1fr auto;gap:24px 48px;align-items:end;margin-bottom:40px}
@media (max-width:860px){.board-head{grid-template-columns:1fr}}
.board-sec h2{color:#F2F1ED;font-size:clamp(2.4rem,5vw,4.2rem)}
.board-sec .lede{margin:16px 0 0;max-width:46ch;font-size:1.08rem;color:#B9B7B0}
.scale{display:flex;gap:10px;flex-wrap:wrap}
.scale div{border:1px solid #34353A;border-radius:12px;padding:12px 16px;min-width:150px}
.scale b{display:block;color:var(--sign);font-size:1.9rem;font-weight:850;font-stretch:var(--cond);line-height:1;font-variant-numeric:tabular-nums}
.scale span{font-size:.88rem;color:#A9A7A0}
.board{background:#0E0F11;border:1px solid #2A2B2F;border-radius:16px;padding:clamp(14px,2vw,22px);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.board-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:2px 4px 16px;border-bottom:1px solid #26272B;margin-bottom:8px}
.board-bar .t{display:flex;align-items:center;gap:12px;color:var(--sign);font-weight:850;font-stretch:var(--cond);text-transform:uppercase;font-size:1.5rem;letter-spacing:.02em}
.board-bar .t svg{width:26px;height:26px;transform:rotate(135deg)}
.board-bar .t em{font-style:normal;color:#F2F1ED;font-weight:700}
.board-bar .clock{font-variant-numeric:tabular-nums;font-weight:800;font-stretch:var(--cond);font-size:1.5rem;color:#F2F1ED;letter-spacing:.04em}
.board-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
table.fl{width:100%;border-collapse:collapse;min-width:640px}
.fl th{text-align:left;font-weight:650;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#7E7C76;padding:12px 6px 8px}
.fl td{padding:7px 6px;border-top:1px solid #1E1F23;white-space:nowrap}
.fl tbody tr:first-child td{border-top:0}
.flaps{display:inline-flex;gap:2px}
.flaps i{position:relative;display:grid;place-items:center;width:1.18em;height:1.62em;border-radius:3px;background:linear-gradient(#26272C 0 49.5%,#1B1C20 50.5% 100%);font-style:normal;font-weight:750;font-stretch:85%;font-size:clamp(14px,1.5vw,19px);color:#ECEAE4;text-transform:uppercase;box-shadow:inset 0 -1px 0 rgba(0,0,0,.5)}
.flaps i::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.65)}
.flaps i.flip{animation:flip .09s linear}
@keyframes flip{0%{transform:scaleY(1)}50%{transform:scaleY(.35)}100%{transform:scaleY(1)}}
.st-late .flaps i,.st-over .flaps i{color:var(--sign)}
.st-cancel .flaps i{color:#FF7A6E}
.st-ok .flaps i{color:#5FD691}
.amt .flaps i{color:#F2F1ED}
.fine{margin:22px 0 0;font-size:.92rem;color:#97958E;max-width:80ch}
@media (max-width:640px){.fl .km,.fl .tm{display:none}table.fl{min-width:0}.fl th,.fl td{padding-inline:3px}.flaps{gap:1px}.flaps i{font-size:10.5px;width:1.06em;border-radius:2px}.scale{gap:8px}.scale div{min-width:0;flex:1;padding:10px 12px}.scale b{font-size:1.5rem}.board-bar .t,.board-bar .clock{font-size:1.2rem}}

/* how it goes */
.sec{padding:clamp(72px,9vw,128px) 0}
.how{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(36px,6vw,96px)}
@media (max-width:900px){.how{grid-template-columns:1fr}}
.sec h2.disp{font-size:clamp(2.4rem,5vw,4.2rem)}
.how .intro{position:sticky;top:110px;align-self:start}
@media (max-width:900px){.how .intro{position:static}}
.how .intro>p{margin:20px 0 0;max-width:36ch;font-size:1.1rem;color:var(--muted)}
.how>ol{list-style:none;margin:0;padding:0;counter-reset:n}
.how>ol>li{display:grid;grid-template-columns:auto 1fr;gap:6px 28px;padding:30px 0;border-top:1.5px solid var(--ink)}
.how>ol>li:last-child{border-bottom:1.5px solid var(--ink)}
.how .n{grid-row:span 2;font-size:clamp(3rem,5vw,4.4rem);font-weight:850;font-stretch:var(--cond);line-height:.8;color:var(--ink);min-width:1.4ch}
.how>ol>li:nth-child(1) .n{color:var(--sign-deep)}
.how>ol h3{font-size:1.5rem;font-weight:800;letter-spacing:-.01em;line-height:1.15}
.how>ol>li p{margin:6px 0 0;color:var(--muted);max-width:48ch}
.who{display:inline-block;margin-left:10px;padding:3px 8px;border-radius:6px;background:var(--paper-2);font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);vertical-align:middle}
.who.you{background:var(--sign);color:var(--ink)}

/* price */
.price-sec{background:var(--paper-2);border-block:1px solid var(--line)}
.price{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(36px,6vw,96px);align-items:center}
@media (max-width:900px){.price{grid-template-columns:1fr}}
.big25{display:block;font-size:clamp(7rem,16vw,13rem);font-weight:900;font-stretch:62%;line-height:.78;color:var(--ink);letter-spacing:-.02em;margin-bottom:22px}
.big25 small{font-size:.42em;vertical-align:top;margin-left:.04em}
.price h2{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800;letter-spacing:-.015em;line-height:1.12;max-width:20ch}
.price .lede{margin:16px 0 0;max-width:50ch;color:var(--muted);font-size:1.06rem}
.receipt{position:relative;background:var(--card);border-radius:14px;border-top:6px solid var(--ink);padding:28px 28px 22px;box-shadow:0 24px 50px -24px rgba(30,25,10,.35);font-variant-numeric:tabular-nums}
.receipt .rt{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0}
.receipt .rr{margin:6px 0 18px;font-weight:800;font-size:1.25rem;color:var(--ink);font-stretch:var(--cond);text-transform:uppercase;letter-spacing:.01em}
.receipt dl{margin:0;display:grid;grid-template-columns:1fr auto;gap:12px 16px}
.receipt dt{color:var(--ink-2)}
.receipt dd{margin:0;text-align:right;font-weight:650;color:var(--ink)}
.receipt .cut{grid-column:1/-1;border-top:2px dashed var(--line);margin:4px 0}
.receipt .tot dt,.receipt .tot dd{font-weight:850;font-size:1.35rem;color:var(--ink)}
.receipt .tot dd{background:var(--sign);padding:0 8px;border-radius:5px}
.receipt .vs{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--line);font-size:.9rem;color:var(--muted)}

/* faq */
.faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(36px,6vw,96px)}
@media (max-width:900px){.faq{grid-template-columns:1fr}}
.faq aside>p{margin:20px 0 0;color:var(--muted);max-width:32ch}
.faq aside a{color:var(--ink);font-weight:700;text-underline-offset:3px}
details{border-top:1.5px solid var(--ink)}
details:last-of-type{border-bottom:1.5px solid var(--ink)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 0;font-weight:750;font-size:1.12rem;color:var(--ink);min-height:44px}
summary::-webkit-details-marker{display:none}
summary .pm{position:relative;flex:none;width:30px;height:30px;border-radius:50%;background:var(--paper-2);transition:background-color .2s,transform .3s var(--ease)}
summary .pm::before,summary .pm::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:var(--ink);transform:translate(-50%,-50%)}
summary .pm::after{transform:translate(-50%,-50%) rotate(90deg);transition:opacity .2s}
summary:hover .pm{background:var(--sign)}
details[open] .pm{transform:rotate(180deg);background:var(--sign)}
details[open] .pm::after{opacity:0}
details p{margin:0;padding:0 48px 24px 0;color:var(--muted);max-width:62ch}
details[open] p{animation:open .3s var(--ease)}
@keyframes open{from{opacity:0;transform:translateY(-4px)}}

/* final */
.final{background:var(--ink);color:#C9C7C1;overflow:hidden;position:relative}
.final .wrap{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;flex-wrap:wrap;padding:clamp(64px,8vw,104px) 0}
.final h2{color:#F2F1ED;font-size:clamp(2.6rem,6vw,5.2rem);max-width:12ch}
.final h2 mark{background:var(--sign);color:var(--ink);padding:0 .08em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.final p{margin:14px 0 0;font-size:1.08rem}
.final .btn{min-height:60px;padding:0 32px;font-size:1.1rem}

footer{background:#0B0B0C;color:#8E8C86;font-size:.92rem}

footer .logo{color:#F2F1ED;font-size:1.05rem}
footer p{margin:0}
footer a.mail{color:#F2F1ED;display:inline-flex;align-items:center;min-height:44px}


/* hero layout: text, form, proof */
.hero .wrap{grid-template-areas:"text form" "proof form";grid-template-rows:auto 1fr;row-gap:34px}
.hero-text{grid-area:text;align-self:start}
.claim-wrap{grid-area:form}
.proof{grid-area:proof;align-self:start;display:grid;grid-template-columns:auto minmax(0,1fr);gap:30px;align-items:center}
@media (max-width:980px){.hero .wrap{grid-template-areas:"text" "form" "proof"}}
@media (max-width:600px){.proof{grid-template-columns:1fr;justify-items:start}}
.notif{width:300px;padding:14px 16px 16px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:22px;box-shadow:0 30px 60px -24px rgba(30,25,10,.38);transform:rotate(-2.5deg)}
.n-top{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--muted)}
.n-app{width:22px;height:22px;border-radius:6px;background:var(--sign);display:grid;place-items:center;flex:none}
.n-app svg{width:14px;height:14px;transform:rotate(135deg)}
.n-name{font-weight:750;color:var(--ink)}
.n-time{margin-left:auto}
.n-title{margin:10px 0 0;font-weight:650;color:var(--ink-2);font-size:.95rem}
.n-amt{margin:2px 0 0;font-weight:900;font-stretch:var(--cond);font-size:3.6rem;line-height:1;color:var(--ok);letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.n-sub{margin:4px 0 0;font-size:.82rem;color:var(--muted)}
.facts{margin:0;display:grid;gap:12px;min-width:0}
.facts div{display:flex;gap:14px;align-items:baseline;padding-top:11px;border-top:1.5px solid var(--ink)}
.facts dt{font-weight:850;font-stretch:var(--cond);font-size:1.55rem;color:var(--ink);line-height:1;min-width:98px;white-space:nowrap}
.facts dd{margin:0;font-size:.9rem;color:var(--muted);line-height:1.35}

/* form, steps 2 to 4 */
.claim{scroll-margin-top:90px}
.step-name{margin:-6px 0 16px;font-size:.85rem;font-weight:650;color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative}
.chip input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.chip>span{display:inline-flex;align-items:center;min-height:46px;padding:0 16px;border:1.5px solid var(--line);border-radius:999px;font-weight:600;font-size:.93rem;color:var(--ink-2);transition:border-color .18s,background-color .18s}
.chip input:hover+span{border-color:var(--line-strong)}
.chip input:checked+span{border-color:var(--ink);background:#FFF8D9;color:var(--ink)}
.chip input:focus-visible+span{outline:2.5px solid var(--ink);outline-offset:2px}
.bad .chip>span{border-color:var(--bad)}
.hint{margin:0;font-size:.84rem;color:var(--muted)}
.warn{margin:0;padding:10px 12px;border-radius:10px;background:#FFF6D6;font-size:.88rem;color:#5C4500}
.warn[hidden],.fld[hidden]{display:none}
.fld textarea{width:100%;min-height:84px;padding:12px 14px;border:1.5px solid #CBC8C0;border-radius:10px;background:#fff;color:var(--ink);resize:vertical;transition:border-color .18s,box-shadow .18s}
.fld textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 4px rgba(255,206,31,.45)}
.fld textarea::placeholder{color:#8F8C85}
.bad textarea{border-color:var(--bad)}
.poa{max-height:220px;overflow:auto;white-space:pre-wrap;margin:0;padding:14px 16px;border:1.5px solid var(--line);border-radius:10px;background:#FBFAF7;font-size:.84rem;line-height:1.5;color:var(--ink-2)}
.poa:focus-visible{outline:2.5px solid var(--ink);outline-offset:2px}
.poa strong{color:var(--ink)}
.sig{position:relative;height:150px;border:1.5px dashed var(--line-strong);border-radius:12px;background:#fff}
.sig canvas{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair;border-radius:inherit;touch-action:none}
.sig canvas:focus-visible{outline:2.5px solid var(--ink);outline-offset:2px}
.sig .base{position:absolute;left:18px;right:18px;bottom:36px;border-bottom:1.5px solid var(--line);pointer-events:none}
.sig .sig-hint{position:absolute;left:18px;bottom:11px;font-size:.82rem;color:var(--muted);pointer-events:none;transition:opacity .2s}
.sig.has .sig-hint{opacity:0}
.bad .sig{border-color:var(--bad);border-style:solid}
.sig-tools{display:flex;justify-content:space-between;gap:4px 12px;flex-wrap:wrap}
.linkish{background:none;border:0;padding:0;min-height:44px;font-weight:650;font-size:.88rem;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.claim[data-step="3"] .s3,.claim[data-step="4"] .s4{display:grid}
.claim[data-step="3"] .s3,.claim[data-step="4"] .s4{animation:slidein .35s var(--ease)}
.claim.back[data-step="2"] .s2,.claim.back[data-step="3"] .s3{animation:slidein-back .35s var(--ease)}

/* phone with the claim timeline */
.how .intro{position:static}
.phone{position:relative;width:min(300px,100%);margin:44px 0 0;padding:10px;border-radius:50px;background:#121212;box-shadow:0 40px 80px -30px rgba(30,25,10,.45),inset 0 0 0 2px #2c2c2c}
@media (max-width:900px){.phone{margin-inline:auto}}
.ph-screen{position:relative;height:590px;border-radius:40px;background:var(--paper);overflow:hidden}
.ph-bar{display:flex;justify-content:space-between;align-items:center;padding:15px 24px 0;font-size:.8rem;font-weight:750;color:var(--ink)}
.ph-isl{width:86px;height:25px;border-radius:14px;background:#121212}
.ph-bat{position:relative;width:23px;height:11px;border:1.5px solid var(--ink);border-radius:3px}
.ph-bat::after{content:"";position:absolute;inset:1.5px 6px 1.5px 1.5px;background:var(--ink);border-radius:1px}
.ph-notif{position:absolute;left:10px;right:10px;top:50px;z-index:2;padding:11px 14px 12px;border-radius:20px;background:rgba(255,255,255,.96);box-shadow:0 16px 34px -12px rgba(0,0,0,.3);transform:translateY(-150%);opacity:0;transition:transform .8s var(--ease) .9s,opacity .4s .9s}
.phone.in .ph-notif{transform:none;opacity:1}
.ph-notif .n-amt{font-size:2.3rem}
.ph-notif .n-title{margin-top:6px;font-size:.86rem}
.ph-app{padding:142px 20px 0}
.ph-k{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.ph-route{margin:4px 0 0;font-weight:900;font-stretch:var(--cond);font-size:2.3rem;line-height:1;color:var(--ink)}
.ph-meta{margin:6px 0 16px;font-size:.8rem;color:var(--muted)}
.tl{list-style:none;margin:0;padding:0;position:relative}
.tl::before{content:"";position:absolute;left:8px;top:6px;bottom:22px;width:2px;background:var(--line)}
.tl li{position:relative;padding:0 0 12px 30px;font-size:.82rem;line-height:1.28}
.tl li::before{content:"";position:absolute;left:2px;top:1px;width:14px;height:14px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px var(--paper)}
.tl li.no::before{background:var(--bad)}
.tl li.pay::before{background:var(--sign);box-shadow:0 0 0 3px var(--paper),0 0 0 7px rgba(255,206,31,.4)}
.tl b{display:block;color:var(--ink);font-weight:700}
.tl span{color:var(--muted);font-size:.76rem}
.tl li.pay b{font-size:.98rem}

/* faq aside */
.docs{margin-top:32px;padding:22px 22px 18px;border-radius:14px;background:var(--card);border:1px solid var(--line);border-top:5px solid var(--sign);max-width:400px}
.docs-t{margin:0 0 10px;font-weight:800;color:var(--ink);font-size:1.05rem}
.docs ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.docs li{position:relative;padding-left:22px;font-size:.94rem;color:var(--ink-2)}
.docs li::before{content:"";position:absolute;left:2px;top:.55em;width:10px;height:2px;background:var(--ink)}
.docs-n{margin:14px 0 0;font-size:.86rem;color:var(--muted)}
@media (prefers-reduced-motion: reduce){.ph-notif{transform:none;opacity:1}}


/* logo: the z on a sign */
.logo{gap:0;font-size:1.32rem;font-weight:800;font-stretch:104%;letter-spacing:-.035em}
.logo .lz{display:inline-block;margin:0 .06em;padding:0 .13em .02em;border-radius:.14em;background:var(--sign);color:var(--ink);font-weight:900;line-height:1.12;letter-spacing:0;transform:translateY(.02em)}
footer .logo .lz{color:var(--ink)}
/* bank notification icon */
.n-app.bank{background:#121212}
.n-app.bank svg{width:14px;height:14px;transform:none}
.notif .n-sub{font-weight:550}
/* form: wide tile and luggage path */
.opt.wide{grid-column:1/-1}
.path-flight,.path-bag{display:contents}
.claim[data-kind="bag"] .path-flight{display:none}
.claim:not([data-kind="bag"]) .path-bag{display:none}
/* luggage section: baggage-claim yellow */
.bag-sec{background:var(--sign);color:var(--ink);position:relative;overflow:hidden}
.bag-sec::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,rgba(0,0,0,.035) 0 2px,transparent 2px 18px);pointer-events:none}
.bag{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(36px,6vw,96px);align-items:center}
@media (max-width:900px){.bag{grid-template-columns:1fr}}
.bag-sec h2{font-size:clamp(2.4rem,5vw,4.2rem);max-width:13ch}
.bag-sec .lede{margin:18px 0 0;max-width:52ch;font-size:1.1rem;color:var(--ink-2)}
.bag-cases{list-style:none;margin:34px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:2px solid var(--ink)}
@media (max-width:700px){.bag-cases{grid-template-columns:1fr}}
.bag-cases li{padding:20px 22px 4px 0;border-right:1.5px solid rgba(18,18,18,.25)}
.bag-cases li+li{padding-left:22px}
.bag-cases li:last-child{border-right:0}
@media (max-width:700px){.bag-cases li,.bag-cases li+li{padding:18px 0;border-right:0;border-bottom:1.5px solid rgba(18,18,18,.25)}}
.bag-cases b{display:block;font-size:1.7rem;font-weight:850;font-stretch:var(--cond);text-transform:uppercase;line-height:1}
.bag-cases .dl{display:inline-block;margin:10px 0 0;padding:3px 8px;border-radius:5px;background:var(--ink);color:var(--sign);font-size:.78rem;font-weight:700;letter-spacing:.02em}
.bag-cases p{margin:10px 0 0;font-size:.95rem;color:var(--ink-2)}
.bag-cta{display:flex;align-items:center;gap:14px 24px;flex-wrap:wrap;margin-top:34px}
.bag-cta p{margin:0;max-width:40ch;font-size:.92rem;color:var(--ink-2)}
.bag-fine{position:relative;margin-top:40px;font-size:.88rem;color:#5A4A00}
.tag-wrap{position:relative;display:flex;justify-content:center;padding-top:40px}
.strap{position:absolute;top:0;left:50%;width:14px;height:96px;margin-left:-7px;border-radius:7px;background:#1b1b1b;box-shadow:inset -3px 0 0 rgba(255,255,255,.08)}
.tag{position:relative;width:min(250px,80vw);padding:52px 22px 22px;background:#fff;border-radius:16px 16px 10px 10px;box-shadow:0 30px 50px -22px rgba(60,45,0,.55);transform:rotate(5deg);transform-origin:50% 0}
.live-tag .tag{animation:sway 6s ease-in-out -2s infinite}
@keyframes sway{50%{transform:rotate(1.5deg)}}
.tag .hole{position:absolute;top:16px;left:50%;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:var(--sign);box-shadow:inset 0 0 0 4px #e9e7e1}
.tag-band{display:flex;justify-content:space-between;margin:0 -22px;padding:7px 22px;background:var(--ink);color:#fff;font-size:.66rem;font-weight:800;letter-spacing:.14em}
.tag-code{margin:12px 0 4px;font-size:5.4rem;font-weight:900;font-stretch:62%;line-height:.9;color:var(--ink);letter-spacing:.01em}
.tag-rows{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 0;border-block:1.5px solid var(--ink)}
.tag-rows span{display:block;font-size:.62rem;font-weight:700;letter-spacing:.14em;color:var(--muted)}
.tag-rows b{font-size:1.25rem;font-weight:850;font-stretch:var(--cond)}
.tag-bars{display:flex;gap:2px;height:58px;margin-top:14px}
.tag-bars i{display:block;background:var(--ink)}
.tag-num{margin-top:6px;font-size:.78rem;font-weight:700;letter-spacing:.2em;text-align:center;color:var(--ink)}
.tag-stamp{position:absolute;right:-18px;top:63%;padding:6px 12px;border:3px solid var(--bad);border-radius:8px;color:var(--bad);font-weight:900;font-stretch:var(--cond);font-size:1.25rem;text-transform:uppercase;letter-spacing:.04em;background:rgba(255,255,255,.85);transform:rotate(-14deg)}


/* lock screen payout */
.lock{width:290px;height:340px;border-radius:44px 44px 0 0;padding:10px 10px 0;background:#121212;box-shadow:0 34px 60px -26px rgba(30,25,10,.45);transform:rotate(-3deg);-webkit-mask-image:linear-gradient(#000 78%,transparent);mask-image:linear-gradient(#000 78%,transparent)}
.lock-in{position:relative;height:100%;border-radius:36px 36px 0 0;overflow:hidden;padding:12px 12px 0;background:radial-gradient(120% 70% at 20% 0%,#3a3320 0%,transparent 60%),radial-gradient(90% 60% at 100% 30%,#5c4a0d 0%,transparent 65%),linear-gradient(170deg,#1d1c1a,#0c0c0c)}
.lock-bar{display:flex;justify-content:space-between;align-items:center;padding:2px 12px 0;color:#fff;font-size:.72rem;font-weight:700}
.lock-isl{width:74px;height:22px;border-radius:12px;background:#000}
.lock-bat{width:20px;height:10px;border:1.5px solid #fff;border-radius:3px;position:relative}
.lock-bat::after{content:"";position:absolute;inset:1.5px 5px 1.5px 1.5px;background:#fff;border-radius:1px}
.lock-date{margin:12px 0 0;text-align:center;color:rgba(255,255,255,.85);font-size:.78rem;font-weight:600}
.lock-time{margin:0;text-align:center;color:#fff;font-size:3.4rem;font-weight:700;font-stretch:88%;line-height:1;letter-spacing:-.02em}
.lk{margin-top:8px;padding:10px 12px;border-radius:18px;background:rgba(246,244,238,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.lk.old{margin-top:8px;opacity:.82;transform:scale(.97)}
.lk.new{margin-top:14px}
.lk-top{display:flex;align-items:center;gap:7px;font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.lk-ic{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;flex:none}
.lk-ic.bank{background:#1F5C3E}
.lk-ic.bank svg{width:13px;height:13px}
.lk-ic.cz{background:var(--sign);color:var(--ink);font-weight:900;font-size:.8rem;text-transform:none}
.lk-app{font-weight:700;color:var(--ink-2)}
.lk-when{margin-left:auto;text-transform:none;letter-spacing:0}
.lk-h{margin:6px 0 0;font-weight:750;color:var(--ink);font-size:.9rem}
.lk-amt{margin:0;font-weight:900;font-stretch:var(--cond);font-size:2.6rem;line-height:1.05;color:var(--ok);font-variant-numeric:tabular-nums}
.lk-t{margin:2px 0 0;font-size:.8rem;color:var(--ink-2);line-height:1.3}
.js .lk.new{animation:drop .7s var(--ease) 1.3s both}
@keyframes drop{from{opacity:0;transform:translateY(-26px) scale(.97)}}
@media (max-width:600px){.lock{width:min(290px,100%);transform:rotate(-2deg)}}
/* smart form */
.restore{display:flex;align-items:center;flex-wrap:wrap;gap:4px 14px;margin:-4px 0 14px;padding:8px 12px;border-radius:10px;background:#FFF6D6;font-size:.88rem}
.restore[hidden],.hint[hidden],.est[hidden],.est-line[hidden]{display:none}
.when{display:none!important}
.claim[data-what="otkazan"] .when-otkazan,.claim[data-what="odbijeno_ukrcavanje"] .when-odbijeno_ukrcavanje,.claim[data-what="propustena_veza"] .when-propustena_veza{display:block!important}
.when-bagdate{display:none}
.claim[data-bag="ostecen"] .when-bagdate,.claim[data-bag="kasnio"] .when-bagdate{display:flex}
.hint:empty{display:none}
.hint.ok{color:var(--ok);font-weight:600}
.hint.warnish{color:#8A5A00;font-weight:600}
.suggest button{background:none;border:0;padding:0;font:inherit;font-weight:700;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.est{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;align-items:center;padding:14px 16px;border-radius:12px;background:var(--paper);border:1.5px solid var(--line)}
.est .amt{grid-row:span 2;font-weight:900;font-stretch:var(--cond);font-size:2.3rem;line-height:1;color:var(--ink)}
.est .km{font-size:.88rem;color:var(--muted)}
.est .vd{font-size:.88rem;font-weight:650}
.est .vd.yes{color:var(--ok)}
.est .vd.maybe{color:#8A5A00}
.est-line{margin:0;padding:10px 14px;border-radius:10px;background:var(--paper);font-weight:650;color:var(--ink)}
.recap{padding:12px 14px;border-radius:10px;background:var(--paper);font-size:.9rem;line-height:1.5}
.recap b{color:var(--ink)}
.recap button{margin-left:6px}
.pre{padding:14px 16px;border-radius:10px;border:1.5px solid var(--ink);background:#FFFDF4}
.pre ul{margin:0;padding-left:1.1em;display:grid;gap:5px;font-size:.88rem}
.pre a,.consent a{color:var(--ink);font-weight:650;text-underline-offset:3px}
/* footer */
.foot{display:grid;grid-template-columns:1.2fr 1fr;gap:18px 40px;padding:40px 0 34px;align-items:start}
@media (max-width:760px){.foot{grid-template-columns:1fr}}
.foot-brand p{margin:8px 0 0;max-width:34ch}
.foot-co p{margin:0 0 6px}
.co-full{color:#BDBAB2}
.foot-links{display:flex;flex-wrap:wrap;gap:6px 22px}
.foot-links a{color:#F2F1ED;display:inline-flex;align-items:center;min-height:44px}
.foot-disc{margin:0;align-self:center;font-size:.86rem}


/* documents */
.flist{list-style:none;margin:0;padding:0;font-size:.88rem;color:var(--muted)}
.fld input[type=file]{min-height:auto;padding:12px;border-style:dashed;background:#FBFAF7;font-size:.92rem}
.done-id{font-weight:850;font-stretch:var(--cond);font-size:1.6rem;letter-spacing:.02em;color:var(--ink);margin:0 0 8px!important}
.fr24{grid-column:1/-1;font-size:.84rem;font-weight:650;color:var(--ink);text-underline-offset:3px}
/* trust */
.trust-sec{background:var(--card);border-block:1px solid var(--line)}
.trust-stats{display:flex;gap:16px;flex-wrap:wrap;margin:26px 0 0}
.trust-stats div{padding:16px 20px;border-radius:14px;background:var(--paper);min-width:200px}
.trust-stats b{display:block;font-size:2.6rem;font-weight:900;font-stretch:var(--cond);line-height:1;color:var(--ink)}
.trust-stats span{color:var(--muted)}
.reviews{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin:26px 0 18px}
.rev{margin:0;padding:22px;border-radius:16px;background:var(--paper);border:1px solid var(--line)}
.rev .stars{color:#E0A800;letter-spacing:2px}
.rev blockquote{margin:10px 0;font-size:1.02rem;color:var(--ink-2)}
.rev figcaption{font-weight:700;color:var(--ink);font-size:.92rem}
.rev a{font-size:.85rem;color:var(--muted)}
/* chat */
.chat{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:10px;transition:transform .3s var(--ease),opacity .3s}
.chat.tuck{transform:translateY(140%);opacity:0;pointer-events:none}
.chat-btn{display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 20px;border:0;border-radius:999px;background:var(--ink);color:#fff;font:700 .98rem 'Archivo',system-ui;cursor:pointer;box-shadow:0 14px 30px -10px rgba(0,0,0,.45)}
.chat-btn svg{width:20px;height:20px}
.chat-menu{display:grid;gap:4px;padding:8px;border-radius:16px;background:var(--card);border:1px solid var(--line);box-shadow:0 20px 40px -16px rgba(0,0,0,.3);min-width:190px}
.chat-menu[hidden]{display:none}
.chat-menu a{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:10px;color:var(--ink);font-weight:650;text-decoration:none}
.chat-menu a:hover{background:var(--paper)}
.chat-menu svg{width:22px;height:22px}
.chat-inline{margin-top:10px!important}
.chat-inline a{color:var(--ink);font-weight:700;text-underline-offset:3px}
@media (max-width:600px){.chat-btn span{display:none}.chat-btn{width:54px;padding:0;justify-content:center}}
@media print{.chat{display:none}}

/* scroll reveals */
.js .rv{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--d,0)*80ms)}
.js .rv.in{opacity:1;transform:none}
body.paused *,body.paused *::before,body.paused *::after{animation-play-state:paused!important}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js .rv,.js .ld{opacity:1!important;transform:none!important}
}
.rev .verified{display:inline-block;margin-top:4px;font-weight:600;font-size:.8rem;color:var(--ok)}
/* same-day disruption strip */
.news{display:flex;align-items:center;gap:12px;max-width:1180px;margin:10px auto 0;padding:10px 16px;border-radius:10px;background:var(--ink);color:#fff;text-decoration:none;font-weight:600;line-height:1.35}
.news[hidden]{display:none}
.news-k{flex:none;padding:3px 8px;border-radius:5px;background:var(--sign);color:var(--ink);font-size:.78rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.news-t{flex:1;min-width:0}
.news svg{flex:none;width:18px;height:18px;color:var(--sign)}
.news:hover .news-t{text-decoration:underline}
@media (max-width:1212px){.news{margin:10px 16px 0}}
/* travel agencies */
.agency-sec{border-top:1px solid var(--line)}
.agency{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(36px,6vw,96px);align-items:center}
@media (max-width:900px){.agency{grid-template-columns:1fr}}
.agency .lede{margin:16px 0 0;max-width:52ch;color:var(--muted);font-size:1.06rem}
.ag-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:10px}
.ag-list li{position:relative;padding-left:30px;font-weight:550}
.ag-list li::before{content:"";position:absolute;left:0;top:.28em;width:18px;height:18px;border-radius:5px;background:var(--sign) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23121212' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/13px no-repeat}
.ag-cta{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 0}
.btn.ghost-dark{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn.ghost-dark:hover{background:var(--ink);color:#fff}
.ag-note{margin:12px 0 0;font-size:.9rem;color:var(--muted)}
.ag-sign{display:flex;align-items:center;gap:18px;padding:26px 26px;border-radius:14px;background:var(--ink);color:var(--sign);box-shadow:0 18px 40px -22px rgba(0,0,0,.55);border-bottom:6px solid #2A2A2A}
.ag-pict{flex:none;display:grid;place-items:center;width:64px;height:64px;border-radius:10px;background:var(--sign);color:var(--ink)}
.ag-pict svg{width:40px;height:40px}
.ag-t{flex:1;min-width:0}
.ag-t b{display:block;font-size:clamp(1.5rem,3.2vw,2.1rem);font-weight:850;font-stretch:var(--cond);text-transform:uppercase;line-height:1.02;letter-spacing:.01em}
.ag-t small{display:block;margin-top:6px;color:#B9B7B0;font-size:.92rem;font-weight:550}
.ag-arrow{flex:none;width:34px;height:34px;color:var(--sign)}

/* result of the check, at the top of step 2 */
.verdict{padding:14px 16px;border-radius:12px;border:1.5px solid var(--line);background:#FBFAF7}
.verdict.yes{border-color:#1F8A4C;background:#EAF6EE}
.verdict.maybe{border-color:#C99A00;background:#FFF8D9}
.v-head{margin:0;font-weight:800;font-size:1.06rem;line-height:1.3}
.v-body{margin:4px 0 0;color:var(--muted)}
.claim.gated .s2 > :not(.verdict){display:none!important}
.v-checking{margin:0;font-weight:700;display:flex;align-items:center;gap:10px}
.v-checking::before{content:"";width:16px;height:16px;border-radius:50%;border:2.5px solid var(--line);border-top-color:var(--ink);animation:vspin .8s linear infinite}
@keyframes vspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.v-checking::before{animation:none}}
.v-gate .v-row{margin-top:12px}
.v-fine{margin-top:8px;font-size:.78rem;line-height:1.45}
.v-fine a{color:inherit}
.v-row{display:flex;gap:8px}
.v-row input{flex:1;min-width:0;min-height:46px;padding:10px 12px;border:1.5px solid #CBC8C0;border-radius:10px;background:#fff;font:inherit}
.v-row input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 4px rgba(255,206,31,.45)}
.v-row .btn{min-height:46px;padding:0 18px}
#v-err{margin-top:6px}
/* the submit button carries the price */
.btn.submit2 .s-l{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;text-align:left}
.btn.submit2 small{font-size:.74rem;font-weight:650;opacity:.8}
.v-checking[hidden],#v-result[hidden],.v-gate[hidden]{display:none}
.v-row{flex-wrap:wrap}
.v-row input{flex:1 1 170px}
.v-row .btn{flex:1 0 auto}

/* money in front */
.claim-top{gap:12px}
.amt-chip{margin-left:auto;padding:5px 12px;border-radius:999px;background:var(--sign);color:var(--ink);font-weight:850;font-size:.95rem;white-space:nowrap;box-shadow:inset 0 -2px 0 var(--sign-deep)}
.amt-chip[hidden]{display:none}
.payout{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:16px 18px;border-radius:14px;background:var(--ink);color:#fff}
.p-k{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#C9C7C1;font-weight:700}
.p-amt{font-size:clamp(2.4rem,9vw,3.2rem);font-weight:900;font-stretch:72%;line-height:1.02;color:var(--sign)}
.p-sub{color:#C9C7C1;font-size:.9rem}
details.poa-d{border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;background:#FBFAF7}
details.poa-d summary{cursor:pointer;font-weight:700}
details.poa-d[open] summary{margin-bottom:10px}
.legal-line{margin:0;font-size:.8rem;line-height:1.5;color:var(--muted)}
.legal-line a{color:inherit}
@media (max-width:560px){.claim-top:has(.amt-chip:not([hidden])) .steps-ind{display:none}}
details.poa-d > summary{padding:4px 0;min-height:0;font-size:1rem;display:block}
details.poa-d > summary::-webkit-details-marker{display:none}
details.poa-d > summary::before{content:"▸ ";color:var(--muted)}
details.poa-d[open] > summary::before{content:"▾ "}

/* boarding pass and booking */
.doc-slots{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
@media (max-width:520px){.doc-slots{grid-template-columns:1fr}}
.doc-slot{position:relative;display:flex;flex-direction:column;gap:3px;padding:14px;border:1.5px dashed #B9B5AB;border-radius:10px;background:#FBFAF7;cursor:pointer}
.doc-slot:hover,.doc-slot:focus-within{border-color:var(--ink);background:#fff}
.doc-slot:focus-within{box-shadow:0 0 0 4px rgba(255,206,31,.45)}
.doc-slot.has{border-style:solid;border-color:#1F8A4C;background:#EAF6EE}
.ds-t{font-weight:750}
.ds-s{font-size:.86rem;color:var(--muted);word-break:break-all}
.doc-slot.has .ds-s{color:#145C33;font-weight:600}
.doc-more{display:inline-block;margin-top:10px;font-weight:650;font-size:.92rem;text-decoration:underline;cursor:pointer;position:relative}
.later{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:.92rem;cursor:pointer}
.fld .later{justify-content:flex-start;font-weight:600}
.fld .later input[type=checkbox]{width:20px;height:20px;min-height:0;padding:0;margin:0;flex:none;accent-color:var(--ink)}

/* "send me a link" opt-in under the email field */
.optin{display:flex;align-items:flex-start;gap:8px;margin-top:8px;font-size:.9rem;font-weight:600;cursor:pointer}
.fld .optin input[type=checkbox]{width:20px;height:20px;min-height:0;padding:0;margin:1px 0 0;flex:none;accent-color:var(--ink)}
#remind-hint{margin-top:4px}

/* "how does it look" help next to the documents */
.help-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;min-height:0;padding:0;margin:0 0 0 4px;border:1.5px solid var(--ink);border-radius:50%;background:#fff;color:var(--ink);font:800 .82rem/1 Archivo,sans-serif;cursor:pointer;vertical-align:middle}
.help-btn:hover,.help-btn[aria-expanded=true]{background:var(--ink);color:var(--sign)}
.help-btn:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(255,206,31,.45)}
.help-pop{margin:10px 0 4px;padding:14px;border:1.5px solid var(--line);border-radius:12px;background:#FBFAF7}
.help-pop[hidden]{display:none}
.ex-grid{display:grid;grid-template-columns:1fr;gap:16px}
.ex-grid img{width:100%;height:auto;display:block;border-radius:10px;border:1px solid var(--line)}
.ex-grid figure{margin:0}
.ex-grid figcaption{font-size:.85rem;color:var(--muted);margin-top:6px;line-height:1.45}
.help-pop .hint{margin:10px 0 0}

.chat[hidden]{display:none !important}