/* Fixed native screen coordinates; the office homography scales the whole UI. */
.laptop-scenes{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;font-family:'DM Sans',Arial,sans-serif;font-synthesis:none;color:#203039}
.laptop-scenes *{box-sizing:border-box}
.laptop-scene{position:absolute;inset:0;width:1000px;height:625px;opacity:0;visibility:hidden;overflow:hidden;background:#f0f3f5;--scene-reveal:0}
.laptop-profile{z-index:1}.laptop-ads{z-index:2}.laptop-report{z-index:3}
.laptop-chrome{height:70px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#20272e;color:#e9eef1;border-bottom:1px solid #ffffff1c;font-size:25px;font-weight:500;line-height:1.2}
.laptop-chrome>span:first-child{display:flex;align-items:center;gap:18px}.laptop-example{font-size:21px;font-weight:400;color:#c0cad3}
.laptop-google{font-family:Arial,sans-serif;font-size:30px;letter-spacing:-1.4px;font-weight:600}.laptop-google i{font-style:normal}.laptop-google i:nth-child(1),.laptop-google i:nth-child(4){color:#8ab4f8}.laptop-google i:nth-child(2),.laptop-google i:nth-child(6){color:#f28b82}.laptop-google i:nth-child(3){color:#fdd663}.laptop-google i:nth-child(5){color:#81c995}
.laptop-scenes h2,.laptop-scenes h3,.laptop-scenes p{margin:0}.laptop-scenes h2{font-size:45px;font-weight:600;line-height:1.12;letter-spacing:-1.6px}.laptop-scenes h3{font-size:25px;font-weight:550;line-height:1.25}
.laptop-profile-body{padding:32px 34px;background:#f5f6f5;height:555px}.laptop-profile-heading{display:flex;align-items:center;gap:23px;margin-bottom:30px}.laptop-profile-heading h2{font-size:49px}.laptop-profile-heading p{font-size:25px;color:#5c6769;margin-top:9px}.laptop-km{height:94px;width:94px;flex:none;border-radius:19px;display:grid;place-items:center;background:#20282d;color:#d7996c;font-size:44px;font-weight:550;letter-spacing:-3px;box-shadow:0 3px 8px #18282e18}
.laptop-profile-grid{display:grid;grid-template-columns:1.18fr 1fr;gap:30px}.laptop-profile-info{min-width:0}.laptop-profile-actions{display:flex;gap:16px;margin-bottom:23px}.laptop-profile-actions>span{display:flex;align-items:center;justify-content:center;gap:10px;background:#e3ecfc;border:1px solid #cfdbef;border-radius:30px;color:#2458a6;padding:12px 24px;font-size:25px;font-weight:500}.laptop-profile-actions svg{width:26px;height:26px}.laptop-profile-summary{font-size:27px;line-height:1.4;letter-spacing:-.3px;color:#36464b}.laptop-profile-detail{border-top:1px solid #d8dfe0;padding-top:12px;margin-top:17px}.laptop-profile-detail>span{display:block;color:#687477;font-size:19px;margin-bottom:5px}.laptop-profile-detail strong{font-size:23px;font-weight:450;color:#344e67;white-space:nowrap}.laptop-profile-photo{height:323px;border:1px solid #d6dddc;border-radius:16px;overflow:hidden;background:white;box-shadow:0 5px 20px #18302e0b}.laptop-profile-photo img{width:100%;height:255px;object-fit:cover;display:block}.laptop-profile-photo>div{height:68px;display:flex;align-items:center;justify-content:space-evenly;font-size:22px;color:#47555c}
.laptop-ads-body,.laptop-report-body{height:555px;padding:25px 32px 20px}.laptop-view-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.laptop-view-heading>span{font-size:23px;color:#647583}.laptop-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.laptop-metrics>div{padding:16px 22px 17px;border:1px solid #d5dfe9;background:white;border-radius:13px}.laptop-metrics span{display:block;font-size:22px;line-height:1.2;color:#5b6b79;margin-bottom:7px}.laptop-metrics strong{display:block;font-size:50px;font-weight:550;line-height:1.1;letter-spacing:-1.7px;font-variant-numeric:tabular-nums}.laptop-ads .laptop-metrics>div:first-child{background:#285cae;border-color:#285cae;color:white}.laptop-ads .laptop-metrics>div:first-child span{color:#e2ecff}
.laptop-ads-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:19px;height:259px}.laptop-inquiry-chart{padding:16px 18px 9px;background:white;border:1px solid #d5dfe9;border-radius:13px;overflow:hidden}.laptop-inquiry-chart svg{display:block;width:100%;height:195px;overflow:visible}.laptop-chart-grid{fill:none;stroke:#dfe5ec;stroke-width:1.5}.laptop-chart-area{fill:#3b78d615;transform-origin:center 190px;transform:scaleY(calc(.15 + .85 * var(--scene-reveal)))}.laptop-chart-line{fill:none;stroke:#3877cf;stroke-width:5;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:620;stroke-dashoffset:calc((1 - var(--scene-reveal))*620)}.laptop-inquiry-chart circle{fill:#3877cf;stroke:white;stroke-width:3}.laptop-chart-label{fill:#647583;font:22px 'DM Sans',Arial,sans-serif}
.laptop-ad-preview{padding:18px 22px;border-radius:13px;border:1px solid #d5dfe9;background:#fbfdff}.laptop-ad-preview>span{font-size:19px;color:#657887}.laptop-ad-domain{font-size:19px;color:#334850;margin-top:13px!important}.laptop-ad-preview h3{font-size:31px;font-weight:550;color:#2659a4;line-height:1.12;margin:10px 0}.laptop-ad-preview>p:last-child{font-size:22px;line-height:1.26;color:#526571}.laptop-demo-note{font-size:18px;line-height:1.4;color:#61747e;margin-top:13px!important}
.laptop-report{background:#172823;color:#e6f0e7}.laptop-report .laptop-chrome{background:#14201d;border-color:#a7c9b329}.laptop-report-brand{color:#d6a079;font-size:35px;letter-spacing:-2px}.laptop-report .laptop-view-heading>span{color:#b2c3b8}.laptop-report .laptop-metrics>div{border-color:#819c873b;background:#263a30}.laptop-report .laptop-metrics span{color:#c3d1c7}.laptop-report .laptop-metrics strong{color:#e4efde}.laptop-report .laptop-metrics>div:nth-child(2) strong{color:#b4d6ed}.laptop-report-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:19px;height:259px}.laptop-income-chart{padding:15px 20px 10px;border:1px solid #819c873b;border-radius:13px;background:#1d3027}.laptop-income-bars{height:168px;display:flex;align-items:end;justify-content:space-around;gap:22px;border-bottom:1px solid #9fbaaa44;padding:0 7px 25px}.laptop-income-column{height:148px;flex:1;position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.laptop-income-value{font-size:20px;margin-bottom:6px;font-variant-numeric:tabular-nums;color:#dbe7dc}.laptop-income-bar{display:flex;flex-direction:column-reverse;width:62px;max-height:111px;height:calc(var(--bar-height)*.71);flex:none;border-radius:5px 5px 0 0;overflow:hidden;transform-origin:bottom;transform:scaleY(calc(.15 + .85 * var(--scene-reveal)))}.laptop-income-bar i{display:block;min-height:0}.laptop-axis-label{position:absolute;top:151px;white-space:nowrap;font-size:18px;color:#b9cbbc}.laptop-income-legend{display:flex;gap:15px;align-items:center;margin-top:16px;white-space:nowrap;font-size:16px;color:#bfcec2}.laptop-income-legend>span{display:flex;align-items:center;gap:6px}.laptop-income-legend i{height:8px;width:8px;border-radius:2px}
.laptop-report-note{padding:18px 22px;border:1px solid #819c873b;border-radius:13px;background:#26392f}.laptop-report-note>span{font-size:20px;color:#b3c9b8}.laptop-report-note h3{font-size:31px;line-height:1.18;letter-spacing:-.65px;margin:10px 0 12px;color:#e9eedf}.laptop-report-note p{font-size:22px;line-height:1.3;color:#bdcebf}.laptop-report .laptop-demo-note{color:#b2c3b7;font-size:17px}

/* Reports unfold only when their scene is visible. Figures stay illustrative. */
@media(prefers-reduced-motion:no-preference){
.laptop-income-bar{transform-origin:bottom;transform:scaleY(var(--scene-reveal,0));transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.laptop-chart-line{stroke-dasharray:600;stroke-dashoffset:calc(600px * (1 - var(--scene-reveal,0)));transition:stroke-dashoffset .7s ease}
}