.codex-body{background:#f4f7f8;color:#172b36}.codex-body *{box-sizing:border-box}.codex-body [hidden]{display:none!important}.codex-wrap{width:min(1000px,calc(100% - 40px));padding:100px 0 48px}.codex-header{display:flex;align-items:center;gap:18px;margin-bottom:30px}.codex-header .sms-logo{margin:0;width:58px;height:58px;border-radius:18px;box-shadow:none;flex:none}.codex-header h1{font-size:30px;margin:4px 0 8px;line-height:1.2}.codex-header p{margin:0;color:#687984;font-size:14px}.codex-eyebrow{font-size:12px!important;letter-spacing:1px;color:#008b73!important;font-weight:700}.codex-steps{display:flex;list-style:none;gap:24px;margin:0 0 26px;padding:0;color:#7e8b95;font-size:14px}.codex-steps li{display:flex;gap:10px;align-items:center;flex:1;border-bottom:2px solid #e1e7ea;padding-bottom:16px}.codex-steps b{display:grid;place-items:center;width:25px;height:25px;background:#e8edf0;border-radius:50%;font-size:12px}.codex-steps .active{color:#00866d;border-color:#00a98a}.codex-steps .active b{background:#dcf5ed}.codex-body .sms-card{border:1px solid #e1e8eb;border-radius:18px;box-shadow:0 4px 22px #183b4606;padding:28px;background:#fff}.codex-entry h2{font-size:23px;margin:10px 0}.codex-entry .sms-desc{margin-bottom:24px;font-size:14px}.codex-body .sms-input{min-width:0;border:1px solid #cddadd;border-radius:10px;background:#fbfcfc;letter-spacing:.5px;flex:1}.codex-body .sms-input:focus{border-color:#009a7d;box-shadow:0 0 0 3px #009a7d15}.codex-body .sms-btn{background:#008b73;box-shadow:none;border-radius:10px;font-size:14px;font-weight:600;padding:12px 18px;min-width:110px;white-space:nowrap}.codex-body .sms-btn.ghost{background:#fff;color:#31545c;border:1px solid #d7e2e5}.codex-entry-note{font-size:12px;color:#829099;margin:18px 0 0}.codex-toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;font-size:13px;color:#7a8890}.codex-link{border:0;background:transparent;color:#4c6c73;padding:8px 0;cursor:pointer;font:inherit;font-size:13px}.codex-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.codex-panel{border:1px solid #e3eaed;border-radius:12px;padding:22px;min-width:0;background:#fafcfc}.codex-code-panel{background:#f2faf7;border-color:#d4eae1}.codex-panel-label{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:#657b82}.codex-panel-label span:last-child{font-size:11px;color:#7e9298}.codex-body .codex-phone,.codex-body .codex-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(22px,3vw,32px);font-weight:700;letter-spacing:0;margin:28px 0 24px;line-height:1.3;min-height:42px;overflow-wrap:anywhere;cursor:text}.codex-body .codex-code{color:#008b73;letter-spacing:3px}.codex-facts{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:#88979c;margin-top:24px}.codex-facts b{display:block;color:#526b72;font-weight:500;margin-top:6px;font-size:12px}.codex-last-checked{font-size:12px;color:#7a9490;margin:24px 0 0}.codex-guidance{font-size:13px;line-height:1.8;color:#647d83;padding:0 0 18px;border-bottom:1px solid #edf1f2;margin:0 0 18px}.codex-body .sms-actions{margin:0;align-items:center}.codex-body .sms-badge{background:#e9f5f1;color:#008b73;white-space:nowrap}.codex-body .sms-badge.warn{background:#fff3d8;color:#9c7117}.codex-help{margin-top:26px;padding:0 6px;color:#7a8d94;font-size:13px;line-height:1.8}.codex-help h2{font-size:14px;color:#4d666e}.codex-help b{font:12px ui-monospace,monospace;color:#00a183;margin-right:12px}.codex-help p{margin:8px 0}.codex-body .sms-alert{font-size:13px;line-height:1.7}.codex-body .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}.codex-body button:focus-visible{outline:3px solid #8adcc4;outline-offset:3px}
@media(max-width:720px){.codex-wrap{width:calc(100% - 28px);padding-top:90px}.codex-header{gap:14px}.codex-header h1{font-size:25px}.codex-header p{font-size:12px}.codex-body .sms-card{padding:20px}.codex-steps{gap:10px;font-size:12px}.codex-steps li{gap:6px}.codex-panels{grid-template-columns:1fr;gap:12px}.codex-panel{padding:20px}.codex-body .sms-form{display:flex;flex-direction:column}.codex-body .sms-btn{width:auto;margin:0;min-height:44px}.codex-body .sms-form .sms-btn{width:100%}.codex-body .sms-head{display:flex;align-items:center}.codex-body .sms-head h2{font-size:18px}.codex-body .sms-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.codex-body .codex-phone,.codex-body .codex-code{font-size:29px;margin:20px 0}.codex-facts{margin-top:18px;justify-content:space-between}.codex-steps b{width:22px;height:22px}}