:root{--paper:#f4f1ea;--ink:#10231f;--ink2:#18332d;--tx:#17231f;--mut:#5b6b66;--teal:#0f9d84;--lime:#b6f23a;--coral:#ff5a4e;--line:#e2ddd0;--card:#fff;--rad:22px;
  --m-blk:#e9e4d8;--m-bld:#ded8c9;--m-park:#cfe3b8;--m-water:#a9d4e6;--m-st:#f6f3ec;--m-av:#fffdf8;--m-ring:#f1dcae}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"PK Rubik",system-ui,sans-serif;background:var(--paper);color:var(--tx);line-height:1.75;overflow-x:hidden;padding-bottom:80px}
a{color:inherit;text-decoration:none}
.wrap{max-width:1200px;margin:0 auto;padding:0 22px}.nar{max-width:820px}
h1,h2,h3{line-height:1.3;font-weight:800}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:14px;background:var(--ink);color:#fff;font-weight:800;transition:.25s;border:0;cursor:pointer;font:inherit;font-weight:800;box-shadow:0 12px 24px -12px rgba(16,35,31,.6)}
.btn:hover{transform:translateY(-2px);background:var(--teal)}
.btn.ghost{background:rgba(255,255,255,.75);color:var(--ink);box-shadow:none;border:1.5px solid var(--ink)}
.btn.sm{padding:9px 16px;font-size:.9rem}
.nav{position:fixed;inset:0 0 auto;z-index:50;transition:.3s}
.nav .wrap{display:flex;align-items:center;gap:22px;height:70px}
.nav.sc{background:rgba(244,241,234,.9);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.2rem}
.logo i{width:36px;height:36px;border-radius:50%;background:var(--ink);position:relative;overflow:hidden;flex:none}
.logo i::before{content:"";position:absolute;inset:7px;border-radius:50%;border:1.5px solid rgba(182,242,58,.5)}
.logo i b{position:absolute;inset:0;background:conic-gradient(from 0deg,transparent 0 75%,rgba(182,242,58,.85));animation:spin 3s linear infinite;border-radius:50%}
@keyframes spin{to{transform:rotate(360deg)}}
.links{display:flex;gap:2px;margin-inline-start:auto}
.links a{padding:8px 12px;border-radius:10px;font-size:.93rem;color:#2f403b}
.links a:hover{background:rgba(16,35,31,.06)}
.burger{display:none;background:none;border:0;width:42px;height:42px;cursor:pointer;color:var(--ink)}
.burger svg{width:24px;stroke:currentColor;stroke-width:2;fill:none}
/* hero */
.hero{position:relative;min-height:760px;padding:120px 0 60px;overflow:hidden;display:flex;align-items:center}
.mapbox{position:absolute;inset:0;direction:ltr}
.mapbox svg{width:100%;height:100%;display:block}
.mapbox::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,241,234,.2) 0%,rgba(244,241,234,.0) 35%,rgba(244,241,234,.92) 62%,var(--paper) 100%),linear-gradient(0deg,var(--paper),transparent 22%)}
html[dir=ltr] .mapbox::after{background:linear-gradient(270deg,rgba(244,241,234,.2) 0%,rgba(244,241,234,0) 35%,rgba(244,241,234,.92) 62%,var(--paper) 100%),linear-gradient(0deg,var(--paper),transparent 22%)}
.sweep{position:absolute;width:640px;height:640px;left:44%;top:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:1}
html[dir=ltr] .sweep{left:56%}
.sweep::before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 94px,rgba(15,157,132,.22) 95px 96px)}
.sweep i{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 80%,rgba(15,157,132,.05) 85%,rgba(15,157,132,.35) 99.6%,rgba(182,242,58,.9) 100%);animation:spin 5s linear infinite}
.pin .pi{transform-origin:0 0;animation:drop .55s cubic-bezier(.2,1.6,.4,1) both}
@keyframes drop{from{transform:translateY(-26px) scale(.3);opacity:0}}
.pin .bd{fill:#fff;stroke:var(--ink);stroke-width:2}
.pin.hot .bd{fill:var(--lime)}
.pin.sent .bd{fill:#d9f99d}
.pin .sh{fill:rgba(0,0,0,.18)}
.pin.ring::before{content:none}
.hg{position:relative;z-index:2;display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:center;width:100%}
.hx{max-width:600px;grid-column:1}
.chip{display:inline-flex;align-items:center;gap:9px;padding:6px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:.86rem;color:#2f403b;box-shadow:0 8px 20px -14px rgba(0,0,0,.3)}
.chip i{width:8px;height:8px;border-radius:50%;background:var(--teal);animation:bl 1.2s infinite}
@keyframes bl{50%{opacity:.25}}
.hero h1{font-size:clamp(2.1rem,4.3vw,3.5rem);margin:18px 0 14px;color:var(--ink)}
.hero h1 em{font-style:normal;background:linear-gradient(transparent 62%,var(--lime) 62% 92%,transparent 92%)}
.lead{color:#3c4c47;font-size:1.06rem}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.feed{grid-column:2;grid-row:1;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:24px;padding:16px;box-shadow:0 30px 60px -30px rgba(16,35,31,.45);max-height:430px;display:flex;flex-direction:column}
.fh{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.9rem}
.fh>span{background:var(--ink);color:var(--lime);border-radius:99px;padding:2px 12px;font-size:.82rem}
.feed ul{list-style:none;display:grid;gap:7px;overflow:hidden}
.feed li{display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center;padding:8px;border-radius:14px;background:#f8f6f0;animation:slide .45s cubic-bezier(.2,1.2,.4,1)}
@keyframes slide{from{opacity:0;transform:translateY(-10px)}}
.feed li i{font-style:normal;width:36px;height:36px;border-radius:11px;background:#fff;display:grid;place-items:center;font-size:1.1rem;border:1px solid var(--line)}
.feed li b{display:block;font-size:.86rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.feed li small{color:var(--mut);font-size:.72rem}
.feed li>div{min-width:0}
.feed li em{font-style:normal;font-size:.7rem;border-radius:99px;padding:1px 8px;background:#eef2ff;color:#4338ca;white-space:nowrap}
.feed li em.s{background:#dcfce7;color:#15803d}
/* nums */
.nums{background:var(--ink);color:#fff;padding:28px 0}
.n4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:center}
.n4 b{display:block;font-size:2rem;color:var(--lime)}
.n4 span{color:#b8c9c3;font-size:.9rem}
.sec{padding:90px 0}
.sec.soft{background:#ebe6da}
.sec.dark{background:var(--ink);color:#fff}
.hd{text-align:center;max-width:720px;margin:0 auto 44px}
.tag{display:inline-block;padding:4px 14px;border-radius:999px;background:var(--ink);color:var(--lime);font-weight:800;font-size:.82rem;margin-bottom:12px}
.tag.light{background:rgba(182,242,58,.14)}
h2{font-size:clamp(1.7rem,3.2vw,2.5rem);color:inherit}
.mut{color:var(--mut);margin:14px 0}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.st{background:var(--card);border:1px solid var(--line);border-radius:var(--rad);padding:26px;position:relative}
.st .ic{font-size:2rem;margin-bottom:8px}
.st>b{position:absolute;top:18px;inset-inline-end:20px;font-size:2.6rem;color:#ece7da;line-height:1}
.st h3{font-size:1.15rem;margin-bottom:6px}.st p{color:var(--mut);font-size:.95rem}
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.cats div{background:#fff;border-radius:18px;padding:16px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);transition:.25s}
.cats div:hover{transform:translateY(-3px);border-color:var(--teal)}
.cats i{font-style:normal;font-size:1.6rem}
.cats b{display:block;font-size:.95rem}.cats small{color:var(--mut);font-size:.78rem}
.cities{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:22px}
.cities span{background:var(--ink);color:#fff;border-radius:99px;padding:5px 14px;font-size:.86rem}
.cities span em{font-style:normal;color:var(--lime);margin-inline-start:6px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.tl{list-style:none;margin-top:20px;position:relative;display:grid;gap:12px}
.tl::before{content:"";position:absolute;inset-inline-start:13px;top:8px;bottom:8px;width:2px;background:var(--line)}
.tl li{display:flex;gap:14px;align-items:center;padding-inline-start:36px;position:relative}
.tl li::before{content:"";position:absolute;inset-inline-start:6px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--teal)}
.tl li.ok::before{background:var(--lime);border-color:var(--ink)}
.tl b{min-width:60px;font-size:.88rem;color:var(--teal)}
.msgc{background:#fff;border-radius:26px;padding:20px;border:1px solid var(--line);box-shadow:0 30px 60px -36px rgba(16,35,31,.5)}
.mh{display:flex;gap:12px;align-items:center;padding-bottom:14px;border-bottom:1px dashed var(--line)}
.mh i{font-style:normal;font-size:1.6rem;width:48px;height:48px;border-radius:14px;background:#f3f0e8;display:grid;place-items:center;flex:none}
.mh div{flex:1;min-width:0}.mh b{display:block}.mh small{color:var(--mut);font-size:.8rem}
.mh em{font-style:normal;background:var(--lime);color:var(--ink);font-weight:800;border-radius:10px;padding:4px 10px;font-size:.82rem;white-space:nowrap}
.bub{margin-top:14px;background:#e7f7ef;border-radius:18px;border-start-end-radius:6px;padding:14px 16px;font-size:.95rem}
.bub u{text-decoration:none;background:rgba(182,242,58,.6);border-radius:4px;padding:0 3px}
.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.tags span{font-size:.76rem;border:1px dashed var(--teal);color:var(--teal);border-radius:99px;padding:1px 10px}
.lic{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}
.lic p{color:#b8c9c3;margin-top:14px}
.lb{background:rgba(182,242,58,.08);border:1px solid rgba(182,242,58,.3);border-radius:26px;padding:28px;display:grid;gap:12px;text-align:center}
.lb s{color:#8fa7a0}.lb b{font-size:1.25rem;color:var(--lime)}
.lb .btn{background:var(--lime);color:var(--ink)}
details{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px 20px;margin-bottom:10px}
summary{cursor:pointer;font-weight:800;list-style:none;display:flex;justify-content:space-between;gap:10px}
summary::after{content:"+";color:var(--teal);font-size:1.3rem;line-height:1}
details[open] summary::after{content:"−"}
details p{color:var(--mut);margin-top:8px}
.ft{background:var(--ink);color:#b8c9c3;padding:30px 0;font-size:.9rem}
.ft .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.ft .logo{color:#fff}
.ft [data-pk-credit] a{color:var(--lime)}
.lat{font-family:system-ui}
.rv{opacity:0;transform:translateY(24px);transition:.7s cubic-bezier(.2,.8,.2,1)}
.rv.in{opacity:1;transform:none}
.pkbar{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:90;display:flex;gap:6px;padding:6px;border-radius:999px;background:rgba(16,35,31,.95);backdrop-filter:blur(12px);color:#fff;font-size:.84rem;box-shadow:0 20px 40px -10px rgba(16,35,31,.6)}
.pkbar a{padding:8px 14px;border-radius:999px;white-space:nowrap}
.pkbar a:hover{background:rgba(255,255,255,.12)}
.pkbar a.on{background:var(--teal);font-weight:800}
.pkbar a.kl{background:#fbbf24;color:#1a1200;font-weight:800}
.embed .pkbar,.embed .pk-lang{display:none}
@media (max-width:980px){
  .hg,.two,.lic{grid-template-columns:1fr}
  .feed{grid-column:1;grid-row:auto;max-height:330px}
  .hero{min-height:0}
  .mapbox::after{background:linear-gradient(0deg,var(--paper) 0%,rgba(244,241,234,.86) 45%,rgba(244,241,234,.55) 100%)!important}
  .sweep{left:50%!important;top:62%;width:620px;height:620px}
  .cats{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}
  .links{position:fixed;inset:70px 12px auto;flex-direction:column;background:#fff;padding:12px;border-radius:18px;display:none;box-shadow:0 20px 40px -20px #000}
  .links.op{display:flex}.burger{display:block}
  .nav .btn.sm{margin-inline-start:auto}
}
@media (max-width:620px){
  .hero{padding-top:96px}
  .n4{grid-template-columns:1fr 1fr}.cats{grid-template-columns:1fr}
  .nav .btn.sm{display:none}.burger{margin-inline-start:auto}
  .sec{padding:64px 0}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}