@font-face{font-family:Montserrat;src:url('/assets/Montserrat.ttf') format('truetype');font-display:swap;font-weight:100 900}
@font-face{font-family:SourceSans3;src:url('/assets/SourceSans3.ttf') format('truetype');font-display:swap;font-weight:100 900}
:root{color-scheme:dark;--ink:#14112c;--panel:#201d3b;--panel-2:#252141;--text:#fff;--muted:#d0cede;--lavender:#a8a5dc;--blue:#5c80ed;--sand:#e6d7be;--line:rgba(220,220,248,.22);--display:Montserrat,Arial,sans-serif;--body:SourceSans3,Arial,sans-serif}
*{box-sizing:border-box}
html{min-height:100%;background:var(--ink)}
body{min-height:100vh;margin:0;color:var(--text);font:17px/1.6 var(--body);background:radial-gradient(ellipse at 18% 14%,rgba(70,63,119,.42),transparent 42%),radial-gradient(ellipse at 82% 76%,rgba(22,53,121,.28),transparent 38%),var(--ink)}
a{color:inherit}
.portal-shell{width:min(1160px,calc(100% - 48px));min-height:100vh;margin:0 auto;display:flex;flex-direction:column}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 0 20px;border-bottom:1px solid rgba(220,220,248,.12)}
.wordmark{display:inline-flex;align-items:center;gap:9px;text-decoration:none}
.wordmark-name{font:800 20px/1 var(--display);letter-spacing:.11em}
.wordmark-square{width:8px;height:8px;border-radius:2px;background:var(--lavender);box-shadow:0 0 12px rgba(168,165,220,.65)}
.wordmark-caption{margin-left:8px;color:#d2d0e3;font:700 10px/1.2 var(--display);letter-spacing:.15em;text-transform:uppercase}
.languages{display:flex;gap:8px;align-items:center}
.languages a{min-width:40px;padding:7px 8px;border:1px solid transparent;border-radius:999px;color:#c7c5d9;text-align:center;text-decoration:none;font:800 11px/1 var(--display);letter-spacing:.08em;transition:color .2s ease,border-color .2s ease,background .2s ease}
.languages a:hover,.languages a:focus-visible{color:#fff;border-color:rgba(168,165,220,.5);outline:none}
.languages a[aria-current=page]{color:var(--ink);background:var(--sand);border-color:var(--sand)}
main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:64px 0 58px}
.intro{max-width:800px;margin:0 auto 42px;text-align:center}
.eyebrow{margin:0 0 14px;color:var(--sand);font:800 11px/1.4 var(--display);letter-spacing:.17em;text-transform:uppercase}
h1{margin:0 auto 16px;font:700 clamp(36px,5vw,58px)/1.1 var(--display);letter-spacing:-.035em}
.intro-copy{max-width:720px;margin:0 auto;color:var(--muted);font-size:18px;line-height:1.55}
.brand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:stretch}
.brand-card{--glow:168,165,220;position:relative;isolation:isolate;display:flex;flex-direction:column;gap:22px;min-width:0;padding:22px;border:1px solid rgba(var(--glow),.48);border-radius:25px;background:linear-gradient(150deg,rgba(39,35,69,.97),rgba(25,22,48,.98));box-shadow:0 0 0 1px rgba(var(--glow),.1),0 0 28px rgba(var(--glow),.18),inset 0 1px rgba(255,255,255,.08);text-decoration:none;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.brand-card:before{position:absolute;z-index:-1;inset:-4px;border-radius:inherit;background:linear-gradient(135deg,rgba(var(--glow),.5),transparent 42%,rgba(var(--glow),.2));content:"";filter:blur(18px);opacity:.44;transition:opacity .25s ease,filter .25s ease}
.brand-card:hover,.brand-card:focus-visible{transform:translateY(-4px);border-color:rgba(var(--glow),.86);box-shadow:0 0 0 1px rgba(var(--glow),.3),0 0 38px rgba(var(--glow),.3),inset 0 1px rgba(255,255,255,.12);outline:none}
.brand-card:hover:before,.brand-card:focus-visible:before{filter:blur(23px);opacity:.75}
.optima-card{--glow:104,137,255}
.logo-panel{display:grid;place-items:center;min-height:185px;padding:32px 28px;border:1px solid rgba(20,17,44,.08);border-radius:17px;background:linear-gradient(145deg,#fff,#f5f4fb);box-shadow:0 0 0 1px rgba(255,255,255,.6),0 0 24px rgba(var(--glow),.18)}
.logo-panel img{display:block;width:min(88%,420px);height:auto;max-height:100px;object-fit:contain}
.bos-card .logo-panel img{width:min(60%,270px);max-height:116px}
.card-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:0 6px 4px}
.card-label{margin:0 0 7px;color:var(--lavender);font:800 10px/1.4 var(--display);letter-spacing:.16em;text-transform:uppercase}
.optima-card .card-label{color:#a9bcff}
.card-title{font:700 clamp(20px,2.4vw,26px)/1.25 var(--display);letter-spacing:-.02em}
.brand-name i{font-weight:500}
.brand-name strong{font-weight:800}
.trademark{margin-top:3px;color:#bcb9d3;font-size:13px}
.card-description{max-width:460px;margin:12px 0 25px;color:#d5d3e2;line-height:1.5}
.card-action{display:flex;align-items:center;gap:11px;margin-top:auto;color:#fff;font:800 12px/1.4 var(--display);letter-spacing:.025em}
.arrow{display:grid;place-items:center;width:27px;height:27px;border:1px solid rgba(var(--glow),.55);border-radius:50%;color:var(--sand);font-size:16px;transition:transform .2s ease,background .2s ease}
.brand-card:hover .arrow,.brand-card:focus-visible .arrow{transform:translate(2px,-2px);background:rgba(var(--glow),.15)}
.footer{display:flex;justify-content:space-between;gap:16px;padding:20px 0 27px;border-top:1px solid rgba(220,220,248,.12);color:#aaa8be;font-size:12px}
@media(max-width:760px){.portal-shell{width:min(100% - 32px,560px)}.topbar{padding:22px 0 17px}.wordmark-caption{font-size:9px;letter-spacing:.1em}.brand-grid{grid-template-columns:1fr;gap:20px}.intro{margin-bottom:30px}.brand-card{padding:17px;gap:17px}.logo-panel{min-height:150px}.brand-card:hover,.brand-card:focus-visible{transform:translateY(-2px)}main{padding:48px 0 42px}.footer{flex-direction:column;gap:5px}}
@media(max-width:420px){.portal-shell{width:calc(100% - 24px)}.wordmark-caption{display:none}.languages{gap:2px}.languages a{min-width:36px}.intro-copy{font-size:16px}.logo-panel{min-height:135px}.bos-card .logo-panel img{width:55%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}