/* ===========================================================================
   Elevate AI For Business — shared base.
   Same discipline as its sister site: geometric type only, nothing on the page
   is hidden by CSS and revealed by script, and the reveal is scroll-driven CSS
   that only ever MOVES things.
   ======================================================================== */
:root{
  --font:"Futura","Jost","Century Gothic",system-ui,sans-serif;
  --ease:cubic-bezier(.2,.9,.3,1);
  --noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .55 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;max-width:100%}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{font-family:var(--font);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}
h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd,fieldset{margin:0}
ul,ol{padding:0;list-style:none}
fieldset{padding:0;border:0;min-width:0}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left}
input,textarea,select{font:inherit;color:inherit}
img,svg,video{display:block;max-width:100%}
b,strong{font-weight:700}
small{font-weight:inherit}
:focus-visible{outline:3px solid currentColor;outline-offset:3px}
@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} }

/* ---- reveal: pure CSS, driven by scroll, and it only ever MOVES things.
   Nothing is faded out or hidden, so a screenshot, a reader, a print or a browser
   with no scroll-driven animation all see the whole page. ---------------------- */
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    @keyframes rise{from{translate:0 26px}to{translate:0 0}}
    .rv,.rvs>*{animation:rise linear both;animation-timeline:view();animation-range:entry 4% entry 44%}
    .rvs>*:nth-child(2){animation-range:entry 8% entry 48%}
    .rvs>*:nth-child(3){animation-range:entry 12% entry 52%}
    .rvs>*:nth-child(4){animation-range:entry 16% entry 56%}
    .rvs>*:nth-child(5){animation-range:entry 20% entry 60%}
    .rvs>*:nth-child(6){animation-range:entry 24% entry 64%}
    .rvs>*:nth-child(7){animation-range:entry 28% entry 68%}
    .rvs>*:nth-child(8){animation-range:entry 32% entry 72%}
    .rvs>*:nth-child(9){animation-range:entry 36% entry 76%}
  }
}

/* ---- one hairline, drawn from the beetle's own blue and green, round at every width ---- */
.hairline{position:relative;isolation:isolate}
.hairline::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:-1;
  background:linear-gradient(90deg,#2fa3ff,#22e07a 55%,#2fa3ff);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}

.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}