.tii-logic{--accent:#f3a0c5;--panel:#f1f0ed;--card:#fff;color:#706d68}.tii-logic__shell{background:var(--panel);border-radius:14px;display:grid;gap:clamp(28px,5vw,72px);grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);padding:clamp(28px,4vw,58px)}.tii-logic__eyebrow,.tii-logic__role,.tii-logic__panel-label{font-size:11px;font-weight:700;letter-spacing:.04em;margin:0 0 20px}.tii-logic__heading{color:inherit;font-size:clamp(34px,4vw,57px);font-weight:700;letter-spacing:0;line-height:.98;margin:0 0 24px}.tii-logic__intro{font-size:clamp(16px,1.5vw,21px);line-height:1.35;max-width:440px}.tii-logic__copy{margin-top:clamp(30px,5vw,64px)}.tii-logic [hidden]{display:none!important}.tii-logic__copy.is-active,.tii-logic__panel.is-active{animation:tiiLogicIn .3s ease-out both}.tii-logic__role{color:var(--accent);margin-bottom:10px}.tii-logic__copy h3{color:inherit;font-size:clamp(22px,2.2vw,32px);line-height:1.05;margin:0 0 12px}.tii-logic__copy>p:last-of-type{font-size:16px;line-height:1.4;margin:0;max-width:430px}.tii-logic__link{color:inherit;display:inline-block;font-size:12px;margin-top:20px;text-decoration:underline;text-underline-offset:4px}.tii-logic__stage{background:var(--card);border-radius:12px;min-height:620px;overflow:hidden;padding:clamp(28px,4vw,48px);position:relative}.tii-logic__panel{min-height:460px;position:relative}.tii-logic__panel-label{display:block;margin-bottom:10px}.tii-logic__panel-role{display:block;font-size:clamp(27px,3vw,39px);line-height:1;text-transform:lowercase}.tii-logic__callout{left:0;max-width:230px;position:absolute;top:145px;z-index:3}.tii-logic__callout strong,.tii-logic__callout span{display:block}.tii-logic__callout strong{font-size:14px;margin-bottom:7px}.tii-logic__callout span{font-size:13px;line-height:1.25}.tii-logic__leader{border-top:1px solid #8a8781;left:0;position:absolute;right:38%;top:232px;z-index:3}.tii-logic__leader:after{background:#77736d;border-radius:50%;content:"";height:8px;position:absolute;right:-4px;top:-4px;width:8px}.tii-logic__visual{align-items:center;bottom:10px;display:flex;justify-content:center;position:absolute;right:-2%;top:4px;width:55%}.tii-logic__image,.tii-logic__ghost{height:80%;max-height:410px;object-fit:contain;position:absolute;width:80%}.tii-logic__ghost{filter:grayscale(1);opacity:.09;transform:translate(36px,-18px) scale(1.08)}.tii-logic__placeholder{height:75%;opacity:.15;width:75%}.tii-logic__tabs{bottom:28px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);left:clamp(28px,4vw,48px);position:absolute;right:clamp(28px,4vw,48px);z-index:5}.tii-logic__tab{align-items:center;appearance:none;background:transparent;border:0;color:#706d68;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:8px;padding:0}.tii-logic__tab>span{align-items:center;background:var(--card);border:1px solid #918e88;border-radius:50%;display:flex;font-size:14px;font-weight:700;height:58px;justify-content:center;transition:background-color .22s ease,border-color .22s ease,transform .22s ease;width:58px}.tii-logic__tab small{font-size:10px;font-weight:700}.tii-logic__tab:hover>span,.tii-logic__tab:focus-visible>span{transform:translateY(-2px)}.tii-logic__tab:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.tii-logic__tab.is-active>span{background:var(--accent);border-color:var(--accent)}@keyframes tiiLogicIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.tii-logic__copy.is-active,.tii-logic__panel.is-active{animation:none}.tii-logic__tab>span{transition:none}}@media(max-width:749px){.tii-logic__shell{display:block;padding:22px}.tii-logic__heading{font-size:38px}.tii-logic__copy{margin:28px 0;min-height:155px}.tii-logic__stage{min-height:570px;padding:26px 22px}.tii-logic__panel{min-height:410px}.tii-logic__callout{max-width:43%;top:125px}.tii-logic__leader{right:48%;top:218px}.tii-logic__visual{right:-8%;width:64%}.tii-logic__image,.tii-logic__ghost{height:70%;width:95%}.tii-logic__tabs{bottom:22px;gap:6px;left:16px;right:16px}.tii-logic__tab>span{height:50px;width:50px}.tii-logic__tab small{font-size:8px}}
