:root{--orange:#f26522;--orange2:#ff8a3d;--ink:#161616;--muted:#717171;--bg:#f5f5f3;--card:#fff;--line:#e8e6e1;--green:#1f9d68;--red:#d94b45}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input{font:inherit}
.topbar{height:72px;background:#171717;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:10}
.build-version{margin-left:auto;margin-right:12px;color:#c7c7c7;font-size:10px;font-weight:700;letter-spacing:.04em;white-space:nowrap}
.brand{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--orange);font-size:24px;font-weight:900}.brand strong,.brand small{display:block;letter-spacing:1.2px}.brand small{color:#aaa;font-size:10px;margin-top:2px}
.brand strong{letter-spacing:.3px}.brand small{font-size:8px;letter-spacing:.5px}.brand-mark{flex-shrink:0}
@media(max-width:420px){.topbar{padding:0 12px}.brand{gap:7px}.brand strong{font-size:15px}.brand small{font-size:7px;letter-spacing:.25px}.brand-mark{width:32px;height:32px;font-size:21px}}
.icon-btn{border:1px solid #3c3c3c;background:#242424;color:#fff;border-radius:10px;width:38px;height:38px;font-size:20px}
main{max-width:760px;margin:auto;padding:18px 16px 105px}.screen{display:none}.screen.active{display:block}
.eyebrow{font-size:12px;font-weight:800;color:var(--orange);letter-spacing:1.5px;text-transform:uppercase}.hero h1{font-size:30px;line-height:1.08;margin:8px 0}.hero p{color:var(--muted);margin:0 0 18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;margin:13px 0;box-shadow:0 4px 18px rgba(0,0,0,.035)}
.card h2,.card h3{margin:0 0 8px}.card h2{font-size:19px}.card h3{font-size:16px}.muted{color:var(--muted)}.small{font-size:12px}
.score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.score{text-align:center;padding:14px 6px;border-radius:14px;background:#faf7f4}.score strong{display:block;font-size:25px;color:var(--orange)}.score span{font-size:11px;color:var(--muted)}
.task{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.task:last-child{border:0}.task input{width:21px;height:21px;accent-color:var(--orange)}.task label{flex:1}.task b{display:block;font-size:14px}.task small{color:var(--muted)}
.primary,.secondary,.mini{border:0;border-radius:12px;cursor:pointer;font-weight:800}.primary{width:100%;padding:14px;background:var(--orange);color:#fff}.secondary{padding:11px 14px;background:#f0eee9;color:#222}.mini{padding:8px 11px;background:#fff2e9;color:#c74a08}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.field{background:#fafafa;border:1px solid var(--line);border-radius:13px;padding:11px}.field label{display:block;color:var(--muted);font-size:11px;font-weight:700;margin-bottom:5px}.field input{border:0;background:transparent;width:100%;font-size:23px;font-weight:800;outline:0}
.promotion-card select{width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:14px;color:var(--ink)}
.check-field{display:flex;align-items:center}.check-field input{width:auto;margin-right:7px;accent-color:var(--orange)}
.promotion-result{margin:16px 0;padding:14px 16px;border-radius:13px;background:#fff4ed;border:1px solid #ffd7bd}.promotion-result.ready{background:#edf9f1;border-color:#bfe7cd}.promotion-result p{margin:7px 0 0}.promotion-result ul{margin:8px 0 0;padding-left:20px}.promotion-result li{margin:5px 0}
.ask-row{display:grid;grid-template-columns:1fr auto;gap:8px}.ask-row input{min-width:0;border:1px solid var(--line);border-radius:11px;padding:12px}.ask-row .primary{margin:0;width:auto;padding:0 20px}
.promotion-answer{margin-top:12px;padding:15px;border-radius:13px;background:#f7f7f8;border-left:4px solid var(--orange)}.promotion-answer p{margin:7px 0}.promotion-answer small{color:var(--muted);line-height:1.35;display:block}
.award{position:relative;overflow:hidden}.award::after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;background:#fff3ec;right:-25px;top:-25px}.award-row{display:flex;justify-content:space-between;align-items:center}.award-name{font-size:18px;font-weight:900}.award.done{border-color:#8fd0b3;background:#f4fff9}.award.done .award-name{color:var(--green)}
.bar{height:9px;background:#eee;border-radius:20px;overflow:hidden;margin:12px 0 6px}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--orange),var(--orange2));border-radius:20px}
.lesson,.script{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line)}.lesson:last-child,.script:last-child{border:0}.lesson button{flex:0 0 auto}.lesson-body,.script-body{flex:1}.lesson-body b,.script-body b{display:block}.lesson.done b{text-decoration:line-through;color:var(--muted)}
.manual-feature{display:grid;grid-template-columns:130px 1fr;gap:18px;align-items:center;background:linear-gradient(135deg,#fff 55%,#fff2e9)}.manual-cover{height:170px;border-radius:10px;background:#171717;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:14px;box-shadow:0 10px 25px rgba(0,0,0,.18)}.manual-cover span{color:var(--orange);font-size:12px;font-weight:900;letter-spacing:2px}.manual-cover b{font-size:19px;line-height:1.05;margin:7px 0}.manual-cover small{font-size:8px;color:#aaa}.manual-intro h2{margin-top:6px}.manual-pdf{display:block;text-align:center;text-decoration:none;margin-top:8px}
.ks-feature{display:grid;grid-template-columns:92px 1fr;gap:16px;align-items:center;background:linear-gradient(135deg,#171717,#292929);color:#fff}.ks-feature .muted{color:#bbb}.ks-badge{height:92px;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--orange);font-size:31px;font-weight:950;line-height:.75}.ks-badge span{display:block;font-size:13px;letter-spacing:3px;margin-top:10px}.ks-feature h2{margin-top:6px}.ks-reader h3{margin:22px 0 8px}.readiness{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:18px;border-radius:16px;background:#242424;color:#fff;margin:14px 0 10px}.readiness.ready{background:#11633f}.readiness span,.readiness strong{display:block}.readiness span{font-size:10px;letter-spacing:1.3px;color:#aaa}.readiness.ready span{color:#c7e9d7}.readiness strong{font-size:19px;margin-top:4px}.readiness-score{font-size:34px;font-weight:900;text-align:center;color:var(--orange)}.readiness.ready .readiness-score{color:#fff}.readiness-score small{display:block;font-size:8px;color:#aaa}.readiness-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.readiness-grid div{text-align:center;background:#faf7f4;border-radius:12px;padding:11px 4px}.readiness-grid b,.readiness-grid span{display:block}.readiness-grid b{font-size:19px;color:var(--orange)}.readiness-grid span{font-size:8px;color:var(--muted);margin-top:3px}.mock-button{margin:8px 0}.course-module button{width:100%;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;padding:12px 0;cursor:pointer}.module-number{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff1e8;color:var(--orange);font-weight:900}.course-module b,.course-module small{display:block}.course-module small{color:var(--muted);margin-top:3px}.course-module i{font-size:24px;color:#aaa}.result-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.result-row b{color:var(--red)}.result-row b.pass{color:var(--green)}.source-note{margin-top:18px;padding:13px;border-radius:12px;background:#f5f5f3}.source-note b,.source-note span{display:block}.source-note span{font-size:11px;color:var(--muted);margin-top:3px}.back-link{border:0;background:none;color:var(--orange);font-weight:800;padding:8px 0;cursor:pointer}.study-lesson{font-family:Georgia,serif;line-height:1.62}.module-quiz{width:100%;margin-top:8px}.quiz-top{display:flex;justify-content:space-between;align-items:center}.quiz-question{font-size:22px;line-height:1.3;margin:10px 0 17px!important}.quiz-options{display:grid;gap:9px}.quiz-options button{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;border:1px solid var(--line);background:#fff;border-radius:12px;text-align:left;padding:11px;cursor:pointer}.quiz-options button span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f1efeb;font-weight:900}.quiz-options button.correct{border-color:#54b487;background:#effaf4}.quiz-options button.correct span{background:var(--green);color:#fff}.quiz-options button.wrong{border-color:#e08782;background:#fff1f0}.quiz-options button.wrong span{background:var(--red);color:#fff}.quiz-feedback{margin:14px 0;padding:14px;border-radius:12px}.quiz-feedback.correct{background:#effaf4}.quiz-feedback.wrong{background:#fff1f0}.quiz-feedback p{margin:5px 0 0;line-height:1.45}.quiz-finish{text-align:center;padding:26px;border-radius:16px;background:#fff1f0;margin:15px 0}.quiz-finish.pass{background:#effaf4}.quiz-finish span,.quiz-finish strong{display:block}.quiz-finish span{font-size:11px;font-weight:900;letter-spacing:1.3px}.quiz-finish strong{font-size:58px;color:var(--red)}.quiz-finish.pass strong{color:var(--green)}.quiz-finish p{margin:0;color:var(--muted)}
.manual-modal{place-items:center}.manual-reader{width:min(94%,760px);height:min(92vh,850px);border-radius:22px;padding-bottom:22px;overflow:auto}.manual-search{display:grid;grid-template-columns:1fr auto;gap:8px;margin:14px 0}.manual-search input{margin:0}.manual-search button{white-space:nowrap}.reader-status{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px;margin:14px 0 8px}.reader-controls{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:8px}.reader-controls .primary{margin:0}.reader-speed{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:12px 0}.reader-speed label{font-size:11px;font-weight:800;color:var(--muted);margin-right:3px}.reader-speed .selected{background:var(--orange);color:#fff}.manual-page{white-space:pre-wrap;font-family:Georgia,serif;line-height:1.62;background:#faf9f6;border:1px solid var(--line);border-radius:14px;padding:18px;min-height:280px}.reader-footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:12px}.reader-footer a{text-align:center;text-decoration:none}.search-result{width:100%;display:grid;grid-template-columns:58px 1fr;gap:8px;text-align:left;border:0;border-bottom:1px solid var(--line);background:#fff;padding:10px 4px;cursor:pointer}.search-result b{color:var(--orange)}.search-result span{font-size:12px;color:var(--muted)}
.pill{display:inline-block;padding:4px 8px;border-radius:20px;background:#f0eee9;color:#555;font-size:10px;font-weight:800;margin-top:5px}.pill.orange{background:#fff0e6;color:#c64d0b}.pill.green{background:#e9faF2;color:#17734d}
.quote{background:#171717;color:#fff}.quote p{font-size:19px;line-height:1.45;margin:0}.quote small{display:block;color:#aaa;margin-top:10px}
.agent{display:grid;grid-template-columns:1fr auto;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.agent:last-child{border:0}.agent strong{display:block}.status{font-size:11px;font-weight:800}.status.on{color:var(--green)}.status.risk{color:var(--red)}
.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:82px;padding-bottom:env(safe-area-inset-bottom);background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-top:1px solid var(--line);display:flex;justify-content:center;z-index:20}.bottom-nav button{width:min(16.66%,100px);border:0;background:transparent;color:#888;font-size:9px;font-weight:700;padding:0 2px}.bottom-nav span{display:block;font-size:20px;margin-bottom:4px}.bottom-nav button.active{color:var(--orange)}
.contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.contact-actions .primary,.contact-actions .secondary{width:100%}
.privacy{border-left:4px solid var(--orange);background:#fff8f3}.contact{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.contact:last-child{border:0}.avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff0e7;color:#c74a08;font-weight:900}.contact b,.contact small{display:block}.contact select{border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px;font-size:11px}.empty{text-align:center;padding:28px 10px}.empty strong{display:block;margin-bottom:6px}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.58);display:none;place-items:end center;z-index:40}.modal.show{display:grid}.modal-card{width:min(100%,560px);background:#fff;border-radius:22px 22px 0 0;padding:22px 18px calc(22px + env(safe-area-inset-bottom))}.modal-card input{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px;margin:5px 0}.modal-card .primary{margin-top:10px}
.crm-card{max-height:88vh;overflow:auto}.crm-card textarea,.crm-card select{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px;margin:5px 0;background:#fff}.crm-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.crm-label{font-size:10px;font-weight:800;color:var(--muted);display:block;margin-top:9px}.history-item{padding:11px 0;border-bottom:1px solid var(--line)}.history-item:last-child{border:0}.history-item b,.history-item small{display:block}.open-client{white-space:nowrap}.recording{background:var(--red)!important;color:#fff!important}
#toast{position:fixed;left:50%;bottom:95px;transform:translate(-50%,20px);background:#171717;color:#fff;border-radius:10px;padding:11px 16px;opacity:0;pointer-events:none;transition:.2s;z-index:30;font-size:13px}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:520px){.manual-feature{grid-template-columns:90px 1fr;gap:12px}.manual-cover{height:130px}.manual-cover b{font-size:15px}.reader-controls,.reader-footer{grid-template-columns:1fr 1fr 1fr}.reader-controls button,.reader-footer a,.reader-footer button{padding:10px 4px;font-size:11px}}
@media(min-width:650px){.form-grid{grid-template-columns:repeat(4,1fr)}.hero h1{font-size:38px}}