.gh{background:var(--color-paper);position:relative;overflow:hidden}.gh-wrap{align-items:center;gap:32px;max-width:80rem;margin-inline:auto;padding:56px 24px 52px;display:grid}.gh-pill{background:var(--color-teal-50);color:var(--color-teal-500);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:700;display:inline-block}.gh-kicker{color:var(--color-slate-muted);letter-spacing:.16em;text-transform:uppercase;margin:20px 0 0;font-size:13px;font-weight:600}.gh-h1{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.035em;text-wrap:balance;margin:10px 0 0;font-size:clamp(2.15rem,4.6vw,3.6rem);font-weight:700;line-height:1.08}.gh-h1-accent{color:var(--color-teal-500);display:block}.gh-sub{max-width:34rem;color:var(--color-slate-muted);margin:22px 0 0;font-size:1.125rem;line-height:1.55}.gh-cta{flex-wrap:wrap;align-items:center;gap:20px 24px;margin-top:28px;display:flex}.gh-call{color:var(--color-ink);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.gh-call-icon{background:var(--color-teal-50);width:44px;height:44px;color:var(--color-teal-500);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.gh-call-title{font-family:var(--font-display);font-size:1.05rem;font-weight:600;display:block}.gh-call-num{color:var(--color-slate-muted);font-size:.95rem;display:block}.gh-call:hover .gh-call-num{color:var(--color-ink)}@media (width>=640px){.gh-call{border-left:1px solid var(--color-line);padding-left:24px}}.gh-note{color:var(--color-slate-muted);margin:14px 0 0;font-size:.875rem}.gh-toc{border-top:1px solid var(--color-line);flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-top:30px;padding-top:18px;font-size:.95rem;display:flex}.gh-toc-label{color:var(--color-ink);font-weight:700}.gh-toc ul{flex-wrap:wrap;gap:4px 0;margin:0;padding:0;list-style:none;display:flex}.gh-toc li+li:before{content:"·";color:var(--color-slate-muted);margin:0 10px}.gh-toc a{color:var(--color-slate-muted);text-decoration:none}.gh-toc a:hover{color:var(--color-teal-500);text-underline-offset:3px;text-decoration:underline}.gh-art{aspect-ratio:560/520;width:100%;max-width:640px;margin-inline:auto;position:relative;container-type:inline-size}.gh-art-panel{background:#dfe9de;border-radius:5cqw;width:82%;height:68%;position:absolute;top:17%;left:3%}.gh-art:before{content:"";background-image:linear-gradient(to right, color-mix(in srgb, var(--color-teal-500) 9%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--color-teal-500) 9%, transparent) 1px, transparent 1px);background-size:3.4cqw 3.4cqw;width:46%;height:52%;position:absolute;top:3%;right:2%;-webkit-mask-image:linear-gradient(135deg,#0000 10%,#000 70%);mask-image:linear-gradient(135deg,#0000 10%,#000 70%)}.gh-phone{z-index:2;transform-origin:50% 60%;background:var(--color-paper);border:1.5cqw solid var(--color-teal-500);border-radius:6cqw;flex-direction:column;gap:1.8cqw;width:40%;height:87%;padding:3.2cqw 2.2cqw 2cqw;display:flex;position:absolute;top:3%;left:9%;transform:rotate(-4deg);box-shadow:0 3cqw 5cqw -2cqw #10474a59}.gh-phone-notch{z-index:1;background:var(--color-teal-500);border-radius:0 0 1.4cqw 1.4cqw;width:30%;height:2.4cqw;position:absolute;top:0;left:50%;transform:translate(-50%)}.gh-phone-bar{align-items:center;gap:1.4cqw;margin-top:1.6cqw;display:flex}.gh-phone-tile{background:var(--color-teal-500);color:#fff;border-radius:1.4cqw;flex:none;justify-content:center;align-items:center;width:6.6cqw;height:6.6cqw;display:inline-flex}.gh-phone-tile .gh-ico{width:4.2cqw;height:4.2cqw}.gh-phone-shop{white-space:nowrap;font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-ink);flex:1;font-size:max(8px,2.05cqw);font-weight:700;line-height:1.1}.gh-menu{width:3.6cqw;height:3.6cqw;color:var(--color-slate-muted)}.gh-scene{aspect-ratio:4/3;object-fit:cover;background:var(--color-teal-50);border-radius:1.6cqw;width:100%;height:auto;display:block}.gh-rows{flex-direction:column;flex:1;justify-content:space-evenly;gap:1.6cqw;margin:0;padding:0;list-style:none;display:flex}.gh-row a{color:var(--color-ink);background:#fff;border-radius:2cqw;align-items:center;gap:1.8cqw;padding:1.6cqw 4.4cqw 1.6cqw 1.6cqw;text-decoration:none;display:flex;position:relative;box-shadow:0 .4cqw 1.4cqw -.6cqw #10474a40}.gh-row-icon{background:var(--color-teal-50);width:6cqw;height:6cqw;color:var(--color-teal-500);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.gh-row-icon .gh-ico{width:3.4cqw;height:3.4cqw}.gh-row-text{flex-direction:column;gap:.8cqw;min-width:0;display:flex}.gh-row-text b{font-size:max(9px,2.1cqw);font-weight:700;line-height:1.1}.gh-row-text i{background:#e4e1d8;border-radius:1cqw;width:13cqw;height:.9cqw;display:block}.gh-row-text i+i{width:9cqw}.gh-row-dot{background:var(--color-teal-500);border-radius:999px;width:2.2cqw;height:2.2cqw;margin-top:-1.1cqw;position:absolute;top:50%;right:-1.2cqw}.gh-conn{pointer-events:none;width:30cqw;height:22cqw;margin-left:1cqw;position:absolute;bottom:50%;left:100%;overflow:visible}.gh-row[data-i="1"] .gh-conn{height:30cqw}.gh-row[data-i="2"] .gh-conn{height:38cqw}.gh-conn path{fill:none;stroke:var(--color-teal-500);stroke-width:1.4px;stroke-dasharray:4 4;stroke-linecap:round;vector-effect:non-scaling-stroke}.gh-bubble{z-index:3;max-width:27%;color:var(--color-teal-500);font-family:var(--font-display);letter-spacing:-.02em;background:#fff;border-radius:3cqw;padding:2.2cqw 2.6cqw;font-size:max(11px,3.4cqw);font-weight:700;line-height:1.15;position:absolute;top:13%;right:1%;box-shadow:0 1cqw 3cqw -1.4cqw #10474a59}.gh-object{z-index:1;object-fit:contain;object-position:right bottom;width:auto;max-width:64%;height:44cqw;position:absolute;bottom:3%;right:-4.5%}@media (width>=1024px){.gh-wrap{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;padding:76px 32px 64px}}@media (width<=639px){.gh-wrap{padding:36px 16px 40px}.gh-cta :where(a){width:100%}.gh-art{max-width:420px}.gh-phone{width:52%;height:88%;left:4%}.gh-phone-shop{white-space:nowrap;font-size:max(8px,2.5cqw)}.gh-row-text b{white-space:nowrap;font-size:max(10px,2.5cqw)}.gh-bubble{max-width:31%;font-size:max(11px,3.6cqw);top:7%}.gh-object{max-width:60%;height:38cqw;bottom:4%;right:-4%}.gh-conn{width:17cqw}}