.wpr-onesuite { --blue: #134feb; --blue-600: #0f40c4; --blue-50: #f3f6fe; --blue-100: #e7edfd; --blue-200: #b6c8f9; --purple: #6431f6; --flash: #7936ff; --motion: #ff1a1a; --merc: #5e8e3e; --vizual: #1a73e8; --ink: #121212; --heading: #1f2937; --body: #4b5563; --muted: #6b7280; --line: #e7e7e7; --bg: #fafafa; --white: #fff; --green: #16a34a; --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 20px; --shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 4px 12px rgba(16, 24, 40, .04); --shadow-lg: 0 12px 32px -8px rgba(19, 79, 235, .18); }
.wpr-onesuite * { box-sizing: border-box; }
.wpr-onesuite [hidden] { display: none !important; }
html { scroll-behavior: smooth; }
.wpr-onesuite { margin: 0; background: var(--white); color: var(--body); font: 400 15px/1.6 Inter, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
.wpr-onesuite h1, .wpr-onesuite h2, .wpr-onesuite h3, .wpr-onesuite h4 { margin: 0; color: var(--ink); font-family: "Inter Tight", Inter, sans-serif; font-weight: 600; letter-spacing: -.02em; line-height: 1.15; }
.wpr-onesuite p { margin: 0; }
.wpr-onesuite a { color: inherit; text-decoration: none; }
.wpr-onesuite button { font: inherit; cursor: pointer; }
.wpr-onesuite img { max-width: 100%; display: block; }
.wpr-onesuite .wrap { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.wpr-onesuite .ico { width: 18px; height: 18px; flex: none; }
.wpr-onesuite .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 46px; padding: 0 22px; border-radius: var(--r-sm); border: 1px solid transparent; font-weight: 500; font-size: 15px; transition: background .15s, border-color .15s, color .15s, box-shadow .15s; white-space: nowrap; }
.wpr-onesuite .btn .ico { width: 16px; height: 16px; }
.wpr-onesuite .btn--primary { background: var(--blue); color: #fff; box-shadow: 0 1px 2px rgba(19, 79, 235, .3); }
.wpr-onesuite .btn--primary:hover { background: var(--blue-600); }
.wpr-onesuite .btn--outline { background: #fff; color: var(--ink); border-color: var(--line); }
.wpr-onesuite .btn--outline:hover { border-color: var(--blue-200); color: var(--blue); }
.wpr-onesuite .btn--soft { background: var(--blue-100); color: var(--blue); }
.wpr-onesuite .btn--soft:hover { background: #dbe4fc; }
.wpr-onesuite .btn--white { background: #fff; color: var(--blue); }
.wpr-onesuite .btn--white:hover { background: var(--blue-50); }
.wpr-onesuite .btn--sm { height: 38px; padding: 0 16px; font-size: 14px; }
.wpr-onesuite .eyebrow { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border-radius: 999px; background: var(--blue-100); color: var(--blue); font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.wpr-onesuite .eyebrow::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.wpr-onesuite .sec { padding: 96px 0; }
.wpr-onesuite .sec--tint { background: var(--bg); border-block: 1px solid #f0f0f0; }
.wpr-onesuite .sec-head { text-align: center; max-width: 640px; margin: 0 auto 44px; }
.wpr-onesuite .sec-head h2 { font-size: 40px; margin: 16px 0 12px; }
.wpr-onesuite .sec-head p { font-size: 17px; }
.wpr-onesuite .hero { background: var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M32 0H0v32' fill='none' stroke='%23eef0f4'/%3E%3C/svg%3E"); border-bottom: 1px solid #f0f0f0; padding: 28px 0 56px; position: relative; overflow: hidden; }
.wpr-onesuite .hero::before { content: ""; position: absolute; inset: -40% 30% auto -10%; height: 560px; background: radial-gradient(closest-side, rgba(19, 79, 235, .10), transparent); pointer-events: none; }
.wpr-onesuite .crumbs { font-size: 14px; color: var(--muted); margin-bottom: 24px; position: relative; }
.wpr-onesuite .crumbs a:hover { color: var(--blue); }
.wpr-onesuite .crumbs span { margin: 0 8px; color: #c5c9d0; }
.wpr-onesuite .product { display: grid; grid-template-columns: minmax(0, 1fr) 440px; gap: 40px; align-items: start; position: relative; }
.wpr-onesuite .stage { background: #fff; border: 1px solid var(--line); border-radius: var(--r-xl); padding: 14px; box-shadow: var(--shadow); }
.wpr-onesuite .slide { aspect-ratio: 16 / 10.4; border-radius: var(--r-md); overflow: hidden; position: relative; }
.wpr-onesuite .bento { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(3, 1fr); gap: 10px; height: 100%; padding: 10px; background: var(--blue-50); }
.wpr-onesuite .tile { border-radius: 10px; background: #fff; border: 1px solid #e3e9f8; padding: 16px 18px; display: flex; flex-direction: column; justify-content: space-between; min-width: 0; }
.wpr-onesuite .tile b { font-family: "Inter Tight", sans-serif; font-weight: 600; color: var(--ink); font-size: clamp(22px, 3vw, 38px); letter-spacing: -.03em; line-height: 1; }
.wpr-onesuite .tile small { font-size: 12px; color: var(--muted); line-height: 1.35; }
.wpr-onesuite .tile--hero { grid-column: span 2; grid-row: span 2; background: var(--blue); border-color: var(--blue); color: #fff; position: relative; overflow: hidden; }
.wpr-onesuite .tile--hero::after { content: ""; position: absolute; right: -60px; bottom: -60px; width: 220px; height: 220px; border-radius: 50%; border: 36px solid rgba(255, 255, 255, .08); }
.wpr-onesuite .tile--hero b { color: #fff; font-size: clamp(26px, 3.4vw, 44px); }
.wpr-onesuite .tile--hero small { color: var(--blue-200); }
.wpr-onesuite .tile--hero .logos { display: flex; gap: 8px; }
.wpr-onesuite .tile--hero .logos span { width: 34px; height: 34px; border-radius: 9px; background: #fff; display: grid; place-items: center; }
.wpr-onesuite .tile--hero .logos img { width: 20px; height: 20px; object-fit: cover; object-position: left center; }
.wpr-onesuite .tile--wide { grid-column: span 2; }
.wpr-onesuite .tile .k { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; color: var(--heading); }
.wpr-onesuite .tile .k i { width: 8px; height: 8px; border-radius: 50%; background: var(--c, var(--blue)); }
.wpr-onesuite .tile--flash { background: #f6f1ff; border-color: #e7dbff; }
.wpr-onesuite .tile--flash b { color: var(--flash); }
.wpr-onesuite .tile--motion { background: #fff3f3; border-color: #ffdcdc; }
.wpr-onesuite .tile--motion b { color: #e01111; }
.wpr-onesuite .tile--merc { background: #f3f8ef; border-color: #dcead1; }
.wpr-onesuite .tile--merc b { color: var(--merc); }
.wpr-onesuite .shot { height: 100%; display: grid; place-items: center; padding: 28px; background: var(--tint); position: relative; }
.wpr-onesuite .shot .win { width: 100%; height: 100%; background: #fff; border-radius: 10px; border: 1px solid rgba(0, 0, 0, .06); box-shadow: 0 20px 40px -16px rgba(0, 0, 0, .18); display: grid; grid-template-rows: 30px 1fr; overflow: hidden; }
.wpr-onesuite .shot .bar { display: flex; align-items: center; gap: 6px; padding: 0 12px; border-bottom: 1px solid #f0f0f0; }
.wpr-onesuite .shot .bar i { width: 8px; height: 8px; border-radius: 50%; background: #e5e7eb; }
.wpr-onesuite .shot .body { display: grid; grid-template-columns: 1.1fr 1fr; gap: 20px; padding: 24px; align-items: center; }
.wpr-onesuite .shot .body img { height: 30px; width: auto; margin-bottom: 14px; }
.wpr-onesuite .shot .body h4 { font-size: clamp(18px, 2.2vw, 26px); margin-bottom: 8px; }
.wpr-onesuite .shot .body p { font-size: 13px; color: var(--muted); }
.wpr-onesuite .shot .mods { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.wpr-onesuite .shot .mods span { aspect-ratio: 1; border-radius: 8px; background: var(--tint); border: 1px solid var(--edge); display: grid; place-items: center; color: var(--c); }
.wpr-onesuite .shot .mods svg { width: 40%; height: 40%; }
.wpr-onesuite .shot--flash { --c: var(--flash); --tint: #f3edff; --edge: #e2d4ff; }
.wpr-onesuite .shot--motion { --c: #e01111; --tint: #fff1f1; --edge: #ffd6d6; }
.wpr-onesuite .shot--merc { --c: var(--merc); --tint: #f1f7ec; --edge: #d8e8cc; }
.wpr-onesuite .thumbs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 12px; }
.wpr-onesuite .thumb { border: 1px solid var(--line); background: #fff; border-radius: var(--r-md); padding: 6px; height: 74px; display: grid; place-items: center; transition: border-color .15s, box-shadow .15s; }
.wpr-onesuite .thumb > span { width: 100%; height: 100%; border-radius: 7px; display: grid; place-items: center; background: var(--tint, var(--blue-50)); }
.wpr-onesuite .thumb img { height: 22px; width: auto; max-width: 80%; }
.wpr-onesuite .thumb .mini { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 3px; width: 70%; height: 60%; }
.wpr-onesuite .thumb .mini i { border-radius: 3px; background: #dbe4fc; }
.wpr-onesuite .thumb .mini i:first-child { background: var(--blue); grid-row: span 2; }
.wpr-onesuite .thumb:hover { border-color: var(--blue-200); }
.wpr-onesuite .thumb[aria-selected="true"] { border-color: var(--blue); box-shadow: 0 0 0 3px var(--blue-100); }
.wpr-onesuite .buy { background: #fff; border: 1px solid var(--line); border-radius: var(--r-xl); padding: 28px; box-shadow: var(--shadow); position: sticky; top: 96px; }
.wpr-onesuite .buy-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
.wpr-onesuite .badge { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px; border-radius: 999px; font-size: 12px; font-weight: 600; }
.wpr-onesuite .badge--blue { background: var(--blue-100); color: var(--blue); }
.wpr-onesuite .badge--green { background: #e8f7ee; color: var(--green); }
.wpr-onesuite .rating { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--muted); }
.wpr-onesuite .stars { color: #f5a524; letter-spacing: 1px; font-size: 13px; }
.wpr-onesuite .buy h1 { font-size: 34px; margin-bottom: 10px; }
.wpr-onesuite .buy .lead { font-size: 15px; margin-bottom: 22px; }
.wpr-onesuite .seg { display: grid; grid-template-columns: 1fr 1fr; padding: 4px; background: #f3f4f6; border-radius: 10px; margin-bottom: 14px; }
.wpr-onesuite .seg button { height: 38px; border: 0; background: none; border-radius: 7px; font-weight: 500; color: var(--body); display: flex; align-items: center; justify-content: center; gap: 6px; }
.wpr-onesuite .seg button small { font-size: 11px; font-weight: 600; color: var(--green); }
.wpr-onesuite .seg button[aria-pressed="true"] { background: #fff; color: var(--ink); box-shadow: 0 1px 3px rgba(0, 0, 0, .1); }
.wpr-onesuite .field-label { font-size: 13px; font-weight: 500; color: var(--heading); margin-bottom: 6px; display: block; }
.wpr-onesuite .select { position: relative; margin-bottom: 20px; }
.wpr-onesuite .select select { appearance: none; width: 100%; height: 48px; padding: 0 40px 0 14px; border: 1px solid var(--line); border-radius: var(--r-sm); background: #fff; font: 500 15px Inter, sans-serif; color: var(--ink); cursor: pointer; }
.wpr-onesuite .select select:focus { outline: none; border-color: var(--blue); box-shadow: 0 0 0 3px var(--blue-100); }
.wpr-onesuite .select::after { content: ""; position: absolute; right: 16px; top: 50%; width: 7px; height: 7px; border-right: 1.5px solid var(--muted); border-bottom: 1.5px solid var(--muted); transform: translateY(-70%) rotate(45deg); pointer-events: none; }
.wpr-onesuite .price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; padding: 16px 0; border-top: 1px solid #f0f0f0; margin-bottom: 16px; }
.wpr-onesuite .price del { color: #9ca3af; font-size: 16px; }
.wpr-onesuite .price strong { font-family: "Inter Tight", sans-serif; font-size: 36px; font-weight: 600; color: var(--ink); letter-spacing: -.03em; }
.wpr-onesuite .price .per { color: var(--muted); font-size: 14px; }
.wpr-onesuite .price .save { margin-left: auto; }
.wpr-onesuite .actions { display: grid; grid-template-columns: 1.3fr 1fr; gap: 10px; }
.wpr-onesuite .actions .btn { height: 50px; }
.wpr-onesuite .checks { list-style: none; padding: 0; margin: 20px 0 0; display: grid; gap: 10px; font-size: 14px; }
.wpr-onesuite .checks li { display: flex; gap: 10px; align-items: flex-start; }
.wpr-onesuite .checks .ico { width: 18px; height: 18px; color: var(--green); margin-top: 1px; }
.wpr-onesuite .includes { margin-top: 20px; padding-top: 18px; border-top: 1px solid #f0f0f0; display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 13px; color: var(--muted); }
.wpr-onesuite .includes .logos { display: flex; gap: 6px; }
.wpr-onesuite .includes .logos span { width: 34px; height: 34px; border-radius: 9px; display: grid; place-items: center; border: 1px solid var(--line); background: #fff; }
.wpr-onesuite .includes .logos img { width: 18px; height: 18px; object-fit: cover; object-position: left center; }
.wpr-onesuite .stats { margin-top: 48px; display: grid; grid-template-columns: repeat(4, 1fr); background: #fff; border: 1px solid var(--line); border-radius: var(--r-xl); box-shadow: var(--shadow); position: relative; }
.wpr-onesuite .stats div { padding: 26px 28px; display: flex; align-items: center; gap: 16px; }
.wpr-onesuite .stats div + div { border-left: 1px solid #f0f0f0; }
.wpr-onesuite .stats .si { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: var(--blue-100); color: var(--blue); flex: none; }
.wpr-onesuite .stats .si .ico { width: 20px; height: 20px; }
.wpr-onesuite .stats b { display: block; font-family: "Inter Tight", sans-serif; font-weight: 600; font-size: 26px; color: var(--ink); letter-spacing: -.02em; line-height: 1.1; }
.wpr-onesuite .stats small { font-size: 13px; color: var(--muted); }
.wpr-onesuite .ptabs { display: flex; justify-content: center; gap: 8px; margin-bottom: 28px; flex-wrap: wrap; }
.wpr-onesuite .ptab { display: inline-flex; align-items: center; gap: 10px; height: 46px; padding: 0 18px 0 8px; border: 1px solid var(--line); background: #fff; border-radius: 999px; font-weight: 500; color: var(--heading); transition: all .15s; }
.wpr-onesuite .ptab .pl { width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; background: var(--tint); }
.wpr-onesuite .ptab .pl img { width: 16px; height: 16px; object-fit: cover; object-position: left center; }
.wpr-onesuite .ptab small { font-size: 12px; color: var(--muted); font-weight: 400; }
.wpr-onesuite .ptab:hover { border-color: var(--c); }
.wpr-onesuite .ptab[aria-selected="true"] { border-color: var(--c); background: var(--tint); color: var(--c); box-shadow: 0 0 0 3px var(--ring); }
.wpr-onesuite .ptab[aria-selected="true"] small { color: inherit; opacity: .75; }
.wpr-onesuite [data-p="flash"] { --c: var(--flash); --tint: #f3edff; --ring: #ece2ff; }
.wpr-onesuite [data-p="motion"] { --c: #e01111; --tint: #fff1f1; --ring: #ffe2e2; }
.wpr-onesuite [data-p="merc"] { --c: var(--merc); --tint: #f1f7ec; --ring: #e3efda; }
.wpr-onesuite [data-p="vizual"] { --c: var(--vizual); --tint: #eef4fe; --ring: #dce9fc; }
.wpr-onesuite .inside { border: 1px solid var(--line); border-radius: var(--r-xl); padding: 14px; background: var(--bg); }
.wpr-onesuite .fgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.wpr-onesuite .fcard { background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); padding: 24px; transition: border-color .15s, transform .15s, box-shadow .15s; }
.wpr-onesuite .fcard:hover { border-color: var(--ring); box-shadow: 0 8px 24px -12px rgba(0, 0, 0, .12); transform: translateY(-2px); }
.wpr-onesuite .fcard .fi { width: 42px; height: 42px; border-radius: 8px; display: grid; place-items: center; background: var(--tint); color: var(--c); margin-bottom: 18px; }
.wpr-onesuite .fcard .fi .ico { width: 20px; height: 20px; }
.wpr-onesuite .fcard h3 { font-size: 17px; margin-bottom: 6px; letter-spacing: -.01em; }
.wpr-onesuite .fcard p { font-size: 14px; }
.wpr-onesuite .inside-foot { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 12px 6px; font-size: 14px; }
.wpr-onesuite .inside-foot b { color: var(--ink); font-weight: 600; }
.wpr-onesuite .inside-foot .btn { background: var(--c); color: #fff; }
.wpr-onesuite .inside-foot .btn:hover { filter: brightness(.92); }
.wpr-onesuite .compare { background: #fff; border: 1px solid var(--line); border-radius: var(--r-xl); overflow: hidden; box-shadow: var(--shadow); }
.wpr-onesuite .compare table { width: 100%; border-collapse: collapse; font-size: 15px; }
.wpr-onesuite .compare th, .wpr-onesuite .compare td { padding: 18px 24px; text-align: left; border-bottom: 1px solid #f0f0f0; vertical-align: middle; }
.wpr-onesuite .compare tr:last-child td { border-bottom: 0; }
.wpr-onesuite .compare thead th { font-size: 13px; font-weight: 600; color: var(--muted); text-transform: uppercase; letter-spacing: .05em; background: #fcfcfc; }
.wpr-onesuite .compare tbody th { font-weight: 500; color: var(--ink); width: 22%; }
.wpr-onesuite .compare .us { background: var(--blue-50); color: var(--ink); font-weight: 500; width: 39%; }
.wpr-onesuite .compare thead .us { background: var(--blue); color: #fff; }
.wpr-onesuite .compare thead .us span { display: inline-flex; align-items: center; gap: 8px; }
.wpr-onesuite .compare thead .us em { font-style: normal; font-size: 11px; background: rgba(255, 255, 255, .2); padding: 2px 8px; border-radius: 999px; letter-spacing: .04em; }
.wpr-onesuite .compare .them { color: var(--muted); }
.wpr-onesuite .compare .ok { display: inline-flex; align-items: center; gap: 8px; }
.wpr-onesuite .compare .ok .ico { width: 18px; height: 18px; color: var(--blue); }
.wpr-onesuite .compare .num { font-family: "Inter Tight", sans-serif; font-weight: 600; font-size: 17px; }
.wpr-onesuite .compare .tag-save { margin-left: 8px; font-size: 12px; font-weight: 600; color: var(--green); background: #e8f7ee; padding: 2px 8px; border-radius: 999px; }
.wpr-onesuite .compare .them del { color: #9ca3af; }
.wpr-onesuite .why { display: grid; grid-template-columns: 1fr 1.35fr; gap: 64px; align-items: center; }
.wpr-onesuite .why h2 { font-size: 40px; margin: 16px 0 14px; }
.wpr-onesuite .why .intro p { font-size: 17px; margin-bottom: 24px; }
.wpr-onesuite .why .trust { display: flex; align-items: center; gap: 12px; font-size: 14px; }
.wpr-onesuite .why .trust .faces { display: flex; }
.wpr-onesuite .why .trust .faces i { width: 34px; height: 34px; border-radius: 50%; border: 2px solid #fff; margin-left: -8px; background: var(--g); }
.wpr-onesuite .why .trust .faces i:first-child { margin-left: 0; }
.wpr-onesuite .why .trust b { color: var(--ink); }
.wpr-onesuite .wgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.wpr-onesuite .wcard { background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); padding: 24px; }
.wpr-onesuite .wcard .fi { width: 42px; height: 42px; border-radius: 11px; display: grid; place-items: center; background: var(--blue-100); color: var(--blue); margin-bottom: 16px; }
.wpr-onesuite .wcard .fi .ico { width: 20px; height: 20px; }
.wpr-onesuite .wcard h3 { font-size: 17px; margin-bottom: 6px; letter-spacing: -.01em; }
.wpr-onesuite .wcard p { font-size: 14px; }
.wpr-onesuite .wcard:nth-child(2) { transform: translateY(24px); }
.wpr-onesuite .wcard:nth-child(4) { transform: translateY(24px); }
.wpr-onesuite .faq { max-width: 800px; margin: 0 auto; display: grid; gap: 10px; }
.wpr-onesuite .faq details { background: #fff; border: 1px solid var(--line); border-radius: var(--r-md); transition: border-color .15s, box-shadow .15s; }
.wpr-onesuite .faq details[open] { border-color: var(--blue-200); box-shadow: 0 0 0 3px var(--blue-50); }
.wpr-onesuite .faq summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 22px; font-weight: 500; color: var(--ink); font-size: 16px; }
.wpr-onesuite .faq summary::-webkit-details-marker { display: none; }
.wpr-onesuite .faq summary i { width: 28px; height: 28px; border-radius: 50%; background: #f3f4f6; flex: none; position: relative; transition: background .15s, transform .2s; }
.wpr-onesuite .faq summary i::before, .wpr-onesuite .faq summary i::after { content: ""; position: absolute; left: 50%; top: 50%; width: 10px; height: 1.6px; background: var(--heading); transform: translate(-50%, -50%); }
.wpr-onesuite .faq summary i::after { transform: translate(-50%, -50%) rotate(90deg); transition: opacity .2s; }
.wpr-onesuite .faq details[open] summary i { background: var(--blue); }
.wpr-onesuite .faq details[open] summary i::before { background: #fff; }
.wpr-onesuite .faq details[open] summary i::after { opacity: 0; }
.wpr-onesuite .faq details p { padding: 0 22px 20px; font-size: 15px; }
.wpr-onesuite .faq-more { text-align: center; margin-top: 28px; font-size: 15px; }
.wpr-onesuite .faq-more a { color: var(--blue); font-weight: 500; }
.wpr-onesuite .cta { background: var(--blue); border-radius: 24px; padding: 56px; display: grid; grid-template-columns: 1fr 440px; gap: 48px; align-items: center; color: #fff; position: relative; overflow: hidden; }
.wpr-onesuite .cta::before { content: ""; position: absolute; inset: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M40 0H0v40' fill='none' stroke='white' stroke-opacity='.07'/%3E%3C/svg%3E"); -webkit-mask: linear-gradient(90deg, #000, transparent 70%); mask: linear-gradient(90deg, #000, transparent 70%); }
.wpr-onesuite .cta::after { content: ""; position: absolute; left: -120px; bottom: -180px; width: 420px; height: 420px; border-radius: 50%; background: radial-gradient(closest-side, rgba(100, 49, 246, .55), transparent); }
.wpr-onesuite .cta > * { position: relative; z-index: 1; }
.wpr-onesuite .cta .eyebrow { background: rgba(255, 255, 255, .14); color: #fff; }
.wpr-onesuite .cta h2 { color: #fff; font-size: 42px; margin: 18px 0 14px; }
.wpr-onesuite .cta .sub { color: #dbe4fc; font-size: 17px; max-width: 460px; margin-bottom: 28px; }
.wpr-onesuite .cta .from { display: flex; align-items: baseline; gap: 8px; margin-bottom: 24px; }
.wpr-onesuite .cta .from strong { font-family: "Inter Tight", sans-serif; font-size: 44px; font-weight: 600; letter-spacing: -.03em; }
.wpr-onesuite .cta .from span { color: var(--blue-200); }
.wpr-onesuite .cta .btns { display: flex; gap: 10px; flex-wrap: wrap; }
.wpr-onesuite .cta .btn--ghost-w { color: #fff; border-color: rgba(255, 255, 255, .35); background: transparent; }
.wpr-onesuite .cta .btn--ghost-w:hover { background: rgba(255, 255, 255, .1); }
.wpr-onesuite .cta .mini-checks { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 24px; font-size: 14px; color: #dbe4fc; }
.wpr-onesuite .cta .mini-checks span { display: inline-flex; align-items: center; gap: 6px; }
.wpr-onesuite .cta .mini-checks .ico { width: 16px; height: 16px; color: #fff; }
.wpr-onesuite .bundle { background: #fff; color: var(--body); border-radius: var(--r-xl); padding: 26px; box-shadow: 0 30px 60px -20px rgba(4, 20, 80, .45); position: relative; }
.wpr-onesuite .bundle .ribbon { position: absolute; top: -12px; right: 20px; background: var(--purple); color: #fff; font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; padding: 5px 12px; border-radius: 999px; box-shadow: 0 6px 14px -4px rgba(100, 49, 246, .6); }
.wpr-onesuite .bundle .lbl { font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--blue); }
.wpr-onesuite .bundle h3 { font-size: 22px; margin: 6px 0 4px; }
.wpr-onesuite .bundle > p { font-size: 14px; margin-bottom: 18px; }
.wpr-onesuite .plug { display: flex; align-items: center; gap: 14px; padding: 12px; border: 1px solid var(--line); border-radius: var(--r-md); margin-bottom: 8px; border-left: 3px solid var(--c); }
.wpr-onesuite .plug .pl { width: 40px; height: 40px; border-radius: 10px; background: var(--tint); display: grid; place-items: center; flex: none; }
.wpr-onesuite .plug .pl img { width: 22px; height: 22px; object-fit: cover; object-position: left center; }
.wpr-onesuite .plug b { display: block; color: var(--ink); font-weight: 600; font-size: 15px; }
.wpr-onesuite .plug small { font-size: 13px; color: var(--muted); }
.wpr-onesuite .plug .val { margin-left: auto; text-align: right; font-size: 13px; color: #9ca3af; }
.wpr-onesuite .plug .val del { display: block; }
.wpr-onesuite .bundle .btn { width: 100%; margin-top: 10px; height: 50px; }
.wpr-onesuite .bundle .note { text-align: center; font-size: 13px; color: var(--muted); margin-top: 12px; }
.wpr-onesuite .bundle .note b { color: var(--green); }
.wpr-onesuite .more { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.wpr-onesuite .pcard { background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; transition: transform .15s, box-shadow .15s, border-color .15s; display: flex; flex-direction: column; }
.wpr-onesuite .pcard:hover { transform: translateY(-3px); box-shadow: 0 16px 32px -16px rgba(0, 0, 0, .18); border-color: var(--ring); }
.wpr-onesuite .pcard .art { aspect-ratio: 747 / 450; background: var(--tint); overflow: hidden; }
.wpr-onesuite .pcard .art img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.wpr-onesuite .pcard:hover .art img { transform: scale(1.04); }
.wpr-onesuite .pcard .body { padding: 20px; display: flex; flex-direction: column; flex: 1; }
.wpr-onesuite .pcard .tagline { font-size: 13px; color: var(--muted); margin: 2px 0 16px; flex: 1; }
.wpr-onesuite .pcard h3 { font-size: 18px; }
.wpr-onesuite .pcard .row { display: flex; align-items: flex-end; justify-content: space-between; gap: 8px; }
.wpr-onesuite .pcard .row small { display: block; font-size: 12px; color: var(--muted); }
.wpr-onesuite .pcard .row strong { font-family: "Inter Tight", sans-serif; font-weight: 600; font-size: 20px; color: var(--ink); }
.wpr-onesuite .pcard .btn { border-color: var(--line); color: var(--c); background: #fff; }
.wpr-onesuite .pcard:hover .btn { background: var(--c); border-color: var(--c); color: #fff; }
.wpr-onesuite .mbar { display: none; }
@media (max-width: 1080px) {
	.wpr-onesuite .product {grid-template-columns: 1fr;}
	.wpr-onesuite .buy {position: static;}
	.wpr-onesuite .cta {grid-template-columns: 1fr; padding: 44px;}
	.wpr-onesuite .more {grid-template-columns: repeat(2, 1fr);}
	.wpr-onesuite .why {grid-template-columns: 1fr; gap: 40px;}
}
@media (max-width: 760px) {
	.wpr-onesuite {font-size: 15px; padding-bottom: 76px;}
	.wpr-onesuite .wrap {padding: 0 16px;}
	.wpr-onesuite .sec {padding: 64px 0;}
	.wpr-onesuite .sec-head h2, .wpr-onesuite .why h2 {font-size: 30px;}
	.wpr-onesuite .sec-head p, .wpr-onesuite .why .intro p {font-size: 16px;}
	.wpr-onesuite .hero {padding-top: 20px;}
	.wpr-onesuite .stage {padding: 8px; border-radius: var(--r-lg);}
	.wpr-onesuite .bento {gap: 6px; padding: 6px; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto;}
	.wpr-onesuite .slide {aspect-ratio: auto;}
	.wpr-onesuite .slide[data-s="bento"] {aspect-ratio: auto;}
	.wpr-onesuite .tile {padding: 12px; gap: 10px;}
	.wpr-onesuite .tile--hero {grid-column: span 2; grid-row: auto; min-height: 170px;}
	.wpr-onesuite .tile--wide {grid-column: span 2;}
	.wpr-onesuite .tile--opt {display: none;}
	.wpr-onesuite .tile--merc {grid-column: span 2;}
	.wpr-onesuite .tile--hero b {font-size: 30px;}
	.wpr-onesuite .shot {aspect-ratio: 4 / 3.4; padding: 14px;}
	.wpr-onesuite .shot .body {grid-template-columns: 1fr; padding: 16px; gap: 14px;}
	.wpr-onesuite .shot .mods {grid-template-columns: repeat(6, 1fr);}
	.wpr-onesuite .thumbs {gap: 6px;}
	.wpr-onesuite .thumb {height: 56px; padding: 4px;}
	.wpr-onesuite .thumb img {height: 16px;}
	.wpr-onesuite .buy {padding: 20px; border-radius: var(--r-lg);}
	.wpr-onesuite .buy h1 {font-size: 28px;}
	.wpr-onesuite .price strong {font-size: 30px;}
	.wpr-onesuite .actions {grid-template-columns: 1fr;}
	.wpr-onesuite .stats {grid-template-columns: 1fr 1fr; margin-top: 28px;}
	.wpr-onesuite .stats div {padding: 18px 16px; flex-direction: column; align-items: flex-start; gap: 10px;}
	.wpr-onesuite .stats div + div {border-left: 0;}
	.wpr-onesuite .stats div:nth-child(even) {border-left: 1px solid #f0f0f0;}
	.wpr-onesuite .stats div:nth-child(n+3) {border-top: 1px solid #f0f0f0;}
	.wpr-onesuite .stats b {font-size: 22px;}
	.wpr-onesuite .ptabs {justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; margin: 0 -16px 20px; padding: 4px 16px; scrollbar-width: none;}
	.wpr-onesuite .ptab {flex: none;}
	.wpr-onesuite .inside {padding: 8px;}
	.wpr-onesuite .fgrid {grid-template-columns: 1fr; gap: 8px;}
	.wpr-onesuite .fcard {padding: 18px; display: grid; grid-template-columns: auto; column-gap: 14px;}
	.wpr-onesuite .fcard .fi {margin: 0; grid-row: span 2;}
	.wpr-onesuite .inside-foot {flex-direction: column; align-items: stretch; text-align: center; padding: 14px 6px 6px;}
	.wpr-onesuite .compare {overflow-x: auto;}
	.wpr-onesuite .compare table {min-width: 620px; font-size: 14px;}
	.wpr-onesuite .compare th, .wpr-onesuite .compare td {padding: 14px 16px;}
	.wpr-onesuite .wgrid {grid-template-columns: 1fr; gap: 10px;}
	.wpr-onesuite .wcard:nth-child(2), .wpr-onesuite .wcard:nth-child(4) {transform: none;}
	.wpr-onesuite .faq summary {padding: 16px; font-size: 15px;}
	.wpr-onesuite .faq details p {padding: 0 16px 16px;}
	.wpr-onesuite .cta {padding: 32px 20px; border-radius: var(--r-xl); gap: 32px;}
	.wpr-onesuite .cta h2 {font-size: 30px;}
	.wpr-onesuite .cta .from strong {font-size: 36px;}
	.wpr-onesuite .bundle {padding: 20px;}
	.wpr-onesuite .plug .val {display: none;}
	.wpr-onesuite .more {grid-template-columns: 1fr 1fr; gap: 10px;}
	.wpr-onesuite .pcard .body {padding: 14px;}
	.wpr-onesuite .pcard h3 {font-size: 16px;}
	.wpr-onesuite .pcard .tagline {font-size: 12px; margin-bottom: 12px;}
	.wpr-onesuite .pcard .row {flex-direction: column; align-items: stretch; gap: 10px;}
	.wpr-onesuite .pcard .row strong {font-size: 18px;}
	.wpr-onesuite .pcard .btn {width: 100%; padding: 0 8px;}
	.wpr-onesuite .mbar {display: flex; align-items: center; gap: 12px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; background: #fff; border-top: 1px solid var(--line); padding: 12px 16px; box-shadow: 0 -8px 24px -12px rgba(0, 0, 0, .15); transform: translateY(110%); transition: transform .25s;}
	.wpr-onesuite .mbar.show {transform: none;}
	.wpr-onesuite .mbar div {flex: 1; min-width: 0;}
	.wpr-onesuite .mbar small {display: block; font-size: 12px; color: var(--muted);}
	.wpr-onesuite .mbar strong {font-family: "Inter Tight", sans-serif; font-size: 20px; color: var(--ink);}
	.wpr-onesuite .mbar .btn {height: 46px;}
}
.wpr-onesuite .wpr-buy { display: contents; }
.wpr-onesuite .wpr-buy[hidden] { display: none; }
.wpr-onesuite .fluent-cart-add-to-cart-button.is-hidden { display: inline-flex; }
.wpr-onesuite .actions .fluent-cart-direct-checkout-button,
.wpr-onesuite .actions .fluent-cart-add-to-cart-button {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	width: 100%; height: 50px; padding: 0 22px; margin: 0;
	border-radius: var(--r-sm); border: 1px solid transparent;
	font-family: inherit; font-weight: 500; font-size: 15px; line-height: 1;
	white-space: nowrap; cursor: pointer;
	transition: background .15s, border-color .15s, color .15s, box-shadow .15s;
}
.wpr-onesuite .actions .fluent-cart-direct-checkout-button {
	background: var(--blue); color: #fff; box-shadow: 0 1px 2px rgba(19, 79, 235, .3);
}
.wpr-onesuite .actions .fluent-cart-direct-checkout-button:hover { background: var(--blue-600); color: #fff; }
.wpr-onesuite .actions .fluent-cart-add-to-cart-button {
	background: #fff; color: var(--ink); border-color: var(--line);
}
.wpr-onesuite .actions .fluent-cart-add-to-cart-button:hover { border-color: var(--blue-200); color: var(--blue); }
.wpr-onesuite .actions svg { width: 16px; height: 16px; }
.wpr-onesuite .select select:disabled { opacity: 1; color: var(--ink); }
.wpr-onesuite .field-label { display: block; font-size: 13px; font-weight: 500; color: var(--heading); margin-bottom: 6px; }
.wpr-onesuite .pcard .tagline {
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
	overflow: hidden; min-height: 2.8em;
}
.wpr-onesuite .actions .fluent-cart-direct-checkout-button::after,
.wpr-onesuite .actions .fluent-cart-add-to-cart-button::before {
	content: ""; width: 16px; height: 16px; flex: none;
	background: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
	-webkit-mask-position: center; mask-position: center;
	-webkit-mask-size: contain; mask-size: contain;
}
.wpr-onesuite .actions .fluent-cart-direct-checkout-button::after {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
}
.wpr-onesuite .actions .fluent-cart-add-to-cart-button::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.4 11.2a2 2 0 002 1.6h8.2a2 2 0 002-1.5L21 8H6.2'/%3E%3Ccircle cx='10' cy='20.5' r='1'/%3E%3Ccircle cx='17' cy='20.5' r='1'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.4 11.2a2 2 0 002 1.6h8.2a2 2 0 002-1.5L21 8H6.2'/%3E%3Ccircle cx='10' cy='20.5' r='1'/%3E%3Ccircle cx='17' cy='20.5' r='1'/%3E%3C/svg%3E");
}
.wpr-onesuite .actions .fluent-cart-add-to-cart-button.is-loading::before,
.wpr-onesuite .actions .fluent-cart-direct-checkout-button.is-loading::after { display: none; }

.wpr-onesuite .stage--image { padding: 0; border: 0; background: none; box-shadow: none; border-radius: var(--r-xl); overflow: hidden; aspect-ratio: var(--ratio, 16 / 10.4); }
.wpr-onesuite .stage--image img { display: block; width: 100%; height: 100%; object-fit: cover; }