@font-face{font-family:Hodra;src:url('../../assets/fonts/hodra-sans-regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:Hodra;src:url('../../assets/fonts/hodra-sans-semibold.woff') format('woff');font-weight:600;font-display:swap}
@font-face{font-family:Hodra;src:url('../../assets/fonts/hodra-sans-bold.woff') format('woff');font-weight:700;font-display:swap}
:root{--navy:#102433;--navy-soft:#1b374b;--blue:#0868c7;--blue-dark:#0754a0;--blue-tint:#eaf3ff;--surface:#fff;--canvas:#f4f7fb;--line:#dae3ec;--ink:#172d3e;--muted:#586d7e;--green:#22694e;--green-bg:#eaf5ee;--amber:#7e5518;--amber-bg:#fff2db;--radius:14px;--shadow:0 4px 18px rgb(24 48 72 / 3%)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Hodra,Arial,Helvetica,sans-serif;font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit;color:inherit}button,a,select,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit}button svg,a svg,.search-field svg,.next-step-icon svg,.guide-icon svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #1689f8;outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:clamp(29px,2.8vw,38px);line-height:1.2;letter-spacing:-1px;font-weight:700}h2{font-size:19px;line-height:1.4;letter-spacing:-.4px}h3{font-size:15px}small{font-size:12px}.muted{color:var(--muted);margin-top:6px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.35px;text-transform:uppercase;color:var(--muted);margin-bottom:7px}.skip-link{position:absolute;top:-100px;left:12px;padding:12px;background:#fff;z-index:10}.skip-link:focus{top:8px}.demo-disclosure{background:#eaf1f8;color:#314e64;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 26px;min-height:44px;font-size:10px;line-height:1.6;border-bottom:1px solid #d4dfeb}.demo-disclosure a{display:inline-flex;align-items:center;gap:8px;min-height:44px;white-space:nowrap;text-decoration:none;font-weight:600}.demo-disclosure a:hover{text-decoration:underline;text-underline-offset:4px}.demo-disclosure a svg{width:14px;height:14px}.app-shell{display:grid;grid-template-columns:226px minmax(0,1fr);min-height:calc(100vh - 44px)}
.sidebar{background:var(--navy);color:#fff;padding:30px 16px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:calc(100vh - 44px);min-height:680px}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;margin:0 7px 43px;font-size:15px;line-height:1.2;letter-spacing:.55px;font-weight:700;min-height:44px}.brand-caption{display:block;margin-top:8px;font-size:9px;letter-spacing:.15px;font-weight:400;color:#aec3d4}.brand-mark{display:grid;place-items:center;width:36px;height:38px;border-radius:10px;background:#1b3c55;border:1px solid #365469;flex:none;color:#8ec5ff}.brand-mark svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.workspace-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1.1px;color:#94adc0;margin:0 15px 12px}.app-nav{display:grid;gap:7px}.app-nav button{border:1px solid transparent;background:transparent;text-align:left;display:flex;align-items:center;gap:12px;border-radius:8px;min-height:47px;padding:11px 14px;color:#bdd0df;font-size:13px;font-weight:600}.app-nav button:hover{background:#19354a;color:#fff}.app-nav button[aria-current=page]{background:#1d4260;border-color:#2c587b;color:#fff}.app-nav svg{width:18px;height:18px}.nav-count{font-size:10px;margin-left:auto;background:#2a4860;padding:1px 7px;border-radius:5px;color:#d9e9f5}.review-indicator{width:6px;height:6px;border-radius:50%;background:#83bffc;margin-left:auto}.sidebar-guide{margin:37px 9px auto;padding:18px 13px;border:1px solid #2f495c;background:#183245;border-radius:10px;color:#b9cddd;font-size:11px}.guide-icon{color:#96c9ff;display:block;margin-bottom:8px}.sidebar-guide strong{color:#edf5fb;display:block;margin-bottom:5px;font-size:11px}.sidebar-link{display:flex;align-items:center;gap:6px;background:none;border:0;color:#9fccfa;padding:5px 0;min-height:44px;font-size:11px;font-weight:600;text-align:left}.sidebar-link svg{width:14px;height:14px}.sidebar-bottom{margin-top:24px}.workspace-member{display:flex;gap:10px;align-items:center;padding:18px 9px;border-top:1px solid #2c4557;font-size:11px}.member-avatar{width:32px;height:32px;background:#294a64;color:#dcefff;border-radius:50%;display:grid;place-items:center;font-weight:600;flex:none}.workspace-member span:not(.member-avatar){display:block;color:#a9bfd0;font-size:9px;margin-top:3px}.powered-by{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;border-top:1px solid #2c4557;padding:16px 9px 0;text-decoration:none;color:#bbcfdf;font-size:9px}.powered-by img{width:86px;height:auto;opacity:.92}.powered-by:hover span{text-decoration:underline;text-underline-offset:4px}
.workspace{min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 32px;border-bottom:1px solid var(--line);background:#fff;min-height:84px}.project-switch{display:flex;align-items:center;gap:12px;min-width:0}.project-symbol{width:38px;height:38px;border-radius:9px;background:#f0eee6;border:1px solid #e0dfd4;color:#506449;font-weight:700;font-size:17px;display:grid;place-items:center;flex:none}.project-symbol.clinic{color:#286277;background:#eaf4f7;border-color:#d8e7ed}.project-switch label{color:var(--muted);font-size:9px;display:block;line-height:1.3}.project-switch select{font-weight:600;width:205px;background:#fff;border:0;padding:0 27px 0 0;min-height:44px;height:44px;font-size:13px;cursor:pointer}.topbar-actions{display:flex;align-items:center;gap:22px}.sample-badge{color:var(--muted);font-size:11px;display:flex;align-items:center;gap:7px}.status-dot,.note-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);flex:none}.button{min-height:44px;padding:10px 16px;border-radius:8px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:600;line-height:1.5;text-align:center;transition:background .15s,border-color .15s}.button-primary{background:var(--blue);color:#fff}.button-primary:hover{background:var(--blue-dark)}.button-primary:disabled{background:var(--green-bg);border-color:#c4dfce;color:var(--green)}.button-secondary{background:#fff;border-color:#c5d4e1;color:var(--ink)}.button-secondary:hover,.button-quiet:hover{background:#edf4fc;border-color:#b8ccdf}.button-quiet{background:#fff;border-color:var(--line);color:var(--muted);padding:9px 12px}.text-button{background:none;border:0;color:var(--blue-dark);font-size:11px;font-weight:600;min-height:44px;display:inline-flex;align-items:center;gap:6px;padding:6px 0;white-space:nowrap}.text-button svg{width:15px;height:15px}.text-button:hover{text-decoration:underline;text-underline-offset:4px}main{max-width:1430px;margin:0 auto;padding:29px 32px 0;min-width:0}.page-intro{display:flex;align-items:center;justify-content:space-between;gap:24px}.page-intro .eyebrow{margin-bottom:9px}.page-intro h1+p{margin-top:10px;color:var(--muted);max-width:650px;font-size:12px}.intro-action{white-space:nowrap;flex:none}.visit-note{display:flex;align-items:center;gap:8px;margin:16px 0 25px;font-size:10px;color:var(--muted)}.note-dot{background:#8ba1b3;width:5px;height:5px}
.project-health{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:26px;padding:24px 26px;border-radius:var(--radius);border:1px solid #284c68;background:linear-gradient(110deg,#173449,#224a68);color:#fff;margin-bottom:19px}.project-health::after{content:"";position:absolute;width:290px;height:290px;right:100px;top:-165px;border:1px solid rgb(169 208 242 / 10%);border-radius:50%;pointer-events:none}.health-intro,.health-progress{position:relative;z-index:1}.project-health .eyebrow{color:#a6c2d8;font-size:9px}.project-health h2{font-size:23px;letter-spacing:-.5px}.health-intro>p:not(.eyebrow){color:#c1d4e3;font-size:11px;margin-top:9px}.health-status{display:flex;align-items:center;gap:12px;margin-top:15px;font-size:10px;color:#bdcedc}.health-status .badge{background:#2f5270;color:#e2effa;border:1px solid #527793;font-size:9px}.health-progress{display:flex;align-items:center;gap:17px;flex:none}.progress-ring{--progress:50%;background:conic-gradient(#8cc5ff var(--progress),#40617b 0);width:86px;height:86px;border-radius:50%;padding:5px;display:grid;place-items:center}.progress-ring>span{border-radius:50%;background:#214962;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:27px;font-weight:600;letter-spacing:-1px}.progress-ring>span>span{font-size:15px;margin-left:2px;font-weight:400}.health-progress strong{display:block;font-size:13px;font-weight:600}.health-progress>div:last-child>span{display:block;color:#bbd0e2;font-size:10px;margin-top:4px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:21px}.metric{border:1px solid var(--line);border-radius:10px;background:#fff;padding:16px 19px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow)}.metric-icon{width:37px;height:37px;border-radius:9px;background:var(--blue-tint);color:var(--blue-dark);display:grid;place-items:center;flex:none}.metric-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.metric-label{color:var(--muted);font-size:10px}.metric-value{font-size:24px;line-height:1.35;font-weight:600;letter-spacing:-.6px}.metric-detail{color:var(--muted);font-size:9px;margin-top:2px}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:23px;box-shadow:var(--shadow);min-width:0}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.badge{display:inline-flex;align-items:center;justify-content:center;background:#edf2f7;color:#4c6377;font-size:9px;font-weight:600;padding:5px 8px;border-radius:5px;white-space:nowrap}.badge-review{background:var(--amber-bg);color:var(--amber)}.badge-approved{background:var(--green-bg);color:var(--green)}.overview-grid{display:grid;grid-template-columns:minmax(0,1.44fr) minmax(270px,.85fr);gap:21px;align-items:start}.project-card>.muted{font-size:11px;margin-top:9px;max-width:570px}.overview-preview{margin-top:20px}.project-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.project-footer>span{font-size:10px;color:var(--muted)}.overview-aside{display:grid;gap:20px}.checklist-preview{padding:20px}.checklist-preview h2{font-size:17px}.task-mini{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--line);font-size:11px;min-width:0}.task-mini>svg{width:16px;height:16px;fill:none;stroke:var(--blue-dark);stroke-width:1.7;flex:none}.task-mini>.task-state{margin-left:auto;font-size:9px;color:var(--muted);white-space:nowrap;background:#f1f5f9;border-radius:4px;padding:3px 6px}.task-mini .task-state.done{color:var(--green);background:var(--green-bg)}.checklist-footer{display:flex;gap:7px;align-items:center;font-size:9px;color:var(--muted);margin-top:15px}.next-step{position:relative;background:#eef5fd;border-color:#d4e3f4;padding-top:23px}.next-step-icon{display:grid;place-items:center;width:35px;height:35px;background:#fff;border:1px solid #d7e5f5;border-radius:9px;color:var(--blue-dark);margin-bottom:14px}.next-step h2{font-size:21px;line-height:1.35;letter-spacing:-.5px;max-width:260px}.next-step>p:not(.eyebrow){font-size:11px;color:var(--muted);margin-top:10px}.next-step .text-button{margin-top:9px}.latest-activity{margin-top:21px;padding:18px 23px}.latest-activity h2{font-size:17px}.activity-row{display:flex;gap:13px;padding:18px 0;border-bottom:1px solid var(--line);align-items:flex-start}.activity-row:last-child{border-bottom:0;padding-bottom:4px}.activity-symbol{background:var(--blue-tint);width:31px;height:31px;border-radius:8px;flex:none;display:grid;place-items:center;color:var(--blue-dark)}.activity-symbol svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.activity-text{min-width:0;flex:1}.activity-text p{font-size:11px;overflow-wrap:anywhere}.activity-meta{font-size:9px;color:var(--muted);margin-top:3px}.activity-time{font-size:9px;color:var(--muted);white-space:nowrap;padding-top:2px}
.task-controls{margin-top:26px;display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:15px}.task-controls label,.dialog-field label{font-size:11px;font-weight:600;display:block;margin-bottom:7px}.search-field>div{position:relative}.search-field svg{position:absolute;left:13px;top:13px;color:var(--muted)}.search-field input{padding-left:42px}input,select,textarea{border:1px solid #c2d1df;background:#fff;border-radius:7px;width:100%;padding:11px 12px;min-height:44px;font-size:12px}textarea{resize:vertical;min-height:118px}input::placeholder,textarea::placeholder{color:#64788b;opacity:1}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#f4f7fb;border-radius:7px;padding:11px 13px;margin-top:25px;font-size:10px;font-weight:600;color:var(--muted)}.task-list{margin-top:3px}.task-row{display:grid;grid-template-columns:35px minmax(0,1fr) 148px;gap:12px;padding:20px 8px;border-bottom:1px solid var(--line);align-items:center}.task-row:last-child{border-bottom:0}.task-number{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:#f0f4f8;color:#657b8e;font-size:10px;font-weight:600}.task-number.done{background:var(--green-bg);color:var(--green)}.task-number svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.task-row h3{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.task-row p{font-size:10px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.task-row select{font-size:11px}.task-title{display:flex;align-items:center;gap:9px}.empty-state{padding:28px 10px;color:var(--muted);font-size:12px}.empty-state strong{display:block;color:var(--ink);margin-bottom:5px}.empty-state .text-button{margin-top:6px}
.review-grid{display:grid;grid-template-columns:minmax(0,1.52fr) minmax(295px,.8fr);gap:21px;align-items:start}.version-control{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:22px 0 13px;padding:5px;background:#f0f4f8;border:1px solid #e5ebf2;border-radius:9px}.version-control button{border:1px solid transparent;border-radius:6px;background:transparent;min-height:44px;padding:9px 13px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:8px}.version-control button[aria-pressed=true]{background:#fff;border-color:#d2e1f0;color:var(--blue-dark);box-shadow:0 2px 5px rgb(21 59 95 / 4%)}.version-control button span{font-size:9px;font-weight:400;color:var(--muted)}.version-summary{font-size:11px;color:var(--muted);min-height:36px;margin-bottom:15px}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:12px;margin-bottom:12px;color:var(--muted);font-size:10px}.device-control{display:flex;gap:4px}.device-control button{border:1px solid transparent;border-radius:6px;background:#fff;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 10px;font-size:10px}.device-control button[aria-pressed=true]{background:var(--blue-tint);border-color:#d1e3f8;color:var(--blue-dark)}.device-control svg{width:15px;height:15px}.preview-stage{background:#edf1f5;border:1px solid #dfe7ed;padding:12px;border-radius:10px;min-width:0}.review-preview{width:100%;margin:0 auto}.preview-stage[data-size=phone] .review-preview{max-width:310px}.preview-stage[data-size=phone] .mini-hero{grid-template-columns:1fr;padding:28px 23px;gap:22px}.preview-stage[data-size=phone] .mini-art{aspect-ratio:1.3;max-height:230px}.preview-stage[data-size=phone] .mini-hero h3{font-size:36px;max-width:240px}.preview-stage[data-size=phone] .mini-nav{padding:16px}.preview-stage[data-size=phone] .mini-menu{display:none}.preview-stage[data-size=phone] .mini-copy{font-size:10px;max-width:250px}.preview-stage[data-size=phone] .mini-kicker{font-size:8px}.preview-stage[data-size=phone] .mini-cta{font-size:9px}.preview-stage[data-size=phone] .mini-bottom{flex-direction:column;gap:4px}.preview-note{font-size:9px;color:var(--muted);margin-top:13px}.review-aside{display:grid;gap:20px;align-content:start}.approval-card{background:#edf5ff;border-color:#cddff4}.approval-card h2{font-size:22px;margin-bottom:12px}.approval-card>p:not(.eyebrow){font-size:11px;color:#4f6880}.approval-card>.button{width:100%;margin-top:20px}.small-note{font-size:10px;color:var(--muted);margin-top:10px}.approval-card>p.small-note{font-size:9px;margin-top:12px}.feedback-card h2{font-size:17px}.feedback-card .muted{font-size:11px}.feedback-card #feedback-form{margin-top:18px}.feedback-card label{display:block;font-size:11px;font-weight:600;margin-bottom:8px}.feedback-card label span{font-weight:400;color:var(--muted)}.feedback-card .button{width:100%;margin-top:15px}.form-error{font-size:11px;color:#a02d25;margin-top:10px}.feedback-history{margin-top:21px}.feedback-item{border-bottom:1px solid var(--line);padding:20px 0;display:flex;align-items:flex-start;gap:12px}.feedback-item:last-child{border-bottom:0;padding-bottom:4px}.feedback-avatar{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:8px;background:#edf2f8;color:#466480;font-size:11px;font-weight:600}.feedback-message{flex:1;min-width:0}.feedback-message p{overflow-wrap:anywhere;font-size:12px;margin-top:8px;white-space:pre-wrap}.feedback-message strong{font-size:11px}.feedback-message small{font-size:9px;color:var(--muted);margin-left:8px}.feedback-item.resolved .feedback-message p{color:var(--muted)}.feedback-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.feedback-meta .badge{font-size:8px}.resolve-feedback{border:1px solid var(--line);background:#fff;color:var(--blue-dark);min-height:44px;padding:8px 12px;border-radius:6px;font-size:10px;flex:none}.resolve-feedback:hover{background:var(--blue-tint)}.activity-list{margin-top:12px}.activity-list .activity-row{padding:22px 0}.live-status{font-size:11px;color:var(--blue-dark);margin-top:16px;min-height:19px}.app-footer{border-top:1px solid var(--line);margin-top:16px;padding:16px 0;display:flex;justify-content:space-between;align-items:center;gap:15px;color:var(--muted);font-size:9px}.app-footer a{min-height:44px;display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:var(--blue-dark);font-size:10px;font-weight:600}.app-footer .footer-powered{color:var(--muted);font-size:10px}.app-footer a:hover{text-decoration:underline;text-underline-offset:4px}.app-footer svg{width:14px;height:14px}.noscript-note{padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-top:25px}.noscript-note p{margin-top:12px;font-size:13px}.noscript-note a{display:inline-flex;align-items:center;min-height:44px;color:var(--blue-dark)}
.mini-site{overflow:hidden;border-radius:8px;border:1px solid #d6ded4;background:#f5f2e9;position:relative;color:#2d433a}.mini-browser{height:25px;display:flex;align-items:center;gap:4px;background:#fff;border-bottom:1px solid #e1e5df;padding:0 11px}.mini-browser i{width:4px;height:4px;border-radius:50%;background:#b0bdc5}.mini-browser span{margin-left:auto;font-size:7px;color:#5e6d65}.mini-nav{padding:15px 22px;display:flex;justify-content:space-between;align-items:center;font-size:8px;border-bottom:1px solid #dedfd5}.mini-logo{font-size:16px;font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:-.5px}.mini-menu{display:flex;gap:13px;font-size:7px}.mini-hero{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:18px;padding:29px 22px}.mini-hero h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(24px,2.6vw,40px);line-height:1.08;letter-spacing:-1px;color:#293f34}.mini-kicker{font-size:7px;letter-spacing:.8px;text-transform:uppercase;margin-bottom:10px}.mini-copy{font-size:8px;max-width:215px;line-height:1.7;margin:13px 0 15px;color:#495e51}.mini-cta{display:inline-flex;align-items:center;gap:7px;font-size:8px;background:#2d4939;color:#fff;padding:9px 12px}.mini-cta svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:1.4}.mini-art{aspect-ratio:1/1.1;position:relative;overflow:hidden;border-radius:90px 90px 3px 3px;background:#e0e3d2;display:flex;align-items:flex-end;justify-content:center}.mini-art svg{width:100%;height:100%;display:block}.mini-bottom{display:flex;justify-content:space-between;padding:11px 22px;background:#e7e9dd;border-top:1px solid #d9dfd4;font-size:7px;color:#495e51;gap:10px}.mini-site.northstar{background:#f1f5f8;color:#183c54}.northstar .mini-logo{font-family:Hodra,Arial,Helvetica,sans-serif;font-size:13px;letter-spacing:.1px}.northstar .mini-hero h3{font-family:Hodra,Arial,Helvetica,sans-serif;font-weight:600;color:#183c54;font-size:clamp(22px,2.2vw,34px);line-height:1.15;letter-spacing:-1px}.northstar .mini-art{border-radius:40px 40px 8px 8px;background:#d7e9ed}.northstar .mini-cta{background:#184f64}.northstar .mini-bottom{background:#e4eef2;color:#395867}
dialog{width:min(490px,calc(100% - 32px));padding:28px;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 70px rgb(13 36 48 / 24%);color:var(--ink);max-height:calc(100vh - 40px);overflow:auto}dialog::backdrop{background:rgb(10 29 45 / 55%)}dialog h2{font-size:25px;margin:13px 0;line-height:1.3}dialog>p:not(.eyebrow){font-size:12px;color:var(--muted)}dialog>p.small-note{font-size:11px;padding:13px;background:var(--blue-tint);border-radius:8px;margin-top:18px}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.approval-icon{width:43px;height:43px;background:var(--blue-tint);border-radius:11px;display:grid;place-items:center;color:var(--blue-dark)}.approval-icon svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-button{display:grid;place-items:center;width:44px;height:44px;min-height:44px;min-width:44px;border:1px solid var(--line);border-radius:8px;background:#fff}.dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:25px}.dialog-field{margin-top:23px}[hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){.mini-hero h3{font-size:42px}.review-preview .mini-hero h3{font-size:44px}}
@media(max-width:1170px){.app-shell{grid-template-columns:204px minmax(0,1fr)}.sidebar{padding:29px 12px 20px}.brand{font-size:13px;gap:8px;margin-left:4px}.brand-caption{font-size:8px}.topbar{padding:14px 24px}main{padding:27px 24px 0}.overview-grid,.review-grid{grid-template-columns:minmax(0,1fr)}.overview-aside,.review-aside{grid-template-columns:1fr 1fr;align-items:start}.mini-hero h3{font-size:40px}.mini-hero{padding:34px}.mini-art{max-height:260px}.mini-copy{font-size:10px;max-width:265px}.mini-cta{font-size:10px}.intro-action{display:none}.metric{padding:14px;gap:11px}.metric-icon{width:33px;height:33px}.health-progress>div:last-child{display:none}.card-heading{align-items:flex-start}}
@media(max-width:760px){.demo-disclosure{padding:9px 18px;font-size:9px;gap:12px;min-height:60px}.demo-disclosure a{max-width:81px;white-space:normal;line-height:1.5;flex:none}.app-shell{display:block}.sidebar{padding:17px 18px 12px;min-height:0;height:auto;position:static;display:block;border-bottom:1px solid #335067}.brand{margin:0 0 17px;gap:9px;font-size:14px;letter-spacing:.6px}.brand-mark{width:33px;height:34px}.brand-mark svg{width:24px;height:24px}.brand-caption{font-size:9px;margin-top:5px}.workspace-label,.sidebar-guide,.sidebar-bottom{display:none}.app-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.app-nav button{justify-content:center;padding:8px 4px;font-size:10px;gap:6px;min-height:44px;border-radius:6px}.app-nav svg{width:15px;height:15px}.nav-count,.review-indicator{display:none}.topbar{padding:11px 18px;min-height:78px;gap:10px}.project-switch{gap:9px}.project-symbol{width:32px;height:34px;font-size:14px}.project-switch label{font-size:8px}.project-switch select{width:175px;font-size:11px;min-height:44px}.topbar-actions{display:block}.sample-badge{display:none}.button-quiet{font-size:10px;padding:10px 9px;gap:6px}.button-quiet svg{width:14px;height:14px}main{padding:25px 18px 0}.page-intro h1{font-size:29px;letter-spacing:-.9px}.page-intro h1+p{font-size:11px;margin-top:10px}.visit-note{margin-top:13px;margin-bottom:20px;font-size:9px;line-height:1.7;align-items:flex-start}.visit-note .note-dot{margin-top:6px}.project-health{padding:22px 20px;gap:17px;align-items:flex-start;margin-bottom:15px}.project-health h2{font-size:20px}.project-health .eyebrow{font-size:8px}.health-intro>p:not(.eyebrow){font-size:10px}.health-status{gap:9px;flex-wrap:wrap;font-size:9px;margin-top:13px}.health-status .badge{font-size:8px}.health-progress{padding-top:5px}.progress-ring{width:65px;height:65px;padding:4px}.progress-ring>span{font-size:21px}.progress-ring>span>span{font-size:12px}.metrics{gap:8px;margin-bottom:17px}.metric{display:block;padding:13px 10px;box-shadow:none}.metric-icon{display:none}.metric-value{font-size:21px;letter-spacing:-.5px;margin-top:4px}.metric-label{font-size:9px}.metric-detail{font-size:8px;line-height:1.6}.overview-grid,.review-grid{gap:17px}.overview-aside,.review-aside{grid-template-columns:1fr;gap:17px}.card{padding:19px}.card-heading{gap:12px;flex-wrap:wrap;align-items:center}h2{font-size:17px}.badge{font-size:8px;padding:4px 6px}.project-card .card-heading{display:block}.project-card .card-heading>.badge{margin-top:10px}.project-card>.muted{font-size:10px}.overview-preview{margin-top:17px}.mini-nav{padding:13px 14px}.mini-logo{font-size:13px}.mini-menu{gap:9px;font-size:6px}.mini-hero{padding:22px 14px;gap:12px;grid-template-columns:1.08fr .92fr}.mini-hero h3,.northstar .mini-hero h3{font-size:clamp(21px,5.5vw,31px);letter-spacing:-.5px;line-height:1.14}.mini-kicker{font-size:6px;line-height:1.7;letter-spacing:.65px;margin-bottom:8px}.mini-copy{font-size:7px;line-height:1.7;margin:10px 0 12px}.mini-cta{font-size:7px;padding:8px 9px;gap:5px}.mini-cta svg{width:9px;height:9px}.mini-art{max-height:none;min-height:140px;aspect-ratio:1/1.45}.mini-bottom{font-size:6px;padding:9px 14px;gap:8px}.mini-bottom>span:last-child{white-space:nowrap}.project-footer{margin-top:13px;gap:9px}.project-footer>span{font-size:9px;max-width:115px}.project-footer .button{padding:10px 12px;font-size:10px}.project-footer .button svg{width:14px;height:14px}.next-step h2{font-size:21px;max-width:none}.next-step>p:not(.eyebrow){font-size:11px}.task-mini{font-size:11px;padding:15px 0}.task-mini>.task-state{font-size:9px}.latest-activity{padding:19px;margin-top:17px}.activity-row{gap:10px;flex-wrap:wrap}.activity-time{margin-left:41px;padding-top:0;margin-top:-8px}.activity-text p{font-size:11px}.activity-meta{font-size:9px}.task-controls{grid-template-columns:1fr 126px;gap:12px;margin-top:21px}.task-controls label{font-size:10px}input,select,textarea{font-size:12px}.tasks-card>.card-heading{display:block}.tasks-card>.card-heading>.button{margin-top:15px}.list-heading{margin-top:21px;font-size:9px;padding:10px}.task-row{grid-template-columns:27px minmax(0,1fr);gap:10px;padding:19px 0;align-items:start}.task-number{width:25px;height:26px}.task-row>div:last-child{grid-column:2;max-width:155px;margin-top:3px}.task-row h3{font-size:12px}.task-row p{font-size:10px}.task-row select{font-size:11px}.version-control{margin-top:19px}.version-control button{padding:9px 8px;display:block;font-size:10px;text-align:left}.version-control button span{display:block;font-size:9px;margin-top:2px}.version-summary{font-size:10px;min-height:0}.preview-toolbar>span{font-size:9px}.device-control button{padding:7px 8px;font-size:9px;gap:5px}.device-control svg{width:14px;height:14px}.preview-stage{padding:8px}.preview-note{font-size:9px}.review-preview .mini-hero{padding:23px 13px;gap:10px}.review-preview .mini-menu{display:none}.preview-stage[data-size=phone] .mini-hero{padding:25px 20px}.preview-stage[data-size=phone] .mini-hero h3{font-size:33px}.preview-stage[data-size=phone] .mini-art{min-height:0}.review-aside .approval-card .button,.feedback-card .button{font-size:11px}.approval-card h2{font-size:22px}.feedback-history{margin-top:17px}.feedback-item{gap:10px;flex-wrap:wrap}.feedback-message{width:calc(100% - 41px);flex:initial}.feedback-message p{font-size:11px}.feedback-message small{margin-left:0;display:block;line-height:1.7}.resolve-feedback{margin-left:41px;font-size:10px}.app-footer{flex-wrap:wrap;gap:4px 15px;justify-content:space-between;padding-top:12px}.app-footer>span{width:100%;order:3;font-size:8px;margin-bottom:9px}.app-footer a{font-size:9px}.app-footer .footer-powered{font-size:9px}.live-status{font-size:10px}dialog{padding:22px}dialog h2{font-size:23px}.dialog-actions{display:grid;grid-template-columns:1fr}.dialog-actions .button{width:100%}}
@media(max-width:365px){.demo-disclosure{padding:9px 14px}.sidebar{padding-left:14px;padding-right:14px}.app-nav button{display:grid;justify-items:center;gap:3px;font-size:9px;padding:7px 3px;min-height:52px}.topbar{padding:10px 14px}.project-symbol{display:none}.project-switch select{width:174px}.button-quiet{padding:10px 9px}main{padding-left:14px;padding-right:14px}.project-health{padding:19px 16px}.project-health h2{font-size:18px}.health-progress{padding-top:8px}.progress-ring{width:56px;height:56px}.progress-ring>span{font-size:19px}.metric{padding:12px 8px}.metric-label{font-size:8px}.metric-detail{font-size:8px}.card{padding:17px}.task-controls{grid-template-columns:1fr}.mini-hero{grid-template-columns:1fr}.overview-preview .mini-art{display:none}.mini-menu{display:none}.mini-hero h3{font-size:31px}.mini-copy{font-size:9px;max-width:220px}.mini-kicker{font-size:7px}.mini-cta{font-size:9px}.mini-bottom{flex-direction:column;font-size:7px;gap:3px}.review-preview .mini-hero{grid-template-columns:1fr;padding:23px 16px;gap:20px}.review-preview .mini-art{min-height:0;aspect-ratio:1.3}.review-preview .mini-hero h3{font-size:30px}.preview-toolbar{display:block}.device-control{margin-top:7px}.version-control button span{font-size:8px}.project-footer>span{max-width:85px}.feedback-card .card-heading .badge{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.no-js .app-nav,.no-js .sidebar-guide,.no-js .topbar-actions,.no-js .intro-action,.no-js .metrics,.no-js .overview-grid,.no-js .latest-activity,.no-js .live-status,.no-js .project-switch select{display:none}.no-js .project-switch>div::after{content:"Fieldwork Studio";display:block;font-weight:600;font-size:13px}.no-js .sidebar-bottom{margin-top:auto}

.sidebar-brand-row{margin-bottom:43px}.sidebar-brand-row .brand{margin-bottom:0}.mobile-powered{display:none}
@media(max-width:760px){.sidebar-brand-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.sidebar-brand-row .brand{margin-bottom:0}.mobile-powered{display:grid;justify-items:end;gap:3px;color:#bad0e2;text-decoration:none;font-size:8px;line-height:1.5;min-height:44px;padding:6px 0;flex:none}.mobile-powered img{width:72px;height:auto}}
@media(max-width:365px){.sidebar-brand-row{gap:8px}.sidebar-brand-row .brand{font-size:12px;gap:8px}.brand-caption{font-size:8px}.mobile-powered{font-size:7px}.mobile-powered img{width:65px}}
