:root{--wb-bg:#0B1026;--wb-bg2:#121A3A;--wb-bg3:#1A2350;--wb-text:#F4F1FF;--wb-muted:#B4B7D8;--wb-coral:#FF6B4A;--wb-lila:#A99CFF;--wb-ink:#0B1026;--wb-line:rgba(244,241,255,.13);--wb-glass:rgba(255,255,255,.06);--wb-r:28px;--wb-spring:cubic-bezier(.34,1.56,.64,1);--wb-ease:cubic-bezier(.16,1,.3,1)}body{background:var(--wb-bg)}.wb{background:var(--wb-bg);color:var(--wb-text);font-family:Outfit,system-ui,sans-serif;position:relative;overflow:hidden}.wb *{box-sizing:border-box}.wb a{color:inherit;text-decoration:none}.wb-wrap{max-width:1240px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.wb-h{font-family:Unbounded,system-ui,sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.04;margin:0;color:var(--wb-text)}.wb-h1{font-size:clamp(38px,6.6vw,92px)}.wb-h2{font-size:clamp(30px,4.6vw,62px)}.wb-h3{font-size:clamp(19px,1.8vw,24px);line-height:1.2}.wb-p{font-size:18px;line-height:1.6;color:var(--wb-muted);margin:0}.wb-tag{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 12px;border-radius:999px;background:var(--wb-glass);border:1px solid var(--wb-line);font-size:14px;font-weight:500;color:var(--wb-text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.wb-tag:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--wb-coral);box-shadow:0 0 0 4px #ff6b4a33;animation:wb-pulse 2.4s ease-in-out infinite}@keyframes wb-pulse{50%{box-shadow:0 0 0 8px #ff6b4a00}}.wb-grad{background:linear-gradient(100deg,var(--wb-coral) 10%,var(--wb-lila) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.wb-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 28px;border-radius:999px;font-family:Outfit,sans-serif;font-weight:600;font-size:17px;border:1px solid transparent;cursor:pointer;transition:transform .45s var(--wb-spring),background .3s,color .3s,box-shadow .3s;text-align:center}.wb-btn svg{width:18px;height:18px;flex:none;transition:transform .35s var(--wb-ease)}.wb-btn:hover svg{transform:translate(4px) rotate(-8deg)}.wb-btn--coral{background:var(--wb-coral);color:var(--wb-ink);box-shadow:0 12px 40px -12px #ff6b4acc}.wb-btn--coral:hover{box-shadow:0 18px 50px -10px #ff6b4a}.wb-btn--glass{background:var(--wb-glass);border-color:var(--wb-line);color:var(--wb-text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.wb-btn--glass:hover{background:#ffffff1f;border-color:#a99cff80}.wb-btn--ink{background:var(--wb-ink);color:var(--wb-text)}.wb-btn:focus-visible,.wb-filter a:focus-visible{outline:3px solid var(--wb-lila);outline-offset:3px}.wb-sec{padding:110px 0;position:relative}.wb-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:52px}.wb-head>div{max-width:720px}.wb-head .wb-h2{margin-top:18px}.wb-head .wb-p{max-width:420px}.wb-glass{background:linear-gradient(160deg,#ffffff17,#ffffff06);border:1px solid var(--wb-line);border-radius:var(--wb-r);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.wb-blobs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.wb-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:wb-float 20s ease-in-out infinite alternate}.wb-blob--coral{background:var(--wb-coral)}.wb-blob--lila{background:var(--wb-lila)}.wb-blob--blue{background:#3446ff;opacity:.45}@keyframes wb-float{0%{transform:translate(0) scale(1)}33%{transform:translate(70px,-50px) scale(1.12)}66%{transform:translate(-50px,60px) scale(.9)}to{transform:translate(40px,20px) scale(1.05)}}.wb-hero{padding:80px 0 90px;min-height:min(92vh,900px);display:flex;align-items:center}.wb-hero__grid{display:flex;flex-wrap:wrap;align-items:center;gap:48px}.wb-hero__text{flex:999 1 540px;min-width:0}.wb-hero__text .wb-h1{margin:26px 0}.wb-rotator{display:inline-block;height:1.05em;overflow:hidden;vertical-align:bottom}.wb-rotator__list{display:flex;flex-direction:column;transition:transform .8s var(--wb-spring)}.wb-rotator__list>span{display:block;height:1.05em;line-height:1.05em;white-space:nowrap;padding-right:.08em}.wb-hero .wb-p{max-width:540px;font-size:clamp(17px,1.5vw,20px)}.wb-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}.wb-hero__art{flex:1 1 380px;min-width:0;display:flex;justify-content:center;align-items:center;position:relative;min-height:440px}.wb-mock{width:100%;max-width:440px;padding:14px;transform:rotate(-4deg);box-shadow:0 40px 80px -30px #0009}.wb-mock__bar{display:flex;gap:8px;padding:6px 8px 14px}.wb-mock__bar i{width:12px;height:12px;border-radius:50%;background:var(--wb-line)}.wb-mock__bar i:first-child{background:var(--wb-coral)}.wb-mock__bar i:nth-child(2){background:var(--wb-lila)}.wb-mock__screen{border-radius:18px;background:var(--wb-bg2);padding:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wb-mock__hero{grid-column:1/-1;height:130px;border-radius:14px;background:linear-gradient(120deg,var(--wb-coral),var(--wb-lila));position:relative;overflow:hidden}.wb-mock__hero:before{content:"";position:absolute;left:18px;top:28px;width:52%;height:16px;border-radius:8px;background:#0b10268c;box-shadow:0 26px 0 -2px #0b102666}.wb-mock__hero:after{content:"";position:absolute;left:18px;bottom:18px;width:84px;height:26px;border-radius:13px;background:var(--wb-ink)}.wb-mock__card{height:86px;border-radius:12px;background:var(--wb-bg3)}.wb-mock__card:nth-child(3){background:linear-gradient(160deg,var(--wb-bg3),rgba(169,156,255,.35))}.wb-mock__line{grid-column:1/-1;height:10px;border-radius:5px;background:var(--wb-bg3)}.wb-mock__line--s{width:60%}.wb-chip{position:absolute;padding:12px 18px;border-radius:999px;font-weight:600;font-size:15px;white-space:nowrap;animation:wb-bob 6s ease-in-out infinite;z-index:2}.wb-chip--1{top:4%;left:2%;animation-delay:-1s}.wb-chip--2{bottom:8%;left:0;animation-delay:-3s}.wb-chip--3{top:30%;right:0;background:var(--wb-coral);color:var(--wb-ink);border:0;animation-delay:-2s;box-shadow:0 14px 40px -14px #ff6b4ae6}@keyframes wb-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(-2deg)}}@media(max-width:749px){.wb-hero{min-height:0;padding-top:50px}.wb-hero__art{min-height:380px}.wb-chip{font-size:13px;padding:10px 14px}}.wb-marquee{padding:26px 0;border-block:1px solid var(--wb-line);overflow:hidden;display:flex;flex-direction:column;gap:14px;position:relative;z-index:1;background:var(--wb-bg)}.wb-marquee__row{display:flex;width:max-content;gap:14px;animation:wb-scroll 46s linear infinite}.wb-marquee__row--rev{animation-direction:reverse;animation-duration:52s}.wb-marquee__row span{padding:12px 24px;border-radius:999px;border:1px solid var(--wb-line);font-family:Unbounded,sans-serif;font-size:17px;white-space:nowrap}.wb-marquee__row span:nth-child(3n+1){background:var(--wb-coral);color:var(--wb-ink);border-color:var(--wb-coral)}.wb-marquee__row span:nth-child(5n+3){background:var(--wb-lila);color:var(--wb-ink);border-color:var(--wb-lila)}.wb-marquee:hover .wb-marquee__row{animation-play-state:paused}@keyframes wb-scroll{to{transform:translate(-50%)}}.wb-art{display:block;width:100%;border-radius:22px;overflow:hidden;background:var(--wb-bg2)}.wb-art svg{display:block;width:100%;height:auto}.wb-split{display:flex;flex-wrap:wrap;gap:64px;align-items:center}.wb-split__media{flex:1 1 400px;min-width:0;position:relative}.wb-split__media .wb-art{transform:rotate(2.5deg);box-shadow:0 40px 90px -30px #000000b3;position:relative}.wb-split__media:before{content:"";position:absolute;top:8%;right:-4%;bottom:-6%;left:10%;border-radius:32px;border:2px dashed rgba(169,156,255,.35);transform:rotate(-4deg)}.wb-split__text{flex:999 1 440px;min-width:0}.wb-split__text .wb-h2{margin:20px 0 22px}.wb-checks{list-style:none;padding:0;margin:30px 0 34px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wb-checks li{display:flex;gap:12px;align-items:center;font-weight:500;font-size:16px}.wb-checks li:before{content:"";flex:none;width:26px;height:26px;border-radius:50%;background:var(--wb-coral) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.3l2.3 2.3L9.5 3.6' fill='none' stroke='%230B1026' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/13px}.wb-checks li:nth-child(2n):before{background-color:var(--wb-lila)}@media(max-width:560px){.wb-checks{grid-template-columns:1fr}}.wb-bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.wb-svc{grid-column:span 2;display:flex;flex-direction:column;padding:14px;position:relative;transition:border-color .3s}.wb-svc:hover{border-color:#ff6b4a8c}.wb-svc__body{padding:20px 10px 10px;display:flex;flex-direction:column;gap:10px;flex:1}.wb-svc__top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.wb-price{font-family:Unbounded,sans-serif;font-weight:700;font-size:22px;color:var(--wb-coral);white-space:nowrap;text-align:right;line-height:1.1}.wb-price small{display:block;font-family:Outfit,sans-serif;font-weight:500;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--wb-muted);margin-bottom:2px}.wb-svc .wb-p{font-size:15.5px}.wb-svc__go{margin-top:auto;padding-top:12px;display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--wb-lila)}.wb-svc__go svg{width:16px;height:16px;transition:transform .35s var(--wb-ease)}.wb-svc:hover .wb-svc__go svg{transform:translate(5px)}.wb-svc--wide{grid-column:span 6;flex-direction:row;align-items:center;gap:30px;padding:22px}.wb-svc--wide .wb-art{width:220px;flex:none}.wb-svc--wide .wb-svc__body{padding:0}.wb-svc--mini{grid-column:span 3;flex-direction:row;align-items:center;gap:18px;padding:12px}.wb-svc--mini .wb-art{width:120px;flex:none;border-radius:16px}.wb-svc--mini .wb-svc__body{padding:6px 10px 6px 0}.wb-svc--mini .wb-price,.wb-svc--mini .wb-h3{font-size:18px}.wb-svc__badge{position:absolute;top:26px;left:26px;z-index:2;padding:6px 12px;border-radius:999px;background:#0b1026b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}@media(max-width:1000px){.wb-svc{grid-column:span 3}.wb-svc--mini{grid-column:span 6}}@media(max-width:680px){.wb-svc,.wb-svc--mini,.wb-svc--wide{grid-column:span 6}.wb-svc--wide{flex-direction:column;align-items:stretch}.wb-svc--wide .wb-art{width:100%}.wb-svc--mini .wb-art{width:92px}}.wb-tilt{transform-style:preserve-3d;will-change:transform}.wb-tilt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),rgba(255,255,255,.16),transparent 42%);opacity:0;transition:opacity .35s}.wb-tilt:hover:after{opacity:1}.wb-sectors{position:relative}.wb-sectors>input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.wb-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}.wb-tabs label{display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:0 26px;border-radius:999px;border:1px solid var(--wb-line);font-family:Unbounded,sans-serif;font-size:15px;cursor:pointer;transition:transform .45s var(--wb-spring),background .3s,color .3s,border-color .3s}.wb-tabs label:hover{border-color:var(--wb-lila)}#wbs1:checked~.wb-tabs label[for=wbs1],#wbs2:checked~.wb-tabs label[for=wbs2],#wbs3:checked~.wb-tabs label[for=wbs3]{background:var(--wb-coral);border-color:var(--wb-coral);color:var(--wb-ink)}#wbs1:focus-visible~.wb-tabs label[for=wbs1],#wbs2:focus-visible~.wb-tabs label[for=wbs2],#wbs3:focus-visible~.wb-tabs label[for=wbs3]{outline:3px solid var(--wb-lila);outline-offset:3px}.wb-panel{display:none;flex-wrap:wrap;gap:44px;align-items:center;padding:44px;animation:wb-panel .7s var(--wb-spring)}#wbs1:checked~.wb-panels .wb-panel--1,#wbs2:checked~.wb-panels .wb-panel--2,#wbs3:checked~.wb-panels .wb-panel--3{display:flex}@keyframes wb-panel{0%{opacity:0;transform:translateY(24px) scale(.97)}}.wb-panel__text{flex:999 1 380px;min-width:0}.wb-panel__text .wb-h2{font-size:clamp(28px,3.4vw,46px);margin-bottom:16px}.wb-panel__list{list-style:none;padding:0;margin:24px 0 30px;display:flex;flex-wrap:wrap;gap:8px}.wb-panel__list li{padding:9px 16px;border-radius:999px;background:var(--wb-bg3);font-size:15px;font-weight:500}.wb-panel__art{flex:1 1 280px;max-width:380px}@media(max-width:640px){.wb-panel{padding:24px}.wb-tabs label{padding:0 18px;font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/webs-brand.css.map */
