:root{
    --primary:#2563eb;
    --primary-dark:#1d4ed8;
    --green:#8BE28B;
    --green-dark:#72cf72;
    --text:#0f172a;
    --muted:#667085;
    --bg:#f7f9fc;
    --card:#ffffff;
    --border:#e7edf5;
    --shadow:0 18px 60px rgba(15,23,42,.08);
    --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    font-family:'Inter',sans-serif;
    background:var(--bg);
    color:var(--text);
    -webkit-font-smoothing:antialiased;
    font-size:15px;
    line-height:1.6;
}
a{text-decoration:none;color:inherit}
.legal-hero{
    position:relative;
    overflow:hidden;
    padding:86px 24px 76px;
    color:white;
    background:
        radial-gradient(circle at 15% 20%,rgba(139,226,139,.28),transparent 28%),
        radial-gradient(circle at 82% 16%,rgba(96,165,250,.35),transparent 30%),
        linear-gradient(135deg,#0f172a 0%,#1e3a8a 52%,#2563eb 100%);
}
.legal-hero::before{
    content:"";
    position:absolute;
    inset:0;
    opacity:.26;
    background-image:url("data:image/svg+xml,%3Csvg width='900' height='520' viewBox='0 0 900 520' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='white' stroke-opacity='.72'%3E%3Cpath d='M36 104C164 8 275 187 417 72c107-87 211-53 296 63 61 84 112 76 158 34'/%3E%3Cpath d='M0 402c88-95 190-116 306-63 126 58 192 42 270-58 76-97 163-108 281-31'/%3E%3Ccircle cx='143' cy='177' r='54'/%3E%3Ccircle cx='741' cy='112' r='78'/%3E%3Crect x='548' y='338' width='135' height='96' rx='24' transform='rotate(-9 548 338)'/%3E%3Cpath d='M108 359h92M154 313v92M743 326h78M782 287v78'/%3E%3C/g%3E%3Cg fill='white' fill-opacity='.42'%3E%3Ccircle cx='314' cy='129' r='5'/%3E%3Ccircle cx='448' cy='217' r='4'/%3E%3Ccircle cx='708' cy='266' r='5'/%3E%3Ccircle cx='226' cy='420' r='4'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
}
.legal-hero::after{
    content:"";
    position:absolute;
    inset:auto 0 -1px;
    height:84px;
    background:linear-gradient(to bottom,rgba(247,249,252,0),var(--bg));
}
.hero-inner{max-width:1180px;margin:auto;position:relative;z-index:1}
.eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:9px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.24);
    color:rgba(255,255,255,.9);
    font-size:12px;
    font-weight:800;
    letter-spacing:.02em;
}
.legal-hero h1{
    max-width:760px;
    margin:24px 0 0;
    font-size:58px;
    line-height:.98;
    letter-spacing:-.065em;
    font-weight:800;
     color:#fff !important;
}
.legal-hero p{max-width:690px;margin:22px 0 0;color:rgba(255,255,255,.78);font-size:17px;line-height:1.8}
.meta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.meta-pill{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:12px 15px;
    border-radius:16px;
    background:rgba(255,255,255,.13);
    border:1px solid rgba(255,255,255,.20);
    color:rgba(255,255,255,.88);
    font-size:13px;
    font-weight:650;
}
.page-wrap{max-width:1180px;margin:-24px auto 0;padding:0 24px 70px;position:relative;z-index:2}
.terms-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:26px;align-items:start}
.toc{
    position:sticky;
    top:104px;
    background:rgba(255,255,255,.92);
    border:1px solid rgba(226,232,240,.8);
    box-shadow:var(--shadow);
    border-radius:28px;
    padding:18px;
}
.toc-title{font-size:12px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px}
.toc a{
    display:flex;
    gap:10px;
    align-items:flex-start;
    padding:10px 10px;
    border-radius:14px;
    color:#475467;
    font-size:13px;
    font-weight:650;
    line-height:1.35;
}
.toc a:hover{background:#eff6ff;color:#1d4ed8}
.toc a span{color:#2563eb;font-weight:900;min-width:20px}
.terms-card{
    background:white;
    border:1px solid rgba(226,232,240,.88);
    border-radius:34px;
    box-shadow:var(--shadow);
    padding:44px 52px;
}
.terms-intro{
    margin-bottom:34px;
    padding-bottom:28px;
    border-bottom:1px solid #eef2f7;
}
.terms-intro h2{margin:0;font-size:28px;letter-spacing:-.045em;line-height:1.15}
.terms-intro p{margin:12px 0 0;color:var(--muted)}
.terms-section{scroll-margin-top:120px;padding:30px 0;border-top:1px solid #eef2f7}
.terms-section:first-of-type{border-top:0;padding-top:0}
.terms-section h2{
    margin:0 0 18px;
    display:flex;
    align-items:center;
    gap:12px;
    font-size:28px;
    line-height:1.16;
    letter-spacing:-.045em;
    font-weight:800;
}
.terms-section h2 span{
    width:38px;
    height:38px;
    flex:0 0 38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:13px;
    color:#1d4ed8;
    background:#eff6ff;
    font-size:15px;
    letter-spacing:0;
}
.terms-section p{
    margin:0 0 13px;
    color:#344054;
    font-size:15.5px;
    line-height:1.82;
}
.terms-section p:last-child{margin-bottom:0}
.info-bar{
    max-width:1180px;
    margin:0 auto 34px;
    padding:0 24px;
}
.info-bar-inner{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:18px;
    flex-wrap:wrap;
    padding:18px 22px;
    border:1px solid rgba(226,232,240,.9);
    border-radius:22px;
    background:rgba(255,255,255,.72);
    color:#667085;
    font-size:13px;
}
.info-links{display:flex;gap:16px;flex-wrap:wrap}
.info-links a{color:#2563eb;font-weight:700}
@media(max-width:980px){
    .terms-layout{grid-template-columns:1fr}
    .toc{position:relative;top:auto}
}
@media(max-width:768px){
                    .legal-hero{padding:64px 18px 60px}
    .legal-hero h1{font-size:38px;letter-spacing:-.055em}
    .legal-hero p{font-size:15px}
    .page-wrap{padding:0 16px 48px}
    .terms-card{padding:28px 20px;border-radius:26px}
    .terms-section h2{font-size:22px;align-items:flex-start}
    .terms-section p{font-size:14.5px;line-height:1.75}
    .toc{border-radius:24px}
    .info-bar{padding:0 16px}
    .info-bar-inner{align-items:flex-start;flex-direction:column}
}