/* The redesigned home page under test at /home-next. Every rule is scoped to .hx.is-next. */

/* ===== Owner quiz under the hero + founder's letter (19 Oct 2026, from Eugiene's mockups) ===== */
/* The quiz: possible.site's own Possible, the first thing below the hero. The player draws its own card. */
.hx.is-next .hx-quiz .hx-h2{font-size:clamp(34px,4.4vw,58px)}
.hx.is-next .hx-quiz .hx-sub{max-width:640px}
.hx.is-next .hx-quiz-card{position:relative}
.hx.is-next .hx-quiz-card>.hx-slide-wait{min-height:420px;border-radius:18px}

/* The letter: two hearts on the left, the letter on the right, between two quiet rules. */
.hx.is-next .hx-letter-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px);align-items:start;padding:clamp(48px,7vw,96px) 0;border-top:1px solid #e4e0f4;border-bottom:1px solid #e4e0f4}
.hx.is-next .hx-hearts{position:sticky;top:120px;max-width:400px}
.hx.is-next .hx-hearts svg{display:block;width:100%;height:auto;overflow:visible}
.hx.is-next .hx-hearts path{fill:none;stroke:url(#hx-heart-rb);stroke-width:4;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.hx.is-next .hx-heart-b{transform-box:fill-box;transform-origin:center}
.hx.is-next .hx-hearts.is-armed .hx-heart-b{opacity:0;transform:translate(48px,36px) rotate(16deg)}
.hx.is-next .hx-hearts.is-in .hx-heart-b{opacity:1;transform:none;transition:transform 1.2s cubic-bezier(.3,1.25,.5,1),opacity .6s ease}
.hx.is-next .hx-letter-body .hx-h2{margin-bottom:clamp(22px,3vw,32px)}
.hx.is-next .hx-letter-body p{margin:0 0 18px;max-width:62ch;font-size:clamp(17px,1.4vw,19px);line-height:1.7;color:#2c2f3d;text-wrap:pretty}
.hx.is-next .hx-letter-body .hx-sign{margin:30px 0 0;color:var(--hx-muted)}
.hx.is-next .hx-sign .tagline{display:block;width:fit-content;margin-top:4px;font-size:clamp(42px,4.6vw,58px);line-height:1.15;padding-right:.12em}
.hx.is-next .hx-letter-acts{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:30px}
.hx.is-next .hx-letter-more{font-size:16px;font-weight:600;color:var(--hx-ink);text-decoration:underline;text-decoration-color:#cdc6ee;text-underline-offset:5px;text-decoration-thickness:1.5px}
.hx.is-next .hx-letter-more:hover{text-decoration-color:currentColor}
.hx.is-next .hx-letter-more:focus-visible{outline:2px solid #3d8bff;outline-offset:4px;border-radius:4px}
@media(max-width:760px){.hx.is-next .hx-letter-in{grid-template-columns:1fr}.hx.is-next .hx-hearts{position:static;max-width:190px}}
@media(prefers-reduced-motion:reduce){.hx.is-next .hx-hearts .hx-heart-b{transition:none}}
/* Beside the quiz's result: the same Possible on all three channels; the one they named first starts it. */
.hx.is-next .hx-quiz-where{display:none}
.hx.is-next .hx-quiz-card:has(.rp-at-result) .hx-quiz-where{display:block;position:absolute;top:clamp(96px,9vw,118px);right:clamp(28px,4vw,56px);width:250px;animation:hx-qw-in .6s .5s cubic-bezier(.2,.8,.2,1) both}
.hx.is-next .hx-quiz-where>p:not(.hx-qw-note){margin:0 0 12px;font-size:14px;font-weight:700;color:var(--hx-ink)}
.hx.is-next .hx-quiz-where ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.hx.is-next .hx-quiz-where li{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:var(--hx-soft)}
.hx.is-next .hx-quiz-where li svg{grid-row:span 2;width:26px;height:26px;fill:none;stroke:url(#hx-qw-rb);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hx.is-next .hx-quiz-where li b{font-size:15px;color:var(--hx-ink)}
.hx.is-next .hx-quiz-where li small{font-size:12.5px;color:var(--hx-muted)}
.hx.is-next .hx-quiz-where .is-start{display:none}
.hx.is-next .hx-quiz-card[data-from="web"] li[data-ch="web"],.hx.is-next .hx-quiz-card[data-from="social"] li[data-ch="social"],.hx.is-next .hx-quiz-card[data-from="ads"] li[data-ch="ads"]{background:#fff;box-shadow:inset 0 0 0 1.5px #c9bff2}
.hx.is-next .hx-quiz-card[data-from="web"] li[data-ch="web"] .is-start,.hx.is-next .hx-quiz-card[data-from="social"] li[data-ch="social"] .is-start,.hx.is-next .hx-quiz-card[data-from="ads"] li[data-ch="ads"] .is-start{display:inline;color:#5b4bd6;font-weight:600}
.hx.is-next .hx-quiz-card[data-from="web"] li[data-ch="web"] .is-also,.hx.is-next .hx-quiz-card[data-from="social"] li[data-ch="social"] .is-also,.hx.is-next .hx-quiz-card[data-from="ads"] li[data-ch="ads"] .is-also{display:none}
.hx.is-next .hx-qw-note{margin:12px 2px 0;font-size:13px;line-height:1.45;color:var(--hx-muted)}
@keyframes hx-qw-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:1060px){.hx.is-next .hx-quiz-card:has(.rp-at-result) .hx-quiz-where{position:static;width:auto;margin-top:16px;padding:18px;border-radius:24px;border:1px solid var(--hx-line);background:#fff}.hx.is-next .hx-quiz-where ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.hx.is-next .hx-quiz-where ul{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.hx.is-next .hx-quiz-card:has(.rp-at-result) .hx-quiz-where{animation:none}}

/* ===== Home page redesign (19 Oct 2026, Eugiene's mockups) =====
   Tokens: ink #161b33, body #565b70, lavender field #f4f2fe, lavender line #e6e3f4, violet #5b4bd6.
   The rainbow (#hm-rb, --hx-rb) only on the italic payoff phrase, line icons, the hearts and hover rings.
   Lists, accordions and hairlines instead of a card for everything; one shadow, only on floating things. */
.hx.is-next{--hm-ink:#161b33;--hm-body:#565b70;--hm-field:#f4f2fe;--hm-line:#e6e3f4;--hm-violet:#5b4bd6}
.hx.is-next .hm-defs{position:absolute;width:0;height:0;overflow:hidden}
.hx.is-next .hx-h2{font-size:clamp(36px,4.6vw,64px);line-height:1.04;letter-spacing:-.045em;color:var(--hm-ink)}
.hx.is-next .hx-sub{font-size:clamp(17px,1.5vw,19px);color:var(--hm-body)}
.hx.is-next .hm-hearts{fill:none;stroke:url(#hm-rb);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;width:22px;height:17px;flex:none;vertical-align:-3px}

/* Buttons: the dark pill is the main action; a rainbow ring arrives on hover, as everywhere at Possible. */
.hx.is-next .hm-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;border:2px solid transparent;background:linear-gradient(var(--hm-ink),var(--hm-ink)) padding-box,linear-gradient(var(--hm-ink),var(--hm-ink)) border-box;color:#fff;font-family:inherit;font-size:16px;font-weight:600;line-height:1;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .25s,transform .2s}
.hx.is-next .hm-btn span{transition:transform .2s}
.hx.is-next .hm-btn:hover{background:linear-gradient(var(--hm-ink),var(--hm-ink)) padding-box,var(--hx-rb) border-box}
.hx.is-next .hm-btn:hover span{transform:translateX(3px)}
.hx.is-next .hm-btn:active{transform:scale(.98)}
.hx.is-next .hm-btn:focus-visible,.hx.is-next .hm-pill:focus-visible,.hx.is-next .hm-acc-row summary:focus-visible{outline:3px solid #3d8bff;outline-offset:3px}
.hx.is-next .hm-btn.is-light{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(#d9d4f0,#d9d4f0) border-box;color:var(--hm-ink)}
.hx.is-next .hm-btn.is-light:hover{background:linear-gradient(#fff,#fff) padding-box,var(--hx-rb) border-box}
.hx.is-next .hm-btn.is-wide{width:100%}
.hx.is-next .hm-link{color:var(--hm-violet);font-weight:600;text-decoration:none}
.hx.is-next .hm-link:hover{text-decoration:underline;text-underline-offset:4px}

/* 1. Quiz: a little larger, the player's card edged in lavender. */
.hx.is-next .hx-quiz .hx-h2{font-size:clamp(38px,5vw,68px)}
.hx.is-next .hx-quiz-card .rp-v2{--v2-line:var(--hm-line)}

/* 2. Showcase: one segmented control; each slide opens with what visitors wonder and what the Possible does. */
.hx.is-next .hm-tabs{display:flex;justify-content:center;margin:0 0 26px}
.hx.is-next .hm-tabs .hx-cats{display:inline-flex;flex-wrap:nowrap;gap:2px;margin:0;padding:5px;max-width:100%;overflow-x:auto;scrollbar-width:none;border-radius:999px;background:#fff;border:1px solid var(--hm-line)}
.hx.is-next .hm-tabs .hx-cats::-webkit-scrollbar{display:none}
.hx.is-next .hm-tabs .hx-cat{padding:10px 17px;border:0;background:none;color:var(--hm-body);white-space:nowrap;box-shadow:none}
.hx.is-next .hm-tabs .hx-cat:hover{color:var(--hm-ink)}
.hx.is-next .hm-tabs .hx-cat[aria-selected="true"]{background:var(--hm-ink);color:#fff}
.hx.is-next .hm-why{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;margin:0;border-bottom:1px solid var(--hx-line);background:#fff}
.hx.is-next .hm-why>div{padding:18px 26px}
.hx.is-next .hm-why>div+div{border-left:1px solid var(--hx-line)}
.hx.is-next .hm-why dt{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--hm-violet)}
.hx.is-next .hm-why dd{margin:6px 0 0;font-size:16.5px;line-height:1.45;font-weight:600;color:var(--hm-ink)}
.hx.is-next .hx-match .hm-hearts{width:17px;height:13px;vertical-align:-2px}

/* 3. How it works: the headline beside a map of the site Possible read; three steps; one closing line. */
.hx.is-next .hm-how-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(32px,5vw,72px);align-items:center}
.hx.is-next .hm-how-head .hx-sub{max-width:460px;margin-top:18px}
.hx.is-next .hm-map{position:relative;aspect-ratio:600/400;transform:perspective(1400px) rotateX(16deg) rotateZ(-4deg);transform-origin:50% 60%}
.hx.is-next .hm-map-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#c8bff0;stroke-width:1.5}
.hx.is-next .hm-map-lines path{vector-effect:non-scaling-stroke}
.hx.is-next .hm-page{position:absolute;top:59%;width:17.5%;height:37%;display:flex;flex-direction:column;gap:5px;padding:8px;border-radius:11px;background:#fff;border:1px solid var(--hm-line);box-shadow:0 1px 2px rgba(22,27,51,.05),0 18px 40px -24px rgba(60,45,140,.45);overflow:hidden}
.hx.is-next .hm-page.is-home{left:33%;top:2%;width:34%;height:36%;padding:10px 12px;gap:7px}
.hx.is-next .hm-map div.hm-page:nth-of-type(2){left:1.25%}
.hx.is-next .hm-map div.hm-page:nth-of-type(3){left:21.25%}
.hx.is-next .hm-map div.hm-page:nth-of-type(4){left:41.25%}
.hx.is-next .hm-map div.hm-page:nth-of-type(5){left:61.25%}
.hx.is-next .hm-map div.hm-page:nth-of-type(6){left:81.25%}
.hx.is-next .hm-page.has-possible{border:1.5px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--hx-rb) border-box}
.hx.is-next .hm-page-bar{display:flex;align-items:center;gap:3px}
.hx.is-next .hm-page-bar i{width:4px;height:4px;border-radius:50%;background:#dcd9ea}
.hx.is-next .hm-page-bar small{margin-left:6px;font-size:9px;color:#9a9db0}
.hx.is-next .hm-page.is-home b{font-size:clamp(10px,1.05vw,14px);line-height:1.2;color:var(--hm-ink);letter-spacing:-.02em}
.hx.is-next .hm-sk{display:block;height:5px;border-radius:3px;background:#efedf8}
.hx.is-next .hm-sk.is-short{width:62%}
.hx.is-next .hm-page-tag{display:flex;align-items:center;gap:3px;font-size:clamp(7px,.7vw,9.5px);font-weight:700;color:var(--hm-violet);white-space:nowrap}
.hx.is-next .hm-page-tag .hm-hearts{width:12px;height:9px}
.hx.is-next .hm-page-name{margin-top:auto;font-size:clamp(8px,.85vw,11.5px);font-weight:700;color:var(--hm-violet);line-height:1.2}
.hx.is-next .hm-page-name small{display:block;font-size:.82em;font-weight:500;color:#9a9db0}
.hx.is-next .hm-map-chip{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);padding:5px 12px;border-radius:999px;background:#fff;border:1px solid var(--hm-line);font-size:clamp(9px,.9vw,12px);font-weight:600;color:var(--hm-violet);white-space:nowrap;box-shadow:0 6px 16px -10px rgba(60,45,140,.5)}
.hx.is-next .hm-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(48px,6vw,80px) 0 0;padding:0}
.hx.is-next .hm-steps li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;padding:4px clamp(18px,2.6vw,36px)}
.hx.is-next .hm-steps li:first-child{padding-left:0}
.hx.is-next .hm-steps li+li{border-left:1px solid var(--hm-line)}
.hx.is-next .hm-step-ico{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--hm-field)}
.hx.is-next .hm-step-ico svg{width:26px;height:26px;fill:none;stroke:var(--hm-ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hx.is-next .hm-steps h3{margin:6px 0 10px;font-size:clamp(20px,1.8vw,24px);letter-spacing:-.03em;color:var(--hm-ink)}
.hx.is-next .hm-step-n{color:var(--hm-violet)}
.hx.is-next .hm-steps p{margin:0;font-size:16.5px;line-height:1.6;color:var(--hm-body)}
.hx.is-next .hm-band{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px 32px;margin-top:clamp(48px,6vw,72px);padding-top:clamp(32px,4vw,48px);border-top:1px solid var(--hm-line)}
.hx.is-next .hm-band-line{margin:0;font-size:clamp(28px,3.4vw,46px);font-weight:700;line-height:1.1;letter-spacing:-.045em;color:var(--hm-ink)}

/* 4. The six kinds: the argument on the left, the visitor's six questions as one accordion on the right. */
.hx.is-next .hm-kinds-grid,.hx.is-next .hm-faq-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,96px);align-items:start}
.hx.is-next .hm-kinds-copy,.hx.is-next .hm-faq-grid>header{position:sticky;top:110px}
.hx.is-next .hm-kinds-copy p{margin:22px 0 0;max-width:46ch;font-size:clamp(17px,1.4vw,19px);line-height:1.6;color:var(--hm-body)}
.hx.is-next .hm-chain{display:flex;align-items:center;gap:14px;margin-top:34px}
.hx.is-next .hm-chain svg{width:42px;height:42px;fill:none;stroke:url(#hm-rb);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.hx.is-next .hm-chain i{flex:0 0 clamp(36px,5vw,64px);height:1.5px;background:#d8d2f3}
.hx.is-next .hm-acc{display:grid}
.hx.is-next .hm-acc-row{border-bottom:1px solid var(--hm-line);transition:background .25s,border-radius .25s}
.hx.is-next .hm-acc-row[open]{background:var(--hm-field);border-radius:22px;border-bottom-color:transparent}
.hx.is-next .hm-acc-row summary{list-style:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center;padding:22px 24px;cursor:pointer;border-radius:22px}
.hx.is-next .hm-acc-row summary::-webkit-details-marker{display:none}
.hx.is-next .hm-acc-ico svg{display:block;width:44px;height:44px;fill:none;stroke:url(#hm-rb);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.hx.is-next .hm-acc-q b{display:block;font-size:clamp(18px,1.6vw,21px);letter-spacing:-.02em;color:var(--hm-ink)}
.hx.is-next .hm-acc-q small{display:block;margin-top:3px;font-size:15px;color:var(--hm-body)}
.hx.is-next .hm-acc-x{position:relative;width:18px;height:18px}
.hx.is-next .hm-acc-x::before,.hx.is-next .hm-acc-x::after{content:"";position:absolute;left:0;top:8px;width:18px;height:2px;border-radius:2px;background:var(--hm-ink);transition:transform .25s}
.hx.is-next .hm-acc-x::after{transform:rotate(90deg)}
.hx.is-next .hm-acc-row[open] .hm-acc-x::after{transform:rotate(0)}
.hx.is-next .hm-acc-body{padding:0 24px 24px 88px}
.hx.is-next .hm-acc-body p{margin:0 0 10px;font-size:16.5px;line-height:1.6;color:var(--hm-body);max-width:56ch}
.hx.is-next .hm-acc-body .hm-acc-where{font-size:14px;font-weight:600;color:var(--hm-violet)}

/* 5. Connected journey: three entrances, one memory, and the install in one line. */
.hx.is-next .hm-j-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.hx.is-next .hm-j-col{padding:0 clamp(16px,2.2vw,30px)}
.hx.is-next .hm-j-col:first-child{padding-left:0}
.hx.is-next .hm-j-col:last-child{padding-right:0}
.hx.is-next .hm-j-col+.hm-j-col{border-left:1px solid var(--hm-line)}
.hx.is-next .hm-j-label{margin:0 0 6px;font-size:14px;font-weight:600;color:var(--hm-violet)}
.hx.is-next .hm-j-col h3{margin:0 0 20px;font-size:clamp(20px,1.8vw,24px);letter-spacing:-.03em;color:var(--hm-ink)}
.hx.is-next .hm-j-art .hx-where-art{height:250px}
.hx.is-next .hm-j-cap{margin:14px 0 0;text-align:center;font-size:15px;color:var(--hm-body)}
.hx.is-next .hm-j-band{display:flex;align-items:center;gap:18px;margin-top:clamp(32px,4vw,44px);padding:20px 24px;border-radius:22px;background:var(--hm-field);border:1px solid #e3def8}
.hx.is-next .hm-j-mark{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:50%;background:#fff}
.hx.is-next .hm-j-mark .hm-hearts{width:28px;height:22px}
.hx.is-next .hm-j-band b{display:block;font-size:18px;color:var(--hm-ink)}
.hx.is-next .hm-j-band div>span{display:block;margin-top:2px;font-size:15px;color:var(--hm-body)}
.hx.is-next .hm-pill{margin-left:auto;flex:none;padding:12px 20px;border-radius:999px;border:1.5px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--hx-rb) border-box;color:var(--hm-ink);font-size:15px;font-weight:600;text-decoration:none;white-space:nowrap}
.hx.is-next .hm-j-install{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px 32px;margin-top:clamp(36px,4.5vw,52px);padding-top:clamp(28px,3.5vw,40px);border-top:1px solid var(--hm-line)}
.hx.is-next .hm-j-big{margin:0;font-size:clamp(26px,3vw,40px);font-weight:700;line-height:1.1;letter-spacing:-.04em;color:var(--hm-ink)}
.hx.is-next .hm-j-small{margin:8px 0 0;max-width:56ch;font-size:16.5px;color:var(--hm-body)}
.hx.is-next .hm-j-acts{display:flex;flex-wrap:wrap;gap:12px}

/* 6. The quote: Alyssa's words, set large in the brand's serif. */
.hx.is-next .hm-quote figure{margin:0 auto;max-width:1000px;text-align:center}
.hx.is-next .hm-quote blockquote{margin:0}
.hx.is-next .hm-quote blockquote p{margin:0;font-family:'DM Serif Display',Georgia,serif;font-style:italic;font-size:clamp(52px,8vw,112px);line-height:1;letter-spacing:-.035em;color:var(--hm-ink)}
.hx.is-next .hm-quote .tagline{font-size:1em;padding-right:.06em}
.hx.is-next .hm-quote figcaption{display:inline-flex;align-items:center;gap:14px;margin-top:clamp(28px,3.5vw,40px);text-align:left}
.hx.is-next .hm-quote-av{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--hx-rb) border-box;font-weight:700;color:var(--hm-ink)}
.hx.is-next .hm-quote figcaption b{display:block;font-size:18px;color:var(--hm-ink)}
.hx.is-next .hm-quote figcaption small{display:block;font-size:15px;color:var(--hm-body)}

/* 7. Pricing: three plans, Pro on the lavender field. */
.hx.is-next .hm-price-head{margin-bottom:clamp(32px,4vw,48px)}
.hx.is-next .hm-price-head .hx-sub{margin-top:14px}
.hx.is-next .hm-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.hx.is-next .hm-plan{position:relative;display:flex;flex-direction:column;padding:clamp(24px,2.6vw,34px);border-radius:24px;background:#fff;border:1px solid var(--hm-line)}
.hx.is-next .hm-plan.is-best{background:var(--hm-field);border-color:#cbc2f4;box-shadow:0 30px 70px -50px rgba(91,75,214,.55)}
.hx.is-next .hm-plan-flag{position:absolute;top:-13px;left:clamp(24px,2.6vw,34px);padding:6px 12px;border-radius:999px;background:var(--hm-violet);color:#fff;font-size:12.5px;font-weight:600}
.hx.is-next .hm-plan-ico svg{display:block;width:56px;height:56px;fill:none;stroke:url(#hm-rb);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hx.is-next .hm-plan h3{margin:18px 0 2px;font-size:30px;letter-spacing:-.035em;color:var(--hm-ink)}
.hx.is-next .hm-plan-price{margin:0;color:var(--hm-ink)}
.hx.is-next .hm-plan-price b{font-size:34px;letter-spacing:-.03em}
.hx.is-next .hm-plan-price span{margin-left:4px;font-size:16px;color:var(--hm-body)}
.hx.is-next .hm-plan-line{margin:8px 0 22px;padding-bottom:22px;border-bottom:1px solid var(--hm-line);font-size:16px;line-height:1.5;color:var(--hm-body)}
.hx.is-next .hm-plan ul{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:12px}
.hx.is-next .hm-plan li{position:relative;padding-left:34px;font-size:16px;line-height:1.4;color:#2f3347}
.hx.is-next .hm-plan li::before{content:"";position:absolute;left:0;top:-1px;width:22px;height:22px;border-radius:50%;background:#e9e6fb}
.hx.is-next .hm-plan li::after{content:"";position:absolute;left:8px;top:4px;width:5px;height:9px;border:solid var(--hm-violet);border-width:0 2px 2px 0;transform:rotate(45deg)}
.hx.is-next .hm-plan .hm-btn{margin-top:auto}

/* 8. FAQ: the same accordion, hairlines between questions, the open answer on the lavender field. */
.hx.is-next .hm-faq-grid>header .hx-sub{margin-top:18px}
.hx.is-next .hm-acc.is-faq .hm-acc-row:first-child{border-top:1px solid var(--hm-line)}
.hx.is-next .hm-acc.is-faq .hm-acc-row[open]{background:none;border-radius:0;border-bottom-color:var(--hm-line)}
.hx.is-next .hm-acc.is-faq summary{grid-template-columns:minmax(0,1fr) auto;padding:22px 6px}
.hx.is-next .hm-acc.is-faq .hm-acc-q b{font-size:18px}
.hx.is-next .hm-acc.is-faq .hm-acc-body{padding:0 0 22px}
.hx.is-next .hm-acc.is-faq .hm-acc-body p{margin:0;max-width:none;padding:18px 22px;border-radius:16px;background:var(--hm-field)}

@media(max-width:960px){
 .hx.is-next .hm-how-top,.hx.is-next .hm-kinds-grid,.hx.is-next .hm-faq-grid{grid-template-columns:1fr}
 .hx.is-next .hm-kinds-copy,.hx.is-next .hm-faq-grid>header{position:static}
 .hx.is-next .hm-map{max-width:620px;width:100%;margin:0 auto}
 .hx.is-next .hm-steps,.hx.is-next .hm-j-grid{grid-template-columns:1fr;gap:28px}
 .hx.is-next .hm-steps li,.hx.is-next .hm-steps li:first-child,.hx.is-next .hm-j-col,.hx.is-next .hm-j-col:first-child,.hx.is-next .hm-j-col:last-child{padding:0}
 .hx.is-next .hm-steps li+li,.hx.is-next .hm-j-col+.hm-j-col{border-left:0;border-top:1px solid var(--hm-line);padding-top:28px}
 .hx.is-next .hm-plans{grid-template-columns:1fr;max-width:540px;margin:0 auto}
 .hx.is-next .hm-j-band{flex-wrap:wrap}
 .hx.is-next .hm-pill{margin-left:0}
}
@media(max-width:640px){
 .hx.is-next .hm-why{grid-template-columns:1fr}
 .hx.is-next .hm-why>div+div{border-left:0;border-top:1px solid var(--hx-line)}
 .hx.is-next .hm-why>div{padding:14px 16px}
 .hx.is-next .hm-tabs{justify-content:flex-start}
 .hx.is-next .hm-acc-row summary{gap:14px;padding:18px 16px}
 .hx.is-next .hm-acc-ico svg{width:36px;height:36px}
 .hx.is-next .hm-acc-body{padding:0 16px 20px}
 .hx.is-next .hm-step-ico{width:52px;height:52px}
 .hx.is-next .hm-band .hm-btn,.hx.is-next .hm-j-acts .hm-btn{width:100%}
 .hx.is-next .hm-j-acts{width:100%}
}
@media(prefers-reduced-motion:reduce){.hx.is-next .hm-btn,.hx.is-next .hm-btn span,.hx.is-next .hm-acc-row,.hx.is-next .hm-acc-x::before,.hx.is-next .hm-acc-x::after{transition:none}}
/* Fixes after the first screenshot round (19 Oct): a readable page map, unbroken payoff phrases, level art. */
@media(min-width:961px){.hx.is-next .hm-how-top{grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr)}}
.hx.is-next .hm-map{container-type:inline-size}
.hx.is-next .hm-page.is-home b{font-size:2.6cqi}
.hx.is-next .hm-page-bar small{font-size:1.5cqi}
.hx.is-next .hm-page-tag{font-size:1.75cqi}
.hx.is-next .hm-page-tag .hm-hearts{width:2.2cqi;height:1.7cqi}
.hx.is-next .hm-page-name{font-size:2.05cqi}
.hx.is-next .hm-map-chip{font-size:2cqi}
.hx.is-next .hm-page.has-possible{border-width:2px}
@media(min-width:760px){.hx.is-next .hx-h2 .tagline,.hx.is-next .hm-band-line .tagline,.hx.is-next .hm-j-big .tagline{white-space:nowrap}}
.hx.is-next .hm-j-col h3{min-height:2.3em}
@media(min-width:961px){.hx.is-next .hm-journey .hx-head.is-split{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}
@media(max-width:960px){.hx.is-next .hm-journey .hx-head.is-split{display:block}.hx.is-next .hm-journey .hx-head.is-split .hx-sub{margin-top:16px}}
.hx.is-next .hm-tabs .hx-cats{justify-content:flex-start}

/* ===== Illustrations at mockup fidelity (19 Oct 2026, round 2) =====
   The page map shows Daybreak's real little pages; the journey runs the coaching demo's real Possible. */
.hx.is-next .hm-map{transform:perspective(1600px) rotateX(12deg) rotateY(-14deg) rotateZ(1.5deg);transform-origin:50% 55%}
.hx.is-next .hm-map-lines{stroke:#c6bdf0;stroke-width:1.6}
.hx.is-next .hm-page{padding:0;gap:0;top:59%;width:18%;height:41%;container-type:inline-size;border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(22,27,51,.06),0 22px 44px -24px rgba(60,45,140,.5)}
.hx.is-next .hm-page.is-home{padding:0;gap:0;left:33%;top:0;width:34%;height:41%}
.hx.is-next .hm-map div.hm-page:nth-of-type(2){left:0}
.hx.is-next .hm-map div.hm-page:nth-of-type(3){left:20%}
.hx.is-next .hm-map div.hm-page:nth-of-type(4){left:40%}
.hx.is-next .hm-map div.hm-page:nth-of-type(5){left:60%}
.hx.is-next .hm-map div.hm-page:nth-of-type(6){left:80%}
.hx.is-next .hm-page.has-possible{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--hx-rb) border-box;box-shadow:0 24px 46px -20px rgba(145,98,222,.6)}
.hx.is-next .mp-bar{display:flex;align-items:center;gap:1.6cqi;padding:3.4cqi 4.5cqi;border-bottom:1px solid #f0edf6;background:#fff}
.hx.is-next .mp-bar i{width:2.8cqi;height:2.8cqi;border-radius:50%;background:#e2dfec}
.hx.is-next .mp-bar small{margin-left:2cqi;font-size:5cqi;color:#9a9db0}
.hx.is-next .mp-body{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:3.6cqi;padding:5.5cqi 6cqi;background:#faf3ec;font-family:Lato,system-ui,sans-serif;color:#3b2418}
.hx.is-next .mp-h{font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:9.2cqi;line-height:1.08;letter-spacing:-.01em;color:#3b2418}
.hx.is-next .mp-grid{display:grid;grid-template-columns:1fr 1fr;gap:3.4cqi}
.hx.is-next .mp-grid>span{display:grid;gap:1.6cqi}
.hx.is-next .mp-img{display:block;aspect-ratio:1.15;overflow:hidden;border-radius:3cqi;background:#fff}
.hx.is-next .mp-img svg{display:block;width:100%;height:100%}
.hx.is-next .mp-grid small{display:flex;justify-content:space-between;gap:2cqi;font-size:5.3cqi;font-weight:700;line-height:1.2}
.hx.is-next .mp-grid em,.hx.is-next .mp-plan em{font-style:normal;color:#a0522d}
.hx.is-next .mp-row{display:grid;grid-template-columns:34cqi minmax(0,1fr);gap:4cqi;align-items:center}
.hx.is-next .mp-ph{display:block;height:22cqi;border-radius:3cqi;background:linear-gradient(135deg,#ecd3bc,#c98f68)}
.hx.is-next .mp-ph.is-b{background:linear-gradient(135deg,#dcc5b0,#8a5a3c)}
.hx.is-next .mp-ph.is-wide{height:36cqi}
.hx.is-next .mp-row small{font-size:5.6cqi;font-weight:700;line-height:1.25}
.hx.is-next .mp-plan{display:flex;justify-content:space-between;align-items:center;padding:3.4cqi 4.4cqi;border-radius:3cqi;background:#fff;border:1px solid #ecdccd}
.hx.is-next .mp-plan small{font-size:5.8cqi;font-weight:700}
.hx.is-next .mp-plan em{font-size:6.4cqi;font-weight:700}
.hx.is-next .mp-plan.is-on{border-color:#a0522d;box-shadow:0 0 0 1px #a0522d}
.hx.is-next .mp-field{display:block;height:10cqi;border-radius:2.5cqi;background:#fff;border:1px solid #ead8c6}
.hx.is-next .mp-field.is-tall{height:20cqi}
.hx.is-next .mp-btn{align-self:flex-start;padding:2.8cqi 5.4cqi;border-radius:99px;background:#a0522d;color:#fff;font-size:5.6cqi;font-weight:700}
.hx.is-next .mp-line{display:block;height:3cqi;border-radius:2cqi;background:#e8d6c4}
.hx.is-next .mp-line.is-short{width:58%}
.hx.is-next .hm-page-name{margin:0;padding:3.6cqi 6cqi 4.2cqi;border-top:1px solid #f0edf6;background:#fff;font-size:7cqi;font-weight:700;line-height:1.2;color:var(--hm-violet)}
.hx.is-next .hm-page-name small{display:block;font-size:5.4cqi;font-weight:500;color:#9a9db0}
.hx.is-next .hm-page-tag{position:absolute;left:5cqi;top:15cqi;z-index:2;display:flex;align-items:center;gap:1.6cqi;padding:2cqi 3.8cqi;border-radius:99px;border:1.5px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--hx-rb) border-box;font-size:5.4cqi;font-weight:700;color:var(--hm-violet);box-shadow:0 6px 14px -8px rgba(91,75,214,.7)}
.hx.is-next .hm-page-tag .hm-hearts{width:8cqi;height:6.2cqi}
.hx.is-next .hm-page.is-home .mp-bar{gap:.9cqi;padding:1.9cqi 2.6cqi}
.hx.is-next .hm-page.is-home .mp-bar i{width:1.5cqi;height:1.5cqi}
.hx.is-next .hm-page.is-home .mp-bar small{font-size:2.9cqi}
.hx.is-next .hm-page.is-home .mp-body{gap:2.6cqi;padding:3cqi 4cqi}
.hx.is-next .mp-nav{display:flex;align-items:center;gap:3cqi}
.hx.is-next .mp-nav b{margin-right:auto;font-family:'Playfair Display',Georgia,serif;font-size:4.4cqi}
.hx.is-next .mp-nav small{font-size:2.8cqi;opacity:.75}
.hx.is-next .mp-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:3cqi;align-items:center}
.hx.is-next .mp-hero>span:first-child{display:flex;flex-direction:column;gap:1.8cqi}
.hx.is-next .hm-page.is-home .mp-h{font-size:6.3cqi}
.hx.is-next .mp-hero small{font-size:3.1cqi;line-height:1.35}
.hx.is-next .hm-page.is-home .mp-btn{padding:1.5cqi 3.2cqi;font-size:3cqi}
.hx.is-next .hm-page.is-home .hm-page-name{padding:2cqi 4cqi;font-size:3.6cqi}
.hx.is-next .hm-page.is-home .hm-page-name small{display:inline;margin-left:1.5cqi;font-size:3cqi}
.hx.is-next .hm-map-chip{top:44%;display:inline-flex;align-items:center;gap:6px;padding:6px 13px;font-size:clamp(11px,1.9cqi,13px)}
.hx.is-next .hm-map-chip svg{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}

/* Journey devices: a phone and two browsers on a soft lavender stage. */
.hx.is-next .hm-j-art{height:300px;display:flex;align-items:flex-end;justify-content:center;padding:22px 22px 0;border-radius:22px;background:linear-gradient(180deg,#f7f5fe,#eeebfb);overflow:hidden}
.hx.is-next .hm-phone{position:relative;width:64%;max-width:236px;height:100%;padding:9px 9px 0;border-radius:36px 36px 0 0;background:#14182b;box-shadow:0 30px 60px -30px rgba(22,27,51,.65)}
.hx.is-next .hm-phone-notch{position:absolute;left:50%;top:15px;z-index:2;width:30%;height:14px;transform:translateX(-50%);border-radius:99px;background:#14182b}
.hx.is-next .hm-phone .hm-dev{height:100%;border-radius:28px 28px 0 0;background:#f6f4ee}
.hx.is-next .hm-browser{position:relative;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;border:1px solid var(--hm-line);border-bottom:0;border-radius:14px 14px 0 0;background:#fff;box-shadow:0 1px 2px rgba(22,27,51,.06),0 24px 50px -30px rgba(60,45,140,.5)}
.hx.is-next .hm-browser-bar{display:flex;align-items:center;gap:5px;padding:9px 12px;border-bottom:1px solid #eeecf5}
.hx.is-next .hm-browser-bar i{width:7px;height:7px;border-radius:50%;background:#ff6b5f}
.hx.is-next .hm-browser-bar i:nth-child(2){background:#ffc130}
.hx.is-next .hm-browser-bar i:nth-child(3){background:#29c840}
.hx.is-next .hm-browser-bar small{margin-left:8px;padding:2px 10px;border-radius:99px;background:#f4f3f8;font-size:11px;color:#7c7f92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hx.is-next .hm-browser .hm-dev{flex:1;min-height:0}
.hx.is-next .hm-dev{position:relative;overflow:hidden}
.hx.is-next .hm-dev-in{transform-origin:0 0;overflow:hidden;pointer-events:none}
.hx.is-next .hm-n-bio{padding:48px 18px 0;background:#f6f4ee;text-align:center;font-family:Inter,system-ui,sans-serif;color:#1c2541}
.hx.is-next .hm-n-av{display:grid;place-items:center;width:66px;height:66px;margin:0 auto;border-radius:50%;background:#1c2541;color:#d99a1e;font:600 30px/1 Fraunces,Georgia,serif}
.hx.is-next .hm-n-bio>b{display:block;margin-top:12px;font:600 22px/1.2 Fraunces,Georgia,serif}
.hx.is-next .hm-n-bio>small{display:block;margin-top:4px;font-size:14px;opacity:.7}
.hx.is-next .hm-n-play{margin-top:18px;text-align:left}
.hx.is-next .hm-n-land{padding:34px 40px;background:#f6f4ee;font-family:Inter,system-ui,sans-serif}
.hx.is-next .hm-n-h{display:block;max-width:600px;margin-bottom:24px;font:600 40px/1.1 Fraunces,Georgia,serif;color:#1c2541}
.hx.is-next .hm-n-site{height:100%;padding:22px 32px;background:#f6f4ee;font-family:Inter,system-ui,sans-serif;color:#1c2541}
.hx.is-next .hm-n-nav{display:flex;align-items:center;gap:22px}
.hx.is-next .hm-n-nav b{margin-right:auto;font:600 22px/1 Fraunces,Georgia,serif}
.hx.is-next .hm-n-nav small{font-size:15px;opacity:.75}
.hx.is-next .hm-n-hero{display:block;margin:42px 0 30px}
.hx.is-next .hm-n-hero .hm-n-h{margin:0;font-size:44px}
.hx.is-next .hm-n-hero small{display:block;margin:12px 0 18px;font-size:17px;opacity:.75}
.hx.is-next .hm-n-btn{display:inline-block;padding:12px 22px;border-radius:99px;background:#1c2541;color:#fff;font-size:15px;font-weight:600}
.hx.is-next .hm-n-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.hx.is-next .hm-n-tiles>span{display:grid;gap:6px;padding:14px;border-radius:14px;background:#fff}
.hx.is-next .hm-n-tiles i{height:90px;border-radius:10px;background:linear-gradient(135deg,#f3e6c6,#d99a1e)}
.hx.is-next .hm-n-tiles b{font-size:16px}
.hx.is-next .hm-n-tiles small{font-size:13px;opacity:.7}
.hx.is-next .hm-n-tiles em{font-style:normal;font-size:15px;font-weight:700;color:#b07a10}
.hx.is-next .hm-launch{position:absolute;right:14px;bottom:14px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:99px;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--hx-rb) border-box;font-size:13px;font-weight:700;color:var(--hm-ink);box-shadow:0 10px 24px -12px rgba(91,75,214,.7)}
.hx.is-next .hm-launch .hm-hearts{width:18px;height:14px}

/* Hearts and plan icons closer to the mockups: larger, bolder strokes. */
.hx.is-next .hx-hearts{max-width:460px}
.hx.is-next .hx-hearts path{stroke-width:4.6}
.hx.is-next .hm-plan-ico svg{stroke-width:2.1;width:60px;height:60px}
.hx.is-next .hm-page-tag{top:1.4cqi;left:auto;right:3cqi}
@media(min-width:961px){.hx.is-next .hm-how-top{grid-template-columns:minmax(0,.78fr) minmax(0,1.42fr)}}

/* ===== Showcase from Eugiene's chair mockup (19 Oct 2026, round 3) ===== */
.hx.is-next .hm-show .hx-head{margin-bottom:28px}
.hx.is-next .hm-show .hx-h2{max-width:980px}
.hx.is-next .hm-seg{display:inline-flex;gap:2px;padding:5px;border-radius:999px;background:#fff;border:1px solid var(--hm-line);box-shadow:0 10px 30px -24px rgba(60,45,140,.5)}
.hx.is-next .hm-seg button{all:unset;box-sizing:border-box;cursor:pointer;min-width:132px;padding:12px 24px;border-radius:999px;text-align:center;font-size:16px;font-weight:600;color:var(--hm-body);transition:background .25s,color .25s}
.hx.is-next .hm-seg button:hover{color:var(--hm-ink)}
.hx.is-next .hm-seg button[aria-selected="true"]{background:var(--hm-ink);color:#fff}
.hx.is-next .hm-seg button:focus-visible{outline:3px solid #3d8bff;outline-offset:2px}
.hx.is-next .hm-show-box{min-height:540px;margin-top:30px;padding-top:clamp(32px,4vw,48px);border-top:1px solid var(--hm-line)}
.hx.is-next .hm-show-box>.hx-slide-wait{min-height:480px;border-radius:24px}
.hx.is-next .hm-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(32px,5vw,72px);align-items:center}
.hx.is-next .hm-panel[hidden]{display:none}
.hx.is-next .hm-panel-label{margin:0;font-size:14px;font-weight:600;color:#7b7f93}
.hx.is-next .hm-panel-h{margin:10px 0 14px;font-size:clamp(32px,3.6vw,52px);font-weight:700;line-height:1.04;letter-spacing:-.045em;color:var(--hm-ink);text-wrap:balance}
.hx.is-next .hm-panel-sub{margin:0;max-width:44ch;font-size:clamp(17px,1.5vw,20px);line-height:1.5;color:var(--hm-body)}
.hx.is-next .hm-hp{display:grid;gap:18px;margin:28px 0 30px}
.hx.is-next .hm-hp>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center}
.hx.is-next .hm-hp dt{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--hx-rb) border-box}
.hx.is-next .hm-hp dt svg{width:28px;height:28px;fill:none;stroke:url(#hm-rb);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hx.is-next .hm-hp dd{margin:0;padding:4px 0 4px 20px;border-left:1px solid var(--hm-line);font-size:clamp(16px,1.4vw,19px);line-height:1.4;color:#2f3347}
.hx.is-next .hm-hp dd small{display:block;margin-bottom:3px;font-size:13.5px;font-weight:600;color:#7b7f93}
.hx.is-next .hm-panel-play{display:none}
.hx.is-next .hm-panel.is-playing .hm-panel-text{display:none}
.hx.is-next .hm-panel.is-playing .hm-panel-play{display:block}
.hx.is-next .hm-back{all:unset;cursor:pointer;display:inline-flex;gap:6px;margin:0 0 14px;font-size:15px;font-weight:600;color:var(--hm-violet)}
.hx.is-next .hm-back:hover{text-decoration:underline;text-underline-offset:4px}
.hx.is-next .hm-back:focus-visible{outline:3px solid #3d8bff;outline-offset:3px;border-radius:4px}
.hx.is-next .hm-panel-photos{display:grid;grid-template-columns:1fr 1.32fr 1fr;gap:clamp(12px,1.6vw,22px);align-items:end}
.hx.is-next .hm-prod{position:relative;margin:0;padding-top:70px;text-align:center}
.hx.is-next .hm-photo{display:grid;place-items:center;aspect-ratio:1;border-radius:20px;border:1.5px dashed #d6cff3;background:#faf9fe;overflow:hidden}
.hx.is-next .hm-photo.is-person{aspect-ratio:4/5}
.hx.is-next .hm-photo img{width:100%;height:100%;object-fit:contain}
.hx.is-next .hm-photo.is-person img{object-fit:cover}
.hx.is-next .hm-photo-hint{display:grid;gap:4px;padding:12px;font-size:13px;line-height:1.35;color:#7b7f93}
.hx.is-next .hm-photo-hint b{font-size:12px;color:var(--hm-violet)}
.hx.is-next .hm-photo-hint small{font-size:11.5px;color:#a2a5b6}
.hx.is-next .hm-prod figcaption{display:grid;gap:2px;margin-top:12px}
.hx.is-next .hm-prod figcaption b{font-size:15.5px;color:var(--hm-ink)}
.hx.is-next .hm-prod figcaption small{font-size:13px;color:#7b7f93}
.hx.is-next .hm-prod figcaption em{font-style:normal;font-size:14px;font-weight:700;color:var(--hm-violet)}
.hx.is-next .hm-match{position:absolute;top:0;left:50%;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:1.5px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--hx-rb) border-box;font-size:15px;font-weight:600;color:var(--hm-ink);white-space:nowrap;box-shadow:0 12px 26px -16px rgba(91,75,214,.6);opacity:0;transform:translate(-50%,8px);transition:opacity .35s,transform .45s cubic-bezier(.3,1.3,.5,1)}
.hx.is-next .hm-match::after{content:"";position:absolute;left:50%;top:100%;width:1.5px;height:18px;background:#c2b8f0}
.hx.is-next .hm-match::before{content:"";position:absolute;left:50%;top:calc(100% + 16px);width:7px;height:7px;margin-left:-2.75px;border-radius:50%;background:#9d8fea}
.hx.is-next .hm-prod.is-match .hm-match{opacity:1;transform:translate(-50%,0)}
.hx.is-next .hm-prod.is-match .hm-photo{border-style:solid;border-color:#c9bff2}
@media(max-width:960px){
 .hx.is-next .hm-panel{grid-template-columns:1fr}
 .hx.is-next .hm-show-box{min-height:0}
 .hx.is-next .hm-seg button{min-width:0;padding:11px 18px}
}
@media(max-width:560px){
 .hx.is-next .hm-panel-photos{grid-template-columns:1fr 1.2fr 1fr;gap:8px}
 .hx.is-next .hm-match{padding:7px 11px;font-size:12.5px}
 .hx.is-next .hm-prod{padding-top:56px}
 .hx.is-next .hm-photo-hint{font-size:10.5px;padding:6px}
 .hx.is-next .hm-photo-hint small{display:none}
 .hx.is-next .hm-prod figcaption b{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.hx.is-next .hm-match,.hx.is-next .hm-seg button{transition:none}}
/* Sitemap cards hold real page screenshots now (round 3). */
.hx.is-next .mp-shot{display:block;flex:1;min-height:0;overflow:hidden;background:#fbfaff}
.hx.is-next .mp-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.hx.is-next .hm-page .mp-bar small{font-size:4.6cqi}
.hx.is-next .hm-page.is-home .mp-bar small{font-size:2.6cqi}
/* Journey with possible.site as the example (round 3). */
.hx.is-next .hm-p-bio{padding:48px 18px 0;background:linear-gradient(180deg,#f3efff,#fbfaff 40%);text-align:center;font-family:Manrope,system-ui,sans-serif;color:#161b33}
.hx.is-next .hm-p-av{display:block;width:68px;height:68px;margin:0 auto;border-radius:20px;box-shadow:0 10px 24px -14px rgba(60,45,140,.6)}
.hx.is-next .hm-p-bio>b{display:block;margin-top:12px;font-size:22px;font-weight:700;letter-spacing:-.03em}
.hx.is-next .hm-p-bio>small{display:block;margin-top:4px;font-size:14px;color:#565b70}
.hx.is-next .hm-p-land{padding:34px 40px;background:linear-gradient(180deg,#f3efff,#fbfaff 60%);font-family:Manrope,system-ui,sans-serif}
.hx.is-next .hm-p-h{display:block;max-width:620px;margin-bottom:24px;font-size:40px;font-weight:700;line-height:1.08;letter-spacing:-.045em;color:#161b33}
.hx.is-next .hm-p-shot{display:block;width:100%}
.hx.is-next .mp-shot img{object-position:left top}