.tc__card{margin:0 auto;min-height:420px;overflow:hidden;position:relative;width:100%}.tc__bg,.tc__card{border-radius:24px}.tc__bg{inset:0;position:absolute;transition:opacity .65s ease}.tc__bg--hidden{opacity:0;pointer-events:none}.tc__bg--visible{opacity:1}.tc__bg--hubspot{background:radial-gradient(ellipse 70% 80% at 85% 65%,rgba(170,45,10,.9) 0,transparent 58%),radial-gradient(ellipse 55% 55% at 15% 85%,rgba(100,15,5,.7) 0,transparent 52%),radial-gradient(ellipse 45% 40% at 60% 10%,rgba(130,20,80,.5) 0,transparent 48%),#1a0808}.tc__bg--modern{background:radial-gradient(ellipse 70% 80% at 85% 65%,rgba(16,72,98,.65) 0,transparent 58%),radial-gradient(ellipse 55% 55% at 15% 85%,rgba(13,105,113,.55) 0,transparent 52%),radial-gradient(ellipse 45% 40% at 55% 10%,rgba(13,105,113,.4) 0,transparent 48%),#040f10}.tc__inner{align-items:center;display:grid;gap:32px;grid-template-columns:1fr 420px;min-height:420px;padding:48px 48px 48px 56px;position:relative;z-index:2}.tc__left{align-items:flex-start;display:flex;flex-direction:column}.tc__switcher{background:hsla(0,0%,100%,.06);border:1.5px solid hsla(0,0%,100%,.13);border-radius:50px;display:inline-flex;margin-bottom:36px;padding:5px}.tc__switcher-btn{background:transparent;border:none;border-radius:50px;color:hsla(0,0%,100%,.4);cursor:pointer;font-size:14px;font-weight:500;padding:15px 28px;transition:background .35s ease,color .35s ease;white-space:nowrap}.tc__switcher-btn--active{background:#0e0816;color:#fff}.tc__pane{align-items:flex-start;display:none;flex-direction:column;opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease}.tc__pane--active{display:flex;opacity:1;transform:translateY(0)}.tc__pane--entering{display:flex;opacity:0;transform:translateY(12px)}.tc__heading{color:#fff;font-size:clamp(28px,3.2vw,44px);font-weight:300;line-height:1.15;margin-bottom:20px}.tc__heading-em{font-family:Playfair Display,serif;font-style:italic;font-weight:700}.tc__pane--hubspot .tc__heading-em{color:#ff5c35}.tc__pane--modern .tc__heading-em{color:#0ceae4}.tc__body{color:#fff;font-weight:300;line-height:1.78;margin-bottom:32px;max-width:500px}.tc__body-strong{color:#fff;font-weight:600}.tc__cta-row{align-items:center;display:flex;gap:10px}.tc__cta-row .split-btn.green .split-btn__icon,.tc__cta-row .split-btn.green .split-btn__label{background-color:#0ceae4;color:#0e0816}.tc__cta-row .split-btn.green .split-btn__icon svg{stroke:#0e0816}.tc__cta-row .split-btn.orange .split-btn__icon,.tc__cta-row .split-btn.orange .split-btn__label{background-color:#ff5c35}.tc__right{border-radius:16px;height:580px;overflow:hidden;position:relative}.tc__panel{align-items:flex-start;border:1px solid hsla(0,0%,100%,.07);border-radius:16px;display:flex;inset:0;justify-content:center;position:absolute;transition:opacity .65s ease}.tc__panel--hidden{opacity:0;pointer-events:none}.tc__panel--visible{opacity:1}.tc__panel--hubspot{background:radial-gradient(ellipse 90% 65% at 50% 100%,rgba(190,55,10,.8) 0,transparent 62%),radial-gradient(ellipse 65% 45% at 85% 15%,rgba(140,30,70,.45) 0,transparent 52%),#1c0b06}.tc__panel--modern{background:radial-gradient(ellipse 90% 65% at 50% 100%,rgba(0,145,125,.65) 0,transparent 62%),radial-gradient(ellipse 65% 45% at 85% 15%,rgba(0,85,90,.45) 0,transparent 52%),#040e0f}.tc__panel-code-icon{align-items:center;background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.12);border-radius:12px;color:hsla(0,0%,100%,.65);display:flex;font-family:monospace;font-size:16px;height:48px;justify-content:center;left:20px;letter-spacing:-1px;position:absolute;top:20px;width:48px}@media (max-width:820px){.tc__inner{grid-template-columns:1fr;padding:36px 28px}.tc__right{display:none}}