:root{--ink:#172033;--muted:#657084;--paper:#f6f2e8;--card:#fff;--line:#d8dee6;--green:#1a2f4a;--mint:#e1e8ef;--gold:#e0ad2f;--danger:#a64040;--shadow:0 18px 50px rgba(11,23,42,.09);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}.loading{padding:4rem;text-align:center;color:var(--muted)}
.shell{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr)}.rail{background:#0b172a;color:#fff;padding:26px 18px;position:fixed;inset:0 auto 0 0;width:240px;z-index:2}.brand{font-family:Georgia,serif;font-size:26px;letter-spacing:-.5px;margin:0 10px 38px}.brand span{color:#9db5ce}.nav button{display:block;width:100%;text-align:left;border:0;background:transparent;color:#cbd7e4;padding:12px;border-radius:10px;margin:3px 0;cursor:pointer}.nav button:hover,.nav button.active{background:#1a2f4a;color:#fff}.rail>.user{position:absolute;bottom:24px;left:28px;font-size:13px;color:#9fb1c5}.main{grid-column:2;padding:34px clamp(24px,3vw,56px);max-width:none;width:100%;min-width:0}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--green);font-weight:700;font-size:11px}.hero h1{font-family:Georgia,serif;font-size:42px;margin:7px 0 8px;line-height:1.05}.hero p{color:var(--muted);max-width:680px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.btn{border:1px solid var(--line);background:#fff;padding:10px 15px;border-radius:9px;cursor:pointer;color:var(--ink)}.btn.primary{background:var(--green);border-color:var(--green);color:white}.btn.gold{background:var(--gold);border-color:var(--gold);color:white}.btn.danger{color:var(--danger)}.btn:disabled{opacity:.45;cursor:not-allowed}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:14px;margin:26px 0}.metric,.card{background:var(--card);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.metric{padding:21px}.metric strong{font-family:Georgia,serif;font-size:32px;display:block}.metric span{color:var(--muted);font-size:13px}.card{padding:22px;margin:14px 0}.card h2,.card h3{margin-top:0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.list-row{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);gap:16px}.list-row:last-child{border:0}.list-row p{margin:3px 0;color:var(--muted);font-size:14px}.badge{display:inline-block;padding:5px 9px;border-radius:99px;background:var(--mint);color:var(--green);font-size:11px;font-weight:700;text-transform:uppercase}.badge.draft{background:#f3ead7;color:#795d26}
.opportunity-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center}.opportunity-copy{min-width:0}.opportunity-actions{display:grid;grid-template-columns:90px 220px 72px;gap:10px;align-items:center}.opportunity-actions .badge{justify-self:end}.opportunity-actions .btn{width:100%;white-space:nowrap}.opportunity-actions [data-test-opp]{grid-column:2}.opportunity-actions [data-opp]{grid-column:3}
.project-filters{display:grid;grid-template-columns:minmax(0,2fr) minmax(140px,1fr) auto;gap:16px;align-items:end}.project-filters label{min-width:0;margin:0}.project-filters input,.project-filters select{min-width:0;width:100%}.project-filters .btn{min-height:44px}.project-results .opportunity-copy{overflow-wrap:anywhere}
@media(max-width:600px){.project-filters{grid-template-columns:minmax(0,1fr)}.project-results .opportunity-actions{grid-template-columns:minmax(0,1fr)}.project-results .opportunity-actions [data-test-opp],.project-results .opportunity-actions [data-opp]{grid-column:1}.project-results .opportunity-actions .btn{white-space:normal}}
@media(max-width:1050px){.opportunity-row{grid-template-columns:1fr}.opportunity-actions{grid-template-columns:90px minmax(190px,220px) 72px;justify-content:end}}
@media(max-width:600px){.opportunity-actions{grid-template-columns:1fr 1fr}.opportunity-actions .badge{grid-column:1/-1;justify-self:start}.opportunity-actions [data-test-opp],.opportunity-actions [data-opp]{grid-column:auto}}
.crm-search{min-width:min(440px,100%);padding:11px 13px;border:1px solid var(--line);border-radius:8px}.crm-head,.crm-row{display:grid;grid-template-columns:55px minmax(180px,1.2fr) minmax(130px,.7fr) minmax(200px,1fr) auto;gap:16px;align-items:center}.crm-head{padding:0 0 10px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.crm-row{padding:15px 0;border-top:1px solid var(--line)}.crm-row small{display:block;color:var(--muted);margin-top:4px}.fit-score{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:var(--mint);color:var(--green);font-size:18px}
.call-list-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.call-list-title h2{margin-bottom:5px}.call-list-title p{margin:0;color:var(--muted)}.call-head,.call-row{display:grid;grid-template-columns:minmax(150px,.85fr) minmax(190px,1fr) minmax(180px,1fr) minmax(130px,.7fr) auto;gap:16px;align-items:center}.call-head{margin-top:20px;padding-bottom:10px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.call-row{padding:13px 0;border-top:1px solid var(--line)}.call-row span{color:var(--muted);font-size:13px}.call-row a{font-weight:700;color:var(--green);text-decoration:none}.call-row a:hover{text-decoration:underline}
@media(max-width:800px){.crm-head{display:none}.crm-row{grid-template-columns:48px 1fr auto}.crm-row>span,.crm-row>div:nth-of-type(2){grid-column:2}.crm-row>button{grid-column:3;grid-row:1}.crm-table{padding:16px}}
@media(max-width:800px){.call-head{display:none}.call-row{grid-template-columns:1fr auto}.call-row>span,.call-row>a{grid-column:1}.call-row>button{grid-column:2;grid-row:1}.call-list-title{align-items:flex-start;flex-direction:column}}
.form{display:grid;gap:12px}.form.two{grid-template-columns:1fr 1fr}.form label{display:grid;gap:6px;font-size:12px;font-weight:700;color:var(--muted)}input,textarea,select{width:100%;padding:11px 12px;border:1px solid #cdd5de;border-radius:8px;background:#fff;color:var(--ink)}textarea{min-height:100px;resize:vertical}.modal{position:fixed;inset:0;background:rgba(7,16,30,.62);display:grid;place-items:center;padding:20px;z-index:10}.modal-box{background:var(--paper);border-radius:17px;padding:25px;width:min(680px,100%);max-height:90vh;overflow:auto}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head button{border:0;background:none;font-size:24px;cursor:pointer}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow:auto}.tabs button{border:0;background:none;padding:12px 14px;white-space:nowrap;color:var(--muted);cursor:pointer}.tabs button.active{color:var(--green);border-bottom:2px solid var(--gold)}.empty{padding:35px;text-align:center;color:var(--muted);border:1px dashed #b9c4d0;border-radius:12px}.chat{max-width:760px;margin:auto;padding-bottom:60px}.notice{background:#fff5df;border-left:4px solid var(--gold);padding:15px;border-radius:7px;margin:15px 0}.bubble{padding:17px 19px;border-radius:17px;margin:13px 0;line-height:1.5}.bubble.assistant{background:#fff;border:1px solid var(--line);border-bottom-left-radius:4px}.bubble.user{background:var(--green);color:#fff;margin-left:15%;border-bottom-right-radius:4px}.draft-status{font-size:12px;color:var(--muted);margin:8px 0 12px}.thinking{display:flex;align-items:center;gap:10px;color:var(--green);font-weight:700;padding:16px 2px}.thinking:before{content:"";width:16px;height:16px;border:2px solid var(--mint);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.history-toggle{display:block;margin:14px auto}.progress{font-size:12px;color:var(--muted);margin-bottom:8px}.markdown{line-height:1.68;color:#273247;max-width:1050px}.markdown h1,.markdown h2,.markdown h3,.markdown h4{font-family:Georgia,serif;color:var(--ink);line-height:1.16}.markdown h1{font-size:34px;margin:30px 0 18px}.markdown h2{font-size:25px;margin:38px 0 14px;padding-top:18px;border-top:1px solid var(--line)}.markdown h3{font-size:19px;margin:27px 0 10px}.markdown h4{font-size:16px;margin:22px 0 8px}.markdown p{margin:10px 0 16px}.markdown ul,.markdown ol{padding-left:25px;margin:8px 0 18px}.markdown li{margin:6px 0}.markdown blockquote{margin:18px 0;padding:12px 18px;border-left:4px solid var(--gold);background:#fff5df}.markdown code{font:13px ui-monospace,SFMono-Regular,Menlo,monospace;background:#edf1f5;padding:2px 5px;border-radius:4px}.markdown pre{background:#0b172a;color:#e7edf4;padding:18px;overflow:auto;border-radius:8px}.markdown pre code{background:none;color:inherit;padding:0}.markdown hr{border:0;border-top:1px solid var(--line);margin:30px 0}.table-wrap{overflow-x:auto;margin:18px 0 25px}.markdown table{border-collapse:collapse;width:100%;font-size:14px}.markdown th,.markdown td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}.markdown th{background:#e9eef3;color:var(--ink)}.deliverable>.markdown{margin-top:22px}.concept{border-left:4px solid var(--gold)}#toast{position:fixed;bottom:22px;right:22px;max-width:min(420px,calc(100vw - 32px));background:#0b172a;color:#fff;padding:13px 18px;border-radius:9px;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s;z-index:20}#toast.show{opacity:1;transform:none}.badge.scripted{background:#fff0d6;color:#8a5a00;border:1px solid #e3b25c}.requirement{padding:14px 18px;margin:10px 0}.requirement-statement{margin:8px 0;font-size:16px;line-height:1.45}.requirement-head{display:flex;gap:8px}.requirement-group{margin:22px 0 4px}.requirement details{margin:6px 0 10px;color:var(--muted)}.reaction{margin:10px 0 4px}.reaction-note{display:grid;gap:6px;margin:12px 0}.reaction-note textarea{width:100%}.block-gap{display:block !important;margin-top:8px !important}.muted-sm{color:var(--muted) !important;font-size:13px !important}.muted-xs{color:var(--muted) !important;font-size:12px !important}.muted-text{color:var(--muted) !important}.muted-lead{color:var(--muted) !important;margin-top:0 !important}.pre-wrap{white-space:pre-wrap !important}.pre-wrap-any{white-space:pre-wrap !important;overflow-wrap:anywhere !important}.field-label{display:grid !important;gap:7px !important;font-size:12px !important;font-weight:700 !important;color:var(--muted) !important}.eyebrow-gold{color:#e0ad2f !important}.reset-width{width:auto !important;margin:0 !important}.wide-action{width:100% !important;padding:16px !important;font-weight:700 !important}.video-asset{width:100% !important;max-width:820px !important;border-radius:10px !important}.no-margin{margin:0 !important}.mt-25{margin-top:25px !important}.mt-12{margin-top:12px !important}.mt-neg-4{margin-top:-4px !important}.toolbar-center{justify-content:center !important}.serif-title{font-family:Georgia,serif !important}.row-gap{display:flex !important;align-items:center !important;gap:10px !important}.modal-box:focus{outline:none}.confirm-dialog .modal-box{max-width:460px}.confirm-message{margin:6px 0 16px;line-height:1.5}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}#problem{position:fixed;bottom:22px;right:22px;max-width:min(460px,calc(100vw - 32px));background:#fff;color:var(--ink);border:1px solid #d9a0a0;border-left:5px solid #b3261e;padding:15px 18px;border-radius:9px;box-shadow:0 8px 24px rgba(11,23,42,.18);z-index:21}#problem strong{display:block;margin-bottom:4px}#problem p{margin:0 0 12px;line-height:1.45}#problem div{display:flex;gap:8px;flex-wrap:wrap}
.button-spinner{display:inline-block;width:13px;height:13px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;vertical-align:-2px;margin-right:7px}.concept-frames{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px;margin:24px 0}.wireframe{border:1px solid #cbd4de;background:#f7f8f6;box-shadow:0 12px 30px rgba(11,23,42,.09);min-width:0}.wireframe>header{height:38px;background:#0b172a;color:#fff;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;padding:0 11px;font-size:10px}.wireframe>header>div{display:flex;gap:4px}.wireframe>header span{width:6px;height:6px;background:#76889c;border-radius:50%}.wireframe>header span:last-child{background:var(--gold)}.wireframe>header strong{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wireframe>header small{text-align:right;color:#a9b8c8}.wireframe-body{display:grid;grid-template-columns:82px 1fr;min-height:280px}.wireframe-body aside{background:#e9edf1;border-right:1px solid #d3dae2;padding:14px 8px;display:flex;flex-direction:column;gap:7px}.wireframe-body aside b{font-size:9px;margin-bottom:8px}.wireframe-body aside i{font-size:8px;font-style:normal;color:#7a8490;padding:6px}.wireframe-body aside i.active{background:#d7e0e9;color:#1a2f4a;font-weight:800;border-left:2px solid #1a2f4a}.wireframe-body main{padding:18px;min-width:0}.wireframe-kicker{text-transform:uppercase;letter-spacing:.12em;color:#60748a;font-size:7px;font-weight:800}.wireframe-body h3{font:18px Georgia,serif;margin:7px 0}.wireframe-body p{font-size:9px;color:#667383;line-height:1.5;min-height:27px}.wireframe-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:13px 0}.wireframe-fields>div{background:#fff;border:1px solid #d8dee6;padding:8px;min-width:0}.wireframe-fields small{display:block;text-transform:uppercase;font-size:6px;letter-spacing:.08em;color:#7d8793}.wireframe-fields strong{display:block;font-size:9px;margin-top:4px;overflow:hidden;text-overflow:ellipsis}.wireframe-fields .warning{border-left:3px solid var(--gold)}.wireframe-fields .success{border-left:3px solid #52775b}.wireframe-fields .muted{opacity:.68}.wireframe-body button{border:0;background:#1a2f4a;color:#fff;font-size:8px;padding:8px 10px;float:right}.wireframe-body button span{margin-left:8px}.requirement-trace{font-size:12px;color:var(--muted);margin:12px 0 20px}.requirement-trace summary{cursor:pointer;font-weight:700;color:var(--green)}.requirement-trace li{margin:6px 0}.layout-dashboard .wireframe-fields{grid-template-columns:repeat(2,1fr)}.layout-review .wireframe-fields>div:first-child{grid-column:1/-1}@media(max-width:600px){.concept-frames{grid-template-columns:1fr}.wireframe-body{grid-template-columns:68px 1fr}}
.generation-progress{position:fixed;right:24px;bottom:24px;z-index:30;display:flex;align-items:center;gap:14px;max-width:430px;padding:17px 20px;border-radius:12px;background:#0b172a;color:#fff;box-shadow:0 18px 50px rgba(11,23,42,.28)}.generation-progress .thinking{padding:0}.generation-progress .thinking:before{width:20px;height:20px}.generation-progress strong,.generation-progress small{display:block}.generation-progress small{margin-top:4px;color:#c7d2df;line-height:1.35}
.team-card{margin-top:22px}.team-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:22px}.team-head h2{margin:5px 0}.team-head p{color:var(--muted);margin:0}.team-card>h3{margin:24px 0 5px}.team-card .pending-title{border-top:1px solid var(--line);padding-top:24px}.toolbar.compact{margin:0}.toolbar.compact .btn{padding:7px 10px}@media(max-width:650px){.team-head{display:grid}.team-head .btn{width:100%}}
.login{min-height:100vh;display:grid;grid-template-columns:1.2fr 1fr}.login-art{background:#0b172a;color:#fff;padding:8vw;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-art:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(200,213,227,.14);border-radius:50%;right:-310px;bottom:-310px;box-shadow:0 0 0 90px rgba(200,213,227,.035)}.login-art h1{font:54px/1 Georgia,serif;margin:12px 0;position:relative;z-index:1}.login-art p{color:#c1cfdd;max-width:520px;line-height:1.6;position:relative;z-index:1}.login-panel{display:grid;place-items:center;padding:40px}.login-card{width:min(420px,100%)}.login-card h2{font:34px Georgia,serif;margin-bottom:8px}.login-brand{font-size:27px;margin:0 0 28px}.portal-switch{margin-top:24px;color:var(--muted);font-size:13px}.portal-switch a{color:var(--green);font-weight:700}.portal-label{margin:-22px 10px 28px;color:#9db5ce;font-size:11px;text-transform:uppercase;letter-spacing:.12em}
@media(max-width:850px){.shell{grid-template-columns:1fr}.rail{position:static;width:auto;height:auto;display:flex;align-items:center;padding:14px}.brand{margin:0 20px 0 0;font-size:20px}.nav{display:flex;overflow:auto}.nav button{width:auto}.rail>.user{display:none}.metrics{grid-template-columns:1fr 1fr}.grid,.form.two,.login{grid-template-columns:1fr}.login-art{display:none}.main{grid-column:1;padding:24px 16px}.hero h1{font-size:35px}}

.metric-link{font:inherit;text-align:left;color:var(--ink);cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}
.metric-link:hover,.metric-link:focus-visible{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 15px 35px rgba(11,23,42,.14);outline:none}
.metric-link small{display:block;margin-top:10px;color:var(--green);font-size:11px;font-weight:800}
.dashboard-drilldown[hidden]{display:none}

.clarification-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:24px}.clarification-head h2{margin:10px 0 5px}.clarification-head p,.muted{color:var(--muted)}.clarification-questions{display:grid;gap:18px}.clarification-questions fieldset{border:1px solid var(--line);border-radius:10px;padding:20px;background:#fbfaf6}.clarification-questions legend{padding:0 8px;font-weight:800;color:var(--green)}.clarification-questions textarea{min-height:82px}.clarification-questions .internal-only{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8d6c20;margin-left:7px}.clarification-response-list{display:grid;gap:16px}.clarification-response-list article,.clarification-review article{border:1px solid var(--line);border-radius:10px;padding:20px}.clarification-response-list article>span,.clarification-review article>span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:800}.clarification-response-list h3,.clarification-review h3{font-size:17px;line-height:1.45}.clarification-response-list blockquote{margin:14px 0;padding:15px 18px;border-left:3px solid var(--gold);background:#f6f2e8;line-height:1.55}.clarification-response-list details{margin-top:16px;font-size:13px;color:var(--muted)}.clarification-empty{max-width:820px}.clarification-empty h2{font:34px/1.15 Georgia,serif;max-width:650px}.clarification-empty p{color:var(--muted);line-height:1.65;max-width:720px}.clarification-runner{max-width:820px}.clarification-runner>h1{font:42px/1.1 Georgia,serif;max-width:760px}.clarification-progress{height:7px;background:#dfe4ea;border-radius:20px;overflow:hidden;margin:24px 0 10px}.clarification-progress i{display:block;height:100%;background:var(--gold);transition:width .25s}.clarification-review{display:grid;gap:14px;margin:28px 0}.clarification-review article p{line-height:1.6;color:var(--muted)}@media(max-width:650px){.clarification-head{display:grid}.clarification-head .toolbar{width:100%}.clarification-head .btn{width:100%}.clarification-runner>h1{font-size:34px}}
.clarification-preview-modal .modal-box{width:min(820px,92vw);max-height:88vh;overflow:auto}.clarification-preview-list{display:grid;gap:14px;margin:20px 0}.clarification-preview-list article{border:1px solid var(--line);border-radius:10px;padding:18px;background:#fff}.clarification-preview-list span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:800}.clarification-preview-list h3{font:21px/1.4 Georgia,serif}.clarification-preview-list article>div{border:1px solid var(--line);border-radius:7px;padding:14px;color:#9299a3}
.email-audit-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.email-audit-row:last-child{border-bottom:0}.email-audit-row strong{display:block;margin:9px 0 5px}.email-audit-row p{margin:0 0 7px;color:var(--muted)}.email-audit-row small{line-height:1.45}.email-audit-row code{font-size:10px;color:var(--muted);max-width:220px;overflow-wrap:anywhere}.email-event-delivered,.email-event-opened,.email-event-clicked{background:#dfece4;color:#24543a}.email-event-bounced,.email-event-failed,.email-event-complained{background:#f8e1dd;color:#873f34}@media(max-width:650px){.email-audit-row{grid-template-columns:1fr}.email-audit-row code{max-width:100%}}
.deliverable{display:none}.deliverables-browser{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:start}.deliverable-files{position:sticky;top:20px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.deliverable-files-head{display:flex;justify-content:space-between;align-items:center;padding:15px 16px;border-bottom:1px solid var(--line)}.deliverable-files-head span{font-size:12px;color:var(--muted)}.deliverable-file-group{border-bottom:1px solid var(--line)}.deliverable-file-group:last-child{border-bottom:0}.deliverable-file-group h3{display:flex;justify-content:space-between;align-items:center;margin:0;padding:12px 16px 7px;color:var(--muted);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.deliverable-file-group h3 span{font-weight:500}.deliverable-file{display:block;width:100%;border:0;background:#fff;padding:11px 16px;text-align:left;color:var(--ink);cursor:pointer}.deliverable-file:hover{background:#f8f6ef}.deliverable-file.active{background:#edf1f5;box-shadow:inset 4px 0 var(--gold)}.deliverable-file>span{display:block;font-weight:750}.deliverable-file small{display:flex;align-items:center;gap:8px;margin-top:7px;color:var(--muted)}.deliverable-file .badge{font-size:9px;padding:3px 6px}.deliverable-selected{min-width:0}.deliverable-preview{display:block;margin:0}.deliverable-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:18px}.deliverable-preview-head h2{margin:8px 0 0}@media(max-width:850px){.deliverables-browser{grid-template-columns:1fr}.deliverable-files{position:static;max-height:340px;overflow:auto}}
.deliverable-error{background:#f8e1dd;border-left-color:var(--danger);color:#6f2e27}
.analytics-note{color:var(--muted);font-size:13px}.analytics-metrics{grid-template-columns:repeat(4,minmax(130px,1fr))}.analytics-chart{height:220px;display:flex;align-items:stretch;gap:4px;padding-top:20px;overflow-x:auto}.analytics-day{min-width:18px;flex:1;display:grid;grid-template-rows:1fr auto;gap:7px;text-align:center}.analytics-bar{display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid var(--line)}.analytics-bar i{display:block;width:min(22px,80%);min-height:2px;background:linear-gradient(180deg,var(--gold),#b98010);border-radius:5px 5px 0 0}.analytics-day small{font-size:9px;color:var(--muted);transform:rotate(-45deg);transform-origin:center;white-space:nowrap;margin:8px 0}.analytics-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.analytics-row:last-child{border-bottom:0}.analytics-row div{min-width:0}.analytics-row strong{display:block}.analytics-row small{display:block;color:var(--muted);font-size:11px;margin-top:4px;overflow-wrap:anywhere}.analytics-row>span{color:var(--muted);font-size:12px;white-space:nowrap}.analytics-subhead{margin-top:30px!important}.analytics-session{border-top:1px solid var(--line)}.analytics-session summary{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 4px;cursor:pointer}.analytics-session summary div{display:grid;gap:4px}.analytics-session summary small,.analytics-session summary>span{color:var(--muted);font-size:12px}.analytics-path{margin:0 0 10px 20px;padding:2px 0 5px 20px;border-left:2px solid var(--mint)}.analytics-path>div{display:flex;gap:12px;align-items:flex-start;margin:10px 0}.analytics-path i{font-style:normal;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--green);color:#fff;font-size:10px;margin-left:-33px}.analytics-path span{display:grid;gap:3px}.analytics-path small,.analytics-exit{color:var(--muted);font-size:11px}.analytics-exit{margin-left:40px}@media(max-width:900px){.analytics-metrics{grid-template-columns:repeat(2,minmax(120px,1fr))}.analytics-grid{grid-template-columns:1fr}.analytics-session summary{align-items:flex-start;flex-direction:column}}

/* Public website */
.marketing-body{background:#f6f2e8;color:#172033}
.marketing-body #toast,.marketing-body #problem{display:none}
.marketing{--site-ink:#172033;--site-green:#1a2f4a;--site-deep:#0b172a;--site-mint:#c8d5e3;--site-paper:#f6f2e8;--site-gold:#e0ad2f;--site-line:rgba(23,32,51,.16);min-height:100vh;overflow:hidden;background:var(--site-paper)}
.site-header{height:82px;max-width:1480px;margin:auto;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--site-line);position:relative;z-index:5}
.site-brand{font:700 28px/1 Georgia,serif;letter-spacing:-1.2px;color:var(--site-ink);text-decoration:none}.site-brand span{color:#385a7d}
.site-header nav{display:flex;gap:34px}.site-header nav a,.site-login{font-size:13px;font-weight:700;color:var(--site-ink);text-decoration:none}.site-header nav a{opacity:.68}.site-header nav a:hover{opacity:1}.site-login{border-bottom:1px solid var(--site-ink);padding-bottom:4px}.site-login span{margin-left:7px}
.site-hero{min-height:760px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:clamp(40px,6vw,100px);align-items:center;max-width:1480px;margin:auto;padding:76px clamp(22px,5vw,76px) 92px;position:relative}
.site-hero:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(26,47,74,.08);border-radius:50%;left:-390px;top:80px;box-shadow:0 0 0 90px rgba(26,47,74,.025),0 0 0 180px rgba(26,47,74,.018)}
.site-kicker{text-transform:uppercase;letter-spacing:.18em;font-weight:800;font-size:11px;color:#385a7d;display:flex;align-items:center;gap:10px}.site-kicker>span{width:27px;height:2px;background:var(--site-gold)}
.hero-copy{position:relative;z-index:1}.hero-copy h1{font:500 clamp(48px,5.2vw,78px)/.99 Georgia,serif;letter-spacing:-3.6px;margin:24px 0 28px;max-width:760px}.hero-copy h1 em{font-weight:400;color:#385a7d}.hero-lede{font-size:18px;line-height:1.72;color:#4c5b70;max-width:670px}
.hero-actions{display:flex;gap:13px;margin:38px 0}.site-cta{min-height:52px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:30px;border:1px solid var(--site-green);text-decoration:none;font-size:13px;font-weight:800;border-radius:2px;cursor:pointer}.site-cta.primary{background:var(--site-green);color:#fff}.site-cta.primary:hover{background:#10243d}.site-cta.quiet{color:var(--site-green);background:transparent}.site-cta span{font-size:18px}
.hero-proof{display:flex;gap:24px;flex-wrap:wrap;padding-top:10px}.hero-proof span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#5d6879;display:flex;align-items:center;gap:8px}.hero-proof span:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--site-gold)}
.product-frame{background:#fff;border:1px solid rgba(26,47,74,.15);box-shadow:0 42px 90px rgba(11,23,42,.16);transform:rotate(.6deg);position:relative}.product-frame:before{content:"";position:absolute;inset:18px -18px -18px 18px;border:1px solid rgba(26,47,74,.14);z-index:-1}
.product-top{height:56px;background:var(--site-deep);display:flex;align-items:center;justify-content:space-between;padding:0 21px}.mini-brand{font:20px Georgia,serif;color:#fff}.mini-brand span{color:#9db5ce}.window-dots{display:flex;gap:6px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#71849a}.window-dots i:last-child{background:var(--site-gold)}
.product-grid{display:grid;grid-template-columns:145px 1fr;min-height:510px}.product-grid aside{background:#f1efe8;border-right:1px solid #dce1e7;padding:25px 14px}.product-grid aside b{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.14em;margin:0 9px 18px;color:#626d7c}.product-grid aside span{display:block;font-size:11px;color:#798390;padding:10px 9px;margin:3px 0}.product-grid aside span.active{background:#e1e8ef;color:#1a2f4a;font-weight:800;border-left:2px solid #1a2f4a}
.product-main{padding:34px 35px}.mini-label{text-transform:uppercase;letter-spacing:.14em;color:#52708f;font-size:9px;font-weight:800}.product-main h2{font:28px/1.18 Georgia,serif;margin:12px 0 24px;max-width:420px}.answer-card{background:#1a2f4a;color:#fff;padding:18px 20px;border-radius:4px;margin-left:35px}.answer-card span,.question-card span{font-size:9px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;opacity:.7}.answer-card p,.question-card p{font-size:12px;line-height:1.55;margin:8px 0 0}
.insight-row{margin:18px 0;padding:14px;border:1px solid #d6dce3;display:flex;justify-content:space-between;align-items:center}.insight-row small{display:block;text-transform:uppercase;letter-spacing:.1em;color:#727e8e;font-size:8px}.insight-row strong{font-size:11px}.insight-row>b{font-size:9px;text-transform:uppercase;color:#385a7d;background:#e1e8ef;padding:6px 9px;border-radius:20px}
.question-card{border-top:1px solid #d6dce3;padding-top:20px}.question-card p{font:18px/1.35 Georgia,serif}.fake-input{height:48px;border:1px solid #cdd5de;margin-top:15px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;color:#8993a0;font-size:10px}.fake-input i{font-style:normal;color:#fff;background:#1a2f4a;padding:9px 11px}
.product-caption{min-height:58px;padding:0 20px;display:flex;align-items:center;justify-content:center;gap:10px;border-top:1px solid #d6dce3;background:#f7f5ef;color:#526176;font-size:10px}.product-caption span{text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#738094;margin-right:4px}.product-caption strong{font:13px Georgia,serif;color:var(--site-navy)}.product-caption i{font-style:normal;color:var(--site-gold)}
.signal-strip{background:var(--site-green);color:#dbe4ee;display:grid;grid-template-columns:repeat(3,1fr);padding:0 clamp(22px,5vw,76px)}.signal-strip p{margin:0;padding:28px clamp(20px,3vw,50px);text-align:center;font:17px Georgia,serif;border-right:1px solid rgba(255,255,255,.16)}.signal-strip p:last-child{border:0}
.brand-story{background:var(--site-deep);color:#fff;display:grid;grid-template-columns:minmax(290px,.42fr) minmax(0,1.58fr);align-items:center;padding:clamp(56px,7vw,105px) max(clamp(22px,5vw,76px),calc((100vw - 1480px)/2));gap:clamp(35px,6vw,90px);position:relative;overflow:hidden}.brand-story:before{content:"";position:absolute;width:460px;height:460px;border:1px solid rgba(200,213,227,.13);border-radius:50%;left:-300px;bottom:-290px;box-shadow:0 0 0 90px rgba(200,213,227,.035)}.brand-story-copy{position:relative;z-index:1}.brand-story .site-kicker{color:#a9bed5}.brand-story h2{font:500 clamp(42px,4.2vw,68px)/1.02 Georgia,serif;letter-spacing:-2.4px;margin:24px 0}.brand-story p{color:#b8c7d7;line-height:1.72;font-size:16px;max-width:430px}.brand-story-art{margin:0;position:relative;box-shadow:0 35px 85px rgba(0,0,0,.32);border:1px solid rgba(200,213,227,.2);transform:rotate(.35deg)}.brand-story-art:after{content:"";position:absolute;inset:14px -14px -14px 14px;border:1px solid rgba(224,173,47,.28);z-index:-1}.brand-story-art img{display:block;width:100%;height:auto}
.site-section{padding:110px clamp(22px,7vw,110px);max-width:1560px;margin:auto}.section-heading{display:grid;grid-template-columns:.55fr 1.45fr;gap:70px;align-items:start;margin-bottom:65px}.section-number{display:block;font:13px Georgia,serif;color:#8791a0;margin-bottom:20px}.section-heading h2{font:500 clamp(38px,4vw,59px)/1.05 Georgia,serif;letter-spacing:-2px;margin:0;max-width:850px}
.work-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--site-line);border-bottom:1px solid var(--site-line)}.work-grid article{padding:34px 30px 42px;border-right:1px solid var(--site-line);min-height:300px;transition:.25s}.work-grid article:last-child{border:0}.work-grid article:hover{background:#ece9e1;transform:translateY(-5px)}.work-grid article>span{font:12px Georgia,serif;color:#858e9b}.work-grid h3{font:26px Georgia,serif;margin:65px 0 15px}.work-grid p{color:#5b6676;line-height:1.65;font-size:14px}
.recovery-band{background:#e4eaf1;padding:95px max(clamp(22px,7vw,110px),calc((100vw - 1340px)/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(45px,8vw,120px);align-items:start}.recovery-band h2{font:500 clamp(40px,4vw,60px)/1.04 Georgia,serif;letter-spacing:-2px;margin:24px 0 0;max-width:570px}.recovery-copy>p{font-size:17px;line-height:1.72;color:#4c5b70;margin:0}.recovery-points{border-top:1px solid rgba(26,47,74,.2);margin-top:30px}.recovery-points span{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:17px 0;border-bottom:1px solid rgba(26,47,74,.16);font-weight:800;color:var(--site-ink)}.recovery-points b{font:12px Georgia,serif;color:#7c8795}.recovery-copy>a{display:inline-flex;margin-top:28px;gap:20px;color:var(--site-green);font-weight:800;font-size:13px;text-decoration:none;border-bottom:1px solid;padding-bottom:6px}
.process-section{max-width:none;background:var(--site-deep);color:#fff}.process-section>.section-heading,.process-section>.process-grid,.process-section>.process-outputs{max-width:1340px;margin-left:auto;margin-right:auto}.section-heading.light{margin-bottom:54px}.section-heading.light .site-kicker{color:#a9bed5}.section-heading.light .section-number{color:#7f96af}.process-heading-copy{display:grid;gap:22px}.process-heading-copy h2{margin:0}.process-heading-copy p{max-width:720px;margin:0;color:#adbed0;font-size:16px;line-height:1.75}.process-outputs{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.18);margin-bottom:74px}.process-outputs>div{display:grid;grid-template-columns:36px 1fr;column-gap:17px;row-gap:8px;padding:28px 30px;border-right:1px solid rgba(255,255,255,.18)}.process-outputs>div:last-child{border-right:0}.process-outputs span{grid-row:1/3;color:#d5a928;font:12px Georgia,serif}.process-outputs strong{font:21px Georgia,serif}.process-outputs small{color:#9fb1c4;font-size:12px;line-height:1.55}.process-grid{display:grid;grid-template-columns:repeat(4,1fr)}.process-grid article{border-top:1px solid rgba(255,255,255,.19);padding:28px 28px 50px 0;margin-right:30px;position:relative}.process-icon{width:50px;height:50px;border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;font:25px Georgia,serif;color:#c3d3e4;margin-bottom:55px}.process-grid article>span{position:absolute;right:0;top:30px;color:#7f94aa;font:12px Georgia,serif}.process-grid h3{font:28px Georgia,serif;margin:0 0 16px}.process-grid p{color:#b2c1d1;line-height:1.65;font-size:14px}
.difference-section{display:grid;grid-template-columns:1fr 1fr;gap:clamp(55px,9vw,150px);align-items:start}.difference-copy h2{font:500 clamp(40px,4vw,60px)/1.04 Georgia,serif;letter-spacing:-2px;margin:22px 0}.difference-copy p{color:#566376;line-height:1.75;font-size:16px;max-width:590px}.difference-copy>a{display:inline-flex;margin-top:25px;gap:20px;color:var(--site-green);font-weight:800;font-size:13px;text-decoration:none;border-bottom:1px solid;padding-bottom:6px}.difference-list{border-top:1px solid var(--site-line)}.difference-list>div{display:grid;grid-template-columns:50px 1fr;gap:25px;padding:28px 0;border-bottom:1px solid var(--site-line)}.difference-list b{color:#9299a3;font:12px Georgia,serif}.difference-list span{display:grid;gap:8px}.difference-list strong{font:22px Georgia,serif}.difference-list small{font-size:14px;color:#626d7e;line-height:1.5}
.quote-section{background:#e4eaf1;display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(45px,8vw,120px);padding:110px max(clamp(22px,7vw,110px),calc((100vw - 1340px)/2));align-items:start}.quote-copy{position:sticky;top:40px}.quote-copy h2{font:500 clamp(42px,4vw,62px)/1.03 Georgia,serif;letter-spacing:-2px;margin:25px 0}.quote-copy>p{font-size:17px;line-height:1.7;color:#4c5b70}.quote-note{margin-top:40px;padding-top:22px;border-top:1px solid rgba(26,47,74,.2);display:grid;gap:8px}.quote-note strong{font:20px Georgia,serif}.quote-note span{color:#5c6879;font-size:13px;line-height:1.55}
.experience-note{display:grid;gap:7px;margin:34px 0 38px;padding:20px 0;border-top:1px solid var(--site-line);border-bottom:1px solid var(--site-line)}.experience-note strong{font:20px Georgia,serif;color:var(--site-navy)}.experience-note span{font-size:13px;line-height:1.6;color:#627084}
.quote-form{min-width:0;background:#fff;padding:clamp(28px,4vw,50px);box-shadow:0 28px 70px rgba(11,23,42,.1);display:grid;gap:19px}.form-intro{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e1e4e8;padding-bottom:22px;margin-bottom:4px}.form-intro span{font:25px Georgia,serif}.form-intro b{font-size:14px;text-transform:uppercase;letter-spacing:.1em;color:#6f7a89}.quote-form label{min-width:0;display:grid;gap:8px;font-size:14px;text-transform:none;letter-spacing:0;font-weight:800;color:#4d596b}.quote-form label>span{font-weight:500;color:#566376;margin-left:4px}.quote-fields{min-width:0;display:grid;gap:16px}.quote-fields.two{grid-template-columns:1fr 1fr}.quote-form input,.quote-form textarea,.quote-form select{min-width:0;width:100%;border:1px solid #cdd5de;border-radius:1px;padding:14px;background:#fbfbf8;font-size:16px;text-transform:none;letter-spacing:0}.quote-form textarea{min-height:135px}.quote-form .site-cta{min-width:0;gap:8px;flex-wrap:wrap;width:100%;border:0;margin-top:5px}.form-privacy{font-size:14px;line-height:1.5;color:#566376;text-align:center;margin:0}.hp-field{position:absolute!important;left:-10000px!important}.quote-success,.quote-error{padding:16px;display:grid;gap:4px;font-size:14px}.quote-success{background:#e7edf4;color:#1a2f4a}.quote-error{background:#fff0ed;color:#8a3d34}
.site-footer{background:#081321;color:#fff;padding:65px max(clamp(22px,7vw,110px),calc((100vw - 1340px)/2));display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:30px}.site-footer .site-brand{color:#fff}.site-footer p{font:22px Georgia,serif;color:#b0c2d5;margin:0}.site-footer>div:nth-of-type(2){display:flex;justify-content:flex-end;gap:24px}.site-footer a{color:#d0dce8;text-decoration:none;font-size:12px}.site-footer small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.14);padding-top:22px;color:#778ba1;font-size:10px}
@media(max-width:1050px){.site-hero{grid-template-columns:1fr;min-height:0}.hero-copy{max-width:800px}.product-frame{max-width:760px}.brand-story{grid-template-columns:1fr}.brand-story-copy{max-width:720px}.brand-story-art{max-width:1000px}.work-grid{grid-template-columns:1fr 1fr}.work-grid article:nth-child(2){border-right:0}.work-grid article:nth-child(-n+2){border-bottom:1px solid var(--site-line)}.recovery-band{grid-template-columns:1fr}.process-outputs{grid-template-columns:1fr}.process-outputs>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}.process-outputs>div:last-child{border-bottom:0}.process-grid{grid-template-columns:1fr 1fr}.quote-section{grid-template-columns:1fr}.quote-copy{position:static}.difference-section{gap:55px}}
@media(max-width:720px){.site-header{height:68px}.site-header nav{display:none}.site-login{font-size:11px}.site-hero{padding-top:55px;padding-bottom:65px}.hero-copy h1{font-size:49px;letter-spacing:-2.3px}.hero-lede{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.hero-proof{gap:12px}.product-frame{transform:none}.product-frame:before{display:none}.product-grid{grid-template-columns:1fr;min-height:0}.product-grid aside{display:none}.product-main{padding:25px 20px}.answer-card{margin-left:15px}.product-caption{padding:16px 18px;flex-wrap:wrap;gap:6px 8px}.product-caption span{flex-basis:100%;text-align:center;margin:0}.signal-strip{grid-template-columns:1fr;padding:0 22px}.signal-strip p{border-right:0;border-bottom:1px solid rgba(255,255,255,.16);padding:22px}.brand-story{padding-top:70px;padding-bottom:70px}.brand-story h2{font-size:45px}.brand-story-art{transform:none}.brand-story-art:after{inset:8px -8px -8px 8px}.section-heading{grid-template-columns:1fr;gap:25px}.site-section{padding-top:78px;padding-bottom:78px}.process-heading-copy{gap:16px}.process-heading-copy p{font-size:15px}.process-outputs{margin-bottom:52px}.process-outputs>div{padding:23px 20px}.work-grid,.process-grid,.difference-section{grid-template-columns:1fr}.work-grid article{border-right:0;border-bottom:1px solid var(--site-line)!important;min-height:240px}.work-grid h3{margin-top:40px}.process-grid article{margin:0}.difference-section{gap:60px}.quote-section{padding-top:75px;padding-bottom:75px}.quote-fields.two{grid-template-columns:1fr}.form-intro{align-items:flex-start;flex-direction:column;gap:12px}.site-footer{grid-template-columns:1fr}.site-footer>div:nth-of-type(2){justify-content:flex-start;flex-wrap:wrap}.site-footer small{grid-column:1}}
/* Customer-safe activated-project progress */
.project-status-hero{display:flex;align-items:center;justify-content:space-between;gap:32px}
.project-status-hero>div:first-child{max-width:760px}
.status-percent{width:132px;height:132px;flex:0 0 132px;border-radius:50%;display:grid;place-content:center;text-align:center;background:#f7edcf;border:8px solid var(--gold)}
.status-percent strong{font-size:34px;line-height:1}
.status-percent span{color:var(--muted);font-size:12px;margin-top:5px}
.status-milestones{display:grid;gap:18px}
.status-milestones article{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,2fr) 42px;align-items:center;gap:16px}
.status-milestones article>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}
.status-track{height:9px;background:#ece9e2;border-radius:99px;overflow:hidden}
.status-track i{display:block;height:100%;background:var(--gold);border-radius:99px}
.project-status-list ul{margin:0;padding-left:20px;display:grid;gap:10px}
.milestone-facts{grid-column:1/-1;display:grid;gap:10px;margin:12px 0;min-width:0;overflow-wrap:anywhere}
.milestone-facts div{min-width:0}.milestone-facts dt{font-size:12px;color:var(--muted);font-weight:600}.milestone-facts dd{margin:3px 0 0;white-space:pre-wrap}
.status-edit-fields{border:0;padding:0;margin:0;display:grid;gap:18px;min-width:0}.milestone-editor-rows{display:grid;gap:16px}
.milestone-editor-row{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;gap:12px;min-width:0}
.status-editor .toolbar{flex-wrap:wrap}.status-editor .toolbar button,.status-comparison button{white-space:normal;max-width:100%}
.status-comparison{border-top:1px solid var(--line);padding-top:20px;overflow-wrap:anywhere}.status-comparison article{padding:12px 0;border-top:1px solid var(--line)}
.shared-status{max-width:1180px;margin:0 auto;padding:28px}
.shared-status>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}
.analytics-map{width:100%;min-height:430px;margin-top:12px}.analytics-country-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.analytics-country-list button,.analytics-source{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 12px;cursor:pointer;color:var(--ink)}.analytics-country-list button{display:flex;gap:14px;align-items:center}.analytics-country-list span,.analytics-source span{color:var(--muted);font-size:11px}.analytics-source{display:flex;width:100%;justify-content:space-between;align-items:center;margin:7px 0}.analytics-source:hover,.analytics-country-list button:hover{border-color:var(--gold);background:#fbfaf6}.analytics-filters{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(130px,1fr));gap:10px;margin:20px 0 8px}.analytics-filters input,.analytics-filters select{border:1px solid var(--line);border-radius:8px;padding:11px;background:#fff;color:var(--ink)}.analytics-origin{margin:0 0 18px 40px;padding:14px 16px;background:#f7f8f5;border-left:3px solid var(--gold);display:grid;gap:5px;font-size:12px}.analytics-origin a{overflow-wrap:anywhere;color:var(--green)}.analytics-origin small{color:var(--muted)}.analytics-session[hidden]{display:none}@media(max-width:900px){.analytics-map{min-height:300px}.analytics-filters{grid-template-columns:1fr 1fr}}@media(max-width:600px){.analytics-filters{grid-template-columns:1fr}.analytics-map{min-height:240px}}
.shared-status>header>span,.shared-status>footer{color:var(--muted);font-size:13px}
.shared-status>footer{text-align:center;padding:30px}
@media(max-width:700px){.project-status-hero{align-items:flex-start}.status-percent{width:94px;height:94px;flex-basis:94px}.status-percent strong{font-size:26px}.status-milestones article{grid-template-columns:1fr 42px}.status-milestones article>div:first-child{grid-column:1/-1}}
.outreach-draft-body{white-space:pre-wrap;line-height:1.55;padding:16px;background:#f7f8f6;border:1px solid var(--line);border-radius:8px}
.bulk-outreach-modal .modal-box{width:min(1050px,96vw)}.bulk-outreach-head,.bulk-outreach-row{display:grid;grid-template-columns:1fr 1.25fr 1.25fr 1.5fr;gap:12px;align-items:center}.bulk-outreach-head{padding:8px 12px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.bulk-outreach-list{max-height:42vh;overflow:auto;border:1px solid var(--line);border-radius:10px}.bulk-outreach-row{padding:10px 12px;border-bottom:1px solid var(--line);font-size:13px}.bulk-outreach-row:last-child{border-bottom:0}.bulk-outreach-row span{overflow-wrap:anywhere}.bulk-outreach-progress{min-height:20px;color:var(--green);font-size:13px;font-weight:700}@media(max-width:720px){.bulk-outreach-head{display:none}.bulk-outreach-row{grid-template-columns:1fr}.bulk-outreach-row span{color:var(--muted)}}
.requirement-group{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:800;letter-spacing:.02em;margin:20px 0 2px;padding-top:14px;border-top:1px solid var(--line)}
.requirement-group:first-of-type{margin-top:8px;padding-top:0;border-top:0}
.requirement-group span{font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums;background:#eeebe3;border-radius:20px;padding:1px 8px;font-size:11px}
.requirement-note{color:var(--muted);font-size:13px;margin:6px 0 0}
.adjacent-row strong{display:block;margin:8px 0 3px;font-weight:600}
.adjacent-row small{display:block;color:var(--muted);font-size:12px}
.adjacent-row .adjacent-said{margin-top:6px;color:var(--green)}
.adjacent-row select{max-width:210px}

/* ---- Project stage spine ---------------------------------------------------
   Three independent channels so the dimensions cannot be confused: marker form
   carries lifecycle, a badge carries freshness, a dot carries attention. The
   raised surface is which stage is being viewed, which is view state and not a
   property of the stage at all. */
.proj-head{position:sticky;top:0;z-index:4;background:var(--paper);border-bottom:1px solid var(--line);padding:18px clamp(16px,2vw,28px) 14px;margin:-34px -34px 0;padding-left:clamp(24px,3vw,56px)}
.crumb{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted)}
.crumb button{border:0;background:none;padding:0;color:var(--muted);font-size:13px;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.crumb button:hover{color:var(--ink)}
.proj-title{font:400 26px/1.2 Georgia,serif;margin:6px 0 0;letter-spacing:-.2px}
.proj-meta{display:flex;align-items:center;gap:0;flex-wrap:wrap;margin-top:12px}
.proj-meta>div{padding-right:18px;margin-right:18px;border-right:1px solid var(--line)}
.proj-meta>div:last-of-type{border-right:0}
.proj-meta .k{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.proj-meta .v{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}
.proj-meta .spacer{flex:1;border:0;margin:0;padding:0}
.proj-meta .proj-actions{border:0!important;padding:0!important;margin:0!important;display:flex;gap:8px}

.proj-layout{display:grid;grid-template-columns:236px minmax(0,1fr);gap:clamp(18px,2.4vw,32px);align-items:start;padding-top:22px}
.spine{position:sticky;top:170px;display:flex;flex-direction:column}
.stage{display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:start;border:0;background:none;text-align:left;padding:9px 10px;border-radius:8px;position:relative;width:100%;cursor:pointer}
.stage:hover{background:#eeebe3}
.stage.is-viewed{background:#fff;box-shadow:var(--shadow)}
.stage:not(:last-of-type)::after{content:"";position:absolute;left:21px;top:32px;bottom:-2px;width:1px;background:var(--line)}
.stage.lc-complete:not(:last-of-type)::after{background:var(--green);opacity:.4}
.stage .marker{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;border:1.5px solid #c6c2b6;background:#fff;color:var(--muted);position:relative;z-index:1}
.stage.lc-complete .marker{background:var(--green);border-color:var(--green);color:#fff}
.stage.lc-in-progress .marker{border-color:var(--green);color:var(--green);border-width:2px}
.stage.lc-n-a .marker{opacity:.5}
.stage .name{display:block;font-size:14px;font-weight:550}
.stage.lc-in-progress .name{font-weight:700}
.stage .note{display:block;font-size:12px;color:var(--muted);margin-top:1px}
.stage .flags{display:flex;align-items:center;gap:5px;padding-top:3px}
.fresh{font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8d6c20;background:#faf1de;border-radius:3px;padding:2px 4px}
.attn-dot{width:8px;height:8px;border-radius:50%;flex:none}
.attn-dot.action{background:var(--gold)}
.attn-dot.blocked{background:transparent;border:2px solid var(--gold)}

.stage-gate,.stage-drift{background:#fff;border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:12px;padding:16px 18px;box-shadow:var(--shadow);margin-bottom:16px}
.stage-gate .why,.stage-drift p{color:var(--muted);max-width:66ch;margin:8px 0 0;font-size:14px}
.stage-gate .toolbar,.stage-drift .toolbar{margin:0}

@media(max-width:1000px){
  .proj-layout{grid-template-columns:minmax(0,1fr)}
  .spine{position:static;flex-direction:row;align-items:flex-start;overflow-x:auto;gap:4px;padding-bottom:6px}
  .stage{grid-template-columns:1fr;min-width:150px}
  .stage:not(:last-of-type)::after{display:none}
  .stage .marker{margin-bottom:6px}
  .stage .flags{padding-top:6px}
  .proj-head{margin:-24px -16px 0;padding-left:16px}
}

/* Public demo page: one asset, no chrome, nothing to sign in to. */
.shared-demo{max-width:900px;margin:6vh auto;padding:0 20px}
.shared-demo header{margin-bottom:22px}
.shared-demo h1{margin:6px 0 8px;font-size:26px}
.shared-demo video{width:100%;border-radius:12px;background:#000}
.shared-demo .meta{margin-top:14px;font-size:13px;opacity:.7}

/* The product manual is separate from the project engineering library. */
.manual-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px;align-items:start}.manual-layout aside{position:sticky;top:12px;max-height:88vh;overflow:auto}.manual-layout input{width:100%;margin:8px 0 16px}.manual-layout nav button{display:block;text-align:left;width:100%;margin:0 0 8px;white-space:normal}.manual-layout nav button[aria-current=page]{background:#18342d;color:white}.manual-layout article{line-height:1.8;scroll-margin-top:20px}.manual-layout article h2,.manual-layout article h3{margin-top:28px}.manual-paging{display:flex;justify-content:space-between;gap:12px;margin-top:32px;border-top:1px solid #d4ddd8;padding-top:20px}.manual-tools{margin-bottom:20px}.manual-book{position:fixed;inset:0;overflow:auto;background:white;color:#182c25;padding:36px max(24px,calc((100vw - 960px)/2));z-index:1000;line-height:1.8}.manual-book-controls{display:flex;gap:12px;position:sticky;top:0;background:white;padding:12px 0}.manual-book-chapter{margin-top:48px}.reading-manual-book{overflow:hidden}
@media(max-width:800px){.manual-layout{grid-template-columns:1fr}.manual-layout aside{position:static;max-height:260px}}
@media print{body.reading-manual-book>*:not(.manual-book){display:none!important}.manual-book{position:static;overflow:visible;padding:0}.manual-book-controls{display:none}.manual-book-chapter{break-before:page}.manual-book table{font-size:10pt}.manual-book h2,.manual-book h3{break-after:avoid}.manual-book img{max-width:100%}.manual-book a{color:inherit}body.reading-manual-book{overflow:visible}}
.manual-layout img,.manual-book img{display:block;max-width:100%;height:auto;border:1px solid #d4ddd8;border-radius:6px}.manual-layout figure,.manual-book figure{margin:20px 0}.manual-layout figcaption,.manual-book figcaption{font-size:12px;color:#596b62;margin-top:8px}

/* Overview and Files sit in the spine beside the stages (navigation plan 3b). */
.stage.stage-extra .marker{border-style:dashed;color:var(--muted)}
.stage.stage-extra .name{font-weight:500}

/* Sidebar section labels and Delivery sub-tabs (navigation plan 3c). */
.nav-group{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7f93aa;padding:14px 12px 2px}
@media(max-width:850px){.nav-group{display:none}}
.delivery-tabs{margin-bottom:16px}
#deliverySetup[data-show="progress"] [data-group]:not([data-group="progress"]),
#deliverySetup[data-show="changes"] [data-group]:not([data-group="changes"]),
#deliverySetup[data-show="integrations"] [data-group]:not([data-group="integrations"]),
#deliverySetup[data-show="requests"] [data-group]:not([data-group="requests"]),
#deliverySetup:not([data-show="progress"]) > section:not([data-group]){display:none}

/* Visitor geography map (same-origin SVG; see drawAnalyticsMap). */
.analytics-map svg{display:block;width:100%;height:auto}
.analytics-map path{fill:#e1e7ec;stroke:#fff;stroke-width:.5;vector-effect:non-scaling-stroke}
.analytics-map path.has-sessions{cursor:pointer}
.analytics-map path.has-sessions:hover,.analytics-map path.has-sessions:focus-visible{stroke:#0b172a;stroke-width:1.5;outline:none}
.analytics-map:has(> .empty){min-height:0}
.map-legend{display:flex;align-items:center;gap:10px;justify-content:flex-end;margin-top:8px;font-size:11px;color:var(--muted)}
.map-legend i{width:120px;height:8px;border-radius:4px;background:linear-gradient(90deg,#c5d9cb,#4f8a68,#143f31)}

/* Visual review fixes (2026-09-28). */
.crumb{margin-bottom:8px}
/* White on gold measured about 2.1:1; dark ink on the same gold is about 9:1. */
.btn.gold{color:#1d1502}
.btn:disabled{opacity:.6}
a.btn{text-decoration:none}
.badge{white-space:nowrap}
.insights-tabs{margin-bottom:18px}
/* Project rows hold a badge, an optional preview button and Open; wrap instead
   of clipping the preview button into Open. */
.opportunity-actions{display:flex;flex-wrap:nowrap;gap:10px;justify-content:flex-end;align-items:center}
.opportunity-actions>*,.opportunity-actions .btn{flex:0 0 auto;width:auto}
@media(max-width:700px){.opportunity-actions{flex-wrap:wrap;justify-content:flex-start}}
.opportunity-actions .btn,.list-row>.btn{white-space:nowrap}
.list-row>.btn[data-test-opp]{margin-left:auto}
/* Rows in half-width cards (a customer's Projects) wrap their controls. */
.grid .list-row{flex-wrap:wrap;row-gap:8px}
.grid .list-row>div:first-child{min-width:min(100%,220px);flex:1 1 220px}
.form label.inline-check{display:flex;align-items:center;gap:8px;flex-direction:row}
.form label.inline-check input{width:auto}
/* The chapter title is the first heading; it takes no section spacing or rule. */
.manual-layout article>h2:first-child{margin-top:0;border-top:0;padding-top:0}

/* Phone width: the menu scrolls sideways inside the top bar instead of widening
   the page (the grid track and flex items otherwise size to the whole menu). */
@media(max-width:850px){.shell{grid-template-columns:minmax(0,1fr)}.rail{min-width:0}.nav{min-width:0;flex:1}}
/* Customer project: stages not reached yet, and room above the tabs. */
.tabs button.upcoming:not(.active){opacity:.5}
.hero+.next-step{margin:0 0 18px}
/* Messages & files: one list per project, and the New message chooser. */
.message-row>div{min-width:0}.message-row strong{display:block;margin-top:7px}.message-row .btn{flex:0 0 auto}
.message-trail{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:12px;color:var(--muted)}.message-trail .ok{color:#24543a;font-weight:700}.message-trail .warn{color:#795d26;font-weight:700}
.messages-card .clarification-head .btn{white-space:nowrap;flex:0 0 auto}
.message-filters{margin:4px 0 6px}.message-filters .btn{padding:6px 12px;font-size:13px}
.new-message-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.new-message-choices .btn{text-align:left;display:grid;gap:4px;white-space:normal}.new-message-choices span{font-size:12px;color:var(--muted)}
@media(max-width:650px){.new-message-choices{grid-template-columns:1fr}}
/* Project page: phases in the stage list, and the next-step banner. */
.phase-head{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:14px 10px 4px}
.phase-head.phase-now{color:var(--green)}
.phase-head.phase-done::after{content:" ✓"}
.stage .chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}
.chip{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.03em;border-radius:99px;padding:2px 7px;white-space:nowrap;text-transform:none}
.attn-dot.chip{width:auto;height:auto}
.attn-dot.action.chip{background:var(--gold);color:#1d1502}
.attn-dot.blocked.chip{border:1px solid var(--gold);color:#795d26;background:transparent}
.chip.waiting{background:var(--mint);color:var(--green)}
.fresh.chip{border-radius:99px}
.next-step{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;border-radius:14px;padding:16px 20px;margin-top:18px}
.next-step.mine{background:#0b172a;color:#fff}
.next-step.mine .eyebrow{color:var(--gold)}
.next-step.theirs{background:#fff;border:1px solid var(--line)}
.next-step strong{display:block;font:20px/1.3 Georgia,serif;margin-top:4px}
.next-step p{margin:4px 0 0;font-size:13px;opacity:.8}
@media(max-width:1000px){.phase-head{display:none}}
/* Admin Home work queue. */
.home-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;align-items:start}.home-grid>div>.card:first-child,.home-grid>.card{margin-top:14px}
.work-row>div{min-width:0}.work-row strong{display:block;margin-top:7px}.work-row .btn{flex:0 0 auto}
.home-glance .list-row{width:100%;border:0;border-bottom:1px solid var(--line);background:none;font:inherit;color:var(--ink);cursor:pointer;text-align:left}.home-glance .list-row:last-child{border:0}.home-glance .list-row:hover span{text-decoration:underline}
@media(max-width:900px){.home-grid{grid-template-columns:1fr}}
/* Settings: account connections, and the text-style links that point to it. */
.badge.ok{background:#dfece4;color:#24543a}
.btn.link{border:0;background:none;padding:0;color:var(--green);font-weight:700;text-decoration:underline}
.settings-row small{display:block;margin-top:6px;color:var(--muted)}
.settings-row-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:650px){.settings-row{flex-direction:column;align-items:flex-start}.settings-row-actions{justify-content:flex-start}}
/* Phone width (plan 3.3). Who is signed in, the navigation group labels and the
   stage phase headers stay visible; the stage list stacks instead of scrolling
   sideways, so the current stage is always on screen. */
.user-name,.user-role{display:block}
@media(max-width:850px){
.rail{flex-wrap:wrap}
.portal-label{margin:0 12px 0 0}
.rail>.user{display:flex;position:static;flex:1 0 100%;order:9;align-items:center;flex-wrap:wrap;gap:4px 12px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.14)}
.rail>.user .user-name{color:#fff;font-weight:700}
.rail>.user .motion-toggle{margin-left:auto}
.nav-group{display:inline-flex;align-items:center;flex:none;padding:0 4px 0 14px;white-space:nowrap}
}
@media(max-width:1000px){
.phase-head{display:block}
.spine{flex-direction:column;overflow:visible;gap:2px;padding-bottom:0}
.stage{min-width:0}
.stage:not(:last-of-type)::after{display:block}
}

.document-editor{width:100%;min-height:360px;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.interview-files{margin-top:22px}.shared-files{margin:8px 0 14px;padding-left:18px}.form .check{display:flex;gap:10px;align-items:flex-start}.form .check input{margin-top:4px}

.accuracy-table{width:100%;border-collapse:collapse;font-size:14px}.accuracy-table th,.accuracy-table td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.accuracy-table .number{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.sizing-basis .factor{margin:8px 0}.sizing-basis summary{cursor:pointer}.factor-evidence{list-style:none;margin:8px 0 0;padding:0}.factor-evidence blockquote{margin:2px 0 10px;padding:6px 12px;border-left:3px solid var(--gold);background:#fff5df}.factor-evidence mark{background:#ffe9a8;padding:0 3px;border-radius:3px}.factor-scores{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:12px 0}

.pilot-scope .grid>label.wide{grid-column:1/-1}
/* Motion (see motion.js). Every rule is gated on html[data-motion="on"], so
   the static design is unchanged when motion is off or reduced. Entrances use
   the individual `translate` property so they never override an element's own
   `transform` (the product frame is rotated). */
@keyframes ma-rise{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes ma-fade{from{opacity:0}to{opacity:1}}
@keyframes ma-pop{from{opacity:0;scale:.97}to{opacity:1;scale:1}}
@keyframes ma-underline{from{background-size:0% .12em}to{background-size:100% .12em}}
@keyframes ma-badge{0%{scale:.6;opacity:0}60%{scale:1.12;opacity:1}100%{scale:1}}
@keyframes ma-glow{0%,100%{box-shadow:0 42px 90px rgba(11,23,42,.16)}50%{box-shadow:0 42px 90px rgba(11,23,42,.16),0 0 0 6px rgba(224,173,47,.14)}}
.motion-toggle{background:none;border:0;padding:6px 0 0;color:inherit;font:inherit;font-size:12px;opacity:.75;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.motion-toggle:hover,.motion-toggle:focus-visible{opacity:1}
.site-footer .motion-toggle{padding:0 0 0 12px;font-size:inherit;color:inherit;white-space:nowrap}

/* Public site: hero entrance */
html[data-motion="on"] .site-hero .hero-copy>*{animation:ma-rise .7s cubic-bezier(.2,.7,.2,1) both}
html[data-motion="on"] .site-hero .hero-copy>:nth-child(2){animation-delay:.08s}
html[data-motion="on"] .site-hero .hero-copy>:nth-child(3){animation-delay:.16s}
html[data-motion="on"] .site-hero .hero-copy>:nth-child(4){animation-delay:.24s}
html[data-motion="on"] .site-hero .hero-copy>:nth-child(5){animation-delay:.32s}
html[data-motion="on"] .site-hero h1 em{background:linear-gradient(var(--site-gold,#e0ad2f),var(--site-gold,#e0ad2f)) no-repeat 0 92%/100% .12em;animation:ma-underline .9s .7s cubic-bezier(.6,0,.2,1) both}
html[data-motion="on"] .site-hero .product-frame{animation:ma-rise .9s .3s cubic-bezier(.2,.7,.2,1) both}
html[data-motion="on"] .site-cta,html[data-motion="on"] .work-grid article{transition:translate .2s ease,box-shadow .2s ease}
html[data-motion="on"] .site-cta:hover,html[data-motion="on"] .work-grid article:hover{translate:0 -2px}

/* Public site: scroll reveals, staggered by sibling index */
html[data-motion="on"] [data-reveal]{opacity:0;translate:0 22px;transition:opacity .7s cubic-bezier(.2,.7,.2,1),translate .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(min(var(--i,0),5) * 80ms)}
html[data-motion="on"] [data-reveal].revealed{opacity:1;translate:0 0}
@media print{html[data-motion="on"] [data-reveal]{opacity:1;translate:none}}

/* Public site: the product preview plays its discovery sequence */
html[data-motion="on"] .product-frame.demo-live{animation:ma-glow 4s ease-in-out infinite}
html[data-motion="on"] .demo-live .answer-card,html[data-motion="on"] .demo-live .insight-row,html[data-motion="on"] .demo-live .question-card{transition:opacity .45s ease,translate .45s ease}
html[data-motion="on"] .demo-live aside span{transition:background-color .35s ease,color .35s ease}
html[data-motion="on"] .demo-live:not([data-demo-step="answer"]):not([data-demo-step="captured"]):not([data-demo-step="question"]):not([data-demo-step="outputs"]):not([data-demo-step="rest"]) .answer-card,
html[data-motion="on"] .demo-live[data-demo-step="answer"] .insight-row,
html[data-motion="on"] .demo-live[data-demo-step="answer"] .question-card,
html[data-motion="on"] .demo-live[data-demo-step="captured"] .question-card{opacity:0;translate:0 10px}
html[data-motion="on"] .demo-live[data-demo-step="captured"] .insight-row b{animation:ma-badge .5s cubic-bezier(.3,1.4,.5,1) both}
html[data-motion="on"] .demo-live[data-demo-step="question"] aside span:nth-of-type(1),html[data-motion="on"] .demo-live[data-demo-step="outputs"] aside span:nth-of-type(1),html[data-motion="on"] .demo-live[data-demo-step="rest"] aside span:nth-of-type(1){background:none;color:#798390;font-weight:400;border-left:0}
html[data-motion="on"] .demo-live[data-demo-step="question"] aside span:nth-of-type(2),html[data-motion="on"] .demo-live[data-demo-step="outputs"] aside span:nth-of-type(2),html[data-motion="on"] .demo-live[data-demo-step="rest"] aside span:nth-of-type(2){background:#e1e8ef;color:#1a2f4a;font-weight:800;border-left:2px solid #1a2f4a}
html[data-motion="on"] .demo-live .product-caption strong{transition:color .35s ease}
html[data-motion="on"] .demo-live[data-demo-step="outputs"] .product-caption strong,html[data-motion="on"] .demo-live[data-demo-step="rest"] .product-caption strong{color:#8a6100}
html[data-motion="on"] .demo-live[data-demo-step="outputs"] .product-caption strong:nth-of-type(2){transition-delay:.25s}
html[data-motion="on"] .demo-live[data-demo-step="outputs"] .product-caption strong:nth-of-type(3){transition-delay:.5s}

/* Customer and administrator app: quiet, fast transitions only */
html[data-motion="on"] #page.motion-enter>*{animation:ma-rise .32s cubic-bezier(.2,.7,.2,1) both}
html[data-motion="on"] #page.motion-enter>:nth-child(2){animation-delay:.04s}
html[data-motion="on"] #page.motion-enter>:nth-child(3){animation-delay:.08s}
html[data-motion="on"] #page.motion-enter>:nth-child(n+4){animation-delay:.12s}
html[data-motion="on"] .modal{animation:ma-fade .18s ease both}
html[data-motion="on"] .modal>.modal-box{animation:ma-pop .22s cubic-bezier(.2,.8,.2,1) both}
html[data-motion="on"] .btn{transition:translate .12s ease,box-shadow .15s ease,background-color .15s ease}
html[data-motion="on"] .btn:active{translate:0 1px}