:root{--ink:#14263e;--muted:#627187;--blue:#2457cd;--line:#dce5ef;--pale:#eff4fd;--green:#156a50;--red:#b03b42}*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:var(--ink);font:14px/1.45 Inter,Arial,sans-serif}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #e0a62d;outline-offset:3px}header{max-width:1160px;margin:auto;padding:22px 24px 13px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:25px;letter-spacing:-1px;font-weight:900}.sheet{font-size:12px;font-weight:650}main{max-width:1160px;margin:auto;padding:0 24px 35px}.aggregate{background:#16365f;color:white;border-radius:13px;margin:6px 0 23px;padding:20px 24px;display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:24px;align-items:center}.aggregate .label{font-size:12px;font-weight:650;line-height:1.5}.aggregate .label small{display:block;color:#bfd1ed;font-size:12px;font-weight:400;margin-top:4px}.aggregate b{display:block;font-size:28px;letter-spacing:-.7px;white-space:nowrap}.aggregate span{font-size:12px;color:#c4d3e9}.product{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden;margin-bottom:22px}.product h2{font-size:20px;font-weight:750;letter-spacing:-.4px;margin:0}.title{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:16px 22px;border-bottom:1px solid var(--line)}.title small{font-size:12px;color:var(--muted)}.comparison{display:grid;grid-template-columns:1fr 1fr}.source{display:grid;grid-template-columns:115px 1fr;gap:18px;padding:20px 22px}.source:first-child{border-right:1px solid var(--line)}.photo{min-width:0;height:146px;background:#fafbfc;border-radius:7px;display:flex;align-items:center;justify-content:center}.photo img{display:block;max-width:112px;max-height:140px;object-fit:contain}.source.china .photo img{max-width:115px;max-height:145px}.source.china .photo img.tiny{width:70px;height:70px}.source-label{font-size:12px;letter-spacing:1px;color:var(--blue);font-weight:800;text-transform:uppercase;margin-bottom:6px}.source-price{font-size:25px;letter-spacing:-.6px;font-weight:750;margin:3px 0 8px}.source-price small{font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted);margin-left:8px}.source-data{font-size:12px;line-height:1.8}.source-data b{font-weight:750}.source-note{font-size:12px;color:var(--muted);margin:6px 0;max-width:340px}.source-link{font-size:12px;font-weight:700}.sup-costs{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;font-size:12px}.sup-costs span{color:var(--muted)}.sup-costs b{font-weight:700;color:var(--ink)}.sup-costs .full{grid-column:1/-1;font-size:12px;margin-top:3px}.forecast-label{background:var(--pale);padding:8px 22px;font-size:12px;font-weight:750;display:flex;align-items:center;justify-content:space-between}.estimate{font-size:12px;color:var(--blue);font-weight:500}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:760px}thead th{text-align:right;color:var(--muted);font-size:12px;font-weight:600;padding:12px 12px 10px;border-bottom:1px solid var(--line);line-height:1.35}thead th:first-child{text-align:left;width:130px;padding-left:22px}tbody td{text-align:right;padding:15px 12px;border-bottom:1px solid #edf1f6;font-size:16px;font-weight:750;white-space:nowrap;letter-spacing:-.2px}tbody td:first-child{text-align:left;font-size:12px;font-weight:650;padding-left:22px;letter-spacing:0}tbody tr:last-child td{border-bottom:0}tbody td small{display:block;font-size:12px;font-weight:400;color:var(--muted);letter-spacing:0;margin-top:3px}.positive{color:var(--green)}.negative{color:var(--red)}.info{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border:1px solid #b8c9df;border-radius:50%;background:white;color:#567298;font-size:12px;vertical-align:middle;margin-left:5px;cursor:pointer;padding:0;line-height:1}.favorable{padding:13px 22px;background:#edf7f2;border-top:1px solid #d9e9e0;display:flex;gap:16px;justify-content:space-between;align-items:center;font-size:12px}.favorable b{color:var(--green)}.favorable small{font-size:12px;color:#5e776c;display:block;margin-top:3px}.favorable .numbers{white-space:nowrap;text-align:right}.test{padding:13px 22px;display:flex;gap:25px;align-items:center;border-top:1px solid var(--line);font-size:12px}.test span{color:var(--muted)}.test b{color:var(--ink);margin-left:5px;white-space:nowrap}.test .test-label{font-weight:750;color:var(--ink);margin-right:auto}.small-note{font-size:12px;color:var(--muted);margin:8px 0 0}.sheet-status{font-size:12px;color:var(--muted);margin:0 0 15px}dialog{border:1px solid var(--line);border-radius:14px;padding:0;max-width:590px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 20px 80px #15243a30}dialog::backdrop{background:#11243a66;backdrop-filter:blur(2px)}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid var(--line)}.dialog-head h3{font-size:17px;line-height:1.3;margin:0}.dialog-head button{border:0;background:#edf2f8;border-radius:50%;width:27px;height:27px;cursor:pointer;font-size:20px;line-height:1}.dialog-body{padding:20px 24px;font-size:12px;max-height:70vh;overflow-y:auto}.calc{display:grid;grid-template-columns:1fr auto;gap:0 15px;margin:0 0 15px}.calc dt,.calc dd{border-bottom:1px solid #edf1f6;padding:7px 0;margin:0}.calc dt{color:var(--muted)}.calc dd{font-weight:650;text-align:right}.dialog-body p{font-size:12px;color:var(--muted)}.dialog-body p b{color:var(--ink)}.mobile-hint{display:none}@media(max-width:850px){.source{grid-template-columns:85px 1fr;gap:12px;padding:17px}.photo{height:127px}.photo img,.source.china .photo img{max-width:85px;max-height:120px}.source-price{font-size:22px}.source-data{font-size:12px}.aggregate{gap:16px;grid-template-columns:1.2fr repeat(3,1fr)}.aggregate b{font-size:24px}.sup-costs{font-size:12px;gap:4px 10px}.test{gap:15px;padding:13px 17px}.test .test-label{margin-right:0}}@media(max-width:650px){header{padding:18px 16px 12px}main{padding:0 14px 24px}.brand{font-size:24px}.sheet{font-size:12px}.aggregate{grid-template-columns:repeat(3,1fr);padding:17px;gap:14px;margin-bottom:17px}.aggregate .label{grid-column:1/-1;font-size:12px}.aggregate .label small{display:inline;margin-left:6px;font-size:12px}.aggregate b{font-size:22px}.aggregate span{font-size:12px}.title{padding:14px 17px}.product h2{font-size:19px}.title small{font-size:12px}.comparison{grid-template-columns:1fr}.source{grid-template-columns:108px 1fr;padding:16px 17px;gap:15px}.source:first-child{border-right:0;border-bottom:1px solid var(--line)}.photo{height:140px}.photo img,.source.china .photo img{max-width:108px;max-height:138px}.source-price{font-size:25px}.source-data{font-size:12px}.sup-costs{font-size:12px;gap:5px 13px}.sup-costs .full{font-size:12px}.forecast-label{padding:9px 17px}.favorable{display:block;padding:13px 17px;font-size:12px}.favorable .numbers{text-align:left;margin-top:7px}.test{display:grid;grid-template-columns:1fr 1fr;gap:8px 13px;font-size:12px}.test .test-label{grid-column:1/-1}.test span:last-child{grid-column:1/-1}.mobile-hint{display:block;font-size:12px;color:var(--muted);padding:6px 17px;background:#fafbfd}.dialog-head,.dialog-body{padding:18px}.dialog-head h3{font-size:16px}}@media(max-width:380px){.aggregate b{font-size:20px}.source{grid-template-columns:85px 1fr;gap:11px}.photo img,.source.china .photo img{max-width:85px}.source-price{font-size:23px}.source-data{font-size:12px}.sup-costs{font-size:12px}.test{font-size:12px}}@media print{body{background:white}.sheet{display:none}.product{break-inside:avoid}dialog{display:none}.table-scroll{overflow:visible}}
/* Light palette and precise grid inspired by the inspected Remocn reference. */
:root{--ink:#17191c;--muted:#767b83;--blue:#a81acc;--line:#dedfe3;--pale:#f6f4f8;--green:#23674e;--red:#ad3848}body{background:#f9f9fa;font-family:Inter,'Helvetica Neue',Arial,sans-serif}header{padding-top:25px;padding-bottom:20px;border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}main{border-left:1px solid var(--line);border-right:1px solid var(--line)}.brand{font-size:24px;font-weight:650;letter-spacing:-1.2px}.sheet{background:#f5f7fc;color:white;border:1px solid #ad19dc;border-radius:6px;padding:9px 13px;font-weight:500}.aggregate{background:transparent;color:var(--ink);border:1px solid var(--line);border-top:0;border-radius:0;margin-top:0;margin-bottom:16px;padding:27px 24px;gap:24px}.aggregate .label{font-size:15px;font-weight:500;letter-spacing:-.25px}.aggregate .label small{color:var(--muted);font-family:'SFMono-Regular',Consolas,monospace;font-size:12px;line-height:1.7}.aggregate b{font-size:34px;font-weight:550;letter-spacing:-1.5px}.aggregate span{color:var(--muted);font-size:12px}.aggregate>div:not(:first-child){border-left:1px solid var(--line);padding-left:24px}.product{border-radius:0;box-shadow:none;background:#fff;margin-bottom:27px}.title{padding:19px 22px}.product h2{font-size:26px;font-weight:500;letter-spacing:-.8px}.title small,.source-label,.forecast-label,.estimate{font-family:'SFMono-Regular',Consolas,monospace}.title small{color:var(--blue)}.source-label{font-weight:500;letter-spacing:.65px;font-size:12px}.source-price{font-size:28px;font-weight:550;letter-spacing:-1px}.source-price small{letter-spacing:0}.photo{background:#f8f8f9;border-radius:2px}.forecast-label{background:#faf8fc;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;font-weight:500}.estimate{font-size:12px;letter-spacing:.4px}thead th{font-weight:400;color:#737780;padding-top:14px;padding-bottom:14px}tbody td{font-weight:550;font-size:16px;letter-spacing:-.5px}tbody td:first-child{font-weight:500}.info{border-color:#d5b4e1;color:#9d30ba;font-weight:500}.favorable{background:#faf5fc;border-top:1px solid #eadfec;font-weight:400}.favorable b{color:#9223aa;font-weight:600}.favorable small{color:#86718c}.test{font-size:12px}.test b{font-weight:600}.test .test-label{font-weight:500}.sheet-status{font-size:12px;color:#92949a;margin:0 0 20px}.dialog-head{background:#faf8fc}.dialog-head h3{font-weight:500;letter-spacing:-.4px}.dialog-head button{background:#f0e8f4}.calc dd{font-weight:550}dialog{border-radius:8px}.positive{color:#226549}.negative{color:#a53b48}@media(max-width:850px){.aggregate{gap:16px}.aggregate>div:not(:first-child){padding-left:16px}.aggregate b{font-size:28px}.source-price{font-size:24px}}@media(max-width:650px){header{padding:17px 15px}.sheet{padding:7px 10px}.aggregate{padding:19px 16px;gap:13px}.aggregate .label{font-size:13px}.aggregate .label small{display:block;margin-left:0;margin-top:5px}.aggregate>div:not(:first-child){padding-left:13px}.aggregate>div:nth-child(2){border:0;padding-left:0}.aggregate b{font-size:25px;letter-spacing:-1px}.aggregate span{font-size:12px}.product h2{font-size:23px}.title{padding:16px 17px}.source-price{font-size:27px}.forecast-label{font-size:12px}.estimate{font-size:12px}.test{font-size:12px}.product{margin-bottom:22px}}@media(max-width:380px){.aggregate b{font-size:21px}.aggregate>div:not(:first-child){padding-left:8px}.aggregate>div:nth-child(2){padding-left:0}.product h2{font-size:21px}}
/* Readability pass: comfortable real text sizes, not page zoom. */
:root{--muted:#62666f}body{font-size:17px;line-height:1.6}header,main{max-width:1240px}.brand{font-size:29px}.sheet{font-size:16px;padding:10px 16px}.aggregate{grid-template-columns:1.15fr repeat(3,1fr);padding:26px 24px}.aggregate .label{font-size:18px;line-height:1.45}.aggregate .label small{font-size:14px;line-height:1.65}.aggregate b{font-size:33px;font-weight:600}.aggregate span{font-size:15px;line-height:1.4;display:block}.product h2{font-size:28px}.title{padding:22px 26px}.title small{font-size:15px}.source{grid-template-columns:115px 1fr;padding:25px 26px;gap:22px}.source-label{font-size:14px;line-height:1.5}.source-price{font-size:30px;margin-top:7px}.source-price small{font-size:16px;display:inline-block;margin-left:7px}.source-data{font-size:17px;line-height:1.8}.source-note{font-size:15px;line-height:1.5;margin:8px 0;color:#62666f}.source-link{font-size:16px;margin-top:8px}.sup-costs{font-size:16px;line-height:1.5;gap:10px 18px}.sup-costs .full{font-size:17px}.photo{height:157px}.forecast-label{font-size:16px;line-height:1.5;padding:14px 26px;gap:20px;flex-wrap:wrap}.estimate{font-size:14px;line-height:1.5}.table-scroll table{min-width:1080px}thead th{font-size:15px;line-height:1.45;padding:17px 14px;font-weight:500}thead th:first-child{width:170px;padding-left:26px}tbody td{font-size:20px;line-height:1.45;padding:20px 14px;letter-spacing:-.4px}tbody td:first-child{font-size:17px;padding-left:26px}tbody td small{font-size:14px;line-height:1.4;margin-top:5px}.info{width:26px;height:26px;font-size:15px;margin-left:7px}.favorable{font-size:17px;padding:18px 26px;gap:26px}.favorable small{font-size:15px;line-height:1.5;margin-top:5px}.favorable .numbers{font-size:17px;white-space:normal;min-width:290px}.test{font-size:16px;line-height:1.5;padding:18px 26px;gap:24px;flex-wrap:wrap}.test span{font-size:16px}.test b{display:block;margin:4px 0 0;font-size:18px}.test .test-label{font-size:17px;max-width:150px}.sheet-status{font-size:15px;line-height:1.5;margin:0 0 22px;color:#62666f}.mobile-hint{font-size:15px;padding:10px 17px}.small-note{font-size:15px}dialog{max-width:920px;width:calc(100% - 48px);max-height:90vh}.dialog-head{padding:22px 28px;position:sticky;top:0;z-index:2;background:#fbf9fc}.dialog-head h3{font-size:24px;line-height:1.3}.dialog-head h3 span{font-size:16px;display:block;color:var(--muted);margin-top:6px;letter-spacing:0}.dialog-head button{width:42px;height:42px;font-size:27px}.dialog-body{padding:24px 28px;font-size:17px;max-height:calc(90vh - 110px)}.revenue{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 0 23px;border-bottom:1px solid var(--line);font-size:19px}.revenue strong{font-size:30px;white-space:nowrap;font-weight:600}.calc-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:23px 0}.cost-group-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:4px}.cost-group h4{font-size:18px;line-height:1.4;margin:0;font-weight:600}.cost-group-head strong{font-size:18px;white-space:nowrap}.cost-line{display:flex;justify-content:space-between;gap:20px;padding:8px 0;font-size:15px;line-height:1.5}.cost-line span{color:#5e626a}.cost-line b{font-size:15px;white-space:nowrap;font-weight:500;font-variant-numeric:tabular-nums}.ad-line{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid var(--line);font-size:18px}.ad-line strong{font-weight:600;white-space:nowrap}.net-result{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 24px;background:#f5f0f7;border:1px solid #e7daec;margin:5px 0 23px;font-size:20px}.net-result strong{font-size:30px;white-space:nowrap;font-weight:600}.roi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-bottom:23px;border-bottom:1px solid var(--line)}.roi-grid span{display:block;font-size:14px;color:var(--muted);line-height:1.5}.roi-grid b{display:block;font-size:19px;margin-top:6px;white-space:nowrap;font-weight:600}.calc-assumptions{margin-top:18px}.calc-assumptions summary{font-size:16px;cursor:pointer;color:#8f28aa;padding:8px 0}.dialog-body .calc-assumptions p{font-size:16px;line-height:1.65;margin:14px 0}.calc-assumptions p b{font-weight:600}@media(max-width:1000px){.aggregate{gap:18px;padding:22px 18px}.aggregate .label{font-size:17px}.aggregate>div:not(:first-child){padding-left:18px}.aggregate b{font-size:29px}.source{grid-template-columns:100px 1fr;gap:16px;padding:22px 20px}.photo img,.source.china .photo img{max-width:100px}.source-price{font-size:27px}.sup-costs{grid-template-columns:1fr;font-size:16px}.sup-costs .full{grid-column:auto}.favorable{align-items:flex-start;gap:20px}.favorable .numbers{min-width:230px}.test .test-label{max-width:none;flex-basis:100%}}@media(max-width:700px){header{padding:18px 17px}.sheet{font-size:15px;padding:9px 12px}main{padding:0 14px 24px}.aggregate{grid-template-columns:repeat(3,1fr);padding:19px 16px;gap:15px}.aggregate .label{grid-column:1/-1;font-size:18px}.aggregate .label small{font-size:14px}.aggregate>div:not(:first-child){padding-left:13px}.aggregate>div:nth-child(2){padding-left:0;border:0}.aggregate b{font-size:26px}.aggregate span{font-size:14px}.comparison{grid-template-columns:1fr}.source:first-child{border-right:0;border-bottom:1px solid var(--line)}.source{grid-template-columns:112px 1fr;padding:22px 18px;gap:18px}.source-data{font-size:17px}.source-label{font-size:14px}.source-price{font-size:29px}.photo img,.source.china .photo img{max-width:110px}.sup-costs{grid-template-columns:1fr 1fr;font-size:15px;gap:9px 13px}.sup-costs .full{grid-column:1/-1;font-size:16px}.title{padding:18px}.product h2{font-size:25px}.title small{font-size:15px}.forecast-label{padding:14px 18px;font-size:16px;gap:7px}.estimate{font-size:14px}.favorable{display:block;padding:18px;font-size:17px}.favorable .numbers{font-size:17px;text-align:left;margin-top:11px}.test{display:grid;grid-template-columns:1fr 1fr;padding:18px;gap:14px 18px;font-size:16px}.test .test-label{grid-column:1/-1;font-size:17px}.test span:last-child{grid-column:1/-1}.test span{font-size:16px}.test b{font-size:18px}.sheet-status{font-size:15px}.mobile-hint{display:block}dialog{width:calc(100% - 24px);max-height:92vh}.dialog-head{padding:19px 20px}.dialog-head h3{font-size:23px}.dialog-head h3 span{font-size:16px}.dialog-body{padding:20px;max-height:calc(92vh - 110px)}.calc-columns{grid-template-columns:1fr;gap:23px}.cost-group h4,.cost-group-head strong{font-size:19px}.cost-line,.cost-line b{font-size:16px}.roi-grid{grid-template-columns:1fr 1fr;gap:20px}.roi-grid span{font-size:15px}.roi-grid b{font-size:20px}.net-result{font-size:19px;padding:18px}.net-result strong{font-size:27px}.revenue{font-size:19px}.revenue strong{font-size:28px}}@media(max-width:420px){.aggregate{gap:12px;padding:17px 13px}.aggregate b{font-size:23px;letter-spacing:-1px}.aggregate span{font-size:14px}.aggregate>div:not(:first-child){padding-left:10px}.aggregate>div:nth-child(2){padding-left:0}.source{grid-template-columns:88px 1fr;gap:13px;padding:19px 15px}.photo img,.source.china .photo img{max-width:88px}.source-price{font-size:27px}.source-price small{display:block;margin-left:0;font-size:16px}.source-data{font-size:16px}.source-note{font-size:15px}.sup-costs{grid-template-columns:1fr}.sup-costs .full{grid-column:auto;font-size:16px}.net-result{display:block}.net-result strong{display:block;margin-top:8px}.revenue strong{font-size:25px}.title{padding:18px 15px}.product h2{font-size:24px}}
button.photo{border:1px solid var(--line);padding:6px;position:relative;cursor:zoom-in;width:100%;font-family:inherit;color:inherit}button.photo:hover{border-color:#b773cf;background:#faf5fc}button.photo:focus-visible{outline:3px solid #b76bcc;outline-offset:3px}.photo-expand{position:absolute;right:5px;bottom:5px;background:#fffffff2;border:1px solid #ddd3e1;width:26px;height:26px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;color:#84259f}.photo-count{display:block;font-size:14px;color:var(--muted);text-align:center;margin-top:7px}.photo-wrap{min-width:0}#photo-viewer{width:calc(100% - 40px);max-width:1200px;height:calc(100dvh - 40px);max-height:none;padding:0;background:#fff;overflow:hidden}#photo-viewer[open]{display:flex;flex-direction:column}.viewer-head{display:flex;align-items:center;gap:20px;padding:17px 24px;border-bottom:1px solid var(--line);flex-shrink:0}.viewer-head h3{font-size:21px;font-weight:500;line-height:1.4;margin:0;flex:1}.viewer-head span{font-size:16px;color:var(--muted);white-space:nowrap}.viewer-close{background:#f2edf5;border:1px solid #e4d9eb;border-radius:5px;width:44px;height:44px;font-size:29px;cursor:pointer;color:#50305d}.viewer-stage{flex:1;min-height:0;position:relative;display:flex;justify-content:center;align-items:center;background:#f9f9fa;padding:18px 65px;touch-action:pan-y pinch-zoom}.viewer-stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.viewer-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:56px;background:#ffffffeb;border:1px solid #d9cede;border-radius:5px;color:#772b92;font-size:35px;cursor:pointer;z-index:1}.viewer-arrow:disabled{opacity:.25;cursor:default}#viewer-prev{left:12px}#viewer-next{right:12px}.viewer-caption{flex-shrink:0;padding:16px 24px;margin:0;font-size:16px;line-height:1.6;border-top:1px solid var(--line);max-height:150px;overflow:auto;color:#51565f}@media(max-width:650px){#photo-viewer{width:100%;height:100dvh;max-width:none;border:0;border-radius:0;margin:0;max-height:none}.viewer-head{padding:14px 16px;gap:12px}.viewer-head h3{font-size:18px}.viewer-head span{font-size:15px}.viewer-close{width:42px;height:42px;flex-shrink:0}.viewer-stage{padding:12px 43px}.viewer-arrow{width:36px;height:48px;font-size:30px}#viewer-prev{left:4px}#viewer-next{right:4px}.viewer-caption{padding:14px 16px;font-size:16px;max-height:180px}.photo-count{font-size:14px}}

/* Continuous full-width sections: outer grid only, no inset frames. */
main{padding:0 0 32px}.aggregate{border-left:0;border-right:0;border-bottom:1px solid var(--line);margin:0}.sheet-status{margin:0;padding:20px 26px;border-bottom:1px solid var(--line)}.product{border:0;border-bottom:1px solid var(--line);margin:0;overflow:hidden}.source:first-child{border-right:0}.aggregate>div:not(:first-child){border-left:0}.title{padding-top:26px;padding-bottom:26px}.table-scroll table{min-width:1200px}thead th:first-child{width:190px}tbody td:first-child{white-space:normal}.favorable{border-bottom:0;padding-top:22px;padding-bottom:22px}button.photo{border:0}.forecast-label{border-top:1px solid var(--line)}@media(max-width:700px){main{padding:0 0 24px}.sheet-status{padding:18px}.product{margin:0}.source:first-child{border-right:0}.title{padding:22px 18px}.aggregate{margin:0}}

.aggregate{grid-template-columns:repeat(4,1fr);gap:24px}.aggregate .label{grid-column:1/-1}.aggregate>div:not(:first-child){padding-left:0}.aggregate b{font-size:31px}@media(max-width:700px){.aggregate{grid-template-columns:repeat(2,1fr);gap:22px 18px}.aggregate .label{grid-column:1/-1}.aggregate>div:not(:first-child){padding-left:0}.aggregate b{font-size:27px}}
.photo-controls{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:8px}.photo-controls button{width:34px;height:36px;flex-shrink:0;background:#faf6fc;border:1px solid #dfd0e5;border-radius:3px;font-size:25px;line-height:1;color:#81249a;cursor:pointer}.photo-controls button:disabled{opacity:.3;cursor:default}.photo-controls .photo-count{margin:0;white-space:nowrap;font-size:14px}.viewer-stage{user-select:none}.viewer-stage img{-webkit-user-drag:none}@media(max-width:420px){.photo-controls{gap:3px}.photo-controls button{width:27px}}
.viewer-stage img[hidden],#viewer-error[hidden]{display:none!important}#viewer-error{position:absolute;bottom:12px;left:60px;right:60px;padding:12px;background:#fff1f1;color:#8c2432;font-size:16px;text-align:center}

.ad-formula{display:block;font-size:15px;line-height:1.6;color:var(--muted);margin-top:6px;max-width:520px}
/* Modern light cards: preserve readable content, remove the page grid. */
:root{--ink:#202937;--muted:#657080;--blue:#5268cc;--line:#e9edf3;--pale:#f5f7fc;--green:#237454;--red:#ac4455}
body{background:#f4f6fa;color:var(--ink)}header{border:0;padding:28px 28px 23px}main{border:0;padding:0 28px 48px}.brand{letter-spacing:-1px;font-weight:700}.sheet{background:#fff;color:#5268bd;border:1px solid #dfe5f1;border-radius:12px;padding:11px 17px;box-shadow:0 2px 4px #1e365003}.sheet:hover{background:#eef2fc;text-decoration:none}.aggregate{background:#f5f7fc;border:1px solid #e7ebf4;border-radius:20px;padding:26px 30px;box-shadow:0 8px 28px #25385b06;gap:23px 28px}.aggregate .label{font-weight:600}.aggregate .label small{font-family:inherit;font-size:15px}.aggregate b{font-weight:650;letter-spacing:-1px}.aggregate span{color:#667286}.sheet-status{border:0;padding:15px 5px 25px;font-size:15px;line-height:1.6}.product{border:1px solid #e7ebf2;border-radius:20px;box-shadow:0 5px 24px #23375307;margin:0 0 26px;overflow:hidden;background:#fff}.title{border:0;padding:27px 28px 18px}.product h2{font-size:28px;font-weight:650;letter-spacing:-.7px}.title small{font-family:inherit;color:#8190a4;font-size:14px;background:#f3f5f9;padding:5px 9px;border-radius:7px}.comparison{gap:18px;padding:0 28px 26px}.source{border:0!important;border-radius:14px;background:#f7f9fc;padding:22px;gap:20px}.source.china{background:#f8f8fd}.source-label{font-family:inherit;color:#64748b;font-weight:650;letter-spacing:.4px}.source-price{font-weight:650}.photo{background:white;border-radius:10px}.photo-controls button{border:1px solid #e2e7ef;border-radius:8px;background:white;color:#5b6bbd}.photo-controls button:hover:not(:disabled){background:#edf1fd}.photo-expand{border-color:#e1e6f0;color:#566ac4;border-radius:6px}.source-link a{color:#5268bc}.forecast-label{margin:0 28px;padding:15px 18px;border:0;border-radius:11px;background:#f1f4fb;font-family:inherit;font-weight:600}.estimate{font-family:inherit;color:#758199;font-size:14px;font-weight:500}.table-scroll{padding:3px 12px 6px}thead th{color:#768294;border-bottom:1px solid #edf0f5;font-weight:500;padding-top:18px;padding-bottom:15px}tbody td{border-bottom:1px solid #f0f3f7;padding-top:21px;padding-bottom:21px}tbody tr:last-child td{border-bottom:0}.info{border-color:#d3dcef;color:#6175bf;background:#f7f9ff}.info:hover{background:#eaf0ff}.favorable{margin:0 28px 26px;border:0;border-radius:13px;background:#f0f7f4;padding:19px 22px}.favorable b{color:#287254}.favorable small{color:#718377}.mobile-hint{background:transparent}.dialog-head{background:#f8faff;border-bottom:1px solid #edf0f5}.dialog-head button{background:#eef2fa;color:#5c6ca1}dialog{border:1px solid #e4eaf2;border-radius:20px;box-shadow:0 24px 85px #18283a26}.net-result{border:0;border-radius:13px;background:#eef6f2}.calc-assumptions summary{color:#5268bc}.viewer-head{border-bottom:1px solid #edf0f5}.viewer-close{background:#f1f4fb;border:1px solid #e1e7f1;color:#5263aa;border-radius:10px}.viewer-arrow{border:1px solid #e2e7f0;color:#5b6bbc;border-radius:10px;box-shadow:0 3px 12px #24365309}.viewer-caption{border-top:1px solid #edf0f5}.viewer-stage{background:#fafbfd}
@media(max-width:1050px){.comparison{gap:14px;padding-left:22px;padding-right:22px}.source{grid-template-columns:96px 1fr;padding:19px;gap:15px}.title{padding-left:24px;padding-right:24px}.forecast-label,.favorable{margin-left:22px;margin-right:22px}}
@media(max-width:700px){header{padding:22px 17px 18px}main{padding:0 14px 30px}.sheet{font-size:15px;padding:10px 12px}.aggregate{border-radius:17px;padding:23px 21px;gap:22px 18px}.aggregate .label{font-size:18px}.aggregate b{font-size:27px}.sheet-status{padding:15px 4px 22px}.product{border-radius:17px;margin-bottom:23px}.title{padding:23px 20px 17px}.product h2{font-size:25px}.comparison{padding:0 16px 20px;gap:14px}.source{grid-template-columns:108px 1fr;padding:19px 17px;gap:18px;border-radius:12px}.forecast-label{margin:0 16px;padding:14px 16px;gap:8px}.table-scroll{padding:0 4px 4px}.favorable{margin:0 16px 20px;padding:18px;border-radius:12px}.mobile-hint{padding:12px 20px 4px}.dialog-head{padding:20px}.dialog-body{padding:20px}#photo-viewer{border-radius:0}}
@media(max-width:420px){header{padding-left:15px;padding-right:15px}.brand{font-size:27px}.sheet{font-size:14px}.aggregate{padding:21px 17px}.aggregate b{font-size:25px}.comparison{padding-left:12px;padding-right:12px}.source{grid-template-columns:86px 1fr;padding:17px 13px;gap:13px}.source-price{font-size:27px}.forecast-label{margin-left:12px;margin-right:12px}.favorable{margin-left:12px;margin-right:12px}.title{padding-left:17px;padding-right:17px}}

.peak-aggregate{background:#f5f7fc}.aggregate b{font-size:29px;letter-spacing:-1px}@media(max-width:700px){.aggregate b{font-size:25px}}@media(max-width:420px){.aggregate b{font-size:22px;letter-spacing:-.8px}}

.aggregate .roi-formula{font-size:14px;color:#79859a;display:block;margin-top:5px}
/* No sideways scrolling: fitted desktop table, labelled period cards on narrow screens. */
.table-scroll{overflow:visible;padding:7px 18px 12px}.table-scroll table{width:100%;min-width:0;table-layout:fixed}thead th,tbody td{padding:16px 7px;white-space:normal;overflow-wrap:normal;word-break:normal}thead th{font-size:14px;line-height:1.5}thead th:first-child,tbody td:first-child{padding-left:10px;width:15%}thead th:nth-child(2){width:8%}thead th:nth-child(3){width:14%}thead th:nth-child(4){width:11%}thead th:nth-child(5){width:14%}thead th:nth-child(6){width:14%}thead th:nth-child(7){width:15%}thead th:nth-child(8){width:9%}tbody td{font-size:17px;line-height:1.5;letter-spacing:-.3px;font-variant-numeric:tabular-nums}tbody td:first-child{font-size:16px}tbody td small{font-size:14px}.info{width:23px;height:23px;font-size:14px;margin-left:4px;vertical-align:middle}.mobile-hint{display:none!important}
@media(max-width:1100px){.table-scroll{padding:6px 16px 18px}.table-scroll table,.table-scroll tbody{display:block;width:100%;min-width:0}.table-scroll thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.table-scroll tbody{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.table-scroll tr{display:block;min-width:0;border:1px solid #e8edf4;border-radius:12px;background:#fff;padding:0 15px 8px}.table-scroll tbody td{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:3px;width:auto!important;text-align:right;font-size:17px;padding:12px 0;border-bottom:1px solid #f0f3f7;white-space:normal;line-height:1.5}.table-scroll tbody td:first-child{display:block;text-align:left;font-size:18px;font-weight:650;background:#f6f8fc;margin:0 -15px 1px;padding:15px;border-radius:12px 12px 0 0;min-height:84px}.table-scroll tbody td:last-child{border:0}.table-scroll tbody td::before{content:attr(data-label);flex:0 0 100%;text-align:left;font-size:15px;font-weight:400;line-height:1.5;color:#657080;margin-bottom:3px;letter-spacing:0}.table-scroll tbody td:first-child::before{display:none}.table-scroll tbody td small{font-size:14px}.table-scroll .info{width:25px;height:25px;font-size:15px}.table-scroll tbody tr:last-child td{border-bottom:1px solid #f0f3f7}.table-scroll tbody tr:last-child td:last-child{border:0}}
@media(max-width:760px){.table-scroll{padding:9px 16px 20px}.table-scroll tbody{grid-template-columns:1fr;gap:15px}.table-scroll tr{padding:0 17px 7px}.table-scroll tbody td{font-size:18px;padding:13px 0;gap:4px}.table-scroll tbody td::before{flex:1 1 52%;max-width:62%;margin:0;padding-right:12px;font-size:16px}.table-scroll tbody td:first-child{min-height:0;margin:0 -17px 1px;padding:16px 17px;font-size:19px}.table-scroll tbody td small{font-size:15px}.table-scroll tbody td:first-child small{margin-top:5px}.table-scroll tbody td:nth-child(5){align-items:flex-start}}
@media(max-width:420px){.table-scroll{padding-left:12px;padding-right:12px}.table-scroll tbody td{font-size:17px}.table-scroll tbody td::before{font-size:15px;flex-basis:49%;max-width:58%;padding-right:8px}}

/* Compact SaaS typography, flat surfaces and materially larger product imagery. */
body{font-size:15px;line-height:1.55}.sheet{font-size:14px}.aggregate .label{font-size:16px}.aggregate .label small{font-size:12px}.aggregate b{font-size:25px}.aggregate span{font-size:13px}.aggregate .roi-formula{font-size:12px}.sheet-status{font-size:13px}.title{padding:23px 25px 16px}.product h2{font-size:23px}.title small{font-size:12px}.comparison{padding:0 24px 23px;gap:16px}.source{grid-template-columns:170px minmax(0,1fr);padding:20px;gap:18px}.source-label{font-size:12px}.source-price{font-size:25px}.source-price small{font-size:14px}.source-data{font-size:15px;line-height:1.7}.source-note{font-size:13px;line-height:1.55}.source-link{font-size:14px}.sup-costs{font-size:14px;gap:8px 13px;grid-template-columns:1fr}.sup-costs .full{font-size:15px}.photo{height:205px}.photo img,.source.china .photo img{width:100%;height:190px;max-width:170px;max-height:190px;object-fit:contain}.photo-count,.photo-controls .photo-count{font-size:12px}.forecast-label{font-size:14px}.estimate{font-size:12px}thead th{font-size:12px}tbody td{font-size:15px}tbody td:first-child{font-size:14px}tbody td small{font-size:12px}.favorable{font-size:15px}.favorable small{font-size:13px}.favorable .numbers{font-size:15px}.dialog-head h3{font-size:21px}.dialog-head h3 span{font-size:14px}.dialog-body{font-size:15px}.dialog-body p,.dialog-body .calc-assumptions p{font-size:14px}.revenue{font-size:16px}.revenue strong{font-size:25px}.cost-group h4,.cost-group-head strong{font-size:16px}.cost-line,.cost-line b{font-size:14px}.ad-line{font-size:16px}.ad-formula{font-size:13px}.net-result{font-size:17px}.net-result strong{font-size:25px}.roi-grid span{font-size:12px}.roi-grid b{font-size:17px}.calc-assumptions summary{font-size:14px}.viewer-head h3{font-size:18px}.viewer-head span,.viewer-caption{font-size:14px}.landed-lines{margin-bottom:20px}.landed-lines .cost-line{padding:13px 0;border-bottom:1px solid #edf0f5}.source .info{width:22px;height:22px;font-size:12px}
@media(max-width:1100px){.source{grid-template-columns:1fr;padding:18px}.photo-wrap{width:190px;max-width:100%;margin:0 auto}.photo{height:215px}.photo img,.source.china .photo img{max-width:190px;height:200px;max-height:200px}.table-scroll tbody td{font-size:15px}.table-scroll tbody td:first-child{font-size:16px;min-height:76px}.table-scroll tbody td::before{font-size:13px}.table-scroll tbody td small{font-size:12px}.table-scroll .info{font-size:12px;width:23px;height:23px}}
@media(max-width:700px){.aggregate b{font-size:23px}.aggregate .label{font-size:16px}.aggregate span{font-size:13px}.product h2{font-size:22px}.title small{font-size:12px}.source{grid-template-columns:150px minmax(0,1fr);gap:16px;padding:18px}.photo-wrap{width:150px}.photo{height:185px}.photo img,.source.china .photo img{max-width:150px;height:170px;max-height:170px}.source-price{font-size:24px}.source-data{font-size:14px}.source-label{font-size:12px}.source-note{font-size:13px}.sup-costs{font-size:13px;grid-template-columns:1fr}.sup-costs .full{font-size:14px}.forecast-label{font-size:14px}.estimate{font-size:12px}.table-scroll tbody td{font-size:16px}.table-scroll tbody td::before{font-size:14px}.table-scroll tbody td:first-child{font-size:17px;min-height:0}.favorable,.favorable .numbers{font-size:14px}.favorable small{font-size:13px}.dialog-head h3{font-size:21px}.cost-line,.cost-line b{font-size:14px}.cost-group h4,.cost-group-head strong{font-size:16px}.roi-grid span{font-size:12px}.roi-grid b{font-size:17px}.net-result{font-size:17px}.net-result strong{font-size:25px}}
@media(max-width:460px){.source{grid-template-columns:1fr;padding:18px}.photo-wrap{width:200px}.photo{height:220px}.photo img,.source.china .photo img{max-width:200px;height:205px;max-height:205px}.source-price small{display:inline-block;margin-left:7px;font-size:14px}.aggregate b{font-size:21px}.sheet{font-size:12px}.table-scroll tbody td{font-size:15px}.table-scroll tbody td::before{font-size:13px}}
/* SELLPRO-derived observed tokens; native static components, no library claim. */
:root{--ink:#020817;--muted:#64748b;--blue:#2463eb;--line:#e2e8f0;--pale:#f8fafc}body{background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;font-size:14px}header{background:transparent}.brand{font-size:28px;font-weight:600;color:#020817}.sheet{background:#2463eb;color:#f8fafc;border:1px solid #2463eb;border-radius:18px;font-weight:500;box-shadow:0 1px 2px #0208170a}.sheet:hover{background:#1d4ed8;color:white}.aggregate{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 1px 3px #02081705}.aggregate .label{font-size:16px;font-weight:600}.aggregate .label small{font-size:12px;color:#64748b}.aggregate b{font-weight:600}.product{border:1px solid #e2e8f0;border-radius:28px;background:white;box-shadow:0 1px 3px #02081705}.product h2{color:#2463eb;font-size:22px;font-weight:600}.title small{background:#f1f5f9;color:#64748b;border-radius:18px}.source,.source.china{background:#fff;border-radius:20px}.comparison{gap:20px}.photo{border-radius:24px;background:#fff}.source-label{color:#64748b;font-weight:500}.source-price{font-size:24px;font-weight:600}.source-link a{color:#2463eb;font-weight:500}.source-note{color:#64748b}.photo-controls button{border-radius:18px;border-color:#e2e8f0;color:#2463eb;box-shadow:0 1px 2px #02081705}.photo-expand{color:#2463eb;border-color:#e2e8f0;border-radius:18px}.forecast-label{background:#f8fafc;color:#020817;border-radius:18px;font-size:14px;font-weight:500}.favorable{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px}.favorable b{color:#2463eb}.favorable small{color:#64748b}.info{color:#2463eb;border-color:#cbd5e1;background:#fff}.info:hover{background:#eff6ff}.dialog-head{background:#fff}.dialog-head button{background:#f1f5f9;color:#475569}.net-result{background:#f1f5f9}.calc-assumptions summary{color:#2463eb}.viewer-close,.viewer-arrow{color:#2463eb;background:#fff;border-color:#e2e8f0}.investment-quantities{margin-bottom:20px}.investment-quantities small{display:block;font-size:12px;color:#64748b;margin-top:3px}.aggregate b .info{margin-left:7px;vertical-align:middle}.table-scroll tbody td:first-child{font-weight:500}.table-scroll tbody td::before{color:#64748b}.source-link{display:flex;gap:14px;flex-wrap:wrap}@media(max-width:1100px){.table-scroll tbody{grid-template-columns:repeat(2,minmax(0,1fr))}.table-scroll tbody td:first-child{background:#f8fafc;border-radius:18px 18px 0 0}.table-scroll tr{border-radius:18px;border-color:#e2e8f0}}@media(max-width:760px){.table-scroll tbody{grid-template-columns:1fr}}@media(max-width:700px){.product{border-radius:24px}.aggregate{border-radius:24px}.product h2{font-size:21px}.source,.source.china{background:#fff}}

/* Current selection status: scoped addition, previous presentation preserved. */
.current-selection{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:20px 24px;margin:6px 0 24px;font-size:16px;line-height:1.6;overflow-wrap:anywhere}
.current-selection h1{font-size:20px;line-height:1.35;font-weight:650;margin:0 0 10px;color:#020817}
.current-selection p{margin:8px 0}
.current-selection a{font-weight:600;color:#2463eb}
.current-selection .previous-stage{border-top:1px solid #e2e8f0;padding-top:12px;margin-top:12px;color:#475569}
@media(max-width:600px){.current-selection{padding:18px 16px}}
