/* Prepared first paint, a brief editor intro, then a normal scrolling page. */
.startup-loader{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#0051ed;color:#fff;transition:opacity .16s ease}
.startup-loader.is-complete{opacity:0;pointer-events:none}
.startup-loader-card{width:min(280px,70vw);text-align:center}
.startup-loader-logo{display:block;width:150px;height:auto;margin:0 auto 28px}
.startup-loader-card p{margin:0 0 18px;font:14px/1.5 Arial,Helvetica,sans-serif}
.startup-progress-row{display:flex;gap:12px;align-items:center}
#startup-progress{appearance:none;-webkit-appearance:none;display:block;width:100%;height:3px;border:0;background:#ffffff38;border-radius:8px;overflow:hidden}
#startup-progress::-webkit-progress-bar{background:#ffffff38}
#startup-progress::-webkit-progress-value{background:white;transition:width .12s linear}
#startup-progress::-moz-progress-bar{background:white}
#startup-percent{font:11px/1 Arial,Helvetica,sans-serif;min-width:30px;text-align:right}
.startup-pending{overflow:hidden}
.startup-pending body> :not(#startup-loader):not(script):not(style):not(noscript){visibility:hidden}
body[data-page="home"] #site-header{position:relative;inset:auto;z-index:10}
body[data-page="home"] #site-header>.topbar,body[data-page="home"] #site-header>.nav-row{transition:opacity .15s ease,translate .18s ease}
.editor-intro #site-header>.topbar,.editor-intro #site-header>.nav-row{opacity:0;translate:0 -10px;visibility:hidden;pointer-events:none}
.editor-ruler{position:absolute;inset:0 0 auto;height:28px;z-index:11;pointer-events:none;background:#edf5ff;color:#0751df;border-bottom:1px solid #b7d0f7;overflow:hidden;display:none}
.editor-intro .editor-ruler{display:block}
.editor-ruler-scale{position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,#91b5e6 0 1px,transparent 1px 10px),repeating-linear-gradient(90deg,#3778cd 0 1px,transparent 1px 50px);background-size:100% 5px,100% 10px;background-position:left bottom;background-repeat:no-repeat}
.editor-ruler-scale span{position:absolute;top:3px;font:9px/1 Arial,Helvetica,sans-serif;transform:translateX(-50%)}
.editor-stage{position:absolute;inset:0;z-index:4;overflow:hidden;pointer-events:none;contain:paint}
.editor-grid{position:absolute;inset:0;background-image:linear-gradient(to right,#fff3 1px,transparent 1px),linear-gradient(to bottom,#fff3 1px,transparent 1px);background-size:32px 32px}
.editor-guide{position:absolute;display:block;background:#ffffffbd;pointer-events:none}
.editor-guide-x{top:0;bottom:0;width:1px}
.editor-guide-y{left:0;right:0;height:1px}
.editor-selection{position:absolute;border:1px dashed #fffffff2;pointer-events:none}
.editor-selection-caption{position:absolute;left:0;top:-20px;padding:2px 4px;font:9px/1 Arial,Helvetica,sans-serif;letter-spacing:.06em;color:#fff;background:#0544b4}
.selection-handle{position:absolute;display:block;width:6px;height:6px;background:#fff;border:1px solid #b2c9e8;transform:translate(-50%,-50%)}
.handle-nw{left:0;top:0}.handle-n{left:50%;top:0}.handle-ne{left:100%;top:0}.handle-e{left:100%;top:50%}.handle-se{left:100%;top:100%}.handle-s{left:50%;top:100%}.handle-sw{left:0;top:100%}.handle-w{left:0;top:50%}
.assembly-cursor{position:absolute;left:0;top:0;width:25px;height:32px;filter:drop-shadow(0 2px 2px #001d5150);pointer-events:none}
.assembly-cursor svg{display:block;width:100%;height:100%}
.hero-word{display:inline-block}
.editor-copy-pending .editor-assemble-item,.editor-art-pending{opacity:0}
.editor-copy-ready .editor-assemble-item{opacity:1}
.hero-guide-decoration{position:absolute;left:0;top:0;width:var(--guide-width,95%);height:var(--guide-height,80px);color:#fff;pointer-events:none;z-index:2}
.title-guide{position:absolute;display:block;background:#ffffff70}
.title-guide-top{top:calc(-1 * var(--guide-gap,6px));left:0;width:109.5%;height:1px;transform-origin:left center}
.title-guide-right{left:100%;top:calc(-1 * (var(--guide-overhang,46px) + var(--guide-gap,6px)));width:1px;height:calc(100% + var(--guide-overhang,46px) * 2);transform-origin:center 25%}
.title-guide-bottom{top:calc(100% + var(--guide-gap,6px));left:0;width:49%;height:1px;transform-origin:left center}
.title-guide-handle{position:absolute;display:block;width:var(--guide-handle,5px);height:var(--guide-handle,5px);background:#fff;border-radius:1px;transform:translate(-50%,-50%);box-shadow:0 0 1px #fff9}
.title-handle-start{left:.35%;top:calc(-1 * var(--guide-gap,6px))}
.title-handle-cross{left:100%;top:calc(-1 * var(--guide-gap,6px))}
.title-handle-bottom{left:5.8%;top:calc(100% + var(--guide-gap,6px))}
.collaboration{position:relative}
.collaboration-selection-line{position:absolute;left:0;top:calc(100% + 4 * var(--u));width:calc(129 * var(--u));max-width:100%;height:1px;background:#ffffff70;pointer-events:none}
.collaboration-selection-line>i{position:absolute;left:89%;top:0;display:block;width:clamp(4px,calc(2.6 * var(--u)),6px);height:clamp(4px,calc(2.6 * var(--u)),6px);transform:translate(-50%,-50%);background:#fff;border-radius:1px}
.editor-intro .artwork-guide-line{stroke-dasharray:700;animation:artwork-guide-draw .8s ease-out .25s both}
.editor-intro .artwork-guide-point{animation:title-guide-point .2s ease-out .55s both}
@keyframes artwork-guide-draw{from{stroke-dashoffset:700}to{stroke-dashoffset:0}}
.editor-copy-pending .title-guide-top,.editor-copy-pending .title-guide-bottom{animation:title-guide-draw-x .6s ease-out .25s both}
.editor-copy-pending .title-guide-right{animation:title-guide-draw-y .6s ease-out .45s both}
.editor-copy-pending .title-guide-handle{animation:title-guide-point .2s ease-out .45s both}
@keyframes title-guide-draw-x{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes title-guide-draw-y{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes title-guide-point{from{opacity:0}to{opacity:1}}
.editor-copy-ready .hero-title-sweep{animation:hero-edge-sweep 2.5s ease-out .1s 1}
.brand-overview.overview-motion-ready{background:#fff;position:relative;isolation:isolate;padding-top:clamp(28px,3vw,60px)}
.brand-overview.overview-motion-ready:before{content:none}
.brand-overview.overview-motion-ready>.feature-placeholders,.brand-overview.overview-motion-ready>.brand-numbers,.brand-overview.overview-motion-ready>.brand-footer{position:relative;transform:none}
@media(max-width:599px){.assembly-cursor{width:21px;height:27px}.editor-grid{background-size:28px 28px}.editor-selection-caption{font-size:8px}.title-guide-top{width:102%}}
@media(prefers-reduced-motion:reduce){.startup-loader,body[data-page="home"] #site-header>.topbar,body[data-page="home"] #site-header>.nav-row{transition:none}.editor-copy-ready .hero-title-sweep{animation:none}}