/* SEO industry family (8 pages) — converted from the
   Stage-2-Industry-SEO-* exports. The class dictionary below is the
   exports' inline styles, deduplicated across the family; the layer after it
   adds the exports' keyframes, the interaction states (driven by ind-ga.js),
   the FAQ open state and the phone-width adaptation (the exports are
   desktop-only). */

/* generated: export style dictionary */
.so-c1{position: relative; margin-top: -102px; padding: 176px 40px 64px; overflow: hidden; background: radial-gradient(90% 70% at 78% 8%, rgba(244, 160, 0, 0.13), rgba(244, 160, 0, 0) 62%), rgb(5, 6, 8)}
.so-c2{position: relative; max-width: 1330px; margin: 0px auto}
.so-c3{display: flex; align-items: center; gap: 10px; font-size: 14px; margin-bottom: 30px}
.so-c4{color: rgb(122, 136, 153)}
.so-c5{color: rgb(200, 204, 201)}
.so-c6{display: grid; grid-template-columns: 1fr 500px; gap: 80px; align-items: center}
.so-c7{display: inline-flex; align-items: center; gap: 11px; padding: 9px 16px; border-radius: 100px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); margin-bottom: 28px}
.so-c8{width: 6px; height: 6px; border-radius: 50%; background: rgb(244, 160, 0); box-shadow: rgb(244, 160, 0) 0px 0px 12px}
.so-c9{font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(221, 221, 216); font-weight: 500}
.so-c10{margin: 0px; font-family: "Inter Tight", sans-serif; font-weight: 800; font-size: 62px; line-height: 0.97; letter-spacing: -0.038em; color: rgb(255, 255, 255)}
.so-c11{color: rgb(244, 160, 0)}
.so-c12{margin: 26px 0px 30px; font-size: 17.5px; line-height: 1.62; color: rgb(221, 221, 216); max-width: 600px}
.so-c13{display: flex; gap: 12px}
.so-c14{background: rgb(244, 160, 0); color: rgb(10, 10, 10); font-size: 17px; font-weight: 600; padding: 0px 28px; border-radius: 100px; height: 54px; display: inline-flex; align-items: center; white-space: nowrap; box-shadow: rgba(244, 160, 0, 0.34) 0px 16px 44px}
.so-c15{background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.16); color: rgb(240, 240, 236); font-size: 17px; font-weight: 500; padding: 0px 28px; border-radius: 100px; height: 54px; display: inline-flex; align-items: center; white-space: nowrap}
.so-c16{position: relative}
.so-c17{position: absolute; top: -60px; right: -70px; width: 360px; height: 360px; background: radial-gradient(circle, rgba(244, 160, 0, 0.16), rgba(244, 160, 0, 0) 64%); pointer-events: none}
.so-c18{position: relative; border-radius: 24px; background: rgba(16, 17, 20, 0.85); border: 1px solid rgba(255, 255, 255, 0.12); box-shadow: rgba(0, 0, 0, 0.55) 0px 40px 100px, rgba(255, 255, 255, 0.09) 0px 1px 0px inset; overflow: hidden}
.so-c19{display: flex; align-items: center; gap: 12px; padding: 17px 22px; border-bottom: 1px solid rgba(255, 255, 255, 0.09)}
.so-c20{width: 17px; height: 17px; display: block; flex: 0 0 auto}
.so-c21{display: inline-flex; align-items: center}
.so-c22{font-size: 16px; color: rgb(240, 240, 236); font-weight: 500; white-space: nowrap; overflow: hidden}
.so-c23{display: inline-block; width: 2px; height: 17px; background: rgb(244, 160, 0); margin-left: 2px; animation: 1.1s steps(1) 0s infinite normal none running e8caret}
.so-c24{display: flex; align-items: center; gap: 9px; padding: 12px 22px; border-bottom: 1px solid rgba(255, 255, 255, 0.07)}
.so-c25{width: 14px; height: 14px; display: block; flex: 0 0 auto}
.so-c26{font-size: 11.5px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(200, 204, 201); font-weight: 700}
.so-c27{margin-left: auto; font-size: 12px; color: rgb(122, 136, 153)}
.so-c28{padding: 14px 16px; display: grid; gap: 8px}
.so-c29{display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-radius: 14px; background: linear-gradient(135deg, rgba(244, 160, 0, 0.13), rgba(255, 255, 255, 0.03)); border: 1px solid rgba(244, 160, 0, 0.45); box-shadow: rgba(244, 160, 0, 0.1) 0px 0px 34px}
.so-c30{width: 30px; height: 30px; border-radius: 50%; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; font-family: "Inter Tight", sans-serif; font-weight: 800; font-size: 13px; background: rgb(244, 160, 0); color: rgb(10, 10, 10)}
.so-c31{min-width: 0px; flex: 1 1 0%}
.so-c32{display: flex; align-items: center; gap: 8px}
.so-c33{font-size: 15px; font-weight: 600; color: rgb(240, 240, 236); white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.so-c34{font-size: 10.5px; letter-spacing: 0.09em; text-transform: uppercase; font-weight: 700; color: rgb(79, 191, 160); white-space: nowrap}
.so-c35{display: flex; align-items: center; gap: 7px; margin-top: 3px}
.so-c36{font-size: 13px; font-weight: 700; color: rgb(244, 160, 0)}
.so-c37{color: rgb(244, 160, 0); font-size: 12.5px; letter-spacing: 0.05em}
.so-c38{font-size: 12.5px; color: rgb(122, 136, 153)}
.so-c39{color: rgb(58, 65, 75)}
.so-c40{font-size: 12.5px; color: rgb(122, 136, 153); white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.so-c41{flex: 0 0 auto; color: rgb(244, 160, 0); font-size: 15px}
.so-c42{display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-top: 1px solid rgba(255, 255, 255, 0.07); opacity: 0.62}
.so-c43{width: 30px; height: 30px; border-radius: 50%; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; font-family: "Inter Tight", sans-serif; font-weight: 800; font-size: 13px; background: rgba(255, 255, 255, 0.07); color: rgb(138, 147, 160)}
.so-c44{font-size: 15px; font-weight: 600; color: rgb(167, 175, 186); white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.so-c45{font-size: 13px; font-weight: 700; color: rgb(138, 147, 160)}
.so-c46{flex: 0 0 auto; color: rgb(74, 82, 92); font-size: 15px}
.so-c47{padding: 13px 22px; border-top: 1px solid rgba(255, 255, 255, 0.09); font-size: 13.5px; color: rgb(122, 136, 153)}
.so-c48{background: rgb(0, 0, 0); padding: 88px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.07)}
.so-c49{max-width: 1330px; margin: 0px auto; padding: 0px 56px}
.so-c50{display: grid; grid-template-columns: 1fr 470px; gap: 70px; align-items: end; margin-bottom: 54px}
.so-c51{font-size: 13px; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(244, 160, 0); font-weight: 600}
.so-c52{margin: 16px 0px 0px; font-family: "Inter Tight", sans-serif; font-weight: 800; font-size: 56px; line-height: 0.98; letter-spacing: -0.036em; color: rgb(240, 240, 236)}
.so-c53{margin: 0px; font-size: 16.5px; line-height: 1.66; color: rgb(221, 221, 216)}
.so-c54{display: grid; grid-template-columns: repeat(4, 1fr); gap: 44px}
.so-c55{position: relative; display: block; text-align: left; background: none; border-width: 3px medium medium; border-style: solid none none; border-color: rgba(255, 255, 255, 0.1) currentcolor currentcolor; border-image: none; font-family: inherit; cursor: pointer; padding: 28px 0px 20px; transition: border-color 0.45s}
.so-c56{position: absolute; top: -7px; left: 0px; width: 11px; height: 11px; background: rgba(255, 255, 255, 0.18); transform: rotate(45deg); box-shadow: none; transition: background 0.45s, box-shadow 0.45s}
.so-c57{display: block; font-size: 12.5px; letter-spacing: 0.15em; text-transform: uppercase; color: rgb(122, 136, 153); font-weight: 700; margin-bottom: 12px; transition: color 0.45s}
.so-c58{display: block; font-family: "Inter Tight", sans-serif; font-weight: 700; font-size: 21px; letter-spacing: -0.018em; line-height: 1.16; color: rgb(154, 163, 171); transition: color 0.45s}
.so-c59{position: relative; display: block; text-align: left; background: none; border-width: 3px medium medium; border-style: solid none none; border-color: rgb(244, 160, 0) currentcolor currentcolor; border-image: none; font-family: inherit; cursor: pointer; padding: 28px 0px 20px; transition: border-color 0.45s}
.so-c60{position: absolute; top: -7px; left: 0px; width: 11px; height: 11px; background: rgb(244, 160, 0); transform: rotate(45deg); box-shadow: rgba(244, 160, 0, 0.8) 0px 0px 18px; transition: background 0.45s, box-shadow 0.45s}
.so-c61{display: block; font-size: 12.5px; letter-spacing: 0.15em; text-transform: uppercase; color: rgb(244, 160, 0); font-weight: 700; margin-bottom: 12px; transition: color 0.45s}
.so-c62{display: block; font-family: "Inter Tight", sans-serif; font-weight: 700; font-size: 21px; letter-spacing: -0.018em; line-height: 1.16; color: rgb(240, 240, 236); transition: color 0.45s}
.so-c63{display: grid; grid-template-columns: 460px 1fr; align-items: stretch; margin-top: 10px; height: 264px; border-radius: 18px; background: rgba(255, 255, 255, 0.024); border: 1px solid rgba(255, 255, 255, 0.09); overflow: hidden}
.so-c64{position: relative; padding: 26px; background: linear-gradient(150deg, rgba(244, 160, 0, 0.06), rgba(255, 255, 255, 0.01)); border-right: 1px solid rgba(255, 255, 255, 0.08); display: flex; flex-direction: column; justify-content: center}
.so-c65{display: none; border-radius: 14px; background: rgba(16, 17, 20, 0.9); border: 1px solid rgba(255, 255, 255, 0.12); overflow: hidden}
.so-c66{height: 58px; background: rgba(79, 191, 160, 0.08); position: relative; overflow: hidden}
.so-c67{position: absolute; left: -10%; top: 26px; width: 120%; height: 7px; background: rgba(255, 255, 255, 0.09); transform: rotate(-4deg)}
.so-c68{position: absolute; left: 24%; top: -20%; width: 6px; height: 140%; background: rgba(255, 255, 255, 0.07); transform: rotate(14deg)}
.so-c69{position: absolute; left: 68%; top: -20%; width: 5px; height: 140%; background: rgba(255, 255, 255, 0.06); transform: rotate(-10deg)}
.so-c70{position: absolute; left: calc(50% - 9px); top: 10px; width: 18px; height: 18px; border-radius: 50% 50% 50% 0px; background: rgb(244, 160, 0); transform: rotate(-45deg); box-shadow: rgba(244, 160, 0, 0.8) 0px 0px 16px}
.so-c71{position: absolute; left: calc(50% - 2px); top: 30px; width: 4px; height: 4px; border-radius: 50%; background: rgba(244, 160, 0, 0.6)}
.so-c72{position: absolute; right: 10px; bottom: 6px; font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255, 255, 255, 0.35); font-weight: 600}
.so-c73{padding: 7px 14px 8px; background: rgba(244, 160, 0, 0.1); border-top: 1px solid rgba(244, 160, 0, 0.35)}
.so-c74{font-size: 13px; font-weight: 700; color: rgb(240, 240, 236); white-space: nowrap}
.so-c75{margin-left: auto; font-size: 11px; font-weight: 700; color: rgb(10, 10, 10); background: rgb(244, 160, 0); border-radius: 100px; padding: 3px 9px; white-space: nowrap}
.so-c76{display: flex; align-items: center; gap: 6px; margin-top: 2px}
.so-c77{font-size: 12px; color: rgb(244, 160, 0); font-weight: 700}
.so-c78{font-size: 11px; color: rgb(244, 160, 0); letter-spacing: 0.05em}
.so-c79{font-size: 12px; color: rgb(154, 163, 171)}
.so-c80{padding: 7px 14px 8px; border-top: 1px solid rgba(255, 255, 255, 0.07)}
.so-c81{font-size: 13px; color: rgb(154, 163, 171)}
.so-c82{font-size: 12px; color: rgb(90, 100, 112); font-weight: 700}
.so-c83{font-size: 11px; color: rgb(90, 100, 112); letter-spacing: 0.05em}
.so-c84{font-size: 12px; color: rgb(90, 100, 112)}
.so-c85{display: flex; align-items: center; justify-content: space-between; padding: 10px 16px 0px}
.so-c86{font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(122, 136, 153); font-weight: 700}
.so-c87{font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(255, 122, 107); font-weight: 700}
.so-c88{margin: 10px 16px 0px; display: flex; align-items: center; gap: 9px; height: 38px; padding: 0px 14px; border-radius: 100px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.16)}
.so-c89{width: 14px; height: 14px; flex: 0 0 auto}
.so-c90{font-size: 13.5px; color: rgb(240, 240, 236); white-space: nowrap}
.so-c91{width: 2px; height: 15px; margin-left: -7px; background: rgb(244, 160, 0); animation: 1.1s steps(2) 0s infinite normal none running e8caret}
.so-c92{margin-top: 8px; border-top: 1px solid rgba(255, 255, 255, 0.07)}
.so-c93{display: flex; align-items: center; gap: 10px; padding: 8px 16px; background: rgba(244, 160, 0, 0.08)}
.so-c94{width: 12px; height: 12px; flex: 0 0 auto}
.so-c95{font-size: 13px; color: rgb(240, 240, 236); white-space: nowrap}
.so-c96{color: rgb(244, 160, 0); font-weight: 600}
.so-c97{margin-left: auto; font-size: 11px; font-weight: 700; color: rgb(10, 10, 10); background: rgb(79, 191, 160); border-radius: 100px; padding: 3px 9px; white-space: nowrap}
.so-c98{display: flex; align-items: center; gap: 10px; padding: 8px 16px; border-top: 1px solid rgba(255, 255, 255, 0.06)}
.so-c99{font-size: 13px; color: rgb(122, 136, 153); white-space: nowrap}
.so-c100{margin-left: auto; font-size: 11px; color: rgb(90, 100, 112); white-space: nowrap}
.so-c101{display: block; border-radius: 14px; background: rgba(16, 17, 20, 0.9); border: 1px solid rgba(255, 255, 255, 0.12); padding: 16px}
.so-c102{font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(122, 136, 153); font-weight: 700; margin-bottom: 12px}
.so-c103{display: flex; align-items: flex-end; gap: 8px; height: 64px}
.so-c104{flex: 1 1 0%; height: 100%; border-radius: 4px 4px 0px 0px; background: rgba(79, 191, 160, 0.55)}
.so-c105{flex: 1 1 0%; height: 82%; border-radius: 4px 4px 0px 0px; background: rgba(79, 191, 160, 0.45)}
.so-c106{flex: 1 1 0%; height: 60%; border-radius: 4px 4px 0px 0px; background: rgba(79, 191, 160, 0.35)}
.so-c107{flex: 1 1 0%; height: 44%; border-radius: 4px 4px 0px 0px; background: rgba(255, 122, 107, 0.4)}
.so-c108{flex: 1 1 0%; height: 26%; border-radius: 4px 4px 0px 0px; background: rgba(255, 122, 107, 0.55)}
.so-c109{flex: 1 1 0%; height: 12%; border-radius: 4px 4px 0px 0px; border: 1px dashed rgba(255, 122, 107, 0.6); display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800; color: rgb(255, 122, 107)}
.so-c110{display: flex; justify-content: space-between; margin-top: 8px}
.so-c111{font-size: 11px; color: rgb(122, 136, 153)}
.so-c112{font-size: 11px; color: rgb(255, 122, 107); font-weight: 700}
.so-c113{display: flex; align-items: center; gap: 10px; padding: 9px 14px}
.so-c114{font-family: "Inter Tight", sans-serif; font-weight: 800; font-size: 13px; color: rgb(79, 191, 160); flex: 0 0 auto}
.so-c115{margin-left: auto; font-size: 11px; font-weight: 700; color: rgb(79, 191, 160); white-space: nowrap}
.so-c116{display: flex; align-items: center; gap: 10px; padding: 9px 14px; border-top: 1px solid rgba(255, 255, 255, 0.07)}
.so-c117{display: flex; align-items: center; gap: 10px; padding: 9px 14px; border-top: 1px dashed rgba(255, 122, 107, 0.4); background: rgba(255, 122, 107, 0.05)}
.so-c118{font-family: "Inter Tight", sans-serif; font-weight: 800; font-size: 13px; color: rgb(255, 122, 107); flex: 0 0 auto}
.so-c119{font-size: 13px; color: rgb(255, 122, 107); white-space: nowrap}
.so-c120{margin-left: auto; font-size: 11px; font-weight: 700; color: rgb(255, 122, 107); white-space: nowrap}
.so-c121{display: flex; gap: 20px; align-items: center; padding: 28px 36px}
.so-c122{font-family: "Inter Tight", sans-serif; font-weight: 800; font-size: 64px; line-height: 1; letter-spacing: -0.045em; color: rgba(244, 160, 0, 0.22); flex: 0 0 auto}
.so-c123{margin: 0px; font-size: 17px; line-height: 1.66; color: rgb(221, 221, 216); max-width: 640px}
.so-c124{max-width: 1330px; margin: 96px auto 0px; padding: 0px 56px}
.so-c125{display: grid; grid-template-columns: 420px 1fr; gap: 70px; align-items: start}
.so-c126{position: sticky; top: 120px}
.so-c127{margin: 16px 0px 14px; font-family: "Inter Tight", sans-serif; font-weight: 800; font-size: 46px; line-height: 1.02; letter-spacing: -0.032em; color: rgb(240, 240, 236)}
.so-c128{margin: 0px 0px 16px; font-size: 16.5px; line-height: 1.64; color: rgb(221, 221, 216)}
.so-c129{display: flex; gap: 12px; align-items: flex-start; padding: 16px 20px; border-radius: 14px; background: rgba(79, 191, 160, 0.06); border: 1px solid rgba(79, 191, 160, 0.28)}
.so-c130{color: rgb(79, 191, 160); font-weight: 800; flex: 0 0 auto; line-height: 1.55}
.so-c131{margin: 0px; font-size: 15px; line-height: 1.58; color: rgb(240, 240, 236)}
.so-c132{display: flex; align-items: center; gap: 18px; margin-bottom: 20px}
.so-c133{display: flex; align-items: center; gap: 12px; height: 56px; padding: 0px 24px; border-radius: 100px; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.14); box-shadow: rgba(255, 255, 255, 0.06) 0px 1px 0px inset; flex: 1 1 0%}
.so-c134{width: 19px; height: 19px; display: block; flex: 0 0 auto}
.so-c135{display: inline-flex; align-items: center; white-space: pre}
.so-c136{font-size: 16px; color: rgb(200, 204, 201)}
.so-c137{font-size: 16px; color: rgb(240, 240, 236); font-weight: 600; white-space: pre}
.so-c138{display: inline-block; width: 2px; height: 20px; background: rgb(244, 160, 0); margin-left: 2px; animation: 1.1s steps(2) 0s infinite normal none running e8pulse}
.so-c139{font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(122, 136, 153); font-weight: 700; white-space: nowrap; flex: 0 0 auto}
.so-c140{display: flex; flex-wrap: wrap; gap: 10px}
.so-c141{display: inline-flex; align-items: center; gap: 10px; padding: 13px 20px; border-radius: 100px; background: rgba(255, 255, 255, 0.035); border: 1px solid rgba(255, 255, 255, 0.11); font-size: 15.5px; font-weight: 600; color: rgb(240, 240, 236)}
.so-c142{width: 7px; height: 7px; background: rgb(244, 160, 0); transform: rotate(45deg); flex: 0 0 auto}
.so-c143{background: rgb(0, 0, 0); margin-top: 96px; padding: 88px 0px; border-top: 1px solid rgba(255, 255, 255, 0.07); border-bottom: 1px solid rgba(255, 255, 255, 0.07)}
.so-c144{text-align: center; max-width: 840px; margin: 0px auto 44px}
.so-c145{margin: 16px 0px 14px; font-family: "Inter Tight", sans-serif; font-weight: 800; font-size: 52px; line-height: 1; letter-spacing: -0.034em; color: rgb(240, 240, 236)}
.so-c146{margin: 0px auto; font-size: 17.5px; line-height: 1.62; color: rgb(221, 221, 216); max-width: 760px}
.so-c147{display: grid; grid-template-columns: 1fr 400px; gap: 16px; align-items: stretch}
.so-c148{position: relative; overflow: hidden; padding: 40px 46px; border-radius: 22px; background: rgba(255, 255, 255, 0.024); border: 1px solid rgba(255, 255, 255, 0.1); display: flex; flex-direction: column; justify-content: center}
.so-c149{position: absolute; top: -34px; right: 6px; font-family: "Inter Tight", sans-serif; font-weight: 800; font-size: 170px; letter-spacing: -0.05em; line-height: 1; color: rgba(255, 122, 107, 0.08)}
.so-c150{display: block; width: 34px; height: 3px; background: rgb(255, 122, 107); margin-bottom: 20px}
.so-c151{position: relative; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(255, 122, 107); font-weight: 700; margin-bottom: 12px}
.so-c152{position: relative; font-family: "Inter Tight", sans-serif; font-weight: 700; font-size: 30px; letter-spacing: -0.024em; color: rgb(240, 240, 236); line-height: 1.12; margin-bottom: 16px}
.so-c153{position: relative; margin: 0px; font-size: 16.5px; line-height: 1.64; color: rgb(221, 221, 216); max-width: 640px}
.so-c154{display: grid; gap: 8px; align-content: start}
.so-c155{display: flex; align-items: center; gap: 14px; text-align: left; font-family: inherit; cursor: pointer; padding: 17px 20px; border-radius: 16px; background: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.09); transition: background 0.3s, border-color 0.3s}
.so-c156{font-family: "Inter Tight", sans-serif; font-weight: 800; font-size: 15px; color: rgb(122, 136, 153); flex: 0 0 auto; transition: color 0.3s}
.so-c157{font-size: 16px; font-weight: 600; color: rgb(200, 204, 201); line-height: 1.3; transition: color 0.3s}
.so-c158{margin-left: auto; color: rgb(122, 136, 153)}
.so-c159{display: flex; align-items: center; gap: 14px; text-align: left; font-family: inherit; cursor: pointer; padding: 17px 20px; border-radius: 16px; background: rgba(255, 122, 107, 0.08); border: 1px solid rgba(255, 122, 107, 0.4); transition: background 0.3s, border-color 0.3s}
.so-c160{font-family: "Inter Tight", sans-serif; font-weight: 800; font-size: 15px; color: rgb(255, 122, 107); flex: 0 0 auto; transition: color 0.3s}
.so-c161{font-size: 16px; font-weight: 600; color: rgb(240, 240, 236); line-height: 1.3; transition: color 0.3s}
.so-c162{margin-left: auto; color: rgb(255, 122, 107)}
.so-c163{display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 40px}
.so-c164{font-size: 16px; color: rgb(221, 221, 216)}
.so-c165{background: rgba(244, 160, 0, 0.1); border: 1px solid rgba(244, 160, 0, 0.4); color: rgb(244, 160, 0); font-size: 15px; font-weight: 600; padding: 0px 24px; border-radius: 100px; height: 48px; display: inline-flex; align-items: center; white-space: nowrap; transition: background 0.3s, color 0.3s}
.so-c166{display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px}
.so-c167{position: relative; overflow: hidden; padding: 28px 30px; border-radius: 22px; background: linear-gradient(160deg, rgba(244, 160, 0, 0.12), rgba(255, 255, 255, 0.02)); border: 1px solid rgba(244, 160, 0, 0.32)}
.so-c168{display: flex; align-items: center; gap: 14px}
.so-c169{width: 42px; height: 42px; border-radius: 12px; background: rgba(244, 160, 0, 0.13); border: 1px solid rgba(244, 160, 0, 0.32); flex: 0 0 auto; display: flex; align-items: center; justify-content: center}
.so-c170{width: 21px; height: 21px; display: block; animation: 26s linear 0s infinite normal none running e8spin}
.so-c171{font-family: "Inter Tight", sans-serif; font-weight: 800; font-size: 24px; letter-spacing: -0.022em; color: rgb(240, 240, 236); line-height: 1}
.so-c172{font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(244, 160, 0); font-weight: 700; margin-top: 6px}
.so-c173{display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: rgb(244, 160, 0); margin-right: 8px; animation: 2.2s ease-in-out 0s infinite normal none running e8pulse}
.so-c174{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px}
.so-c175{display: inline-flex; align-items: center; gap: 9px; font-size: 14px; color: rgb(240, 240, 236); padding: 9px 15px; border-radius: 100px; background: rgba(244, 160, 0, 0.07); border: 1px solid rgba(244, 160, 0, 0.25); transition: transform 0.3s}
.so-c176{width: 6px; height: 6px; background: rgb(244, 160, 0); transform: rotate(45deg); flex: 0 0 auto}
.so-c177{position: relative; overflow: hidden; padding: 28px 30px; border-radius: 22px; background: linear-gradient(160deg, rgba(122, 136, 153, 0.15), rgba(255, 255, 255, 0.02)); border: 1px solid rgba(122, 136, 153, 0.36)}
.so-c178{width: 42px; height: 42px; border-radius: 12px; background: rgba(122, 136, 153, 0.15); border: 1px solid rgba(122, 136, 153, 0.4); flex: 0 0 auto; display: flex; align-items: center; justify-content: center}
.so-c179{width: 21px; height: 21px; display: block; animation: 40s linear 0s infinite reverse none running e8spin}
.so-c180{font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(200, 204, 201); font-weight: 700; margin-top: 6px}
.so-c181{display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: rgb(200, 204, 201); margin-right: 8px; animation: 2.2s ease-in-out 0s infinite normal none running e8pulse}
.so-c182{display: inline-flex; align-items: center; gap: 9px; font-size: 14px; color: rgb(240, 240, 236); padding: 9px 15px; border-radius: 100px; background: rgba(122, 136, 153, 0.1); border: 1px solid rgba(122, 136, 153, 0.28); transition: transform 0.3s}
.so-c183{width: 6px; height: 6px; background: rgb(200, 204, 201); transform: rotate(45deg); flex: 0 0 auto}
.so-c184{position: relative; overflow: hidden; padding: 28px 30px; border-radius: 22px; background: linear-gradient(160deg, rgba(79, 191, 160, 0.11), rgba(255, 255, 255, 0.02)); border: 1px solid rgba(79, 191, 160, 0.32)}
.so-c185{width: 42px; height: 42px; border-radius: 12px; background: rgba(79, 191, 160, 0.13); border: 1px solid rgba(79, 191, 160, 0.35); flex: 0 0 auto; display: flex; align-items: center; justify-content: center; animation: 3.4s ease-in-out 0s infinite normal none running e8pulse}
.so-c186{width: 21px; height: 21px; display: block}
.so-c187{font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(79, 191, 160); font-weight: 700; margin-top: 6px}
.so-c188{display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: rgb(79, 191, 160); margin-right: 8px; animation: 2.2s ease-in-out 0s infinite normal none running e8pulse}
.so-c189{display: inline-flex; align-items: center; gap: 9px; font-size: 14px; color: rgb(240, 240, 236); padding: 9px 15px; border-radius: 100px; background: rgba(79, 191, 160, 0.07); border: 1px solid rgba(79, 191, 160, 0.25); transition: transform 0.3s}
.so-c190{width: 6px; height: 6px; background: rgb(79, 191, 160); transform: rotate(45deg); flex: 0 0 auto}
.so-c191{display: flex; gap: 16px; align-items: flex-start; margin-top: 18px; padding: 20px 26px; border-radius: 16px; background: rgba(79, 191, 160, 0.06); border: 1px solid rgba(79, 191, 160, 0.28)}
.so-c192{color: rgb(79, 191, 160); font-weight: 800; flex: 0 0 auto; line-height: 1.6}
.so-c193{font-size: 13px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(79, 191, 160); font-weight: 700; display: block; margin-bottom: 5px}
.so-c194{margin: 0px; font-size: 15.5px; line-height: 1.62; color: rgb(240, 240, 236)}
.so-c195{position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 18px}
.so-c196{padding: 32px 36px; border-radius: 24px; background: linear-gradient(150deg, rgba(244, 160, 0, 0.12), rgba(255, 255, 255, 0.02)); border: 1px solid rgba(244, 160, 0, 0.32)}
.so-c197{font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(244, 160, 0); font-weight: 700; margin-bottom: 8px}
.so-c198{font-family: "Inter Tight", sans-serif; font-weight: 700; font-size: 25px; letter-spacing: -0.022em; color: rgb(240, 240, 236); margin-bottom: 14px}
.so-c199{display: flex; gap: 12px; align-items: center; min-height: 58px; padding: 5px 0px; border-top: 1px solid rgba(255, 255, 255, 0.08)}
.so-c200{color: rgb(79, 191, 160); font-weight: 800; flex: 0 0 auto; font-size: 14px}
.so-c201{font-size: 15.5px; line-height: 1.55; color: rgb(240, 240, 236)}
.so-c202{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; width: 54px; height: 54px; border-radius: 50%; background: rgb(11, 12, 14); border: 1px solid rgba(244, 160, 0, 0.55); display: flex; align-items: center; justify-content: center; font-family: "Inter Tight", sans-serif; font-weight: 800; font-size: 15px; color: rgb(244, 160, 0); box-shadow: rgb(7, 8, 10) 0px 0px 0px 8px, rgba(244, 160, 0, 0.25) 0px 0px 34px}
.so-c203{padding: 32px 36px; border-radius: 24px; background: rgba(255, 255, 255, 0.024); border: 1px solid rgba(255, 255, 255, 0.1)}
.so-c204{font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(122, 136, 153); font-weight: 700; margin-bottom: 8px}
.so-c205{color: rgb(255, 122, 107); font-weight: 800; flex: 0 0 auto; font-size: 14px}
.so-c206{font-size: 15.5px; line-height: 1.55; color: rgb(200, 204, 201)}
.so-c207{display: flex; justify-content: center; margin-top: 26px}
.so-c208{display: inline-flex; align-items: center; gap: 14px; padding: 16px 28px; border-radius: 100px; background: rgba(244, 160, 0, 0.07); border: 1px solid rgba(244, 160, 0, 0.3)}
.so-c209{width: 9px; height: 9px; background: rgb(244, 160, 0); transform: rotate(45deg); box-shadow: rgba(244, 160, 0, 0.8) 0px 0px 14px; flex: 0 0 auto}
.so-c210{font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(244, 160, 0); font-weight: 700; flex: 0 0 auto}
.so-c211{width: 1px; height: 18px; background: rgba(255, 255, 255, 0.16); flex: 0 0 auto}
.so-c212{font-size: 15.5px; line-height: 1.5; color: rgb(200, 204, 201)}
.so-c213{color: rgb(240, 240, 236); font-weight: 600}
.so-c214{display: flex; gap: 12px; align-items: stretch}
.so-c215{position: relative; overflow: hidden; border-radius: 22px; border: 1px solid rgba(255, 255, 255, 0.09); background: rgba(255, 255, 255, 0.01); cursor: pointer; flex: 0 0 96px; min-width: 0px; min-height: 500px; transition: flex 0.8s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.5s, background 0.5s}
.so-c216{position: absolute; top: 0px; left: 0px; right: 0px; height: 3px; background: linear-gradient(90deg, rgb(244, 160, 0), rgba(244, 160, 0, 0) 70%); opacity: 0; transition: opacity 0.5s}
.so-c217{position: absolute; inset: 0px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 26px 0px; opacity: 1; transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1) 0.55s}
.so-c218{font-family: "Inter Tight", sans-serif; font-weight: 800; font-size: 15px; color: rgb(244, 160, 0)}
.so-c219{writing-mode: vertical-rl; transform: rotate(180deg); font-family: "Inter Tight", sans-serif; font-weight: 700; font-size: 18px; letter-spacing: -0.01em; color: rgb(200, 204, 201); white-space: nowrap}
.so-c220{width: 34px; height: 34px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.16); display: flex; align-items: center; justify-content: center; color: rgb(200, 204, 201); font-size: 17px; font-weight: 300}
.so-c221{position: absolute; inset: 0px; padding: 36px 40px; display: grid; grid-template-columns: 1fr 250px; gap: 38px; align-items: center; opacity: 0; transition: opacity 0.12s linear; pointer-events: none}
.so-c222{min-width: 300px}
.so-c223{display: flex; align-items: center; gap: 14px; margin-bottom: 18px}
.so-c224{font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(244, 160, 0); font-weight: 700; white-space: nowrap}
.so-c225{flex: 1 1 0%; height: 1px; background: rgba(255, 255, 255, 0.1)}
.so-c226{font-family: "Inter Tight", sans-serif; font-weight: 700; font-size: 29px; letter-spacing: -0.024em; color: rgb(240, 240, 236); line-height: 1.1; margin-bottom: 14px}
.so-c227{margin: 0px; font-size: 16px; line-height: 1.66; color: rgb(221, 221, 216)}
.so-c228{display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px}
.so-c229{display: inline-flex; align-items: center; gap: 8px; font-size: 13.5px; color: rgb(240, 240, 236); padding: 8px 14px; border-radius: 100px; background: rgba(255, 255, 255, 0.043); border: 1px solid rgba(255, 255, 255, 0.11)}
.so-c230{min-width: 220px}
.so-c231{border-radius: 16px; background: rgb(0, 0, 0); border: 1px solid rgba(255, 255, 255, 0.12); padding: 16px; box-shadow: rgba(0, 0, 0, 0.5) 0px 18px 50px}
.so-c232{padding: 12px 14px; border-radius: 11px; background: rgba(244, 160, 0, 0.1); border: 1px solid rgba(244, 160, 0, 0.4); margin-bottom: 8px}
.so-c233{display: flex; justify-content: space-between; align-items: center; gap: 10px}
.so-c234{font-size: 13.5px; font-weight: 700; color: rgb(240, 240, 236)}
.so-c235{font-size: 11.5px; color: rgb(244, 160, 0); margin-top: 3px}
.so-c236{padding: 12px 14px; border-radius: 11px; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.09); margin-bottom: 8px; display: flex; justify-content: space-between; gap: 10px}
.so-c237{font-size: 13.5px; color: rgb(200, 204, 201)}
.so-c238{font-size: 12px; color: rgb(122, 136, 153)}
.so-c239{padding: 12px 14px; border-radius: 11px; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.09); display: flex; justify-content: space-between; gap: 10px}
.so-c240{padding: 13px 15px; border-radius: 12px; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.1); display: flex; align-items: center; gap: 10px; margin-bottom: 8px}
.so-c241{font-size: 13px; color: rgb(240, 240, 236); font-weight: 600}
.so-c242{margin-left: auto; font-size: 10.5px; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(79, 191, 160); font-weight: 700; flex: 0 0 auto}
.so-c243{padding: 13px 15px; border-radius: 12px; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.1); display: flex; align-items: center; gap: 10px; margin-bottom: 0px}
.so-c244{margin-left: auto; font-size: 10.5px; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(244, 160, 0); font-weight: 700; flex: 0 0 auto}
.so-c245{position: relative; overflow: hidden; border-radius: 22px; border: 1px solid rgba(244, 160, 0, 0.4); background: rgba(255, 255, 255, 0.024); cursor: pointer; flex: 1 1 0px; min-width: 0px; min-height: 500px; transition: flex 0.8s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.5s, background 0.5s}
.so-c246{position: absolute; top: 0px; left: 0px; right: 0px; height: 3px; background: linear-gradient(90deg, rgb(244, 160, 0), rgba(244, 160, 0, 0) 70%); opacity: 1; transition: opacity 0.5s}
.so-c247{position: absolute; inset: 0px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 26px 0px; opacity: 0; transition: opacity 0.1s linear}
.so-c248{position: absolute; inset: 0px; padding: 36px 40px; display: grid; grid-template-columns: 1fr 250px; gap: 38px; align-items: center; opacity: 1; transition: opacity 0.45s cubic-bezier(0.16, 1, 0.3, 1) 0.4s; pointer-events: auto}
.so-c249{margin-top: 44px; border-radius: 22px; border: 1px solid rgba(255, 255, 255, 0.09); background: rgba(255, 255, 255, 0.02); overflow: hidden}
.so-c250{display: flex; align-items: center; gap: 14px; padding: 17px 28px; border-bottom: 1px solid rgba(255, 255, 255, 0.08)}
.so-c251{font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(122, 136, 153); font-weight: 700; white-space: nowrap}
.so-c252{flex: 1 1 0%; height: 1px; background: rgba(255, 255, 255, 0.06)}
.so-c253{display: grid; grid-template-columns: repeat(3, 1fr)}
.so-c254{padding: 24px 28px; display: flex; gap: 16px; align-items: flex-start; border-right: 1px solid rgba(255, 255, 255, 0.08)}
.so-c255{width: 38px; height: 38px; border-radius: 11px; background: rgba(244, 160, 0, 0.13); border: 1px solid rgba(244, 160, 0, 0.3); flex: 0 0 auto; display: flex; align-items: center; justify-content: center}
.so-c256{width: 19px; height: 19px; display: block}
.so-c257{font-family: "Inter Tight", sans-serif; font-weight: 700; font-size: 17.5px; letter-spacing: -0.014em; color: rgb(240, 240, 236); margin-bottom: 7px}
.so-c258{margin: 0px; font-size: 14px; line-height: 1.58; color: rgb(200, 204, 201)}
.so-c259{padding: 24px 28px; display: flex; gap: 16px; align-items: flex-start}
.so-c260{display: flex; flex-wrap: wrap; gap: 8px; padding: 20px 28px; border-top: 1px solid rgba(255, 255, 255, 0.08)}
.so-c261{display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: rgb(240, 240, 236); padding: 9px 15px; border-radius: 100px; background: rgba(255, 255, 255, 0.043); border: 1px solid rgba(255, 255, 255, 0.11)}
.so-c262{color: rgb(79, 191, 160); font-weight: 800; font-size: 12px}
.so-c263{display: flex; align-items: center; justify-content: center; gap: 18px; margin: 38px 0px 40px}
.so-c264{position: relative; margin-bottom: 26px}
.so-c265{position: absolute; top: 21px; left: 8.33%; right: 8.33%; height: 2px; background: rgba(255, 255, 255, 0.1)}
.so-c266{position: absolute; top: 21px; left: 8.33%; width: 50.004%; height: 2px; background: linear-gradient(90deg, rgba(244, 160, 0, 0.4), rgb(244, 160, 0)); box-shadow: rgba(244, 160, 0, 0.55) 0px 0px 14px; transition: width 0.7s cubic-bezier(0.16, 1, 0.3, 1)}
.so-c267{position: relative; display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px}
.soi [data-cms-section="journey"] .so-c267{grid-template-columns:repeat(var(--cms-journey-count,6),minmax(0,1fr))}
.so-c268{display: flex; flex-direction: column; align-items: center; gap: 12px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-family: inherit; cursor: pointer; padding: 0px}
.so-c269{width: 42px; height: 42px; border-radius: 50%; background: rgba(244, 160, 0, 0.15); border: 1.5px solid rgba(244, 160, 0, 0.6); display: flex; align-items: center; justify-content: center; font-family: "Inter Tight", sans-serif; font-weight: 800; font-size: 15px; color: rgb(244, 160, 0); box-shadow: rgb(7, 8, 10) 0px 0px 0px 7px; transition: background 0.4s, border-color 0.4s, color 0.4s, box-shadow 0.4s}
.so-c270{font-size: 13.5px; font-weight: 600; color: rgb(122, 136, 153); transition: color 0.4s; text-align: center}
.so-c271{width: 42px; height: 42px; border-radius: 50%; background: rgb(244, 160, 0); border: 1.5px solid rgba(244, 160, 0, 0.6); display: flex; align-items: center; justify-content: center; font-family: "Inter Tight", sans-serif; font-weight: 800; font-size: 15px; color: rgb(10, 10, 10); box-shadow: rgba(244, 160, 0, 0.5) 0px 0px 22px, rgb(7, 8, 10) 0px 0px 0px 7px; transition: background 0.4s, border-color 0.4s, color 0.4s, box-shadow 0.4s}
.so-c272{font-size: 13.5px; font-weight: 600; color: rgb(240, 240, 236); transition: color 0.4s; text-align: center}
.so-c273{width: 42px; height: 42px; border-radius: 50%; background: rgba(255, 255, 255, 0.03); border: 1.5px solid rgba(255, 255, 255, 0.16); display: flex; align-items: center; justify-content: center; font-family: "Inter Tight", sans-serif; font-weight: 800; font-size: 15px; color: rgb(200, 204, 201); box-shadow: rgb(7, 8, 10) 0px 0px 0px 7px; transition: background 0.4s, border-color 0.4s, color 0.4s, box-shadow 0.4s}
.so-c274{display: grid; grid-template-columns: 1fr 430px; gap: 40px; align-items: center; padding: 36px 42px; border-radius: 22px; background: rgba(255, 255, 255, 0.024); border: 1px solid rgba(255, 255, 255, 0.1); min-height: 250px}
.so-c275{font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(244, 160, 0); font-weight: 700; margin-bottom: 12px}
.so-c276{font-family: "Inter Tight", sans-serif; font-weight: 700; font-size: 30px; letter-spacing: -0.024em; color: rgb(240, 240, 236); line-height: 1.12; margin-bottom: 14px}
.so-c277{margin: 0px; font-size: 16.5px; line-height: 1.64; color: rgb(221, 221, 216); max-width: 560px}
.so-c278{position: relative; height: 210px; display: flex; flex-direction: column; justify-content: center}
.so-c279{display: none}
.so-c280{display: flex; align-items: center; gap: 12px; height: 54px; padding: 0px 22px; border-radius: 100px; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.14)}
.so-c281{width: 18px; height: 18px; flex: 0 0 auto}
.so-c282{font-size: 15.5px; color: rgb(240, 240, 236); font-weight: 600}
.so-c283{display: inline-block; width: 2px; height: 19px; background: rgb(244, 160, 0); animation: 1.1s steps(2) 0s infinite normal none running e8pulse}
.so-c284{display: flex; gap: 8px; margin-top: 14px}
.so-c285{font-size: 13px; color: rgb(122, 136, 153); padding: 7px 13px; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.1)}
.so-c286{font-size: 11px; letter-spacing: 0.13em; text-transform: uppercase; color: rgb(122, 136, 153); font-weight: 700; margin-bottom: 10px}
.so-c287{display: grid; gap: 8px}
.so-c288{display: flex; justify-content: space-between; align-items: center; padding: 13px 18px; border-radius: 12px; background: rgba(244, 160, 0, 0.1); border: 1px solid rgba(244, 160, 0, 0.45)}
.so-c289{font-size: 14.5px; font-weight: 600; color: rgb(240, 240, 236)}
.so-c290{display: block; font-size: 12px; font-weight: 500; color: rgb(244, 160, 0); margin-top: 2px}
.so-c291{font-size: 14px; color: rgb(244, 160, 0); font-weight: 700}
.so-c292{display: flex; justify-content: space-between; align-items: center; padding: 12px 18px; border-radius: 12px; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.09)}
.so-c293{font-size: 14px; color: rgb(200, 204, 201)}
.so-c294{font-size: 13.5px; color: rgb(122, 136, 153)}
.so-c295{padding: 20px 24px; border-radius: 16px; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.1)}
.so-c296{font-size: 19px; letter-spacing: 3px; color: rgb(244, 160, 0); margin-bottom: 8px}
.so-c297{font-size: 14.5px; color: rgb(240, 240, 236); font-weight: 600; margin-bottom: 4px}
.so-c298{display: flex; gap: 8px; margin-top: 12px}
.so-c299{font-size: 13px; color: rgb(221, 221, 216); padding: 7px 13px; border-radius: 100px; background: rgba(79, 191, 160, 0.07); border: 1px solid rgba(79, 191, 160, 0.3)}
.so-c300{display: block}
.so-c301{display: grid; gap: 10px}
.so-c302{display: flex; align-items: center; justify-content: center; gap: 10px; height: 52px; border-radius: 100px; background: rgb(244, 160, 0); color: rgb(10, 10, 10); font-size: 15.5px; font-weight: 700}
.so-c303{width: 17px; height: 17px}
.so-c304{display: flex; align-items: center; justify-content: center; height: 52px; border-radius: 100px; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.16); color: rgb(240, 240, 236); font-size: 15px; font-weight: 600}
.so-c305{text-align: center; font-size: 13px; color: rgb(122, 136, 153); margin-top: 12px}
.so-c306{font-size: 14px; color: rgb(221, 221, 216)}
.so-c307{font-size: 12.5px; font-weight: 700; color: rgb(79, 191, 160); padding: 4px 11px; border-radius: 100px; background: rgba(79, 191, 160, 0.1); border: 1px solid rgba(79, 191, 160, 0.3)}
.so-c308{font-size: 12.5px; font-weight: 700; color: rgb(200, 204, 201); padding: 4px 11px; border-radius: 100px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.14)}
.so-c309{padding: 24px 28px; border-radius: 18px; background: linear-gradient(150deg, rgba(79, 191, 160, 0.12), rgba(255, 255, 255, 0.02)); border: 1px solid rgba(79, 191, 160, 0.4)}
.so-c310{display: flex; align-items: center; gap: 12px; margin-bottom: 10px}
.so-c311{width: 34px; height: 34px; border-radius: 50%; background: rgba(79, 191, 160, 0.15); border: 1px solid rgba(79, 191, 160, 0.5); display: flex; align-items: center; justify-content: center; color: rgb(79, 191, 160); font-weight: 800; font-size: 16px}
.so-c312{font-family: "Inter Tight", sans-serif; font-weight: 700; font-size: 20px; letter-spacing: -0.017em; color: rgb(240, 240, 236)}
.so-c313{font-size: 14.5px; color: rgb(221, 221, 216); margin-bottom: 6px}
.so-c314{font-size: 14px; color: rgb(244, 160, 0); font-weight: 600}
.so-c315{display: grid; grid-template-columns: 1fr 1.15fr; gap: 80px; align-items: center}
.so-c316{display: block; width: 44px; height: 3px; background: rgb(244, 160, 0); margin-bottom: 22px}
.so-c317{margin: 0px 0px 18px; font-family: "Inter Tight", sans-serif; font-weight: 800; font-size: 46px; line-height: 1; letter-spacing: -0.034em; color: rgb(240, 240, 236)}
.so-c318{margin: 0px 0px 16px; font-size: 16px; line-height: 1.66; color: rgb(221, 221, 216)}
.so-c319{display: flex; flex-wrap: wrap; gap: 8px}
.so-c320{font-size: 13.5px; color: rgb(240, 240, 236); padding: 7px 13px; border-radius: 100px; background: rgba(255, 122, 107, 0.07); border: 1px solid rgba(255, 122, 107, 0.28)}
.so-c321{font-family: "Inter Tight", sans-serif; font-weight: 800; font-size: 30px; letter-spacing: -0.025em; line-height: 1.15; color: rgb(240, 240, 236); margin-top: 28px}
.so-c322{font-size: 12px; letter-spacing: 0.13em; text-transform: uppercase; color: rgb(122, 136, 153); font-weight: 700; margin-bottom: 16px}
.so-c323{display: grid; grid-template-columns: 1fr 1fr; gap: 12px}
.so-c324{display: flex; gap: 13px; align-items: flex-start; padding: 19px 21px; border-radius: 16px; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.09)}
.so-c325{width: 26px; height: 26px; border-radius: 8px; background: rgba(79, 191, 160, 0.12); border: 1px solid rgba(79, 191, 160, 0.4); flex: 0 0 auto; display: flex; align-items: center; justify-content: center; color: rgb(79, 191, 160); font-size: 13px; font-weight: 800}
.so-c326{font-size: 15px; line-height: 1.55; color: rgb(240, 240, 236)}
.so-c327{display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px}
.so-c328{grid-column: span 2; perspective: 1400px; min-height: 320px; display: grid; cursor: pointer}
.so-c329{position: relative; transform-style: preserve-3d; transition: transform 0.8s cubic-bezier(0.3, 0.75, 0.3, 1); transform: none}
.so-c330{position: absolute; inset: 0px; backface-visibility: hidden; border-radius: 20px; background: rgba(255, 255, 255, 0.024); border: 1px solid rgba(255, 122, 107, 0.3); padding: 26px 28px; display: flex; flex-direction: column; overflow: hidden}
.so-c331{position: absolute; top: -24px; right: 4px; font-family: "Inter Tight", sans-serif; font-weight: 800; font-size: 118px; letter-spacing: -0.05em; line-height: 1; color: rgba(255, 122, 107, 0.09)}
.so-c332{position: relative; font-size: 11px; letter-spacing: 0.13em; text-transform: uppercase; color: rgb(255, 122, 107); font-weight: 700}
.so-c333{position: relative; font-family: "Inter Tight", sans-serif; font-weight: 700; font-size: 21px; letter-spacing: -0.017em; color: rgb(240, 240, 236); line-height: 1.18; margin-top: 10px}
.so-c334{position: relative; margin: 12px 0px 0px; font-size: 14.5px; line-height: 1.6; color: rgb(221, 221, 216)}
.so-c335{position: relative; margin-top: auto; padding-top: 16px; display: inline-flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 600; color: rgb(200, 204, 201)}
.so-c336{width: 15px; height: 15px; display: block; flex: 0 0 auto}
.so-c337{position: absolute; inset: 0px; backface-visibility: hidden; transform: rotateY(180deg); border-radius: 20px; background: linear-gradient(160deg, rgba(79, 191, 160, 0.1), rgba(79, 191, 160, 0.02)); border: 1px solid rgba(79, 191, 160, 0.42); padding: 26px 28px; display: flex; flex-direction: column; overflow: hidden}
.so-c338{font-size: 11px; letter-spacing: 0.13em; text-transform: uppercase; color: rgb(79, 191, 160); font-weight: 700}
.so-c339{font-size: 13.5px; font-weight: 600; color: rgb(122, 136, 153); margin-top: 10px; text-decoration: line-through}
.so-c340{margin: 12px 0px 0px; font-size: 15.5px; line-height: 1.62; color: rgb(240, 240, 236)}
.so-c341{margin-top: auto; padding-top: 16px; display: inline-flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 600; color: rgb(79, 191, 160)}
.so-c342{grid-column: span 3; perspective: 1400px; min-height: 320px; display: grid; cursor: pointer}
.so-c343{display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 36px}
.so-c344{border-radius: 24px; background: rgba(255, 255, 255, 0.024); border: 1px solid rgba(255, 255, 255, 0.1); overflow: hidden}
.so-c345{display: grid}
.so-c346{display: grid; grid-template-columns: 110px 250px 1fr; gap: 26px; align-items: center; padding: 28px 36px}
.so-c347{font-family: "Inter Tight", sans-serif; font-weight: 800; font-size: 46px; letter-spacing: -0.05em; color: rgba(244, 160, 0, 0.55)}
.so-c348{font-family: "Inter Tight", sans-serif; font-weight: 700; font-size: 20px; letter-spacing: -0.016em; color: rgb(240, 240, 236)}
.so-c349{display: inline-flex; align-items: center; gap: 9px; font-size: 14.5px; color: rgb(240, 240, 236); padding: 9px 15px; border-radius: 100px; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.12); transition: border-color 0.3s}
.so-c350{display: grid; grid-template-columns: 110px 250px 1fr; gap: 26px; align-items: center; padding: 28px 36px; border-top: 1px solid rgba(255, 255, 255, 0.08)}
.so-c351{display: flex; gap: 12px; align-items: flex-start; justify-content: center; padding: 18px 26px; border-radius: 100px; background: rgba(79, 191, 160, 0.06); border: 1px solid rgba(79, 191, 160, 0.28); margin-top: 20px}
.so-c352{color: rgb(79, 191, 160); font-weight: 800; flex: 0 0 auto}
.so-c353{background: rgb(0, 0, 0); margin-top: 100px; padding: 92px 0px; border-top: 1px solid rgba(255, 255, 255, 0.07); border-bottom: 1px solid rgba(255, 255, 255, 0.07)}
.so-c354{display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: end; margin-bottom: 42px}
.so-c355{margin: 18px 0px 0px; font-family: "Inter Tight", sans-serif; font-weight: 800; font-size: 62px; line-height: 0.98; letter-spacing: -0.036em}
.so-c356{margin: 0px 0px 18px; font-size: 18px; line-height: 1.62; color: rgb(221, 221, 216)}
.so-c357{font-size: 16px; font-weight: 600; color: rgb(244, 160, 0)}
.so-c358{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px}
.so-c359{display: flex; flex-direction: column; padding: 32px; border-radius: 22px; background: linear-gradient(150deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02)); border: 1px solid rgba(255, 255, 255, 0.1)}
.so-c360{display: inline-block; font-size: 11.5px; letter-spacing: 0.13em; text-transform: uppercase; color: rgb(200, 204, 201); font-weight: 600; padding: 6px 12px; border-radius: 100px; background: rgba(107, 122, 141, 0.14); border: 1px solid rgba(107, 122, 141, 0.3); align-self: flex-start; margin-bottom: 22px}
.so-c361{font-family: "Inter Tight", sans-serif; font-weight: 800; font-size: 62px; line-height: 0.88; letter-spacing: -0.05em; color: rgb(255, 255, 255); text-shadow: rgba(244, 160, 0, 0.28) 0px 0px 60px}
.so-c362{font-family: "Inter Tight", sans-serif; font-weight: 600; font-size: 18px; letter-spacing: -0.015em; color: rgb(244, 160, 0); margin: 12px 0px 20px; line-height: 1.25}
.so-c363{font-size: 12px; letter-spacing: 0.13em; text-transform: uppercase; color: rgb(122, 136, 153); font-weight: 700; margin-bottom: 6px}
.so-c364{margin: 0px 0px 16px; font-size: 15px; line-height: 1.58; color: rgb(200, 204, 201)}
.so-c365{font-size: 12px; letter-spacing: 0.13em; text-transform: uppercase; color: rgb(244, 160, 0); font-weight: 700; margin-bottom: 6px}
.so-c366{margin: 0px 0px 20px; font-size: 15px; line-height: 1.58; color: rgb(240, 240, 236)}
.so-c367{margin-top: auto; display: grid; gap: 14px; padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, 0.09)}
.so-c368{display: inline-flex; align-items: flex-start; gap: 9px; font-size: 14px; line-height: 1.45; color: rgb(79, 191, 160)}
.so-c369{flex: 0 0 auto}
.so-c370{font-size: 15px; font-weight: 600; color: rgb(240, 240, 236)}
.so-c371{display: grid; grid-template-columns: 1fr 1fr; gap: 18px}
.so-c372{padding: 32px 36px; border-radius: 24px; background: linear-gradient(150deg, rgba(79, 191, 160, 0.09), rgba(255, 255, 255, 0.02)); border: 1px solid rgba(79, 191, 160, 0.32)}
.so-c373{font-family: "Inter Tight", sans-serif; font-weight: 700; font-size: 23px; letter-spacing: -0.02em; color: rgb(240, 240, 236); margin-bottom: 16px}
.so-c374{max-width: 1330px; margin: 100px auto 0px; padding: 0px 56px}
.so-c375{display: grid; grid-template-columns: 380px 1fr; gap: 70px; align-items: start}
.so-c376{position: sticky; top: 106px}
.so-c377{margin: 18px 0px 16px; font-family: "Inter Tight", sans-serif; font-weight: 800; font-size: 52px; line-height: 1; letter-spacing: -0.034em}
.so-c378{margin: 0px 0px 26px; font-size: 17px; line-height: 1.6; color: rgb(221, 221, 216)}
.so-c379{display: inline-flex; align-items: center; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.12); padding: 0px 24px; border-radius: 100px; height: 50px; font-size: 16px; font-weight: 600; color: rgb(240, 240, 236); white-space: nowrap}
.so-c380{border-radius: 18px; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.08); padding: 20px 26px; margin-bottom: 10px; cursor: pointer; transition: border-color 0.4s, background 0.4s}
.so-c381{display: flex; justify-content: space-between; gap: 24px; align-items: center}
.so-c382{font-family: "Inter Tight", sans-serif; font-weight: 700; font-size: 20px; letter-spacing: -0.018em; line-height: 1.26; color: rgb(240, 240, 236)}
.so-c383{width: 26px; height: 26px; border-radius: 50%; background: rgba(244, 160, 0, 0.14); border: 1px solid rgba(244, 160, 0, 0.32); color: rgb(244, 160, 0); display: flex; align-items: center; justify-content: center; font-size: 16px; flex: 0 0 auto}
.so-c384{display: flex; flex-direction: column; border-radius: 20px; overflow: hidden; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.09); color: inherit}
.so-c385{display: block; height: 170px; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22400%22%20height%3D%22200%22%3E%3Crect%20width%3D%22400%22%20height%3D%22200%22%20fill%3D%22%23101114%22%2F%3E%3Cg%20stroke%3D%22%231E2026%22%20stroke-width%3D%228%22%3E%3Cline%20x1%3D%22-40%22%20y1%3D%22200%22%20x2%3D%22200%22%20y2%3D%22-40%22%2F%3E%3Cline%20x1%3D%2220%22%20y1%3D%22220%22%20x2%3D%22260%22%20y2%3D%22-20%22%2F%3E%3Cline%20x1%3D%2280%22%20y1%3D%22240%22%20x2%3D%22320%22%20y2%3D%220%22%2F%3E%3Cline%20x1%3D%22140%22%20y1%3D%22260%22%20x2%3D%22380%22%20y2%3D%2220%22%2F%3E%3Cline%20x1%3D%22200%22%20y1%3D%22280%22%20x2%3D%22440%22%20y2%3D%2240%22%2F%3E%3C%2Fg%3E%3Ctext%20x%3D%22200%22%20y%3D%22104%22%20font-family%3D%22monospace%22%20font-size%3D%2213%22%20fill%3D%22%235A6472%22%20text-anchor%3D%22middle%22%3Earticle%20hero%20image%3C%2Ftext%3E%3C%2Fsvg%3E") center center / cover; border-bottom: 1px solid rgba(255, 255, 255, 0.08)}
.so-c386{display: flex; flex-direction: column; flex: 1 1 0%; padding: 24px 26px}
.so-c387{font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(244, 160, 0); font-weight: 600; margin-bottom: 10px}
.so-c388{font-family: "Inter Tight", sans-serif; font-weight: 700; font-size: 19px; line-height: 1.25; letter-spacing: -0.015em; color: rgb(240, 240, 236); margin-bottom: 14px}
.so-c389{margin-top: auto; font-size: 14.5px; font-weight: 600; color: rgb(221, 221, 216)}
.so-c390{padding: 14px 16px; border-radius: 14px; background: linear-gradient(135deg, rgba(244, 160, 0, 0.13), rgba(255, 255, 255, 0.03)); border: 1px solid rgba(244, 160, 0, 0.45); box-shadow: rgba(244, 160, 0, 0.1) 0px 0px 34px}
.so-c391{display: flex; align-items: center; gap: 9px; margin-bottom: 6px}
.so-c392{width: 20px; height: 20px; border-radius: 6px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; font-family: "Inter Tight", sans-serif; font-weight: 800; font-size: 10.5px; background: rgb(244, 160, 0); color: rgb(10, 10, 10)}
.so-c393{font-size: 12px; color: rgb(154, 163, 171); white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.so-c394{margin-left: auto; font-size: 10.5px; letter-spacing: 0.09em; text-transform: uppercase; font-weight: 700; color: rgb(79, 191, 160); white-space: nowrap; flex: 0 0 auto}
.so-c395{font-size: 12.5px; color: rgb(200, 204, 201); margin-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.so-c396{padding: 13px 16px; border-radius: 14px; background: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.07); opacity: 0.62}
.so-c397{width: 20px; height: 20px; border-radius: 6px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; font-family: "Inter Tight", sans-serif; font-weight: 800; font-size: 10.5px; background: rgba(255, 255, 255, 0.08); color: rgb(138, 147, 160)}
.so-c398{font-size: 12px; color: rgb(122, 136, 153); white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.so-c399{font-size: 12.5px; color: rgb(122, 136, 153); margin-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.so-c400{padding: 11px 16px 9px; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: rgb(122, 136, 153); font-weight: 700}
.so-c401{display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 11px 16px; background: rgba(244, 160, 0, 0.08); border-top: 1px solid rgba(244, 160, 0, 0.35)}
.so-c402{font-size: 11.5px; color: rgb(154, 163, 171); margin-top: 2px}
.so-c403{font-size: 11px; font-weight: 700; color: rgb(10, 10, 10); background: rgb(244, 160, 0); border-radius: 100px; padding: 3px 9px; white-space: nowrap; flex: 0 0 auto}
.so-c404{display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 11px 16px; border-top: 1px solid rgba(255, 255, 255, 0.07)}
.so-c405{font-size: 13.5px; color: rgb(154, 163, 171)}
.so-c406{font-size: 12px; color: rgb(122, 136, 153); white-space: nowrap; flex: 0 0 auto}
.so-c407{display: none; border-radius: 14px; background: rgba(16, 17, 20, 0.9); border: 1px solid rgba(255, 255, 255, 0.12); padding: 16px}
.so-c408{display: block; border-radius: 14px; background: rgba(16, 17, 20, 0.9); border: 1px solid rgba(255, 255, 255, 0.12); overflow: hidden}
.so-c409{position: absolute; top: 21px; left: 8.33%; width: 66.672%; height: 2px; background: linear-gradient(90deg, rgba(244, 160, 0, 0.4), rgb(244, 160, 0)); box-shadow: rgba(244, 160, 0, 0.55) 0px 0px 14px; transition: width 0.7s cubic-bezier(0.16, 1, 0.3, 1)}
.so-c410{font-size: 11px; letter-spacing: 0.13em; text-transform: uppercase; color: rgb(122, 136, 153); font-weight: 700; margin-bottom: 12px}
.so-c411{display: inline-flex; align-items: center; gap: 9px; font-size: 14px; color: rgb(240, 240, 236); padding: 10px 16px; border-radius: 100px; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.12)}
.so-c412{display: inline-block; width: 2px; height: 19px; background: rgb(244, 160, 0); margin-left: 2px; animation: 1.1s steps(2) 0s infinite normal none running e8pulse}
.so-c413{display: flex; gap: 8px; margin-top: 14px; flex-wrap: wrap}
.so-c414{display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 13px 18px; border-radius: 12px; background: rgba(244, 160, 0, 0.1); border: 1px solid rgba(244, 160, 0, 0.45)}
.so-c415{font-size: 13.5px; color: rgb(244, 160, 0); font-weight: 700; white-space: nowrap}
.so-c416{display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 18px; border-radius: 12px; background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.09)}
.so-c417{display: block; font-size: 12px; color: rgb(122, 136, 153); margin-top: 2px}
.so-c418{font-size: 12.5px; font-weight: 700; color: rgb(79, 191, 160); padding: 4px 11px; border-radius: 100px; background: rgba(79, 191, 160, 0.1); border: 1px solid rgba(79, 191, 160, 0.3); white-space: nowrap}
.so-c419{display: grid; grid-template-columns: 1fr 470px; gap: 70px; align-items: end; margin-bottom: 54px; opacity: 1; transform: none; transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1)}
.so-c420{font-size: 13.5px; color: rgb(122, 136, 153); white-space: nowrap}
.so-c421{display: flex; gap: 8px; margin-top: 12px; flex-wrap: wrap}
.so-c422{position: absolute; top: 21px; left: 8.33%; width: 33.336%; height: 2px; background: linear-gradient(90deg, rgba(244, 160, 0, 0.4), rgb(244, 160, 0)); box-shadow: rgba(244, 160, 0, 0.55) 0px 0px 14px; transition: width 0.7s cubic-bezier(0.16, 1, 0.3, 1)}
.so-c423{flex: 1 1 0%; height: 12%; border-radius: 4px 4px 0px 0px; background: rgba(79, 191, 160, 0.25)}
.so-c424{flex: 1 1 0%; height: 26%; border-radius: 4px 4px 0px 0px; background: rgba(79, 191, 160, 0.35)}
.so-c425{flex: 1 1 0%; height: 44%; border-radius: 4px 4px 0px 0px; background: rgba(79, 191, 160, 0.45)}
.so-c426{flex: 1 1 0%; height: 60%; border-radius: 4px 4px 0px 0px; background: rgba(79, 191, 160, 0.55)}
.so-c427{flex: 1 1 0%; height: 82%; border-radius: 4px 4px 0px 0px; background: rgba(79, 191, 160, 0.7)}
.so-c428{flex: 1 1 0%; height: 100%; border-radius: 4px 4px 0px 0px; background: rgb(79, 191, 160)}
.so-c429{font-size: 11px; color: rgb(79, 191, 160); font-weight: 700}
.so-c430{display: flex; align-items: center; gap: 10px; padding: 9px 14px; border-top: 1px dashed rgba(79, 191, 160, 0.45); background: rgba(79, 191, 160, 0.06)}
.so-c431{font-size: 13px; color: rgb(79, 191, 160); white-space: nowrap}

/* generated: export keyframes */
@keyframes sc-shine{0%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes e8marq{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@keyframes e8dash{to{background-position:16px 0}}
@keyframes e8caret{0%,45%{opacity:1}55%,100%{opacity:0}}
@keyframes e8whyfill{from{width:0}to{width:100%}}
@keyframes e8blink{0%,55%{opacity:1}60%,100%{opacity:0}}
@keyframes e8float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}


/* ---- hand layer ---- */
/* FAQ accordion (answers baked server-side; no export captures one open) */
.soi .soi-faq__q{cursor:pointer}
.soi .soi-faq__a{margin:0;padding:0 22px 18px;font-size:16px;line-height:1.66;color:#DDDDD8;max-width:860px}
.soi .soi-faq__a p{margin:0}
.soi .soi-faq__a a{color:#F4A000}
.soi .soi-faq.is-open .soi-faq__q > span:first-child{color:#F4A000}

.soi .so-c371{gap:0 18px}
/* Right-fit cards: whole good card teal, whole not-fit card coral
   (standing decision 2026-09-13; the exports leave the not-fit card
   neutral). Scoped inside the fit grid. */
.soi .so-c371 > .so-c203{background:linear-gradient(150deg,rgba(255,122,107,.07),rgba(255,255,255,.02));
  border:1px solid rgba(255,122,107,.28)}
.soi .so-c371 > .so-c372 > .so-c373{color:#4FBFA0}
.soi .so-c371 > .so-c203 > .so-c373{color:#FF7A6B}
.soi .so-c371{grid-template-rows:repeat(5,auto)}
.soi .so-c371 > .so-c372,.soi .so-c371 > .so-c203{display:grid;grid-template-rows:subgrid;grid-row:span var(--fit-rows,5);align-content:start}

/* ---- phone width (conservative; the exports are 1440px-only) ---- */
@media (max-width:1080px){
  .soi > section{padding-left:24px;padding-right:24px}
  .soi .so-c49{padding-left:0;padding-right:0}
  .soi h1{font-size:clamp(34px,7vw,62px)!important;white-space:normal!important}
  .soi h2{font-size:clamp(28px,5.5vw,52px)!important}
  .soi .so-c371 > .so-c372,.soi .so-c371 > .so-c203{display:block}
  .soi .so-c360{white-space:normal;max-width:100%}
  .soi .so-c360 span{white-space:normal}
  /* pillar accordion: stack the three panels on a phone, hide the
     collapsed vertical strips */
  .soi .so-c214{flex-direction:column}
  .soi .so-c214 > div{flex:0 0 auto!important;min-height:0!important}
  .soi .so-c214 > div > div[aria-hidden]{display:none}
  .soi .so-c214 > div > div:not([aria-hidden]){position:static!important;opacity:1!important;pointer-events:auto!important}
}
/* Keep both faces in flow so saved content determines the card height. */
.soi .so-c329{display:grid;min-height:inherit}
.soi .so-c330,.soi .so-c337{position:relative;inset:auto;grid-area:1 / 1}
.soi .so-c63{height:auto;min-height:264px}
@media (prefers-reduced-motion:reduce){
  .soi .so-c329,.soi [data-seo-group="pillar"]{transition:none}
}
.soi .so-c163,.soi .so-c263,.soi .so-c343{flex-wrap:wrap}
@media (max-width:1080px){
  .soi .so-c327{grid-template-columns:repeat(2,minmax(0,1fr))}
  .soi .so-c327 > div{grid-column:auto}
  .soi .so-c64{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
  .soi .so-c208{flex-wrap:wrap;border-radius:20px}
  .soi .so-c208 > .so-c212{flex-basis:100%}
  .soi .so-c208 > .so-c211{display:none}
  .soi .so-c250,.soi .so-c132{flex-wrap:wrap}
  .soi .so-c165{max-width:100%;height:auto;min-height:48px;white-space:normal;text-align:center;justify-content:center;padding-top:12px;padding-bottom:12px}
}
@media (max-width:700px){
  main.soi > section{padding-left:20px!important;padding-right:20px!important}
  .soi .so-c327{grid-template-columns:minmax(0,1fr)}
  .soi .so-c13{flex-direction:column;align-items:stretch}
  .soi .so-c13 > a{justify-content:center;white-space:normal;text-align:center;min-height:48px;height:auto!important;padding-top:12px;padding-bottom:12px}
  .soi .so-c22,.soi .so-c33,.soi .so-c44,.soi .so-c393,.soi .so-c395,.soi .so-c398,.soi .so-c399{white-space:normal;overflow:visible;overflow-wrap:anywhere}
  .soi .so-c21{min-width:0}
  .soi .so-c40,.soi .so-c90{white-space:normal;overflow:visible;overflow-wrap:anywhere}
  .soi .so-c88{flex-wrap:wrap}
  .soi .so-c113,.soi .so-c116,.soi .so-c117,.soi .so-c93,.soi .so-c98,.soi .so-c430{flex-wrap:wrap}
  .soi .so-c95,.soi .so-c99,.soi .so-c119,.soi .so-c431{white-space:normal;overflow-wrap:anywhere}
  .soi .so-c121{align-items:flex-start;padding:22px 20px;gap:14px}
  .soi .so-c3{flex-wrap:wrap;gap:8px 10px}
  .soi .so-c3 > a,.soi .so-c3 > [aria-hidden]{flex-shrink:0}
  .soi .so-c32,.soi .so-c35{flex-wrap:wrap}
  .soi .so-c35 > span{flex-shrink:0;max-width:100%}
  .soi .so-c133{flex-basis:100%;height:auto!important;min-height:48px;padding-top:10px;padding-bottom:10px}
  .soi .so-c135{flex-wrap:wrap;white-space:normal;min-width:0}
  .soi .so-c137,.soi .so-c139{white-space:normal;overflow-wrap:anywhere}
}
/* (the emitter appends the generated layout-grid collapse block) */

/* generated: layout grids collapse at phone width */
@media (max-width:1080px){
main.soi section *{min-width:0}
.so-c6{grid-template-columns:minmax(0,1fr)}
.so-c50{grid-template-columns:minmax(0,1fr)}
.so-c54{grid-template-columns:minmax(0,1fr)}
.so-c63{grid-template-columns:minmax(0,1fr)}
.so-c125{grid-template-columns:minmax(0,1fr)}
.so-c147{grid-template-columns:minmax(0,1fr)}
.so-c166{grid-template-columns:minmax(0,1fr)}
.so-c195{grid-template-columns:minmax(0,1fr)}
.so-c221{grid-template-columns:minmax(0,1fr)}
.so-c248{grid-template-columns:minmax(0,1fr)}
.so-c253{grid-template-columns:minmax(0,1fr)}
.so-c267{grid-template-columns:minmax(0,1fr)}
.soi [data-cms-section="journey"] .so-c267{grid-template-columns:minmax(0,1fr)}
.so-c274{grid-template-columns:minmax(0,1fr)}
.so-c315{grid-template-columns:minmax(0,1fr)}
.so-c323{grid-template-columns:minmax(0,1fr)}
.so-c327{grid-template-columns:minmax(0,1fr)}
.so-c346{grid-template-columns:minmax(0,1fr)}
.so-c350{grid-template-columns:minmax(0,1fr)}
.so-c354{grid-template-columns:minmax(0,1fr)}
.so-c358{grid-template-columns:minmax(0,1fr)}
.so-c371{grid-template-columns:minmax(0,1fr)}
.so-c375{grid-template-columns:minmax(0,1fr)}
.so-c419{grid-template-columns:minmax(0,1fr)}
}
/* gold-bg elements keep ink text under the global a:hover
   (exports carry no hover styles; a:hover would turn CTA text gold-on-gold) */
.so-c138:hover,
.so-c14:hover,
.so-c142:hover,
.so-c173:hover,
.so-c176:hover,
.so-c209:hover,
.so-c23:hover,
.so-c271:hover,
.so-c283:hover,
.so-c30:hover,
.so-c302:hover,
.so-c316:hover,
.so-c392:hover,
.so-c403:hover,
.so-c412:hover,
.so-c60:hover,
.so-c70:hover,
.so-c75:hover,
.so-c8:hover,
.so-c91:hover{color:rgb(10,10,10)}
/* A saved panel may contain more copy than the original three short points.
   Keep the approved 500px default card, and let its active content grow. */
@media (min-width:1081px) {
  .soi [data-seo-group="pillar"][aria-pressed="true"] > :nth-child(3) {
    position:relative;
    inset:auto;
    min-height:498px;
  }
}

/* Keep saved panel copy inside its own card, including expanded pillars. */
.soi :is(.so-c6,.so-c63,.so-c221,.so-c248)>*{min-width:0}
.soi :is(.so-c13,.so-c113,.so-c116,.so-c117,.so-c223,.so-c240,.so-c243,.so-c250,.so-c391){flex-wrap:wrap}
.soi :is(.so-c14,.so-c15){height:auto;min-height:54px;padding-top:12px;padding-bottom:12px}
.soi :is(.so-c14,.so-c15,.so-c22,.so-c95,.so-c99,.so-c115,.so-c119,.so-c120,.so-c224,.so-c242,.so-c244,.so-c251,.so-c394){max-width:100%;white-space:normal;overflow-wrap:anywhere}
.soi .so-c219{white-space:normal;max-height:calc(100% - 110px);overflow-wrap:anywhere}
.soi .so-c63{height:auto;min-height:264px}

.soi :is(.so-c139,.so-c379){white-space:normal;max-width:100%;height:auto;overflow-wrap:anywhere}.soi .so-c379{min-height:46px;padding-top:12px;padding-bottom:12px}
.soi .so-c132{flex-wrap:wrap}.soi .so-c133{min-width:0;max-width:100%}.soi .so-c140{flex-wrap:wrap}.soi .so-c141{overflow-wrap:anywhere}

.soi .so-c125>*{min-width:0}.soi .so-c208{max-width:100%}.soi .so-c210{min-width:0;overflow-wrap:anywhere}
.soi .so-c212{min-width:0;overflow-wrap:anywhere}

.soi .so-c133{height:auto;min-height:56px;padding-top:10px;padding-bottom:10px}.soi .so-c135{min-width:0;flex-wrap:wrap;white-space:normal}.soi .so-c137{white-space:normal;overflow-wrap:anywhere}

.soi :is(.so-c29,.so-c42)>div{min-width:0;flex:1}.soi :is(.so-c32,.so-c35){flex-wrap:wrap}.soi :is(.so-c33,.so-c34,.so-c40,.so-c44,.so-c100,.so-c395){white-space:normal;overflow:visible;overflow-wrap:anywhere;max-width:100%}.soi .so-c394{flex-shrink:1}.soi .so-c210{max-width:100%}

.soi :is(.so-c74,.so-c75,.so-c406,.so-c418){white-space:normal;max-width:100%;height:auto;overflow-wrap:anywhere}

/* In the stacked layout, sticky columns must not cover later controls. */
@media(max-width:1080px){
  .soi .so-c126,.soi .so-c376{position:static}
  .soi .so-c268{flex-direction:row;justify-content:flex-start;gap:16px;padding:6px 0;text-align:left}
  .soi :is(.so-c269,.so-c271,.so-c273){flex-shrink:0}
  .soi :is(.so-c270,.so-c272){text-align:left}
}
.soi .so-c264:not(:has([data-seo-group="journey"]))>span{display:none}
.soi [data-seo-journey-fill]{transition:width .7s cubic-bezier(.16,1,.3,1),height .7s cubic-bezier(.16,1,.3,1)}
.soi .so-c97{white-space:normal;max-width:100%;overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){.soi [data-seo-journey-fill]{transition:none}}

.soi .so-c403{white-space:normal;max-width:100%;height:auto;min-height:22px;overflow-wrap:anywhere}

.soi .so-c85{flex-wrap:wrap;gap:8px}.soi .so-c278{height:auto;min-height:210px}
@media(max-width:1080px){.soi .so-c202{position:static;transform:none;grid-row:2;justify-self:center}}
.soi .so-c90{white-space:normal;overflow:visible;overflow-wrap:anywhere}
.soi .so-c76{flex-wrap:wrap}
.soi :is(.so-c78,.so-c83){flex-shrink:0;white-space:nowrap}
.soi :is(.so-c79,.so-c84){min-width:0;overflow-wrap:anywhere}