/* Author: Bob Robert */
:root{--ease-settle:cubic-bezier(.22,1,.36,1);--motion-fast:180ms;--motion-medium:480ms}
@view-transition{navigation:auto}
.header>.wordmark{view-transition-name:montfort-wordmark}
::view-transition-group(montfort-wordmark){animation-duration:420ms;animation-timing-function:var(--ease-settle)}
::view-transition-old(root){animation:page-leave 180ms ease-in both}
::view-transition-new(root){animation:page-enter 420ms var(--ease-settle) both}
@keyframes page-leave{to{opacity:0;transform:translateY(-7px)}}
@keyframes page-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.setup-scene{position:relative}.setup-card h1,.setup-intro{transform-origin:left center}.setup-card [data-step]{transform-origin:left top}.setup-navigation[inert]{cursor:progress}
.motion-meter{display:inline-block;height:5px;width:110px;background:var(--brand-soft);overflow:hidden;border-radius:3px}.motion-meter>span{display:block;height:100%;width:100%;background:var(--blue);transform:scaleX(.142857);transform-origin:left;border-radius:3px}#step-progress{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.flow-connector{position:absolute;pointer-events:none;left:calc(42.5% - 30px);width:70px;height:120px;top:170px;overflow:visible;color:var(--blue)}.flow-connector path{fill:none;stroke-width:1.5;stroke-linecap:round}.flow-guide{stroke:var(--brand-line);opacity:.7}.flow-pulse{stroke:currentColor;stroke-dasharray:.16 .84;opacity:0;stroke-width:2.5!important}
.front-product{transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) rotate(2deg);transition:transform 350ms var(--ease-settle)}
.new-example,.pricing-option{transition:transform 420ms var(--ease-settle),box-shadow 420ms var(--ease-settle)}.new-example:hover{transform:translateY(-7px);box-shadow:0 20px 35px #15181f12}.pricing-option:hover{transform:translateY(-4px)}
.button svg,.example-open svg{transition:transform 300ms var(--ease-settle)}.button:hover svg,.new-example:hover .example-open svg{transform:translateX(4px)}
.choice-grid span{transition:background 240ms,border-color 240ms,transform 350ms var(--ease-settle),box-shadow 350ms var(--ease-settle)}.choice-grid label:hover span{transform:translateY(-3px);box-shadow:0 6px 12px #15181f0c}.choice-grid input:checked+span{transform:translateY(-2px)}.palette span{transition:transform 350ms var(--ease-settle),background 240ms,border-color 240ms}
.setup-card .field>span{transition:color 180ms}.setup-card .field:focus-within>span{color:var(--blue)}.setup-card input,.setup-card textarea{transition:border-color 180ms,box-shadow 180ms}.customer-preview header{transition:background-color 350ms}.customer-preview{overflow-anchor:none}.setup-preview{overflow-anchor:none}
.domain-indicator[data-state=checking]:before{content:'';width:17px;height:17px;border:2px solid var(--brand-line);border-top-color:var(--blue);border-radius:50%;animation:busy-turn .8s linear infinite}.domain-indicator[data-state=available]:before{animation:verified-in 450ms var(--ease-settle)}
button[data-busy=true]{display:inline-flex;gap:12px;align-items:center}button[data-busy=true]:after{content:'';display:inline-block;width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:busy-turn .8s linear infinite}
@keyframes busy-turn{to{transform:rotate(360deg)}}@keyframes verified-in{0%{transform:scale(.55);opacity:0}70%{transform:scale(1.12);opacity:1}100%{transform:scale(1);opacity:1}}
.motion-preferences{display:flex;justify-content:flex-end;padding-block:16px}.motion-toggle{border:0;background:none;color:var(--brand-muted);font:inherit;font-size:12px;min-height:44px;padding:8px 0;text-decoration:underline;text-underline-offset:4px}.motion-toggle:hover{color:var(--blue)}
.story-board{padding-top:165px}.story-site .customer-preview{min-height:0}.story-site .customer-preview>img{height:205px}.story-site .customer-preview .preview-content{padding:26px}.story-site .customer-preview .preview-content :is(h1,h3){font-size:34px;margin-bottom:14px}.story-site .customer-preview .preview-content section{display:none}.story-site .layout-split>img{min-height:290px}.story-site .layout-split .preview-content :is(h1,h3){font-size:27px}.customer-preview header strong{min-width:0;overflow-wrap:anywhere;font-size:clamp(13px,1.4vw,18px)}.showcase-controls{display:flex;gap:7px;justify-content:flex-end;margin-top:16px}.showcase-controls button{font:inherit;font-size:13px;font-weight:650;padding:10px 16px;min-height:44px;background:var(--brand-soft);color:var(--brand-ink);border:1px solid transparent;border-radius:6px;transition:background 200ms,transform 300ms var(--ease-settle)}.showcase-controls [aria-pressed=true]{background:var(--blue);color:white}.showcase-controls button:hover{transform:translateY(-2px)}
.story-site .customer-preview header{display:flex;align-items:center;gap:12px;background:var(--preview-color);color:white}.story-site .customer-preview>img{display:block;width:100%;object-fit:cover}.story-site .customer-preview.layout-split{display:grid;grid-template-columns:.43fr .57fr}.story-site .customer-preview.layout-split>header{grid-column:1/-1}.story-site .customer-preview.layout-split>img{height:100%;min-height:290px}.story-site .customer-preview.layout-minimal>img{height:110px;filter:saturate(.7)}
@media(max-width:1000px){.flow-connector{left:calc(42.5% - 15px);width:35px}}
@media(max-width:800px){.flow-connector{display:none}.front-product{transform:none}.motion-preferences{padding-block:4px}.new-example:hover,.pricing-option:hover{transform:none}.story-board{padding-top:170px}.story-site .customer-preview .preview-content :is(h1,h3){font-size:30px}.showcase-controls{margin-left:20px;justify-content:flex-start}.showcase-controls button{padding-inline:13px}.story-site .customer-preview.layout-split{display:block}.story-site .customer-preview.layout-split>img{height:180px;min-height:0}}
html[data-motion=reduced] *,html[data-motion=reduced] *:before,html[data-motion=reduced] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-motion=reduced]::view-transition-group(*),html[data-motion=reduced]::view-transition-old(*),html[data-motion=reduced]::view-transition-new(*){animation:none!important}
@media(prefers-reduced-motion:reduce){html:not([data-motion=full])::view-transition-group(*),html:not([data-motion=full])::view-transition-old(*),html:not([data-motion=full])::view-transition-new(*){animation:none!important}html:not([data-motion=full]) .flow-pulse,html:not([data-motion=full]) .domain-indicator:before,html:not([data-motion=full]) button:after{animation:none!important}html:not([data-motion=full]) .front-product{transform:none!important}}
@media print{.motion-preferences,.flow-connector{display:none}}