.web-hero__grid{gap:var(--space-2xl);padding-block:calc(var(--space-3xl) + var(--space-md)) var(--space-2xl);grid-template-columns:minmax(0,560px) minmax(0,1fr);align-items:center;display:grid}.web-build{justify-self:end;gap:var(--space-md);width:100%;max-width:680px;padding:var(--space-md);background:color-mix(in oklab, var(--color-paper-2) 60%, transparent);display:grid}.web-build__list{gap:var(--space-2xs) var(--space-xs);font-size:var(--text-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.web-build__list li{align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-xs);color:var(--color-muted);white-space:nowrap;transition:background var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out);border-radius:4px;display:flex}.web-build__list li.is-adding{background:var(--color-cool-soft);color:var(--color-cool)}.web-build__list li.is-done{color:var(--color-ink-2)}.web-build__mark{text-align:center;width:1em}.web-build__list li.is-done .web-build__mark{color:var(--color-cool)}.web-frame{border:var(--rule-hair) solid var(--color-rule-2);background:var(--color-paper);border-radius:8px;overflow:hidden}.web-frame__bar{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--color-paper-2);border-bottom:var(--rule-hair) solid var(--color-rule);display:flex}.web-frame__dots{gap:5px;display:flex}.web-frame__dots i{background:var(--color-rule-2);border-radius:50%;width:7px;height:7px}.web-frame__url{max-width:300px;padding:3px var(--space-sm);border-radius:var(--radius-pill);background:var(--color-paper);font-size:var(--text-xs);color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;line-height:1.4;overflow:hidden}.web-frame__page{height:484px;padding:12px;overflow:hidden}.web-b{height:var(--h);transition:height var(--dur-long) var(--ease-out), margin var(--dur-long) var(--ease-out), opacity var(--dur-long) var(--ease-out), transform var(--dur-long) var(--ease-out);margin-bottom:10px;display:grid;overflow:hidden}.web-b:last-child{margin-bottom:0}.web-b.is-off{opacity:0;height:0;margin-bottom:0}.web-b.is-wait{opacity:0;transform:translateY(8px)}.web-b i,.web-b b,.web-b em,.web-b u{border-radius:2px;display:block}.web-b i{background:var(--color-rule)}.web-b b{background:var(--color-ink-2)}.web-b em{background:var(--color-muted);border-radius:var(--radius-pill)}.web-b u{background:var(--color-rule-2)}.web-b__copy{align-content:center;gap:7px;min-width:0;display:grid}.web-b__img{border:var(--rule-hair) solid var(--color-rule-2);background:linear-gradient(to top right, transparent calc(50% - .5px), var(--color-rule) calc(50% - .5px), var(--color-rule) calc(50% + .5px), transparent calc(50% + .5px)), linear-gradient(to bottom right, transparent calc(50% - .5px), var(--color-rule) calc(50% - .5px), var(--color-rule) calc(50% + .5px), transparent calc(50% + .5px)), var(--color-paper-2);border-radius:3px;min-height:0;display:block}.web-b--header{--h:26px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:8px;padding-inline:2px}.web-b--header .web-b__logo{background:var(--color-rule-2);border-radius:4px;width:14px;height:14px}.web-b--header .web-b__brand{background:var(--color-ink-2);width:64px;height:7px}.web-b__links{justify-content:end;gap:10px;display:flex}.web-b__links i{width:28px;height:5px}.web-b--header em{width:56px;height:18px}.web-b--hero{--h:104px;background:var(--color-paper-2);border-radius:4px;grid-template-columns:1.2fr 1fr;gap:16px;padding:14px}.web-b--hero b{width:85%;height:10px}.web-b--hero b+b{width:60%}.web-b--hero .web-b__copy i{width:70%;height:5px}.web-b--hero em{width:64px;height:16px;margin-top:4px}.web-b--hero .web-b__img{background-color:var(--color-paper)}.web-b--services{--h:70px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.web-b__tile{border:var(--rule-hair) solid var(--color-rule);border-radius:4px;align-content:center;gap:6px;min-width:0;padding:10px;display:grid}.web-b__tile u{border-radius:4px;width:16px;height:16px}.web-b__tile b{width:60%;height:6px}.web-b__tile i{width:85%;height:5px}.web-b--reviews{--h:62px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.web-b__card{background:var(--color-paper-2);border-radius:4px;align-content:center;gap:6px;min-width:0;padding:10px;display:grid}.web-b__stars{gap:3px;display:flex}.web-b__stars u{background:var(--color-muted);border-radius:50%;width:6px;height:6px}.web-b__card i{width:90%;height:5px}.web-b__card i+i{width:60%}.web-b--gallery{--h:56px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.web-b--form{--h:92px;background:var(--color-paper-2);border-radius:4px;grid-template-columns:1fr 1.2fr;gap:16px;padding:12px}.web-b--form b{width:70%;height:9px}.web-b--form .web-b__copy i{width:90%;height:5px}.web-b__fields{grid-template-columns:1fr 1fr;align-content:center;gap:6px;display:grid}.web-b__fields i{background:var(--color-paper);height:14px;box-shadow:inset 0 0 0 var(--rule-hair) var(--color-rule-2)}.web-b__fields i:nth-child(3){grid-column:1/-1;height:20px}.web-b__fields em{width:60px;height:16px}.web-frame--phone{border-radius:22px}.web-frame--phone .web-frame__bar{padding:var(--space-sm) var(--space-sm) var(--space-xs);justify-content:center}.web-frame--phone .web-frame__url{flex:0 auto;font-size:.6875rem}.web-frame--phone .web-frame__page{height:auto;padding:10px 10px 14px}.web-frame--phone .web-b--header{grid-template-columns:auto 1fr auto}.web-frame--phone .web-b__links{display:none}.web-frame--phone .web-b--header em{border-radius:3px;width:18px;height:12px}.web-frame--phone .web-b--hero{--h:150px;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);gap:10px;padding:12px}.web-frame--phone .web-b--services{--h:114px;grid-template-columns:minmax(0,1fr);gap:6px}.web-frame--phone .web-b__tile{grid-template-columns:16px 1fr;gap:4px 8px;padding:6px 8px}.web-frame--phone .web-b__tile u{grid-row:1/3}.web-frame--phone .web-b--reviews{--h:60px;grid-template-columns:minmax(0,1fr)}.web-frame--phone .web-b__card+.web-b__card{display:none}.web-frame--phone .web-b--gallery{--h:100px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.web-frame--phone .web-b--form{--h:122px;grid-template-columns:minmax(0,1fr);gap:10px}.web-switch{grid-template-columns:1fr 44px}.web-view__stage{position:relative}.web-view__empty{padding:var(--space-lg);text-align:center;font-size:var(--text-sm);color:var(--color-muted);opacity:0;pointer-events:none;max-width:none;transition:opacity var(--dur-short) var(--ease-out);place-items:center;display:grid;position:absolute;inset:40px 0 0}.web-view__empty.is-shown{opacity:1}.web-view figcaption span:last-child{display:inline}.web-view__count{color:var(--color-cool)}.web-enq{margin-top:var(--space-2xl)}.web-steps{gap:var(--space-lg);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.web-steps button{align-items:baseline;gap:var(--space-sm);width:100%;padding:var(--space-md) 0;border:0;border-top:var(--rule-hair) solid var(--color-rule-2);color:var(--color-muted);font-weight:inherit;text-align:left;cursor:pointer;transition:color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out);background:0 0;display:flex}.web-steps button:hover,.web-steps button.is-done{color:var(--color-ink-2)}.web-steps button.is-current{color:var(--color-ink);border-top-color:var(--color-ink)}.web-steps__n{color:var(--color-muted)}.web-enq__panels{margin-top:var(--space-lg);grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);align-items:stretch;display:grid}.web-enq__panels .console{grid-template-rows:auto 1fr;min-width:0}.web-enq__where{font-size:var(--text-sm);color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-left:auto;overflow:hidden}.web-form__body{gap:var(--space-md);padding:var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;display:grid}.web-field{gap:var(--space-2xs);min-width:0;display:grid}.web-field>span{font-size:var(--text-sm);color:var(--color-muted)}.web-field p{min-height:44px;padding:var(--space-sm) var(--space-md);border:var(--rule-hair) solid var(--color-rule-2);border-radius:var(--radius-input);background:var(--color-paper);color:var(--color-ink);align-items:center;max-width:none;display:flex}.web-field p>span{opacity:0;transition:opacity var(--dur-short) var(--ease-out)}.web-enq:not([data-step="0"]) .web-field p>span{opacity:1}.web-enq[data-step="1"] .web-field:nth-child(2) p>span{transition-delay:.22s}.web-enq[data-step="1"] .web-field:nth-child(3) p>span{transition-delay:.44s}.web-enq[data-step="1"] .web-field:nth-child(4) p>span{transition-delay:.66s}.web-field--wide{grid-column:1/-1}.web-field--area p{align-items:start;min-height:6.5rem}.web-form__foot{align-items:center;gap:var(--space-sm) var(--space-md);flex-wrap:wrap;grid-column:1/-1;display:flex}.web-form__send{min-width:9.5rem;min-height:44px;padding:0 var(--space-lg);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-paper);white-space:nowrap;transition:background var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out);justify-content:center;align-items:center;font-weight:400;display:inline-flex}.web-enq[data-step="2"] .web-form__send,.web-enq[data-step="3"] .web-form__send{background:var(--color-paper-3);color:var(--color-ink-2)}.web-form__thanks{font-size:var(--text-sm);color:var(--color-ink-2);opacity:0;transition:opacity var(--dur-short) var(--ease-out)}.web-enq[data-step="2"] .web-form__thanks,.web-enq[data-step="3"] .web-form__thanks{opacity:1}.web-enq__link{position:relative}.web-enq__link:before{content:"";height:var(--rule-hair);background:var(--color-rule-2);position:absolute;top:50%;left:0;right:0}.web-enq__link i{background:var(--color-cool);opacity:0;width:9px;height:9px;transition:left var(--dur-long) var(--ease-in-out), top var(--dur-long) var(--ease-in-out), opacity var(--dur-short) var(--ease-out);border-radius:50%;margin:-4.5px 0 0 -4.5px;position:absolute;top:50%;left:0}.web-enq[data-step="2"] .web-enq__link i{opacity:1}.web-enq[data-step="3"] .web-enq__link i{opacity:1;left:100%}.web-lead__body{gap:var(--space-lg);padding:var(--space-lg);align-content:start;display:grid}.web-lead__slot{position:relative}.web-lead__none{border:var(--rule-hair) dashed var(--color-rule-2);border-radius:var(--radius-card);max-width:none;font-size:var(--text-sm);color:var(--color-muted);transition:opacity var(--dur-short) var(--ease-out);place-items:center;display:grid;position:absolute;inset:0}.web-lead__new{padding:var(--space-md) var(--space-md) var(--space-xs) var(--space-lg);border-radius:var(--radius-card);background:var(--color-paper);box-shadow:inset 2px 0 0 var(--color-accent);opacity:0;transition:opacity var(--dur-long) var(--ease-out), transform var(--dur-long) var(--ease-out);position:relative;transform:translateY(-6px)}.web-enq[data-step="3"] .web-lead__none{opacity:0}.web-enq[data-step="3"] .web-lead__new{opacity:1;transition-delay:.32s;transform:none}.web-lead__top{justify-content:space-between;align-items:center;gap:var(--space-md);padding-bottom:var(--space-sm);display:flex}.web-lead__top b{font-size:var(--text-lg);letter-spacing:-.01em;font-weight:400}.web-chip-act{padding:var(--space-3xs) var(--space-xs);font-size:var(--text-xs);white-space:nowrap;background:var(--color-accent-soft);color:var(--color-signal);border-radius:4px;align-items:center;line-height:1.4;display:inline-flex}.web-lead__new dl{margin:0}.web-lead__new dl div{gap:var(--space-md);padding:var(--space-xs) 0;border-top:var(--rule-hair) solid var(--color-rule);font-size:var(--text-sm);grid-template-columns:6.5rem minmax(0,1fr);display:grid}.web-lead__new dt{color:var(--color-muted)}.web-lead__new dd{color:var(--color-ink-2);margin:0}.web-lead__src dd{color:var(--color-ink)}.web-lead__earlier{margin:0;padding:0;list-style:none}.web-lead__earlier li{justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) 0;border-top:var(--rule-hair) solid var(--color-rule);font-size:var(--text-sm);color:var(--color-muted);display:flex}.web-lead__earlier li>span{gap:var(--space-3xs);min-width:0;display:grid}.web-lead__earlier li>span:last-child{text-align:right}.web-lead__earlier b{color:var(--color-ink-2);font-weight:400}.web-screens{gap:var(--space-2xl);display:grid}.web-screens__pair{justify-content:center;align-items:end;gap:var(--space-2xl);display:flex}.web-screen{min-width:0;margin:0}.web-screen--desktop{flex:1 1 0;max-width:820px}.web-screen--phone{flex:0 0 210px}.web-screen figcaption{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--color-muted)}@media (max-width:75rem){.web-hero{min-height:auto}.web-hero__grid{gap:var(--space-xl);padding-block:128px var(--space-xl);grid-template-columns:minmax(0,1fr)}.web-build{justify-self:start;max-width:760px}}@media (max-width:60rem){.web-hero__grid{padding-top:112px}.web-enq__panels{grid-template-columns:minmax(0,1fr)}.web-enq__link{height:40px}.web-enq__link:before{width:var(--rule-hair);height:auto;inset:0 auto 0 50%}.web-enq__link i{top:0;left:50%}.web-enq[data-step="3"] .web-enq__link i{top:100%;left:50%}.web-screens__pair{gap:var(--space-xl)}.web-screen--phone{flex-basis:190px}}@media (max-width:40rem){.web-hero__grid{padding-top:104px}.web-build,.web-view{padding:var(--space-sm)}.web-frame__page{padding:10px}.web-b__links i{width:18px}.web-b--header em{width:44px}.web-steps{grid-template-columns:minmax(0,1fr);gap:0}.web-steps button{padding:var(--space-sm) 0}.web-form__body,.web-lead__body{padding:var(--space-md)}.web-lead__new{padding-left:var(--space-md)}.web-lead__new dl div{gap:var(--space-sm);grid-template-columns:5.5rem minmax(0,1fr)}.web-screens__pair{flex-direction:column;align-items:center}.web-screen--desktop{flex:none;width:100%}.web-screen--phone{flex:none;width:210px}}
