.r-brand-examples{margin:-12px 0 34px;container-type:inline-size}.r-brand-phones{isolation:isolate;grid-template-columns:1fr 1fr;gap:14px;padding:12px 8px 18px;display:grid}.r-brand-phone{aspect-ratio:9/16;color:#fff;background:#151923;border-radius:22px;transition:transform .35s,box-shadow .35s;position:relative;overflow:hidden;transform:rotate(-4deg);box-shadow:0 16px 32px -15px #26336b70,0 0 0 4px #fff}.r-brand-phone:nth-child(2){transform:translateY(12px)rotate(4deg)}.r-brand-portrait,.r-brand-shade{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.r-brand-shade{background:linear-gradient(#0006,#0000 24% 50%,#000b)}.r-brand-platform{letter-spacing:-.3px;text-shadow:0 1px 6px #0006;justify-content:space-between;align-items:center;font-size:clamp(11px,3.2cqw,16px);font-weight:750;display:flex;position:absolute;top:5%;left:7%;right:7%}.r-brand-concept{letter-spacing:.5px;background:#0006;border-radius:5px;padding:4px 5px;font-size:clamp(7px,1.7cqw,9px);font-weight:600}.r-brand-hook{text-align:center;letter-spacing:-.4px;color:#161719;font-size:clamp(12px,3.45cqw,19px);font-weight:750;line-height:1.5;position:absolute;top:16%;left:7%;right:7%;transform:rotate(-2deg)}.r-brand-hook span{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#fff;border-radius:5px;padding:3px 6px;box-shadow:0 2px 6px #0001}.r-brand-phone:nth-child(2) .r-brand-hook{transform:rotate(1deg)}.r-brand-captions{text-align:center;letter-spacing:-.7px;text-shadow:0 2px 1px #000,1px 0 #000,-1px 0 #000;font-size:clamp(12px,3.8cqw,21px);font-weight:900;line-height:1.13;position:absolute;bottom:28%;left:7%;right:17%}.r-brand-captions mark{color:#dcff79;background:0 0;display:block}.r-brand-phone:nth-child(2) .r-brand-captions mark{color:#8be3ff}.r-brand-social{filter:drop-shadow(0 1px 2px #0006);gap:12px;display:grid;position:absolute;bottom:25%;right:7%}.r-brand-social svg{width:clamp(15px,4.3cqw,24px);height:clamp(15px,4.3cqw,24px)}.r-brand-bottom{gap:7px;display:grid;position:absolute;bottom:7%;left:8%;right:8%}.r-brand-bottom>strong{font-size:clamp(10px,2.7cqw,15px);font-weight:700;line-height:1.25}.r-brand-views{align-items:center;gap:4px;font-size:clamp(9px,2.3cqw,12px);display:flex}.r-brand-views svg{width:13px;height:13px}.r-brand-views b{font-weight:750}.r-brand-views>span{opacity:.85;font-size:.85em}.r-brand-progress{background:#ffffff4d;border-radius:3px;height:2px;position:absolute;bottom:3%;left:8%;right:8%}.r-brand-progress:before{content:"";background:#fff;width:38%;height:100%;display:block}.r-brand-phone:nth-child(2) .r-brand-progress:before{width:65%}.r-brand-examples figcaption{text-align:center;color:#74798b;margin-top:14px;font-size:11px;line-height:1.5}@media (hover:hover){.r-brand-phone:hover{transform:translateY(-4px)rotate(0);box-shadow:0 22px 35px -15px #26336b70,0 0 0 4px #fff}.r-brand-phone:nth-child(2):hover{transform:translateY(8px)rotate(0)}}@media (max-width:480px){.r-brand-phones{gap:11px;padding-inline:2px}.r-brand-phone{border-radius:15px}.r-brand-social{gap:8px}.r-brand-examples figcaption{font-size:10px}.r-brand-examples{margin-top:-5px}}@media (prefers-reduced-motion:reduce){.r-brand-phone{transition:none}}.r-button.r-juicy{isolation:isolate;text-shadow:0 1px 3px #132c9955;background:radial-gradient(at 15% 0,#69d6ff99,#0000 48%),radial-gradient(at 95% 100%,#7160ffbb,#0000 52%),linear-gradient(125deg,#228cff 0%,#2357f5 48%,#5140eb 100%);border:1px solid #7ab8ff;border-bottom-color:#3946d3;border-radius:20px;min-width:280px;padding:23px 38px;transition:transform .3s cubic-bezier(.2,.8,.25,1.5),box-shadow .3s,filter .3s;position:relative;overflow:hidden;box-shadow:inset 0 2px #ffffff70,inset 0 -2px 5px #2337a83d,0 5px #263bb3,0 12px 25px #3155ff40,0 0 35px #429cff20}.r-button.r-juicy:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(110deg,#0000 37%,#ffffff09 43%,#ffffff60 49%,#ffffff12 55%,#0000 62%);animation:6s ease-in-out 1s infinite r-button-sheen;position:absolute;inset:-60% -30%;transform:translate(-100%)rotate(-8deg)}.r-button.r-juicy:after{content:"";pointer-events:none;opacity:.65;background:radial-gradient(circle at 8% 27%,#fff 0 1px,#0000 2px),radial-gradient(circle at 92% 70%,#fffd 0 1px,#0000 2px),radial-gradient(circle at 86% 17%,#fff9 0 .7px,#0000 1.6px),radial-gradient(circle at 16% 82%,#fff8 0 .7px,#0000 1.5px);transition:opacity .3s;position:absolute;inset:0}.r-button.r-juicy:hover{filter:saturate(1.15)brightness(1.05);transform:translateY(-4px)scale(1.035);box-shadow:inset 0 2px #ffffff90,inset 0 -2px 5px #2337a830,0 8px #263bb3,0 18px 34px #3155ff50,0 0 45px #429cff30}.r-button.r-juicy:hover:after{opacity:1}.r-button.r-juicy:active{transition-duration:90ms;transform:translateY(4px)scale(.97);box-shadow:inset 0 2px 5px #15319a40,0 1px #263bb3,0 4px 14px #3155ff30}.r-button.r-juicy:focus-visible{outline-offset:8px;outline:3px solid #17171d}@keyframes r-button-sheen{0%,65%{transform:translate(-100%)rotate(-8deg)}90%,to{transform:translate(100%)rotate(-8deg)}}@media (prefers-reduced-motion:reduce){.r-button.r-juicy,.r-button.r-juicy:after{transition:none}.r-button.r-juicy:before{animation:none;display:none}.r-button.r-juicy:hover,.r-button.r-juicy:active{transform:none}}