.app-designer{padding-bottom:5rem}.designer-heading{display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:3rem;padding:4rem 0}.designer-heading h1{font-size:clamp(3rem,6vw,5.4rem);line-height:1.04;margin:1rem 0}.designer-heading h1 em{color:#e8be65;font-style:normal}.designer-note{border-left:2px solid #47d8c4;padding:1rem 1.5rem;max-width:28rem;color:#bdcbd6}.designer-workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:4rem;align-items:start}.designer-editor{border:1px solid #33414f;border-radius:24px;padding:2rem;background:linear-gradient(140deg,#14202e,#0e1621)}.designer-steps{display:grid;grid-template-columns:repeat(4,1fr);padding:0;list-style:none;gap:.5rem;border-bottom:1px solid #33414f;padding-bottom:1.5rem;font-size:.8rem;color:#9cabb9}.designer-steps [aria-current]{color:#e8be65;font-weight:700}.app-designer h2{font-size:2rem;line-height:1.15}.app-designer label:not(.choice){display:grid;gap:.5rem;margin:1.2rem 0;font-size:.95rem}.app-designer input:not([type=checkbox]):not([type=radio]),.app-designer textarea,.app-designer select{box-sizing:border-box;width:100%;background:#0a111b;color:#f1f6fb;border:1px solid #586574;border-radius:10px;padding:.85rem;font:inherit}.app-designer select{color-scheme:dark}.app-designer :focus-visible{outline:3px solid #4ddcc9;outline-offset:4px}.app-designer fieldset{min-width:0;border:0;padding:0;margin:1.8rem 0}.app-designer legend{font-weight:bold;margin-bottom:.8rem}.choice{display:flex;gap:.65rem;align-items:baseline;margin:.5rem 0;padding:.75rem;border:1px solid #3b4b5b;border-radius:10px;line-height:1.5}.choice input{accent-color:#e8be65;flex-shrink:0}.choice:has(input:checked){border-color:#e8be65;background:#e8be6510}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.designer-controls,.draft-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.5rem}.app-designer .small{font-size:.83rem;line-height:1.6;color:#afbfce}.app-designer [hidden]{display:none!important}.app-designer .designer-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.app-brief{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.9rem;background:#0a111b;border:1px solid #3b4b5b;border-radius:12px;padding:1rem;line-height:1.8}.designer-preview{position:sticky;top:7rem;min-width:0}.preview-caption{display:flex;align-items:center;gap:.5rem;font-size:.72rem;letter-spacing:.1em;margin-bottom:1.5rem;color:#49d8c5}.preview-caption>span:last-child{margin-left:auto;color:#9aaec1;letter-spacing:0}.concept-phone{--accent:#e9bc60;--surface:#192638;--ink:#f8fafc;--phone-bg:#0b131f;max-width:340px;margin:0 auto;border:7px solid #33414f;border-radius:40px;background:var(--phone-bg);color:var(--ink);overflow:hidden;box-shadow:0 30px 85px #0008;min-height:500px;display:flex;flex-direction:column}.phone-top{display:flex;justify-content:space-between;font-size:.7rem;padding:1rem 1.25rem}.phone-content{padding:1.3rem;flex:1;overflow-wrap:anywhere}.phone-content h2{font-size:1.8rem;margin:.8rem 0}.phone-content .eyebrow{color:var(--accent);font-size:.65rem}.phone-content>p{font-size:.85rem;line-height:1.6}.concept-tile{padding:1rem;margin:.7rem 0;background:var(--surface);border-radius:15px;border:1px solid #65758b55;font-size:.85rem;line-height:1.6}.concept-action{width:100%;margin:.8rem 0;padding:.8rem;border:0;border-radius:10px;background:var(--accent);color:#07111d;font:inherit;font-weight:700;cursor:pointer}.concept-nav{display:flex;justify-content:space-around;gap:.5rem;padding:1rem;border-top:1px solid #65758b55}.concept-nav button{border:0;background:none;color:var(--ink);font:inherit;font-size:.75rem;padding:.5rem;cursor:pointer}.concept-nav [aria-pressed=true]{color:var(--accent);text-decoration:underline;text-underline-offset:6px}.designer-next{padding:1.3rem;border:1px solid #33414f;border-radius:15px;margin-top:1.5rem}.designer-next p{font-size:.9rem;line-height:1.8}.designer-preview>.small{max-width:340px;margin:1.4rem auto}.app-designer #app-designer-status{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.95rem;line-height:1.6;color:#70e7d5}.concept-phone[data-layout="Simple & focused"] .concept-tile:not(:first-child){display:none}.concept-phone[data-layout="Dashboard & activity"] #preview-screen{border-left:2px solid var(--accent);padding-left:.8rem}@media(max-width:850px){.designer-heading{grid-template-columns:1fr;gap:.5rem;padding:2rem 0}.designer-workspace{grid-template-columns:1fr;gap:2.5rem}.designer-preview{position:static;max-width:480px;margin:auto;width:100%}.designer-editor{padding:1.2rem}.designer-steps{font-size:.68rem}.designer-heading h1{font-size:3.4rem}.feature-grid{grid-template-columns:1fr}.designer-invitation{align-items:flex-start;flex-direction:column}.preview-caption{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.app-designer *{scroll-behavior:auto}}

.preview-graphic{margin:1rem 0}.preview-graphic svg{display:block;width:100%;height:auto;border-radius:14px}.palette-swatches{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-bottom:1.2rem}.palette-swatch{display:flex;flex-wrap:wrap;gap:0;border:1px solid #53667b;border-radius:10px;background:#0a111b;padding:.65rem;color:#fff;cursor:pointer}.palette-swatch[aria-pressed=true]{outline:2px solid #e8be65}.palette-swatch>span{width:25%;height:22px}.palette-swatch small{width:100%;text-align:left;margin-top:.5rem}.concept-action{color:var(--action-ink,#07111d)}.concept-phone.website-concept{max-width:none;border-radius:20px;min-height:440px}.website-concept .phone-top{border-bottom:1px solid #65758b55}.website-concept .phone-content{padding:1.6rem}.website-concept .preview-graphic{max-height:220px;overflow:hidden}.app-designer input[type=color]{height:50px;padding:.3rem!important}

.phone-content .eyebrow,.concept-nav [aria-pressed=true]{color:var(--accent-readable,var(--accent))}
.app-designer .choice input[type=checkbox],.app-designer .choice input[type=radio]{width:1rem;height:1rem;min-width:1rem;max-width:1rem;flex:0 0 1rem;padding:0;margin:0;display:inline-block}.app-designer .choice{overflow-wrap:anywhere}

.client-portal{padding-bottom:5rem}.client-portal [hidden]{display:none!important}.client-portal label:not(.choice){display:grid;gap:.5rem;margin:1.2rem 0}.client-portal input:not([type=checkbox]){box-sizing:border-box;width:100%;background:#0a111b;color:#f1f6fb;border:1px solid #586574;border-radius:10px;padding:.85rem;font:inherit}.client-portal .choice input{width:1rem;flex:0 0 1rem}.client-toolbar{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.client-project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1.2rem;margin:2rem 0}.client-project-card{border:1px solid #33414f;background:#111e2c;border-radius:16px;padding:1.5rem;overflow-wrap:anywhere}.client-project-card p{white-space:pre-wrap}.client-project-tools{border-bottom:1px solid #33414f;padding-bottom:1rem;margin-bottom:1rem}#client-status{white-space:pre-wrap;overflow-wrap:anywhere;color:#70e7d5;line-height:1.7}

.client-engagement{margin-top:1.5rem;border-top:1px solid #425569;padding-top:1rem}.client-engagement summary{cursor:pointer;color:#70e7d5;font-weight:600}.client-engagement h4{color:#e8be65;font-size:1.15rem;margin:1.5rem 0 .5rem}.client-engagement textarea{box-sizing:border-box;width:100%;max-width:100%;background:#0a111b;color:#f1f6fb;border:1px solid #586574;border-radius:10px;padding:.85rem;font:inherit;resize:vertical}.client-engagement .button{margin:.4rem .4rem .4rem 0;white-space:normal}.client-message{border-left:2px solid #425569;padding:.5rem .8rem;margin:.8rem 0}.client-message strong{font-size:.8rem;color:#a8c5d3}.client-portal :focus-visible{outline:3px solid #4ddcc9;outline-offset:4px}.client-engagement .choice{font-size:.9rem}.client-project-grid:has(.client-engagement[open]){grid-template-columns:1fr}