:root{--color-primary: #1b6b5a;--color-primary-soft: #e6f3f0;--color-primary-dark: #0f3d34;--color-hero: #13261f;--color-hero-2: #1c3a30;--color-bg: #f4f6f9;--color-surface: #ffffff;--color-subtle: #eef1f6;--color-text: #141820;--color-text-secondary: #5c6570;--color-text-tertiary: #8b939e;--color-border: #e2e6ed;--color-success: #0f9d6e;--color-success-soft: #e8f8f2;--color-warning: #b45309;--color-warning-soft: #fef3e6;--color-danger: #9b2c2c;--color-danger-soft: #fdecec;--font-sans: Inter, system-ui, sans-serif;--font-display: "Inter Tight", Inter, system-ui, sans-serif;--sidebar-width: 220px;--chat-width: 320px;--header-height: 64px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 16px;--shadow: 0 12px 40px rgba(20, 24, 32, .12)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);font-size:14px;line-height:1.45}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 8px}h1{font-size:28px}h2{font-size:22px}h3{font-size:16px;font-family:var(--font-sans)}p{margin:0 0 8px}a{color:inherit}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.muted{color:var(--color-text-secondary);font-size:13px}.hint{color:var(--color-text-tertiary);font-size:12px}.eyebrow{color:var(--color-primary);font-size:13px;font-weight:600;margin-bottom:8px}.eyebrow.light,.light{color:#d5e6e1}.price{font-size:26px}.meta-warn{color:var(--color-warning);font-size:13px}.status-warning{color:var(--color-warning)}.logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:700}.logo-mark{width:28px;height:28px;border-radius:999px;background:var(--color-primary);color:#fff;display:grid;place-items:center;font-size:14px}.logo-word{font-size:16px}.btn,.pill,.chip,.role-option,.icon-btn{border:1px solid transparent;border-radius:var(--radius-sm);background:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;font-weight:600;text-decoration:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-secondary{background:#fff;border-color:var(--color-border)}.btn-ghost{background:var(--color-primary-soft);color:var(--color-primary)}.btn-text{color:var(--color-primary);padding-inline:0}.btn-block{width:100%}.icon-btn{width:36px;height:36px;border:1px solid var(--color-border);background:#fff;border-radius:999px}.icon-btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pill{border:1px solid var(--color-border);background:#fff;border-radius:999px;padding:6px 12px}.pill.is-on,.view-toggle button.is-on{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.chip{display:inline-flex;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;background:var(--color-subtle)}.chip-warning{background:var(--color-warning-soft);color:var(--color-warning)}.chip-success{background:var(--color-success-soft);color:var(--color-success)}.chip-muted{background:var(--color-subtle);color:var(--color-text-secondary)}.chip-danger{background:var(--color-danger-soft);color:var(--color-danger)}.chip-role{background:#ede8ff;color:#5b4b8a}.field,textarea.field,select.field{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 12px;background:#fff;margin:8px 0}.field.grow{max-width:420px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px}.banner{border-radius:var(--radius-md);padding:12px 16px}.banner-warning{background:#fff7ed;color:var(--color-warning);border:1px solid #e8c39a}.banner-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.stack{display:flex;flex-direction:column;gap:12px}.row-actions,.order-row,.page-head,.filters,.agree-row,.choice-row,.pills,.setting-row{display:flex;gap:12px;align-items:center}.page-head,.order-row,.setting-row{justify-content:space-between}.row-actions.end{justify-content:flex-end}.page-head{margin-bottom:16px;align-items:flex-start}.filters{flex-wrap:wrap;margin-bottom:16px}.home-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:24px}.stat-grid,.client-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0}.client-grid{grid-template-columns:1fr 1fr}.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:16px}.subnav .is-on{display:block;background:var(--color-primary-soft);color:var(--color-primary);border-radius:8px;padding:8px 10px}.app-frame{min-height:100vh}.topbar,.landing-header{height:var(--header-height);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:5}.topbar-side{position:relative;display:flex;align-items:center;gap:8px}.workspace-pill,.avatar{border:1px solid var(--color-border);background:#fff;border-radius:999px;height:36px}.workspace-pill{padding:0 12px;display:inline-flex;gap:8px;align-items:center}.avatar{width:36px;display:grid;place-items:center;color:var(--color-primary);background:var(--color-primary-soft);font-weight:700}.avatar.lg{width:64px;height:64px;font-size:24px}.app-body{display:flex;min-height:calc(100vh - var(--header-height))}.sidebar{width:var(--sidebar-width);background:#fff;border-right:1px solid var(--color-border);padding:16px 12px;display:flex;flex-direction:column;gap:4px}.nav-link,.tabbar a{text-decoration:none;color:var(--color-text-secondary);padding:10px 12px;border-radius:8px}.nav-link.is-active,.tabbar a.is-active,.tabs a.is-active{background:var(--color-primary-soft);color:var(--color-primary)}.content{flex:1;padding:24px}.content.narrow{max-width:760px;margin:0 auto}.tabbar{display:none}.order-layout{display:grid;grid-template-columns:1fr var(--chat-width);gap:16px;align-items:start}.tabs{display:flex;gap:8px;margin:12px 0}.tabs a{text-decoration:none;padding:8px 12px;border-radius:8px;color:var(--color-text-secondary)}.chat{background:#fff;border-left:1px solid var(--color-border);min-height:70vh;display:flex;flex-direction:column;padding:12px}.chat-head,.chat-form{display:flex;justify-content:space-between;gap:8px;align-items:center}.chat-log{flex:1;display:flex;flex-direction:column;gap:8px;margin:12px 0}.bubble{background:var(--color-primary-soft);border-radius:12px;padding:8px 10px}.bubble-customer{background:#f3f6fb}.draft-card{background:#fff7ed;border-radius:10px;padding:8px 10px}.document,.doc-mini{background:#fff;border:1px solid var(--color-border);border-radius:16px;padding:16px}.block{position:relative;padding:8px 0 16px;border-bottom:1px solid var(--color-border)}.block-tools{display:flex;gap:4px}.photo-placeholder,.swatch,.solution-photo,.scenario-photo,.problem-panel,.hero-plate{border-radius:12px;background:#d5e6e1}.photo-placeholder{min-height:72px;display:grid;place-items:center;color:var(--color-primary)}.swatch{width:72px;height:48px;display:inline-block}.swatch-green{background:#c5d9d3}.swatch-beige,.tone-beige{background:#e7d9ce}.swatch.lg{width:88px;height:72px}.choice{min-width:140px;min-height:64px;border-radius:12px;border:1px solid var(--color-border);background:#d5e6e1}.choice.is-selected{outline:2px solid var(--color-primary)}.choice.tone-beige{background:#e7d9ce}.diff-card{background:#fff7ed;border-radius:12px;padding:12px;margin:8px 0}.doc-toolbar{display:flex;gap:8px;justify-content:flex-end;align-items:center;margin-bottom:8px;position:relative}.version-wrap{position:relative}.file-pill{background:var(--color-subtle);border-radius:8px;padding:8px}.data{width:100%;border-collapse:collapse;background:#fff}.data th,.data td{text-align:left;padding:12px;border-bottom:1px solid var(--color-border)}.click-row{cursor:pointer}.menu,.menu-pop{position:absolute;right:0;top:42px;background:#fff;border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow);min-width:220px;z-index:6;padding:6px}.menu-pop{display:flex;flex-direction:column}.menu button,.menu a,.menu-item,.menu-pop button,.menu-pop a{display:flex;width:100%;text-align:left;background:none;border:0;padding:10px 12px;border-radius:8px;text-decoration:none}.menu-backdrop{position:fixed;inset:0;background:transparent;border:0;z-index:4}.modal-backdrop{position:fixed;inset:0;background:#0f181473;display:grid;place-items:center;z-index:20;padding:16px}.modal{background:#fff;border-radius:16px;padding:20px;width:min(420px,100%);position:relative;box-shadow:var(--shadow)}.modal-close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:24px}.auth-panel{display:flex;flex-direction:column;gap:8px}.role-option{display:flex;justify-content:space-between;border:1px solid var(--color-border);border-radius:10px;padding:12px;background:#fff}.role-option.is-selected{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.checkline,.field-inline{display:flex;gap:8px;align-items:center;color:var(--color-text-secondary)}.view-toggle{display:flex;border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.view-toggle button{border:0;background:#fff;padding:8px 10px}.switch{position:relative;width:44px;height:26px}.switch input{opacity:0}.switch span{position:absolute;inset:0;background:#d5dbe3;border-radius:999px}.switch span:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:#fff;border-radius:50%}.switch input:checked+span{background:var(--color-primary)}.switch input:checked+span:before{transform:translate(18px)}.empty-state{max-width:640px}.profile-head{display:flex;gap:16px;align-items:center}.form-row{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center}.toasts{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:30}.toast{background:#fff;border:1px solid var(--color-border);border-radius:10px;padding:10px 14px;box-shadow:var(--shadow)}.toast-error{border-color:#e8c39a}.toast-success{border-color:#b7e4d0}.mobile-only{display:none}.desktop-only{display:inline-flex}.landing-header{border-bottom:0}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:560px;background:var(--color-hero);color:#fff}.hero-copy,.hero-visual{padding:64px}.hero-visual{background:var(--color-hero-2)}.hero h1{font-size:52px;line-height:1.05;color:#fff}.hero-plate{min-height:180px;background:#23483c;color:#fff;padding:24px;display:flex;flex-direction:column;justify-content:flex-end}.hero-card{background:#fff;color:var(--color-text);border-radius:16px;padding:16px;margin-top:-28px}.hero-card-top,.swatches,.price-row,.hero-actions,.landing-header-actions{display:flex;gap:12px;align-items:center}.hero-actions{margin-top:20px}.btn-secondary.light{background:#fff}.section{padding:72px 64px}.section h2{font-size:40px;max-width:740px}.lead{max-width:640px;color:var(--color-text-secondary)}.browser{background:#fff;border-radius:20px;border:1px solid var(--color-border);overflow:hidden}.browser-bar{padding:10px 16px;color:var(--color-text-tertiary);font-size:12px}.browser-body{display:grid;grid-template-columns:160px 1fr 220px;gap:12px;padding:12px}.browser-body aside{display:flex;flex-direction:column;gap:8px;color:var(--color-text-secondary)}.browser-body .is-on{background:var(--color-primary-soft);color:var(--color-primary);border-radius:8px;padding:6px 8px}.problem{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.problem-panel{min-height:280px;background:#e8ddd0}.quotes{color:var(--color-text-secondary)}.solution-grid,.steps,.scenarios{display:grid;gap:16px}.solution-grid{grid-template-columns:1.1fr 1fr}.solution-card,.solution-price,.solution-note,.steps li,.scenarios article{background:#fff;border-radius:16px;padding:16px;border:1px solid var(--color-border)}.solution-price{background:var(--color-primary-dark);color:#fff}.solution-note{background:#e7f6f1}.steps{grid-template-columns:repeat(4,1fr);list-style:none;padding:0}.steps span,.steps li span{width:28px;height:28px;border-radius:8px;background:var(--color-primary);color:#fff;display:grid;place-items:center;font-weight:700}.scenarios article{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center;background:transparent;border:0;padding:0}.scenario-photo{min-height:180px}.scenario-photo.green{background:#8aa89a}.scenario-photo.beige{background:#d9c5b0}.scenario-photo.sage{background:#b7c7be}.cta,.footer{padding:48px 64px;display:flex;justify-content:space-between;align-items:center}.cta{background:#fff}.footer{color:var(--color-text-secondary)}.invite-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:48px 16px;gap:24px}.invite-card{width:min(460px,100%)}.invite-summary{background:var(--color-subtle);border-radius:12px;padding:12px}.text-link{color:var(--color-text);text-decoration:none}@media(max-width:960px){.desktop-only{display:none}.mobile-only{display:inline-flex}.sidebar{display:none}.tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--color-border);z-index:8}.tabbar a{flex:1;text-align:center}.content{padding:16px 16px 88px}.home-grid,.hero,.problem,.solution-grid,.steps,.browser-body,.scenarios article,.settings-layout,.client-grid,.order-layout,.form-row{grid-template-columns:1fr}.hero h1,.section h2{font-size:32px}.hero-copy,.hero-visual,.section,.cta,.footer{padding:28px 16px}.chat{display:none}.chat.is-open{display:flex;position:fixed;inset:0;z-index:25;min-height:100vh;background:#fff}.workspace-name{max-width:38vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}