@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/r2-home/assets/signika-300.ttf) format('truetype');
}
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/r2-home/assets/signika-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/r2-home/assets/signika-500.ttf) format('truetype');
}
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/r2-home/assets/signika-600.ttf) format('truetype');
}
@font-face {
  font-family: 'Signika';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/r2-home/assets/signika-700.ttf) format('truetype');
}


:root{font-family:Signika,"Segoe UI",sans-serif;color:#0a193e;background:#f2f7fd;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 77% 0%,#d7eaff80,transparent 52%),linear-gradient(154deg,#f8fbff 8%,#eaf3ff 50%,#f9fcff 95%);min-height:100vh}a{color:#0066ea;text-decoration:none}a:focus-visible{outline:3px solid #043d92;outline-offset:5px}a:hover{text-decoration:underline}.shell{max-width:1560px;padding:28px 40px 30px;margin:auto}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.logo{display:block;width:224px;height:auto;image-rendering:auto}.login{font-size:18px}.login span{margin-left:6px}.intro{display:flex;align-items:center;justify-content:space-between;gap:32px;margin:0 16px 28px}h1{font-size:clamp(36px,4.4vw,68px);line-height:1.06;letter-spacing:-.035em;margin:0 0 8px;font-weight:650}h1 span{color:#0874f9}.intro p{font-size:clamp(18px,2vw,27px);margin:0;color:#506685;font-weight:350}.intro .aside{font-size:14px;line-height:1.65;letter-spacing:.13em;text-transform:uppercase;color:#6987ac;flex-shrink:0;font-weight:500}.products{display:grid;grid-template-columns:1fr 1fr;gap:22px}.card{min-width:0;background:#fff;border:1px solid #d9e7f6;border-radius:17px;overflow:hidden;box-shadow:0 8px 25px #4682b90c}.stage{display:block;position:relative;overflow:hidden;aspect-ratio:1.43;background:radial-gradient(ellipse at 30% 0%,#edf9ffb3,transparent 60%),linear-gradient(145deg,#c5dff5,#7facd9 62%,#dceeff);border-radius:15px;isolation:isolate}.stage:after{content:"";position:absolute;inset:0;background:linear-gradient(155deg,transparent 65%,#edf9ff88 67%,transparent 70%);pointer-events:none;z-index:-1}.window{position:absolute;border-radius:9px;overflow:hidden;background:#f7f9fc;border:1px solid #d1def0;box-shadow:0 18px 24px #1c416845,0 2px 4px #15335138;transition:transform .4s}.window img{display:block;width:100%;height:auto}.plan{width:100%;left:21%;top:13%;transform:perspective(1000px) rotateY(-11deg) rotateZ(-2deg);transform-origin:left center}.dashboard{width:86%;left:2%;top:21%;transform:perspective(1000px) rotateY(10deg) rotateZ(2deg);filter:brightness(.99)}.app-icon{position:absolute;width:21%;height:auto;left:5%;bottom:7%;filter:drop-shadow(0 14px 10px #16478155);transform:perspective(800px) rotateY(-16deg) rotateZ(-4deg);transition:transform .4s}.startup-stage:hover .plan{transform:perspective(1000px) rotateY(-8deg) rotateZ(-1deg) translateY(-4px)}.startup-stage:hover .app-icon{transform:perspective(800px) rotateY(-8deg) rotateZ(-2deg) translateY(-5px)}.xion-stage{background:radial-gradient(ellipse at 0% 100%,#f6fcffb0,transparent 62%),linear-gradient(135deg,#c1def7,#79a5cf 70%,#d1e9ff)}.player-part{position:absolute;overflow:hidden;filter:drop-shadow(0 12px 10px #173e6855);border-radius:9px;transition:transform .4s}.player-part img{position:absolute;width:100%;height:auto;display:block}.playlist{width:46%;aspect-ratio:377/256;right:3%;top:9%;transform:perspective(900px) rotateY(-12deg) rotateZ(3deg)}.playlist img{top:-138%}.equalizer{width:56%;aspect-ratio:377/203;left:23%;top:24%;transform:perspective(900px) rotateY(-9deg) rotateZ(4deg)}.equalizer img{top:-75.4%}.player{width:81%;aspect-ratio:377/154;left:4%;top:49%;transform:perspective(900px) rotateY(9deg) rotateZ(6deg)}.player img{top:0}.xion-stage:hover .player{transform:perspective(900px) rotateY(5deg) rotateZ(4deg) translateY(-5px)}.details{padding:24px 30px 26px}.eyebrow{font-size:14px;text-transform:uppercase;letter-spacing:.065em;color:#607c9f;margin:0 0 7px;font-weight:550}h2{font-size:clamp(27px,2.7vw,41px);line-height:1.13;letter-spacing:-.025em;margin:0 0 8px;font-weight:650}.description{font-size:20px;color:#526585;margin:0 0 20px;font-weight:350}.actions{display:flex;align-items:center;gap:22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;background:#0873f9;color:white;border-radius:7px;padding:12px 20px;font-size:18px;box-shadow:0 3px 5px #0061d315;transition:background .2s,transform .2s;white-space:nowrap}.button:hover{background:#005bd9;text-decoration:none;transform:translateY(-2px)}.domain{border-left:1px solid #cad9eb;padding-left:20px;color:#637e9e;font-size:16px}.account{margin-top:20px;display:flex;align-items:center;gap:22px;border:1px solid #d8e6f6;border-radius:13px;background:#ffffffbc;padding:17px 25px}.account strong{font-size:16px;font-weight:550}.account p{margin:2px 0 0;font-size:15px;color:#667f9e}.account>a{margin-left:auto;font-size:17px;white-space:nowrap}.account>a span{margin-left:7px}.skip{position:fixed;top:-100px;left:12px;padding:12px;background:#fff;z-index:10}.skip:focus{top:10px}
@media(min-width:1600px){.shell{padding-top:40px}.header{margin-bottom:42px}.intro{margin-bottom:34px}}
@media(max-width:1180px){.shell{padding:24px}.intro{margin-left:4px;margin-right:4px}.intro .aside{display:none}.details{padding:22px}.actions{gap:14px;flex-wrap:wrap}.domain{border:0;padding:0}.description{font-size:18px}.button{font-size:17px}.stage{aspect-ratio:1.3}}
@media(max-width:740px){.shell{padding:22px 16px}.header{margin-bottom:35px}.logo{width:178px}.login{font-size:15px}.intro{margin-bottom:24px}.intro h1{font-size:clamp(36px,7.5vw,54px);max-width:600px}.intro h1 span{display:block}.intro p{margin-top:12px;font-size:20px;line-height:1.4;max-width:490px}.products{grid-template-columns:1fr;gap:22px}.stage{aspect-ratio:1.35}.details{padding:23px}.details h2{font-size:34px}.actions{gap:16px}.account{padding:20px;gap:13px;flex-wrap:wrap}.account svg{width:25px}.account>a{margin:6px 0 0 38px}.account p{font-size:14px}.domain{font-size:15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

@media(max-width:380px){.logo{width:145px}.login{font-size:14px}.details{padding:20px}.button{font-size:16px;padding:12px 16px}.account svg{display:none}.account>a{margin-left:0}}
.stage{aspect-ratio:3/2}.stage:after{display:none}.product-render{display:block;width:100%;height:100%;object-fit:contain;transition:filter .25s}.stage:hover .product-render{filter:brightness(1.025)}