.hero{background-color:#080a0b;background-image:linear-gradient(90deg,#080a0b 0%,#080a0bdb 32%,#080a0b38 59%,transparent 80%),url('/assets/images/hero-basalt-stage.webp');background-position:center,bottom right;background-size:cover,cover;background-repeat:no-repeat}.hero:after{width:70%;height:300px;right:-15%;bottom:-180px;border-color:#ff713880;box-shadow:0 -5px 30px #ff71382a}.hero-inner{grid-template-columns:45% 55%;min-height:740px}.hero-copy{padding:60px 0 75px}.hero h1{font-size:clamp(42px,4.1vw,61px);line-height:1.08;letter-spacing:-2.5px}.hero h1>.orange{display:block;white-space:nowrap;font-size:clamp(34px,3.4vw,50px);letter-spacing:-2px}.hero-tagline{font-size:16px;max-width:500px}.hero-description{max-width:390px}.hero .showcase{height:640px;margin-right:-40px;perspective:1300px}.hero .device-group{left:25px;right:30px;top:140px;transform:rotate(-8deg) rotateY(-13deg)}.hero .laptop{border-color:#a4a3a1;box-shadow:0 24px 70px #0009,2px 0 15px #ff713825}.hero .laptop-base{width:126%;margin-left:-13%;height:82px;clip-path:polygon(10% 0,90% 0,100% 88%,98% 100%,2% 100%,0 88%);background:linear-gradient(167deg,#64696c 0%,#343a3e 10%,#171d21 48%,#777d7f 78%,#20272a 90%,#080d0f 98%);border-radius:0 0 8% 8%}.hero .laptop-base:before{content:'';position:absolute;left:17%;right:17%;height:42%;top:4%;background:repeating-linear-gradient(0deg,transparent 0 5px,#7e888657 5px 6px),repeating-linear-gradient(90deg,#111719 0 17px,#747c7f7d 18px 19px);transform:perspective(160px) rotateX(25deg);border:1px solid #7f888659;border-radius:3px}.hero .laptop-base:after{position:absolute;left:39%;top:52%;width:23%;height:27%;border:1px solid #abb2b14d;border-radius:3px;background:#51585c50}.hero .phone{top:330px;right:3px;width:135px;height:276px;transform:rotate(6deg);box-shadow:-12px 12px 45px #000b,3px 3px 20px #ff713818}.hero .growth-panel{top:62px;left:2px;width:145px;padding:14px;transform:rotate(-11deg);border-color:#ff713836}.hero .code-panel{top:45px;right:75px;transform:rotate(-10deg);width:250px;border-color:#ff713855}.hero .floating-panel{z-index:0}.hero .device-group{z-index:2}.hero .phone{z-index:3}.hero .device-controls{bottom:14px;left:18px;right:15px;background:#080c0dba;border:1px solid #ffffff10;padding:6px 10px;border-radius:7px;backdrop-filter:blur(10px);z-index:5}.hero .showcase-note{bottom:80px;left:19px;color:#a3a8a4;z-index:4;font-size:8px}.hero-services-panel{position:absolute;right:-30px;top:104px;z-index:1;width:170px;border:1px solid #ff713843;border-radius:8px;padding:16px;background:linear-gradient(130deg,#1d1f1fd9,#0b1011e8);transform:rotate(-6deg);box-shadow:0 15px 30px #0006}.hero-services-panel span{display:block;font-size:9px;line-height:2.5;color:#d0d2cf}.hero-services-panel b{color:var(--accent);font-weight:500;font-size:13px;margin-right:6px}.hero-light-trail{position:absolute;inset:30px -20px 0 30px;pointer-events:none;z-index:0;border-right:1px solid #ff713867;border-bottom:1px solid #ff713877;border-radius:12px;transform:rotate(-10deg);box-shadow:13px 16px 35px #ff713810}.hero-scroll-hint{position:absolute;right:-28px;bottom:100px;font-size:8px;color:#bbc1bd;max-width:90px;transform:rotate(-8deg);line-height:1.7;z-index:3}.hero-scroll-hint span{display:block;font-size:35px;color:#eee;text-align:center;margin-top:9px}.hero .showcase.mobile-view .device-group{transform:translateX(-20px) rotate(-8deg) scale(.84)}.hero .showcase.mobile-view .phone{transform:translate(-125px,-60px) rotate(0) scale(1.24)}@media(max-width:1200px){.hero .showcase{margin-right:-10px}.hero-inner{grid-template-columns:46% 54%;min-height:680px}.hero .showcase{height:590px}.hero h1{font-size:48px}.hero h1>.orange{font-size:38px}.hero .device-group{left:13px;right:16px;top:155px}.hero .phone{width:115px;height:235px;top:330px;right:0}.hero-services-panel{width:145px;right:-10px;top:90px;padding:12px}.hero-services-panel span{font-size:8px}.hero .code-panel{right:62px;width:210px;top:65px}.hero .growth-panel{left:0;top:90px;width:117px}.hero-scroll-hint{right:0;bottom:87px;max-width:70px;font-size:7px}.hero .device-controls{left:0;right:0}.hero .showcase-note{left:0;bottom:77px}}@media(max-width:800px){.hero{background-image:linear-gradient(180deg,#080a0b 0%,#080a0bc9 40%,#080a0b00 70%),url('/assets/images/hero-basalt-stage.webp');background-size:cover,auto 70%;background-position:center,right bottom}.hero-inner{grid-template-columns:1fr}.hero-copy{padding:45px 0 0}.hero h1{font-size:52px;max-width:650px}.hero h1>.orange{font-size:45px}.hero-tagline{font-size:16px;max-width:600px}.hero-description{max-width:550px}.hero .showcase{width:min(610px,100%);height:590px;margin:0 auto}.hero .device-group{top:137px;left:20px;right:24px}.hero .phone{width:124px;height:253px;top:288px;right:7px}.hero .growth-panel{left:9px;top:60px;width:133px}.hero .code-panel{top:48px;right:73px;width:235px}.hero-services-panel{top:68px;right:0;width:150px}.hero-scroll-hint{right:2px;bottom:80px}.hero .device-controls{bottom:14px;left:0;right:0}.hero .showcase-note{bottom:78px}.hero .laptop-base{height:77px}.hero-light-trail{inset:50px 0 38px 20px}}@media(max-width:520px){.hero{padding-bottom:15px;background-size:cover,auto 53%}.hero-copy{padding-top:37px}.hero h1{font-size:41px;letter-spacing:-1.8px}.hero h1>.orange{font-size:clamp(24px,7.5vw,37px);letter-spacing:-1.4px}.hero-tagline{font-size:14px;line-height:1.65;max-width:340px;margin-top:20px}.hero-description{font-size:13px}.hero .showcase{height:405px;margin-top:15px}.hero .device-group{top:110px;left:4px;right:15px}.hero .laptop-base{height:49px}.hero .laptop-base:before{background:repeating-linear-gradient(0deg,transparent 0 3px,#7e888657 3px 4px),repeating-linear-gradient(90deg,#111719 0 10px,#747c7f7d 10px 11px)}.hero .phone{width:86px;height:177px;top:201px;right:-2px}.hero .growth-panel{top:35px;left:3px;width:102px;padding:10px}.hero .code-panel{top:28px;right:28px;width:177px;padding:10px}.hero-services-panel{display:none}.hero .device-controls{bottom:0;padding:4px 6px;gap:4px}.hero .showcase-note{bottom:56px;font-size:7px}.hero-scroll-hint{display:none}.hero .showcase.mobile-view .phone{transform:translate(-75px,-35px) rotate(0) scale(1.22)}.hero-light-trail{inset:30px -8px 25px 15px}}