@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Vazirmatn,Tahoma,sans-serif}.rio-ref{direction:rtl;color:#111329;background:#f8f8ff}.ref-wrap{max-width:1190px;margin:auto;padding:0 28px}.ref-dark{color:white;background:radial-gradient(ellipse at 82% 28%,#21134c 0%,#080c1c 45%,#060916 80%);padding-bottom:30px;position:relative;overflow:hidden}.ref-dark:before{content:"";position:absolute;width:480px;height:480px;bottom:-340px;left:-200px;border-radius:50%;background:radial-gradient(circle,#8153ff,#24146c 48%,transparent 69%);filter:blur(15px)}.ref-header{height:105px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5;direction:ltr}.ref-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#fff;font:800 29px Arial}.ref-brand img{width:58px;height:58px;object-fit:contain}.ref-brand span{color:#a363ff}.ref-head-actions{display:flex;gap:14px;align-items:center;direction:rtl}.ref-login,.ref-menu{background:linear-gradient(120deg,#9450fa,#4030e5);border:0;color:white;border-radius:16px;padding:13px 22px;text-decoration:none;font:700 14px Vazirmatn,Tahoma}.ref-menu{background:#15192d;border:1px solid #343354;font-size:25px;padding:6px 17px;cursor:pointer}.ref-nav{display:none;position:absolute;top:85px;right:25px;background:#17142d;border:1px solid #57408e;border-radius:16px;padding:18px;min-width:200px;box-shadow:0 20px 40px #0008}.ref-nav.open{display:grid;gap:14px}.ref-nav a{color:white;text-decoration:none}.ref-hero{display:grid;grid-template-columns:46% 54%;min-height:490px;align-items:center;direction:ltr}.ref-hero-copy{direction:rtl;text-align:right;z-index:2}.ref-kicker{direction:ltr;display:inline-block;border:1px solid #4c4d72;border-radius:50px;padding:8px 20px;font:700 12px Arial;letter-spacing:2px;color:#e1e4fa;background:#ffffff0b}.ref-hero h1{font-size:clamp(34px,4.4vw,65px);line-height:1.45;margin:18px 0 12px;font-weight:900}.ref-hero h1 em,.ref-how em{font-style:normal;color:#8951ff}.ref-hero-copy p{font-size:18px;line-height:2;color:#c5c6d9;margin:0 0 20px}.ref-btn{display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:17px;min-height:58px;padding:10px 25px;text-decoration:none;font-size:16px;font-weight:800;max-width:370px;margin:13px 0}.ref-primary{background:linear-gradient(110deg,#a36cff,#5032f5);color:white;box-shadow:0 8px 25px #6739ed65}.ref-outline{border:1px solid #7040df;color:white;background:#080a1b}.ref-hero-art{position:relative;height:490px;display:flex;align-items:center;justify-content:center;isolation:isolate}.ref-earth{position:absolute;width:min(480px,95%);aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse at 32% 26%,#6e51fa66,transparent 38%),radial-gradient(circle at 70% 65%,#5e209f,#101b65 45%,#080d26 73%);box-shadow:inset -30px -25px 70px #000b,inset 12px 12px 30px #8854ff8c,0 0 50px #533bff99;border:2px solid #5840cc88;overflow:hidden}.ref-earth:after{content:"";position:absolute;inset:10%;border-radius:50%;background:repeating-linear-gradient(10deg,transparent 0 31px,#c8aaff19 32px 33px),repeating-linear-gradient(92deg,transparent 0 48px,#c8aaff18 49px 50px)}.ref-continents{position:absolute;inset:0;background:radial-gradient(ellipse at 68% 25%,#e9b6ffb5,transparent 9%),radial-gradient(ellipse at 35% 48%,#aa7aff91,transparent 17%),radial-gradient(ellipse at 64% 65%,#e29dff8c,transparent 19%);filter:blur(8px)}.ref-orbit{position:absolute;width:112%;height:180px;border:11px solid #7d48ff;border-left-color:#b17cff;border-right-color:#4d4dff;border-radius:50%;transform:rotate(-20deg);box-shadow:0 0 25px #7448ff,inset 0 0 16px #8757ff}.ref-biglogo{position:relative;z-index:2;width:68%;max-width:350px;filter:drop-shadow(0 20px 26px #030418)}.ref-online{position:absolute;z-index:3;bottom:7px;right:0;display:flex;align-items:center;gap:10px;border:1px solid #565274;background:#080b1be6;border-radius:16px;padding:10px 15px;font-size:12px}.ref-online i{width:8px;height:8px;background:#20e59d;border-radius:50%}.ref-avatars{font-size:16px}.ref-features{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #6e6c9780;border-radius:23px;background:linear-gradient(135deg,#c5c1f233,#4b4a7d50);backdrop-filter:blur(18px);padding:22px 10px;box-shadow:0 15px 40px #16112b55}.ref-features>div{display:flex;align-items:center;flex-direction:column;gap:6px;text-align:center;border-left:1px solid #a4a0cb55}.ref-features>div:last-child{border:0}.ref-features span{display:grid;place-items:center;width:60px;height:60px;background:linear-gradient(135deg,#7772c855,#443ba9a6);border-radius:18px;color:#e0d5ff;text-shadow:0 0 10px #895aff;font-size:38px}.ref-features b{font-size:15px}.ref-features small{font-size:12px;color:#d7d4e7}.ref-light{background:linear-gradient(#f8f8ff,#fff);padding:22px 0 60px}.ref-plans{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ref-plan{position:relative;min-height:340px;border-radius:25px;padding:26px;overflow:hidden;box-shadow:0 9px 30px #16104716}.ref-plus{background:radial-gradient(circle at 90% 85%,#34209c,#08091c 48%);color:white}.ref-economy{background:linear-gradient(135deg,#fff,#f0efff);color:#17152c}.ref-plan-head{display:flex;align-items:center;gap:16px;position:relative;z-index:2}.ref-plan-icon{font-size:50px;color:#8651ff;text-shadow:0 0 17px #a47bff}.ref-plan-title{font:800 24px Arial,Vazirmatn}.ref-plan-title small{font:700 11px Vazirmatn;display:inline-block;border-radius:20px;padding:8px;background:#6636eb;color:white;margin-right:10px}.ref-economy .ref-plan-title small{background:#e6e0ff;color:#6443d5}.ref-plan-head p{font-size:13px;margin:8px 0;color:#b9b5d6}.ref-economy .ref-plan-head p{color:#77758e}.ref-plan ul{list-style:none;padding:0;margin:20px 0 25px;position:relative;z-index:2}.ref-plan li{margin:11px 0;font-size:14px}.ref-plan li:before{content:'✓';display:inline-grid;place-items:center;background:#8a5bff;color:white;border-radius:50%;width:21px;height:21px;margin-left:10px}.ref-economy li:before{background:#d2c7ff;color:#6845e7}.ref-mini-earth{position:absolute;width:220px;height:220px;border-radius:50%;right:-90px;bottom:20px;background:radial-gradient(circle at 35% 35%,#9e72ff,#221078 50%,#090e2d 75%);box-shadow:0 0 25px #7242ff}.ref-economy-logo{position:absolute;width:155px;left:15px;bottom:72px;filter:drop-shadow(0 8px 12px #7657db88)}.ref-plan-btn{position:relative;z-index:2;display:block;text-align:center;padding:14px;background:linear-gradient(#fff,#dcd5ff);border-radius:15px;color:#35218d;text-decoration:none;font-weight:800}.ref-how{text-align:center;padding:40px 0 25px}.ref-how>span{font:700 12px Arial;letter-spacing:1px;color:#85819e}.ref-how h2{font-size:36px;margin:7px 0}.ref-how>p{color:#79758d;margin:0}.ref-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:26px 0 0}.ref-steps>div{position:relative}.ref-steps>div>span{display:grid;place-items:center;background:#ebe6ff;color:#7548ef;width:70px;height:70px;border-radius:25px;margin:auto;font-size:32px}.ref-steps b{color:#7447ef}.ref-steps h3{margin:9px 0 2px;font-size:16px}.ref-steps p{margin:0;color:#77738e;font-size:12px}.ref-banner{min-height:240px;position:relative;display:flex;justify-content:space-between;align-items:center;overflow:hidden;border-radius:26px;padding:28px 55px;color:white;background:radial-gradient(circle at 15% 75%,#6541f9,#11113d 35%,#080b20 75%)}.ref-banner-text{position:relative;z-index:2;text-align:right}.ref-banner-text>span{background:#24213f;border-radius:30px;padding:6px 14px;font-size:12px}.ref-banner h2{font-size:24px;margin:15px 0 4px}.ref-banner p{color:#c5c2d7;font-size:14px}.ref-banner .ref-btn{max-width:290px}.ref-phone{transform:rotate(-13deg) translateY(48px);width:240px;min-height:290px;border:8px solid #151827;border-radius:33px;background:#f6f7ff;color:#11162c;padding:20px 12px;box-shadow:0 0 0 2px #777da5,0 0 50px #7050ef}.ref-phone-top{background:#0c0d24;color:white;border-radius:12px;padding:10px;margin-bottom:12px}.ref-phone>div:not(:first-child){padding:11px 6px;border-bottom:1px solid #e1e2f1;font-size:13px;direction:ltr}.ref-phone small{float:right;color:#31b879;font-size:10px}
@media(max-width:720px){.ref-wrap{padding:0 20px}.ref-header{height:78px}.ref-brand{font-size:24px}.ref-brand img{width:43px;height:43px}.ref-login{padding:11px;font-size:12px}.ref-menu{padding:5px 12px}.ref-hero{display:flex;flex-direction:column-reverse;min-height:unset;gap:5px}.ref-hero-art{width:100%;height:305px}.ref-earth{width:300px}.ref-orbit{width:100%;height:120px;border-width:7px}.ref-biglogo{width:210px}.ref-online{bottom:0;right:0;font-size:10px}.ref-hero-copy{width:100%;padding-bottom:15px}.ref-hero h1{font-size:36px;line-height:1.5}.ref-hero-copy p{font-size:14px}.ref-btn{max-width:none}.ref-features{grid-template-columns:repeat(2,1fr);gap:16px}.ref-features>div:nth-child(2){border:0}.ref-plans{grid-template-columns:1fr}.ref-plan{min-height:340px}.ref-how h2{font-size:29px}.ref-steps{gap:5px}.ref-steps>div>span{width:53px;height:53px;font-size:24px}.ref-steps h3{font-size:12px}.ref-steps p{font-size:10px}.ref-banner{padding:25px;min-height:270px}.ref-banner h2{font-size:18px}.ref-banner p{font-size:11px}.ref-phone{width:140px;min-height:220px;padding:10px 6px;flex-shrink:0;transform:rotate(-13deg) translate(-50px,60px)}.ref-phone>div:not(:first-child){font-size:8px}.ref-phone small{font-size:7px}.ref-banner-text{max-width:70%}.ref-banner .ref-btn{font-size:12px;padding:10px;min-height:45px}}
@media(min-width:721px){.ref-hero-copy{order:1}.ref-hero-art{order:2}}