.gh-site .intro{z-index:80;background:radial-gradient(120% 90% at 50% -10%, color-mix(in srgb, var(--color-sun-gold) 30%, transparent), transparent 60%), radial-gradient(90% 80% at 50% 120%, color-mix(in srgb, var(--color-coral) 16%, transparent), transparent 62%), var(--color-page);justify-content:center;align-items:center;width:100vw;height:100dvh;min-height:100vh;transition:opacity .9s,visibility .9s;display:flex;position:fixed;inset:0;overflow:hidden}.dark .gh-site .intro{background:radial-gradient(120% 90% at 50% -10%, #f69e0b38, transparent 60%), radial-gradient(90% 80% at 50% 120%, #f2695024, transparent 62%), var(--color-page)}.gh-site .intro[hidden]{display:none}.gh-site .intro.done{opacity:0;visibility:hidden;pointer-events:none}.gh-site .intro-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.gh-site .skip{z-index:3;border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:color-mix(in srgb, var(--color-surface) 70%, transparent);-webkit-backdrop-filter:blur(8px);height:38px;font-family:var(--font-sans);color:var(--color-text-soft);white-space:nowrap;cursor:pointer;align-items:center;gap:8px;padding:0 18px;font-size:.82rem;font-weight:500;transition:color .15s,border-color .15s;display:inline-flex;position:absolute;top:24px;right:24px}.gh-site .skip:hover,.gh-site .skip:focus-visible{color:var(--color-text);border-color:var(--color-accent);outline:none}.gh-site .skip svg{width:14px;height:14px}.gh-site .stage{z-index:2;text-align:center;width:100%;max-width:60rem;padding:0 28px;position:relative}.gh-site .statement{width:100%;max-width:60rem;font-family:var(--font-display);font-optical-sizing:auto;letter-spacing:-.028em;color:var(--color-text);opacity:0;visibility:hidden;margin:0;padding:0 28px;font-size:clamp(2.4rem,6.4vw,5rem);font-weight:500;line-height:1.04;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gh-site .statement .accent-i{display:inline-block}@media (prefers-reduced-motion:no-preference){.gh-site .statement{filter:blur(6px);transition:opacity .7s,transform .9s cubic-bezier(.16,.84,.44,1),filter .7s;transform:translate(-50%,calc(16px - 50%))}.gh-site .statement.on{opacity:1;visibility:visible;filter:blur();transform:translate(-50%,-50%)}.gh-site .statement.out{opacity:0;visibility:visible;filter:blur(5px);transform:translate(-50%,calc(-50% - 14px))}}@media (prefers-reduced-motion:reduce){.gh-site .statement.on{opacity:1;visibility:visible}}.gh-site .intro-pips{z-index:3;gap:9px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.gh-site .intro-pips i{background:var(--color-border-strong);border-radius:50%;width:7px;height:7px;transition:background-color .4s,transform .4s}.gh-site .intro-pips i.on{background:var(--color-accent);transform:scale(1.25)}.gh-site .intro-hint{z-index:3;text-align:center;letter-spacing:.04em;color:var(--color-text-muted);font-size:.72rem;position:absolute;bottom:74px;left:0;right:0}.gh-site .demo-main{padding:64px 0 0}.gh-site .demo-grid{grid-template-columns:1.35fr .8fr;align-items:start;gap:56px;margin-top:36px;display:grid}@media (max-width:880px){.gh-site .demo-grid{grid-template-columns:1fr;gap:40px}}.gh-site .demo-head{max-width:36rem}.gh-site .demo-head h1{font-family:var(--font-display);font-optical-sizing:auto;letter-spacing:-.022em;margin:14px 0 0;font-size:clamp(2.2rem,4.6vw,3.4rem);font-weight:500;line-height:1.05}.gh-site .demo-head .sub{color:var(--color-text-soft);text-wrap:pretty;max-width:34rem;margin:20px 0 0;font-size:1.0625rem;line-height:1.65}.gh-site .demo-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:30px}.gh-site .field{flex-direction:column;gap:8px;margin-top:20px;display:flex}.gh-site .field:first-child{margin-top:0}.gh-site .field-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (max-width:520px){.gh-site .field-row{grid-template-columns:1fr}}.gh-site .lbl{color:var(--color-text);letter-spacing:.01em;font-size:.8rem;font-weight:600}.gh-site .lbl .opt{color:var(--color-text-muted);font-weight:400}.gh-site .inp,.gh-site .sel,.gh-site .ta{width:100%;font-family:var(--font-sans);color:var(--color-text);background:var(--color-page);border:1px solid var(--color-border);border-radius:var(--radius-control);padding:12px 14px;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.gh-site .inp::placeholder,.gh-site .ta::placeholder{color:var(--color-text-muted)}.gh-site .inp:focus,.gh-site .sel:focus,.gh-site .ta:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 14%, transparent);outline:none}.gh-site .sel{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238a7f70' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.gh-site .ta{resize:vertical;min-height:92px;line-height:1.5}.gh-site .demo-submit{width:100%;height:52px;margin-top:26px}.gh-site .demo-fine{text-align:center;color:var(--color-text-muted);margin-top:14px;font-size:.74rem}.gh-site .value-panel{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-page);flex-direction:column;gap:0;display:flex;position:sticky;top:96px;overflow:hidden}.gh-site .vp-item{border-top:1px solid var(--color-border);align-items:flex-start;gap:14px;padding:22px;display:flex}.gh-site .vp-item:first-child{border-top:0}.gh-site .vp-ic{background:var(--color-accent-soft);width:34px;height:34px;color:var(--color-accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.gh-site .vp-ic svg{width:17px;height:17px}.gh-site .vp-t{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.02rem;line-height:1.25}.gh-site .vp-d{color:var(--color-text-soft);margin:5px 0 0;font-size:.84rem;line-height:1.5}.gh-site .demo-success{text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:48px 30px;animation:.7s cubic-bezier(.16,.84,.44,1) both ghRise}.gh-site .ds-seal{background:linear-gradient(135deg, var(--color-sun-gold), var(--color-amber) 55%, var(--color-coral));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto;display:flex;box-shadow:0 8px 22px #f2695047}.gh-site .ds-seal svg{width:28px;height:28px}.gh-site .demo-success h2{font-family:var(--font-display);letter-spacing:-.02em;margin:22px 0 0;font-size:2rem;font-weight:500}.gh-site .demo-success p{max-width:30rem;color:var(--color-text-soft);margin:14px auto 0;font-size:1rem;line-height:1.6}.gh-site .ds-sched{margin-top:24px}.gh-site .ds-close{border-top:1px solid var(--color-border);font-family:var(--font-display);color:var(--color-text-soft);margin-top:30px;padding-top:24px;font-size:1.05rem;font-style:italic}.gh-site .demo-error{text-align:center;color:var(--color-rose-strong);margin-top:14px;font-size:.85rem}