.optl{flex-direction:column;gap:16px;display:flex}.optl-row{background:var(--pp-white,#fff);border:1px solid #0f172b14;border-radius:16px;align-items:stretch;display:flex}.optl-row.is-bad{background:linear-gradient(#fdf4f6 0%,#f7e9ee 100%);border-color:#df265129}.optl-row.is-good{background:linear-gradient(#f1fafa 0%,#e4f4f3 100%);border-color:#29a5a42e}.optl-row.is-bad .optl-side{border-right-color:#df265129}.optl-row.is-bad .optl-dot{box-shadow:0 0 0 6px #fbeff2}.optl-row.is-good .optl-dot{box-shadow:0 0 0 6px #ecf7f6}.optl-side{white-space:pre-line;font-family:var(--font-display);letter-spacing:-.3px;color:var(--pp-text,#0f172b);border-right:1px solid #0f172b14;border-radius:16px 0 0 16px;flex:0 0 168px;align-items:center;padding:22px 24px;font-size:17px;font-weight:700;line-height:1.3;display:flex}.optl-side.is-pp{background:var(--pp-green,#29a5a4);color:#fff;border-right:0}.optl-plot{flex:1;align-content:center;gap:0;min-width:0;padding:20px 24px;display:grid}.optl-nodes{align-items:start;display:grid}.optl-nodes.n7{grid-template-columns:repeat(7,1fr)}.optl-nodes.n3{grid-template-columns:minmax(0,.5fr) minmax(0,.5fr) minmax(0,2fr)}.optl-item{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.optl-nodes.n3 .optl-item{grid-row:3}.optl-plot{position:relative}.optl-item.has-tip{cursor:help;position:relative}.optl-tip{color:#fff;width:280px;max-width:min(280px,80vw);font-family:var(--font-body);text-align:left;opacity:0;visibility:hidden;z-index:5;background:#0f172b;border-radius:12px;padding:14px 16px;font-size:13.5px;font-weight:300;line-height:1.45;transition:opacity .18s,transform .18s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px);box-shadow:0 18px 40px -20px #0f172b99}.optl-tip:after{content:"";background:#0f172b;border-radius:2px;width:10px;height:10px;margin-top:-5px;position:absolute;top:100%;left:50%;transform:translate(-50%)rotate(45deg)}.optl-item.has-tip:hover .optl-tip,.optl-item.has-tip:focus .optl-tip,.optl-item.has-tip:focus-visible .optl-tip,.optl-item.has-tip:focus-within .optl-tip{opacity:1;visibility:visible;transform:translate(-50%)}.optl-item.has-tip:focus-visible{outline:2px solid var(--pp-green,#29a5a4);outline-offset:4px;border-radius:10px}.optl-item.has-tip:focus{outline:none}.optl-nodes.n7 .optl-item.has-tip:first-child .optl-tip{left:0;transform:translateY(4px)}.optl-nodes.n7 .optl-item.has-tip:first-child:hover .optl-tip,.optl-nodes.n7 .optl-item.has-tip:first-child:focus .optl-tip,.optl-nodes.n7 .optl-item.has-tip:first-child:focus-within .optl-tip{transform:translate(0)}.optl-nodes.n7 .optl-item.has-tip:first-child .optl-tip:after{left:18px}.optl-nodes .optl-item.has-tip:last-child .optl-tip{left:auto;right:0;transform:translateY(4px)}.optl-nodes .optl-item.has-tip:last-child:hover .optl-tip,.optl-nodes .optl-item.has-tip:last-child:focus .optl-tip,.optl-nodes .optl-item.has-tip:last-child:focus-within .optl-tip{transform:translate(0)}.optl-nodes .optl-item.has-tip:last-child .optl-tip:after{left:auto;right:18px}.optl-top,.optl-sub{font-family:var(--font-body);text-align:center;color:var(--pp-text-soft,#5b6079);font-size:13px;line-height:1.35}.optl-top{color:var(--pp-text,#0f172b);font-weight:600}.optl-mid{background:linear-gradient(#0000 calc(50% - 1px),#0f172b1f calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px));justify-content:center;width:100%;display:flex}.optl-dot{width:34px;height:34px;font-family:var(--font-display);color:#fff;box-shadow:0 0 0 6px var(--pp-white,#fff);background:#e8475c;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:inline-flex}.optl-dot.teal{background:var(--pp-green,#29a5a4)}.optl-dot.mute{color:var(--pp-text-soft,#5b6079);background:#eef1f6}.optl-dot svg{width:16px;height:16px}.optl-bracket{grid-area:1/1/auto/span 2;justify-content:center;margin-bottom:6px;display:flex}.optl-bracket span{white-space:nowrap;font-family:var(--font-display);color:var(--pp-green,#29a5a4);padding:0 10px;font-size:14px;font-weight:700;position:relative}.optl-bracket-line{border:2px solid var(--pp-green,#29a5a4);border-bottom:0;border-radius:4px 4px 0 0;grid-area:2/1/auto/span 2;height:10px;margin:0 24% 10px}.optl-sub.teal{color:var(--pp-green,#29a5a4)}@media (width<=1080px){.optl-side{flex:0 0 140px;padding:20px;font-size:16px}.optl-plot{padding:20px 14px}.optl-top,.optl-sub{font-size:11.5px}.optl-dot{width:30px;height:30px;font-size:14px}}@media (width<=900px){.optl-row{flex-direction:column}.optl-side{border-bottom:1px solid #0f172b14;border-right:0;border-radius:16px 16px 0 0;flex:none;padding:16px 20px}.optl-side.is-pp{border-bottom:0}.optl-plot{padding:20px 16px}.optl-dot{width:26px;height:26px;box-shadow:0 0 0 4px var(--pp-white,#fff);font-size:13px}.optl-dot svg{width:13px;height:13px}.optl-top,.optl-sub{font-size:10.5px}.optl-item{gap:6px}.optl-bracket span{font-size:12px}}.optl-cta{justify-content:center;margin-top:32px;display:flex}@media (width<=720px){.optl-item.has-tip{position:static}.optl-tip,.optl-nodes .optl-item.has-tip:first-child .optl-tip,.optl-nodes .optl-item.has-tip:last-child .optl-tip{width:auto;max-width:none;padding:12px 14px;font-size:13px;bottom:10px;left:10px;right:10px;transform:translateY(4px)}.optl-item.has-tip:hover .optl-tip,.optl-item.has-tip:focus .optl-tip,.optl-item.has-tip:focus-within .optl-tip,.optl-nodes .optl-item.has-tip:first-child:hover .optl-tip,.optl-nodes .optl-item.has-tip:first-child:focus .optl-tip,.optl-nodes .optl-item.has-tip:first-child:focus-within .optl-tip,.optl-nodes .optl-item.has-tip:last-child:hover .optl-tip,.optl-nodes .optl-item.has-tip:last-child:focus .optl-tip,.optl-nodes .optl-item.has-tip:last-child:focus-within .optl-tip{transform:translateY(0)}.optl-tip:after{display:none}.optl-plot{padding-bottom:20px}}@keyframes optlNodeIn{0%{opacity:0;transform:translateY(8px)scale(.94)}to{opacity:1;transform:none}}@keyframes optlRing{0%{box-shadow:0 0 #5b607959}70%{box-shadow:0 0 0 12px #5b607900}to{box-shadow:0 0 #5b607900}}@keyframes optlRingTeal{0%{box-shadow:0 0 #29a5a466}70%{box-shadow:0 0 0 14px #29a5a400}to{box-shadow:0 0 #29a5a400}}.op-safety[data-live=on] .optl-item{animation:.5s cubic-bezier(.2,.7,.3,1) both optlNodeIn;animation-delay:calc(var(--i,0)*.15s)}.op-safety[data-live=on] .optl-row.is-good .optl-item{animation-delay:calc(1.15s + var(--i,0)*.18s)}.op-safety[data-live=on] .optl-item.is-detect .optl-dot:after{content:"";border-radius:50%;animation:2.6s ease-out 1.5s infinite optlRing;position:absolute;inset:0}.op-safety[data-live=on] .optl-item.is-proof .optl-dot:after{content:"";border-radius:50%;animation:2.6s ease-out 2.2s infinite optlRingTeal;position:absolute;inset:0}.optl-dot{position:relative}@media (prefers-reduced-motion:reduce){.op-safety[data-live=on] .optl-item{animation:none}.op-safety[data-live=on] .optl-item.is-detect .optl-dot:after,.op-safety[data-live=on] .optl-item.is-proof .optl-dot:after{content:none;animation:none}}