:root{--accent:#17584f;--ink:#183f3a;--paper:#fff;--soft:#eef4ed;--line:#ccd9d3;--radius:10px}
.header{position:relative}
.hero{padding:70px 0 45px}
.hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:60px;min-height:600px}
.hero-copy h1{font-size:clamp(3.2rem,6vw,6.4rem);line-height:.93;letter-spacing:-.065em;margin:0}
.hero-copy p{max-width:500px;color:var(--muted);margin:28px 0}
.play{margin-left:20px;font-size:.85rem;font-weight:700}
.capsules{display:flex;align-items:center;justify-content:center;gap:12px}
.capsules div{width:31%;height:420px;border-radius:100px;overflow:hidden}
.capsules div:nth-child(2){height:520px}
.logos{display:flex;justify-content:space-around;gap:30px;padding-top:48px;color:#6e817d;font-size:.78rem}
.service-cards article{padding-bottom:24px;border-bottom:1px solid var(--line)}
.service-cards img{height:280px;border-radius:10px}
.service-cards h3{font-size:1.4rem}
.service-cards p{color:var(--muted)}
.about{background:var(--soft)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.about-collage{display:flex;align-items:center}
.about-collage div{width:55%;height:440px;border-radius:120px;overflow:hidden}
.about-collage div+div{width:52%;height:520px;margin-left:-60px}
.about-grid h2{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1;letter-spacing:-.055em}
.about-grid p{color:var(--muted)}
.about-grid ul{list-style:none;padding:0}
.about-grid li{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:20px 0;border-top:1px solid var(--line)}
.about-grid li b{font-size:2.2rem}
.about-grid li span{color:var(--muted)}
.process ol{list-style:none;padding:0;border-top:1px solid var(--ink)}
.process li{display:grid;grid-template-columns:120px 1fr 1fr;align-items:center;padding:26px 0;border-bottom:1px solid var(--line)}
.process li b{font-size:2rem}
.process h3{font-size:1.5rem}
.process p{color:var(--muted)}
.showcase{padding:90px 0;background:#134b45;color:#fff}
.showcase-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px}
.showcase h2{font-size:clamp(2.6rem,5vw,4.8rem);line-height:1;letter-spacing:-.05em}
.showcase p{color:#bad1cc}
.showcase .outline{border-color:#fff}
.showcase img{height:500px;border-radius:140px 10px 140px 10px}
.articles article img{height:260px;border-radius:10px}
.articles span{display:block;color:var(--accent);font-size:.7rem;font-weight:900;margin-top:18px}
.articles h3{font-size:1.25rem}
.footer{background:#123f3a}
@media(max-width:900px){.hero-grid,.about-grid,.showcase-grid{grid-template-columns:1fr}
.capsules{max-width:650px;margin:auto}
.logos{flex-wrap:wrap}
.about-collage{max-width:600px}
.process li{grid-template-columns:80px 1fr}
.process p{grid-column:2}
}
@media(max-width:620px){.capsules div{height:300px}
.capsules div:nth-child(2){height:390px}
.play{display:block;margin:18px 0}
.about-collage div{height:330px}
.about-collage div+div{height:390px}
.showcase img{height:360px}
}
.section-head h2{font-size:clamp(1.8rem,4vw,3.52rem)}
.about-grid h2{font-size:clamp(2rem,4vw,3.6rem)}
.showcase h2{font-size:clamp(2.08rem,4vw,3.84rem)}
.formats{background:#f4f7f2}.format-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:12px}.format-grid article{min-height:160px;padding:25px;border:1px solid var(--line);border-radius:12px;background:#fff}.format-grid .feature{grid-row:1/3;min-height:332px;background:var(--accent);color:#fff}.format-grid b{font-size:.75rem}.format-grid h3{margin-top:55px;font-size:1.3rem}.format-grid .feature h3{margin-top:130px;font-size:2rem}.format-grid p{color:#bdd0cc}.faq{background:#fff}.faq-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:80px}.faq-grid h2{font-size:clamp(2rem,4vw,3.52rem);line-height:1;letter-spacing:-.05em}.faq details{border-top:1px solid var(--line);padding:24px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:800;font-size:1.08rem}.faq details p{padding-right:35px;color:var(--muted)}@media(max-width:800px){.format-grid,.faq-grid{grid-template-columns:1fr}.format-grid .feature{grid-row:auto}.format-grid .feature h3{margin-top:70px}}