@font-face{font-family:Red Hat Display;font-weight:900;font-display:swap;src:url(/fonts/display-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Red Hat Display;font-weight:900;font-display:swap;src:url(/fonts/display-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Red Hat Text;font-weight:400 500;font-display:swap;src:url(/fonts/text-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Red Hat Text;font-weight:400 500;font-display:swap;src:url(/fonts/text-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Red Hat Mono;font-weight:400 500;font-display:swap;src:url(/fonts/mono-latin.woff2)format("woff2")}:root{--bg:#0d0d0e;--ink:#f4f2e8;--muted:#a6a49b;--line:#f4f2e824;--violet:#933dc9;--violet-hi:#bd84ea;--deep:#53118f;--cream:#fbfaee;--dark:#151515;--display:"Red Hat Display", system-ui, sans-serif;--text:"Red Hat Text", system-ui, sans-serif;--s-hero:clamp(42px, 8.4vw, 148px);--s-title:clamp(40px, 5.4vw, 92px);--s-sub:clamp(18px, 1.35vw, 22px);--s-body:17px;--s-small:14px;--margin:clamp(16px, 4vw, 64px);--ease:cubic-bezier(.16, 1, .3, 1);interpolate-size:allow-keywords}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);color:var(--ink);font:400 var(--s-body)/1.55 var(--text);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}img,video,canvas{max-width:100%;display:block}a{color:inherit}h1,h2,h3{font-family:var(--display);letter-spacing:-.04em;margin:0;font-weight:900;line-height:.98}p,figure,dl,dd,ul,ol{margin:0}ul,ol{padding:0;list-style:none}fieldset{border:0;min-width:0;margin:0;padding:0}legend{padding:0}:focus-visible{outline:2px solid var(--violet-hi);outline-offset:3px}::selection{background:var(--violet);color:#fff}.skip{clip-path:inset(50%);white-space:nowrap;background:var(--ink);width:1px;height:1px;color:var(--bg);z-index:100;padding:12px 16px;position:absolute;top:16px;left:16px;overflow:hidden}.skip:focus{clip-path:none;width:auto;height:auto}.honeypot{position:absolute;left:-9999px}.button{background:var(--ink);min-height:54px;color:var(--bg);font:500 16px/1 var(--text);cursor:pointer;white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 28px;text-decoration:none;transition:background-color .25s,color .25s;display:inline-flex}.button:hover{background:var(--violet);color:#fff}.button:disabled{opacity:.6;cursor:progress}.button-small{min-height:40px;padding:0 18px;font-size:15px}.link-arrow{border-bottom:1px solid var(--line);padding-bottom:3px;font-weight:500;text-decoration:none;transition:border-color .25s}.link-arrow:after{content:" ↓"}.link-arrow:hover{border-color:var(--ink)}.chip{cursor:pointer;opacity:.75;border:1px solid;border-radius:999px;align-items:center;min-height:40px;padding:0 16px;font-size:15px;font-weight:500;transition:background-color .2s,color .2s,opacity .2s;display:inline-flex;position:relative}.chip:hover{opacity:1}.chip input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.chip:has(input:checked){opacity:1;background:var(--ink);color:var(--dark);border-color:var(--ink)}.chip:has(input:focus-visible){outline:2px solid var(--violet);outline-offset:2px}.title{font-size:var(--s-title)}.sub{font-size:var(--s-sub);color:var(--muted);max-width:42ch;line-height:1.45}.js [data-reveal]{opacity:0;transition:opacity .8s var(--ease), translate .9s var(--ease);translate:0 28px}.js [data-reveal].in{opacity:1;translate:none}.top{z-index:50;padding:18px var(--margin);border-bottom:1px solid #0000;align-items:center;gap:28px;transition:background-color .3s,border-color .3s,padding .3s;display:flex;position:fixed;top:0;left:0;right:0}.top.scrolled{border-color:var(--line);background:#0d0d0ef0;padding-block:12px}.wordmark{font:900 22px/1 var(--display);letter-spacing:-.035em;margin-right:auto;text-decoration:none}.wordmark span{color:var(--violet-hi)}.top ul{gap:28px;font-size:15px;display:flex}.top ul a{color:var(--muted);text-decoration:none;transition:color .2s}.top ul a:hover{color:var(--ink)}.languages{gap:10px;font-size:14px;font-weight:500;display:flex}.languages a{color:var(--muted);text-decoration:none}.languages a[aria-current]{color:var(--ink);text-underline-offset:5px;text-decoration:underline}.film-stage{padding:128px var(--margin) 72px;gap:48px;display:grid}.film-copy{gap:56px;display:grid}.film-hero{justify-items:start;gap:26px;max-width:1000px;display:grid}.hero-title{font-size:var(--s-hero);letter-spacing:-.045em;line-height:.94}.hero-title span{display:block}.lead{font-size:var(--s-sub);color:var(--muted);max-width:40ch;line-height:1.45}.actions{flex-wrap:wrap;align-items:center;gap:18px 30px;display:flex}.film-screen{aspect-ratio:16/9;position:relative}.film-still,.film-screen canvas{width:100%;height:100%}.film-screen canvas,.film-bar{display:none}.beats{order:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 32px;display:grid}.beat{align-content:start;gap:10px;display:grid}.beat-n{font-size:var(--s-small);color:var(--muted);font-variant-numeric:tabular-nums}.beat h2{font-size:clamp(28px,2.6vw,46px);line-height:1.02}.beat p{color:var(--muted);font-size:var(--s-sub);max-width:30ch;line-height:1.45}@media (prefers-reduced-motion:no-preference){.js .film{height:640svh}.js .film-stage{--cw:min(64vw, calc((100svh - 150px) * 16 / 9));height:100svh;padding:0;display:block;position:sticky;top:0;overflow:hidden}.js .film-screen{width:var(--cw);position:absolute;top:calc(50% + 34px);right:0;translate:0 -50%}.js .film-still{display:none}.js .film-screen canvas,.js .film-bar{display:block}.js .film-bar{background:var(--line);height:2px;position:absolute;bottom:-22px;left:6%;right:6%}.js .film-bar i{background:var(--violet-hi);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.js .film-copy{left:var(--margin);width:calc(100vw - var(--cw) - var(--margin) * 1.5);grid-template-columns:minmax(0,1fr);align-items:center;padding-top:70px;display:grid;position:absolute;top:0;bottom:0}.js .film-copy>*{grid-area:1/1}.js .film-hero{z-index:2;width:min(78vw,1300px);transition:opacity .5s var(--ease), translate .7s var(--ease);position:relative}.js .film-hero.off{opacity:0;pointer-events:none;translate:0 -40px}.js .beats{grid-template-columns:none;display:grid}.js .beat{opacity:0;transition:opacity .45s var(--ease), translate .6s var(--ease);grid-area:1/1;translate:0 26px}.js .beat.on{opacity:1;translate:none}.js .film-hero>*{animation:rise 1.1s var(--ease) both}.js .hero-px{transition:opacity .9s var(--ease), scale 1.4s var(--ease);position:absolute;inset:0}.js .hero-px.off{opacity:0;scale:1.12}.js .film-screen [data-canvas],.js .film-bar{transition:opacity .9s var(--ease)}.js .film.intro [data-canvas],.js .film.intro .film-bar{opacity:0}.js .film-hero>:nth-child(2){animation-delay:.15s}.js .film-hero>:nth-child(3){animation-delay:.3s}}@keyframes rise{0%{opacity:0;translate:0 40px}}.statement{padding:clamp(96px, 18vh, 200px) var(--margin)}.statement p{font:900 clamp(30px, 4.3vw, 72px)/1.06 var(--display);letter-spacing:-.035em;max-width:22ch}.js .statement span{color:#f4f2e829;transition:color .35s}.js .statement span.lit{color:var(--ink)}.services{padding:0 var(--margin) clamp(96px, 12vw, 180px)}.section-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:32px;margin-bottom:clamp(40px,5vw,80px);display:grid}.service{border-top:1px solid var(--line);grid-template-columns:80px minmax(0,1fr) minmax(0,1.15fr);gap:32px;padding:36px 0;display:grid}.service:last-child{border-bottom:1px solid var(--line)}.service-n{font-size:var(--s-small);color:var(--muted);font-variant-numeric:tabular-nums;padding-top:10px}.service h3{font-size:clamp(28px,3vw,50px);transition:color .25s}.service:hover h3{color:var(--violet-hi)}.service-body{gap:12px;max-width:54ch;font-size:18px;display:grid}.service-inc{color:var(--muted);font-size:16px}.service-inc strong{color:var(--ink);font-weight:500}.preview{padding:clamp(80px, 10vw, 160px) var(--margin);background:var(--cream);color:var(--dark)}.preview .sub{color:#55534b}.preview-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:32px clamp(32px,5vw,96px);margin-bottom:clamp(32px,4vw,56px);display:grid}.preview-copy,.try{gap:20px;display:grid}.field{font-size:var(--s-small);gap:8px;font-weight:500;display:grid}.field input{width:100%;height:58px;color:var(--dark);font:500 19px var(--text);background:#fff;border:1.5px solid #cfccbb;border-radius:14px;padding:0 20px;transition:border-color .2s}.field input::placeholder{color:#8d8a7e}.field input:focus{border-color:var(--dark);outline:none}.try legend{font-size:var(--s-small);margin-bottom:10px;font-weight:500}.trades{flex-wrap:wrap;gap:8px;display:flex}.preview .chip:has(input:checked){color:var(--cream);background:var(--dark);border-color:var(--dark)}.browser{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px #1515151f,0 60px 120px -60px #1515158c}.browser-bar{background:#e9e7d8;align-items:center;gap:8px;padding:12px 16px;display:flex;position:relative}.browser-bar i{background:#c9c6b4;border-radius:50%;width:11px;height:11px}.browser-bar span{background:var(--cream);color:#6b6a62;border-radius:8px;min-width:min(360px,50%);margin-left:16px;padding:5px 16px;font-size:13px}.browser-screen{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--sb-th,var(--violet)) var(--sb-tr,#f4f1f8);height:clamp(520px,78vh,820px);overflow-y:auto;container-type:inline-size}.browser-screen::-webkit-scrollbar{width:12px}.browser-screen::-webkit-scrollbar-track{background:var(--sb-tr,#f4f1f8)}.browser-screen::-webkit-scrollbar-thumb{background:var(--sb-th,var(--violet));border:3px solid var(--sb-tr,#f4f1f8);border-radius:99px}.build-status{letter-spacing:.02em;white-space:nowrap;color:#6b6a62;border-radius:999px;margin-left:auto;padding:5px 12px;font:600 12px/1 ui-monospace,Cascadia Mono,Menlo,monospace}.build-status:empty{display:none}.build-status[data-state=busy]{background:var(--violet);color:#fff}.build-status[data-state=busy]:after{content:"▍";margin-left:2px;animation:.7s step-end infinite caret}.build-status[data-state=done]{color:#2c4a12;background:#dfe9cf}@keyframes caret{50%{opacity:0}}.nudge{z-index:40;background:var(--dark);width:min(360px,100vw - 32px);color:var(--cream);animation:nudge-in .7s var(--ease) both;transition:opacity .3s, translate .4s var(--ease);border-radius:22px;gap:10px;padding:24px;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 30px 80px -20px #0000008c}.nudge[hidden]{display:none}.nudge.away{opacity:0;pointer-events:none;translate:0 20px}.nudge p{color:#c9c7bd;margin:0;font-size:15px;line-height:1.45}.nudge .nudge-t{color:var(--cream);font:700 22px/1.1 var(--display);letter-spacing:-.02em;padding-right:28px}.nudge .button{background:var(--violet);color:#fff;margin-top:6px}.nudge .button:hover{background:var(--violet-hi)}.nudge-x{width:34px;height:34px;color:var(--cream);cursor:pointer;background:#ffffff14;border:0;border-radius:50%;font-size:20px;line-height:1;position:absolute;top:14px;right:14px}@keyframes nudge-in{0%{opacity:0;translate:0 30px;scale:.96}}.browser-screen:focus-visible{outline-offset:-3px}.browser.building .browser-bar:after{content:"";background:var(--violet);transform-origin:0;height:3px;animation:2.6s cubic-bezier(.4,0,.2,1) both build-bar;position:absolute;bottom:0;left:0;right:0}@keyframes build-bar{0%{transform:scaleX(0)}85%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.preview-hint{font-size:var(--s-small);color:#6b6a62;margin-top:18px}.how{padding:clamp(96px, 12vw, 180px) var(--margin)}.steps{counter-reset:s;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:clamp(40px,5vw,80px);display:grid}.step{border-top:1px solid var(--line);counter-increment:s;align-content:start;gap:14px;padding-top:24px;display:grid}.step:before{content:counter(s);font-size:var(--s-small);color:var(--muted)}.step b{font:900 clamp(24px, 2.3vw, 38px)/1.05 var(--display);letter-spacing:-.03em}.step p{color:var(--muted);max-width:30ch}.step:nth-child(2){transition-delay:80ms}.step:nth-child(3){transition-delay:.16s}.step:nth-child(4){transition-delay:.24s}.how-after{font-size:var(--s-sub);margin-top:40px}.faq{padding:0 var(--margin) clamp(96px, 12vw, 180px);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,96px);display:grid}.faq>.title{align-self:start;position:sticky;top:120px}.qa{border-bottom:1px solid var(--line)}.qa:first-child{border-top:1px solid var(--line)}.qa summary{cursor:pointer;font:900 clamp(21px, 1.8vw, 30px)/1.15 var(--display);letter-spacing:-.025em;justify-content:space-between;align-items:center;gap:24px;padding:26px 0;list-style:none;transition:color .2s;display:flex}.qa summary::-webkit-details-marker{display:none}.qa summary:hover{color:var(--violet-hi)}.qa summary i{width:20px;height:20px;transition:rotate .4s var(--ease);flex:none;position:relative}.qa summary i:before,.qa summary i:after{content:"";background:currentColor;width:20px;height:2px;margin-top:-1px;position:absolute;top:50%;left:0}.qa summary i:after{rotate:90deg}.qa[open] summary i{rotate:45deg}.qa p{color:var(--muted);font-size:var(--s-sub);max-width:60ch;padding:0 48px 28px 0;line-height:1.5}.qa::details-content{block-size:0;transition:block-size .45s var(--ease), content-visibility .45s allow-discrete;overflow:hidden}.qa[open]::details-content{block-size:auto}.brief{padding:clamp(80px, 10vw, 160px) var(--margin);background:var(--deep);color:var(--cream);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,96px);display:grid}.brief-intro{align-content:start;gap:24px;display:grid}.brief .sub,.direct{color:#ddc9f2}.direct a{color:var(--cream)}.brief-form{gap:18px;display:grid}.brief-form label{font-size:var(--s-small);gap:8px;font-weight:500;display:grid}.brief-form input[type=text],.brief-form input[type=email],.brief-form textarea{width:100%;color:var(--cream);font:400 17px/1.4 var(--text);background:0 0;border:1.5px solid #fbfaee4d;border-radius:12px;padding:15px 16px;transition:border-color .2s}.brief-form input:focus,.brief-form textarea:focus{border-color:var(--cream);outline:none}.brief-form textarea{resize:vertical;min-height:120px}.brief-form ::placeholder{color:#b9a3d4}.form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.needs legend{font-size:var(--s-small);margin-bottom:10px;font-weight:500}.needs{flex-wrap:wrap;gap:8px;display:flex}.brief .chip:has(input:checked){background:var(--cream);color:var(--deep);border-color:var(--cream)}.form-privacy{color:#ccb5e8;font-size:13px}.brief-form .button{background:var(--cream);color:var(--deep);justify-self:start}.brief-form .button:hover{background:#fff}[data-contact-status]:empty{display:none}[data-contact-status]{font-weight:500}.footer{padding:clamp(56px, 7vw, 96px) var(--margin) 0;gap:clamp(40px,5vw,72px);display:grid;overflow:hidden}.footer-links{color:var(--muted);flex-wrap:wrap;gap:12px 32px;display:flex}.footer-links a{text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--ink)}.footer-legal{color:#85837b;flex-wrap:wrap;justify-content:space-between;gap:24px;font-size:13px;display:flex}.footer-legal details{max-width:70ch}.footer-legal summary{cursor:pointer}.footer-legal details p{margin-top:8px}.footer-name{font:900 16.2vw/.8 var(--display);letter-spacing:-.06em;white-space:nowrap;margin:0 0 -2.4vw -.04em}@media (width<=899px){.top ul{display:none}.beats{grid-template-columns:1fr 1fr}.section-head,.preview-head,.faq,.brief{grid-template-columns:1fr}.browser-screen{height:72svh}.service{grid-template-columns:40px minmax(0,1fr);gap:12px 16px;padding:28px 0}.service-body{grid-column:2}.steps{grid-template-columns:1fr 1fr;gap:40px 24px}.faq>.title{position:static}.form-row{grid-template-columns:1fr}.brief-form .button{justify-self:stretch}}@media (width<=899px) and (prefers-reduced-motion:no-preference){.js .film{height:560svh}.js .film-stage{--cw:100vw}.js .film-screen{top:auto;bottom:9svh;translate:none}.js .film-bar{bottom:-14px}.js .film-copy{left:var(--margin);right:var(--margin);align-items:end;width:auto;padding-top:0;bottom:calc(9svh + 56.25vw + 24px)}.js .film-hero{width:auto}}@media (width<=560px){.top{gap:14px}.languages{display:none}.beats,.steps{grid-template-columns:1fr}.actions .button{flex:100%}.qa p{padding-right:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important}.js [data-reveal]{opacity:1;translate:none}}@media (width<=560px){.nudge{gap:8px;width:auto;padding:16px 18px;bottom:12px;left:12px;right:12px}.nudge p:not(.nudge-t){display:none}.nudge .nudge-t{font-size:18px}.nudge .button{min-height:46px;margin-top:0}}.preview-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;display:flex}.preview-foot .preview-hint{margin:0}.preview .button-small{background:var(--dark);color:var(--cream)}.preview .button-small:hover{background:var(--violet);color:#fff}.sx{--p:#141416;--p2:#1c1c20;--p3:#26262b;--pl:#f4f2e81a;background:var(--bg);height:100svh;color:var(--ink);grid-template-rows:auto 1fr;display:grid}.sx-bar{border-bottom:1px solid var(--pl);background:var(--bg);z-index:5;align-items:center;gap:18px;height:64px;padding:0 20px 0 24px;display:flex;position:relative}.sx-bar .wordmark{margin:0;font-size:20px}.sx-crumb{color:var(--muted);font-size:15px}.sx-crumb:before{content:"/";color:#4a4944;margin-right:18px}.sx-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.sx-tool{height:40px;color:var(--ink);font:500 14px/1 var(--text);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:0 14px;transition:background-color .2s;display:inline-flex}.sx-tool:hover{background:var(--p3)}.sx-tool>span:first-child{color:var(--violet-hi);font-size:16px;display:inline-block}.sx-icon{justify-content:center;width:40px;padding:0;font-size:18px}.sx-tool.spin>span:first-child{animation:sx-spin .7s var(--ease)}@keyframes sx-spin{0%{rotate:0deg;scale:1.6}to{rotate:360deg;scale:1}}.sx-send{white-space:nowrap;background:var(--violet);color:#fff;height:44px;font:600 15px/1 var(--text);border-radius:12px;align-items:center;gap:10px;margin-left:10px;padding:0 10px 0 20px;text-decoration:none;transition:background-color .2s;display:inline-flex}.sx-send span{width:28px;height:28px;transition:translate .3s var(--ease);background:#ffffff29;border-radius:8px;place-items:center;display:grid}.sx-send:hover{background:#a24fd8}.sx-send:hover span{translate:3px}.sx-send.ready{animation:sx-ready 1.2s var(--ease) 2}@keyframes sx-ready{40%{box-shadow:0 0 0 6px #933dc959}}.sx :focus-visible{outline:2px solid var(--violet-hi);outline-offset:2px}.sx-body{grid-template-columns:420px minmax(0,1fr);min-height:0;display:grid}.sx-panel{background:var(--p);border-right:1px solid var(--pl);scrollbar-width:thin;scrollbar-color:var(--p3) transparent;flex-direction:column;min-height:0;display:flex;overflow-y:auto}.sx-steps{z-index:2;background:var(--p);border-bottom:1px solid var(--pl);grid-template-columns:repeat(4,1fr);display:grid;position:sticky;top:0}.sx-steps button{color:var(--muted);font:600 14px/1 var(--text);text-align:left;cursor:pointer;transition:color .2s, box-shadow .3s var(--ease);background:0 0;border:0;justify-items:start;gap:4px;padding:16px 18px 14px;display:grid;box-shadow:inset 0 -2px #0000}.sx-steps b{color:#6d6b64;font:500 11px/1 Red Hat Mono,ui-monospace,monospace}.sx-steps button:hover{color:var(--ink)}.sx-steps button[aria-selected=true]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--violet-hi)}.sx-steps button[aria-selected=true] b{color:var(--violet-hi)}.sx-tab{align-content:start;gap:26px;padding:30px 26px 10px;display:grid}.sx-tab[hidden]{display:none}.sx-tab>*{animation:sx-up .55s var(--ease) both}.sx-tab>:nth-child(2){animation-delay:40ms}.sx-tab>:nth-child(3){animation-delay:80ms}.sx-tab>:nth-child(4){animation-delay:.12s}.sx-tab>:nth-child(n+5){animation-delay:.16s}@keyframes sx-up{0%{opacity:0;translate:0 12px}}.sx-h{font:900 34px/1 var(--display);letter-spacing:-.04em;margin:0 0 -14px}.sx-lead{color:var(--muted);margin:0;font-size:15px;line-height:1.5}.sx fieldset{border:0;min-width:0;margin:0;padding:0}.sx legend,.sx-field>span,.sx-range>span:first-child{color:var(--muted);font:500 12px/1 var(--text);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;display:block}.sx-field input{border:1px solid var(--pl);background:var(--p2);width:100%;height:56px;color:var(--ink);font:700 20px var(--display);letter-spacing:-.01em;border-radius:12px;padding:0 18px;transition:border-color .2s,background-color .2s}.sx-field input::placeholder{color:#5e5d57}.sx-field input:focus{border-color:var(--violet-hi);background:var(--p3);outline:none}.sx-fine{color:#6d6b64;margin:auto 0 0;padding:18px 26px 22px;font-size:13px}.sx-trades{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sx-trade{aspect-ratio:4/3;cursor:pointer;isolation:isolate;border-radius:12px;display:grid;position:relative;overflow:hidden}.sx-trade input{z-index:3;opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.sx-trade img{object-fit:cover;filter:saturate(.7)brightness(.75);width:100%;height:100%;transition:filter .3s, scale .6s var(--ease);grid-area:1/1}.sx-trade span{z-index:1;color:#fff;font:700 15px/1.15 var(--display);background:linear-gradient(#0000,#000000bf);grid-area:1/1;align-self:end;padding:30px 12px 10px}.sx-trade:after{content:"";z-index:2;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--pl);transition:box-shadow .2s;position:absolute;inset:0}.sx-trade:hover img{filter:saturate()brightness(.9);scale:1.05}.sx-trade:has(input:checked) img{filter:none}.sx-trade:has(input:checked):after{box-shadow:inset 0 0 0 3px var(--violet-hi)}.sx-trade:has(input:checked):before{content:"✓";z-index:2;background:var(--violet-hi);color:#170a22;width:24px;height:24px;font:700 13px/1 var(--text);border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px}.sx-trade:has(input:focus-visible){outline:2px solid var(--violet-hi);outline-offset:2px}.sx .swatches{flex-wrap:wrap;gap:10px;display:flex}.sx .swatch{background:var(--c,#555);cursor:pointer;width:42px;height:42px;transition:scale .25s var(--ease);border-radius:50%;position:relative;box-shadow:inset 0 0 0 1px #ffffff1f}.sx .swatch:first-child{background:conic-gradient(var(--c,#555) 0 50%, var(--s-bg,#fff) 0)}.sx .swatch:hover{scale:1.1}.sx .swatch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.sx .swatch:has(input:checked){box-shadow:0 0 0 3px var(--p), 0 0 0 5px var(--ink)}.sx .swatch:has(input:focus-visible){outline:2px solid var(--violet-hi);outline-offset:7px}.swatch-own{background:conic-gradient(#f44,#fd4,#4d6,#4bf,#84f,#f4b,#f44)!important}.swatch-own input[type=color]{opacity:0;cursor:pointer;border:0;border-radius:50%;width:auto;height:auto;padding:0;position:absolute;inset:7px}.swatch-own:has(input[type=radio]:checked) input[type=color]{opacity:1}.sx-faces,.sx-tiles{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.sx-two{gap:26px;display:grid}.sx-two .sx-tiles{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.sx-tile{background:var(--p2);box-shadow:inset 0 0 0 1px var(--pl);color:var(--muted);text-align:center;cursor:pointer;border-radius:12px;justify-items:center;gap:8px;padding:14px 6px 10px;font-size:12px;transition:background-color .2s,color .2s,box-shadow .2s;display:grid;position:relative}.sx-tile input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.sx-tile:hover{background:var(--p3);color:var(--ink)}.sx-tile:has(input:checked){background:var(--p3);color:var(--ink);box-shadow:inset 0 0 0 2px var(--violet-hi)}.sx-tile:has(input:focus-visible){outline:2px solid var(--violet-hi);outline-offset:2px}.sx-face b{color:var(--ink);font-size:32px;font-weight:700;line-height:1}.sx-mode,.sx-shape{width:40px;height:30px;display:block}.sx-mode{background:linear-gradient(var(--m-fg) 0 0) 6px 7px / 18px 4px no-repeat, linear-gradient(var(--m-fg) 0 0) 6px 14px / 26px 3px no-repeat, linear-gradient(var(--s-ac,var(--violet)) 0 0) 6px 21px / 12px 4px no-repeat, var(--m-bg);border-radius:5px;box-shadow:inset 0 0 0 1px #ffffff1f}.sx-mode-own{--m-bg:var(--s-bg,#fbfaee);--m-fg:var(--s-fg,#151515)}.sx-mode-flip{--m-bg:var(--s-fg,#151515);--m-fg:var(--s-bg,#fbfaee)}.sx-shape{border:2px solid;border-radius:7px;width:30px}.sx-shape-sharp{border-radius:0}.sx-shape-round{border-radius:999px}.sx-range input{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:24px;margin:0}.sx-range input::-webkit-slider-runnable-track{background:var(--p3);border-radius:4px;height:4px}.sx-range input::-moz-range-track{background:var(--p3);border-radius:4px;height:4px}.sx-range input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border-radius:50%;width:22px;height:22px;margin-top:-9px;box-shadow:0 0 0 5px #bd84ea40}.sx-range input::-moz-range-thumb{background:var(--ink);border:0;border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 5px #bd84ea40}.sx-range-ends{color:var(--muted);font:700 13px/1 var(--display);justify-content:space-between;align-items:baseline;margin-top:4px;display:flex}.sx-range-ends b{font-size:22px}.secs{counter-reset:sec;gap:6px;margin:0;padding:0;list-style:none;display:grid}.secs li{background:var(--p2);min-height:48px;box-shadow:inset 0 0 0 1px var(--pl);counter-increment:sec;animation:sx-up .4s var(--ease) both;border-radius:12px;align-items:center;gap:4px;padding:4px 4px 4px 14px;display:flex}.secs li.fresh{animation:sx-fresh 1.2s var(--ease) both}@keyframes sx-fresh{0%{background:#933dc973;translate:-14px}}.secs li:not(:has(.sec-mv:nth-of-type(3))){padding-right:42px}.sec-on{cursor:pointer;flex:1;align-items:center;gap:12px;font-size:15px;font-weight:500;display:flex}.sec-on:before{content:counter(sec, decimal-leading-zero);color:#6d6b64;font:500 11px/1 Red Hat Mono,ui-monospace,monospace}.sec-on input{background:var(--p3);-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:99px;flex:none;order:2;width:34px;height:20px;margin:0 8px 0 auto;transition:background-color .2s;position:relative}.sec-on input:after{content:"";background:var(--muted);width:14px;height:14px;transition:translate .25s var(--ease), background-color .2s;border-radius:50%;position:absolute;top:3px;left:3px}.sec-on input:checked{background:var(--violet)}.sec-on input:checked:after{background:#fff;translate:14px}.sec-on:has(input:not(:checked)){color:#6d6b64}.sec-mv{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;font-size:15px;transition:background-color .2s,color .2s}.sec-mv:hover:not(:disabled){background:var(--p3);color:var(--ink)}.sec-mv:disabled{opacity:.25;cursor:default}.sx-lib{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sx-lib button{background:var(--p2);box-shadow:inset 0 0 0 1px var(--pl);color:var(--ink);font:500 13px/1.25 var(--text);text-align:left;cursor:pointer;transition:background-color .2s, translate .25s var(--ease);border:0;border-radius:12px;justify-items:start;gap:10px;padding:12px;display:grid;position:relative}.sx-lib button>b{background:var(--p3);width:22px;height:22px;color:var(--ink);transition:background-color .2s, rotate .3s var(--ease);border-radius:50%;place-items:center;font-size:15px;display:grid;position:absolute;top:10px;right:10px}.sx-lib button:hover{background:var(--p3);translate:0 -2px}.sx-lib button:hover>b{background:var(--violet);rotate:90deg}.sx-lib button:active{translate:0 1px}.sx-wire{background:var(--bg);border-radius:6px;gap:3px;width:76px;height:50px;padding:5px;display:grid}.sx-wire s{background:#3a3a40;border-radius:2px;transition:background-color .25s}.sx-lib button:hover .sx-wire s{background:#5a4a68}.sx-lib button:hover .sx-wire s:first-child{background:var(--violet-hi)}.sx-wire-gallery{grid-template:1fr 1fr/2fr 1fr 1fr}.sx-wire-gallery s:first-child{grid-row:span 2}.sx-wire-gallery s:last-child{grid-column:span 2}.sx-wire-tiles{grid-template:6px 1fr/repeat(3,1fr)}.sx-wire-tiles s:first-child{grid-column:1/-1;width:50%}.sx-wire-visit{grid-template:6px 10px 1fr/1fr 1.2fr}.sx-wire-visit s:nth-child(3){grid-row:3}.sx-wire-visit s:last-child{grid-area:1/2/4/3}.sx-wire-faq{grid-template-rows:7px repeat(3,1fr)}.sx-wire-faq s:first-child{width:45%}.sx-wire-faq s:not(:first-child){align-self:center;height:3px}.sx-wire-banner{grid-template:1fr 6px 6px 1fr/1fr}.sx-wire-banner s:first-child{grid-area:1/1/5/2}.sx-wire-banner s:nth-child(n+2){display:none}.sx-wire-wide{grid-template:1fr 4px 7px/1fr}.sx-wire-wide s:first-child{grid-area:1/1/4/2}.sx-wire-wide s:nth-child(2){background:#77757d;grid-area:2/1;width:30%;margin-left:4px}.sx-wire-wide s:nth-child(3){background:#9a98a0;grid-area:3/1;width:60%;margin:0 0 2px 4px}.sx-wire-wide s:last-child{display:none}.sx-wire-marquee{grid-template:1fr 12px 1fr/repeat(3,1fr)}.sx-wire-marquee s{grid-row:2}.sx-wire-news{grid-template:6px 3px 9px/1fr 3fr 1fr 1fr;align-content:center;justify-items:stretch}.sx-wire-news s:first-child{grid-area:1/2/2/4}.sx-wire-news s:nth-child(2){opacity:.6;grid-area:2/2/3/4}.sx-wire-news s:nth-child(3){grid-area:3/2/4/3}.sx-wire-news s:last-child{grid-area:3/3/4/4}.sx-how{gap:10px;margin:0;padding:0;list-style:none;display:grid}.sx-how li{background:var(--p2);box-shadow:inset 0 0 0 1px var(--pl);border-radius:12px;align-items:start;gap:14px;padding:14px;font-size:15px;line-height:1.45;display:flex}.sx-how b{background:var(--violet);color:#fff;width:34px;height:34px;font:900 16px/1 var(--display);border-radius:9px;flex:none;place-items:center;display:grid}.sx-drop{text-align:center;cursor:pointer;border:1.5px dashed #4a4950;border-radius:14px;justify-items:center;gap:6px;padding:26px 18px;transition:border-color .2s,background-color .2s;display:grid;position:relative}.sx-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.sx-drop:hover,.sx-drop:has(input:focus-visible){border-color:var(--violet-hi);background:#933dc914}.sx-drop b{font:700 18px/1.2 var(--display)}.sx-drop span{color:var(--muted);font-size:13px}.sx-ghost{border:1px solid var(--pl);height:40px;color:var(--ink);font:500 14px/1 var(--text);cursor:pointer;background:0 0;border-radius:10px;justify-self:start;padding:0 16px}.sx-ghost:hover{background:var(--p3)}.sx-canvas{background:radial-gradient(circle, #f4f2e812 1px, transparent 1.4px) 0 0 / 22px 22px, var(--bg);grid-template-rows:auto minmax(0,1fr) auto;gap:16px;min-width:0;min-height:0;padding:18px 36px 16px;display:grid}.sx-devices{background:var(--p);box-shadow:inset 0 0 0 1px var(--pl);border-radius:12px;justify-self:center;gap:2px;padding:4px;display:inline-flex}.sx-devices label{color:var(--muted);cursor:pointer;border-radius:9px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;transition:background-color .2s,color .2s;display:inline-flex;position:relative}.sx-devices input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.sx-devices label:hover{color:var(--ink)}.sx-devices label:has(input:checked){background:var(--p3);color:var(--ink)}.sx-devices label:has(input:focus-visible){outline:2px solid var(--violet-hi)}.sx-dev{border:1.5px solid;border-radius:2px;display:block}.sx-dev-desktop{width:16px;height:11px}.sx-dev-tablet{border-radius:2px;width:11px;height:14px}.sx-dev-phone{border-radius:2px;width:8px;height:14px}.sx-canvas .browser{width:100%;max-width:1500px;min-height:0;transition:max-width .7s var(--ease);background:#1e1e22;border-radius:14px;grid-template-rows:auto minmax(0,1fr);justify-self:center;display:grid;box-shadow:0 0 0 1px #f4f2e81f,0 40px 100px -30px #000}.sx-canvas .browser-bar{background:#1e1e22;padding:10px 14px}.sx-canvas .browser-bar i{background:#3b3b41;width:10px;height:10px}.sx-canvas .browser-bar span{background:var(--bg);color:var(--muted);text-align:center;min-width:min(320px,60%);margin-inline:auto;padding:6px 16px}.sx-canvas .browser-bar span:before{content:"🔒 ";filter:grayscale()opacity(.6);font-size:11px}.sx-canvas[data-device=tablet] .browser{max-width:820px}.sx-canvas[data-device=phone] .browser{border-radius:30px;max-width:400px;padding:0 8px 10px}.sx-canvas[data-device=phone] .browser-bar i{visibility:hidden}.sx-canvas[data-device=phone] .studio-screen{border-radius:0 0 22px 22px}.studio-screen{background:#fff;height:auto;min-height:0}.sx-status{color:#77756d;align-items:center;gap:14px;min-height:26px;font-size:13px;display:flex}.sx-status .build-status{background:var(--p3);color:var(--muted);margin:0}.sx-status .build-status[data-state=done]{color:#a6d98a;background:#7cc45a24}.sx-tip{margin-left:auto}.sx-tip:before{content:"✎ ";color:var(--violet-hi)}:where(.studio-screen [data-ed]){cursor:text;border-radius:3px}.studio-screen [data-ed]:hover{outline-offset:2px;outline:2px dashed #933dc9b3}.studio-screen [data-ed]:focus{outline:2px solid var(--violet);outline-offset:2px;background:#933dc914}.studio-screen img{cursor:copy;transition:filter .2s}.studio-screen img:hover{filter:brightness(.82)saturate(1.1)}@media (width>=900px){.sx-nudge{background:#221d29;width:360px;bottom:64px;right:40px;box-shadow:0 0 0 1px #bd84ea4d,0 30px 80px -20px #000}}@media (width<=1180px){.sx-body{grid-template-columns:360px minmax(0,1fr)}.sx-tip,.sx-crumb{display:none}.sx-canvas{padding-inline:20px}}@media (width<=899px){.sx{height:auto;display:block}.sx-bar{gap:8px;height:58px;padding:0 12px 0 16px;position:sticky;top:0}.sx-bar .wordmark{font-size:17px}.sx-tool{padding:0 10px}.sx-tool>span:last-child:not(:first-child),.sx-tool>:not(span){display:none}.sx-tool[data-surprise]{font-size:0}.sx-tool[data-surprise]>span{font-size:16px}.sx-send{height:40px;margin-left:4px;padding:0 14px;font-size:14px}.sx-send span{display:none}.sx-body{flex-direction:column-reverse;display:flex}.sx-panel{border-right:0;overflow:visible}.sx-steps{top:58px}.sx-steps button{padding:14px 10px 12px;font-size:13px}.sx-tab{padding:24px 16px 6px}.sx-fine{padding:18px 16px 120px}.sx-canvas{padding:14px 12px}.studio-screen{height:64svh}.sx-canvas .browser{border-radius:14px!important;max-width:none!important;padding:0!important}.sx-devices{display:none}.sx-status{font-size:12px}}@media (prefers-reduced-motion:reduce){.sx *,.sx :before,.sx :after{transition:none!important;animation:none!important}}