/* Performance and feel (Chief 9:32 PM). Same design. No text selection or tap flash on page text; form fields and code stay selectable. */
html{-webkit-tap-highlight-color:transparent}
body{-webkit-user-select:none;user-select:none}
input,textarea,select,[contenteditable="true"],code,pre,.selectable{-webkit-user-select:text;user-select:text}
img{-webkit-touch-callout:none}
html.pf-low *{will-change:auto!important}
html.pf-low .gf-particles{display:none!important}
.pf-poster{width:100%;height:100%;object-fit:cover;display:block}

/* v2 (12 Nov): tap-to-play panels. Poster until tapped, a small spinner while the clip buffers. */
.tp-panel{cursor:pointer}
.tp-loading::after{content:"";position:absolute;left:50%;top:50%;z-index:6;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:2.5px solid rgba(255,255,255,.28);border-top-color:#fff;animation:tp-spin .75s linear infinite;pointer-events:none}
@keyframes tp-spin{to{transform:rotate(360deg)}}
/* phones and low-end: sections far below the screen skip layout and paint until they come near */
html.pf-low .gf-sec,html.pf-low .gf-cta,html.pf-low footer.gf-foot{content-visibility:auto;contain-intrinsic-size:auto 900px}
/* measured section heights on phones (390 px), so skipped sections hold their real size and the page does not jump */
@media (max-width:700px){html.pf-low #numbers{contain-intrinsic-size:auto 1200px}html.pf-low #results{contain-intrinsic-size:auto 1456px}html.pf-low #servers{contain-intrinsic-size:auto 784px}html.pf-low #services{contain-intrinsic-size:auto 2580px}html.pf-low #about{contain-intrinsic-size:auto 1930px}html.pf-low #process{contain-intrinsic-size:auto 1826px}html.pf-low #pricing{contain-intrinsic-size:auto 2600px}html.pf-low #faq{contain-intrinsic-size:auto 914px}html.pf-low #contact{contain-intrinsic-size:auto 705px}html.pf-low footer.gf-foot{contain-intrinsic-size:auto 1038px}}
/* 12 Nov: menu on top of everything; phones get a fixed header on its own layer, solid background instead of blur (same look) */
header.nav{z-index:1200}
.sheet{z-index:1150}
html.pf-low header.nav{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
html.pf-low header.nav.pf-fixed{position:fixed;left:0;right:0;top:12px;margin:0 auto}
/* the page-in animation kept an identity transform on <body>, which turns fixed elements into scrolling ones: end it with no transform */
html.am-enter body{animation-fill-mode:backwards!important}