.gc{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-card-lg);transition:transform .6s var(--ease-soft), box-shadow .6s;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:center;gap:clamp(20px,2.6vw,40px);padding:clamp(22px,3vw,40px);display:grid;position:relative;overflow:hidden;box-shadow:0 40px 70px -44px #12121447}.gc:hover{transform:translateY(-6px);box-shadow:0 50px 80px -44px #12121457}.gc-art{height:clamp(270px,29vw,390px);position:relative}.gc-arch{width:52%;position:absolute;top:-2%;bottom:-8%;overflow:visible}.gc.v1 .gc-arch{right:2%}.gc.v2 .gc-arch{left:-2%}.gc-arch path{fill:none;stroke:var(--sig);stroke-width:2px;vector-effect:non-scaling-stroke}.browser{background:var(--bg);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 40px 70px -34px #12121440}.gc .browser{width:80%;position:absolute;top:7%;left:0;transform:rotate(-1.6deg)}.gc.v2 .browser{left:auto;right:0;transform:rotate(1.4deg)}.mb{border-bottom:1px solid #eee;align-items:center;gap:6px;padding:12px 14px;display:flex}.mb i{background:#d8d8dc;border-radius:50%;width:8px;height:8px}.mb b{font-weight:var(--w-regular);color:var(--ink-2);border-radius:var(--r-pill);background:#f4f4f6;margin-left:12px;padding:4px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.shot{aspect-ratio:1000/455;object-fit:cover;object-position:50% 30%;background:#ededef;width:100%;height:auto;display:block}.phone{background:var(--bg);border:1px solid #d8d8dc;border-radius:26px;width:25%;padding:7px;position:absolute;bottom:0;right:0;box-shadow:0 30px 50px -22px #12121459}.gc.v2 .phone{left:0;right:auto}.phone .shot{aspect-ratio:auto;object-fit:fill;border-radius:19px}.gc .n{color:var(--ink-3);letter-spacing:.1em;font-size:13px}.gc .t{letter-spacing:-.03em;margin-top:14px;font-size:clamp(22px,2.2vw,30px);line-height:1.1}.gc .d{color:var(--ink-2);margin-top:12px;font-size:15px;line-height:1.55}.gc.last{box-shadow:none;background:0 0;border-style:dashed;border-color:#c9c9ce}.gc.last:hover{box-shadow:none}.gc.last .gc-arch path{stroke-dasharray:6 7}.gc.last .btn-ink{margin-top:26px}.gc.last .gc-art{place-items:center;display:grid}.gc.last .gc-arch{width:46%;height:92%;position:relative;inset:auto}@media (width<=900px){.gc{border-radius:26px;grid-template-columns:1fr;gap:20px;padding:20px}.gc-art{height:clamp(230px,64vw,300px)}.gc .t{font-size:21px}.gc .d{margin-top:10px;font-size:14px}.gc.last .gc-art{display:none}}.gc-art,.gc-art *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.gc-art img{-webkit-user-drag:none}
