.rental-body { background:#090b11; }
.rental-wrap { width:min(1180px,88.2vw); margin:0 auto; }
.rental-hero { position:relative; min-height:720px; overflow:hidden; display:flex; align-items:center; background:radial-gradient(circle at 78% 47%,#203f99 0,rgba(20,42,100,.57) 18%,transparent 43%),linear-gradient(118deg,#090b11 23%,#0c1220 74%,#071229); }
.rental-hero::before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,#090b11 7%,rgba(9,11,17,.62) 42%,transparent 76%); }
.rental-hero-grid { position:relative; display:grid; grid-template-columns:1fr .9fr; align-items:center; gap:60px; padding:134px 0 75px; }
.rental-hero-copy { position:relative; z-index:2; max-width:640px; }.rental-hero-copy h1,.rental-heading h2,.rental-intro h2,.rental-request h2 { margin:19px 0; font:600 clamp(40px,5.1vw,77px)/1.06 Unbounded,sans-serif; letter-spacing:-.095em; }.rental-hero-copy h1 i,.rental-heading h2 i,.rental-intro h2 i,.rental-request h2 i { color:#79a0ff; font-style:normal; }.rental-hero-copy > p:not(.eyebrow) { max-width:530px; color:#b5bfd1; font-size:15px; line-height:1.78; }.rental-hero-actions { display:flex; gap:24px; align-items:center; margin-top:35px; }.rental-link { color:#cad8ff; font-size:11px; font-weight:800; }.rental-link span { margin-left:8px; color:#76a0ff; font-size:15px; }.rental-promise { display:flex; gap:17px; max-width:430px; padding-top:52px; }.rental-promise span { color:#83a6ff; font:600 16px Unbounded,sans-serif; }.rental-promise p { margin:0; color:#8f9aac; font-size:11px; line-height:1.65; }
.rental-hero-visual { position:relative; min-height:520px; z-index:1; display:grid; place-items:center; }.rental-hero-visual img { position:relative; z-index:2; width:min(93%,510px); max-height:535px; object-fit:contain; filter:drop-shadow(0 30px 35px rgba(0,0,0,.48)); animation:rental-float 7s ease-in-out infinite; }.rental-ring { position:absolute; border:1px solid rgba(135,168,255,.25); border-radius:50%; box-shadow:inset 0 0 42px rgba(73,123,255,.14),0 0 44px rgba(45,91,225,.12); }.ring-one { width:435px; height:435px; }.ring-two { width:560px; height:560px; transform:rotate(37deg); border-radius:44% 56% 55% 45%; }.rental-visual-card { position:absolute; z-index:3; bottom:48px; right:4px; width:164px; padding:16px; border:1px solid rgba(169,193,255,.3); background:rgba(11,19,38,.72); backdrop-filter:blur(9px); }.rental-visual-card span { display:block; color:#8caaff; font-size:8px; font-weight:800; letter-spacing:.12em; }.rental-visual-card b { display:block; margin-top:8px; font-size:11px; line-height:1.35; }
.rental-intro { padding:132px 0; background:#10141d; }.rental-intro-grid { display:grid; grid-template-columns:.75fr 1.3fr .75fr; gap:45px; align-items:end; }.rental-intro h2 { margin:0; font-size:clamp(32px,3.9vw,58px); }.rental-intro p:last-child { margin:0 0 4px; color:#a4afc2; font-size:13px; line-height:1.75; }
.rental-park { padding:127px 0; }.rental-heading { display:flex; justify-content:space-between; align-items:end; gap:45px; margin-bottom:48px; }.rental-heading h2 { margin:14px 0 0; font-size:clamp(32px,4.1vw,62px); }.rental-heading > p { max-width:295px; margin:0 5.5% 8px 0; color:#929daf; font-size:12px; line-height:1.7; }.rental-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.rental-robot { min-width:0; overflow:hidden; background:#131824; border:1px solid rgba(255,255,255,.08); transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease; }.rental-robot:hover { transform:translateY(-7px); border-color:rgba(111,149,255,.53); box-shadow:0 22px 42px rgba(0,0,0,.3); }.rental-art { position:relative; height:255px; overflow:hidden; display:grid; place-items:center; }.rental-art::after { content:""; position:absolute; width:205px; height:205px; border:1px solid rgba(255,255,255,.16); border-radius:50%; }.rental-art img { position:relative; z-index:1; width:88%; height:92%; object-fit:contain; padding:15px; filter:drop-shadow(0 18px 15px rgba(0,0,0,.46)); transition:transform .4s ease; }.rental-robot:hover .rental-art img { transform:scale(1.06) translateY(-3px); }.rental-art span { position:absolute; z-index:2; top:16px; left:17px; color:#cbd8ff; font-size:8px; font-weight:800; letter-spacing:.12em; }.rental-art.humanoid { background:radial-gradient(circle at 50% 44%,#5b6f9d,#202836 49%,#11151e 76%); }.rental-art.dog { background:radial-gradient(circle at 50% 45%,#284b9d,#151f3a 48%,#0e121c 75%); }.rental-art.service { background:radial-gradient(circle at 52% 42%,#4b586d,#1c2430 49%,#0e121a 75%); }.rental-robot > div:last-child { padding:22px 21px 20px; }.rental-robot > div:last-child > p:first-child { margin:0 0 8px; color:#91a6df; font-size:9px; font-weight:700; }.rental-robot h3 { margin:0; font:600 18px/1.3 Unbounded,sans-serif; letter-spacing:-.07em; }.rental-card-copy { min-height:60px; margin:15px 0 20px; color:#9ca7ba; font-size:11px; line-height:1.65; }.rental-actions { display:flex; align-items:center; justify-content:space-between; gap:15px; border-top:1px solid rgba(255,255,255,.1); padding-top:15px; }.rental-actions a { color:#a9c0ff; font-size:10px; font-weight:800; }.rental-actions a:last-child { color:#d9dfed; }
.rental-scenarios { padding:120px 0; background:#10141d; }.scenario-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:#323a4b; }.scenario-card { min-height:240px; padding:27px 25px; background:#10141d; transition:background .28s ease,transform .28s ease; }.scenario-card:hover { background:#182441; transform:translateY(-4px); }.scenario-card span { color:#789dff; font:500 13px Unbounded,sans-serif; }.scenario-card h3 { margin:42px 0 13px; font-size:13px; }.scenario-card p { margin:0; color:#97a2b5; font-size:11px; line-height:1.68; }
.rental-process { padding:126px 0; }.process-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(255,255,255,.14); }.process-step { min-height:180px; padding:28px 30px 8px 0; border-right:1px solid rgba(255,255,255,.12); }.process-step:not(:first-child) { padding-left:30px; }.process-step:last-child { border:0; }.process-step b { color:#82a5ff; font:500 15px Unbounded,sans-serif; }.process-step h3 { margin:38px 0 12px; font-size:13px; }.process-step p { max-width:270px; margin:0; color:#98a3b5; font-size:11px; line-height:1.7; }
.rental-request { padding:0 0 110px; }.rental-request-box { display:grid; grid-template-columns:1.1fr .9fr; gap:80px; padding:69px 7%; background:radial-gradient(circle at 94% 12%,#2d62df 0,rgba(36,74,163,.55) 17%,transparent 45%),#151c2a; border:1px solid rgba(145,174,255,.29); }.rental-request h2 { margin:13px 0 16px; font-size:clamp(29px,3.6vw,51px); }.rental-request p:not(.eyebrow) { max-width:500px; color:#aeb9cd; font-size:12px; line-height:1.75; margin-bottom:27px; }.rental-form { display:grid; gap:15px; align-content:start; }.rental-form label { color:#b9c5da; font-size:10px; font-weight:700; }.rental-form input { display:block; width:100%; box-sizing:border-box; margin-top:8px; padding:11px 0; border:0; border-bottom:1px solid #71809d; outline:0; background:transparent; color:white; font-size:12px; }.rental-form input:focus { border-color:#a5bcff; }.rental-submit { margin-top:11px; min-height:49px; border:1px solid rgba(165,191,255,.62); background:transparent; color:white; font-size:11px; font-weight:800; transition:background .2s,color .2s; }.rental-submit:hover { background:#edf2ff; color:#1b356f; }.rental-form > p { margin:0; color:#93a0b6; font-size:10px; }
@keyframes rental-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-11px); } }
@media (max-width:900px) { .rental-hero-grid { grid-template-columns:1fr; padding-top:125px; }.rental-hero { min-height:auto; }.rental-hero-copy { max-width:600px; }.rental-hero-visual { min-height:370px; margin-top:-40px; }.rental-hero-visual img { max-height:420px; }.rental-intro-grid { grid-template-columns:1fr 1.4fr; }.rental-intro-grid > .eyebrow { grid-column:span 2; }.rental-grid { grid-template-columns:repeat(2,1fr); }.scenario-grid { grid-template-columns:repeat(2,1fr); }.rental-request-box { gap:45px; padding:55px 6%; } }
@media (max-width:600px) { .rental-wrap { width:90vw; }.rental-hero-grid { padding-top:100px; gap:20px; }.rental-hero-copy h1 { font-size:43px; }.rental-hero-actions { align-items:flex-start; flex-direction:column; }.rental-hero-visual { min-height:310px; }.rental-hero-visual img { max-height:340px; }.ring-one { width:270px; height:270px; }.ring-two { width:345px; height:345px; }.rental-visual-card { bottom:7px; right:0; transform:scale(.82); transform-origin:bottom right; }.rental-intro { padding:80px 0; }.rental-intro-grid { grid-template-columns:1fr; gap:23px; }.rental-intro-grid > .eyebrow { grid-column:auto; }.rental-heading { display:block; margin-bottom:33px; }.rental-heading > p { margin:20px 0 0; }.rental-park,.rental-process { padding:80px 0; }.rental-grid,.scenario-grid,.process-grid,.rental-request-box { grid-template-columns:1fr; }.rental-card-copy { min-height:auto; }.rental-scenarios { padding:79px 0; }.scenario-card { min-height:190px; }.scenario-card h3 { margin-top:27px; }.process-step,.process-step:not(:first-child) { min-height:auto; padding:25px 0; border-right:0; border-bottom:1px solid rgba(255,255,255,.12); }.process-step h3 { margin-top:25px; }.rental-request { padding-bottom:70px; }.rental-request-box { padding:39px 7%; gap:31px; }.rental-request h2 { font-size:32px; } }
@media (prefers-reduced-motion:reduce) { .rental-hero-visual img { animation:none; }.rental-robot,.rental-robot:hover,.scenario-card,.scenario-card:hover { transform:none; transition:none; } }