/* The leads funnel (26 Oct 2026): /plan (the quiz) and /plan/<slug> (the private plan). The boards win inside the funnel
   (~/growth-partner-os-site/gpos-lead-funnel/project): their colours, Plus Jakarta Sans + JetBrains Mono, gold gradient
   buttons. The header is the site's own (land.css .nav / .brand / .g-mark, same values). Mobile first. */
@font-face{font-family:"Plus Jakarta Sans";src:url("/assets/fonts/plus-jakarta-28f7fd78.woff2") format("woff2");font-weight:400 800;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("/assets/fonts/jetbrains-mono-dc52bc91.woff2") format("woff2");font-weight:500 600;font-display:swap}
:root{
  --bg:#0E0C0A;--fg:#F4ECDF;--muted:#B9AFA0;--quiet:#948A7C;--ph:#7F766A;
  --line:#2C271F;--line-2:#3A342B;--card:#16130F;--card-gold:#17140F;--sel:#1F1A12;
  --chip:#1D1912;--chip-line:#4A3E28;--chip-fg:#D5C29C;
  --gold:#E8B85C;--gold-2:#D9A54C;--gold-line:#B88A3E;--gold-dim:#8A6A33;--on-gold:#1A1407;--err:#F2766B;
  --grad:linear-gradient(180deg,#F6D892 0%,#E3AF57 100%);--glow:0 6px 24px rgba(232,184,92,.28);
  --f:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --ease:cubic-bezier(.22,1,.36,1);
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body.pf-body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--f);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--gold)}a:hover{color:#F6D892}
button,a,input,label{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
h1,h2,h3,p{margin:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.pf-wrap{width:100%;max-width:560px;margin-inline:auto;padding-inline:20px}
.pf-mono{font-family:var(--mono)}
.pf-muted{color:var(--muted);font-size:16px;line-height:1.55}
.pf-small{font-size:13px;color:var(--quiet);text-align:center}

/* ---- the header: the site's (land.css) ---- */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:rgba(14,12,10,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.pf-nav .pf-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:62px;max-width:1140px;padding-inline:16px}
.brand{display:inline-flex;align-items:center;min-height:44px;gap:10px;text-decoration:none;color:var(--fg);white-space:nowrap}
.brand:hover{color:var(--fg)}
.g-mark{width:24px;height:24px;border-radius:7px;background:#1F1A13 linear-gradient(180deg,#2A241B,#1A1611);border:1px solid rgba(212,168,79,.42);display:inline-block;position:relative;flex:none;margin:1px}
.g-mark::after{content:"";position:absolute;inset:5px 6px;background:#D4A84F;clip-path:polygon(60% 0,0 58%,44% 58%,38% 100%,100% 40%,56% 40%)}
.pf-brand-t{font-size:17px;font-weight:800;letter-spacing:-.01em}
.pf-count{font-size:12px;font-weight:500;letter-spacing:.12em;color:var(--muted)}
.pf-pill{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;background:var(--grad);color:var(--on-gold);font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}
.pf-pill:hover{color:var(--on-gold);filter:brightness(1.04)}

/* ---- buttons ---- */
.pf-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:56px;padding:12px 18px;border:0;border-radius:14px;background:var(--grad);box-shadow:var(--glow);color:var(--on-gold);font-family:inherit;font-size:17px;font-weight:800;line-height:1.25;text-align:center;text-decoration:none;cursor:pointer;transition:transform .15s var(--ease),filter .15s var(--ease)}
.pf-btn:hover{color:var(--on-gold);filter:brightness(1.04)}
.pf-btn:active{transform:scale(.985)}
.pf-btn[aria-busy="true"]{cursor:progress;filter:saturate(.8) brightness(.95)}
.pf-btn[aria-busy="true"]::after{content:"";width:16px;height:16px;border-radius:50%;border:2px solid rgba(26,20,7,.35);border-top-color:var(--on-gold);animation:pf-spin .8s linear infinite}
@keyframes pf-spin{to{transform:rotate(360deg)}}
.pf-back{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 8px 0 0;border:0;background:transparent;color:var(--muted);font-family:inherit;font-size:15px;cursor:pointer}
.pf-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pf-back:hover{color:var(--fg)}

/* ---- the quiz ---- */
.pf{padding-top:16px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
.pf-form{display:flex;flex-direction:column;gap:28px}
.pf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.pf-step{display:flex;flex-direction:column;gap:18px;margin:0;padding:0;border:0;min-width:0}
fieldset.pf-step>legend{padding:0;margin:0 0 18px;float:left;width:100%}  /* a float lets the legend sit in the flex column */
fieldset.pf-step>legend+*{clear:both}
.pf-step h1,.pf-step h2{outline:none}
.pf-step h2{font-size:26px;line-height:1.2;font-weight:800;letter-spacing:-.015em}
.pf-sub{margin-top:-10px;color:var(--muted);font-size:15px}
.pf-stack{display:flex;flex-direction:column;gap:12px}
.pf-eyebrow{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.22em;color:var(--gold-2)}
.pf-intro{gap:16px;padding-top:4px}   /* the board says 20; 16 keeps the whole button on an iPhone 13 screen (664px visible) */
.pf-intro h1{font-size:31px;line-height:1.12;font-weight:800;letter-spacing:-.02em}
.pf-lede{font-size:17px;line-height:1.55;color:var(--muted)}
/* Atlas (28 Oct 2026): "Change" sits at the end of the intro's sentence: a 44px tap target whose negative margins keep the line
   (and the first screen) the same height */
.pf-chg{display:inline-block;min-height:44px;margin:-10px -6px;padding:0 6px;border:0;border-radius:8px;background:none;font:inherit;font-weight:700;color:var(--gold);text-decoration:underline;text-underline-offset:3px;vertical-align:middle;cursor:pointer}
.pf-gets{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.pf-gets li{display:flex;align-items:flex-start;gap:10px}
.pf-tick{width:20px;height:20px;flex:none;margin-top:2px;fill:none;stroke:var(--gold);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.pf-for{display:flex;flex-direction:column;gap:6px;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:16px}
.pf-for b{font-size:14px;font-weight:700;color:var(--chip-fg)}
.pf-for p{font-size:15px;line-height:1.5;color:var(--muted)}
.pf-foot-cta{display:flex;flex-direction:column;gap:10px}

.pf-qhead{display:flex;flex-direction:column;gap:12px}
.pf-prog{height:6px;border-radius:3px;background:var(--line);overflow:hidden}
.pf-prog i{display:block;height:6px;width:20%;border-radius:3px;background:var(--gold);transition:width .3s var(--ease)}

.pf-opts{display:flex;flex-direction:column;gap:10px}
.pf-opts-tight{gap:8px}
.pf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pf-opt{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--fg);cursor:pointer;transition:border-color .15s var(--ease),background-color .15s var(--ease)}
.pf-opts-tight .pf-opt{min-height:58px;padding:9px 16px}
.pf-opt-s{min-height:60px;padding:10px 14px;font-size:16px}
.pf-opt-m{min-height:56px;font-size:16px}
.pf-opt input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.pf-opt-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.pf-opt b{font-size:16px;font-weight:700}
.pf-opt small{font-size:14px;color:var(--muted)}
.pf-dot{width:20px;height:20px;flex:none;border:2px solid var(--line);border-radius:10px;transition:background-color .15s var(--ease),border-color .15s var(--ease)}
@media(hover:hover){.pf-opt:hover{border-color:var(--gold-dim)}}
.pf-opt:has(input:checked),.pf-opt.sel{border-color:var(--gold);background:var(--sel)}
.pf-opt:has(input:checked) .pf-dot,.pf-opt.sel .pf-dot{border-color:var(--gold);background:var(--gold)}
.pf-opt:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:2px}

.pf-field{display:flex;flex-direction:column;gap:8px}
.pf-field label{font-size:14px;font-weight:600;color:var(--chip-fg)}
.pf-field input{height:54px;width:100%;padding:0 16px;border:1px solid var(--line-2);border-radius:12px;background:var(--card);color:var(--fg);font-family:inherit;font-size:17px}
.pf-field input::placeholder{color:var(--ph)}
.pf-field input:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-color:var(--gold-dim)}
.pf-field input[aria-invalid="true"]{border-color:var(--err)}
/* the city's suggestions (27 Oct 2026: Google's cities, US and Canada, lib/plan-city.mts) */
.pf-cityin{position:relative}
.pf-sug{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:5;background:var(--card);border:1px solid var(--line-2);border-radius:12px;box-shadow:0 14px 30px rgba(0,0,0,.45);overflow:hidden}
.pf-sug ul{list-style:none;margin:0;padding:4px}
.pf-sug li{min-height:48px;display:flex;align-items:center;padding:0 12px;border-radius:9px;font-size:16px;color:var(--fg);cursor:pointer}
.pf-sug li[aria-selected="true"],.pf-sug li:hover{background:var(--sel)}
.pf-sug li.picked{animation:pf-press .32s var(--ease);background:var(--sel);box-shadow:inset 0 0 0 1px var(--gold)}
.pf-sug-by{margin:0;padding:4px 12px 8px;text-align:right;font-size:12px;color:var(--chip-fg)}
.pf-err{font-size:14px;color:var(--err)}
.pf-fix{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:6px 6px 6px 12px;background:var(--chip);border:1px solid var(--chip-line);border-radius:12px}
.pf-fix>span:first-child{font-size:14px;color:var(--chip-fg);overflow-wrap:anywhere}
.pf-fix b{color:var(--fg)}
.pf-fix-b{display:flex;gap:4px;margin-left:auto}
.pf-fix-yes,.pf-fix-no{min-height:44px;border:0;border-radius:9px;font-family:inherit;font-size:14px;cursor:pointer}
.pf-fix-yes{padding:0 14px;background:var(--gold);color:var(--on-gold);font-weight:700}
.pf-fix-no{padding:0 10px;background:transparent;color:var(--muted)}

.pf-gate{gap:14px}
.pf-gate h2{font-size:24px}
.pf-gate .pf-stack{gap:10px}
.pf-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 12px;border:1px solid var(--chip-line);border-radius:999px;background:var(--chip);color:var(--chip-fg);font-size:13px;font-weight:700}
.pf-badge svg{width:14px;height:14px;fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.pf-badge-l{border-color:var(--line-2);background:var(--card);color:var(--muted)}
.pf-sum{display:flex;flex-direction:column;gap:11px;padding:16px;background:var(--card-gold);border:1px solid var(--gold-line);border-radius:16px}
.pf-sum p{display:flex;flex-direction:column;gap:2px}
.pf-sum .pf-mono{font-size:11px;font-weight:500;letter-spacing:.16em;color:var(--gold-2)}
.pf-sum b{font-size:15px;font-weight:600}
.pf-lock{display:flex;flex-direction:column;gap:6px}
.pf-lock>.pf-mono{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;letter-spacing:.16em;color:var(--muted)}
.pf-lock svg{width:12px;height:12px;flex:none;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.pf-blur{display:flex;flex-direction:column;gap:6px}
.pf-blur i{display:block;height:10px;border-radius:5px;background:var(--line);width:92%}
.pf-blur i+i{width:70%}
.pf-note{text-align:left;line-height:1.5}

/* With JS: one screen at a time, the intro and question screens fill the phone so the button sits at the bottom (board 1). */
.js .pf-step{display:none}
.js .pf-step.on{display:flex}
.js .pf-form{gap:18px}
.js .pf-intro.on{min-height:calc(100svh - 63px - 40px - env(safe-area-inset-bottom,0px))}   /* header 62+1, .pf padding 16+24 */
.js .pf-intro .pf-foot-cta{margin-top:auto}
html:not(.js) .pf-js-only{display:none!important}
html:not(.js) .pf-step{padding-bottom:8px;border-bottom:1px solid var(--line)}

/* ---- the plan page (board 2) ---- */
.pv{display:flex;flex-direction:column;gap:28px;padding-top:24px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}
.pv-top{display:flex;flex-direction:column;gap:12px}
.pv-h1{font-size:34px;line-height:1.1;font-weight:800;letter-spacing:-.02em;overflow-wrap:anywhere}
.pv-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pv-chips li{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border:1px solid var(--chip-line);border-radius:999px;background:var(--chip);color:var(--chip-fg);font-size:13px;font-weight:600}
.pv-gold{color:var(--gold-2)}
.pv-opt1{display:flex;flex-direction:column;gap:18px;padding:22px 18px;background:var(--card-gold);border:1px solid var(--gold-line);border-radius:20px;box-shadow:0 10px 40px rgba(232,184,92,.08)}
.pv-o-h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pv-o-h .pf-mono,.pv-o2 .pf-mono{font-size:12px;font-weight:600;letter-spacing:.2em}
.pv-rec{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:var(--grad);color:var(--on-gold);font-size:12px;font-weight:800;letter-spacing:.02em}
.pv-o-t{display:flex;flex-direction:column;gap:10px}
.pv h2{font-size:27px;line-height:1.15;font-weight:800;letter-spacing:-.015em}
.pv-team{list-style:none;margin:0;padding:0;background:var(--bg);border:1px solid var(--line);border-radius:14px}
.pv-team li{display:flex;align-items:center;gap:12px;padding:12px 14px}
.pv-team li+li{border-top:1px solid var(--line)}
.pv-team li>span:last-child{display:flex;flex-direction:column}
.pv-team b{font-size:15px;font-weight:700}
.pv-team li>span:last-child>span{font-size:14px;color:var(--muted)}
.pv-ib{width:36px;height:36px;flex:none;display:flex;align-items:center;justify-content:center;border:1px solid var(--chip-line);border-radius:10px;background:var(--chip)}
.pv-ic{width:18px;height:18px;fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pv-you{font-size:15px;color:var(--chip-fg)}
.pv-proof{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--chip);border:1px solid var(--chip-line);border-radius:14px}
.pv-proof-n{font-size:30px;line-height:1;font-weight:800;color:var(--gold)}
.pv-proof>span:last-child{display:flex;flex-direction:column;gap:2px}
.pv-proof b{font-size:15px;font-weight:700}
.pv-proof small{font-size:12px;line-height:1.45;color:var(--quiet)}
.pv-cta{display:flex;flex-direction:column;gap:10px}
.pv-btn-xl{min-height:58px}
.pv-ticks{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--muted)}
.pv-ticks span{display:inline-flex;align-items:center;gap:6px}
.pv-tk{width:14px;height:14px;fill:none;stroke:var(--gold);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.pv-fine{text-align:center;font-size:12px;line-height:1.5;color:var(--quiet)}
.pv-or{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.2em;color:var(--quiet)}
.pv-or::before,.pv-or::after{content:"";flex:1;height:1px;background:var(--line)}
.pv-o2{display:flex;flex-direction:column;gap:10px}
.pv-step{display:flex;flex-direction:column;gap:14px}
.pv-step-h{display:flex;align-items:center;gap:12px}
.pv-step-h h3{font-size:21px;line-height:1.25;font-weight:800}
.pv-num{width:30px;height:30px;flex:none;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--gold-dim);border-radius:15px;font-family:var(--mono);font-size:13px;font-weight:600;color:var(--gold)}
.pv-card{display:flex;flex-direction:column;gap:14px;padding:18px;background:var(--card);border:1px solid var(--line);border-radius:16px}
.pv-offer{font-size:18px;line-height:1.35;font-weight:700}
.pv-stats{display:flex;flex-direction:column;gap:12px;padding-top:14px;border-top:1px solid var(--line)}
.pv-stats p{display:flex;align-items:baseline;gap:12px}
.pv-stats b{width:64px;flex:none;font-size:26px;line-height:1;font-weight:800;color:var(--gold)}
.pv-stats span{font-size:14px;line-height:1.45;color:var(--muted)}
.pv-stats cite{font-style:normal;color:var(--quiet)}
.pv-finder{display:flex;align-items:center;justify-content:center;min-height:52px;padding:10px 16px;border:1px solid var(--gold);border-radius:14px;background:var(--sel);color:var(--gold);font-size:16px;font-weight:700;text-align:center;text-decoration:none}
.pv-finder:hover{background:#2A2216;color:#F6D892}
.pv-note{font-size:13px;color:var(--quiet)}
.pv-checks,.pv-week{list-style:none;margin:0;padding:0}
.pv-checks{background:var(--card);border:1px solid var(--line);border-radius:16px}
.pv-checks li{display:flex;gap:12px;padding:14px 16px}
.pv-checks li+li{border-top:1px solid var(--line)}
.pv-checks li>.pf-mono{font-size:13px;font-weight:600;color:var(--gold-2);padding-top:2px}
.pv-checks li>span:last-child{display:flex;flex-direction:column;gap:2px}
.pv-checks b{font-size:16px;font-weight:700}
.pv-checks li>span:last-child>span{font-size:14px;color:var(--muted)}
.pv-msg{display:flex;flex-direction:column;gap:12px;padding:18px;background:var(--sel);border:1px solid var(--line-2);border-radius:16px}
.pv-subj{font-size:14px;color:var(--quiet)}
.pv-subj b{color:var(--fg);font-weight:600}
.pv-msg-b{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid var(--line-2);font-size:16px;line-height:1.55}
.pv-muted-s{font-size:14px;line-height:1.5;color:var(--muted)}
.pv-week{display:flex;flex-direction:column;gap:8px}
.pv-week li{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--card);border:1px solid var(--line);border-radius:12px;font-size:15px}
.pv-day{width:74px;flex:none;display:flex;flex-direction:column}
.pv-day .pf-mono{font-size:12px;font-weight:600;letter-spacing:.12em;color:var(--gold-2)}
.pv-day span+span{font-size:13px;color:var(--quiet)}
.pv-end{display:flex;flex-direction:column;gap:14px;padding:22px 18px;background:var(--card-gold);border:1px solid var(--gold-line);border-radius:18px}
.pv-end h2{font-size:22px;line-height:1.25}
.pv-ticks-s{text-align:center;font-size:13px;color:var(--muted)}
.pv-foot{display:flex;flex-direction:column;gap:6px;padding:16px 0 40px;border-top:1px solid var(--line);font-size:13px;line-height:1.55;color:var(--quiet)}
.pv-note-page{gap:16px;padding-top:40px}

/* ---- motion (26 Oct 2026: a pick should register, and the quiz shouldn't feel static). Transform and opacity only;
   all of it off with reduced motion (the rule at the end). ---- */
@keyframes pf-in{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:none}}
@keyframes pf-in-back{from{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:none}}
@keyframes pf-press{0%{transform:scale(1)}35%{transform:scale(.97)}100%{transform:scale(1)}}
@keyframes pf-ring{from{box-shadow:0 0 0 0 rgba(232,184,92,.45)}to{box-shadow:0 0 0 8px rgba(232,184,92,0)}}
@keyframes pf-check{from{transform:rotate(45deg) scale(0)}to{transform:rotate(45deg) scale(1)}}
@keyframes pv-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.js .pf-step.on.enter{animation:pf-in .34s var(--ease) both}
.js .pf-step.on.enter-back{animation:pf-in-back .34s var(--ease) both}
.pf-opt.picked{animation:pf-press .32s var(--ease),pf-ring .5s var(--ease);border-color:var(--gold);background:var(--sel)}
.pf-step.picking .pf-opt:not(.picked){opacity:.5;transition:opacity .2s var(--ease)}
.pf-dot{position:relative}
.pf-opt.sel .pf-dot::after,.pf-opt:has(input:checked) .pf-dot::after{content:"";position:absolute;left:5px;top:1.5px;width:4px;height:9px;border:solid var(--on-gold);border-width:0 2px 2px 0;transform:rotate(45deg) scale(1)}
.pf-opt.picked .pf-dot::after{animation:pf-check .22s .06s var(--ease) both}
.pf-opt-s.picked::after{content:"";position:absolute;right:12px;top:50%;width:6px;height:11px;margin-top:-8px;border:solid var(--gold);border-width:0 2.5px 2.5px 0;animation:pf-check .22s .06s var(--ease) both}
.js .pv>*{animation:pv-rise .5s var(--ease) both}
.js .pv>:nth-child(2){animation-delay:.06s}.js .pv>:nth-child(3){animation-delay:.12s}.js .pv>:nth-child(4){animation-delay:.16s}
.js .pv>:nth-child(5){animation-delay:.2s}.js .pv>:nth-child(n+6){animation-delay:.24s}
@media(max-width:359px){.pv-body .pf-brand-t{display:none}}   /* the mark + "Get access" fit at 320px (the site's nav does the same) */
@media(min-width:720px){
  .pf{padding-top:32px}
  .pv{padding-top:40px}
  .pv-opt1,.pv-end{padding:28px 26px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}