/* Layout: Apple-style centered marketing page, 1080px column, alternating white and #F5F5F7 bands, one black spotlight */
:root{color-scheme:light;--bg:#FFFFFF;--bg-alt:#F5F5F7;--ink:#1D1D1F;--ink-secondary:#6E6E73;--ink-tertiary:#86868B;--accent:#0071E3;--accent-hover:#0077ED;--accent-on-dark:#2997FF;--dark-bg:#000000;--dark-surface:#1D1D1F;--dark-ink:#F5F5F7;--dark-divider:#424245;--divider:#D2D2D7;--success:#34C759;--pending:#FF9F0A;--ui-success:#248A3D;--ui-warning:#B64400;--ui-tint:#E8F1FC;--radius-card:18px;--radius-pill:980px;--radius-ui:12px;--radius-sm:8px;--space-section:128px;--space-section-mobile:80px;--font-sans:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--glow-blue:#7AB8FF;--glow-violet:#B79CFF;--glow-peach:#FFB59A;--glow-sky:#8FD3FF;--shadow-device:0 50px 80px -40px rgba(0,0,0,0.35), 0 24px 40px -24px rgba(0,0,0,0.18);--shadow-ui:0 12px 32px -12px rgba(0,0,0,0.16);}


/* ---------- base ---------- */
.pe-page{font-family:var(--font-sans, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif);font-size:17px;line-height:1.5;letter-spacing:-0.01em;color:var(--ink, #1D1D1F);background:var(--bg, #FFFFFF);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
.pe-page *,.pe-page *::before,.pe-page *::after{box-sizing:border-box}
:where(.pe-page) :is(h1,h2,h3,h4,p,ul){margin:0;padding:0}
.pe-page ul{list-style:none}
:where(.pe-page) a{color:inherit}
.pe-wrap{max-width:1124px;margin:0 auto;padding:0 22px}
.pe-section{padding:var(--space-section, 128px) 0}
.pe-section--alt{background:var(--bg-alt, #F5F5F7)}
.pe-center{text-align:center}

/* ---------- type ---------- */
.pe-eyebrow{font-size:17px;line-height:1.25;font-weight:600;color:var(--ink-secondary, #6E6E73);letter-spacing:-0.01em}
.pe-h1{font-size:64px;line-height:1.0625;font-weight:600;letter-spacing:-0.02em;color:var(--ink, #1D1D1F)}
.pe-h2{font-size:40px;line-height:1.1;font-weight:600;letter-spacing:-0.02em;color:var(--ink, #1D1D1F)}
.pe-h2--xl{font-size:56px;line-height:1.07}
.pe-sub{font-size:24px;line-height:1.33;font-weight:400;letter-spacing:-0.015em;color:var(--ink-secondary, #6E6E73)}
.pe-sub--sm{font-size:21px;line-height:1.38}
.pe-body{font-size:17px;line-height:1.5;color:var(--ink-secondary, #6E6E73)}

/* ---------- buttons: the only three styles ---------- */
.pe-btn{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:17px;line-height:1.18;font-weight:400;letter-spacing:-0.01em;padding:12px 22px;border-radius:var(--radius-pill, 980px);border:1px solid transparent;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color .2s ease,color .2s ease,border-color .2s ease}
.pe-btn--primary{background:var(--accent, #0071E3);color:#fff}
.pe-btn--primary:hover{background:var(--accent-hover, #0077ED)}
.pe-btn--secondary{background:transparent;color:var(--accent, #0071E3);border-color:var(--accent, #0071E3)}
.pe-btn--secondary:hover{background:var(--accent, #0071E3);color:#fff}
.pe-btn--sm{font-size:12px;line-height:1.34;padding:4px 11px}
.pe-btn:focus-visible,.pe-link:focus-visible,.pe-nav button:focus-visible,.pe-nav a:focus-visible{outline:2px solid var(--accent, #0071E3);outline-offset:3px}
.pe-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent, #0071E3);font-size:17px;line-height:1.3;text-decoration:none;cursor:pointer}
.pe-link:hover{text-decoration:underline;text-underline-offset:3px}
.pe-link svg{width:7px;height:12px;flex:none}
.pe-link--on-dark{color:var(--accent-on-dark, #2997FF)}
.pe-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}

/* ---------- global nav ---------- */
.pe-nav{position:sticky;top:0;z-index:50;height:48px;background:rgba(255,255,255,0.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--divider, #D2D2D7)}
.pe-nav__inner{max-width:1124px;height:47px;margin:0 auto;padding:0 22px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.pe-wordmark{font-size:17px;font-weight:600;letter-spacing:-0.02em;color:var(--ink, #1D1D1F);text-decoration:none;white-space:nowrap}
.pe-wordmark span{font-weight:400;color:var(--ink-secondary, #6E6E73)}
.pe-nav__links{display:flex;gap:36px;align-items:center}
.pe-nav__link{display:inline-flex;align-items:center;gap:5px;height:47px;padding:0;background:none;border:0;font-family:inherit;font-size:13px;font-weight:400;letter-spacing:-0.01em;color:var(--ink, #1D1D1F);opacity:.82;text-decoration:none;cursor:pointer;transition:opacity .2s}
.pe-nav__link:hover,.pe-nav__link[aria-expanded="true"]{opacity:1}
.pe-nav__link svg{width:9px;height:9px;transition:transform .25s ease}
.pe-nav__link[aria-expanded="true"] svg{transform:rotate(180deg)}
.pe-nav__right{justify-self:end;display:flex;align-items:center;gap:12px}
.pe-burger{display:none;width:36px;height:36px;margin-right:-8px;background:none;border:0;cursor:pointer;position:relative}
.pe-burger i{position:absolute;left:10px;width:16px;height:1.25px;background:var(--ink, #1D1D1F);transition:transform .25s ease,top .25s ease}
.pe-burger i:first-child{top:14px}.pe-burger i:last-child{top:21px}
.pe-burger[aria-expanded="true"] i:first-child{top:17.5px;transform:rotate(45deg)}
.pe-burger[aria-expanded="true"] i:last-child{top:17.5px;transform:rotate(-45deg)}

.pe-mega{position:absolute;left:0;right:0;top:47px;background:rgba(255,255,255,0.97);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--divider, #D2D2D7);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s}
.pe-mega.is-open{opacity:1;visibility:visible;transform:none;transition:opacity .25s ease,transform .25s ease}
.pe-mega__inner{max-width:1124px;margin:0 auto;padding:32px 22px 40px}
.pe-mega__label{font-size:12px;color:var(--ink-secondary, #6E6E73);margin:0 0 14px 14px}
.pe-mega__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 24px}
.pe-mega__item{display:grid;grid-template-columns:28px 1fr;gap:14px;align-items:start;padding:14px;border-radius:var(--radius-ui, 12px);text-decoration:none;color:var(--ink, #1D1D1F);transition:background-color .2s}
.pe-mega__item:hover{background:var(--bg-alt, #F5F5F7)}
.pe-mega__item svg{width:24px;height:24px;margin-top:1px;stroke:var(--ink, #1D1D1F)}
.pe-mega__name{display:block;font-size:14px;font-weight:600;line-height:1.35;letter-spacing:-0.01em}
.pe-mega__desc{display:block;font-size:13px;line-height:1.4;color:var(--ink-secondary, #6E6E73);margin-top:2px}
.pe-scrim{position:fixed;inset:48px 0 0;background:rgba(29,29,31,0.08);opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;z-index:40}
.pe-scrim.is-open{opacity:1;visibility:visible;transition:opacity .25s}

.pe-sheet{display:none}

/* ---------- hero + device ---------- */
.pe-hero{padding:96px 0 0;text-align:center;overflow:hidden}
.pe-hero .pe-h1{margin:14px auto 0;max-width:900px}
.pe-hero .pe-sub{margin:20px auto 0;max-width:680px}
.pe-hero .pe-actions{margin-top:36px}
.pe-device{width:min(1000px,100%);margin:80px auto 0;padding:0 0 4px}
.pe-laptop__lid{background:var(--ink, #1D1D1F);border-radius:22px 22px 6px 6px;padding:14px 14px 20px;box-shadow:var(--shadow-device, 0 50px 80px -40px rgba(0,0,0,0.35), 0 24px 40px -24px rgba(0,0,0,0.18));position:relative}
.pe-laptop__lid::before{content:"";position:absolute;top:6px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:#3a3a3c}
.pe-laptop__screen{aspect-ratio:16/10;background:var(--bg, #FFFFFF);border-radius:4px;overflow:hidden;container-type:inline-size}
.pe-laptop__base{height:16px;margin:0 -6.5%;background:var(--divider, #D2D2D7);border-radius:2px 2px 16px 16px;position:relative;box-shadow:0 18px 24px -16px rgba(0,0,0,0.35)}
.pe-laptop__base::before{content:"";position:absolute;left:50%;top:0;width:15%;height:6px;transform:translateX(-50%);background:#BDBDC2;border-radius:0 0 8px 8px}

/* PMS dashboard, sized in em where 1em = 1% of the screen width */
.pe-dash{font-size:1cqw;width:100em;height:62.5em;display:grid;grid-template-columns:15.5em 1fr;color:var(--ink, #1D1D1F);text-align:left;letter-spacing:-0.01em;line-height:1.3}
.pe-dash__side{background:var(--bg-alt, #F5F5F7);border-right:.1em solid var(--divider, #D2D2D7);padding:2em 1.2em}
.pe-dash__brand{font-size:1.35em;font-weight:600;padding:0 .5em 1.4em;letter-spacing:-0.02em}
.pe-dash__brand span{font-weight:400;color:var(--ink-secondary, #6E6E73)}
.pe-dash__nav li{display:flex;align-items:center;gap:.8em;font-size:1.12em;padding:.62em .7em;border-radius:.55em;color:var(--ink-secondary, #6E6E73)}
.pe-dash__nav li i{width:1em;height:1em;border-radius:.28em;border:.12em solid currentColor;opacity:.8}
.pe-dash__nav li.on{background:var(--bg, #FFFFFF);color:var(--ink, #1D1D1F);font-weight:500;box-shadow:0 .1em .3em rgba(0,0,0,.06)}
.pe-dash__nav .sep{height:.1em;background:var(--divider, #D2D2D7);margin:1em .7em;padding:0}
.pe-dash__main{padding:2em 2.4em;display:flex;flex-direction:column;gap:1.7em;min-width:0}
.pe-dash__top{display:flex;justify-content:space-between;align-items:flex-end}
.pe-dash__title{font-size:2.2em;font-weight:600;letter-spacing:-0.02em;line-height:1.1}
.pe-dash__meta{font-size:1.12em;color:var(--ink-secondary, #6E6E73);margin-top:.35em}
.pe-dash__tools{display:flex;gap:.8em;align-items:center}
.pe-dash__search{width:18em;height:2.8em;border-radius:.7em;background:var(--bg-alt, #F5F5F7);font-size:1em;color:var(--ink-tertiary, #86868B);display:flex;align-items:center;padding:0 1em}
.pe-dash__avatar{width:2.8em;height:2.8em;border-radius:50%;background:var(--divider, #D2D2D7);display:grid;place-items:center;font-size:1em;font-weight:600;color:var(--ink, #1D1D1F)}
.pe-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2em}
.pe-kpi{border:.1em solid var(--divider, #D2D2D7);border-radius:1em;padding:1.2em 1.4em}
.pe-kpi__label{font-size:1.02em;color:var(--ink-secondary, #6E6E73)}
.pe-kpi__value{font-size:2.5em;font-weight:600;letter-spacing:-0.03em;margin-top:.15em;line-height:1.1}
.pe-kpi__delta{font-size:.98em;color:var(--ui-success, #248A3D);margin-top:.3em}
.pe-dash__lower{display:grid;grid-template-columns:1fr 24em;gap:1.4em;flex:1;min-height:0}
.pe-panel{border:.1em solid var(--divider, #D2D2D7);border-radius:1em;padding:1.3em 1.4em;min-width:0;overflow:hidden}
.pe-panel__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1em}
.pe-panel__title{font-size:1.25em;font-weight:600}
.pe-panel__hint{font-size:1em;color:var(--ink-secondary, #6E6E73)}
.pe-rack{display:grid;grid-template-columns:6.2em repeat(8,1fr);row-gap:.35em;font-size:1em}
.pe-rack__day{font-size:.95em;color:var(--ink-secondary, #6E6E73);text-align:center;padding-bottom:.5em;border-bottom:.1em solid var(--divider, #D2D2D7);margin-bottom:.3em}
.pe-rack__day b{display:block;color:var(--ink, #1D1D1F);font-weight:600;font-size:1.15em}
.pe-rack__day.today b{color:var(--accent, #0071E3)}
.pe-rack__room{font-size:1em;font-weight:500;align-self:center;padding:.65em 0}
.pe-rack__room span{display:block;font-size:.85em;font-weight:400;color:var(--ink-secondary, #6E6E73)}
.pe-bar{align-self:center;margin:0 .15em;height:2.4em;border-radius:.5em;font-size:.95em;line-height:2.4em;padding:0 .8em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pe-bar--in{background:var(--accent, #0071E3);color:#fff}
.pe-bar--conf{background:var(--ui-tint, #E8F1FC);color:#0058B0}
.pe-bar--ota{background:var(--bg-alt, #F5F5F7);color:var(--ink, #1D1D1F);box-shadow:inset 0 0 0 .1em var(--divider, #D2D2D7)}
.pe-arr li{display:grid;grid-template-columns:1fr auto;gap:.2em .6em;padding:.75em 0;border-top:.1em solid var(--divider, #D2D2D7);font-size:1.02em}
.pe-arr li:first-child{border-top:0;padding-top:0}
.pe-arr b{font-weight:500}
.pe-arr small{font-size:.9em;color:var(--ink-secondary, #6E6E73);grid-column:1}
.pe-chip{grid-row:1/3;grid-column:2;align-self:center;font-size:.85em;padding:.3em .7em;border-radius:1em;background:var(--bg-alt, #F5F5F7);color:var(--ink-secondary, #6E6E73);white-space:nowrap}
.pe-chip--ok{background:#E7F4EA;color:var(--ui-success, #248A3D)}

/* ---------- trust strip ---------- */
.pe-trust{padding:64px 0}
.pe-trust__label{font-size:17px;color:var(--ink-secondary, #6E6E73);text-align:center}
.pe-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px 56px;margin-top:32px;color:var(--ink-tertiary, #86868B)}
.pe-logo{display:inline-flex;align-items:center;gap:8px;font-size:19px;white-space:nowrap;filter:grayscale(1)}
.pe-logo svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6}
.pe-logo--serif{font-family:Georgia,"Times New Roman",serif;font-size:21px;letter-spacing:0}
.pe-logo--caps{text-transform:uppercase;letter-spacing:.18em;font-size:14px;font-weight:600}
.pe-logo--bold{font-weight:700;letter-spacing:-0.03em}
.pe-logo--light{font-weight:400;letter-spacing:.02em}

/* ---------- section headers ---------- */
.pe-head{text-align:center;max-width:760px;margin:0 auto 64px}
.pe-head .pe-sub{margin-top:16px}

/* ---------- product tiles ---------- */
.pe-tiles{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pe-tile{background:var(--bg-alt, #F5F5F7);border-radius:var(--radius-card, 18px);overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;padding:52px 40px 0}
.pe-tile__name{font-size:32px;line-height:1.125;font-weight:600;letter-spacing:-0.02em}
.pe-tile__benefit{font-size:19px;line-height:1.42;color:var(--ink-secondary, #6E6E73);margin-top:10px;max-width:400px}
.pe-tile .pe-link{margin-top:14px}
.pe-shot{margin-top:40px;width:92%;aspect-ratio:16/9.6;background:var(--bg, #FFFFFF);border-radius:14px 14px 0 0;box-shadow:var(--shadow-ui, 0 12px 32px -12px rgba(0,0,0,0.16));container-type:inline-size;overflow:hidden;text-align:left}
.pe-ui{font-size:1cqw;width:100em;height:60em;padding:5em 5.5em;color:var(--ink, #1D1D1F);letter-spacing:-0.01em;line-height:1.3}
.pe-ui__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:3.4em}
.pe-ui__title{font-size:3.6em;font-weight:600;letter-spacing:-0.02em}
.pe-ui__meta{font-size:2.6em;color:var(--ink-secondary, #6E6E73)}
/* pms */
.pe-rooms{display:grid;grid-template-columns:repeat(4,1fr);gap:2em}
.pe-room{border:.25em solid var(--divider, #D2D2D7);border-radius:2em;padding:2em 2.2em}
.pe-room b{display:block;font-size:4em;font-weight:600;letter-spacing:-0.02em;line-height:1.1}
.pe-room span{display:flex;align-items:center;gap:.6em;font-size:2.5em;color:var(--ink-secondary, #6E6E73);margin-top:.5em}
.pe-room span::before{content:"";width:.6em;height:.6em;border-radius:50%;background:currentColor}
.pe-room.clean span{color:var(--ui-success, #248A3D)}.pe-room.dirty span{color:var(--ui-warning, #B64400)}.pe-room.occ span{color:var(--accent, #0071E3)}
/* rms */
.pe-rate{display:grid;grid-template-columns:30em 1fr;gap:4em;align-items:end}
.pe-rate__label{font-size:2.6em;color:var(--ink-secondary, #6E6E73)}
.pe-rate__value{font-size:11em;font-weight:600;letter-spacing:-0.04em;line-height:1;margin-top:.12em}
.pe-rate__delta{font-size:2.6em;color:var(--ui-success, #248A3D);margin-top:.6em}
.pe-rate svg{width:100%;height:auto;display:block}
.pe-rate__foot{display:flex;justify-content:space-between;font-size:2.4em;color:var(--ink-secondary, #6E6E73);margin-top:2.2em;padding-top:1.4em;border-top:.1em solid var(--divider, #D2D2D7)}
/* channels */
.pe-rows li{display:grid;grid-template-columns:1fr 4em 4em 7.5em;align-items:center;font-size:2.7em;padding:.82em 0;border-top:.05em solid var(--divider, #D2D2D7)}
.pe-rows li:first-child{border-top:0}
.pe-rows li.h{font-size:2.3em;color:var(--ink-secondary, #6E6E73);padding-top:0}
.pe-rows .num{text-align:right}
.pe-sync{white-space:nowrap;display:flex;align-items:center;justify-content:flex-end;gap:.5em;color:var(--ink-secondary, #6E6E73);font-size:.9em}
.pe-sync::before{content:"";width:.55em;height:.55em;border-radius:50%;background:var(--ui-success, #248A3D)}
/* booking engine */
.pe-be__hotel{font-size:3.4em;font-weight:600;letter-spacing:-0.02em}
.pe-be__fields{display:grid;grid-template-columns:1fr 1fr .8fr;gap:1.6em;margin:2.6em 0 3em}
.pe-field{border:.25em solid var(--divider, #D2D2D7);border-radius:1.6em;padding:1.4em 1.8em}
.pe-field small{display:block;font-size:2.1em;color:var(--ink-secondary, #6E6E73)}
.pe-field b{display:block;font-size:2.8em;font-weight:500;margin-top:.15em}
.pe-roomcard{display:grid;grid-template-columns:24em 1fr auto;gap:3em;align-items:center;border:.25em solid var(--divider, #D2D2D7);border-radius:2em;padding:2em}
.pe-roomcard__img{height:16em;border-radius:1.4em;background:var(--bg-alt, #F5F5F7);position:relative;overflow:hidden}
.pe-roomcard__img::before{content:"";position:absolute;left:12%;right:12%;bottom:22%;height:28%;border-radius:1em;background:var(--divider, #D2D2D7)}
.pe-roomcard__img::after{content:"";position:absolute;left:18%;width:22%;bottom:42%;height:16%;border-radius:.8em;background:#E3E3E8}
.pe-roomcard h4{margin:0;font-size:3.2em;font-weight:600;letter-spacing:-0.02em}
.pe-roomcard p{font-size:2.4em;color:var(--ui-success, #248A3D);margin-top:.4em}
.pe-roomcard__price{text-align:right}
.pe-roomcard__price b{display:block;font-size:3.6em;font-weight:600;letter-spacing:-0.02em}
.pe-roomcard__price small{display:block;font-size:2.2em;color:var(--ink-secondary, #6E6E73)}
.pe-ui-pill{display:inline-block;margin-top:1.2em;background:var(--accent, #0071E3);color:#fff;font-size:2.4em;padding:.5em 1.3em;border-radius:5em}
/* pos */
.pe-ticket li{display:grid;grid-template-columns:4em 1fr auto;font-size:2.8em;padding:.6em 0}
.pe-ticket li span:first-child{color:var(--ink-secondary, #6E6E73)}
.pe-ticket .tot{border-top:.1em solid var(--divider, #D2D2D7);margin-top:.4em;padding-top:.9em;font-weight:600}
.pe-post{display:flex;justify-content:space-between;align-items:center;margin-top:2.6em;background:var(--ui-tint, #E8F1FC);border-radius:2em;padding:2.2em 2.6em}
.pe-post b{display:block;font-size:2.9em;font-weight:600;color:#0058B0}
.pe-post small{display:block;font-size:2.3em;color:var(--ink-secondary, #6E6E73);margin-top:.2em}
.pe-post i{width:5.6em;height:5.6em;border-radius:50%;background:var(--accent, #0071E3);display:grid;place-items:center}
.pe-post i svg{width:2.8em;height:2.8em}
/* ai (tile) */
.pe-chat{display:flex;flex-direction:column;gap:2em}
.pe-msg{max-width:72%;font-size:2.8em;line-height:1.4;padding:.75em 1em;border-radius:1em}
.pe-msg--them{align-self:flex-end;background:var(--bg-alt, #F5F5F7)}
.pe-msg--ai{align-self:flex-start;background:var(--ui-tint, #E8F1FC);color:#0B3B70}
.pe-msg small{display:block;font-size:.78em;color:var(--ink-secondary, #6E6E73);margin-bottom:.25em}

/* ---------- dark spotlight ---------- */
.pe-dark{background:var(--dark-bg, #000000);color:var(--dark-ink, #F5F5F7);padding:144px 0}
.pe-dark .pe-eyebrow{color:var(--ink-tertiary, #86868B)}
.pe-dark .pe-h2{color:var(--dark-ink, #F5F5F7);margin-top:12px}
.pe-dark .pe-sub{color:var(--ink-tertiary, #86868B);margin:20px auto 0;max-width:700px}
.pe-dark .pe-link{margin-top:22px}
.pe-console{max-width:860px;margin:72px auto 0;background:var(--dark-surface, #1D1D1F);border:1px solid var(--dark-divider, #424245);border-radius:var(--radius-card, 18px);overflow:hidden;text-align:left}
.pe-console__bar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--dark-divider, #424245);font-size:14px}
.pe-console__bar b{font-weight:600}
.pe-console__bar span{color:var(--ink-tertiary, #86868B)}
.pe-live{display:inline-flex;align-items:center;gap:8px;color:var(--ink-tertiary, #86868B);font-size:13px}
.pe-live::before{content:"";width:7px;height:7px;border-radius:50%;background:#30D158}
.pe-convo{padding:32px 32px 8px;display:flex;flex-direction:column;gap:22px}
.pe-turn{max-width:78%}
.pe-turn--right{align-self:flex-end}
.pe-turn__who{font-size:12px;color:var(--ink-tertiary, #86868B);margin-bottom:6px}
.pe-turn--right .pe-turn__who{text-align:right}
.pe-bubble{font-size:16px;line-height:1.5;padding:12px 16px;border-radius:16px;background:#2C2C2E;color:var(--dark-ink, #F5F5F7)}
.pe-turn--ai .pe-bubble{background:#0A2540;color:#E8F1FC}
.pe-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.pe-act{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#D1D1D6;border:1px solid var(--dark-divider, #424245);border-radius:20px;padding:5px 12px}
.pe-act svg{width:12px;height:12px;stroke:#30D158}
.pe-console__input{margin:20px 24px 24px;border:1px solid var(--dark-divider, #424245);border-radius:14px;padding:14px 18px;font-size:15px;color:var(--ink-tertiary, #86868B);display:flex;justify-content:space-between;align-items:center}
.pe-console__input i{width:28px;height:28px;border-radius:50%;background:#3A3A3C;display:grid;place-items:center}
.pe-console__input svg{width:12px;height:12px;stroke:var(--dark-ink, #F5F5F7)}
.pe-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:980px;margin:80px auto 0;text-align:left}
.pe-feat h3{font-size:19px;font-weight:600;letter-spacing:-0.015em;color:var(--dark-ink, #F5F5F7)}
.pe-feat p{font-size:17px;line-height:1.5;color:var(--ink-tertiary, #86868B);margin-top:8px}

/* ---------- why ---------- */
.pe-why{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.pe-why__col{border-top:1px solid var(--divider, #D2D2D7);padding-top:28px}
.pe-why__stat{font-size:48px;line-height:1.08;font-weight:600;letter-spacing:-0.03em}
.pe-why__col h3{font-size:21px;line-height:1.3;font-weight:600;letter-spacing:-0.015em;margin-top:20px}
.pe-why__col p{font-size:17px;line-height:1.5;color:var(--ink-secondary, #6E6E73);margin-top:10px}

/* ---------- pricing teaser ---------- */
.pe-pricing .pe-sub{max-width:640px;margin:16px auto 0}
.pe-plans{display:grid;grid-template-columns:repeat(3,1fr);max-width:900px;margin:56px auto 0;border-top:1px solid var(--divider, #D2D2D7);border-bottom:1px solid var(--divider, #D2D2D7)}
.pe-plan{padding:28px 24px;text-align:center}
.pe-plan + .pe-plan{border-left:1px solid var(--divider, #D2D2D7)}
.pe-plan h3{font-size:17px;font-weight:600;letter-spacing:-0.01em}
.pe-plan p{font-size:14px;line-height:1.45;color:var(--ink-secondary, #6E6E73);margin-top:6px}
.pe-pricing .pe-actions{margin-top:48px}

/* ---------- final cta ---------- */
.pe-cta .pe-sub{margin:16px auto 0}
.pe-cta .pe-actions{margin-top:36px}

/* ---------- footer ---------- */
.pe-footer{border-top:1px solid var(--divider, #D2D2D7);background:var(--bg-alt, #F5F5F7);font-size:12px;line-height:1.34;color:var(--ink-secondary, #6E6E73);padding:40px 0 24px}
.pe-footer__note{padding-bottom:20px;border-bottom:1px solid var(--divider, #D2D2D7)}
.pe-footer__cols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:28px 0 32px}
.pe-footer h4{margin:0 0 10px;font-size:12px;font-weight:600;color:var(--ink, #1D1D1F)}
.pe-footer li{margin-bottom:9px}
.pe-footer a{color:var(--ink-secondary, #6E6E73);text-decoration:none}
.pe-footer a:hover{color:var(--ink, #1D1D1F);text-decoration:underline}
.pe-footer__base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-top:16px;border-top:1px solid var(--divider, #D2D2D7)}
.pe-footer__base ul{display:flex;gap:0}
.pe-footer__base li{margin:0;padding:0 10px;border-left:1px solid var(--divider, #D2D2D7)}
.pe-footer__base li:first-child{border-left:0;padding-left:0}

/* ---------- scroll reveal ---------- */
.pe-js .pe-reveal.pe-pending{opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.25,.1,.25,1),transform .8s cubic-bezier(.25,.1,.25,1)}
.pe-js .pe-reveal.pe-pending.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.pe-js .pe-reveal.pe-pending{opacity:1;transform:none;transition:none}}

/* ---------- responsive ---------- */
@media (max-width:1068px){
  .pe-h1{font-size:56px}
  .pe-tile{padding:44px 28px 0}
}
@media (max-width:833px){
  .pe-section{padding:var(--space-section-mobile, 80px) 0}
  .pe-dark{padding:96px 0}
  .pe-wrap{padding:0 20px}
  .pe-nav__inner{grid-template-columns:1fr auto;padding:0 16px}
  .pe-nav__links{display:none}
  .pe-burger{display:block}
  .pe-mega,.pe-scrim{display:none}
  .pe-sheet{display:block;position:fixed;inset:48px 0 0;background:var(--bg, #FFFFFF);z-index:49;padding:16px 28px 40px;overflow:auto;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s}
  .pe-sheet.is-open{opacity:1;visibility:visible;transition:opacity .25s}
  .pe-sheet__label{font-size:12px;color:var(--ink-secondary, #6E6E73);margin:12px 0 4px}
  .pe-sheet a.row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--divider, #D2D2D7);text-decoration:none;color:var(--ink, #1D1D1F);font-size:17px}
  .pe-sheet a.row svg{width:22px;height:22px;stroke:var(--ink, #1D1D1F)}
  .pe-sheet a.big{font-size:28px;font-weight:600;letter-spacing:-0.02em;padding:18px 0}
  .pe-sheet .pe-btn{margin-top:28px;width:100%}
  .pe-hero{padding-top:64px}
  .pe-h1{font-size:40px;line-height:1.1}
  .pe-h1 br{display:none}
  .pe-sub{font-size:19px;line-height:1.42}
  .pe-sub--sm{font-size:19px}
  .pe-h2{font-size:32px;line-height:1.125}
  .pe-h2--xl{font-size:40px;line-height:1.1}
  .pe-device{margin-top:56px}
  .pe-laptop__lid{padding:6px 6px 9px;border-radius:12px 12px 4px 4px}
  .pe-laptop__lid::before{display:none}
  .pe-laptop__base{margin:0 -3%;height:8px;border-radius:1px 1px 8px 8px}
  .pe-laptop__base::before{height:3px}
  .pe-logos{gap:18px 32px}
  .pe-logo{font-size:16px}.pe-logo--serif{font-size:18px}.pe-logo--caps{font-size:12px}
  .pe-head{margin-bottom:40px}
  .pe-tiles{grid-template-columns:1fr;gap:16px}
  .pe-tile{padding:40px 24px 0}
  .pe-tile__name{font-size:28px}
  .pe-tile__benefit{font-size:17px}
  .pe-shot{margin-top:32px}
  .pe-console{margin-top:48px}
  .pe-convo{padding:24px 18px 4px}
  .pe-turn{max-width:92%}
  .pe-bubble{font-size:15px}
  .pe-console__input{margin:16px}
  .pe-feats,.pe-why{grid-template-columns:1fr;gap:32px}
  .pe-feats{margin-top:56px}
  .pe-why__stat{font-size:40px}
  .pe-plans{grid-template-columns:1fr}
  .pe-plan + .pe-plan{border-left:0;border-top:1px solid var(--divider, #D2D2D7)}
  .pe-footer__cols{grid-template-columns:1fr 1fr;gap:8px 24px}
}

/* ---------- product stories ---------- */
.pe-story-intro{padding:var(--space-section, 128px) 0 0}
.pe-story-intro .pe-head{margin-bottom:0}
.pe-story{display:grid;grid-template-columns:5fr 7fr;gap:72px;align-items:center}
.pe-story--flip .pe-story__text{order:2}
.pe-story__text{min-width:0}
.pe-story__text .pe-h2{margin-top:10px}
.pe-story__desc{font-size:21px;line-height:1.38;letter-spacing:-0.015em;color:var(--ink-secondary, #6E6E73);margin-top:16px}
.pe-bens{margin-top:28px;border-top:1px solid var(--divider, #D2D2D7)}
.pe-bens li{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--divider, #D2D2D7);font-size:17px;line-height:1.4}
.pe-bens svg{width:22px;height:22px;flex:none;stroke:var(--ink, #1D1D1F)}
.pe-story__text .pe-link{margin-top:24px}
.pe-story__media{min-width:0}
.pe-window{aspect-ratio:16/10;max-width:100%;background:var(--bg, #FFFFFF);border:1px solid var(--divider, #D2D2D7);border-radius:var(--radius-card, 18px);box-shadow:var(--shadow-ui, 0 12px 32px -12px rgba(0,0,0,0.16));overflow:hidden;container-type:inline-size}
.pe-window .pe-ui{height:62.5em}
.pe-section--alt .pe-window{border-color:#E3E3E8}
/* front desk ui */
.pe-ci{display:grid;grid-template-columns:1fr 26em;gap:3em;align-items:center}
.pe-steps li{display:flex;gap:1.6em;align-items:center;padding:1.3em 0;border-top:.1em solid var(--divider, #D2D2D7)}
.pe-steps li:first-child{border-top:0;padding-top:0}
.pe-steps i{width:4em;height:4em;border-radius:50%;background:#E7F4EA;color:var(--ui-success, #248A3D);display:grid;place-items:center;flex:none}
.pe-steps i svg{width:2em;height:2em;stroke:currentColor}
.pe-steps b{display:block;font-size:2.8em;font-weight:600;letter-spacing:-0.01em}
.pe-steps small{display:block;font-size:2.3em;color:var(--ink-secondary, #6E6E73);margin-top:.15em}
.pe-timer{background:var(--bg-alt, #F5F5F7);border-radius:2em;padding:3em;text-align:center}
.pe-timer small{display:block;font-size:2.4em;color:var(--ink-secondary, #6E6E73)}
.pe-timer b{display:block;font-size:9em;font-weight:600;letter-spacing:-0.04em;line-height:1.1;font-variant-numeric:tabular-nums}
.pe-rooms--sm{margin-top:3.2em;gap:1.6em}
.pe-rooms--sm .pe-room{padding:1.4em 1.8em}
.pe-rooms--sm .pe-room b{font-size:3.2em}.pe-rooms--sm .pe-room span{font-size:2.2em}
/* rms event chip */
.pe-evt{font-size:2.4em;color:#0058B0;background:var(--ui-tint, #E8F1FC);border-radius:2em;padding:.35em .9em}
/* channels */
.pe-rows--3 li{grid-template-columns:1fr 12em 10em;padding:.6em 0}
.pe-sync--stop::before{background:var(--ui-warning, #B64400)}
.pe-banner{display:flex;align-items:center;gap:2em;margin-top:2em;background:#E7F4EA;border-radius:2em;padding:2.4em 2.8em;color:var(--ui-success, #248A3D)}
.pe-banner svg{width:3.4em;height:3.4em;stroke:currentColor;flex:none}
.pe-banner b{display:block;font-size:2.9em;font-weight:600;color:#1B6B2F}
.pe-banner small{display:block;font-size:2.3em;color:var(--ink-secondary, #6E6E73);margin-top:.15em}
/* booking upsell */
.pe-upsell{display:flex;justify-content:space-between;align-items:center;margin-top:2em;border:.25em solid var(--accent, #0071E3);border-radius:2em;padding:2em 2.4em}
.pe-upsell b{display:block;font-size:2.9em;font-weight:600}
.pe-upsell small{display:block;font-size:2.3em;color:var(--ink-secondary, #6E6E73);margin-top:.15em}
.pe-toggle{width:9em;height:5.2em;border-radius:3em;background:var(--ui-success, #248A3D);position:relative}
.pe-toggle i{position:absolute;right:.5em;top:.5em;width:4.2em;height:4.2em;border-radius:50%;background:#fff}
/* ai dark block */
.pe-dark .pe-story__desc{color:var(--ink-tertiary, #86868B)}
.pe-dark .pe-bens{border-color:var(--dark-divider, #424245)}
.pe-dark .pe-bens li{border-color:var(--dark-divider, #424245);color:var(--dark-ink, #F5F5F7)}
.pe-dark .pe-bens svg{stroke:var(--dark-ink, #F5F5F7)}
.pe-dark .pe-story .pe-h2{margin-top:0}
.pe-dark .pe-console{margin:0}
.pe-story__titlerow{display:flex;align-items:center;gap:20px;margin-top:12px}
.pe-core--mini{position:relative;left:auto;top:auto;margin:0;width:48px;height:48px;flex:none}
.pe-core--mini .pe-core__glow{inset:-6px;filter:blur(8px)}
.pe-core--mini .pe-core__disc{box-shadow:none}
@media (max-width:833px){
  .pe-story{grid-template-columns:1fr;gap:40px}
  .pe-story--flip .pe-story__text{order:0}
  .pe-story__desc{font-size:19px}
  .pe-story-intro{padding-top:var(--space-section-mobile, 80px)}
  .pe-core--mini{width:36px;height:36px}
  .pe-story__titlerow{gap:14px}
}

@keyframes pe-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.pe-stat{margin-top:18px;padding-top:16px;border-top:1px solid var(--divider, #D2D2D7)}
.pe-stat__num{font-size:40px;line-height:1.05;font-weight:600;letter-spacing:-0.03em;color:var(--accent, #0071E3)}
.pe-stat__num small{display:block;font-size:17px;line-height:1.3;font-weight:600;letter-spacing:-0.01em;margin-bottom:2px}
.pe-stat__label{font-size:17px;font-weight:600;color:var(--ink, #1D1D1F);margin-top:4px}
.pe-page .pe-stat__foot{font-size:11px;line-height:1.4;color:var(--ink-secondary, #6E6E73);margin-top:8px}
.pe-stat--dive{border-top:0;padding-top:0;margin-top:28px}
.pe-stat--dive .pe-stat__num{font-size:48px}

/* ---------- ai glyph (the only gradient) ---------- */
.pe-aiglyph{position:relative;display:inline-block;width:24px;height:24px;flex:none}
.pe-aiglyph .g1,.pe-aiglyph .g2{position:absolute;border-radius:50%;background:conic-gradient(from 0deg,var(--glow-blue, #7AB8FF),var(--glow-violet, #B79CFF),var(--glow-peach, #FFB59A),var(--glow-sky, #8FD3FF),var(--glow-blue, #7AB8FF));animation:pe-spin 8s linear infinite}
.pe-aiglyph .g1{inset:-3px;filter:blur(5px);opacity:.75}
.pe-aiglyph .g2{inset:0}
.pe-aiglyph .d{position:absolute;inset:2.5px;border-radius:50%;background:var(--bg, #FFFFFF)}
@keyframes pe-spin{to{transform:rotate(360deg)}}

/* ---------- ask ---------- */
.pe-head .pe-eyebrow + .pe-h2{margin-top:10px}
.pe-askui{max-width:760px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.pe-seg{display:inline-flex;gap:2px;padding:3px;background:#E8E8ED;border-radius:10px;max-width:100%;overflow-x:auto;scrollbar-width:none}
.pe-seg__btn{font-family:inherit;font-size:14px;font-weight:500;color:var(--ink, #1D1D1F);background:transparent;border:0;border-radius:8px;padding:7px 18px;cursor:pointer;white-space:nowrap;transition:background-color .3s,box-shadow .3s}
.pe-seg__btn.is-on{background:var(--bg, #FFFFFF);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.pe-seg__btn:focus-visible{outline:2px solid var(--accent, #0071E3);outline-offset:2px}
.pe-search{width:720px;max-width:100%;height:56px;margin-top:20px;display:flex;align-items:center;gap:14px;padding:0 18px;background:var(--bg, #FFFFFF);border:1px solid #E3E3E8;border-radius:14px;box-shadow:0 10px 30px -18px rgba(0,0,0,.25);position:relative}
.pe-search__text{flex:1;min-width:0;font-size:17px;color:var(--ink, #1D1D1F);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pe-search.is-typing .pe-search__text::after{content:"";display:inline-block;width:1.5px;height:1.1em;margin-left:2px;vertical-align:-3px;background:var(--accent, #0071E3);animation:pe-blink 1s steps(1) infinite}
@keyframes pe-blink{50%{opacity:0}}
.pe-search kbd{font-family:inherit;font-size:11px;color:var(--ink-secondary, #6E6E73);border:1px solid var(--divider, #D2D2D7);border-radius:6px;padding:2px 7px}
.pe-search__think{display:none;align-items:center;gap:4px;font-size:13px;color:var(--ink-secondary, #6E6E73)}
.pe-search__think i{width:4px;height:4px;border-radius:50%;background:var(--ink-secondary, #6E6E73);animation:pe-shim 1s infinite}
.pe-search__think i:nth-of-type(2){animation-delay:.15s}.pe-search__think i:nth-of-type(3){animation-delay:.3s}
.pe-search.is-thinking .pe-search__think{display:inline-flex}
.pe-search.is-thinking kbd{display:none}
@keyframes pe-shim{0%,100%{opacity:.25}50%{opacity:1}}
.pe-answers{width:720px;max-width:100%;margin-top:14px;min-height:340px}
.pe-ans{background:var(--bg, #FFFFFF);border:1px solid #E3E3E8;border-radius:var(--radius-card, 18px);padding:20px 24px 22px;box-shadow:0 18px 40px -24px rgba(0,0,0,.2);text-align:left;opacity:0;transform:translateY(12px);transition:opacity .45s cubic-bezier(.25,.1,.25,1),transform .45s cubic-bezier(.25,.1,.25,1)}
.pe-ans.is-in{opacity:1;transform:none}
.pe-ans__head{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--ink-secondary, #6E6E73);margin-bottom:14px}
.pe-ans__head .pe-aiglyph{width:16px;height:16px}
.pe-ans__head .pe-aiglyph .g1{inset:-2px;filter:blur(3px)}
.pe-ans__head .pe-aiglyph .d{inset:2px}
.pe-lang{margin-left:auto;font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--ink, #1D1D1F);border:1px solid var(--divider, #D2D2D7);border-radius:6px;padding:2px 7px}
.pe-tablewrap{overflow-x:auto}
.pe-table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums;min-width:520px}
.pe-table th{font-weight:500;font-size:12px;color:var(--ink-secondary, #6E6E73);text-align:left;padding:0 10px 8px 0;border-bottom:1px solid var(--divider, #D2D2D7)}
.pe-table td{padding:10px 10px 10px 0;border-bottom:1px solid #EDEDF0;white-space:nowrap}
.pe-table b{font-weight:600}
.pe-table .num{text-align:right;padding-right:20px}
.pe-page .pe-ans__foot{font-size:13px;color:var(--ink-secondary, #6E6E73);margin-top:12px}
.pe-chip2{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;border-radius:20px;padding:3px 10px;white-space:nowrap}
.pe-chip2::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.pe-chip2--ok{background:rgba(52,199,89,.14);color:#1E7B34}.pe-chip2--ok::before{background:var(--success, #34C759)}
.pe-chip2--warn{background:rgba(255,159,10,.16);color:#9A5B00}.pe-chip2--warn::before{background:var(--pending, #FF9F0A)}
.pe-chip2--info{background:var(--ui-tint, #E8F1FC);color:#0058B0}
.pe-ans__line{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.pe-ans__line p{font-size:19px;line-height:1.45;color:var(--ink, #1D1D1F)}
.pe-ans__line b{font-weight:600}
.pe-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#EDEDF0;border:1px solid #EDEDF0;border-radius:12px;overflow:hidden}
.pe-metrics div{background:var(--bg, #FFFFFF);padding:14px 16px}
.pe-metrics small{display:block;font-size:12px;color:var(--ink-secondary, #6E6E73)}
.pe-metrics b{display:block;font-size:26px;font-weight:600;letter-spacing:-0.02em;margin-top:2px;font-variant-numeric:tabular-nums}
.pe-ans__sparkrow{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;font-size:13px;color:var(--ink-secondary, #6E6E73)}
.pe-spark{width:220px;height:48px;max-width:55%}
.pe-spark polyline{fill:none;stroke:var(--accent, #0071E3);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.pe-spark circle{fill:var(--accent, #0071E3)}
.pe-weekly{display:grid;grid-template-columns:1fr 220px;gap:28px;align-items:end}
.pe-wchart{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;height:200px;align-items:end;border-bottom:1px solid var(--divider, #D2D2D7)}
.pe-wbar{display:flex;flex-direction:column;justify-content:flex-end;height:100%;position:relative}
.pe-wbar span{display:block;background:#CFE3FA;border-radius:6px 6px 0 0;position:relative}
.pe-wbar:nth-child(6) span{background:var(--accent, #0071E3)}
.pe-wbar em{position:absolute;top:-18px;left:50%;transform:translateX(-50%);font-style:normal;font-size:11px;color:var(--ink-secondary, #6E6E73);white-space:nowrap;font-variant-numeric:tabular-nums}
.pe-wbar small{position:absolute;bottom:-20px;left:0;right:0;text-align:center;font-size:11px;color:var(--ink-secondary, #6E6E73)}
.pe-wside{display:flex;flex-direction:column;gap:16px;padding-bottom:4px}
.pe-wside small{display:block;font-size:12px;color:var(--ink-secondary, #6E6E73)}
.pe-wside b{display:block;font-size:28px;font-weight:600;letter-spacing:-0.02em;font-variant-numeric:tabular-nums}
.pe-wside b.sm{font-size:19px}
.pe-up{font-size:13px;font-weight:500;color:#1E7B34}
.pe-muted{font-size:13px;color:var(--ink-secondary, #6E6E73)}
.pe-weekly + *{margin-top:0}
.pe-wchart{margin-bottom:22px}
.pe-page .pe-ans__meta{font-size:13px;color:var(--ink-secondary, #6E6E73);margin-bottom:6px}
.pe-prices li{display:grid;grid-template-columns:1fr auto auto auto;gap:28px;align-items:center;padding:14px 0;border-top:1px solid #EDEDF0;font-variant-numeric:tabular-nums}
.pe-prices li:first-child{border-top:0}
.pe-prices b{font-size:17px;font-weight:600}
.pe-prices span{font-size:17px}
.pe-prices small{font-size:12px;color:var(--ink-secondary, #6E6E73)}
.pe-prices .tot{color:var(--ink-secondary, #6E6E73)}

/* ---------- calling ---------- */
.pe-calls .pe-eyebrow{color:var(--ink-tertiary, #86868B)}
.pe-calls .pe-sub{color:var(--ink-tertiary, #86868B);margin:16px auto 0;max-width:720px}
.pe-callui{display:grid;grid-template-columns:5fr 7fr;gap:20px;text-align:left;align-items:stretch}
.pe-livecall,.pe-actlog{background:var(--dark-surface, #1D1D1F);border:1px solid var(--dark-divider, #424245);border-radius:var(--radius-card, 18px);padding:20px 22px;min-width:0}
.pe-panel2__head{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--dark-ink, #F5F5F7);font-weight:500;padding-bottom:14px;border-bottom:1px solid var(--dark-divider, #424245)}
.pe-muted2{color:var(--ink-tertiary, #86868B);font-weight:400}
.pe-timer2{font-variant-numeric:tabular-nums;color:var(--ink-tertiary, #86868B);font-weight:400}
.pe-live::before{background:var(--success, #34C759)}
.pe-caller{display:flex;justify-content:space-between;align-items:flex-start;margin-top:16px}
.pe-caller small{display:block;font-size:12px;color:var(--ink-tertiary, #86868B)}
.pe-caller b{display:block;font-size:21px;font-weight:600;letter-spacing:-0.015em;color:var(--dark-ink, #F5F5F7);margin-top:2px}
.pe-lang--dark{color:var(--dark-ink, #F5F5F7);border-color:var(--dark-divider, #424245);margin-left:0}
.pe-wave{display:flex;align-items:center;gap:3px;height:40px;margin:16px 0 6px}
.pe-wave i{flex:1;height:3px;max-width:4px;border-radius:2px;background:#636366;transition:height .4s cubic-bezier(.25,.1,.25,1),background-color .4s}
.pe-wave.is-on i{height:var(--h);animation:pe-wv .9s cubic-bezier(.25,.1,.25,1) infinite alternate;animation-delay:var(--d);background:#AEAEB2}
.pe-wave.is-on.is-ai i{background:var(--accent-on-dark, #2997FF)}
@keyframes pe-wv{from{transform:scaleY(.35)}to{transform:scaleY(1)}}
.pe-transcript{display:flex;flex-direction:column;gap:12px;min-height:296px}
.pe-tline b{display:block;font-size:11px;font-weight:500;color:var(--ink-tertiary, #86868B);margin-bottom:3px}
.pe-tline p{font-size:15px;line-height:1.5;color:var(--dark-ink, #F5F5F7)}
.pe-tline--ai p{color:#CFE3FA}
.pe-log{display:flex;flex-direction:column;min-height:120px}
.pe-logrow{display:grid;grid-template-columns:64px 118px 1fr auto;gap:12px;align-items:start;padding:14px 0;border-bottom:1px solid var(--dark-divider, #424245);font-size:14px;color:var(--dark-ink, #F5F5F7)}
.pe-logrow.is-new{animation:pe-slide .5s cubic-bezier(.25,.1,.25,1) both}
@keyframes pe-slide{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.pe-logrow time{font-size:12px;color:var(--ink-tertiary, #86868B);font-variant-numeric:tabular-nums;padding-top:2px}
.pe-mod{justify-self:start;font-size:11px;font-weight:500;color:var(--dark-ink, #F5F5F7);border:1px solid var(--dark-divider, #424245);border-radius:6px;padding:2px 7px;white-space:nowrap}
.pe-logrow__desc{line-height:1.45;min-width:0}
.pe-logrow__desc small{display:block;font-size:12px;color:var(--ink-tertiary, #86868B);margin-top:3px}
.pe-logrow__st{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.pe-st{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;border-radius:20px;padding:3px 10px;white-space:nowrap}
.pe-st::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.pe-st--done{color:var(--success, #34C759);background:rgba(52,199,89,.14)}
.pe-st--wait{color:var(--pending, #FF9F0A);background:rgba(255,159,10,.14)}
.pe-logrow--wait.is-new .pe-st--wait{animation:pe-once 1.6s cubic-bezier(.25,.1,.25,1) .5s 1}
@keyframes pe-once{0%,100%{box-shadow:0 0 0 0 rgba(255,159,10,0)}40%{box-shadow:0 0 0 6px rgba(255,159,10,.22)}}
.pe-st.is-flip{animation:pe-flip .5s cubic-bezier(.25,.1,.25,1)}
@keyframes pe-flip{from{opacity:.2;transform:scale(.92)}to{opacity:1;transform:none}}
.pe-btn--dark{color:var(--accent-on-dark, #2997FF);border-color:var(--accent-on-dark, #2997FF)}
.pe-btn--dark:hover,.pe-btn--dark.is-press{background:var(--accent-on-dark, #2997FF);color:#000}
.pe-calls .pe-feats{margin-top:72px}

@media (prefers-reduced-motion:reduce){
  .pe-pcard,.pe-logrow.is-new{animation:none}
  .pe-aiglyph .g1,.pe-aiglyph .g2{animation:none}
  .pe-wave.is-on i{animation:none}
}
@media (max-width:1068px){
  .pe-logrow{grid-template-columns:56px 1fr auto}
  .pe-logrow .pe-mod{grid-column:2;grid-row:1}
  .pe-logrow__desc{grid-column:2;grid-row:2}
  .pe-logrow__st{grid-column:3;grid-row:1/3}
}
@media (max-width:833px){
  .pe-seg{display:flex;justify-content:flex-start;width:max-content}
  .pe-askui .pe-seg{align-self:stretch;width:auto}
  .pe-search{height:52px;padding:0 14px;gap:10px}
  .pe-search__text{font-size:15px}
  .pe-search kbd{display:none}
  .pe-answers{min-height:420px}
  .pe-ans{padding:16px 16px 18px}
  .pe-ans__line{flex-direction:column;gap:10px}
  .pe-ans__line p{font-size:17px}
  .pe-metrics{grid-template-columns:repeat(2,1fr)}
  .pe-metrics b{font-size:22px}
  .pe-weekly{grid-template-columns:1fr;gap:28px}
  .pe-wside{flex-direction:row;flex-wrap:wrap;gap:16px 28px}
  .pe-prices li{grid-template-columns:1fr auto;gap:4px 16px}
  .pe-prices .tot{grid-column:1}
  .pe-callui{grid-template-columns:1fr}
  .pe-transcript{min-height:380px}
  .pe-table th:nth-child(4),.pe-table td:nth-child(4){display:none}
  .pe-table{min-width:0;font-size:13px}
  .pe-logrow{grid-template-columns:1fr auto;gap:6px 12px}
  .pe-logrow time{grid-column:1;grid-row:1}
  .pe-logrow .pe-mod{grid-column:1;grid-row:2}
  .pe-logrow__desc{grid-column:1/3;grid-row:3}
  .pe-logrow__st{grid-column:2;grid-row:1/3;align-items:flex-end}
  .pe-stat--dive .pe-stat__num{font-size:40px}
}

/* ---------- v3: suite hero, fits one screen ---------- */
.pe-hero--suite{height:calc(100svh - 48px);min-height:fit-content;display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,4vh,56px) 0;overflow:visible}
.pe-hero--suite .pe-wrap{width:100%;max-width:1244px}
.pe-hero--suite .pe-eyebrow{font-size:clamp(13px,1.6vh,17px)}
.pe-hero--suite .pe-h1{font-size:min(clamp(36px,6vh,64px),5.4vw);line-height:1.05;max-width:1200px;margin:clamp(4px,.8vh,12px) auto 0}
.pe-hero--suite .pe-sub{font-size:clamp(15px,2vh,21px);line-height:1.4;margin:clamp(8px,1.2vh,16px) auto 0}
.pe-suite{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.8vh,20px);margin-top:clamp(20px,4vh,48px);text-align:left}
.pe-pcard{display:flex;flex-direction:column;min-width:0;background:var(--bg, #FFFFFF);border:1px solid var(--divider, #D2D2D7);border-radius:16px;padding:clamp(16px,2.4vh,28px);transition:transform .4s cubic-bezier(.25,.1,.25,1),box-shadow .4s cubic-bezier(.25,.1,.25,1);animation:pe-rise .7s cubic-bezier(.25,.1,.25,1) both;animation-delay:calc(var(--i) * 80ms + 120ms)}
.pe-pcard:hover{transform:translateY(-3px);box-shadow:0 16px 36px -20px rgba(0,0,0,.22)}
.pe-pcard__top{display:flex;align-items:center;gap:10px}
.pe-pcard__top svg{width:22px;height:22px;flex:none;stroke:var(--ink, #1D1D1F)}
.pe-pcard h3{font-size:19px;line-height:1.25;font-weight:600;letter-spacing:-0.015em}
.pe-page .pe-pcard__desc{font-size:clamp(14px,1.6vh,15px);line-height:1.4;color:var(--ink-secondary, #6E6E73);margin-top:clamp(6px,.9vh,10px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pe-page .pe-istat{font-size:14px;line-height:1.15;color:var(--ink, #1D1D1F);margin-top:clamp(6px,.9vh,10px);white-space:nowrap}
.pe-istat b{line-height:1;font-size:22px;font-weight:600;letter-spacing:-0.02em;color:var(--accent, #0071E3)}
.pe-page .pe-istat__foot{font-size:11px;line-height:1.35;color:var(--ink-secondary, #6E6E73);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pe-pcard__foot{margin-top:auto;padding-top:clamp(8px,1.2vh,14px)}
.pe-pcard__foot .pe-link{font-size:14px}
.pe-hero--suite .pe-actions{margin-top:clamp(16px,3vh,36px)}
@media (max-height:699px) and (min-width:640px){
  .pe-hero--suite .pe-eyebrow{display:none}
  .pe-hero--suite .pe-h1{font-size:34px;margin-top:0}
  .pe-page .pe-pcard__desc{-webkit-line-clamp:1;display:block;white-space:nowrap;text-overflow:ellipsis}
}
@media (max-width:1023px){
  .pe-hero--suite{height:auto;min-height:calc(100svh - 48px)}
  .pe-suite{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:639px){
  .pe-hero--suite{min-height:0;padding:40px 0 56px}
  .pe-hero--suite .pe-h1{font-size:34px;line-height:1.1}
  .pe-hero--suite .pe-sub{font-size:17px}
  .pe-suite{gap:10px;margin-top:28px}
  .pe-pcard{padding:14px}
  .pe-pcard__top{gap:8px}
  .pe-pcard__top svg{width:20px;height:20px}
  .pe-pcard h3{font-size:16px}
  .pe-page .pe-pcard__desc,.pe-page .pe-istat,.pe-page .pe-istat__foot{display:none}
  .pe-pcard__foot{padding-top:10px}
}

/* ========== one-screen sections ========== */
.pe-screen{height:calc(100svh - 48px);min-height:fit-content;display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,4vh,56px) 0}
.pe-screen__in{width:100%;display:flex;flex-direction:column;align-items:center;min-height:0}
.pe-shead{text-align:center;max-width:900px}
.pe-shead .pe-eyebrow{font-size:clamp(13px,1.6vh,17px)}
.pe-sh2{font-size:clamp(32px,5vh,56px);line-height:1.07;font-weight:600;letter-spacing:-0.02em;color:var(--ink, #1D1D1F);margin-top:clamp(4px,.8vh,10px)}
.pe-page .pe-ssub{font-size:clamp(15px,2vh,21px);line-height:1.4;letter-spacing:-0.015em;color:var(--ink-secondary, #6E6E73);margin-top:clamp(6px,1vh,14px)}

/* ---- ask ---- */
.pe-ask2 .pe-seg{margin-top:clamp(16px,3vh,32px)}
.pe-convo2{width:760px;max-width:100%;margin-top:clamp(14px,2.4vh,28px);height:clamp(380px,calc(100svh - 48px - clamp(48px,8vh,112px) - clamp(162px,23.5vh,272px)),540px);position:relative}
.pe-turn2{position:absolute;inset:0;display:flex;flex-direction:column;gap:clamp(8px,1.4vh,14px);transition:opacity .35s cubic-bezier(.25,.1,.25,1)}
.pe-turn2.is-out{opacity:0}
.pe-av{width:32px;height:32px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:12px;font-weight:600;color:var(--ink, #1D1D1F);background:#E3E3E8}
.pe-av--ai{background:var(--bg, #FFFFFF);box-shadow:0 0 0 1px #E3E3E8}
.pe-av--ai .pe-aiglyph{width:18px;height:18px}
.pe-av--ai .pe-aiglyph .g1{inset:-2px;filter:blur(3px)}
.pe-av--ai .pe-aiglyph .d{inset:2px}
.pe-who{display:block;font-size:12px;font-weight:500;color:var(--ink-secondary, #6E6E73);margin-bottom:4px}
.pe-ask-q{display:flex;justify-content:flex-end;align-items:flex-end;gap:10px;opacity:0;transform:translateY(8px);transition:opacity .4s cubic-bezier(.25,.1,.25,1),transform .4s cubic-bezier(.25,.1,.25,1)}
.pe-ask-q__body{text-align:right;max-width:70%}
.pe-page .pe-qbubble{display:inline-block;text-align:left;background:var(--accent, #0071E3);color:#fff;font-size:clamp(15px,1.9vh,17px);line-height:1.4;padding:10px 16px;border-radius:18px 18px 6px 18px}
.pe-ask-status{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-secondary, #6E6E73);opacity:0;height:0;overflow:hidden;transition:opacity .3s}
.pe-ask-status span:last-child{display:inline-flex;align-items:center;gap:4px}
.pe-ask-status i{width:4px;height:4px;border-radius:50%;background:var(--ink-secondary, #6E6E73);animation:pe-shim 1s infinite}
.pe-ask-status i:nth-of-type(2){animation-delay:.15s}.pe-ask-status i:nth-of-type(3){animation-delay:.3s}
.pe-ask-a{display:flex;align-items:flex-start;gap:10px;opacity:0;transform:translateY(12px);transition:opacity .45s cubic-bezier(.25,.1,.25,1),transform .45s cubic-bezier(.25,.1,.25,1);min-height:0}
.pe-ask-a__body{flex:1;min-width:0}
.pe-acard{background:var(--bg, #FFFFFF);border:1px solid var(--divider, #D2D2D7);border-radius:var(--radius-card, 18px);padding:clamp(12px,1.8vh,20px) clamp(14px,2vh,22px);box-shadow:0 14px 34px -24px rgba(0,0,0,.25)}
.pe-turn2.s-q .pe-ask-q{opacity:1;transform:none}
.pe-turn2.s-think .pe-ask-status{opacity:1;height:32px}
.pe-turn2.s-a .pe-ask-a{opacity:1;transform:none}
.pe-acard .pe-table td{padding:clamp(5px,.95vh,10px) 10px clamp(5px,.95vh,10px) 0}
.pe-acard .pe-wchart{height:clamp(96px,16vh,190px)}
.pe-acard .pe-metrics div{padding:clamp(8px,1.2vh,14px) 14px}
.pe-acard .pe-metrics b{font-size:clamp(20px,2.6vh,26px)}
.pe-acard .pe-prices li{padding:clamp(8px,1.3vh,14px) 0}
.pe-acard .pe-ans__line{align-items:center}
.pe-acard .pe-ans__line p{font-size:clamp(16px,2vh,19px)}

/* ---- calling ---- */
.pe-dark2{background:var(--dark-bg, #000000);color:var(--dark-ink, #F5F5F7)}
.pe-dark2 .pe-eyebrow{color:var(--ink-tertiary, #86868B)}
.pe-dark2 .pe-sh2{color:var(--dark-ink, #F5F5F7)}
.pe-sh2--one{white-space:nowrap}
.pe-dark2 .pe-ssub{color:var(--ink-tertiary, #86868B)}
.pe-console2{width:100%;display:grid;grid-template-columns:5fr 7fr;gap:clamp(12px,1.6vh,20px);margin-top:clamp(16px,3vh,40px);text-align:left}
.pe-cpanel{background:var(--dark-surface, #1D1D1F);border:1px solid var(--dark-divider, #424245);border-radius:var(--radius-card, 18px);padding:clamp(12px,1.8vh,20px) clamp(14px,1.8vh,22px);display:flex;flex-direction:column;min-width:0;height:clamp(320px,calc(100svh - 48px - clamp(48px,8vh,112px) - clamp(170px,24vh,270px)),520px)}
.pe-cpanel__head{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:500;color:var(--dark-ink, #F5F5F7);padding-bottom:clamp(8px,1.2vh,14px);border-bottom:1px solid var(--dark-divider, #424245);flex:none}
.pe-ccard{display:flex;align-items:center;gap:12px;padding:clamp(10px,1.4vh,16px) 0;border-bottom:1px solid var(--dark-divider, #424245);flex:none;transition:opacity .25s}
.pe-ccard.is-swap{opacity:0}
.pe-cav{width:36px;height:36px;border-radius:50%;background:#3A3A3C;color:var(--dark-ink, #F5F5F7);display:grid;place-items:center;font-size:13px;font-weight:600;flex:none}
.pe-cav svg{width:17px;height:17px}
.pe-ccard b{display:block;font-size:clamp(15px,1.9vh,17px);font-weight:600;color:var(--dark-ink, #F5F5F7)}
.pe-ccard small{display:block;font-size:12px;color:var(--ink-tertiary, #86868B);margin-top:1px}
.pe-trans{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:clamp(8px,1.3vh,14px);padding-top:10px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 28px);mask-image:linear-gradient(to bottom,transparent 0,#000 28px)}
.pe-tl{max-width:86%;transition:opacity .4s cubic-bezier(.25,.1,.25,1);animation:pe-rise .35s cubic-bezier(.25,.1,.25,1) both}
.pe-tl--c{align-self:flex-start}
.pe-tl--ai{align-self:flex-end;text-align:right}
.pe-tl b{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--dark-ink, #F5F5F7);margin-bottom:3px}
.pe-tl--ai b{color:var(--accent-on-dark, #2997FF)}
.pe-tl p{font-size:clamp(13px,1.75vh,15px);line-height:1.45;color:var(--dark-ink, #F5F5F7)}
.pe-tl--ai p{color:#CFE3FA}
.pe-tl.is-gone{opacity:0}
.pe-aiglyph--xs{width:12px;height:12px}
.pe-aiglyph--xs .g1{inset:-1px;filter:blur(2px)}
.pe-aiglyph--xs .d{inset:2px;background:var(--dark-surface, #1D1D1F)}
.pe-mwave{display:none;align-items:center;gap:2px;height:16px;margin-top:4px}
.pe-tl--ai .pe-mwave{justify-content:flex-end}
.pe-mwave i{width:2px;height:var(--h);border-radius:1px;background:#AEAEB2;animation:pe-wv .8s cubic-bezier(.25,.1,.25,1) infinite alternate;animation-delay:var(--d)}
.pe-tl--ai .pe-mwave i{background:var(--accent-on-dark, #2997FF)}
.pe-tl.is-speaking .pe-mwave{display:flex}
@keyframes pe-wv{from{transform:scaleY(.3)}to{transform:scaleY(1)}}
.pe-log2{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 24px);mask-image:linear-gradient(to bottom,transparent 0,#000 24px)}
.pe-lr{display:grid;grid-template-columns:1fr auto;gap:4px 14px;padding:clamp(8px,1.3vh,13px) 0;border-bottom:1px solid var(--dark-divider, #424245);font-size:clamp(13px,1.7vh,14px);color:var(--dark-ink, #F5F5F7);transition:opacity .45s}
.pe-lr:last-child{border-bottom:0}
.pe-lr.is-new{animation:pe-slide .5s cubic-bezier(.25,.1,.25,1) both}
.pe-lr.is-gone{opacity:0}
.pe-lr__top{display:flex;align-items:center;gap:8px;min-width:0;font-size:11px}
.pe-lr__top time{color:var(--ink-tertiary, #86868B);font-variant-numeric:tabular-nums}
.pe-from{color:var(--ink-tertiary, #86868B);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pe-lr__desc{grid-column:1;line-height:1.4;min-width:0}
.pe-lr__desc small{display:block;font-size:11px;color:var(--ink-tertiary, #86868B);margin-top:2px}
.pe-lr__st{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:6px}
.pe-lr--wait.is-new .pe-st--wait{animation:pe-once 1.6s cubic-bezier(.25,.1,.25,1) .5s 1}
.pe-trust3{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:clamp(14px,2.6vh,32px)}
.pe-page .pe-trust3 p{font-size:clamp(13px,1.6vh,15px);line-height:1.4;color:var(--ink-tertiary, #86868B);text-align:center}
.pe-trust3 b{color:var(--dark-ink, #F5F5F7);font-weight:600}

/* ---- product sections ---- */
.pe-dv{height:calc(100svh - 48px);min-height:520px;display:grid;grid-template-columns:3fr 2fr;background:var(--bg, #FFFFFF)}
.pe-dv.pe-section--alt{background:var(--bg-alt, #F5F5F7)}
.pe-dv--flip .pe-dv__media{order:2}
.pe-dv__media{position:relative;overflow:hidden;min-height:0}
.pe-float{position:absolute;width:55%;aspect-ratio:16/10;bottom:clamp(20px,5vh,56px);right:clamp(20px,3vw,48px);background:var(--bg, #FFFFFF);border-radius:16px;box-shadow:0 30px 60px -24px rgba(0,0,0,.35),0 10px 24px -14px rgba(0,0,0,.2);overflow:hidden;container-type:inline-size;opacity:0;transform:translateY(16px);transition:opacity .7s cubic-bezier(.25,.1,.25,1) .2s,transform .7s cubic-bezier(.25,.1,.25,1) .2s}
.pe-dv--flip .pe-float{right:auto;left:clamp(20px,3vw,48px)}
.pe-float .pe-ui{height:62.5em}
.pe-dv.is-in .pe-float,.pe-dv.is-in .pe-phone{opacity:1;transform:none}
.pe-dv__text{display:flex;align-items:center;min-width:0;padding:clamp(24px,4vh,56px) clamp(24px,4vw,72px)}
.pe-dv__inner{max-width:460px}
@media (min-width:1024px){.pe-dv:not(.pe-dv--flip) .pe-dv__text{padding-right:max(clamp(24px,4vw,72px),calc((100vw - 1080px)/2))}.pe-dv--flip .pe-dv__text{padding-left:max(clamp(24px,4vw,72px),calc((100vw - 1080px)/2))}}
.pe-dv__inner .pe-eyebrow{font-size:clamp(13px,1.6vh,17px)}
.pe-dvh{font-size:clamp(30px,4.6vh,48px);line-height:1.08;font-weight:600;letter-spacing:-0.02em;margin-top:clamp(6px,1vh,12px)}
.pe-page .pe-dvdesc{font-size:clamp(15px,2vh,19px);line-height:1.42;color:var(--ink-secondary, #6E6E73);margin-top:clamp(8px,1.4vh,16px)}
.pe-dvstat{margin-top:clamp(10px,1.8vh,20px)}
.pe-page .pe-dvstat p{font-size:clamp(15px,1.9vh,17px);color:var(--ink, #1D1D1F)}
.pe-dvstat b{font-size:clamp(24px,3.4vh,34px);font-weight:600;letter-spacing:-0.02em;color:var(--accent, #0071E3)}
.pe-dvstat small{display:block;font-size:11px;color:var(--ink-secondary, #6E6E73);margin-top:2px}
.pe-dvbens{margin-top:clamp(12px,2.2vh,28px);border-top:1px solid var(--divider, #D2D2D7)}
.pe-dvbens li{display:flex;align-items:center;gap:12px;padding:clamp(7px,1.25vh,13px) 0;border-bottom:1px solid var(--divider, #D2D2D7);font-size:clamp(14px,1.8vh,16px);line-height:1.35}
.pe-dvbens svg{width:20px;height:20px;flex:none;stroke:var(--ink, #1D1D1F)}
.pe-dv__inner .pe-link{margin-top:clamp(12px,2vh,22px)}
/* rate calendar */
.pe-rcal{display:grid;grid-template-columns:repeat(7,1fr);gap:1.6em}
.pe-rc{border:.25em solid var(--divider, #D2D2D7);border-radius:1.8em;padding:2em 1em;text-align:center;position:relative}
.pe-rc small{display:block;font-size:2.3em;color:var(--ink-secondary, #6E6E73)}
.pe-rc b{display:block;font-size:3.6em;font-weight:600;margin-top:.15em}
.pe-rc span{display:block;font-size:2.7em;margin-top:.5em;font-variant-numeric:tabular-nums}
.pe-rc em{display:inline-block;margin-top:.7em;font-style:normal;font-size:2.2em;font-weight:600;color:#1E7B34;background:rgba(52,199,89,.16);border-radius:2em;padding:.2em .7em}
.pe-rc.is-hot{border-color:var(--accent, #0071E3);background:#F4F9FF}
.pe-rcal + .pe-rate__foot{margin-top:4em}
.pe-rows--5 li{grid-template-columns:1fr 8em 16em;padding:.68em 0}
.pe-rows--5 .pe-sync{font-size:.88em}
.pe-ticket li.sub{color:var(--ink-secondary, #6E6E73)}
.pe-charged{display:flex;align-items:center;justify-content:space-between;margin-top:2.4em}
.pe-charged .pe-chip2{font-size:2.6em;padding:.35em 1em}
.pe-charged small{font-size:2.3em;color:var(--ink-secondary, #6E6E73)}
.pe-float .pe-ticket li{padding:.45em 0}
/* phone mockup */
.pe-phone{position:absolute;height:78%;aspect-ratio:9/19;bottom:clamp(20px,5vh,56px);right:clamp(28px,6vw,96px);background:#1D1D1F;border-radius:clamp(28px,5vh,44px);padding:clamp(7px,1.1vh,10px);box-shadow:0 40px 70px -26px rgba(0,0,0,.45);opacity:0;transform:translateY(16px);transition:opacity .7s cubic-bezier(.25,.1,.25,1) .2s,transform .7s cubic-bezier(.25,.1,.25,1) .2s}
.pe-dv--flip .pe-phone{right:auto;left:clamp(28px,6vw,96px)}
.pe-phone__screen{width:100%;height:100%;background:var(--bg, #FFFFFF);border-radius:clamp(22px,4vh,36px);overflow:hidden;container-type:inline-size}
.pe-ph{font-size:1cqw;padding:12em 6em 6em;height:100%;display:flex;flex-direction:column;gap:3.4em;color:var(--ink, #1D1D1F)}
.pe-ph__bar b{display:block;font-size:6.4em;font-weight:600;letter-spacing:-0.02em}
.pe-ph__bar small{display:block;font-size:4.4em;color:var(--ink-secondary, #6E6E73);margin-top:.2em}
.pe-ph__dates{display:grid;grid-template-columns:1fr 1fr;gap:3em}
.pe-ph__dates div{border:.4em solid var(--divider, #D2D2D7);border-radius:4em;padding:3em 4em}
.pe-ph__dates small,.pe-ph__room small{display:block;font-size:4em;color:var(--ink-secondary, #6E6E73)}
.pe-ph__dates b{display:block;font-size:5em;font-weight:500;margin-top:.2em}
.pe-ph__room{display:grid;grid-template-columns:18em 1fr auto;gap:4em;align-items:center}
.pe-ph__img{height:15em;border-radius:3em;background:#E3C79F}
.pe-ph__room b{display:block;font-size:5.2em;font-weight:600}
.pe-ph__p{font-size:5.6em!important}
.pe-page .pe-ph__lbl{font-size:4.4em;font-weight:600;color:var(--ink-secondary, #6E6E73);letter-spacing:.04em;text-transform:uppercase}
.pe-ph__add{display:grid;grid-template-columns:1fr auto 9em;gap:3em;align-items:center;font-size:1em}
.pe-ph__add span{font-size:5em}
.pe-ph__add span:nth-child(2){color:var(--ink-secondary, #6E6E73)}
.pe-ph__add i{width:9em;height:5.4em;border-radius:3em;background:var(--success, #34C759);position:relative}
.pe-ph__add i::after{content:"";position:absolute;right:.6em;top:.6em;width:4.2em;height:4.2em;border-radius:50%;background:#fff}
.pe-ph__promo{display:flex;justify-content:space-between;font-size:5em;color:#1E7B34;background:rgba(52,199,89,.12);border-radius:.6em;padding:.5em .7em}
.pe-ph__tot{display:flex;justify-content:space-between;align-items:baseline;margin-top:auto;padding-top:3em;border-top:.4em solid var(--divider, #D2D2D7)}
.pe-ph__tot span{font-size:5em;color:var(--ink-secondary, #6E6E73)}
.pe-ph__tot b{font-size:7em;font-weight:600}
.pe-ph__cta{background:var(--accent, #0071E3);color:#fff;text-align:center;font-size:5.4em;font-weight:500;padding:.75em;border-radius:5em}

@media (prefers-reduced-motion:reduce){
  .pe-float,.pe-phone{transition:none;opacity:1;transform:none}
  .pe-tl,.pe-lr.is-new{animation:none}
  .pe-mwave i{animation:none}
}
@media (max-width:1023px){
  .pe-dv{grid-template-columns:1fr;grid-template-rows:55% 45%}
  .pe-dv--flip .pe-dv__media{order:0}
  .pe-dv__text{padding:clamp(16px,3vh,32px) clamp(20px,5vw,48px)}
  .pe-dv__inner{max-width:640px}
  .pe-dvbens li:nth-child(4){display:none}
  .pe-dvh{font-size:clamp(26px,3.6vh,40px)}
  .pe-console2{grid-template-columns:1fr 1fr}
}
@media (max-width:767px){
  .pe-sh2--one{white-space:normal}
}
@media (max-width:833px){
  .pe-screen{height:auto;min-height:0;padding:72px 0}
  .pe-convo2{height:600px}
  .pe-ask-q__body{max-width:82%}
  .pe-console2{grid-template-columns:1fr}
  .pe-cpanel{height:auto}
  .pe-cpanel:first-child .pe-trans{height:340px;flex:none}
  .pe-cpanel:last-child .pe-log2{height:300px;flex:none}
  .pe-trust3{grid-template-columns:1fr;gap:8px}
  .pe-page .pe-trust3 p{white-space:normal}
}
@media (max-width:639px){
  .pe-dv{height:auto;min-height:0;grid-template-rows:auto auto}
  .pe-dv__media{height:78vw;min-height:300px}
  .pe-float{width:78%;bottom:16px;right:16px}
  .pe-dv--flip .pe-float{left:16px}
  .pe-phone{height:86%;right:24px}
  .pe-dv--flip .pe-phone{left:24px}
  .pe-dv__text{padding:32px 20px 48px}
  .pe-dvbens li:nth-child(4){display:flex}
}

/* ================= PIP ================= */
.pip{display:inline-block;position:relative;line-height:0}
.pip-svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 4px 8px rgba(0,0,0,.10))}
.pip--mini{width:28px;height:28px;flex:none}
.pip--static{width:100%;height:100%}
.pip--travel{position:fixed;left:0;top:0;z-index:45;pointer-events:none;will-change:transform}
.pip-float{animation:pip-float 3s cubic-bezier(.45,0,.55,1) infinite alternate}
@keyframes pip-float{from{transform:translateY(0)}to{transform:translateY(-3px)}}
.pip-tilt{transform-origin:60px 66px;transform:rotate(var(--lean,0deg));transition:transform .45s cubic-bezier(.25,.1,.25,1)}
.pip-eyes{transform:translate(var(--ex,0px),var(--ey,0px));transition:transform .25s cubic-bezier(.25,.1,.25,1)}
.pip-eye{transform-box:fill-box;transform-origin:center;transition:transform .2s cubic-bezier(.25,.1,.25,1)}
.pip.blink .pip-eye{transform:scaleY(.12)}
.pip.is-wide .pip-eye{transform:scale(1.2)}
.pip.is-answer .pip-eye,.pip.is-happy:not(.is-listen):not(.is-think) .pip-eye{transform:scaleY(.42)}
.pip-smile{opacity:0;transition:opacity .25s}
.pip.is-happy .pip-smile,.pip.is-answer .pip-smile{opacity:1}
.pip-bodyg{transform-box:fill-box;transform-origin:center bottom}
.pip.is-answer .pip-bodyg{animation:pip-pulse .42s cubic-bezier(.45,0,.55,1) infinite alternate}
@keyframes pip-pulse{to{transform:scale(1.025)}}
.pip-sprout{transform-box:fill-box;transform-origin:center bottom;transition:transform .3s}
.pip.is-listen .pip-sprout{animation:pip-wig .5s cubic-bezier(.45,0,.55,1) infinite alternate}
@keyframes pip-wig{from{transform:rotate(-5deg)}to{transform:rotate(5deg)}}
.pip-dots{opacity:0;transform-origin:64px 12px;transition:opacity .25s}
.pip.is-think .pip-dots{opacity:1;animation:pip-orbit 1.2s linear infinite}
@keyframes pip-orbit{to{transform:rotate(360deg)}}
.pip-nub{opacity:0;transform-box:fill-box;transform-origin:left center;transform:translateX(-6px);transition:opacity .3s,transform .45s cubic-bezier(.25,.1,.25,1)}
.pip.is-wait .pip-tilt{transform:rotate(-9deg)}
.pip.is-wait .pip-nub{opacity:1;transform:translateX(2px) rotate(-18deg)}
.pip-headset{opacity:0;transform-origin:60px 58px;transform:scale(.86) translateY(-5px);transition:opacity .3s cubic-bezier(.25,.1,.25,1),transform .35s cubic-bezier(.25,.1,.25,1)}
.pip.has-headset .pip-headset{opacity:1;transform:none}
.pip-spark{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.2)}
.pip.is-hop .pip-hop{animation:pip-hop .55s cubic-bezier(.25,.1,.25,1)}
.pip.is-hop .pip-spark{animation:pip-spark .6s cubic-bezier(.25,.1,.25,1)}
@keyframes pip-hop{0%,100%{transform:translateY(0)}40%{transform:translateY(-8px)}}
@keyframes pip-spark{0%{opacity:0;transform:scale(.2) translateY(4px)}40%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.7) translateY(-6px)}}
.pip--mini .pip-float{animation:none}
@media (prefers-reduced-motion:reduce){.pip-float,.pip-dots,.pip-bodyg,.pip-sprout{animation:none!important}}

/* ================= ASK v5 ================= */
.pe-ask3 .pe-seg{margin-top:clamp(12px,2.2vh,28px);flex:none}
.pe-ask3 .pe-screen__in{height:100%;justify-content:center}
.pe-ask3 .pe-shead{flex:none}
.pe-apanel{width:820px;max-width:100%;margin-top:clamp(12px,2.2vh,24px);background:var(--bg, #FFFFFF);border:1px solid #E3E3E8;border-radius:22px;box-shadow:0 24px 50px -32px rgba(0,0,0,.25);display:flex;flex-direction:column;flex:1 1 auto;min-height:0;max-height:680px;text-align:left;overflow:hidden}
.pe-ahead{display:flex;align-items:center;gap:14px;padding:clamp(10px,1.6vh,18px) clamp(16px,2vh,24px);border-bottom:1px solid #EDEDF0;flex:none}
.pe-pipslot--home{width:clamp(40px,7vh,56px);height:clamp(40px,7vh,56px);flex:none}
.pe-page .pe-greet{font-size:clamp(14px,1.8vh,16px);color:var(--ink, #1D1D1F);line-height:1.35;transition:opacity .22s}
.pe-greet.is-swap{opacity:0}
.pe-ahead .pe-who{margin-bottom:1px}
.pe-threads{flex:1;min-height:0;position:relative;padding:clamp(10px,1.6vh,18px) clamp(16px,2vh,24px)}
.pe-thread{position:absolute;inset:clamp(10px,1.6vh,18px) clamp(16px,2vh,24px);display:flex;flex-direction:column;gap:clamp(6px,1.1vh,12px);transition:opacity .3s}
.pe-thread.is-out{opacity:0}
.pe-rav{width:32px;height:32px;border-radius:50%;flex:none;display:grid;place-items:center;background:#EEF0F4;color:var(--ink, #1D1D1F)}
.pe-rav svg{width:17px;height:17px}
.pe-umsg{display:flex;justify-content:flex-end;align-items:flex-end;gap:10px;opacity:0;transform:translateY(8px);transition:opacity .4s cubic-bezier(.25,.1,.25,1),transform .4s cubic-bezier(.25,.1,.25,1)}
.pe-umsg__body{text-align:right;max-width:72%}
.pe-status2{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--ink-secondary, #6E6E73);height:0;opacity:0;overflow:hidden;padding-left:38px;transition:opacity .25s}
.pe-status2 span{margin-right:2px}
.pe-status2 i{width:4px;height:4px;border-radius:50%;background:var(--ink-secondary, #6E6E73);animation:pe-shim 1s infinite}
.pe-status2 i:nth-of-type(2){animation-delay:.15s}.pe-status2 i:nth-of-type(3){animation-delay:.3s}
.pe-amsg{display:flex;align-items:flex-start;gap:10px;opacity:0;transform:translateY(10px);transition:opacity .45s cubic-bezier(.25,.1,.25,1),transform .45s cubic-bezier(.25,.1,.25,1);min-height:0}
.pe-amsg__body{flex:1;min-width:0}
.pe-page .pe-intro{font-size:clamp(14px,1.8vh,16px);color:var(--ink, #1D1D1F);margin-bottom:clamp(6px,1vh,10px);min-height:1.4em}
.pe-amsg .pe-acard{opacity:0;transform:translateY(8px);transition:opacity .45s cubic-bezier(.25,.1,.25,1),transform .45s cubic-bezier(.25,.1,.25,1);padding:clamp(10px,1.5vh,16px) clamp(12px,1.8vh,18px);box-shadow:none}
.pe-thread.s-q .pe-umsg{opacity:1;transform:none}
.pe-thread.s-think .pe-status2{height:24px;opacity:1}
.pe-thread.s-a .pe-amsg{opacity:1;transform:none}
.pe-thread.s-done .pe-acard{opacity:1;transform:none}
.pe-table--c td{padding:clamp(3px,.5vh,8px) 10px clamp(3px,.5vh,8px) 0;font-size:clamp(13px,1.6vh,14px)}
.pe-table--c th{padding-bottom:5px}
.pe-table--c .pe-chip2{padding:2px 9px;font-size:11.5px}
.pe-apanel .pe-qbubble{padding:clamp(7px,1vh,10px) clamp(12px,1.6vh,16px)}
@media (max-height:820px) and (min-width:834px){.pe-ask3 .pe-shead .pe-eyebrow{display:none}.pe-ask3{--askx:20px}}
@media (max-height:760px) and (min-width:834px){.pe-ask3{padding:18px 0}.pe-ahead{padding:8px 18px}.pe-ahead .pe-who{display:none}.pe-pipslot--home{width:38px;height:38px}.pe-threads{padding:10px 18px}.pe-thread{inset:10px 18px}.pe-input{margin-bottom:10px}}
.pe-table--c{min-width:0}
.pe-page .pe-acard__foot{margin-top:clamp(6px,1vh,12px)}
.pe-acard__foot .pe-link{font-size:14px}
.pe-metrics--4{grid-template-columns:repeat(4,1fr)}
.pe-gcard{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid #EDEDF0;border-radius:12px;padding:12px 14px}
.pe-gcard b{font-size:16px;font-weight:600}
.pe-page .pe-gcard p{font-size:13px;color:var(--ink-secondary, #6E6E73);margin-top:2px}
.pe-input{flex:none;margin:0 clamp(16px,2vh,24px) clamp(12px,1.8vh,18px);border-radius:14px;padding:1.5px;position:relative;overflow:hidden;background:#E3E3E8}
.pe-input::before{content:"";position:absolute;inset:-150%;background:conic-gradient(from 0deg,var(--glow-blue, #7AB8FF),var(--glow-violet, #B79CFF),var(--glow-peach, #FFB59A),var(--glow-sky, #8FD3FF),var(--glow-blue, #7AB8FF));opacity:0;transition:opacity .3s;animation:pe-spin 3s linear infinite}
.pe-input.is-typing::before{opacity:1}
.pe-input__in{position:relative;display:flex;align-items:center;gap:10px;height:clamp(42px,6vh,52px);padding:0 8px 0 16px;background:var(--bg, #FFFFFF);border-radius:12.5px}
.pe-input__text{font-size:15px;color:var(--ink, #1D1D1F);white-space:nowrap;overflow:hidden}
.pe-input.is-typing .pe-input__text::after{content:"";display:inline-block;width:1.5px;height:1.1em;margin-left:2px;vertical-align:-3px;background:var(--accent, #0071E3);animation:pe-blink 1s steps(1) infinite}
.pe-input__ph{font-size:15px;color:var(--ink-tertiary, #86868B);flex:1}
.pe-input.is-typing .pe-input__ph{display:none}
.pe-input.is-typing .pe-input__text{flex:1}
.pe-send{width:30px;height:30px;border-radius:50%;background:#E3E3E8;color:#fff;display:grid;place-items:center;flex:none;transition:background-color .25s}
.pe-send svg{width:12px;height:12px}
.pe-input.is-typing .pe-send,.pe-input.is-sent .pe-send{background:var(--accent, #0071E3)}

/* ================= CALLS v5 ================= */
.pe-cpanel--live{position:relative}
.pe-ccard2{flex:none;border-bottom:1px solid var(--dark-divider, #424245);padding-bottom:6px}
.pe-ccard2 .pe-ccard{border-bottom:0;padding-bottom:4px}
.pe-cav{color:var(--dark-ink, #F5F5F7)}
.pe-wv{display:flex;align-items:center;gap:2px;height:14px;opacity:.25;transition:opacity .3s}
.pe-wv i{width:2px;height:2px;border-radius:1px;background:#8E8E93;transition:height .3s}
.pe-wv.is-on{opacity:1}
.pe-wv.is-on i{height:var(--h);background:#C7C7CC;animation:pe-wv .8s cubic-bezier(.45,0,.55,1) infinite alternate;animation-delay:var(--d)}
[data-wv-ai].is-on i{background:var(--accent-on-dark, #2997FF)}
@keyframes pe-wv{from{transform:scaleY(.3)}to{transform:scaleY(1)}}
.pe-stage{flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;padding:clamp(6px,1.2vh,14px) 0 clamp(4px,.8vh,8px);border-bottom:1px solid var(--dark-divider, #424245)}
.pe-stage .pe-wv{justify-content:center}
.pe-stage__pip{position:relative}
.pe-pipslot--call{width:clamp(64px,10.5vh,120px);height:clamp(64px,10.5vh,120px)}
.pe-ring{position:absolute;left:100%;top:50%;margin-left:clamp(10px,2vw,24px);width:30px;height:30px;transform:translateY(-50%);opacity:0;transition:opacity .3s}
.pe-ring.is-on{opacity:1}
.pe-ring__ic{position:absolute;inset:0;border-radius:50%;background:#2C2C2E;color:var(--dark-ink, #F5F5F7);display:grid;place-items:center}
.pe-ring__ic svg{width:14px;height:14px}
.pe-ring i{position:absolute;inset:0;border-radius:50%;border:1px solid var(--accent-on-dark, #2997FF);opacity:0}
.pe-ring.is-on i{animation:pe-ringp 1.4s cubic-bezier(.25,.1,.25,1) infinite}
.pe-ring.is-on i:nth-child(2){animation-delay:.3s}.pe-ring.is-on i:nth-child(3){animation-delay:.6s}
@keyframes pe-ringp{0%{transform:scale(1);opacity:.7}100%{transform:scale(2.3);opacity:0}}
.pe-calls3 .pe-tl b{color:var(--dark-ink, #F5F5F7)}
.pe-calls3 .pe-tl--ai b{color:var(--accent-on-dark, #2997FF)}
.pe-calls3 .pe-trans{padding-top:6px}
.pe-lr.is-pend{opacity:0;animation:none}
.pe-spark3{position:fixed;left:-5px;top:-5px;width:10px;height:10px;border-radius:50%;background:#CFE3FA;box-shadow:0 0 10px 3px rgba(41,151,255,.75),0 0 22px 8px rgba(183,156,255,.35);z-index:46;pointer-events:none}
@media (max-width:833px){
  .pe-apanel{height:620px;flex:none;max-height:none}
  .pe-ask3 .pe-screen__in{height:auto}
  .pe-metrics--4{grid-template-columns:repeat(2,1fr)}
  .pe-cpanel--live .pe-trans{height:300px;flex:none}
}

/* ===== v6: Pip in product sections ===== */
@media (min-width:1024px){.pe-dv--flip{grid-template-columns:2fr 3fr}}
.pip--xs{width:14px;height:14px;flex:none}
.pip--xs .pip-float,.pip--24 .pip-float{animation:none}
.pip--xs .pip-svg{filter:none}
.pip--24{width:24px;height:24px;flex:none}
.pip.is-wave .pip-nub{opacity:1;transform-origin:left center;animation:pip-wave .45s cubic-bezier(.25,.1,.25,1) 3 alternate}
@keyframes pip-wave{from{transform:translateX(2px) rotate(-35deg)}to{transform:translateX(2px) rotate(10deg)}}
.pe-floatwrap{position:absolute;width:55%;bottom:clamp(18px,4vh,48px);right:clamp(20px,3vw,48px);opacity:0;transform:translateY(16px);transition:opacity .7s cubic-bezier(.25,.1,.25,1) .2s,transform .7s cubic-bezier(.25,.1,.25,1) .2s}
.pe-dv--flip .pe-floatwrap{right:auto;left:clamp(20px,3vw,48px)}
.pe-dv.is-in .pe-floatwrap{opacity:1;transform:none}
.pe-float.pe-float6{position:relative;inset:auto;width:100%;aspect-ratio:auto;opacity:1;transform:none;transition:none;container-type:normal;display:flex;flex-direction:column}
.pe-float6__ui{aspect-ratio:16/10;container-type:inline-size;overflow:hidden;flex:none}
.pe-float6__ui .pe-ui{height:62.5em}
.pe-pipslot--card{position:absolute;width:64px;height:64px;top:-58px;right:28px;z-index:2}
.pe-dv--flip .pe-pipslot--card{right:auto;left:28px}
.pe-strip{border-top:1px solid #EDEDF0;padding:clamp(8px,1.2vh,12px) clamp(12px,1.6vh,16px) clamp(9px,1.3vh,13px);background:var(--bg, #FFFFFF)}
.pe-strip__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.pe-strip__head > span{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-secondary, #6E6E73)}
.pe-replay{font-size:12px!important;gap:4px!important}
.pe-replay svg{width:5px!important;height:9px!important}
.pe-strip ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(3px,.6vh,6px)}
.pe-ss{display:flex;align-items:flex-start;gap:7px;font-size:clamp(11.5px,1.45vh,12.5px);line-height:1.35;color:var(--ink, #1D1D1F);opacity:0;transform:translateY(4px);transition:opacity .4s cubic-bezier(.25,.1,.25,1),transform .4s cubic-bezier(.25,.1,.25,1);min-height:1.35em}
.pe-ss.is-on{opacity:1;transform:none}
.pe-ss .pip--xs{margin-top:1px}
.pe-dot{width:7px;height:7px;border-radius:50%;flex:none;margin-top:5px}
.pe-dot--gray{background:#AEAEB2}
.pe-dot--glow{background:#9FC9FF;box-shadow:0 0 6px 2px rgba(122,184,255,.6)}
.pe-dot--green{background:var(--success, #34C759)}
.pe-dot--amber{background:var(--pending, #FF9F0A)}
.pe-ss[data-s="1"]{color:var(--ink-secondary, #6E6E73)}
.is-flip{animation:pe-flip .45s cubic-bezier(.25,.1,.25,1)}
@keyframes pe-flip{from{opacity:.25;transform:scale(.96)}to{opacity:1;transform:none}}
/* PMS card */
.pe-ui6 .pe-ui__head{margin-bottom:2.6em}
.pe-ui6 .pe-ci{grid-template-columns:1fr 24em;gap:2.6em}
.pe-ui6 .pe-steps li{padding:1em 0}
.pe-steps li.is-pend i{background:#EEF0F4;color:transparent}
.pe-steps li.is-pend b{color:var(--ink-secondary, #6E6E73)}
.pe-ui6 .pe-timer{padding:2.4em 1.6em}
.pe-ui6 .pe-timer b{font-size:4.6em;white-space:nowrap;letter-spacing:-0.03em}
.pe-timer.is-done{background:rgba(52,199,89,.12)}
.pe-timer.is-done small{color:#1E7B34}
.pe-ui6 .pe-rooms--sm{margin-top:2.4em}
.pe-room em{display:block;font-style:normal;font-size:2.1em;color:var(--ink-secondary, #6E6E73);margin-top:.1em}
.pe-room.prio span{color:#9A5B00}
.pe-room.prio{border-color:var(--pending, #FF9F0A);background:rgba(255,159,10,.06)}
.pe-room.clean.is-on{border-color:var(--success, #34C759);background:rgba(52,199,89,.06)}
/* RMS card */
.pe-rcwrap{position:relative;padding-top:5.4em}
.pe-evt6{position:absolute;right:0;top:0;opacity:0;transform:translateY(.6em) scale(.95);transition:opacity .4s,transform .4s cubic-bezier(.25,.1,.25,1)}
.pe-evt6.is-on{opacity:1;transform:none}
.pe-ui6 .pe-rc{padding:1.8em .8em}
.pe-rc.is-amber{border-color:var(--pending, #FF9F0A);background:rgba(255,159,10,.07)}
.pe-rc.is-done{border-color:var(--success, #34C759);background:rgba(52,199,89,.07)}
.pe-sug{display:flex;justify-content:space-between;align-items:center;margin-top:3em;border:.25em solid var(--pending, #FF9F0A);background:rgba(255,159,10,.06);border-radius:2em;padding:1.8em 2.2em;font-size:2.6em;opacity:0;transform:translateY(.4em);transition:opacity .4s,transform .4s cubic-bezier(.25,.1,.25,1),border-color .4s,background-color .4s}
.pe-sug span{font-size:1em}
.pe-sug.is-on{opacity:1;transform:none}
.pe-sug.is-done{border-color:var(--success, #34C759);background:rgba(52,199,89,.07)}
.pe-sug__chip{font-size:.92em!important;font-weight:600;color:#fff;background:var(--accent, #0071E3);border-radius:2em;padding:.35em 1em;transition:background-color .3s,transform .2s}
.is-press{transform:scale(.94)}
.pe-sug.is-done .pe-sug__chip{background:var(--success, #34C759)}
/* CM card */
.pe-rows6 li{grid-template-columns:1fr 9em 14em;padding:.62em 0;font-size:2.6em}
.pe-cms{display:flex;justify-content:flex-end}
.pe-cms span{font-size:.85em;color:var(--ink-secondary, #6E6E73);border-radius:2em;padding:.15em .7em;background:#F2F2F5}
.pe-rows6 li.is-done .num{color:var(--ink-secondary, #6E6E73)}
.pe-rows6 li.is-done .pe-cms span{color:#1E7B34;background:rgba(52,199,89,.14)}
.pe-rows6 li.is-done .pe-cms span::before{content:"\2713  "}
/* POS card */
.pe-match{display:flex;gap:1.6em;align-items:center;min-height:5em;margin:-1.4em 0 .8em}
.pe-match .pe-chip2{font-size:2.3em;padding:.3em .9em}
.pe-match > .pe-chip2,.pe-posted{opacity:0;transform:translateX(-.6em);transition:opacity .4s,transform .4s cubic-bezier(.25,.1,.25,1)}
.pe-match.is-on > .pe-chip2,.pe-posted.is-on{opacity:1;transform:none}
.pe-ui6 .pe-ticket li{padding:.35em 0;font-size:2.6em}
.pe-dessert{opacity:0;height:0;overflow:hidden;padding:0!important;transition:opacity .4s}
.pe-dessert.is-on{opacity:1;height:auto;padding:.35em 0!important;color:#1E7B34}
.pe-flag{display:flex;justify-content:space-between;align-items:center;gap:2em;margin-top:1.6em;border:.25em solid var(--pending, #FF9F0A);background:rgba(255,159,10,.06);border-radius:1.8em;padding:1.4em 2em;font-size:2.3em;opacity:0;transition:opacity .4s,border-color .4s,background-color .4s}
.pe-flag.is-on{opacity:1}
.pe-flag.is-done{border-color:var(--success, #34C759);background:rgba(52,199,89,.07)}
.pe-flag.is-done .pe-sug__chip{background:var(--success, #34C759)}
/* BE phone */
.pe-floatwrap--phone{width:auto;height:76%;aspect-ratio:9/19;bottom:clamp(18px,4vh,48px);right:clamp(28px,5vw,80px)}
.pe-dv--flip .pe-floatwrap--phone{right:auto;left:clamp(28px,5vw,80px)}
.pe-floatwrap--phone .pe-phone6{position:absolute;inset:0;height:100%;width:100%;opacity:1;transform:none;transition:none;bottom:auto;right:auto;left:auto}
.pe-floatwrap--phone .pe-pipslot--card{right:50%;margin-right:-32px;left:auto}
.pe-stripcard{position:absolute;bottom:clamp(18px,4vh,48px);width:clamp(220px,30%,300px);left:calc(clamp(28px,5vw,80px) + (100vh - 48px) * .76 * 9 / 19 + 24px);background:var(--bg, #FFFFFF);border-radius:14px;box-shadow:0 24px 48px -22px rgba(0,0,0,.35);overflow:hidden;opacity:0;transform:translateY(16px);transition:opacity .7s cubic-bezier(.25,.1,.25,1) .35s,transform .7s cubic-bezier(.25,.1,.25,1) .35s}
.pe-dv:not(.pe-dv--flip) .pe-stripcard{left:auto;right:calc(clamp(28px,5vw,80px) + (100vh - 48px) * .76 * 9 / 19 + 24px)}
.pe-dv.is-in .pe-stripcard{opacity:1;transform:none}
.pe-stripcard .pe-strip{border-top:0}
.pe-ph6{gap:3em}
.pe-ph__field{border:.4em solid var(--divider, #D2D2D7);border-radius:3em;padding:2.6em 3.6em}
.pe-ph__field small{display:block;font-size:4em;color:var(--ink-secondary, #6E6E73)}
.pe-ph__field span{display:block;height:3.4em;margin-top:1.4em;border-radius:2em;background:#F2F2F5;width:70%}
.pe-ph__chat{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:2.6em;min-height:0}
.pe-pb{display:flex;align-items:flex-end;gap:2em;opacity:0;transform:translateY(2em);transition:opacity .4s,transform .4s cubic-bezier(.25,.1,.25,1)}
.pe-pb.is-on{opacity:1;transform:none}
.pe-pb p{font-size:4.6em;line-height:1.35;padding:.6em .9em;border-radius:1em;max-width:80%}
.pe-pb--pip p{background:var(--ui-tint, #E8F1FC);color:#0B3B70;border-bottom-left-radius:.3em}
.pe-pb--guest{justify-content:flex-end}
.pe-pb--guest p{background:var(--accent, #0071E3);color:#fff;border-bottom-right-radius:.3em}
.pe-pb .pip--xs{width:9em;height:9em}
.pe-ph__cta{transition:background-color .4s}
.pe-ph__cta.is-done{background:var(--success, #34C759)}
/* With Pip block */
.pe-withpip{display:flex;gap:12px;align-items:flex-start;margin-top:clamp(10px,1.8vh,18px);background:var(--bg-alt, #F5F5F7);border-radius:12px;padding:clamp(9px,1.4vh,14px) 14px}
.pe-section--alt .pe-withpip{background:var(--bg, #FFFFFF)}
.pe-withpip .pip--24{margin-top:2px}
.pe-page .pe-withpip p{font-size:clamp(13px,1.6vh,14px);line-height:1.4;color:var(--ink-secondary, #6E6E73)}
.pe-page .pe-withpip p.w1{color:var(--ink, #1D1D1F);margin-top:3px}
.pe-withpip b{font-weight:600}
.pe-dv__inner .pe-withpip + .pe-link{margin-top:clamp(10px,1.6vh,18px)}
/* CTA */
.pe-cta6{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,24px)}
.pe-pipslot--cta{width:64px;height:64px;flex:none}
@media (max-height:760px) and (min-width:1024px){.pe-dvbens li{padding:5px 0}.pe-dvdesc{margin-top:6px!important}}
@media (max-width:1023px){
  .pe-floatwrap{width:62%}
  .pe-floatwrap--phone{width:auto}
  .pe-pipslot--card{width:52px;height:52px;top:-46px}
  .pe-stripcard{width:clamp(200px,34%,280px);left:calc(clamp(28px,5vw,80px) + (100svh - 48px) * .55 * .76 * 9 / 19 + 20px)}
  .pe-dv:not(.pe-dv--flip) .pe-stripcard{right:calc(clamp(28px,5vw,80px) + (100svh - 48px) * .55 * .76 * 9 / 19 + 20px)}
}
@media (max-width:639px){
  .pe-floatwrap{width:84%;right:16px;bottom:16px}
  .pe-dv--flip .pe-floatwrap{left:16px}
  .pe-dv__media{height:auto;min-height:0;padding:80px 0 16px}
  .pe-floatwrap{position:relative;right:auto!important;left:auto!important;bottom:auto;margin:0 auto}
  .pe-floatwrap--phone{height:440px;width:auto}
  .pe-stripcard{display:block;position:relative;left:auto!important;right:auto!important;bottom:auto;width:84%;margin:16px auto 0}
}
@media (prefers-reduced-motion:reduce){.pe-floatwrap,.pe-stripcard{transition:none;opacity:1;transform:none}}

/* ===== v7: photos, Pip leads ===== */
.pe-pipslot--hero{position:absolute;width:52px;height:52px;right:6px;top:-60px;z-index:2}
.pe-suite{position:relative}
.pe-pcard--fit{border-color:var(--accent, #0071E3);box-shadow:0 0 0 3px rgba(0,113,227,.12),0 18px 40px -24px rgba(0,113,227,.35)}
.pip--travel{pointer-events:auto;cursor:pointer}
.pe-pipslot .pip{cursor:pointer}
.pip:focus-visible{outline:2px solid var(--accent, #0071E3);outline-offset:4px;border-radius:50%}
.pip.is-wink .pip-eye:last-child{transform:scaleY(.12)}
.pip.is-giggle .pip-bodyg{animation:pip-squish .3s cubic-bezier(.25,.1,.25,1)}
@keyframes pip-squish{50%{transform:scale(1.06,.93)}}
.pip.is-spin .pip-hop{animation:pip-spin .55s cubic-bezier(.25,.1,.25,1)}
@keyframes pip-spin{to{transform:rotate(360deg)}}
.pip-hop{transform-origin:60px 64px}
.pip.is-shrug .pip-tilt{animation:pip-shrug .55s cubic-bezier(.25,.1,.25,1)}
@keyframes pip-shrug{25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}
.pip.is-shrug .pip-eyes{transform:translate(0,-3px)}
.pip.is-wiggle .pip-sprout{animation:pip-wig .2s cubic-bezier(.45,0,.55,1) 3 alternate}
/* bubble */
.pe-bub{position:fixed;z-index:48;max-width:280px;width:max-content;background:var(--bg, #FFFFFF);border-radius:16px;box-shadow:0 18px 44px -14px rgba(0,0,0,.28),0 2px 6px rgba(0,0,0,.06);padding:14px 16px 14px;color:var(--ink, #1D1D1F);opacity:0;transform:translateY(6px) scale(.98);transition:opacity .3s cubic-bezier(.25,.1,.25,1),transform .3s cubic-bezier(.25,.1,.25,1);text-align:left;font-family:var(--font-sans, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif)}
.pe-bub.is-in{opacity:1;transform:none}
.pe-bub:focus{outline:none}
.pe-bub__x{position:absolute;top:6px;right:6px;width:26px;height:26px;border:0;border-radius:50%;background:transparent;color:var(--ink-secondary, #6E6E73);font-size:18px;line-height:1;cursor:pointer}
.pe-bub__x:hover{background:#F2F2F5}
.pe-bub__x:focus-visible{outline:2px solid var(--accent, #0071E3);outline-offset:1px}
.pe-page .pe-bub__q,.pe-bub__q{font-size:15px;line-height:1.4;margin:0;padding-right:20px;font-weight:500;letter-spacing:-0.01em}
.pe-bub__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.pe-bub__chips .pe-btn{font-size:12.5px;padding:5px 12px}
.pe-bub__link{margin-top:10px;font-size:14px!important}
.pe-bub__link svg{width:6px;height:10px}
.pe-calc{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.pe-step{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;color:var(--ink-secondary, #6E6E73)}
.pe-step > div{display:flex;align-items:center;gap:8px}
.pe-step .pe-btn{width:30px;height:28px;padding:0;font-size:16px}
.pe-step b{min-width:48px;text-align:center;color:var(--ink, #1D1D1F);font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
.pe-bub .pe-calc__res,.pe-calc__res{margin:12px 0 0;font-size:14px;line-height:1.4;position:relative}
.pe-calc__res b{color:var(--accent, #0071E3);font-size:17px;font-weight:600}
.pe-calc__res.is-spark::after{content:"";position:absolute;right:-4px;top:-6px;width:10px;height:10px;background:conic-gradient(from 0deg,var(--glow-blue, #7AB8FF),var(--glow-violet, #B79CFF),var(--glow-peach, #FFB59A),var(--glow-blue, #7AB8FF));clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:pe-sparkle .6s cubic-bezier(.25,.1,.25,1) forwards}
@keyframes pe-sparkle{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.2)}100%{opacity:0;transform:scale(.8)}}
.pe-bub .pe-calc__foot,.pe-calc__foot{font-size:11px;color:var(--ink-secondary, #6E6E73);margin:4px 0 0}
.pe-bub__form{display:flex;gap:6px;margin-top:10px}
.pe-bub__form input{flex:1;min-width:0;font:inherit;font-size:14px;border:1px solid var(--divider, #D2D2D7);border-radius:10px;padding:6px 10px}
.pe-bub__form input:focus{outline:2px solid var(--accent, #0071E3);outline-offset:0;border-color:transparent}
.pe-bub .pe-bub__err{font-size:12px;color:#B3261E;margin:6px 0 0}
.pe-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pe-bub.is-sheet{left:0!important;right:0;bottom:0;top:auto!important;max-width:none;width:auto;border-radius:20px 20px 0 0;padding:18px 20px calc(18px + env(safe-area-inset-bottom,0px))}
/* ask live input */
.pe-input.is-live .pe-input__text,.pe-input.is-live .pe-input__ph{display:none}
.pe-input__field{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:15px;color:var(--ink, #1D1D1F)}
.pe-input.is-live{background:var(--accent, #0071E3)}
.pe-input.is-live .pe-send{background:var(--accent, #0071E3);cursor:pointer}
/* mobile floating Pip */
.pe-fab{display:none;position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:56px;height:56px;border-radius:50%;border:0;background:var(--bg, #FFFFFF);box-shadow:0 10px 26px -10px rgba(0,0,0,.35);z-index:47;padding:6px;cursor:pointer}
.pe-fab .pip{width:100%;height:100%}
@media (max-width:639px){.pe-fab{display:block}.pe-pipslot .pip{visibility:hidden}}
/* modal */
.pe-noscroll,.pe-noscroll body{overflow:hidden}
.pe-modal{position:fixed;inset:0;z-index:60;display:none;align-items:center;justify-content:center;padding:16px}
.pe-modal.is-open{display:flex}
.pe-modal__scrim{position:absolute;inset:0;background:rgba(29,29,31,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.pe-modal__card{position:relative;width:560px;max-width:100%;max-height:calc(100svh - 32px);overflow:auto;background:var(--bg, #FFFFFF);border-radius:22px;box-shadow:0 30px 80px -20px rgba(0,0,0,.4);padding:26px 28px 24px;text-align:left;font-family:var(--font-sans, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif);color:var(--ink, #1D1D1F);animation:pe-rise .35s cubic-bezier(.25,.1,.25,1)}
.pe-modal__card:focus{outline:none}
.pe-modal__card .pe-bub__x{top:12px;right:12px}
.pe-modal__pip{display:flex;gap:14px;align-items:flex-start;padding-right:24px}
.pe-modal__pip .pip,.pe-done .pip{width:56px;height:56px;flex:none}
.pe-modal h2{font-size:24px;font-weight:600;letter-spacing:-0.02em;margin:4px 0 0}
.pe-page .pe-modal__greet,.pe-modal__greet{font-size:15px;line-height:1.45;color:var(--ink-secondary, #6E6E73);margin:6px 0 0}
.pe-form{margin-top:18px;display:flex;flex-direction:column;gap:14px}
.pe-form fieldset{border:0;margin:0;padding:0}
.pe-form legend{font-size:12px;font-weight:600;color:var(--ink-secondary, #6E6E73);margin-bottom:6px;padding:0}
.pe-fchips{display:flex;flex-wrap:wrap;gap:6px}
.pe-fchip{font:inherit;font-size:13px;border:1px solid var(--divider, #D2D2D7);background:var(--bg, #FFFFFF);color:var(--ink, #1D1D1F);border-radius:20px;padding:6px 12px;cursor:pointer;transition:border-color .2s,background-color .2s}
.pe-fchip.is-on{border-color:var(--accent, #0071E3);background:#EEF5FD;color:#0058B0}
.pe-fchip:focus-visible{outline:2px solid var(--accent, #0071E3);outline-offset:2px}
.pe-step--form{justify-content:flex-start}
.pe-frow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pe-frow label{min-width:0;display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;color:var(--ink-secondary, #6E6E73)}
.pe-frow label span{font-weight:400}
.pe-frow input{width:100%;min-width:0;box-sizing:border-box;font:inherit;font-size:15px;font-weight:400;color:var(--ink, #1D1D1F);border:1px solid var(--divider, #D2D2D7);border-radius:12px;padding:10px 12px}
.pe-frow input:focus{outline:2px solid var(--accent, #0071E3);outline-offset:0;border-color:transparent}
.pe-page .pe-ferr,.pe-ferr{font-size:13px;color:#B3261E;margin:-6px 0 0}
.pe-form .pe-btn--primary{align-self:flex-start;margin-top:4px}
.pe-done{text-align:center;padding:18px 0 10px}
.pe-done .pip{margin:0 auto 10px;display:block}
.pe-page .pe-done p,.pe-done p{font-size:15px;line-height:1.5;color:var(--ink-secondary, #6E6E73);margin:8px 0 0}
.pe-needle{position:fixed;left:0;top:0;width:3px;height:11px;border-radius:2px;z-index:61;pointer-events:none}
@media (max-width:639px){.pe-frow{grid-template-columns:1fr}.pe-modal{align-items:flex-end;padding:0}.pe-modal__card{border-radius:20px 20px 0 0;max-height:92svh}}
@media (prefers-reduced-motion:reduce){.pe-bub{transform:none!important}.pe-modal__card{animation:none}}

/* ===== v8 ===== */
/* green stat */
.pe-istat b,.pe-dvstat b,.pe-calc__res b,.pe-green{color:var(--ui-success, #248A3D)!important}
.pe-uparr{display:inline-block;width:.5em;height:.62em;margin-right:.16em;vertical-align:.02em}
/* photos */
/* hero slot beside headline */
.pe-pipslot--hero{position:relative;display:inline-block;width:.86em;height:.86em;margin-left:.22em;vertical-align:-.08em;top:auto;right:auto}
.pe-pipslot--hero .pip{width:100%;height:100%}
.pe-footer{position:relative}
.pe-pipslot--foot{position:absolute;width:56px;height:56px;top:-50px;right:max(22px,calc((100vw - 1080px)/2))}
/* props */
.pip-nubl{opacity:0;transform-box:fill-box;transform-origin:right center;transition:opacity .3s}
.pip-badge,.pip-cup,.pip-zzz,.pip-tag,.pip-stars,.pip-dizzy{opacity:0;transition:opacity .3s}
.pip.has-badge .pip-badge{opacity:1}
.pip.is-morning .pip-cup,.pip.is-morning .pip-nub{opacity:1}
.pip.is-morning.has-tag .pip-cup,.pip.is-morning.is-point .pip-cup{opacity:0}
.pip.is-night .pip-zzz{opacity:1}
.pip.is-night .pip-zzz text{animation:pip-z 2.4s ease-in-out infinite}
.pip.is-night .pip-zzz text:nth-child(2){animation-delay:.4s}.pip.is-night .pip-zzz text:nth-child(3){animation-delay:.8s}
@keyframes pip-z{0%,100%{opacity:.3}50%{opacity:1}}
.pip.is-night .pip-eye{transform:scaleY(.1)}
.pip.has-tag .pip-tag,.pip.has-tag .pip-nub{opacity:1}
.pip.is-sparkle .pip-eyes{opacity:0}
.pip.is-sparkle .pip-stars{opacity:1}
.pip-stars path{transform-box:fill-box;transform-origin:center;animation:pip-tw 1s linear infinite}
@keyframes pip-tw{to{transform:rotate(90deg)}}
.pip.is-point .pip-nub{opacity:1;transform:translateX(3px) rotate(-32deg)}
.pip.is-swing .pip-nub,.pip.is-swing .pip-nubl{opacity:1;animation:pip-swing .9s cubic-bezier(.45,0,.55,1) infinite alternate}
@keyframes pip-swing{from{transform:rotate(-14deg)}to{transform:rotate(14deg)}}
.pip.is-dance .pip-hop{animation:pip-dance 1s cubic-bezier(.34,1.56,.64,1)}
@keyframes pip-dance{20%{transform:translateY(-6px) rotate(-12deg)}40%{transform:translateY(0) rotate(12deg)}60%{transform:translateY(-6px) rotate(-10deg)}80%{transform:translateY(0) rotate(8deg)}100%{transform:none}}
.pip.is-dizzy .pip-dizzy{opacity:1;transform-origin:60px 10px;animation:pip-orbit .7s linear infinite}
.pip.is-dizzy .pip-eye{transform:scaleY(.55) rotate(25deg)}
.pip.is-shake .pip-hop{animation:pip-shk .42s cubic-bezier(.34,1.56,.64,1)}
@keyframes pip-shk{25%{transform:rotate(-10deg)}50%{transform:rotate(9deg)}75%{transform:rotate(-5deg)}}
.pip.is-drag .pip-svg{transform:scale(var(--sx,1),var(--sy,1));transition:transform .1s}
.pip.is-drag{cursor:grabbing}
.pip.is-hold .pip-sprout{animation:pip-wig .1s linear infinite alternate}
.pip.is-hold .pip-nub,.pip.is-hold .pip-nubl{opacity:1}
.pip.is-wave .pip-nub{opacity:1}
.pip{touch-action:none}
/* sound toggle */
.pe-sound{position:absolute;right:-6px;top:-6px;width:20px;height:20px;border-radius:50%;border:0;background:var(--bg, #FFFFFF);color:var(--ink-secondary, #6E6E73);box-shadow:0 2px 6px rgba(0,0,0,.18);display:grid;place-items:center;padding:0;cursor:pointer;opacity:.0;transition:opacity .2s}
.pip--travel:hover .pe-sound,.pe-sound:focus-visible,.pe-fab .pe-sound,.pe-sound[aria-pressed="true"]{opacity:1}
.pe-sound svg{width:11px;height:11px}
.pe-sound:focus-visible{outline:2px solid var(--accent, #0071E3);outline-offset:1px}
/* bubble extras + games */
.pe-bub.is-game{max-width:340px;width:340px}
.pe-page .pe-bub__memo,.pe-bub__memo{font-size:12.5px;color:var(--ink-secondary, #6E6E73);margin:0 22px 6px 0;line-height:1.4}
.pe-sign{display:inline-block;font-size:13px;font-weight:600;background:#FFF4E5;color:#7A4A00;border:1px solid #FFD7A0;border-radius:8px;padding:6px 10px;margin:0 22px 8px 0;transform:rotate(-1.5deg)}
.pe-page .pe-game__t,.pe-game__t{font-size:15px;font-weight:600;margin:0;padding-right:22px}
.pe-page .pe-game__s,.pe-game__s{font-size:13px;line-height:1.4;color:var(--ink-secondary, #6E6E73);margin:4px 0 10px;padding-right:10px}
.pe-gsteps{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.pe-gstep{font:inherit;font-size:13px;border:1px solid var(--accent, #0071E3);color:var(--accent, #0071E3);background:var(--bg, #FFFFFF);border-radius:20px;padding:7px 10px;cursor:pointer;transition:background-color .2s,color .2s}
.pe-gstep.is-done{background:rgba(52,199,89,.14);border-color:var(--success, #34C759);color:#1E7B34}
.pe-gstep.is-no{animation:pe-no .3s}
@keyframes pe-no{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
.pe-race{display:grid;grid-template-columns:30px 1fr 38px;gap:8px;align-items:center;font-size:12px;color:var(--ink-secondary, #6E6E73);margin-top:8px}
.pe-race i{height:6px;border-radius:4px;background:#EDEDF0;overflow:hidden}
.pe-race i b{display:block;height:100%;width:0;background:var(--accent, #0071E3);transition:width .15s}
.pe-race i[data-pip] b{background:linear-gradient(90deg,var(--glow-blue, #7AB8FF),var(--glow-violet, #B79CFF))}
.pe-race em{font-style:normal;text-align:right;font-variant-numeric:tabular-nums;color:var(--ink, #1D1D1F)}
.pe-slider{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.pe-slider input{flex:1;accent-color:#0071E3}
.pe-slider b{min-width:44px;text-align:right;font-variant-numeric:tabular-nums}
.pe-cmp{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}
.pe-cmp div{border:1px solid #EDEDF0;border-radius:12px;padding:8px 10px}
.pe-cmp .is-pip{border-color:rgba(52,199,89,.5);background:rgba(52,199,89,.06)}
.pe-cmp small{display:block;font-size:11px;color:var(--ink-secondary, #6E6E73)}
.pe-cmp b{display:block;font-size:18px;font-weight:600}
.pe-cmp span{font-size:12px;color:var(--ink-secondary, #6E6E73);font-variant-numeric:tabular-nums}
.pe-timer3{height:4px;border-radius:4px;background:#EDEDF0;overflow:hidden;margin-bottom:8px}
.pe-timer3 b{display:block;height:100%;width:100%;background:var(--pending, #FF9F0A)}
.pe-tiles9{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.pe-t9{font:inherit;border:1px solid var(--divider, #D2D2D7);background:var(--bg, #FFFFFF);border-radius:10px;padding:6px 4px;cursor:pointer;text-align:center;position:relative}
.pe-t9 span{display:block;font-size:11.5px;font-weight:500;color:var(--ink, #1D1D1F)}
.pe-t9 em{display:block;font-style:normal;font-size:10.5px;color:var(--ink-secondary, #6E6E73)}
.pe-t9.is-done{border-color:var(--success, #34C759);background:rgba(52,199,89,.08)}
.pe-t9.is-done em{color:#1E7B34}
.pe-t9.is-over{border-color:#B3261E;background:rgba(179,38,30,.06)}
.pe-t9.is-over em{color:#B3261E;font-weight:600;transform:rotate(-6deg);display:inline-block}
.pe-rooms4{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.pe-r4{font:inherit;text-align:left;border:1px solid var(--divider, #D2D2D7);background:var(--bg, #FFFFFF);border-radius:12px;padding:8px 10px;cursor:pointer}
.pe-r4 b{display:block;font-size:13px;font-weight:600;color:var(--ink, #1D1D1F)}
.pe-r4 span{display:block;font-size:12px;color:var(--ink, #1D1D1F)}
.pe-r4 small{display:block;font-size:11px;color:var(--ink-secondary, #6E6E73)}
.pe-r4.is-right{border-color:var(--success, #34C759);background:rgba(52,199,89,.08)}
.pe-r4.is-wrong{border-color:#B3261E;background:rgba(179,38,30,.05)}
.pe-gstep:focus-visible,.pe-t9:focus-visible,.pe-r4:focus-visible{outline:2px solid var(--accent, #0071E3);outline-offset:2px}
/* splash */
.pe-splash{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transition:background-color .6s cubic-bezier(.25,.1,.25,1),backdrop-filter .6s cubic-bezier(.25,.1,.25,1),-webkit-backdrop-filter .6s cubic-bezier(.25,.1,.25,1);cursor:pointer;font-family:var(--font-sans, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif);text-align:center}
.pe-splash.is-leaving{background:rgba(255,255,255,0);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}
.pe-splash.is-leaving .pe-splash__line,.pe-splash.is-leaving .pe-splash__dots,.pe-splash.is-leaving .pe-splash__cta,.pe-splash.is-leaving .pe-splash__stage > span{opacity:0;transition:opacity .3s}
.pe-splash__stage{position:relative;width:min(420px,92vw);height:clamp(190px,30vh,260px);display:grid;place-items:center}
.pe-splash__pip{width:clamp(120px,18vh,160px);height:clamp(120px,18vh,160px)}
.pe-splash__line{font-size:clamp(26px,4.5vh,48px);line-height:1.12;font-weight:600;letter-spacing:-0.02em;color:var(--ink, #1D1D1F);max-width:880px;margin:clamp(12px,2.4vh,24px) 0 0;min-height:2.3em;opacity:0;transform:translateY(6px);transition:opacity .35s cubic-bezier(.25,.1,.25,1),transform .35s cubic-bezier(.25,.1,.25,1)}
.pe-splash__line.is-in{opacity:1;transform:none}
.pe-splash__dots{display:flex;gap:8px;margin-top:8px}
.pe-splash__dots i{width:7px;height:7px;border-radius:50%;background:#C7C7CC;transition:background-color .3s,width .3s}
.pe-splash__dots i.is-on{background:var(--ink, #1D1D1F);width:20px;border-radius:4px}
.pe-splash__cta{display:flex;align-items:center;gap:22px;margin-top:clamp(20px,4vh,40px)}
.pe-splash__stage > span{position:absolute;opacity:0;transition:opacity .35s,transform .35s cubic-bezier(.25,.1,.25,1)}
.sp-bell{left:calc(50% - 150px);top:50%;width:44px;height:44px;margin-top:-6px}
.sp-bell svg{width:100%;height:100%}
.sp-bell i{position:absolute;inset:-6px;border:1.5px solid #FFB59A;border-radius:50%;opacity:0}
[data-scene="1"] .sp-bell{opacity:1}
[data-scene="1"] .sp-bell svg{animation:sp-ring .5s cubic-bezier(.25,.1,.25,1) .7s 2}
[data-scene="1"] .sp-bell i{animation:sp-chime .9s cubic-bezier(.25,.1,.25,1) .8s 1}
[data-scene="1"] .sp-bell i:nth-child(3){animation-delay:1.05s}
@keyframes sp-ring{25%{transform:rotate(-14deg)}75%{transform:rotate(14deg)}}
@keyframes sp-chime{0%{opacity:.8;transform:scale(.7)}100%{opacity:0;transform:scale(1.6)}}
[data-scene="1"] .pe-splash__pip{animation:sp-tap .7s cubic-bezier(.25,.1,.25,1) .4s 1}
@keyframes sp-tap{50%{transform:translateX(-14px) rotate(-6deg)}}
.sp-ch{width:36px;height:36px;border-radius:10px;background:#fff;box-shadow:0 6px 16px -8px rgba(0,0,0,.3);display:grid;place-items:center;font-size:14px;font-weight:600;color:var(--ink-secondary, #6E6E73)}
.sp-ch b{position:absolute;right:-6px;bottom:-6px;width:17px;height:17px;border-radius:50%;background:var(--success, #34C759);display:grid;place-items:center;transform:scale(0);transition:transform .25s}
.sp-ch b svg{width:10px;height:10px}
.c1{left:calc(50% - 140px);top:18%}.c2{left:calc(50% - 168px);top:58%}.c3{right:calc(50% - 140px);top:18%}.c4{right:calc(50% - 168px);top:58%}.c5{left:calc(50% - 18px);top:-2%}
[data-scene="2"] .sp-ch{opacity:1}
[data-scene="2"] .sp-ch b{animation:sp-tick .25s cubic-bezier(.25,.1,.25,1) forwards}
[data-scene="2"] .c1 b{animation-delay:.5s}[data-scene="2"] .c5 b{animation-delay:.75s}[data-scene="2"] .c3 b{animation-delay:1s}[data-scene="2"] .c4 b{animation-delay:1.25s}[data-scene="2"] .c2 b{animation-delay:1.5s}
@keyframes sp-tick{to{transform:scale(1)}}
[data-scene="2"] .pe-splash__pip{animation:sp-zip 1.4s cubic-bezier(.25,.1,.25,1) .4s 1}
@keyframes sp-zip{20%{transform:translate(-70px,-30px) scale(.9)}40%{transform:translate(0,-50px) scale(.9)}60%{transform:translate(70px,-30px) scale(.9)}80%{transform:translate(70px,30px) scale(.9)}90%{transform:translate(-70px,30px) scale(.9)}}
.sp-tag{right:calc(50% - 170px);top:42%;background:#fff;border-radius:10px;box-shadow:0 8px 20px -10px rgba(0,0,0,.3);padding:8px 12px;display:flex;align-items:center;gap:6px}
.sp-tag b{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink, #1D1D1F)}
.sp-tag em{width:16px;height:18px;color:var(--ui-success, #248A3D)}
.sp-tag em svg{width:100%;height:100%}
[data-scene="3"] .sp-tag{opacity:1}
[data-scene="3"] .pe-splash__pip{animation:sp-lean .6s cubic-bezier(.25,.1,.25,1) .2s 1}
@keyframes sp-lean{50%{transform:translateX(10px) rotate(6deg)}}
.sp-phone{left:calc(50% - 150px);top:40%;width:42px;height:42px;border-radius:50%;background:#fff;box-shadow:0 8px 20px -10px rgba(0,0,0,.3);display:grid;place-items:center}
.sp-phone svg{width:20px;height:20px}
.sp-phone i{position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--accent, #0071E3)}
[data-scene="4"] .sp-phone{opacity:1}
[data-scene="4"] .sp-phone i{animation:pe-ringp 1.2s cubic-bezier(.25,.1,.25,1) 2}
[data-scene="4"] .sp-phone i:nth-child(2){animation-delay:.3s}
.sp-book{right:calc(50% - 190px);top:52%;background:#fff;border-radius:12px;box-shadow:0 10px 24px -12px rgba(0,0,0,.3);padding:8px 12px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:7px;transform:translateX(-20px)}
.sp-book b{width:18px;height:18px;border-radius:50%;background:var(--success, #34C759);display:grid;place-items:center}
.sp-book b svg{width:10px;height:10px}
[data-scene="4"] .sp-book{opacity:1;transform:none;transition-delay:.9s}
@media (max-width:639px){.sp-bell,.sp-phone{left:4px}.sp-tag,.sp-book{right:4px}.c1{left:12px}.c2{left:2px}.c3{right:12px}.c4{right:2px}}
@media (prefers-reduced-motion:reduce){.pe-splash,.pe-splash__line{transition:none}.pe-splash__stage *{animation:none!important}}

/* ===== v9: tinted visual panels, no photos ===== */
.pe-dv9{background:var(--bg, #FFFFFF)}
.pe-dv9.pe-section--alt{background:var(--bg-alt, #F5F5F7)}
.pe-dv9 .pe-dv9__media{overflow:visible;padding:clamp(14px,2.6vh,28px) 0 clamp(14px,2.6vh,28px) clamp(16px,2vw,28px)}
.pe-dv9.pe-dv--flip .pe-dv9__media{padding:clamp(14px,2.6vh,28px) clamp(16px,2vw,28px) clamp(14px,2.6vh,28px) 0}
.pe-vpanel{position:relative;height:100%;border-radius:24px;overflow:hidden;isolation:isolate}
.pe-vpanel--pms{background:#F6F1EA}
.pe-vpanel--rms{background:#EEF2F7}
.pe-vpanel--channel-manager{background:#EAF4F3}
.pe-vpanel--booking-engine{background:#FBF3E6}
.pe-vpanel--pos{background:#F7EEF0}
.pe-vtag{position:absolute;left:24px;top:20px;z-index:3;font-size:13px;line-height:1.3;color:var(--ink-secondary, #6E6E73)}
.pe-ghost{position:absolute;z-index:0;width:38%;max-width:320px;background:var(--bg, #FFFFFF);border-radius:18px;padding:16px 18px;box-shadow:0 18px 40px -24px rgba(0,0,0,.28);opacity:.4;filter:blur(1.2px);pointer-events:none}
.pe-ghost b{display:block;font-size:14px;font-weight:600;color:var(--ink, #1D1D1F);margin-bottom:8px}
.pe-ghost ul{list-style:none;margin:0;padding:0}
.pe-ghost li{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12.5px;color:var(--ink-secondary, #6E6E73);padding:7px 0;border-top:1px solid #EDEDF0}
.pe-ghost li i{flex:none;width:30px;height:6px;border-radius:4px;background:#E3E3E8}
.pe-ghost.g1{left:3%;top:10%;transform:rotate(-6deg)}
.pe-ghost.g2{right:3%;bottom:6%;transform:rotate(5deg)}
.pe-vstage{position:absolute;inset:56px 0 0;z-index:1;display:flex;align-items:center;justify-content:center;gap:24px;padding:0 0 24px}
.pe-vstage .pe-floatwrap{position:relative;inset:auto!important;width:min(75%,calc((100svh - 48px - 290px) * 1.55));margin:0}
.pe-vstage .pe-float.pe-float6{border-radius:18px;box-shadow:0 34px 70px -30px rgba(0,0,0,.32),0 10px 24px -14px rgba(0,0,0,.12)}
.pe-vstage .pe-floatwrap--phone{width:auto;height:min(86%,620px)}
.pe-vstage .pe-stripcard{position:relative;inset:auto!important;width:clamp(220px,34%,300px);border-radius:18px;align-self:flex-end;margin-bottom:6%}
.pe-dv:not(.pe-dv--flip) .pe-vstage .pe-stripcard{order:-1}
@media (max-width:1023px){
  .pe-dv9{height:auto;min-height:calc(100svh - 48px);grid-template-rows:auto auto}
  .pe-dv9 .pe-dv9__media,.pe-dv9.pe-dv--flip .pe-dv9__media{padding:16px;height:auto}
  .pe-vpanel{height:auto;min-height:0}
  .pe-vstage{position:relative;inset:auto;flex-wrap:wrap;padding:76px 16px 32px}
  .pe-vstage .pe-floatwrap{width:min(88%,600px)}
  .pe-vstage .pe-floatwrap--phone{height:460px;width:auto}
}
@media (max-width:639px){
  .pe-vstage{flex-direction:column}
  .pe-vstage .pe-floatwrap{width:100%}
  .pe-vstage .pe-floatwrap--phone{height:420px}
  .pe-vstage .pe-stripcard{width:100%;align-self:stretch;margin:0;order:2!important}
  .pe-ghost{display:none}
}

/* ===== v10 ===== */
/* plain product panels */
.pe-vpanel,.pe-vpanel--pms,.pe-vpanel--rms,.pe-vpanel--channel-manager,.pe-vpanel--booking-engine,.pe-vpanel--pos{background:#F5F5F7}
.pe-vstage{inset:0;padding:64px 0 24px}
@media (max-width:1023px){.pe-vstage{padding:76px 16px 32px}}
/* splash */
.pe-splash--pre{cursor:default}
html:has(.pe-splash){overflow:hidden}
.pe-splash__pip{width:min(160px,22vh);height:min(160px,22vh)}
.pe-splash__line{font-size:clamp(28px,4.5vh,48px)}
.pe-splash .pip-tod{display:none}
/* time-of-day props */
.pip-svg{overflow:visible}
.pip-tod{opacity:1;transition:opacity .25s cubic-bezier(.25,.1,.25,1);transform-box:view-box;transform-origin:60px 40px}
.pip-tod > g{display:none}
.pip.t-morning .tod-morning,.pip.t-midday .tod-midday,.pip.t-afternoon .tod-afternoon,.pip.t-evening .tod-evening,.pip.t-night .tod-night{display:inline}
.pip:is(.is-listen,.is-think,.is-answer,.is-wait,.has-headset,.has-badge,.has-tag,.is-happy,.is-dizzy,.is-drag,.is-swing,.t-out) .pip-tod,.pe-gaming .pip-tod,.pe-demo .pip--travel .pip-tod,.pe-demo .pe-dv .pip-tod{opacity:0}
.pip.t-pop .pip-tod{animation:tod-pop .5s cubic-bezier(.34,1.56,.64,1)}
@keyframes tod-pop{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}
.tod-steam path{animation:tod-steam 2.2s ease-in-out infinite}
.tod-steam path:nth-child(2){animation-delay:.6s}
@keyframes tod-steam{0%{transform:translateY(2px);opacity:0}40%{opacity:1}100%{transform:translateY(-4px);opacity:0}}
.tod-shades{transition:transform .5s cubic-bezier(.34,1.56,.64,1);transform-box:view-box;transform-origin:60px 60px}
.pip.t-up .tod-shades{transform:translate(0,-42px) scale(.72)}
.pip.t-midday:not(.t-up) .pip-eyes{opacity:0}
.tod-card{transform-box:fill-box;transform-origin:center;animation:tod-spin 3s ease-in-out infinite}
@keyframes tod-spin{0%,30%{transform:scaleX(1)}50%{transform:scaleX(-1)}80%,100%{transform:scaleX(1)}}
.tod-cap{transform-box:view-box;transform-origin:51px 34px;transform:rotate(-14deg)}
.tod-hanger{transform-box:view-box;transform-origin:66px 13px;animation:tod-sway 3s ease-in-out infinite alternate}
@keyframes tod-sway{from{transform:rotate(-5deg)}to{transform:rotate(5deg)}}
.tod-welcome{display:none}
.pip.t-woke .tod-dnd,.pip.t-woke .tod-z{display:none}
.pip.t-woke .tod-welcome{display:inline}
.pip.t-woke .tod-hanger{animation:tod-flip .5s cubic-bezier(.25,.1,.25,1)}
@keyframes tod-flip{from{transform:scaleX(-1)}to{transform:none}}
.tod-z text{animation:pip-z 2.4s ease-in-out infinite}
.tod-z text:nth-child(2){animation-delay:.4s}.tod-z text:nth-child(3){animation-delay:.8s}
.pip.t-night:not(.t-woke):not(.is-think):not(.is-answer):not(.is-listen) .pip-eye{transform:scaleY(.4)!important}
.pip.t-startle .pip-hop{animation:tod-startle .45s cubic-bezier(.34,1.56,.64,1)}
@keyframes tod-startle{30%{transform:translateY(-8px) scale(1.06)}100%{transform:none}}
@media (prefers-reduced-motion:reduce){.pip-tod *,.pip-tod{animation:none!important;transition:none!important}}

/* ===== v11: greeting splash ===== */
.pe-hello{justify-content:flex-start;padding:clamp(48px,11vh,120px) 16px clamp(24px,5vh,48px);overflow:hidden}
.pg-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pg-pipwrap{flex:none}
.pe-hello .pg-pip{width:140px;height:140px;cursor:pointer;outline:none;border-radius:50%}
.pe-hello .pg-pip:focus-visible{outline:2px solid var(--accent, #0071E3);outline-offset:4px}
.pg-pip .pip-base{transition:opacity .3s}
.pg-pip.pg-breath .pip-bodyg{transform:scale(1.07,.9);transform-origin:60px 98px;transition:transform .2s}
.pg-pip.pg-breath .pip-base{filter:brightness(1.4) saturate(1.3);opacity:1}
.pg-pip.is-wave .pip-nub{opacity:1}
.pg-par{transform:translate(var(--px,0px),var(--py,0px));transition:transform .4s cubic-bezier(.25,.1,.25,1)}
.pg-line{margin:0;font-size:clamp(30px,5vh,52px);line-height:1.18;font-weight:600;letter-spacing:-0.02em;color:var(--ink, #1D1D1F);text-align:center;max-width:1000px}
.pg-l1{margin-top:clamp(12px,2.6vh,28px)}
.pg-w{display:inline-block;white-space:nowrap}
.pg-wi{display:inline-block}
.pg-glow{background:linear-gradient(90deg,#5EA8FF 0%,#9B7BFF 55%,#FF9F7A 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.pg-dots{display:inline-flex;gap:.12em;margin-left:.06em;vertical-align:baseline;opacity:0;transition:opacity .25s}
.pg-dots i{width:.14em;height:.14em;border-radius:50%;background:var(--ink, #1D1D1F);display:inline-block}
.pg-dots.is-on{opacity:1}
.pg-dots.is-on i{animation:pg-dot 1s ease-in-out infinite}
.pg-dots.is-on i:nth-child(2){animation-delay:.15s}.pg-dots.is-on i:nth-child(3){animation-delay:.3s}
.pg-dots.is-gone{opacity:0;width:0;margin:0;overflow:hidden}
@keyframes pg-dot{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-.06em)}}
.pg-pills{display:flex;justify-content:center;align-items:flex-start;gap:clamp(12px,1.6vw,20px);margin-top:clamp(18px,3.6vh,36px);min-height:84px}
.pg-pw{position:relative;display:flex;flex-direction:column;align-items:center}
.pg-pill{display:inline-flex;align-items:center;gap:10px;border:0;background:#fff;border-radius:980px;padding:12px 22px 12px 16px;font:600 clamp(18px,2.4vh,22px)/1.2 var(--font-sans, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif);color:var(--ink, #1D1D1F);box-shadow:0 10px 30px -12px rgba(0,0,0,.22),0 2px 6px -2px rgba(0,0,0,.08);cursor:pointer;opacity:0;transform:scale(.4);transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s;pointer-events:none}
.pg-pill--green{color:var(--ui-success, #248A3D)}
.pg-ic{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--bg-alt, #F5F5F7);flex:none}
.pg-ic svg{width:18px;height:18px}
.pg-pw.is-in .pg-pill{opacity:1;transform:none;pointer-events:auto;animation:pg-bloom .5s cubic-bezier(.34,1.56,.64,1)}
@keyframes pg-bloom{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
.pg-pw.is-in.is-hover .pg-pill{transform:translateY(-3px);box-shadow:0 18px 36px -14px rgba(0,0,0,.28),0 2px 6px -2px rgba(0,0,0,.08)}
.pg-pill:focus-visible{outline:2px solid var(--accent, #0071E3);outline-offset:3px}
.pg-detail{position:absolute;top:calc(100% + 10px);left:50%;width:max-content;max-width:min(300px,80vw);transform:translate(-50%,-4px);margin:0;font-size:14px;line-height:1.4;color:var(--ink-secondary, #6E6E73);text-align:center;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}
.pg-pw.is-in.is-hover .pg-detail{opacity:1;transform:translate(-50%,0)}
.pg-orb{position:fixed;left:0;top:0;width:14px;height:14px;border-radius:50%;z-index:90;pointer-events:none;background:radial-gradient(circle at 35% 35%,#fff 0,#BFDFFF 30%,#9B7BFF 70%,#FFB59A 100%);box-shadow:0 0 14px 4px rgba(143,194,255,.75),0 0 28px 8px rgba(183,156,255,.35)}
.pg-spk{position:fixed;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;z-index:90;pointer-events:none;background:#B79CFF;box-shadow:0 0 6px #8FC2FF}
.pg-foot{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:24px;opacity:0;transform:translateY(12px);transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1);pointer-events:none}
.pe-hello.is-ready .pg-foot{opacity:1;transform:none;pointer-events:auto}
.pe-hello .pe-splash__cta{margin-top:0}
.pg-replay{font-size:13px}
.pe-hello.is-leaving .pg-par,.pe-hello.is-leaving .pg-foot{opacity:0;transform:translateY(-16px);transition:opacity .3s,transform .3s}
@media (max-width:639px){
  .pe-hello{padding-top:clamp(40px,8vh,80px)}
  .pe-hello .pg-pip{width:110px;height:110px}
  .pg-line{font-size:28px}
  .pg-pills{flex-direction:column;align-items:center;gap:12px}
  .pg-pw--l{order:1}.pg-pw--r{order:2}.pg-pw--c{order:3}
  .pg-detail{position:static;transform:none;max-height:0;overflow:hidden;transition:opacity .2s,max-height .2s;margin-top:0}
  .pg-pw.is-in.is-hover .pg-detail{max-height:60px;margin-top:6px;transform:none}
}
@media (max-height:640px){.pe-hello{padding-top:28px}.pe-hello .pg-pip{width:110px;height:110px}}
@media (prefers-reduced-motion:reduce){.pg-par,.pg-pill,.pg-foot,.pg-detail{transition:none!important;animation:none!important}.pg-dots i{animation:none!important}}

/* ===== v12: show-me scenes ===== */
.pg-pipwrap{position:relative}
.pg-scn{display:none;flex-direction:column;align-items:center;width:min(640px,100%)}
.pe-hello.is-scenes .pg-scn{display:flex}
.pe-hello.is-scenes .pg-par:not(.pg-pills){display:none}
.pe-hello.is-scenes{padding-top:clamp(28px,6vh,72px)}
.pe-hello.is-scenes .pg-pip{width:clamp(80px,12vh,104px);height:clamp(80px,12vh,104px)}
.pe-hello.is-scenes .pg-pills{margin-top:clamp(8px,1.4vh,14px);min-height:0;gap:10px}
.pe-hello.is-scenes .pg-pill{font-size:15px;padding:7px 14px 7px 9px;gap:7px}
.pe-hello.is-scenes .pg-ic{width:22px;height:22px}
.pe-hello.is-scenes .pg-ic svg{width:14px;height:14px}
.pe-hello.is-scenes .pg-detail{display:none}
.pg-pw.is-glow .pg-pill{box-shadow:0 0 0 2px rgba(143,194,255,.55),0 0 22px 4px rgba(183,156,255,.35),0 10px 30px -12px rgba(0,0,0,.22)}
.pg-pw.is-glowall .pg-pill{animation:pg-glowall 1.2s cubic-bezier(.22,1,.36,1)}
@keyframes pg-glowall{0%,100%{box-shadow:0 10px 30px -12px rgba(0,0,0,.22)}40%{box-shadow:0 0 0 2px rgba(143,194,255,.6),0 0 26px 6px rgba(183,156,255,.4),0 10px 30px -12px rgba(0,0,0,.22)}}
.pg-sh{margin:clamp(10px,2vh,20px) 0 clamp(8px,1.4vh,14px);font-size:clamp(24px,3.6vh,36px);line-height:1.2;font-weight:600;letter-spacing:-0.02em;color:var(--ink, #1D1D1F);text-align:center;min-height:1.2em}
.pg-wi2{display:inline-block}
.pe-hello.is-scenes .pg-pipwrap{margin-top:auto}
.pe-hello.is-scenes .pg-scn{margin-bottom:auto}
.pg-sh{width:max-content;max-width:92vw}
.pg-stage{position:relative;width:100%;height:clamp(180px,30vh,240px);background:#fff;border-radius:20px;box-shadow:0 24px 60px -28px rgba(0,0,0,.28),0 4px 14px -6px rgba(0,0,0,.08);overflow:hidden;cursor:default;text-align:left}
.pg-sc{position:absolute;inset:0;padding:clamp(14px,2.4vh,22px) 24px;display:flex;flex-direction:column;justify-content:center}
.pg-sdots{display:flex;gap:4px;margin-top:10px}
.pg-sdots button{width:22px;height:22px;border:0;background:none;padding:0;cursor:pointer;display:grid;place-items:center}
.pg-sdots button::after{content:"";width:7px;height:7px;border-radius:4px;background:#C7C7CC;transition:width .3s,background-color .3s}
.pg-sdots button.is-on::after{width:20px;background:var(--ink, #1D1D1F)}
/* props around Pip (about 40% of Pip) */
.pg-prop{position:absolute;opacity:0;transform:scale(.5);transition:opacity .3s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.34,1.56,.64,1);pointer-events:none;z-index:2}
.pg-fd{left:50%;top:62%;margin-left:-42px;width:84px;text-align:center;background:var(--accent, #0071E3);color:#fff;font-size:11px;font-weight:600;line-height:1;padding:5px 0;border-radius:6px;box-shadow:0 4px 10px -4px rgba(0,113,227,.5)}
.pg-bell{left:-46px;bottom:6px;width:42px;height:42px}
.pg-bell svg{width:100%;height:100%}
.pg-bell i{position:absolute;left:50%;top:40%;width:40px;height:40px;margin:-20px 0 0 -20px;border:2px solid #FFD9A0;border-radius:50%;opacity:0}
.pg-ptag{right:-78px;top:22%;display:inline-flex;align-items:center;gap:4px;background:#fff;border-radius:10px;padding:7px 10px;box-shadow:0 8px 20px -10px rgba(0,0,0,.3);font-size:17px;font-weight:700;color:var(--ink, #1D1D1F);font-variant-numeric:tabular-nums}
.pg-ptag em{width:12px;height:14px;color:var(--ui-success, #248A3D);opacity:0;transition:opacity .2s}
.pg-ptag em svg{width:100%;height:100%}
.pg-pipwrap.is-up .pg-ptag{color:var(--ui-success, #248A3D)}
.pg-pipwrap.is-up .pg-ptag em{opacity:1}
.pg-phone{right:-54px;top:26%;width:40px;height:40px;background:#fff;border-radius:12px;box-shadow:0 8px 20px -10px rgba(0,0,0,.3);display:grid;place-items:center}
.pg-phone svg{width:22px;height:22px}
.pg-phone i{position:absolute;inset:0;border:2px solid rgba(0,113,227,.45);border-radius:12px;opacity:0}
.pg-pipwrap.pg-on-fd .pg-fd,.pg-pipwrap.pg-on-bell .pg-bell,.pg-pipwrap.pg-on-tag .pg-ptag,.pg-pipwrap.pg-on-phone .pg-phone{opacity:1;transform:none}
.pg-pipwrap.is-ring .pg-bell i{animation:pg-ring 1s cubic-bezier(.22,1,.36,1) 1}
.pg-pipwrap.is-ring .pg-bell i:nth-of-type(2){animation-delay:.2s}
.pg-pipwrap.is-ring.pg-on-phone .pg-phone i{animation:pg-ring2 .9s cubic-bezier(.22,1,.36,1) infinite}
.pg-pipwrap.is-ring.pg-on-phone .pg-phone i:nth-of-type(2){animation-delay:.3s}
.pg-pipwrap.is-ring.pg-on-phone .pg-phone i:nth-of-type(3){animation-delay:.6s}
.pg-pipwrap.is-ring.pg-on-phone .pg-phone{animation:pg-shake .3s linear 3}
@keyframes pg-ring{from{transform:scale(.5);opacity:.9}to{transform:scale(1.6);opacity:0}}
@keyframes pg-ring2{from{transform:scale(1);opacity:.8}to{transform:scale(1.7);opacity:0}}
@keyframes pg-shake{25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}
/* stage contents */
.pg-sc b,.pg-sc small,.pg-sc span,.pg-sc p{font-family:var(--font-sans, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif)}
.ps-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
.ps-head b{font-size:17px;font-weight:600;color:var(--ink, #1D1D1F)}
.ps-head span{font-size:13px;color:var(--ink-secondary, #6E6E73)}
.ps-ci{position:relative}
.ps-ci ul{list-style:none;margin:0;padding:0;max-width:62%}
.ps-ci li{display:flex;align-items:center;gap:10px;padding:clamp(5px,1vh,9px) 0;border-top:1px solid #EDEDF0;font-size:15px;color:var(--ink-secondary, #6E6E73);transition:color .25s}
.ps-ci li i,.ps-tile i,.ps-ch i,.ps-bk i{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#E5E5EA;flex:none;transition:background-color .25s,transform .3s cubic-bezier(.34,1.56,.64,1)}
.ps-ci li i svg,.ps-tile i svg,.ps-ch i svg,.ps-bk i svg{width:12px;height:12px;opacity:0;transition:opacity .2s}
.ps-ci li.is-done{color:var(--ink, #1D1D1F)}
.ps-ci li.is-done i,.ps-tile.is-closed i,.ps-ch.is-done i,.ps-bk i{background:#34C759;transform:scale(1.1)}
.ps-ci li.is-done i svg,.ps-tile.is-closed i svg,.ps-ch.is-done i svg,.ps-bk i svg{opacity:1}
.ps-timer{position:absolute;right:0;bottom:4px;width:32%;text-align:center;background:var(--bg-alt, #F5F5F7);border-radius:14px;padding:12px 8px;transition:background-color .3s}
.ps-timer small{display:block;font-size:12px;color:var(--ink-secondary, #6E6E73)}
.ps-timer b{display:block;font-size:30px;font-weight:700;color:var(--ink, #1D1D1F);font-variant-numeric:tabular-nums;letter-spacing:-0.02em}
.ps-timer.is-done{background:#E9F7EE}
.ps-timer.is-done b{color:var(--ui-success, #248A3D)}
.ps-tag2{align-self:flex-start;font-size:13px;font-weight:600;color:#B25E00;background:#FFF4E5;border-radius:980px;padding:5px 12px;margin-bottom:10px;opacity:0;transform:translateY(-6px) scale(.9);transition:opacity .25s,transform .3s cubic-bezier(.34,1.56,.64,1)}
.ps-tag2.is-on{opacity:1;transform:none}
.ps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ps-grid--m{grid-template-columns:repeat(2,1fr)}
.ps-tile{position:relative;border:1px solid #E5E5EA;border-radius:12px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;transition:border-color .2s,background-color .2s}
.ps-tile b{font-size:14px;font-weight:600;color:var(--ink, #1D1D1F)}
.ps-tile span{font-size:12.5px;color:var(--ink-secondary, #6E6E73)}
.ps-tile i{position:absolute;right:8px;top:50%;margin-top:-10px}
.ps-tile.is-closed{border-color:#BFE8CC;background:#F2FBF5;animation:ps-flip .3s cubic-bezier(.22,1,.36,1)}
.ps-tile.is-closed span{color:var(--ui-success, #248A3D);font-weight:600}
@keyframes ps-flip{0%{transform:rotateX(0)}50%{transform:rotateX(80deg)}100%{transform:rotateX(0)}}
.ps-res{margin:10px 0 0;font-size:15px;font-weight:600;color:var(--ink, #1D1D1F);opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s cubic-bezier(.22,1,.36,1)}
.ps-res.is-on{opacity:1;transform:none}
.ps-res--green{color:var(--ui-success, #248A3D)}
.ps-zip{position:absolute;left:0;top:0;width:30px;height:30px;opacity:0;transition:opacity .15s;pointer-events:none;z-index:3}
.ps-zip.is-on{opacity:1}
.ps-zip .pip-tod,.ps-zip .pip-badge,.ps-zip .pip-tag{display:none}
.ps-cal{display:flex;gap:6px}
.ps-day{position:relative;flex:1;border:1px solid #E5E5EA;border-radius:12px;padding:8px 0;text-align:center;transition:border-color .3s,background-color .3s}
.ps-day small{display:block;font-size:12px;color:var(--ink-secondary, #6E6E73)}
.ps-day b{display:block;font-size:16px;font-weight:600;color:var(--ink, #1D1D1F);font-variant-numeric:tabular-nums}
.ps-day.is-new{border-color:#BFE8CC;background:#F2FBF5}
.ps-day.is-new b{color:var(--ui-success, #248A3D)}
.ps-ev{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%,4px) scale(.9);white-space:nowrap;font-style:normal;font-size:11.5px;font-weight:600;color:var(--accent, #0071E3);background:#E8F2FD;border-radius:980px;padding:3px 9px;opacity:0;transition:opacity .25s,transform .3s cubic-bezier(.34,1.56,.64,1)}
.ps-ev.is-on{opacity:1;transform:translate(-50%,0)}
.ps-cal{margin-top:22px}
.ps-chs{display:flex;gap:10px;margin-top:12px}
.ps-ch{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--bg-alt, #F5F5F7);font-size:13px;font-weight:700;color:var(--ink, #1D1D1F)}
.ps-ch i{position:absolute;right:-6px;top:-6px;width:16px!important;height:16px!important}
.ps-ch i svg{width:10px!important;height:10px!important}
.ps-call{display:flex;flex-direction:column;gap:8px}
.ps-ln{margin:0;font-size:15px;line-height:1.4;color:var(--ink, #1D1D1F);opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s cubic-bezier(.22,1,.36,1)}
.ps-ln b{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--ink-secondary, #6E6E73);margin-right:4px}
.ps-ln--pip b{color:var(--accent, #0071E3)}
.ps-ln.is-on{opacity:1;transform:none}
.ps-book{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;padding:12px 14px;border-radius:14px;background:var(--bg-alt, #F5F5F7);opacity:0;transform:translateX(30px);transition:opacity .35s,transform .4s cubic-bezier(.22,1,.36,1)}
.ps-book.is-on{opacity:1;transform:none}
.ps-bk{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--ink, #1D1D1F)}
.ps-amber{font-size:12.5px;font-weight:600;color:#B25E00;background:#FFF4E5;border-radius:980px;padding:4px 10px}
.ps-amber::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#FF9F0A;margin-right:6px;vertical-align:1px}
.ps-recap{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ps-rc{text-align:center;background:var(--bg-alt, #F5F5F7);border-radius:14px;padding:16px 6px}
.ps-rc b{display:block;font-size:24px;font-weight:700;letter-spacing:-0.02em;color:var(--ink, #1D1D1F)}
.ps-rc small{display:block;font-size:12.5px;color:var(--ink-secondary, #6E6E73);margin-top:2px}
.ps-rc--g b{color:var(--ui-success, #248A3D)}
@media (max-width:639px){
  .pg-scn{width:100%}
  .pg-stage{height:230px}
  .pg-sh{font-size:22px}
  .pg-sc{padding:14px 16px}
  .ps-ci ul{max-width:100%}
  .ps-timer{position:static;width:auto;margin-top:8px;padding:6px;display:flex;justify-content:center;align-items:baseline;gap:8px}
  .ps-timer b{font-size:20px}
  .ps-recap{grid-template-columns:repeat(2,1fr)}
  .ps-ln{font-size:13.5px}.ps-call{gap:5px}.ps-book{padding:9px 11px;gap:6px;margin-top:2px}.ps-bk{font-size:14px}
  .ps-rc{padding:10px 4px}
  .ps-rc b{font-size:20px}
  .pe-hello.is-scenes .pg-pills{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:6px}
  .pe-hello.is-scenes .pg-pill{font-size:12px;padding:5px 10px 5px 6px}
  .pe-hello.is-scenes .pg-ic{width:18px;height:18px}
  .pg-bell{left:-40px;width:34px;height:34px}
  .pg-ptag{right:-70px;font-size:14px}
  .pg-phone{right:-46px;width:34px;height:34px}
}
@media (prefers-reduced-motion:reduce){.pg-prop,.ps-res,.ps-ln,.ps-book,.ps-tag2,.ps-ev{transition:none!important}.pg-pw.is-glowall .pg-pill{animation:none}}

/* ===== v13: sound toggles ===== */
[data-pe-ask],[data-pe-calls],[data-pe-calls] .pe-sndw--call{}
[data-pe-ask]{position:relative}
.pe-head--snd{padding-right:44px}
[data-pe-calls] *:has(> .pe-sndw--call){position:relative}
.pe-sndw--call{top:8px;right:10px}
.pe-sndw{position:absolute;top:12px;right:12px;z-index:4;display:flex;flex-direction:column;align-items:center;gap:4px}
.pe-sndbtn{width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid var(--divider, #D2D2D7);display:grid;place-items:center;color:var(--ink, #1D1D1F);cursor:pointer;padding:0;transition:transform .2s cubic-bezier(.25,.1,.25,1),box-shadow .2s}
.pe-sndbtn svg{width:18px;height:18px}
.pe-sndbtn:hover{transform:scale(1.06)}
.pe-sndbtn:focus-visible{outline:2px solid var(--accent, #0071E3);outline-offset:2px}
.pe-sndw.is-on .pe-sndbtn{color:var(--accent, #0071E3)}
.pe-sndhint{font-size:12px;line-height:1;color:var(--ink-secondary, #6E6E73);white-space:nowrap}
.pe-sndw--call .pe-sndhint{color:#A1A1A6}
.pe-sndw.is-on .pe-sndhint{display:none}
.pe-sndw.is-nudge .pe-sndbtn{animation:pe-snd-nudge 1s cubic-bezier(.25,.1,.25,1) 3;box-shadow:0 0 0 4px rgba(0,113,227,.18)}
@keyframes pe-snd-nudge{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
.pe-sound{display:none!important}
@media (prefers-reduced-motion:reduce){.pe-sndw.is-nudge .pe-sndbtn{animation:none}}

/* ===== v15: just ask Pip ===== */
.pe-cs{height:calc(100svh - 48px);min-height:560px;display:grid;grid-template-columns:minmax(0,55fr) minmax(0,45fr);background:var(--bg, #FFFFFF);overflow:hidden}
.pe-cs.pe-section--alt{background:var(--bg-alt, #F5F5F7)}
.pe-cs--flip{grid-template-columns:minmax(0,45fr) minmax(0,55fr)}
.pe-cs__vis{min-width:0}
.pe-cs--flip .pe-cs__vis{order:2}
.pe-cs__vis{display:flex;align-items:center;justify-content:center;min-height:0;padding:clamp(60px,9vh,88px) clamp(20px,3vw,48px) clamp(12px,2.6vh,28px)}
.pe-chatwrap{position:relative;width:min(620px,100%);height:100%;max-height:640px;display:flex;flex-direction:column;align-items:stretch}
.pe-chatwrap .pe-pipslot--card{top:-58px;right:28px;left:auto}
.pe-cs--flip .pe-chatwrap .pe-pipslot--card{right:auto;left:28px}
.pe-chatw{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;background:#fff;border:1px solid var(--divider, #D2D2D7);border-radius:20px;box-shadow:0 30px 60px -36px rgba(0,0,0,.28),0 4px 14px -8px rgba(0,0,0,.06);overflow:hidden}
.pe-chatw__head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid #EDEDF0}
.pe-chatw__role{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--ink, #1D1D1F);transition:opacity .22s}
.pe-chatw__role.is-swap{opacity:0}
.pe-chatw__ic{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#EEF0F4}
.pe-chatw__ic svg{width:15px;height:15px}
.pe-chatw__tag{font-size:12px;font-weight:600;color:var(--accent, #0071E3);background:var(--ui-tint, #E8F1FC);border-radius:980px;padding:4px 10px}
.pe-chatw__body{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;padding:16px 18px 8px;display:flex;flex-direction:column;gap:12px}
.pe-chatw__body::-webkit-scrollbar{display:none}
.pe-chatw__input{flex:none;margin:6px 14px 14px}
.pe-chatw__input .pe-input__in{min-height:44px}
.pe-chatw__input.is-typing .pe-input__ph{display:none}
.pe-chat-replay{align-self:center;margin-top:10px;font-size:14px;flex:none}
.cm-row{display:flex;gap:10px;opacity:0;transform:translateY(8px);transition:opacity .4s cubic-bezier(.25,.1,.25,1),transform .4s cubic-bezier(.25,.1,.25,1);flex:none}
.cm-row.is-in{opacity:1;transform:none}
.cm-staff{justify-content:flex-end;align-items:flex-end}
.cm-sbody{text-align:right;max-width:76%}
.cm-staff .pe-qbubble{font-size:15px;padding:9px 14px}
.cm-pip{align-items:flex-start}
.cm-pip .pip--mini{margin-top:2px}
.cm-pbody{flex:1;min-width:0;max-width:92%}
.cm-pbody .pe-who{margin-bottom:3px}
.cm-text{margin:0;font-size:15px;line-height:1.45;color:var(--ink, #1D1D1F);background:var(--bg-alt, #F5F5F7);border-radius:6px 18px 18px 18px;padding:10px 14px;display:inline-block}
.cm-text--green{color:var(--ui-success, #248A3D);font-weight:600}
.cm-up{width:10px;height:12px;margin-right:6px;vertical-align:-1px}
.cm-pip--alert .cm-text{background:#F1F6FE}
.cm-status{align-items:center;gap:4px;font-size:13px;color:var(--ink-secondary, #6E6E73);padding-left:38px}
.cm-status span{margin-right:2px}
.cm-status i{width:4px;height:4px;border-radius:50%;background:var(--ink-secondary, #6E6E73);animation:pe-shim 1s infinite}
.cm-status i:nth-of-type(2){animation-delay:.15s}.cm-status i:nth-of-type(3){animation-delay:.3s}
.cm-rich{margin-top:8px;opacity:0;transform:translateY(6px);transition:opacity .4s cubic-bezier(.25,.1,.25,1),transform .4s cubic-bezier(.25,.1,.25,1)}
.cm-rich.is-in{opacity:1;transform:none}
.cm-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.cm-acts .pe-btn{transition:transform .15s,opacity .25s,background-color .2s;cursor:default}
.cm-acts .pe-btn.is-press{transform:scale(.93)}
.cm-acts .pe-btn.is-dim{opacity:.35}
.cm-acts .pe-btn.is-chosen{box-shadow:0 0 0 3px rgba(0,113,227,.18)}
.cm-div{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--ink-secondary, #6E6E73);opacity:0;transition:opacity .4s;flex:none}
.cm-div.is-in{opacity:1}
.cm-div::before,.cm-div::after{content:"";flex:1;height:1px;background:#EDEDF0}
.cm-cursor{position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;background:rgba(0,113,227,.28);border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.25);z-index:6;opacity:0;pointer-events:none;transition:left .65s cubic-bezier(.22,1,.36,1),top .65s cubic-bezier(.22,1,.36,1),opacity .2s,transform .15s}
.cm-cursor.is-on{opacity:1}
.cm-cursor.is-press{transform:scale(.7)}
.cm-rooms{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.cm-room{border:1px solid #E5E5EA;border-radius:10px;padding:6px 8px;display:flex;flex-direction:column;gap:1px;transition:background-color .3s,border-color .3s}
.cm-room b{font-size:14px;font-weight:600;color:var(--ink, #1D1D1F)}
.cm-room span{font-size:11.5px;font-weight:500;color:#0058B0}
.cm-room span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#0071E3;margin-right:5px;vertical-align:1px}
.cm-room.is-dirty{background:rgba(255,159,10,.10);border-color:rgba(255,159,10,.35);animation:cm-flip .35s cubic-bezier(.22,1,.36,1)}
.cm-room.is-dirty span{color:#9A5B00}
.cm-room.is-dirty span::before{background:#FF9F0A}
@keyframes cm-flip{50%{transform:rotateX(80deg)}}
.cm-doc{display:flex;align-items:center;gap:12px;border:1px solid #E5E5EA;border-radius:14px;padding:10px 12px;background:#fff}
.cm-doc__thumb{flex:none;position:relative;width:40px;height:52px;border-radius:4px;border:1px solid #E5E5EA;background:#fff;padding:7px 6px;display:flex;flex-direction:column;gap:4px}
.cm-doc__thumb i{display:block;height:3px;border-radius:2px;background:#E3E3E8}
.cm-doc__thumb i:nth-child(2){width:70%}.cm-doc__thumb i:nth-child(4){width:55%}
.cm-doc__thumb b{position:absolute;left:6px;right:6px;bottom:6px;height:12px;border-radius:2px;background:linear-gradient(90deg,#BFDFFF 0 30%,#DCCFFF 30% 60%,#E3E3E8 60%)}
.cm-doc__meta{flex:1;min-width:0;display:flex;align-items:center;gap:10px}
.cm-doc__ic{flex:none;font-size:10px;font-weight:700;color:var(--ink, #1D1D1F);background:#EEF0F4;border-radius:6px;padding:4px 6px}
.cm-doc__meta b{display:block;font-size:13.5px;font-weight:600;color:var(--ink, #1D1D1F);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cm-doc__meta small{font-size:12px;color:var(--ink-secondary, #6E6E73)}
.cm-table{width:100%;max-width:300px;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums;background:#fff;border:1px solid #E5E5EA;border-radius:12px;overflow:hidden}
.cm-table td{padding:6px 12px;border-bottom:1px solid #F0F0F3}
.cm-table td:last-child{text-align:right;font-weight:600}
.cm-table tr:last-child td{border-bottom:0}
.cm-sug td{color:var(--ui-success, #248A3D);background:rgba(52,199,89,.08)}
.cm-togs{list-style:none;margin:0;padding:0;max-width:320px;border:1px solid #E5E5EA;border-radius:12px;background:#fff}
.cm-togs li{display:flex;align-items:center;gap:10px;padding:7px 12px;border-bottom:1px solid #F0F0F3;font-size:14px;color:var(--ink, #1D1D1F)}
.cm-togs li:last-child{border-bottom:0}
.cm-togs li span{flex:1}
.cm-togs em{font-style:normal;font-size:12px;color:var(--ink-secondary, #6E6E73);width:22px;text-align:right}
.cm-sw{position:relative;width:34px;height:20px;border-radius:10px;background:#34C759;transition:background-color .3s}
.cm-sw::after{content:"";position:absolute;top:2px;left:16px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .3s cubic-bezier(.22,1,.36,1)}
.cm-tk{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#34C759;opacity:0;transform:scale(.4);transition:opacity .25s,transform .3s cubic-bezier(.34,1.56,.64,1)}
.cm-tk svg{width:10px;height:10px}
.cm-togs li.is-off .cm-sw{background:#D2D2D7}
.cm-togs li.is-off .cm-sw::after{left:2px}
.cm-togs li.is-off .cm-tk{opacity:1;transform:none}
.cm-toast{display:flex;align-items:center;gap:10px;align-self:center;background:#fff;border:1px solid #E5E5EA;border-radius:14px;padding:9px 14px;box-shadow:0 10px 24px -14px rgba(0,0,0,.3);opacity:0;transform:translateY(-14px);transition:opacity .4s,transform .45s cubic-bezier(.22,1,.36,1);flex:none}
.cm-toast.is-in{opacity:1;transform:none}
.cm-toast b{display:block;font-size:13.5px;font-weight:600;color:var(--ink, #1D1D1F)}
.cm-toast small{font-size:12px;color:var(--ink-secondary, #6E6E73)}
.cm-receipt{max-width:320px;border:1px solid #E5E5EA;border-radius:12px;background:#fff;padding:10px 12px;font-size:13.5px;color:var(--ink, #1D1D1F)}
.cm-receipt__head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}
.cm-receipt__head b{font-weight:600}
.cm-receipt ul{list-style:none;margin:0;padding:0}
.cm-receipt li,.cm-receipt__tot{display:flex;justify-content:space-between;padding:3px 0;font-variant-numeric:tabular-nums}
.cm-receipt__tot{border-top:1px solid #EDEDF0;margin-top:4px;padding-top:6px}
.cm-bars{display:flex;align-items:flex-end;gap:10px;height:84px;max-width:300px;padding:8px 12px 0;border:1px solid #E5E5EA;border-radius:12px 12px 0 0;border-bottom:0;background:#fff}
.cm-bars div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px}
.cm-bars i{display:block;width:100%;max-width:22px;height:calc(var(--h) * .62);border-radius:4px 4px 0 0;background:linear-gradient(180deg,#8FC2FF,#0071E3);transform-origin:bottom;animation:cm-grow .7s cubic-bezier(.22,1,.36,1) both}
.cm-bars div:nth-child(2) i{animation-delay:.06s}.cm-bars div:nth-child(3) i{animation-delay:.12s}.cm-bars div:nth-child(4) i{animation-delay:.18s}.cm-bars div:nth-child(5) i{animation-delay:.24s}.cm-bars div:nth-child(6) i{animation-delay:.3s}
.cm-bars small{font-size:11px;color:var(--ink-secondary, #6E6E73)}
.cm-bars__cap{max-width:300px;margin:0;font-size:11.5px;color:var(--ink-secondary, #6E6E73);border:1px solid #E5E5EA;border-top:0;border-radius:0 0 12px 12px;background:#fff;padding:2px 12px 8px}
@keyframes cm-grow{from{transform:scaleY(0)}}
/* text side */
.pe-cs__text{display:flex;align-items:center;min-width:0;padding:clamp(24px,4vh,56px) clamp(28px,4vw,72px)}
@media (min-width:1024px){.pe-cs:not(.pe-cs--flip) .pe-cs__text{padding-right:max(clamp(28px,4vw,72px),calc((100vw - 1080px)/2))}.pe-cs--flip .pe-cs__text{padding-left:max(clamp(28px,4vw,72px),calc((100vw - 1080px)/2))}}
.pe-cs__inner{max-width:460px}
.pe-cs__inner .pe-eyebrow{font-size:17px}
.pe-csh{margin:8px 0 0;font-size:clamp(32px,4.2vh,44px);line-height:1.1;font-weight:600;letter-spacing:-0.025em;color:var(--ink, #1D1D1F);text-wrap:balance}
.pe-csdesc{margin:clamp(12px,2vh,18px) 0 0;font-size:17px;line-height:1.47;color:var(--ink-secondary, #6E6E73)}
.pe-csprob{margin-top:clamp(24px,4vh,40px);padding-top:clamp(16px,2.6vh,24px);border-top:1px solid var(--divider, #D2D2D7)}
.pe-csprob b,.pe-cswith b{display:block;font-size:14px;font-weight:600;margin-bottom:4px}
.pe-csprob b{color:var(--ink-secondary, #6E6E73)}
.pe-csprob p{margin:0;font-size:17px;line-height:1.45;color:var(--ink-secondary, #6E6E73)}
.pe-cswith{display:flex;gap:12px;align-items:flex-start;margin-top:clamp(16px,2.6vh,24px)}
.pe-cswith .pip--mini{width:30px;height:30px;margin-top:-2px}
.pe-cswith b{color:var(--ink, #1D1D1F)}
.pe-cswith p{margin:0;font-size:17px;line-height:1.45;color:var(--ink, #1D1D1F)}
/* booking engine phone */
.pe-chatwrap--phone{align-items:center}
.bp{position:relative;flex:1;min-height:0;height:100%;max-height:620px;aspect-ratio:9/18.5;background:#1D1D1F;border-radius:40px;padding:9px;box-shadow:0 34px 70px -34px rgba(0,0,0,.45)}
.bp__screen{position:relative;width:100%;height:100%;background:#fff;border-radius:32px;overflow:hidden;font-size:13px;color:var(--ink, #1D1D1F)}
.bp-page,.bp-callv{position:absolute;inset:0;display:flex;flex-direction:column;padding:22px 16px 18px;transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1)}
.bp-page.is-out{opacity:0;transform:scale(.96)}
.bp-callv{opacity:0;transform:translateY(16px);background:linear-gradient(180deg,#F5F8FF,#fff 45%);align-items:center;pointer-events:none}
.bp-callv.is-on{opacity:1;transform:none}
.bp-bar{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:10px;border-bottom:1px solid #EDEDF0}
.bp-bar b{font-size:16px;font-weight:600}
.bp-bar small{font-size:12px;color:var(--ink-secondary, #6E6E73)}
.bp-room{display:flex;align-items:center;gap:10px;margin:12px 0}
.bp-room__img{width:46px;height:46px;border-radius:10px;background:linear-gradient(135deg,#DCE8F7,#F3E6D8);flex:none}
.bp-room b{display:block;font-size:14px;font-weight:600}
.bp-room small{font-size:12px;color:var(--ink-secondary, #6E6E73)}
.bp-room__p{margin-left:auto;font-size:15px!important}
.bp-room__p small{font-weight:400}
.bp-form{margin-top:auto;background:var(--bg-alt, #F5F5F7);border-radius:16px;padding:14px 12px;display:flex;flex-direction:column;gap:10px}
.bp-label{margin:0;font-size:13.5px;font-weight:600;line-height:1.3}
.bp-field{position:relative;background:#fff;border:1px solid #D2D2D7;border-radius:10px;padding:6px 10px;min-height:42px;transition:border-color .2s,box-shadow .2s}
.bp-field.is-focus{border-color:var(--accent, #0071E3);box-shadow:0 0 0 3px rgba(0,113,227,.15)}
.bp-field small{display:block;font-size:10.5px;color:var(--ink-secondary, #6E6E73)}
.bp-field span{font-size:14px;font-variant-numeric:tabular-nums}
.bp-caret{display:none;width:1px;height:14px;background:var(--accent, #0071E3);vertical-align:-2px;margin-left:1px;animation:pe-blink 1s steps(1) infinite}
.bp-field.is-focus .bp-caret{display:inline-block}
@keyframes pe-blink{50%{opacity:0}}
.bp-check{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.35;color:var(--ink-secondary, #6E6E73);cursor:default}
.bp-box{flex:none;width:16px;height:16px;border-radius:4px;border:1.5px solid #AEAEB2;background:#fff;margin-top:1px;transition:background-color .2s,border-color .2s;position:relative}
.bp-check.is-on .bp-box{background:var(--accent, #0071E3);border-color:var(--accent, #0071E3)}
.bp-check.is-on .bp-box::after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.bp-call{width:100%;justify-content:center;cursor:default}
.bp-call.is-press{transform:scale(.96)}
.bp-callhead{font-size:12.5px;color:var(--ink-secondary, #6E6E73);font-weight:500;margin-top:6px}
.bp-avatar{position:relative;width:76px;height:76px;margin:14px 0 4px}
.bp-avatar .pip{position:absolute;inset:0;width:100%;height:100%}
.bp-avatar i{position:absolute;inset:6px;border-radius:50%;border:2px solid rgba(0,113,227,.35);opacity:0}
.bp-avatar.is-ring i{animation:pg-ring2 1s cubic-bezier(.22,1,.36,1) infinite}
.bp-avatar.is-ring i:nth-child(2){animation-delay:.4s}
.bp-wave{display:flex;gap:3px;height:14px;align-items:center;margin-bottom:8px}
.bp-wave i{width:3px;height:4px;border-radius:2px;background:#AEAEB2;transition:height .2s}
.bp-wave.is-on i{background:var(--accent, #0071E3);animation:bp-w .8s ease-in-out infinite}
.bp-wave.is-on i:nth-child(2n){animation-delay:.15s}.bp-wave.is-on i:nth-child(3n){animation-delay:.3s}
@keyframes bp-w{0%,100%{height:4px}50%{height:14px}}
.bp-tr{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:7px;flex:1;min-height:0;overflow:hidden;justify-content:flex-end}
.bp-ln{font-size:12.5px;line-height:1.4;animation:pe-in .3s cubic-bezier(.22,1,.36,1)}
.bp-ln b{display:block;font-size:10px;letter-spacing:.06em;color:var(--ink-secondary, #6E6E73);font-weight:700}
.bp-ln--pip b{color:var(--accent, #0071E3)}
.bp-ln p{margin:0}
@keyframes pe-in{from{opacity:0;transform:translateY(6px)}}
.bp-booked{width:100%;margin-top:10px;background:#fff;border:1px solid #E5E5EA;border-radius:14px;padding:10px 12px;box-shadow:0 10px 24px -14px rgba(0,0,0,.3);opacity:0;transform:translateY(24px);transition:opacity .4s,transform .45s cubic-bezier(.22,1,.36,1)}
.bp-booked.is-on{opacity:1;transform:none}
.bp-booked b{display:block;font-size:12.5px;font-weight:600;line-height:1.35;margin-bottom:6px}
/* hero cards: whole card is clickable */
.pe-pcard[data-go]{cursor:pointer}
.pe-pcard[data-go]:focus-visible{outline:2px solid var(--accent, #0071E3);outline-offset:2px}
.pe-pcard.is-tour{box-shadow:0 0 0 2px rgba(0,113,227,.45),0 16px 36px -20px rgba(0,113,227,.4);transform:translateY(-2px)}
#pricing.pe-cta{min-height:calc(100svh - 48px);display:flex;align-items:center;justify-content:center}
/* tour bar */
.pe-tourbar{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));z-index:70;transform:translate(-50%,20px);width:min(520px,calc(100vw - 32px));background:rgba(255,255,255,.92);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border:1px solid var(--divider, #D2D2D7);border-radius:16px;box-shadow:0 18px 40px -20px rgba(0,0,0,.3);overflow:hidden;opacity:0;transition:opacity .3s,transform .35s cubic-bezier(.22,1,.36,1)}
.pe-tourbar.is-on{opacity:1;transform:translate(-50%,0)}
.pe-tourbar__prog{height:3px;background:#EDEDF0}
.pe-tourbar__prog i{display:block;height:100%;width:0;background:var(--accent, #0071E3);transition:width .5s cubic-bezier(.22,1,.36,1)}
.pe-tourbar__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px}
.pe-tourbar__step{font-size:14px;font-weight:600;color:var(--ink, #1D1D1F);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pe-tourbar__ctl{display:flex;gap:16px;flex:none}
.pe-tourbar__ctl .pe-link{font-size:14px}
.pe-bub__cta{margin-top:10px}
@media (max-width:1023px){
  .pe-cs,.pe-cs--flip{height:auto;min-height:0;grid-template-columns:minmax(0,1fr)}
  .pe-cs--flip .pe-cs__vis,.pe-cs__vis{order:2;padding:70px 16px 28px}
  .pe-cs__text{padding:48px 20px 0}
  .pe-cs__inner{max-width:640px}
  .pe-chatwrap{height:560px}
  .pe-chatwrap--phone{height:600px}
}
@media (max-width:639px){
  .pe-chatwrap{height:540px}
  .pe-chatw__body{padding:14px 12px 6px}
  .cm-rooms{grid-template-columns:repeat(4,1fr);gap:4px}
  .cm-room{padding:5px 6px}
  .pe-tourbar__ctl{gap:12px}
  .pe-tourbar__step{font-size:13px}
}
@media (prefers-reduced-motion:reduce){.cm-row,.cm-rich,.cm-toast,.cm-div,.bp-page,.bp-callv,.bp-booked{transition:none}.cm-bars i,.cm-room.is-dirty{animation:none}}

/* ===== v16: Book a Demo popup ===== */
.pe-dm{position:fixed;inset:0;z-index:95;display:flex;align-items:center;justify-content:center;padding:56px 16px 24px;background:rgba(0,0,0,0);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:background-color .3s cubic-bezier(.22,1,.36,1),backdrop-filter .3s,-webkit-backdrop-filter .3s}
.pe-dm.is-on{background:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.pe-dm[hidden]{display:none}
.pe-dm__card{position:relative;width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;background:#fff;border-radius:24px;box-shadow:0 40px 100px -30px rgba(0,0,0,.45),0 10px 30px -12px rgba(0,0,0,.15);opacity:0;transform:scale(.96);transition:opacity .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1);outline:none;font-family:var(--font-sans, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif);color:var(--ink, #1D1D1F)}
.pe-dm.is-on .pe-dm__card{opacity:1;transform:none}
.pe-dm__scroll{overflow-y:auto;overscroll-behavior:contain;border-radius:24px;padding:44px 32px 26px}
.pe-dm__pip{position:absolute;left:50%;top:-44px;width:76px;height:76px;margin-left:-38px;z-index:2;pointer-events:none}
.pe-dm__pip.is-think .pip-eyes{transform:translate(3px,-4px)}
.pe-dm .pip-tod{display:none}
.pe-dm__x{position:absolute;top:14px;right:14px;z-index:3;width:32px;height:32px;border:0;border-radius:50%;background:var(--bg-alt, #F5F5F7);color:var(--ink-secondary, #6E6E73);display:grid;place-items:center;cursor:pointer;padding:0}
.pe-dm__x svg{width:16px;height:16px}
.pe-dm__x:hover{color:var(--ink, #1D1D1F)}
.pe-dm__x:focus-visible,.pe-dm__chip:focus-visible,.pe-dm__card input:focus-visible{outline:2px solid var(--accent, #0071E3);outline-offset:2px}
.pe-dm__handle{display:none}
.pe-dm__head{text-align:center}
.pe-dm__head h2,.pe-dm__done h2{margin:0;font-size:28px;line-height:1.15;font-weight:600;letter-spacing:-0.02em}
.pe-dm__head p{margin:8px auto 0;max-width:400px;font-size:15px;line-height:1.45;color:var(--ink-secondary, #6E6E73)}
.pe-dm__know{display:flex;gap:10px;align-items:flex-start;margin:18px 0 0;background:var(--bg-alt, #F5F5F7);border-radius:14px;padding:10px 12px;font-size:14px;line-height:1.45;color:var(--ink, #1D1D1F)}
.pe-dm__know .pip--mini{width:24px;height:24px;margin-top:-1px}
.pe-dm__form{margin-top:20px;display:flex;flex-direction:column;gap:16px}
.pe-dm__field{display:flex;flex-direction:column;gap:6px}
.pe-dm__field label,.pe-dm__set legend{font-size:13px;font-weight:600;color:var(--ink, #1D1D1F)}
.pe-dm__field label span,.pe-dm__set legend span{font-weight:400;color:var(--ink-secondary, #6E6E73)}
.pe-dm__card input[type=email],.pe-dm__card input[type=tel],.pe-dm__card input[type=text],.pe-dm__card input[type=date],.pe-dm__card input[type=time]{width:100%;min-width:0;box-sizing:border-box;font:400 16px/1.3 var(--font-sans, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif);color:var(--ink, #1D1D1F);background:#fff;border:1px solid var(--divider, #D2D2D7);border-radius:12px;padding:11px 14px;transition:border-color .2s,box-shadow .2s}
.pe-dm__card input:focus{border-color:var(--accent, #0071E3);box-shadow:0 0 0 3px rgba(0,113,227,.15);outline:none}
.pe-dm__card input[aria-invalid=true]{border-color:#D70015;box-shadow:0 0 0 3px rgba(215,0,21,.12)}
.pe-dm__err{margin:0;font-size:12.5px;color:#D70015}
.pe-dm__set{border:0;margin:0;padding:0;min-width:0}
.pe-dm__set legend{padding:0;margin-bottom:8px}
.pe-dm__chips{display:flex;flex-wrap:wrap;gap:8px}
.pe-dm__chip{font:500 14px/1 var(--font-sans, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif);color:var(--ink, #1D1D1F);background:#fff;border:1px solid var(--divider, #D2D2D7);border-radius:980px;padding:9px 14px;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
.pe-dm__chip:hover{border-color:#AEAEB2}
.pe-dm__chip.is-on{background:var(--ui-tint, #E8F1FC);border-color:var(--accent, #0071E3);color:#0058B0}
.pe-dm__other{display:flex;gap:10px;margin-top:10px}
.pe-dm__other[hidden]{display:none}
.pe-dm__mini{flex:1;display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:500;color:var(--ink-secondary, #6E6E73)}
.pe-dm__submit{width:100%;justify-content:center;margin-top:4px;position:relative}
.pe-dm__submit:disabled{opacity:.4;cursor:not-allowed}
.pe-dm__submit.is-busy{opacity:1}
.pe-dm__spin{display:none;width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;margin-right:8px;animation:pe-dm-spin .7s linear infinite}
.pe-dm__submit.is-busy .pe-dm__spin{display:inline-block}
@keyframes pe-dm-spin{to{transform:rotate(360deg)}}
.pe-dm__fine{margin:-6px 0 0;text-align:center;font-size:12px;color:var(--ink-secondary, #6E6E73)}
.pe-dm__done{text-align:center;padding:10px 0 6px}
.pe-dm__done p{margin:12px auto 0;max-width:400px;font-size:16px;line-height:1.5;color:var(--ink-secondary, #6E6E73)}
.pe-dm__done b{color:var(--ink, #1D1D1F);font-weight:600}
.pe-dm__acts{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:24px}
.pe-dm__needle{position:fixed;left:0;top:0;width:3px;height:11px;border-radius:2px;z-index:96;pointer-events:none}
@media (max-width:639px){
  .pe-dm{align-items:flex-end;padding:0}
  .pe-dm__card{max-width:none;max-height:none;height:calc(100svh - 40px);border-radius:24px 24px 0 0;opacity:1;transform:translateY(100%);transition:transform .35s cubic-bezier(.22,1,.36,1)}
  .pe-dm.is-on .pe-dm__card{transform:none}
  .pe-dm__scroll{border-radius:24px 24px 0 0;padding:40px 20px 28px}
  .pe-dm__handle{display:block;position:absolute;top:0;left:0;right:0;height:28px;z-index:3;cursor:grab;touch-action:none}
  .pe-dm__handle::after{content:"";position:absolute;left:50%;top:9px;width:40px;height:5px;margin-left:-20px;border-radius:3px;background:#C7C7CC}
  .pe-dm__pip{top:-30px;width:58px;height:58px;margin-left:-29px}
  .pe-dm__head h2,.pe-dm__done h2{font-size:24px}
}
@media (prefers-reduced-motion:reduce){
  .pe-dm__card,.pe-dm.is-on .pe-dm__card{transform:none!important;transition:opacity .2s}
  .pe-dm__card{opacity:0}.pe-dm.is-on .pe-dm__card{opacity:1}
}

/* ===== v17: simplified demo form ===== */
.pe-dm__tel{display:flex;gap:8px}
.pe-dm__tel select{flex:none;width:118px;font:400 16px/1.3 var(--font-sans, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif);color:var(--ink, #1D1D1F);background:#fff;border:1px solid var(--divider, #D2D2D7);border-radius:12px;padding:11px 10px;cursor:pointer}
.pe-dm__tel select:focus{border-color:var(--accent, #0071E3);box-shadow:0 0 0 3px rgba(0,113,227,.15);outline:none}
.pe-dm__tel input{flex:1}
.pe-dm__consent{display:flex;flex-direction:column;gap:6px}
.pe-dm__cbox{display:flex;gap:10px;align-items:flex-start;cursor:pointer;font-size:13.5px;line-height:1.45;color:var(--ink, #1D1D1F)}
.pe-dm__cbox input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.pe-dm__box{flex:none;position:relative;width:20px;height:20px;margin-top:1px;border-radius:6px;border:1.5px solid #AEAEB2;background:#fff;transition:background-color .2s,border-color .2s}
.pe-dm__cbox input:checked + .pe-dm__box{background:var(--accent, #0071E3);border-color:var(--accent, #0071E3)}
.pe-dm__cbox input:checked + .pe-dm__box::after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.pe-dm__cbox input:focus-visible + .pe-dm__box{outline:2px solid var(--accent, #0071E3);outline-offset:2px}
.pe-dm__cbox input[aria-invalid=true] + .pe-dm__box{border-color:#B25E00}
.pe-dm__err--soft{color:#9A5B00;padding-left:30px}
.pe-dm__priv{align-self:flex-start;margin-left:30px;font-size:12px;color:var(--ink-secondary, #6E6E73);text-decoration:underline;text-underline-offset:2px}
.pe-dm__priv:hover{color:var(--ink, #1D1D1F)}
.pe-dm__subwrap{display:block}
.pe-dm__submit:disabled{pointer-events:none}
.pe-dm__also{margin-top:6px!important}

/* ===== v18 ===== */
.pe-doc{display:flex;align-items:center;gap:12px;border:1px solid #E5E5EA;border-radius:14px;padding:10px 12px;background:#fff;min-width:0}
.pe-doc__thumb{flex:none;position:relative;width:36px;height:46px;border-radius:4px;border:1px solid #E5E5EA;background:#fff;padding:6px 5px;display:flex;flex-direction:column;gap:3px}
.pe-doc__thumb i{display:block;height:3px;border-radius:2px;background:#E3E3E8}
.pe-doc__thumb i:nth-child(2){width:70%}.pe-doc__thumb i:nth-child(4){width:55%}
.pe-doc__thumb b{position:absolute;left:5px;right:5px;bottom:5px;height:10px;border-radius:2px;background:linear-gradient(90deg,#BFDFFF 0 30%,#DCCFFF 30% 60%,#E3E3E8 60%)}
.pe-doc__meta{flex:1;min-width:0;display:flex;align-items:center;gap:10px}
.pe-doc__meta > div{min-width:0}
.pe-doc__ic{flex:none;font-size:10px;font-weight:700;color:var(--ink, #1D1D1F);background:#EEF0F4;border-radius:6px;padding:4px 6px}
.pe-doc__ic--xlsx{background:rgba(52,199,89,.14);color:#1E7B34}
.pe-doc__meta b{display:block;font-size:13.5px;font-weight:600;color:var(--ink, #1D1D1F);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pe-doc__meta small{font-size:12px;color:var(--ink-secondary, #6E6E73)}
.pe-docs2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pe-doc--c{flex-direction:column;align-items:flex-start;gap:8px}
.pe-doc--c .pe-doc__thumb{display:none}
.pe-doc--c .pe-doc__meta{width:100%}
.pe-dl{flex:none;gap:6px;transition:background-color .25s,color .25s,border-color .25s}
.pe-dl__ok{width:12px;height:12px;display:none}
.pe-dl.is-done{background:rgba(52,199,89,.12);border-color:transparent;color:#1E7B34}
.pe-dl.is-done .pe-dl__ok{display:inline-block;animation:pe-dlok .35s cubic-bezier(.34,1.56,.64,1)}
@keyframes pe-dlok{from{transform:scale(.3);opacity:0}}
.pe-rev{border:1px solid #E5E5EA;border-radius:14px;background:#fff;padding:10px 12px}
.pe-rev__head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pe-rev__stars{display:inline-flex;gap:1px}
.pe-rev__stars i{display:inline-block;width:13px;height:13px;color:#D2D2D7}
.pe-rev__stars i.on{color:#FF9F0A}
.pe-rev__stars svg{width:100%;height:100%;fill:currentColor}
.pe-rev__src{font-size:12px;color:var(--ink-secondary, #6E6E73)}
.pe-rev__head .pe-chip2{margin-left:auto}
.pe-rev__q{margin:6px 0 0;font-size:14px;line-height:1.4;color:var(--ink, #1D1D1F)}
.pe-rev__reply{margin-top:8px;background:#F1F6FE;border-radius:10px;padding:8px 10px}
.pe-rev__reply small{display:block;font-size:11px;font-weight:600;color:#0058B0;margin-bottom:2px}
.pe-rev__reply p{margin:0;font-size:13.5px;line-height:1.4;color:var(--ink, #1D1D1F);outline:none;border-radius:4px}
.pe-rev__reply p[contenteditable=true]{box-shadow:0 0 0 2px rgba(0,113,227,.35);background:#fff;padding:2px 4px}
.pe-rev__acts{display:flex;align-items:center;gap:14px;margin-top:8px}
.pe-rev__acts .pe-link{font-size:14px}
.pe-rev [data-post].is-press{transform:scale(.93)}
.pe-rev.is-posted .pe-rev__acts{display:none}
.pe-thread--next .pe-intro{font-size:clamp(14px,1.7vh,15.5px)}
.pe-thread--next .pe-amsg .pe-acard{padding:8px 10px}
.pe-thread--next .pe-rev{border:0;padding:0}
@media (max-height:820px){
  .pe-thread--next .pe-intro{font-size:13.5px;line-height:1.35;margin-bottom:6px}
  .pe-rev__q{margin-top:4px;font-size:13px}
  .pe-rev__reply{margin-top:6px;padding:6px 9px}
  .pe-rev__reply p{font-size:12.5px;line-height:1.35}
  .pe-rev__acts{margin-top:6px}
  .pe-thread--next .pe-umsg .pe-who{display:none}
}
/* chat with Pip */
.pe-pc{position:fixed;z-index:80;width:380px;display:flex;flex-direction:column;background:#fff;border:1px solid var(--divider, #D2D2D7);border-radius:20px;box-shadow:0 30px 70px -28px rgba(0,0,0,.35),0 6px 18px -8px rgba(0,0,0,.1);overflow:hidden;opacity:0;transform:translateY(8px) scale(.98);transition:opacity .25s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1);font-family:var(--font-sans, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif)}
.pe-pc.is-on{opacity:1;transform:none}
.pe-pc[hidden]{display:none}
.pe-pc__handle{display:none}
.pe-pc__head{flex:none;display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #EDEDF0}
.pe-pc__head .pip--mini{width:30px;height:30px}
.pe-pc__head b{display:block;font-size:15px;font-weight:600;color:var(--ink, #1D1D1F)}
.pe-pc__head small{font-size:12px;color:var(--ink-secondary, #6E6E73)}
.pe-pc__x{margin-left:auto;width:30px;height:30px;border:0;border-radius:50%;background:var(--bg-alt, #F5F5F7);color:var(--ink-secondary, #6E6E73);display:grid;place-items:center;cursor:pointer;padding:0}
.pe-pc__x svg{width:15px;height:15px}
.pe-pc__x:focus-visible,.pe-pc__chip:focus-visible{outline:2px solid var(--accent, #0071E3);outline-offset:2px}
.pe-pc__body{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;padding:14px;display:flex;flex-direction:column;gap:12px}
.pe-pc__body::-webkit-scrollbar{display:none}
.pe-pc .cm-text{font-size:14.5px}
.pe-pc .pe-qbubble{font-size:14.5px;padding:8px 13px}
.pe-pc__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.pe-pc__chip{font:500 13px/1 var(--font-sans, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif);color:var(--accent, #0071E3);background:#fff;border:1px solid var(--accent, #0071E3);border-radius:980px;padding:7px 12px;cursor:pointer}
.pe-pc__chip:hover{background:var(--ui-tint, #E8F1FC)}
.pe-pc__acts{margin-top:8px}
.pe-pc__input{flex:none;margin:6px 12px 12px}
.pe-pc__input .pe-input__in{display:flex;align-items:center;gap:8px}
.pe-pc__field{flex:1;min-width:0;border:0;outline:0;background:transparent;font:400 15px/1.3 var(--font-sans, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif);color:var(--ink, #1D1D1F);padding:0}
.pe-pc__input .pe-send{border:0;cursor:pointer;flex:none}
.pe-pc__input:focus-within::before{opacity:1}
@media (max-width:639px){
  .pe-pc{left:0!important;right:0;bottom:0;top:auto!important;width:auto;height:min(82svh,640px)!important;border-radius:20px 20px 0 0;transform:translateY(100%)}
  .pe-pc.is-on{transform:none}
  .pe-pc__handle{display:block;position:absolute;top:0;left:0;right:0;height:22px;z-index:2;touch-action:none;cursor:grab}
  .pe-pc__handle::after{content:"";position:absolute;left:50%;top:7px;width:38px;height:5px;margin-left:-19px;border-radius:3px;background:#C7C7CC}
  .pe-pc__head{padding-top:20px}
  .pe-thread--next .pe-intro{font-size:13.5px;line-height:1.35}
  .pe-rev__reply p{font-size:12.5px}
  .pe-thread--next .pe-umsg .pe-who{display:none}
  .pe-rev__q{font-size:13px;margin-top:4px}
  .pe-rev__reply{margin-top:6px;padding:6px 9px}
  .pe-rev__acts{margin-top:6px}
  .pe-doc--c{padding:8px 10px}
  .pe-doc--c .pe-doc__meta b{font-size:12px}
}
@media (prefers-reduced-motion:reduce){.pe-pc{transition:opacity .15s}}

/* ===== v19: product colors ===== */
.pe-pcard--c{position:relative;overflow:hidden;border-radius:18px;border:1px solid #D2D2D7;background:linear-gradient(180deg,var(--pt) 0%,#FFFFFF 78%)}
.pe-pcard--c::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--pc);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.pe-pcard--c:hover,.pe-pcard--c:focus-visible{transform:translateY(-4px);box-shadow:0 22px 44px -22px rgba(0,0,0,.28),0 4px 12px -6px rgba(0,0,0,.08)}
.pe-pcard--c:hover::before,.pe-pcard--c:focus-visible::before,.pe-pcard--c.is-tour::before{transform:scaleX(1)}
.pe-pcard--c .pe-pcard__top{gap:12px;align-items:center}
.pe-pcard__ic{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--pt)}
.pe-pcard--c .pe-pcard__top .pe-pcard__ic svg{width:24px;height:24px;stroke:var(--pc);stroke-width:1.5}
.pe-pcard__ic--ai{background:linear-gradient(135deg,#DCEBFF 0%,#E9DEFF 55%,#FFE4D8 100%)}
.pe-pcard__nm{min-width:0;display:flex;flex-direction:column;gap:2px}
.pe-pcard__tag{font-size:12px;line-height:1.2;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--pc)}
.pe-pcard--c h3{font-size:20px;line-height:1.2;font-weight:600;color:#1D1D1F}
@media (max-height:760px) and (min-width:834px){.pe-pcard__ic{width:40px;height:40px;border-radius:10px}.pe-pcard--c .pe-pcard__top .pe-pcard__ic svg{width:21px;height:21px}.pe-pcard--c h3{font-size:18px}}
@media (max-width:833px){.pe-pcard__ic{width:40px;height:40px;border-radius:10px}.pe-pcard--c h3{font-size:17px}.pe-pcard__tag{font-size:11px}}
@media (max-width:639px){.pe-pcard__ic{width:36px;height:36px}.pe-pcard__tag{font-size:10px}}
/* section eyebrows follow the product color */
#pms .pe-eyebrow{color:#0058B0}#rms .pe-eyebrow{color:#1B6B2F}#channel-manager .pe-eyebrow{color:#0B6B63}#booking-engine .pe-eyebrow{color:#A35200}#pos .pe-eyebrow{color:#A3283B}#ask .pe-shead .pe-eyebrow{color:#5B3FB3}
/* ===== final CTA photo ===== */
#pricing.pe-ctaph{position:relative;height:calc(100svh - 48px);min-height:520px;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;background:linear-gradient(115deg,#0E1428 0%,#1B2340 45%,#5A3A35 80%,#C46A3E 100%);text-align:left;padding:0}
.pe-ctaph__media{position:absolute;inset:0;overflow:hidden}
.pe-ctaph__media img{width:100%;height:100%;object-fit:cover;object-position:right center;display:block;transform:scale(1);transition:transform 12s cubic-bezier(.25,.1,.25,1),opacity .6s;opacity:0}
#pricing.has-photo .pe-ctaph__media img{opacity:1}
#pricing.no-photo .pe-ctaph__media img{display:none}
#pricing.is-in .pe-ctaph__media img{transform:scale(1.04)}
.pe-ctaph__shade{position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,.65) 0%,rgba(0,0,0,.35) 45%,rgba(0,0,0,0) 70%)}
.pe-ctaph__in{position:relative;z-index:1;width:100%}
.pe-ctaph__copy{max-width:min(45%,560px)}
.pe-ctaph__h{margin:0;font-size:clamp(36px,5.6vh,56px);line-height:1.07;font-weight:600;letter-spacing:-0.025em;color:#FFFFFF;text-wrap:balance}
.pe-ctaph__sub{margin:clamp(12px,2vh,18px) 0 0;font-size:clamp(17px,2.2vh,21px);line-height:1.4;color:rgba(255,255,255,.8)}
.pe-ctaph__actions{display:flex;align-items:center;gap:16px;margin-top:clamp(22px,3.6vh,34px)}
.pe-ctaph .pe-pipslot--cta{width:64px;height:64px;flex:none}
@media (max-width:1023px){.pe-ctaph__copy{max-width:min(60%,560px)}}
@media (max-width:767px){
  #pricing.pe-ctaph{align-items:flex-end;height:calc(100svh - 48px)}
  .pe-ctaph__media img{object-position:center top}
  .pe-ctaph__shade{background:linear-gradient(to top,rgba(0,0,0,.65) 0%,rgba(0,0,0,.35) 45%,rgba(0,0,0,0) 70%)}
  .pe-ctaph__in{padding-bottom:clamp(32px,7vh,56px)}
  .pe-ctaph__copy{max-width:none}
  .pe-ctaph__h{font-size:clamp(30px,8.4vw,40px)}
}
@media (prefers-reduced-motion:reduce){.pe-ctaph__media img{transition:opacity .3s;transform:none!important}}
.pe-footer__credit{font-size:12px;line-height:1.4;color:var(--ink-secondary, #6E6E73);margin:0 0 16px}

/* ===== v20: photo on the right, fading into navy ===== */
#pricing.pe-ctaph2{background:#0B1124}
.pe-ctaph2 .pe-ctaph__media{left:auto;right:0;width:min(78%,1500px);-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.55) 22%,#000 46%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.55) 22%,#000 46%)}
.pe-ctaph2 .pe-ctaph__media img{opacity:1;object-fit:cover;object-position:right center}
.pe-ctaph2 .pe-ctaph__shade{background:linear-gradient(to right,rgba(11,17,36,.9) 0%,rgba(11,17,36,.45) 32%,rgba(11,17,36,0) 55%)}
@media (max-width:767px){
  #pricing.pe-ctaph2{align-items:flex-end}
  .pe-ctaph2 .pe-ctaph__media{left:0;right:0;width:auto;height:58%;-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent 100%);mask-image:linear-gradient(to bottom,#000 55%,transparent 100%)}
  .pe-ctaph2 .pe-ctaph__media img{object-position:78% center}
  .pe-ctaph2 .pe-ctaph__shade{background:linear-gradient(to top,rgba(11,17,36,.95) 0%,rgba(11,17,36,.6) 40%,rgba(11,17,36,0) 62%)}
}

/* ===== v21: product sections ===== */
.pe-cs2{height:calc(100svh - 48px);min-height:560px;display:flex;align-items:center;background:var(--bg, #FFFFFF);overflow:hidden}
.pe-cs2.pe-section--alt{background:var(--bg-alt, #F5F5F7)}
.pe-cs2__in{width:100%;max-width:1200px;margin:0 auto;padding:clamp(48px,7vh,72px) 24px clamp(20px,3vh,32px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
.pe-cs2--flip .pe-cs2__vis{order:2}
.pe-cs2__vis{min-width:0;display:flex;justify-content:center}
.pe-cs2 .pe-chatwrap{width:100%;max-width:620px;height:auto;max-height:none}
.pe-cs2 .pe-chatw{flex:none;height:auto;max-height:78vh}
.pe-cs2 .pe-chatw.is-measure{max-height:none}
.pe-cs2 .pe-chatw.is-measure .pe-chatw__body{flex:none;overflow:visible;visibility:hidden}
.pe-cs2 .pe-chatw__body{padding-top:14px}
.pe-chatw__who{display:inline-flex;align-items:center;gap:10px;min-width:0}
.pe-chatw__pip{width:28px!important;height:28px!important;flex:none}
.pe-cs2 .pe-chatw__role{display:flex;flex-direction:column;line-height:1.15}
.pe-cs2 .pe-chatw__role b{font-size:15px;font-weight:600;color:var(--ink, #1D1D1F)}
.pe-cs2 .pe-chatw__role small{font-size:12px;font-weight:500;color:var(--ink-secondary, #6E6E73)}
.pe-cs2 .pe-chatwrap--phone{align-items:flex-end;width:auto}
.pe-cs2--flip .pe-chatwrap--phone{align-items:flex-start}
.pe-cs2--flip .pe-cs2__vis{justify-content:flex-start}
.pe-cs2:not(.pe-cs2--flip) .pe-cs2__vis{justify-content:flex-end}
.pe-cs2 .bp{height:min(78vh,620px);flex:none}
/* text column */
.pe-cs2__text{min-width:0;display:flex}
.pe-cs2__inner{position:relative;max-width:520px}
.pe-cs2--flip .pe-cs2__inner{margin-left:auto}
.pe-cs2__eyebrow{position:absolute;left:0;bottom:100%;margin:0 0 8px!important;font-size:15px!important;font-weight:600;color:var(--pc)!important}
.pe-cs2__h{margin:0;font-size:clamp(34px,4.4vh,48px);line-height:1.08;font-weight:600;letter-spacing:-0.025em;color:var(--ink, #1D1D1F);text-wrap:balance}
.pe-pipslot--head{display:inline-block;width:44px;height:44px;margin-left:10px;vertical-align:-6px}
.pe-cs2__sub{margin:clamp(10px,1.8vh,16px) 0 0;font-size:19px;line-height:1.42;color:var(--ink-secondary, #6E6E73)}
.pe-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(18px,3vh,28px)}
.pe-stats b{display:block;font-size:28px;line-height:1.1;font-weight:600;letter-spacing:-0.02em;color:var(--pc);font-variant-numeric:tabular-nums}
.pe-stats small{display:block;margin-top:4px;font-size:13px;line-height:1.35;color:var(--ink-secondary, #6E6E73)}
.pe-stats__foot{margin:8px 0 0;font-size:12px;color:var(--ink-secondary, #6E6E73)}
.pe-ba{margin-top:clamp(16px,2.6vh,24px);background:var(--bg-alt, #F5F5F7);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:14px}
.pe-section--alt .pe-ba{background:#FFFFFF}
.pe-ba__row{display:flex;gap:12px;align-items:flex-start}
.pe-ba__row > svg,.pe-ba__row .pip--mini{flex:none;width:22px;height:22px;margin-top:1px}
.pe-ba__row .pip--mini{width:26px;height:26px;margin-top:-2px}
.pe-ba__row b{display:block;font-size:13px;font-weight:600;color:var(--ink-secondary, #6E6E73);margin-bottom:2px}
.pe-ba__row p{margin:0;font-size:15px;line-height:1.45}
.pe-ba__row--before p{color:var(--ink-secondary, #6E6E73)}
.pe-ba__row--after b{color:var(--ink, #1D1D1F)}
.pe-ba__row--after p{color:var(--ink, #1D1D1F);font-weight:500}
.pe-cs2 .pe-ba__row{opacity:0;transform:translateY(6px);transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1)}
.pe-cs2 .pe-ba__row--after{transform:translateX(16px)}
.pe-cs2.is-shown .pe-ba__row{opacity:1;transform:none}
.pe-cs2.is-shown .pe-ba__row--after{transition-delay:.3s}
.pe-guest{display:flex;gap:8px;align-items:center;margin:clamp(14px,2.2vh,20px) 0 0;font-size:15px;line-height:1.4;color:var(--ink, #1D1D1F)}
.pe-guest__ic{flex:none;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--bg-alt, #F5F5F7);color:var(--pc)}
.pe-section--alt .pe-guest__ic{background:#FFFFFF}
.pe-guest__ic svg{width:14px;height:14px}
.pe-guest em{font-style:italic}
.pe-csacts{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:clamp(18px,3vh,28px)}
.pe-csacts .pe-link{font-size:15px}
@media (max-height:820px) and (min-width:1024px){
  .pe-cs2__sub{font-size:17px}
  .pe-stats b{font-size:24px}
  .pe-ba{padding:16px;gap:10px}
  .pe-ba__row p{font-size:14px}
  .pe-guest{font-size:14px}
}
@media (max-height:700px) and (min-width:1024px){
  .pe-cs2__in{padding-top:44px}
  .pe-cs2__sub{margin-top:8px}
  .pe-stats{margin-top:14px}.pe-ba{margin-top:12px;padding:12px 14px}.pe-guest{margin-top:10px}.pe-csacts{margin-top:14px}
}
@media (max-width:1023px){
  .pe-cs2{height:auto;min-height:0;display:block}
  .pe-cs2__in{grid-template-columns:minmax(0,1fr);gap:36px;padding:72px 20px 48px}
  .pe-cs2--flip .pe-cs2__vis,.pe-cs2__vis{order:2}
  .pe-cs2__inner,.pe-cs2--flip .pe-cs2__inner{max-width:640px;margin:0}
}
@media (max-width:639px){
  .pe-stats{gap:10px}.pe-stats b{font-size:22px}.pe-stats small{font-size:12px}
  .pe-cs2__sub{font-size:17px}
  .pe-ba{padding:16px}
}
@media (prefers-reduced-motion:reduce){.pe-cs2 .pe-ba__row{transition:none;opacity:1;transform:none}}

.pe-acard a.pe-link.is-done{color:#1E7B34;pointer-events:none}
/* ===== v22 ===== */
.pe-page .pe-pcard--c .pe-pcard__desc{-webkit-line-clamp:3}
/* views */
html[data-view]:not([data-view="home"]) .pip--travel,html[data-view]:not([data-view="home"]) .pe-fab,html[data-view]:not([data-view="home"]) .pe-bub,html[data-view]:not([data-view="home"]) .pe-tourbar{display:none!important}
.pe-view[hidden]{display:none!important}
/* eyebrow pulse after scrolling to a section */
.pe-eyebrow.is-pulse{animation:pe-pulse 1.2s cubic-bezier(.22,1,.36,1)}
.pe-cs2__eyebrow.is-pulse{transform-origin:left center}
@keyframes pe-pulse{0%{transform:scale(1);text-shadow:none}35%{transform:scale(1.12);text-shadow:0 0 14px currentColor}100%{transform:scale(1);text-shadow:none}}
/* reviews -> insights */
.pe-rev2{border:0;padding:0}
.pe-ins{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.pe-ins .pe-chip2{font-size:13px;padding:4px 11px}
.pe-rev2__ask{display:flex;gap:8px;align-items:flex-start;margin-top:10px}
.pe-rev2__ask .pip--mini{width:22px;height:22px;flex:none}
.pe-rev2__ask p{margin:0;font-size:14px;line-height:1.4;color:var(--ink, #1D1D1F)}
.pe-rev2 .pe-rev__acts{margin-top:8px;padding-left:30px}
.pe-rev2__done{display:none;margin-top:8px;padding-left:30px;gap:8px;align-items:center;flex-wrap:wrap}
.pe-rev2__done p{margin:0;font-size:14px;line-height:1.4;color:var(--ink, #1D1D1F);font-weight:500}
.pe-rev2.is-posted .pe-rev__acts{display:none}
.pe-rev2.is-posted .pe-rev2__done{display:flex;animation:pe-in .35s cubic-bezier(.22,1,.36,1)}
@media (max-height:820px){.pe-ins .pe-chip2{font-size:12px;padding:3px 9px}.pe-rev2__ask p,.pe-rev2__done p{font-size:13px}.pe-rev2__ask{margin-top:8px}}
/* textarea in modals */
.pe-dm__card textarea{width:100%;box-sizing:border-box;font:400 16px/1.4 var(--font-sans, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif);color:var(--ink, #1D1D1F);background:#fff;border:1px solid var(--divider, #D2D2D7);border-radius:12px;padding:11px 14px;resize:vertical;min-height:96px}
.pe-dm__card textarea:focus{border-color:var(--accent, #0071E3);box-shadow:0 0 0 3px rgba(0,113,227,.15);outline:none}
/* About + legal */
.pe-ab{min-height:calc(100svh - 48px);display:flex;align-items:center;padding:clamp(48px,8vh,96px) 0;background:var(--bg, #FFFFFF)}
.pe-ab.pe-section--alt{background:var(--bg-alt, #F5F5F7)}
.pe-ab > .pe-wrap{width:100%}
.pe-ab__narrow{max-width:820px!important}
.pe-ab--hero .pe-eyebrow,.pe-legal .pe-eyebrow{color:#5B3FB3;margin-bottom:12px}
.pe-ab__h1{margin:0;font-size:clamp(40px,7vh,72px);line-height:1.05;font-weight:600;letter-spacing:-0.03em;color:var(--ink, #1D1D1F);text-wrap:balance}
.pe-ab__h2{margin:0;font-size:clamp(32px,5vh,52px);line-height:1.08;font-weight:600;letter-spacing:-0.025em;color:var(--ink, #1D1D1F);text-wrap:balance}
.pe-ab__lead{margin:clamp(16px,3vh,28px) 0 0;font-size:clamp(19px,2.6vh,24px);line-height:1.45;color:var(--ink-secondary, #6E6E73);text-wrap:pretty}
.pe-center .pe-ab__lead{margin-left:auto;margin-right:auto;max-width:720px}
.pe-ab__split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
.pe-ab__prose p{margin:0 0 20px;font-size:clamp(18px,2.4vh,21px);line-height:1.55;color:var(--ink-secondary, #6E6E73)}
.pe-ab__prose p:last-child{color:var(--ink, #1D1D1F);font-weight:500;margin-bottom:0}
.pe-ab__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:clamp(28px,5vh,48px)}
.pe-ab__card{background:var(--bg-alt, #F5F5F7);border-radius:20px;padding:clamp(22px,3.4vh,32px)}
.pe-ab__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#fff;color:#5B3FB3}
.pe-ab__ic svg{width:22px;height:22px}
.pe-ab__card h3{margin:16px 0 0;font-size:21px;line-height:1.25;font-weight:600;color:var(--ink, #1D1D1F)}
.pe-ab__card p{margin:6px 0 0;font-size:16px;line-height:1.5;color:var(--ink-secondary, #6E6E73)}
.pe-ab__pip{display:block;width:clamp(120px,18vh,160px);height:clamp(120px,18vh,160px);margin:0 auto clamp(16px,3vh,28px)}
.pe-ab__pip .pip-tod{display:none}
.pe-ab__acts{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:clamp(24px,4vh,36px)}
.pe-ab__team{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:clamp(28px,5vh,48px)}
.pe-ab__member{width:240px;background:#fff;border-radius:20px;padding:28px 20px;display:flex;flex-direction:column;align-items:center;gap:6px}
.pe-ab__photo{width:96px;height:96px;border-radius:50%;background:#E8E8ED;margin-bottom:10px}
.pe-ab__member b{font-size:17px;font-weight:600;color:var(--ink, #1D1D1F)}
.pe-ab__member small{font-size:14px;color:var(--ink-secondary, #6E6E73)}
.pe-ab__based{margin:clamp(20px,3.4vh,32px) 0 0;font-size:16px;color:var(--ink-secondary, #6E6E73)}
.pe-legal .pe-ab__lead{color:var(--ink-secondary, #6E6E73)}
.pe-legal p .pe-link{display:inline-flex;margin-top:28px;font-size:17px}
@media (max-width:833px){
  .pe-ab{min-height:0;padding:72px 0}
  .pe-ab__split{grid-template-columns:minmax(0,1fr);gap:24px}
  .pe-ab__grid{grid-template-columns:minmax(0,1fr)}
}

/* ===== v23: in-page views ===== */
.pe-view.is-fade{animation:pe-viewfade .2s cubic-bezier(.25,.1,.25,1)}
@keyframes pe-viewfade{from{opacity:0}to{opacity:1}}
.pe-backbar{position:relative;z-index:2;padding-top:20px}
.pe-back{display:inline-flex;align-items:center;gap:6px;font-size:15px}
.pe-back svg{width:7px;height:12px}
.pe-about .pe-ab--hero,.pe-legal .pe-legal__sec{margin-top:-44px}
@media (prefers-reduced-motion:reduce){.pe-view.is-fade{animation:none}}


/* Single deliberate light look, per the brand spec */
body{background:var(--bg);color:var(--ink)}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:rgba(255,255,255,.9)}
.pe-nav{top:env(safe-area-inset-top,0px)}
.pe-wrap,.pe-nav__inner,.pe-mega__inner{padding-left:max(22px,env(safe-area-inset-left,0px));padding-right:max(22px,env(safe-area-inset-right,0px))}
@media (max-width:833px){.pe-wrap,.pe-nav__inner{padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px))}}
.pe-page{overflow-x:clip}