#home.rc-hero{min-height:100svh;position:relative;background:#141819;overflow:hidden;perspective:1200px}
#home.rc-hero::after{background:radial-gradient(ellipse at 76% 48%,#00dce615,transparent 48%),radial-gradient(ellipse at 58% 58%,#ef394514,transparent 45%)}
.rc-hero-layout{position:relative;z-index:1;max-width:1440px;min-height:100svh;margin:0 auto;padding:150px 64px 105px;display:grid;grid-template-columns:1.12fr 1fr;gap:48px;align-items:center}
.rc-hero-copy{position:relative;z-index:2}
.rc-eyebrow{display:flex;align-items:center;gap:10px;color:#b8c4c6;font:600 11px/1.6 Arial,sans-serif;letter-spacing:2px;margin:0 0 28px}
.rc-status{display:inline-block;width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#73eddf;box-shadow:0 0 14px #5de6d999}
.rc-hero-title{font-family:Arial,Helvetica,sans-serif;font-weight:750;letter-spacing:-3.4px;line-height:1.04;margin:0;color:#f4f6f5}
.rc-role{display:block;font-size:clamp(52px,5.6vw,82px)}
.rc-role-secondary{display:block;font-size:clamp(30px,3.3vw,48px);letter-spacing:-1.9px;line-height:1.2;margin-top:15px;color:#76e6e4}
.rc-hero-description{max-width:450px;font:400 17px/1.8 Arial,sans-serif;color:#adb9bb;margin:28px 0 30px}
.rc-hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.rc-primary,.rc-secondary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font:600 14px/1.3 Arial,sans-serif;transition:transform .2s,background .2s}
.rc-primary{padding:16px 24px;border-radius:100px;background:#75e4de;color:#102124;box-shadow:0 6px 30px #36d4d318}
.rc-secondary{padding:16px 0;color:#e2e8e7}
.rc-primary:hover,.rc-secondary:hover{transform:translateY(-3px)}
.rc-primary:focus-visible,.rc-secondary:focus-visible,.rc-scroll:focus-visible{outline:2px solid #fff;outline-offset:5px}
.rc-hero-tags{display:flex;gap:12px 18px;flex-wrap:wrap;color:#73878a;font:500 9px/1.5 Arial,sans-serif;letter-spacing:1.3px;margin-top:38px}
.rc-robot-stage{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;isolation:isolate}
#home img.rc-robot{display:block;width:100%;max-width:500px;height:auto;aspect-ratio:1;object-fit:contain;border-radius:0;mask-image:linear-gradient(to bottom,#000 0%,#000 87%,transparent 100%);clip-path:polygon(49% 3%,56% 4%,61% 7%,62% 14%,62% 22%,61% 30%,59% 34%,65% 33%,70% 35%,73% 40%,79% 41%,86% 45%,91% 51%,94% 58%,93% 67%,96% 73%,97% 82%,100% 90%,100% 100%,0 100%,0 90%,3% 81%,4% 73%,7% 67%,6% 58%,9% 51%,15% 45%,22% 41%,27% 40%,29% 35%,35% 33%,40% 34%,38% 30%,37% 22%,37% 14%,39% 7%,44% 4%);position:relative;z-index:1}
.rc-orbit{position:absolute;width:76%;height:80%;border-radius:50%;filter:blur(65px);opacity:.28;z-index:0;pointer-events:none}
.rc-orbit-red{background:#ed3849;left:-6%;top:14%}
.rc-orbit-cyan{background:#12dfe8;right:-9%;top:5%;opacity:.2}
.rc-robot-caption{position:absolute;bottom:4%;left:50%;transform:translateX(-50%);z-index:2;display:flex;align-items:center;gap:10px;white-space:nowrap;font:500 9px/1.5 Arial,sans-serif;letter-spacing:2px;color:#a7c2c4;padding:10px 16px;background:#172124d9;border:1px solid #71989d25;border-radius:30px}
.rc-scroll{position:absolute;z-index:2;bottom:28px;left:50%;transform:translateX(-50%);color:#6d8588;font:500 9px/1.4 Arial,sans-serif;letter-spacing:2px;text-decoration:none}
@media(min-width:1600px){.rc-hero-layout{max-width:1580px;gap:90px}.rc-role{font-size:90px}#home img.rc-robot{max-width:560px}}
@media(max-width:1023px){.rc-hero-layout{padding:140px 40px 90px;gap:28px}.rc-role{font-size:58px}.rc-role-secondary{font-size:34px}.rc-eyebrow{font-size:9px;letter-spacing:1.5px}.rc-hero-description{font-size:15px}}
@media(max-width:700px){.rc-hero-layout{padding:120px 25px 85px;grid-template-columns:1fr;gap:40px}.rc-hero-title{letter-spacing:-2.3px}.rc-role{font-size:clamp(47px,11.6vw,70px)}.rc-role-secondary{font-size:clamp(28px,7.1vw,39px);letter-spacing:-1px}.rc-eyebrow{margin-bottom:22px}.rc-hero-description{margin:22px 0 25px}.rc-hero-tags{margin-top:26px}.rc-robot-stage{max-width:390px;width:100%;margin:0 auto}.rc-scroll{bottom:22px}.rc-hero-layout{min-height:auto}.rc-hero-actions{gap:22px}}

/* Keep the navigation outside the animated hero's perspective and clipping. */
.rc-navigation{background:rgba(20,24,25,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(118,230,228,.09);margin-left:0!important;margin-right:0!important;z-index:100!important}
section[id]{scroll-margin-top:108px}
@media(max-width:700px){section[id]{scroll-margin-top:88px}.rc-navigation nav{padding-left:25px;padding-right:25px}}
