/* TestD US pilot, v2 (12 Oct 2026). Three pages in the look of the cart, checkout and results dashboard: a focused header,
   light grey ground, white cards, the site's buttons and type. Everything is prefixed pl- so it never meets the site's own
   classes. The v1 styles are kept in pilot-v1/. */
:root{--pl-red:#FF0046;--pl-ink:#000;--pl-grey:#F2F2F3;--pl-line:rgba(0,0,0,.09);--pl-mut:#5C5C60;--pl-ok:#12A150;--pl-amber:#C98A16;
  --pl-slate:radial-gradient(130% 120% at 18% 0%,#66798A 0%,#3B4855 46%,#212B35 82%,#19212A 100%);--pl-r:24px}
body.pl{padding-top:0;background:var(--pl-grey);color:var(--pl-ink)}
.pl [hidden]{display:none!important}
.pl-steps.placed .pl-edit{display:none!important}
body.pl-invite{background:#fff}
.skip-p{position:absolute;left:-9999px;top:8px;z-index:99;padding:10px 14px;border-radius:10px;background:#000;color:#fff}
.skip-p:focus{left:12px}
.pl-wrap{max-width:1180px;margin:0 auto;padding:0 calc(var(--gut,28px) + 22px)}
@media (max-width:760px){.pl-wrap{padding:0 calc(var(--gut,16px) + 4px)}}

/* header */
.pl-top{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:0 calc(var(--gut,28px) + 18px);
  background:#fff;border-radius:0 0 24px 24px;box-shadow:0 8px 28px rgba(0,0,0,.05)}
.pl-logo,.pl-logo svg{display:block;width:118px;height:34px}
.pl-where{font-size:15px;font-weight:600}
.pl-r{justify-self:end;display:flex;align-items:center;gap:14px}
.pl-res{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:500}
.pl-res svg{width:16px;height:16px;fill:currentColor}
.pl-ask{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:99px;border:1.5px solid #000;background:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}
.pl-ask:hover{background:var(--pl-grey)}
.pl-ask svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
@media (max-width:760px){.pl-top{grid-template-columns:auto 1fr;height:62px;padding:0 18px}.pl-where{display:none}.pl-logo,.pl-logo svg{width:100px;height:29px}
  .pl-res{display:none}.pl-ask{height:38px;padding:0 14px}}

/* shared bits */
.pl-chip{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 13px;border-radius:99px;background:#fff;border:1px solid var(--pl-line);font-size:13px;font-weight:600}
.pl-invite .pl-chip{background:var(--pl-grey);border-color:transparent}
.pl-live{width:8px;height:8px;border-radius:50%;background:var(--pl-red);box-shadow:0 0 0 0 rgba(255,0,70,.5);animation:pl-pulse 2s infinite}
@keyframes pl-pulse{70%{box-shadow:0 0 0 8px rgba(255,0,70,0)}100%{box-shadow:0 0 0 0 rgba(255,0,70,0)}}
.pl-kick{display:block;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--pl-mut)}
.pl-h2{font-size:clamp(28px,3vw,40px);font-weight:600;letter-spacing:-.04em;line-height:1.02}
.pl-p{font-size:15.5px;line-height:1.5;color:#2A2A2E}
.pl-hint{font-size:13.5px;line-height:1.45;color:var(--pl-mut);margin-top:10px}
.pl-lnk{border:0;background:none;padding:0;font:inherit;font-weight:600;color:#000;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.pl-wide{width:100%}
.pl-err{margin-top:12px;font-size:14px;font-weight:500;color:#E5003D}
.pl-pill{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:99px;background:var(--pl-grey);font-size:12.5px;font-weight:600;white-space:nowrap}
.pl-pill svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.pl-pill.ok{background:#E3F4EA;color:#0C7A3A}
.pl-stage{position:relative;display:grid;place-items:center;margin:0;aspect-ratio:1/1;border-radius:28px;overflow:hidden;background:var(--pl-slate)}
.pl-kitshot{width:76%;height:auto;filter:drop-shadow(0 26px 40px rgba(0,0,0,.32));translate:0 -2%}
.pl-badge{position:absolute;left:18px;top:18px;z-index:2;display:inline-flex;align-items:center;height:34px;padding:0 15px;border-radius:99px;background:var(--pl-red);color:#fff;font-size:14px;font-weight:600;box-shadow:0 6px 18px rgba(255,0,70,.28)}
.pl-n{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#000;color:#fff;font-size:13.5px;font-weight:600}
.pl-ic{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;background:var(--pl-grey)}
.pl-ic svg{width:22px;height:22px;fill:none;stroke:#000;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pl-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:start}
@media (max-width:900px){.pl-two{grid-template-columns:minmax(0,1fr)}}

/* the invite */
.pl-inv{padding:clamp(28px,4vw,64px) 0 clamp(36px,5vw,72px)}
.pl-inv-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,4vw,64px);align-items:center}
.pl-inv h1{margin-top:18px;font-size:clamp(42px,5.4vw,76px);font-weight:600;letter-spacing:-.045em;line-height:.95}
.pl-lede{margin-top:18px;font-size:clamp(17px,1.5vw,19px);line-height:1.45;color:#2A2A2E;max-width:44ch}
.pl-who{display:flex;align-items:center;gap:12px;margin-top:24px;padding:12px 14px;border-radius:18px;background:var(--pl-grey);max-width:440px}
.pl-who b{display:block;font-size:15.5px;font-weight:600}.pl-who small{font-size:13px;color:var(--pl-mut)}
.pl-av{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;background:#000;color:#fff;font-weight:600}
.pl-free{margin-left:auto;font-size:12.5px;font-weight:600;padding:6px 10px;border-radius:99px;background:#E3F4EA;color:#0C7A3A;white-space:nowrap}
.pl-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.pl-time{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:14px;color:var(--pl-mut)}
.pl-time svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.pl-sec{padding:clamp(40px,5vw,72px) 0}
.pl-grey{background:var(--pl-grey);border-radius:var(--pl-r);margin:0 var(--gut,28px) var(--gut,28px)}
.pl-3{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pl-3 li{display:flex;gap:14px;padding:22px;border-radius:20px;background:var(--pl-grey)}
.pl-3 h3{font-size:19px;font-weight:600;letter-spacing:-.02em}
.pl-3 h3 small{display:inline-flex;align-items:center;gap:5px;margin-left:6px;font-size:12.5px;font-weight:500;color:var(--pl-mut);letter-spacing:0}
.pl-3 h3 small svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.9}
.pl-3 p{margin-top:6px;font-size:14.5px;line-height:1.45;color:#2A2A2E}
.pl-asks{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px}
.pl-asks li{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;background:#fff}
.pl-asks b{display:block;font-size:15.5px;font-weight:600}.pl-asks small{font-size:14px;color:var(--pl-mut)}
.pl-asks .pl-ic{background:var(--pl-grey)}
.pl-tl{list-style:none;margin:20px 0 22px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:relative}
.pl-tl::before{content:"";position:absolute;left:10%;right:10%;top:13px;height:2px;background:rgba(0,0,0,.12)}
.pl-tl li{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.pl-tl li::before{content:"";width:12px;height:12px;margin-top:8px;border-radius:50%;background:#000;box-shadow:0 0 0 5px var(--pl-grey)}
.pl-tl li:first-child::before{background:var(--pl-red)}
.pl-tl b{font-size:13px;font-weight:600;margin-top:4px}.pl-tl span{font-size:12.5px;line-height:1.3;color:var(--pl-mut)}
.pl-tl.sm{margin:18px 0 6px}.pl-tl.sm li::before{box-shadow:0 0 0 5px #fff}
@media (max-width:900px){.pl-inv-grid{grid-template-columns:minmax(0,1fr)}.pl-inv-grid .pl-stage{order:-1;max-width:520px}.pl-3{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.pl-tl b{font-size:12px}.pl-tl span{font-size:11px}.pl-grey{margin:0 0 16px;border-radius:0}}

/* join: progress, steps, summary */
.pl-join{padding:clamp(24px,3vw,48px) 0 clamp(48px,6vw,88px)}
.pl-jh h1{font-size:clamp(38px,4.4vw,60px);font-weight:600;letter-spacing:-.045em;line-height:1}
.pl-jh>p{margin-top:10px;font-size:16px;color:var(--pl-mut)}
.pl-bar{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;counter-reset:b}
.pl-bar li{counter-increment:b;padding-top:12px;border-top:4px solid rgba(0,0,0,.1);font-size:13px;font-weight:600;color:var(--pl-mut);transition:border-color .3s,color .3s}
.pl-bar li::before{content:counter(b) ". "}
.pl-bar li.done{border-color:#000;color:#000}.pl-bar li.now{border-color:var(--pl-red);color:#000}
.pl-jgrid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(18px,2.4vw,28px);margin-top:clamp(20px,2.4vw,32px);align-items:start}
.pl-steps{display:grid;gap:12px}
.pl-step{background:#fff;border-radius:var(--pl-r);overflow:hidden;scroll-margin-top:90px}
.pl-step header{display:flex;align-items:center;gap:14px;padding:20px clamp(18px,2.4vw,28px)}
.pl-step h2{font-size:19px;font-weight:600;letter-spacing:-.02em}
.pl-sn{position:relative;display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--pl-grey);font-size:14px;font-weight:600}
.pl-sn svg{position:absolute;width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.pl-step.done .pl-sn{background:#000}.pl-step.done .pl-sn b{opacity:0}.pl-step.done .pl-sn svg{opacity:1}
.pl-step.open .pl-sn{background:var(--pl-red);color:#fff}
.pl-sum+.pl-edit{margin-left:0}
.pl-sum{margin-left:auto;font-size:14px;color:var(--pl-mut);text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pl-edit{display:none;align-items:center;gap:5px;flex:none;margin-left:auto;border:0;background:none;padding:6px 0 6px 6px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.pl-edit svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linejoin:round}
.pl-step.done:not(.open) .pl-edit{display:inline-flex}
.pl-body{display:none;padding:0 clamp(18px,2.4vw,28px) clamp(20px,2.4vw,28px)}
.pl-step.open .pl-body{display:block;animation:pl-in .35s cubic-bezier(.16,1,.3,1)}
@keyframes pl-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.pl-step:not(.open):not(.done) header{opacity:.55}
.pl-body>.btn{margin-top:18px}
.pl-oauth{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.pl-oauth .btn{height:52px;gap:10px;border-width:1px;border-color:rgba(0,0,0,.18)}
.pl-oauth svg{width:19px;height:19px}
.pl-or{display:flex;align-items:center;gap:12px;margin:18px 0 14px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8A8A90}
.pl-or::before,.pl-or::after{content:"";flex:1;height:1px;background:rgba(0,0,0,.1)}
.pl-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
.pl-row .btn{height:54px}
.pl-otp{display:grid;grid-template-columns:repeat(6,minmax(0,52px));gap:8px;margin-top:14px}
.pl-otp input{height:58px;text-align:center;border:1px solid rgba(0,0,0,.18);border-radius:14px;font:inherit;font-size:22px;font-weight:600;outline:0}
.pl-otp input:focus{border-color:#000;box-shadow:0 0 0 3px rgba(0,0,0,.08)}
.pl-demo{margin-top:8px;font-size:12.5px;color:#8A8A90}
.pl-f{display:grid;gap:6px;font-size:14px;font-weight:500;min-width:0}
.pl-f em{font-style:normal;color:#8A8A90;font-weight:400}
.pl-f input,.pl-f select,.pl-f textarea{width:100%;min-height:52px;padding:0 16px;border:1px solid rgba(0,0,0,.18);border-radius:14px;font:inherit;font-size:16px;background:#fff;outline:0;transition:border-color .2s,box-shadow .2s}
.pl-f textarea{padding:12px 16px;min-height:0;resize:vertical}
.pl-f select{-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center}
.pl-f input:focus,.pl-f select:focus,.pl-f textarea:focus{border-color:#000;box-shadow:0 0 0 3px rgba(0,0,0,.08)}
.pl-f.bad input,.pl-f.bad select{border-color:#E5003D}
.pl-f.wide{grid-column:1 / -1}
.pl-grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:14px}
.pl-fs{border:0;margin:0;padding:0;display:grid;gap:6px;font-size:14px;font-weight:500}
.pl-fs legend{padding:0;margin-bottom:6px}.pl-fs small{color:#8A8A90;font-weight:400}
.pl-seg{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;border-radius:14px;background:var(--pl-grey)}
.pl-seg label{position:relative;cursor:pointer}
.pl-seg input{position:absolute;opacity:0;pointer-events:none}
.pl-seg span{display:grid;place-items:center;min-width:64px;height:40px;padding:0 14px;border-radius:10px;font-size:14.5px;font-weight:600;color:#3E3E42;transition:background .2s,color .2s,box-shadow .2s}
.pl-seg input:checked + span{background:#fff;color:#000;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.pl-seg input:focus-visible + span{outline:2px solid #000;outline-offset:1px}
.pl-fs .pl-seg{display:grid}
.pl-mt{margin-top:22px}
.pl-qs{display:grid;gap:2px;margin-top:10px;border-top:1px solid var(--pl-line)}
.pl-q{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--pl-line)}
.pl-q b{display:block;font-size:15px;font-weight:600}.pl-q small{display:block;font-size:13px;color:var(--pl-mut);margin-top:2px}
.pl-q.bad b{color:#E5003D}
.pl-note{margin:10px 0 4px;padding:12px 14px;border-radius:14px;background:#EEF4FB;font-size:14px;line-height:1.45}
.pl-note.warn{background:#FFF3E0}
.pl-body .pl-f.wide{margin-top:14px}
.pl-panel{display:block;position:relative;padding:18px;border-radius:18px;border:2px solid #000;cursor:pointer}
.pl-panel input{position:absolute;opacity:0}
.pl-pt{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pl-pt b{font-size:18px;font-weight:600}
.pl-pl{display:block;margin-top:6px;font-size:14.5px;line-height:1.45;color:#2A2A2E}
.pl-mk{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pl-mk li{padding:10px 12px;border-radius:12px;background:var(--pl-grey)}
.pl-mk b{display:block;font-size:13.5px;font-weight:600}.pl-mk span{display:block;font-size:13px;font-weight:500}.pl-mk small{display:block;margin-top:4px;font-size:12px;line-height:1.35;color:var(--pl-mut)}
.pl-later{margin-top:12px;border-radius:16px;background:var(--pl-grey)}
.pl-later summary{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;font-size:14.5px;font-weight:600;cursor:pointer;list-style:none}
.pl-later summary::-webkit-details-marker{display:none}
.pl-later summary i{width:10px;height:10px;border-right:2px solid #000;border-bottom:2px solid #000;transform:rotate(45deg);transition:transform .2s}
.pl-later[open] summary i{transform:rotate(225deg)}
.pl-later ul{list-style:none;margin:0;padding:0 16px 14px;display:flex;flex-wrap:wrap;gap:6px}
.pl-later li{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:99px;background:#fff;font-size:13px;color:#8A8A90}
.pl-later li::before{content:"";width:12px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A8A90' stroke-width='2'%3E%3Crect x='5' y='10.5' width='14' height='10' rx='2.5'/%3E%3Cpath d='M8 10.5V8a4 4 0 0 1 8 0v2.5'/%3E%3C/svg%3E") center/contain no-repeat}
.pl-pts{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;counter-reset:p}
.pl-pts li{counter-increment:p;position:relative;padding:12px 14px 12px 44px;border-radius:14px;background:var(--pl-grey)}
.pl-pts li::before{content:counter(p);position:absolute;left:14px;top:12px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#000;color:#fff;font-size:11.5px;font-weight:600}
.pl-pts b{display:block;font-size:14.5px;font-weight:600}.pl-pts span{display:block;margin-top:2px;font-size:13.5px;line-height:1.4;color:#3E3E42}
.pl-guide{margin-top:18px;padding:16px;border-radius:18px;background:var(--pl-slate);color:#fff}
.pl-gh{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px}
.pl-gh b{font-size:15px}.pl-gh span{font-size:13px;opacity:.75}
.pl-guide ol,.pl-gl{list-style:none;margin:12px 0 0;padding:0 0 4px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.pl-guide ol::-webkit-scrollbar{display:none}
.pl-guide li,.pl-gl li{position:relative;scroll-snap-align:start;display:flex;flex-direction:column;gap:4px;padding:8px 8px 12px;border-radius:14px;background:rgba(255,255,255,.08)}
.pl-guide img,.pl-gl img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}
.pl-gn{position:absolute;left:14px;top:14px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;color:#000;font-size:12px;font-weight:600}
.pl-guide b,.pl-gl b{margin-top:6px;font-size:14px;font-weight:600}
.pl-guide small{font-size:12.5px;line-height:1.35;opacity:.8}
.pl-ticks{display:grid;gap:8px;margin-top:16px}
.pl-tick{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:14px;border:1px solid var(--pl-line);cursor:pointer;transition:border-color .2s,background .2s}
.pl-tick:has(input:checked){border-color:#000;background:#FAFAFA}
.pl-tick input{position:absolute;opacity:0;pointer-events:none}
.pl-box{display:grid;place-items:center;flex:none;width:22px;height:22px;margin-top:1px;border-radius:7px;border:1.5px solid rgba(0,0,0,.3);background:#fff;transition:background .2s,border-color .2s}
.pl-box svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.pl-tick input:checked + .pl-box{background:#000;border-color:#000}.pl-tick input:checked + .pl-box svg{opacity:1}
.pl-tick input:focus-visible + .pl-box{outline:2px solid #000;outline-offset:2px}
.pl-tt b{display:block;font-size:14.5px;font-weight:600;line-height:1.35}.pl-tt small{display:block;margin-top:3px;font-size:13px;line-height:1.4;color:var(--pl-mut)}
.pl-tt small a{color:#000;text-decoration:underline}
.pl-tick.is-off{cursor:not-allowed;opacity:.55}
.pl-opt{margin-top:16px;padding:6px 14px;border-radius:16px;background:var(--pl-grey)}
.pl-oh{padding:8px 0 2px;font-size:14px}
.pl-sw{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid rgba(0,0,0,.07);cursor:pointer}
.pl-oh + .pl-sw{border-top:0}
.pl-sw input{position:absolute;opacity:0;pointer-events:none}
.pl-knob{position:relative;flex:none;width:46px;height:28px;border-radius:99px;background:#C9C9CE;transition:background .2s}
.pl-knob::after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.pl-sw input:checked ~ .pl-knob{background:#000}.pl-sw input:checked ~ .pl-knob::after{transform:translateX(18px)}
.pl-sw input:focus-visible ~ .pl-knob{outline:2px solid #000;outline-offset:2px}
.pl-sig{margin-top:18px}
.pl-paid{display:flex;align-items:center;gap:14px;margin-top:16px;padding:14px 16px;border-radius:16px;background:#E9F6EE}
.pl-paid>svg{flex:none;width:22px;height:22px;padding:3px;border-radius:50%;background:var(--pl-ok);fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.pl-paid b{display:block;font-size:15px;font-weight:600}.pl-paid small{display:block;margin-top:2px;font-size:13px;color:#3E3E42}
.pl-zero{margin-left:auto;font-size:20px!important}
.pl-done{padding:clamp(24px,3vw,36px);border-radius:var(--pl-r);background:#fff;text-align:center;animation:pl-in .4s cubic-bezier(.16,1,.3,1)}
.pl-big{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 16px;border-radius:50%;background:#000}
.pl-big svg{width:30px;height:30px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.pl-done h2{font-size:clamp(26px,2.8vw,34px);font-weight:600;letter-spacing:-.03em}
.pl-done p{margin:10px auto 20px;max-width:46ch;font-size:15.5px;line-height:1.5;color:#2A2A2E}
.pl-sumcard{position:sticky;top:92px;display:grid;gap:14px;padding:clamp(16px,2vw,24px);border-radius:var(--pl-r);background:#fff}
.pl-stage.sm{aspect-ratio:16/11;border-radius:18px}
.pl-stage.sm .pl-kitshot{width:58%}
.pl-si b{display:block;font-size:18px;font-weight:600}.pl-si small{font-size:14px;color:var(--pl-mut)}
.pl-lines{margin:0;display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--pl-line);font-size:14.5px}
.pl-lines div{display:flex;justify-content:space-between;gap:10px}.pl-lines dd{margin:0;font-weight:500}
.pl-lines .disc dd{color:var(--pl-ok)}
.pl-lines .tot{margin-top:4px;padding-top:10px;border-top:1px solid var(--pl-line);font-size:17px;font-weight:600}
.pl-trust{list-style:none;margin:0;padding:12px 0 0;border-top:1px solid var(--pl-line);display:grid;gap:8px;font-size:13.5px;color:#3E3E42}
.pl-trust li{display:flex;align-items:center;gap:8px}
.pl-trust svg{width:16px;height:16px;fill:none;stroke:#000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:900px){.pl-jgrid{grid-template-columns:minmax(0,1fr)}.pl-sumcard{position:static;order:-1;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 16px 12px 12px}
  .pl-sumcard .pl-stage.sm{aspect-ratio:1/1;border-radius:12px}.pl-sumcard .pl-stage.sm .pl-kitshot{width:84%}
  .pl-sumcard .pl-tl,.pl-sumcard .pl-trust,.pl-sumcard .pl-lines>div:not(.tot){display:none}
  .pl-sumcard .pl-lines{border:0;padding:0;margin:0}.pl-sumcard .pl-lines .tot{display:grid;justify-items:end;gap:0;border:0;padding:0;margin:0}
  .pl-sumcard .pl-lines .tot dt{font-size:12px;font-weight:500;color:var(--pl-mut)}.pl-sumcard .pl-lines .tot dd{font-size:18px}}
@media (max-width:620px){.pl-bar li{font-size:0;padding-top:8px}.pl-bar li::before{font-size:12px}.pl-bar li.now{font-size:12px}
  .pl-grid2,.pl-pts,.pl-mk{grid-template-columns:minmax(0,1fr)}.pl-oauth{grid-template-columns:minmax(0,1fr)}
  .pl-row{grid-template-columns:minmax(0,1fr)}.pl-otp{grid-template-columns:repeat(6,minmax(0,1fr))}
  .pl-q{flex-direction:column;align-items:stretch}.pl-q .pl-seg{display:grid}.pl-sum{display:none}.pl-sum+.pl-edit{margin-left:auto}}

/* your pilot: the hub */
.pl-hub{padding:clamp(24px,3vw,44px) 0 clamp(48px,6vw,88px)}
.pl-hh{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px}
.pl-hh h1{margin-top:14px;font-size:clamp(40px,4.8vw,64px);font-weight:600;letter-spacing:-.045em;line-height:.95}
.pl-hh p{margin-top:10px;font-size:16px;color:var(--pl-mut)}
.pl-status{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:99px;background:#000;color:#fff;font-size:14px;font-weight:600}
.pl-status::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pl-red)}
.pl-card{margin-top:16px;padding:clamp(18px,2.4vw,28px);border-radius:var(--pl-r);background:#fff}
.pl-ch{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 14px}
.pl-ch h2,.pl-card h2{font-size:20px;font-weight:600;letter-spacing:-.02em}
.pl-ch span{font-size:13.5px;color:var(--pl-mut)}
.pl-unjoined{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;background:#000;color:#fff}
.pl-unjoined h2{font-size:22px}.pl-unjoined p{margin-top:4px;font-size:15px;opacity:.8}
.pl-track{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));position:relative}
.pl-track li{position:relative;display:flex;flex-direction:column;gap:8px;padding-right:8px}
.pl-track li::after{content:"";position:absolute;left:26px;right:0;top:12px;height:2px;background:rgba(0,0,0,.1)}
.pl-track li:last-child::after{display:none}
.pl-track li.done::after{background:#000}
.pl-dot{position:relative;z-index:1;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,.15)}
.pl-dot svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.pl-track li.done .pl-dot{background:#000;border-color:#000}.pl-track li.done .pl-dot svg{opacity:1}
.pl-track li.now .pl-dot{border-color:var(--pl-red);box-shadow:0 0 0 5px rgba(255,0,70,.15)}
.pl-track li.now .pl-dot::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--pl-red)}
.pl-track b{font-size:13.5px;font-weight:600;line-height:1.25}.pl-track small{font-size:12px;line-height:1.3;color:var(--pl-mut)}
.pl-track li:not(.done):not(.now) b{color:#8A8A90}
.pl-tt2{display:grid;gap:2px}.pl-track li.now .pl-dot svg{display:none}
.pl-next{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding:18px 20px;border-radius:18px;background:var(--pl-grey)}
.pl-next h3{margin-top:4px;font-size:19px;font-weight:600;letter-spacing:-.02em}.pl-next p{margin-top:4px;font-size:14.5px;line-height:1.45;color:#2A2A2E;max-width:56ch}
.pl-next-acts{display:flex;flex-wrap:wrap;gap:10px}
.pl-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
.pl-tile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:20px;border:0;border-radius:20px;background:#fff;font:inherit;text-align:left;color:#000;cursor:pointer;transition:transform .25s,box-shadow .25s}
.pl-tile:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.07)}
.pl-tile .pl-ic{margin-bottom:10px}
.pl-tile b{font-size:16px;font-weight:600}.pl-tile small{font-size:13.5px;line-height:1.35;color:var(--pl-mut)}
.pl-tile.is-done .pl-ic{background:#E3F4EA}
.pl-gap{margin-top:0}
.pl-results{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.pl-results>div{flex:1 1 240px}.pl-results p{margin-top:4px;font-size:14.5px;line-height:1.45;color:#2A2A2E}
.pl-dl{margin:14px 0 12px;display:grid;gap:10px;font-size:14.5px}
.pl-dl div{display:grid;grid-template-columns:110px 1fr;gap:10px}.pl-dl dt{color:var(--pl-mut)}.pl-dl dd{margin:0;font-weight:500}
@media (max-width:1000px){.pl-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.pl-track{grid-template-columns:minmax(0,1fr);gap:0}.pl-track li{flex-direction:row;align-items:center;gap:12px;padding:0 0 18px}
  .pl-track li::after{left:12px;right:auto;top:26px;bottom:0;width:2px;height:auto}.pl-track li span.pl-tt2{display:grid}
  .pl-track b{font-size:14.5px}.pl-track small{font-size:13px}}

/* dialogs and sheets */
.pl-dlg{width:min(560px,calc(100% - 24px));max-height:calc(100dvh - 40px);padding:0;border:0;border-radius:var(--pl-r);background:#fff;color:#000;box-shadow:0 40px 120px rgba(0,0,0,.35);overflow:hidden}
.pl-dlg.wide{width:min(820px,calc(100% - 24px))}
.pl-dlg::backdrop{background:rgba(10,12,16,.6);backdrop-filter:blur(3px)}
.pl-dlg[open]{animation:pl-in .35s cubic-bezier(.16,1,.3,1)}
.pl-dlg-in{position:relative;max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;padding:clamp(22px,3vw,34px)}
.pl-dlg-in::-webkit-scrollbar{width:14px}.pl-dlg-in::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);background-clip:padding-box;border:5px solid transparent;border-radius:99px}
.pl-dlg h2{padding-right:44px;font-size:clamp(24px,2.6vw,32px);font-weight:600;letter-spacing:-.035em;line-height:1.05}
.pl-dlg h2 + .pl-p,.pl-dlg h2 + p{margin-top:10px}
.pl-x{position:absolute;right:16px;top:16px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:var(--pl-grey);cursor:pointer}
.pl-x svg{width:18px;height:18px;fill:none;stroke:#000;stroke-width:2.2;stroke-linecap:round}
.pl-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.pl .btn svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pl-acts .btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.pl-dima{display:grid;place-items:center;width:52px;height:52px;margin-bottom:14px;border-radius:50%;background:var(--pl-red);color:#fff;font-size:20px;font-weight:600}
.pl-note:empty{display:none}
.pl-terms{margin-top:14px;display:grid;gap:10px;font-size:15px;line-height:1.55}
.pl-terms h3{margin-top:6px;font-size:16px;font-weight:600}
.pl-terms a{text-decoration:underline}
.pl-fill{padding:12px 14px;border-radius:12px;background:#FFF6D6;font-size:14px}
.pl-gl{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}
.pl-gl li{background:var(--pl-grey)}
.pl-gl small{font-size:13px;line-height:1.4;color:#3E3E42}
.pl-cl{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.pl-cl li{display:flex;flex-direction:column;gap:4px}
.pl-cl img{width:100%;aspect-ratio:9/13;object-fit:cover;border-radius:14px}
.pl-cl b{margin-top:4px;font-size:14px;font-weight:600}.pl-cl small{font-size:12.5px;line-height:1.35;color:var(--pl-mut)}
.pl-drop{display:block;margin-top:16px;cursor:pointer}
.pl-drop input{position:absolute;opacity:0;width:1px;height:1px}
.pl-drop span{display:flex;align-items:center;justify-content:center;gap:10px;height:64px;border:1.5px dashed rgba(0,0,0,.25);border-radius:16px;font-weight:600}
.pl-drop svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.pl-files{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px;font-size:14px}
.pl-files li{display:flex;justify-content:space-between;padding:10px 12px;border-radius:12px;background:var(--pl-grey)}
.pl-bl{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.pl-bl li{display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:16px;background:var(--pl-grey)}
.pl-bl b{display:block;font-size:15px;font-weight:600}.pl-bl small{display:block;margin-top:2px;font-size:14px;line-height:1.4;color:#3E3E42}
.pl-fb{display:grid;gap:16px;margin-top:16px}
.pl-nps{border:0;margin:0;padding:0}.pl-nps legend{padding:0}.pl-nps b{display:block;font-size:15.5px;font-weight:600}.pl-nps small{display:block;margin-top:2px;font-size:13px;color:var(--pl-mut)}
.pl-npsr{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:4px;margin-top:10px}
.pl-npsr label{position:relative;cursor:pointer}.pl-npsr input{position:absolute;opacity:0}
.pl-npsr span{display:grid;place-items:center;height:42px;border-radius:10px;background:var(--pl-grey);font-weight:600;font-size:14px;transition:background .2s,color .2s}
.pl-npsr input:checked + span{background:#000;color:#fff}.pl-npsr input:focus-visible + span{outline:2px solid #000;outline-offset:1px}
.pl-rates{display:grid;gap:2px}
.pl-rate{display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;margin:0;padding:8px 0;border-bottom:1px solid var(--pl-line)}
.pl-rate legend{float:left;padding:0;font-size:14.5px;font-weight:500}
.pl-stars{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:2px}
.pl-stars label{cursor:pointer}.pl-stars input{position:absolute;opacity:0}
.pl-stars span{display:block;width:28px;height:28px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.6l2.6 5.4 5.9.7-4.4 4 1.2 5.8L12 16.7l-5.3 2.8 1.2-5.8-4.4-4 5.9-.7z' fill='%23D9D9DE'/%3E%3C/svg%3E") center/24px no-repeat}
.pl-stars label:hover span,.pl-stars label:hover ~ label span,.pl-stars input:checked + span,.pl-stars label:has(input:checked) ~ label span{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3.6l2.6 5.4 5.9.7-4.4 4 1.2 5.8L12 16.7l-5.3 2.8 1.2-5.8-4.4-4 5.9-.7z' fill='%23000'/%3E%3C/svg%3E")}
.pl-slots{border:0;margin:0;padding:0}.pl-slots legend{padding:0}.pl-slots b{display:block;font-size:15.5px;font-weight:600}.pl-slots small{display:block;margin-top:2px;font-size:13px;color:var(--pl-mut)}
.pl-slotg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}
.pl-slotg label{position:relative;cursor:pointer}.pl-slotg input{position:absolute;opacity:0}
.pl-slotg span{display:grid;gap:2px;padding:10px 12px;border-radius:12px;border:1px solid var(--pl-line);font-size:13.5px}
.pl-slotg b{font-size:13.5px;font-weight:600}
.pl-slotg input:checked + span{border-color:#000;box-shadow:0 0 0 1px #000}
@media (max-width:760px){.pl-dlg,.pl-dlg.wide{width:100%;max-width:none;margin:auto 0 0;border-radius:24px 24px 0 0;max-height:92dvh}.pl-dlg-in{max-height:92dvh}
  .pl-gl{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pl-cl{grid-template-columns:repeat(2,minmax(0,1fr))}.pl-slotg{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .pl-npsr{grid-template-columns:repeat(6,minmax(0,1fr))}}

/* footer and toast */
.pl-foot{max-width:1180px;margin:0 auto;padding:28px calc(var(--gut,28px) + 22px) 40px;display:grid;gap:8px;font-size:12.5px;line-height:1.5;color:#6E6E73}
.pl-foot nav{display:flex;flex-wrap:wrap;gap:16px;margin-top:4px}.pl-foot a{color:#3E3E42;text-decoration:underline}
.pl-proto{color:#8A8A90}
.pl-toast{position:fixed;left:50%;bottom:24px;z-index:80;transform:translate(-50%,20px);padding:12px 18px;border-radius:14px;background:#000;color:#fff;font-size:14px;font-weight:500;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}
.pl-toast.on{opacity:1;transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){.pl-live{animation:none}.pl-step.open .pl-body,.pl-dlg[open],.pl-done{animation:none}}