/* Production SSR enhancements. Approved prototype geometry remains the baseline. */
[hidden]{display:none!important}.reference-site .reveal{opacity:1;transform:none}.reference-site .reveal.is-pending{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reference-site .reveal.is-visible{opacity:1;transform:none}
.reference-site .flag-au{--flag:url('assets/reference/flag-au.webp')}.reference-site .flag-nz{--flag:url('assets/reference/flag-nz.webp')}.reference-site .flag-za{--flag:url('assets/reference/flag-za.webp')}
.language-trigger{list-style:none;cursor:pointer}.language-trigger::-webkit-details-marker{display:none}.language-wrap[open]>.language-trigger{color:var(--ui-accent-text)}.reference-site .nav-dropdown{z-index:40}.reference-site .language-pop{z-index:45}.reference-site .header-inner{position:relative}.reference-site .desktop-nav{left:24%}
.reference-site .service-dialog{width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 40px);border:1px solid #dedbd3;border-radius:12px;padding:38px;background:#faf9f5;color:#15222c;box-shadow:0 24px 90px #15222c40;overflow:auto}.service-dialog::backdrop{background:#15222c70;backdrop-filter:blur(3px)}.service-dialog h2{font-family:var(--serif);font-size:26px;margin:14px 0}.service-dialog p{line-height:1.8;margin:0 0 26px;color:var(--ui-muted)}.service-dialog>.btn{margin:0 8px 8px 0}.service-close{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:36px;height:36px;border:0;background:transparent;cursor:pointer}.reference-site .not-found{min-height:60vh;padding:100px 0}.not-found h1{font-family:var(--serif);margin:14px 0 30px}.reference-site .brand-editorial-art>.reference-brand-image{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.reference-site .regulation-tabs>a{display:flex;align-items:center;gap:15px;padding:18px 20px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--ui-muted);font-size:14px;text-align:left}.reference-site .regulation-tabs>a>img{width:55px;height:37px;object-fit:cover;border-radius:3px}.reference-site .regulation-tabs>a>.icon{margin-left:auto;width:17px}.reference-site .regulation-tabs>a.active{border-color:#d7a48b;color:var(--ui-accent-text);background:#f8ede5}.regulation-panels>.regulation-panel+.regulation-panel{margin-top:25px}.tabs-enhanced .regulation-panels>.regulation-panel{margin-top:0}.reference-site .product-spec-table{overflow:auto;overscroll-behavior-inline:contain}.reference-site :is(p,dd,h1,h2,h3,h4,a){overflow-wrap:break-word}.reference-site .detail-page p,.reference-site .standard-prose{white-space:pre-line}.reference-site .footer-main{grid-template-columns:2fr repeat(5,minmax(0,1fr))}.reference-site .footer-brand .custom-logo{max-width:180px;max-height:60px;object-fit:contain}.reference-site .footer-group a{white-space:normal}
@media(min-width:801px){.reference-site .footer-main:has(.footer-group:nth-child(8)){grid-template-columns:2fr repeat(4,minmax(0,1fr))}.reference-site .footer-main:has(.footer-group:nth-child(8)) .footer-brand{grid-row:span 3}}
@media(max-width:800px){.reference-site .mobile-menu{z-index:35;overflow-y:auto;overscroll-behavior:contain;height:calc(100dvh - 70px)}.reference-site .footer-main{grid-template-columns:1fr 1fr}.reference-site .preview-banner~.site-header+.mobile-menu{inset-block-start:102px;height:calc(100dvh - 102px)}.reference-site .regulation-tabs>a{padding:12px;gap:8px;font-size:12px}.reference-site .regulation-tabs>a>img{width:36px;height:25px}.reference-site .regulation-tabs>a>.icon{display:none}.service-dialog{padding:30px 22px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.reference-site .reveal.is-pending{opacity:1;transform:none}}
/* Content-aware navigation keeps configured titles clear at intermediate widths. */
.reference-site .header-actions>.btn{max-width:168px}.reference-site .button-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-site .member-label{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-site .logo-reference{max-width:230px;white-space:nowrap;overflow:hidden}.reference-site .nav-dropdown{max-height:min(70dvh,600px);overflow:auto;overscroll-behavior:contain;max-width:320px}.reference-site .footer-tagline,.reference-site .footer-group h2{white-space:normal}.reference-site.header-compact .desktop-nav{display:none}.reference-site.header-compact .mobile-toggle{display:grid;place-items:center;min-width:44px;min-height:44px;padding:10px}.reference-site.header-compact .header-actions{gap:16px}.reference-site .mobile-menu{z-index:35;overscroll-behavior:contain}
@media(min-width:801px){.reference-site .footer-main:has(.footer-group:nth-child(7)){grid-template-columns:2fr repeat(4,minmax(0,1fr))}.reference-site .footer-main:has(.footer-group:nth-child(7)) .footer-brand{grid-row:span 3}}
@media(max-width:800px){.reference-site .header-actions>.btn{max-width:120px}.reference-site .logo-reference{max-width:30vw}}

.reference-site .mobile-menu .btn{white-space:normal;overflow-wrap:anywhere;min-height:44px;text-align:center;display:flex;padding:12px 20px}
@media(min-width:801px){.reference-site .hero-inner{height:auto;min-height:clamp(350px,41.13vw,660px)}.reference-site .hero-art{max-height:660px}}

/* Small editorial annotations remain readable on their illustration backgrounds. */
.reference-site .editorial-coordinate,.reference-site .product-art-symbols,.reference-site .connection-art>div>span,.reference-site .terminal-caption{color:#726453}
.reference-site .terminal-toolbar,.reference-site .terminal-symbols small,.reference-site .terminal-chart>span>i,.reference-site .terminal-bottom,.reference-site .terminal-bottom>span{color:#60665a}
.reference-site .terminal-toolbar>span,.reference-site .terminal-symbols{color:#9e4f33}
.reference-site .institutional-art>p{color:#a6b6af}

.reference-site .desktop-nav .nav-parent-link{color:inherit;font:inherit;display:inline-block;text-decoration:none}.reference-site .desktop-nav .nav-parent-link:focus-visible{outline:2px solid var(--orange-dark);outline-offset:5px;border-radius:2px}

.reference-site .desktop-nav .nav-parent-group{position:relative;display:flex;align-items:center;gap:6px}.reference-site .desktop-nav .nav-parent-link{font-size:clamp(8px,.97vw,14px);font-weight:500;padding:14px 0}.reference-site .desktop-nav .nav-entry{position:static}.reference-site .desktop-nav .nav-entry>summary{display:flex;align-items:center;justify-content:center;min-width:22px;min-height:40px;padding:0;list-style:none}.reference-site .desktop-nav .nav-entry>summary>.icon{display:block;width:12px;height:12px}.reference-site .desktop-nav .nav-parent-group.is-current>.nav-parent-link,.reference-site .desktop-nav .nav-parent-link:hover{color:var(--ui-accent-text)}

/* CMS card artwork and shared region images preserve the approved layout. */
.reference-site .principle>.content-card-icon{display:block;width:clamp(35px,4.6vw,69px);height:clamp(35px,4.6vw,69px);object-fit:contain;margin:0 0 clamp(18px,2.1vw,32px)}.reference-site .detail-feature>.content-card-icon{display:block;width:34px;height:34px;object-fit:contain;margin-bottom:29px}.reference-site .flag-photo{background-image:none!important;overflow:hidden}.reference-site .flag-photo img{display:block;width:100%;height:auto;object-fit:cover}.reference-site .entity-art img,.reference-site .regulation-tabs img{object-fit:cover}

@media(min-width:801px){.reference-site .trust-grid{grid-template-columns:repeat(var(--region-columns,3),minmax(0,1fr))}}.reference-site .trust-grid[data-count="1"]{grid-template-columns:minmax(0,1fr)}

@media(max-width:800px){.reference-site .trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-site .trust-grid[data-count="1"]{grid-template-columns:minmax(0,1fr)}}



/* Feedback 03: a shared MT5 introduction and a quiet photographic footer. */
.reference-site .home-platform{padding:clamp(58px,7vw,108px) 0;background:linear-gradient(180deg,#faf9f5,#f3f0e9)}
.home-platform-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(30px,5vw,80px)}
.home-platform-copy h2{font-family:var(--serif);font-size:clamp(30px,3.3vw,48px);line-height:1.25;margin:15px 0 12px;letter-spacing:-.02em}
.home-platform-copy .platform-subtitle{font-size:clamp(18px,1.7vw,24px);font-weight:600;line-height:1.5;color:var(--ink);margin:0 0 18px}
.home-platform-copy .platform-description{font-size:clamp(15px,1.2vw,18px);line-height:1.9;color:#59666a;max-width:36em;margin:0 0 26px;white-space:pre-line}
.platform-entry{display:flex;align-items:center;gap:16px;max-width:440px;padding:20px;border:1px solid #e3dacf;background:#fffefa;border-radius:10px;transition:border-color .2s,box-shadow .2s;min-height:90px}
.platform-entry:hover{border-color:#d97757;box-shadow:0 8px 24px #27312d0a}
.platform-entry-icon{display:grid;place-items:center;width:46px;height:46px;background:#f8e9dc;border-radius:8px;color:#b34e30;flex-shrink:0}
.platform-entry-icon>.icon{width:25px;height:25px}.platform-entry strong{display:block;font-size:20px;color:#16262f;direction:ltr;unicode-bidi:isolate}.platform-entry small{display:block;font-size:13px;line-height:1.6;color:#657176;margin-top:5px}.platform-entry>.icon{margin-inline-start:auto;color:#b34e30;flex-shrink:0}
.platform-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:24px}.platform-actions .btn{gap:14px;font-size:14px}
.home-platform-art{min-width:0;direction:ltr}.home-platform-art>img{width:100%;height:auto;display:block;object-fit:contain;filter:drop-shadow(0 20px 25px #14202912)}
.reference-site .site-footer.has-background{position:relative;isolation:isolate;overflow:hidden;background:#142026}
.footer-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 45%;pointer-events:none;z-index:-2}
.site-footer.has-background:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#111c20ed 0%,#111c20df 42%,#111c20bb 100%);z-index:-1;pointer-events:none}
.site-footer.has-background>.wrap{position:relative}
@media(min-width:801px){
 .reference-site .header-inner{direction:ltr;display:flex;gap:clamp(20px,2vw,32px)}
 .reference-site .header-inner>a{flex-shrink:0}
 .reference-site .desktop-nav,html[dir=rtl] .reference-site .desktop-nav{position:static;inset:auto;direction:ltr;display:flex;gap:clamp(14px,1.65vw,28px);margin:0;flex:0 0 auto}
 .reference-site .desktop-nav :is(.nav-parent-link,.nav-link){font-size:clamp(12px,.97vw,14px)}
 .reference-site .header-actions,html[dir=rtl] .reference-site .header-actions{direction:ltr;margin-left:auto;margin-right:0;gap:clamp(12px,1.25vw,20px);flex:0 0 auto}
 .reference-site .language-pop,html[dir=rtl] .reference-site .language-pop{right:0;left:auto}
 html[dir=rtl] .reference-site .desktop-nav :is(.nav-parent-link,.nav-link),html[dir=rtl] .reference-site .nav-dropdown,html[dir=rtl] .reference-site .language-pop{direction:rtl}
 .reference-site.header-compact .desktop-nav{display:none}
}
@media(max-width:800px){.home-platform-layout{grid-template-columns:1fr;gap:30px}.home-platform-copy{max-width:100%}.home-platform-art{max-width:600px;width:100%;margin:auto}.platform-entry{max-width:100%}.platform-actions{gap:16px}.site-footer.has-background:before{background:#111c20d9}.footer-backdrop{object-position:73% center}}
@media(prefers-reduced-motion:reduce){.platform-entry{transition:none}}

.site-footer.has-background :is(.footer-group a,.footer-brand p,.disclosure p,.footer-bottom,.footer-bottom a,.footer-tagline){color:#c6d0d4}