.ts-product main>section.hp-hero.ts-wrap{max-width:1240px;padding:78px 32px 66px;display:grid;grid-template-columns:1fr 1.05fr;gap:72px;align-items:center;text-align:left;background:none;isolation:isolate}
.hp-copy .ts-eyebrow{justify-content:start;font-size:9px;letter-spacing:1.6px;color:var(--ts-muted)}
.ts-product .hp-copy h1{font-size:clamp(40px,4.1vw,57px);line-height:1.08;letter-spacing:-2.4px;margin:24px 0 23px;font-weight:600}
.hp-copy h1>span{display:block;color:var(--ts-muted);margin-top:8px}
.ts-product .hp-copy .hp-lead{font-size:16px;color:var(--ts-muted);line-height:1.85;max-width:440px;margin:0}
.hp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:27px}.hp-actions .ts-button{font-size:12px;border-radius:99px;gap:15px;padding:12px 18px}.hp-watch{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:500}.hp-watch:hover{text-decoration:underline;text-underline-offset:5px}
.hp-principles{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-top:29px;font-size:11px;color:var(--ts-muted)}.hp-principles>span{display:inline-flex;align-items:center;gap:7px}.hp-principles>span+span:before{content:"";width:3px;height:3px;border-radius:50%;background:var(--ts-muted)}.hp-principles svg{width:14px;height:14px;color:var(--ts-ink)}
.hp-rollout{display:flex;gap:10px;align-items:start;border-top:1px solid var(--ts-line);padding-top:19px;margin-top:28px;max-width:390px}.hp-rollout-dot{display:block;width:5px;height:5px;border-radius:50%;background:var(--ts-ink);margin-top:7px;flex:none}.hp-rollout p{font-size:11px;line-height:1.8;color:var(--ts-muted)}.hp-rollout strong{color:var(--ts-ink);font-weight:500}
.hp-visual{position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 0,#4c53594d,transparent 65%),linear-gradient(140deg,#101114,#24282e);color:#fff;border:1px solid #363b43;border-radius:16px;padding:27px 27px 20px;box-shadow:0 24px 65px #15182313}
.hp-visual:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff16 .65px,transparent .75px);background-size:21px 21px;mask-image:linear-gradient(to bottom,black,transparent 65%);pointer-events:none;z-index:0}.hp-visual>*{position:relative;z-index:1}
.hp-visual-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:30px}.hp-visual-heading>div{display:flex;align-items:center;gap:9px}.hp-visual-heading strong{font-size:17.6px;letter-spacing:-.4px;font-weight:500}.hp-visual-heading>span{font-size:10.56px;letter-spacing:1.1px;color:#aab1bd;max-width:120px;text-align:right;line-height:1.7}.hp-channel-label{font-size:10.56px;letter-spacing:1.2px;color:#aab1bd;margin-bottom:11px}
.hp-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.hp-channels button{display:flex;gap:8px;align-items:center;justify-content:center;background:#ffffff05;border:1px solid #48505c;border-radius:8px;color:#ccd2dd;padding:12px 7px;font-size:15.84px;transition:background .2s,color .2s,border-color .2s}.hp-channels button[aria-pressed=true]{background:#fafbfc;color:#16191e;border-color:#fafbfc;box-shadow:0 5px 15px #00000012}.hp-channels button:hover{border-color:#a0a8b5}.hp-channels button:focus-visible{outline:2px solid #fff;outline-offset:4px}.hp-channels svg{width:19px;height:19px;flex:none}
.hp-connectors{height:43px;position:relative}.hp-connectors>svg{display:block;width:100%;height:100%;fill:none;stroke:#626a78;stroke-width:1}.hp-signal{fill:#d5dce8;stroke:none;filter:drop-shadow(0 0 4px #e3eaff66);animation:hp-flow 3.5s linear infinite}
.hp-core{display:flex;gap:16px;align-items:center;padding:21px 20px;background:#ffffff08;border:1px solid #5d6675;border-radius:11px;box-shadow:0 8px 25px #0000001a}.hp-core-icon{display:block;flex:none;width:37px;height:37px;background:#f5f7fa;mask:url('/branding/tessolva-icon-dark.svg') center/contain no-repeat;-webkit-mask:url('/branding/tessolva-icon-dark.svg') center/contain no-repeat}.hp-label{font-size:10.56px;letter-spacing:1.1px;color:#aeb7c6}.ts-product .hp-core h2{font-size:20.9px;font-weight:500;line-height:1.25;letter-spacing:-.5px;margin:6px 0 11px;color:#f5f7fc}.hp-core-tags{display:flex;gap:7px;flex-wrap:wrap}.hp-core-tags span{font-size:11.88px;color:#c7cfdd;padding:3px 7px;border:1px solid #4b5565;border-radius:5px}
.hp-agent-row{display:flex;align-items:center;justify-content:center;gap:22px;padding:12px 0 0;font-size:11.88px;color:#a4aebe}.hp-agent-row span{display:flex;align-items:center;gap:5px}.hp-agent-row span:before{content:"";width:12px;height:12px;background:currentColor;mask:var(--hp-agent) center/contain no-repeat;-webkit-mask:var(--hp-agent) center/contain no-repeat}
.hp-output-line{height:29px;display:flex;justify-content:center}.hp-output-line>span{height:100%;width:1px;background:#626a78}
.hp-outcome{padding:18px 18px 16px;background:#ffffff08;border:1px solid #5d6675;border-radius:11px;color:#f5f7fc;box-shadow:0 8px 25px #0000001a}.hp-outcome-header{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11.88px;color:#aeb7c6;line-height:1.6}.hp-outcome-header>span:last-child{font-size:10.56px;white-space:nowrap;color:#aeb7c6}.hp-outcome .hp-question{font-size:14.3px;line-height:1.65;margin:15px 0 17px;color:#f5f7fc;font-weight:500}.hp-answer{display:flex;gap:10px;border-top:1px solid #4b5565;padding-top:15px}.hp-titan{width:18px;height:18px;margin-top:3px;background:#f5f7fc;mask:url('/branding/agents/titan.svg') center/contain no-repeat;-webkit-mask:url('/branding/agents/titan.svg') center/contain no-repeat;flex:none}.hp-answer p{font-size:14.52px;line-height:1.8;color:#c7cfdd;margin:0}.hp-result{display:flex;gap:7px;align-items:center;margin-top:15px;padding-top:13px;border-top:1px solid #4b5565;font-size:13.2px;font-weight:500}.hp-result svg{width:15px;height:15px;flex:none}.hp-visual-note{font-size:11.88px;line-height:1.8;color:#a5afbf;margin-top:15px!important}
@keyframes hp-flow{0%{opacity:0}20%{opacity:1}80%{opacity:1}100%{opacity:0}}
@media(max-width:1050px){.ts-product main>section.hp-hero.ts-wrap{gap:35px;padding-inline:27px;padding-top:56px}.ts-product .hp-copy h1{font-size:44px}.hp-visual{padding-inline:21px}.hp-core{padding-inline:14px;gap:12px}.hp-channels{gap:7px}.hp-channels button{font-size:14.52px;gap:5px}.hp-core-tags{gap:5px}}
@media(max-width:780px){.ts-product main>section.hp-hero.ts-wrap{grid-template-columns:1fr;max-width:670px;gap:37px;padding-block:45px 50px}.ts-product .hp-copy h1{font-size:clamp(42px,7.4vw,57px)}.hp-copy h1 br{display:none}.hp-copy .hp-lead{max-width:520px}.hp-rollout{max-width:100%}.hp-visual{max-width:550px;width:100%;margin:auto}.hp-visual-heading>span{max-width:none}.hp-principles{margin-top:22px}}
@media(max-width:420px){.ts-product main>section.hp-hero.ts-wrap{padding-inline:21px;gap:28px}.ts-product .hp-copy h1{font-size:41px;letter-spacing:-1.8px}.ts-product .hp-copy .hp-lead{font-size:14px}.hp-actions{gap:17px}.hp-actions .ts-button{font-size:12px}.hp-visual{padding:22px 17px 17px;border-radius:12px}.hp-visual-heading{margin-bottom:23px}.hp-visual-heading>span{max-width:110px;font-size:9.24px}.hp-channels button{font-size:13.2px;gap:5px;padding-inline:4px}.hp-channels svg{width:15px;height:15px}.hp-core-icon{width:28px;height:28px}.ts-product .hp-core h2{font-size:18.7px}.hp-core-tags span{font-size:10.56px;padding:3px 5px}.hp-agent-row{gap:15px}.hp-outcome{padding:16px 14px}.hp-outcome-header{font-size:10.56px;gap:8px}.hp-outcome-header>span:last-child{font-size:9.24px}.hp-outcome .hp-question{font-size:15.84px}}
@media(prefers-reduced-motion:reduce){.hp-signal{display:none;animation:none}.hp-channels button{transition:none}}

/* Match the community-support call to action, including spacing and arrow. */
.ts-product .ts-button.support-workflow-cta{min-height:44px;padding:12px 19px;gap:27px;font-family:TessolvaDescription,Satoshi,Arial,sans-serif;font-size:13px;line-height:1.3;font-weight:500;letter-spacing:0;border-radius:999px}
.ts-product .ts-button.support-workflow-cta>span{font-size:16px;line-height:1;flex:none}

/* Portrait rendered from the supplied monochrome Enki model. */
.ts-learning-top .ts-agent-icon.enki-mascot{width:48px;height:48px;flex:none;margin:0;border-radius:12px;overflow:hidden;background:#111;color:inherit}
.ts-learning-top .enki-mascot img{display:block;width:100%;height:100%;object-fit:cover}

/* Keep the primary product workflow CTA white in every interaction state. */
html body.ts-product #main-content .hp-actions a.support-workflow-cta{background:#fff!important;color:#111!important;border-color:#fff!important}

.hp-agent-row span{--hp-agent:url("/branding/agents/enki.svg")}
.hp-agent-row small{font-size:inherit;color:inherit}
