.rv-lp { --ink:#17232b; --ink2:#4a5a64; --cream:#faf7f2; --mint:#2fbf9b; --mint-soft:#d7f3ea; --grape:#8b5cf6; --grape-soft:#ece4fd; --sun:#ffb84d; --coral:#ff6f61; --dark:#182430; } .rv-lp * { margin:0;padding:0;box-sizing:border-box } .rv-lp { background:var(--cream);color:var(--ink);font-family:"Sora","Noto Sans SC",sans-serif;overflow-x:hidden;position:relative } .rv-lp .page { max-width:1200px;margin:0 auto;position:relative;z-index:1 } .rv-lp .bg-layer { position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden } .rv-lp .bg-layer .wash { position:absolute;inset:0; background: radial-gradient(56% 40% at 12% 6%, rgba(255,214,174,.34) 0%, transparent 68%), radial-gradient(50% 38% at 88% 12%, rgba(210,197,255,.3) 0%, transparent 70%), radial-gradient(54% 42% at 76% 46%, rgba(183,236,221,.32) 0%, transparent 68%), radial-gradient(48% 36% at 8% 58%, rgba(255,199,210,.24) 0%, transparent 70%), radial-gradient(58% 44% at 50% 96%, rgba(255,229,182,.34) 0%, transparent 72%), linear-gradient(180deg,#fdfaf6 0%,#fbf8f3 100%) } .rv-lp 50% { transform:translate3d(0,-22px,0) rotate(6deg) } .rv-lp .tech-lines { position:absolute;inset:0;width:100%;height:100% } .rv-lp .tech-lines path, .rv-lp .tech-lines circle, .rv-lp .tech-lines line { fill:none;stroke-linecap:round } .rv-lp .scan { position:absolute;left:0;right:0;height:180px;pointer-events:none; background:linear-gradient(180deg,transparent,rgba(47,191,155,.035),transparent); animation:scanmove 11s linear infinite } @keyframes scanmove {0%{top:-180px}100%{top:100%}} .rv-lp .grid-bg { position:absolute;inset:0;pointer-events:none; background-image:linear-gradient(rgba(23,35,43,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(23,35,43,.045) 1px,transparent 1px); background-size:56px 56px;mask-image:linear-gradient(to bottom,#000 0%,transparent 78%) } .rv-lp .blob { position:absolute;border-radius:50%;filter:blur(70px);opacity:.45;pointer-events:none } .rv-lp .blob.b1 { width:420px;height:420px;background:var(--mint-soft);top:-80px;right:6% } .rv-lp .blob.b2 { width:360px;height:360px;background:var(--grape-soft);top:30%;left:-100px } .rv-lp .blob.b3 { width:260px;height:260px;background:#ffe9c7;top:8%;left:32% } .rv-lp .wire { position:absolute;pointer-events:none } .rv-lp .wire circle { fill:none;stroke-width:1.2 } .rv-lp .dotpulse { position:absolute;border-radius:50%;pointer-events:none;animation:pulse 2.6s infinite } @keyframes pulse {0%,100%{opacity:.25;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}} .rv-lp nav { display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 48px;position:relative;z-index:50 } .rv-lp .logo { display:flex;align-items:center;gap:9px;font-weight:800;font-size:19px;letter-spacing:-.02em;flex:0 0 auto;text-decoration:none;color:var(--ink) } .rv-lp .logo .mark { width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--mint),var(--grape));display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px } .rv-lp .logo span small { display:block;font-size:9.5px;font-weight:500;color:var(--ink2);letter-spacing:.14em } .rv-lp .menu { display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--ink);flex:1;justify-content:center } .rv-lp .navitem { position:relative } .rv-lp .navlink { display:inline-flex;align-items:center;gap:5px;padding:9px 14px;border-radius:10px;text-decoration:none;color:var(--ink); font-weight:600;letter-spacing:.01em;transition:background .22s,color .22s;white-space:nowrap;cursor:pointer;border:none;background:none;font-family:inherit;font-size:13.5px } .rv-lp .navlink:hover { background:rgba(47,191,155,.10);color:#1a9a7c } .rv-lp .navlink .caret { width:9px;height:9px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s;opacity:.5 } .rv-lp .navitem:hover .navlink .caret { transform:rotate(225deg) translateY(-1px) } .rv-lp .navlink .dotnew { width:5px;height:5px;border-radius:50%;background:var(--coral);margin-left:1px } .rv-lp .dd { position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(8px); background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border:1px solid rgba(23,35,43,.08); border-radius:20px;box-shadow:0 28px 60px rgba(23,35,43,.14);padding:24px;opacity:0;visibility:hidden; transition:opacity .24s,transform .24s,visibility .24s;z-index:60 } .rv-lp .dd::before { content:"";position:absolute;top:-10px;left:0;right:0;height:14px } .rv-lp .dd::after { content:"";position:absolute;top:0;left:32px;right:32px;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,var(--mint),var(--grape)) } .rv-lp .navitem:hover .dd { opacity:1;visibility:visible;transform:translateX(-50%) translateY(0) } .rv-lp .dd.cols3 { display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:8px 26px;min-width:680px } .rv-lp .dd.cols2 { display:grid;grid-template-columns:repeat(2,minmax(210px,1fr));gap:4px 30px;min-width:470px } .rv-lp .dd.cols1 { min-width:250px } .rv-lp .ddcol { padding:0 4px } .rv-lp .ddcol + .ddcol { border-left:1px dashed rgba(23,35,43,.10);padding-left:24px } .rv-lp .ddhead { font-size:10px;font-weight:800;letter-spacing:.18em;color:var(--ink3);margin-bottom:10px;display:flex;align-items:center;gap:7px } .rv-lp .ddhead::before { content:"";width:5px;height:5px;border-radius:50%;background:var(--mint) } .rv-lp .ddcol:nth-child(2) .ddhead::before { background:var(--grape) } .rv-lp .ddcol:nth-child(3) .ddhead::before { background:var(--sun) } .rv-lp .ddlist { display:grid;gap:1px } .rv-lp .ddlink { display:flex;align-items:flex-start;gap:9px;padding:8px 9px;border-radius:9px;text-decoration:none;color:var(--ink);transition:.2s } .rv-lp .ddlink:hover { background:linear-gradient(90deg,rgba(215,243,234,.75),rgba(236,228,253,.5)) } .rv-lp .ddlink .ic { flex:0 0 26px;width:26px;height:26px;border-radius:8px;background:rgba(23,35,43,.045);display:flex;align-items:center;justify-content:center;font-size:12.5px;transition:.2s } .rv-lp .ddlink:hover .ic { background:#fff;box-shadow:0 4px 10px rgba(23,35,43,.1) } .rv-lp .ddlink .tx { font-size:13px;font-weight:600;line-height:1.35;display:block } .rv-lp .ddlink .sub { display:block;font-size:10.5px;font-weight:400;color:var(--ink3);margin-top:1px;letter-spacing:.01em } .rv-lp .ddlink .hot { margin-left:auto;font-size:9px;font-weight:800;letter-spacing:.06em;color:var(--coral);background:rgba(255,111,97,.1);padding:2px 6px;border-radius:5px;align-self:center } .rv-lp .ddlink .soon { color:var(--ink3);opacity:.75 } .rv-lp .ddlink .soon .tx { font-weight:500 } .rv-lp .ddfoot { grid-column:1/-1;margin-top:14px;padding-top:14px;border-top:1px solid rgba(23,35,43,.08); display:flex;align-items:center;justify-content:space-between;gap:16px } .rv-lp .ddfoot .seeall { font-size:12.5px;font-weight:800;color:var(--mint);text-decoration:none;display:inline-flex;align-items:center;gap:6px } .rv-lp .ddfoot .seeall:hover { gap:10px } .rv-lp .ddfoot .promo { font-size:11px;color:var(--ink2);display:flex;align-items:center;gap:7px } .rv-lp .ddfoot .promo b { color:var(--coral);font-weight:800 } .rv-lp .dd-promo { min-width:340px;padding:22px } .rv-lp .dd-promo .badge { display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:800;letter-spacing:.14em; color:#fff;background:linear-gradient(90deg,var(--coral),var(--sun));padding:5px 11px;border-radius:999px;margin-bottom:12px } .rv-lp .dd-promo h5 { font-size:17px;font-weight:800;letter-spacing:-.01em;margin-bottom:6px } .rv-lp .dd-promo h5 em { font-style:normal;color:var(--mint) } .rv-lp .dd-promo p { font-size:11.5px;line-height:1.7;color:var(--ink2);margin-bottom:14px } .rv-lp .dd-promo .plan { display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:10px; background:rgba(215,243,234,.45);font-size:11.5px;font-weight:700;margin-bottom:7px;border:1px solid rgba(47,191,155,.18) } .rv-lp .dd-promo .plan span { color:var(--mint);font-weight:800 } .rv-lp .dd-promo .plan:nth-of-type(2) { background:rgba(236,228,253,.5);border-color:rgba(139,92,246,.18) } .rv-lp .dd-promo .plan:nth-of-type(2) span { color:var(--grape) } .rv-lp .dd-promo .ddbtn { margin-top:12px;display:flex;width:100%;justify-content:center;font-size:12.5px;padding:10px;border-radius:10px;background:var(--ink);color:#fff;font-weight:700;text-decoration:none;transition:.22s } .rv-lp .dd-promo .ddbtn:hover { background:var(--mint) } .rv-lp .navtools { display:flex;align-items:center;gap:10px;flex:0 0 auto } .rv-lp .iconbtn { width:38px;height:38px;border-radius:11px;border:1px solid rgba(23,35,43,.1);background:#fff; display:flex;align-items:center;justify-content:center;font-size:15px;cursor:pointer;transition:.22s;position:relative;text-decoration:none;color:var(--ink) } .rv-lp .iconbtn:hover { border-color:var(--mint);background:rgba(215,243,234,.4);transform:translateY(-1px) } .rv-lp .iconbtn .bdg { position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;border-radius:999px;background:var(--coral); color:#fff;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--cream) } .rv-lp .topbar { background:linear-gradient(90deg,var(--mint) 0%,#57cfb3 42%,var(--grape) 100%);color:#fff; font-size:11.5px;font-weight:600;letter-spacing:.05em;text-align:center;padding:8px 48px;position:relative;z-index:60; display:flex;align-items:center;justify-content:center;gap:14px } .rv-lp .topbar b { font-weight:800;background:rgba(255,255,255,.2);padding:2px 8px;border-radius:999px;letter-spacing:.08em } .rv-lp .topbar a { color:#fff;text-decoration:underline;text-underline-offset:3px;font-weight:800 } .rv-lp .topbar .close { position:absolute;right:18px;top:50%;transform:translateY(-50%);cursor:pointer;opacity:.7;font-size:15px;line-height:1;border:none;background:none;color:#fff } .rv-lp .btn { border-radius:999px;padding:11px 22px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:7px;transition:.25s } .rv-lp .btn-dark { background:var(--ink);color:#fff } .rv-lp .btn-dark:hover { background:var(--mint) } .rv-lp .btn-mint { background:var(--mint);color:#fff;box-shadow:0 8px 22px rgba(47,191,155,.35) } .rv-lp .btn-mint:hover { transform:translateY(-2px) } .rv-lp .btn-ghost { border:1.5px solid rgba(23,35,43,.2);color:var(--ink);background:#fff } .rv-lp .btn-ghost:hover { background:var(--grape-soft) } .rv-lp .hero { display:grid;grid-template-columns:1.05fr .95fr;gap:20px;padding:24px 48px 0;position:relative;z-index:2;align-items:start } .rv-lp .kicker { display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.22em;color:var(--mint);margin-bottom:20px } .rv-lp .kicker::before { content:"";width:26px;height:2px;background:var(--mint) } .rv-lp h1 { font-size:64px;line-height:1.04;font-weight:800;letter-spacing:-.03em } .rv-lp h1 .accent { position:relative;display:inline-block;color:var(--ink) } .rv-lp h1 .accent svg { position:absolute;left:-8px;bottom:-6px;width:calc(100% + 16px) } .rv-lp h1 .grad { background:linear-gradient(90deg,var(--mint) 0%,var(--grape) 100%);-webkit-background-clip:text;background-clip:text;color:transparent } .rv-lp .lede { margin-top:22px;font-size:14.5px;line-height:1.85;color:var(--ink2);max-width:400px } .rv-lp .hero-cta { display:flex;gap:14px;margin-top:28px } .rv-lp .trust { display:flex;align-items:center;gap:14px;margin-top:30px;font-size:12px;color:var(--ink2) } .rv-lp .trust .avatars { display:flex } .rv-lp .trust .avatars i { width:30px;height:30px;border-radius:50%;border:2.5px solid var(--cream);margin-left:-9px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;font-style:normal;font-weight:700 } .rv-lp .trust .avatars i:first-child { margin-left:0 } .rv-lp .stats { position:relative;z-index:5;display:flex;flex-direction:column;gap:30px;padding-top:64px } .rv-lp .stat { text-align:left } .rv-lp .stat .n { font-size:26px;font-weight:800;letter-spacing:-.02em } .rv-lp .stat .n em { font-style:normal;font-size:12px;color:var(--mint);vertical-align:super;margin-left:2px } .rv-lp .stat .l { font-size:11.5px;color:var(--ink2);letter-spacing:.05em;margin-top:2px } .rv-lp .stat.s1 .n { color:var(--grape) } .rv-lp .stat.s2 .n { color:var(--mint) } .rv-lp .stat::before { content:"";display:block;width:30px;height:2px;background:linear-gradient(90deg,var(--mint),var(--grape));margin-bottom:9px;border-radius:2px } .rv-lp .product-wrap { position:relative;display:flex;justify-content:center;align-items:flex-start } .rv-lp .product-card { position:relative;z-index:4;width:100%;max-width:520px;border-radius:28px 28px 0 0; background:radial-gradient(120% 90% at 50% 0%, #ffffff 0%, #f2fbf8 55%, #eaf5ff 100%); border:1px solid rgba(23,35,43,.06);border-bottom:none; box-shadow:0 30px 60px rgba(23,35,43,.10);padding:36px 30px 0;text-align:center;overflow:visible } .rv-lp .product-card::before { content:"";position:absolute;inset:10px;border:1.5px dashed rgba(139,92,246,.28);border-radius:22px 22px 0 0;pointer-events:none } .rv-lp .halo { position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);width:78%;aspect-ratio:1;border-radius:50%; background:conic-gradient(from 0deg,var(--mint-soft),var(--grape-soft),#ffe9c7,var(--mint-soft));filter:blur(6px);opacity:.85;animation:spin 14s linear infinite } @keyframes spin {to{transform:translate(-50%,-50%) rotate(360deg)}} .rv-lp .product-card img { position:relative;z-index:2;width:100%;max-width:400px;mix-blend-mode:multiply;filter:drop-shadow(0 24px 30px rgba(23,35,43,.16)) } .rv-lp .patent { position:absolute;z-index:5;top:26px;left:22px;background:#fff;border-radius:12px;padding:9px 13px;font-size:10.5px;font-weight:700;letter-spacing:.06em;box-shadow:0 10px 24px rgba(23,35,43,.12);display:flex;align-items:center;gap:8px } .rv-lp .patent i { width:8px;height:8px;border-radius:50%;background:var(--mint);font-style:normal } .rv-lp .chip { position:absolute;z-index:5;background:var(--dark);color:#fff;border-radius:12px;padding:10px 14px;font-size:11px;box-shadow:0 12px 26px rgba(24,36,48,.3) } .rv-lp .chip b { display:block;font-size:15px;font-weight:800;color:var(--sun) } .rv-lp .chip.c1 { right:14px;top:34% } .rv-lp .chip.c2 { right:26px;bottom:24% } .rv-lp .chip.c2 b { color:var(--mint) } .rv-lp .chip-light { background:rgba(255,255,255,.94);color:var(--ink);border:1px solid rgba(23,35,43,.08);box-shadow:0 12px 26px rgba(23,35,43,.14) } .rv-lp .dark-panel { position:relative;margin-top:-96px;color:var(--ink);padding:130px 48px 0;z-index:1; background: radial-gradient(90% 60% at 8% 100%, rgba(215,243,234,.9) 0%, transparent 60%), radial-gradient(70% 55% at 88% 8%, rgba(236,228,253,.85) 0%, transparent 62%), radial-gradient(45% 40% at 60% 92%, rgba(255,233,199,.75) 0%, transparent 65%), linear-gradient(180deg,rgba(255,255,255,.94) 0%, rgba(251,253,252,.9) 42%, rgba(244,250,248,.88) 100%); backdrop-filter:blur(8px); border-radius:34px 34px 0 0;border:1px solid rgba(23,35,43,.07);border-bottom:none; box-shadow:0 -20px 50px rgba(23,35,43,.06), inset 0 1px 0 #fff;overflow:hidden } .rv-lp .dark-panel::before { content:"";position:absolute;inset:0;pointer-events:none; background-image:linear-gradient(rgba(47,191,155,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.09) 1px,transparent 1px); background-size:44px 44px; mask-image:radial-gradient(120% 80% at 50% 0%,#000 10%,transparent 72%) } .rv-lp .dark-grid { position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;padding-bottom:56px;z-index:2 } .rv-lp .dark-grid h2 { font-size:30px;font-weight:800;line-height:1.28;letter-spacing:-.02em } .rv-lp .dark-grid h2 .hl { position:relative;color:var(--mint);display:inline-block } .rv-lp .dark-grid h2 .hl::after { content:"";position:absolute;left:0;right:0;bottom:2px;height:7px;background:var(--mint-soft);z-index:-1;border-radius:3px } .rv-lp .dark-grid p { margin-top:16px;font-size:13.5px;line-height:1.9;color:var(--ink2);max-width:430px } .rv-lp .dark-cta { display:flex;gap:14px;margin-top:26px } .rv-lp .btn-outline { border:1.5px solid rgba(23,35,43,.22);color:var(--ink);background:#fff } .rv-lp .btn-outline:hover { background:var(--grape-soft);border-color:var(--grape) } .rv-lp .clients { position:relative;background:rgba(255,255,255,.78);border:1px solid rgba(23,35,43,.08);border-radius:20px; padding:26px 26px 24px;backdrop-filter:blur(8px);box-shadow:0 18px 40px rgba(23,35,43,.08) } .rv-lp .clients::after { content:"";position:absolute;top:-1px;left:26px;width:52px;height:3px;border-radius:0 0 3px 3px; background:linear-gradient(90deg,var(--mint),var(--grape)) } .rv-lp .clients .t { font-size:10.5px;letter-spacing:.2em;color:var(--ink2);font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:7px } .rv-lp .clients .t::before { content:"";width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(47,191,155,.16) } .rv-lp .clients .big { font-size:38px;font-weight:800;letter-spacing:-.03em; background:linear-gradient(90deg,var(--sun),var(--coral));-webkit-background-clip:text;background-clip:text;color:transparent } .rv-lp .clients .big small { font-size:13px;font-weight:600;color:var(--ink2);margin-left:6px;-webkit-text-fill-color:var(--ink2) } .rv-lp .clients .row { display:flex;gap:10px;margin-top:18px } .rv-lp .clients .row span { flex:1;background:#fff;border:1px solid rgba(23,35,43,.07);border-radius:12px;padding:11px 6px; text-align:center;font-size:11.5px;font-weight:700;color:var(--ink2);transition:.25s } .rv-lp .clients .row span:hover { transform:translateY(-3px);border-color:var(--mint);color:var(--mint);box-shadow:0 10px 20px rgba(47,191,155,.16) } .rv-lp .clients .row span i { display:block;font-style:normal;font-size:16px;margin-bottom:4px } .rv-lp .marquee { position:relative;border-top:1px solid rgba(23,35,43,.08);border-bottom:1px solid rgba(23,35,43,.08);padding:20px 0;overflow:hidden;z-index:2; background:linear-gradient(90deg,rgba(215,243,234,.5),rgba(236,228,253,.5),rgba(255,233,199,.45)) } .rv-lp .marquee::before, .rv-lp .marquee::after { content:"";position:absolute;top:0;bottom:0;width:110px;z-index:2;pointer-events:none } .rv-lp .marquee::before { left:0;background:linear-gradient(90deg,#f8fcfa,transparent) } .rv-lp .marquee::after { right:0;background:linear-gradient(270deg,#fbfaf7,transparent) } .rv-lp .track { display:flex;gap:64px;width:max-content;animation:scroll 24s linear infinite;font-size:13px;font-weight:700;color:var(--ink2);letter-spacing:.1em } .rv-lp .track span { display:flex;align-items:center;gap:9px;white-space:nowrap } .rv-lp .track span::before { content:"◈";color:var(--grape);font-size:11px } .rv-lp .track span:nth-child(even)::before { color:var(--mint) } @keyframes scroll {to{transform:translateX(-50%)}} .rv-lp .bottom { position:relative;display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:66px 48px 76px;border-top:1px solid rgba(23,35,43,.07);z-index:2 } .rv-lp .bottom h3 { font-size:34px;font-weight:800;line-height:1.22;letter-spacing:-.025em } .rv-lp .bottom h3 .g { background:linear-gradient(90deg,var(--mint) 0%,var(--grape) 55%,var(--sun) 100%);-webkit-background-clip:text;background-clip:text;color:transparent } .rv-lp .bottom .desc { font-size:13px;line-height:1.95;color:var(--ink2);align-self:end } .rv-lp .bottom .tagline { margin-top:16px;display:flex;gap:8px;flex-wrap:wrap } .rv-lp .bottom .tagline b { font-size:11px;font-weight:700;letter-spacing:.06em;padding:5px 11px;border-radius:999px;background:#fff;border:1px solid rgba(23,35,43,.09);color:var(--ink2) } .rv-lp .bottom .tagline b:nth-child(1) { border-color:rgba(47,191,155,.35);color:var(--mint);background:rgba(215,243,234,.4) } .rv-lp .bottom .tagline b:nth-child(2) { border-color:rgba(139,92,246,.3);color:var(--grape);background:rgba(236,228,253,.45) } .rv-lp .panel-wire { position:absolute;pointer-events:none;z-index:1 } .rv-lp .panel-wire circle { fill:none } .rv-lp .section { position:relative;padding:86px 48px;z-index:2 } .rv-lp .sec-head { display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px } .rv-lp .sec-kicker { display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.22em;color:var(--grape);margin-bottom:14px } .rv-lp .sec-kicker::before { content:"";width:26px;height:2px;background:var(--grape) } .rv-lp .sec-head h2 { font-size:36px;font-weight:800;letter-spacing:-.025em;line-height:1.18 } .rv-lp .sec-head h2 .g { background:linear-gradient(90deg,var(--mint),var(--grape));-webkit-background-clip:text;background-clip:text;color:transparent } .rv-lp .sec-head .more { font-size:13px;font-weight:600;color:var(--ink2);text-decoration:none;display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border:1.5px solid rgba(23,35,43,.16);border-radius:999px;background:#fff;transition:.25s;white-space:nowrap } .rv-lp .sec-head .more:hover { border-color:var(--mint);color:var(--mint);transform:translateX(3px) } .rv-lp .sec-wire { position:absolute;pointer-events:none;z-index:1 } .rv-lp .sec-wire circle { fill:none } .rv-lp .sec-dot { position:absolute;border-radius:50%;pointer-events:none;z-index:1;animation:pulse 2.8s infinite } .rv-lp .shop { background: radial-gradient(60% 46% at 100% 0%, rgba(236,228,253,.55) 0%, transparent 60%), radial-gradient(55% 42% at 0% 100%, rgba(215,243,234,.6) 0%, transparent 62%) } .rv-lp .shop::before { content:"";position:absolute;inset:0;pointer-events:none; background-image:linear-gradient(rgba(139,92,246,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(47,191,155,.07) 1px,transparent 1px); background-size:48px 48px;mask-image:linear-gradient(to bottom,transparent 0%,#000 12%,#000 88%,transparent 100%) } .rv-lp .cats { display:flex;gap:10px;flex-wrap:wrap;margin-bottom:34px;position:relative;z-index:2 } .rv-lp .cat { font-size:12.5px;font-weight:700;padding:9px 18px;border-radius:999px;border:1.5px solid rgba(23,35,43,.12);background:#fff;color:var(--ink2);cursor:pointer;transition:.25s } .rv-lp .cat:hover { border-color:var(--grape);color:var(--grape) } .rv-lp .cat.on { background:var(--ink);color:#fff;border-color:var(--ink) } .rv-lp .grid6 { display:grid;grid-template-columns:repeat(3,1fr);gap:26px;position:relative;z-index:2 } @media(max-width:1100px) { .rv-lp .grid6 { grid-template-columns:repeat(2,1fr) } } .rv-lp .pcard { position:relative;background:rgba(255,255,255,.93);backdrop-filter:blur(4px);border:1px solid rgba(23,35,43,.07);border-radius:22px;padding:20px 20px 18px;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s;overflow:hidden } .rv-lp .pcard::before { content:"";position:absolute;top:0;left:24px;right:24px;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--mint),var(--grape));opacity:0;transition:.3s;z-index:3 } .rv-lp .pcard:hover { transform:translateY(-8px);box-shadow:0 28px 56px rgba(23,35,43,.12),0 0 0 1px rgba(47,191,155,.2);border-color:rgba(47,191,155,.4);background:rgba(255,255,255,.98) } .rv-lp .pcard:hover::before { opacity:1 } .rv-lp .pimg { position:relative;border-radius:16px;background:radial-gradient(110% 90% at 50% 20%,#fff 0%,#f4faf8 70%,#eef6ff 100%);border:1px solid rgba(23,35,43,.05);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden } .rv-lp .pimg::after { content:"";position:absolute;inset:10px;border:1.5px dashed rgba(139,92,246,.22);border-radius:12px;pointer-events:none;transition:.35s } .rv-lp .pimg img { position:relative;z-index:1;width:82%;height:82%;object-fit:contain;mix-blend-mode:multiply;transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .45s } .rv-lp .pimg::before { content:"";position:absolute;width:160%;aspect-ratio:1;left:var(--mx,50%);top:var(--my,50%);transform:translate(-50%,-50%); background:radial-gradient(circle,rgba(47,191,155,.28) 0%,rgba(139,92,246,.16) 38%,transparent 66%); opacity:0;transition:opacity .4s;pointer-events:none } .rv-lp .pcard:hover .pimg::before { opacity:1 } .rv-lp .pcard:hover .pimg img { transform:translateY(-6px) scale(1.09) rotate(-2deg);filter:drop-shadow(0 18px 22px rgba(23,35,43,.22)) } .rv-lp .pcard:hover .pimg::after { border-color:rgba(47,191,155,.55);inset:8px } .rv-lp .pquick { position:absolute;z-index:4;left:50%;bottom:16px;transform:translate(-50%,14px);opacity:0; background:rgba(23,35,43,.92);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.06em; padding:8px 16px;border-radius:999px;white-space:nowrap;transition:.35s;pointer-events:none } .rv-lp .pcard:hover .pquick { opacity:1;transform:translate(-50%,0) } .rv-lp .ptag { position:absolute;z-index:3;top:14px;left:14px;font-size:10px;font-weight:800;letter-spacing:.08em;padding:5px 10px;border-radius:8px;color:#fff;transition:.35s;box-shadow:0 6px 14px rgba(23,35,43,.14) } .rv-lp .pcard:hover .ptag { transform:translateY(-2px) scale(1.06) } .rv-lp .ptag.t-mint { background:var(--mint) } .rv-lp .ptag.t-grape { background:var(--grape) } .rv-lp .ptag.t-coral { background:var(--coral) } .rv-lp .ptag.t-sun { background:var(--sun);color:#7a4d00 } .rv-lp .pname { margin-top:16px;font-size:15px;font-weight:800;letter-spacing:-.01em } .rv-lp .pdesc { font-size:12px;color:var(--ink2);margin-top:4px;line-height:1.6;min-height:38px } .rv-lp .prow { display:flex;align-items:center;justify-content:space-between;margin-top:12px } .rv-lp .price { font-size:18px;font-weight:800 } .rv-lp .price s { font-size:12px;color:var(--ink3);font-weight:500;margin-left:6px } .rv-lp .buy { width:36px;height:36px;border-radius:12px;background:var(--mint-soft);color:var(--mint);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;transition:.25s;text-decoration:none } .rv-lp .pcard:hover .buy { background:var(--mint);color:#fff } .rv-lp .subsec { margin:0 24px;border-radius:34px;position:relative;overflow:hidden; background:linear-gradient(120deg,#fdfcf9 0%,#e8f6f1 34%,#dbeefc 68%,#ece4fd 100%); border:1px solid rgba(23,35,43,.07);box-shadow:0 24px 60px rgba(23,35,43,.07) } .rv-lp .subsec::before { content:"";position:absolute;inset:0;pointer-events:none; background-image:linear-gradient(rgba(47,191,155,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.06) 1px,transparent 1px); background-size:52px 52px;mask-image:linear-gradient(100deg,#000 0%,transparent 55%) } .rv-lp .sub-grid { display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:460px;position:relative;z-index:2 } .rv-lp .sub-copy { padding:70px 30px 70px 64px } .rv-lp .sub-copy h2 { font-size:44px;font-weight:800;letter-spacing:-.03em;line-height:1.14 } .rv-lp .sub-copy h2 .hl { color:var(--mint) } .rv-lp .sub-copy .d-sub { margin-top:16px;font-size:13.5px;line-height:1.9;color:var(--ink2);max-width:430px } .rv-lp .perks { display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px;max-width:470px } .rv-lp .perk { text-align:center } .rv-lp .perk .pic { width:56px;height:56px;margin:0 auto 9px;border-radius:50%;background:#fff; border:1.5px solid rgba(23,35,43,.1);display:flex;align-items:center;justify-content:center;font-size:21px; transition:.28s;position:relative } .rv-lp .perk:nth-child(1) .pic { border-color:rgba(47,191,155,.45);color:var(--mint) } .rv-lp .perk:nth-child(2) .pic { border-color:rgba(139,92,246,.4) } .rv-lp .perk:nth-child(3) .pic { border-color:rgba(255,184,77,.5) } .rv-lp .perk:nth-child(4) .pic { border-color:rgba(255,111,97,.45) } .rv-lp .perk:hover .pic { transform:translateY(-4px);box-shadow:0 12px 26px rgba(23,35,43,.12) } .rv-lp .perk .pt { font-size:11px;line-height:1.55;color:var(--ink2);font-weight:600 } .rv-lp .perk .pt b { color:var(--ink) } .rv-lp .sub-cta { margin-top:30px;display:inline-flex;align-items:center;gap:10px;background:transparent; border:1.5px solid var(--ink);color:var(--ink);border-radius:999px;padding:12px 26px; font-size:13.5px;font-weight:700;text-decoration:none;transition:.28s;width:fit-content } .rv-lp .sub-cta:hover { background:var(--ink);color:#fff;gap:16px } .rv-lp .sub-show { position:relative;height:100%;min-height:460px;overflow:hidden } .rv-lp .sub-show .stage { position:absolute;inset:0; background:radial-gradient(80% 70% at 62% 42%,rgba(255,255,255,.65) 0%,transparent 70%) } .rv-lp .pod { position:absolute;border-radius:999px;background:linear-gradient(180deg,#ffffff 0%,#dceef8 60%,#c8e2f2 100%); box-shadow:0 14px 30px rgba(23,35,43,.10),inset 0 -6px 14px rgba(23,35,43,.05) } .rv-lp .pod.p1 { width:150px;height:56px;left:10%;bottom:20%;transform:rotate(-8deg) } .rv-lp .pod.p2 { width:150px;height:56px;left:13%;bottom:29%;transform:rotate(4deg) } .rv-lp .pod.p3 { width:170px;height:60px;right:12%;bottom:15%;transform:rotate(6deg) } .rv-lp .pod.p4 { width:170px;height:60px;right:9%;bottom:25%;transform:rotate(-4deg) } .rv-lp .pod.p5 { width:150px;height:56px;right:26%;bottom:38%;transform:rotate(3deg) } .rv-lp .bott { position:absolute;filter:drop-shadow(0 18px 22px rgba(23,35,43,.18));transition:transform .4s cubic-bezier(.2,.8,.2,1);mix-blend-mode:multiply } .rv-lp .bott:hover { transform:translateY(-8px) rotate(-2deg) } .rv-lp .bott.b1 { width:150px;left:16%;bottom:32%;z-index:3;animation:bob 7s ease-in-out infinite } .rv-lp .bott.b2 { width:120px;left:38%;bottom:20%;z-index:2;animation:bob 8s ease-in-out infinite 1s } .rv-lp .bott.b3 { width:140px;right:20%;bottom:30%;z-index:3;animation:bob 7.5s ease-in-out infinite 2s } .rv-lp .bott.b4 { width:110px;right:6%;bottom:18%;z-index:2;animation:bob 8.5s ease-in-out infinite .5s } @keyframes bob {0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}} .rv-lp .sub-fruit { position:absolute;font-size:42px;filter:drop-shadow(0 8px 14px rgba(23,35,43,.15));z-index:4 } .rv-lp .sub-badge { position:absolute;z-index:6;top:26px;right:30px;background:#fff;border-radius:999px;padding:9px 18px; font-size:11.5px;font-weight:800;letter-spacing:.08em;box-shadow:0 10px 24px rgba(23,35,43,.12);display:flex;align-items:center;gap:8px } .rv-lp .sub-badge b { color:var(--mint);font-size:14px } .rv-lp .subsec .sec-wire { z-index:3 } .rv-lp .story .wrap2 { display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:stretch } .rv-lp .story-visual { position:relative;display:flex;flex-direction:column;gap:14px;height:100% } .rv-lp .story-frame { position:relative;border-radius:26px;overflow:hidden;background: radial-gradient(120% 100% at 20% 0%, #fff 0%, var(--mint-soft) 55%, var(--grape-soft) 100%); border:1px solid rgba(23,35,43,.06);aspect-ratio:4/4.6;display:flex;align-items:center;justify-content:center } .rv-lp .story-frame::before { content:"";position:absolute;inset:16px;border:1.5px dashed rgba(47,191,155,.3);border-radius:18px } .rv-lp .story-frame .big-logo { font-size:52px;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,var(--mint),var(--grape));-webkit-background-clip:text;background-clip:text;color:transparent } .rv-lp .story-frame .sub { position:absolute;bottom:26px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:.3em;color:var(--ink3);font-weight:700 } .rv-lp .map-head { display:flex;align-items:center;gap:10px;font-size:10px;font-weight:800;letter-spacing:.22em;color:var(--ink2) } .rv-lp .map-head .mh-dot { width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(47,191,155,.18);animation:mpdot 2.4s ease-in-out infinite } @keyframes mpdot {50%{box-shadow:0 0 0 7px rgba(47,191,155,.06)}} .rv-lp .map-head .mh-sep { flex:1;height:1px;background:linear-gradient(90deg,rgba(47,191,155,.35),rgba(139,92,246,.06)) } .rv-lp .map-head .mh-tag { letter-spacing:.14em;font-size:9.5px;color:var(--ink3);border:1px solid rgba(23,35,43,.1);border-radius:20px;padding:3px 10px } .rv-lp .story-foot { display:flex;align-items:stretch;gap:12px } .rv-lp .map-legend { flex:1.1;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.72);border:1px solid rgba(23,35,43,.07) } .rv-lp .map-legend span { display:flex;align-items:center;gap:8px;font-size:10.5px;font-weight:700;color:var(--ink2);letter-spacing:.06em } .rv-lp .map-legend i { width:16px;height:0;border-top:2px solid var(--mint);flex:none;border-radius:2px } .rv-lp .map-legend i.lg-net { border-top:1px dashed rgba(25,158,131,.6) } .rv-lp .map-legend i.lg-hub { width:8px;height:8px;border:0;border-radius:50%;background:#ff6f61;box-shadow:0 0 0 3px rgba(255,111,97,.18) } .rv-lp .globe-wrap { position:relative;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:center; flex:1 1 auto;min-height:300px;border-radius:22px;overflow:hidden; background:linear-gradient(155deg,rgba(255,255,255,.92) 0%,rgba(215,243,234,.55) 52%,rgba(236,228,253,.6) 100%); border:1px solid rgba(47,191,155,.42);box-shadow:0 18px 42px rgba(23,35,43,.07),inset 0 0 0 1px rgba(255,255,255,.6) } .rv-lp .globe-wrap::before { content:"";position:absolute;inset:0;z-index:0;pointer-events:none; background-image:repeating-linear-gradient(90deg,rgba(47,191,155,.13) 0 1px,transparent 1px 54px) } .rv-lp .globe-wrap::after { content:"";position:absolute;inset:14px;border:1px dashed rgba(47,191,155,.34);border-radius:14px;pointer-events:none;z-index:2 } .rv-lp .globe-wrap svg { position:relative;z-index:1;width:100%;height:100%;overflow:hidden } .rv-lp .globe-wrap .g-glow { position:absolute;z-index:0;inset:2% -4%; background:radial-gradient(60% 70% at 22% 30%,rgba(47,191,155,.16) 0%,transparent 62%), radial-gradient(55% 65% at 80% 70%,rgba(139,92,246,.14) 0%,transparent 64%);filter:blur(20px) } .rv-lp .map-arcs path { stroke-dasharray:6 9;animation:arcflow 9s linear infinite } .rv-lp .map-arcs path:nth-child(3n) { animation-duration:12s } .rv-lp .map-arcs path:nth-child(3n+2) { animation-duration:15s;opacity:.7 } @keyframes arcflow {to{stroke-dashoffset:-120}} .rv-lp .map-ping .ring { animation:mping 3.2s ease-out infinite } @keyframes mping {0%{r:3.5;opacity:.95}75%{r:16;opacity:0}100%{r:16;opacity:0}} .rv-lp .story-num { flex:1;background:rgba(255,255,255,.9);border:1px solid rgba(47,191,155,.28);border-radius:16px;padding:12px 8px;box-shadow:0 14px 30px rgba(23,35,43,.08);text-align:center } .rv-lp .story-num b { display:block;font-size:22px;font-weight:800;color:var(--grape) } .rv-lp .story-num span { font-size:9.5px;letter-spacing:.1em;color:var(--ink3);font-weight:700 } .rv-lp .story-num.s2 b { color:var(--mint) } .rv-lp .story .lede2 { font-size:15px;line-height:2;color:var(--ink2);margin-top:18px } .rv-lp .timeline { margin-top:30px;display:grid;gap:0 } .rv-lp .titem { display:flex;gap:18px;padding:16px 0;border-bottom:1px dashed rgba(23,35,43,.12) } .rv-lp .titem:last-child { border-bottom:none } .rv-lp .tyear { flex:0 0 64px;font-size:15px;font-weight:800;color:var(--mint);font-variant-numeric:tabular-nums } .rv-lp .titem .tt { font-size:13.5px;font-weight:700 } .rv-lp .titem .td { font-size:12px;color:var(--ink2);margin-top:3px;line-height:1.7 } .rv-lp .reviews { background: radial-gradient(58% 48% at 6% 4%, rgba(215,243,234,.72) 0%, transparent 60%), radial-gradient(52% 46% at 96% 88%, rgba(236,228,253,.66) 0%, transparent 62%), radial-gradient(40% 34% at 62% 6%, rgba(255,233,199,.5) 0%, transparent 66%) } .rv-lp .rev-top { display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:end;margin-bottom:34px;position:relative;z-index:2 } .rv-lp .scorecard { background:rgba(255,255,255,.93);backdrop-filter:blur(6px);border:1px solid rgba(23,35,43,.07);border-radius:20px;padding:20px 24px; display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;box-shadow:0 16px 36px rgba(23,35,43,.07) } .rv-lp .score-l { text-align:center;padding-right:22px;border-right:1px dashed rgba(23,35,43,.12) } .rv-lp .score-l .num { font-size:42px;font-weight:800;letter-spacing:-.04em;line-height:1; background:linear-gradient(135deg,var(--mint),var(--grape));-webkit-background-clip:text;background-clip:text;color:transparent } .rv-lp .score-l .st { font-size:14px;color:var(--sun);letter-spacing:2px;margin:7px 0 3px } .rv-lp .score-l .cnt { font-size:10.5px;color:var(--ink3);letter-spacing:.04em } .rv-lp .bars-r { display:grid;gap:5px } .rv-lp .brow { display:flex;align-items:center;gap:9px;font-size:10.5px;color:var(--ink3);font-weight:700 } .rv-lp .brow .bt { flex:1;height:7px;border-radius:4px;background:#eef0f4;overflow:hidden } .rv-lp .brow .bf { height:100%;border-radius:4px;background:linear-gradient(90deg,var(--mint),#7fdcc4) } .rv-lp .brow:nth-child(1) .bf { background:linear-gradient(90deg,var(--mint),#6fd8bd) } .rv-lp .brow:nth-child(2) .bf { background:linear-gradient(90deg,#57cfb3,#9ee6d3) } .rv-lp .brow:nth-child(3) .bf { background:linear-gradient(90deg,var(--sun),#ffd48a) } .rv-lp .brow:nth-child(4) .bf { background:linear-gradient(90deg,var(--coral),#ffa69e) } .rv-lp .rev-tabs { display:flex;gap:9px;flex-wrap:wrap;margin-bottom:24px;position:relative;z-index:2 } .rv-lp .rtab { font-size:12px;font-weight:700;padding:8px 16px;border-radius:999px;border:1.5px solid rgba(23,35,43,.12); background:#fff;color:var(--ink2);cursor:pointer;transition:.22s;font-family:inherit;display:inline-flex;align-items:center;gap:6px } .rv-lp .rtab:hover { border-color:var(--mint);color:var(--mint) } .rv-lp .rtab.on { background:var(--ink);color:#fff;border-color:var(--ink) } .rv-lp .rtab em { font-style:normal;font-size:10px;opacity:.55 } .rv-lp .ugc-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative;z-index:2 } @media(max-width:1100px) { .rv-lp .ugc-grid { grid-template-columns:repeat(3,1fr) } } .rv-lp .ugc { position:relative;border-radius:18px;overflow:hidden;background:rgba(255,255,255,.9);border:1px solid rgba(23,35,43,.07); transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s;cursor:pointer } .rv-lp .ugc:hover { transform:translateY(-6px);box-shadow:0 24px 46px rgba(23,35,43,.14);border-color:rgba(47,191,155,.4) } .rv-lp .ugc .thumb { position:relative;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;overflow:hidden } .rv-lp .ugc .thumb::after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(23,35,43,.42) 100%);opacity:.85 } .rv-lp .ugc .thumb img { width:74%;mix-blend-mode:multiply;transition:transform .5s cubic-bezier(.2,.8,.2,1);position:relative;z-index:1 } .rv-lp .ugc:hover .thumb img { transform:scale(1.1) rotate(-2deg) } .rv-lp .bg-a { background:radial-gradient(120% 100% at 30% 10%,#ffffff 0%,#d7f3ea 58%,#b6ead9 100%) } .rv-lp .bg-b { background:radial-gradient(120% 100% at 70% 10%,#ffffff 0%,#ece4fd 58%,#dccdfb 100%) } .rv-lp .bg-c { background:radial-gradient(120% 100% at 30% 10%,#ffffff 0%,#ffe9c7 58%,#ffe0b0 100%) } .rv-lp .bg-d { background:radial-gradient(120% 100% at 60% 10%,#ffffff 0%,#ffe0dc 58%,#ffd0ca 100%) } .rv-lp .ugc.video .thumb::before { content:"";position:absolute;inset:0;z-index:2; background:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 2px,transparent 2px 4px);opacity:.35;pointer-events:none } .rv-lp .playbtn { position:absolute;z-index:4;top:50%;left:50%;transform:translate(-50%,-50%); width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center; box-shadow:0 10px 26px rgba(23,35,43,.28);transition:.3s } .rv-lp .playbtn::before { content:"";width:0;height:0;border-left:15px solid var(--ink);border-top:9px solid transparent;border-bottom:9px solid transparent;margin-left:4px } .rv-lp .ugc:hover .playbtn { transform:translate(-50%,-50%) scale(1.12);background:var(--mint) } .rv-lp .ugc:hover .playbtn::before { border-left-color:#fff } .rv-lp .playbtn::after { content:"";position:absolute;inset:-7px;border-radius:50%;border:1.5px solid rgba(255,255,255,.6);animation:ping 2.4s infinite } @keyframes ping {0%{transform:scale(.9);opacity:.9}70%{transform:scale(1.35);opacity:0}100%{opacity:0}} .rv-lp .dur { position:absolute;z-index:4;right:9px;top:9px;background:rgba(23,35,43,.66);color:#fff;font-size:9.5px; font-weight:800;padding:3px 7px;border-radius:6px;letter-spacing:.04em;display:flex;align-items:center;gap:4px } .rv-lp .dur::before { content:"▶";font-size:7px } .rv-lp .ugc-info { position:absolute;z-index:3;left:0;right:0;bottom:0;padding:12px 13px;color:#fff } .rv-lp .ugc-info .u { display:flex;align-items:center;gap:7px;font-size:10.5px;font-weight:700;opacity:.92 } .rv-lp .ugc-info .u i { width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center; font-size:9px;font-weight:800;font-style:normal;color:#fff;background:linear-gradient(135deg,var(--mint),var(--grape)) } .rv-lp .ugc-info .u .vf { background:var(--mint);border-radius:4px;padding:1px 4px;font-size:8px;font-style:normal;letter-spacing:.04em } .rv-lp .ugc-info .q { font-size:11.5px;line-height:1.5;margin-top:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;opacity:.95 } .rv-lp .ugc-info .stars { font-size:9.5px;color:var(--sun);margin-top:4px;letter-spacing:1px } .rv-lp .heart { position:absolute;z-index:5;right:10px;bottom:calc(100% - 46px);width:30px;height:30px;border-radius:50%; background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;font-size:13px; opacity:0;transform:translateY(8px) scale(.8);transition:.35s } .rv-lp .ugc:hover .heart { opacity:1;transform:translateY(0) scale(1) } .rv-lp .sku { position:absolute;z-index:4;left:9px;top:9px;background:rgba(255,255,255,.94);color:var(--ink); font-size:9px;font-weight:800;letter-spacing:.04em;padding:3px 7px;border-radius:6px } .rv-lp .rev-bottom { display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;margin-top:30px; background:rgba(255,255,255,.92);backdrop-filter:blur(6px);border:1px solid rgba(23,35,43,.07);border-radius:20px;padding:22px 26px;position:relative;z-index:2 } .rv-lp .rev-bottom .who { display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--ink2) } .rv-lp .rev-bottom .who .line { font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--ink3) } .rv-lp .avrow { display:flex } .rv-lp .avrow i { width:32px;height:32px;border-radius:50%;border:2.5px solid #fff;margin-left:-10px;display:flex; align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:800;font-style:normal; box-shadow:0 3px 8px rgba(23,35,43,.12) } .rv-lp .avrow i:first-child { margin-left:0 } .rv-lp .rev-bottom b { color:var(--ink) } .rv-lp .science { background:rgba(255,255,255,.86);backdrop-filter:blur(6px);border-radius:34px;margin:0 24px;border:1px solid rgba(23,35,43,.07);position:relative;overflow:hidden } .rv-lp .science::before { content:"";position:absolute;inset:0;pointer-events:none; background-image:linear-gradient(rgba(47,191,155,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.06) 1px,transparent 1px); background-size:52px 52px } .rv-lp .sci-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative;z-index:2 } .rv-lp .sci { background:linear-gradient(180deg,#fbfdfc,#f7fbfa);border:1px solid rgba(23,35,43,.06);border-radius:20px;padding:28px 26px;transition:.3s;position:relative;overflow:hidden } .rv-lp .sci:hover { transform:translateY(-5px);box-shadow:0 20px 40px rgba(23,35,43,.08) } .rv-lp .sci .ic { width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:18px } .rv-lp .sci:nth-child(1) .ic { background:var(--mint-soft) } .rv-lp .sci:nth-child(2) .ic { background:var(--grape-soft) } .rv-lp .sci:nth-child(3) .ic { background:#fff3dd } .rv-lp .sci h4 { font-size:16.5px;font-weight:800;margin-bottom:10px } .rv-lp .sci p { font-size:12.5px;line-height:1.85;color:var(--ink2) } .rv-lp .sci .idx { position:absolute;top:20px;right:22px;font-size:12px;font-weight:800;color:rgba(23,35,43,.14);letter-spacing:.05em } .rv-lp .sci-steps { margin-top:44px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;z-index:2 } .rv-lp .step { position:relative;padding:22px 26px 0;border-top:2px solid rgba(23,35,43,.08) } .rv-lp .step::before { content:"";position:absolute;top:-7px;left:26px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid var(--mint) } .rv-lp .step:nth-child(2)::before { border-color:var(--grape) } .rv-lp .step:nth-child(3)::before { border-color:var(--sun) } .rv-lp .step:nth-child(4)::before { border-color:var(--coral) } .rv-lp .step b { display:block;font-size:13.5px;font-weight:800 } .rv-lp .step span { display:block;font-size:11.5px;color:var(--ink2);margin-top:5px;line-height:1.7 } .rv-lp .promise { background: radial-gradient(70% 60% at 92% 12%, rgba(255,233,199,.6) 0%, transparent 58%), radial-gradient(60% 55% at 4% 90%, rgba(236,228,253,.65) 0%, transparent 60%) } .rv-lp .pro-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:18px;position:relative;z-index:2 } .rv-lp .pro { display:flex;gap:18px;background:rgba(255,255,255,.92);backdrop-filter:blur(4px);border:1px solid rgba(23,35,43,.06);border-radius:20px;padding:24px 26px;transition:.3s;position:relative;overflow:hidden } .rv-lp .pro::after { content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--mint),var(--grape));opacity:0;transition:.3s } .rv-lp .pro:hover { box-shadow:0 18px 38px rgba(23,35,43,.08);transform:translateY(-3px) } .rv-lp .pro:hover::after { opacity:1 } .rv-lp .pro .pic { flex:0 0 46px;width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px } .rv-lp .pro:nth-child(odd) .pic { background:var(--mint-soft) } .rv-lp .pro:nth-child(even) .pic { background:var(--grape-soft) } .rv-lp .pro h5 { font-size:14.5px;font-weight:800;margin-bottom:5px } .rv-lp .pro p { font-size:12px;line-height:1.8;color:var(--ink2) } .rv-lp .final { position:relative;padding:96px 48px;text-align:center;z-index:2;overflow:hidden } .rv-lp .final h2 { font-size:46px;font-weight:800;letter-spacing:-.03em;line-height:1.12 } .rv-lp .final h2 .g { background:linear-gradient(90deg,var(--mint),var(--grape),var(--sun));-webkit-background-clip:text;background-clip:text;color:transparent } .rv-lp .final p { margin:18px auto 0;font-size:13.5px;color:var(--ink2);max-width:460px;line-height:1.9 } .rv-lp .final .hero-cta { justify-content:center;margin-top:30px } .rv-lp .connector { position:absolute;right:44%;top:58%;z-index:6 } .rv-lp .connector svg { display:block } @media(max-width:960px) { .rv-lp .hero { grid-template-columns:1fr;padding:16px 24px 0 } .rv-lp .stats { flex-direction:row;gap:40px;padding:30px 0 10px } .rv-lp h1 { font-size:44px } .rv-lp .dark-panel { margin-top:-40px;padding:70px 24px 0 } .rv-lp .dark-grid, .rv-lp .bottom { grid-template-columns:1fr;gap:30px } .rv-lp .grid6, .rv-lp .sci-grid { grid-template-columns:1fr 1fr;gap:16px } .rv-lp .grid6 .pdesc { min-height:34px;font-size:11px } .rv-lp .grid6 .pname { font-size:13px } .rv-lp .grid6 .price { font-size:15px } .rv-lp .pquick { display:none } .rv-lp .rev-top { grid-template-columns:1fr;gap:22px;align-items:start } .rv-lp .ugc-grid { grid-template-columns:1fr 1fr;gap:12px } .rv-lp .rev-bottom { grid-template-columns:1fr;gap:16px } .rv-lp .rev-bottom .btn { justify-content:center } .rv-lp .scorecard { grid-template-columns:auto 1fr;gap:14px;padding:16px 16px } .rv-lp .score-l .num { font-size:32px } .rv-lp .sub-grid, .rv-lp .story .wrap2 { grid-template-columns:1fr;gap:36px } .rv-lp .sci-steps { grid-template-columns:repeat(2,1fr);gap:26px 0 } .rv-lp .pro-grid { grid-template-columns:1fr } .rv-lp .section { padding:60px 24px } .rv-lp .deals { margin:0 12px;padding:50px 28px } .rv-lp .science { margin:0 12px } .rv-lp .subsec { margin:0 12px } .rv-lp .globe-wrap { max-width:100%;min-height:250px } .rv-lp .sub-copy { padding:44px 28px } .rv-lp .sub-copy h2 { font-size:32px } .rv-lp .sub-show { min-height:340px } .rv-lp .sub-grid { min-height:0 } .rv-lp .perks { grid-template-columns:repeat(2,1fr);max-width:100% } .rv-lp .science .section { padding:50px 28px } .rv-lp .menu { display:none } .rv-lp nav { padding:16px 20px;gap:12px } .rv-lp .topbar { padding:8px 40px;font-size:10.5px;gap:6px } .rv-lp .topbar span:nth-child(2) { display:none } .rv-lp .navtools .iconbtn { display:none } .rv-lp .navtools .btn { padding:9px 16px;font-size:12px } .rv-lp .connector { display:none } .rv-lp .product-wrap { grid-column:1;grid-row:auto;margin-top:20px } .rv-lp .panel-wire { display:none } } @media(max-width:680px) { .rv-lp .grid6, .rv-lp .sci-grid { grid-template-columns:1fr } } .rv-lp * { -webkit-user-drag: none !important; } /* ===== 可选：全宽突破（若页面两侧被主题容器留白，取消注释启用） ===== .rv-lp{ width:100vw; position:relative; left:50%; transform:translateX(-50%); } .rv-lp .wrap, .rv-lp .wrap2, .rv-lp .container{max-width:1180px;margin:0 auto} =================================================================== */
aud US(USD)
English
English
aud USD
Sign In Join Free

Why does RoyaVita exist?

Science Understands you better

Precision Intervention｜Sustainable Nutrition

Time Shines with Grace

Natural Freshwater Pearl

Each pearl carries a story of light, radiating its own tender brilliance.

Time Shines with Grace

Natural Freshwater Pearl

Each pearl carries a story of light, radiating its own tender brilliance.

new collection

New Arrivals

Our products are made for anyone to wear. They have a relaxed fit that's comfy and flattering.

new collection

New Arrivals

Our products are made for anyone to wear. They have a relaxed fit that's comfy and flattering.

new collection

New Arrivals

Our products are made for anyone to wear. They have a relaxed fit that's comfy and flattering.

产品分类

Anti-aging
Mood & Memory
Calming
Joint care

/ VIP SUPPORT /
/ Member Only Perks /
/ SCIENCE-BACKED · GLOBALLY SOURCED · PRECISION FORMULATED · MADE WITH PURPOSE /
/ CLEARER MIND · STEADIER ENERGY · BETTER EVERYDAY /

Tender Details

Health ≠ Supplement Stacking

Soft curves and subtle shine add warmth to any style.

DIRECT ABSORPTION WITHOUT CONVERSION

Younger body

As people age, ATP graduallydecreases and diminishesand various problemsbecome increasingly seriousEarly intervention, early careearly health.

NEW CUSTOMER

FIRST PURCHASE, GET DISCOUNT! SIGN UP AND GET 15% OFF!

Safe to eat

                                                

                                                        
                                
                            
                                                    

                                            

                

            

                        

                

                                        

                        

                        
                            
                            
                            
                        
                    

                                    

                                

                    

                        
Healthy and Natural

                        

                                                

                                                        
                                
                            
                                                    

                                            

                

            

                                

    













  

    
Boutique Services

        

            

                
          
          
          
        
                

          
The Art of Gift Giving

          

            
Your order will be individually packaged.
 

          

        

              

            

                
          
          
          
        
                

          
Precision and Professionalism

          

            
Our products are taken from natural plants, precisely formulated and professionally formulated, and are natural, healthy, safe and reliable.

          

        

              

            

                
          
          
          
        
                

          
 Free Shipping

          

            
You can enjoy free shipping 
when you spend $30 or more.

          

        

              

          

    

      

                

                    
            
            
            
          
                    

            
The Art of Gift Giving

            

              
Your order will be individually packaged.
 

            

          

                  

                

                    
            
            
            
          
                    

            
Precision and Professionalism

            

              
Our products are taken from natural plants, precisely formulated and professionally formulated, and are natural, healthy, safe and reliable.

            

          

                  

                

                    
            
            
            
          
                    

            
 Free Shipping

            

              
You can enjoy free shipping 
when you spend $30 or more.

            

          

                  

              

      

      

      

    

        

            
          

  









  

    

      
Got a Question? Let Us Help You Out!

      
Find answers to the most common questions below. If you need further assistance, our customer support team is just a click away.

      

                

          
            
            
            
          
        

                
We’re here for you:Monday to Friday: 7am -8:30pm.

        
We usually respond within 24 hours.

        

                    
                  

      

    

        

            

        

          Do you offer free shipping?
          

              
          

        

        
Yes, we offer free shipping on all orders within the continental United States. For international orders, free shipping is available for orders over $100.

      

            

        

          Can I cancel my order?
          

              
          

        

        
Yes, you can cancel your order. If your order has not been dispatched yet, you can cancel it through your account on our website. Log in, go to the “Order History” section, find the relevant order, and click the “Cancel Order” button.

      

            

        

          What's your warranty policy?
          

              
          

        

        
For our home appliances, the standard warranty period is usually one year for the whole machine and three to ten years for some key components, depending on the product.

      

            

        

          What payment methods do you accept?
          

              
          

        

        
We accept a variety of payment methods. You can use credit and debit cards, such as Visa, Mastercard, American Express, and Discover.

      

            

        

          How long does it take to process a refund?
          

              
          

        

        
Generally, if your refund is due to an eligible return and the item has been received and inspected by us, it usually takes 3 to 5 business days to process the refund.

      

            

        

          Have any other questions?
          

              
          

        

        
If you have any other questions, feel free to reach out to our customer service team.

      

          

        

            

        
          
          
          
        
      

            
We’re here for you:Monday to Friday: 7am -8:30pm.

      
We usually respond within 24 hours.

      

                
              

    

  









  

        

      
Subscribe to our emails

      
Be the first to know about new collections and exclusive offers.

            

        
        
Subscribe

      

          

  




















    


    x
    
 






    







    

        
        

            
            
        

    
        

                

                        
                
            
                    

                            

    

                
        






   
    
        
        
        
        
    
    
    

        

        

            

                Chatting
                closeChat
            

            

            

            

                

                
                

                    

                        sendFile
                    
                    
                        
                    
                

            

            
            
        

    





    

        
        
    











        
        
            
            
        
    







    

        

                        

                RoyaVita-RVI
            

                    

        
取消