.tb-band{--ink:#19151c;--orange:#ef5b45;--cream:#f2ead8;--acid:#c9f25e;color:var(--ink)}.tb-band *{box-sizing:border-box}.tb-band .tb-shell{width:min(1160px,calc(100% - 40px));margin:auto}.tb-band h1,.tb-band h2,.tb-band h3{font-family:Georgia,serif;letter-spacing:-.035em;margin:0}.tb-band p{line-height:1.65}.tb-band-label{font:800 11px system-ui;letter-spacing:.16em;color:var(--orange)}.tb-band-hero{background:var(--ink);color:#fff;padding:35px 0 75px}.tb-band nav{font-size:13px;color:#aaa1ae;margin-bottom:55px}.tb-band nav a{color:inherit}.tb-band-hero .tb-shell>div{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center}.tb-band h1{font-size:clamp(47px,6vw,77px);line-height:.97}.tb-band h1 em{color:var(--acid);font-weight:400}.tb-band-button{display:inline-block;background:var(--orange);color:#fff!important;padding:14px 20px;border:0;text-decoration:none;font:800 14px system-ui;cursor:pointer}.tb-band-hero figure{margin:0;background:var(--cream);color:var(--ink);padding:30px;transform:rotate(2deg);box-shadow:17px 17px 0 var(--orange)}.tb-band-hero figure span{font:800 11px system-ui;letter-spacing:.13em}.tb-band-hero figure b{display:block;font:55px/1 Impact,Arial Black,sans-serif;margin:55px 0 30px}.tb-band-hero figure i{font-weight:800;letter-spacing:.3em}.tb-band-note{padding:22px 0;background:var(--acid)}.tb-band-note .tb-shell{display:grid;grid-template-columns:180px 1fr;gap:25px}.tb-band-note p{margin:0}.tb-band-tool,.tb-band-system,.tb-band-faq{padding:80px 0}.tb-band-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:35px}.tb-band h2{font-size:clamp(38px,4.5vw,56px);line-height:1.05}.tb-band-heading>p{max-width:500px}.tb-band-app{display:grid;grid-template-columns:.7fr 1.3fr;border:1px solid #bcb4c0}.tb-band form{padding:25px;background:var(--cream)}.tb-band label{display:block;font-weight:700;margin-bottom:14px}.tb-band input,.tb-band select{width:100%;padding:10px;margin-top:6px}.tb-band input[type=color]{height:45px}.tb-band input[type=checkbox]{width:auto}.tb-band-colors{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.tb-band form button,.tb-band-preview button:not(.tb-band-button){padding:10px;border:1px solid var(--ink);background:#fff;font-weight:800}.tb-band-preview{background:#aaa;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:25px}.tb-band #band-stage svg{width:100%;height:auto;display:block;box-shadow:0 12px 35px #0004}.tb-band-preview>div:nth-child(2){display:flex;gap:10px;margin-top:20px}.tb-band-preview p{font-size:12px}.tb-band-system{background:var(--cream)}.tb-band-system .tb-shell{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.tb-band-system .tb-shell>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tb-band-system article{background:#fff;padding:22px;border-top:5px solid var(--orange)}.tb-band-system span,.tb-band-check b{color:var(--orange);font-weight:800}.tb-band-system h3{font-size:25px;margin-top:20px}.tb-band-check{padding:80px 0;background:var(--ink);color:#fff}.tb-band-check ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:30px}.tb-band-check li{border:1px solid #5b505f;padding:18px}.tb-band-rights{padding:75px 0;background:#e9f4c9}.tb-band-rights .tb-shell{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.tb-band-rights ul{list-style:none;padding:0;margin:0}.tb-band-rights li{background:#fff;padding:15px;border-bottom:1px solid #d1ddaf}.tb-band-faq .tb-shell{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.tb-band details{border-top:1px solid #c8c0ca;padding:17px 0}.tb-band summary{display:flex;justify-content:space-between;font:700 19px Georgia}.tb-band-close{padding:65px 0;background:var(--orange);color:#fff}.tb-band-close .tb-shell{display:grid;grid-template-columns:1fr 1fr;gap:70px}.tb-band-close h2{font-size:52px}.tb-band-close .tb-band-button{background:var(--ink)}
@media(max-width:900px){.tb-band-hero .tb-shell>div,.tb-band-app,.tb-band-system .tb-shell,.tb-band-rights .tb-shell,.tb-band-faq .tb-shell,.tb-band-close .tb-shell{grid-template-columns:1fr}.tb-band-check ol{grid-template-columns:1fr 1fr}.tb-band-preview{min-height:520px}}
@media(max-width:560px){.tb-band .tb-shell{width:calc(100% - 26px)}.tb-band h1{font-size:43px}.tb-band-heading{display:block}.tb-band-note .tb-shell,.tb-band-system .tb-shell>div:last-child,.tb-band-check ol{grid-template-columns:1fr}.tb-band-preview{min-height:360px}.tb-band-tool,.tb-band-system,.tb-band-faq{padding:65px 0}}