:root{color-scheme:light;--green:#155e59;--ink:#183436;--gold:#e9a94a;--paper:#f7f8f5;--muted:#607270;--line:#e1e7e1;--white:#fff;--pale:#e9f1ea}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5.5rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit}a:focus-visible{outline:3px solid #087b8a;outline-offset:4px;border-radius:4px}.skip-link{position:absolute;left:1rem;top:-4rem;background:#fff;padding:.7rem 1rem;z-index:20}.skip-link:focus{top:1rem}.section-wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.demo-ribbon{display:flex;justify-content:center;gap:.55rem;padding:.48rem 1rem;background:#183436;color:#fff;text-align:center;font-size:.71rem;letter-spacing:.1em;font-weight:800}.demo-ribbon span{color:var(--gold)}.site-header{width:min(1160px,calc(100% - 48px));height:82px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:1.3rem;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:.62rem;text-decoration:none;font-size:1.15rem;font-weight:800;letter-spacing:-.04em;white-space:nowrap}.brand b{color:var(--green)}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--green);color:#fff;font-size:1.45rem;line-height:1}.main-nav{display:flex;align-items:center;gap:1.6rem}.main-nav a,.header-cta{text-decoration:none;font-size:.88rem;font-weight:650}.main-nav a{color:#455a57}.main-nav a:hover,.inline-link:hover{color:var(--green);text-decoration:underline;text-underline-offset:4px}.header-cta{padding:.7rem 1rem;border:1px solid #c9d7d1;border-radius:10px;color:var(--green)}.header-cta span{margin-left:.35rem}.hero{min-height:545px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:3.5rem;padding-block:4.2rem 3.6rem}.hero-copy{max-width:620px}.eyebrow{margin:0 0 1rem;color:var(--green);font-size:.7rem;font-weight:850;letter-spacing:.15em}.pulse{display:inline-block;width:8px;height:8px;margin-right:.45rem;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px #e9a94a2b}.hero h1{margin:0;font-size:clamp(3.25rem,6vw,5.6rem);line-height:.98;letter-spacing:-.075em;font-weight:760}.hero h1 em{color:var(--green);font-style:normal}.hero-lede{max-width:510px;margin:1.45rem 0 1.7rem;color:var(--muted);font-size:1.08rem;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:.65rem;padding:.78rem 1.1rem;border:1px solid transparent;border-radius:11px;text-decoration:none;font-size:.9rem;font-weight:750}.button-primary{background:var(--green);color:#fff;box-shadow:0 8px 18px #155e5926}.button-primary:hover{background:#104b47}.button-quiet{border-color:#d7e0d9;background:#fff;color:var(--ink)}.trust-line{display:flex;align-items:center;gap:.65rem;margin-top:2rem;color:#455c58;font-size:.82rem}.trust-icon{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#e4eee5;color:var(--green);font-weight:900}.hero-visual{position:relative;min-height:395px;overflow:hidden;border-radius:28px;background:linear-gradient(145deg,#edf2e9,#f4e7cb);border:1px solid #e5e5d8}.sun-disc{position:absolute;top:37px;right:62px;width:210px;height:210px;border-radius:50%;background:#ffffff82;border:1px solid #fff}.house-card{position:absolute;left:50%;top:100px;width:250px;height:235px;transform:translateX(-50%)}.house-roof{position:absolute;left:24px;top:0;width:205px;height:145px;background:#d8ad67;transform:rotate(45deg) scale(.72);border-radius:8px 0 0 0}.house-body{position:absolute;top:78px;left:28px;width:194px;height:150px;background:#fffdf7;border:1px solid #d9e0d5;box-shadow:0 16px 34px #18343616}.window{position:absolute;top:30px;width:38px;height:42px;border:5px solid #dfe9e2;background:#b8d9d0}.window-left{left:24px}.window-right{right:24px}.door{position:absolute;bottom:0;left:78px;width:42px;height:76px;border-radius:17px 17px 0 0;background:var(--green)}.house-ground{position:absolute;left:-55px;right:-55px;bottom:0;height:12px;border-radius:50%;background:#93b99e}.floating-note{position:absolute;right:24px;bottom:52px;display:flex;align-items:center;gap:.7rem;padding:.8rem 1rem;border:1px solid #e9eee8;border-radius:14px;background:#fff;box-shadow:0 12px 32px #18343618}.note-check{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#e8f2e9;color:var(--green);font-weight:900}.floating-note b,.floating-note small{display:block}.floating-note b{font-size:.8rem}.floating-note small{color:var(--muted);font-size:.72rem}.visual-caption{position:absolute;left:22px;bottom:18px;color:#405e56;font-size:.78rem;font-weight:700}.plant{position:absolute;bottom:28px;width:48px;height:90px;border-bottom:6px solid #73977d}.plant:before,.plant:after{content:"";position:absolute;width:24px;height:38px;border-radius:100% 0 100% 0;background:#719c78;transform:rotate(-23deg)}.plant:before{left:4px;top:20px}.plant:after{right:2px;top:0;transform:scaleX(-1) rotate(-23deg)}.plant-one{left:26px}.plant-two{right:28px;transform:scale(.8);transform-origin:bottom}.trust-strip{display:flex;justify-content:space-between;gap:1.5rem;width:min(1160px,calc(100% - 48px));margin:0 auto;padding:1.4rem 1.7rem;border:1px solid #e5eae2;border-radius:16px;background:#fff}.trust-strip>div{display:flex;align-items:center;gap:.75rem}.strip-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:#eef4ed;color:var(--green);font-size:1.2rem}.trust-strip b,.trust-strip small{display:block}.trust-strip b{font-size:.82rem}.trust-strip small{margin-top:.12rem;color:var(--muted);font-size:.72rem}.content-section{padding-block:6.4rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.section-heading .eyebrow{margin-bottom:.5rem}.section-heading h2,.how-intro h2,.pro-copy h2,.closing h2{margin:0;font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.08;letter-spacing:-.055em}.section-heading>p{max-width:390px;margin:0;color:var(--muted);font-size:.95rem}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.service-card{position:relative;min-height:190px;padding:1.35rem;border:1px solid var(--line);border-radius:16px;background:#fff;transition:transform .18s ease,box-shadow .18s ease}.service-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #1834360c}.service-icon{width:43px;height:43px;display:grid;place-items:center;margin-bottom:1rem;border-radius:13px;background:#edf4ee;color:var(--green);font-size:1.35rem;font-weight:800}.icon-spark,.icon-paint{background:#fcf2df;color:#9b6d29}.icon-clean{background:#edf1f4;color:#456b78}.icon-garden{background:#e9f1e7;color:#49764f}.service-card h3{margin:0 0 .35rem;font-size:1rem}.service-card p{max-width:250px;margin:0;color:var(--muted);font-size:.83rem}.service-arrow{position:absolute;right:1.25rem;top:1.25rem;color:#91a19a}.demo-caption{margin:1rem 0 0;color:#72837d;font-size:.75rem}.how-section{background:#eef3ec;border-block:1px solid #e3eae1}.how-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:6rem;padding-block:6rem}.how-intro h2{max-width:420px}.how-intro>p:not(.eyebrow){max-width:390px;color:var(--muted);line-height:1.7}.inline-link{display:inline-block;margin-top:1.2rem;color:var(--green);font-weight:750;text-decoration:none}.steps{display:grid;gap:0;margin:0;padding:0;list-style:none}.steps li{display:grid;grid-template-columns:52px 1fr;gap:1rem;padding:1.15rem 0;border-bottom:1px solid #dbe4d9}.steps li:first-child{padding-top:0}.steps li:last-child{border-bottom:0;padding-bottom:0}.step-number{color:#a57a38;font-size:.8rem;font-weight:850;letter-spacing:.08em}.steps h3{margin:0 0 .3rem;font-size:1rem}.steps p{margin:0;color:var(--muted);font-size:.86rem}.workspace-section{padding-block:6.1rem}.workspace-card{max-width:850px;margin:0 auto;padding:1.7rem;border:1px solid #e2e9e2;border-radius:20px;background:#fff;box-shadow:0 20px 50px #1834360a}.workspace-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:1.25rem;border-bottom:1px solid #edf0eb}.workspace-kicker{color:#82918b;font-size:.65rem;font-weight:850;letter-spacing:.12em}.workspace-top h3{margin:.35rem 0 .2rem;font-size:1.35rem;letter-spacing:-.03em}.workspace-top h3 span{color:var(--gold)}.workspace-top p{margin:0;color:var(--muted);font-size:.84rem}.status-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .7rem;border-radius:99px;background:#edf5ec;color:#42684c;font-size:.72rem;font-weight:750}.status-pill i{width:7px;height:7px;border-radius:50%;background:#5d9a64}.sample-service{display:flex;align-items:center;gap:.8rem;padding:1.25rem 0}.service-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#f5ead5;color:#a57532;font-size:1.25rem}.sample-copy{display:grid;gap:.15rem;flex:1}.sample-copy b{font-size:.86rem}.sample-copy span{color:var(--muted);font-size:.75rem}.sample-date{min-width:44px;padding:.38rem;border-radius:9px;background:#f7f8f5;text-align:center;font-size:1rem;font-weight:800}.sample-date small{display:block;color:var(--muted);font-size:.55rem;letter-spacing:.1em}.progress-label{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.55rem;font-size:.72rem;font-weight:700}.progress-label span:last-child{color:var(--green)}.progress{height:7px;overflow:hidden;border-radius:99px;background:#e9eeea}.progress span{display:block;width:65%;height:100%;border-radius:inherit;background:var(--green)}.progress-steps{display:flex;justify-content:space-between;gap:.5rem;margin-top:.55rem;color:#82918b;font-size:.65rem}.progress-steps .done{color:#547760}.progress-steps .current{color:var(--green);font-weight:800}.workspace-bottom{display:flex;justify-content:space-between;gap:1rem;margin-top:1.4rem;padding-top:1rem;border-top:1px solid #edf0eb;color:var(--muted);font-size:.72rem}.workspace-bottom b{color:var(--ink);font-weight:650}.workspace-bottom a{color:var(--green);font-weight:750;text-decoration:none}.pro-section{overflow:hidden;background:var(--ink);color:#fff}.pro-layout{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:4rem;padding-block:6rem}.eyebrow-light{color:#e8bd73}.pro-copy h2{max-width:490px}.pro-copy>p:not(.eyebrow){max-width:450px;color:#cad7d1;line-height:1.7}.pro-copy ul{display:grid;gap:.65rem;margin:1.5rem 0;padding:0;list-style:none;color:#eef3ef;font-size:.86rem}.pro-copy li:before{content:"✓";margin-right:.65rem;color:var(--gold);font-weight:900}.pro-note{color:#9fb2a9;font-size:.7rem}.pro-dashboard{padding:1rem;border:1px solid #49625d;border-radius:18px;background:#f8faf7;color:var(--ink);box-shadow:0 25px 65px #0003}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:.45rem .2rem 1rem;color:#7a8b84;font-size:.58rem;font-weight:850;letter-spacing:.12em}.dashboard-header>span:first-child{display:flex;gap:4px}.dashboard-header>span:first-child i{width:7px;height:7px;border-radius:50%;background:#d8e2dc}.avatar-dot{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#e9f1e8;color:var(--green);font-size:.58rem;letter-spacing:0}.dash-welcome{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;border-radius:12px;background:#eef4ec}.dash-welcome small{color:var(--green);font-size:.56rem;font-weight:850;letter-spacing:.12em}.dash-welcome h3{margin:.2rem 0;font-size:1rem}.dash-welcome p{margin:0;color:var(--muted);font-size:.68rem}.dash-date{color:#6d8178;font-size:.55rem;font-weight:800;letter-spacing:.08em}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:.7rem 0}.dash-stats div{display:grid;gap:.25rem;padding:.7rem;border:1px solid #e4ebe4;border-radius:10px;background:#fff}.dash-stats small{color:#81918a;font-size:.49rem;font-weight:850;letter-spacing:.06em}.dash-stats b{font-size:1.05rem}.dash-job{display:flex;align-items:center;gap:.7rem;padding:.7rem .2rem;border-top:1px solid #e9eee9}.job-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#eaf2e9;color:var(--green);font-size:1rem}.job-icon-gold{background:#fbf0dc;color:#a57532}.dash-job>div{display:grid;gap:.12rem;flex:1}.dash-job b{font-size:.72rem}.dash-job small{color:var(--muted);font-size:.6rem}.job-tag{padding:.28rem .5rem;border-radius:99px;background:#edf5eb;color:#4c7452;font-size:.57rem;font-weight:800}.job-tag-muted{background:#f1f2ef;color:#73827a}.dash-footer{display:flex;justify-content:space-between;margin-top:.5rem;padding:.65rem .2rem 0;border-top:1px solid #e9eee9;color:#82918a;font-size:.6rem}.closing{display:grid;justify-items:center;padding-block:6rem;text-align:center}.closing-mark{width:54px;height:54px;display:grid;place-items:center;margin-bottom:1.2rem;border-radius:17px;background:#e8f1e8;color:var(--green);font-size:2rem}.closing .eyebrow{margin-bottom:.5rem}.closing h2{max-width:700px}.closing>p:not(.eyebrow){max-width:580px;color:var(--muted);line-height:1.7}.closing .button{margin-top:.7rem}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1.3rem;border-top:1px solid var(--line);color:#71817a;font-size:.72rem}.site-footer .brand{color:var(--ink);font-size:.95rem}.site-footer .brand-mark{width:28px;height:28px;font-size:1.2rem}.site-footer>a:last-child{color:var(--green);font-weight:700;text-decoration:none}@media(max-width:850px){.main-nav{gap:.8rem}.main-nav a{font-size:.78rem}.hero{gap:2rem}.how-layout{gap:3rem}.pro-layout{gap:2.5rem}}@media(max-width:680px){html{scroll-padding-top:1rem}.section-wrap,.site-header,.trust-strip{width:min(100% - 32px,540px)}.site-header{height:auto;min-height:70px;flex-wrap:wrap;padding-block:.8rem}.main-nav{order:3;width:100%;justify-content:space-between;gap:.5rem;overflow:auto;padding:.25rem 0}.main-nav a{white-space:nowrap;font-size:.72rem}.header-cta{padding:.6rem .7rem;font-size:.74rem}.hero{grid-template-columns:1fr;gap:2rem;padding-block:3rem 2.5rem}.hero h1{font-size:clamp(3.25rem,14vw,4.5rem)}.hero-lede{font-size:.98rem}.hero-visual{min-height:330px}.sun-disc{width:175px;height:175px}.house-card{top:70px;transform:translateX(-50%) scale(.86);transform-origin:top center}.plant-one{left:18px}.plant-two{right:16px}.floating-note{right:13px;bottom:47px}.trust-strip{display:grid;grid-template-columns:1fr;gap:.85rem;padding:1rem}.trust-strip>div{gap:.7rem}.strip-icon{width:34px;height:34px}.content-section,.workspace-section{padding-block:4.3rem}.section-heading{display:block}.section-heading>p{margin-top:.7rem}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.service-card{min-height:166px;padding:1rem}.service-card p{font-size:.75rem}.service-icon{width:37px;height:37px;margin-bottom:.75rem}.how-layout{grid-template-columns:1fr;gap:2.5rem;padding-block:4.3rem}.steps li{grid-template-columns:39px 1fr}.workspace-card{padding:1rem}.workspace-top{display:block}.status-pill{margin-top:.75rem}.sample-service{gap:.6rem}.sample-copy b{font-size:.78rem}.sample-copy span{font-size:.67rem}.progress-label{font-size:.63rem}.progress-steps{font-size:.55rem}.workspace-bottom{flex-direction:column}.pro-layout{grid-template-columns:1fr;gap:2rem;padding-block:4.2rem}.pro-dashboard{padding:.7rem}.dash-stats{gap:.4rem}.dash-stats div{padding:.55rem}.dash-stats small{font-size:.43rem}.dash-date{max-width:90px;text-align:right;line-height:1.5}.closing{padding-block:4.5rem}.site-footer{flex-wrap:wrap;justify-content:center;text-align:center}.site-footer>span{width:100%;order:3}}@media(max-width:370px){.service-grid{grid-template-columns:1fr}.service-card{min-height:auto}.hero-actions .button{width:100%}.main-nav a{font-size:.68rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service-card{transition:none}}
/* Interactive workspaces adapted from the application card/form/summary layout. */
button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #087b8a;outline-offset:3px}.app-shell{padding-block:2rem 4rem;min-height:70vh}.app-shell h1{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.05em;line-height:1.1;margin:.5rem 0 1rem}.app-shell h2{font-size:1.25rem;line-height:1.3}.muted,.demo-card>p{color:var(--muted)}.workspace-nav{display:flex;gap:.6rem;flex-wrap:wrap;padding-bottom:2rem;margin-bottom:1.5rem;border-bottom:1px solid var(--line)}.workspace-nav .button{font-size:.8rem;min-height:44px;padding:.6rem .8rem}.demo-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.6rem;min-width:0;margin-bottom:1rem;overflow-wrap:anywhere}.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.card-top{display:flex;justify-content:space-between;align-items:start;gap:.5rem}.card-top .status-pill{font-size:.65rem}.demo-card .eyebrow{font-size:.62rem}.demo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.demo-stats article{background:#fff;border:1px solid var(--line);padding:1.3rem;border-radius:15px}.demo-stats b{display:block;font-size:2.3rem;color:var(--green)}.demo-stats span{font-size:.85rem;color:var(--muted)}.next-step{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:2rem;background:#e9f1ea;border-radius:18px;margin-bottom:2rem}.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;padding-block:2rem}.form-grid{display:grid;gap:1rem}.form-grid label{display:grid;gap:.4rem;font-size:.9rem;font-weight:650}input,textarea,select{width:100%;min-width:0;min-height:46px;border:1px solid #b9cbc3;border-radius:8px;padding:.7rem;background:#fff;color:var(--ink)}input[readonly]{background:#f2f5f0}textarea{min-height:110px;resize:vertical}.form-grid .check{display:flex;align-items:center;gap:.7rem;font-weight:400}.check input{width:20px;min-height:20px;flex-shrink:0}.wide-form{max-width:760px}.notice{background:#f9f0de;border-left:3px solid var(--gold);padding:.8rem;font-size:.85rem}.demo-help{margin-top:2rem;border-top:1px solid var(--line);padding-top:1.5rem;color:var(--muted);font-size:.8rem}.demo-help button{display:block;margin-top:1rem;background:transparent;color:var(--green);border-color:var(--green);box-shadow:none}.detail-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:1.5rem;margin-top:2rem}.quote-lines{margin:1.5rem 0}.quote-lines>div{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--line)}.quote-lines dd{margin:0;white-space:nowrap}.quote-total{font-size:1.4rem;font-weight:800;color:var(--green)}.timeline{padding-left:1.3rem}.timeline li{padding:.5rem 0;color:var(--muted);font-size:.85rem}.action-row{display:flex;gap:.5rem;flex-wrap:wrap}.profile-avatar{display:grid;place-items:center;width:64px;height:64px;background:var(--pale);border-radius:20px;color:var(--green);font-size:1.4rem;font-weight:800}@media(max-width:800px){.auth-layout,.detail-grid{grid-template-columns:1fr;gap:1rem}.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.next-step{align-items:start;flex-direction:column}.main-nav{display:flex;flex-wrap:wrap;gap:.6rem}.site-header{height:auto;min-height:82px;flex-wrap:wrap;padding-block:1rem}.auth-layout{padding:0}.demo-ribbon{font-size:.6rem}}@media(max-width:520px){.demo-grid{grid-template-columns:1fr}.demo-stats{gap:.4rem}.demo-stats article{padding:.7rem}.demo-stats span{font-size:.7rem}.demo-card{padding:1.1rem}.main-nav{order:3;width:100%;justify-content:space-between}.main-nav a{font-size:.75rem}.workspace-nav .button{flex:1 1 40%}.section-wrap{width:calc(100% - 32px)}.quote-total{font-size:1.15rem}.hero h1{font-size:3.2rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


/* DEMO-07: refined auth and role workspaces */
.site-header.workspace-mode .main-nav{display:none}
.site-header.workspace-mode{height:72px}
.auth-layout{grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:clamp(2rem,5vw,5rem);padding-block:2.5rem;align-items:stretch}
.auth-story{min-width:0;min-height:640px;display:flex;flex-direction:column;justify-content:space-between;gap:2rem;padding:clamp(1.7rem,4vw,3.4rem);border-radius:28px;background:radial-gradient(circle at 90% 12%,#ffffff20,transparent 32%),linear-gradient(145deg,#183436,#155e59);color:#fff;overflow:hidden;position:relative}
.auth-story:after{content:"";position:absolute;width:250px;height:250px;border:1px solid #ffffff20;border-radius:50%;right:-95px;bottom:90px;box-shadow:0 0 0 30px #ffffff09,0 0 0 60px #ffffff07;pointer-events:none}
.auth-brand{display:inline-flex;align-items:center;gap:.7rem;color:#fff;text-decoration:none;font-size:1.12rem;font-weight:750;letter-spacing:-.03em;position:relative;z-index:1}
.auth-brand .brand-mark{background:var(--gold);color:var(--ink);width:40px;height:40px;border-radius:13px}
.auth-story-copy{max-width:550px;position:relative;z-index:1}
.auth-kicker{font-size:.68rem;letter-spacing:.16em;font-weight:800;color:#f4cf8d}
.auth-story-copy h1{font-size:clamp(2.55rem,4.2vw,4rem);line-height:1.03;letter-spacing:-.065em;margin:.7rem 0 1rem;max-width:12ch}
.auth-story-copy h1 em{font-style:normal;color:#f2c975}
.auth-story-copy>p:last-child{max-width:42ch;color:#e3efea;font-size:1.02rem}
.auth-steps{display:grid;gap:.65rem;position:relative;z-index:1}
.auth-steps article{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:.8rem;padding:.78rem .9rem;border:1px solid #ffffff25;background:#ffffff0b;border-radius:14px}
.auth-steps article>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#ffffff16;color:#f3ca79;font-size:.82rem;font-weight:850;white-space:nowrap;letter-spacing:.02em}
.auth-steps b,.auth-steps small,.auth-story-foot b,.auth-story-foot small{display:block}
.auth-steps b{font-size:.91rem}.auth-steps small{margin-top:.12rem;color:#d3e2dd;font-size:.79rem}
.auth-story-foot{display:flex;align-items:center;gap:.7rem;position:relative;z-index:1}
.auth-story-foot small{color:#d3e2dd;font-size:.78rem}.auth-location-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ffffff17;color:#f2c975;font-size:1.2rem}
.auth-story-tag{margin-left:auto;border:1px solid #ffffff33;border-radius:999px;padding:.4rem .7rem;color:#f6dfb1;font-size:.72rem;white-space:nowrap}
.auth-form-side{display:flex;flex-direction:column;justify-content:center;min-width:0}
.auth-card{padding:clamp(1.5rem,3vw,2.5rem);border-radius:24px;box-shadow:0 22px 55px #18343612;border-color:#e6ebe5;gap:1rem}
.auth-card h2{font-size:clamp(1.8rem,3vw,2.35rem);letter-spacing:-.055em;margin:0;line-height:1.1}
.auth-card .eyebrow{margin:0;font-size:.65rem}
.auth-form-intro{margin:0 0 .35rem;color:var(--muted);font-size:.92rem}
.auth-card label{font-size:.82rem;gap:.45rem}
.auth-card input,.auth-card select{border-radius:11px;min-height:48px}
.auth-role-field{padding:.8rem;border:1px solid var(--line);border-radius:13px;background:#f8faf7}
.auth-no-account{display:flex;align-items:flex-start;gap:.65rem;padding:.7rem .8rem;border-radius:12px;background:#eff5ef}
.auth-no-account p{margin:0;color:#47615c;font-size:.76rem;line-height:1.45}
.auth-lock{flex:none;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#d8eadd;color:var(--green);font-weight:900}
.auth-check{display:flex!important;align-items:center!important;gap:.65rem!important}
.auth-check input{width:18px;min-height:18px}
.auth-submit{width:100%;min-height:50px;justify-content:center;border-radius:12px;font-size:.94rem}
.auth-switch{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:.95rem;font-size:.8rem;color:var(--muted)}
.auth-switch .button{min-height:40px;font-size:.78rem}
.auth-footnote{margin:.8rem .5rem 0;text-align:center;color:var(--muted);font-size:.76rem}.auth-footnote span{display:block;font-size:.72rem}
.workspace-navigation{display:grid;grid-template-columns:minmax(155px,.7fr) minmax(0,2fr) auto;align-items:center;gap:1rem;padding:.8rem 1rem;margin:0 0 1.5rem;border:1px solid #e4e9e3;border-radius:18px;background:#fff;box-shadow:0 7px 22px #18343608}
.workspace-nav-overview{display:flex;align-items:center;gap:.65rem;min-width:0}.workspace-nav-mark{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;background:#e9f1ea;color:var(--green);font-size:1.4rem}.workspace-nav-overview b,.workspace-nav-overview small{display:block}.workspace-nav-overview b{font-size:.85rem}.workspace-nav-overview small{font-size:.69rem;color:var(--muted)}
.workspace-nav-links,.workspace-nav-actions{display:flex;align-items:center;gap:.4rem;min-width:0}.workspace-nav-links{justify-content:center;flex-wrap:wrap}.workspace-nav-actions{justify-content:flex-end}.workspace-navigation .button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.55rem .78rem;border-radius:10px;font-size:.76rem;line-height:1.2;text-align:center;text-decoration:none;white-space:normal}.workspace-nav-links .button:not(.button-primary){background:transparent;border-color:transparent;box-shadow:none;color:#47615c}.workspace-nav-links .button:not(.button-primary):hover{background:#f2f6f1}.workspace-nav-actions [data-action=logout]{background:transparent;color:var(--green);border-color:#d5e0d9;box-shadow:none}.workspace-nav-actions [data-action=switch]{background:#183436;color:#fff;border-color:#183436}
.app-shell{padding-top:1.35rem}.dashboard-welcome{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;padding:1rem 0 1.4rem}.dashboard-welcome h1{font-size:clamp(2rem,4vw,3rem);margin:.35rem 0 .55rem}.dashboard-welcome>div:first-child>p:last-child{margin:0;color:var(--muted)}.dashboard-welcome>div:first-child>p:last-child span{font-size:.8rem}.dashboard-welcome-actions{display:grid;justify-items:end;gap:.75rem;flex:none}.demo-location{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:#52706a}.demo-location i{width:8px;height:8px;background:#5a9a6e;border-radius:50%;box-shadow:0 0 0 4px #5a9a6e20}
.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin:1rem 0 1.2rem}.metric-card{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;column-gap:.75rem;row-gap:.15rem;padding:1rem 1.1rem;border:1px solid #e4e9e3;border-radius:16px;background:#fff}.metric-icon{grid-row:span 2;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#edf4ed;color:var(--green);font-size:1.15rem;font-weight:800}.metric-icon-2{background:#fcf3e4;color:#a66b12}.metric-icon-3{background:#edf1f5;color:#455d75}.metric-card strong{font-size:1.25rem;line-height:1.2}.metric-card>div span{display:block;font-size:.78rem;font-weight:700}.metric-card small{grid-column:2;color:var(--muted);font-size:.69rem}
.focus-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1.15rem 1.25rem;margin:1.2rem 0 1.4rem;border:1px solid #d9e8d9;border-radius:18px;background:linear-gradient(110deg,#edf5ed,#f8faf5)}.focus-card-pro{background:linear-gradient(110deg,#eef3f2,#f7f9f8);border-color:#dce7e4}.focus-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#fff;color:var(--green);font-size:1.25rem;font-weight:800;box-shadow:0 4px 14px #1834360d}.focus-card .eyebrow{font-size:.61rem;margin:0 0 .2rem}.focus-card h2{margin:.1rem 0;font-size:1.03rem}.focus-card p:not(.eyebrow){margin:.2rem 0 0;color:#607270;font-size:.8rem}.focus-card>.button{white-space:nowrap}
.dashboard-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(240px,.75fr);align-items:start;gap:1.2rem}.dashboard-main,.dashboard-aside{min-width:0}.dashboard-section{margin:0 0 1.35rem}.dashboard-section-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin:0 0 .7rem}.dashboard-section-heading .eyebrow{font-size:.61rem;margin:0 0 .2rem}.dashboard-section-heading h2{margin:0;font-size:1.2rem;letter-spacing:-.025em}.dashboard-section-heading>.button{white-space:nowrap;font-size:.75rem}.service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.service-card-demo{min-width:0;padding:1rem;border:1px solid #e2e8e1;border-radius:16px;background:#fff;box-shadow:0 5px 15px #18343606}.service-card-top,.service-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:.55rem}.service-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#eef4ed;color:var(--green);font-size:1.15rem}.status-pill{display:inline-flex;align-items:center;max-width:100%;padding:.32rem .58rem;border-radius:999px;background:#eef4ed;color:#38624e;font-size:.65rem;font-weight:750;line-height:1.35}.service-ref{font-size:.65rem;color:var(--muted);margin:.75rem 0 .15rem}.service-card-demo h3{font-size:.96rem;line-height:1.35;margin:.2rem 0 .4rem;overflow-wrap:anywhere}.service-location{font-size:.72rem;color:var(--muted);margin:0}.service-card-bottom{align-items:flex-end;border-top:1px solid #edf0ec;margin-top:.85rem;padding-top:.7rem}.service-quote-state{font-size:.68rem;color:var(--muted)}.service-quote-state b{display:block;color:var(--ink);font-size:.83rem}.service-card-bottom>a{color:var(--green);font-size:.71rem;font-weight:750;text-decoration:none;white-space:nowrap}.service-list-history{grid-template-columns:1fr}.empty-state{grid-column:1/-1;padding:1.5rem;border:1px dashed #cad8cc;border-radius:16px;background:#fbfcfa;text-align:center}.empty-state-mark{display:grid;place-items:center;width:42px;height:42px;margin:0 auto .55rem;border-radius:14px;background:#edf4ed;color:var(--green);font-size:1.3rem}.empty-state h3{margin:.2rem 0}.empty-state p{margin:0 auto;max-width:42ch;color:var(--muted);font-size:.82rem}
.aside-card{padding:1rem;border:1px solid #e3e9e3;border-radius:16px;background:#fff;margin-bottom:.8rem}.aside-card .eyebrow{font-size:.6rem;margin:0 0 .3rem}.aside-card h2{font-size:1rem;margin:.2rem 0 .8rem}.activity-list{list-style:none;margin:0;padding:0}.activity-list li{display:grid;grid-template-columns:10px minmax(0,1fr);gap:.6rem;padding:.6rem 0;border-top:1px solid #edf0ec}.activity-list li:first-child{border-top:0}.activity-dot{width:8px;height:8px;margin-top:.33rem;border-radius:50%;background:var(--gold)}.activity-list b,.activity-list small{display:block}.activity-list b{font-size:.74rem}.activity-list small{font-size:.67rem;color:var(--muted)}.aside-trust{display:flex;align-items:flex-start;gap:.7rem;background:#f2f6f1}.aside-trust-icon{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#fff;color:var(--green);font-weight:900}.aside-trust p:last-child{font-size:.75rem;color:var(--muted);margin:.3rem 0 0}
.service-list:not(.service-list-history) .empty-state{min-height:130px;display:grid;align-content:center}
@media(max-width:980px){.workspace-navigation{grid-template-columns:1fr auto}.workspace-nav-links{grid-column:1/-1;grid-row:2;justify-content:flex-start;border-top:1px solid #edf0ec;padding-top:.6rem}.workspace-nav-actions{grid-column:2;grid-row:1}.auth-layout{grid-template-columns:minmax(0,1fr) minmax(350px,.9fr);gap:1.4rem}.auth-story{padding:1.7rem;min-height:590px}.dashboard-layout{grid-template-columns:minmax(0,1.5fr) minmax(210px,.8fr)}}
@media(max-width:760px){.auth-layout{grid-template-columns:1fr;gap:1rem;padding-block:1.1rem}.auth-story{min-height:0;gap:1.3rem;padding:1.5rem;border-radius:22px}.auth-story-copy h1{font-size:clamp(2.25rem,8vw,3.1rem);max-width:none}.auth-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.auth-steps article{grid-template-columns:1fr;align-content:start;gap:.45rem;padding:.7rem}.auth-steps article>span{width:38px;height:34px}.auth-steps small{font-size:.69rem}.auth-story-foot{flex-wrap:wrap}.auth-form-side{padding-bottom:.5rem}.dashboard-welcome{align-items:flex-start;flex-direction:column}.dashboard-welcome-actions{width:100%;display:flex;align-items:center;justify-content:space-between}.dashboard-layout{grid-template-columns:1fr}.dashboard-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.aside-card{margin:0}.focus-card{grid-template-columns:42px minmax(0,1fr)}.focus-card>.button{grid-column:2;justify-self:start}.metric-card{padding:.8rem}.workspace-navigation{margin-bottom:1rem}}
@media(max-width:520px){.section-wrap{width:calc(100% - 28px)}.workspace-navigation{grid-template-columns:minmax(0,1fr);gap:.65rem;padding:.7rem}.workspace-nav-overview{grid-row:1}.workspace-nav-actions{grid-row:3;grid-column:1;justify-content:stretch}.workspace-nav-actions .button{flex:1}.workspace-nav-links{grid-row:2;grid-column:1;justify-content:stretch;gap:.3rem;padding-top:.6rem}.workspace-nav-links .button{flex:1 1 auto;padding:.48rem .42rem;font-size:.7rem}.dashboard-welcome{padding:.6rem 0 1rem}.dashboard-welcome h1{font-size:2rem}.dashboard-welcome-actions{align-items:flex-start;flex-direction:column;gap:.6rem}.metric-grid{gap:.45rem}.metric-card{grid-template-columns:1fr;justify-items:start;gap:.25rem;padding:.7rem}.metric-icon{grid-row:auto;width:32px;height:32px;font-size:1rem}.metric-card strong{font-size:1.08rem}.metric-card>div span{font-size:.68rem}.metric-card small{grid-column:auto;font-size:.61rem}.focus-card{gap:.65rem;padding:.85rem}.focus-card h2{font-size:.93rem}.focus-card>.button{grid-column:1/-1;width:100%}.service-list{grid-template-columns:1fr}.dashboard-aside{grid-template-columns:1fr}.dashboard-section-heading{align-items:flex-start}.dashboard-section-heading h2{font-size:1.05rem}.auth-story{padding:1.2rem}.auth-steps{grid-template-columns:1fr;gap:.45rem}.auth-steps article{grid-template-columns:38px minmax(0,1fr);align-items:center}.auth-steps small{font-size:.72rem}.auth-story-tag{margin-left:0}.auth-card{padding:1.25rem;border-radius:18px}.auth-card h2{font-size:1.8rem}.auth-switch{align-items:flex-start}.auth-switch .button{width:100%}.auth-footnote{font-size:.7rem}.app-shell{padding-top:.75rem}}
@media(max-width:360px){.demo-ribbon{font-size:.57rem;letter-spacing:.06em;padding-inline:.4rem}.workspace-nav-links .button{font-size:.65rem;padding-inline:.32rem}.workspace-nav-actions .button{font-size:.68rem;padding-inline:.35rem}.metric-grid{gap:.3rem}.metric-card{padding:.55rem}.metric-card>div span{overflow-wrap:anywhere}.service-card-bottom{align-items:flex-start;flex-direction:column}.service-card-bottom>a{align-self:flex-end}.auth-story-foot{align-items:flex-start}.auth-story-tag{font-size:.65rem}.dashboard-section-heading>.button{padding-inline:.55rem;font-size:.68rem}}

main:focus{outline:none}

@media(max-width:360px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card:last-child{grid-column:1/-1;grid-template-columns:36px minmax(0,1fr)}.metric-card:last-child .metric-icon{grid-row:span 2}.metric-card:last-child small{grid-column:2}}