.smbu{--smbu-royal: #263487;--smbu-sky: #2DAAE1;--smbu-sun: #FDC900;--smbu-ink: #14205A;--smbu-white: #FFFFFF;--smbu-bg: var(--smbu-royal);--smbu-fg: var(--smbu-white);--smbu-accent: var(--smbu-sun);--smbu-glow: rgba(45, 170, 225, .35);--smbu-card: var(--smbu-white);position:relative;overflow:hidden;background:var(--smbu-bg);color:var(--smbu-fg);font-family:var(--font-body--family, inherit)}.smbu.smbu--sky{--smbu-bg: var(--smbu-sky);--smbu-fg: var(--smbu-ink);--smbu-accent: var(--smbu-white);--smbu-glow: rgba(255, 255, 255, .4)}.smbu.smbu--sun{--smbu-bg: var(--smbu-sun);--smbu-fg: var(--smbu-ink);--smbu-accent: var(--smbu-royal);--smbu-glow: rgba(255, 255, 255, .5)}.smbu.smbu--white{--smbu-bg: #F4F7FB;--smbu-fg: var(--smbu-ink);--smbu-accent: var(--smbu-royal);--smbu-glow: rgba(45, 170, 225, .22)}.smbu *,.smbu *:before,.smbu *:after{box-sizing:border-box}.smbu__inner{max-width:1280px;margin-inline:auto;padding:clamp(56px,8vw,120px) max(20px,4vw);display:grid;gap:clamp(32px,4vw,56px)}.smbu__head{display:grid;gap:18px;justify-items:center;text-align:center}.smbu__eyebrow{margin:0;padding:8px 16px;border-radius:999px;background:var(--smbu-accent);color:var(--smbu-bg);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.smbu--sky .smbu__eyebrow,.smbu--sun .smbu__eyebrow,.smbu--white .smbu__eyebrow{color:var(--smbu-white);background:var(--smbu-ink)}.smbu__title{margin:0;font-family:var(--font-heading--family, inherit);font-weight:800;font-size:clamp(40px,6vw,88px);line-height:.98;letter-spacing:-.035em;color:var(--smbu-fg);text-wrap:balance}.smbu__title-2{display:block;color:var(--smbu-accent)}.smbu__text{max-width:54ch;font-size:clamp(17px,1.35vw,20px);line-height:1.55}.smbu__text p{margin:0}.smbu__phones{position:relative;display:flex;justify-content:center;align-items:flex-end;gap:clamp(22px,5vw,72px);padding:clamp(40px,5vw,64px) 0 clamp(16px,2vw,24px)}.smbu__sun{position:absolute;left:50%;top:50%;width:min(78%,640px);aspect-ratio:1;border-radius:50%;background:var(--smbu-glow);transform:translate(-50%,-46%)}.smbu__phone{--w: clamp(92px, 15vw, 190px);position:relative;width:var(--w);aspect-ratio:9 / 19}.smbu__phone--2{--w: clamp(100px, 16.5vw, 208px);margin-bottom:clamp(18px,3vw,40px)}.smbu__phone--1{transform:rotate(-6deg);--lx: -50%;--ly: -14%;--lr: -18deg}.smbu__phone--2{--lx: 58%;--ly: -18%;--lr: 16deg;z-index:2}.smbu__phone--3{transform:rotate(6deg);--lx: 50%;--ly: -14%;--lr: 18deg}.smbu__body{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:17%/8%;background:linear-gradient(150deg,#ffffff29,#fff0 45%),var(--ph);box-shadow:inset 0 0 0 2px #ffffff1f,0 28px 50px #0a103259}.smbu__cam{position:absolute;display:grid;gap:7%}.smbu__cam i{display:block;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,#4b5468 0 18%,#0b0d12 22% 58%,#2e3340 62% 100%);box-shadow:0 0 0 2px #ffffff14}.smbu__cam--square{left:8%;top:4%;width:42%;aspect-ratio:1;padding:9%;border-radius:26%;background:#ffffff1a;grid-template-columns:1fr 1fr}.smbu__cam--square i:last-child{grid-column:1}.smbu__cam--column{left:9%;top:5%;width:17%}.smbu__cam--bar{left:0;right:0;top:10%;height:9%;padding:0 18%;background:#00000059;grid-template-columns:repeat(2,13%);align-items:center;gap:6%}.smbu__tag{position:absolute;left:50%;top:55%;width:46%;height:auto;transform:translate(-50%,-50%) rotate(-4deg);border-radius:10%;animation:smbu-tag 9s ease-in-out infinite}.smbu__ring{position:absolute;left:50%;top:55%;width:46%;aspect-ratio:1;border-radius:50%;border:2px solid var(--smbu-sun);opacity:0;transform:translate(-50%,-50%) scale(.8);animation:smbu-ring 9s ease-out infinite}.smbu__ring--2{animation-name:smbu-ring-2}.smbu__case{position:absolute;top:-3.5%;right:-3.5%;bottom:-3.5%;left:-3.5%;border-radius:19%/9%;background:radial-gradient(rgba(255,255,255,.4) 1.4px,transparent 1.8px) 0 0 / 13px 13px,linear-gradient(160deg,#ffffff73,#ffffff0f 55%),var(--case);border:2px solid rgba(255,255,255,.65);-webkit-backdrop-filter:blur(4px) saturate(1.2);backdrop-filter:blur(4px) saturate(1.2);box-shadow:inset 0 0 0 6px #ffffff1f,0 18px 40px #0a103240;transform-origin:50% 90%;animation:smbu-case 9s cubic-bezier(.6,.05,.25,1) infinite}.smbu__case-cut{position:absolute;border:2px solid rgba(255,255,255,.6);background:#0000001f}.smbu__case-cut--square{left:10%;top:6%;width:44%;aspect-ratio:1;border-radius:26%}.smbu__case-cut--column{left:10%;top:6%;width:21%;height:26%;border-radius:999px}.smbu__case-cut--bar{left:3%;right:3%;top:12%;height:11%;border-radius:999px}.smbu__pin{position:absolute;left:50%;top:30%;z-index:3;padding:9px 14px;border-radius:999px;background:var(--smbu-sun);color:var(--smbu-ink);font-size:clamp(11px,1vw,14px);font-weight:800;white-space:nowrap;box-shadow:0 10px 24px #0a103240;opacity:0;transform:translate(-50%,10px);animation:smbu-pin 9s ease-in-out infinite}.smbu__pin:after{content:"";position:absolute;left:50%;bottom:-6px;width:12px;height:12px;background:inherit;transform:translate(-50%) rotate(45deg);border-radius:2px}.smbu__phone--2 .smbu__case,.smbu__phone--2 .smbu__tag,.smbu__phone--2 .smbu__ring,.smbu__phone--2 .smbu__pin{animation-delay:3s}.smbu__phone--3 .smbu__case,.smbu__phone--3 .smbu__tag,.smbu__phone--3 .smbu__ring,.smbu__phone--3 .smbu__pin{animation-delay:6s}@keyframes smbu-case{0%,3%{transform:translate(0) rotate(0)}11%,25%{transform:translate(var(--lx, 52%),var(--ly, -16%)) rotate(var(--lr, 18deg))}32%,to{transform:translate(0) rotate(0)}}@keyframes smbu-pin{0%,9%{opacity:0;transform:translate(-50%,10px)}13%,25%{opacity:1;transform:translate(-50%)}29%,to{opacity:0;transform:translate(-50%,10px)}}@keyframes smbu-tag{0%,9%,30%,to{transform:translate(-50%,-50%) rotate(-4deg) scale(1)}15%{transform:translate(-50%,-50%) rotate(-4deg) scale(1.08)}20%{transform:translate(-50%,-50%) rotate(-4deg) scale(1)}}@keyframes smbu-ring{0%,11%{opacity:0;transform:translate(-50%,-50%) scale(.8)}13%{opacity:.9}22%,to{opacity:0;transform:translate(-50%,-50%) scale(1.9)}}@keyframes smbu-ring-2{0%,16%{opacity:0;transform:translate(-50%,-50%) scale(.8)}18%{opacity:.9}27%,to{opacity:0;transform:translate(-50%,-50%) scale(1.9)}}.smbu__phone-copy{display:grid;gap:18px;justify-items:center;text-align:center;margin-top:-8px}.smbu__caption{margin:0;font-size:clamp(18px,1.6vw,22px);font-weight:800}.smbu__steps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 14px}.smbu__steps li{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);font-size:15px;font-weight:700}.smbu--sky .smbu__steps li,.smbu--sun .smbu__steps li,.smbu--white .smbu__steps li{background:#ffffff8c;border-color:#14205a1f}.smbu__steps span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--smbu-sun);color:var(--smbu-ink);font-size:13px;font-weight:800}.smbu__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.6vw,22px)}.smbu__card{display:grid;align-content:start;gap:6px;padding:14px 14px 20px;border-radius:26px;background:var(--smbu-card);color:var(--smbu-ink);box-shadow:0 18px 40px #0a103229}.smbu__stage{position:relative;aspect-ratio:4 / 3;border-radius:18px;background:#eef5fb;overflow:hidden;perspective:700px;margin-bottom:10px}.smbu__art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.smbu__card-title{margin:0;padding:0 6px;font-size:18px;font-weight:800}.smbu__card-text{margin:0;padding:0 6px;font-size:14px;line-height:1.45;color:#14205abf}.smbu__mini-tag{position:absolute;height:auto;border-radius:10%;filter:drop-shadow(0 4px 6px rgba(10,16,50,.3))}.smbu__mini-tag--bike{left:57%;top:52%;width:15%;transform:translate(-50%,-50%) rotate(-47deg);animation:smbu-pop 6s cubic-bezier(.3,1.6,.5,1) infinite}.smbu__mini-ring--bike{position:absolute;left:57%;top:52%;width:22%;aspect-ratio:1;border-radius:50%;border:3px solid var(--smbu-sun);transform:translate(-50%,-50%);opacity:0;animation:smbu-mini-ring 6s ease-out infinite}.smbu__mini-tag--cam{left:68%;top:50%;width:22%;transform:translate(-50%,-50%) rotate(-3deg)}.smbu__mini-tag--pods{left:50%;top:56%;width:22%;transform:translate(-50%,-50%) rotate(3deg)}.smbu__mini-tag--laptop{left:62%;top:62%;width:20%;transform:translate(-50%,-50%) rotate(-4deg)}.smbu__card-title a{color:inherit;text-decoration:none}.smbu__card-title a:hover{text-decoration:underline;text-underline-offset:3px}.smbu__mini-tag--wallet{left:50%;top:73%;width:15%;transform:translate(-50%,-50%);animation:smbu-pop-flat 6s cubic-bezier(.3,1.6,.5,1) 1s infinite}.smbu__mini-ring--wallet{position:absolute;left:50%;top:73%;width:22%;aspect-ratio:1;border-radius:50%;border:3px solid var(--smbu-sun);transform:translate(-50%,-50%);opacity:0;animation:smbu-mini-ring 6s ease-out 1s infinite}.smbu__c{transform-box:view-box;animation:smbu-card-out 6s cubic-bezier(.6,.05,.25,1) infinite}.smbu__c--2{animation-delay:.12s}.smbu__c--3{animation-delay:.24s}@keyframes smbu-card-out{0%,40%{transform:translateY(0)}52%,72%{transform:translateY(-12px)}84%,to{transform:translateY(0)}}@keyframes smbu-pop-flat{0%,8%{opacity:0;transform:translate(-50%,-50%) scale(.2)}16%,88%{opacity:1;transform:translate(-50%,-50%) scale(1)}96%,to{opacity:0;transform:translate(-50%,-50%) scale(.2)}}.smbu__flip{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;animation:smbu-flip-y 8s cubic-bezier(.6,.05,.25,1) infinite}.smbu__stage--x .smbu__flip{animation-name:smbu-flip-x}.smbu__flip--d2{animation-delay:1.4s}.smbu__flip--d3{animation-delay:2.8s}.smbu__face{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.smbu__face--back{transform:rotateY(180deg)}.smbu__stage--x .smbu__face--back{transform:rotateX(180deg)}.smbu__flag{position:absolute;left:10px;top:10px;padding:5px 10px;border-radius:999px;background:var(--smbu-sun);color:var(--smbu-ink);font-size:11px;font-weight:800;letter-spacing:.04em}@keyframes smbu-flip-y{0%,30%{transform:rotateY(0)}42%,76%{transform:rotateY(180deg)}88%,to{transform:rotateY(360deg)}}@keyframes smbu-flip-x{0%,30%{transform:rotateX(0)}42%,76%{transform:rotateX(180deg)}88%,to{transform:rotateX(360deg)}}@keyframes smbu-pop{0%,8%{opacity:0;transform:translate(-50%,-50%) rotate(-47deg) scale(.2)}16%,88%{opacity:1;transform:translate(-50%,-50%) rotate(-47deg) scale(1)}96%,to{opacity:0;transform:translate(-50%,-50%) rotate(-47deg) scale(.2)}}@keyframes smbu-mini-ring{0%,16%{opacity:0;transform:translate(-50%,-50%) scale(.7)}20%{opacity:1}40%,to{opacity:0;transform:translate(-50%,-50%) scale(1.7)}}.smbu__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.smbu__btn{box-sizing:border-box;border:2px solid transparent;display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:14px 32px;border-radius:999px;background:var(--smbu-sun);color:var(--smbu-ink);font-size:17px;font-weight:800;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}.smbu--sun .smbu__btn{background:var(--smbu-royal);color:var(--smbu-white)}.smbu__btn:hover{transform:translateY(-2px) rotate(-1deg);box-shadow:0 12px 26px #0a103240}.smbu__btn:focus-visible{outline:3px solid var(--smbu-fg);outline-offset:3px}.smbu__btn--ghost{background:transparent;border:2px solid currentColor;color:var(--smbu-fg)}.smbu--sun .smbu__btn--ghost{background:transparent;color:var(--smbu-ink)}.smbu__btn--ghost:hover{background:#ffffff1f}@media(max-width:1099px){.smbu__grid{grid-template-columns:repeat(6,minmax(0,1fr))}.smbu__card{grid-column:span 2}.smbu__card:nth-child(4){grid-column:2 / span 2}}@media(max-width:749px){.smbu__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.smbu__card,.smbu__card:nth-child(4){grid-column:auto}.smbu__card--wallet{grid-column:1 / -1}.smbu__card--wallet .smbu__stage{aspect-ratio:16 / 9}}@media(max-width:599px){.smbu__actions{display:grid;grid-template-columns:1fr 1fr}.smbu__actions .smbu__btn:first-child{grid-column:1 / -1}.smbu__btn{min-height:50px;padding:12px 16px;font-size:15px}.smbu__phones{gap:14px}.smbu__pin{font-size:10px;padding:6px 9px}.smbu__card{padding:10px 10px 16px;border-radius:20px}.smbu__card-title{font-size:16px}.smbu__card-text{font-size:13px}}@media(prefers-reduced-motion:reduce){.smbu *,.smbu *:before,.smbu *:after{animation:none!important;transition:none!important}.smbu__case{transform:translate(var(--lx, 52%),var(--ly, -16%)) rotate(var(--lr, 18deg))}.smbu__pin{opacity:1;transform:translate(-50%)}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/smb-look-under.css.map */