:root{--ink:#15251d;--muted:#617067;--paper:#fbfaf7;--white:#fff;--green:#1f5a3d;--green-dark:#17472f;--soft:#eef3ec;--line:#dce2da;--orange:#ef7b45;--danger:#943d27}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Avenir Next,Avenir,Trebuchet MS,sans-serif;font-size:16px;line-height:1.55}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #72a988}.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:74px;padding:0 20px;display:flex}.brand{letter-spacing:-2px;font-size:31px;font-weight:800;text-decoration:none}.brand span{vertical-align:top;letter-spacing:0;margin-left:3px;font-size:10px}.nav-label{display:none}.nav-link{color:var(--green);font-size:14px;font-weight:700;text-decoration:none}.hero{text-align:left;max-width:800px;margin:auto;padding:52px 22px 48px}.eyebrow{letter-spacing:1.4px;color:var(--green);margin-bottom:18px;font-size:10px;font-weight:800}.eyebrow span{background:var(--green);border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.hero h1{letter-spacing:-2.2px;margin:0 0 22px;font-size:clamp(38px,11vw,62px);font-weight:650;line-height:1.06}.hero em{color:var(--green);font-family:Georgia,serif;font-weight:400}.hero p{color:var(--muted);margin:0 0 28px;font-size:17px}.primary,.secondary,.record-button{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:15px 20px;font-weight:750;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.primary{background:var(--green);color:#fff}.primary:hover:not(:disabled){background:var(--green-dark);transform:translateY(-1px)}.secondary{border-color:var(--line);color:var(--ink);background:#fff}.hero .primary{width:100%}.hero-notes{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.hero-notes span{color:var(--muted);background:var(--soft);border-radius:99px;padding:7px 10px;font-size:12px}.context{background:var(--soft);border-block:1px solid var(--line);padding:38px 22px}.context h2{margin:0 0 16px;font-size:26px;font-weight:600;line-height:1.22}.context>p:last-child{color:var(--muted);margin:0}.workspace{max-width:1120px;margin:auto;padding:0 20px}.workspace:not(.is-open) .form-panel:empty{display:none}.workspace.is-open{padding-top:32px;padding-bottom:64px}.sidebar>div:first-child,.save-note{display:none}.steps{border-bottom:1px solid var(--line);scrollbar-width:none;gap:7px;margin:0 0 28px;padding:0 0 14px;list-style:none;display:flex;overflow-x:auto}.steps li{color:var(--muted);flex-shrink:0;align-items:center;gap:7px;padding-right:8px;font-size:12px;display:flex}.step-dot{border:1px solid #bcc8be;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.steps .current{color:var(--green);font-weight:800}.steps .current .step-dot{background:var(--green);color:#fff;border-color:var(--green)}.steps .done .step-dot{background:var(--soft);color:var(--green)}.form-panel{min-width:0}.form-panel h2{letter-spacing:-1px;margin:0 0 13px;font-size:32px;font-weight:650;line-height:1.15}.hint{color:var(--muted);margin:0 0 28px}.form-panel fieldset{border:0;min-width:0;margin:0;padding:0}.fields,.review-fields{gap:22px;display:grid}label{font-size:15px;font-weight:700;display:block}label small,small,.small-note{color:var(--muted);font-size:12px;font-weight:500}input:not([type=checkbox]),textarea,select{width:100%;color:var(--ink);background:#fff;border:1px solid #cbd5cb;border-radius:10px;outline:none;margin-top:8px;padding:14px 15px;font-size:16px}textarea{resize:vertical;min-height:96px;line-height:1.55}input:focus,textarea:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #1f5a3d16}input::placeholder,textarea::placeholder{color:#8c978f}.pair{gap:20px;display:grid}.option-grid,.tone-grid{gap:12px;display:grid}.option-card,.tone{border:1px solid var(--line);text-align:left;background:#fff;border-radius:12px;min-height:58px;padding:18px}.option-card span,.tone span{font-weight:750;display:block}.tone small{margin-top:5px;display:block}.option-card.selected,.tone.selected{border:2px solid var(--green);background:var(--soft);padding:17px;box-shadow:0 0 0 3px #1f5a3d0b}.form-actions{border-top:1px solid var(--line);background:linear-gradient(180deg,transparent 0,var(--paper) 25%);align-items:center;gap:10px;margin-top:32px;padding-top:24px;padding-bottom:10px;display:flex;position:sticky;bottom:0}.form-actions .primary{margin-left:auto}.text-button{color:var(--muted);background:0 0;border:0;padding:10px;font-weight:700}.error,.notice{overflow-wrap:anywhere;border-radius:10px;margin-bottom:20px;padding:15px 17px;font-size:14px}.error{color:var(--danger);background:#fbefea;border:1px solid #edcec1}.notice{background:var(--soft);border:1px solid #cdddcf}.loading{border-left:4px solid var(--green)}.voice{gap:10px;margin-top:16px;display:grid}.record-button{border-color:var(--green);color:var(--green);background:#fff;width:100%;font-weight:800}.record-button.recording{color:#a83225;background:#fff1ee;border-color:#d45545}.mic-icon{background:var(--soft);border-radius:50%;place-items:center;width:24px;height:24px;font-size:10px;display:grid}.recording .mic-icon{color:#fff;background:#d94b3d;animation:1.1s infinite pulse}.recording-feedback{color:#a83225;justify-content:space-between;align-items:center;font-size:13px;font-weight:750;display:flex}.sound-bars{align-items:center;gap:3px;height:24px;display:flex}.sound-bars i{background:#d94b3d;border-radius:4px;width:3px;height:8px;animation:.8s ease-in-out infinite wave}.sound-bars i:nth-child(2),.sound-bars i:nth-child(4){animation-delay:.16s}.sound-bars i:nth-child(3){animation-delay:.32s}.audio-review{background:var(--soft);border-radius:10px;gap:8px;padding:12px;display:grid}.audio-review audio{width:100%;height:38px}.choice-panel{text-align:center;border:1px solid var(--line);background:#fff;border-radius:16px;padding:32px 20px}.choice-panel p{color:var(--muted);max-width:570px;margin:0 auto 25px}.choice-panel .primary,.choice-panel .secondary{width:100%;margin-top:10px}.success-mark{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:22px;font-size:30px;display:grid;box-shadow:0 12px 30px #1f5a3d28}.success-mark.small{width:48px;height:48px;margin:0 auto 18px;font-size:22px}.faq-list{gap:18px;display:grid}.faq-card{border:1px solid var(--line);background:#fff;border-radius:14px;gap:16px;padding:18px;display:grid}.faq-head{justify-content:space-between;align-items:center;display:flex}.faq-head button{color:var(--danger);background:0 0;border:0;font-size:12px}.add-faq{width:100%}.connection{border:1px solid var(--line);background:#fff;border-radius:14px;margin-top:30px;padding:22px}.connection h3{margin:0 0 8px;font-size:22px}.connection p{color:var(--muted)}.check{align-items:flex-start;gap:11px;margin:20px 0;font-size:14px;display:flex}.check input{accent-color:var(--green);flex-shrink:0;width:20px;height:20px}.connection .primary{width:100%}.review-fields{grid-template-columns:1fr}.review-fields textarea{min-height:85px}.success{position:relative;overflow:hidden}.success>p{color:var(--muted);font-size:17px}.processing{background:var(--soft);border:1px solid #bdd3c3;border-radius:12px;align-items:center;gap:12px;margin:24px 0;padding:16px;display:flex}.processing span{border:3px solid #a9c7b2;border-top-color:var(--green);border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}.success-checklist{gap:12px;margin:24px 0;padding:0;list-style:none;display:grid}.success-checklist li{border:1px solid var(--line);background:#fff;border-radius:10px;padding:14px 14px 14px 46px;position:relative}.success-checklist li:before{content:"✓";background:var(--soft);width:23px;height:23px;color:var(--green);border-radius:50%;place-items:center;font-weight:900;display:grid;position:absolute;top:12px;left:15px}.arrival{background:#fff7ed;border:1px solid #f0d6b8;border-radius:14px;align-items:center;gap:15px;margin:28px 0;padding:18px;display:flex}.arrival-time{background:var(--orange);color:#fff;white-space:nowrap;border-radius:8px;padding:9px 10px;font-size:13px;font-weight:850}.arrival strong{display:block}.arrival p{color:var(--muted);margin:3px 0 0;font-size:12px}.phone-preview{max-width:390px;margin:35px auto}.phone-shell{background:#efeae2;border:10px solid #17263a;border-radius:34px;overflow:hidden;box-shadow:0 22px 50px #17263a25}.wa-header{color:#fff;background:#086b5c;align-items:center;gap:11px;padding:15px;display:flex}.wa-avatar{width:38px;height:38px;color:var(--green);background:#fff;border-radius:50%;place-items:center;font-weight:900;display:grid}.wa-header strong,.wa-header small{display:block}.wa-header strong{font-size:14px}.wa-header small{color:#dff3eb}.wa-chat{background-color:#efeae2;background-image:radial-gradient(#d5cdc2 1px,#0000 1px);background-size:14px 14px;padding:24px 13px 44px}.wa-bubble{overflow-wrap:anywhere;background:#fff;border-radius:3px 10px 10px;padding:12px 13px 8px;font:14px/1.4 Arial,sans-serif;box-shadow:0 1px 1px #0002}.wa-bubble p{margin:0 0 14px}.wa-bubble span{color:#087b67;text-decoration:underline}.wa-bubble small{text-align:right;color:#718078;display:block}.preview-label{text-align:center;color:var(--muted);font-size:12px}.restart-button{width:100%}.confetti{pointer-events:none;height:120px;position:absolute;inset:0 0 auto}.confetti i{background:var(--orange);width:7px;height:14px;animation:2.2s ease-out both fall;position:absolute}.confetti i:first-child{left:8%}.confetti i:nth-child(2){background:#2f9b6c;animation-delay:.1s;left:20%}.confetti i:nth-child(3){background:#e9b949;animation-delay:.25s;left:34%}.confetti i:nth-child(4){background:#6b73d9;left:49%}.confetti i:nth-child(5){animation-delay:.18s;left:61%}.confetti i:nth-child(6){background:#2f9b6c;animation-delay:.35s;left:73%}.confetti i:nth-child(7){background:#e9b949;left:86%}.confetti i:nth-child(8){background:#6b73d9;animation-delay:.2s;left:94%}footer{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:25px 22px;display:flex}footer .brand{font-size:26px}footer p,footer small{color:var(--muted);margin:0;font-size:12px}footer small{width:100%}.training-page{min-height:100vh;padding:45px 20px}.training-card{max-width:850px;margin:auto}.training-card .brand{margin-bottom:55px;display:inline-block}.training-card h1{margin:0 0 18px;font-size:clamp(36px,10vw,58px);line-height:1.08}.training-card>p{color:var(--muted);font-size:17px}.training-card>.primary{margin:20px 0}.training-card details{margin-top:25px}.training-card pre{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--line);background:#fff;border-radius:12px;max-height:none;padding:18px;font:13px/1.65 ui-monospace,monospace}details{border-top:1px solid var(--line);margin-top:25px;padding-top:16px}summary{cursor:pointer;color:var(--muted)}@keyframes pulse{50%{box-shadow:0 0 0 7px #d94b3d22}}@keyframes wave{50%{height:23px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fall{0%{opacity:0;transform:translateY(-25px)rotate(0)}15%{opacity:1}to{opacity:0;transform:translateY(105px)rotate(250deg)}}@media (min-width:560px){.hero{text-align:center;padding-top:70px}.hero .primary{width:auto}.hero-notes{justify-content:center}.pair,.tone-grid,.option-grid{grid-template-columns:1fr 1fr}.choice-panel{padding:42px}.choice-panel .primary,.choice-panel .secondary{width:auto;margin:10px 5px}.review-fields{grid-template-columns:1fr 1fr}.review-fields label:nth-child(n+5){grid-column:1/-1}.restart-button{width:auto}.nav-label{color:var(--muted);letter-spacing:1px;font-size:11px;display:block}}@media (min-width:860px){.nav{min-height:92px;padding:0 6%}.workspace{padding-inline:32px}.workspace.is-open{grid-template-columns:245px minmax(0,1fr);gap:55px;padding-top:60px;display:grid}.sidebar>div:first-child,.save-note{display:block}.sidebar h2{margin:0 0 16px;font-size:27px;line-height:1.2}.sidebar p{color:var(--muted);font-size:14px}.steps{border:0;margin-top:25px;display:grid;overflow:visible}.steps li{padding:8px 0;font-size:14px}.save-note{color:var(--muted);border-top:1px solid var(--line);margin-top:18px;padding-top:18px;font-size:12px}.form-panel h2{font-size:39px}.context{grid-template-columns:1fr 1fr;gap:50px;padding:55px 7%;display:grid}.context .eyebrow{grid-column:1/-1}.context h2{font-size:30px}.context>p:last-child{max-width:470px}.success-checklist{grid-template-columns:1fr 1fr}.training-page{padding-top:70px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.review-summary{grid-template-columns:1fr 1fr;gap:10px;display:grid}.review-summary div{border:1px solid var(--line);background:#fff;border-radius:10px;padding:14px}.review-summary span{color:var(--muted);margin-bottom:4px;font-size:11px;display:block}.review-summary strong{font-size:15px}.review-details{border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:18px;padding:17px}.review-details summary{color:var(--green);font-weight:800}.review-details fieldset{margin-top:20px}.save-review{margin-top:18px}.workspace.single{max-width:900px}.workspace.is-open.single{display:block}
.brand,.nav-link{justify-content:center;align-items:center;min-height:44px;display:inline-flex}.nav-link{padding-inline:8px}.review-summary{grid-template-columns:1fr}.review-summary strong,.success-checklist li{overflow-wrap:anywhere}summary,.text-button,.faq-head button{align-items:center;min-height:44px;display:inline-flex}.faq-head button{padding-inline:10px}@media (min-width:560px){.review-summary{grid-template-columns:1fr 1fr}}.workspace.single .form-panel{width:100%}.choice-panel{max-width:760px;margin:0 auto}.choice-panel h2{max-width:560px;margin-inline:auto}.choice-actions{gap:12px;max-width:420px;margin:0 auto;display:grid}.option-grid.multi .option-card{min-height:78px}.option-card small{color:var(--muted);margin-top:4px;display:block}.option-card.selected small{color:var(--green);font-weight:700}.voice.compact{margin-top:-8px}.voice.compact .record-button{justify-content:flex-start;min-height:46px;padding:10px 14px;font-size:14px}.voice.compact small{margin-left:2px}.faq-card .voice.compact{margin-top:-10px}.review-summary.full{grid-template-columns:1fr}.review-summary.full strong{white-space:pre-wrap;font-weight:650;line-height:1.45;display:block}.review-details[open]{margin-top:24px}.edit-helper{color:var(--muted);margin:14px 0 0;font-size:14px}.success{padding-top:0}.processing-card{align-items:flex-start}.processing-card>div{flex:1}.processing-card p{color:var(--muted);margin:4px 0 12px;font-size:13px}.progress-track{background:#dce8df;border-radius:999px;width:100%;height:9px;overflow:hidden}.progress-track i{border-radius:inherit;background:linear-gradient(90deg,var(--green),#72a988);width:34%;height:100%;animation:1.05s linear infinite processingMove;display:block}.arrival-time{text-align:center;min-width:86px}.phone-preview{max-width:min(390px,100%);margin-top:18px}.phone-shell{min-height:540px}.wa-chat{align-items:flex-start;min-height:420px;display:flex}.wa-bubble{width:100%;font-size:15px}.success .success-mark{margin-bottom:12px}.success .eyebrow{margin-bottom:10px}.success h2{margin-top:0}.message-example{text-align:center;max-width:430px;margin:24px auto 0}.message-example strong{font-size:15px;display:block}.message-example p{color:var(--muted);margin:5px 0 0;font-size:13px}@keyframes processingMove{0%{transform:translate(-115%)}to{transform:translate(325%)}}@media (min-width:760px){.choice-actions{grid-template-columns:1fr 1fr;max-width:660px}.review-summary.full{grid-template-columns:1fr 1fr}}@media (min-width:860px){.workspace.is-open.single{padding-top:22px}}@media (max-width:520px){.arrival{flex-direction:column;align-items:flex-start}.phone-shell{border-width:8px;min-height:500px}.wa-chat{min-height:386px}}body.cyrus-design{--ink:#0d1133;--muted:#5d667a;--paper:#fffefb;--white:#fff;--green:#168e54;--green-dark:#106a40;--soft:#f1f5fa;--line:#cdd3de;color:#0d1133;background:#fffefb;font-family:Hanken Grotesk,Avenir Next,Arial,sans-serif}body.cyrus-design .nav-design{color:#fff;background:#07152d;border:1px solid #ffffff21;border-radius:999px;width:min(100% - 32px,1180px);min-height:62px;margin:20px auto 0;padding:0 22px;position:relative;box-shadow:0 10px 50px #00000038}body.cyrus-design .nav-design .brand img{width:88px;height:auto;display:block}body.cyrus-design .nav-design .nav-label{color:#ffffff9e;letter-spacing:.08em;font:500 10px/1 JetBrains Mono,monospace;display:block}body.cyrus-design .nav-design .nav-link{color:#f15e2b;font-family:Satoshi,Arial,sans-serif}body.cyrus-design .brand{letter-spacing:0}body.cyrus-design .hero{color:#fff;background:#0d1133;max-width:none;padding:170px max(24px,50% - 590px) 100px}body.cyrus-design .hero .eyebrow{color:#70d8ea}body.cyrus-design .hero .eyebrow span{background:#70d8ea}body.cyrus-design .hero h1{letter-spacing:-.05em;max-width:900px;font-family:Satoshi,Arial,sans-serif;font-size:clamp(52px,8vw,108px);font-weight:800;line-height:.9}body.cyrus-design .hero em{color:#f15e2b;font-family:Satoshi,Arial,sans-serif;font-style:normal}body.cyrus-design .hero p{color:#ffffffb0;max-width:670px}body.cyrus-design .hero-notes span{color:#ffffffb0;background:#ffffff14}body.cyrus-design .context{background:#f6f3ea;border-color:#ded5c3}body.cyrus-design .workspace{max-width:1120px}body.cyrus-design .workspace.is-open{padding-top:48px}body.cyrus-design .form-panel h2{letter-spacing:-.045em;color:#0d1133;font-family:Satoshi,Arial,sans-serif;font-weight:800}body.cyrus-design .eyebrow{color:#0f7690;letter-spacing:.08em;font-family:JetBrains Mono,monospace}body.cyrus-design .primary{color:#020814;background:#f15e2b;border-radius:999px;box-shadow:0 12px 34px #f15e2b38}body.cyrus-design .primary:hover:not(:disabled){color:#020814;background:#d94b22}body.cyrus-design .secondary{border-color:#cdd3de;border-radius:999px}body.cyrus-design input:not([type=checkbox]),body.cyrus-design textarea,body.cyrus-design select{border-color:#cdd3de;border-radius:12px}body.cyrus-design input:focus,body.cyrus-design textarea:focus,body.cyrus-design select:focus{border-color:#21b6d7;box-shadow:0 0 0 4px #21b6d71f}body.cyrus-design .choice-panel,body.cyrus-design .review-details,body.cyrus-design .connection{border-radius:28px;box-shadow:0 1px 2px #07152d14,0 8px 28px #07152d0f}body.cyrus-design .option-card,body.cyrus-design .tone,body.cyrus-design .faq-card,body.cyrus-design .review-summary div{border-radius:18px}body.cyrus-design .option-card.selected,body.cyrus-design .tone.selected{background:#eafbfe;border-color:#21b6d7}body.cyrus-design .option-card.selected small,body.cyrus-design .review-details summary{color:#0f7690}body.cyrus-design .check input{accent-color:#f15e2b}body.cyrus-design .form-actions{background:#fffefb}body.cyrus-design .steps .current{color:#f15e2b}body.cyrus-design .steps .current .step-dot{background:#f15e2b;border-color:#f15e2b}body.cyrus-design .steps .done .step-dot{color:#0f7690;background:#eafbfe}body.cyrus-design .loading{border-left-color:#f15e2b}body.cyrus-design .record-button{color:#0f7690;border-color:#0f7690}body.cyrus-design .record-button.recording{color:#d94b22;border-color:#d94b22}body.cyrus-design .success-mark{background:#0d1133;box-shadow:0 12px 30px #07152d2e}body.cyrus-design .success-checklist li:before{color:#0f7690;background:#eafbfe}body.cyrus-design .processing{background:#eafbfe;border-color:#70d8ea}body.cyrus-design .processing span{border-color:#0f7690 #70d8ea #70d8ea}body.cyrus-design .progress-track{background:#dce6f5}body.cyrus-design .progress-track i{background:#f15e2b}body.cyrus-design .arrival{background:#fff3ef;border-color:#fbc5b4}body.cyrus-design .arrival-time{background:#f15e2b}body.cyrus-design .wa-header{background:#07152d}body.cyrus-design .wa-avatar{color:#0d1133}body.cyrus-design .wa-bubble span{color:#0f7690}body.cyrus-design .message-example strong{color:#0d1133}body.cyrus-design footer{color:#fff;background:#07152d;border-top:0}body.cyrus-design footer .brand{color:#fff}@media (max-width:760px){body.cyrus-design .nav-design{min-height:54px;margin-top:10px;padding-inline:16px}body.cyrus-design .nav-design .nav-label{display:none}body.cyrus-design .workspace.is-open{padding-top:28px}body.cyrus-design .hero{padding:130px 14px 64px}body.cyrus-design .hero h1{font-size:56px}}
