/* ObsidianUI Arrow Fill Button: expanding arrow-side fill, re-authored for CYBARRIER.
   Reference: https://www.obsidianui.dev/docs/arrow-fill-button */
body.reference-r11 #hero .hero-entry{width:340px;max-width:88vw;height:70px;bottom:16%;}
body.reference-r11 #hero #hero-explore{
 --entry-ease:cubic-bezier(.785,.135,.15,.86);
 display:flex;align-items:center;justify-content:flex-start;position:relative;
 width:100%;min-height:70px;height:70px;padding:0 80px 0 27px;gap:0;overflow:hidden;
 border:1px solid #ffffffda;border-radius:38px;background:linear-gradient(110deg,#ffffffc9,#f4fbfc98);
 color:#244b60;box-shadow:inset 0 1px 0 #fff,0 5px 25px #33576b09;
 transform:none;transition:box-shadow .5s,transform .2s;
}
#hero-explore .explore-copy{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:5px;z-index:1;white-space:nowrap}
#hero-explore .explore-label{font-size:18px;line-height:1.3;letter-spacing:-.025em;font-weight:480;transform:none;transition:none}
#hero-explore .explore-caption{font-size:10px;line-height:1.4;letter-spacing:0;color:#53758a;transform:none;transition:none}
#hero-explore .explore-fill{
 position:absolute;inset:-1px;z-index:2;display:flex;align-items:center;padding:0 80px 0 28px;
 border-radius:inherit;background:linear-gradient(100deg,#e6f5f9,#c9e6ed);color:#1c485c;
 clip-path:inset(9px 9px 9px calc(100% - 61px) round 28px);
 transition:clip-path .58s var(--entry-ease),background .58s;
}
#hero-explore .explore-fill .explore-copy{z-index:auto}
#hero-explore .explore-arrow-window{position:absolute;right:27px;top:calc(50% - 9px);width:20px;height:18px;overflow:hidden;}
#hero-explore .explore-arrow-window svg{position:absolute;inset:0;width:20px;height:18px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;transition:transform .58s var(--entry-ease)}
#hero-explore .explore-arrow-window svg:first-child{transform:translateX(-145%)}
body.reference-r11 #hero #hero-explore:is(:hover,:focus-visible,.is-entering){transform:none;background:linear-gradient(110deg,#ffffffc9,#f4fbfc98);box-shadow:inset 0 1px 0 #fff,0 9px 28px #33576b12}
#hero-explore:is(:hover,:focus-visible,.is-entering) .explore-fill{clip-path:inset(0 round 38px)}
#hero-explore:is(:hover,:focus-visible,.is-entering) .explore-arrow-window svg:first-child{transform:translateX(0)}
#hero-explore:is(:hover,:focus-visible,.is-entering) .explore-arrow-window svg:last-child{transform:translateX(145%)}
#hero-explore:is(:hover,:focus-visible) .explore-copy>span{transform:none}
body.reference-r11 #hero #hero-explore:active{transform:scale(.985)}
body.reference-r11 #hero #hero-explore:focus-visible{outline:2px solid #356b83;outline-offset:6px}
html[lang=en] #hero-explore .explore-label{font-size:16px}
html[lang=en] #hero-explore .explore-caption{font-size:8px;letter-spacing:.035em}

/* Every action is named in the resting state. No hover-only tooltip labels. */
body.reference-r11 #hero .quick-nav{left:50%;right:auto;transform:translateX(-50%);width:min(800px,62vw);bottom:5.4%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:start;}
body.reference-r11 #hero .quick-nav>a,body.reference-r11 #hero .quick-nav>button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;width:100%;height:64px;padding:7px 2px;border:0;border-radius:12px;background:none;opacity:1;color:#416879;transition:color .25s,background .35s;}
body.reference-r11 #hero .quick-nav svg{display:block;width:23px;height:23px;flex:none;opacity:.8;transition:transform .35s,opacity .35s;}
body.reference-r11 #hero .quick-nav span{position:static;display:block;opacity:1;white-space:nowrap;font-size:10px;font-weight:420;line-height:1.3;letter-spacing:.005em;transition:none;}
body.reference-r11 #hero .quick-nav>:is(:hover,:focus-visible){background:#f7fcfd44;color:#224b60;}
body.reference-r11 #hero .quick-nav>:is(:hover,:focus-visible) svg{transform:translateY(-2px);opacity:1;}
body.reference-r11 #hero .quick-nav>:focus-visible{outline:1.5px solid #356b83;outline-offset:3px;}
@media(max-width:760px){
 body.reference-r11 #hero .hero-entry{width:310px;height:64px;bottom:16%;}
 body.reference-r11 #hero #hero-explore{min-height:64px;height:64px;padding:0 71px 0 24px;}
 #hero-explore .explore-fill{padding:0 71px 0 25px;clip-path:inset(8px 8px 8px calc(100% - 56px) round 25px);}
 #hero-explore .explore-label{font-size:17px}#hero-explore .explore-caption{font-size:9px}
 html[lang=en] #hero-explore .explore-label{font-size:15px}html[lang=en] #hero-explore .explore-caption{font-size:7px;letter-spacing:.01em}
 #hero-explore .explore-arrow-window{right:24px;width:18px;}#hero-explore .explore-arrow-window svg{width:18px;}
 body.reference-r11 #hero .quick-nav{width:calc(100% - 24px);bottom:6%;gap:1px;}
 body.reference-r11 #hero .quick-nav>a,body.reference-r11 #hero .quick-nav>button{height:55px;gap:7px;padding:5px 0;border-radius:8px;}
 body.reference-r11 #hero .quick-nav svg{width:22px;height:22px;}
 body.reference-r11 #hero .quick-nav span{font-size:9px;letter-spacing:-.025em;}
 html[lang=en] body.reference-r11 #hero .quick-nav span{font-size:8px;letter-spacing:-.025em;}
}
@media(prefers-reduced-motion:reduce){#hero-explore *,body.reference-r11 #hero .quick-nav svg{transition:none!important;transform:none!important}#hero-explore .explore-arrow-window svg:first-child{visibility:hidden}}