.cxstt{padding-block:0}.cxstt-inner{position:relative;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;grid-gap:clamp(28px,5vw,64px);gap:clamp(28px,5vw,64px);padding:clamp(36px,5vw,56px);border-radius:var(--cxh-radius);background:radial-gradient(ellipse 120% 160% at 85% -30%,rgba(74,84,201,.35),transparent 60%),var(--cxh-navy);border:1px solid var(--cxh-navy-border);overflow:hidden}.cxstt-inner:before{content:"";position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.04) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.04) 1px,transparent 0);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 90% 100% at 30% 50%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse 90% 100% at 30% 50%,#000 30%,transparent 80%);pointer-events:none}.cxstt-copy{position:relative}.cxstt .cxstt-eyebrow{color:#c3caff}.cxstt .cxstt-copy h2{color:var(--cxh-navy-text);font-size:clamp(1.6rem,2.8vw,2.25rem);font-weight:700;line-height:1.2;margin:16px 0 0}.cxstt .cxstt-copy p{color:var(--cxh-navy-muted);font-size:1rem;line-height:1.75;margin:14px 0 0;max-width:36em}.cxstt-cta{margin-top:24px}.cxstt-motif{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;min-height:150px}.cxstt-card{border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px;box-shadow:0 12px 32px rgba(2,6,23,.45);transition:transform .3s ease}.cxstt-inner:hover .cxstt-card--code{transform:translateY(-6px) rotate(-3deg)}.cxstt-inner:hover .cxstt-card--ui{transform:translateY(-10px)}.cxstt-inner:hover .cxstt-card--brand{transform:translateY(-6px) rotate(3deg)}.cxstt-card--code{width:92px;background:#0b1120;border:1px solid hsla(0,0%,100%,.1);transform:rotate(-4deg)}.cxstt-card--code i{height:6px;border-radius:4px;background:rgba(165,172,249,.55)}.cxstt-card--code i:nth-child(2){width:70%;background:hsla(0,0%,100%,.25)}.cxstt-card--code i:nth-child(3){width:45%;background:rgba(74,222,128,.5)}.cxstt-card--ui{width:116px;background:#fff;z-index:1}.cxstt-card--ui b{height:22px;border-radius:50%;width:22px;background:rgba(46,55,164,.14)}.cxstt-card--ui i{height:7px;border-radius:4px;background:rgba(2,6,23,.14)}.cxstt-card--ui em{height:18px;border-radius:7px;background:linear-gradient(135deg,#2e37a4,#4a54c9)}.cxstt-card--brand{width:92px;flex-direction:row;align-items:center;justify-content:center;background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.14);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transform:rotate(4deg);padding-block:18px}.cxstt-card--brand i{width:18px;height:18px;border-radius:6px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.2)}@media (max-width:900px){.cxstt-inner{grid-template-columns:1fr}.cxstt-motif{min-height:130px}}@media (prefers-reduced-motion:reduce){.cxstt-card,.cxstt-inner:hover .cxstt-card{transition:none;transform:none}}