.pf{position:relative;isolation:isolate;overflow:hidden}
[dir=rtl] .pf .stops button:first-child{text-align:start}
[dir=rtl] .pf .stops button:last-child{text-align:end}
[dir=rtl] .pf input[type=range]{direction:rtl}
[dir=rtl] .pf .pf-score{float:inline-end}

/* ---------------------------------------------------------------------------
   One committed visual world: the dark violet field BiSSMiXi uses behind its
   package tables, with the answer itself on light card stock. Every colour is
   painted explicitly so the page holds on any host ground.

   Every figure, every tick and every cross below is read off the BiSSMiXi
   company profile (Discovery Packages p.13, Add-ons p.14, Discovery
   Conversations Packages p.17) and the AI Video Production Packages deck
   (Standard Pricing p.5, Volume Pricing p.6). Nothing is estimated.
   --------------------------------------------------------------------------- */
.pf{
  --ground:#15111F;
  --ground-2:#1E1830;
  --ground-3:#2A2242;
  --hair:rgba(223,204,249,.14);
  --hair-2:rgba(223,204,249,.28);

  --violet:#8974C0;
  --violet-lift:#A995D6;
  --lav:#DFCCF9;

  --on-dark:#F3EEFB;
  --on-dark-2:#B7ADCB;
  --on-dark-3:#8B8299;

  --card:#FFFFFF;
  --card-2:#F7F1FD;
  --ink:#221E33;
  --ink-2:#5F5980;
  --violet-ink:#6C52B1;

  --amber:#E0A75F;
  --amber-ink:#6B4415;

  --serif:"Fraunces","Optima",Georgia,serif;
  --sans:"Montserrat","Helvetica Neue",Arial,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);
  --r:18px;
}

.pf *{box-sizing:border-box}
.pf{
  margin:0;background:var(--ground);color:var(--on-dark);
  font-family:var(--sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;
}
.pf::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(60% 45% at 12% 0%, rgba(137,116,192,.30), transparent 70%),
    radial-gradient(55% 50% at 92% 16%, rgba(108,82,177,.24), transparent 72%);
}
.pf .page{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:clamp(34px,4.5vw,62px) clamp(18px,4vw,44px) clamp(40px,5vw,72px)}

.pf a{color:inherit}
.pf button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}
.pf h1,.pf h2,.pf h3{font-family:var(--serif);font-weight:400;margin:0;line-height:1.05;letter-spacing:-.02em}

/* ---------- masthead ---------- */

.pf .pf-eyebrow{font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:var(--violet-lift);display:flex;align-items:center;gap:9px}
.pf .pf-eyebrow::before{content:"";width:22px;height:1px;background:var(--violet-lift);opacity:.7}


.pf .pf-lede{color:var(--on-dark-2);font-size:clamp(15px,1.3vw,17px);margin:0;max-width:58ch}


.pf .layout{display:grid;grid-template-columns:minmax(0,1fr) 392px;gap:clamp(24px,3vw,44px);align-items:start}
@media (max-width:980px){.pf .layout{grid-template-columns:minmax(0,1fr)}}

/* ---------- a question ---------- */
.pf .q{border-top:1px solid var(--hair);padding:clamp(24px,3vw,34px) 0}
.pf .q:first-child{border-top:0;padding-top:0}
.pf .q-head{display:flex;align-items:baseline;gap:14px;margin-bottom:6px;flex-wrap:wrap}
.pf .q h2{font-size:clamp(20px,2.1vw,25px)}
.pf .q-note{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--violet-lift)}
.pf .q-sub{color:var(--on-dark-2);font-size:13.5px;margin:0 0 20px;max-width:56ch}

/* ---------- the three work cards ---------- */
.pf .picks{display:grid;grid-template-columns:repeat(auto-fit,minmax(228px,1fr));gap:12px}
@media (max-width:560px){.pf .picks{grid-template-columns:minmax(0,1fr)}}
.pf .pick-cell{display:flex;flex-direction:column;gap:7px}
.pf .pick-cell .pick{flex:1}
.pf .pick-more{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;
  font-size:12px;font-weight:600;color:var(--violet-lift);text-decoration:none;
  padding:4px 2px;border-bottom:1px solid transparent;transition:.2s var(--ease)}
.pf .pick-more:hover{color:var(--lav);border-bottom-color:var(--lav)}
.pf .pick-more span{transition:transform .2s var(--ease)}
.pf .pick-more:hover span{transform:translateX(3px)}

/* the discovery standard — the reason a package cannot buy a score */
.pf .standard{margin-top:26px;border:1px solid var(--hair-2);border-radius:var(--r);
  padding:20px 22px;background:rgba(137,116,192,.10)}
.pf .standard h3{font-family:var(--sans);font-size:13.5px;font-weight:700;letter-spacing:.02em;color:var(--lav);margin:0 0 10px}
.pf .standard p{margin:0 0 9px;font-size:13.5px;color:var(--on-dark-2);line-height:1.65;max-width:62ch}
.pf .standard p:last-child{margin-bottom:0}
.pf .standard b{color:var(--on-dark);font-weight:600}
.pf .standard .pf-score{font-family:var(--serif);font-size:34px;color:var(--lav);line-height:1;
  float:inline-end;margin-inline-start:18px;margin-block-start:-4px}
.pf .pick{position:relative;text-align:start;display:flex;flex-direction:column;gap:7px;
  padding:18px 18px 20px;border-radius:var(--r);
  border:1px solid var(--hair);background:rgba(255,255,255,.035);
  transition:border-color .22s var(--ease),background .22s var(--ease)}
.pf .pick:hover{border-color:var(--hair-2);background:rgba(255,255,255,.06)}
.pf .pick:focus-visible,.pf .opt:focus-visible,.pf .chip:focus-visible{outline:2px solid var(--lav);outline-offset:3px}
.pf .pick[aria-pressed="true"]{border-color:var(--violet-lift);background:rgba(137,116,192,.18)}
.pf .box{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--hair-2);
  display:grid;place-items:center;flex-shrink:0;transition:.2s var(--ease)}
.pf .box svg{width:12px;height:12px;opacity:0;transition:opacity .18s}
.pf [aria-pressed="true"] > .box{background:var(--lav);border-color:var(--lav)}
.pf [aria-pressed="true"] > .box svg{opacity:1}
.pf .pick .pf-n{font-weight:600;font-size:15.5px}
.pf .pick .pf-d{font-size:13px;color:var(--on-dark-2);line-height:1.5}
.pf .pick .pf-from{font-size:11.5px;font-weight:600;color:var(--violet-lift);margin-top:2px;font-variant-numeric:tabular-nums}

/* ---------- requirement toggles ---------- */
.pf .opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(228px,1fr));gap:8px}
.pf .opt{display:flex;align-items:center;gap:11px;text-align:start;
  padding:12px 14px;border-radius:13px;border:1px solid var(--hair);
  background:rgba(255,255,255,.03);font-size:13.5px;color:var(--on-dark-2);
  transition:.2s var(--ease)}
.pf .opt:hover{border-color:var(--hair-2);color:var(--on-dark)}
.pf .opt[aria-pressed="true"]{border-color:var(--violet-lift);background:rgba(137,116,192,.18);color:var(--on-dark);font-weight:500}
.pf .opt .box{width:18px;height:18px;border-radius:5px}

/* things that are in every tier — stated, not offered */
.pf .always{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.pf .always span{font-size:11.5px;color:var(--on-dark-3);padding:5px 11px;border-radius:999px;
  border:1px solid var(--hair);background:rgba(255,255,255,.02)}
.pf .always span::before{content:"✦  ";color:var(--violet-lift)}

/* ---------- scales ---------- */
.pf .scale{margin-top:26px}
.pf .scale:first-child{margin-top:0}
.pf .scale-top{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px}
.pf .scale-label{font-size:14px;font-weight:500}
.pf .scale-value{font-family:var(--serif);font-size:19px;color:var(--lav);text-align:end;max-width:24ch;line-height:1.2}
.pf input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:26px;background:none;display:block;margin:0;cursor:pointer}
.pf input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:99px;background:var(--ground-3)}
.pf input[type=range]::-moz-range-track{height:4px;border-radius:99px;background:var(--ground-3)}
.pf input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;
  background:var(--lav);border:4px solid var(--ground);margin-top:-9px;
  box-shadow:0 0 0 1px var(--violet-lift),0 6px 16px -6px #000;transition:transform .18s var(--ease)}
.pf input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--lav);
  border:4px solid var(--ground);box-shadow:0 0 0 1px var(--violet-lift),0 6px 16px -6px #000}
.pf input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.12)}
.pf input[type=range]:focus-visible{outline:none}
.pf input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--lav),0 0 0 6px rgba(223,204,249,.25)}
.pf .stops{display:flex;justify-content:space-between;gap:6px;margin-top:4px}
.pf .stops button{flex:1;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;font-weight:600;
  color:var(--on-dark-3);padding:4px 2px;border-radius:8px;text-align:center;line-height:1.3;transition:color .2s}
.pf .stops button:hover{color:var(--on-dark-2)}
.pf .stops button[data-on="1"]{color:var(--lav)}
.pf .stops button:first-child{text-align:start}
.pf .stops button:last-child{text-align:end}

.pf .chips{display:flex;flex-wrap:wrap;gap:8px}
.pf .chip{padding:9px 15px;border-radius:999px;border:1px solid var(--hair);font-size:13px;font-weight:500;
  color:var(--on-dark-2);transition:.2s var(--ease)}
.pf .chip:hover{border-color:var(--hair-2);color:var(--on-dark)}
.pf .chip[aria-pressed="true"]{background:var(--lav);border-color:var(--lav);color:var(--ink);font-weight:600}

.pf .pf-soon{border:1px dashed var(--hair-2);border-radius:var(--r);padding:16px 18px;display:grid;gap:8px}
.pf .pf-soon h3{font-size:14px;font-family:var(--sans);font-weight:600;letter-spacing:0;color:var(--on-dark)}
.pf .pf-soon p{margin:0;font-size:12.5px;color:var(--on-dark-2);line-height:1.55}
.pf .pf-soon .pf-tag{font-size:9.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--violet-lift)}

/* ---------- the answer ---------- */
.pf .pf-answer{position:sticky;top:20px;display:flex;flex-direction:column;gap:14px}
@media (max-width:980px){.pf .pf-answer{position:static}}
.pf .pf-card{background:var(--card);color:var(--ink);border-radius:22px;overflow:hidden;
  box-shadow:0 40px 80px -50px rgba(0,0,0,.9)}
.pf .card-head{padding:20px 22px 0}
.pf .card-kick{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--violet-ink);margin:0}

.pf .match{border-top:1px solid rgba(34,30,51,.1);padding:18px 22px 20px}
.pf .match:first-of-type{border-top:0}
.pf .match-fam{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin:0 0 9px}
.pf .match-row{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
.pf .match-name{font-family:var(--serif);font-size:26px;line-height:1.05;color:var(--ink)}
.pf .match-price{text-align:end;white-space:nowrap;font-variant-numeric:tabular-nums}
.pf .match-price small{display:block;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.pf .match-price b{font-size:23px;font-weight:600;letter-spacing:-.01em;color:var(--violet-ink)}
.pf .match-run{font-size:12.5px;color:var(--ink-2);margin:7px 0 0;font-weight:500}

/* what forced the tier — the point of the whole thing */
.pf .driver{margin:12px 0 0;font-size:12.5px;line-height:1.6;padding:11px 13px;border-radius:12px;
  background:var(--card-2);color:var(--ink)}
.pf .driver b{color:var(--violet-ink);font-weight:600}
.pf .driver.settled{background:rgba(34,30,51,.045);color:var(--ink-2)}

.pf .alt{margin:9px 0 0;font-size:12.5px;line-height:1.6;padding:11px 13px;border-radius:12px;
  background:rgba(224,167,95,.13);border:1px solid rgba(224,167,95,.32);color:var(--amber-ink)}
.pf .alt b{font-weight:700}

.pf .inc{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:5px}
.pf .inc li{position:relative;padding-inline-start:19px;font-size:12.5px;color:var(--ink-2);line-height:1.5}
.pf .inc li::before{content:"✦";position:absolute;inset-inline-start:0;top:0;color:var(--violet-ink);font-size:10px;line-height:1.9}
.pf .next-up{margin:11px 0 0;font-size:12px;color:var(--ink-2);line-height:1.55}
.pf .note-loc{margin:9px 0 0;font-size:12px;line-height:1.6;color:var(--ink-2);
  padding-inline-start:13px;border-inline-start:2px solid var(--violet-ink)}
.pf .next-up b{color:var(--ink);font-weight:600}

.pf .total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  padding:15px 22px;background:var(--ink);color:#fff}
.pf .total span{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:.72}
.pf .total b{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}
.pf .vat{padding:12px 22px 16px;font-size:11.5px;color:var(--ink-2);line-height:1.55;margin:0}
.pf .budget-flag{padding:13px 22px;background:rgba(224,167,95,.15);border-top:1px solid rgba(224,167,95,.32);
  font-size:12.5px;line-height:1.55;color:var(--amber-ink);margin:0}
.pf .budget-flag b{font-weight:700}
.pf .pf-empty{padding:24px 22px 28px;color:var(--ink-2);font-size:13.5px;line-height:1.6}
.pf .pf-empty b{display:block;font-family:var(--serif);font-size:20px;color:var(--ink);margin-bottom:7px;font-weight:400}

.pf .reach{display:grid;gap:8px;padding:16px 22px 20px;border-top:1px solid rgba(34,30,51,.1)}
.pf .reach-t{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin:0}
.pf .reach a{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:13.5px;font-weight:500;
  padding:11px 14px;border-radius:13px;border:1px solid rgba(34,30,51,.13);color:var(--ink);transition:.2s var(--ease)}
.pf .reach a:hover{border-color:var(--violet-ink);background:var(--card-2);color:var(--violet-ink)}
.pf .reach a.primary{background:var(--violet-ink);border-color:var(--violet-ink);color:#fff;font-weight:600}
.pf .reach a.primary:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.pf .reach svg{width:16px;height:16px;flex-shrink:0}
.pf .reach .pf-sm{font-size:11.5px;color:var(--ink-2);margin:2px 0 0;line-height:1.5}

.pf .bar{position:fixed;z-index:60;inset-inline:0;bottom:0;z-index:20;display:none;
  align-items:center;justify-content:space-between;gap:14px;
  padding:12px 16px calc(12px + env(safe-area-inset-bottom));
  background:rgba(21,17,31,.95);backdrop-filter:blur(16px);border-top:1px solid var(--hair-2)}
.pf .bar .pf-t{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--on-dark-3);margin:0}
.pf .bar .pf-v{font-family:var(--serif);font-size:17px;color:var(--lav);line-height:1.15;margin:0}
.pf .bar button{background:var(--lav);color:var(--ink);font-size:13px;font-weight:600;padding:11px 17px;border-radius:999px;white-space:nowrap}
@media (max-width:980px){.pf .bar{display:flex}}

.pf .foot{margin-top:36px;padding-top:20px;border-top:1px solid var(--hair);
  font-size:12px;color:var(--on-dark-3);line-height:1.7;max-width:76ch}

@media (prefers-reduced-motion:reduce){.pf *{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* the nine standards, and the way out to the full method */
.pf .std-list{list-style:none;margin:16px 0 0;padding:0;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:2px 22px}
.pf .std-list li{display:flex;align-items:baseline;justify-content:space-between;gap:10px;
  padding:7px 0;border-bottom:1px solid rgba(223,204,249,.12);font-size:13px;color:var(--on-dark-2)}
.pf .std-list b{font-weight:700;color:var(--lav);font-variant-numeric:tabular-nums;font-size:12.5px}
.pf .std-link{display:inline-flex;align-items:center;gap:7px;margin-top:16px;
  font-size:13px;font-weight:600;color:var(--lav);text-decoration:none;
  border-bottom:1px solid transparent;transition:.2s var(--ease)}
.pf .std-link:hover{border-bottom-color:var(--lav)}
.pf .std-link span{transition:transform .2s var(--ease)}
.pf .std-link:hover span{transform:translateX(3px)}
[dir=rtl] .pf .std-link span{transform:scaleX(-1)}
[dir=rtl] .pf .std-link:hover span{transform:scaleX(-1) translateX(3px)}
.pf .std-scope{margin:16px 0 0;font-size:12.5px;line-height:1.6;color:var(--on-dark-3);
  padding-inline-start:13px;border-inline-start:2px solid var(--violet-lift);max-width:62ch}

/* ==========================================================================
   The readiness gate — the step in front of the finder.
   Product and service pass through it; a conversation and a film do not.
   ========================================================================== */
.pf .gate[hidden]{display:none}
.pf .grail{display:flex;gap:6px;margin:0 0 clamp(28px,3.4vw,42px);list-style:none;padding:0}
.pf .grail li{flex:1;display:grid;gap:8px}
.pf .grail i{display:block;height:3px;border-radius:99px;background:var(--ground-3);
  transition:background .3s var(--ease)}
.pf .grail li[data-on="1"] i{background:var(--lav)}
.pf .grail li[data-on="done"] i{background:var(--violet)}
.pf .grail span{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--on-dark-3);transition:color .3s var(--ease)}
html[lang="ar"] .pf .grail span{letter-spacing:0;font-size:12px}
.pf .grail li[data-on="1"] span{color:var(--lav)}
.pf .grail li[data-on="done"] span{color:var(--on-dark-2)}

.pf .gstep[hidden]{display:none}
.pf .gstep h2{font-family:var(--serif);font-weight:400;font-size:clamp(22px,2.6vw,31px);
  letter-spacing:-.02em;line-height:1.05;margin:0}
.pf .gstep .q-sub{margin-top:12px}

.pf .gopts{display:grid;gap:10px;margin-top:24px;max-width:760px}
.pf .gopt{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;text-align:start;
  padding:18px 21px;border-radius:16px;border:1px solid var(--hair);background:rgba(255,255,255,.04);
  transition:border-color .22s var(--ease),background .22s var(--ease)}
.pf .gopt:hover{border-color:var(--hair-2);background:rgba(255,255,255,.07)}
.pf .gopt:focus-visible{outline:2px solid var(--lav);outline-offset:3px}
.pf .gopt[aria-pressed="true"]{border-color:var(--violet-lift);background:rgba(137,116,192,.2)}
.pf .gmk{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--hair-2);display:grid;
  place-items:center;transition:.2s var(--ease)}
.pf .gmk::after{content:"";width:9px;height:9px;border-radius:50%;background:var(--lav);
  transform:scale(0);transition:transform .2s var(--ease)}
.pf .gopt[aria-pressed="true"] .gmk{border-color:var(--lav)}
.pf .gopt[aria-pressed="true"] .gmk::after{transform:scale(1)}
.pf .gopt b{display:block;font-size:16px;font-weight:600}
.pf .gopt small{display:block;font-size:13.5px;color:var(--on-dark-2);margin-top:3px;line-height:1.5}
.pf .ggo{color:var(--violet-lift);font-size:18px}
[dir=rtl] .pf .ggo{transform:scaleX(-1)}

.pf .gfields{display:grid;gap:16px;margin-top:26px;max-width:760px}
.pf .gf label{display:block;font-size:13.5px;font-weight:600;margin-bottom:7px}
.pf .gf .ghint{display:block;font-weight:400;color:var(--on-dark-3);font-size:12.5px;margin-top:3px}
.pf .gf input,.pf .gf textarea,.pf .gf select{
  width:100%;padding:13px 15px;border-radius:12px;border:1px solid var(--hair-2);
  background:rgba(255,255,255,.05);color:var(--on-dark);font:inherit;font-size:14.5px;
  transition:border-color .2s var(--ease),background .2s var(--ease)}
.pf .gf textarea{min-height:86px;resize:vertical;line-height:1.55}
.pf .gf input::placeholder,.pf .gf textarea::placeholder{color:var(--on-dark-3)}
.pf .gf input:focus,.pf .gf textarea:focus,.pf .gf select:focus{outline:none;border-color:var(--lav);
  background:rgba(255,255,255,.08)}
.pf .gf select{appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23B7ADCB' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 15px center}
[dir=rtl] .pf .gf select{background-position:left 15px center}
.pf .gf select option{background:var(--ground-2);color:var(--on-dark)}

.pf .verdict{border-radius:20px;padding:23px 25px;margin-top:22px;border:1px solid var(--hair-2);
  background:rgba(137,116,192,.12);max-width:760px}
.pf .verdict.is-ready{background:rgba(127,211,168,.13);border-color:rgba(127,211,168,.35)}
.pf .verdict.is-wait{background:rgba(224,167,95,.13);border-color:rgba(224,167,95,.35)}
.pf .verdict h3{font-family:var(--serif);font-weight:400;font-size:clamp(19px,2.3vw,25px);
  letter-spacing:-.02em;margin:0}
.pf .verdict .vcount{font-family:var(--serif);font-size:14px;color:var(--lav);margin-top:5px;display:block}
.pf .verdict p{margin:11px 0 0;color:var(--on-dark-2);font-size:14.5px;max-width:58ch}

.pf .gcheck{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:1px;max-width:760px;
  border-radius:14px;overflow:hidden;border:1px solid var(--hair)}
.pf .gcheck li{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:baseline;
  padding:13px 16px;background:rgba(255,255,255,.035);font-size:14px}
.pf .gcheck .gst{font-size:13px;line-height:1.4}
.pf .gcheck li.yes .gst{color:#7FD3A8}
.pf .gcheck li.no .gst{color:var(--amber)}
.pf .gcheck .gnm{color:var(--on-dark)}
.pf .gcheck .gwhy{display:block;font-size:12.5px;color:var(--on-dark-3);margin-top:2px;line-height:1.5}
.pf .gcheck .gwt{font-size:12px;font-weight:700;color:var(--on-dark-3);font-variant-numeric:tabular-nums}

.pf .gnote{margin-top:19px;padding:15px 17px;border-radius:14px;background:rgba(255,255,255,.04);
  border-inline-start:2px solid var(--violet-lift);font-size:13.5px;line-height:1.65;
  color:var(--on-dark-2);max-width:760px}
.pf .gnote b{color:var(--on-dark);font-weight:600}

.pf .gnav{display:flex;gap:12px;align-items:center;margin-top:28px;flex-wrap:wrap}
.pf .gbtn{display:inline-flex;align-items:center;gap:9px;padding:14px 24px;border-radius:999px;
  font-weight:600;font-size:14.5px;line-height:1;border:1px solid transparent;transition:.22s var(--ease)}
.pf .gbtn-go{background:var(--lav);color:var(--ink)}
.pf .gbtn-go:hover{background:#fff}
.pf .gbtn-go[disabled]{opacity:.4;cursor:not-allowed}
.pf .gbtn-back{border-color:var(--hair-2);color:var(--on-dark-2)}
.pf .gbtn-back:hover{border-color:var(--lav);color:var(--on-dark)}
.pf .greq{font-size:12.5px;color:var(--on-dark-3)}

.pf .gback{margin:0 0 22px}
.pf .gback[hidden]{display:none}
.pf .gback button{font-size:13px;font-weight:600;color:var(--violet-lift);padding:6px 0;
  border-bottom:1px solid transparent;transition:.2s var(--ease)}
.pf .gback button:hover{color:var(--lav);border-bottom-color:var(--lav)}
.pf .layout[hidden]{display:none}
@media (max-width:620px){
  .pf .grail span{font-size:9px;letter-spacing:.04em}
}

/* every field on the gate is required, and says so */
.pf .greqm{float:inline-end;font-style:normal;font-size:10px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--on-dark-3);margin-inline-start:10px}
html[lang="ar"] .pf .greqm{letter-spacing:0;font-size:11px}
.pf .gf.is-empty input,.pf .gf.is-empty textarea,.pf .gf.is-empty select{
  border-color:rgba(223,204,249,.18)}
.pf .gf:not(.is-empty) .greqm{color:#7FD3A8}
.pf .gf:not(.is-empty) input,.pf .gf:not(.is-empty) textarea,.pf .gf:not(.is-empty) select{
  border-color:rgba(127,211,168,.45)}

/* step three reads back what is being sent, then names what measures it */
.pf .gcheck li.ghead{grid-template-columns:1fr;background:rgba(137,116,192,.16);
  font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--lav);padding:12px 16px}
html[lang="ar"] .pf .gcheck li.ghead{letter-spacing:0;font-size:12px}
.pf .gcheck li{grid-template-columns:1fr auto}
.pf .gcheck .gwhy{margin-top:3px}