*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--green:#1a7a3c;--green-dark:#145f2e;--green-light:#e8f5ee;--black:#111;--white:#fff;--gray-light:#f5f5f5;--gray-text:#555;--gray-border:#e0e0e0;--font:'Poppins',sans-serif}
body{font-family:var(--font);color:var(--black);background:var(--white);-webkit-font-smoothing:antialiased}
a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}
nav{position:sticky;top:0;z-index:100;background:var(--white);border-bottom:1px solid var(--gray-border);padding:0 48px;height:60px;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo-icon {
    width: 36px;
    height:36px;
    background: var(--green);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:5px;
}

.logo-icon img {
    width: 100%;
    height: auto;
}
.logo-wordmark{font-size:17px;font-weight:700;color:var(--black)}.logo-wordmark span{color:var(--green)}
.nav-back{font-size:14px;font-weight:500;color:var(--green)}
.page-hero{background:var(--black);padding:56px 48px}
.page-hero-inner{max-width:800px;margin:0 auto}
.eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--green);margin-bottom:12px}
.page-hero h1{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;color:white;line-height:1.12;letter-spacing:-0.03em;margin-bottom:12px}
.page-hero p{font-size:14px;color:rgba(255,255,255,.5)}
.legal-body{max-width:800px;margin:0 auto;padding:56px 48px}
.toc{background:var(--gray-light);border-radius:12px;padding:24px 28px;margin-bottom:48px}
.toc-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--gray-text);margin-bottom:12px}
.toc ol{list-style:decimal;padding-left:18px;display:flex;flex-direction:column;gap:5px}
.toc ol li a{font-size:16px;color:var(--green)}
.ls{margin-bottom:44px}
.ls h3{font-size:16px;font-weight:700;color:var(--black);margin:18px 0 7px}
.ls p{font-size:16px;line-height:1.8;margin-bottom:10px}
.ls ul{list-style:none;display:flex;flex-direction:column;gap:7px;margin-bottom:12px}
.ls ul li{font-size:16px;line-height:1.65;display:flex;align-items:flex-start;gap:8px}
.ls ul li::before{content:"●";color:var(--green);font-weight:700;flex-shrink:0}
footer{background:var(--black);border-top:1px solid rgba(255,255,255,.07);padding:28px 48px;text-align:center}
.footer-copy{font-size:12px;color:rgba(255,255,255,.3)}
@media(max-width:640px){nav,footer{padding-left:20px;padding-right:20px}.page-hero,.legal-body{padding-left:20px;padding-right:20px}}



.legal-list {
    counter-reset: section;
    list-style: none;
    padding-left: 0;
}

.legal-list > li {
    counter-increment: section;
    margin-bottom: 30px ;
}


.legal-list > li::before {
    content: counter(section) ". ";
    font-weight: bold;
}

.legal-sublist {
    counter-reset: subsection;
    list-style: none;
}

.legal-sublist > li {
    counter-increment: subsection;
    line-height: 1.6;
}

.legal-sublist > li::before {
    content: counter(section) "." counter(subsection) ". ";
    font-weight: bold;
}


.legal-section-title {
    display: inline-block;
    font-size:17px;
    font-weight:700;
    color:var(--black);
    padding-bottom:10px;
}

.legal-sublist {
    border-top:2px solid var(--green-light);
    padding-top:10px;
}

.bullet-list {
    list-style-type: disc !important;
    padding-left: 20px;
}

.subsection-subsection-title {
    display: inline-block;
    padding-bottom: 10px;
    font-weight: bolder;
}

.legal-page-subtitle {
    color: #fff;
    font-size: 18px;
    font-weight: bolder;
}

.note-block {
    border: 1px solid darkblue;
    background: rgba(66, 135, 245, 0.2);
    color: darkblue;
    margin-left:-20px;
    padding-left: 20px;
}


.inline {
    display: inline;
}

#p1,
#p2,
#p3,
#p4,
#p5,
#p6,
#p7,
#p8,
#p9,
#p10,
#p11,
#p12,
#p13
{
    scroll-behavior: smooth;
    scroll-margin-top: 80px;
}