.brand-builder{position:relative;overflow:hidden;padding-block:var(--brand-builder-padding-top-mobile) var(--brand-builder-padding-bottom-mobile);background:linear-gradient(180deg,#f9fbfd,#f3f6f9)}.brand-builder__inner{position:relative;z-index:2}.brand-builder__background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.brand-builder__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 82% 30%,rgba(31,109,255,.08),transparent 38%),radial-gradient(circle at 10% 85%,rgba(31,109,255,.05),transparent 38%)}.brand-builder__dots{position:absolute;top:90px;right:-40px;width:220px;height:220px;opacity:.2;background-image:radial-gradient(#1f6dff 1px,transparent 1px);background-size:18px 18px}.brand-builder__circle{position:absolute;right:-170px;bottom:-160px;width:440px;height:440px;border:1px solid rgba(31,109,255,.08);border-radius:50%}.brand-builder__layout{display:grid;gap:48px;padding:32px 24px;border:1px solid rgba(22,30,78,.06);border-radius:24px;background:#ffffff94;box-shadow:0 24px 70px #0d234e0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand-builder__content{min-width:0}.brand-builder__eyebrow{margin:0 0 14px;color:var(--color-primary, #1f6dff);font-size:.82rem;font-weight:700;line-height:1.3;letter-spacing:.12em;text-transform:uppercase}.brand-builder__heading{max-width:12ch;margin:0;color:var(--color-foreground, #161e4e);font-size:clamp(2.5rem,7vw,4rem);line-height:1;letter-spacing:-.055em;text-wrap:balance}.brand-builder__introduction{max-width:58ch;margin-top:22px;color:#161e4eb3;font-size:1rem;line-height:1.7}.brand-builder__introduction>*{margin-block:0}.brand-builder__introduction>*+*{margin-top:1em}.brand-builder__stages{margin-top:40px;border-top:1px solid rgba(22,30,78,.1)}.brand-builder__stage{border-bottom:1px solid rgba(22,30,78,.1)}.brand-builder__stage-button{display:grid;grid-template-columns:46px minmax(0,1fr) 28px;align-items:center;gap:14px;width:100%;padding:20px 0;-webkit-appearance:none;appearance:none;border:0;color:#161e4e94;background:transparent;font:inherit;text-align:left;cursor:pointer;transition:color .25s ease}.brand-builder__stage-button:hover{color:var(--color-primary, #1f6dff)}.brand-builder__stage-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(31,109,255,.18);border-radius:50%;color:var(--color-primary, #1f6dff);background:#1f6dff0d;font-size:.78rem;font-weight:700;line-height:1;transition:color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.brand-builder__stage-label{font-size:1.05rem;font-weight:650;line-height:1.3}.brand-builder__stage-toggle{position:relative;display:block;width:20px;height:20px}.brand-builder__stage-toggle span{position:absolute;top:50%;left:50%;width:14px;height:1.5px;background:currentColor;transform:translate(-50%,-50%);transition:transform .25s ease,opacity .25s ease}.brand-builder__stage-toggle span:last-child{transform:translate(-50%,-50%) rotate(90deg)}.brand-builder__stage.is-active .brand-builder__stage-button{color:var(--color-foreground, #161e4e)}.brand-builder__stage.is-active .brand-builder__stage-number{color:#fff;border-color:var(--color-primary, #1f6dff);background:var(--color-primary, #1f6dff);box-shadow:0 0 0 6px #1f6dff14}.brand-builder__stage.is-active .brand-builder__stage-toggle span:last-child{opacity:0;transform:translate(-50%,-50%) rotate(0)}.brand-builder__stage-content{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .4s cubic-bezier(.22,1,.36,1),opacity .3s ease}.brand-builder__stage-content-inner{overflow:hidden}.brand-builder__stage.is-active .brand-builder__stage-content{grid-template-rows:1fr;opacity:1}.brand-builder__stage-heading{margin:0;padding:0 0 12px 60px;color:var(--color-foreground, #161e4e);font-size:clamp(1.4rem,5vw,1.8rem);line-height:1.15;letter-spacing:-.035em}.brand-builder__stage-text{padding:0 0 22px 60px;color:#161e4ead;font-size:.98rem;line-height:1.65}.brand-builder__stage-text>*{margin-block:0}.brand-builder__stage-text>*+*{margin-top:1em}.brand-builder__mobile-media{width:100%;height:var(--brand-builder-image-height-mobile);margin:8px 0 24px;overflow:hidden;border-radius:16px;background:#eef3f8}.brand-builder__mobile-media{width:100%;height:var(--brand-builder-image-height-mobile);margin:8px 0 24px;overflow:hidden;border-radius:16px;background:#f3f6f9}.brand-builder__visual{display:none}.brand-builder__closing{max-width:52ch;margin-top:28px;color:#161e4ead;font-size:.95rem;line-height:1.6}.brand-builder__closing>*{margin-block:0}.brand-builder__actions{margin-top:24px}.brand-builder__button{width:fit-content}@media screen and (min-width:990px){.brand-builder{padding-block:var(--brand-builder-padding-top-desktop) var(--brand-builder-padding-bottom-desktop)}.brand-builder__layout{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:clamp(60px,7vw,120px);padding:clamp(48px,5vw,80px)}.brand-builder__heading{font-size:clamp(3rem,4.5vw,4.8rem)}.brand-builder__introduction{font-size:1.05rem}.brand-builder__stage-button{grid-template-columns:52px minmax(0,1fr) 28px;gap:16px;padding:22px 0}.brand-builder__stage-number{width:44px;height:44px}.brand-builder__stage-label{font-size:1.1rem}.brand-builder__stage-heading,.brand-builder__stage-text{padding-left:68px}.brand-builder__mobile-media{display:none}.brand-builder__visual{position:relative;display:block;height:var(--brand-builder-image-height-desktop);overflow:hidden;border-radius:24px;background:linear-gradient(135deg,#edf4fb,#e6eef8);box-shadow:0 30px 70px #1126501f}.brand-builder__visual-panel{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(1.02) translateY(8px);pointer-events:none;transition:opacity .45s ease,transform .55s cubic-bezier(.22,1,.36,1)}.brand-builder__visual-panel.is-active{z-index:2;opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.brand-builder__visual-image,.brand-builder__visual-placeholder,.brand-builder__placeholder-svg{display:block;width:100%;height:100%}.brand-builder__visual-image{object-fit:cover;object-position:center}.brand-builder__visual-placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.brand-builder__placeholder-svg{color:#161e4e24}.brand-builder__visual-number{position:absolute;top:-36px;right:12px;z-index:3;color:#fff;font-size:clamp(9rem,15vw,15rem);font-weight:800;line-height:1;letter-spacing:-.08em;opacity:.16;pointer-events:none;-webkit-user-select:none;user-select:none}.brand-builder__visual-shine{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(135deg,rgba(31,109,255,.06),transparent 45%);pointer-events:none}}@media screen and (min-width:1440px){.brand-builder__layout{grid-template-columns:minmax(0,.85fr) minmax(520px,1.15fr)}.brand-builder__stage-label{font-size:1.15rem}}@media screen and (max-width:480px){.brand-builder__layout{padding:28px 20px}.brand-builder__stage-button{grid-template-columns:40px minmax(0,1fr) 24px;gap:10px}.brand-builder__stage-number{width:36px;height:36px}.brand-builder__stage-label{font-size:.98rem}.brand-builder__stage-heading,.brand-builder__stage-text{padding-left:50px}}@media(prefers-reduced-motion:reduce){.brand-builder__stage-content,.brand-builder__stage-number,.brand-builder__stage-toggle span,.brand-builder__visual-panel{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/brand-builder.css.map */