:root{--mint:#26B564;--dark:#14403C;--bg:#FFFFFF;--bg-soft:#F6F7F8;--text:#0F2F2C;--muted:rgba(15,47,44,0.70);--line:rgba(15,47,44,0.14);--radius:20px;--pill:999px;--shadow:0 20px 60px rgba(15,47,44,0.10);--shadow-soft:0 10px 28px rgba(15,47,44,0.08)}
*{box-sizing:border-box}
html,body{height:100%}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
img{max-width:100%;display:block}
a{color:inherit}
p{margin:0}
ul{margin:0;padding:0}
h1,h2,h3,h4{margin:0;line-height:1.15;letter-spacing:-0.4px}
section{scroll-margin-top:92px}
.container{width:min(1180px,calc(100% - 40px));margin:0 auto}
.muted{color:var(--muted)}
.small{font-size:12.5px}
.accent{color:var(--mint)}
.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,0.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.brand-mark{width:38px;height:38px;border-radius:12px}
.brand-name{font-weight:800;font-size:16px;letter-spacing:0.2px}
.nav{display:flex;align-items:center;gap:6px}
.nav-link{text-decoration:none;color:var(--muted);font-weight:750;padding:10px 12px;border-radius:var(--pill);transition:0.18s ease}
.nav-link:hover{background:var(--bg-soft);color:var(--text)}
.nav-cta{text-decoration:none;color:#fff;background:var(--dark);padding:10px 14px;border-radius:var(--pill);font-weight:850;transition:0.18s ease}
.nav-cta:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}
.menu-btn{display:none;background:var(--bg-soft);border:1px solid var(--line);color:var(--text);border-radius:14px;padding:10px 12px;font-size:18px;cursor:pointer}
.mobile-nav{display:none;padding:10px 0 16px 0;border-top:1px solid var(--line)}
.mobile-nav.open{display:grid;gap:8px}
.mobile-nav .nav-link,.mobile-nav .nav-cta{margin:0 20px}
.mobile-nav .nav-cta{text-align:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;border-radius:var(--pill);font-weight:850;text-decoration:none;border:1px solid transparent;transition:0.18s ease;cursor:pointer;user-select:none}
.btn.primary{background:var(--dark);color:#fff}
.btn.primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}
.btn.secondary{background:#0E2421;color:#fff}
.btn.secondary:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}
.btn.ghost{background:rgba(255,255,255,0.86);color:var(--text);border:1px solid var(--line)}
.btn.ghost:hover{background:var(--bg-soft)}
.section{padding:64px 0}
.section.alt{background:var(--bg-soft);border-top:1px solid rgba(15,47,44,0.10);border-bottom:1px solid rgba(15,47,44,0.10)}
.section-head{text-align:center;max-width:820px;margin:0 auto 18px auto}
.section-head h2{font-size:30px;letter-spacing:-0.7px}
.section-head p{margin-top:10px;color:var(--muted);font-weight:650}
#plugins .section-head{margin-bottom:16px}
#plugins .section-head::after{content:"";display:block;height:1px;background:transparent}
.card{border:1px solid rgba(15,47,44,0.14);border-radius:var(--radius);background:rgba(255,255,255,0.92);box-shadow:var(--shadow-soft);padding:18px}
.card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.list{margin:12px 0 12px 0;padding-left:18px;color:var(--muted);font-weight:650}
.list li{margin:6px 0}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.feature{border:1px solid rgba(15,47,44,0.14);border-radius:var(--radius);background:rgba(255,255,255,0.82);padding:18px}
.feature-icon{width:46px;height:46px;border-radius:16px;border:1px solid rgba(15,47,44,0.14);background:rgba(255,255,255,0.92);display:grid;place-items:center;font-size:20px;margin-bottom:10px}
.feature h4{font-size:16px;letter-spacing:-0.2px}
.feature p{margin-top:6px}
.about{display:grid;grid-template-columns:1.2fr 0.8fr;gap:16px;align-items:start}
.about-card{border:1px solid rgba(15,47,44,0.14);border-radius:var(--radius);background:rgba(246,247,248,0.85);padding:16px}
.about-title{font-weight:850;margin-bottom:10px}
.about-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px dashed rgba(15,47,44,0.18)}
.about-row:first-of-type{border-top:none;padding-top:0}
.k{color:var(--muted);font-weight:750}
.v{font-weight:850}
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.contact-card{border:1px solid rgba(15,47,44,0.14);border-radius:var(--radius);background:rgba(255,255,255,0.82);padding:18px;box-shadow:var(--shadow-soft)}
.footer{padding:26px 0;border-top:1px solid rgba(15,47,44,0.12);background:#fff}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:14px}
.footer-left{display:flex;align-items:center;gap:12px}
.footer-mark{width:38px;height:38px;border-radius:12px}
.footer-brand{font-weight:850;letter-spacing:-0.2px}
.footer-right{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.footer-link{color:var(--muted);text-decoration:none;font-weight:750;padding:8px 10px;border-radius:14px}
.footer-link:hover{background:var(--bg-soft);color:var(--text)}
.home .hero-bg{position:relative;min-height:calc(88vh - 72px);display:grid;place-items:center;padding:92px 0 70px 0;border-bottom:1px solid var(--line);background-image:url("assets/banner-mint.png");background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}
.home .hero-bg::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 28%, rgba(255,255,255,0.72), rgba(255,255,255,0.18) 56%, rgba(246,246,246,0.40)),linear-gradient(180deg, rgba(255,255,255,0.14), rgba(255,255,255,0.22));pointer-events:none}
.home .hero-bg::after{content:"";position:absolute;inset:-60px;background:radial-gradient(700px 320px at 72% 28%, rgba(38,181,100,0.10), transparent 60%);pointer-events:none}
.home .hero-center{position:relative;text-align:center;max-width:980px;padding:0 20px;z-index:3;transform-origin:center top;will-change:transform,opacity}
.home .hero-title{font-size:clamp(46px,6.2vw,86px);letter-spacing:-1.35px;line-height:1.02;margin-top:14px;text-wrap:balance}
.home .hero-sub{margin-top:14px;font-size:18px;color:var(--muted);font-weight:650;max-width:70ch;margin-left:auto;margin-right:auto;text-wrap:pretty}
.home .hero-actions-center{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:24px}
.home .thin-section{padding:58px 0}
.home .single-card{max-width:940px;margin:0 auto}
.home .plugin-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.home .plugin-icon{width:46px;height:46px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,0.85);object-fit:cover}
.home .leaves{position:absolute;inset:-90px -60px -140px -60px;pointer-events:none;z-index:2}
.home .leaf{position:absolute;left:var(--x,50%);top:var(--y,-12vh);width:var(--size,52px);height:var(--size,52px);transform:translate3d(var(--px,0px),var(--py,0px),0);will-change:transform;opacity:var(--o,0.40)}
.home .leaf i{display:block;width:100%;height:100%;background-image:url("assets/logo.png");background-size:contain;background-repeat:no-repeat;filter:saturate(1.25) contrast(1.08);mix-blend-mode:multiply;animation-name:leafFall;animation-duration:var(--dur,10s);animation-delay:var(--delay,0.2s);animation-timing-function:linear;animation-iteration-count:infinite}
@keyframes leafFall{0%{transform:translate3d(0,0,0) rotate(0deg)}100%{transform:translate3d(var(--drift,-120px),98vh,0) rotate(var(--rot,520deg))}}
.reveal{will-change:transform,box-shadow}
@media (max-width:920px){.grid-3{grid-template-columns:1fr}.about{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}}
@media (max-width:760px){.nav{display:none}.menu-btn{display:inline-flex}}
@media (prefers-reduced-motion: reduce){.home .leaf{display:none}.home .hero-center{transform:none !important;opacity:1 !important}}