:root{
 --bc-bg:#f5f8f4;
 --bc-paper:#ffffff;
 --bc-ink:#082b20;
 --bc-muted:#68766f;
 --bc-line:#dfe8e2;
 --bc-green:#05CE78;
}

*{
 box-sizing:border-box;
}

html{
 background:var(--bc-bg);
 color:var(--bc-ink);
 font-family:
 Inter,
 -apple-system,
 BlinkMacSystemFont,
 "Segoe UI",
 sans-serif;
}

body{
 margin:0;
 background:
 radial-gradient(
  circle at 10% 5%,
  rgba(5,206,120,.10),
  transparent 32rem
 ),
 var(--bc-bg);
}

.legal-shell{
 width:min(920px,calc(100% - 32px));
 margin:0 auto;
 padding:38px 0 90px;
}

.legal-nav{
 display:flex;
 align-items:center;
 gap:18px;
 margin-bottom:42px;
}

.legal-brand{
 font-weight:900;
 color:var(--bc-ink);
 text-decoration:none;
 letter-spacing:-.04em;
}

.legal-brand i{
 display:inline-block;
 width:11px;
 height:11px;
 margin-right:9px;
 background:var(--bc-green);
 border-radius:3px;
 transform:rotate(45deg);
}

.legal-back{
 margin-left:auto;
 color:var(--bc-muted);
 text-decoration:none;
 font-size:13px;
}

.legal-card{
 background:rgba(255,255,255,.94);
 border:1px solid var(--bc-line);
 border-radius:30px;
 padding:clamp(25px,5vw,58px);
 box-shadow:0 25px 80px rgba(8,43,32,.07);
}

.legal-kicker{
 color:#458e6c;
 font-size:10px;
 font-weight:800;
 letter-spacing:.16em;
 text-transform:uppercase;
}

h1{
 margin:12px 0 38px;
 font-size:clamp(42px,8vw,72px);
 letter-spacing:-.06em;
 line-height:.95;
}

h2{
 margin:42px 0 12px;
 font-size:23px;
 letter-spacing:-.035em;
}

h3{
 margin:28px 0 8px;
}

p,
li{
 color:#344c43;
 line-height:1.7;
}

a{
 color:#06794c;
}

.legal-note{
 margin:25px 0 34px;
 padding:18px 20px;
 border:1px solid #d5ebdd;
 border-radius:16px;
 background:#eff9f3;
 color:#315044;
}

.legal-footer{
 display:flex;
 flex-wrap:wrap;
 gap:16px;
 margin-top:42px;
 padding-top:22px;
 border-top:1px solid var(--bc-line);
 font-size:13px;
}

.legal-footer a,
.legal-footer button{
 color:#5c7066;
}

.legal-footer button{
 appearance:none;
 border:0;
 padding:0;
 background:none;
 font:inherit;
 cursor:pointer;
 text-decoration:underline;
}

@media(max-width:620px){
 .legal-card{
  border-radius:22px;
 }

 .legal-nav{
  margin-bottom:25px;
 }
}