@font-face{font-family:'Josefin Slab';font-weight:600;font-display:swap;src:url(../fonts/josefin-slab-600.woff2) format('woff2')}
@font-face{font-family:'Cantarell';font-weight:400;font-display:swap;src:url(../fonts/cantarell-400.woff2) format('woff2')}
@font-face{font-family:'Cantarell';font-weight:700;font-display:swap;src:url(../fonts/cantarell-700.woff2) format('woff2')}
@font-face{font-family:'Cantarell';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/cantarell-400-italic.woff2) format('woff2')}
@font-face{font-family:'Cantarell';font-style:italic;font-weight:700;font-display:swap;src:url(../fonts/cantarell-700-italic.woff2) format('woff2')}
:root{--teal:#10dfd3;--teal-dark:#09857d;--dark:#161616;--light:#f7f7f7;--text:#525252}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Cantarell',Arial,sans-serif;color:var(--text);background:#fff;line-height:1.5}
h1,h2,h3,h4{font-family:'Josefin Slab',Rockwell,Georgia,serif;font-weight:600;margin:0}
.site-header{display:flex;justify-content:center;padding:16px;background:#fff}
.logo img{display:block;height:72px;width:auto;border:1px solid #ddd}
.hero-image{height:clamp(260px,56vw,820px);background:linear-gradient(rgba(40,80,230,.38),rgba(20,40,160,.38)),url(../img/hero.jpg) center/cover}
.hero-bar{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:center;padding:40px 16px}
.hero-bar h1{font-size:1.4rem;color:#161616}
.btn{display:inline-block;background:var(--teal);color:#000;text-decoration:none;padding:14px 32px;border-radius:2px;font-weight:700;letter-spacing:.06em;font-size:.85rem}
.btn:hover{background:#3debdf}
.section-title{display:flex;align-items:center;gap:24px;text-align:center;font-size:1.9rem;color:var(--teal);margin:0 auto 48px;max-width:1200px;padding:0 24px}
.section-title::before,.section-title::after{content:"";flex:1;height:1px;background:currentColor}
.about{background:var(--dark);padding:64px 0 80px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);max-width:1200px;margin:0 auto;padding:0 24px}
.card{position:relative;min-height:520px;background:var(--bg) center/cover;color:#fff;display:flex}
.card::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.5)}
.card-body{position:relative;padding:40px 32px;text-align:center}
.card h3{font-size:1.6rem;margin-bottom:16px}
.card ul{text-align:left;display:inline-block;margin:8px 0 0;padding-left:20px}
.contact{background:var(--light);padding:64px 0}
.contact .section-title{color:var(--teal-dark)}
.contact-box{max-width:640px;margin:0 auto;text-align:center;padding:0 24px}
.contact-box h4{font-size:1.3rem;color:#161616;margin-bottom:24px}
.contact-box .biz{margin:48px 0 0}
.site-footer{background:var(--dark);color:#aaa;padding:40px 24px;font-size:.85rem}
.site-footer p{max-width:1200px;margin:0 auto}
@media (max-width:900px){.cards{grid-template-columns:1fr;gap:0;padding:0}.card{min-height:420px}}
@media (max-width:600px){.section-title{font-size:1.5rem;gap:12px}.hero-bar h1{font-size:1.2rem;text-align:center}}