/* Landing-page identity only; tracker styles are separate. */
:root{--blue:#ff526f;--blue-light:#ff7a90;--hot:#ff526f}
.brand span{color:var(--blue-light)}
.punch .waste{color:var(--ink)}
.join-big,.closing button,.slip-label,dialog button{color:var(--ink)}
.join-big:hover,.closing button:hover{background:#ff7890}
.hedge-label{color:var(--hot)}
.hero,.play-breakdown,.closing{position:relative;isolation:isolate}
.brand-shapes{position:absolute;inset:0 -48px;overflow:hidden;pointer-events:none;z-index:-1;contain:paint}
.brand-diamond{display:block;position:absolute;transform:rotate(45deg);width:44px;height:44px;background:var(--blue);opacity:.7}
.diamond-large{width:245px;height:245px;background:transparent;border:2px solid var(--blue);opacity:.25;right:-155px;top:16%}
.diamond-small{width:22px;height:22px;right:7%;top:60%;opacity:.7}
.diamond-dark{width:82px;height:82px;background:#242021;border:1px solid #3b282d;left:-67px;top:65%;opacity:.85}
.example-shapes .diamond-large{left:-194px;right:auto;top:26%;width:270px;height:270px;opacity:.22}
.example-shapes .diamond-small{right:5%;top:3%;width:28px;height:28px;background:transparent;border:2px solid var(--blue);opacity:.55}
.example-shapes .diamond-dark{left:auto;right:-69px;top:79%;width:100px;height:100px}
.closing-shapes .diamond-large{top:-50px;right:-130px;width:170px;height:170px;opacity:.2}
.closing-shapes .diamond-small{top:8px;left:48%;width:12px;height:12px;opacity:.65}
.closing-shapes .diamond-dark{display:none}
@media(max-width:1000px){.brand-shapes{left:-30px;right:-30px}.diamond-small{right:3%;top:58%}}
@media(max-width:650px){.brand-shapes{left:-20px;right:-20px}.diamond-large{width:155px;height:155px;right:-116px;top:4%;opacity:.2}.hero-shapes .diamond-small{right:10px;top:56%;width:12px;height:12px;opacity:.45}.diamond-dark{left:-75px;top:78%}.example-shapes .diamond-large{width:170px;height:170px;left:-142px;top:26%}.example-shapes .diamond-small{right:6px;top:1%;width:14px;height:14px;opacity:.4}.example-shapes .diamond-dark{right:-95px}.closing-shapes .diamond-large{right:-150px}.closing-shapes .diamond-small{display:none}}
@media(max-width:370px){.brand-shapes{left:-16px;right:-16px}}
@media(prefers-reduced-motion:reduce){.brand-diamond{transform:rotate(45deg)!important}}

footer{display:flex;flex-direction:column;gap:14px}
footer .copyright{margin:0}
footer .risk-disclaimer{max-width:78ch;font-size:14px;line-height:1.5;color:#99958d}
footer .risk-disclaimer p+p{margin-top:8px}