/* Bespoke domain motion scenes. The existing navigation and enquiry system are retained. */
.art-v3{isolation:isolate;overflow:hidden;aspect-ratio:1.04!important;max-height:none!important;min-height:0!important;background:none!important;border:0!important}
.art-v3 .scene-stage{position:absolute;inset:0;overflow:hidden}
.art-v3 .scene-vector{position:relative;width:100%;height:100%;display:block;overflow:hidden}
.art-v3 .scene-caption{position:absolute;z-index:2;inset:14px 22px auto;display:flex;justify-content:space-between;gap:20px;text-transform:uppercase;letter-spacing:.12em;font-size:9px;line-height:1.5;color:var(--muted)}
.art-v3 .scene-foot{position:absolute;bottom:5px;left:22px;right:22px;color:var(--muted);font-size:10px;line-height:1.6;z-index:2;max-width:90%;background:none}
.art-v3 text{font-family:Arial,Helvetica,sans-serif}
.art-v3 text[font-family]{font-family:Georgia,serif}
.art-v3 .word-fingerprint text{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.art-v3 .space-depth{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.scene-yoursi{background:radial-gradient(ellipse at 63% 43%,#5554a52b,transparent 53%),radial-gradient(ellipse at 30% 63%,#264ea032,transparent 56%)!important;aspect-ratio:1.04!important}
.scene-yoursi .scene-caption{color:#aebbe0}.scene-yoursi .scene-foot{color:#aebbe0;bottom:16px}
.theme-si{color-scheme:dark}.theme-si .hero{grid-template-columns:.91fr 1.09fr;gap:0;min-height:745px}.theme-si .hero h1{font-size:clamp(55px,6.1vw,99px);line-height:1.015;letter-spacing:-.065em}.theme-si .hero h1 em{font-family:Arial,Helvetica,sans-serif;font-weight:500;font-style:normal;background:linear-gradient(100deg,#ecf3ff,#a1bbf3);color:transparent;background-clip:text;-webkit-background-clip:text}.theme-si .hero .lead{max-width:470px}.theme-si .statement{background:#172540;color:#edf0ff;border:1px solid #3b4a65}.theme-si .hero-badge{color:#c2cbe0}
.theme-money .hero{grid-template-columns:1fr 1.06fr;gap:0;min-height:737px}.theme-money .hero h1{font-size:clamp(64px,6.7vw,102px);line-height:.99}.theme-money .hero h1 em{color:var(--accent)}.theme-money .hero .lead{max-width:470px}.theme-money .art{background:transparent}.theme-money .statement{background:#242536;color:#fff4e3}.theme-money .statement em{color:#d4b693}.theme-money .brand-hero-note{color:#5d5553;font-size:12px}.theme-money .button{border-radius:3px}.theme-money .art-v3{aspect-ratio:1!important}
.theme-self .hero{grid-template-columns:1fr 1fr;gap:18px;min-height:746px}.theme-self .hero h1{font-size:clamp(65px,6.5vw,103px);line-height:1.02}.theme-self .hero h1 em{font-family:Georgia,serif;color:#26354c}.theme-self .art-v3{aspect-ratio:.95!important}.theme-self .scene-stage{inset:-6px -13px 9px}.theme-self .scene-caption{inset:4px 14px auto}.theme-self .scene-foot{left:14px;bottom:0;font-size:10px}.theme-self .domain-line{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.04em}.theme-self .statement{color:#172033}.theme-self .hero-badge{color:#4b5261}
.scene-wealthagent{aspect-ratio:1.03!important}.scene-pensionagent{aspect-ratio:1!important}.theme-pension .hero{grid-template-columns:1.03fr .97fr}.theme-pension .scene-foot{bottom:0}
.scene-moneyassistant{aspect-ratio:1.02!important}.scene-wealthassistant{aspect-ratio:1!important}.scene-robotworker{aspect-ratio:1.02!important}.theme-robot .hero{grid-template-columns:.95fr 1.05fr;gap:0}.theme-robot .hero h1{font-size:clamp(54px,6.5vw,106px)}.theme-agent .hero{grid-template-columns:1fr 1fr;gap:0}.scene-agentwealth{aspect-ratio:1!important}.scene-youruniverse{aspect-ratio:.96!important}.theme-universe .hero{grid-template-columns:1fr 1.03fr}.scene-wizelane{aspect-ratio:1.01!important}
.gold-pillar{animation:pillar-arrive 9s cubic-bezier(.4,0,.2,1) infinite;transform-box:fill-box;transform-origin:center bottom}.pillar-1{animation-delay:-3s}.pillar-2{animation-delay:-6s}.wealth-route{animation:path-forward 9s linear infinite}.time-grain{animation:falling-time 1.9s var(--delay) linear infinite}.sort-receipt{animation:receipt-sort 8s ease-in-out infinite;transform-box:fill-box}.receipt-1{animation-delay:-2.66s}.receipt-2{animation-delay:-5.33s}.brief-paper{animation:brief-align 10s ease-in-out infinite}.brief-1{animation-delay:-3s}.brief-2{animation-delay:-6s}.agent-signal{animation:agent-route 8s linear infinite}.agent-node{animation:node-work 10s ease-in-out infinite}.node-1{animation-delay:-2.5s}.node-2{animation-delay:-5s}.node-3{animation-delay:-7.5s}.portal-constellation{transform-origin:360px 330px;animation:constellation-drift 30s ease-in-out infinite}.road-line{animation:lane-forward 4s linear infinite}.road-1{animation-duration:3.5s}.road-2{animation-duration:4.5s}
@keyframes pillar-arrive{0%,100%{translate:0 12px}25%,65%{translate:0 -9px}}
@keyframes path-forward{to{stroke-dashoffset:-152}}
@keyframes falling-time{0%{translate:0 -12px;opacity:0}18%{opacity:.8}82%{opacity:.8}100%{translate:0 50px;opacity:0}}
@keyframes receipt-sort{0%,100%{translate:0 22px}15%,34%{translate:0 -19px}58%,82%{translate:0 43px}}
@keyframes brief-align{0%,100%{translate:-11px -8px}30%,70%{translate:5px 10px}}
@keyframes agent-route{to{stroke-dashoffset:-860}}
@keyframes node-work{0%,100%{opacity:.7}20%,40%{opacity:1}}
@keyframes constellation-drift{0%,100%{transform:rotate(-6deg) scale(.92)}50%{transform:rotate(7deg) scale(1.035)}}
@keyframes lane-forward{to{stroke-dashoffset:304}}
.motion-paused *,.offscreen *,.tab-hidden *{animation-play-state:paused!important}
@media(max-width:1150px){.theme-si .hero h1{font-size:clamp(51px,6.3vw,77px)}.theme-money .hero h1{font-size:clamp(52px,6.7vw,83px)}.theme-self .hero h1{font-size:clamp(51px,6.7vw,83px)}.art-v3 .scene-caption{font-size:8px;left:10px;right:10px}.art-v3 .scene-foot{font-size:9px;left:10px;right:10px}.hero .art-v3{min-height:0!important}}
@media(max-width:800px){.theme-si .hero,.theme-money .hero,.theme-self .hero,.theme-pension .hero,.theme-robot .hero,.theme-agent .hero,.theme-universe .hero{grid-template-columns:1fr;min-height:0;gap:20px;padding:42px 0 34px}.theme-money .hero h1{font-size:clamp(58px,12vw,91px)}.theme-si .hero h1{font-size:clamp(50px,10.5vw,80px)}.theme-self .hero h1{font-size:clamp(52px,10.7vw,82px)}.theme-si .hero-copy,.theme-self .hero-copy,.theme-money .hero-copy{max-width:600px}.hero .art-v3{max-width:570px;width:100%;justify-self:center;grid-column:1;grid-row:2}.art-v3 .scene-caption{font-size:9px;inset:8px 10px auto}.art-v3 .scene-caption span:last-child{display:none}.art-v3 .scene-foot{font-size:10px;left:10px;right:10px;bottom:0;max-width:96%}.theme-self .scene-stage{inset:6px -12px 20px}.theme-self .scene-foot{font-size:9px}.theme-self .hero .art-v3{aspect-ratio:.94!important}.scene-yoursi .scene-foot{bottom:8px}.theme-si .hero-badge,.theme-money .hero-badge{font-size:10px}.theme-money .hero .lead,.theme-si .hero .lead{font-size:16px}.theme-money .hero .art-v3{aspect-ratio:.99!important}.motion{width:40px;height:40px;min-height:40px;justify-content:center}.scene-moneyassistant .scene-foot{font-size:10px}.scene-wizelane .scene-foot{font-size:9px}}
@media(max-width:400px){.theme-si .hero h1{font-size:clamp(44px,13vw,54px);letter-spacing:-.07em}.theme-money .hero h1{font-size:57px}.theme-self .hero h1{font-size:clamp(48px,13.3vw,55px)}.theme-robot .hero h1{font-size:clamp(49px,14vw,60px)}.theme-self .hero .lead{font-size:15px}.art-v3 .scene-caption{font-size:8px}.art-v3 .scene-foot{font-size:9px}.wordmark{gap:5px}.nav{gap:8px}.motion{width:32px;height:36px;min-height:36px}.nav-contact .arrow{display:none}.theme-si .wordmark{font-size:23px}.theme-self .domain-line{font-size:18px}}
@media(prefers-reduced-motion:reduce){.art-v3 *{animation:none!important;transition:none!important}}

/* mobile-art-priority: meaning and animation precede long explanatory copy. */
@media(max-width:800px){
body .hero{display:flex!important;flex-direction:column;align-items:stretch;gap:0!important}
body .hero .hero-copy{display:contents}
.hero .hero-badge,.hero .kicker{order:1;align-self:flex-start;margin-bottom:24px}
.hero .domain-line{order:2;margin-bottom:16px}
body .hero h1{order:3;margin-bottom:12px}
body .hero .art-v3{order:4;grid-row:auto;grid-column:auto;align-self:center;margin:12px 0 18px!important;max-width:500px}
body .hero .lead{order:5;margin-top:20px;margin-bottom:12px;max-width:600px}
body .hero .actions{order:6;margin:16px 0 10px}
body .hero .small,body .hero .brand-hero-note,body .hero .built-in-trust{order:7;margin-top:14px}
body .motion{width:44px;height:44px;min-height:44px;flex:none}
}