.snav{z-index:60;position:relative}.snav-bar{align-items:center;gap:30px;height:118px;display:flex;position:relative}.snav-nav{flex:1;align-items:center;gap:30px;display:flex}.snav-menus{gap:4px;margin:0 auto;padding:0;list-style:none;display:flex;position:relative}.snav-trigger{background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;padding:10px 16px;font-size:14px;font-weight:650;transition:background .18s,color .18s;display:flex}.snav-trigger svg{transition:transform .22s}.snav-trigger:hover{color:var(--studio-blue)}.snav-menu.open .snav-trigger{color:var(--studio-blue);background:#e9edff}.snav-menu.open .snav-trigger svg{transform:rotate(180deg)}.snav-panel{border:1px solid var(--studio-line);background:#fff;border-radius:12px;width:660px;padding:22px 14px 0;animation:.2s cubic-bezier(.2,.7,.3,1) snav-in;position:absolute;top:calc(100% + 22px);left:50%;transform:translate(-50%);box-shadow:0 30px 70px -24px #14244a4d,0 2px 8px #14244a0f}.snav-panel[hidden]{display:none}.snav-panel:before{content:"";height:24px;position:absolute;top:-24px;left:0;right:0}@keyframes snav-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.snav-columns{grid-template-columns:1fr 1fr;gap:6px 16px;display:grid}.snav-heading{color:var(--studio-muted);font-family:var(--font-mono),ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;padding:0 12px 10px;font-size:11px}.snav-column ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.snav-item{border-radius:8px;align-items:flex-start;gap:14px;padding:10px 12px;transition:background .15s;display:flex}.snav-item:hover{background:#f3f5fb}.snav-tile{border:1px solid var(--studio-line);background:var(--studio-paper);height:32px;color:var(--studio-ink);border-radius:7px;flex:0 0 32px;place-items:center;margin-top:1px;transition:border-color .15s,color .15s,transform .2s;display:grid}.snav-tile.is-letter{color:#fff;letter-spacing:-.02em;border:0;font-size:15px;font-weight:800}.snav-item:hover .snav-tile{transform:translateY(-1px)}.snav-item:hover .snav-tile:not(.is-letter){border-color:var(--studio-blue);color:var(--studio-blue)}.snav-item-text{min-width:0}.snav-item-text strong{align-items:center;gap:6px;font-size:14.5px;font-weight:650;display:flex}.snav-item-text small{color:var(--studio-muted);margin-top:3px;font-size:12.5px;line-height:1.42;display:block}.snav-ext{color:var(--studio-muted);opacity:0;font-size:12px;transition:opacity .15s}.snav-item:hover .snav-ext,.snav-item:focus-visible .snav-ext{opacity:1}.snav-lock{color:var(--studio-muted);flex:none}.snav-foot{border-top:1px solid var(--studio-line);background:var(--studio-paper);color:var(--studio-muted);border-radius:0 0 12px 12px;justify-content:space-between;align-items:center;gap:16px;margin:16px -14px 0;padding:14px 26px;font-size:13px;display:flex}.snav-foot>span{align-items:center;gap:7px;display:flex}.snav-foot>a{color:var(--studio-blue);white-space:nowrap;font-weight:650}.snav-foot>a span{transition:transform .18s;display:inline-block}.snav-foot>a:hover span{transform:translate(3px)}.snav-actions{white-space:nowrap;align-items:center;gap:26px;font-size:14px;font-weight:650;display:flex}.snav-quiet:hover{color:var(--studio-blue)}.snav-cta{background:var(--studio-ink);border-radius:999px;padding:12px 22px;transition:background .18s,transform .18s;color:#fff!important}.snav-cta:hover{background:var(--studio-blue);transform:translateY(-1px)}.snav-toggle{display:none}@media (max-width:1100px){.snav-bar{gap:20px}.snav-bar .studio-logo{width:210px}.snav-nav{gap:20px}.snav-actions{gap:18px}.snav-trigger{padding:10px 12px}}@media (max-width:980px){.snav-bar{justify-content:space-between;height:90px}.snav-toggle{border:1px solid var(--studio-line);background:0 0;border-radius:30px;align-items:center;gap:15px;padding:10px 14px;font-size:12px;display:flex}.snav-nav{z-index:20;border:1px solid var(--studio-line);background:#fff;border-radius:12px;flex-direction:column;align-items:stretch;gap:6px;max-height:calc(100vh - 100px);padding:12px;display:none;position:absolute;top:77px;left:0;right:0;overflow-y:auto;box-shadow:0 20px 50px -20px #14244a40}.snav-nav.open{display:flex}.snav-menus{flex-direction:column;gap:2px;margin:0}.snav-trigger{justify-content:space-between;width:100%;padding:14px 12px;font-size:15px}.snav-panel{width:auto;box-shadow:none;border:0;border-radius:0;padding:8px 0 0;animation:none;position:static;transform:none}.snav-panel:before{display:none}.snav-columns{grid-template-columns:1fr;gap:14px}.snav-foot{border:0;border-radius:8px;margin:10px 0 6px;padding:12px}.snav-actions{border-top:1px solid var(--studio-line);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:14px 12px 6px;font-size:15px}.snav-cta{text-align:center;flex:1 0 100%}}@media (max-width:760px){.snav-bar .studio-logo{width:190px}}@media (prefers-reduced-motion:reduce){.snav-panel{animation:none}.snav-trigger svg,.snav-tile,.snav-cta,.snav-foot>a span{transition:none}}
.showroom{--showroom-accent:var(--studio-blue)}.showroom-tabs{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.showroom-tabs button{border:1.5px solid var(--studio-line);background:#fff;border-radius:999px;align-items:center;gap:10px;padding:8px 18px 8px 9px;font-weight:700;transition:border-color .2s,background-color .2s,color .2s;display:inline-flex;font-size:14px!important}.showroom-tabs button img{object-fit:contain;width:28px;height:28px}.showroom-tabs button:hover{border-color:var(--studio-ink)}.showroom-tabs button.active{border-color:var(--studio-ink);background:var(--studio-ink);color:#fff!important}.showroom-tabs-note{color:var(--studio-muted);align-items:center;gap:8px;margin-left:auto;font-size:12.5px;display:inline-flex}.showroom-tabs-note:before{content:"";background:#1b9a54;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #1b9a5426}.showroom-stage{color:#fff;isolation:isolate;background:#0b1530;border-radius:20px;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:40px;min-height:640px;padding:52px;display:grid;position:relative;overflow:hidden}.showroom-photo{z-index:-2;object-fit:cover;animation:14s ease-out both showroom-drift;transform:scale(1.04)}.showroom-stage:before{z-index:-1;content:"";background:linear-gradient(90deg,#0b1530f5 0%,#0b1530e6 34%,#0b153099 62%,#0b153059 100%),linear-gradient(#0000 55%,#0b1530cc);position:absolute;inset:0}.showroom-stage:after{z-index:-1;content:"";background:radial-gradient(closest-side,color-mix(in srgb,var(--showroom-accent)45%,transparent),transparent);filter:blur(10px);opacity:.55;width:60%;height:80%;position:absolute;bottom:-30%;right:-10%}@keyframes showroom-drift{0%{transform:scale(1.12)}to{transform:scale(1.04)}}.showroom-copy{align-self:center;animation:.6s cubic-bezier(.2,.8,.2,1) both showroom-in}.showroom-logo{object-fit:contain;filter:drop-shadow(0 8px 18px #0006);display:block}.showroom-logo.bobolas{width:74px;height:80px}.showroom-logo.locals{border-radius:50%;width:92px;height:78px}.showroom-place{color:color-mix(in srgb,var(--showroom-accent)55%,#fff);letter-spacing:.04em;text-transform:uppercase;margin-top:22px;font-size:12.5px;font-weight:700;display:block}.showroom-copy h3{letter-spacing:-2.6px;font-size:clamp(40px,4.4vw,62px);font-weight:800;line-height:.98;margin-top:8px!important}.showroom-copy>p{color:#c9d2e8;font-size:15.5px;line-height:1.6;margin-top:16px!important}.showroom-proof{grid-template-columns:1fr 1fr;gap:9px 14px;margin:26px 0 0;padding:0;list-style:none;display:grid}.showroom-proof li{color:#dfe5f5;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.4;display:flex}.showroom-proof svg{color:#fff;box-sizing:content-box;background:#1b9a54;border-radius:50%;flex:none;margin-top:1px;padding:2px}.showroom-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.showroom-visit{background:#fff;border-radius:8px;align-items:center;gap:10px;padding:14px 16px;font-size:14px;font-weight:750;transition:transform .15s,box-shadow .15s;display:inline-flex;color:var(--studio-ink)!important}.showroom-visit:hover{transform:translateY(-2px);box-shadow:0 10px 22px #0006}.showroom-devices{align-self:center;min-height:520px;animation:.7s cubic-bezier(.2,.8,.2,1) 80ms both showroom-in;position:relative}@keyframes showroom-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.showroom-screen{height:var(--screen-h);background:#fff;display:block;position:relative;overflow:hidden}.showroom-screen img{will-change:transform;width:100%;height:auto;animation:30s ease-in-out 1.2s infinite alternate showroom-scroll;display:block}@keyframes showroom-scroll{0%,6%{transform:translateY(0)}94%,to{transform:translateY(calc(-100% + var(--screen-h)))}}:is(.showroom-laptop,.showroom-phone):hover .showroom-screen img{animation-play-state:paused}.showroom-laptop{--screen-h:420px;transform-origin:100%;background:#1a2240;border:1px solid #ffffff2e;border-radius:14px;width:min(100%,680px);transition:transform .5s cubic-bezier(.2,.8,.2,1);display:block;position:absolute;top:0;right:0;overflow:hidden;transform:perspective(1600px)rotateY(-7deg)rotateX(2deg);box-shadow:0 40px 80px #0009,0 0 0 8px #ffffff0d}.showroom-laptop:hover{transform:perspective(1600px)rotateY(-2deg)rotateX(0)translateY(-4px)}.showroom-browser{background:#eef1f7;align-items:center;gap:7px;height:38px;padding:0 14px;display:flex}.showroom-browser i{background:#ff5f57;border-radius:50%;width:10px;height:10px}.showroom-browser i:nth-child(2){background:#febc2e}.showroom-browser i:nth-child(3){background:#28c840}.showroom-browser b{color:#56627a;text-align:left;background:#fff;border-radius:6px;flex:1;max-width:320px;margin-left:14px;padding:5px 12px;font-size:11.5px;font-weight:600}.showroom-phone{--phone-h:404px;--screen-h:var(--phone-h);z-index:2;background:#05070d;border-radius:34px;width:204px;padding:10px;transition:transform .5s cubic-bezier(.2,.8,.2,1);display:block;position:absolute;bottom:0;left:-24px;transform:rotate(-4deg);box-shadow:0 30px 60px #000a,inset 0 0 0 2px #2b3350}.showroom-phone:hover{transform:rotate(-1deg)translateY(-6px)}.showroom-phone .showroom-screen{background:#05070d;border-top:30px solid #05070d;border-radius:25px}.showroom-phone .showroom-screen img{--screen-h:calc(var(--phone-h) - 30px)}.showroom-notch{z-index:1;background:#05070d;border-radius:999px;width:62px;height:17px;position:absolute;top:19px;left:50%;transform:translate(-50%)}@media (max-width:1100px){.showroom-stage{grid-template-columns:1fr;gap:34px;padding:40px}.showroom-copy{max-width:560px}.showroom-devices{min-height:500px}.showroom-laptop{width:calc(100% - 120px);left:120px;right:auto}.showroom-phone{left:0}}@media (max-width:760px){.showroom-tabs-note{width:100%;margin-left:0}.showroom-stage{border-radius:16px;padding:28px 22px 34px}.showroom-stage:before{background:linear-gradient(#0b1530e6 0%,#0b1530d9 55%,#0b1530f2 100%)}.showroom-proof{grid-template-columns:1fr}.showroom-actions>*{text-align:center;flex:auto;justify-content:center}.showroom-devices{justify-content:center;min-height:0;display:flex}.showroom-laptop{display:none}.showroom-phone{--phone-h:440px;width:230px;position:relative;left:0;transform:none}}@media (prefers-reduced-motion:reduce){.showroom-photo,.showroom-copy,.showroom-devices,.showroom-screen img{animation:none}.showroom-laptop,.showroom-phone{transition:none}}
.cs-lede{color:var(--studio-muted);font-size:15px;margin:-6px 0 34px!important}.cs-form,.cs-sent{max-width:1180px}.cs-sentence{color:var(--studio-ink);letter-spacing:-.035em;font-size:clamp(26px,3.15vw,46px);font-weight:560;line-height:1.62}.cs-blank{vertical-align:baseline;max-width:100%;display:inline-block;position:relative}.cs-ghost{white-space:pre;visibility:hidden;border-bottom:.09em solid #0000;max-width:100%;padding:0 .12em;line-height:1.25;display:inline-block;overflow:hidden}.cs-blank:has(select) .cs-ghost{padding-right:1.05em}.studio-home .cs-blank :is(input,select){width:100%;min-width:3ch;height:100%;color:var(--studio-blue);font:inherit;letter-spacing:inherit;background:0 0;border:0;border-bottom:.09em solid #c4cde3;border-radius:0;outline:none;margin:0;padding:0 .12em;line-height:1.25;transition:border-color .2s,background-color .2s,color .2s;position:absolute;inset:0}.studio-home .cs-blank input::placeholder{color:#a6b0c6;opacity:1}.studio-home .cs-blank.filled input{border-bottom-color:var(--studio-blue)}.studio-home .cs-blank select{border-bottom-color:var(--studio-blue);cursor:pointer;appearance:none;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%232349ed' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .1em center;background-repeat:no-repeat;background-size:.62em;padding-right:1.05em}.studio-home .cs-blank select option{color:var(--studio-ink);letter-spacing:0;background:#fff;font-size:16px;font-weight:500}.studio-home .cs-blank select option:checked{color:var(--studio-blue);background:#e6ebfd}.studio-home .cs-blank :is(input,select):hover{background-color:#2349ed0d}.studio-home .cs-blank :is(input,select):focus{border-bottom-color:var(--studio-coral);background-color:#ff755e14}.studio-home .cs-blank :is(input,select):focus-visible{outline:none}.cs-extras{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-top:30px;display:flex}.cs-chip{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #ccd4e8;border-radius:999px;align-items:center;gap:9px;padding:10px 14px 10px 10px;font-size:13.5px;font-weight:600;transition:border-color .15s,background-color .15s;display:inline-flex;position:relative}.cs-chip input{opacity:0;pointer-events:none;position:absolute}.cs-chip b{color:var(--studio-blue);margin-left:2px}.cs-chip-box{color:#0000;border:1.5px solid #b8c2d9;border-radius:5px;place-items:center;width:18px;height:18px;transition:background-color .15s,border-color .15s;display:grid}.cs-chip.on{border-color:var(--studio-blue);background:#eef1fe}.cs-chip.on .cs-chip-box{border-color:var(--studio-blue);background:var(--studio-blue);color:#fff}.cs-chip:has(input:focus-visible){outline:3px solid var(--studio-coral);outline-offset:3px}.cs-add-note{background:0 0;border:1px dashed #b8c2d9;border-radius:999px;padding:10px 14px;font-weight:600;transition:border-color .15s,color .15s;color:var(--studio-muted)!important;font-size:13.5px!important}.cs-add-note:hover{border-color:var(--studio-blue);color:var(--studio-blue)!important}.studio-home .cs-note{width:100%;max-width:760px;color:var(--studio-ink);font:inherit;resize:vertical;background:#fff;border:1px solid #c6cfe3;border-radius:10px;flex:100%;padding:14px 16px;font-size:15px;line-height:1.55;animation:.25s cs-in}.studio-home .cs-note:focus{border-color:var(--studio-blue);outline:none;box-shadow:0 0 0 4px #2349ed1f}.cs-error{color:#c0392b;font-size:14px;font-weight:600;margin-top:18px!important}.cs-submit{flex-wrap:wrap;align-items:center;gap:22px;margin-top:34px;display:flex}.cs-submit .studio-button{border:0;min-height:60px;padding:18px 26px;transition:transform .15s,box-shadow .15s,background-color .15s;box-shadow:0 6px #14244a;font-size:16px!important}.cs-submit .studio-button:hover:not(:disabled){transform:translateY(2px);box-shadow:0 4px #14244a}.cs-submit .studio-button:active:not(:disabled){transform:translateY(6px);box-shadow:0 0 #14244a}.cs-submit .studio-button:disabled{opacity:.7;cursor:default}.cs-submit small{max-width:420px;color:var(--studio-muted);font-size:12.5px;line-height:1.6}.cs-submit small a{color:var(--studio-blue);text-underline-offset:3px;font-weight:650;text-decoration:underline!important}.cs-sent{justify-items:start;gap:22px;animation:.4s cs-in;display:grid}.cs-sent-check{color:#1b8a4a;background:#e3f6ea;border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.cs-sent .cs-sentence span{color:var(--studio-muted)}.cs-again{background:0 0;border:0;border-bottom:1px solid;padding:0;font-weight:650;color:var(--studio-blue)!important;font-size:14px!important}@keyframes cs-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:760px){.cs-lede{margin:-4px 0 24px!important}.cs-sentence{letter-spacing:-.025em;font-size:25px;line-height:1.7}.studio-home .cs-blank :is(input,select){font-size:25px}.cs-submit{gap:16px}.cs-submit .studio-button{width:100%}}@media (prefers-reduced-motion:reduce){.cs-note,.cs-sent{animation:none}}