/* Hub-only extension: reuse LP tokens without changing article/try-on geometry. */
.guide-hub {position:relative;isolation:isolate;overflow-x:clip}
.guide-hub::before {content:'';position:absolute;inset:0 0 auto;height:760px;background:linear-gradient(180deg,var(--ht-color-blue),white);z-index:-1;pointer-events:none}
.hub-hero {display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:64px;padding:64px 0 96px}
.hub-hero h1 {line-height:1.12;margin-bottom:24px}
.hub-lead {font-size:20px;color:var(--ht-color-muted);max-width:510px;margin-bottom:28px}
.hub-hero .button {gap:24px}.hub-hero .micro {margin-top:16px}
.hub-visual {position:relative;display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:12px 0;overflow:clip}
.hub-visual figure {position:relative;min-width:0}.hub-visual figure:last-child {margin-top:64px}
.hub-visual img {width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--ht-radius-photo);box-shadow:var(--ht-shadow-photo)}
.hub-visual figcaption {font-size:13px;text-align:center;margin-top:12px;color:var(--ht-color-muted)}
.hub-orbit {position:absolute;width:112%;height:62%;left:-6%;top:16%;border:1px solid var(--ht-color-ink);border-radius:50%;transform:rotate(-23deg);z-index:-1}
.hub-spark {position:absolute;right:-18px;top:0;font-size:52px;line-height:1}
.guide-hub .guide-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.guide-hub .guide-card {background:white;border:1px solid var(--ht-color-line);transition:transform .2s,box-shadow .2s}
.guide-hub .guide-card:hover {transform:translateY(-4px);box-shadow:var(--ht-shadow-photo)}
.guide-hub .guide-card h2 {font-size:26px;margin:12px 0;line-height:1.2}
.guide-hub .guide-card-copy {padding:24px}.guide-hub .guide-card p {font-size:15px}
.guide-hub .guide-card .text-link {font-weight:600}.guide-hub .guide-card .text-link::after {content:'↗';margin-left:16px}
.hub-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:40px 0 72px}
.hub-steps span {font-size:12px;letter-spacing:.16em;color:var(--ht-color-muted)}
.hub-steps h3 {font-size:25px;margin:12px 0}.hub-steps p {font-size:15px;color:var(--ht-color-muted)}
.guide-hub .closing-cta {background:linear-gradient(0deg,var(--ht-color-blue),white)}
@media(max-width:900px) {.hub-hero {grid-template-columns:1fr;gap:32px;padding:36px 0 40px}.hub-hero h1 {font-size:clamp(34px,7.3vw,48px)}.hub-lead {font-size:17px}.hub-visual {max-width:460px;margin:auto;width:100%;padding-right:12px}.hub-spark {right:-2px;font-size:40px}.guide-hub .guide-grid {grid-template-columns:1fr}.hub-steps {grid-template-columns:1fr;gap:28px;padding:12px 0 48px}.hub-steps>div {border-top:1px solid var(--ht-color-line);padding-top:20px}.guide-hub .guide-card-copy {padding:24px}.guide-hub::before {height:980px}}
@media(prefers-reduced-motion:reduce) {.guide-hub .guide-card {transition:none}.guide-hub .guide-card:hover {transform:none}}