:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#191816;background:#f5f3ee;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 75% 0%,rgba(154,117,80,.08),transparent 26rem),#f5f3ee}button{font:inherit}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;padding:27px 18px 20px;border-right:1px solid #dfdcd4;background:#f6f4efed;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 28px}.brand-mark{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#1d1b18;color:#fff;font-family:Georgia,serif;font-size:18px}.brand-name{font-family:Georgia,Times New Roman,serif;font-size:19px;line-height:1}.brand-subtitle{margin-top:5px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#8d887f}.nav{display:flex;flex-direction:column;gap:3px}.nav-item{width:100%;border:0;background:transparent;color:#69655f;border-radius:8px;padding:10px 11px;display:flex;align-items:center;gap:11px;cursor:pointer;text-align:left;transition:background .12s ease,color .12s ease}.nav-item:hover{background:#ece9e2;color:#1d1b18}.nav-item.active{background:#e7e2d8;color:#1d1b18;font-weight:600}.sidebar-bottom{margin-top:auto}.workspace-card{border-top:1px solid #dfdcd4;padding:18px 8px 0;display:flex;gap:10px;align-items:center}.workspace-avatar{width:34px;height:34px;border-radius:8px;background:#d9c8b5;display:grid;place-items:center;font-size:11px;font-weight:700}.workspace-card strong,.workspace-card span{display:block}.workspace-card strong{font-size:12px}.workspace-card span{margin-top:3px;color:#8a857d;font-size:11px}.main-area{grid-column:2;min-width:0}.topbar{min-height:106px;padding:30px 46px 20px;display:flex;align-items:flex-end;justify-content:space-between}.topbar h1{margin:5px 0 0;font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:500}.eyebrow,.section-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#918b81;font-weight:700}.topbar-actions{display:flex;gap:10px;align-items:center}.mode-pill{border:1px solid #d9d5cc;background:#ffffff80;border-radius:999px;padding:8px 12px;display:flex;align-items:center;gap:8px;font-size:11px}.mode-dot{width:7px;height:7px;background:#7c9a7b;border-radius:50%}.avatar-button{border:0;background:transparent;padding:6px;cursor:pointer;color:#46423c}.page{padding:12px 46px 50px;max-width:1420px}.hero-grid{border-top:1px solid #d7d2c9;border-bottom:1px solid #d7d2c9;padding:46px 0;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(340px,.7fr);gap:70px;align-items:end}.hero-copy h2,.import-heading h2,.placeholder h2{margin:10px 0 18px;max-width:720px;font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,4.3vw,65px);line-height:.99;letter-spacing:-.035em;font-weight:500}.hero-copy p,.import-heading p,.placeholder p{max-width:570px;margin:0;color:#716d66;line-height:1.65;font-size:14px}.status-panel{border-left:1px solid #d7d2c9;padding-left:32px}.status-top{display:flex;justify-content:space-between;padding-bottom:22px}.status-top h3{margin:5px 0 0;font-size:19px;font-weight:500}.status-line{display:flex;justify-content:space-between;gap:25px;padding:13px 0;border-top:1px solid #dedad2;font-size:12px}.status-line strong{font-size:15px}.status-line.muted{color:#89847c}.section-block{padding:40px 0;border-bottom:1px solid #d7d2c9}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:22px}.section-heading h3{margin:6px 0 0;font-family:Georgia,Times New Roman,serif;font-size:25px;font-weight:500}.text-button{border:0;background:transparent;display:inline-flex;align-items:center;gap:5px;color:#68635d;cursor:pointer;font-size:12px}.recommendation{background:#ebe5db;border-radius:3px;padding:30px;display:flex;justify-content:space-between;gap:32px}.recommendation-main{display:flex;gap:20px}.recommendation-icon{width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:#d9c8b5;display:grid;place-items:center}.recommendation-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#766e64;font-weight:700}.recommendation h4{font-family:Georgia,Times New Roman,serif;font-weight:500;font-size:24px;line-height:1.18;max-width:610px;margin:8px 0}.recommendation p{color:#6a655e;line-height:1.55;max-width:650px;font-size:13px}.audience-flow{display:flex;align-items:center;gap:14px;margin-top:24px}.audience-flow>div{display:flex;flex-direction:column}.audience-flow strong{font-family:Georgia,Times New Roman,serif;font-size:21px;font-weight:500}.audience-flow span{color:#827b72;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.recommendation-actions{display:flex;align-items:flex-end;gap:8px;flex-shrink:0}.button{border:1px solid transparent;padding:10px 15px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600}.button.primary{background:#1d1b18;color:#fff}.button.secondary{border-color:#c9c1b6;background:transparent;color:#302d29}.timeline-card{display:grid;grid-template-columns:64px 1fr auto auto;align-items:center;gap:25px;padding:22px 0;border-top:1px solid #dedad2;border-bottom:1px solid #dedad2}.timeline-date{border-right:1px solid #d7d2c9;display:flex;flex-direction:column}.timeline-date span{font-size:9px;color:#8c867e;letter-spacing:.12em}.timeline-date strong{font-family:Georgia,serif;font-weight:500;font-size:28px}.timeline-meta{color:#918b82;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.timeline-content h4{margin:5px 0 4px;font-size:15px}.timeline-content p{margin:0;color:#78736c;font-size:12px}.offer-chip{border:1px solid #ccc5ba;padding:7px 9px;border-radius:999px;font-size:10px}.timeline-state{font-size:11px;color:#6b665f;display:flex;align-items:center;gap:7px}.state-dot{width:7px;height:7px;background:#c79966;border-radius:50%}.lower-grid{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #d7d2c9}.quiet-card{min-height:160px;padding:32px 28px 32px 0;border-right:1px solid #d7d2c9;display:flex;flex-direction:column}.quiet-card+.quiet-card{padding-left:28px}.quiet-card:last-child{border-right:0}.big-number{font-family:Georgia,Times New Roman,serif;font-size:39px;font-weight:500;margin-top:17px}.quiet-label{color:#89837b;font-size:11px}.activity-strip{padding:22px 0 0;display:flex;justify-content:space-between;color:#57534d;font-size:11px}.activity-strip>div{display:flex;align-items:center;gap:8px}.activity-muted{color:#908a82}.import-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;padding:45px 0 34px;border-top:1px solid #d7d2c9}.import-heading h2{font-size:clamp(36px,4vw,58px)}.safety-note{max-width:310px;display:flex;align-items:flex-start;gap:9px;background:#e7ede4;padding:15px;font-size:11px;line-height:1.5}.steps{border-top:1px solid #d7d2c9;border-bottom:1px solid #d7d2c9;display:grid;grid-template-columns:repeat(4,1fr)}.step{padding:16px 0;font-size:11px;color:#aaa49b;display:flex;align-items:center;gap:8px}.step span{width:22px;height:22px;border-radius:50%;border:1px solid #d2cdc4;display:grid;place-items:center;font-size:9px}.step.active{color:#282521}.step.active span{background:#282521;color:#fff;border-color:#282521}.upload-panel,.mapping-panel,.preview-panel,.done-panel{margin-top:34px;border:1px solid #d7d2c9;background:#ffffff52}.upload-panel,.done-panel{padding:70px 30px;text-align:center}.upload-icon,.done-icon{width:55px;height:55px;border-radius:50%;background:#e7e2d8;margin:0 auto 18px;display:grid;place-items:center}.upload-panel h3,.done-panel h3{font-family:Georgia,serif;font-size:27px;font-weight:500;margin:8px 0}.upload-panel p,.done-panel p{color:#817b73;font-size:12px;margin-bottom:22px}.mapping-panel,.preview-panel{padding:28px}.mapping-row{display:grid;grid-template-columns:1fr 30px 1fr 70px;gap:16px;align-items:center;border-top:1px solid #dfdbd3;padding:15px 0}.source-column,.target-column{display:flex;flex-direction:column}.source-column span,.target-column span{font-size:9px;color:#938c84;text-transform:uppercase;letter-spacing:.08em}.source-column strong,.target-column strong{margin-top:3px;font-size:13px}.mapping-confidence,.confidence{font-size:10px;color:#63755f;background:#e4ebe1;padding:6px 8px;text-align:center}.panel-footer{border-top:1px solid #dfdbd3;padding-top:20px;margin-top:15px;display:flex;justify-content:flex-end;gap:8px}.preview-summary,.done-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:25px}.preview-stat{padding:20px;border-right:1px solid #ddd8d0;display:flex;flex-direction:column}.preview-stat:last-child{border-right:0}.preview-stat strong{font-family:Georgia,serif;font-size:30px;font-weight:500}.preview-stat span{color:#8a847b;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.issue-row{display:grid;grid-template-columns:70px 1fr 1fr;gap:20px;padding:14px 12px;border-top:1px solid #ddd8d0;font-size:11px}.issue-row.warning{background:#f3ece0}.issue-row span{color:#7e776d}.done-stats{max-width:560px;margin:30px auto}.placeholder{padding-top:65px}@media(max-width:960px){.app-shell{grid-template-columns:78px 1fr}.sidebar{width:78px;padding-left:12px;padding-right:12px}.brand>div:last-child,.nav-item span,.workspace-card>div:last-child{display:none}.brand{justify-content:center;padding-left:0;padding-right:0}.nav-item,.workspace-card{justify-content:center}.hero-grid{grid-template-columns:1fr}.status-panel{border-left:0;padding-left:0;border-top:1px solid #d7d2c9;padding-top:28px}.recommendation{flex-direction:column}.recommendation-actions{align-items:center}.timeline-card{grid-template-columns:55px 1fr}.offer-chip,.timeline-state{grid-column:2}}@media(max-width:680px){.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid #dfdcd4;padding:10px}.brand,.sidebar-bottom{display:none}.nav{flex-direction:row}.nav-item{width:auto;white-space:nowrap}.nav-item span{display:inline}.main-area{display:block}.topbar,.page{padding-left:20px;padding-right:20px}.topbar{min-height:92px}.mode-pill{display:none}.hero-grid,.import-heading{padding-top:30px}.import-heading{flex-direction:column;align-items:flex-start}.recommendation-main{flex-direction:column}.audience-flow{gap:8px;flex-wrap:wrap}.lower-grid{grid-template-columns:1fr}.quiet-card,.quiet-card+.quiet-card{padding-left:0;border-right:0;border-bottom:1px solid #d7d2c9}.activity-strip{flex-direction:column;gap:10px}.steps{grid-template-columns:repeat(2,1fr)}.mapping-row{grid-template-columns:1fr}.mapping-row>svg{transform:rotate(90deg)}.preview-summary,.done-stats{grid-template-columns:1fr}.preview-stat{border-right:0;border-bottom:1px solid #ddd8d0}.issue-row{grid-template-columns:1fr}}