/* Intake v2 — outcome-based intake, tabbed. MakerSights platform tokens. */
.i2-stage{position:fixed;inset:0;background:#e5ebf1;display:flex;flex-direction:column;overflow:hidden}
.i2-bar{height:48px;flex:none;background:#050301;color:#fff;display:flex;align-items:center;gap:16px;padding:0 20px;font-size:13px}
.i2-bar__t{font-weight:700;font-size:14px}
.i2-bar__sp{flex:1}
.i2-bar__note{color:rgba(255,255,255,.5);font-size:12px}
.i2-body{flex:1;min-height:0;display:flex;justify-content:center;align-items:flex-start;overflow:auto;padding:22px}
.i2-fit{transform-origin:top center;flex:none;border-radius:14px;overflow:hidden;box-shadow:0 14px 40px rgba(5,3,1,.16)}

/* frame */
.i2-frame{width:1360px;height:880px;display:flex;flex-direction:column;background:#f6fafd;color:#050301;font-family:'PP Telegraf',sans-serif;overflow:hidden}
.i2-top{height:50px;flex:none;background:#fff;border-bottom:1px solid #e5ebf1;display:flex;align-items:center;gap:12px;padding:0 18px}
.i2-top__logo{font-weight:700;font-size:14px}
.i2-top__logo b{color:#3a8518}
.i2-top__crumb{font-size:12px;color:#636c79}
.i2-top__sp{flex:1}
.i2-work{flex:1;min-height:0;display:flex;overflow:hidden}
.i2-nav{width:52px;flex:none;background:#fff;border-right:1px solid #e5ebf1;display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:5px}
.i2-nav__b{width:36px;height:36px;border-radius:9px;color:#636c79;display:flex;align-items:center;justify-content:center;font-size:17px}
.i2-nav__b.on{background:#050301;color:#fff}
.i2-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}
.i2-btn{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 13px;border-radius:900px;border:1px solid #e5ebf1;background:#fff;font:inherit;font-size:12px;font-weight:600;color:#050301;cursor:pointer;white-space:nowrap}
.i2-btn:hover{background:#eef2f6}
.i2-btn--p{background:#3a8518;border-color:#3a8518;color:#fff}
.i2-btn--p:hover{background:#2b6418}

/* matched banner */
.i2-match{flex:none;background:#f3f9ef;border-bottom:1px solid #dfeed5;padding:11px 26px;display:flex;align-items:center;gap:11px;font-size:13px;color:#4d6b39}
.i2-match i{font-size:18px;color:#3a8518;flex:none}
.i2-match b{color:#050301}
.i2-match__sp{flex:1}

/* output example strip (display only) */
.i2-strip{flex:none;padding:20px 26px 18px;border-bottom:1px solid #e5ebf1;background:#fff}
.i2-k{font-size:10px;font-weight:700;letter-spacing:.14em;color:#636c79;display:flex;align-items:center;gap:10px;margin-bottom:12px}
.i2-k i.rule{flex:1;height:1px;background:#e5ebf1}
.i2-k em{font-style:normal;color:#9aa4af;letter-spacing:.02em;font-weight:400;font-size:11.5px}
.i2-ex{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.i2-exc{border:1px solid #e5ebf1;border-radius:12px;padding:14px 16px 16px;background:#fff;display:flex;flex-direction:column;gap:10px;min-width:0}
.i2-exc__k{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:700;letter-spacing:.12em;color:#3a8518}
.i2-exc__k i.rule{width:14px;height:2px;background:#3a8518;border-radius:900px;flex:none}
.i2-exc__h{font-size:15px;font-weight:700;letter-spacing:-.018em;line-height:1.25;text-wrap:pretty}
.i2-exc__g{margin-top:2px}
.i2-exc__f{font-size:10.5px;color:#9aa4af}

/* tabs */
.i2-tabbar{flex:none;display:flex;align-items:center;gap:22px;padding:0 26px;background:#fff;border-bottom:1px solid #e5ebf1;height:46px}
.i2-tab{background:none;border:none;font:inherit;font-size:13px;font-weight:600;color:#636c79;padding:0;height:46px;cursor:pointer;position:relative}
.i2-tab.on{color:#050301;font-weight:700}
.i2-tab.on::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#3a8518}
.i2-tab span{font-weight:400;color:#9aa4af;font-size:11.5px;margin-left:6px}
.i2-tabbar__sp{flex:1}

/* content */
.i2-content{flex:1;min-height:0;overflow:auto;padding:20px 26px 24px}
.i2-cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;align-items:start}
.i2-card{background:#fff;border:1px solid #e5ebf1;border-radius:14px;overflow:hidden}

/* objective → output wiring */
.i2-ob{background:#fff;border:1px solid #e5ebf1;border-radius:14px;padding:15px 16px;display:flex;flex-direction:column;gap:11px;min-width:0}
.i2-ob__t{display:flex;gap:10px;align-items:flex-start}
.i2-ob__n{font-size:10.5px;font-weight:700;color:#9aa4af;flex:none;padding-top:2px}
.i2-ob__l{font-size:13.5px;font-weight:700;line-height:1.35;letter-spacing:-.01em;text-wrap:pretty;flex:1}
.i2-ob__row{border-top:1px solid #f1f4f7;padding-top:10px;display:flex;flex-direction:column;gap:7px}
.i2-lab{font-size:9.5px;font-weight:700;letter-spacing:.12em;color:#9aa4af}
.i2-ob__chart{font-size:12.5px;color:#373534;line-height:1.4;display:flex;align-items:center;gap:7px}
.i2-ob__chart i{color:#3a8518;font-size:14px;flex:none}
.i2-cuts{display:flex;flex-wrap:wrap;gap:6px}
.i2-cut{font-size:11px;font-weight:600;color:#4d6b39;background:#f3f9ef;border:1px solid #dfeed5;border-radius:900px;padding:3px 9px}
.i2-qs{display:flex;flex-direction:column;gap:7px}
.i2-q{display:flex;gap:9px;align-items:flex-start;font-size:12px;line-height:1.42;color:#373534}
.i2-q__t{flex:none;font-size:9.5px;font-weight:700;letter-spacing:.05em;color:#636c79;background:#eef2f6;border-radius:4px;padding:2px 6px;margin-top:1px;min-width:52px;text-align:center}
.i2-note{display:flex;align-items:center;gap:8px;font-size:12px;color:#9aa4af;margin-top:14px}
.i2-note i{font-size:15px;color:#ced6de}

/* survey tab */
.i2-sec{margin-bottom:16px}
.i2-sec__h{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:12px;font-weight:700}
.i2-sec__n{font-size:10.5px;font-weight:700;color:#9aa4af}
.i2-sec__h em{font-style:normal;font-weight:400;color:#9aa4af;font-size:11.5px;margin-left:auto}
.i2-qr{display:flex;align-items:flex-start;gap:12px;padding:13px 16px;border-top:1px solid #f1f4f7;font-size:13px;line-height:1.45}
.i2-qr:first-child{border-top:none}
.i2-qr__t{flex:1;min-width:0;outline:none;border-radius:5px;text-wrap:pretty}
.i2-qr__t:hover{background:#f7fafc;box-shadow:0 0 0 4px #f7fafc}
.i2-qr__t:focus{background:#fff;box-shadow:0 0 0 2px #a5cf8e}
.i2-qr__meta{flex:none;font-size:11px;color:#9aa4af}
.i2-ico{flex:none;width:26px;height:26px;border-radius:7px;border:none;background:transparent;color:#ced6de;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px}
.i2-qr:hover .i2-ico{color:#636c79}
.i2-ico:hover{background:#eef2f6;color:#050301}
.i2-add{display:flex;align-items:center;gap:8px;width:100%;padding:11px 16px;border-top:1px dashed #dfe6ec;background:transparent;font:inherit;font-size:12.5px;font-weight:600;color:#3a8518;cursor:pointer}
.i2-add:hover{background:#f7fafc}
.i2-cap{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#9aa4af;background:#f6fafd;border:1px dashed #dfe6ec;border-radius:900px;padding:7px 13px;width:fit-content}

/* audience tab */
.i2-arow{display:flex;align-items:center;gap:14px;padding:13px 16px;border-top:1px solid #f1f4f7;font-size:13px}
.i2-arow:first-child{border-top:none}
.i2-arow b{flex:none;width:92px;font-size:11px;font-weight:600;letter-spacing:.05em;color:#636c79;text-transform:uppercase}
.i2-arow span{flex:1;min-width:0}
.i2-seg{display:flex;flex-wrap:wrap;gap:7px;padding:14px 16px}
.i2-segc{font-size:11.5px;font-weight:600;border:1px solid #ced6de;border-radius:900px;padding:5px 11px;background:#fff;color:#373534;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.i2-segc.on{border-color:#3a8518;background:#f3f9ef;color:#2b6418}
.i2-segc i{font-size:13px}
.i2-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#f1f4f7}
.i2-num{background:#fff;padding:15px 16px}
.i2-num b{display:block;font-size:22px;font-weight:700;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.i2-num span{display:block;font-size:11px;color:#9aa4af;margin-top:6px}

/* assets tab */
.i2-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;padding:16px}
.i2-tile{aspect-ratio:3/4;border-radius:9px;background:#f6fafd;border:1px solid #e5ebf1;display:flex;align-items:flex-end;padding:8px;font-size:10px;color:#9aa4af}
.i2-tile.ph{border-style:dashed;align-items:center;justify-content:center;color:#ced6de;font-size:18px}
.i2-drop{margin:0 16px 16px;border:1px dashed #ced6de;border-radius:12px;padding:18px;display:flex;align-items:center;gap:12px;font-size:12.5px;color:#636c79}
.i2-drop i{font-size:20px;color:#3a8518}

/* footer */
.i2-foot{flex:none;background:#fff;border-top:1px solid #e5ebf1;padding:12px 26px;display:flex;align-items:center;gap:14px;font-size:12.5px;color:#636c79}
.i2-foot b{color:#050301;font-weight:700}
.i2-foot__sp{flex:1}

/* ---------- output-shape charts (shape only, no values) ---------- */
.v2-rank{display:flex;flex-direction:column;gap:6px}
.v2-rank__r{display:flex;align-items:center;gap:6px}
.v2-rank__l{width:26px;height:4px;border-radius:900px;background:#dfe6ec;flex:none}
.v2-rank__tr{flex:1;height:8px;border-radius:900px;background:#e9eff4;overflow:hidden}
.v2-rank__tr i{display:block;height:100%;border-radius:900px;background:#3a8518}
.v2-rank__r:nth-child(n+3) .v2-rank__tr i{background:#a5cf8e}
.v2-db{display:flex;flex-direction:column;gap:12px;padding:6px 2px}
.v2-db__r{position:relative;height:8px}
.v2-db__ln{position:absolute;top:3px;height:2px;background:#dfe6ec;border-radius:900px}
.v2-db__d{position:absolute;top:0;width:8px;height:8px;border-radius:900px;margin-left:-4px}
.v2-db__d--a{background:#a5cf8e}
.v2-db__d--b{background:var(--chart-purple)}
.v2-venn{position:relative;height:86px}
.v2-venn__c{position:absolute;top:6px;width:74px;height:74px;border-radius:900px}
.v2-venn__c.a{left:50%;margin-left:-60px;background:rgba(58,133,24,.28)}
.v2-venn__c.b{left:50%;margin-left:-14px;background:color-mix(in srgb,var(--chart-purple) 28%,transparent)}
.v2-range{display:flex;flex-direction:column;gap:11px;padding:6px 2px}
.v2-range__r{position:relative;height:14px}
.v2-range__ln{position:absolute;top:6px;height:2px;background:#dfe6ec;border-radius:900px}
.v2-range__b{position:absolute;top:0;height:14px;border-radius:4px;background:#3a8518}
.v2-segbar{display:flex;flex-direction:column;gap:13px;padding:4px 2px}
.v2-segbar__r{position:relative;height:20px}
.v2-segbar__b{position:absolute;left:0;top:0;height:20px;border-radius:5px}
.v2-segbar__b--a{background:var(--chart-gray)}
.v2-segbar__b--b{background:var(--chart-green)}
.v2-segbar__b--c{background:var(--chart-yellow)}
.v2-segbar__ln{position:absolute;top:9px;height:2px;border-radius:900px}
.v2-segbar__ln--a{background:color-mix(in srgb,var(--chart-gray) 45%,transparent)}
.v2-segbar__ln--b{background:color-mix(in srgb,var(--chart-green) 45%,transparent)}
.v2-segbar__ln--c{background:color-mix(in srgb,var(--chart-yellow) 45%,transparent)}
.v2-choice{display:flex;flex-direction:column;gap:8px}
.v2-choice__row{display:flex;align-items:center;gap:10px;border:1px solid #e5ebf1;border-radius:8px;padding:8px}
.v2-choice__img{width:34px;height:34px;border-radius:6px;background:#e9eff4;flex:none}
.v2-choice__lines{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}
.v2-choice__l1{width:70%;height:7px;border-radius:900px;background:#dfe6ec}
.v2-choice__l2{width:45%;height:6px;border-radius:900px;background:#e9eff4}
.v2-choice__price{width:30px;height:10px;border-radius:900px;background:#dfe6ec;flex:none}
.v2-choice__cta{width:58px;height:18px;border-radius:5px;background:#3a8518;flex:none}
.v2-reach{display:flex;gap:10px;align-items:flex-end;height:100px;padding:4px 2px}
.v2-reach__col{flex:1;position:relative;height:100%}
.v2-reach__gray{position:absolute;left:0;width:46%;bottom:0;background:var(--chart-gray);border-radius:3px 3px 0 0}
.v2-reach__purple{position:absolute;left:54%;width:46%;background:var(--chart-purple);border-radius:3px}
.v2-markets{display:flex;flex-direction:column;gap:16px;padding:2px;align-items:center;justify-content:center;height:100%}
.v2-markets__r{display:flex;align-items:center;gap:8px;justify-content:center;width:100%}
.v2-markets__tag{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:10px;font-weight:600;color:#636c79;border:1px solid #e5ebf1;border-radius:900px;padding:2px 8px;white-space:nowrap;flex:none}
.v2-markets__flag{font-style:normal;font-size:15px;line-height:1}
.v2-markets__chips{display:flex;gap:6px;align-items:center;flex:1;min-width:0}
.v2-markets__c{flex:1;min-width:0;max-width:34px;height:19px;border-radius:4px}
.v2-markets__c--g{background:#3a8518}
.v2-markets__c--n{background:var(--chart-gray)}
.v2-markets__c--y{background:var(--chart-yellow)}
.v2-verdicts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.v2-verdicts__card{border:1px solid #e5ebf1;border-radius:9px;padding:9px;display:flex;flex-direction:column;gap:7px}
.v2-verdicts__hd{display:flex;align-items:center;gap:6px}
.v2-verdicts__dot{width:7px;height:7px;border-radius:900px;flex:none}
.v2-verdicts__dot--g{background:#3a8518}
.v2-verdicts__dot--y{background:var(--chart-yellow)}
.v2-verdicts__ln{flex:1;height:6px;border-radius:900px;background:#dfe6ec}
.v2-verdicts__flags{display:flex;gap:4px}
.v2-verdicts__flags i{font-style:normal;font-size:12px;border:1px solid #e5ebf1;border-radius:900px;padding:0 5px;line-height:1.5}
.v2-verdicts__imgs{display:flex;gap:5px}
.v2-verdicts__imgs i{flex:1;height:52px;border-radius:5px;background:#e9eff4;display:block}
.v2-verdicts__note{height:20px;border-radius:6px;border:1px solid #dfe6ec}
.v2-ibars{display:flex;gap:10px;align-items:stretch}
.v2-ibars__box{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;border:1px solid #e5ebf1;border-radius:8px;padding:10px;background:#fbfdfe}
.v2-ibars__dot{width:7px;height:7px;border-radius:900px;background:#3a8518;display:block}
.v2-ibars__ln{display:block;height:7px;border-radius:900px;background:#dfe6ec}
.v2-ibars__bars{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;justify-content:center;border:1px solid #e5ebf1;border-radius:8px;padding:10px}
.v2-ibars__bars i{display:block;height:11px;border-radius:900px;background:#e9eff4;overflow:hidden}
.v2-ibars__bars em{display:block;height:100%;border-radius:900px;background:#3a8518}
.v2-deepdive{display:flex;flex-direction:column;gap:9px}
.v2-deepdive__top{display:flex;gap:12px;align-items:flex-start}
.v2-deepdive__img{position:relative;width:74px;height:84px;border-radius:7px;background:#e9eff4;flex:none}
.v2-deepdive__badge{position:absolute;top:-6px;left:-6px;width:22px;height:22px;border-radius:900px;background:#3a8518;display:block}
.v2-deepdive__ins{flex:1;display:flex;flex-direction:column;gap:9px;min-width:0}
.v2-deepdive__ins i{display:flex;align-items:center;gap:7px}
.v2-deepdive__ins em{width:5px;height:5px;border-radius:900px;background:#3a8518;flex:none}
.v2-deepdive__ins b{height:7px;border-radius:900px;background:#dfe6ec}
.v2-deepdive__cols{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.v2-deepdive__bars{display:flex;flex-direction:column;gap:7px;min-width:0;border:1px solid #e5ebf1;border-radius:7px;padding:8px}
.v2-deepdive__bars i{display:block;height:10px;border-radius:900px;background:#e9eff4;overflow:hidden}
.v2-deepdive__bars em{display:block;height:100%;border-radius:900px;background:#3a8518}
.v2-deepdive__quotes{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.v2-deepdive__quotes span{height:22px;border-radius:900px;border:1px solid #dfe6ec}
.v2-stack{display:flex;flex-direction:column;gap:7px}
.v2-stack__r{display:flex;gap:2px;height:11px}
.v2-stack__s{border-radius:2px;display:block}
.v2-stack__s.s0{background:#3a8518}
.v2-stack__s.s1{background:#a5cf8e}
.v2-stack__s.s2{background:#e5ebf1}
/* the flat heat grid, used by ei2-app.jsx only. ei4-app's heat is .v2-heatg
   below — a separate class because `.v2-heat span` outranks a BEM child and
   was repainting the new chart's row label green. */
.v2-heat{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.v2-heat span{height:15px;border-radius:3px;background:#3a8518;display:block}

/* heat — the market-by-attribute grid behind Strategy Kickoff's "attributes
   that stand out" and Naming's / Marketing's "the call, by market". Label stub
   from .v2-rank, cell from .v2-markets, so the chart family stays one family. */
.v2-heatg{display:flex;flex-direction:column;gap:6px;justify-content:center;height:100%;padding:2px}
.v2-heatg__r{display:flex;align-items:center;gap:6px}
.v2-heatg__l{width:26px;height:4px;border-radius:900px;background:#dfe6ec;flex:none}
.v2-heatg__r i{flex:1;min-width:0;height:19px;border-radius:4px;background:#3a8518;display:block}