/* The lead visual is a working financial overview, not a decorative screenshot. */
.hero-grid{grid-template-columns:.92fr 1.18fr;gap:56px;padding-top:64px;padding-bottom:46px}
.hero-demo{min-width:0;padding-bottom:0}
.model-window{transform:none;border-radius:16px;overflow:hidden}
.window-top{padding:11px 22px;font-size:10px}
.window-tag{font-size:7px}
.model-content{padding:16px 22px 14px;position:relative}
.model-title{display:flex;align-items:center;gap:12px}
.model-title h2{font-size:25px;letter-spacing:-.045em;line-height:1.2}
.model-title .overline{font-size:7px;margin-bottom:7px}
.currency-tag{display:block;font-size:9px;background:#ffffff08;padding:6px 9px;border-radius:5px}
.scenario-controls{margin-top:16px;border:0;background:#13223380;border-radius:7px;padding:4px;display:inline-flex;gap:3px}
.scenario-controls button{font-size:9px;padding:7px 11px;border-radius:5px}
.demo-metrics{display:grid;grid-template-columns:1.12fr 1fr .9fr;gap:9px;margin:16px 0;padding:0}
.demo-metrics>div{min-width:0;background:#ffffff06;border-radius:8px;padding:10px 12px}
.demo-metrics>div+div{padding-left:12px;border:0}
.demo-metrics>div>span{font-size:9px;display:block;line-height:1.4;min-height:13px}
.demo-metrics strong{display:block;font-size:clamp(19px,1.75vw,27px);letter-spacing:-.045em;line-height:1.15;margin:4px 0;font-variant-numeric:tabular-nums}
.demo-metrics small{display:block;font-size:7px;color:#a9bccb;line-height:1.5}
.demo-metrics>div:nth-child(2) strong{color:#c5dfd4}
.demo-metrics>div:nth-child(3) strong{color:#d9c0a4}
.hero-trend-panel,.hero-composition,.hero-quarter-panel{background:#14233480;padding:15px 16px 10px;border-radius:9px;min-width:0}
.hero-demo h3{font-family:inherit;font-size:11px;letter-spacing:-.01em;font-weight:600;line-height:1.4;color:#edf3f8;margin:0}
.hero-trend-panel .chart-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 5px;gap:12px}
.chart-head>div>span,.hero-quarter-panel>p{font-size:7px;color:#a1b5c6;margin:3px 0 0;display:block}
.hero-chart-legends{display:flex;gap:10px;font-size:7px;white-space:nowrap}
.hero-chart-legends>span{display:flex;align-items:center;gap:4px}
.hero-chart-legends b{font-weight:400}
.hero-chart-legends i{width:13px;height:2px;display:inline-block;background:#b7d8df}
.hero-chart-legends .legend-base{background:none;border-top:2px dashed #b99875}
.hero-demo .profit-chart{display:block;width:100%;height:auto;max-height:142px;margin-top:0;overflow:visible}
.hero-demo .profit-line{stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round;fill:none}
.hero-demo .base-line{stroke:#b99875;stroke-width:1.8;stroke-dasharray:5 5;opacity:.8;fill:none}
.hero-demo .chart-labels{font-size:8px;fill:#a8bac9}
.hero-demo .gridlines{stroke:#afc1d013;stroke-width:1}
.hero-analytics-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:10px;margin-top:10px}
.hero-composition,.hero-quarter-panel{padding:13px 13px 10px}
.hero-composition-body{display:flex;align-items:center;gap:8px;margin-top:10px}
#hero-donut{width:39%;max-width:106px;min-width:0;flex:none;overflow:visible}
.donut-caption{font:6px Schibsted,Arial,sans-serif;fill:#9db0c1;letter-spacing:.05em}
.donut-total{font:600 17px Schibsted,Arial,sans-serif;fill:#eef4f8}
.hero-composition-key{margin:0;min-width:0;flex:1;display:grid;gap:7px}
.hero-composition-key dt{font-size:7px;display:flex;align-items:center;gap:4px;color:#afc0cd;line-height:1.35}
.hero-composition-key dd{margin:3px 0 0 9px;font-size:10px;font-weight:600;color:#edf2f8;font-variant-numeric:tabular-nums}
.hero-composition-key i{display:block;width:5px;height:5px;border-radius:1px;flex:none}
.key-cost{background:#88aabd}.key-expenses{background:#b99875}.key-profit{background:#8db2a6}
#quarter-chart{display:block;width:100%;height:auto;max-height:108px;margin-top:5px;overflow:visible}
.quarter-value{font:9px Schibsted,Arial,sans-serif;fill:#dce6ed}
.quarter-label{font:8px Schibsted,Arial,sans-serif;fill:#a1b5c6}
.hero-demo .scenario-insight{position:static;transform:none;min-width:0;max-width:none;margin-top:12px;padding:11px 13px;border-radius:7px;box-shadow:none;background:#d6c3ac;color:#253548;display:block}
.scenario-insight>div{display:flex;align-items:center;justify-content:space-between;gap:14px}
.hero-demo .scenario-insight div>span{color:#455465;font-size:8px;line-height:1.5}
.hero-demo .scenario-insight strong{color:#263647;font-size:10px;line-height:1.4;margin:0;max-width:60%;text-align:right}
.hero-demo .model-assumption{min-height:0;font-size:7px;line-height:1.5;margin:10px 0 0;color:#a6b6c8}
.hero-bottom{min-height:54px}
.hero-bottom>span{max-width:none}
.expertise-item .item-link{transform:none!important}
.expertise-item:hover .item-link{text-decoration:underline;text-underline-offset:5px}
@media(min-width:1201px){.model-title h2{font-size:22px}.model-title .currency-tag{position:absolute;right:22px;top:-37px;background:none;padding:0}.window-tag{margin-right:35px}.model-content>.scenario-controls{position:absolute;right:22px;top:23px;margin:0}.model-title{padding-right:225px}.model-title h2{max-width:250px}.model-title .overline{font-size:6px;letter-spacing:.06em}.scenario-controls button{font-size:8px;padding:6px 8px}}
@media(min-width:1600px){.hero-grid{padding-top:72px;padding-bottom:52px}.hero-copy>h2{font-size:65px}}
@media(max-width:1200px){.hero-grid{gap:30px;grid-template-columns:.85fr 1.15fr}.hero-copy>h2{font-size:53px}.model-content{padding:18px 17px 14px}.demo-metrics>div{padding:11px 9px}.demo-metrics>div+div{padding-left:9px}.demo-metrics strong{font-size:20px}.demo-metrics>div>span{font-size:8px;min-height:22px}.hero-composition,.hero-quarter-panel{padding:11px 10px}.hero-composition-body{gap:4px}.hero-composition-key dd{font-size:9px}.hero-composition-key dt{font-size:6.5px}.model-title h2{font-size:22px}.window-top{padding-inline:17px}}
@media(max-width:1000px) and (min-width:761px){.hero-grid{grid-template-columns:1fr;gap:35px;padding-top:55px}.hero-copy{max-width:700px}.hero-copy>h2{max-width:670px}.hero-copy>h2 em{display:block}.hero-demo{width:100%;max-width:700px;margin:auto}.hero-lede{max-width:620px}.hero-actions{margin-top:26px}.demo-metrics strong{font-size:28px}.demo-metrics>div>span{font-size:10px;min-height:0}.hero-composition-key dt{font-size:9px}.hero-composition-key dd{font-size:13px}}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr;gap:35px;padding-top:48px;padding-bottom:35px}.hero-demo{max-width:620px}.hero-copy>h2{font-size:clamp(44px,8.4vw,62px)}.hero .model-title{display:flex}.hero .model-title h2{font-size:23px}.hero .window-top{padding:14px 16px;font-size:10px}.hero .window-tag{font-size:6px}.hero .model-content{padding:17px 14px 13px}.hero .scenario-controls button{font-size:9px;padding:7px 10px}.hero .demo-metrics{gap:7px;margin:14px 0}.hero .demo-metrics strong{font-size:22px}.hero .demo-metrics>div>span{font-size:8px;min-height:22px}.hero .demo-metrics small{font-size:6px}.hero-trend-panel{padding:12px 10px 7px}.hero-analytics-grid{grid-template-columns:1fr 1fr;gap:8px}.hero-demo h3{font-size:10px}.hero-composition-body{flex-direction:column;align-items:stretch;gap:8px}#hero-donut{width:95px;align-self:center}.hero-composition-key{gap:5px}.hero-composition-key>div{display:flex;justify-content:space-between;gap:5px}.hero-composition-key dt{font-size:7px}.hero-composition-key dd{font-size:8px;margin:0}.hero-quarter-panel{display:flex;flex-direction:column}#quarter-chart{margin:auto 0}.hero .scenario-insight>div{display:block}.hero .scenario-insight strong{text-align:left;max-width:none;display:block;margin-top:3px;font-size:10px}.hero .scenario-insight div>span{font-size:8px}.hero .model-assumption{font-size:7px}.hero-bottom>span{font-size:7px;max-width:none}}
@media(max-width:420px){.hero .demo-metrics strong{font-size:18px}.hero .demo-metrics>div{padding:10px 7px}.hero .demo-metrics>div+div{padding-left:7px}.hero .demo-metrics>div>span{font-size:7px}.hero .model-title h2{font-size:20px}.hero-demo h3{font-size:9px}.hero-chart-legends{gap:7px;font-size:6px}.hero-composition-key dt{font-size:6px}.hero-composition-key dd{font-size:7px}.hero-composition,.hero-quarter-panel{padding:10px 8px}.hero .model-assumption{font-size:6px}}