.brand-intro{display:none;position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:transparent;color:#fff;font-family:var(--font,Arial,sans-serif);isolation:isolate}
html[data-brand-intro=pending]{overflow:hidden}html[data-brand-intro=pending] .brand-intro{display:flex;align-items:center;justify-content:center;animation:brand-intro-exit .6s 3.15s cubic-bezier(.65,0,.25,1) forwards}.brand-intro::backdrop{background:#10172280;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}html[data-brand-intro=pending] .brand-intro::backdrop{animation:brand-backdrop-exit .6s 3.15s ease forwards}
.brand-intro-light{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 42%,#edf4f980,transparent 45%)}.brand-intro-corner{position:absolute;width:45px;height:45px;opacity:.45;pointer-events:none}.corner-top{top:35px;left:40px;border-left:1px solid #c8d6df;border-top:1px solid #c8d6df}.corner-bottom{bottom:35px;right:40px;border-right:1px solid #c8d6df;border-bottom:1px solid #c8d6df}
.brand-intro-skip{position:absolute;top:max(27px,env(safe-area-inset-top));right:max(32px,env(safe-area-inset-right));display:flex;align-items:center;gap:18px;min-height:44px;border:0;background:transparent;border-radius:5px;color:#9ba3ae;font-size:10px;padding:8px 12px;cursor:pointer;z-index:3}.brand-intro-skip>span{font-size:19px;font-weight:300}.brand-intro-skip:hover{color:#2b526c}.brand-intro-skip:focus-visible{outline:2px solid #7ba0b9;outline-offset:3px}
.brand-intro-content{width:100%;max-width:820px;padding:25px 24px 70px;text-align:center;position:relative}.brand-intro-eyebrow{display:block;font-size:8px;letter-spacing:.22em;font-weight:650;color:#a0a8b3;animation:brand-detail-in .6s .1s both}.brand-intro-eyebrow>span{color:#bbc4cc;margin:0 13px;font-size:10px;font-weight:400}
.brand-intro-stage{position:relative;width:290px;height:305px;margin:26px auto 30px;perspective:800px}.brand-intro-logo{position:relative;width:100%;height:290px;isolation:isolate}.brand-intro-logo>img{display:block;width:100%;height:100%;object-fit:contain;opacity:0;animation:brand-logo-complete .15s 2.05s both}.brand-logo-piece{position:absolute;inset:0;display:block;background-image:url('/assets/brand/akinsoft-display.webp');background-size:100% 100%;background-repeat:no-repeat;transform-origin:50% 70%;animation:brand-piece-drop 1.05s var(--piece-delay) cubic-bezier(.2,.65,.3,1) both;backface-visibility:hidden}.brand-intro-ground{position:absolute;bottom:0;left:15%;right:15%;height:12px;border-radius:50%;background:radial-gradient(ellipse,#1d42551d,transparent 70%);transform-origin:center;animation:brand-ground-in 1.5s .3s both}
.brand-intro-content h2{position:relative;margin:0 auto 21px;max-width:760px;font-size:clamp(32px,3.7vw,49px);letter-spacing:-.05em;line-height:1.18;font-weight:650;color:#202e3e}.brand-slogan-word{display:inline-flex;flex-wrap:wrap;justify-content:center;max-width:100%;vertical-align:top}.brand-slogan-letter{display:inline-block;white-space:pre;transform-origin:50% 100%;animation:brand-letter-drop .85s var(--letter-delay) cubic-bezier(.22,.65,.35,1) both}.brand-intro-content>p{font-size:11px;line-height:1.85;color:#a0a8b3;margin:0 auto;max-width:460px;animation:brand-detail-in .55s 2.25s both}.brand-intro-rule{display:block;margin:26px auto 0;width:38px;height:2px;background:#bd2538;transform-origin:center;animation:brand-rule-in .6s 2.35s both}
.brand-intro-signature{position:absolute;bottom:max(34px,env(safe-area-inset-bottom));left:24px;right:24px;display:flex;align-items:center;justify-content:center;gap:22px;animation:brand-detail-in .65s 2.1s both}.brand-intro-signature>span{font-size:7px;letter-spacing:.15em;color:#a4acb7;padding-right:22px;border-right:1px solid #e5e9ed}.brand-intro-signature img{display:block;width:110px;height:32px;object-fit:contain}.brand-intro-signature>strong{font-size:13px}
@keyframes brand-piece-drop{0%{opacity:0;transform:translate3d(var(--piece-drift),-65vh,0) rotate(var(--piece-turn)) scale(.985)}9%{opacity:1}65%{opacity:1;transform:translate3d(0,4px,0) rotate(0) scale(1.008,.98)}78%{transform:translate3d(0,-9px,0) rotate(0) scale(.998,1.006)}90%{transform:translate3d(0,1px,0) scale(1)}100%{opacity:1;transform:translate3d(0,0,0) rotate(0) scale(1)}}
@keyframes brand-letter-drop{0%{opacity:0;transform:translate3d(0,-32vh,0) rotate(var(--letter-turn))}8%{opacity:1}59%{opacity:1;transform:translate3d(0,3px,0) rotate(0) scaleY(.86)}74%{transform:translate3d(0,-10px,0) rotate(0) scaleY(1.03)}88%{transform:translate3d(0,1px,0) scaleY(.98)}100%{opacity:1;transform:none}}
@keyframes brand-logo-complete{from{opacity:0}to{opacity:1}}@keyframes brand-detail-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes brand-ground-in{from{opacity:0;transform:scaleX(.3)}65%{opacity:.8;transform:scaleX(1.1)}to{opacity:1;transform:scaleX(1)}}@keyframes brand-rule-in{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes brand-intro-exit{to{opacity:0;transform:translateY(-12px);visibility:hidden}}@keyframes brand-backdrop-exit{to{opacity:0}}
@media(max-width:767px){.brand-intro-content{padding:20px 24px 65px}.brand-intro-stage{width:225px;height:239px;margin:25px auto 26px}.brand-intro-logo{height:225px}.brand-intro-content h2{font-size:34px;line-height:1.22;letter-spacing:-1.2px;margin-bottom:18px;max-width:360px}.brand-intro-content>p{max-width:280px;font-size:10px}.brand-intro-eyebrow{font-size:7px;letter-spacing:.15em}.brand-intro-eyebrow>span{margin:0 9px}.brand-intro-skip{top:17px;right:16px}.corner-top{top:25px;left:24px;width:25px;height:25px}.corner-bottom{bottom:25px;right:24px;width:25px;height:25px}.brand-intro-signature{bottom:max(26px,env(safe-area-inset-bottom));gap:14px}.brand-intro-signature>span{font-size:6px;letter-spacing:.08em;padding-right:14px}.brand-intro-signature img{width:95px;height:27px}.brand-intro-rule{margin-top:23px}}
@media(max-width:374px){.brand-intro-stage{width:195px;height:210px;margin:20px auto 22px}.brand-intro-logo{height:195px}.brand-intro-content h2{font-size:30px}.brand-intro-content>p{max-width:245px;font-size:9px}}
@media(max-height:650px){.brand-intro-stage{width:180px;height:192px;margin:15px auto 18px}.brand-intro-logo{height:180px}.brand-intro-content{padding-bottom:55px}.brand-intro-content h2{font-size:30px;margin-bottom:15px}.brand-intro-content>p{font-size:10px}.brand-intro-signature{bottom:20px}.brand-intro-rule{margin-top:16px}}
@media(max-height:420px){.brand-intro-stage{width:125px;height:133px;margin:8px auto 12px}.brand-intro-logo{height:125px}.brand-intro-content{padding-top:10px;padding-bottom:40px}.brand-intro-content h2{font-size:25px;margin-bottom:12px;max-width:550px}.brand-intro-eyebrow{font-size:6px}.brand-intro-content>p,.brand-intro-rule{display:none}.brand-intro-signature{bottom:12px}.brand-intro-signature img{height:23px;width:85px}}
@media(prefers-reduced-motion:reduce){html[data-brand-intro=pending]{overflow:auto}html[data-brand-intro=pending] .brand-intro{display:none!important;animation:none!important}.brand-intro *{animation:none!important}}

/* Keep the real page visible beneath a frosted backdrop; focus the motion on the logo. */
html[data-brand-intro=pending] .brand-intro:not([open]){background:#10172280;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.brand-intro-light,.brand-intro-corner,.brand-intro-ground,.brand-intro-rule{display:none}
.brand-intro-content{padding-bottom:65px}.brand-intro-eyebrow{color:#ffffff80;letter-spacing:.18em}.brand-intro-eyebrow>span{color:#ffffff55}
.brand-intro-stage{width:245px;height:245px;margin:30px auto 35px}.brand-intro-logo{height:245px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 25px 90px #00000035,0 0 0 10px #ffffff08;animation:brand-logo-float-in 1.15s cubic-bezier(.2,.7,.25,1) both}
.brand-intro-logo>img{object-fit:contain}.brand-intro-content h2{font-size:34px;color:#fff;letter-spacing:-1px;max-width:680px;line-height:1.25;margin-bottom:16px;animation:brand-detail-in .65s 1.65s both}.brand-slogan-letter{animation:none;transform:none}.brand-intro-content>p{color:#ffffff85;animation-delay:1.9s;font-size:11px}.brand-intro-signature{animation-delay:2s}.brand-intro-signature>span{color:#ffffff70;border-right-color:#ffffff25}.brand-intro-signature>strong{color:#fff}.brand-intro-skip{color:#ffffff9c;border:1px solid #ffffff26;border-radius:30px;background:#ffffff06}.brand-intro-skip:hover{color:#fff;background:#ffffff12}.brand-intro-skip:focus-visible{outline-color:#c4d8e9}
@keyframes brand-logo-float-in{from{opacity:0;transform:translateY(25px) scale(.9) rotateX(12deg)}to{opacity:1;transform:none}}
@media(max-width:767px){.brand-intro-stage{width:205px;height:205px;margin:27px auto 30px}.brand-intro-logo{height:205px}.brand-intro-content h2{font-size:29px;max-width:350px}.brand-intro-content>p{font-size:10px}.brand-intro-content{padding-bottom:70px}}
@media(max-width:374px){.brand-intro-stage{width:180px;height:180px}.brand-intro-logo{height:180px}.brand-intro-content h2{font-size:26px}}
@media(max-height:650px){.brand-intro-stage{width:170px;height:170px;margin:20px auto 24px}.brand-intro-logo{height:170px}.brand-intro-content h2{font-size:27px}}
@media(max-height:420px){.brand-intro-stage{width:120px;height:120px;margin:12px auto 18px}.brand-intro-logo{height:120px}.brand-intro-content h2{font-size:24px}.brand-intro-content{padding-bottom:40px}.brand-intro-content>p{display:none}}
/* Dark frosted page backdrop, with the brand kept crisp in front. */
.brand-intro::backdrop{background:rgba(6,10,18,.76);backdrop-filter:blur(15px) saturate(.7);-webkit-backdrop-filter:blur(15px) saturate(.7)}
html[data-brand-intro=pending] .brand-intro:not([open]){background:rgba(6,10,18,.76);backdrop-filter:blur(15px) saturate(.7);-webkit-backdrop-filter:blur(15px) saturate(.7)}
.brand-intro-content>p{color:#ffffffa8}.brand-intro-eyebrow{color:#ffffff99}.brand-intro-signature>span{color:#ffffff8c}.brand-intro-signature img{opacity:.9}
@media(max-width:767px){.brand-intro-signature>span{font-size:7px;letter-spacing:.06em}}