.hero.svelte-1q37ri0{isolation:isolate;padding:68px 0 56px;position:relative}.hero.svelte-1q37ri0:before{content:"";z-index:-1;opacity:.55;pointer-events:none;background:url(../../../brand/roomstack-pattern-light.svg) 0 0/260px 240px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.grid.svelte-1q37ri0{grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;display:grid}.hero.svelte-1q37ri0 h1:where(.svelte-1q37ri0){margin:16px 0 18px;font-size:clamp(34px,4.3vw,54px);line-height:1.08}.hero.svelte-1q37ri0 h1:where(.svelte-1q37ri0) em:where(.svelte-1q37ri0){color:var(--primary);font-style:normal}.lead.svelte-1q37ri0{color:var(--body);max-width:540px;margin:0 0 28px;font-size:18px}.buttons.svelte-1q37ri0{flex-wrap:wrap;gap:12px;display:flex}.facts.svelte-1q37ri0{gap:28px;margin-top:36px;display:flex}.facts.svelte-1q37ri0 b:where(.svelte-1q37ri0){font-size:30px;line-height:1;display:block}.facts.svelte-1q37ri0 small:where(.svelte-1q37ri0){color:var(--subtle);font-size:13px}.art.svelte-1q37ri0{height:440px;position:relative}.term.svelte-1q37ri0{border-radius:22px;padding:18px;position:absolute;inset:0 90px 35px 0;overflow:hidden;box-shadow:0 40px 80px -40px #0f1d17aa}.bar.svelte-1q37ri0{align-items:center;gap:7px;margin-bottom:14px;display:flex}.bar.svelte-1q37ri0 i:where(.svelte-1q37ri0){background:#ef4444;border-radius:50%;width:10px;height:10px}.bar.svelte-1q37ri0 i:where(.svelte-1q37ri0):nth-child(2){background:#f5b041}.bar.svelte-1q37ri0 i:where(.svelte-1q37ri0):nth-child(3){background:var(--glow)}.bar.svelte-1q37ri0 span:where(.svelte-1q37ri0){color:#8aa597;margin-left:8px;font:12px Space Grotesk}.log.svelte-1q37ri0{color:#9fb3a8;font:11px/1.9 ui-monospace,monospace;overflow:hidden}.log.svelte-1q37ri0>div:where(.svelte-1q37ri0){white-space:nowrap}.cursor.svelte-1q37ri0{color:var(--glow);animation:1s step-end infinite blink}.stats.svelte-1q37ri0{grid-template-columns:1fr 1fr;gap:8px;display:grid;position:absolute;bottom:16px;left:18px;right:60px}.stats.svelte-1q37ri0 div:where(.svelte-1q37ri0){background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:8px 10px}.stats.svelte-1q37ri0 small:where(.svelte-1q37ri0){color:#9fb3a8;font-size:10px;display:block}.stats.svelte-1q37ri0 b:where(.svelte-1q37ri0){font-size:16px}.desktop-screen.svelte-1q37ri0{z-index:2;background:#fff;border:1px solid #d9dde3;border-radius:16px;width:330px;animation:6s ease-in-out infinite float;position:absolute;top:46px;right:-18px;overflow:hidden;box-shadow:0 28px 54px -24px #11182799}.browser-bar.svelte-1q37ri0{color:#667085;background:#f7f8fa;border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;height:27px;padding:0 10px;font:10px Space Grotesk;display:flex}.browser-bar.svelte-1q37ri0 i:where(.svelte-1q37ri0){background:#37a271;border-radius:50%;width:7px;height:7px}.desktop-screen.svelte-1q37ri0 img:where(.svelte-1q37ri0){object-fit:cover;object-position:top;width:100%;height:205px;display:block}.app-screen.svelte-1q37ri0{z-index:3;background:#101828;border:3px solid #111827;border-radius:23px;width:116px;height:240px;padding:5px;animation:6s ease-in-out 1s infinite float;position:absolute;bottom:-8px;right:210px;overflow:hidden;box-shadow:0 22px 42px -18px #11182799}.app-screen.svelte-1q37ri0 img:where(.svelte-1q37ri0){object-fit:cover;object-position:top;border-radius:16px;width:100%;height:100%;display:block}.chip.svelte-1q37ri0{z-index:4;border:1px solid var(--line);background:#fff;border-radius:14px;padding:10px;font-size:12px;font-weight:600;position:absolute;top:57%;left:-20px;box-shadow:0 14px 30px -14px #11182744}@media (width<=900px){.grid.svelte-1q37ri0{grid-template-columns:1fr;gap:28px}.hero.svelte-1q37ri0{padding-top:44px}.art.svelte-1q37ri0{width:100%;max-width:600px;height:390px;margin:auto}}@media (width<=480px){.art.svelte-1q37ri0{height:330px}.term.svelte-1q37ri0{padding:14px 12px;right:48px}.desktop-screen.svelte-1q37ri0{border-radius:12px;width:255px;top:35px;right:-4px}.desktop-screen.svelte-1q37ri0 img:where(.svelte-1q37ri0){height:158px}.app-screen.svelte-1q37ri0{border-radius:19px;width:94px;height:194px;padding:4px;bottom:-2px;right:162px}.app-screen.svelte-1q37ri0 img:where(.svelte-1q37ri0){border-radius:13px}.chip.svelte-1q37ri0{padding:7px;font-size:10px;left:-4px}.log.svelte-1q37ri0{font-size:9px}.stats.svelte-1q37ri0{right:20px}}.marquee.svelte-9fq4bc{border-block:1px solid var(--line);background:#fff;padding:16px 0;overflow:hidden}.track.svelte-9fq4bc{gap:44px;width:max-content;animation:32s linear infinite slide;display:flex}.marquee.svelte-9fq4bc:hover .track:where(.svelte-9fq4bc){animation-play-state:paused}.track.svelte-9fq4bc span:where(.svelte-9fq4bc){color:var(--subtle);white-space:nowrap;font:600 15px Space Grotesk}.track.svelte-9fq4bc span:where(.svelte-9fq4bc):before{content:"";background:var(--glow);border-radius:2px;width:6px;height:6px;margin-right:10px;display:inline-block;transform:rotate(45deg)}.block.svelte-j4tx33{padding:82px 0}.head.svelte-j4tx33{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.head.svelte-j4tx33 h2:where(.svelte-j4tx33){margin-top:8px;font-size:clamp(28px,3.4vw,40px)}.head.svelte-j4tx33 p:where(.svelte-j4tx33){max-width:440px;margin:0}.chips.svelte-j4tx33{flex-wrap:wrap;gap:6px;display:flex}.chips.svelte-j4tx33 button:where(.svelte-j4tx33){border:1px solid var(--line);color:var(--body);cursor:pointer;background:#fff;border-radius:99px;padding:7px 14px;font-size:13px}.chips.svelte-j4tx33 button.on:where(.svelte-j4tx33){background:var(--night);border-color:var(--night);color:#fff}.chips.svelte-j4tx33 b:where(.svelte-j4tx33){color:var(--faint);margin-left:4px;font:600 12px Space Grotesk}.chips.svelte-j4tx33 .on:where(.svelte-j4tx33) b:where(.svelte-j4tx33){color:#7fd3a5}.works.svelte-j4tx33{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px;display:grid}.work.svelte-j4tx33{border:1px solid var(--line);background:#fff;border-radius:20px;transition:transform .3s;overflow:hidden}.work.svelte-j4tx33:hover{transform:translateY(-5px)}.shot.svelte-j4tx33{aspect-ratio:16/10;background:#e9eef0;position:relative}.shot.svelte-j4tx33 img:where(.svelte-j4tx33){object-fit:cover;object-position:top;width:100%;height:100%}.pill.svelte-j4tx33{position:absolute;top:13px;left:13px}.body.svelte-j4tx33{padding:18px}.body.svelte-j4tx33 h3:where(.svelte-j4tx33){font-size:20px}.body.svelte-j4tx33 p:where(.svelte-j4tx33){color:var(--subtle);font-size:14px}.stack.svelte-j4tx33{flex-wrap:wrap;gap:6px;display:flex}.stack.svelte-j4tx33 span:where(.svelte-j4tx33){background:var(--page);border-radius:7px;padding:3px 8px;font:12px Space Grotesk}.soon.svelte-j4tx33{border:1.5px dashed var(--line-2);text-align:center;min-height:230px;color:var(--subtle);border-radius:20px;place-items:center;display:grid}.plus.svelte-j4tx33{border:1px solid var(--line);width:46px;height:46px;color:var(--faint);background:#fff;border-radius:14px;place-items:center;font-size:22px;display:inline-grid}.main.svelte-j4tx33{display:block}.demo.svelte-j4tx33{gap:8px;padding:0 18px 18px;display:flex}.demo.svelte-j4tx33 a:where(.svelte-j4tx33){background:var(--night);color:#c7f0d8;border-radius:10px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.demo.svelte-j4tx33 a:where(.svelte-j4tx33):hover{background:var(--primary);color:#fff}.demo.svelte-j4tx33 a:where(.svelte-j4tx33) span:where(.svelte-j4tx33){transition:transform .2s}.demo.svelte-j4tx33 a:where(.svelte-j4tx33):hover span:where(.svelte-j4tx33){transform:translate(2px,-2px)}@media (width<=760px){.works.svelte-j4tx33{grid-template-columns:1fr}.head.svelte-j4tx33{display:block}.head.svelte-j4tx33 p:where(.svelte-j4tx33){margin-top:14px}}.case.svelte-la7uh1{border-radius:28px;padding:40px;overflow:hidden}.grid.svelte-la7uh1{grid-template-columns:.9fr 1.1fr;align-items:center;gap:40px;display:grid}.case.svelte-la7uh1 h2:where(.svelte-la7uh1){margin:10px 0;font-size:34px}.case.svelte-la7uh1 p:where(.svelte-la7uh1){color:#c7d3cc}.tabs.svelte-la7uh1{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.tabs.svelte-la7uh1 button:where(.svelte-la7uh1){color:#c7d3cc;cursor:pointer;background:0 0;border:1px solid #fff2;border-radius:99px;padding:7px 14px}.tabs.svelte-la7uh1 button.on:where(.svelte-la7uh1){background:var(--primary);color:#fff}.case.svelte-la7uh1 ul:where(.svelte-la7uh1){color:#d7f3e3;padding-left:20px}.screen.svelte-la7uh1{aspect-ratio:16/10;border:1px solid #fff2;border-radius:16px;position:relative;overflow:hidden}.screen.svelte-la7uh1 img:where(.svelte-la7uh1){object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute}.screen.svelte-la7uh1 img.on:where(.svelte-la7uh1){opacity:1}.acts.svelte-la7uh1{flex-wrap:wrap;gap:10px;display:flex}@media (width<=800px){.case.svelte-la7uh1{padding:24px}.grid.svelte-la7uh1{grid-template-columns:1fr;gap:24px}.case.svelte-la7uh1 h2:where(.svelte-la7uh1){font-size:28px}}.cta.svelte-wt4tt0{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:40px;display:grid}.intro.svelte-wt4tt0 h2:where(.svelte-wt4tt0){font-size:clamp(26px,2.8vw,34px);line-height:1.35}.direct.svelte-wt4tt0{gap:12px;margin:24px 0;padding:0;list-style:none;display:grid}.direct.svelte-wt4tt0 li:where(.svelte-wt4tt0){display:grid}.direct.svelte-wt4tt0 small:where(.svelte-wt4tt0){color:#9fb3a8;font-size:12px}.direct.svelte-wt4tt0 a:where(.svelte-wt4tt0){color:#fff;border-bottom:1px solid #fff3;width:fit-content;font:600 17px Space Grotesk,Prompt,sans-serif;transition:border-color .2s}.direct.svelte-wt4tt0 a:where(.svelte-wt4tt0):hover{border-color:var(--glow)}form.svelte-wt4tt0{grid-template-columns:1fr 1fr;gap:14px;display:grid}label.svelte-wt4tt0{color:#c7d3cc;gap:6px;font-size:13px;display:grid}.wide.svelte-wt4tt0{grid-column:1/-1}input.svelte-wt4tt0,select.svelte-wt4tt0,textarea.svelte-wt4tt0{font:inherit;color:#fff;background:#ffffff0d;border:1px solid #ffffff2a;border-radius:12px;width:100%;padding:11px 14px;font-size:15px;transition:border-color .2s,background-color .2s}select.svelte-wt4tt0{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#c7d3cc 50%),linear-gradient(135deg,#c7d3cc 50%,#0000 50%);background-position:calc(100% - 19px),calc(100% - 14px);background-repeat:no-repeat;background-size:5px 5px;padding-right:36px}select.svelte-wt4tt0 option:where(.svelte-wt4tt0){color:var(--ink)}textarea.svelte-wt4tt0{resize:vertical;min-height:120px}input.svelte-wt4tt0::placeholder,textarea.svelte-wt4tt0::placeholder{color:#8a9a91}input.svelte-wt4tt0:focus,select.svelte-wt4tt0:focus,textarea.svelte-wt4tt0:focus{border-color:var(--glow);background-color:#ffffff14;outline:none}.hp.svelte-wt4tt0{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.foot.svelte-wt4tt0{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;display:flex}.err.svelte-wt4tt0{color:#ffb4ab;margin:0 auto 0 0;font-size:14px}.btn.svelte-wt4tt0:disabled{opacity:.6;cursor:wait}.done.svelte-wt4tt0{background:#ffffff0d;border:1px solid #ffffff2a;border-radius:18px;justify-items:start;gap:4px;padding:28px;display:grid}.done.svelte-wt4tt0 b:where(.svelte-wt4tt0){background:var(--primary);border-radius:50%;place-items:center;width:44px;height:44px;margin-bottom:8px;font-size:20px;display:grid}.done.svelte-wt4tt0 h3:where(.svelte-wt4tt0){margin:0;font-size:20px}.done.svelte-wt4tt0 p:where(.svelte-wt4tt0){margin:0 0 16px}@media (width<=900px){.cta.svelte-wt4tt0{grid-template-columns:1fr;gap:8px}}@media (width<=560px){form.svelte-wt4tt0{grid-template-columns:1fr}.foot.svelte-wt4tt0 .btn:where(.svelte-wt4tt0){justify-content:center;width:100%}}
