main .tri-home-hero{display:grid !important;grid-template-columns:minmax(0,1.25fr) minmax(340px,1fr) !important;grid-template-areas:"heading visual" "intro visual";column-gap:clamp(28px,4vw,64px);row-gap:10px;align-items:start}
.tri-home-hero>.tri-home-heading{grid-area:heading;margin-top:0}.tri-home-hero>.tri-home-intro{grid-area:intro;min-width:0}.tri-home-hero>.tri-home-visual{grid-area:visual;min-width:0;align-self:center}
.tri-home-visual>.tri-header-btn{display:flex !important;justify-content:center;width:100% !important;max-width:420px;margin:10px auto 0 !important;text-align:center;box-sizing:border-box}
.tri-topic-cloud{position:relative;width:100%;isolation:isolate;border-radius:14px;--tri-topic-background:url('/assets/img/triluma-topic-cloud-light-v1.jpg')}:root[data-theme="dark"] .tri-topic-cloud{--tri-topic-background:url('/assets/img/triluma-topic-cloud-dark-v1.jpg')}.tri-topic-cloud::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:var(--tri-topic-background) center/cover no-repeat}
.tri-topic-stage{position:relative;min-height:0;height:auto;aspect-ratio:3/2;border-radius:inherit;margin:0;list-style:none;padding:0;overflow:hidden;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}
.tri-topic-stage.is-dragging{cursor:grabbing}.tri-topic-cloud:not(.is-ready) .tri-topic-stage{display:flex;align-content:center;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;height:auto;padding:24px}
.tri-cloud-word{display:inline-block;color:var(--tri-blue,#3ba2c4);text-decoration:none;font-family:'Roboto',system-ui,sans-serif;font-weight:600;line-height:1.12;font-size:var(--tri-cloud-font-size,24px);padding:8px 7px;white-space:nowrap;border-radius:10px}
.tri-cloud-word:nth-child(3n+1){color:var(--tri-orange,#ee8700)}.tri-topic-cloud.is-ready .tri-cloud-word{position:absolute;top:50%;left:50%;width:max-content;transform-origin:0 0;will-change:transform,opacity;backface-visibility:hidden;transition:none !important}
html body main .tri-home-hero .tri-topic-cloud .tri-topic-stage a.tri-cloud-word{color:var(--tri-blue,#3ba2c4) !important;text-decoration:none !important;font-weight:600}html body main .tri-home-hero .tri-topic-cloud .tri-topic-stage a.tri-cloud-word:nth-child(3n+1){color:var(--tri-orange,#ee8700) !important}html body main .tri-home-hero .tri-topic-cloud .tri-topic-stage a.tri-cloud-word:hover{color:var(--tri-orange,#ee8700) !important}
.tri-cloud-word:hover{color:var(--tri-orange,#ee8700);text-decoration:underline;text-underline-offset:5px}.tri-cloud-word:focus-visible{opacity:1 !important;z-index:1001 !important;outline:2px solid var(--tri-orange,#ee8700);outline-offset:1px;text-shadow:0 1px 6px var(--tri-bg,#242321)}
.tri-topic-motion{position:absolute;bottom:0;right:5px;z-index:1100;opacity:.75}.tri-topic-motion:hover,.tri-topic-motion:focus-visible{opacity:1}.tri-topic-motion svg[hidden]{display:none}.tri-topic-cloud:not(.is-ready) .tri-topic-motion{display:none}
html .tri-topic-dialog{box-sizing:border-box;inset:0;margin:auto;width:min(680px,calc(100% - 32px));max-width:680px;max-height:88dvh;overflow:auto;padding:28px;background:var(--tri-bg,#242321);color:var(--tri-text,#ddd);border:1px solid var(--tri-border,#555);border-left:5px solid var(--tri-blue,#3ba2c4);border-radius:22px;box-shadow:0 22px 70px #0008}
.tri-topic-dialog::backdrop{background:rgba(0,0,0,.78)}.tri-topic-dialog[open]{animation:triTopicIn .18s ease-out}.tri-topic-top{display:flex;align-items:center;gap:24px;margin-bottom:22px}.tri-topic-picture{display:block;width:150px;height:150px;object-fit:cover;border-radius:14px;flex:0 0 150px}
html .tri-topic-dialog .tri-topic-title{margin:0;color:var(--tri-orange,#ee8700) !important;font-size:clamp(30px,3vw,42px);line-height:1.1}.tri-topic-dialog .tri-topic-intro{font-size:19px;line-height:1.55;margin:0 0 22px}.tri-topic-dialog .tri-topic-help-title{font-size:24px;color:var(--tri-blue,#3ba2c4);margin:0 0 10px}.tri-topic-help{font-size:17px;line-height:1.65;margin:0}
.tri-topic-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px}.tri-topic-actions .tri-header-btn{white-space:normal;text-align:center}
.tri-topic-picture-wrap{position:relative;flex:0 0 150px;width:150px;overflow:hidden;border-radius:14px}.tri-topic-image-notice{position:absolute;left:0;right:0;bottom:0;box-sizing:border-box;padding:3px 4px;background:rgba(19,55,64,.82);color:#fff;font:7px/1.4 'Roboto',system-ui,sans-serif;text-align:center;white-space:nowrap}
@keyframes triTopicIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){main .tri-home-hero{grid-template-columns:minmax(0,1fr) !important;grid-template-areas:"heading" "visual" "intro";row-gap:12px}.tri-home-hero>.tri-home-visual{width:100%;max-width:520px;justify-self:center}.tri-home-hero>.tri-home-intro{margin-top:6px}.tri-home-visual>.tri-header-btn{margin-top:6px !important}}
@media(max-width:480px){html .tri-topic-dialog{padding:20px;width:calc(100% - 24px);max-height:90dvh}.tri-topic-top{gap:16px;margin-bottom:18px;flex-wrap:wrap}.tri-topic-top .tri-topic-title{min-width:0;overflow-wrap:anywhere}.tri-topic-dialog .tri-topic-intro{font-size:17px}.tri-topic-actions{gap:14px}}
@media(prefers-reduced-motion:reduce){.tri-topic-dialog[open]{animation:none}}