.pg-example{--section-y:clamp(56px, 8vw, 110px)}.pg-example .demo-note{gap:var(--space-3);font:600 15px/1.4 var(--mono);color:var(--ink-3);padding:var(--space-4) 0;border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.pg-example .demo-note b{color:var(--accent)}.pg-example .lp-section{padding:var(--section-y) 0}.pg-example .hero{padding:clamp(40px, 7vw, 84px) 0 var(--section-y);position:relative;overflow:hidden}.pg-example .hero-grid{z-index:2;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(32px,5vw,64px);display:grid;position:relative}@media (max-width:940px){.pg-example .hero-grid{grid-template-columns:1fr}}.pg-example .hero h1{letter-spacing:-.045em;margin-top:var(--space-5);font-size:clamp(2.8rem,7vw,5.4rem);font-weight:800;line-height:.92}.pg-example .hero h1 .accent{color:var(--cobalt)}.pg-example .hero .lead{font-size:var(--t-lead);color:var(--ink-2);max-width:44ch;margin-top:var(--space-5);line-height:1.45}.pg-example .cta-row{margin-top:var(--space-6);gap:var(--space-3);flex-wrap:wrap;display:flex}.pg-example .hero .shp{z-index:0;position:absolute}.pg-example .hs1{aspect-ratio:1;border:2px solid color-mix(in srgb, var(--cobalt) 16%, transparent);border-radius:50%;width:min(360px,38vw);top:-8%;right:3%}.pg-example .hs2{background:var(--coral);border-radius:50%;width:60px;height:60px;top:24%;right:16%}.pg-example .hs3{background:var(--lime);border-radius:999px;width:84px;height:38px;bottom:8%;right:30%}.pg-example .device{border:1px solid var(--line);background:#fff;border-radius:22px;width:min(340px,86vw);margin:0 auto;overflow:hidden;box-shadow:0 40px 90px -54px #14172380}.pg-example .dc-head{align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--line);display:flex}.pg-example .dc-av{background:var(--cobalt);color:#fff;border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:800;display:flex}.pg-example .dc-name{font-size:14px;font-weight:800}.pg-example .dc-sub{color:var(--ink-3);font-size:12px}.pg-example .dc-photo{background:50%/cover;background-color:var(--paper-2);height:188px}.pg-example .dc-body{padding:var(--space-4)}.pg-example .dc-post{font-size:14.5px;font-weight:700}.pg-example .dc-react{gap:var(--space-4);margin-top:var(--space-3);font-size:13px;font-weight:700;display:flex}.pg-example .dc-react .ap{color:var(--coral-deep)}.pg-example .dc-react .cm{color:var(--ink-3)}.pg-example .trust{gap:var(--space-2) var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.pg-example .feature{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,5vw,64px);display:grid}@media (max-width:860px){.pg-example .feature{grid-template-columns:1fr}}.pg-example .feature.flip .fig{order:-1}@media (max-width:860px){.pg-example .feature.flip .fig{order:0}}.pg-example .feature h2{font-size:var(--t-h2);letter-spacing:-.03em;font-weight:800;line-height:1.04}.pg-example .feature p{color:var(--ink-2);margin-top:var(--space-4);max-width:46ch}.pg-example .fig{aspect-ratio:4/3;background:var(--tint);border:1px solid var(--line);border-radius:18px;justify-content:center;align-items:center;display:flex;overflow:hidden}.pg-example .fig.ink{background:var(--ink)}.pg-example .fig img{object-fit:cover;width:100%;height:100%}.pg-example .feat-grid{gap:var(--space-4);margin-top:var(--space-7);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:760px){.pg-example .feat-grid{grid-template-columns:1fr}}.pg-example .stats{background:var(--ink);color:#fff;gap:var(--space-6);border-radius:22px;grid-template-columns:repeat(3,1fr);padding:clamp(34px,5vw,56px);display:grid}@media (max-width:680px){.pg-example .stats{gap:var(--space-5);grid-template-columns:1fr}}.pg-example .stat .v{letter-spacing:-.03em;font-size:clamp(2.2rem,4vw,3.2rem);font-weight:800}.pg-example .stat .v .u{color:var(--coral)}.pg-example .stat .k{font-family:var(--mono);color:#fff9;margin-top:var(--space-2);font-size:16px}.pg-example .cta{background:var(--cobalt);color:#fff;text-align:center;border-radius:24px;padding:clamp(40px,6vw,72px)}.pg-example .cta h2{letter-spacing:-.035em;max-width:18ch;margin:0 auto;font-size:clamp(2rem,4.4vw,3.4rem);font-weight:800;line-height:1}.pg-example .cta p{color:#ffffffd1;margin-top:var(--space-4)}.pg-example .cta .btn{margin-top:var(--space-6);color:var(--cobalt);background:#fff}.pg-example .cta .btn:hover{box-shadow:0 16px 30px -16px #0006}.pg-example .foot{border-top:1px solid var(--line);padding:var(--space-7) 0 var(--space-9);gap:var(--space-4);color:var(--ink-3);font-size:var(--t-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.pg-example .foot .brand{align-items:center;gap:var(--space-2);color:var(--ink);letter-spacing:-.02em;font-weight:800;display:flex}.pg-example .foot .mk{border-radius:8px;width:26px;height:26px;display:flex;overflow:hidden}.pg-example .foot .mk svg{width:100%;height:100%}.pg-example .fig-logo{border-radius:28px;width:132px;height:132px;overflow:hidden;box-shadow:0 20px 50px -30px #00000080}.pg-example .fig-logo svg{width:100%;height:100%}