:root{--ink:#243d36;--green:#204d43;--green-hover:#163f35;--muted:#68766f;--line:#e4e9e3;--canvas:#f6f8f4;--cream:#faf8f1;--sage:#e4eee4;--sand:#f4ebd9;--lavender:#ece8f3;--rose:#f5e7e2;--shadow:0 8px 30px #203b3010}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.17}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}input,textarea,select{max-width:100%}button:focus-visible,a:focus-visible{outline:3px solid #b8823e;outline-offset:4px}svg{flex-shrink:0}button{color:inherit}a,button{touch-action:manipulation}a.button,.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:43px;border:1px solid transparent;padding:10px 18px;border-radius:8px;font-size:13px;font-weight:600;line-height:1.4;white-space:nowrap;transition:background .15s,transform .15s}.button.primary{background:var(--green);color:#fff}.button.primary:hover{background:var(--green-hover)}.button.secondary{background:white;border-color:#dce3db}.button.secondary:hover{background:#f0f4ee}.button.large{min-height:53px;padding:15px 23px;font-size:14px}.button.small{min-height:34px;padding:6px 12px;font-size:12px}.button.danger{color:#944d3c;background:#fff0e9}.button.subtle{border:none;background:transparent}.icon-button{width:34px;height:34px;border:0;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--muted)}.icon-button:hover{background:#eaf0e8;color:var(--green)}.text-button,.underlined-link{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;padding:0;font-weight:600;font-size:12px;color:var(--green)}.text-button:hover,.underlined-link:hover{color:#986840}.underlined-link{padding-bottom:5px;border-bottom:1px solid #9ba99d;font-size:13px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;color:#78857a;text-transform:uppercase}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--green);white-space:nowrap}.brand-icon{width:42px;height:43px;border-radius:11px;background:var(--green);color:var(--cream);display:inline-flex;align-items:center;justify-content:center}.brand strong{font-size:24px;letter-spacing:-1.2px;font-weight:600;line-height:1.1;display:block}.brand-dot{color:#bf8a68}.brand small{display:block;font-size:9px;letter-spacing:3px;line-height:1.3;margin-top:4px}.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#77a886;flex-shrink:0}.badge{display:inline-flex;align-items:center;border-radius:5px;padding:4px 8px;white-space:nowrap;font-size:10px;font-weight:500}.sage{background:var(--sage);color:#3d6250}.sand{background:var(--sand);color:#846734}.lavender{background:var(--lavender);color:#75628a}.rose{background:var(--rose);color:#94614e}.neutral{background:#f0f3ed;color:#6d796d}.avatar{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;flex-shrink:0;background:#e9eee3}.avatar.small{width:32px;height:32px;font-size:10px}.avatar.large{width:64px;height:64px;font-size:22px}.panel{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:26px 26px 22px}.panel-header h2{font-size:20px;margin-top:6px;letter-spacing:-.5px}.panel-foot{display:flex;align-items:center;gap:8px;padding:16px 25px;color:#778274;font-size:10px;border-top:1px solid #edf0e9}.inline-notice{display:flex;align-items:flex-start;gap:10px;color:#806d49;background:#faf5e9;border:1px solid #eee6d3;border-radius:8px;padding:16px 18px;margin-bottom:23px;font-size:12px}.inline-notice svg{margin-top:1px}.empty-state{min-height:245px;padding:44px 22px;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;text-align:center;color:#738273}.empty-state h3{font-size:20px;color:var(--ink)}.empty-state p{font-size:13px}.empty-state .button{margin-top:4px}.spin{animation:spin 1.3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
/* The working application */
.workspace{min-height:100vh;background:var(--canvas)}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:#fcfdf9;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:29px 19px 0;z-index:30}.sidebar-brand{margin:0 7px 43px}.sidebar .brand strong{font-size:23px}.sidebar .brand-icon{width:36px;height:39px}.sidebar-label{font-size:9px;letter-spacing:1.3px;color:#91998c;margin:0 13px 14px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav button,.sidebar-bottom>a:not(.install-card),.sidebar-bottom>button{display:flex;align-items:center;gap:12px;padding:12px 14px;background:transparent;border:0;border-radius:7px;text-align:left;width:100%;font-size:12px;color:#6d786b}.sidebar nav button:hover,.sidebar-bottom>button:hover{background:#edf2e9}.sidebar nav button.active,.sidebar-bottom>button.active{background:var(--green);color:white}.nav-count{font-weight:400;border-radius:5px;background:#f1e9d5;color:#6d6041;padding:0 6px;margin-left:auto;font-size:10px}.sidebar-bottom{margin-top:auto;padding-top:35px}.sidebar-bottom>a svg:last-child{margin-left:auto}.sidebar-bottom .install-card{margin:25px 2px 24px;padding:16px 12px;background:#f1f1e5;border:1px solid #e8e8d9;border-radius:9px;display:flex;align-items:center;gap:10px;color:#64704f}.install-card strong{display:block;font-size:12px}.install-card small{display:block;font-size:9px;margin-top:3px}.workspace-person{display:flex;align-items:center;gap:9px;padding:20px 0;border-top:1px solid var(--line);font-size:10px}.workspace-person strong{font-size:10px;font-weight:600;display:block}.workspace-person small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.workspace-person>.online-dot{margin-left:auto}.work-main{margin-left:232px}.work-topbar{height:69px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fcfdfb;border-bottom:1px solid var(--line);padding:0 38px;font-size:11px;color:#8a9287}.work-topbar>div{display:flex;align-items:center;gap:15px}.work-topbar strong{font-weight:500;color:#5b6b5d}.demo-chip{display:inline-flex;gap:7px;align-items:center;font-size:10px;color:#8c805f}.demo-chip>span{display:inline-block;width:5px;height:5px;border-radius:50%;background:#c4ad77}.mobile-menu{display:none}.work-content{padding:34px 38px 0;max-width:1670px;margin:auto}.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.page-header h1{font-family:Georgia,'Times New Roman',serif;font-size:35px;letter-spacing:-1.15px;margin:8px 0 9px}.page-header p:not(.eyebrow){font-size:12px;color:#7c8778}.prototype-note{display:flex;align-items:center;gap:8px;font-size:10px;color:#7d806a;margin-bottom:24px;max-width:950px}.error-panel{display:flex;align-items:center;gap:12px;background:#fceee7;border:1px solid #eac7b7;border-radius:10px;padding:18px;margin-bottom:24px}.error-panel .button{margin-left:auto}.welcome-panel{display:flex;align-items:center;gap:20px;border:1px solid #d4dfcb;background:#edf3e6;padding:22px 25px;border-radius:11px;margin-bottom:25px}.welcome-panel h2{font-size:18px;margin-bottom:7px}.welcome-panel p{max-width:600px;font-size:12px;color:#71806b}.welcome-panel .button{margin-left:auto}.welcome-illustration{color:#66845d}.loading-state{padding:90px;display:flex;align-items:center;justify-content:center;gap:15px;color:#667663}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:27px}.stat-card{padding:23px 22px 20px;background:white;border:1px solid var(--line);border-radius:11px}.stat-card>span{font-size:11px;color:#75816f;display:flex;align-items:center;justify-content:space-between;gap:8px}.stat-card>span svg{color:#859179}.stat-card>strong{display:block;font-size:29px;letter-spacing:-1px;font-weight:500;margin-top:18px;margin-bottom:11px;line-height:1.2}.stat-card em{font-size:19px;font-style:normal;letter-spacing:-.5px}.stat-card>small{font-size:9px;color:#85907e;display:flex;align-items:center;gap:6px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:24px}.day-panel{align-self:start}.agenda-row{display:flex;align-items:center;gap:16px;width:100%;border:none;border-top:1px solid #eef1e9;background:white;padding:22px 25px;text-align:left}.agenda-row:hover{background:#fafcf7}.agenda-time{font-size:14px;font-weight:600;width:43px;flex-shrink:0}.agenda-time small{display:block;font-size:10px;margin-top:4px;color:#97a08f;font-weight:400}.agenda-line{height:53px;min-width:3px;border-radius:3px}.agenda-line.sage{background:#86a787}.agenda-line.sand{background:#d2b072}.agenda-line.rose{background:#cb9684}.agenda-line.lavender{background:#b3a6c6}.agenda-info{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.agenda-info strong{font-weight:500;font-size:13px}.agenda-info>span{font-size:11px;color:#7a8874}.agenda-info small{display:flex;align-items:center;gap:4px;font-size:9px;color:#96a08b}.agenda-row>svg{color:#a6b09c}.dashboard-side{display:flex;flex-direction:column;gap:20px}.calm-card{padding:23px 26px;background:#e7ece0;border-radius:12px;position:relative;overflow:hidden}.calm-mark{position:absolute;font-family:Georgia,serif;font-size:113px;color:#d0d8bf;right:10px;top:-30px;line-height:1}.calm-card>.eyebrow{position:relative;color:#7c896a;letter-spacing:1px;font-size:8px}.calm-card h2{font-family:Georgia,serif;font-size:25px;letter-spacing:-.8px;line-height:1.2;margin:17px 0 13px;position:relative}.calm-card p{font-size:11px;max-width:240px;color:#7b886c}.calm-card button{display:flex;align-items:center;gap:25px;border:none;border-top:1px solid #ccd6bd;background:none;padding:15px 0 0;margin-top:22px;font-size:11px;font-weight:600;width:100%;justify-content:space-between}.quick-panel{padding:19px 22px}.quick-panel h3{font-size:13px;margin-bottom:12px}.quick-panel button,.quick-panel a{display:flex;align-items:center;gap:12px;width:100%;border:none;background:none;padding:12px 0;text-align:left;font-size:11px;color:#7c8973}.quick-panel button:hover,.quick-panel a:hover{color:var(--green)}.quick-panel svg:first-child{color:#92a284}.quick-panel svg:last-child{margin-left:auto}.work-footer{display:flex;align-items:center;gap:10px;color:#9aa38f;font-size:9px;padding:43px 0 26px}.work-footer .brand-icon{height:23px;width:23px;background:none;color:#a8b29e}.work-footer .brand-icon svg{height:23px;width:23px}.work-footer>span:last-child{margin-left:auto}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;padding:20px 21px;border-bottom:1px solid var(--line);gap:12px}.calendar-period,.calendar-actions{display:flex;align-items:center;gap:8px}.calendar-period h2{font-size:15px;font-weight:500;margin:0 11px 0 5px;letter-spacing:-.35px}.segmented{display:inline-flex;background:#f2f5ef;border-radius:6px;padding:3px}.segmented>button{border:0;background:transparent;color:#89917e;font-size:11px;padding:6px 14px;border-radius:4px}.segmented>button.selected{background:white;color:#344f3a;box-shadow:0 1px 4px #23351c15}.calendar-legend{display:flex;align-items:center;gap:18px;padding:14px 23px;font-size:9px;color:#87917c;border-bottom:1px solid var(--line)}.calendar-legend>span{display:flex;align-items:center;gap:6px}.calendar-legend i{width:6px;height:6px;border-radius:50%}.calendar-legend i.sage{background:#88aa88}.calendar-legend i.sand{background:#d1b378}.calendar-legend i.rose{background:#ce978a}.calendar-legend i.lavender{background:#b7a6cd}.calendar-legend small{margin-left:auto;font-size:9px}.week-scroll{overflow-x:auto}.week-grid{min-width:820px;display:grid;grid-template-columns:54px repeat(7,minmax(0,1fr));grid-template-rows:75px 728px}.week-corner{font-size:8px;text-align:center;padding-top:34px;color:#a0a790;border-bottom:1px solid var(--line)}.week-day{text-align:center;padding:15px 5px 12px;border-left:1px solid #eff1eb;border-bottom:1px solid var(--line)}.week-day span{display:block;text-transform:uppercase;font-size:9px;letter-spacing:1px;color:#929a84;margin-bottom:3px}.week-day strong{font-size:20px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px}.week-day.is-today strong{background:var(--green);color:white;border-radius:50%;font-size:16px}.week-hours{position:relative}.week-hours>span{position:absolute;left:11px;font-size:9px;color:#a5ac97;transform:translateY(4px)}.day-column{position:relative;border-left:1px solid #eaf0e6}.day-column.is-today{background:#fafcf8}.calendar-slots{display:flex;flex-direction:column;height:100%}.calendar-slots button{height:52px;flex:0 0 52px;background:none;border:0;border-top:1px solid #eff2eb}.calendar-slots button:hover{background:#edf4e8}.calendar-event{position:absolute;left:4px;right:4px;border:1px solid #ffffff99;border-left:3px solid currentColor;border-radius:5px;text-align:left;padding:7px 7px;overflow:hidden;line-height:1.3}.calendar-event span{font-size:8px;display:flex;gap:4px;align-items:center;white-space:nowrap}.calendar-event strong{display:block;font-size:10px;margin-top:7px;font-weight:600;overflow-wrap:anywhere}.calendar-event small{font-size:8px;display:block;margin-top:5px}.calendar-event:hover{filter:brightness(.96)}.calendar-list{display:none}.calendar-list.show{display:block}.calendar-list section{padding:20px 25px;border-bottom:1px solid var(--line)}.calendar-list h3{font-size:13px;display:flex;align-items:center;gap:10px;margin-bottom:10px}.calendar-list .agenda-row{padding:15px 0}.free-day{display:flex;align-items:center;gap:7px;font-size:11px;color:#939c88;border:0;background:none;padding:10px 0}.list-tools{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:15px}.list-tools>span{font-size:11px;color:#88937d}.search-field{display:flex;align-items:center;gap:10px;background:white;border:1px solid var(--line);border-radius:8px;padding:0 13px;max-width:400px;width:100%;color:#9aa48f}.search-field input{border:none;padding:12px 0;width:100%;outline:none;font-size:12px;background:none}.customers-layout{display:grid;grid-template-columns:1fr;gap:22px}.customers-layout.has-detail{grid-template-columns:minmax(0,1fr) 310px}.customer-list{align-self:start}.customer-row{border:0;background:white;border-bottom:1px solid #edf1e8;display:flex;align-items:center;gap:17px;padding:22px 24px;width:100%;text-align:left}.customer-row:last-child{border-bottom:0}.customer-row:hover,.customer-row.selected{background:#f7faf2}.customer-identity{flex:1;min-width:0}.customer-identity strong{display:block;font-size:13px;font-weight:500}.customer-identity small{display:block;font-size:10px;margin-top:5px;color:#8b9682}.customer-email{font-size:11px;color:#8b9583;max-width:28%;overflow:hidden;text-overflow:ellipsis}.customer-row>svg{color:#a1ac94}.has-detail .customer-email{display:none}.customer-detail{padding:29px 25px;position:relative}.customer-detail h2{font-size:20px;margin:15px 0 9px;line-height:1.3}.detail-close{position:absolute;right:10px;top:10px}.customer-detail dl{margin:25px 0 20px}.customer-detail dt,.settings-card dt{font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:#99a18e;margin-top:17px}.customer-detail dd,.settings-card dd{margin:5px 0 0;font-size:12px;overflow-wrap:anywhere;color:#697a63}.detail-actions{display:flex;gap:10px}.detail-actions .button{font-size:11px;padding:9px 13px}.customer-detail h3{font-size:11px;text-transform:uppercase;letter-spacing:.8px;margin-top:30px;color:#8a977f}.mini-row{display:flex;align-items:center;justify-content:space-between;border:none;border-bottom:1px solid #edf1e7;background:none;text-align:left;width:100%;padding:14px 0;font-size:11px}.mini-row small{display:block;color:#94a086;font-size:9px;margin-top:3px}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.service-card{padding:25px;background:white;position:relative}.service-symbol{width:49px;height:49px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center}.service-card>.badge{float:right;margin-top:7px}.service-card h2{font-size:22px;letter-spacing:-.5px;margin:20px 0 9px}.service-card p{font-size:12px;color:#8a947f;max-width:260px}.service-card>strong{display:block;font-size:25px;margin-top:26px;font-weight:500;letter-spacing:-.5px}.service-card>strong>small{font-size:12px;color:#869379;letter-spacing:0;font-weight:400}.service-card>div{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-top:17px;margin-top:20px;gap:10px;font-size:10px;color:#919b85}.invoice-row{display:grid;grid-template-columns:minmax(230px,1fr) 120px 115px 75px 20px;gap:20px;align-items:center;width:100%;padding:20px 25px;border:0;border-bottom:1px solid #eef1e8;background:white;text-align:left;font-size:12px}.invoice-row.table-heading{font-size:9px;letter-spacing:.7px;text-transform:uppercase;color:#929c87;padding-top:15px;padding-bottom:15px;background:#fdfefb}.invoice-row:not(.table-heading):hover{background:#f9fbf5}.invoice-who{display:flex;align-items:center;gap:14px}.invoice-who strong{font-size:11px;font-weight:500}.invoice-who small{display:block;font-size:10px;color:#8a967f;margin-top:5px}.document-icon{width:37px;height:43px;border-radius:8px;background:#f1f4eb;display:flex;align-items:center;justify-content:center;color:#7f9471}.invoice-row .badge{justify-self:start}.invoice-row>svg{color:#a3ad98}.inquiry-card{padding:25px;border-bottom:1px solid var(--line)}.inquiry-card header{display:flex;align-items:center;gap:14px}.inquiry-card header h3{font-size:15px;margin-bottom:4px}.inquiry-card header>div>span{font-size:11px;color:#8b987f}.inquiry-card header>.badge{margin-left:auto}.inquiry-card>p{padding:21px 0;font-size:13px;white-space:pre-wrap}.inquiry-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#9aa38e}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.settings-card{padding:28px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}.settings-card>svg{color:#839973}.settings-card h2{font-size:22px;letter-spacing:-.7px}.settings-card p{font-size:12px;color:#8a967e;line-height:1.8}.settings-card dl{margin:0}.settings-card dt{margin-top:10px}.settings-card>small{font-size:10px;color:#99a38e}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;background:#204d43;color:white;max-width:min(90vw,700px);padding:16px 20px;border:1px solid #638174;border-radius:10px;box-shadow:0 8px 35px #152f3240;display:flex;align-items:center;gap:20px;font-size:12px}.toast button{border:0;background:none;color:inherit;padding:0;display:flex}
/* Forms and document views */
.modal{margin:auto;border:1px solid #d8e0d2;border-radius:15px;padding:28px;color:var(--ink);background:#fff;max-height:90dvh;width:min(620px,calc(100vw - 28px));box-shadow:0 30px 100px #152f3230;overflow-y:auto}.modal.wide{width:min(800px,calc(100vw - 28px))}.modal::backdrop{background:#182c2966;backdrop-filter:blur(3px)}.modal>header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:27px}.modal>header h2{font-family:Georgia,serif;font-size:28px;letter-spacing:-.8px;margin-top:8px}.modal>header .eyebrow{font-size:8px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px;font-size:11px;min-width:0}.field>span{color:#5a705c;font-weight:500}.field input,.field select,.field textarea{padding:11px 12px;border:1px solid #dfe5db;border-radius:6px;background:#fcfdfa;color:#4c634d;outline:none;width:100%;font-size:12px;min-height:42px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#748b69;box-shadow:0 0 0 3px #80987315}.field input::placeholder,.field textarea::placeholder{color:#a6ae9a}.field>small{color:#99a38c;font-size:9px}.field textarea{resize:vertical;min-height:80px}.form-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.form-grid.tight{gap:10px}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:21px;margin-top:12px}.form-actions.wrap{flex-wrap:wrap;justify-content:flex-start}.form-actions .text-button{font-size:10px}.form-hint{display:flex;align-items:center;gap:6px;color:#8f9a7e;font-size:10px;margin:15px 0}.form-error{color:#b76441;font-size:11px}.event-person{display:flex;align-items:center;gap:14px;margin-bottom:27px}.event-person h3{font-size:18px}.event-person small{font-size:10px;color:#8d9b7c}.event-person .badge{margin-left:auto}.event-detail>p{display:flex;align-items:center;gap:13px;margin:17px 0;font-size:13px;color:#7b8d70}.event-detail blockquote{margin:25px 0;background:#f7f8f1;padding:15px;font-size:12px;color:#929d80;border-radius:7px}.recipient-preview{display:flex;align-items:center;gap:8px;font-size:11px;color:#8b967b;margin:0 0 25px}.recipient-preview strong{font-weight:500}.step-heading{font-size:12px;margin:25px 0 13px}.invoice-service-options{border:1px solid var(--line);border-radius:8px;overflow:hidden}.invoice-service-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px;border-bottom:1px solid var(--line)}.invoice-service-option:last-child{border-bottom:0}.invoice-service-option.is-selected{background:#f6faf1}.invoice-service-option>label:first-child{display:flex;align-items:center;gap:12px;flex:1;cursor:pointer}.invoice-service-option input[type=checkbox]{accent-color:var(--green);width:16px;height:16px}.invoice-service-option strong{display:block;font-size:12px;font-weight:500}.invoice-service-option small{display:block;font-size:10px;color:#8e997c;margin-top:4px}.quantity-label{display:flex;align-items:center;gap:8px;font-size:10px;color:#9ba58a}.quantity-label input{width:65px;border:1px solid #d9e3cf;border-radius:5px;background:white;padding:6px;font-size:12px;color:var(--green)}.invoice-summary{margin-top:20px;padding:20px;background:#f5f7ef;border-radius:8px;display:flex;gap:32px;justify-content:flex-end;font-size:11px;color:#8a9878}.invoice-summary strong{display:block;font-weight:500;font-size:19px;color:#405f3d;margin-top:5px}.invoice-paper{border:1px solid var(--line);border-radius:8px;padding:27px;background:#fffefb}.paper-top{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:23px}.paper-top .brand strong{font-size:20px}.paper-top .brand-icon{width:33px;height:36px}.paper-top .badge{white-space:normal;font-size:9px}.paper-address{display:flex;justify-content:space-between;gap:15px;padding:25px 0 30px}.paper-address small{font-size:8px;letter-spacing:1px;color:#9aa58a}.paper-address h3{font-size:16px;margin-top:7px}.paper-address p{font-size:11px;margin-top:8px;color:#8b997a;line-height:1.8}.paper-address>div:last-child{text-align:right;display:flex;flex-direction:column;gap:7px;font-size:10px}.paper-address strong{font-weight:500;font-size:11px}.paper-lines>div{display:grid;grid-template-columns:minmax(150px,1fr) 40px 65px 45px 70px;gap:10px;padding:15px 0;border-bottom:1px solid var(--line);font-size:10px}.paper-lines>div:first-child{font-size:9px;color:#8d9b7a;padding-top:0}.paper-lines small{display:block;color:#9aa78a;font-size:8px;margin-top:3px}.paper-lines strong{font-weight:500}.paper-totals{width:260px;margin:22px 0 22px auto;font-size:12px}.paper-totals p{display:flex;justify-content:space-between;margin:11px 0;color:#859373}.paper-totals .grand-total{padding-top:14px;border-top:1px solid var(--line);font-size:20px;color:var(--green)}.paper-totals strong{font-weight:500}.paper-disclaimer{padding-top:18px;border-top:1px solid var(--line);font-size:9px;color:#a39c7f}.email-status{display:flex;align-items:center;gap:12px;margin:20px 0;padding:15px;border-radius:7px;background:#faf5e9;color:#8c7b53}.email-status strong{display:block;font-size:11px;font-weight:500;overflow-wrap:anywhere}.email-status span{display:block;font-size:10px;margin-top:4px}.checkbox-line{display:flex;align-items:flex-start;gap:10px;margin:4px 0 22px;font-size:11px;color:#8b947e}.checkbox-line input{margin-top:3px;accent-color:var(--green)}.checkbox-line a{text-decoration:underline}.form-response{display:flex;align-items:flex-start;gap:6px;font-size:12px;padding:15px;background:#eef5e8;border-radius:7px;margin-top:18px;line-height:1.6}.form-response.failure{color:#a66143;background:#f9eee5}
/* The website */
.website{background:var(--cream)}.site-draft-strip{display:flex;align-items:center;justify-content:space-between;gap:15px;background:var(--green);color:#e3e9d9;min-height:32px;padding:6px 5.5%;font-size:9px;letter-spacing:.3px}.site-draft-strip>span{display:flex;align-items:center;gap:7px}.site-draft-strip i{height:4px;width:4px;background:#ddba86;border-radius:50%}.site-draft-strip a{display:flex;gap:7px;align-items:center;color:#c6d2c0}.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 5.5%;max-width:1550px;margin:auto}.site-header nav{display:flex;gap:32px;font-size:12px;color:#76816b}.site-header nav a:hover{color:var(--green)}.site-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6%;max-width:1450px;margin:24px auto 0;padding:30px 5.5% 75px}.location-label{display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:1.8px;color:#8b967a;margin-bottom:23px}.hero-copy h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(50px,5.9vw,86px);font-weight:400;line-height:1.02;letter-spacing:-3px;color:#294d3e;margin-bottom:27px}.hero-copy h1 em{font-weight:400;color:#8f9e70}.hero-copy>p{font-size:14px;line-height:1.85;max-width:380px;color:#859073}.hero-buttons{display:flex;align-items:center;gap:25px;margin-top:29px;flex-wrap:wrap}.hero-note{display:flex;align-items:center;gap:12px;margin-top:35px;font-size:9px;line-height:1.8;color:#98a185}.hero-note strong{font-weight:400;color:#7b8b6a}.tiny-heart{display:flex;justify-content:center;align-items:center;width:36px;height:36px;border:1px solid #dce3cf;border-radius:50%;color:#a0ae88}.hero-art{position:relative}.coast-scene{width:100%;display:block;max-height:600px}.scene-label{position:absolute;top:12%;left:-5%;z-index:1;padding:10px 15px;border:1px solid #e1e5d5;border-radius:5px;background:#fffdf5;box-shadow:var(--shadow);display:flex;align-items:center;gap:8px;font-size:9px;transform:rotate(-3deg);color:#7c8f6a}.scene-tag{position:absolute;bottom:4%;right:-1%;background:#fffdf5;border:1px solid #e4e5d3;padding:17px 24px;display:flex;gap:13px;align-items:center;color:#83956b;box-shadow:var(--shadow);border-radius:7px;transform:rotate(2deg)}.scene-tag>span{font-size:10px;line-height:1.7;color:#9b9e88}.scene-tag strong{display:block;font-size:11px;font-weight:500;color:#61774f}.hero-star{position:absolute;right:-4%;top:0;font-family:Georgia,serif;font-size:84px;line-height:1;color:#cb956c;transform:rotate(15deg)}.site-values{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #e0e6d5;border-bottom:1px solid #e0e6d5;padding:24px 5.5%;max-width:1550px;margin:auto;color:#849272;font-size:11px}.site-values>span{display:flex;align-items:center;gap:11px}.site-values svg{color:#7f976c;stroke-width:1.5}.site-section{padding:90px 5.5%;max-width:1450px;margin:auto;scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:40px}.section-heading h2,.site-about h2,.site-contact h2{font-family:Georgia,serif;font-size:46px;letter-spacing:-1.6px;margin-top:15px;line-height:1.13;font-weight:400}.section-heading>p{max-width:340px;color:#929b82;font-size:13px;line-height:1.8;margin-bottom:5px}.website-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.website-service{position:relative;padding:26px 22px 46px;min-height:300px;border:1px solid #e1e6d6;border-radius:10px;background:#f4f5ed}.website-service.sand{background:#f5f0e3}.website-service.lavender{background:#efedf0}.website-service.rose{background:#f5ece4}.website-service .service-symbol{background:#ffffff70;color:inherit;width:43px;height:43px;border-radius:11px;margin-bottom:25px}.website-service>.eyebrow{display:block;font-size:7px;letter-spacing:1.2px;color:inherit;opacity:.65}.website-service h3{font-family:Georgia,serif;font-size:24px;letter-spacing:-.7px;margin:10px 0 15px;line-height:1.2}.website-service p{font-size:11px;line-height:1.85;color:#899578}.website-service.sand p{color:#a49b7d}.website-service.lavender p{color:#9b90a2}.website-service.rose p{color:#ab9684}.website-service>a{position:absolute;bottom:17px;right:20px;color:inherit;display:flex}.service-scope-note{font-size:10px;display:flex;align-items:flex-start;gap:7px;color:#9ba58a;margin-top:23px}.site-process{background:#eaf0e2;max-width:none;padding-left:max(5.5%,calc((100vw - 1290px)/2));padding-right:max(5.5%,calc((100vw - 1290px)/2))}.process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:60px}.process-steps article{position:relative;padding-top:20px;border-top:1px solid #cfdbbf}.process-steps article>span{font-family:Georgia,serif;color:#a5b492;font-size:32px}.process-steps h3{font-family:Georgia,serif;font-size:27px;letter-spacing:-.6px;margin:20px 0 15px}.process-steps p{color:#879879;font-size:12px;line-height:1.9;max-width:300px}.site-about{display:grid;grid-template-columns:.9fr 1fr;align-items:center;gap:12%;padding-top:110px;padding-bottom:110px}.about-shape{height:370px;position:relative;padding:0 30px}.about-window{height:100%;max-width:340px;background:#e5eadb;border-radius:200px 200px 12px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7d9569;position:relative;z-index:1}.about-window>span{font-family:Georgia,serif;font-size:23px;text-align:center;line-height:1.55;margin-top:25px;letter-spacing:-.5px}.about-window>span em{font-size:18px;color:#9eac8a}.about-sun{width:135px;height:135px;position:absolute;right:0;top:-15px;border-radius:50%;background:#eed7ac}.site-about h2{font-size:40px;line-height:1.15;margin-bottom:22px}.site-about>div>p{font-size:12px;line-height:1.9;color:#919f80;margin:15px 0;max-width:420px}.about-detail{display:flex;gap:11px;align-items:center;margin-top:27px;font-size:12px;color:#839675}.about-detail small{font-size:10px;color:#a2ac92;display:inline-block;margin-top:3px}.site-contact{display:grid;grid-template-columns:1fr 1fr;gap:12%;border-top:1px solid #e3e7d7}.site-contact>div>p{font-size:13px;line-height:1.9;max-width:340px;color:#8d9c7e;margin-top:23px}.contact-demo-note{display:flex;gap:12px;align-items:flex-start;max-width:350px;font-size:11px;line-height:1.8;color:#95a184;margin:30px 0}.contact-demo-note svg{margin-top:3px}.contact-form{background:#fffdf6;padding:30px;border:1px solid #e5e7d7;border-radius:12px;box-shadow:0 10px 35px #34451f05}.contact-form .field>span{font-size:11px;color:#859773}.contact-form .field input,.contact-form .field textarea,.contact-form .field select{background:#fdfdf6;border-color:#e4e7d7;min-height:44px}.contact-form>.button{width:100%}.site-app-note{margin:0 5.5% 60px;padding:27px 35px;border:1px solid #dce4d1;background:#f2f5e9;border-radius:11px;display:flex;gap:20px;align-items:center}.site-app-note h3{font-family:Georgia,serif;font-size:24px;letter-spacing:-.5px}.site-app-note p{font-size:11px;color:#98a184;margin-top:6px}.site-app-note .button{margin-left:auto}.site-app-note>.text-button{white-space:nowrap}.site-footer{border-top:1px solid #e1e6d6;padding:35px 5.5% 25px;display:flex;align-items:center;flex-wrap:wrap;gap:24px;color:#94a185;font-size:10px}.site-footer>a:nth-of-type(2){margin-left:auto}.site-footer>a{display:flex;align-items:center;gap:6px}.site-footer .brand-icon{width:34px;height:37px}.site-footer .brand strong{font-size:21px}.site-footer>small{width:100%;font-size:9px;padding-top:10px;color:#adb39f}
/* Install and explanatory pages */
.info-page{max-width:1020px;margin:auto;padding:40px 30px 80px;background:var(--cream);min-height:100vh}.info-page.narrow{max-width:800px}.info-page>.brand{margin:20px 0 40px;display:flex}.back-link{display:inline-flex;gap:8px;align-items:center;font-size:11px;color:#8b9b7a}.info-page>.eyebrow{display:block}.info-page h1{font-family:Georgia,serif;font-size:53px;letter-spacing:-1.7px;margin:15px 0 25px}.info-page h1 em{font-weight:400;color:#9aa984}.info-lead{font-size:16px;color:#8c9b7d;line-height:1.85;max-width:640px}.install-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:35px 0 30px}.install-grid article{padding:30px}.install-grid article>svg{color:#8eaa79}.install-grid h2{font-size:23px;margin:20px 0}.install-grid ol{padding-left:17px;margin:20px 0;font-size:13px;line-height:1.8;color:#7b8f68;list-style:decimal}.install-grid li{padding-left:5px;margin:13px 0}.install-grid p{font-size:11px;line-height:1.85;color:#97a485}.info-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px;font-size:10px;color:#94a17f;text-decoration:underline}.info-page.narrow p{font-size:14px;color:#829474;line-height:1.9;margin:20px 0}.info-page.narrow h2{font-family:Georgia,serif;font-size:30px;letter-spacing:-.7px;margin-top:35px}
@media(min-width:1600px){.work-content{padding-top:45px}.stat-card{padding:27px}.stat-card>strong{font-size:34px}.agenda-row{padding:26px}.sidebar{width:245px}.work-main{margin-left:245px}}
@media(max-width:1250px){.sidebar{width:210px;padding-left:15px;padding-right:15px}.sidebar .brand strong{font-size:21px}.sidebar-brand{margin-left:2px;margin-right:0}.work-main{margin-left:210px}.work-content{padding:30px 26px 0}.work-topbar{padding:0 26px}.stat-grid{gap:12px}.stat-card{padding:19px 15px}.stat-card>span{font-size:10px}.stat-card>strong{font-size:26px}.stat-card>small{font-size:8px}.dashboard-grid{gap:18px}.panel-header{padding:23px 20px}.agenda-row{gap:12px;padding:20px}.calendar-period h2{font-size:13px;margin-right:4px}.calendar-toolbar{padding:15px}.calendar-legend{gap:13px}.customers-layout.has-detail{grid-template-columns:minmax(0,1fr) 280px}.customer-row{gap:13px;padding:20px}.customer-email{display:none}.invoice-row{grid-template-columns:minmax(190px,1fr) 85px 95px 60px 15px;gap:13px}.site-header nav{gap:23px}.hero-buttons{gap:18px}.hero-buttons .underlined-link{font-size:11px}.website-service{padding-left:20px;padding-right:20px}.website-service h3{font-size:22px}.site-about{gap:8%}}
@media(max-width:1000px){.sidebar{width:190px;padding-left:12px;padding-right:12px}.sidebar .brand-icon{width:32px;height:35px}.sidebar .brand strong{font-size:19px}.sidebar .brand small{font-size:7px}.sidebar nav button{font-size:11px;padding:12px}.work-main{margin-left:190px}.work-content{padding:27px 22px 0}.work-topbar{padding:0 22px;font-size:10px}.page-header h1{font-size:30px}.page-header p:not(.eyebrow){font-size:10px;max-width:340px}.page-header .button{font-size:11px;padding:10px 14px}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-card>strong{font-size:28px}.stat-card>small{font-size:9px}.dashboard-grid{grid-template-columns:1fr}.dashboard-side{display:grid;grid-template-columns:1fr 1fr}.day-panel{min-height:300px}.customers-layout.has-detail{grid-template-columns:1fr}.customer-detail{max-width:none}.customer-detail dl{display:grid;grid-template-columns:1fr 1fr;gap:5px 20px}.customer-detail dt{grid-column:1}.customer-detail dd{grid-column:2;align-self:end}.customer-detail .avatar.large{float:left;margin-right:20px}.customer-detail h2{margin-top:10px}.customer-row>.badge{display:inline-flex}.service-card{padding:22px}.service-card>div{align-items:flex-start;flex-direction:column;gap:15px}.calendar-toolbar{align-items:flex-start;flex-direction:column}.calendar-actions{width:100%;justify-content:space-between}.welcome-panel{flex-wrap:wrap}.welcome-panel>.button{margin-left:55px}.welcome-panel>div:nth-child(2){flex:1}.site-header nav{gap:20px;font-size:10px}.site-header .button{font-size:11px;padding:10px 13px}.site-header .brand strong{font-size:22px}.site-hero{padding-top:20px;gap:5%;padding-bottom:55px}.hero-copy h1{font-size:64px;letter-spacing:-2.5px}.hero-copy>p{font-size:12px}.hero-buttons{flex-direction:column;align-items:flex-start;gap:18px}.hero-note{font-size:8px;max-width:310px}.scene-label{font-size:8px;padding:8px 10px}.scene-tag{padding:12px 15px;bottom:0}.scene-tag strong{font-size:9px}.hero-star{font-size:65px}.site-values{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:10px}.section-heading h2{font-size:39px}.section-heading>p{max-width:280px;font-size:11px}.website-service-grid{grid-template-columns:repeat(2,1fr);gap:20px}.website-service{min-height:290px;padding:25px}.website-service h3{font-size:26px}.website-service p{font-size:12px;max-width:260px}.process-steps{gap:30px}.process-steps h3{font-size:25px}.process-steps p{font-size:11px}.site-about{gap:7%}.about-shape{height:320px;padding-left:0}.about-window>span{font-size:20px}.site-about h2{font-size:33px}.site-contact{gap:7%}.site-contact h2{font-size:35px}.contact-form{padding:24px}.site-app-note{padding:25px;gap:14px;flex-wrap:wrap}.site-app-note>.text-button{margin-left:auto}.site-app-note h3{font-size:22px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:235px;padding:26px 18px 0}.sidebar.is-open{transform:translateX(0)}.sidebar .brand strong{font-size:23px}.sidebar .brand-icon{width:39px;height:42px}.sidebar nav button{font-size:12px;padding:13px 14px}.sidebar-overlay{position:fixed;inset:0;background:#173b3444;border:0;z-index:25}.work-main{margin-left:0}.mobile-menu{display:inline-flex}.work-topbar{height:60px;padding:0 16px;font-size:10px}.work-topbar>div{gap:7px}.work-topbar>div:first-child>span{display:none}.demo-chip{font-size:8px}.work-content{padding:25px 18px 0}.page-header{gap:12px;align-items:flex-start;flex-direction:column;margin-bottom:18px}.page-header h1{font-size:32px}.page-header p:not(.eyebrow){font-size:11px;max-width:none}.page-header .button{align-self:flex-end;margin-top:0;font-size:11px}.prototype-note{font-size:9px;align-items:flex-start;line-height:1.6;margin-bottom:20px}.prototype-note svg{margin-top:3px}.stat-grid{gap:10px;margin-bottom:20px}.stat-card{padding:18px 15px}.stat-card>span{font-size:9px;min-height:28px;align-items:flex-start}.stat-card>span svg{height:16px;width:16px}.stat-card>strong{font-size:27px;margin:12px 0 9px}.stat-card em{font-size:16px}.stat-card>small{font-size:8px;line-height:1.6}.dashboard-grid{gap:18px}.dashboard-side{grid-template-columns:1fr}.calm-card{padding:25px}.calm-card h2{font-size:28px}.calm-card p{max-width:none}.panel-header{padding:22px 18px;gap:8px}.panel-header h2{font-size:18px}.panel-header .text-button{font-size:10px}.panel-header .eyebrow{font-size:8px}.agenda-row{padding:18px 16px;gap:12px}.agenda-info strong{font-size:12px}.agenda-info>span{font-size:10px}.agenda-time{font-size:12px;width:35px}.agenda-row .badge{font-size:8px}.agenda-row>svg{display:none}.calendar-toolbar{gap:15px}.calendar-period{flex-wrap:wrap;gap:3px;width:100%}.calendar-period h2{font-size:12px;flex:1;min-width:150px}.calendar-period>.button{margin-left:auto}.calendar-legend{flex-wrap:wrap;padding:14px 17px;font-size:8px;gap:9px 14px}.calendar-legend small{margin-left:0;width:100%;margin-top:5px}.week-scroll{display:none}.calendar-list{display:block}.calendar-list section{padding:20px 16px}.calendar-list h3{font-size:11px}.calendar-list .agenda-row{gap:10px}.calendar-list .agenda-info strong{font-size:11px}.work-footer{font-size:8px;gap:5px;align-items:center;flex-wrap:wrap;padding-top:30px}.work-footer>span:last-child{width:100%;margin-left:29px}.welcome-panel{padding:20px;gap:13px}.welcome-illustration{display:none}.welcome-panel h2{font-size:20px}.welcome-panel>div:nth-child(2){min-width:100%}.welcome-panel p{font-size:11px}.welcome-panel>.button{margin:5px 0 0}.list-tools{align-items:flex-start;flex-wrap:wrap;gap:12px}.list-tools>span{font-size:10px}.search-field{max-width:none}.customer-row{gap:12px;padding:18px 16px}.customer-row .avatar{width:35px;height:35px;font-size:11px}.customer-identity strong{font-size:12px}.customer-identity small{font-size:9px}.customer-row .badge{font-size:8px}.customer-detail{padding:24px 20px}.customer-detail dl{display:block}.customer-detail dt{margin-top:17px}.customer-detail dd{font-size:12px}.service-grid{grid-template-columns:1fr}.service-card>div{flex-direction:row;align-items:center}.service-card h2{font-size:24px}.invoice-row{display:grid;grid-template-columns:minmax(0,1fr) 80px 18px;padding:20px 15px;gap:13px}.invoice-row.table-heading{display:none}.invoice-row>span:nth-child(2){grid-column:1;margin-left:47px;font-size:9px;margin-top:-5px;grid-row:2}.invoice-row>.badge{grid-column:2;grid-row:2;font-size:8px}.invoice-row>strong{grid-column:2;grid-row:1;font-size:12px}.invoice-row>svg{grid-column:3;grid-row:1}.invoice-who{gap:10px;min-width:0}.invoice-who strong{font-size:9px;overflow-wrap:anywhere}.invoice-who small{font-size:10px}.invoice-who .document-icon{width:35px;flex-shrink:0}.settings-grid{grid-template-columns:1fr}.settings-card{padding:25px}.inquiry-card{padding:20px}.inquiry-card header h3{font-size:13px}.inquiry-card header>div>span{font-size:10px;word-break:break-all}.inquiry-card footer{flex-direction:column;align-items:flex-start;gap:15px}.error-panel{flex-wrap:wrap;font-size:12px}.error-panel>.button{margin-left:0}.toast{width:calc(100vw - 25px);bottom:15px;padding:15px;font-size:11px}.modal{padding:23px 18px;max-height:94dvh}.modal>header h2{font-size:25px}.form-grid{grid-template-columns:1fr;gap:0}.form-grid.tight{grid-template-columns:1fr 1fr;gap:12px}.field{margin-bottom:17px}.field input,.field textarea,.field select{font-size:16px;min-height:44px}.field>span{font-size:11px}.form-actions{gap:10px}.form-actions.wrap .button{font-size:11px;padding:10px 13px}.event-person .badge{font-size:8px}.event-person h3{font-size:16px}.event-detail>p{font-size:12px}.invoice-service-option{padding:14px 12px;gap:8px;align-items:flex-start}.invoice-service-option strong{font-size:11px}.invoice-service-option small{font-size:8px}.quantity-label{flex-direction:column;gap:3px;align-items:flex-start;font-size:8px}.quantity-label input{font-size:14px;width:58px}.invoice-summary{padding:16px;gap:23px;justify-content:space-between}.invoice-summary strong{font-size:18px}.invoice-paper{padding:17px 12px}.paper-top{flex-wrap:wrap;gap:13px}.paper-address{gap:10px}.paper-address>div:first-child{max-width:60%;overflow-wrap:anywhere}.paper-address h3{font-size:13px}.paper-address p{font-size:10px}.paper-address strong{font-size:8px;overflow-wrap:anywhere}.paper-address span{font-size:8px}.paper-lines>div{grid-template-columns:minmax(0,1fr) 28px 45px 31px 48px;gap:5px;font-size:8px}.paper-lines>div:first-child{font-size:7px}.paper-lines small{font-size:7px}.paper-totals{width:220px;font-size:11px}.paper-disclaimer{font-size:8px}.paper-totals .grand-total{font-size:18px}.recipient-preview{font-size:10px;align-items:flex-start;overflow-wrap:anywhere}.site-draft-strip{padding:7px 6%;font-size:8px;gap:8px}.site-draft-strip>a{font-size:0;gap:0}.site-draft-strip>a>svg{width:16px;height:16px}.site-header{padding:22px 6%;gap:12px}.site-header nav{display:none}.site-header .brand strong{font-size:21px}.site-header .brand small{font-size:7px}.site-header .brand-icon{width:34px;height:37px}.site-header>.button{font-size:10px;min-height:36px;padding:8px 11px;gap:7px}.site-header>.button svg{width:13px}.site-hero{grid-template-columns:1fr;padding:18px 6% 45px;margin-top:0;gap:35px}.location-label{font-size:8px;letter-spacing:1.6px;margin-bottom:23px}.hero-copy h1{font-size:68px;letter-spacing:-2.7px;margin-bottom:22px}.hero-copy>p{font-size:13px;max-width:350px;line-height:1.85}.hero-buttons{flex-direction:row;gap:15px;margin-top:27px}.hero-buttons>.button{font-size:11px;min-height:47px;padding:12px 15px}.hero-buttons>.underlined-link{font-size:10px}.hero-note{font-size:8px;margin-top:25px;max-width:100%}.hero-art{margin:15px 18px 5px;max-width:420px}.coast-scene{width:100%}.scene-label{left:-5%;font-size:8px;top:15%;padding:10px 12px}.scene-tag{right:-6%;padding:13px 17px;bottom:0}.scene-tag strong{font-size:10px}.hero-star{right:-3%;top:1%;font-size:70px}.site-values{grid-template-columns:1fr 1fr;gap:20px 15px;padding:23px 6%;font-size:9px;line-height:1.7}.site-values>span{gap:8px;align-items:flex-start}.site-values svg{width:18px;height:18px;position:relative;top:2px}.site-section{padding:60px 6%;scroll-margin-top:0}.section-heading{display:block;margin-bottom:30px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.section-heading h2{font-size:37px;letter-spacing:-1.4px;margin-top:14px}.section-heading>p{font-size:12px;max-width:none;margin-top:20px}.website-service-grid{grid-template-columns:1fr;gap:16px}.website-service{padding:25px 25px 38px;min-height:230px}.website-service>.service-symbol{margin-bottom:20px;width:44px;height:44px;float:right}.website-service>.eyebrow{padding-top:15px;font-size:8px}.website-service h3{font-size:28px;max-width:220px;clear:none;margin-top:18px;margin-bottom:17px}.website-service p{font-size:12px;max-width:none}.service-scope-note{font-size:9px;line-height:1.7}.site-process .section-heading>.button{margin-top:25px;font-size:11px}.process-steps{grid-template-columns:1fr;gap:30px;margin-top:35px}.process-steps article{padding-top:17px}.process-steps article>span{float:left;width:53px;font-size:32px}.process-steps h3{margin:5px 0 14px 53px;font-size:27px}.process-steps p{margin-left:53px;max-width:none;font-size:12px}.site-about{grid-template-columns:1fr;gap:45px}.about-shape{height:310px;max-width:330px;width:100%;margin:auto;padding-right:30px}.about-window{max-width:280px}.about-sun{width:115px;height:115px}.site-about h2{font-size:35px;letter-spacing:-1.4px}.site-about .eyebrow{font-size:8px}.site-about>div>p{max-width:none;font-size:12px}.site-contact{grid-template-columns:1fr;gap:35px}.site-contact h2{font-size:36px}.site-contact .eyebrow{font-size:8px;letter-spacing:1.2px}.site-contact>div>p{font-size:12px;max-width:none}.contact-demo-note{font-size:10px;margin:23px 0}.contact-form{padding:23px 20px}.contact-form .field input,.contact-form .field textarea,.contact-form .field select{font-size:16px}.contact-form .checkbox-line{font-size:10px}.site-app-note{margin:0 6% 40px;padding:25px 22px;gap:15px}.site-app-note>.brand{align-self:flex-start}.site-app-note h3{font-size:23px}.site-app-note>div{flex:1;min-width:160px}.site-app-note p{font-size:10px;line-height:1.8}.site-app-note>.button{margin:5px 0 0;font-size:11px}.site-app-note>.text-button{margin-left:0;font-size:10px}.site-footer{padding:28px 6% 23px;gap:20px}.site-footer>span{width:100%;font-size:10px}.site-footer>a:nth-of-type(2){margin-left:0}.site-footer>small{padding-top:0;font-size:8px}.info-page{padding:25px 22px 60px}.info-page h1{font-size:40px;letter-spacing:-1.5px}.info-page>.brand{margin:25px 0 37px}.info-page>.eyebrow{font-size:8px}.info-lead{font-size:13px;line-height:1.9}.install-grid{grid-template-columns:1fr;gap:20px}.install-grid article{padding:25px}.install-grid h2{font-size:24px}.install-grid ol{font-size:13px}.info-links{font-size:9px;gap:15px}.info-page.narrow p{font-size:13px}.info-page.narrow h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.calendar-event{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.calendar-event span{font-size:9px}.calendar-event strong{font-size:11px;margin-top:6px}.calendar-event small{font-size:9px}.calendar-event span svg{margin-left:2px}
/* Readable text and contrast on both the marketing site and the working UI. */
.eyebrow{color:#65755e}.sidebar nav button,.sidebar-bottom>a:not(.install-card),.sidebar-bottom>button{font-size:13px;color:#64715d}.sidebar nav button.active,.sidebar-bottom>button.active{color:white}.page-header p:not(.eyebrow){font-size:13px;color:#65745e}.prototype-note{font-size:11px;color:#6b7359}.stat-card>span{font-size:12px;color:#65745d}.stat-card>small{font-size:10px;color:#707c65}.agenda-info>span,.agenda-info small,.calm-card p,.quick-panel button,.quick-panel a,.customer-identity small,.customer-email,.settings-card p,.customer-detail dd,.settings-card dd{color:#65765c}.calm-card p{font-size:12px}.quick-panel button,.quick-panel a{font-size:12px}.panel-foot,.calendar-legend,.week-hours>span,.week-day span,.field>small,.form-hint,.paper-disclaimer{color:#718064}.week-hours>span{font-size:10px}.form-hint,.field>small{font-size:11px}.customer-detail dt,.settings-card dt{color:#6c7b60}.field>span{font-size:12px}.modal .eyebrow{font-size:9px}.invoice-service-option small{color:#6d7b61;font-size:11px}.invoice-service-option strong{font-size:13px}.recipient-preview,.quantity-label{color:#63765b}.invoice-summary{color:#6d7e60}.paper-address p,.paper-lines small,.email-status span{color:#6c7d5e}.site-header nav{font-size:13px;color:#65725b}.hero-copy>p{font-size:16px;color:#627158}.hero-note{font-size:10px;color:#6b795e}.hero-note strong{color:#607452}.site-values{color:#607451;font-size:12px}.section-heading>p{font-size:15px;color:#69775d}.website-service p{font-size:14px;color:#65765a}.website-service.sand p{color:#786e53}.website-service.lavender p{color:#726779}.website-service.rose p{color:#7e6958}.website-service>.eyebrow{font-size:9px;opacity:1}.service-scope-note{font-size:11px;color:#6d7b60}.process-steps p{font-size:14px;color:#637956}.site-about>div>p{font-size:15px;color:#65775a}.about-detail small{color:#738364}.site-contact>div>p{font-size:15px;color:#65785a}.contact-demo-note{font-size:12px;color:#6d7d60}.contact-form .field>span{color:#617852;font-size:12px}.checkbox-line{color:#68795b}.site-footer{color:#6b7d5d}.site-app-note p{color:#6e805e}.install-grid p,.info-lead,.info-page.narrow p{color:#65795a}
@media(max-width:760px){.stat-card>span{font-size:10px}.stat-card>small{font-size:9px}.prototype-note{font-size:10px}.page-header p:not(.eyebrow){font-size:12px}.hero-copy>p{font-size:15px}.hero-note{font-size:9px}.site-values{font-size:10px}.section-heading>p,.website-service p,.process-steps p,.site-about>div>p,.site-contact>div>p{font-size:14px}.service-scope-note{font-size:10px}.invoice-service-option strong{font-size:12px}.invoice-service-option small{font-size:10px}.field>small,.form-hint{font-size:10px}}
@media(max-width:760px){.sidebar{display:none}.sidebar.is-open{display:flex}}

.public-website {
  --public-text: #263e34;
  --public-muted: #46574b;
  color: var(--public-text);
  font-size: 17px;
  line-height: 1.65;
}

.public-website .skip-link {
  position: absolute;
  inset: 8px auto auto 8px;
  z-index: 100;
  transform: translateY(-200%);
  padding: 10px 16px;
  color: #fff;
  background: #173f34;
  border-radius: 5px;
}

.public-website .skip-link:focus { transform: translateY(0); }
.public-website :is(a, button, summary, input, select, textarea):focus-visible {
  outline: 3px solid #153a60;
  outline-offset: 4px;
}
.public-website .site-draft-strip {
  gap: 8px 20px;
  flex-wrap: wrap;
  font-size: 14px;
  color: #fff;
}
.public-website .site-draft-strip a { color: #fff; }
.public-website .site-draft-strip a:focus-visible { outline-color: #fff; }

.public-website .site-header {
  align-items: center;
  flex-wrap: wrap;
  gap: 14px 28px;
}
.public-website .site-header nav {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 22px;
}
.public-website .site-header :is(nav a, .legal-back),
.public-website .legal-footer a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: #294d3b;
  font-size: 16px;
}
.public-website .hero-copy h1 {
  max-width: 10ch;
  font-size: clamp(2.75rem, 7vw, 5.3rem);
  line-height: 1.05;
  letter-spacing: -.035em;
}
.public-website .hero-copy h1 em { display: block; }
.public-website .hero-copy > p,
.public-website .section-heading > p,
.public-website .website-service p {
  color: var(--public-muted);
  font-size: 17px;
  line-height: 1.65;
}
.public-website .hero-buttons { flex-wrap: wrap; }
.public-website .hero-buttons a { min-height: 44px; }
.public-website .site-section { scroll-margin-top: 1rem; }
.public-website .site-section h2,
.public-website .legal-content h1 {
  font-family: Georgia, serif;
  font-size: clamp(2rem, 4vw, 3.35rem);
  line-height: 1.12;
  letter-spacing: -.026em;
}
.public-website .site-section h3 { line-height: 1.25; }
.public-website .website-service {
  padding: 24px;
  min-height: 0;
}
.public-website .website-service h3 { margin-block: 12px; }

.pet-feature,
.lena-about,
.price-grid,
.contact-details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: clamp(24px, 5vw, 70px);
}
.pet-feature {
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  margin-top: 32px;
  padding: clamp(20px, 3vw, 38px);
  background: #e8eee5;
  border-radius: 16px;
}
.pet-feature img,
.lena-portrait img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
}
.pet-feature img {
  max-width: 360px;
  margin-inline: auto;
}
.pet-feature .section-context { color: #46574b; font-size: 16px; }
.pet-feature h3 { margin: 8px 0 12px; font-size: clamp(1.45rem, 3vw, 2.2rem); }
.lena-about { align-items: start; }
.lena-portrait { margin: 0; }
.lena-portrait img { max-width: 520px; }
.lena-about p { margin-top: 15px; }
.lena-signature { font-family: Georgia, serif; font-size: 23px; }

.pricing-area h2 { margin-bottom: 25px; }
.price-grid { align-items: stretch; gap: 24px; }
.price-panel,
.coverage-panel {
  padding: clamp(20px, 4vw, 42px);
  border-radius: 16px;
  background: #e8eee5;
}
.coverage-panel { background: #f0ebdb; }
.price-panel h3, .coverage-panel h3 { font-size: 23px; margin-bottom: 12px; }
.hour-price { margin-bottom: 12px; }
.hour-price strong { display: block; font-size: clamp(2.5rem, 6vw, 4.4rem); line-height: 1.1; }
.tax-label { margin-top: 20px; font-weight: 600; }
.tax-breakdown { margin: 8px 0 0; }
.tax-breakdown > div {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4px 16px;
  padding-block: 5px;
}
.tax-breakdown dd { margin: 0; font-variant-numeric: tabular-nums; }
.coverage-panel ul { padding-left: 1.35rem; margin: 0 0 16px; list-style: disc; }
.contact-details { border-top: 1px solid #ced7ca; align-items: start; }
.contact-details h2 { margin-bottom: 16px; }
.provider-address { font-style: normal; color: #263e34; }

.public-website .legal-footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 30%) minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  border-top: 1px solid #ced7ca;
}
.public-website .legal-footer > a { justify-self: start; }
.public-website .web-design-credit {
  margin: 0;
  color: var(--public-muted);
  font-size: .6875rem;
  text-align: center;
}
.public-website .legal-footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0 16px;
  text-align: right;
  overflow-wrap: anywhere;
}
.public-website .legal-footer-links a,
.public-website .legal-back,
.public-website .legal-content a {
  text-decoration: underline;
  text-underline-offset: .18em;
}
.legal-content {
  max-width: 76ch;
  padding: clamp(24px, 6vw, 70px) clamp(16px, 5vw, 55px);
  margin-inline: auto;
  overflow-wrap: anywhere;
}
.legal-content h1 { margin-bottom: 18px; }
.legal-content h2 { font-size: 1.45rem; margin: 29px 0 9px; }
.legal-content :is(p, address, ul) { margin: 0 0 14px; }
.legal-content ul { list-style: disc; padding-left: 1.4rem; }
.legal-content summary { padding: 10px 0; cursor: pointer; }
.legal-content .contact-form { margin: 10px 0 20px; }

@media (max-width: 760px) {
  .public-website .site-header nav { width: 100%; gap: 0 16px; }
  .public-website .site-header nav a { font-size: 15px; }
  .public-website .site-hero { grid-template-columns: minmax(0, 1fr); }
  .public-website .hero-art { max-width: 460px; }
  .pet-feature, .lena-about, .price-grid, .contact-details { grid-template-columns: minmax(0, 1fr); }
  .lena-portrait img { max-width: 440px; }
  .public-website .legal-footer .brand { flex-wrap: wrap; gap: 4px; }
  .public-website .legal-footer .brand strong { font-size: clamp(.8rem, 3vw, 1.3rem); }
  .public-website .legal-footer .brand small { letter-spacing: .12em; }
}

.public-website .process-steps {
  list-style: decimal;
  padding-left: 1.55rem;
  margin-top: 22px;
}
.public-website .process-steps li { padding-left: 3px; }
.public-website .process-steps li::marker { color: #294d3b; font-weight: 700; }
.public-website .process-steps li h3 { margin: 0 0 8px; font-size: 20px; }
.public-website .process-steps li p { color: var(--public-muted); font-size: 17px; }

.public-website .site-draft-strip a { font-size: 14px; }
.public-website .hero-copy h1 em { color: #506c4d; }
.public-website .hero-buttons :is(.button, .underlined-link) { font-size: 16px; }

.public-website .coast-scene {
  width: min(100%, 600px);
  height: auto;
  margin-inline: auto;
}

.contact-channels { margin: 0; min-width: 0; }
.contact-channels > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  gap: 10px 16px;
  align-items: center;
  padding-block: 12px;
  border-bottom: 1px solid #ced7ca;
}
.contact-channels dt {
  overflow-wrap: anywhere;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
}
.contact-channels dd {
  margin: 0;
  color: var(--public-muted);
  overflow-wrap: anywhere;
}
.contact-icon {
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 9px;
  color: #fff;
  background: #234e41;
}
.contact-brand-icon {
  background: transparent;
}
.contact-brand-icon img {
  display: block;
  object-fit: contain;
}
@media (max-width: 400px) {
  .contact-channels > div { gap: 8px; font-size: 15px; }
  .contact-channels dt { gap: 7px; }
  .contact-icon { width: 32px; height: 32px; flex-basis: 32px; }
}

.public-website .site-header .site-languages {
  width: auto;
  gap: 4px;
}
.public-website .site-header .site-languages a {
  justify-content: center;
  min-width: 44px;
  border-radius: 8px;
  font-size: 17px;
  font-weight: 700;
}
.public-website .site-languages [aria-current="page"] {
  background: #234e41;
  color: #fff;
}

/* Each contact row has one link, with the full row as its hit area. */
.contact-channels > div {
  position: relative;
}
.contact-channels dd a::after {
  content: "";
  position: absolute;
  inset: 0;
}
.contact-channels > div:hover,
.contact-channels > div:focus-within {
  background-color: #e8eee5;
}
.contact-channels dd a:focus-visible::after {
  outline: 2px solid #204d43;
  outline-offset: -2px;
  border-radius: 4px;
}

@media (max-width: 760px) {
  .public-website { --page-gutter: clamp(18px, 5vw, 36px); }

  .public-website .site-header {
    gap: 12px;
    padding: 16px var(--page-gutter);
    border-bottom: 1px solid #ced7ca;
  }
  .public-website .site-header > a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
  .public-website .site-header nav:not(.site-languages) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px 8px;
  }
  .public-website .site-header nav:not(.site-languages) a {
    padding: 7px 10px;
    border-radius: 6px;
    background: #e8eee5;
    font-size: 16px;
    line-height: 1.3;
    overflow-wrap: anywhere;
  }
  .public-website .site-header .site-languages {
    display: grid;
    width: 100%;
    max-width: 25rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 4px;
  }
  .public-website .site-header .site-languages a {
    border: 1px solid #ced7ca;
  }

  .public-website .site-hero {
    gap: 24px;
    padding: 32px var(--page-gutter) 40px;
  }
  .public-website .hero-copy h1 {
    max-width: 20ch;
    margin-bottom: 16px;
    font-size: clamp(2.25rem, 9vw, 3.5rem);
    text-wrap: balance;
    overflow-wrap: anywhere;
  }
  .public-website .hero-copy > p { max-width: 42ch; }
  .public-website .hero-buttons {
    gap: 4px 18px;
    margin-top: 20px;
  }
  .public-website .hero-buttons > .button {
    width: 100%;
    min-height: 52px;
    justify-content: center;
    white-space: normal;
    text-align: center;
    text-wrap: balance;
    line-height: 1.35;
  }
  .public-website .hero-buttons > .underlined-link {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
  .public-website .hero-art {
    width: 100%;
    margin: 0 auto;
  }
  .public-website .coast-scene { display: block; }

  .public-website .site-section {
    padding: 44px var(--page-gutter);
  }
  .public-website .section-heading { margin-bottom: 22px; }
  .public-website .section-heading h2 { margin-top: 0; }
  .public-website .section-heading > p { margin-top: 10px; }
  .public-website .site-section h2,
  .public-website .legal-content h1 {
    font-size: clamp(1.85rem, 6vw, 2.5rem);
    text-wrap: balance;
    overflow-wrap: anywhere;
  }
  .public-website .website-service-grid { gap: 12px; }
  .public-website .website-service {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 8px 12px;
    align-items: center;
    padding: 16px;
  }
  .public-website .website-service > .service-symbol {
    float: none;
    width: 42px;
    height: 42px;
    margin: 0;
  }
  .public-website .website-service h3 {
    max-width: none;
    margin: 0;
    font-size: 1.25rem;
    overflow-wrap: anywhere;
  }
  .public-website .website-service p { grid-column: 1 / -1; }

  .public-website .pet-feature {
    gap: 16px;
    margin-top: 20px;
    padding: 18px;
  }
  .public-website .pet-feature img,
  .public-website .lena-portrait img { max-width: 21rem; }
  .public-website .lena-about,
  .public-website .price-grid { gap: 18px; }
  .public-website .pricing-area h2 { margin-bottom: 18px; }

  .public-website .contact-details { gap: 8px; }
  .public-website .contact-channels > div {
    grid-template-columns: minmax(0, 1fr);
    gap: 2px;
    min-height: 68px;
    padding: 10px 8px 10px 52px;
    font-size: 16px;
    line-height: 1.45;
  }
  .public-website .contact-channels dt { display: block; }
  .public-website .contact-channels dd a { overflow-wrap: anywhere; }
  .public-website .contact-channels .contact-icon {
    position: absolute;
    inset-inline-start: 4px;
    top: 50%;
    width: 40px;
    height: 40px;
    transform: translateY(-50%);
  }
  .public-website .contact-channels .contact-icon img {
    width: 32px;
    height: 32px;
  }
  .public-website .legal-footer {
    grid-template-columns: minmax(0, 1fr) minmax(0, 34%) minmax(0, 1fr);
    padding-inline: var(--page-gutter);
  }
  .public-website .legal-footer-links a {
    font-size: .875rem;
    line-height: 1.3;
  }
  .public-website :is(.web-design-credit, .legal-footer > a) {
    overflow-wrap: anywhere;
  }
}

@media (max-width: 760px) and (min-width: 680px) {
  .public-website .site-header nav:not(.site-languages) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 760px) and (min-width: 520px) {
  .public-website .website-service-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 400px) {
  .public-website .legal-footer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .public-website .legal-footer .brand { flex-wrap: nowrap; }
  .public-website .legal-footer-links {
    grid-column: 1 / -1;
    justify-content: flex-start;
    text-align: left;
  }
}