:root{
  --navy:#15283f;
  --navy-2:#213a58;
  --ink:#1a2d44;
  --muted:#6b788a;
  --line:#e1e7ee;
  --bg:#f5f7fa;
  --blue:#315fc4;
  --blue-soft:#edf2fb;
  --lime:#c2ef83;
  --green:#5d9470;
  --amber:#b37b21;
  --radius:16px;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);
  background:var(--bg);
  font-size:16px;
  scroll-behavior:smooth;
  scroll-padding-top:100px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg)}
button,input,select{font:inherit}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.68}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin:0}
h1,h2,h3,.brand{font-family:Manrope,Inter,ui-sans-serif,sans-serif}
.icon{width:20px;height:20px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
[data-icon]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.skip{position:fixed;left:12px;top:-60px;background:#fff;color:#111;padding:10px 14px;border-radius:8px;z-index:100}
.skip:focus{top:12px}

.header{height:88px;padding:0 max(32px,calc((100vw - 1480px)/2));background:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:10px;font-size:1.33rem;font-weight:800;letter-spacing:-.045em;white-space:nowrap}
.brand-mark{width:39px;height:42px;border-radius:11px;background:var(--navy);color:var(--lime);transform:rotate(-4deg)}
.brand-mark svg{width:25px;height:25px;stroke-width:2.4}
.brand-name{margin-left:1px}
.brand-for{font-size:0.78rem;color:#8a96a5;font-family:Inter,sans-serif;font-weight:600;letter-spacing:0;margin:0 1px}
.servicetitan-wordmark{display:inline-flex;align-items:center;gap:7px;color:#1262bd;font-size:0.94rem;letter-spacing:-.025em;font-weight:800}
.st-mini-logo,.service-logo{display:grid;place-items:center;background:#1167c8;color:#fff;font-weight:850;letter-spacing:-.08em;border-radius:7px;font-family:Inter,sans-serif}
.st-mini-logo{width:29px;height:29px;font-size:0.75rem}
.header nav{display:flex;height:100%;gap:35px;align-items:center;font-size:0.9rem;color:var(--muted)}
.header nav a{height:100%;display:flex;align-items:center;position:relative}
.header nav a.active{color:var(--ink);font-weight:650}
.header nav a.active:after{content:"";height:3px;background:var(--ink);position:absolute;bottom:0;left:0;right:0;border-radius:3px 3px 0 0}
.workspace{display:flex;align-items:center;gap:10px}
.workspace-logo{display:grid;place-items:center;background:#fff0e9;color:#bc5734;border:1px solid #f5d8c9;width:35px;height:35px;font-size:0.85rem;font-weight:750;border-radius:9px}
.workspace strong{display:block;font-size:0.88rem}
.workspace div>span{font-size:0.75rem;color:var(--muted)}
.avatar{width:36px;height:36px;border-radius:50%;background:#e7edf3;display:grid;place-items:center;color:#425970;margin-left:18px;font-size:0.85rem;font-weight:650}

main{max-width:1480px;padding:38px 32px 0;margin:auto}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}
h1{font-size:2.2rem;font-weight:800;letter-spacing:-.055em;line-height:1.2}
.title-dot{color:#83b545}
.page-heading p{font-size:0.95rem;color:var(--muted);margin-top:9px}
.demo-tag{border:1px solid #d5dde6;background:#fff;display:flex;gap:8px;align-items:center;border-radius:30px;padding:8px 12px;font-size:0.8rem;font-weight:600;color:#64758a;white-space:nowrap}
.demo-tag svg{width:16px}

.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:30px}
.stat{display:flex;align-items:center;gap:14px;border:1px solid var(--line);background:#fff;box-shadow:0 2px 3px rgba(20,37,59,.02);border-radius:12px;padding:20px 22px;text-align:left;color:var(--ink);position:relative;width:100%}
.stat-icon{width:44px;height:44px;border-radius:12px}
.blue{background:#edf2ff;color:#5b77bc}.green{background:#eaf5eb;color:#5e9471}.amber{background:#fff3dd;color:#b07c21}
.stat div>span{font-size:0.85rem;color:var(--muted);display:block}
.stat strong{display:block;font-size:1.8rem;line-height:1.1;margin-top:6px;font-weight:750;letter-spacing:-.04em}
.stat-meta{font-size:0.75rem;margin-left:auto;align-self:flex-end;color:#8993a1;padding-bottom:3px}
.review-stat:hover{border-color:#d7b878;background:#fffdf8}

.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px}
.left-column{min-width:0}
.right-column{display:flex;flex-direction:column;gap:22px}
.section-heading{display:flex;justify-content:space-between;align-items:end;margin:0 0 15px}
.section-heading h2{font-size:1.15rem;font-weight:760;letter-spacing:-.025em}
.section-heading span{display:block;color:#84909e;font-size:0.78rem;margin-top:5px}
.intake-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 2px 4px rgba(23,43,65,.02);overflow:hidden}
.intake-card{padding:22px;display:flex;flex-direction:column;min-height:390px}
.upload-card{background:#fff}
.automation-source-card{background:#fbfcfe}
.option-heading{display:flex;align-items:center;gap:8px;margin-bottom:18px;min-height:26px;flex-wrap:wrap}
.number{display:grid;place-items:center;width:26px;height:26px;border:1px solid #cdd7e6;border-radius:7px;font-size:0.75rem;font-weight:650;background:#fff;color:#647896}
.small-label{font-size:0.75rem;letter-spacing:.075em;font-weight:800;color:#708097}
.source-badge{margin-left:auto;border-radius:20px;padding:4px 7px;font-size:0.75rem;font-weight:700;white-space:nowrap}
.source-badge.live{background:#e8f6ec;color:#4d8160}.source-badge.planned{background:#edf2fb;color:#5c75a1}
h3{font-size:1.18rem;font-weight:760;letter-spacing:-.028em;line-height:1.3}
.intake-card>p{font-size:0.86rem;color:var(--muted);line-height:1.6;margin-top:10px}
.dropzone{margin-top:auto;border:1.5px dashed #c8d3e1;border-radius:11px;background:#f9fbfd;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:18px 9px;gap:5px;position:relative;cursor:pointer;transition:.2s;min-height:150px}
.dropzone:hover,.dropzone.dragging,.dropzone:focus-within{background:#eff4ff;border-color:#7293d8}
.dropzone input{opacity:0;width:1px;height:1px;position:absolute}
.dropzone strong{font-size:0.8rem;font-weight:550}.dropzone u{color:var(--blue);text-decoration:none;font-weight:700}.dropzone>span:not(.upload-symbol){color:#8a95a3;font-size:0.75rem}
.upload-symbol{color:#6f89ae;margin-bottom:4px}.upload-symbol svg{width:27px;height:27px}
.source-icon{width:52px;height:52px;border-radius:14px;margin:4px 0 20px}
.source-icon svg{width:25px;height:25px}
.email-source{background:#edf2ff;color:#5676ba}.pending-source{background:#eff6eb;color:#688f58}
.toggle-row{margin-top:auto;border-top:1px solid #e8edf3;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.toggle-row strong{display:block;font-size:0.8rem;font-weight:700}.toggle-row div>span{display:block;color:#8793a3;font-size:0.75rem;margin-top:4px}
.switch{position:relative;display:inline-flex;width:45px;height:25px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;background:#cbd3dd;border-radius:999px;transition:.2s}.slider:before{content:"";position:absolute;width:19px;height:19px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(30,46,64,.22);transition:.2s}.switch input:checked+.slider{background:#6e9e38}.switch input:checked+.slider:before{transform:translateX(20px)}.switch input:focus-visible+.slider{outline:3px solid #8db0f4;outline-offset:2px}

.run-card{background:var(--navy);color:#fff;border-radius:var(--radius);padding:25px;position:relative;overflow:hidden}
.run-card:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.025);right:-72px;top:-78px;pointer-events:none}
.run-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;position:relative;z-index:1}.run-symbol{color:var(--lime)}.run-symbol svg{width:28px;height:28px}
.badge{display:inline-flex;border-radius:5px;padding:3px 7px;font-size:0.75rem;font-weight:600;white-space:nowrap;line-height:1.5}.neutral{background:#f0f3f7;color:#738196}.dark-badge{background:rgba(255,255,255,.05);color:#afc0d2;border:1px solid rgba(255,255,255,.09);font-size:0.75rem;letter-spacing:.08em}
.run-card h2{font-size:1.53rem;line-height:1.25;letter-spacing:-.045em}.run-card>p{font-size:0.86rem;color:#aebed0;line-height:1.6;margin-top:11px}
.segmented{display:grid;grid-template-columns:1fr 1fr;background:#0e2036;border:1px solid rgba(255,255,255,.07);padding:4px;border-radius:9px;margin:22px 0 18px;gap:4px}
.segmented button{border:0;background:transparent;color:#91a4ba;border-radius:6px;min-height:39px;font-size:0.77rem;font-weight:650;display:flex;align-items:center;justify-content:center;gap:6px}.segmented button[aria-selected="true"]{background:#fff;color:var(--navy);box-shadow:0 2px 8px rgba(0,0,0,.12)}.segmented svg{width:15px;height:15px}
.field-label{display:block;color:#c6d1de;font-size:0.75rem;font-weight:650;margin-bottom:7px}.time-row{display:grid;grid-template-columns:110px 1fr;gap:8px}.time-row input,.time-row select{width:100%;background:#fff;border:0;border-radius:7px;padding:9px 10px;color:#25384f;font-size:0.78rem}.schedule-caption{font-size:0.75rem!important;color:#849bb2!important;margin:7px 0 0!important}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;border:1px solid transparent;border-radius:8px;font-size:0.875rem;font-weight:650;line-height:1.3;padding:10px 16px;transition:background .16s,box-shadow .16s,transform .16s}.btn:hover{transform:translateY(-1px);box-shadow:0 3px 8px rgba(17,46,69,.1)}.btn .icon{width:17px;height:17px}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:#273e58}.btn-outline{border-color:#d9e1e9;color:#41536a;background:#fff}.btn-outline:hover{background:#f5f8fc}.full{width:100%}.btn-lime{background:var(--lime);color:#17304a;width:100%;margin-top:18px}.btn-lime:hover{background:#cbf593}
.progress-track{height:5px;background:rgba(255,255,255,.1);border-radius:99px;overflow:hidden;margin-top:17px}.progress-track div{height:100%;width:0;background:var(--lime);transition:width .3s}.run-card #progressText{font-size:0.75rem;color:#a8bbcd;margin-top:7px;line-height:1.4}

.connection-card,.drive-card{padding:22px}.integration-heading{display:flex;align-items:center;gap:11px}.integration-heading>div{min-width:0;flex:1}.integration-heading h2{font-size:1rem;font-weight:760;letter-spacing:-.025em}.integration-heading div>span{font-size:0.75rem;color:#8894a3;display:block;margin-top:3px}.service-logo{width:38px;height:38px;border-radius:9px;font-size:0.76rem}.drive-logo{width:38px;height:38px;border-radius:9px;background:#f4f2ff;color:#766bb4}.drive-logo svg{width:20px;height:20px}.connection-card>p,.drive-card>p{font-size:0.79rem;line-height:1.55;color:var(--muted);margin-top:17px}.connection-details{display:grid;grid-template-columns:1fr;gap:10px;margin:18px 0}.connection-details div{border:1px solid #e7ebf0;background:#fafbfd;border-radius:8px;padding:10px 11px}.connection-details span{display:block;font-size:0.75rem;color:#8a95a4}.connection-details strong{display:block;font-size:0.77rem;margin-top:4px;overflow-wrap:anywhere}.quiet-note{display:flex;gap:6px;align-items:flex-start;color:#8a96a5;font-size:0.75rem;line-height:1.4;margin-top:12px}.quiet-note svg{width:13px;height:13px;margin-top:1px}.folder-path{display:flex;align-items:center;gap:7px;background:#f6f8fb;border:1px solid #e5eaf0;border-radius:8px;padding:11px;margin-top:17px;color:#566b84;font-size:0.76rem;overflow-wrap:anywhere}.folder-path svg{width:15px;height:15px}.icon-btn{border:0;background:transparent;color:#7c899b;min-width:32px;min-height:32px;padding:6px;border-radius:6px;display:grid;place-items:center}.icon-btn:hover{background:#f1f4f8;color:#263c56}.icon-btn svg{width:17px;height:17px}

footer{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:46px;padding:25px 10px 30px;color:#8390a0;font-size:0.75rem}.footer-brand{display:flex;align-items:center;gap:6px;color:#334a64;font-weight:800}.footer-brand svg{width:15px;color:#7ca348}

dialog{border:0;border-radius:16px;padding:0;width:min(530px,calc(100vw - 28px));box-shadow:0 24px 90px rgba(15,31,49,.24);color:var(--ink)}dialog::backdrop{background:rgba(17,31,49,.52);backdrop-filter:blur(2px)}dialog form{margin:0}.dialog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px;border-bottom:1px solid #e7ebf0}.dialog-header h2{font-size:1.3rem}.eyebrow{font-size:0.75rem;letter-spacing:.11em;color:#7e8c9d;font-weight:800;margin-bottom:6px}.dialog-body{padding:23px 24px}.form-intro,.form-note{font-size:0.78rem;color:var(--muted);line-height:1.55}.form-label{display:block;font-size:0.75rem;color:#5f6f82;font-weight:650;margin-top:15px}.form-label input{display:block;width:100%;border:1px solid #dce3ea;border-radius:8px;padding:10px 11px;margin-top:6px;color:#293e56;background:#fff}.info-box{display:flex;gap:8px;background:#edf3fb;color:#526a85;border-radius:8px;padding:11px;margin-top:17px;font-size:0.75rem;line-height:1.45}.info-box svg{width:16px;height:16px;margin-top:1px}.dialog-footer{display:flex;justify-content:flex-end;gap:9px;padding:17px 24px;background:#fafbfd;border-top:1px solid #e7ebf0}
.toast{position:fixed;right:22px;bottom:22px;z-index:50;background:#1c3047;color:#fff;border-radius:10px;padding:12px 14px;box-shadow:0 12px 35px rgba(13,30,50,.25);display:flex;align-items:flex-start;gap:8px;max-width:390px;font-size:0.78rem;line-height:1.45}.toast[hidden]{display:none}.toast svg{width:17px;color:var(--lime);margin-top:1px}

@media (max-width:1180px){
  .header{padding:0 24px}.header nav{display:none}.brand{font-size:1.18rem}.main-grid{grid-template-columns:minmax(0,1fr) 320px}.intake-grid{grid-template-columns:1fr 1fr}.upload-card{grid-column:1/-1;min-height:315px}.upload-card .dropzone{min-height:125px;margin-top:20px}.automation-source-card{min-height:345px}
}
@media (max-width:900px){
  .header{height:76px}.workspace div,.avatar{display:none}.brand-for{display:none}.main-grid{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr;align-items:start}.run-card{grid-column:1/-1}.stats{grid-template-columns:1fr}.stat{padding:17px 18px}.stat-meta{align-self:center}.intake-grid{grid-template-columns:1fr 1fr}.upload-card{grid-column:1/-1}
}
@media (max-width:640px){
  .header{padding:0 16px}.workspace-logo{display:none}.brand{gap:7px;font-size:1.05rem}.brand-mark{width:34px;height:36px}.brand-name{white-space:nowrap}.servicetitan-wordmark>span:last-child{display:none}.st-mini-logo{width:31px;height:31px}.brand-for{display:inline;font-size:0.75rem}main{padding:26px 16px 0}.page-heading{align-items:flex-start}.page-heading h1{font-size:1.82rem}.demo-tag{font-size:0.75rem;padding:7px 9px}.stats{gap:10px;margin-bottom:24px}.stat strong{font-size:1.6rem}.stat-meta{max-width:100px;text-align:right}.intake-grid{grid-template-columns:1fr}.upload-card{grid-column:auto}.intake-card{min-height:auto}.automation-source-card{min-height:330px}.right-column{display:flex}.section-heading{align-items:flex-start}.section-heading h2{font-size:1.08rem}.source-badge{margin-left:0}.run-card,.connection-card,.drive-card{padding:20px}.time-row{grid-template-columns:1fr}.toast{left:16px;right:16px;bottom:16px;max-width:none}footer{gap:8px 14px;margin-top:35px}}

/* PO Boost layout: intake and execution above, connections together below. */
.servicetitan-brand-logo{width:100px;height:68px;flex-shrink:0;display:block}
.brand-for{font-size:.875rem;color:#657386}
.main-grid{align-items:start}
.connections-row{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.connections-row>.card{min-width:0;padding:26px}
.connection-details{grid-template-columns:1fr 1fr}
.connection-card .full{width:auto;min-width:260px}
.drive-card .folder-path{margin-top:27px;padding:18px;font-size:.95rem}
.intake-card>p,.run-card>p,.connection-card>p,.drive-card>p,.form-intro{font-size:1rem}
.stat div>span,.toggle-row strong,.segmented button,.field-label,.form-label,.connection-details strong,.connection-details span{font-size:.875rem}
.small-label{font-size:.75rem;letter-spacing:.03em}
.intake-card{min-height:430px;padding:22px;gap:0}
.upload-card .dropzone{margin-top:24px;flex:1}
.toggle-row{padding-top:20px;margin-top:24px}
.automation-source-card .toggle-row{margin-top:auto}
.automation-source-card>p{margin-bottom:24px}
.source-badge{margin-left:0}
.dropzone strong{font-size:.875rem}
:focus-visible{outline:3px solid #628fdf;outline-offset:4px}
.switch input{width:100%;height:100%;position:absolute;inset:0;margin:0;z-index:1;cursor:pointer}
.switch input:disabled{cursor:wait}
.switch:has(input:disabled){opacity:.6}
.source-icon{margin-bottom:16px}
#dailyPanel{margin-bottom:16px}
.run-card .btn-lime{margin-top:2px}
[hidden]{display:none!important}
dialog{max-height:90vh;overflow-y:auto}
@media(max-width:1180px){.intake-grid{grid-template-columns:1fr 1fr}.upload-card{min-height:270px}.intake-card{padding:22px}.upload-card .dropzone{flex:none}.automation-source-card{min-height:385px}.stat-meta{display:none}}
@media(max-width:900px){.right-column{display:block}.connections-row{grid-template-columns:1fr 1fr}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{gap:9px;padding:16px 12px}.stat-icon{width:33px;height:33px}.stat div>span{font-size:.8rem}.brand-for{display:inline}.connection-details{grid-template-columns:1fr}.connection-card .full{width:100%;min-width:0}}
@media(max-width:640px){.header{height:80px}.servicetitan-brand-logo{width:77px;height:56px}.brand{gap:8px;font-size:1.12rem}.brand-for{font-size:.75rem}.brand-mark{width:31px;height:34px}.intake-grid,.connections-row{grid-template-columns:1fr}.connections-row{gap:20px}.intake-card{min-height:0}.automation-source-card .toggle-row{margin-top:24px}.automation-source-card>p{margin-bottom:0}.stat{display:block}.stat-icon{margin-bottom:9px}.stat div>span{font-size:.8rem}.stat strong{font-size:1.6rem}.page-heading{flex-wrap:wrap;gap:14px}.page-heading p{font-size:1rem;line-height:1.5}.source-badge{margin-left:auto}.connection-details{grid-template-columns:1fr 1fr}.connections-row>.card{padding:22px}.connection-card .full{width:100%;min-width:0}.time-row{grid-template-columns:110px minmax(0,1fr)}.time-row input,.time-row select{min-width:0}.toast{font-size:.875rem}.brand .brand-for{display:inline}}
@media(max-width:380px){.connection-details{grid-template-columns:1fr}.small-label{letter-spacing:0}.header{padding:0 12px}.source-badge{margin-left:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}