.s1uo8vat{display:grid;grid-gap:1.25rem;gap:1.25rem;width:100%;margin-top:2.5rem;grid-template-columns:1fr}@media (min-width:900px){.s1uo8vat{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}}.w3uaecp{display:flex;flex-direction:column;background:#0d1117;border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.45);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#c9d1d9}.w3uaecp .bar{display:flex;align-items:center;gap:.8rem;padding:.7rem 1rem;background:#161b22;border-bottom:1px solid rgba(255,255,255,.08)}.w3uaecp .dots{display:flex;gap:.45rem}.w3uaecp .dots i{width:12px;height:12px;border-radius:50%;display:block}.w3uaecp .tab{font-size:.78rem;color:#c9d1d9;background:#0d1117;border:1px solid rgba(255,255,255,.08);padding:.25rem .7rem;border-radius:7px}.w3uaecp .tab em{color:#58a6ff;font-style:normal;font-size:.7em;vertical-align:middle}.w3uaecp .spacer{flex:1 1}.w3uaecp .branch{font-size:.72rem;color:#8b949e;display:none}@media (min-width:560px){.w3uaecp .branch{display:inline}}.w3uaecp .pub{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .9rem;border-radius:8px;font-family:var(--font-body),sans-serif;font-size:.78rem;font-weight:600;color:#fff;background:var(--blue);transition:background .25s ease;white-space:nowrap}.w3uaecp .pub[data-state=publishing]{background:#39414e}.w3uaecp .pub[data-state=live]{background:var(--green)}.w3uaecp.editor .code{padding:1rem 1rem 1.1rem;font-size:clamp(.7rem,1.5vw,.88rem);line-height:1.75;min-height:18.5em;overflow:hidden}.w3uaecp .ln{display:flex;white-space:pre}.w3uaecp .no{width:2.2em;flex:none;text-align:right;padding-right:1.3em;color:#6e7681;-webkit-user-select:none;-moz-user-select:none;user-select:none}.w3uaecp .caret{display:inline-block;width:.55em;height:1.05em;background:#58a6ff;margin-left:1px;transform:translateY(.18em);animation:blink-w3uaecp 1s steps(1) infinite}@keyframes blink-w3uaecp{50%{opacity:0}}.w3uaecp .kw{color:#ff7b72}.w3uaecp .fn{color:#d2a8ff}.w3uaecp .tag{color:#7ee787}.w3uaecp .atr{color:#79c0ff}.w3uaecp .str{color:#a5d6ff}.w3uaecp .txt{color:#c9d1d9}.w3uaecp .pun{color:#8b949e}.w3uaecp .status{display:flex;align-items:center;gap:.45rem;padding:.55rem 1rem;background:#161b22;border-top:1px solid rgba(255,255,255,.08);font-family:var(--font-body),sans-serif;font-size:.74rem;color:#8b949e}.w3uaecp .status strong{color:#c9d1d9;font-weight:600}.w3uaecp .status .muted{color:#6e7681}.w3uaecp .status .ok{color:var(--green);font-size:.7em}.w3uaecp .status .ok.type{color:#58a6ff}.w3uaecp .status[data-state=live]{color:#aef0d3}.w3uaecp .spin{width:.85em;height:.85em;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;display:inline-block;animation:spin-w3uaecp .7s linear infinite}.w3uaecp .spin.dark{border-color:#8b949e rgba(255,255,255,.18) rgba(255,255,255,.18)}@keyframes spin-w3uaecp{to{transform:rotate(1turn)}}.w3uaecp.preview{font-family:var(--font-body),system-ui,sans-serif}.w3uaecp .url{display:inline-flex;align-items:center;gap:.4rem;font-size:.74rem;color:#8b949e;background:#0d1117;border:1px solid rgba(255,255,255,.08);padding:.22rem .7rem;border-radius:20px}.w3uaecp .url .lock{font-size:.7em;opacity:.8}.w3uaecp .state{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:600;color:#8b949e;white-space:nowrap}.w3uaecp .state .d{width:8px;height:8px;border-radius:50%;background:#6e7681}.w3uaecp .state[data-state=publishing]{color:#d2a8ff}.w3uaecp .state[data-state=publishing] .d{background:#d2a8ff;animation:pulse-w3uaecp .9s ease-in-out infinite}.w3uaecp .state[data-state=live]{color:#56d364}.w3uaecp .state[data-state=live] .d{background:#3fb950;box-shadow:0 0 0 0 rgba(63,185,80,.5);animation:pulse-w3uaecp 1.4s ease-out infinite}@keyframes pulse-w3uaecp{0%{box-shadow:0 0 0 0 rgba(63,185,80,.5);opacity:1}70%{box-shadow:0 0 0 6px rgba(63,185,80,0);opacity:.6}to{box-shadow:0 0 0 0 rgba(63,185,80,0);opacity:1}}.w3uaecp .viewport{position:relative;flex:1 1;min-height:19.6em;display:flex;background:#0a0d13;padding:1.1rem;transition:background .5s ease}.w3uaecp .viewport[data-section=true]{background:#0a0d13}.w3uaecp .hero{flex:1 1;display:flex;flex-direction:column;justify-content:center;gap:.85rem;padding:1.6rem 1.5rem;border-radius:12px;background:var(--blue);color:#fff;opacity:0;transform:scale(.97);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.9,.3,1.2);overflow:hidden}.w3uaecp .hero[data-on=true]{opacity:1;transform:none}.w3uaecp .hero .eyebrow{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:rgba(255,255,255,.72);opacity:0;transform:translateY(8px);transition:opacity .4s ease .1s,transform .4s ease .1s}.w3uaecp .hero .eyebrow[data-on=true]{opacity:1;transform:none}.w3uaecp .hero h3{font-family:var(--font-display),system-ui,sans-serif;font-size:clamp(1.5rem,3.5vw,2.3rem);line-height:.98;font-weight:800;margin:0;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}.w3uaecp .hero h3[data-on=true]{opacity:1;transform:none}.w3uaecp .hero h3 em{font-style:normal;color:#ffd166;opacity:0;transition:opacity .4s ease}.w3uaecp .hero h3 em[data-on=true]{opacity:1}.w3uaecp .hero .cta{align-self:flex-start;margin-top:.3rem;padding:.6rem 1.15rem;border-radius:8px;background:#fff;color:var(--blue);font-size:.82rem;font-weight:700;opacity:0;transform:translateY(10px) scale(.96);transition:opacity .4s ease,transform .4s cubic-bezier(.2,.9,.3,1.4)}.w3uaecp .hero .cta[data-on=true]{opacity:1;transform:none}.w3uaecp .deploy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;background:rgba(10,13,19,.72);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#c9d1d9;font-size:.8rem}.w3uaecp .deploy .bar-track{width:60%;max-width:240px;height:4px;border-radius:4px;background:rgba(255,255,255,.12);overflow:hidden}.w3uaecp .deploy .bar-fill{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),#d2a8ff);animation:fill-w3uaecp 1.6s ease forwards}@keyframes fill-w3uaecp{to{width:100%}}.w3uaecp .toast{position:absolute;bottom:1rem;right:1rem;display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .85rem;border-radius:9px;background:rgba(13,17,23,.92);border:1px solid rgba(63,185,80,.4);color:#aef0d3;font-size:.74rem;font-weight:600;animation:rise-w3uaecp .5s ease forwards}.w3uaecp .toast .check{display:inline-flex;align-items:center;justify-content:center;width:1.05em;height:1.05em;border-radius:50%;background:var(--green);color:#04210f;font-size:.7em}@keyframes rise-w3uaecp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.w1rp8hka{width:100%}.w1rp8hka form{display:flex;flex-direction:column;gap:1rem}.w1rp8hka .row{display:grid;grid-gap:1rem;gap:1rem}@media (min-width:520px){.w1rp8hka .row{grid-template-columns:1fr 1fr}}.w1rp8hka label{display:flex;flex-direction:column;gap:.4rem;font-size:.82rem;font-weight:600;letter-spacing:.02em;color:rgba(255,255,255,.7)}.w1rp8hka input,.w1rp8hka textarea{font:inherit;font-weight:400;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:.8rem .9rem;transition:border-color .18s ease,background .18s ease;width:100%}.w1rp8hka input:focus,.w1rp8hka textarea:focus{outline:none;border-color:#fff;background:rgba(255,255,255,.1)}.w1rp8hka textarea{resize:vertical;min-height:110px}.w1rp8hka .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.w1rp8hka button{align-self:flex-start;margin-top:.3rem;padding:.95rem 1.9rem;border-radius:999px;border:none;background:#fff;color:var(--ink);font-weight:700;font-size:1rem;cursor:pointer;transition:transform .18s ease,opacity .18s ease}.w1rp8hka button:hover{transform:translateY(-2px)}.w1rp8hka button:disabled{opacity:.6;cursor:default;transform:none}.w1rp8hka .err{color:#ffb4b4;font-size:.9rem}.w1rp8hka .fine{font-size:.82rem;color:rgba(255,255,255,.5)}.w1rp8hka .done{border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:2rem;background:rgba(255,255,255,.05)}.w1rp8hka .done .tick{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--green);color:#04210f;font-size:1.3rem;font-weight:700;margin-bottom:1rem}.w1rp8hka .done h3{font-size:1.6rem;margin-bottom:.5rem}.w1rp8hka .done p{line-height:1.6;opacity:.85}.w1rp8hka .done a{-webkit-text-decoration:underline;text-decoration:underline}.w1rp8hka input::placeholder{color:rgba(255,255,255,.4)}.w1rp8hka textarea::placeholder{color:rgba(255,255,255,.4)}.c16ho9b8{position:relative;z-index:2;max-width:30ch}.c16ho9b8 .eyebrow{font-size:.8rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;opacity:.8;margin-bottom:1.25rem}.c16ho9b8 h2{font-size:clamp(2.2rem,5.5vw,4rem);line-height:.98;letter-spacing:-.01em}.c16ho9b8 .lead{font-size:clamp(1rem,2vw,1.25rem);line-height:1.5;opacity:.9;margin-top:1.4rem;max-width:34ch}.c16ho9b8 .tags{display:flex;-webkit-box-flex-wrap:wrap;flex-wrap:wrap;gap:.5rem;margin-top:2rem}.c16ho9b8 .tags span{border-radius:999px;padding:.45rem 1rem;font-size:.88rem;font-weight:500;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.svihkn3{z-index:0;overflow:hidden;perspective:1900px;pointer-events:none}.svihkn3,.svihkn3 .veil{position:absolute;inset:0}.svihkn3 .veil{background:linear-gradient(95deg,var(--blue) 0,var(--blue) 20%,rgba(35,48,255,.55) 36%,rgba(35,48,255,0) 58%)}@media (max-width:760px){.svihkn3 .veil{background:linear-gradient(0deg,rgba(35,48,255,.5),rgba(35,48,255,.5))}}.svihkn3 .deck{position:absolute;top:50%;left:36%;width:1120px;display:grid;grid-template-columns:repeat(3,300px);grid-gap:34px;gap:34px;transform:translateY(-48%) rotateX(52deg) rotate(-40deg);transform-style:preserve-3d}@media (min-width:1600px){.svihkn3 .deck{left:40%;width:1300px;grid-template-columns:repeat(3,350px)}}@media (max-width:1200px){.svihkn3 .deck{left:28%;transform:translateY(-48%) rotateX(54deg) rotate(-42deg) scale(.92)}}@media (max-width:760px){.svihkn3{opacity:.3}.svihkn3 .deck{left:14%;top:54%;transform:translateY(-48%) rotateX(56deg) rotate(-44deg) scale(.78)}}.svihkn3 .screen{height:540px;border-radius:30px;background:#ffffff;box-shadow:0 40px 80px rgba(0,0,20,.35);padding:16px 14px;display:flex;flex-direction:column;gap:12px;color:#1a1f2e;animation:float-svihkn3 7s ease-in-out infinite;animation-delay:calc(var(--i) * -.8s)}.svihkn3 .screen[data-accent=true]{background:var(--blue)}@keyframes float-svihkn3{0%,to{transform:translateZ(0)}50%{transform:translateZ(55px)}}@media (prefers-reduced-motion:reduce){.svihkn3 .screen{animation:none}}.svihkn3 .bar{display:flex;align-items:center;justify-content:space-between;padding:2px 8px 0}.svihkn3 .bar .time{font-size:13px;font-weight:700;opacity:.7}.svihkn3 .bar .dots{display:flex;gap:4px}.svihkn3 .bar .dots i{width:6px;height:6px;border-radius:50%;background:rgba(0,0,0,.25)}.svihkn3 .screen[data-accent=true] .bar .time{color:rgba(255,255,255,.85)}.svihkn3 .screen[data-accent=true] .bar .dots i{background:rgba(255,255,255,.5)}.svihkn3 .body{flex:1 1;display:flex;flex-direction:column;gap:12px;padding:6px 6px 4px}.svihkn3 .body .h{height:20px;width:60%;border-radius:6px;background:rgba(0,0,0,.78)}.svihkn3 .body .row{height:15px;border-radius:5px;background:rgba(0,0,0,.1)}.svihkn3 .body .row.tall{height:34px}.svihkn3 .body .row.short{width:55%}.svihkn3 .body .btn{height:40px;border-radius:10px;background:var(--blue);margin-top:auto}.svihkn3 .screen[data-accent=true] .body .h{background:#fff}.svihkn3 .screen[data-accent=true] .body .row{background:rgba(255,255,255,.28)}.svihkn3 .screen[data-accent=true] .body .btn{background:#fff}.svihkn3 .tiles{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;height:100%}.svihkn3 .tiles span{border-radius:10px;background:rgba(0,0,0,.08)}.svihkn3 .screen[data-accent=true] .tiles span{background:rgba(255,255,255,.22)}.svihkn3 .bars{flex:1 1;display:flex;align-items:flex-end;gap:9px;padding-top:8px}.svihkn3 .bars span{flex:1 1;border-radius:5px 5px 0 0;background:var(--blue);opacity:.85}.svihkn3 .post{display:flex;gap:10px;align-items:center}.svihkn3 .post .av{width:38px;height:38px;border-radius:50%;background:rgba(0,0,0,.12);flex:none}.svihkn3 .post .lines{flex:1 1;display:flex;flex-direction:column;gap:7px}.svihkn3 .search{height:34px;border-radius:10px;background:rgba(0,0,0,.06)}.svihkn3 .li{display:flex;align-items:center;gap:12px}.svihkn3 .li .dot{width:24px;height:24px;border-radius:8px;background:rgba(0,0,0,.12);flex:none}.svihkn3 .li .row{flex:1 1;height:14px;border-radius:5px;background:rgba(0,0,0,.1)}