.hero{grid-template-columns:47% 53%;height:555px;align-items:center;padding-right:16px}.hero-copy{padding-top:0;padding-bottom:40px}.hero h1{font-size:47px;line-height:1.1;width:570px}.hero-copy>p{font-size:18px;max-width:490px}.hero-actions{margin-top:28px}.hero h1 em{display:inline-block;background:linear-gradient(100deg,#ff6815 15%,#ff9141 45%,#ff590b 75%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:title-glow 7s ease-in-out infinite}.hero-copy>*{animation:copy-in .8s both}.hero-copy .eyebrow{animation-delay:.05s}.hero-copy h1{animation-delay:.16s}.hero-copy>p{animation-delay:.28s}.hero-copy .hero-actions{animation-delay:.4s}
.tour-stage{height:545px;position:relative;min-width:0;isolation:isolate}.tour-eyebrow{position:absolute;left:50%;top:4px;transform:translateX(-50%);white-space:nowrap;font-size:11px;letter-spacing:.2px;font-weight:700;display:flex;align-items:center;gap:8px;color:#6b5b85}.tour-eyebrow>span{width:6px;height:6px;border-radius:50%;background:#8d1bf4;box-shadow:0 0 0 4px #8d1bf412;animation:live-pulse 2s infinite}
.tour-device{margin:0;position:absolute;left:50%;top:41px;width:228px;height:430px;transform:translateX(-50%) rotate(-3deg);border-radius:40px;background:linear-gradient(100deg,#747078,#f4f0f3 4%,#8e8991 7%,#eae8ea 13%,#bdb9c0 91%,#68636e 97%,#d7d4d9);border:1px solid #a5a0ad;box-shadow:12px 18px 32px #38205a24,inset 2px 1px 2px #fff;animation:phone-float 7s ease-in-out infinite;z-index:4}.tour-device:before{content:'';position:absolute;inset:5px;border:3px solid #211d26;background:#fff;border-radius:35px}.tour-device:after{content:'';position:absolute;right:-3px;top:99px;height:43px;width:3px;background:#9e97a5;border-radius:0 2px 2px 0}.tour-screen{position:absolute;inset:28px 8px 10px;border-radius:0 0 27px 27px;overflow:hidden;background:#fff}.tour-screen video{display:block;width:100%;height:100%;object-fit:cover}.tour-camera{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:61px;height:14px;border-radius:20px;background:linear-gradient(150deg,#000,#27262c);z-index:5}.tour-camera:after{content:'';position:absolute;top:4px;right:6px;width:6px;height:6px;border-radius:50%;background:#252c43;box-shadow:inset 1px 1px 2px #626776}
.tour-glow{position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,#e8ceff 0,#f3e5ff85 54%,transparent 72%);left:50%;top:60px;transform:translateX(-50%);z-index:-2;animation:glow-breathe 7s ease-in-out infinite}.tour-orbit{position:absolute;border-radius:50%;left:50%;top:90px;width:430px;height:300px;border:1px solid #e6d1fa;transform:translateX(-50%) rotate(-27deg);z-index:-1}.tour-orbit:after{content:'';position:absolute;width:17px;height:17px;top:39px;right:46px;border-radius:50%;background:linear-gradient(120deg,#b94bff,#6f00e3);box-shadow:0 5px 14px #8427ca40}.orbit-one{animation:orbit-drift 14s ease-in-out infinite}.orbit-two{width:345px;height:390px;top:45px;border-color:#ffcfb7;transform:translateX(-50%) rotate(35deg);animation:orbit-drift-two 17s ease-in-out infinite}.orbit-two:after{width:25px;height:25px;background:linear-gradient(120deg,#ffba55,#ff6815);top:auto;bottom:38px;right:24px}.tour-shadow{position:absolute;left:50%;bottom:62px;width:240px;height:23px;border-radius:50%;transform:translateX(-50%);background:#6a447d2b;filter:blur(12px);animation:shadow-breathe 7s ease-in-out infinite;z-index:-1}
.tour-float{position:absolute;display:flex;align-items:center;gap:12px;border:1px solid #eee5f6;box-shadow:0 8px 30px #5527800c;backdrop-filter:blur(10px);background:#ffffffdd;border-radius:16px;padding:12px 17px;z-index:5;animation:label-float 6s ease-in-out infinite}.tour-float img{width:39px;height:39px;object-fit:contain}.tour-float .icon{width:33px;height:35px;color:#7915da}.tour-float small{display:block;font-size:7px;letter-spacing:1px;color:#746283;font-weight:700;white-space:nowrap;margin-bottom:3px}.tour-float strong{font-size:17px;letter-spacing:-.5px}.float-calc{left:0;top:110px;animation-delay:-1s}.float-budget{right:0;top:225px;animation-delay:-3s}.float-jobs{left:5%;bottom:110px;animation-delay:-5s}.float-jobs .icon{color:#f5772e}
.tour-controls{position:absolute;bottom:1px;left:50%;transform:translateX(-50%);width:360px;max-width:100%;display:flex;align-items:center;gap:13px;padding:8px 13px;border:1px solid #e9def5;background:#fff9;border-radius:18px;backdrop-filter:blur(12px)}.tour-toggle{border:1px solid #e9dcfa;background:#f4eaff;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;color:#7711d3;flex-shrink:0}.tour-toggle:hover{background:#e9d8ff}.tour-play-glyph{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid currentColor;margin-left:3px}.is-playing .tour-play-glyph{border:0;width:10px;height:14px;border-left:3px solid currentColor;border-right:3px solid currentColor;margin-left:0}.tour-readout{flex:1;min-width:0}.tour-readout>span{display:block;font-size:8px;letter-spacing:1.4px;color:#766681;font-weight:700;margin-bottom:3px}.tour-readout strong{display:block;font-size:12px;font-weight:800;white-space:nowrap}.tour-chapters{display:flex;gap:0}.tour-chapters button{background:transparent;width:26px;min-height:44px;padding:0;display:grid;place-items:center}.tour-chapters button span{width:6px;height:6px;border-radius:8px;background:#d5c2e7;transition:width .3s,background .3s}.tour-chapters button[aria-current] span{width:19px;background:#8c14ee}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#tour-error{position:absolute;bottom:-44px;left:10px;right:10px;font-size:12px;background:#fff3e9;padding:8px;border-radius:8px}#tour-error a{text-decoration:underline}
.feature:hover .feature-art{transform:translateY(-3px) rotate(-5deg);transition:transform .35s}.feature .feature-art{transition:transform .35s}.ecosystem{background-size:180% 100%;animation:ecosystem-flow 12s ease-in-out infinite}.join>img{animation:brand-bob 6s ease-in-out infinite}.button.orange:hover .next{transform:translateX(3px);transition:transform .25s}.motion-reveal.has-entered{animation:section-enter .65s both}.motion-reveal[data-stagger="1"].has-entered{animation-delay:.08s}.motion-reveal[data-stagger="2"].has-entered{animation-delay:.16s}.motion-reveal[data-stagger="3"].has-entered{animation-delay:.24s}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .motion-reveal,.motion-paused .hero-copy>*{animation:none!important}
@keyframes copy-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes section-enter{from{opacity:.25;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes phone-float{0%,100%{transform:translateX(-50%) translateY(0) rotate(-3deg)}50%{transform:translateX(-50%) translateY(-9px) rotate(1deg)}}@keyframes label-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes orbit-drift{0%,100%{transform:translateX(-50%) rotate(-27deg)}50%{transform:translateX(-50%) rotate(-12deg)}}@keyframes orbit-drift-two{0%,100%{transform:translateX(-50%) rotate(35deg)}50%{transform:translateX(-50%) rotate(49deg)}}@keyframes glow-breathe{0%,100%{opacity:.7;transform:translateX(-50%) scale(.95)}50%{opacity:1;transform:translateX(-50%) scale(1.06)}}@keyframes shadow-breathe{0%,100%{opacity:.8;transform:translateX(-50%) scale(1)}50%{opacity:.45;transform:translateX(-50%) scale(.88)}}@keyframes live-pulse{50%{box-shadow:0 0 0 7px #8d1bf408}}@keyframes ecosystem-flow{50%{background-position:100% 50%}}@keyframes title-glow{50%{background-position:100% 50%}}@keyframes brand-bob{0%,100%{transform:scale(1.25) translateY(0)}50%{transform:scale(1.25) translateY(-4px)}}
@media(max-width:1280px){.hero{grid-template-columns:48% 52%;height:540px;padding-right:5px}.hero h1{font-size:40px;width:490px}.hero-copy>p{font-size:16px}.tour-stage{height:530px}.tour-float{padding:10px 12px;gap:8px}.tour-float strong{font-size:15px}.tour-float small{font-size:6px;letter-spacing:.6px}.tour-float img{width:31px;height:31px}.tour-float .icon{width:28px;height:28px}.float-calc{left:-3%;top:100px}.float-budget{right:-2%;top:230px}.float-jobs{left:0;bottom:105px}.tour-orbit{width:370px}.orbit-two{width:310px}}
@media(max-width:1000px){.hero{grid-template-columns:1fr;height:auto;padding:20px 10px 0}.hero-copy{padding-bottom:0}.hero h1{font-size:46px;width:auto}.hero-copy>p{font-size:19px;max-width:600px}.tour-stage{height:540px;margin:32px auto 12px;width:100%;max-width:600px}.float-calc{left:2%;top:110px}.float-budget{right:1%;top:220px}.float-jobs{left:6%;bottom:110px}.tour-float{padding:12px 16px}.tour-float strong{font-size:17px}.tour-float small{font-size:7px}.tour-controls{bottom:3px}}
@media(max-width:600px){.hero{padding:12px 4px 0}.hero h1{font-size:34px;width:auto}.hero-copy>p{font-size:15px}.hero-actions{margin-top:22px}.tour-stage{height:530px;margin-top:27px;margin-bottom:9px;overflow:clip;overflow-clip-margin:8px}.tour-device{top:41px;width:222px;height:419px}.tour-eyebrow{font-size:9px;top:4px}.tour-float{border-radius:11px;gap:5px;padding:8px 9px;backdrop-filter:blur(12px);background:#fffffff0}.tour-float small{display:none}.tour-float strong{font-size:12px;letter-spacing:-.4px}.tour-float img{width:25px;height:25px}.tour-float .icon{width:22px;height:25px}.float-calc{left:0;top:111px}.float-budget{right:0;top:252px}.float-jobs{left:0;bottom:99px}.tour-orbit{width:320px;height:280px;top:100px}.orbit-two{width:275px;height:365px;top:52px}.tour-glow{width:330px;height:360px}.tour-controls{width:100%;gap:9px;padding:7px 9px;bottom:0}.tour-readout>span{font-size:7px;letter-spacing:1px}.tour-readout strong{font-size:11px}.tour-chapters button{width:26px}.tour-shadow{bottom:68px;width:205px}.join>img{animation-name:label-float}}
@media(max-width:359px){.hero h1{font-size:30px}.tour-float strong{font-size:10px}.tour-float{padding:6px}.tour-float img{width:20px}.tour-controls{gap:7px;padding-inline:7px}.tour-chapters button{width:24px}.tour-readout strong{font-size:10px}.tour-readout>span{font-size:6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.hero-copy>*{opacity:1;transform:none}.hero h1 em{color:#ff6815;background:none}.tour-device{transform:translateX(-50%) rotate(0)}.motion-reveal{opacity:1}.feature:hover .feature-art{transform:none}}

.tour-idle .tour-device,.tour-idle .tour-float,.tour-idle .tour-orbit,.tour-idle .tour-glow,.tour-idle .tour-shadow{animation-play-state:paused}@media(max-width:600px){.hero-copy>p{width:auto;max-width:100%}}