/* The globe hero owns its composition; all following homepage sections stay in home.css. */
.home-first-screen{display:flex;flex-direction:column;height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height))}
.home-first-screen>.r-proof{flex:none}
.earth-hero{flex:1;min-height:0;--earth-ink:#163960;--earth-red:#a80e23;position:relative;isolation:isolate;overflow:clip;background:#e6f3fd url("https://oktender-site-assets-20261007-6bb2e9d7.oss-cn-beijing.aliyuncs.com/assets/1efdc9bd6a8b0fc42d20713e22364ba1db6fc653af25589b5035631e2f5b698c/hero-atmosphere-v2.webp") center center / cover no-repeat;color:var(--earth-ink)}
.earth-copy{--earth-copy-top:72px;position:relative;z-index:4;text-align:center;padding-top:clamp(16px,calc(12dvh - 48px),var(--earth-copy-top));pointer-events:none;max-width:1320px}
.earth-copy h1{font-size:clamp(56px,4.95vw,87px);line-height:1.13;letter-spacing:-2.5px;font-weight:850;color:#050b13;margin:0;white-space:nowrap}
.earth-title-accent{color:var(--earth-red)}
.earth-description{max-width:46em;margin:16px auto 24px;font-size:20px;line-height:1.6;letter-spacing:.2px;text-wrap:balance;color:#2a4d75}
.earth-description span{display:inline-block}
.earth-search{pointer-events:auto;max-width:900px;width:76%;margin:auto;min-height:70px;padding:6px;border:1px solid #eef3f9;border-radius:11px;box-shadow:0 9px 28px #20466924;gap:20px}
.earth-search input{font-size:18px;color:#244872}
.earth-search input::placeholder{color:#395d83}
.earth-search .r-button{background:#ad1424;padding-inline:37px;font-size:18px;font-weight:600}
.earth-stage{position:absolute;z-index:1;inset:308px 0 0;cursor:default;touch-action:pan-y}
.earth-stage canvas{display:block;width:100%;height:100%}
.earth-hero[data-globe-variant="sculpted"] .earth-stage{container:globe-stage / inline-size}
.earth-startup-frame{display:none;position:absolute;inset:0;z-index:1;pointer-events:none;background:url("https://oktender-site-assets-20261007-6bb2e9d7.oss-cn-beijing.aliyuncs.com/assets/8d2efacc5a0db59d0cf2264cde9def0d58a70dfc1caf81b053679938a9ea092b/desktop-cloudless.webp") center top / 100% auto no-repeat}
.earth-hero[data-globe-variant="sculpted"] .earth-startup-frame{display:block}
.earth-hero[data-globe-mode] .earth-startup-frame{visibility:hidden}
@container globe-stage (width < 700px){.earth-startup-frame{background-image:url("https://oktender-site-assets-20261007-6bb2e9d7.oss-cn-beijing.aliyuncs.com/assets/f138574a57e2a76c56be74d2a72c2b1bd573e650e3458df2044f742652b01e49/mobile-cloudless.webp")}}
@media(prefers-reduced-motion:reduce){
  .earth-startup-frame{background-image:url("https://oktender-site-assets-20261007-6bb2e9d7.oss-cn-beijing.aliyuncs.com/assets/a8330f729056550e1af370058a9cbba0a085cece86e433bf7ea165296181f169/desktop-still-cloudless.webp")}
  @container globe-stage (width < 700px){.earth-startup-frame{background-image:url("https://oktender-site-assets-20261007-6bb2e9d7.oss-cn-beijing.aliyuncs.com/assets/d16a766a555cf0b1bab20c4293d91225c719375038d3e92117d06a668d2ff239/mobile-still-cloudless.webp")}}
}
.earth-haze{position:absolute;z-index:2;inset:auto 0 -22px;height:330px;pointer-events:none}
.earth-haze::before{content:'';position:absolute;inset:0;background:url('../assets/images/foreground-clouds.webp') center bottom / 100% 100% no-repeat;mask-image:linear-gradient(90deg,#000 0%,#000b 32%,#0009 50%,#000b 68%,#000 100%)}
.earth-haze::after{content:'';position:absolute;inset:auto 0 20px;height:140px;background:linear-gradient(0deg,#fff 0%,#fffffff2 24%,#ffffff80 60%,#fff0 100%)}
.earth-hero :is(button,a,select):focus-visible{outline:2px solid #185d9f;outline-offset:3px}
.earth-fallback{position:absolute;left:50%;top:55%;transform:translateX(-50%);z-index:3;color:#41698a;font-size:14px}
.home-page .r-proof>.r-container{max-width:1520px;width:calc(100% - 130px)}
.home-page .r-partner-row{--partner-gap:48px;--partner-edge-fade:26px;min-height:100px;padding:15px 0;margin:0;gap:24px}
.earth-sources-label{font-size:13px;white-space:nowrap;color:#2d4c72;letter-spacing:.4px;padding-right:28px;border-right:1px solid #c9d8e9;line-height:40px}
.home-page .r-more-partners{font-size:13px;color:#2d4c72;border-left:1px solid #c9d8e9;padding-left:26px;gap:12px;min-height:40px}
.home-page .r-partner-row:hover .r-partner-track{animation-play-state:paused}
@media(min-width:1800px){.earth-stage{top:326px}}
@media(max-width:1500px) and (min-width:1024px){.earth-copy{--earth-copy-top:64px}.earth-description{font-size:18px}.earth-search{width:76%;min-height:66px}.earth-search input,.earth-search .r-button{font-size:16px}.earth-stage{top:292px}.home-page .r-partner-row{gap:18px;--partner-gap:36px}.earth-sources-label{padding-right:20px}}
@media(max-width:1023px){.earth-copy{--earth-copy-top:64px}.earth-copy h1{font-size:48px;letter-spacing:-1.8px}.earth-description{font-size:16px}.earth-search{width:90%;min-height:66px}.earth-search input{font-size:16px}.earth-search .r-button{font-size:16px;padding-inline:20px}.earth-stage{top:272px}.home-page .r-proof>.r-container{width:calc(100% - 48px)}.earth-sources-label{display:none}.home-page .r-partner-row{min-height:86px}.home-page .r-more-partners{padding-left:16px}}
@media(max-width:640px){.earth-hero{background-position:center center}.earth-copy{--earth-copy-top:48px;width:calc(100% - 32px)}.earth-copy h1{font-size:clamp(33px,9.5vw,46px);line-height:1.2;letter-spacing:-1px;white-space:normal}.earth-title-comma{display:none}.earth-title-accent{display:block}.earth-description{margin:8px auto 24px;font-size:13px;line-height:1.65;letter-spacing:0}.earth-search{width:100%;min-height:58px;padding:5px;gap:10px;border-radius:9px}.earth-search>img{width:22px;height:22px;margin-left:9px}.earth-search input{font-size:16px;padding:8px 0}.earth-search .r-button{min-width:65px;min-height:46px;padding-inline:14px;font-size:14px}.earth-search .r-search-submit-label{display:none}.earth-search .r-search-submit-label-mobile{display:inline}.earth-stage{top:267px;bottom:0;left:-28%;right:-28%}.earth-haze{height:180px}.earth-haze::before{background-size:auto 180px}.home-page .r-proof>.r-container{width:calc(100% - 32px)}.home-page .r-partner-row{min-height:80px;gap:12px;--partner-gap:32px;--partner-edge-fade:16px}.home-page .r-more-partners{font-size:11px;padding-left:11px;gap:4px}.home-page .r-more-partners img{width:13px}.home-page .r-partner{--partner-optical-scale:.85}}
@media(max-height:700px) and (min-width:641px){
  .earth-copy h1{font-size:clamp(32px,4.4vw,60px)}
  .earth-description{font-size:16px;margin:10px auto 18px}
}
@media(max-height:520px){
  .earth-copy{padding-top:12px}
  .earth-copy h1{font-size:clamp(28px,3.8vw,44px)}
  .earth-description{font-size:12px;margin:6px auto 12px}
  .home-page .r-partner-row{min-height:64px;padding-block:10px}
}
@media(prefers-reduced-motion:reduce){.earth-hero *{scroll-behavior:auto}}

/* Material studies keep the same page and real records for a fair comparison. */
.earth-hero[data-globe-material]{background:#eff5fa}
.earth-hero[data-globe-material]::before{content:'';position:absolute;inset:0;z-index:0;background:url("https://oktender-site-assets-20261007-6bb2e9d7.oss-cn-beijing.aliyuncs.com/assets/1efdc9bd6a8b0fc42d20713e22364ba1db6fc653af25589b5035631e2f5b698c/hero-atmosphere-v2.webp") center / cover no-repeat;filter:saturate(.65) brightness(1.08);opacity:.5;pointer-events:none}
.earth-hero[data-globe-material] .earth-haze{height:270px}
.earth-hero[data-globe-material] .earth-haze::before{opacity:.55}
.earth-hero[data-globe-material="atlas"]::before{opacity:.24}
.earth-hero[data-globe-material="atlas"] .earth-haze::before{opacity:.12}
@media(max-width:640px){
  .earth-hero[data-globe-material] .earth-haze{height:160px}
  .earth-hero[data-globe-material] .earth-haze::before{background-size:auto 160px}
}

/* Earth comes from editable Blender geometry; sky and cloud textures are packed in the scene. */
.earth-hero[data-globe-variant="crafted"]{background:#fff}
.earth-hero[data-globe-variant="crafted"] .earth-stage{inset:0;cursor:default}
.earth-hero[data-globe-variant="crafted"] .earth-haze{height:220px}
.earth-hero[data-globe-variant="crafted"] .earth-haze::before{display:none}
.earth-rendered-frame{position:absolute;left:0;top:calc(-1 * var(--header-height));width:100%;aspect-ratio:2;pointer-events:none}
.earth-rendered-image{display:block;width:100%;height:100%;object-fit:contain;user-select:none}
.earth-hero:is([data-globe-variant="live"],[data-globe-variant="sculpted"]) .earth-haze{height:230px}
.earth-hero:is([data-globe-variant="live"],[data-globe-variant="sculpted"]) .earth-haze::before{opacity:.5}
/* Keep the user-supplied photographic clouds and their white transition.
   The elliptical opening reveals Earth without changing the cloud silhouettes. */
.earth-hero[data-globe-variant="sculpted"] .earth-haze{--cloud-trim:8px;height:auto;aspect-ratio:3;bottom:calc(-1 * var(--cloud-trim))}
.earth-hero[data-globe-variant="sculpted"] .earth-haze::before{background-image:url("https://oktender-site-assets-20261007-6bb2e9d7.oss-cn-beijing.aliyuncs.com/assets/897e0fe7c8825d56714e970f7c19269210dc1db765f795668bcbd0bcbae67ccf/foreground-clouds-clean.webp");background-size:100% 100%;opacity:.9;mask-image:radial-gradient(ellipse 43% 82% at 50% 42%,#0000 0 30%,#0001 58%,#000a 82%,#000 100%)}
.earth-hero[data-globe-variant="sculpted"] .earth-haze::after{bottom:var(--cloud-trim);height:24px;background:linear-gradient(to top,#fff,#fff0)}
@media(max-width:640px){.earth-hero[data-globe-variant="sculpted"] .earth-haze{width:750px;left:50%;right:auto;transform:translateX(-50%)}.earth-hero[data-globe-variant="sculpted"] .earth-haze::before{mask-image:radial-gradient(ellipse 43vw 82% at 50% 42%,#0000 0 30%,#0001 58%,#000a 82%,#000 100%)}}
@media(max-width:1023px) and (min-width:641px){.earth-rendered-frame{width:145%;left:-22.5%;top:65px}}
@media(max-width:640px){.earth-hero[data-globe-variant="crafted"]{background:#fff}.earth-rendered-frame{width:1150px;left:50%;top:80px;transform:translateX(-50%);mask-image:linear-gradient(180deg,transparent,#000 120px,#000 85%,transparent)}}

.earth-stage:focus-visible{outline:2px solid #8ab9de;outline-offset:-8px}