/* Reference: https://www.hetzner.com/storage/storage-box/, matrix-header.
   Same compact full-width composition, product tag, uppercase title and outline CTA.
   Background waves adapted to Taipan blue, without the home-page globe. */
.gre-product-hero { position: relative; isolation: isolate; overflow: hidden; background: #174eaa; color: #fff; }
.gre-product-hero::before, .gre-product-hero::after { content: ''; position: absolute; pointer-events: none; z-index: -1; }
.gre-product-hero::before { inset: -220% -10% 25% -30%; border-radius: 0 0 52% 48%; background: #123d86; transform: rotate(-9deg); }
.gre-product-hero::after { width: 100%; height: 210%; right: -46%; top: -80%; background: linear-gradient(140deg, #3484d1, #1c5db5 68%, #164a96); border-radius: 42% 0 0 55%; transform: rotate(24deg); }
.gre-product-hero-inner { max-width: 1240px; margin: auto; padding: 60px 48px 78px; }
.gre-product-hero h1 { max-width: 850px; margin: 0; font: 600 clamp(29px, 3vw, 40px)/1.2 Montserrat, Inter, sans-serif; letter-spacing: -.025em; text-transform: uppercase; text-wrap: balance; }
.gre-product-hero a { display: inline-flex; align-items: center; gap: 28px; min-height: 47px; margin-top: 30px; padding: 12px 17px; border: 2px solid #fff; border-radius: 3px; color: #fff; text-decoration: none; font-size: 15px; font-weight: 600; }
.gre-product-hero a:hover { background: #fff; color: #174eaa; }
.gre-product-hero .section-cut { --cut-depth: 12px; --cut-edge: max(24px, calc((100vw - 1144px) / 2)); }
#gre-plans { scroll-margin-top: 100px; }
@media (min-width: 1200px) { .gre-product-hero { margin-top: -43px; } .gre-product-hero-inner { padding-top: 95px; } }
@media (max-width: 760px) { .gre-product-hero-inner { padding: 42px 24px 54px; } .gre-product-hero h1 { font-size: clamp(27px, 6.8vw, 36px); } .gre-product-hero a { font-size: 13px; margin-top: 26px; } }