/* LogoPixi landing fixes 2026-10-22: popup teaser, button contrast, infographics, packages, nav, type scale. */
/* 6. slightly smaller type (form inputs stay 16px) */
body{font-size:15px}
.lead{font-size:17px}
.sh h2,.psg h2,.fqg h2{font-size:clamp(30px,4.2vw,60px)}
.bi h3,.steps h3{font-size:20px}
.bi p,.steps p{font-size:14px}
.tri b{font-size:19px}
@media(max-width:767px){.lead{font-size:15px}.sh h2,.psg h2,.fqg h2{font-size:clamp(28px,7.4vw,36px)}.bi h3,.steps h3{font-size:19px}.tri b{font-size:16px}}
.brief-dialog input,.brief-dialog select,.brief-dialog textarea,#enquire input,#enquire select,#enquire textarea{font-size:16px}
/* 5. smaller nav button */
.top .btn{padding:8px 14px;font-size:12.5px;min-height:36px;line-height:1.2}
@media(pointer:coarse){.top .btn{min-height:44px}}
/* 2. button text always visible (no hover needed) */
.btn{color:#fff;font-weight:600}
.btn.p,.plan.hot .btn{color:#0A0A0B}
.btn:not(.p){background-color:#17171b;border-color:#ffffff5c}
.plan.hot .btn{background:#fff}
.btn.rv,.sh .btn.rv{opacity:1!important}
.btn.p:hover{background:#fff;color:#0A0A0B;box-shadow:0 0 0 3px #ff3d8155}
.btn:not(.p):hover{background:#26262c;color:#fff;border-color:#fff}
.btn.wa:not(.p){background-color:#17171b}
/* 4. packages: bullets instead of dashes, hanging indent */
.plan ul{list-style:none;padding-left:0}
.plan li{position:relative;padding-left:18px;text-align:left}
.plan li:before{content:"";position:absolute;left:2px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--gr)}
/* 8. package alignment + prominent button on hover */
.plan{display:flex;flex-direction:column;text-align:left}
.plan ul{flex:1 1 auto;margin-bottom:22px}
.plan .payment-detail{min-height:2.9em}
.plan .t{display:block;min-height:1.6em}
.plan .btn{margin-top:auto;width:100%;font-weight:600;letter-spacing:.01em}
.plan .btn:hover,.plan .btn:focus-visible{background:var(--gr);color:#fff;border-color:transparent;text-shadow:0 1px 2px #0006;font-weight:700}
.plan.hot .btn:hover,.plan.hot .btn:focus-visible{color:#fff}
/* 3. infographics */
.lpfx-ic{width:34px;height:34px;flex:none;display:block}
.lpfx-tri{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center}
.lpfx-tri .lpfx-ic{grid-row:span 2;width:40px;height:40px;padding:8px;border-radius:12px;background:#ffffff08;border:1px solid #ffffff1f;box-sizing:content-box}
.lpfx-tri b,.lpfx-tri span{grid-column:2}
.lpfx-bn{display:flex!important;align-items:center;gap:12px}
.lpfx-bn .lpfx-ic{width:30px;height:30px;padding:7px;border-radius:10px;background:#ffffff08;border:1px solid #ffffff1f;box-sizing:content-box}
.lpfx-flow{list-style:none;margin:8px 0 34px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);position:relative;counter-reset:f}
.lpfx-flow:before{content:"";position:absolute;left:12.5%;right:12.5%;top:31px;height:2px;background:var(--gr);opacity:.7}
.lpfx-flow li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.lpfx-node{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#0A0A0B;border:1.5px solid #ffffff33;box-shadow:0 0 0 6px #0A0A0B}
.lpfx-node .lpfx-ic{width:28px;height:28px}
.lpfx-flow b{font-size:15px;margin-top:6px}
.lpfx-flow small{font-size:12px;color:var(--mute);letter-spacing:.04em;text-transform:uppercase}
@media(max-width:600px){.lpfx-flow{grid-template-columns:repeat(4,1fr);gap:4px}.lpfx-flow:before{top:24px}.lpfx-node{width:48px;height:48px;box-shadow:0 0 0 4px #0A0A0B}.lpfx-node .lpfx-ic{width:22px;height:22px}.lpfx-flow b{font-size:13px}.lpfx-flow small{font-size:10px}.lpfx-tri .lpfx-ic{width:30px;height:30px;padding:6px}}
/* 1. popup teaser: one offer, one CTA */
.lpfx-tz{display:none}
.brief-dialog.lpfx-teaser{max-width:420px}
.brief-dialog.lpfx-teaser .brief-head .offer-label,.brief-dialog.lpfx-teaser .brief-body>*:not(.lpfx-tz){display:none!important}
.brief-dialog.lpfx-teaser #brief-title{visibility:hidden;height:0;margin:0}
.brief-dialog.lpfx-teaser .lpfx-tz{display:block;text-align:center;padding:4px 6px 10px}
.lpfx-tz-k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin:0 0 8px}
.lpfx-tz-p{font:700 clamp(30px,8vw,40px)/1.1 "Inter Tight",Inter,sans-serif;margin:0 0 8px;color:#fff}
.lpfx-tz-s{margin:0 0 22px;color:#cfcfd4;font-size:15px}
.lpfx-tz-b{width:100%;min-height:52px;font-size:16px}
.brief-dialog.lpfx-teaser .brief-head{border-bottom:0;padding-bottom:0;min-height:0}