@scope (.desktop) {


a{text-decoration:none;color:inherit}
button{font:inherit;cursor:pointer}
@keyframes floatA{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes flow{from{stroke-dashoffset:0}to{stroke-dashoffset:-1400}}
.fa{animation:floatA 6s ease-in-out infinite}
.fb{animation:floatA 7s ease-in-out infinite;animation-delay:-3s}
.spin{animation:spin 14s linear infinite}
.flow{animation:flow 9s linear infinite}
@media (prefers-reduced-motion: reduce){.fa,.fb,.spin,.flow{animation:none}}
.halo{position:absolute;border-radius:50%;pointer-events:none}
.hl{background:linear-gradient(transparent 64%,rgba(193,255,114,.75) 64%,rgba(193,255,114,.75) 92%,transparent 92%);padding:0 2px}
.eb{display:inline-flex;align-items:center;gap:10px;height:34px;padding:0 16px 0 12px;border-radius:17px;background:#FFFFFF;font:600 13.5px/1 Poppins,sans-serif;color:#422680;box-shadow:0 0 0 1px #E6E0F5}
.eb i{width:8px;height:8px;border-radius:4px;background:#8CC152;box-shadow:0 0 0 4px rgba(193,255,114,.45);display:block}
.h2{margin:22px 0 0;font:700 52px/1.08 Montserrat,Poppins,sans-serif;letter-spacing:-.035em;color:#121F36}
.p{margin:0;font:400 18px/1.6 Poppins,sans-serif;color:#4A4E63}
.ph{position:absolute;width:300px;height:636px;border-radius:52px;background:#0B0718;padding:11px;box-sizing:border-box;box-shadow:0 40px 80px rgba(34,18,78,.25),inset 0 0 0 1.5px rgba(255,255,255,.12)}
.ph>div{width:278px;height:614px;border-radius:42px;overflow:hidden;background:#FBFAFD}
.ph img{width:278px;display:block}
.ck{display:flex;align-items:center;gap:12px;font:500 16.5px/1.4 Poppins,sans-serif;color:#121F36}
.ck::before{content:"";flex:none;width:24px;height:24px;border-radius:12px;background:#F4F0FB url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23422680' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center no-repeat}
.bub{max-width:300px;padding:14px 16px;border-radius:20px 20px 20px 6px;background:#fff;font:400 15px/1.45 Poppins,sans-serif;color:#121F36;box-shadow:0 14px 30px rgba(18,31,54,.15)}
.bub.me{border-radius:20px 20px 6px 20px;background:#F4F0FB}
.bub b{display:flex;align-items:center;gap:6px;font:600 12.5px/1 Montserrat,Poppins,sans-serif;color:#422680;margin-bottom:6px}
.aud{border-radius:32px;background:#F6F3FC;padding:40px;display:flex;flex-direction:column;min-height:400px;box-sizing:border-box;color:#121F36;position:relative;overflow:hidden}
.aud .tg{font:600 14px/1 Poppins,sans-serif;color:#422680;position:relative}
.aud b{display:block;font:700 32px/1.12 Montserrat,Poppins,sans-serif;letter-spacing:-.025em;margin-top:20px;position:relative}
.aud p{font:400 16.5px/1.6 Poppins,sans-serif;color:#4A4E63;margin:16px 0 0;position:relative}
.aud .bt{margin-top:auto;align-self:flex-start;height:54px;padding:0 26px;border-radius:27px;display:flex;align-items:center;font:600 15px/1 Montserrat,Poppins,sans-serif;position:relative}
.aud .ln{margin-top:auto;font:600 15.5px/1 Montserrat,Poppins,sans-serif;color:#422680}
.deep{background:radial-gradient(90% 120% at 85% 10%,#6A47C2 0%,#4B2D92 35%,#33196F 70%,#24104F 100%)}
.fl{display:block;margin-top:18px;font:600 13px/1 Poppins,sans-serif;color:#121F36}
.in{display:block;margin-top:8px;height:52px;border:1px solid #DCD9E4;border-radius:14px;padding:0 16px;font:400 15px/52px Poppins,sans-serif;color:#A29EB4}
.sg{height:46px;border:1px solid #DCD9E4;border-radius:23px;display:flex;align-items:center;justify-content:center;font:500 14px/1 Poppins,sans-serif;color:#4A4E63}
.sg.on{background:#422680;border-color:#422680;color:#fff}
.fc{display:flex;flex-direction:column;gap:12px}.fc b{font:700 14px/1 Montserrat,Poppins,sans-serif;color:#121F36;margin-bottom:6px}
.nav{width:56px;height:56px;border-radius:28px;border:0;background:#2C1866;color:#fff;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 10px 24px rgba(44,24,102,.25)}
.nav[disabled]{opacity:.25;cursor:default}
.dots{display:flex;flex-direction:column;gap:10px}
.dot{width:8px;height:8px;border-radius:4px;background:#D9D2EE}
.dot.on{height:28px;background:#422680}

}
@scope (.mobile) {


a{text-decoration:none;color:inherit}
button{font:inherit;cursor:pointer}
@keyframes floatA{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes flow{from{stroke-dashoffset:0}to{stroke-dashoffset:-1400}}
.fa{animation:floatA 6s ease-in-out infinite}
.fb{animation:floatA 7s ease-in-out infinite;animation-delay:-3s}
.spin{animation:spin 14s linear infinite}
.flow{animation:flow 9s linear infinite}
@media (prefers-reduced-motion: reduce){.fa,.fb,.spin,.flow{animation:none}}
.halo{position:absolute;border-radius:50%;pointer-events:none}
.hl{background:linear-gradient(transparent 64%,rgba(193,255,114,.75) 64%,rgba(193,255,114,.75) 92%,transparent 92%);padding:0 2px}
.eb{display:inline-flex;align-items:center;gap:10px;height:34px;padding:0 16px 0 12px;border-radius:17px;background:#FFFFFF;font:600 13.5px/1 Poppins,sans-serif;color:#422680;box-shadow:0 0 0 1px #E6E0F5}
.eb i{width:8px;height:8px;border-radius:4px;background:#8CC152;box-shadow:0 0 0 4px rgba(193,255,114,.45);display:block}
.h2m{margin:20px 0 0;font:700 34px/1.1 Montserrat,Poppins,sans-serif;letter-spacing:-.035em;color:#121F36}
.pm{margin:16px 0 0;font:400 16px/1.6 Poppins,sans-serif;color:#4A4E63}
.phm{position:relative;width:240px;height:508px;border-radius:42px;background:#0B0718;padding:9px;box-sizing:border-box;box-shadow:0 30px 60px rgba(34,18,78,.28),inset 0 0 0 1.5px rgba(255,255,255,.12)}
.phm>div{width:222px;height:490px;border-radius:34px;overflow:hidden;background:#FBFAFD}
.phm img{width:222px;display:block}
.ck{display:flex;align-items:center;gap:12px;font:500 15.5px/1.4 Poppins,sans-serif;color:#121F36}
.ck::before{content:"";flex:none;width:24px;height:24px;border-radius:12px;background:#F4F0FB url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23422680' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center no-repeat}
.bub{max-width:260px;padding:12px 14px;border-radius:18px 18px 18px 6px;background:#fff;font:400 14px/1.45 Poppins,sans-serif;color:#121F36;box-shadow:0 12px 26px rgba(18,31,54,.16)}
.bub.me{border-radius:18px 18px 6px 18px;background:#F4F0FB}
.bub b{display:flex;align-items:center;gap:6px;font:600 12px/1 Montserrat,Poppins,sans-serif;color:#422680;margin-bottom:6px}
.aud{border-radius:28px;background:#F6F3FC;padding:30px 26px;display:flex;flex-direction:column;box-sizing:border-box;color:#121F36;position:relative;overflow:hidden}
.aud .tg{font:600 13.5px/1 Poppins,sans-serif;color:#422680;position:relative}
.aud b{display:block;font:700 26px/1.15 Montserrat,Poppins,sans-serif;letter-spacing:-.025em;margin-top:16px;position:relative}
.aud p{font:400 15.5px/1.6 Poppins,sans-serif;color:#4A4E63;margin:12px 0 0;position:relative}
.aud .bt{margin-top:26px;height:52px;border-radius:26px;display:flex;align-items:center;justify-content:center;font:600 15px/1 Montserrat,Poppins,sans-serif;position:relative}
.aud .ln{margin-top:22px;font:600 15px/1 Montserrat,Poppins,sans-serif;color:#422680}
.deep{background:radial-gradient(120% 90% at 85% 5%,#6A47C2 0%,#4B2D92 35%,#33196F 70%,#24104F 100%)}
.fl{display:block;margin-top:16px;font:600 13px/1 Poppins,sans-serif;color:#121F36}
.in{display:block;margin-top:8px;height:50px;border:1px solid #DCD9E4;border-radius:14px;padding:0 16px;font:400 15px/50px Poppins,sans-serif;color:#A29EB4}
.sg{height:44px;border:1px solid #DCD9E4;border-radius:22px;display:flex;align-items:center;justify-content:center;white-space:nowrap;font:500 12px/1 Poppins,sans-serif;color:#4A4E63}
.sg.on{background:#422680;border-color:#422680;color:#fff}
.fc{display:flex;flex-direction:column;gap:12px}.fc b{font:700 14px/1 Montserrat,Poppins,sans-serif;color:#121F36;margin-bottom:4px}
.navm{width:52px;height:52px;border-radius:26px;border:0;background:#2C1866;color:#fff;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 10px 22px rgba(44,24,102,.25)}
.chips{display:flex;gap:8px;overflow-x:auto;margin:24px -20px 0;padding:0 20px 4px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.mlink{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid #EEEAF6;font:700 24px/1 Montserrat,Poppins,sans-serif;letter-spacing:-.02em;color:#121F36}

}
body{margin:0}html{scroll-behavior:smooth}button,input{font:inherit}button{cursor:pointer}.desktop{display:block}.mobile{display:none}.desktop>.artboard{zoom:var(--desktop-scale,1);margin:auto}.mobile>.artboard{zoom:var(--mobile-scale,1)}[data-section]{scroll-margin-top:20px}#reference-menu{border:0;padding:0;margin:0;max-width:none;max-height:none;width:100vw;height:100dvh;background:white}#reference-menu>div{zoom:var(--mobile-scale,1)}#reference-menu::backdrop{background:white}.desktop input.in,.mobile input.in{font-family:Poppins,sans-serif}.desktop [data-tabs],.mobile [data-tabs]{display:contents}#fidelity-detail{border:0;border-radius:24px;max-width:500px;padding:32px;color:#121F36;font-family:Poppins,sans-serif}#fidelity-detail::backdrop{background:#121f3670}#fidelity-detail button{border:0;background:#422680;color:white;border-radius:24px;padding:12px 24px}@media(max-width:760px){.desktop{display:none}.mobile{display:block}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Size each reference composition to the available viewport, without a fixed page crop. */
.desktop,.mobile{width:100%;min-width:0}.desktop>.artboard,.mobile>.artboard{height:auto!important;box-sizing:border-box;display:flow-root}.desktop>.artboard{margin:0}.mobile>.artboard>div{width:390px;position:relative}#reference-menu{width:100%;box-sizing:border-box}#reference-menu>div{min-height:calc(100dvh / var(--mobile-scale,1))!important;height:auto!important;padding-bottom:220px;box-sizing:border-box}.desktop img,.mobile img{max-width:none}
/* Scroll entrances preserve layout and the original floating/flow animations. */
.motion-ready{opacity:0;translate:0 var(--enter-offset,24px);transition:opacity .72s cubic-bezier(.22,1,.36,1),translate .9s cubic-bezier(.22,1,.36,1);transition-delay:var(--enter-delay,0ms);will-change:opacity,translate}
.motion-ready.motion-visible{opacity:var(--enter-opacity,1);translate:0 0}
.motion-complete{will-change:auto}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.artboard a[href],.artboard .sg,.artboard .nav,.artboard .navm{transition:box-shadow .22s ease,filter .22s ease,translate .22s ease}
.artboard a[href]:hover{filter:brightness(1.06)}
.artboard .nav:hover:not(:disabled),.artboard .navm:hover:not(:disabled){box-shadow:0 14px 30px rgba(44,24,102,.3);translate:0 -2px}
}
@media(prefers-reduced-motion:reduce){.motion-ready{opacity:var(--enter-opacity,1)!important;translate:none!important;transition:none!important;will-change:auto}}
/* A readable, deliberate reveal for the central brand statement. */
.statement-word{display:inline-block}
.statement-ready .statement-word{opacity:.14;translate:0 14px;transition:opacity .6s ease,translate .8s cubic-bezier(.22,1,.36,1);transition-delay:var(--word-delay,0ms)}
.statement-ready.statement-lit .statement-word{opacity:1;translate:0 0}
.statement-ready .hl{background-repeat:no-repeat;background-size:0% 100%;transition:background-size .8s cubic-bezier(.22,1,.36,1) .8s}
.statement-ready.statement-lit .hl{background-size:100% 100%}
@media(prefers-reduced-motion:reduce){.statement-ready .statement-word{opacity:1;translate:none;transition:none}.statement-ready .hl{background-size:100% 100%;transition:none}}