.hsg{cursor:default;-webkit-user-select:none;user-select:none;max-width:1080px;margin-inline:auto;position:relative}.hsg-browser{background:#fff;border-radius:14px 14px 0 0;overflow:hidden;box-shadow:0 0 0 1px #0f172a12,0 40px 80px -40px #0f172a59}.hsg--framed .hsg-browser{border-radius:14px}.hsg-browser__bar{direction:ltr;background:#f4f5f8;gap:6px;padding:12px 14px;display:flex}.hsg-browser__bar i{background:#d6d9e0;border-radius:50%;width:10px;height:10px}.hsg-screen{aspect-ratio:16/9;background:radial-gradient(circle,#dfe3ea 1px,#0000 1.4px) 0 0/22px 22px,#fafbfc;position:relative;overflow:hidden}.hsg-screen__ghost{object-fit:cover;object-position:top;filter:blur(14px)saturate(.6);width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0;scale:1.06}.hsg-screen--typing .hsg-screen__ghost{opacity:.9}.hsg-screen--building .hsg-screen__ghost{opacity:.55}.hsg-screen--reveal .hsg-screen__ghost{opacity:.4}.hsg-screen--hold .hsg-screen__ghost{opacity:0}.hsg-skeleton{flex-direction:column;gap:4%;padding:3% 5%;display:flex;position:absolute;inset:0}.hsg-sk{opacity:0;background:linear-gradient(90deg,#ffffff9e 0%,#ffffffeb 45%,#ffffff9e 90%) 0 0/200% 100%;border-radius:6px;translate:0 10px;scale:.98;box-shadow:0 0 0 1px #ffffff80}.hsg-sk--nav{flex:none;height:6%}.hsg-sk-hero{flex:1;gap:5%;min-height:0;display:flex}.hsg-sk-hero__text{flex-direction:column;flex:1;justify-content:center;gap:7%;display:flex}.hsg-sk--line{height:11%}.hsg-sk--thin{height:5%}.hsg-sk--w90{width:90%}.hsg-sk--w80{width:80%}.hsg-sk--w70{width:70%}.hsg-sk--w60{width:60%}.hsg-sk--btn{width:26%;height:10%}.hsg-sk--img{flex:1.1}.hsg-sk-cards{flex:none;gap:3%;height:26%;display:flex}.hsg-sk--card{flex:1}.hsg-screen--building .hsg-sk,.hsg-screen--reveal .hsg-sk,.hsg-screen--hold .hsg-sk{animation:hsg-pop .45s cubic-bezier(.34, 1.56, .64, 1) calc(var(--i) * .11s) forwards, hsg-shimmer 1.2s linear infinite}@keyframes hsg-pop{to{opacity:1;translate:0;scale:1}}@keyframes hsg-shimmer{to{background-position:-200% 0}}.hsg-screen__site{object-fit:cover;object-position:top;clip-path:inset(0 0 100%);width:100%;height:100%;position:absolute;inset:0}.hsg-screen--reveal .hsg-screen__site{animation:hsg-uncover var(--hsg-reveal,1.9s) cubic-bezier(.65, 0, .35, 1) forwards}.hsg-screen--hold .hsg-screen__site{clip-path:inset(0)}@keyframes hsg-uncover{to{clip-path:inset(0)}}.hsg-screen__scan{inset-inline:0;opacity:0;background:linear-gradient(90deg,#0000,#2563eb66 25%,#22c3dd66 75%,#0000);height:1px;position:absolute;top:0;box-shadow:0 0 10px #2563eb1f}.hsg-screen--reveal .hsg-screen__scan{animation:hsg-scan var(--hsg-reveal,1.9s) cubic-bezier(.65, 0, .35, 1) forwards}@keyframes hsg-scan{0%{opacity:1;top:0}90%{opacity:1}to{opacity:0;top:100%}}.hsg-prompt{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;-webkit-user-select:none;user-select:none;background:#ffffffeb;border-radius:999px;align-items:center;gap:.75rem;width:min(92%,560px);padding:.7rem .7rem .7rem 1.1rem;display:flex;position:absolute;bottom:clamp(1rem,3vw,2rem);left:50%;translate:-50%;box-shadow:0 0 0 1px #0f172a14,0 24px 48px -24px #0f172a73}.hsg-prompt__spark{color:#2563eb;font-size:1.1rem}.hsg-prompt__text{color:#111;flex:1;min-height:1.5em;font-size:1rem}.hsg-caret{vertical-align:-.15em;background:#2563eb;width:2px;height:1.1em;margin-inline-start:2px;animation:1s step-end infinite hsg-blink;display:inline-block}@keyframes hsg-blink{50%{opacity:0}}.hsg-prompt__send{color:#fff;background:#111;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid}.hsg-prompt--building .hsg-prompt__send,.hsg-prompt--reveal .hsg-prompt__send{color:#0000;background:radial-gradient(circle,#111 55%,#0000 57%),conic-gradient(#22c3dd,#2563eb,#111 70%);animation:.9s linear infinite hsg-spin}@keyframes hsg-spin{to{rotate:360deg}}@media (max-width:639px){.hsg-browser{border-radius:10px 10px 0 0}.hsg-browser__bar{gap:5px;padding:8px 10px}.hsg-browser__bar i{width:7px;height:7px}.hsg-prompt{gap:.5rem;width:94%;padding:.4rem .4rem .4rem .8rem;bottom:.6rem}.hsg-prompt__spark{font-size:.9rem}.hsg-prompt__text{font-size:.8rem}.hsg-prompt__send{width:28px;height:28px}}@media (prefers-reduced-motion:reduce){.hsg-caret,.hsg-sk,.hsg-screen__site,.hsg-screen__scan,.hsg-prompt__send{animation:none}.hsg-sk{opacity:1;translate:none;scale:1}.hsg-screen__site{clip-path:none}}
