/* Measured from the live Monoid hero. Manrope is the exact same font asset;
   SAP keeps its own colour, logo, copy, footage and post-hero design. */
.hero h1,html[data-type=nimbus] .hero h1{font-family:Manrope,Inter,sans-serif;font-weight:700;font-size:clamp(50px,4.9vw,80px);line-height:.98;letter-spacing:-.06em;text-transform:uppercase}
.hero h1 .headline-line{display:block;width:max-content;max-width:100%;white-space:nowrap;color:inherit}
.hero h1 em{color:var(--accent);font-style:normal;font-weight:inherit}
.hero-content{left:max(56px,calc((100vw - 1360px)/2));right:auto;bottom:48px;width:auto;max-width:620px}
.hero p{font-size:15px;line-height:1.45;max-width:480px;margin-top:18px;color:#ffffffe0}
.hero-actions{align-items:center;gap:28px;margin-top:26px}
.hero-actions .button{min-width:0;min-height:48px;padding:12px 18px;font-size:12px;line-height:1.6;border-radius:0}
.hero-actions .primary{border:0}
.hero-actions .outline{background:transparent;border:0;padding:10px 0;color:white;text-decoration:none}
.hero-actions .outline:hover{background:transparent;text-decoration:underline;text-underline-offset:5px}
.menu b{display:flex;flex-direction:column;justify-content:center;gap:6px;width:24px;height:24px;margin-left:auto}
.menu b i{display:block;height:1px;width:24px;background:currentColor}
@media(max-width:700px){
.header{height:80px;padding:0 20px}.header .brand{width:94px}.header .menu{padding:10px 10px 10px 0;min-width:44px;min-height:44px}
.header.scrolled{height:56px}
.hero{max-height:920px}
.hero-content{left:20px;right:20px;bottom:max(38px,env(safe-area-inset-bottom));width:auto;max-width:none}
.hero h1,html[data-type=nimbus] .hero h1,html[data-copy='0'] .hero h1,html[data-copy='1'] .hero h1,html[data-copy='3'] .hero h1{font-size:clamp(34px,9.5vw,44px);letter-spacing:-.055em;line-height:.98}
.hero p{font-size:14px;line-height:1.45;max-width:30ch;margin-top:12px}
.hero-actions{gap:clamp(12px,4vw,22px);margin-top:22px}
.hero-actions .button{min-width:0;min-height:48px;padding:12px 14px;font-size:12px;line-height:1.6}
.hero-actions .outline{padding:10px 0}
.hero:after{background:linear-gradient(180deg,#13201847 0%,#1320180f 33%,#13201857 60%,#132018d6 100%)}
}
@media(min-width:1700px){.hero p{font-size:16px;max-width:480px}.hero-content{bottom:64px}}