#top { isolation:isolate; }
#top .c-hero-line { animation:none; }
#top .hero-photo { background-color:#08261e; }
#top .hero-photo::after {
  content:""; position:absolute; inset:0;
  background:linear-gradient(90deg,#05271ff5 0%,#061f19d9 38%,#061713e0 100%);
  opacity:0; pointer-events:none;
}
#top .owner-light::before {
  inset:0; background:radial-gradient(ellipse at 84% 35%,#ffcc7059,transparent 48%),
  linear-gradient(114deg,transparent 47%,#ffe2a33b 53%,transparent 65%);
  opacity:.55;
}
#top .owner-light::after {
  content:""; position:absolute; top:8%; left:-25%; width:150%; height:75%;
  background:linear-gradient(114deg,transparent 43%,#d6ac5d22 47%,#ffe2a38c 49.5%,#fff1cbbb 50%,#f5c87540 51%,transparent 57%);
  transform:translateX(0); opacity:0; pointer-events:none;
}
#top .d-route { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; overflow:visible; z-index:3; }
#top .d-route path { fill:none; stroke:#ffe2a1; stroke-width:2; opacity:.4; }
#top .d-route .d-comet { fill:#fff2c9; filter:drop-shadow(0 0 7px #ffd17e); }
#top .storefront::after { content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 38%,#ffe4a6aa,transparent 65%);opacity:0;pointer-events:none; }
#top .source-stack,#top .answer-card { opacity:1; }
html[data-arrival="first"] #top .hero-photo::after { animation:d-night 2200ms linear both; }
html[data-arrival="first"] #top .owner-light::before { animation:d-room 2200ms linear both; }
html[data-arrival="first"] #top .owner-light::after { animation:d-beam 2200ms cubic-bezier(.4,0,.2,1) both; }
html[data-arrival="first"] #top .c-hero-line { animation:d-title 2200ms cubic-bezier(.16,1,.3,1) both; }
html[data-arrival="first"] #top .c-hero-line:nth-of-type(2) { animation-name:d-title-last; }
html[data-arrival="first"] #top .source-stack { animation:d-sources 2200ms cubic-bezier(.16,1,.3,1) both; }
html[data-arrival="first"] #top .answer-card { animation:d-answer 2200ms cubic-bezier(.16,1,.3,1) both; }
html[data-arrival="first"] #top .storefront::after { animation:d-shop 2200ms linear both; }
html[data-arrival="return"] #top .owner-light::before { animation:d-return 180ms ease-out both; }
@keyframes d-night {0%,12%{opacity:.97}42%{opacity:.8}70%{opacity:.25}100%{opacity:0}}
@keyframes d-room {0%,18%{opacity:0}56%{opacity:.85}76%{opacity:.9}100%{opacity:.55}}
@keyframes d-beam {0%{transform:translateX(-55%);opacity:0}12%{opacity:.65}47%{transform:translateX(-5%);opacity:1}74%{transform:translateX(20%);opacity:.7}100%{transform:translateX(26%);opacity:0}}
@keyframes d-title {0%,40%{transform:translateY(26px);opacity:0}73%,100%{transform:none;opacity:1}}
@keyframes d-title-last {0%,51%{transform:translateY(30px);opacity:0}100%{transform:none;opacity:1}}
@keyframes d-sources {0%,7%{transform:translateX(-18px)}42%,100%{transform:none}}
@keyframes d-answer {0%,29%{transform:translateY(22px)}66%,100%{transform:none}}
@keyframes d-shop {0%,50%{opacity:0}74%{opacity:.9}100%{opacity:0}}
@keyframes d-return {from{opacity:.35}to{opacity:.55}}
.site-header a { position:relative; }
.site-header a::after { content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:#edce87;transform:scaleX(0);transform-origin:left;transition:transform 180ms cubic-bezier(.2,0,0,1);pointer-events:none; }
.site-header .header-cta::after {left:22px;right:22px;bottom:8px}
.site-header .mobile-nav a::after {bottom:4px;right:20px;background:#72521c}
.site-header .mobile-nav a:focus-visible {color:#72521c;outline-color:#72521c}
.site-header a:focus-visible::after {transform:scaleX(1)}
@media(hover:hover) and (pointer:fine){
 .site-header a:hover::after,.site-header .mobile-nav a:hover::after {transform:scaleX(1)}
 .site-header .mobile-nav a:hover {color:#72521c}
}
#top .hero-copy .eyebrow,#top .hero-service,#top .hero-terms,#top .hero-description,
#top .f989-hero-price,#top .hero-copy .micro,#top .hero-demo-link {
 color:#fff3d7; background-color:transparent; opacity:1; text-shadow:none;
}
#top .hero-copy .eyebrow {width:fit-content}
#top .hero-service {width:fit-content}
#top .hero-terms {color:#f6d98e}
#top .f989-hero-price {width:fit-content}
#top .f989-hero-price span,#top .hero-copy .micro {color:#fff3d7;opacity:1}
#top .hero-copy .micro {width:fit-content}
#top .hero-copy {position:relative;isolation:isolate}
#top .hero-copy::before {content:"";position:absolute;inset:-28px 20px -28px -32px;z-index:-1;background:#0a2c23bf;box-shadow:0 0 28px 12px #0a2c23bf;pointer-events:none}
#top .hero-description {background:#0a2c23}
#top .source-card {background:#f4f0e4;color:#163b30;opacity:1}
#top .source-card span,#top .source-card b {color:#163b30;opacity:1}
#top .answer-inner {background:#faf6e9;color:#103b30}
#top .answer-inner p,#top .answer-inner small,#top .answer-inner li {color:#103b30;opacity:1}
#top .demo-badge {background:#624d25;color:#fff3d7;opacity:1}
#top .hero-bottom p,#top .hero-bottom a {background:#0a2c23;color:#fff3d7;opacity:1;padding:4px 8px}
#top .hero-bottom .c-light-replay {color:#fff3d7;opacity:1}
@media(max-width:760px){
 .home #top .hero-photo {height:1100px;bottom:auto;background-position:64% top;background-size:auto 1100px;}
 .home #top .hero-photo::before {content:"";position:absolute;inset:0;background:linear-gradient(0deg,#092e25,transparent 28%)}
 #top>.owner-light {height:1100px;bottom:auto}
 #top .owner-light::after {width:200%;left:-50%;height:85%;top:0}
 #top .owner-light::before {background:radial-gradient(ellipse at 85% 30%,#ffcf7359,transparent 65%)}
 #top .hero-copy .eyebrow {font-size:12px;letter-spacing:.04em}
}
@media(prefers-reduced-motion:reduce){
 #top *,#top *::before,#top *::after {animation:none!important;transition:none!important}
 #top .hero-photo::after,#top .owner-light::after,#top .storefront::after {opacity:0!important}
 #top .c-hero-line {opacity:1!important;transform:none!important}
 .site-header a::after {transition:none}
}
#foundation {overflow-x:clip}
.f989-home #top .storefront {mask-image:none}
.f989-home #top .storefront figcaption {background:#0a2c23;color:#fff3d7;opacity:1}
#top .p4-operations li {opacity:1!important}
#top .answer-top span {background:#123b2e;color:#fff9e8}
@media(max-width:760px){#top .hero-copy::before {right:-18px}}