.tb-rainbow{--ink:#171828;--paper:#f6f1e8;--line:#b8b3aa;--violet:#6d28d9;--cyan:#72dce8;--yellow:#ffe56b;background:#fff;color:var(--ink);overflow:hidden}.tb-rainbow *{box-sizing:border-box}.tb-rainbow [hidden]{display:none!important}.tb-rainbow a{color:inherit}.tb-rainbow .tb-shell{width:min(1180px,90vw);margin:auto}.tb-rainbow h1,.tb-rainbow h2,.tb-rainbow h3{margin:0;font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.045em}.tb-rainbow p{color:#555665}.tb-rainbow-kicker{margin:0 0 14px;color:#68697a!important;font:800 9px Arial,sans-serif;letter-spacing:.16em}.tb-rainbow-kicker:before{display:inline-block;width:22px;height:2px;margin:0 9px 3px 0;background:#ef4444;content:""}.tb-rainbow-button{display:inline-flex;min-height:49px;align-items:center;justify-content:center;padding:14px 22px;border:1px solid var(--ink);background:var(--ink);color:#fff!important;text-decoration:none;font:800 10px Arial,sans-serif;cursor:pointer}.tb-rainbow-button:hover{background:var(--violet)}
.tb-rainbow-hero{background:var(--paper)}.tb-rainbow-hero nav{display:flex;gap:9px;padding-top:24px;color:#696976;font:11px Arial,sans-serif}.tb-rainbow-hero-grid{display:grid;min-height:660px;grid-template-columns:1.05fr .95fr;gap:75px;align-items:center}.tb-rainbow-hero h1{font-size:74px;line-height:.94}.tb-rainbow-hero h1 em{font-weight:400;background:linear-gradient(90deg,#ef4444,#f59e0b,#eab308,#22c55e,#06b6d4,#3b82f6,#8b5cf6);background-clip:text;-webkit-background-clip:text;color:transparent}.tb-rainbow-hero-grid>div>p:not(.tb-rainbow-kicker){margin:27px 0;font:17px/1.65 Arial,sans-serif}.tb-rainbow-hero figure{display:grid;grid-template-columns:repeat(7,1fr);height:420px;align-items:center;margin:0;padding:28px;background:var(--ink)}.tb-rainbow-hero figure>div{display:grid;height:230px;place-items:center;color:#fff;font:700 55px Arial,sans-serif}.tb-rainbow-hero figure>div:nth-child(1){background:#ef4444}.tb-rainbow-hero figure>div:nth-child(2){background:#f97316}.tb-rainbow-hero figure>div:nth-child(3){background:#eab308}.tb-rainbow-hero figure>div:nth-child(4){background:#22c55e}.tb-rainbow-hero figure>div:nth-child(5){background:#06b6d4}.tb-rainbow-hero figure>div:nth-child(6){background:#3b82f6}.tb-rainbow-hero figure>div:nth-child(7){background:#8b5cf6}.tb-rainbow-hero figcaption{grid-column:1/-1;color:#bbc0d0;font:9px Arial,sans-serif}
.tb-rainbow-studio{padding:105px 0;background:#fff}.tb-rainbow-heading{display:grid;grid-template-columns:1.05fr .95fr;gap:75px;align-items:end}.tb-rainbow-heading h2{font-size:57px;line-height:.97}.tb-rainbow-heading>p{margin:0;font:14px/1.65 Arial,sans-serif}.tb-rainbow-tool{display:grid;grid-template-columns:400px 1fr;margin-top:46px;border:1px solid #a9a7a3;box-shadow:14px 14px 0 #ddd5ca}.tb-rainbow-controls{padding:30px;background:var(--paper);border-right:1px solid #aaa69f}.tb-rainbow-controls>label,.tb-rainbow-grid label{display:block;margin-bottom:20px}.tb-rainbow-controls label>span,.tb-rainbow-controls legend{display:flex;justify-content:space-between;width:100%;margin-bottom:8px;font:800 8px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}.tb-rainbow-text textarea,.tb-rainbow-controls select{width:100%;padding:12px;border:1px solid #9f9b94;background:#fff}.tb-rainbow-text textarea{min-height:100px;resize:vertical;font:500 20px Georgia,serif}.tb-rainbow-controls fieldset{display:grid;grid-template-columns:1fr 1fr;margin:0 0 20px;padding:0;border:0}.tb-rainbow-controls fieldset legend{grid-column:1/-1}.tb-rainbow-controls fieldset label{position:relative}.tb-rainbow-controls fieldset input{position:absolute;opacity:0}.tb-rainbow-controls fieldset label>span{display:grid;min-height:42px;place-items:center;margin:0;border:1px solid #9f9b94;cursor:pointer}.tb-rainbow-controls fieldset label:last-child>span{border-left:0}.tb-rainbow-controls fieldset label:has(input:checked)>span{background:var(--ink);color:#fff}.tb-rainbow-palette{display:flex;height:26px;margin:-9px 0 20px}.tb-rainbow-palette i{flex:1}.tb-rainbow-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tb-rainbow-grid input[type=range]{width:100%;accent-color:var(--violet)}.tb-rainbow-grid output{display:block;margin-top:5px;color:#666779;font:8px Arial,sans-serif}.tb-rainbow-grid input[type=color]{width:100%;height:42px;padding:3px;border:1px solid #9f9b94}.tb-rainbow-check{display:flex!important;gap:8px;align-items:center}.tb-rainbow-check span{margin:0!important}.tb-rainbow-actions{display:flex;gap:17px;align-items:center}.tb-rainbow-actions button[type=reset],.tb-rainbow-copy-actions button:not(.tb-rainbow-button){padding:0;border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;font:800 9px Arial,sans-serif;cursor:pointer}.tb-rainbow-output{min-width:0;padding:30px;background:var(--ink);color:#fff}.tb-rainbow-preview-wrap>span{display:block;color:#aeb1c4;font:800 8px Arial,sans-serif;letter-spacing:.12em}.tb-rainbow-preview{display:flex;min-height:290px;align-items:center;justify-content:center;padding:30px;overflow-wrap:anywhere;text-align:center;line-height:1.05}.tb-rainbow-preview.is-gradient{display:grid;background-size:100% 100%;background-clip:text;-webkit-background-clip:text;color:transparent}.tb-rainbow-preview.is-animated{background-size:200% 100%;animation:tb-rainbow-shift 5s linear infinite}.tb-rainbow-code-tabs{display:flex;border-bottom:1px solid #505263}.tb-rainbow-code-tabs button{padding:11px 18px;border:0;background:transparent;color:#aeb1c4;font:800 9px Arial,sans-serif;cursor:pointer}.tb-rainbow-code-tabs button.is-active{background:var(--yellow);color:var(--ink)}.tb-rainbow-output pre{min-height:210px;max-height:300px;margin:0;padding:18px;overflow:auto;background:#0d0e18;color:#dce0f0;font:11px/1.55 monospace;white-space:pre-wrap}.tb-rainbow-copy-actions{display:flex;gap:17px;align-items:center;margin-top:17px}.tb-rainbow-copy-actions .tb-rainbow-button{border-color:var(--yellow);background:var(--yellow);color:var(--ink)!important}.tb-rainbow-output>p{color:#aeb1c4;font:9px Arial,sans-serif}.tb-rainbow-rule{background:linear-gradient(90deg,#ef4444,#f59e0b,#eab308,#22c55e,#06b6d4,#3b82f6,#8b5cf6)}.tb-rainbow-rule>.tb-shell{display:grid;grid-template-columns:190px 1fr;gap:45px;padding:38px;background:rgba(23,24,40,.92);color:#fff}.tb-rainbow-rule span{font:800 9px Arial,sans-serif;letter-spacing:.14em}.tb-rainbow-rule p{margin:0;color:#fff;font:15px/1.6 Arial,sans-serif}
.tb-rainbow-routes,.tb-rainbow-contrast,.tb-rainbow-implementation,.tb-rainbow-faq{padding:105px 0}.tb-rainbow-routes{background:var(--paper)}.tb-rainbow-route-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px}.tb-rainbow-route-grid article{min-height:365px;padding:25px;border:1px solid var(--line);border-right:0;background:#fff}.tb-rainbow-route-grid article:last-child{border-right:1px solid var(--line)}.tb-rainbow-route-grid span,.tb-rainbow-implementation span{font:800 8px Arial,sans-serif;letter-spacing:.12em}.tb-rainbow-route-grid h3{margin:75px 0 15px;font-size:29px}.tb-rainbow-route-grid p{font:11px/1.58 Arial,sans-serif}.tb-rainbow-route-grid b{display:block;margin-top:20px;color:var(--violet);font:800 8px Arial,sans-serif}.tb-rainbow-contrast{background:var(--ink);color:#fff}.tb-rainbow-contrast>.tb-shell{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.tb-rainbow-contrast h2,.tb-rainbow-implementation h2,.tb-rainbow-faq h2,.tb-rainbow-next h2{font-size:53px;line-height:.98}.tb-rainbow-contrast .tb-rainbow-kicker{color:var(--yellow)!important}.tb-rainbow-contrast>div>div>p{color:#bdc0d0;font:14px/1.65 Arial,sans-serif}.tb-rainbow-contrast ol{margin:0;padding:0;list-style:none}.tb-rainbow-contrast li{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:21px 0;border-top:1px solid #4a4c5c}.tb-rainbow-contrast li:last-child{border-bottom:1px solid #4a4c5c}.tb-rainbow-contrast li b{color:var(--yellow);font:800 9px Arial,sans-serif}.tb-rainbow-contrast li span{font:600 17px/1.4 Georgia,serif}.tb-rainbow-implementation{background:#fff}.tb-rainbow-implementation>.tb-shell{display:grid;grid-template-columns:.68fr 1.32fr;gap:80px}.tb-rainbow-implementation>div>div:last-child{display:grid;grid-template-columns:1fr 1fr}.tb-rainbow-implementation article{padding:23px;border-top:1px solid var(--line)}.tb-rainbow-implementation article p{font:11px/1.55 Arial,sans-serif}.tb-rainbow-faq{background:var(--paper)}.tb-rainbow-faq>.tb-shell{display:grid;grid-template-columns:.68fr 1.32fr;gap:85px}.tb-rainbow-faq details{border-top:1px solid var(--line)}.tb-rainbow-faq details:last-child{border-bottom:1px solid var(--line)}.tb-rainbow-faq summary{display:flex;justify-content:space-between;padding:20px 0;cursor:pointer;font:600 18px Georgia,serif}.tb-rainbow-faq summary span{font:22px Arial,sans-serif}.tb-rainbow-faq details[open] summary span{transform:rotate(45deg)}.tb-rainbow-faq summary::-webkit-details-marker{display:none}.tb-rainbow-faq details p{margin:0 0 21px;font:12px/1.6 Arial,sans-serif}.tb-rainbow-next{padding:85px 0;background:var(--cyan)}.tb-rainbow-next>.tb-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.tb-rainbow-next>div>div:last-child a{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:17px;border-top:1px solid #75bfc9;text-decoration:none}.tb-rainbow-next a span{font:800 8px Arial,sans-serif}.tb-rainbow-next a b{font:600 16px Georgia,serif}@keyframes tb-rainbow-shift{to{background-position:200% center}}@media(prefers-reduced-motion:reduce){.tb-rainbow-preview.is-animated{animation:none}}
@media(max-width:1000px){.tb-rainbow-hero-grid,.tb-rainbow-heading,.tb-rainbow-contrast>.tb-shell,.tb-rainbow-implementation>.tb-shell,.tb-rainbow-faq>.tb-shell,.tb-rainbow-next>.tb-shell{grid-template-columns:1fr;gap:45px}.tb-rainbow-tool{grid-template-columns:1fr}.tb-rainbow-controls{border-right:0;border-bottom:1px solid #aaa}.tb-rainbow-route-grid{grid-template-columns:1fr}.tb-rainbow-route-grid article{min-height:0;border-right:1px solid var(--line)}}@media(max-width:680px){.tb-rainbow .tb-shell{width:min(100% - 32px,1180px)}.tb-rainbow-hero-grid{min-height:0;padding:50px 0 72px}.tb-rainbow-hero h1{font-size:45px}.tb-rainbow-hero figure{height:300px;padding:12px}.tb-rainbow-hero figure>div{height:160px;font-size:28px}.tb-rainbow-studio,.tb-rainbow-routes,.tb-rainbow-contrast,.tb-rainbow-implementation,.tb-rainbow-faq{padding:72px 0}.tb-rainbow-heading h2,.tb-rainbow-contrast h2,.tb-rainbow-implementation h2,.tb-rainbow-faq h2,.tb-rainbow-next h2{font-size:40px}.tb-rainbow-tool{box-shadow:8px 8px 0 #ddd5ca}.tb-rainbow-controls,.tb-rainbow-output{padding:22px 16px}.tb-rainbow-grid,.tb-rainbow-implementation>div>div:last-child{grid-template-columns:1fr}.tb-rainbow-preview{font-size:48px!important}.tb-rainbow-rule>.tb-shell{grid-template-columns:1fr;gap:12px;padding-inline:16px}.tb-rainbow-route-grid h3{margin-top:38px}.tb-rainbow-next>div>div:last-child a{grid-template-columns:1fr;gap:6px}}