GRADIA DIRECT KIT

From AMED SARL's catalogue

:root{ –gc-green:#008b87; –gc-dark:#17252b; –gc-orange:#f58220; –gc-light:#f5f8f8; –gc-border:#dce6e6; –text:#26363b; –white:#ffffff; } *{ box-sizing:border-box; } .gradia-page{ font-family:Arial,Helvetica,sans-serif; color:var(–text); background:#fff; line-height:1.55; overflow:hidden; } .gradia-page img{ max-width:100%; height:auto; } .gradia-container{ width:min(1180px,92%); margin:auto; } /* HERO */ .gradia-hero{ min-height:720px; display:flex; align-items:center; background: radial-gradient(circle at 85% 20%, rgba(0,139,135,.10), transparent 28%), linear-gradient(135deg,#ffffff 0%,#f7faf9 100%); position:relative; } .gradia-hero-grid{ display:grid; grid-template-columns:1.05fr .95fr; gap:60px; align-items:center; padding:80px 0; } .gradia-kicker{ display:inline-flex; align-items:center; gap:9px; font-size:13px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(–gc-green); margin-bottom:20px; } .gradia-kicker:before{ content:””; width:38px; height:3px; background:var(–gc-orange); border-radius:20px; } .gradia-hero h1{ font-size:clamp(48px,7vw,88px); line-height:.94; margin:0 0 24px; color:var(–gc-dark); letter-spacing:-3px; } .gradia-hero h1 span{ color:var(–gc-green); } .gradia-hero-text{ font-size:21px; max-width:650px; margin-bottom:28px; } .gradia-tags{ display:flex; flex-wrap:wrap; gap:10px; margin:28px 0; } .gradia-tag{ border:1px solid var(–gc-border); background:#fff; padding:10px 15px; border-radius:30px; font-size:14px; font-weight:600; }