:root{--bg:#fafafa;--card:rgba(255,255,255,.75);--border:rgba(0,0,0,.1);--text:#0a0a0a;--muted:rgba(0,0,0,.7);--muted2:rgba(0,0,0,.6);--radius:24px;--max:1100px}
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@600;700&display=swap');
*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Noto Sans","Liberation Sans",sans-serif;color:var(--text);background:var(--bg)}
a{color:inherit;text-decoration:none}a.underline{text-decoration:underline;color:rgba(0,0,0,.75)}
.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 16px}
.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(250,250,250,.85);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--border)}
.header-row{display:grid;align-items:center;grid-template-columns:1fr auto 1fr;gap:16px;padding:14px 0}
.brand{font-weight:700;letter-spacing:-.02em;display:flex;align-items:center}
.brand-wordmark{display:inline-block;white-space:nowrap;font-family:"Fredoka","Arial Rounded MT Bold","Trebuchet MS","Segoe UI",ui-sans-serif,system-ui,-apple-system,Roboto,Arial,sans-serif;font-weight:700;letter-spacing:-.02em;font-size:23px;line-height:1}
.nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.nav a{font-size:14px;color:rgba(0,0,0,.72)}
.header .nav a{font-size:17px}
.nav a:hover{color:#000}
.header-row > .brand{justify-self:start}
.header-row > .nav{justify-self:center}
.header-row > .btn{justify-self:end}
@media (max-width:900px){.header-row{display:flex;flex-wrap:wrap;justify-content:center}.header .nav{width:100%;justify-content:center}.header .btn{width:100%;max-width:420px}.header .brand{width:100%;justify-content:center}}
.btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 18px;border-radius:999px;font-size:14px;font-weight:600;border:1px solid transparent;cursor:pointer;white-space:nowrap}
.header .btn{height:47px;font-size:17px;padding:0 20px}
.btn-primary{background:#000;color:#fff}
.btn-primary:hover{background:rgba(0,0,0,.9)}
.btn-secondary{background:var(--card);border-color:rgba(0,0,0,.15)}
.btn-secondary:hover{border-color:rgba(0,0,0,.25)}
.main{padding:104px 0 54px}
@media (max-width:900px){.main{padding-top:190px}}
.grid{display:grid;gap:18px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:900px){.grid-2,.grid-3,.grid-5{grid-template-columns:1fr}}
.process .grid{gap:12px}
.process .card-body{padding:14px}
.process .small{font-size:12px}
@media (max-width:1100px){.grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}}
.card{border:1px solid var(--border);background:var(--card);border-radius:var(--radius);overflow:hidden}
.card-body{padding:18px}
.kicker{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(0,0,0,.1);background:rgba(255,255,255,.55);padding:6px 10px;border-radius:999px;font-size:12px;color:rgba(0,0,0,.7);width:fit-content}
.h1{font-size:44px;line-height:1.05;margin:0;letter-spacing:-.03em}
.h2{font-size:26px;line-height:1.15;margin:0;letter-spacing:-.02em}
.p{margin:0;color:var(--muted);font-size:16px;line-height:1.55}
.p-sm{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:center}
@media (max-width:900px){.hero{grid-template-columns:1fr}}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
.media{position:relative;aspect-ratio:16/11;background:rgba(0,0,0,.02)}
.media img{width:100%;height:100%;object-fit:cover;display:block;image-rendering:auto;-ms-interpolation-mode:bicubic}
.home .media.media-34 img{height:100%;object-fit:contain}
.home .media.media-34{aspect-ratio:3/4 !important}
.media-43{aspect-ratio:4/3}
.media-34{aspect-ratio:3/4}
.media-1610{aspect-ratio:16/10}
.section{margin-top:28px}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.badge{display:inline-flex;gap:8px;align-items:center;border-radius:999px;background:rgba(0,0,0,.05);padding:8px 10px;font-size:12px;color:rgba(0,0,0,.7)}
.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.tag{border-radius:999px;background:#fff;padding:7px 12px;font-size:12px;color:rgba(0,0,0,.8);border:1px solid rgba(0,0,0,.25);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}
.tag:hover{background:rgba(0,0,0,.08);border-color:rgba(0,0,0,.55)}
.tag.is-active{background:#111 !important;border-color:#111 !important;color:#fff !important;box-shadow:none !important}
.tag.is-active:hover{background:#000 !important;border-color:#000 !important;color:#fff !important}
.footer{border-top:1px solid var(--border);padding:26px 0;background:rgba(250,250,250,.7)}
.footer-grid{display:grid;gap:18px;grid-template-columns:1.3fr 1fr 1fr}
@media (max-width:900px){.footer-grid{grid-template-columns:1fr}}
.footer-title{font-weight:700}
.small{font-size:13px;color:rgba(0,0,0,.7)}
.hr{height:1px;background:var(--border);margin:14px 0}
.map{width:100%;height:360px;border:0}
.list{display:grid;gap:10px}