/* RentKod's own blue app icons drive this visual system. */
:root{--navy:#061338;--navy-2:#0b2362;--blue:#0d5cff;--electric:#00c9ff;--ice:#eaf3ff;--ink:#101e42;--muted:#526483}
body{background:#f5f8ff}
.site-header{background:linear-gradient(180deg,#061338d9,transparent)}
.nav{height:88px}
.brand-icon{width:53px;height:53px;padding:3px;border-radius:18px;background:#ffffff12;border-color:#a8d7ff6b;box-shadow:0 0 24px #09a9ff35}
.brand-icon img{width:100%;height:100%;border-radius:14px;object-fit:cover;filter:none}
.brand>span:last-child>span{color:#7bd9ff}
.nav-cta{background:linear-gradient(120deg,#175ce6,#159add);border-color:#81d5ff6b;box-shadow:0 10px 28px #034ba055}
.hero{min-height:790px;background:radial-gradient(ellipse at 70% 43%,#154ba3 0,#0a276a 30%,#071744 62%,#040c24 100%)}
.hero::before{content:"";position:absolute;inset:-40% -15%;pointer-events:none;background:conic-gradient(from 70deg at 65% 55%,transparent 0 22%,#0bc3ff14 28%,transparent 35% 65%,#3675ff18 72%,transparent 82%);animation:sky-spin 28s linear infinite}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,#ffffff09 44%,transparent 50%);background-size:240% 100%;animation:sky-sheen 10s ease-in-out infinite}
.hero-grid{opacity:.72;background-size:70px 70px;mask-image:radial-gradient(ellipse at 70% 50%,#000,transparent 74%)}
.hero-inner{grid-template-columns:1fr 1fr;gap:10px;min-height:790px;padding-top:104px}
.hero-copy{position:relative;z-index:3}
.eyebrow{color:#b5e9ff;letter-spacing:.17em}
.hero h1{font-size:clamp(66px,6.7vw,105px);line-height:.96;letter-spacing:-.078em;margin:30px 0 28px;max-width:710px;text-wrap:balance}
.hero h1 em{display:inline-block;color:transparent;background:linear-gradient(100deg,#fff 5%,#7ad9ff 28%,#dff8ff 47%,#48abff 66%,#fff 92%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;animation:title-glint 6s ease-in-out infinite}
.hero-copy>p{max-width:535px;color:#d5e8ff;font-size:18px;line-height:1.7}
.button{border-radius:100px;min-height:55px;padding:15px 25px}
.button-primary{background:linear-gradient(110deg,#fff,#a6e7ff);color:#062457;box-shadow:0 16px 40px #00a7ff44}
.button-primary:hover{box-shadow:0 20px 55px #00b6ff80}
.button-ghost{border-color:#89c9ff91;background:#153b7b5c}
.hero-proof{color:#b5d3f5;margin-top:44px}
.hero-proof b{font-size:19px;color:#53d6ff}
.motion-toggle{margin-top:20px;padding:9px 14px;border:1px solid #9bdbff9e;border-radius:100px;background:#1672ce6b;color:#e7f8ff;font-size:12px;font-weight:750;letter-spacing:.03em}
.motion-toggle:hover{background:#2389e8}.motion-toggle[hidden]{display:none}
.hero-art{height:645px;isolation:isolate;--shift-x:0px;--shift-y:0px}
.hero-art::before{content:"";position:absolute;width:590px;height:590px;border-radius:50%;background:radial-gradient(circle,#44bcff50 0,#2579ff28 32%,transparent 70%);filter:blur(12px);animation:aura-breathe 5s ease-in-out infinite}
.hero-beam{position:absolute;z-index:-1;width:950px;height:170px;left:50%;top:50%;transform-origin:center;background:linear-gradient(90deg,transparent,#29c7ff07 20%,#c9f5ff36 49%,#2072ff08 70%,transparent);filter:blur(16px);pointer-events:none}
.hero-beam-a{animation:beam-sweep-a 11s ease-in-out infinite}
.hero-beam-b{animation:beam-sweep-b 13s ease-in-out infinite}
.orbit{border-color:#a8dfff69;box-shadow:0 0 40px #2c9aff17,inset 0 0 40px #40bcff12}
.orbit-two{border-color:#75c8ff43}.orbit-three{border-color:#7cc8ff8a}
.orbit-label{border-color:#8cceff91;background:#103579e8;box-shadow:0 12px 35px #0008,0 0 20px #288bff24}
.orbit-label-a{top:79px;right:-2px}.orbit-label-b{bottom:122px;left:-32px}
.hero-logo-shell{width:360px;height:360px;background:radial-gradient(circle,#1a69c0cc,#0a2d78 64%,transparent 78%);border:1px solid #bbecff84;box-shadow:0 0 0 16px #1e8dff12,0 0 100px #248dff66,0 36px 75px #010923b3;transform:translate(var(--shift-x),var(--shift-y));animation:icon-hover 5.5s ease-in-out infinite}
.hero-logo-shell::before{content:"";position:absolute;inset:-15px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 20%,#a5f4ff 25%,transparent 32% 69%,#498cff 76%,transparent 82%);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));animation:sky-spin 7s linear infinite}
.hero-logo-halo{inset:7px;border:1px solid #b5ecff80;box-shadow:inset 0 0 75px #077bff4d,0 0 55px #38c7ff4d}
.hero-logo-shine{position:absolute;z-index:2;inset:8px;border-radius:50%;overflow:hidden;pointer-events:none}
.hero-logo-shine::after{content:"";position:absolute;width:50%;height:160%;top:-30%;left:-90%;transform:rotate(27deg);background:linear-gradient(90deg,transparent,#ffffff69,transparent);animation:logo-flash 6s ease-in-out infinite}
.hero-logo{width:100%;height:100%;border-radius:50%;object-fit:cover;filter:drop-shadow(0 14px 25px #00164288)}
.hero-admin-chip{position:absolute;z-index:5;right:-15px;bottom:74px;display:flex;align-items:center;gap:10px;padding:9px 18px 9px 9px;border:1px solid #b8e8ff9c;border-radius:22px;background:#082e75e8;box-shadow:0 18px 46px #001435ad,0 0 25px #1d8bff40;backdrop-filter:blur(16px);animation:chip-float 6s ease-in-out infinite}
.hero-admin-chip img{width:59px;height:59px;border-radius:16px;object-fit:cover;box-shadow:0 6px 18px #001a55}
.hero-admin-chip span{font-size:12px;color:#d4eaff;line-height:1.3}.hero-admin-chip strong,.hero-admin-chip small{display:block}.hero-admin-chip strong{font-size:16px;color:#fff}.hero-admin-chip small{font-size:9px;color:#add8ff;margin-top:2px}
.hero-art-caption{bottom:12px;color:#c5e9ff}
.ticker{background:linear-gradient(90deg,#0d45c3,#0879df,#0d45c3);box-shadow:0 10px 35px #0a4ba333}
.ticker-track i{color:#7be4ff}
.ecosystem{background:radial-gradient(circle at 80% 0,#deeeff 0,#f7fbff 42%,#fff 85%)}
.section-heading h2,.manifesto h2{letter-spacing:-.07em}
.app-card{border-color:#cfe1fb;box-shadow:0 24px 70px #134caa13}
.app-card:hover{transform:translateY(-9px) rotate(-.5deg);box-shadow:0 34px 80px #1b63d333}
.app-icon-wrap{height:320px;background:radial-gradient(circle at 50% 55%,#2377fc 0,#0c48b6 35%,#071d56 80%)}
.customer-card .app-icon-wrap{background:radial-gradient(circle at 50% 55%,#2aaaff 0,#0f5ce9 35%,#071f66 80%)}
.app-icon-wrap::before{width:245px;height:245px;border-color:#a8e9ffb3;box-shadow:0 0 0 32px #4bb9ff10,0 0 0 64px #4bb9ff0d,0 0 60px #54c5ff55}
.app-icon-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 23%,#ffffff22 48%,transparent 62%);background-size:250% 100%;animation:sky-sheen 7s ease-in-out infinite}
.app-icon-wrap img{width:220px;height:220px;border-radius:50%;object-fit:cover;box-shadow:0 22px 42px #001c6e88;animation:icon-hover 5s ease-in-out infinite}
.customer-card .app-icon-wrap img{animation-delay:-2s}
.platform-tag{color:#d8f4ff}
.manifesto{background:linear-gradient(120deg,#071844,#0d3e9c 62%,#0a6bd0);color:#fff}
.manifesto::before{background:#1987ff88;filter:blur(70px)}
.manifesto h2 span{color:#86dbff}.manifesto p{color:#d1e6ff}
.manifesto .kicker{color:#83d9ff}
.manifesto-mark{width:340px;height:320px;background:transparent;box-shadow:none;transform:none!important;font-size:initial;letter-spacing:normal;display:block}
.manifesto-mark::after{display:none}
.manifesto-mark img{position:absolute;width:205px;height:205px;border-radius:50%;object-fit:cover;box-shadow:0 22px 45px #0007,0 0 30px #48b9ff66;animation:icon-hover 5.5s ease-in-out infinite}
.manifesto-mark img:first-child{left:0;top:12px;transform:rotate(-11deg)}
.manifesto-mark img:nth-child(2){right:0;bottom:10px;animation-delay:-2.5s}
.manifesto-mark span{top:auto;right:19px;bottom:-13px;padding:8px 12px;border:1px solid #b4e7ff70;border-radius:100px;background:#07367bcf;color:#d8f4ff;font-size:10px;letter-spacing:.17em;white-space:nowrap;animation:none}
.feature{background:#f2f7ff;border-color:#d8e6fa}.feature:hover{background:#e8f3ff;box-shadow:0 18px 38px #1a69cb18}
.cta-inner{background:radial-gradient(circle at 85% 0,#53c6ff 0,#227ce6 40%,#0d3f9e 100%)}
.cta-shine{animation:sky-spin 18s linear infinite}
.footer .brand-icon{width:45px;height:45px}
@keyframes sky-spin{to{transform:rotate(360deg)}}
@keyframes sky-sheen{0%,25%{background-position:120% 0}65%,100%{background-position:-120% 0}}
@keyframes title-glint{0%,25%{background-position:100% 0}70%,100%{background-position:0 0}}
@keyframes aura-breathe{50%{opacity:.48;transform:scale(1.13)}}
@keyframes beam-sweep-a{0%,100%{transform:translate(-50%,-50%) rotate(-24deg) scaleX(.65);opacity:.25}50%{transform:translate(-50%,-50%) rotate(-9deg) scaleX(1.15);opacity:1}}
@keyframes beam-sweep-b{0%,100%{transform:translate(-50%,-50%) rotate(28deg) scaleX(1.1);opacity:.65}50%{transform:translate(-50%,-50%) rotate(13deg) scaleX(.7);opacity:.2}}
@keyframes icon-hover{50%{transform:translate(var(--shift-x),calc(var(--shift-y) - 16px))}}
@keyframes chip-float{50%{transform:translateY(12px)}}
@keyframes logo-flash{0%,45%{left:-90%}72%,100%{left:140%}}
@media(max-width:1050px){.hero h1{font-size:clamp(60px,6vw,80px)}.hero-art{height:560px}.hero-logo-shell{width:310px;height:310px}.hero-admin-chip{right:-8px;bottom:45px}.manifesto-mark{width:300px}}
@media(max-width:760px){.nav{height:76px}.brand-icon{width:46px;height:46px}.hero-inner{padding-top:130px;min-height:0}.hero h1{font-size:clamp(56px,10.5vw,78px);line-height:1;max-width:560px}.hero-copy>p{font-size:16px}.hero-art{height:460px}.hero-logo-shell{width:270px;height:270px}.hero-admin-chip{right:0;bottom:56px;transform:scale(.9);transform-origin:right bottom}.orbit-label-a{right:0;top:25px}.orbit-label-b{left:0;bottom:105px}.app-icon-wrap{height:275px}.app-icon-wrap img{width:205px;height:205px}.manifesto-mark{width:300px;height:280px;margin:0 auto}.manifesto-mark img{width:185px;height:185px}}
@media(max-width:460px){.hero h1{font-size:clamp(49px,12vw,58px)}.hero-proof{gap:9px;font-size:8px}.hero-art{height:390px}.hero-logo-shell{width:235px;height:235px}.hero-admin-chip{right:-2px;bottom:42px;padding:6px 10px 6px 6px}.hero-admin-chip img{width:46px;height:46px}.hero-admin-chip strong{font-size:13px}.hero-admin-chip small{font-size:8px}.orbit-label{font-size:9px;padding:8px 10px}.orbit-label-a{top:9px}.orbit-label-b{bottom:80px}.hero-art-caption{font-size:8px}.app-icon-wrap{height:245px}.app-icon-wrap img{width:175px;height:175px}.manifesto-mark{width:270px;height:255px}.manifesto-mark img{width:165px;height:165px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-on) .hero::before,html:not(.motion-on) .hero::after,html:not(.motion-on) .hero-logo-shell,html:not(.motion-on) .hero-logo-shell::before,html:not(.motion-on) .hero-logo-shine::after,html:not(.motion-on) .hero-beam,html:not(.motion-on) .hero-art::before,html:not(.motion-on) .hero-admin-chip,html:not(.motion-on) .app-icon-wrap::after,html:not(.motion-on) .app-icon-wrap img,html:not(.motion-on) .manifesto-mark img,html:not(.motion-on) .cta-shine,html:not(.motion-on) .hero h1 em{animation:none!important}html:not(.motion-on) .hero h1 em{background-position:50% 0}html:not(.motion-on) .hero-logo-shell,html:not(.motion-on) .hero-admin-chip{transform:none}}