/* DDDStart 0.2.157 – motion layer for the public site.
   The hero's tachograph rings are the single orchestrated moment; the rest
   responds to the visitor. Without JavaScript nothing here changes the page. */

/* Header turns into glass once the page scrolls. */
.public-experience .px-header{transition:background-color .3s ease,box-shadow .3s ease,border-color .3s ease}
.public-experience .px-header.pm-scrolled{background:#081f2bd9;border-bottom-color:#00d1a024;box-shadow:0 14px 34px #02101833;-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%)}

/* Hero: rings of the app counter, drawn behind the phone. */
.dh-hero.pm-hero{overflow:hidden}
.pm-hero .dh-hero-device{--tx:0;--ty:0;isolation:isolate}
.pm-hero .dh-hero-device:before{content:"";position:absolute;left:50%;top:46%;width:min(620px,170%);aspect-ratio:1;transform:translate(-50%,-50%);z-index:-2;pointer-events:none;border-radius:50%;background:radial-gradient(circle,#00d1a03a 0,#00d1a014 34%,transparent 66%);opacity:0}
.dh-home svg.pm-rings,.pm-rings{position:absolute;flex:none;max-width:none;left:50%;top:46%;width:min(560px,158%);height:auto;z-index:-1;pointer-events:none;overflow:visible;transform:translate(calc(-50% + var(--tx,0) * -16px),calc(-50% + var(--ty,0) * -12px));transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.pm-rings .pm-track{stroke:#ffffff10}
.pm-rings .pm-arc{stroke-dashoffset:var(--len);filter:drop-shadow(0 0 7px color-mix(in srgb,currentColor 40%,transparent))}
.pm-rings .pm-arc:nth-of-type(1){color:#00d1a0}.pm-rings .pm-arc:nth-of-type(2){color:#f5a524}.pm-rings .pm-arc:nth-of-type(3){color:#8b6cff}
.pm-rings .pm-ticks line{stroke:#9edbca;stroke-width:2;stroke-linecap:round;opacity:.28}
.pm-rings .pm-ticks .pm-tick-long{stroke-width:3;opacity:.55}
.pm-rings .pm-ticks{opacity:0;transform-origin:260px 260px}

/* Phone follows the pointer a little, with a soft sheen. */
.pm-hero .dh-phone>a{transform:perspective(1100px) rotateY(calc(var(--tx,0) * 9deg)) rotateX(calc(var(--ty,0) * -7deg));transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease;position:relative}
.pm-hero .dh-phone>a:hover{transform:perspective(1100px) rotateY(calc(var(--tx,0) * 9deg)) rotateX(calc(var(--ty,0) * -7deg)) translateY(-4px);box-shadow:0 36px 80px #0007,0 0 80px #00d1a02e}
.pm-hero .dh-phone>a:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 30%,#ffffff1c calc(48% + var(--tx,0) * 18%),transparent 66%);mix-blend-mode:screen;opacity:.85}

/* The load sequence (≈1.6 s, once per visit of the page). */
.pm-hero.pm-play .dh-hero-slide>.dh-eyebrow{animation:pm-fade .6s ease-out both}
.pm-hero.pm-play .dh-hero-title{animation:pm-line .9s cubic-bezier(.2,.8,.2,1) .08s both}
.pm-hero.pm-play .dh-hero-title em{animation:pm-line .9s cubic-bezier(.2,.8,.2,1) .3s both}
.pm-hero.pm-play .dh-hero-slide>p,.pm-hero.pm-play .dh-hero-actions{animation:pm-rise .8s cubic-bezier(.2,.8,.2,1) .5s both}
.pm-hero.pm-play .dh-hero-actions{animation-delay:.62s}
.pm-hero.pm-play .dh-phone{animation:pm-phone 1.1s cubic-bezier(.2,.8,.2,1) .2s both}
.pm-hero.pm-play .dh-hero-device:before{animation:pm-glow 1.8s ease-out .3s forwards}
.pm-hero.pm-play .pm-ticks{animation:pm-ticks 1.4s cubic-bezier(.2,.8,.2,1) .25s forwards}
.pm-hero.pm-play .pm-arc{animation:pm-draw 1.7s cubic-bezier(.25,.8,.25,1) calc(.45s + var(--i) * .2s) forwards}
.pm-hero.pm-static .pm-arc{stroke-dashoffset:var(--off)}
.pm-hero.pm-static .pm-ticks,.pm-hero.pm-static .dh-hero-device:before{opacity:1}

@keyframes pm-draw{to{stroke-dashoffset:var(--off)}}
@keyframes pm-ticks{from{opacity:0;transform:rotate(-24deg) scale(.94)}to{opacity:1;transform:none}}
@keyframes pm-glow{to{opacity:1}}
@keyframes pm-line{from{clip-path:inset(0 0 100% 0);transform:translateY(.35em);opacity:0}to{clip-path:inset(0 0 -10% 0);transform:none;opacity:1}}
@keyframes pm-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes pm-fade{from{opacity:0}to{opacity:1}}
@keyframes pm-phone{from{opacity:0;transform:translateY(34px) scale(.965)}to{opacity:1;transform:none}}

/* Explorer counter: fills when it comes into view. */
.pm-dial svg circle:nth-of-type(2){transition:none}
.pm-dial.pm-dial-play svg circle:nth-of-type(2){animation:pm-dial 1.3s cubic-bezier(.25,.8,.25,1) both}
@keyframes pm-dial{from{stroke-dasharray:0 666}}

@media(max-width:900px){
  .dh-home svg.pm-rings{width:min(480px,150vw);height:auto;top:44%}
  .pm-hero .dh-hero-device:before{width:min(520px,160vw)}
}
@media(max-width:560px){
  .dh-home svg.pm-rings{width:132vw;height:auto;opacity:.8}
  .pm-rings .pm-ticks line{opacity:.2}
}
@media (prefers-reduced-motion:reduce){
  .public-experience .px-header{transition:none}
  .pm-hero *,.pm-hero *:before,.pm-hero *:after{animation:none!important;transition:none!important}
  .pm-hero .pm-arc{stroke-dashoffset:var(--off)}
  .pm-hero .pm-ticks,.pm-hero .dh-hero-device:before{opacity:1}
  .pm-hero .dh-phone>a{transform:none}
}

/* ---------- 0.2.157b: subpage heroes – tachograph day chart ---------- */
.pm-subhero{position:relative;isolation:isolate}
.pm-subhero>:not(.pm-trace){position:relative;z-index:1}
/* The chart keeps the viewBox proportions (1200×180), so `slice` never crops the top hours; beyond 1600px it stays centred instead of growing taller. */
.pm-subhero>.pm-trace{position:absolute;z-index:0;pointer-events:none;left:0;right:0;bottom:0;margin-inline:auto;width:min(100%,1600px);height:auto;aspect-ratio:1200/180;min-height:110px;overflow:visible;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 22%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 22%,#000 90%,transparent);opacity:.85}
.pm-subhero:not(.dp-hero){padding-bottom:calc(max(110px,min(15vw,240px)) + 28px)!important}
.dh-home svg.pm-trace,.pm-subhero svg.pm-trace{flex:none;max-width:none}
.pm-trace-grid line{stroke:#9edbca;stroke-opacity:.09;stroke-width:1}
.pm-trace-grid line.pm-major{stroke-opacity:.22}
.pm-trace-grid line.pm-lane{stroke-opacity:.14;stroke-dasharray:2 6}
.pm-trace-grid text{fill:#9edbca;fill-opacity:.5;font:600 13px/1 var(--f-body,system-ui),sans-serif;letter-spacing:.04em}
.pm-trace-line{stroke-dasharray:1;stroke-dashoffset:0;filter:drop-shadow(0 0 6px #00d1a066)}
.pm-trace-area{opacity:1}
.pm-trace-dot .pm-dot-core{fill:#f5a524;filter:drop-shadow(0 0 6px #f5a524)}
.pm-trace-dot .pm-dot-halo{fill:#f5a52422;stroke:#f5a52466;stroke-width:1.5;transform-box:fill-box;transform-origin:center}
.pm-subhero.pm-play .pm-trace-grid{animation:pm-fade 1s ease-out both}
.pm-subhero.pm-play .pm-trace-line{animation:pm-trace 2.4s cubic-bezier(.45,.1,.2,1) .2s both}
.pm-subhero.pm-play .pm-trace-area{animation:pm-fade 1.2s ease-out 1.6s both}
.pm-subhero.pm-play .pm-trace-dot{animation:pm-fade .4s ease-out 2.4s both}
.pm-subhero.pm-play .pm-dot-halo{animation:pm-halo 1.8s ease-out 2.5s 3}
@keyframes pm-trace{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes pm-halo{0%{transform:scale(.6);opacity:1}100%{transform:scale(2.2);opacity:0}}
.pm-subhero.pm-play :is(h1,.dp-kicker,.eyebrow,.px-kicker){animation:pm-rise .8s cubic-bezier(.2,.8,.2,1) both}
.pm-subhero.pm-play h1{animation:pm-line .9s cubic-bezier(.2,.8,.2,1) .08s both}
.pm-subhero.pm-play h1 em{animation:pm-line .9s cubic-bezier(.2,.8,.2,1) .28s both;display:inline-block}

/* Driver Assist hero: the same rings as on the home page around the phone. */
.pm-ringed{position:relative;isolation:isolate}
.pm-ringed>svg.pm-rings{width:min(540px,165%);top:44%}
.pm-subhero.pm-play .pm-ringed .pm-arc{animation:pm-draw 1.7s cubic-bezier(.25,.8,.25,1) calc(.45s + var(--i) * .2s) forwards}
.pm-subhero.pm-play .pm-ringed .pm-ticks{animation:pm-ticks 1.4s cubic-bezier(.2,.8,.2,1) .25s forwards}
.pm-subhero.pm-static .pm-ringed .pm-arc{stroke-dashoffset:var(--off)}
.pm-subhero.pm-static .pm-ringed .pm-ticks{opacity:1}
.pm-subhero.dp-hero>.pm-trace{display:none}

/* Light pages (contact, demo, guides): the heading becomes a full-width night band. */
.pm-band{background:#081f2b;color:#fff;box-shadow:0 0 0 100vmax #081f2b;clip-path:inset(0 -100vmax);padding-block:58px 64px;margin-bottom:44px}
.pm-band>.pm-trace{left:calc(50% - min(50vw,800px));right:auto;width:min(100vw,1600px)}
.pm-band h1,.pm-band .h2like{color:#fff}
.pm-band h1 em{color:#00d1a0}
.pm-band p{color:#cfe0e6}
.pm-band :is(.eyebrow,.px-kicker){color:#9edbca}
.pm-band a:not(.btn){color:#7fe9cf}
.public-experience .pp-guides>section.pm-band-host,.public-experience section.section.pm-band-host{padding-top:0!important}
.pm-band h1,.pm-band .h2like{max-width:13em}

/* Explorer tab 2: driving limits. */
.de-limits{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:16px}
.de-limits li>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:.86rem;color:#506974}
.de-limits b{font-size:1.15rem;font-variant-numeric:tabular-nums;color:#0b1f2a;letter-spacing:-.02em}
.de-limits b small{font-size:.75rem;font-weight:600;color:#7a8f98}
.de-limits i{display:block;height:10px;margin-top:8px;border-radius:99px;background:#e3ece9;overflow:hidden}
.de-limits em{display:block;height:100%;width:calc(var(--p) * 1%);border-radius:inherit;background:linear-gradient(90deg,#00b98d,#00d1a0 60%,#f5a524);animation:pm-bar 1.2s cubic-bezier(.25,.8,.25,1) both}
.de-limits li:nth-child(2) em{animation-delay:.1s}.de-limits li:nth-child(3) em{animation-delay:.2s}.de-limits li:nth-child(4) em{animation-delay:.3s}
@keyframes pm-bar{from{width:0}}
.de-limit-alert{display:flex;align-items:center;gap:12px;margin-top:22px;padding:12px 14px;border-radius:12px;background:#fff6e5;border:1px solid #f5c86b;color:#6b4a06;font-size:.85rem}
.de-limit-alert p{margin:0;line-height:1.5}
.de-limit-alert>span{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:#f5a524;color:#3b2600;font-weight:800;animation:pm-pulse 1.6s ease-out .9s 3}
@keyframes pm-pulse{0%{box-shadow:0 0 0 0 #f5a52499}100%{box-shadow:0 0 0 12px #f5a52400}}

@media(max-width:900px){
  .pm-subhero>.pm-trace{opacity:.7}
  .pm-subhero.dp-hero>.pm-trace{display:none}
  .pm-band{padding-block:42px 48px}
}
@media (prefers-reduced-motion:reduce){
  .pm-subhero *,.de-limits em,.de-limit-alert>span{animation:none!important}
}

/* Pointer light on cards */
.pm-spot{position:relative;isolation:isolate}
.pm-spot:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;opacity:0;transition:opacity .35s ease;
  background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),#00d1a01f,transparent 70%)}
.pm-spot:hover:before{opacity:1}
.plan2.pm-spot{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease}
.plan2.pm-spot:hover{transform:translateY(-4px);box-shadow:0 22px 50px #0b1f2a14;border-color:#00b98d}
.plan2.hl{box-shadow:0 0 0 1px #00d1a0,0 24px 60px #00b98d22}

/* Set-up steps: a drawn connector between 01 → 02 → 03 */
.pm-steps{position:relative}
.pm-steps:before{content:"";position:absolute;left:0;right:0;top:27px;height:2px;background:linear-gradient(90deg,#00b98d,#00d1a0 70%,#f5a524);transform-origin:left;transform:scaleX(0);transition:transform 1.4s cubic-bezier(.45,.1,.2,1);border-radius:2px;opacity:.55}
.pm-steps.pm-in:before{transform:none}
.pm-steps>li{position:relative}
.pm-steps .dh-step-number{background:#f5f8f7;padding-right:12px;position:relative;z-index:1}
.pm-steps.pm-in>li .dh-step-number{animation:pm-rise .6s cubic-bezier(.2,.8,.2,1) both}
.pm-steps.pm-in>li:nth-child(2) .dh-step-number{animation-delay:.45s}.pm-steps.pm-in>li:nth-child(3) .dh-step-number{animation-delay:.9s}
@media(max-width:900px){.pm-steps:before{display:none}}

/* Sign-in pages on the night road */
.pm-auth{background:radial-gradient(ellipse at 70% 0,#0f3a4a 0,#081f2b 60%)!important;min-height:calc(100vh - 96px);padding-bottom:calc(max(110px,min(15vw,240px)) + 24px)!important}
.pm-auth>.authcard{box-shadow:0 30px 80px #0006,0 0 0 1px #ffffff14;border-color:transparent}
.pm-auth.pm-play>.authcard{animation:pm-rise .8s cubic-bezier(.2,.8,.2,1) .1s both}

/* Customer panel dashboard heading */
.pm-panel-hero{background:radial-gradient(ellipse at 85% 0,#13405a 0,transparent 55%),linear-gradient(160deg,#0b2431,#061a24);color:#e5f2f8;border-radius:20px;padding:34px 34px calc(max(110px,min(15%,240px)) + 20px)!important;overflow:hidden;border:1px solid #1f4250}
.pm-panel-hero>.pm-trace{min-height:110px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 88%,transparent)}
.pm-panel-hero h1{color:#fff}
.pm-panel-hero p{color:#bcd3dd}
.pm-panel-hero .eyebrow{color:#7fe9cf}
@media(max-width:600px){.pm-panel-hero{padding:24px 20px calc(max(110px,min(15%,240px)) + 12px)!important;border-radius:16px}}
@media (prefers-reduced-motion:reduce){.pm-steps:before{transition:none;transform:none}.pm-steps .dh-step-number,.pm-auth>.authcard{animation:none!important}}

/* Explorer: four tabs – a tidy 2 × 2 grid on narrow screens */
@media(max-width:640px){
  .de-explorer .de-tabs:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .de-explorer .de-tabs button{flex:none;width:100%}
}

/* ---------- 0.2.157c: conversion layer ---------- */
/* Store buttons in heroes */
.pm-stores{display:flex;flex-wrap:wrap;gap:12px}
.pm-store{display:inline-flex;align-items:center;gap:12px;min-height:56px;padding:9px 18px 9px 14px;border-radius:12px;background:#00d1a0;color:#0b1f2a;text-decoration:none;box-shadow:0 10px 26px #00d1a033;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
.pm-store svg{width:26px;height:26px;flex:none}
.pm-store span{display:grid;line-height:1.15;text-align:left}
.pm-store small{font-size:.7rem;font-weight:600;opacity:.75;letter-spacing:.02em}
.pm-store b{font-size:.98rem;font-weight:750}
.pm-store:hover{transform:translateY(-2px);box-shadow:0 16px 34px #00d1a04d}
.pm-store.is-pending{background:#ffffff0f;color:#e5f2f8;box-shadow:inset 0 0 0 1px #ffffff2e}
.pm-store.is-pending:hover{background:#ffffff1a}
.pm-store:focus-visible{outline:3px solid #00d1a0;outline-offset:4px}
.pm-trial{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:4px 0 0;font-size:.9rem;color:#cfe0e6;line-height:1.5}
.pm-trial-badge{display:inline-flex;gap:5px;align-items:baseline;padding:4px 10px;border-radius:99px;background:#00d1a01f;color:#7fe9cf;font-weight:650;box-shadow:inset 0 0 0 1px #00d1a04d}
.pm-trial>b{color:#fff}
.pm-hero-links{display:flex;flex-wrap:wrap;gap:4px 26px}
.dh-hero .dh-hero-actions{gap:16px}
.pm-proof{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pm-proof li{font-size:.78rem;color:#aec7cf;padding:6px 11px;border-radius:8px;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff1a}
.pm-proof b{color:#fff;font-weight:700;margin-right:4px}
.dp-hero .pm-stores{margin:26px 0 10px}.dp-hero .pm-trial{margin-bottom:18px}
.da-subscription .pm-price-trial{display:block;margin-top:6px;font-size:.78rem;font-weight:650;color:#0d7a62}
.dp-hero .da-subscription .pm-price-trial,.home-assist-offer .pm-price-trial{color:#7fe9cf}

/* Compatibility check */
.pm-compat{margin-top:44px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:28px 40px;padding:30px 32px;border-radius:20px;background:#0b1f2a;color:#e5f2f8;position:relative;overflow:hidden;isolation:isolate}
.pm-compat:before{content:"";position:absolute;right:-120px;top:-160px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#00d1a026,transparent 65%);z-index:-1}
.pm-compat h3{color:#fff;font-size:1.45rem;line-height:1.25;letter-spacing:-.02em}
.pm-compat-head p{color:#aec7cf;margin-top:10px;font-size:.95rem}
.pm-compat-body{display:grid;gap:16px;align-content:start}
.pm-compat-brands{display:flex;flex-wrap:wrap;gap:8px}
.pm-compat-brands button{appearance:none;border:0;cursor:pointer;min-height:46px;padding:10px 18px;border-radius:10px;background:#ffffff0d;color:#e5f2f8;font:650 .92rem/1.2 var(--f-body,system-ui);box-shadow:inset 0 0 0 1px #ffffff26;transition:background .2s,color .2s}
.pm-compat-brands button:hover{background:#ffffff1a}
.pm-compat-brands button[aria-pressed=true]{background:#00d1a0;color:#0b1f2a;box-shadow:none}
.pm-compat-brands button:focus-visible{outline:3px solid #00d1a0;outline-offset:3px}
.pm-compat-fields{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px}
.pm-compat-fields .fld{display:grid;gap:6px;min-width:190px;flex:1 1 190px;margin:0}
.pm-compat-fields .fld>span{font-size:.78rem;color:#aec7cf}
.pm-compat-fields :is(select,input){min-height:46px;border-radius:10px;border:1px solid #2c4f5d;background:#0f2b38;color:#fff;padding:10px 12px;font:inherit;font-size:.95rem}
.pm-compat-fields :is(select,input):focus{outline:2px solid #00d1a0;outline-offset:1px;border-color:transparent}
.pm-compat .dh-link{color:#7fe9cf;font-size:.85rem}
.pm-compat-results p{margin:0;padding:14px 16px;border-radius:12px;font-size:.93rem;line-height:1.55;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff1a;animation:pm-rise .35s ease-out both}
.pm-compat-results [data-result=ok]{background:#00d1a01a;box-shadow:inset 0 0 0 1px #00d1a066}
.pm-compat-results [data-result=ok] b{color:#5df1cf}
.pm-compat-results [data-result=update] b{color:#f5c86b}
.pm-compat-results [data-result=no] b{color:#ffb4a8}
.pm-compat-results a{color:#7fe9cf}
.pm-compat-results .pm-compat-static{animation:none;color:#cfe0e6}
@media(max-width:900px){.pm-compat{grid-template-columns:1fr;padding:24px 20px}}

/* Reminder & payment notes */
.pm-reminder{margin-top:14px;display:flex;gap:10px;align-items:flex-start;font-size:.92rem;color:#2c4a55;background:#eaf7f2;border-radius:10px;padding:10px 14px;max-width:560px}
.pm-paynote{margin-top:16px;font-size:.85rem;color:#536b75;text-align:center}

/* Phones: compact header (language switch on the logo row) */
@media(max-width:1000px){
  .public-experience .px-header>.wrap{grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center}
  .public-experience .px-header .public-languages{grid-column:2!important;grid-row:1!important;justify-self:end;margin:0}
  .public-experience .px-header .menu-btn{grid-column:3!important}
  .public-experience .px-header .navlinks{grid-row:2!important}
}
@media(max-width:420px){
  .public-experience .px-header .stradia-logo img,.public-experience .px-header .logo img{width:132px;height:auto}
  .public-experience .px-header .public-languages a{min-width:30px;min-height:36px;padding-inline:5px}
  .public-experience .px-header .menu-btn{padding-inline:12px}
}

/* Phones: sticky main action after the hero */
.pm-mobile-cta{display:none}
@media(max-width:760px){
  .pm-mobile-cta{display:block;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:40;transform:translateY(140%);transition:transform .35s cubic-bezier(.2,.8,.2,1);pointer-events:none}
  .pm-mobile-cta.is-visible{transform:none;pointer-events:auto}
  .pm-mobile-cta .btn{display:flex;width:100%;justify-content:center;min-height:52px;border-radius:14px;box-shadow:0 14px 34px #0b1f2a40}
  .public-experience:has(.pm-mobile-cta) .px-footer{padding-bottom:84px}
}
@media (prefers-reduced-motion:reduce){.pm-mobile-cta{transition:none}.pm-compat-results p{animation:none}}
@media(max-width:560px){
  .pm-stores{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
  .pm-store{padding:8px 10px;gap:8px;min-height:52px}
  .pm-store svg{width:22px;height:22px}
  .pm-store b{font-size:.84rem}
  .pm-proof{gap:6px;margin-top:20px}
  .pm-proof li{font-size:.72rem;padding:5px 8px}
}

/* ---------- 0.2.162: business page (coming soon) ---------- */
.nav-soon{display:inline-block;margin-left:6px;padding:2px 6px;border-radius:99px;background:#f5a52429;color:#f5c86b;font-size:.62rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase;vertical-align:2px}
.pp-business-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:26px}
.pp-soon-badge{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:650;color:#f5c86b}
.pp-soon-badge>span{width:9px;height:9px;border-radius:50%;background:#f5a524;box-shadow:0 0 0 0 #f5a52499;animation:pm-pulse 1.8s ease-out infinite}
.pp-business-grid{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.pp-business-grid li{padding:22px;border-radius:16px;background:#fff;border:1px solid #dbe6e3;position:relative;overflow:hidden}
.pp-business-grid li:after{content:"Wkrótce";position:absolute;top:14px;right:14px;font-size:.66rem;font-weight:750;letter-spacing:.05em;text-transform:uppercase;color:#a16b06;background:#fff6e5;border-radius:99px;padding:3px 8px}
html[lang=en] .pp-business-grid li:after{content:"Soon"}
html[lang=uk] .pp-business-grid li:after{content:"Незабаром"}
.pp-business-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#e7f8f2;color:#0d7a62;margin-bottom:14px}
.pp-business-icon svg{width:24px;height:24px}
.pp-business-grid h3{font-size:1.05rem;margin-bottom:6px}
.pp-business-grid p{color:#536b75;font-size:.92rem;line-height:1.55}
.pp-business-note{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;padding:20px 24px;border-radius:16px;background:#eaf7f2}
.pp-business-note p{margin:0;color:#2c4a55}
@media (prefers-reduced-motion:reduce){.pp-soon-badge>span{animation:none}}
@media(min-width:1001px){
  .public-experience .px-header>.wrap{flex-wrap:nowrap}
  .public-experience .px-header .navlinks{gap:2px;flex-wrap:nowrap}
  .public-experience .px-header .navlinks>a{padding-inline:9px;white-space:nowrap}
  .public-experience .px-header .public-languages{flex:none}
}
@media(min-width:1001px) and (max-width:1240px){.nav-soon{display:none}}
@media(min-width:1001px) and (max-width:1400px){
  .nav-soon{display:none}
  .public-experience .px-header .logo img{width:150px;height:auto}
  .public-experience .px-header .navlinks>a{font-size:.8rem;padding-inline:7px}
  .public-experience .px-header .navlinks .cta,.public-experience .px-header .navlinks .btn{padding-inline:12px;font-size:.8rem}
  .public-experience .px-header .public-languages a{min-width:30px;padding-inline:5px}
}
@media(min-width:1001px) and (max-width:1120px){
  .public-experience .px-header .logo img{width:128px}
  .public-experience .px-header .navlinks>a{font-size:.76rem;padding-inline:5px}
  .public-experience .px-header>.wrap{gap:0 10px}
}
/* Legal translations: notice above the informational text */
.legal-translation-note{margin:0 0 28px;padding:16px 18px;border-radius:12px;background:#fff6e5;border:1px solid #f5c86b;color:#4a3606}
.legal-translation-note p{margin:0 0 8px;line-height:1.55}.legal-translation-note p:last-child{margin:0}
.legal-translation-stale{font-weight:650;color:#8a4b00}
.da-subscription .da-subscriber-price{display:block;margin-top:6px;font-size:.8rem;font-weight:600;color:inherit;opacity:.85}
.pp-business-offer{margin-top:26px;display:grid;gap:14px;max-width:880px}
.pp-business-prices{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px}
.pp-business-prices li{display:grid;gap:4px;padding:14px 16px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.06);color:inherit}
.pp-business-prices span{font-size:.85rem;opacity:.75}
.pp-business-prices b{font-size:1.25rem}
.pp-business-prices small{font-size:.78rem;opacity:.7}
.pp-business-offer .note{opacity:.75}
.pp-business-offer .pp-business-actions{margin-top:4px}