.g-v2.widget-page{height:100dvh;min-height:0}.g-v2.widget-page .wd-scroll{scroll-timeline:--page block;height:100%;position:relative;overflow:clip auto}.g-v2.widget-page .wd-hero{border-bottom:1px solid var(--line);flex-direction:column;justify-content:flex-end;min-height:900px;padding:160px 64px 168px;display:flex;position:relative;overflow:clip}.g-v2.widget-page .wd-hero-copy{flex-direction:column;align-items:flex-start;gap:28px;display:flex}.g-v2.widget-page .wd-hero h1{margin:0;font-size:156px;line-height:.95}.g-v2.widget-page .wd-hero p{max-width:640px;color:var(--fg-2);margin:0;font-size:20px;line-height:1.6}.g-v2.widget-page .wd-actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.g-v2.widget-page .wd-embed{flex-direction:column;justify-content:center;gap:28px;min-height:700px;padding:140px 64px;display:flex;position:relative}.g-v2.widget-page .wd-embed h2{margin:0 0 14px;font-size:92px}.g-v2.widget-page .wd-card{border-radius:24px;grid-template-columns:56px minmax(0,1fr);gap:8px;padding:30px 26px 30px 0;display:grid;position:relative;box-shadow:0 50px 100px -50px #000000e6}.g-v2.widget-page .wd-card:before{content:"";inset-inline-start:0;background:var(--accent);width:2px;position:absolute;top:26px;bottom:26px}.g-v2.widget-page .wd-gutter{text-align:end;border-inline-end:1px solid var(--line);font-family:var(--mono);color:var(--fg-3);padding-inline-end:14px;font-size:13px;line-height:1.9}.g-v2.widget-page .wd-code{font-family:var(--mono);color:var(--fg-2);overflow-wrap:anywhere;text-align:left;-webkit-user-select:text;user-select:text;padding-inline-start:12px;font-size:15px;line-height:1.9;display:block}.g-v2.widget-page .wd-params{font-family:var(--mono);color:var(--fg-3);flex-wrap:wrap;align-items:center;gap:10px 12px;margin:0;font-size:13px;display:flex}.g-v2.widget-page .wd-params code{border:1px solid var(--line-2);color:var(--fg);border-radius:999px;padding:6px 12px}.g-v2.widget-page .wd-preview{border-top:1px solid var(--line);text-align:center;padding:190px 64px 230px;position:relative}.g-v2.widget-page .wd-preview h2{margin:24px 0 0;font-size:104px}.g-v2.widget-page .wd-pv-row{flex-wrap:wrap;justify-content:center;gap:clamp(40px,12vw,176px);margin-top:100px;display:flex}.g-v2.widget-page .wd-fig{text-align:start;flex-direction:column;gap:32px;width:360px;max-width:100%;margin:0;display:flex}.g-v2.widget-page .wd-frame{border:0;border-radius:12px;max-width:100%;display:block;box-shadow:0 70px 130px -46px #000000f2,0 0 0 1px #ffffff14}.g-v2.widget-page .wd-cap{color:var(--fg-2);align-items:center;gap:14px;min-height:44px;font-size:14px;display:flex}.g-v2.widget-page .wd-swatch{background:var(--wa);width:28px;height:28px;box-shadow:0 0 0 4px color-mix(in oklab,var(--wa) 22%,transparent);border-radius:50%;flex-shrink:0}@media (width<=860px){.g-v2.widget-page .wd-hero{min-height:0;padding:112px 20px 80px}.g-v2.widget-page .wd-hero h1{overflow-wrap:anywhere;font-size:70px}.g-v2.widget-page .wd-hero p{font-size:16px}.g-v2.widget-page .wd-actions{gap:18px}.g-v2.widget-page .wd-embed{gap:22px;min-height:0;padding:100px 20px 88px}.g-v2.widget-page .wd-embed h2{font-size:50px}.g-v2.widget-page .wd-card{border-radius:22px;grid-template-columns:minmax(0,1fr);padding:22px 20px}.g-v2.widget-page .wd-gutter{display:none}.g-v2.widget-page .wd-code{padding:0;font-size:12px}.g-v2.widget-page .wd-preview{padding:104px 15px 120px}.g-v2.widget-page .wd-preview h2{font-size:52px}.g-v2.widget-page .wd-pv-row{gap:72px;margin-top:56px}}.g-v2.widget-page .wd-hero>.g-beam:first-child{inset-inline-start:46%}.g-v2.widget-page .wd-hero>.g-beam:nth-child(2){inset-inline:auto 2%}.g-v2.widget-page .wd-hero-copy{z-index:1;position:relative}@media (width<=860px){.g-v2.widget-page .wd-hero>.g-beam:first-child{width:80%;inset-inline-start:30%}.g-v2.widget-page .wd-hero>.g-beam:nth-child(2){display:none}}